COMFIO™ - FÉRFI CIPŐK
.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} } ❄❅❄❅❄❅❄❅ KÖNNYED KÉNYELEM PUHA LÉPÉSEK MINDENNAPI STÍLUS .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; } } Készen a hűvösebb napokra Könnyed kényelem a hűvösebb napokon is Amikor csökken a hőmérséklet, olyan cipőre vágyunk, amely egész nap kényelmes, és az időjáráshoz is igazítható. A COMFIO™ könnyű kialakítást, fűző nélküli, egyszerű felvételt és kivehető meleg talpbetétet kínál a hűvösebb napokra. Ha extra melegre van szüksége, egyszerűen helyezze be a meleg talpbetétet, enyhébb időben pedig vegye ki. A puha, rugalmas talp kellemes lépéseket biztosít, a praktikus kialakítás pedig kényelmes viseletet nyújt munkába menet, ügyintézéskor vagy séta közben. A hűvösebb napokhoz igazodva Miért praktikus választás a COMFIO™ télen? Gyors felvétel cipőfűző nélkül Csak bújjon bele a cipőbe, és már indulhat is. Nincs időigényes fűzőkötés vagy kioldódó cipőfűző – különösen praktikus a sietős, hideg reggeleken. Rugalmas felsőrész A rugalmas felsőrész megkönnyíti a felvételt, és kényelmesen illeszkedik a lábhoz. Így a COMFIO™ praktikus a mindennapi teendőkhöz, utazáshoz és rövidebb sétákhoz. Kivehető meleg talpbetét Hűvösebb napokon helyezze a cipőbe a puha, meleg talpbetétet, hogy extra meleget biztosítson a talpának. Amikor erre nincs szükség, egyszerűen vegye ki. Így a cipőt az igényeihez igazíthatja. Puha talp a mindennapi sétákhoz A rugalmas talp követi a láb mozgását, és kényelmesebbé teszi a mindennapi lépéseket. A mintázott járófelület segíti a tapadást a szokásos járófelületeken. Különböző hőmérsékletekhez igazítható Hideg időben használja a meleg talpbetétet, enyhébb hőmérsékleten pedig vegye ki. Nem kell mindig ugyanolyan meleg cipőt viselnie – igazítsa a naphoz és saját igényeihez. Hosszabb viselés során is kényelmes A könnyű kialakítás és a rugalmas felsőrész kényelmes mozgást tesz lehetővé a mindennapokban. A kivehető talpbetét szükség esetén extra meleget ad, anélkül hogy a cipő belseje állandóan bélelt lenne. A mindennapi kényelem téli változata Egy pár cipő, amely alkalmazkodik az időjáráshoz A COMFIO™ téli változata mindent megőriz, amit a kényelmes hétköznapi cipőkben szeretünk: könnyű viselet, puha talp és gyors felvétel. A kivehető meleg talpbetét kellemesebb érzést nyújt a lábnak, amikor odakint lehűl a levegő. Enyhébb időben, vagy ha nincs szüksége extra melegre, egyszerűen vegye ki a talpbetétet. Visszafogott megjelenése jól illik farmerhez, hétköznapi nadrághoz és lezser téli öltözékhez. Praktikus választás a mindennapi utakhoz, ügyintézéshez és sétákhoz az év hűvösebb időszakában – nehéz, merev cipők nélkül. Kényelem a hűvösebb napokra is Egyszerű felvétel CIPŐFŰZŐ NÉLKÜL Fűzőkötés nélkül: gyors és egyszerű felvétel minden nap. Könnyed lépések KÖNNYŰ Könnyű kialakítás a kényelmes mindennapi járáshoz. Meleg talpbetét KIVEHETŐ Kivehető, puha talpbetét az extra melegért a hűvösebb napokon. Puha talp RUGALMAS Rugalmas talp a kellemes lépésekért, mintázott járófelület a jobb tapadásért.
More you might like
Related
SEATWRAP® – UNIVERZÁLIS AUTÓ ÜLÉSHUZATOK
Related
COZYPEAK™ - NŐI CSIZMA 2IN1
Related
VEGMESH™ - ÜLTETŐFÓLIA (1x10m)
Related