@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap');
:root{--bg:#f4f6f0;--surface:#fff;--ink:#102018;--muted:#6c7a70;--line:#e2e8dd;--green:#176b45;--green2:#2f9e63;--lime:#e4f3e7;--blue:#dbeafe;--coral:#f08a5d;--cream:#f7f4ea;--radius:24px;--shadow:0 18px 50px rgba(16,32,24,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Outfit,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1200px,calc(100% - 40px));margin:0 auto}h1,h2,h3,h4{font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.2px}
.announce{background:#0d3524;color:#dcefe0;font-size:11px;letter-spacing:.4px}.announce-in{display:flex;justify-content:space-between;padding:8px 0;text-transform:uppercase}.announce-in span:nth-child(2){opacity:.7}
.site-header{position:sticky;top:0;z-index:30;padding:10px 0;background:rgba(244,246,240,.86);backdrop-filter:blur(16px) saturate(1.3);transition:box-shadow .25s,background .25s}
.site-header.is-stuck{background:rgba(244,246,240,.95);box-shadow:0 12px 32px -22px rgba(16,32,24,.35)}
.header-in{height:76px;background:#fff;border:1px solid rgba(226,232,221,.9);border-radius:22px;box-shadow:0 10px 30px -14px rgba(16,32,24,.16);display:flex;align-items:center;gap:22px;padding:0 16px;transition:box-shadow .25s,transform .25s}
.header-in:hover{box-shadow:0 16px 38px -16px rgba(16,32,24,.22)}
.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#1c7a4f,#0e4b30);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(23,107,69,.25)}.brand-mark svg{width:23px;height:23px;fill:currentColor;stroke:none}
.brand-mark.brand-logo{background:transparent;box-shadow:none;padding:2px}
.brand-mark.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}
.brand.light .brand-mark.brand-logo{background:transparent}.brand-txt{font:700 21px/1 Oswald,sans-serif;text-transform:lowercase;letter-spacing:-.4px;color:#0e3b28}.brand-txt small{display:block;font:500 8px/1 Outfit,sans-serif;letter-spacing:3.2px;text-transform:uppercase;color:#809184;margin-top:4px}
.main-nav{display:flex;gap:17px;font-size:12.5px;font-weight:600;color:#3d4c42;white-space:nowrap}.main-nav a{position:relative;padding:6px 0}.main-nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--green2);transition:.2s}.main-nav a:hover:after{width:100%}.main-nav a:hover{color:var(--green)}
.main-nav a.is-active{color:var(--green)}
.main-nav a.is-active:after{width:100%;background:var(--green)}
.search{flex:1;max-width:420px;display:flex;align-items:center;gap:8px;background:#f5f7f2;border:1px solid #e6ebe2;border-radius:999px;padding:4px 5px 4px 14px;min-width:0;transition:border-color .18s,box-shadow .18s,background .18s}
.search:focus-within{background:#fff;border-color:var(--green);box-shadow:0 0 0 4px rgba(23,107,69,.12)}
.search:focus-within svg{stroke:var(--green)}.search svg{width:17px;height:17px;stroke:#7d8d81;fill:none;stroke-width:1.8;flex:none}.search input{border:0;outline:0;background:transparent;font:inherit;font-size:12.5px;flex:1;min-width:0;color:var(--ink)}.search button{border:0;background:var(--green);color:#fff;border-radius:999px;padding:9px 15px;font:600 11px Outfit;cursor:pointer}.search button:hover{background:#0f4f33}
.cat-btn{display:flex;align-items:center;gap:7px;background:var(--green);color:#fff;border-radius:999px;padding:10px 15px;font-size:11.5px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.cat-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}.cat-btn:hover{background:#0f4f33}
.icons{display:flex;gap:7px}.icon-btn{position:relative;width:39px;height:39px;border:1px solid #e6ebe2;border-radius:50%;display:grid;place-items:center;color:#284436;transition:.2s;background:#fff}
.icon-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -12px rgba(16,32,24,.35)}.icon-btn:hover{background:var(--lime);border-color:#cfe6d6}.icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.icon-btn.cart b{position:absolute;top:-3px;right:-2px;background:var(--coral);color:#fff;font:700 9px Outfit;border-radius:99px;padding:2px 5px;border:2px solid #fff}
.hero{padding:34px 0 18px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.pill{display:inline-flex;align-items:center;gap:7px;background:#e2f1e5;color:#176b45;border-radius:999px;padding:6px 11px;font:700 9.5px Outfit;letter-spacing:1.8px;text-transform:uppercase}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green2)}.hero-copy h1{font-size:clamp(54px,7vw,88px);line-height:.92;letter-spacing:-1px;text-transform:uppercase;margin:17px 0 18px;color:#0e2e1f}.hero-copy h1 em{font-style:normal;color:var(--green2);position:relative}.hero-copy h1 em:after{content:"";position:absolute;left:2px;right:2px;bottom:5px;height:9px;background:#bfe6c5;z-index:-1;transform:rotate(-1.5deg)}.hero-copy p{max-width:445px;color:#65766a;font-size:14.5px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:999px;padding:13px 21px;font:600 12.5px Outfit;cursor:pointer;transition:.2s}.btn:hover{background:#0f4f33;transform:translateY(-1px)}.btn span{font-size:16px;line-height:0}.btn.ghost{background:transparent;color:#1c3a29;border-color:#cfdacf}.btn.ghost:hover{background:#fff}.btn.big{width:100%;border-radius:12px;padding:14px}.hero-meta{display:flex;gap:26px;margin-top:31px;padding-top:18px;border-top:1px solid #dfe6da}.hero-meta div{display:flex;flex-direction:column}.hero-meta b{font:600 22px Oswald;color:#14532d}.hero-meta span{font-size:10px;color:#7a8b7e;text-transform:uppercase;letter-spacing:.6px}
.hero-art{position:relative;border-radius:32px;overflow:hidden;min-height:480px;background:#dcefe0;box-shadow:0 26px 60px rgba(23,107,69,.13)}.hero-art .origami{width:100%;height:100%;min-height:480px;display:block;object-fit:cover}.float-card{position:absolute;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-radius:14px;padding:10px 13px;box-shadow:0 12px 28px rgba(16,32,24,.14);display:flex;flex-direction:column;gap:2px}.float-card span{font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:#7b8d80}.float-card b{font:600 22px Oswald;color:#14532d}.float-card small{font-size:9px;color:#7b8d80}.fc1{top:24px;left:22px}.fc2{right:20px;bottom:26px}.stamp{position:absolute;left:24px;bottom:22px;background:#0e3b28;color:#dff3e5;border-radius:50%;width:74px;height:74px;display:grid;place-items:center;text-align:center;font:500 8px/1.1 Outfit;letter-spacing:1.4px;text-transform:uppercase;transform:rotate(-8deg)}.stamp b{font:600 11px Oswald;letter-spacing:.5px}
.quick-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:2px}
.quick-cats:empty{display:none}
.qcat.has-img{background-size:cover;background-position:center}.qcat{position:relative;border-radius:20px;padding:20px;min-height:124px;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden;border:1px solid rgba(255,255,255,.5);transition:.2s}.qcat:hover{transform:translateY(-3px)}.qcat div{display:flex;flex-direction:column;gap:2px;z-index:2}.qcat span{font:500 9px Outfit;letter-spacing:1.6px;opacity:.6}.qcat b{font:600 21px Oswald;text-transform:uppercase;letter-spacing:.3px}.qcat small{font-size:10px;opacity:.7}.qcat i{font-style:normal;width:29px;height:29px;border:1px solid rgba(16,32,24,.2);border-radius:50%;display:grid;place-items:center;font-size:13px;z-index:2}.q1{background:linear-gradient(90deg,rgba(220,239,224,.94),rgba(220,239,224,.35)),url('https://images.unsplash.com/photo-1483985988355-763728e1935b?auto=format&fit=crop&w=900&q=70') center/cover}.q2{background:linear-gradient(90deg,rgba(232,226,209,.95),rgba(232,226,209,.3)),url('https://images.unsplash.com/photo-1549298916-b41d501d3772?auto=format&fit=crop&w=900&q=70') center/cover}.q3{background:linear-gradient(90deg,rgba(227,233,243,.95),rgba(227,233,243,.3)),url('https://images.unsplash.com/photo-1523275335684-37898b6baf30?auto=format&fit=crop&w=900&q=70') center/cover}.qcat:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-30px;top:-40px;background:rgba(255,255,255,.35)}
.section{padding:54px 0}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.sec-head h2{font-size:34px;line-height:1;text-transform:uppercase;margin:7px 0 0;color:#123426}.eyebrow{font:700 9.5px Outfit;letter-spacing:2.3px;text-transform:uppercase;color:#6b8a73}.more{font-size:11px;font-weight:600;color:#52655a;border-bottom:1px solid #cbd8cc;padding-bottom:3px}.more span{color:var(--green2)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pcard{position:relative;background:var(--surface);border:1px solid #e5ebe2;border-radius:19px;overflow:hidden;transition:.25s}.pcard:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(16,32,24,.09);border-color:#d6e3d7}.pimg{position:relative;aspect-ratio:1/1.12;background:linear-gradient(145deg,#eaf1e4,#dce7d7);display:grid;place-items:center;overflow:hidden}.pimg:before{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(23,107,69,.13);border-radius:50%;right:-40px;top:-40px}.pimg img{width:100%;height:100%;object-fit:cover}.pimg .ph{font:600 62px Oswald;color:#9db4a1;text-transform:uppercase}.pbadge{position:absolute;top:10px;left:10px;background:#fff;color:#176b45;border-radius:999px;padding:4px 8px;font:700 8px Outfit;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 10px rgba(16,32,24,.08)}.pbody{padding:13px 14px 15px}.pcat{font-size:8.5px;letter-spacing:1.7px;text-transform:uppercase;color:#8b9b8e;font-weight:600}.pbody h3{font:500 14px/1.35 Outfit;margin:4px 0 9px;min-height:38px;color:#183329}.pprice{font:600 16px Oswald;color:#123426}.pprice s{color:#a4afa5;font-size:11px;font-weight:400;margin-right:5px}.pbtn{display:block;text-align:center;border:1px solid #e2e9df;border-radius:9px;padding:8px;font-size:10.5px;font-weight:600;margin-top:10px;color:#3f5a49;transition:.2s}.pbtn:hover{background:var(--green);color:#fff;border-color:var(--green)}
.brand-strip{display:flex;align-items:center;gap:30px;border-top:1px solid #dfe6da;border-bottom:1px solid #dfe6da;padding:19px 0;margin-top:6px}.brand-strip>span{font:700 8.5px Outfit;letter-spacing:2px;color:#87998b;white-space:nowrap}.brand-strip div{display:flex;flex:1;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand-strip b{font:600 15px Oswald;letter-spacing:.8px;color:#5d7263;text-transform:uppercase}
.app-banner{position:relative;background:linear-gradient(125deg,#0d3524,#176b45 65%,#2f9e63);border-radius:28px;padding:34px 38px;display:grid;grid-template-columns:1.2fr .62fr .5fr;gap:20px;align-items:center;overflow:hidden;color:#fff}.app-banner:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-80px;top:-100px}.app-copy{position:relative;z-index:2}.pill.light{background:rgba(255,255,255,.14);color:#dff3e5}.pill.light:before{background:#9be3b5}.app-copy h2{font-size:43px;text-transform:uppercase;line-height:1;margin:13px 0 8px}.app-copy p{font-size:12.5px;color:#c9dfcf;max-width:330px}.app-actions{display:flex;align-items:center;gap:14px;margin-top:20px}.light-btn{background:#fff;color:#14532d;border-color:#fff}.qr{width:54px;height:54px;border:1px solid rgba(255,255,255,.5);border-radius:9px;display:grid;place-items:center;font-size:28px;color:#fff;background:rgba(255,255,255,.1)}.phone{width:150px;height:260px;background:#0b2418;border:5px solid #d7e8db;border-radius:28px;margin:auto;position:relative;box-shadow:0 22px 40px rgba(0,0,0,.28);transform:rotate(5deg)}.phone-top{width:44px;height:5px;background:#557565;border-radius:99px;margin:8px auto}.phone-screen{position:absolute;inset:17px 9px 9px;background:linear-gradient(150deg,#dff3e5,#9ed4ae);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#14532d}.phone-screen span{font:700 8px Outfit;letter-spacing:2px;text-transform:uppercase}.phone-screen b{font:600 31px Oswald;line-height:1;margin:5px 0}.phone-screen small{font-size:8px;text-transform:uppercase;letter-spacing:1.5px}.app-note{font-size:10px;color:#bcd5c4;text-align:right;position:relative;z-index:2}.app-note b{color:#fff;font-size:12px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bcard{display:block;background:#fff;border:1px solid #e3e9df;border-radius:18px;padding:12px;transition:.2s}.bcard:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(16,32,24,.07)}.bimg{height:150px;border-radius:12px;margin-bottom:13px;display:flex;align-items:flex-end;padding:14px;font:600 42px Oswald;color:rgba(255,255,255,.85);background:linear-gradient(135deg,#2f8f5b,#14532d)}.bimg.b2{background:linear-gradient(135deg,#d8c9ae,#a68a5f)}.bimg.b3{background:linear-gradient(135deg,#9db8d8,#526f92)}.bcard small{font:700 8px Outfit;letter-spacing:1.7px;color:#8a9b8d}.bcard h3{font:500 16px/1.35 Outfit;margin:5px 0 9px;color:#183329}.bcard span{font-size:10px;color:#52705c;font-weight:600}
.site-footer{background:#0c2419;color:#d9e7dc;margin-top:48px;padding:44px 0 18px}.foot-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.4fr;gap:34px}.brand.light{color:#fff;min-width:0}.brand.light .brand-mark{background:#fff;color:#14532d}.brand.light .brand-txt{color:#fff}.brand.light .brand-txt small{color:#9db6a5}.foot-brand p{color:#93aa9d;font-size:11.5px;max-width:260px;margin:13px 0}.socials{display:flex;gap:6px}.socials a{width:27px;height:27px;border:1px solid #2a4938;border-radius:50%;display:grid;place-items:center;font-size:8px;color:#cfe2d4}.foot-top h4{color:#fff;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px}.foot-top a{display:block;color:#9db4a5;font-size:11px;margin:6px 0}.foot-top a:hover{color:#fff}.muted{color:#9db4a5}.news{display:flex;margin-top:10px;border:1px solid #2b4b39;border-radius:999px;padding:3px}.news input{background:transparent;border:0;outline:0;color:#fff;font:inherit;font-size:10.5px;padding:7px 10px;flex:1;min-width:0}.news button{width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:#14532d;cursor:pointer}.foot-bottom{border-top:1px solid #213d2d;margin-top:30px;padding-top:14px;display:flex;justify-content:space-between;font-size:9px;color:#80998b;letter-spacing:.3px}
/* Ürün detay */
.crumbs{padding:20px 0 0;font-size:10.5px;color:#7d8e81}.crumbs a:hover{color:var(--green)}.product{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;padding:18px 0 40px}.gmain{aspect-ratio:1/1.05;overflow:hidden;background:linear-gradient(145deg,#e7efe1,#d6e4d4);border-radius:22px;display:grid;place-items:center;font:600 110px Oswald;color:#9db4a1;position:relative;overflow:hidden}.gmain:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(23,107,69,.13);border-radius:50%;right:-60px;top:-60px}.gthumbs{display:flex;gap:8px;margin-top:9px}.gthumbs i{width:62px;height:62px;border-radius:9px;background:#e1eadd;border:1px solid #dbe5d8}.pinfo{padding-top:8px}.pinfo h1{font:600 39px/1.05 Oswald;text-transform:uppercase;letter-spacing:.2px;margin:9px 0 10px;color:#123426}.rating{font-size:11px;color:#c58b3e}.rating span{color:#7d8e81;margin-left:5px}.price{font:600 29px Oswald;margin:16px 0 6px;color:#123426}.price s{font-size:15px;color:#a4afa5;font-weight:400;margin-right:7px}.desc{color:#66786b;max-width:450px;font-size:13px}.variants{margin:16px 0}.variants label{font-size:10px;font-weight:700;display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.variants div{display:flex;gap:7px}.variants button{width:41px;height:36px;border:1px solid #dfe7dc;background:#fff;border-radius:8px;cursor:pointer;font:500 11px Outfit}.variants button.on{border-color:var(--green);color:var(--green);font-weight:700}.stock{font-size:10.5px;color:var(--green);margin:9px 0 13px}.assure{display:flex;flex-wrap:wrap;gap:13px;margin-top:13px;font-size:9.5px;color:#728477}
.page-head{padding:42px 0 14px}.page-head h1{font-size:44px;text-transform:uppercase;line-height:1;margin:7px 0 4px;color:#123426}.page-head p{color:#718276;margin:0;font-size:11px}.search.big{margin-top:8px;max-width:560px;border-radius:999px;background:#fff}.search.big input{width:100%;padding:12px 15px;font-size:12px}.search.big button{padding:9px 18px}.empty{text-align:center;padding:65px 20px}.empty h1,.empty h2{font-size:36px;text-transform:uppercase;margin:8px 0}.empty p{color:#728477;font-size:12px}.empty .btn{margin-top:13px}
@media(max-width:1050px){.main-nav{display:none}.header-in{gap:12px}.search{max-width:none}.hero-grid{grid-template-columns:1fr;gap:24px}.hero-art{min-height:390px}.hero-art .origami{min-height:390px}.hero-copy h1{font-size:66px}.brand{min-width:0}.grid{grid-template-columns:repeat(2,1fr)}.quick-cats{grid-template-columns:1fr 1fr 1fr}.app-banner{grid-template-columns:1fr .6fr}.app-note{display:none}.foot-top{grid-template-columns:1.5fr 1fr 1fr}.foot-top>div:last-child{grid-column:1/-1}}
@media(max-width:680px){.wrap{width:calc(100% - 26px)}.announce-in span:nth-child(2),.announce-in span:nth-child(3){display:none}.announce-in{justify-content:center}.header-in{height:66px;border-radius:17px;padding:0 10px;gap:8px}.brand-txt{font-size:17px}.brand-mark{width:34px;height:34px}.cat-btn{display:none}.search{order:5;flex-basis:100%;max-width:none;display:none}.main-nav{display:none}.icons .icon-btn:first-child{display:none}.hero{padding:18px 0}.hero-copy h1{font-size:47px}.hero-copy p{font-size:12px}.hero-meta{gap:15px}.hero-art{min-height:300px;border-radius:22px}.hero-art .origami{min-height:300px}.fc1{top:12px;left:12px;padding:8px 10px}.fc2{right:12px;bottom:12px;padding:8px 10px}.stamp{display:none}.quick-cats{grid-template-columns:1fr;gap:9px;margin-top:14px}.qcat{min-height:92px;padding:14px}.section{padding:34px 0}.sec-head h2{font-size:26px}.grid{grid-template-columns:1fr 1fr;gap:9px}.pbody{padding:10px 10px 12px}.pbody h3{font-size:11.5px;min-height:32px}.pbtn{font-size:9px;padding:7px}.brand-strip{gap:12px;overflow:auto}.brand-strip>span{display:none}.brand-strip div{gap:24px}.app-banner{grid-template-columns:1fr;padding:24px;border-radius:22px}.app-copy h2{font-size:34px}.phone{display:none}.blog-grid{grid-template-columns:1fr}.bimg{height:120px}.product{grid-template-columns:1fr;gap:18px}.pinfo h1{font-size:31px}.gmain{font-size:74px}.foot-top{grid-template-columns:1fr 1fr;gap:22px}.foot-brand{grid-column:1/-1}.foot-brand p{max-width:none}.foot-bottom{flex-direction:column;gap:4px}}

.gmain img{width:100%;height:100%;object-fit:cover}

/* Akışkan ölçek — ekran büyürse büyür, küçülürse küçülür */
html{font-size:clamp(14px,.12vw + 13px,17px)}
.wrap{width:min(1440px,calc(100% - clamp(24px,4vw,64px)))}
.header-in{height:clamp(68px,5vw,88px);gap:clamp(10px,1.4vw,24px)}
.brand-txt{font-size:clamp(17px,1.4vw,23px)}
.main-nav{font-size:clamp(11px,.9vw,14px);gap:clamp(10px,1.3vw,22px)}
.search input{font-size:clamp(11px,.9vw,14px)}
.search button,.cat-btn{font-size:clamp(10px,.85vw,13px)}
.icon-btn{width:clamp(34px,2.9vw,43px);height:clamp(34px,2.9vw,43px)}
.hero{padding:clamp(24px,3vw,48px) 0 clamp(14px,2vw,24px)}
.hero-grid{gap:clamp(24px,3.8vw,60px)}
.hero-copy h1{font-size:clamp(3rem,6.2vw,6.8rem)}
.hero-copy p{font-size:clamp(13px,1vw,16px)}
.btn{font-size:clamp(11px,.95vw,14px);padding:clamp(11px,1vw,15px) clamp(16px,1.7vw,24px)}
.hero-art,.hero-art .origami{min-height:clamp(340px,35vw,560px)}
.qcat{min-height:clamp(110px,9vw,170px);padding:clamp(14px,1.5vw,24px)}
.qcat b{font-size:clamp(18px,1.7vw,25px)}
.section{padding:clamp(34px,4.2vw,68px) 0}
.sec-head h2{font-size:clamp(26px,3vw,42px)}
.grid{gap:clamp(10px,1.1vw,20px)}
.pbody{padding:clamp(10px,1vw,17px)}
.pbody h3{font-size:clamp(12px,.95vw,15px)}
.pprice{font-size:clamp(14px,1.2vw,18px)}
.pbtn{font-size:clamp(9px,.8vw,12px)}
.brand-strip b{font-size:clamp(12px,1.1vw,17px)}
.app-banner{padding:clamp(22px,3vw,44px);gap:clamp(14px,2vw,28px)}
.app-copy h2{font-size:clamp(30px,3.8vw,52px)}
.phone{width:clamp(120px,12vw,170px);height:clamp(210px,21vw,290px)}

/* Sepet / checkout */
.cart-page,.checkout-page,.order-success{padding-bottom:60px}.cart-grid{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:start}.cart-list{background:#fff;border:1px solid #e5ebe2;border-radius:18px;padding:8px 16px}.cart-item{display:grid;grid-template-columns:64px 1fr 150px 100px 28px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1ea}.cart-thumb{width:64px;height:72px;border-radius:9px;background:#e9f0e6;display:grid;place-items:center;overflow:hidden}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-thumb span{font:600 24px Oswald;color:#9db4a1}.cart-info{display:flex;flex-direction:column;gap:2px}.cart-info b{font:500 13px Outfit}.cart-info small{font-size:10px;color:#7d8e81}.cart-info span{font:600 12px Oswald;color:#176b45}.qty-form{display:flex;gap:4px}.qty-form input{width:42px;border:1px solid #dfe7dc;border-radius:6px;padding:5px;font:inherit;font-size:11px;text-align:center}.qty-form button{border:0;background:#f1f5ef;border-radius:6px;padding:5px 7px;font:600 9px Outfit;cursor:pointer}.cart-line{font:600 13px Oswald;text-align:right}.remove{border:0;background:transparent;font-size:18px;color:#a4afa5;cursor:pointer}.continue{display:inline-block;padding:13px 0;font-size:11px;color:#176b45}.cart-summary{background:#fff;border:1px solid #e5ebe2;border-radius:18px;padding:18px;position:sticky;top:104px}.cart-summary h3{font:600 18px Oswald;text-transform:uppercase;margin:0 0 13px}.cart-summary>div{display:flex;justify-content:space-between;font-size:11px;padding:5px 0;color:#687a6d}.cart-summary .sum-total{border-top:1px solid #e5ebe2;margin-top:8px;padding-top:11px;font-size:15px;color:#132f22}.cart-summary .sum-total b{font:600 20px Oswald}.cart-summary .btn{margin-top:13px}.cart-summary small{display:block;font-size:9px;color:#8a9b8d;margin-top:9px;line-height:1.5}.mini-item{max-height:160px;overflow:auto}.mini-item span{max-width:190px}.mini-item b{white-space:nowrap}
.checkout-grid{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:start}.checkout-form{display:flex;flex-direction:column;gap:14px}.checkout-form .card{padding:18px}.checkout-form h3{font:600 18px Oswald;text-transform:uppercase;margin:0 0 13px}.checkout-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-form .field{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:600;color:#718276;text-transform:uppercase;letter-spacing:.4px}.checkout-form .field.wide{grid-column:1/-1}.checkout-form input,.checkout-form textarea{border:1px solid #dfe7dc;background:#fafcf9;border-radius:8px;padding:9px 10px;font:400 12px Outfit;text-transform:none;letter-spacing:0;outline:0}.checkout-form input:focus,.checkout-form textarea:focus{border-color:#176b45}.pay-option{display:flex;gap:10px;align-items:flex-start;border:1px solid #e5ebe2;border-radius:10px;padding:11px;margin-bottom:8px;cursor:pointer}.pay-option input{margin-top:3px;accent-color:#176b45}.pay-option div{display:flex;flex-direction:column;gap:2px}.pay-option b{font-size:11px}.pay-option span{font-size:10px;color:#7d8e81}.pay-option.disabled{opacity:.55;cursor:not-allowed}
.order-success{text-align:center;max-width:650px;padding-top:50px}.okmark{width:54px;height:54px;border-radius:50%;background:#e2f1e5;color:#176b45;display:grid;place-items:center;font-size:27px;margin:0 auto 14px}.order-success h1{font:600 44px Oswald;text-transform:uppercase;margin:8px 0}.order-success>p{font-size:12px;color:#718276}.order-box{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;text-align:left}.order-box>div{background:#fff;border:1px solid #e5ebe2;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:3px}.order-box span{font-size:9px;text-transform:uppercase;color:#8a9b8d}.order-box b{font-size:13px}.bank{background:#f1f7ee;border:1px solid #dbe9d8;border-radius:10px;padding:14px;text-align:left;margin:14px 0}.bank b{font-size:11px}.bank p{font-size:11px;margin:5px 0}.bank small{font-size:9px;color:#7d8e81}.order-items{background:#fff;border:1px solid #e5ebe2;border-radius:10px;padding:12px;margin:14px 0;text-align:left}.order-items div{display:flex;justify-content:space-between;font-size:11px;padding:5px 0}.order-success .btn{margin-top:10px}.notice{padding:10px 12px;border-radius:9px;font-size:11px;margin-bottom:12px}.notice.err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}
@media(max-width:800px){.cart-grid,.checkout-grid{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{grid-template-columns:52px 1fr 28px;gap:8px}.qty-form{grid-column:2}.cart-line{text-align:left;grid-column:2}.order-box{grid-template-columns:1fr}.checkout-form .form-grid{grid-template-columns:1fr}}

.pager{display:flex;gap:6px;justify-content:center;margin-top:24px}.pager a{width:34px;height:34px;border:1px solid #dfe7dc;border-radius:8px;display:grid;place-items:center;font-size:11px;color:#52655a}.pager a.on,.pager a:hover{background:#176b45;color:#fff;border-color:#176b45}

/* Header varyantları — ana sayfa */
.header-cats{border-bottom:1px solid #e2e8dd;background:#fff}.header-cats .wrap{display:flex;gap:22px;padding:11px 0;font-size:11px;font-weight:600;color:#52655a}.header-cats a:hover{color:#176b45}
[data-header="h2"] .site-header{background:rgba(244,246,240,.94)}[data-header="h2"] .header-in{justify-content:center;position:relative}[data-header="h2"] .brand{position:absolute;left:50%;transform:translateX(-50%);min-width:0}[data-header="h2"] .main-nav{display:none}[data-header="h2"] .search{max-width:220px;margin-left:0}[data-header="h2"] .cat-btn{display:none}[data-header="h2"] .icons{margin-left:auto}
[data-header="h3"] .header-in{height:76px}[data-header="h3"] .main-nav{display:none}[data-header="h3"] .search{max-width:none}
[data-header="h4"] .header-in{height:auto;min-height:76px;flex-wrap:wrap;padding:10px 16px}
[data-header="h4"] .cat-wrap{order:0}
[data-header="h4"] .cat-btn{order:0}[data-header="h4"] .search{order:10;flex-basis:100%;max-width:none;margin:6px 0 2px}[data-header="h4"] .main-nav{order:1;margin-left:4px}[data-header="h4"] .cat-btn{order:2}[data-header="h4"] .icons{order:3;margin-left:auto}
[data-header="h5"] .search,[data-header="h5"] .cat-btn{display:none}[data-header="h5"] .main-nav{margin-left:auto;margin-right:auto}[data-header="h5"] .header-in{background:#fffdf8}
@media(max-width:1050px){[data-header="h2"] .brand{position:static;transform:none;margin-right:auto}[data-header="h2"] .icons{margin-left:0}[data-header="h3"] .header-cats{display:none}}
@media(max-width:680px){[data-header="h3"] .header-cats{display:none}[data-header="h4"] .header-in{height:auto}}
.coupon-form{display:flex;gap:6px;margin-top:11px;align-items:center}.coupon-form input[name=code]{flex:1;min-width:0;border:1px solid #dfe7dc;border-radius:8px;padding:8px;font:inherit;font-size:11px}.coupon-form .btn,.btn.tiny{border:0;border-radius:8px;padding:8px 10px;font:600 10px Outfit;background:#176b45;color:#fff;cursor:pointer;white-space:nowrap}.coupon-applied{flex:1;font-size:10px;color:#176b45;font-weight:600}.sum-disc b{color:#176b45}.sum-tax span,.sum-tax b{color:#8a9b8d}.coupon-link{display:block;margin-top:10px;font-size:10px;color:#176b45;text-decoration:underline}
.qty-add{display:flex;align-items:center;gap:8px;margin:10px 0 6px}.qty-add label{font-size:11px;color:#687a6d}.qty-add input{width:74px;border:1px solid #dfe7dc;border-radius:8px;padding:8px;font:inherit;font-size:12px;text-align:center}.min-note{font-size:11px;color:#b06a1f;margin:0 0 8px}.min-hint{display:block;font-size:9px;color:#b06a1f;margin-top:2px}
/* ══════════════════════════════════════════════════════════════════
   YENİ HEADER DÜZENLERİ · h6–h10  (mevcut h1–h5 korunuyor)
   Hepsi aynı HTML iskeletini farklı ızgara/akış ile yerleştirir.
   ══════════════════════════════════════════════════════════════════ */

/* ── h6 · Merkez Bant: logo ortada, arama tam genişlik altta ──────── */
[data-header="h6"] .header-in{
  display:grid;height:auto;min-height:0;padding:14px 18px 12px;
  grid-template-columns:1fr auto 1fr;
  grid-template-areas:"left brand icons" "search search search" "nav nav nav";
  grid-template-columns:1fr auto 1fr;
  row-gap:10px;align-items:center;justify-items:center;
}
[data-header="h6"] .brand{grid-area:brand;justify-self:center}
[data-header="h6"] .main-nav{grid-area:nav;justify-self:center;order:0;margin:0;display:flex;gap:22px}
[data-header="h6"] .search{grid-area:search;max-width:none;width:100%;margin:0}
[data-header="h6"] .cat-btn{display:none}
[data-header="h6"] .icons{grid-area:icons;justify-self:end;margin-left:0}
[data-header="h6"] .brand-txt small{display:block;text-align:center}

/* ── h7 · İnce Çizgi: kart yok, tek satır, mikro tipografi ────────── */
[data-header="h7"] .site-header{background:transparent;border-bottom:1px solid currentColor;border-color:rgba(120,120,120,.28)}
[data-header="h7"] .header-in{background:transparent;border:0;box-shadow:none;border-radius:0;height:64px;gap:14px}
[data-header="h7"] .brand-mark{width:26px;height:26px;border-radius:3px;box-shadow:none}
[data-header="h7"] .brand-txt{font-size:15px;letter-spacing:.02em}
[data-header="h7"] .brand-txt small{display:none}
[data-header="h7"] .main-nav{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;gap:18px}
[data-header="h7"] .search{background:transparent;border:0;border-bottom:1px solid rgba(120,120,120,.35);border-radius:0;max-width:200px;padding:3px 0}
[data-header="h7"] .search button{background:transparent;color:inherit;padding:0 6px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
[data-header="h7"] .cat-btn{display:none}
[data-header="h7"] .icon-btn{background:transparent;border:0;box-shadow:none}

/* ── h8 · İki Kat Şerit: üst satır eylem, alt satır kategori şeridi ─ */
[data-header="h8"] .header-in{
  display:grid;height:auto;padding:12px 16px 0;
  grid-template-columns:auto 1fr auto;
  grid-template-areas:"brand cat search icons" "nav nav nav nav";
  grid-template-columns:auto auto 1fr auto;
  row-gap:0;align-items:center;
}
[data-header="h8"] .brand{grid-area:brand}
[data-header="h8"] .search{grid-area:search;max-width:520px;margin:0 auto;width:100%}
[data-header="h8"] .icons{grid-area:icons;margin-left:0}
[data-header="h8"] .cat-btn{display:none}
[data-header="h8"] .main-nav{
  grid-area:nav;margin:12px -16px 0;padding:9px 16px;gap:20px;
  background:rgba(0,0,0,.045);border-top:1px solid rgba(120,120,120,.16);
  font-size:11.5px;letter-spacing:.06em;
}
[data-header="h8"] .main-nav a{padding:2px 0;border-bottom:2px solid transparent}
[data-header="h8"] .main-nav a:hover{border-bottom-color:currentColor}

/* ── h9 · Yüzen Kutu: kapsayıcıdan taşan yuvarlak kart ───────────── */
[data-header="h9"] .site-header{background:transparent;padding:10px 0 0}
[data-header="h9"] .header-in{
  max-width:1120px;margin:0 auto;height:78px;padding:0 18px;
  border-radius:20px;box-shadow:0 18px 44px rgba(20,20,30,.14);
}
[data-header="h9"] .main-nav{display:none}
[data-header="h9"] .brand-mark{width:40px;height:40px;border-radius:14px}
[data-header="h9"] .brand-txt{font-size:18px}
[data-header="h9"] .search{flex:1;max-width:none;margin:0 18px;border-radius:999px;padding:6px 8px 6px 16px}
[data-header="h9"] .search button{border-radius:999px;padding:8px 18px}
[data-header="h9"] .cat-btn{border-radius:999px;padding:9px 16px}
[data-header="h9"] .icon-btn{border-radius:50%}

/* ── h10 · Split Kompakt: kısa, yapışkan, arama merkezde ─────────── */
[data-header="h10"] .site-header{position:sticky;top:0;backdrop-filter:blur(14px);border-bottom:1px solid rgba(120,120,120,.18)}
[data-header="h10"] .header-in{height:60px;gap:12px;background:transparent;border:0;box-shadow:none;border-radius:0}
[data-header="h10"] .brand-mark{width:28px;height:28px;border-radius:8px}
[data-header="h10"] .brand-txt{font-size:14px;font-weight:600}
[data-header="h10"] .brand-txt small{display:none}
[data-header="h10"] .search{order:2;flex:1;max-width:420px;margin:0 auto;border-radius:8px;height:38px}
[data-header="h10"] .main-nav{order:3;margin-left:auto;font-size:11.5px;gap:14px}
[data-header="h10"] .main-nav a:not(:last-child):after{content:"·";margin-left:14px;opacity:.35}
[data-header="h10"] .cat-btn{display:none}
[data-header="h10"] .icons{order:4;margin-left:12px}

@media (max-width:900px){
  [data-header="h6"] .header-in{grid-template-columns:auto 1fr;grid-template-areas:"brand icons" "search search" "nav nav"}
  [data-header="h6"] .brand{justify-self:start}
  [data-header="h8"] .search{max-width:none}
  [data-header="h8"] .main-nav{overflow-x:auto;white-space:nowrap}
  [data-header="h9"] .search{margin:0 10px}
  [data-header="h9"] .cat-btn{display:none}
  [data-header="h10"] .main-nav{display:none}
  [data-header="h10"] .search{max-width:none}
}
@media (max-width:620px){
  [data-header="h7"] .main-nav{display:none}
  [data-header="h9"] .header-in{height:66px;border-radius:16px}
  [data-header="h9"] .brand-txt{display:none}
}


/* ══ Başlık (header) cilalama — en özenli bölüm ══════════════════ */
.announce-in span{position:relative;padding-left:14px}
.announce-in span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--lime);opacity:.9}
.brand-txt{transition:opacity .2s}
.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.04)}
.brand-mark{transition:transform .25s cubic-bezier(.34,1.4,.5,1)}
.main-nav a{padding:8px 2px;transition:color .16s}
.search button{transition:background .16s,transform .16s}
.search button:active{transform:scale(.96)}
.cat-btn{transition:background .16s,transform .16s}
.cat-btn:active{transform:scale(.97)}


/* ══ Logo & başlık ölçüleri (ayarlardan gelir) ═════════════════════ */
.brand-mark.brand-logo{width:var(--logo-w,150px);height:var(--logo-h,40px);border-radius:10px;background:transparent;box-shadow:none;padding:0;display:flex;align-items:center;justify-content:center}
.brand-mark.brand-logo img{width:100%;height:100%;object-fit:contain}
.brand{gap:var(--logo-gap,10px)}
.brand-txt{font-size:var(--brand-fs,21px);line-height:1.05;letter-spacing:-.3px;color:#0e3b28;white-space:nowrap}
.brand-txt small{display:none}
/* Yükseklik & yuvarlaklık ayarlardan gelir; çok satırlı varyantlar (h4/h6/h8/h9)
   kendi yapılarını korur (özgülükleri daha yüksek olduğu için geçerlidir). */
.header-in{height:var(--hdr-h,76px);border-radius:var(--hdr-radius,22px)}
[data-header="h4"] .header-in,[data-header="h6"] .header-in,[data-header="h8"] .header-in,[data-header="h9"] .header-in{height:auto}
.main-nav{font-size:var(--hdr-nav,13px)}
.announce-in{font-size:var(--hdr-ann,11px)}
.site-header{position:sticky;top:0;z-index:30}
.site-header.not-sticky{position:relative}
.site-header.no-blur{backdrop-filter:none}
.site-header.no-shadow .header-in{box-shadow:none}


/* ══ Sipariş takip sayfası ══════════════════════════════════════ */
.track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;max-width:720px;
  background:#fff;border:1px solid #e5ebe2;border-radius:20px;padding:20px;box-shadow:0 10px 30px -22px rgba(18,52,38,.4)}
.track-form label{display:flex;flex-direction:column;gap:6px;font:700 10.5px Outfit;letter-spacing:.12em;text-transform:uppercase;color:#7c8a80}
.track-form input{border:1px solid #dfe7dc;border-radius:11px;padding:11px 13px;font:500 13.5px Outfit;color:#123426;background:#fafcf9;outline:0}
.track-form input:focus{border-color:#176b45;background:#fff;box-shadow:0 0 0 4px rgba(23,107,69,.12)}
.track-form .btn{height:42px;padding:0 22px}
.track-msg{margin-top:16px;padding:14px 17px;border-radius:14px;font:600 13.5px Outfit;max-width:720px}
.track-msg.err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}
.track-msg.ok{background:#eaf6ef;border:1px solid #b7e0c9;color:#176b45}
.track-box{margin-top:18px;background:#fff;border:1px solid #e5ebe2;border-radius:22px;padding:22px;box-shadow:0 14px 40px -28px rgba(18,52,38,.45)}
.track-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding-bottom:18px;border-bottom:1px solid #eef2ee}
.track-head b{display:block;font:700 15px Oswald;margin-top:2px}
.track-head .muted.small{display:block;font:600 10px Outfit;letter-spacing:.14em;text-transform:uppercase;color:#9aa89e}
.track-steps{display:flex;gap:0;margin:20px 0 6px;flex-wrap:wrap}
.track-step{flex:1;min-width:110px;position:relative;text-align:center;padding-top:26px;color:#a3b1a7;font:600 11.5px Outfit}
.track-step:before{content:"";position:absolute;top:8px;left:0;right:0;height:3px;background:#e8eee9}
.track-step:first-child:before{left:50%}
.track-step:last-child:before{right:50%}
.track-step i{position:absolute;top:0;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;
  background:#fff;border:3px solid #e2eae3;z-index:2}
.track-step.done{color:#176b45}
.track-step.done i{border-color:#176b45;background:#176b45}
.track-step.done:before{background:#176b45}
.track-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:13px}
.track-table th{text-align:left;padding:9px 8px;font:700 10px Outfit;letter-spacing:.1em;text-transform:uppercase;color:#9aa89e;border-bottom:1px solid #eef2ee}
.track-table td{padding:10px 8px;border-bottom:1px solid #f1f5f2}
@media(max-width:760px){.track-form{grid-template-columns:1fr}}


/* ══ Kategoriler butonu her başlık varyantında üst satırda ══════ */
[data-header="h8"] .cat-wrap{grid-area:cat}
[data-header="h8"] .cat-btn{grid-area:cat}
[data-header="h6"] .cat-wrap{grid-area:left;justify-self:end}
[data-header="h6"] .cat-btn{grid-area:left;justify-self:end}
[data-header="h9"] .cat-wrap{order:2}
[data-header="h2"] .cat-wrap{position:static}
[data-header="h3"] .cat-wrap{order:3}


/* ══ Kategoriler butonu: tüm başlık varyantlarında üst satırda ═════ */
[data-header="h2"] .cat-btn,
[data-header="h4"] .cat-btn,
[data-header="h5"] .cat-btn,
[data-header="h6"] .cat-btn,
[data-header="h7"] .cat-btn,
[data-header="h8"] .cat-btn,
[data-header="h9"] .cat-btn,
[data-header="h10"] .cat-btn{display:inline-flex!important}

[data-header="h2"] .cat-wrap{position:static;margin-left:auto;margin-right:6px}
[data-header="h2"] .icons{margin-left:0}
[data-header="h5"] .cat-wrap{order:1;margin-left:auto}
[data-header="h5"] .main-nav{margin-left:0;margin-right:0}
[data-header="h6"] .cat-wrap{grid-area:left;justify-self:start;align-self:center}
[data-header="h7"] .cat-wrap{order:2}
[data-header="h8"] .cat-wrap{grid-area:cat}
[data-header="h8"] .cat-btn{grid-area:cat}
[data-header="h9"] .cat-wrap{order:2}
[data-header="h10"] .cat-wrap{order:2}
@media(max-width:680px){
  .cat-btn{display:inline-flex!important}
  [data-header="h2"] .cat-wrap,[data-header="h5"] .cat-wrap,[data-header="h7"] .cat-wrap,
  [data-header="h9"] .cat-wrap,[data-header="h10"] .cat-wrap{margin-left:0;order:2}
}


/* ════════════════════════════════════════════════════════════════════
   HEADER — 2026 standardı
   Satır 1: utility bar (tek duyuru + yardımcı linkler)
   Satır 2: [Kategoriler] [Logo] ———— [Arama] [♡] [👤] [🛒]   (tek satır, taşmaz)
   ════════════════════════════════════════════════════════════════════ */
.announce{background:#0d3524;color:#dcefe0;font-size:11px;letter-spacing:.3px}
.announce-in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:36px;padding:7px 0}
.announce-msg{opacity:.92;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.util-nav{display:flex;align-items:center;gap:16px;flex:none}
.util-nav a{color:#bcd8c9;text-decoration:none;font-size:11.5px;white-space:nowrap;transition:color .15s}
.util-nav a:hover{color:#fff}
.util-nav .util-lang{border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:2px 9px;font-weight:600}

.header-in{
  display:flex;align-items:center;gap:clamp(10px,1.3vw,22px);
  flex-wrap:nowrap;min-width:0;height:var(--hdr-h,76px);
  padding:0 clamp(12px,1.4vw,20px)
}
.header-in>.brand{flex:none;min-width:0}
.header-in>.search{flex:1 1 auto;min-width:0;max-width:560px;margin-left:auto}
.header-in>.icons{flex:none;margin-left:auto}
.header-in>.icons+.search{margin-left:0}
.header-in>.cat-wrap{flex:none}

/* İkon satırı asla düşmesin */
.icons{flex:none;display:flex;align-items:center;gap:7px}
.icon-btn{flex:none}

/* Arama: esnek, taşmaz */
.search{flex:1 1 auto;min-width:0;max-width:560px;display:flex;align-items:center;gap:8px;background:#f5f7f2;
  border:1px solid #e6ebe2;border-radius:999px;padding:4px 5px 4px 14px}
.search input{min-width:0;flex:1}
.search button{flex:none}

/* Logo esnek ama taşmasın */
.brand{flex:none;min-width:0;max-width:44%}
.brand-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Kategoriler butonu */
.cat-wrap{flex:none}
.cat-btn{flex:none;white-space:nowrap}

/* ══ Varyantlar: hepsi tek satır mantığını korur ════════════════ */
[data-header="h2"] .header-in{justify-content:center;position:relative;gap:12px}
[data-header="h2"] .brand{position:absolute;left:50%;transform:translateX(-50%);max-width:40%}
[data-header="h2"] .cat-wrap{margin-right:auto}
[data-header="h2"] .search{margin-left:0;max-width:320px}
[data-header="h2"] .icons{margin-left:0}

[data-header="h3"] .header-in{height:auto;min-height:var(--hdr-h,76px)}
[data-header="h3"] .search{max-width:none}

[data-header="h4"] .header-in{height:auto;min-height:var(--hdr-h,76px);flex-wrap:wrap;padding:10px 16px;row-gap:8px}
[data-header="h4"] .header-in>.search{order:5;flex:1 1 100%;max-width:none}

[data-header="h5"] .search{display:none}
[data-header="h5"] .header-in{background:#fffdf8}
[data-header="h5"] .header-in>.brand{margin-right:auto}

[data-header="h6"] .header-in{height:auto;min-height:var(--hdr-h,76px);flex-wrap:wrap;padding:14px 18px 12px;row-gap:10px}
[data-header="h6"] .header-in>.search{order:5;flex:1 1 100%;max-width:none}

[data-header="h7"] .header-in{height:64px;gap:14px;background:transparent;border:0;border-radius:0;box-shadow:none}
[data-header="h7"] .header-in>.search{background:transparent}

[data-header="h8"] .header-in{height:auto;min-height:var(--hdr-h,76px)}
[data-header="h8"] .header-in>.search{max-width:620px}

[data-header="h9"] .header-in{height:auto;min-height:var(--hdr-h,76px);border-radius:18px;box-shadow:0 18px 40px -22px rgba(16,44,32,.4)}
[data-header="h9"] .header-in>.search{max-width:520px}

[data-header="h10"] .header-in{height:60px;gap:12px;background:transparent;border:0;box-shadow:none;border-radius:0}
[data-header="h10"] .header-in>.search{max-width:420px}

/* Kategori şeridi (h3/h8) */
.header-cats{border-top:1px solid rgba(16,32,24,.08);border-bottom:1px solid rgba(16,32,24,.08);background:rgba(255,255,255,.7)}
.header-cats .wrap{display:flex;align-items:center;gap:20px;overflow-x:auto;padding:9px 0;scrollbar-width:none}
.header-cats a{font:600 12.5px Outfit,sans-serif;color:#4a5c51;text-decoration:none;white-space:nowrap}
.header-cats a:hover{color:#14532d}

/* ══ Mobil ═════════════════════════════════════════════════════════ */
@media(max-width:1050px){
  .announce-in{gap:12px}
  .util-nav a:nth-child(n+3){display:none}
}
@media(max-width:680px){
  .announce-in{min-height:32px;padding:6px 0}
  .announce-msg{font-size:10px}
  .util-nav{gap:10px}
  .util-nav a{display:none}
  .util-nav .util-lang{display:inline-flex}
  .header-in{height:64px;gap:10px;padding:0 10px}
  .header-in>.search{display:none}
  .header-in>.brand{max-width:none;flex:1}
  .icons .icon-btn:first-child{display:none}
  .cat-btn span{display:none}
  .cat-btn{padding:10px}
  .cat-btn .cat-caret{display:none}
}


/* ══ Kategori filtreleri (özellik tabanlı) ══ */
.filter-bar{margin-bottom:18px}
.filter-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px}
.filter-box>summary{cursor:pointer;font:700 14px var(--font-head);color:var(--ink);list-style:none;display:flex;align-items:center;gap:8px}
.filter-box>summary::-webkit-details-marker{display:none}
.filter-count{background:var(--green);color:#fff;border-radius:999px;padding:2px 8px;font:700 11px var(--font)}
.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:14px}
.filter-group b{display:block;font:700 12px var(--font);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.filter-vals{display:flex;flex-wrap:wrap;gap:6px}
.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;font:600 12.5px var(--font);color:var(--ink-2);text-decoration:none;background:#fff;transition:.14s ease}
.filter-chip:hover{border-color:var(--green);color:var(--green)}
.filter-chip span{font:700 10.5px var(--font);color:var(--muted);background:var(--surface-2);border-radius:999px;padding:1px 6px}
.filter-chip.on{background:var(--green);border-color:var(--green);color:#fff}
.filter-chip.on span{background:rgba(255,255,255,.2);color:#fff}
.filter-foot{margin-top:12px}

/* ══ Teknik özellik tablosu ══ */
.spec-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.spec-table td{padding:11px 16px;border-bottom:1px solid var(--line);font-size:14px}
.spec-table tr:last-child td{border-bottom:0}
.spec-table td:first-child{color:var(--muted);width:38%;font-weight:600}
.spec-table tr.spec-group td{background:var(--surface-2);font:700 11.5px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* ══ Ürün puanları ══ */
.rating-box{display:grid;grid-template-columns:220px 1fr;gap:22px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:0 0 22px}
.rating-big{font:800 38px/1 var(--font-head);letter-spacing:-.04em;color:var(--ink)}
.rating-stars{margin:6px 0 2px;font-size:17px;letter-spacing:2px;color:#d9a441}
.rating-stars .off{color:var(--line-2)}
.rating-count{font-size:12.5px;color:var(--muted)}
.rating-bars{margin-top:12px;display:flex;flex-direction:column;gap:4px}
.rb-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted)}
.rb-row .rb-bar{flex:1;height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.rb-row .rb-bar i{display:block;height:100%;background:#d9a441;border-radius:99px}
.rb-row em{font-style:normal;width:18px;text-align:right}
.rating-form h3{margin:0 0 10px;font:700 15px var(--font-head)}
.rating-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin:10px 0;font:500 13.5px var(--font);resize:vertical}
.rating-note{font-size:13px;color:var(--muted)}
.rate-stars{display:flex;gap:4px;align-items:center}
.rate-stars label{cursor:pointer;font-size:26px;color:var(--line-2);transition:color .12s ease}
.rate-stars label.on{color:#d9a441}
.rate-stars input{display:none}
@media(max-width:720px){.rating-box{grid-template-columns:1fr}}

/* Ürün kartı eylemleri + karşılaştırma */
.pact{display:flex;align-items:center;gap:6px;margin-top:8px}
.pact .pbtn{flex:1}
.pcmp{width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:transparent;cursor:pointer;color:var(--muted);font-size:14px;line-height:1;display:grid;place-items:center;flex:none}
.pcmp:hover{border-color:var(--green);color:var(--green);background:var(--surface-2)}

/* Footer başlıkları (a11y: h3) */
.foot-h{font:700 13px var(--font);letter-spacing:.02em;margin:0 0 10px;color:var(--ink)}
.site-footer h4{font:700 13px var(--font);margin:0 0 10px}

/* Sepet toplu işlem araç çubuğu */
.cart-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;margin-bottom:14px;
  border:1px solid var(--line);border-radius:14px;background:#fff}
.cart-bulk .muted{margin-right:auto}
.cart-pick{display:flex;align-items:center;cursor:pointer}
.cart-pick input{position:absolute;opacity:0;width:1px;height:1px}
.cart-pick span{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line-2,rgba(0,0,0,.18));display:inline-block;position:relative}
.cart-pick input:checked + span{background:var(--green,#176b45);border-color:var(--green,#176b45)}
.cart-pick input:checked + span:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.cart-pick input:focus-visible + span{outline:3px solid rgba(20,107,76,.4);outline-offset:2px}
.cart-bulk-qty{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}
.cart-bulk-qty input{width:58px;padding:6px 8px;border:1px solid var(--line);border-radius:9px;font:600 12.5px var(--font);text-align:center}
@media(max-width:640px){.cart-bulk-qty{display:none}}

/* ── Blok görünürlüğü (Layout Manager: mobilde/masaüstünde gizle) ── */
@media (max-width: 900px){ body.shop-body .lm-hide-mobile{display:none !important} }
@media (min-width: 901px){ body.shop-body .lm-hide-desktop{display:none !important} }

/* ── Dil değiştirici (TR/EN) site genelinde kapalı ── */
.lang-bar,.util-lang,.pft-lang,.sft-lang,.mrc-lang,.zyt-lang,.sof-lang,
.footer-lang,.lang-switch,[data-lang-switch]{display:none !important}