@font-face{font-family:Oswald;src:url('oswald-bold.woff') format('woff');font-weight:700}
.native-slide{padding:14.3% 4.2% 3.6%;background:#fff;--soft:#f7f8f9;--soft2:#eff1f2;--stroke:#d5d7db;--grey:#6a6f73;--native-red:#e81412;--native-green:#3d7a15;--native-blue:#88c9db;--round:20px}
.native-head{position:absolute;inset:0 0 auto;height:12.3%;background:#fff;border-bottom:1px solid #c5c5c5;z-index:4}
.native-benefits{height:31%;padding:0 2.2%;display:flex;align-items:center;justify-content:space-between;background:#050505;color:#fff;font:500 clamp(9px,.68vw,12px) Figtree;letter-spacing:.01em}
.native-benefits span{display:flex;align-items:center;gap:7px}.native-benefits i{width:7px;height:7px;border-radius:2px;background:#16a37c}.native-benefits b{font-weight:750}
.native-nav{height:69%;display:flex;align-items:center;gap:clamp(18px,2.6vw,42px);padding:0 2.2%}.native-nav img{width:clamp(112px,10vw,162px)}
.native-links{display:flex;gap:clamp(16px,2.4vw,38px);margin-left:3%;font:700 clamp(9px,.9vw,15px) Oswald;text-transform:uppercase;letter-spacing:.035em}.native-tools{margin-left:auto;display:flex;align-items:center;gap:10px}.native-search{width:clamp(130px,17vw,260px);height:36px;border:1px solid #222;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#999;font-size:12px}.native-tool{width:36px;height:36px;display:grid;place-items:center;font-size:20px}.native-step{font-size:11px;color:var(--grey);white-space:nowrap}
.native-kicker{font:700 clamp(10px,.72vw,13px) Oswald;text-transform:uppercase;letter-spacing:.08em}.native-kicker.red{color:var(--native-red)}
.native-title{font-size:clamp(42px,5vw,78px);font-weight:700;letter-spacing:-.052em;line-height:.98}.native-title strong{font-weight:700}.native-copy{font-size:clamp(14px,1.18vw,19px);line-height:1.42;color:var(--grey)}
.native-btn{display:flex;align-items:center;justify-content:center;width:max-content;min-width:190px;height:48px;padding:0 22px;border-radius:8px;background:#050505;color:#fff;font-weight:700;font-size:14px}.native-btn.red{background:var(--native-red)}
.native-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:var(--soft2);font-size:11px;font-weight:700}.native-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--native-green)}
.native-card{border:1px solid var(--stroke);border-radius:var(--round);background:#fff;overflow:hidden}.native-card.soft{background:var(--soft);border-color:var(--soft)}
.native-card.black{background:#050505;color:#fff;border-color:#050505}.native-card.red{background:var(--native-red);color:#fff;border-color:var(--native-red)}

/* G - listing i kafle sklepu */
.g-cover{display:grid;grid-template-columns:1.32fr .68fr;gap:14px;height:100%}.g-cover-main{padding:4.5%;display:flex;flex-direction:column;justify-content:space-between;background:var(--soft)}.g-cover-main h1{font-size:clamp(50px,6.2vw,96px);max-width:900px}.g-cover-main h1 em{font-style:normal;color:var(--native-red)}.g-cover-main .bottom{display:flex;align-items:end;justify-content:space-between;gap:25px}.g-cover-main .native-copy{max-width:520px}.g-kpis{display:grid;grid-template-rows:1.12fr .88fr;gap:14px}.g-kpi{padding:8%;display:flex;flex-direction:column;justify-content:space-between}.g-kpi .tag{align-self:flex-start;padding:7px 10px;background:var(--native-red);color:#fff;border-radius:4px;font:700 11px Oswald;text-transform:uppercase}.g-kpi strong{font-size:clamp(48px,5.2vw,82px);letter-spacing:-.06em;line-height:.9}.g-kpi small{display:block;margin-top:12px;font-size:13px;color:#b5b9be}.g-kpi.white small{color:var(--grey)}.g-kpi .iconline{display:flex;justify-content:space-between;align-items:center}.g-kpi .circle{width:46px;height:46px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:22px}
.catalog-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:2.2%}.catalog-head h2{font:700 clamp(36px,4.2vw,68px)/1 Oswald;text-transform:uppercase}.catalog-head p{max-width:420px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.catalog-card{min-height:220px;padding:17px;display:flex;flex-direction:column;position:relative}.catalog-card .sale{position:absolute;top:14px;left:14px;background:var(--native-red);color:white;padding:5px 10px;border-radius:4px;font:700 11px Oswald}.catalog-card .glyph{height:92px;display:grid;place-items:center}.catalog-card .glyph span{width:68px;height:68px;border-radius:20px;background:var(--soft2);display:grid;place-items:center;font-size:30px}.catalog-card h3{font:700 clamp(16px,1.35vw,22px) Oswald;text-transform:uppercase;line-height:1.08}.catalog-card p{font-size:11px;line-height:1.35;color:var(--grey);margin-top:7px}.catalog-card .price-row{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.catalog-card .price-row b{font-size:18px}.catalog-card .heart{width:34px;height:34px;border:1px solid var(--stroke);border-radius:50%;display:grid;place-items:center}.catalog-card.featured{background:#050505;color:#fff}.catalog-card.featured p{color:#b5b9be}.catalog-card.featured .glyph span{background:#222}.catalog-card.featured .heart{border-color:#555}
.product-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;height:100%}.product-visual{position:relative;background:var(--soft);padding:4%;display:flex;align-items:center;justify-content:center}.product-visual img{width:88%;height:88%;object-fit:cover;border-radius:16px}.product-visual .label-a,.product-visual .label-b{position:absolute;padding:9px 12px;border-radius:8px;font-size:11px;font-weight:700}.product-visual .label-a{top:5%;left:5%;background:#fff}.product-visual .label-b{bottom:5%;right:5%;background:#050505;color:#fff}.product-info{padding:4%;display:flex;flex-direction:column}.product-info h2{font-size:clamp(34px,3.6vw,56px);line-height:1.02;letter-spacing:-.04em}.product-info .native-copy{margin-top:14px}.product-rating{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--stroke);font-size:12px}.product-rating b{letter-spacing:.15em}.variant-label{margin:15px 0 8px;font-size:12px;color:var(--grey)}.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.variant{border:1px solid var(--stroke);border-radius:10px;padding:11px;font-size:11px;min-height:64px;display:flex;flex-direction:column;justify-content:space-between}.variant.active{border:2px solid #050505}.variant b{font-size:14px}.product-buy{margin-top:auto;display:grid;grid-template-columns:1fr 2.2fr;gap:8px}.product-buy .native-btn{width:100%;min-width:0}.price-box{border:1px solid var(--stroke);border-radius:8px;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.price-box b{font-size:18px}
.cart-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;height:100%}.cart-list{padding:3.2%}.cart-title{display:flex;align-items:end;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--stroke)}.cart-title h2{font-size:clamp(32px,3.5vw,56px)}.cart-row{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--stroke)}.cart-row .num{width:44px;height:44px;border-radius:13px;background:var(--soft2);display:grid;place-items:center;font-weight:800}.cart-row h3{font-size:16px}.cart-row p{font-size:11px;color:var(--grey);margin-top:3px}.cart-row b{font-size:17px}.cart-row.active .num{background:#050505;color:#fff}.cart-summary{padding:7%;display:flex;flex-direction:column}.cart-summary h3{font-size:25px}.summary-line{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--stroke);font-size:13px}.summary-line.total{font-size:18px;font-weight:800;border:0}.cart-summary .native-btn{margin-top:auto;width:100%}.cart-perks{display:grid;gap:8px;margin-top:12px;color:var(--grey);font-size:11px}

/* H - checkout, zwroty i kontrolowana droga */
.h-progress{height:50px;border:1px solid var(--stroke);border-radius:16px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 18px;margin-bottom:16px}.h-progress span{display:flex;align-items:center;gap:8px;color:#b5b9be;font-size:12px}.h-progress span::before{content:"";width:24px;height:24px;border:1px solid currentColor;border-radius:50%}.h-progress span.active{color:#050505;font-weight:700}.h-progress span.done{color:var(--native-green)}
.h-cover{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;height:calc(100% - 66px)}.h-cover-copy{padding:5%;display:flex;flex-direction:column;justify-content:space-between}.h-cover-copy h1{font-size:clamp(42px,4.8vw,74px)}.h-cover-copy .native-copy{max-width:630px}.h-cover-side{padding:4%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr .78fr;gap:10px}.h-choice{border:1px solid var(--stroke);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.h-choice.wide{grid-column:1/-1;background:#050505;color:#fff}.h-choice .round-icon{width:42px;height:42px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:18px}.h-choice b{font-size:20px}.h-choice small{display:block;color:var(--grey);line-height:1.3;margin-top:5px}.h-choice.wide small{color:#b5b9be}.h-choice.wide strong{font-size:clamp(31px,3.2vw,50px);letter-spacing:-.04em}
.flow-head{display:grid;grid-template-columns:1fr 420px;gap:25px;align-items:end;margin-bottom:2.5%}.flow-head h2{font-size:clamp(40px,4.8vw,74px)}.flow-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.flow-card{min-height:255px;padding:20px;display:flex;flex-direction:column}.flow-card .flow-top{display:flex;justify-content:space-between;align-items:center}.flow-card .flow-icon{width:42px;height:42px;border-radius:13px;background:var(--soft2);display:grid;place-items:center;font-size:20px}.flow-card .status{font-size:10px;font-weight:800;text-transform:uppercase;padding:6px 8px;border-radius:999px;background:var(--soft2)}.flow-card.active{box-shadow:inset 0 0 0 2px #050505}.flow-card.active .status{background:#050505;color:#fff}.flow-card.done .status{background:#e9f3e2;color:var(--native-green)}.flow-card h3{font-size:clamp(22px,2vw,31px);margin-top:42px}.flow-card p{font-size:12px;color:var(--grey);line-height:1.42;margin-top:8px}.flow-card .flow-bottom{margin-top:auto;padding-top:15px;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;font-size:11px;font-weight:700}
.hidden-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;height:100%}.hidden-copy{padding:6%;display:flex;flex-direction:column;justify-content:space-between}.hidden-copy h2{font-size:clamp(38px,4.4vw,68px)}.hidden-copy .native-copy{margin-top:16px}.hidden-bars{display:grid;gap:8px}.hidden-bars span{height:10px;border-radius:9px;background:var(--soft2);overflow:hidden}.hidden-bars i{display:block;height:100%;border-radius:inherit;background:#050505}.hidden-bars span:nth-child(1) i{width:18%;background:var(--native-red)}.hidden-bars span:nth-child(2) i{width:56%}.hidden-bars span:nth-child(3) i{width:82%}.hidden-scene{position:relative;background:var(--soft);padding:3%;display:grid;grid-template-rows:.37fr .63fr;gap:10px}.visible-box{border:1px solid var(--stroke);border-radius:16px;background:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between}.visible-box strong{font-size:26px}.visible-box span{font-size:11px;color:var(--grey)}.under-box{border-radius:16px;background:#050505;color:#fff;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.under-item{border:1px solid #303030;border-radius:13px;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.under-item b{font-size:16px}.under-item small{color:#9ea2a6;line-height:1.3}.waterline{position:absolute;left:5%;right:5%;top:37%;height:1px;background:var(--native-blue)}.waterline span{position:absolute;right:0;bottom:7px;background:#fff;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:800;color:#397d90}
.h-road{display:grid;grid-template-columns:1fr .42fr;gap:16px;height:100%}.h-road-main{padding:4.4%}.h-road-main h2{font-size:clamp(38px,4.3vw,67px);max-width:780px}.timeline{margin-top:4%;display:grid;gap:8px}.timeline-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--stroke);border-radius:13px}.timeline-row .dotnum{width:31px;height:31px;border-radius:50%;background:var(--soft2);display:grid;place-items:center;font-size:10px;font-weight:800}.timeline-row h3{font-size:14px}.timeline-row p{font-size:10px;color:var(--grey);margin-top:2px}.timeline-row .when{font-size:10px;font-weight:800;text-transform:uppercase}.timeline-row.done .dotnum{background:var(--native-green);color:#fff}.timeline-row.active{border:2px solid #050505}.timeline-row.active .dotnum{background:#050505;color:#fff}.h-road-summary{padding:8%;display:flex;flex-direction:column}.h-road-summary .big{font-size:clamp(48px,5vw,78px);letter-spacing:-.06em}.h-road-summary p{font-size:12px;color:var(--grey);line-height:1.4;margin-top:10px}.h-road-summary .native-btn{margin-top:auto;width:100%;min-width:0}

/* I - karta produktu For Long Life */
.theme-i .native-slide{--native-red:#e81412;--native-green:#2b882b;--native-blue:#86c8da;--round:18px}.i-cover{display:grid;grid-template-columns:.92fr 1.08fr;gap:16px;height:100%}.i-cover-copy{padding:5%;display:flex;flex-direction:column;justify-content:space-between}.i-cover-copy h1{font-size:clamp(48px,5.9vw,92px)}.i-cover-copy h1 span{color:var(--native-green)}.i-cover-copy .native-copy{max-width:560px}.i-visual{position:relative;background:#eaf4f7;display:flex;align-items:center;justify-content:center}.i-disc{width:62%;aspect-ratio:1;border-radius:50%;background:var(--native-blue);display:grid;place-items:center;box-shadow:0 0 0 28px #fff8,0 0 0 29px #c9e2e9}.i-disc strong{font:700 clamp(44px,5.5vw,86px)/.9 Oswald;text-align:center;text-transform:uppercase}.i-disc small{display:block;font:700 14px Figtree;text-transform:none;margin-top:10px}.i-sticker{position:absolute;border-radius:12px;background:#fff;border:1px solid var(--stroke);padding:12px 15px;font-size:11px;font-weight:700}.i-sticker.one{left:5%;top:6%}.i-sticker.two{right:5%;bottom:6%;background:#050505;color:#fff;border-color:#050505}.i-sticker.red{right:4%;top:5%;background:var(--native-red);color:white;border:0;font:700 12px Oswald;text-transform:uppercase}
.selector-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:2.5%}.selector-head h2{font-size:clamp(38px,4.4vw,68px);max-width:740px}.selector-head p{max-width:390px}.selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.selector-card{min-height:230px;padding:15px;display:flex;flex-direction:column}.selector-art{height:92px;border-radius:12px;background:var(--soft);display:grid;place-items:center;position:relative}.selector-art span{font:700 27px Oswald;color:var(--shade,#2b882b)}.selector-art i{position:absolute;right:10px;top:10px;width:10px;height:10px;border-radius:50%;background:var(--shade,#2b882b)}.selector-card h3{font-size:18px;margin-top:14px}.selector-card p{font-size:10px;line-height:1.35;color:var(--grey);margin-top:5px}.selector-card .select{margin-top:auto;padding-top:11px;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;font-size:11px;font-weight:800}.selector-card.active{border:2px solid #050505}.selector-card.active .select{color:var(--native-green)}
.i-ice{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;height:100%}.i-ice-art{position:relative;background:#eef2f3}.i-ice-art img{width:100%;height:100%;object-fit:cover}.i-ice-art .i-layer{position:absolute;left:5%;padding:8px 11px;border-radius:8px;font-size:10px;font-weight:800}.i-layer.top{top:5%;background:#fff}.i-layer.bottom{bottom:5%;background:#050505;color:#fff}.i-ice-info{padding:5%;display:flex;flex-direction:column}.i-ice-info h2{font-size:clamp(35px,3.8vw,59px)}.i-ice-info .native-copy{margin-top:12px}.i-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.i-spec{border:1px solid var(--stroke);border-radius:11px;padding:12px}.i-spec b{display:block;font-size:18px}.i-spec small{color:var(--grey);font-size:9px}.i-ice-info .native-btn{margin-top:auto;width:100%}
.bundle-head{display:grid;grid-template-columns:1fr 390px;align-items:end;gap:25px;margin-bottom:2.5%}.bundle-head h2{font-size:clamp(38px,4.2vw,66px)}.bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bundle{min-height:250px;padding:18px;display:flex;flex-direction:column}.bundle-top{display:flex;justify-content:space-between;align-items:center}.bundle-top .bundle-icon{width:44px;height:44px;border-radius:12px;background:var(--soft2);display:grid;place-items:center;font-size:20px}.bundle-top .discount{background:var(--native-green);color:#fff;border-radius:4px;padding:5px 8px;font:700 10px Oswald}.bundle h3{font-size:22px;margin-top:30px}.bundle p{font-size:11px;line-height:1.38;color:var(--grey);margin-top:7px}.bundle-price{margin-top:auto;display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--stroke);padding-top:13px}.bundle-price strong{font-size:24px}.bundle-price small{color:var(--grey)}.bundle.featured{background:#050505;color:#fff}.bundle.featured p,.bundle.featured small{color:#b5b9be}.bundle.featured .bundle-icon{background:#242424}

@media(max-width:900px){.native-links,.native-search{display:none}.g-cover,.product-layout,.cart-layout,.h-cover,.hidden-layout,.h-road,.i-cover,.i-ice{grid-template-columns:1fr}.g-kpis,.h-cover-side,.cart-summary,.product-info,.h-road-summary,.i-cover-copy{display:none}.catalog-grid,.selector-grid{grid-template-columns:1fr 1fr}.flow-stack,.bundle-grid{grid-template-columns:1fr}.flow-card:nth-child(n+2),.bundle:nth-child(n+2){display:none}}

/* Final - kierunek H jako prezentacja, bez sklepowego headera. */
.final-slide{padding:10.6% 4.2% 3.8%;--round:20px}
.presentation-head{position:absolute;inset:0 4.2% auto;height:8.2%;display:flex;align-items:center;gap:18px;border-bottom:1px solid #d5d7db;z-index:4;background:#fff}
.presentation-head img{width:clamp(112px,9vw,150px)}
.presentation-head .deck-name{display:flex;align-items:center;gap:9px;margin-left:14px;font-size:clamp(9px,.7vw,12px);font-weight:650;color:#6a6f73}
.presentation-head .deck-name::before{content:"";width:7px;height:7px;border-radius:50%;background:#e81412}
.presentation-head .chapter{margin-left:auto;font:700 clamp(9px,.68vw,12px) Oswald;text-transform:uppercase;letter-spacing:.08em}
.presentation-head .page{display:grid;place-items:center;min-width:54px;height:30px;border:1px solid #d5d7db;border-radius:999px;font-size:10px;font-weight:800}
.final-slide .h-progress{margin-bottom:14px}
.final-slide .h-cover{height:calc(100% - 64px)}
.final-slide .h-cover-copy{padding:4.8%}
.final-slide .h-cover-copy h1{font-size:clamp(44px,5vw,78px)}
.final-slide .flow-head{margin-bottom:2.2%}
.final-slide .flow-card{min-height:265px}
.final-slide .hidden-copy,.final-slide .h-road-main{padding:5.2%}
.final-slide .hidden-copy h2{font-size:clamp(40px,4.6vw,72px)}
.final-accent{position:absolute;left:0;top:0;width:5px;height:100%;background:#e81412}
@media(max-width:900px){.presentation-head .deck-name{display:none}.final-slide{padding-top:12%}}
