/* ===== سُفرة — warm editorial, calligraphic display, naskh text ===== */
@font-face{font-family:Ruqaa;src:url(/static/fonts/ruqaa-arabic-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Ruqaa;src:url(/static/fonts/ruqaa-latin-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Naskh;src:url(/static/fonts/naskh-arabic-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Naskh;src:url(/static/fonts/naskh-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Naskh;src:url(/static/fonts/naskh-arabic-600.woff2) format("woff2");font-weight:500 600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Naskh;src:url(/static/fonts/naskh-latin-600.woff2) format("woff2");font-weight:500 600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Naskh;src:url(/static/fonts/naskh-arabic-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Naskh;src:url(/static/fonts/naskh-latin-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
:root{--bg:#f4eee3;--surface:#fbf8f2;--tile:#e9e0cf;--ink:#2a1f17;--muted:#7a6a5a;--line:#e0d4c0;--line-strong:#cdbda4;--accent:#b04f27;--accent-ink:#fbf8f2;--accent-2:#5b6a36;
--f-display:Ruqaa,serif;--f-text:Naskh,serif;--f-num:Naskh,serif;--display-w:700;--ic-w:1.25;--ic-cap:round;--r-btn:0;--r-sheet:4px;--r-input:0;--r-thumb:0;
--cta-bg:var(--ink);--cta-ink:var(--surface);--price:var(--accent);--ann-bg:#2a1f17;--ann-ink:#e9dcc6;--sheet-bg:#f8f3ea;--save-bg:#e7ead9;--save-ink:#4b5a28;--card-ratio:4/5;--gap:14px;--gap-y:26px;--h2:28px}
.t-kitchen{font-size:16px}
.t-kitchen .announce{font-size:13px;letter-spacing:.02em;padding:8px 16px}
.t-kitchen .top{justify-content:center;height:68px;border-bottom:1px solid var(--ink)}
.t-kitchen .top .cart-btn{position:absolute;inset-inline-end:8px}
.t-kitchen .wm{font-family:var(--f-display);font-size:34px;line-height:1;color:var(--ink);position:relative;padding:0 14px}
.t-kitchen .wm::before,.t-kitchen .wm::after{content:"";position:absolute;top:50%;width:10px;height:1px;background:var(--accent)}
.t-kitchen .wm::before{right:-6px}.t-kitchen .wm::after{left:-6px}
.t-kitchen .chips{top:68px}

/* hero: full-bleed 4:5 photo, headline set below like a magazine */
.t-kitchen .hero{display:grid}
.t-kitchen .hero-media{aspect-ratio:4/5;max-height:78vh;overflow:hidden;background:var(--tile)}
.t-kitchen .hero-img,.t-kitchen .hero-media .ph{width:100%;height:100%;object-fit:cover}
.t-kitchen .hero-copy{padding:24px 20px 34px;border-bottom:1px solid var(--ink)}
.t-kitchen .kicker{font-size:13px;color:var(--accent);font-weight:600;letter-spacing:.03em}
.t-kitchen .hero h1{font-size:clamp(40px,12vw,76px);margin:8px 0 12px;line-height:1.25;font-weight:700}
.t-kitchen .hero .sub{font-size:16.5px;line-height:1.85;color:#4c3d31;max-width:36ch}
.t-kitchen .hero-cd{margin:22px 0;padding:14px 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.t-kitchen .cd-label{font-size:13.5px;color:var(--muted)}
.t-kitchen .cd{display:flex;gap:16px}
.t-kitchen .cd-u{display:flex;align-items:baseline;gap:4px}
.t-kitchen .cd-u b{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}
.t-kitchen .cd-u span{font-size:12px;color:var(--muted)}
.t-kitchen .hero .btn-primary{min-width:220px;letter-spacing:.02em}
@media (min-width:860px){.t-kitchen .hero{grid-template-columns:1.15fr 1fr;align-items:end;border-bottom:1px solid var(--ink)}.t-kitchen .hero-copy{padding:48px 40px;border:0}.t-kitchen .hero-media{max-height:none}}

/* chips: text tabs with underline */
.t-kitchen .chips-in{gap:22px;padding:4px 20px}
.t-kitchen .chip{padding:0;min-height:48px;font-size:15.5px;color:var(--muted);border-bottom:2px solid transparent;border-radius:0}
.t-kitchen .chip.on{color:var(--ink);border-bottom-color:var(--accent)}

/* shelves */
.t-kitchen .shelf{padding-top:40px}
.t-kitchen .shelf-h{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 12px;padding:0 20px 18px}
.t-kitchen .shelf-h .idx{font-size:14px;color:var(--accent);font-weight:600;grid-row:span 2;padding-top:6px;font-variant-numeric:tabular-nums}
.t-kitchen .shelf-h h2{font-weight:700}
.t-kitchen .shelf-h p{font-size:13px;color:var(--muted)}
.t-kitchen .rail{padding:0 20px 6px;scroll-padding-inline:20px}
.t-kitchen .card-name{font-size:15px;font-weight:600;line-height:1.55}
.t-kitchen .badge{top:10px;inset-inline-start:10px;background:var(--surface);color:var(--accent-2);font-size:12.5px;font-weight:700;padding:3px 9px}
.t-kitchen .price b{font-size:17px;font-weight:700}
.t-kitchen .add{border:1px solid var(--ink);font-size:14px;font-weight:600}
.t-kitchen .add:hover{background:var(--ink);color:var(--surface)}
.t-kitchen .opts .sz{border-radius:0;border:1px solid var(--line-strong)}
.t-kitchen .ph{font-family:var(--f-display);font-size:20px;color:#a8957d;aspect-ratio:4/5}

/* bundle: framed editorial note */
.t-kitchen .bundle{margin:40px 20px 0;background:var(--surface);border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:-7px;padding:28px 24px}
.t-kitchen .bundle h2{font-size:30px}
.t-kitchen .bundle .kicker{color:var(--accent);font-weight:600}
.t-kitchen .bundle-copy>p{color:#4c3d31;line-height:1.85}
.t-kitchen .bp b{color:var(--accent)}
.t-kitchen .bp img,.t-kitchen .bp .ph{aspect-ratio:4/5}
.t-kitchen .trust{margin:40px 20px 0;border-top:1px solid var(--ink)}
.t-kitchen .tr .i{color:var(--accent-2);width:30px;height:30px}
.t-kitchen .foot{padding-inline:20px}
.t-kitchen .foot .wm{font-size:30px}
.t-kitchen .sh-head h2{font-size:24px}
.t-kitchen .pd h2{font-family:var(--f-text);font-weight:700;font-size:21px;line-height:1.5}
.t-kitchen .gal img,.t-kitchen .gal .ph{aspect-ratio:4/5}
.t-kitchen .btn-wa{border-radius:0}
.t-kitchen .bundle-meter{border-radius:0;margin-inline:16px}
.t-kitchen .toast{border-radius:0}
.t-kitchen .co input,.t-kitchen .co select,.t-kitchen .co textarea{background:var(--surface)}