COMFIO™ - PÁNSKE TOPÁNKY
.comfio-season-banner{max-width:1180px;margin:0 auto 22px;position:relative;overflow:hidden;background:#092e57;} .comfio-season-banner img{display:block;width:100%;height:auto;} .c omfio-season-banner a{position:absolute;left:34%;right:34%;top:48%;bottom:12%;display:block;z-index:1;} .comfio-season-banner--bottom{margin:25px auto 0;} @media(max-width:749px){.comfio-season-banner{margin-bottom:12px}.comfio-season-banner--bottom{margin-top:14px}.comfio-season-banner a{left:30%;right:30%;top:43%;bottom:9%;}} /* Zimski trak: ikone in napisi v eni vrsti tudi na telefonu */ .comfio-winter-strip{max-width:1180px;margin:0 auto 16px!important;background:#082e56;color:#fff;position:relative;overflow:hidden;isolation:isolate} .comfio-winter-strip .comfio-winter-strip-inner{position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:center;gap:0;min-height:65px;padding:7px 32px} .comfio-winter-strip .comfio-winter-strip-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:14px;min-width:0;padding:0 10px} .comfio-winter-strip .comfio-winter-strip-item+.comfio-winter-strip-item{border-left:1px solid rgba(255,255,255,.18)} .comfio-winter-strip .comfio-winter-strip-item img{display:block!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;flex:0 0 48px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important} .comfio-winter-strip .comfio-winter-strip-item span{display:block!important;color:#fff!important;font-size:14px!important;font-weight:750!important;line-height:1.15!important;letter-spacing:0!important;white-space:nowrap!important;margin:0!important;padding:0!important} .comfio-winter-strip .comfio-winter-snow{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden} .comfio-winter-strip .comfio-winter-snow i{position:absolute;font-style:normal;line-height:1;color:#cfe7ff;font-family:Arial,sans-serif;opacity:.22} .comfio-winter-strip .comfio-winter-snow i:nth-child(1){left:1%;top:4%;font-size:34px} .comfio-winter-strip .comfio-winter-snow i:nth-child(2){left:29%;bottom:2%;font-size:18px;opacity:.12} .comfio-winter-strip .comfio-winter-snow i:nth-child(3){left:34%;top:0;font-size:25px;opacity:.16} .comfio-winter-strip .comfio-winter-snow i:nth-child(4){left:65%;bottom:0;font-size:22px;opacity:.14} .comfio-winter-strip .comfio-winter-snow i:nth-child(5){left:67%;top:2%;font-size:24px;opacity:.13} .comfio-winter-strip .comfio-winter-snow i:nth-child(6){left:96%;bottom:0;font-size:13px;opacity:.12} .comfio-winter-strip .comfio-winter-snow i:nth-child(7){right:1%;top:3%;font-size:34px} .comfio-winter-strip .comfio-winter-snow i:nth-child(8){left:49%;top:4%;font-size:12px;opacity:.09} @media(max-width:749px){ .comfio-winter-strip{margin-bottom:10px!important} .comfio-winter-strip .comfio-winter-strip-inner{min-height:46px!important;padding:5px 8px!important} .comfio-winter-strip .comfio-winter-strip-item{gap:5px!important;padding:0 3px!important} .comfio-winter-strip .comfio-winter-strip-item img{width:29px!important;height:29px!important;min-width:29px!important;max-width:29px!important;flex:0 0 29px!important} .comfio-winter-strip .comfio-winter-strip-item span{font-size:clamp(7px,1.95vw,10px)!important;letter-spacing:-.02em!important} .comfio-winter-strip .comfio-winter-snow i{font-size:13px!important;opacity:.10!important} .comfio-winter-strip .comfio-winter-snow i:nth-child(1),.comfio-winter-strip .comfio-winter-snow i:nth-child(7){font-size:22px!important;opacity:.2!important} } @media(max-width:370px){ .comfio-winter-strip .comfio-winter-strip-inner{padding:5px 3px!important} .comfio-winter-strip .comfio-winter-strip-item{gap:3px!important;padding:0 1px!important} .comfio-winter-strip .comfio-winter-strip-item img{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;flex:0 0 24px!important} .comfio-winter-strip .comfio-winter-strip-item span{font-size:6.8px!important} } ❄❅❄❅❄❅❄❅ ĽAHKÉ POHODLIE MÄKKÝ KROK ŠTÝL NA KAŽDÝ DEŇ .comfio-product-story, .comfio-product-story * { box-sizing: border-box; } .comfio-product-story { --comfio-text: #111111; --comfio-green: #30401f; --comfio-soft: #f5f7f3; --comfio-border: #dedfd9; width: 100%; max-width: 1180px; margin: 0 auto; padding: 45px 20px 60px; color: var(--comfio-text); font-family: inherit; } .comfio-product-story img { max-width: 100%; } /* ========================================= SPLOŠNI BLOKI ========================================= */ .comfio-story-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 64px; margin-bottom: 70px; } .comfio-story-row--reverse .comfio-story-content { order: 2; } .comfio-story-row--reverse .comfio-story-media { order: 1; } .comfio-story-content { padding: 10px 16px; } .comfio-story-eyebrow { margin: 0 0 10px; color: var(--comfio-green); font-size: 13px; line-height: 1.3; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .comfio-story-title { margin: 0 0 18px; color: var(--comfio-text); font-size: clamp(30px, 3vw, 45px); line-height: 1.12; font-weight: 500; letter-spacing: -0.025em; } .comfio-story-text { margin: 0; color: var(--comfio-text); font-size: 17px; line-height: 1.65; } .comfio-story-text + .comfio-story-text { margin-top: 14px; } .comfio-story-media { overflow: hidden; border-radius: 10px; background: var(--comfio-soft); } .comfio-story-image { width: 100%; height: auto; display: block; object-fit: cover; } /* ========================================= ACCORDION ========================================= */ .comfio-story-accordion { margin-top: 20px; border-top: 1px solid var(--comfio-border); } .comfio-story-accordion details { border-bottom: 1px solid var(--comfio-border); } .comfio-story-accordion summary { position: relative; padding: 17px 34px 17px 36px; color: var(--comfio-text); font-size: 16px; line-height: 1.35; font-weight: 600; list-style: none; cursor: pointer; } .comfio-story-accordion summary::-webkit-details-marker { display: none; } .comfio-story-accordion summary::before { content: "✓"; position: absolute; top: 17px; left: 4px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; color: var(--comfio-green); font-size: 14px; font-weight: 700; border: 1px solid var(--comfio-green); border-radius: 50%; } .comfio-story-accordion summary::after { content: "+"; position: absolute; top: 50%; right: 5px; color: var(--comfio-green); font-size: 22px; font-weight: 400; transform: translateY(-50%); } .comfio-story-accordion details[open] summary::after { content: "−"; } .comfio-story-accordion-content { padding: 0 15px 18px 36px; color: #444444; font-size: 15px; line-height: 1.6; } /* ========================================= 4. BLOK – KORISTI ========================================= */ .comfio-benefits { margin-top: 20px; padding: 48px 34px 38px; background: var(--comfio-soft); border-radius: 12px; } .comfio-benefits-title { margin: 0 0 38px; text-align: center; color: var(--comfio-text); font-size: clamp(28px, 3vw, 42px); line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; } .comfio-benefits-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; } .comfio-benefit { text-align: center; } .comfio-benefit-icon-wrap { width: 94px; height: 94px; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 50%; overflow: hidden; } .comfio-benefit-icon { width: 86px; height: 86px; max-width: none; display: block; object-fit: contain; } .comfio-benefit-title { margin: 0 0 8px; color: var(--comfio-text); font-size: 17px; line-height: 1.3; font-weight: 700; } .comfio-benefit-number { margin: 0 0 5px; color: var(--comfio-green); font-size: 17px; line-height: 1; font-weight: 700; } .comfio-benefit-line { width: 200px; max-width: 100%; height: 8px; margin: 10px auto 14px; display: flex; gap: 5px; background: transparent; border-radius: 999px; overflow: visible; } .comfio-benefit-line span { height: 8px; display: block; border-radius: 999px; } .comfio-benefit-line .bar-1 { width: 24%; background: #bd8a00; } .comfio-benefit-line .bar-2 { width: 24%; background: #e0aa00; } .comfio-benefit-line .bar-3 { width: 24%; background: #be6242; } .comfio-benefit-line .bar-4 { width: 22%; background: #d8d8d8; position: relative; } .comfio-benefit-line .bar-4::before { content: ""; display: block; width: 28%; height: 100%; background: #4f7a2c; border-radius: 999px 0 0 999px; } /* ========================================= TABLET ========================================= */ @media screen and (max-width: 989px) { .comfio-product-story { padding: 30px 15px 45px; } .comfio-story-row { gap: 30px; margin-bottom: 48px; } .comfio-story-content { padding: 5px; } .comfio-story-title { font-size: 34px; } .comfio-story-text { font-size: 16px; } .comfio-benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 22px; } .comfio-benefit-icon-wrap { width: 88px; height: 88px; } .comfio-benefit-icon { width: 80px; height: 80px; } } /* ========================================= MOBILE ========================================= */ @media screen and (max-width: 749px) { .comfio-product-story { padding: 22px 10px 35px; } .comfio-story-row, .comfio-story-row--reverse { display: flex; flex-direction: column; gap: 20px; margin-bottom: 42px; } .comfio-story-row .comfio-story-content, .comfio-story-row--reverse .comfio-story-content { width: 100%; order: 1; } .comfio-story-row .comfio-story-media, .comfio-story-row--reverse .comfio-story-media { width: 100%; order: 2; } .comfio-story-content { padding: 0 5px; } .comfio-story-title { margin-bottom: 14px; font-size: 30px; line-height: 1.15; } .comfio-story-text { font-size: 16px; line-height: 1.55; } .comfio-story-media { border-radius: 8px; } .comfio-story-accordion summary { padding-top: 15px; padding-bottom: 15px; font-size: 15px; } .comfio-story-accordion summary::before { top: 14px; } .comfio-benefits { padding: 34px 18px 30px; } .comfio-benefits-title { margin-bottom: 28px; font-size: 28px; } .comfio-benefits-grid { grid-template-columns: 1fr; gap: 16px; } .comfio-benefit { padding: 18px; display: grid; grid-template-columns: 82px minmax(0, 1fr); column-gap: 17px; text-align: left; background: #ffffff; border-radius: 10px; } .comfio-benefit-icon-wrap { width: 82px; height: 82px; margin: 0; grid-row: 1 / span 5; background: var(--comfio-soft); } .comfio-benefit-icon { width: 76px; height: 76px; } .comfio-benefit-title, .comfio-benefit-number, .comfio-benefit-text { text-align: left; } .comfio-benefit-title { margin-bottom: 5px; font-size: 16px; } .comfio-benefit-number { font-size: 16px; } .comfio-benefit-line { width: 100%; margin: 7px 0 8px; } .comfio-benefit-text { font-size: 13px; } } @media screen and (max-width: 420px) { .comfio-benefit { grid-template-columns: 76px minmax(0, 1fr); column-gap: 14px; padding: 15px; } .comfio-benefit-icon-wrap { width: 76px; height: 76px; } .comfio-benefit-icon { width: 70px; height: 70px; } } Pripravené na chladnejšie dni Ľahkosť a pohodlie aj počas chladnejších dní Keď teploty klesajú, potrebujeme obuv, ktorá poskytuje pohodlie počas celého dňa a prispôsobí sa počasiu. COMFIO™ spája ľahkú konštrukciu, jednoduché obúvanie bez šnurovania a vyberateľnú teplú vložku na chladnejšie dni. Keď potrebujete viac tepla, stačí vložiť zateplenú vložku a pri miernejšom počasí ju vybrať. Mäkká, pružná podrážka zvyšuje pohodlie pri chôdzi a praktický strih sa hodí na cestu do práce, vybavovanie povinností aj prechádzky. Prispôsobené chladnejším dňom Prečo je COMFIO™ praktickou voľbou na zimu? Rýchle obúvanie bez šnurovania Stačí obuť a môžete vyraziť. Bez zdĺhavého zaväzovania a rozväzujúcich sa šnúrok – obzvlášť praktické počas uponáhľaných, chladných rán. Pružný zvršok Pružný zvršok uľahčuje obúvanie a pohodlne sa prispôsobuje chodidlu. Vďaka tomu sa COMFIO™ hodí na každodenné aktivity, cestovanie aj kratšie prechádzky. Vyberateľná teplá vložka V chladnejších dňoch vložte mäkkú, teplú vložku, ktorá poskytne chodidlám viac tepla. Keď ju nepotrebujete, jednoducho ju vyberte. Obuv tak prispôsobíte svojim potrebám. Mäkká podrážka na každodenné prechádzky Pružná podrážka sa prispôsobuje pohybu chodidla a zvyšuje pohodlie pri každodennej chôdzi. Dezén pomáha udržiavať priľnavosť na bežných povrchoch. Prispôsobenie rôznym teplotám V chladných dňoch používajte teplú vložku a pri miernejších teplotách ju vyberte. Obuv tak ľahko prispôsobíte počasiu aj svojim potrebám. Pohodlie aj pri dlhšom nosení Ľahká konštrukcia a pružný zvršok poskytujú voľnosť pohybu každý deň. Vyberateľná vložka dodá teplo vtedy, keď ho potrebujete, bez trvalého zateplenia vnútra topánky. Zimná podoba každodenného pohodlia Jeden pár topánok, ktorý sa prispôsobí počasiu Zimná verzia COMFIO™ si zachováva všetko, čo oceňujeme na pohodlnej každodennej obuvi: ľahkosť, mäkkú podrážku a rýchle obúvanie. Vyberateľná teplá vložka zvyšuje pohodlie chodidiel, keď sa vonku ochladí. Pri miernejšom počasí alebo keď nepotrebujete ďalšie teplo, stačí vložku vybrať. Univerzálny vzhľad sa hodí k džínsom, každodenným nohaviciam aj ležérnym zimným outfitom. Praktická voľba na každodenné pochôdzky, nákupy a prechádzky počas chladnejších mesiacov – bez ťažkej a tuhej obuvi. Pohodlie aj počas chladnejších dní Jednoduché obúvanie BEZ ŠNUROVANIA Bez zaväzovania šnúrok: rýchlo a pohodlne každý deň. Ľahký krok ĽAHKÉ Ľahká konštrukcia poskytuje pohodlie pri každodennej chôdzi. Teplá vložka VYBERATEĽNÁ Vyberateľná mäkká vložka poskytuje viac tepla počas chladnejších dní. Mäkká podrážka PRUŽNÁ Pružná podrážka pre pohodlný krok s dezénom, ktorý zlepšuje priľnavosť.
More you might like
Related
LUXESTEP - PÁNSKE MÓDNE TOPÁNKY
Related
DREAMCRAFT™ - MAĽOVANIE PAPIEROM
Related
VYSOKÉ ZATEPLENÉ TOPÁNKY NOEL
Related