@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/figtree-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/figtree-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/figtree-latin-ext-500.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/figtree-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/figtree-latin-ext-600.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/figtree-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/playfair-display-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/playfair-display-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/playfair-display-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/playfair-display-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
 --bordo:#6C1422;--bordo-d:#470B15;--bordo-l:#8E2A3A;--brown:#5B3A2B;
 --cream:#F4EBD8;--paper:#FBF6EA;--sand:#EADFC6;--ink:#2A1C17;--muted:#6E5C50;--line:#D9CBAE;
 --gut:clamp(20px,4vw,56px);--wrap:1320px;--r:28px;--r-s:18px;
 --f-d:'Playfair Display',Georgia,'Times New Roman',serif;--f-b:'Figtree',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--f-b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-variant-numeric:lining-nums;font-family:var(--f-d);font-weight:500;letter-spacing:-.01em;line-height:1.14;margin:0}
p{margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--cream);color:var(--bordo);padding:10px 18px;border-radius:999px;z-index:100;font-weight:600;transition:top .2s}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--bordo-l);outline-offset:3px;border-radius:6px}
.wrap{width:min(var(--wrap),100% - 2*var(--gut));margin-inline:auto}
.hwrap{width:min(1440px,100% - 2*var(--gut));margin-inline:auto}
.narrow{max-width:820px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--bordo);color:var(--cream)}
.topstrip{background:var(--bordo-d);font-size:14px}
.topstrip .hwrap{display:flex;align-items:center;justify-content:space-between;height:38px}
.ts-mail{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#E9D9C0}
.ts-mail svg{width:16px;height:16px}
.ts-mail:hover{color:#fff}
.socials{display:flex;gap:10px}
.socials a{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#E9D9C0}
.socials a:hover{background:#ffffff1c;color:#fff}
.socials svg{width:15px;height:15px;fill:currentColor}
.hmain{display:flex;align-items:center;gap:32px;height:92px}
.brand{display:flex;align-items:center;flex:none}
.brand-logo{width:265px;height:auto}
.nav{display:flex;align-items:center;margin-inline:auto}
.nav>a,.nav-item>a{display:block;padding:8px 30px;font:500 20px/1 var(--f-d);letter-spacing:.01em;text-decoration:none;color:var(--cream);position:relative;white-space:nowrap}
.nav>a+a::before,.nav-item+a::before,.nav>a+.nav-item::before,.nav-item+.nav-item::before{content:"";position:absolute;left:0;top:50%;height:18px;width:1px;background:#b98a8e;transform:translateY(-50%)}
.nav>a:hover,.nav-item>a:hover,.nav [aria-current=page]{color:#fff}
.nav [aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}
.nav-item{position:relative}
.drop{position:absolute;left:50%;top:100%;transform:translateX(-50%) translateY(6px);min-width:300px;padding:14px;background:var(--bordo);border:1px solid #9b4a57;border-radius:20px;opacity:0;visibility:hidden;transition:.18s;box-shadow:0 30px 60px #0006}
.has-drop:hover .drop,.has-drop:focus-within .drop{opacity:1;visibility:visible;transform:translateX(-50%)}
.drop a{display:block;padding:11px 18px;border-radius:999px;text-decoration:none;font-size:16px;color:var(--cream)}
.drop a:hover{background:var(--bordo-l)}
.drop-all{margin-bottom:6px;border-bottom:1px solid #9b4a57;border-radius:0!important;padding-bottom:14px!important;font-weight:600}
.hend{display:flex;align-items:center;gap:14px;flex:none}
.langs{display:flex;gap:8px}
.nav-langs{display:none}
.lang{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid #b98a8e;font:500 14px/1 var(--f-b);letter-spacing:.04em;text-decoration:none;color:var(--cream)}
.lang:hover{border-color:#fff;color:#fff}
.lang[aria-current]{background:var(--cream);border-color:var(--cream);color:var(--bordo)}
.listbtn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 24px;border-radius:999px;background:var(--cream);color:var(--bordo);text-decoration:none;font:600 15px/1 var(--f-b);white-space:nowrap}
.listbtn:hover{background:#fff}
.listbtn b{min-width:24px;height:24px;display:grid;place-items:center;border-radius:99px;background:var(--bordo);color:#fff;font-size:13px;padding:0 6px}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid #b98a8e;background:none;padding:0;cursor:pointer;position:relative}
.burger i{position:absolute;left:14px;right:14px;height:2px;background:#fff;transition:.2s}
.burger i:nth-child(1){top:19px}.burger i:nth-child(2){top:26px}
.burger[aria-expanded=true] i:nth-child(1){top:22px;transform:rotate(45deg)}
.burger[aria-expanded=true] i:nth-child(2){top:22px;transform:rotate(-45deg)}

/* long brown band */
.band{height:16px;background:var(--brown)}

/* type */
.eyebrow{font:500 17px/1.4 var(--f-b);letter-spacing:.03em;color:var(--bordo-l);margin-bottom:20px}
.eyebrow.light{color:#E7C9C2}
.lead{font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:var(--muted);max-width:34em}
.tlink{display:inline-flex;align-items:center;gap:10px;font:600 16px/1 var(--f-b);color:var(--bordo);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:6px}
.tlink:hover{color:var(--bordo-l)}
.ar{width:16px;height:16px}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 32px;border-radius:999px;border:1.5px solid transparent;font:600 16px/1 var(--f-b);text-decoration:none;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s;white-space:nowrap}
.pill:active{transform:scale(.98)}
.pill-red{background:var(--bordo);color:var(--cream)}
.pill-red:hover{background:var(--bordo-l)}
.pill-outline{border-color:var(--bordo);color:var(--bordo);background:none}
.pill-outline:hover{background:var(--bordo);color:var(--cream)}
.pill-light{background:var(--cream);color:var(--bordo)}
.pill-light:hover{background:#fff}
.ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:34px}

/* banner placeholder: rounded frame, never cropped, centered */
.bannerwrap{padding:clamp(28px,4vw,52px) 0}
.banner-ph{width:min(var(--wrap),100% - 2*var(--gut));margin-inline:auto;aspect-ratio:1920/720;border-radius:var(--r);border:2px dashed #b99a86;background:repeating-linear-gradient(135deg,#efe3cb 0 22px,#f4ead7 22px 44px);display:grid;place-items:center;color:#8b6f5d;text-align:center;font:600 15px/1.5 var(--f-b);letter-spacing:.14em;text-transform:uppercase}
.banner-ph small{display:block;font:400 14px/1.6 var(--f-b);letter-spacing:.04em;text-transform:none;margin-top:6px}
.banner-ph.mid{aspect-ratio:1920/520}

/* intro */
.intro{padding:clamp(48px,7vw,96px) 0;text-align:center}
.intro h1{font-size:clamp(40px,5.4vw,76px);max-width:15em;margin-inline:auto}
.intro h1 em,h2 em{font-style:italic;color:var(--bordo-l)}
.intro .lead{margin:26px auto 0}
.intro .ctas{justify-content:center}

/* section heads */
.sec{padding:clamp(56px,7vw,104px) 0}
.sec.alt{background:var(--cream)}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(28px,4vw,52px)}
.shead h2{font-size:clamp(32px,3.8vw,54px)}
.shead-side{max-width:26em;color:var(--muted)}

/* group panels */
.gpanels{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.gpanel{text-decoration:none;display:flex;flex-direction:column;gap:14px}
.gwin{aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;background:var(--sand)}
.gwin img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gpanel:hover .gwin img{transform:scale(1.04)}
.gnum{font:500 14px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--bordo-l)}
.gpanel h3{font-size:25px}
.gcount{font-size:15px;color:var(--muted)}

/* products */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.pcard:hover{box-shadow:0 18px 40px #5b3a2b22;transform:translateY(-3px)}
.pcard[hidden]{display:none}
.pcard-art{display:block;aspect-ratio:1/1;background:var(--sand)}
.pcard-art img{width:100%;height:100%;object-fit:cover}
.pcard-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.pcard-cat{font:500 13px/1 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--bordo-l)}
.pcard h3{font-size:23px}
.pcard h3 a{text-decoration:none}
.pcard-foot{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips span{font:500 13px/1 var(--f-b);padding:7px 11px;border-radius:999px;background:var(--cream);color:var(--brown)}
.add{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1.5px solid var(--bordo);background:none;color:var(--bordo);font:600 14px/1 var(--f-b);cursor:pointer;white-space:nowrap}
.add:hover{background:var(--bordo);color:var(--cream)}
.add svg{width:14px;height:14px}
.add .ck{display:none}
[data-on=true] .pl,[data-on=true].add .pl{display:none}
.add[data-on=true]{background:var(--bordo);color:var(--cream)}
.add[data-on=true] .ck{display:block}
.add-big{height:56px;padding:0 28px;font-size:16px}
.add-big svg{width:14px;height:14px}.add-big .ck{display:none}.add-big[data-on=true] .pl{display:none}.add-big[data-on=true] .ck{display:block}.psub:empty{display:none}

/* page head */
.phead{background:var(--cream);padding:clamp(36px,5vw,64px) 0 clamp(32px,4vw,52px)}
.phead h1{font-size:clamp(38px,4.8vw,66px)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:15px;color:var(--muted);margin-bottom:24px}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--bordo)}
.crumbs>*+*::before{content:"/";margin-right:8px;color:#b9a58a}

/* catalogue toolbar */
.toolbar{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-bottom:18px}
.fpills{display:flex;flex-wrap:wrap;gap:10px}
.fpill{height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:500 15px/1 var(--f-b);cursor:pointer}
.fpill:hover{border-color:var(--bordo)}
.fpill[aria-pressed=true]{background:var(--bordo);border-color:var(--bordo);color:var(--cream)}
.frow{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px}
.flabel{font:600 13px/1 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);min-width:96px}
.search input{height:48px;width:min(320px,100%);padding:0 22px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:400 16px var(--f-b);color:var(--ink)}
.search input:focus{outline:none;border-color:var(--bordo)}
.count{color:var(--muted);font-size:15px;margin:10px 0 26px}
.empty{padding:40px 0;color:var(--muted)}

/* product detail */
.pdetail{padding:clamp(28px,4vw,52px) 0 clamp(48px,6vw,88px)}
.pd-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,80px);align-items:start}
.pd-stage{position:sticky;top:150px}
.pd-imgs{border-radius:var(--r);overflow:hidden;background:var(--sand);aspect-ratio:1/1;border:1px solid var(--line)}
.pd-imgs img{width:100%;height:100%;object-fit:cover}
.pd-imgs img[hidden]{display:none}
.pthumbs{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.pthumb{display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font:500 14px/1 var(--f-b);color:var(--ink)}
.pthumb img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.pthumb[aria-pressed=true]{border-color:var(--bordo);background:var(--cream)}
.pd-copy h1{font-size:clamp(36px,4vw,56px)}
.psub{color:var(--muted);margin:6px 0 18px;font-style:italic}
.pcat{margin-bottom:14px}
.spectable{margin:30px 0 0;border-top:1px solid var(--line)}
.srow{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
.srow dt{font:500 15px/1.3 var(--f-b);color:var(--muted)}
.srow dd{margin:0}
.vsel-in{display:flex;gap:8px;flex-wrap:wrap}
.vpill{height:42px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:500 15px/1 var(--f-b);cursor:pointer;color:var(--ink)}
.vpill[aria-pressed=true]{background:var(--bordo);border-color:var(--bordo);color:var(--cream)}
.vdyn,.idrow{display:none}
.vdyn[data-on=true]{display:inline}
.idrow[data-on=true]{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.idart small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.idart b{font:600 18px/1.3 var(--f-b)}
.tmp{display:inline-block;padding:3px 10px;border-radius:8px;border:1px dashed #b99a86;background:#fff7e6;font:500 15px/1.4 var(--f-b);color:#7a5a3a}
.plinks{display:flex;flex-wrap:wrap;gap:26px;margin-top:30px}
.pd-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.ph-tile{display:grid;place-items:center;width:100%;height:100%;background:repeating-linear-gradient(135deg,#efe3cb 0 18px,#f4ead7 18px 36px);color:#8b6f5d;font:600 13px/1.4 var(--f-b);letter-spacing:.14em;text-transform:uppercase;text-align:center}

/* how it works / services */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px 32px}
.stepn{width:46px;height:46px;border-radius:50%;background:var(--bordo);color:var(--cream);display:grid;place-items:center;font:500 20px/1 var(--f-d);margin-bottom:20px}
.steps h3{font-size:26px;margin-bottom:10px}
.steps p{color:var(--muted)}
.qf-head{margin-bottom:34px}
.qf-head h2,.sec h2.big{font-size:clamp(32px,3.8vw,54px)}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.fcard .fimg{aspect-ratio:1/1;background:var(--sand)}
.fcard .fimg img{width:100%;height:100%;object-fit:cover}
.fcard div.t{padding:24px 26px 28px}
.fcard h3{font-size:26px;margin-bottom:8px}
.fcard p{color:var(--muted)}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.sgrid article{border-top:1px solid #b98a8e;padding-top:22px}
.sgrid .sn{font:500 15px/1 var(--f-b);letter-spacing:.14em;color:#E7C9C2}
.sgrid h3{font-size:26px;margin:14px 0 10px;color:var(--cream)}
.sgrid p{color:#EAD9D3}
.dark{background:var(--bordo);color:var(--cream)}
.dark h2{color:var(--cream)}
.dark h2 em{color:#F0B7B0}
.ctaband{background:var(--cream);text-align:center}
.ctaband h2{font-size:clamp(34px,4.4vw,62px)}
.ctaband .lead{margin:20px auto 0}
.ctaband .ctas{justify-content:center}
.table{width:100%;border-collapse:collapse;margin-top:10px}
.table th,.table td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.table th{font:600 13px/1 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* quote page */
.qgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,4vw,64px);align-items:start;padding:clamp(40px,5vw,72px) 0}
.qitem{display:grid;grid-template-columns:96px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:14px 18px 14px 14px;margin-bottom:14px}
.qitem img{width:96px;height:96px;border-radius:14px;object-fit:cover}
.qitem h3{font-size:21px;margin-bottom:2px}
.qitem h3 a{text-decoration:none}
.qart{font-size:13px;color:var(--muted);margin-bottom:10px}
.qctrl{display:flex;gap:8px;flex-wrap:wrap}
.qctrl select,.qctrl input{height:40px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);padding:0 14px;font:500 14px var(--f-b);color:var(--ink)}
.qctrl input{width:78px}
.rm{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:none;font-size:22px;line-height:1;cursor:pointer;color:var(--muted)}
.rm:hover{border-color:var(--bordo);color:var(--bordo)}
.qclear{background:none;border:none;color:var(--muted);text-decoration:underline;cursor:pointer;font:500 14px var(--f-b);margin-top:6px}
.qempty{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:44px 38px}
.qempty h2{font-size:30px;margin-bottom:12px}
.qempty p{color:var(--muted);margin-bottom:24px}
.qquick{margin-top:30px}
.qquick p{font:600 13px/1 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.qquick div{display:flex;gap:10px;flex-wrap:wrap}
.opill{padding:11px 18px;border-radius:999px;border:1.5px solid var(--line);background:#fff;text-decoration:none;font:500 15px/1 var(--f-b)}
.opill:hover{border-color:var(--bordo);color:var(--bordo)}
.qform{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:36px 34px;position:sticky;top:150px}
.qform h2{font-size:30px;margin-bottom:22px}
.qform label{display:block;margin-bottom:16px}
.qform label span{display:block;font:500 14px/1 var(--f-b);color:var(--muted);margin-bottom:8px}
.qform input,.qform textarea{width:100%;border-radius:16px;border:1.5px solid var(--line);background:var(--paper);padding:14px 18px;font:400 16px var(--f-b);color:var(--ink)}
.qform input:focus,.qform textarea:focus{outline:none;border-color:var(--bordo)}
.qform .bad{border-color:#c0392b;background:#fff3f1}
.two-f{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.note{font-size:14px;color:var(--muted);margin-top:14px}
.formmsg{margin-top:14px;padding:14px 18px;border-radius:14px;background:var(--cream);color:var(--bordo);font-weight:600}
.faqlist details{border-bottom:1px solid var(--line);padding:20px 0}
.faqlist summary{cursor:pointer;font:500 22px/1.3 var(--f-d);list-style:none}
.faqlist summary::-webkit-details-marker{display:none}
.faqlist summary::after{content:"+";float:right;color:var(--bordo)}
.faqlist details[open] summary::after{content:"\2212"}
.faqlist p{color:var(--muted);margin-top:12px}
.legal h2{font-size:30px;margin:38px 0 12px}
.legal p{margin-bottom:12px;color:#4a3a30}
.ldocs{list-style:none;margin:10px 0 0;padding:0}
.ldocs li{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.ldocs span{flex:1}
.ldocs a{font:600 13px/1 var(--f-b);letter-spacing:.08em;padding:9px 14px;border-radius:999px;border:1.5px solid var(--bordo);text-decoration:none;color:var(--bordo)}
.ldocs a:hover{background:var(--bordo);color:var(--cream)}
.cgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(28px,4vw,64px);padding:clamp(40px,5vw,72px) 0}
.cbox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:36px 34px}
.cbox h2{font-size:28px;margin-bottom:14px}
.cbox address{font-style:normal;color:var(--muted);margin-bottom:14px}
.cbox a{color:var(--bordo)}

/* footer */
.site-footer{background:var(--bordo-d);color:#EAD9D3;padding:64px 0 0}
.fwrap{width:min(1440px,100% - 2*var(--gut));margin-inline:auto;display:grid;grid-template-columns:1.1fr 2.2fr 1.1fr;gap:48px}
.fbrand img.flogo{width:250px;margin-bottom:22px}
.fbrand p{max-width:18em}
.fpin{width:104px;margin-top:26px;opacity:.95}
.fmid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.fcol h2{font:600 13px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:#E7C9C2;margin-bottom:20px}
.fcol a{display:block;text-decoration:none;padding:5px 0;color:#EAD9D3;font-size:15.5px}
.fcol a:hover{color:#fff}
.fcol address{font-style:normal;margin:6px 0 10px}
.fcol .socials{margin-top:16px}
.fbottom{width:min(1440px,100% - 2*var(--gut));margin:54px auto 0;padding:24px 0;border-top:1px solid #7b3a45;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px;color:#cfb3ab}
.fbottom a{text-decoration:none;color:#cfb3ab}
.to-top{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:999px;background:var(--bordo);color:var(--cream);text-decoration:none;font:600 14px/1 var(--f-b);opacity:0;visibility:hidden;transition:.2s;box-shadow:0 10px 30px #0004}
.to-top.visible{opacity:1;visibility:visible}
.to-top svg{width:14px;height:14px}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:60;background:var(--ink);color:#fff;border-radius:999px;padding:14px 22px;display:flex;gap:18px;align-items:center;font-size:15px;box-shadow:0 20px 50px #0006}
.toast[hidden]{display:none}
.toast a{color:#F0B7B0;font-weight:600}

/* responsive */
@media (max-width:1180px){
 .nav>a,.nav-item>a{padding:8px 18px;font-size:18px}
 .brand-logo{width:218px}
 .gpanels{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
 .hmain{height:76px}
 .nav{position:fixed;left:0;right:0;top:114px;background:var(--bordo);flex-direction:column;align-items:stretch;padding:12px var(--gut) 28px;max-height:calc(100vh - 114px);overflow:auto;display:none;border-top:1px solid #9b4a57}
 .nav.open{display:flex}
 .nav>a,.nav-item>a{padding:16px 6px;border-bottom:1px solid #8b3745}
 .nav>a+a::before,.nav-item+a::before,.nav>a+.nav-item::before,.nav-item+.nav-item::before{display:none}
 .drop{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;padding:0 0 8px 14px;min-width:0;background:none}
 .has-drop:hover .drop{transform:none}
 .nav-langs{display:flex;gap:10px;padding-top:18px}
 .langs{display:none}
 .burger{display:block}
 .hend{margin-left:auto}
 .two,.pd-grid,.qgrid,.cgrid{grid-template-columns:1fr}
 .pd-stage,.qform{position:static}
 .steps,.fgrid,.sgrid{grid-template-columns:1fr}
 .fwrap{grid-template-columns:1fr}
 .fmid{grid-template-columns:1fr 1fr}
 .shead{flex-direction:column;align-items:flex-start}
 .gpanels{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
 .topstrip{font-size:13px}
 .brand-logo{width:130px}
 .hmain{gap:10px}.hend{gap:8px}.listbtn{padding:0 12px;font-size:13px;gap:8px;height:42px}.listbtn b{min-width:22px;height:22px}.burger{width:42px;height:42px}.burger i{left:12px;right:12px}.burger i:nth-child(1){top:17px}.burger i:nth-child(2){top:23px}.burger[aria-expanded=true] i:nth-child(1),.burger[aria-expanded=true] i:nth-child(2){top:20px}.lang{width:42px;height:42px}
 .pill{padding:0 24px}
 .srow{grid-template-columns:1fr;gap:8px}
 .qitem{grid-template-columns:72px 1fr auto}
 .qitem img{width:72px;height:72px}
 .two-f{grid-template-columns:1fr}
 .fmid{grid-template-columns:1fr}
 .gpanels{grid-template-columns:1fr 1fr;gap:14px}
 .banner-ph{aspect-ratio:4/3}
 .banner-ph.mid{aspect-ratio:4/3}
 .flabel{min-width:100%}
 .to-top span{display:none}
 .to-top{padding:0 14px}
}

/* v2: urun sayfasi sag sutun (CAORLE duzeni) */
.pd-copy .lbl{margin:30px 0 12px;font:600 13px/1.2 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.idbox{margin-top:22px;padding:22px 24px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.idhead{margin:0 0 14px;font:600 13px/1.2 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.idrow[data-on=true]{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:14px 30px;align-items:start}
.idbar{grid-column:1/-1}
.barcode{width:170px;height:auto;display:block;border:1px solid var(--line);border-radius:6px}
.ptabs{display:flex;margin-top:34px;border-bottom:1px solid var(--line)}
.ptab{flex:1;position:relative;padding:15px 8px;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;background:none;font:500 15px/1.2 var(--f-b);color:var(--muted);cursor:pointer;text-align:center}
.ptab+.ptab::before{content:"";position:absolute;left:0;top:50%;height:18px;width:1px;background:#b98a8e;transform:translateY(-50%)}
.ptab:hover{color:var(--bordo)}
.ptab[aria-selected=true]{color:var(--bordo);font-weight:600;border-bottom-color:var(--bordo);background:var(--cream)}
.ppanel[hidden]{display:none}
.ppanel .spectable{margin-top:16px}
.ppanel .srow{padding:13px 0}
.dnote{margin:16px 0 0;color:var(--muted);font-size:15px}
@media (max-width:640px){.idrow[data-on=true]{grid-template-columns:1fr 1fr}.barcode{width:150px}}

/* v3: banner tam genislik, In the kitchen */
.bfull{line-height:0}.bfull img{display:block;width:100%;height:auto}
.kitchen{margin:26px 0 12px;font:600 13px/1.2 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.kchips span{font-size:15px;padding:9px 15px}
@media (max-width:640px){.ptab{font-size:13px;padding:13px 4px}}
.pd-grid>*{min-width:0}
.idart b{overflow-wrap:anywhere}
@media (max-width:640px){.idart b{font-size:16px}.tmp{font-size:14px;padding:3px 8px}}

dl.spectable.vdyn[data-on=true]{display:block}

img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}
.brand img,.flogo{pointer-events:none}
.formmsg.err{color:#a11d2a}