@font-face{font-family:'BK Qomra';font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/qomra-400.woff2") format("woff2")}
@font-face{font-family:'BK Qomra';font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/qomra-500.woff2") format("woff2")}
@font-face{font-family:'BK Qomra';font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/qomra-700.woff2") format("woff2")}
@font-face{font-family:'BK Nib';font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/nib-400.woff2") format("woff2")}
@font-face{font-family:'BK Nib';font-weight:400;font-style:italic;font-display:swap;src:url("../fonts/nib-400-italic.woff2") format("woff2")}
@font-face{font-family:'BK Nib';font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/nib-600.woff2") format("woff2")}
@font-face{font-family:'BK Helvetica';font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/helvetica-400.woff2") format("woff2")}
@font-face{font-family:'BK Helvetica';font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/helvetica-500.woff2") format("woff2")}
/* Layout: one narrow mobile column (max 560px) for the shop; a wider tabbed column for admin. Single warm light look, deliberately. */
:root{
  /* BAKIN palette: essential #1d100a, #d0b197, #5f332a; secondary #ffeadc, #3a1c08 */
  --ink:#1d100a;        /* essential 1 */
  --tan:#d0b197;        /* essential 2 */
  --rust:#5f332a;       /* essential 3 */
  --blush:#ffeadc;      /* secondary, light */
  --umber:#3a1c08;      /* secondary, dark */
  --paper:#FFF7F1;      /* page ground, a tint of #ffeadc */
  --sand:#F4E4D6;       /* raised, between #ffeadc and #d0b197 */
  --line:#E6D0BD;
  --cocoa:#1d100a;      /* text + primary */
  --cocoa-2:#5f332a;    /* secondary text */
  --caramel:#5f332a;    /* accent */
  --cream:#FFFCF9;
  --ok:#3F6B45; --ok-bg:#E4EEDF;
  --warn:#8A5A12; --warn-bg:#F6E7C9;
  --bad:#8E3326; --bad-bg:#F5DCD5;
  --info:#3E5873; --info-bg:#DFE7EF;
  --display:"BK Qomra","BK Nib",system-ui,sans-serif;
  --body:"BK Qomra","BK Helvetica","Helvetica Neue",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --latin:"BK Nib",Georgia,"Times New Roman",serif;
  --ease:cubic-bezier(0.22,1,0.36,1);
  color-scheme:light;
}
*{box-sizing:border-box}
body{background:var(--paper);color:var(--cocoa);font-family:var(--body);font-size:16px;line-height:1.65}
#app{max-width:100%;overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--caramel);outline-offset:2px}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.3;text-wrap:balance;margin:0}
p{margin:0}
.num{font-family:"BK Helvetica","Helvetica Neue",var(--body);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}

/* demo strip */
.demo-strip{background:var(--ink);color:var(--blush);font-size:12.5px;padding:7px 16px;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center}
.demo-strip a{color:var(--tan);text-decoration:underline;text-underline-offset:3px}

/* header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr-in{max-width:560px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:10px}
.wordmark{color:var(--ink);text-decoration:none;line-height:1;display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px}
.wordmark svg{height:20px;width:auto;display:block}
.wordmark small{font-family:var(--body);font-size:10px;color:var(--cocoa-2)}
.hdr .sp{flex:1}
.btn{border:0;border-radius:999px;padding:11px 20px;font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:44px;transition:transform .15s var(--ease),background .2s}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--cocoa);color:var(--cream)}
.btn-primary:hover{background:var(--rust)}
.btn-primary[disabled]{background:#9C8778;cursor:not-allowed}
.btn-ghost{background:transparent;color:var(--cocoa);border:1px solid var(--line)}
.btn-small{padding:7px 14px;min-height:36px;font-size:14px}
.trk-btn{position:relative;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:22px;border:1px solid var(--line);background:var(--cream);color:var(--cocoa);font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;flex:none}
.trk-btn::after{content:"";position:absolute;top:2px;inset-inline-end:2px;width:9px;height:9px;border-radius:50%;background:var(--caramel);border:2px solid var(--cream)}
.hhdr .trk-btn{background:rgba(255,234,220,.08);border-color:rgba(255,234,220,.3);color:var(--blush)}
.hhdr .trk-btn::after{background:var(--tan);border-color:#4a3020}
@media (max-width:560px){.trk-btn{width:44px;padding:0;justify-content:center}.trk-btn .lbl{display:none}}
.cart-btn{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--cream);display:grid;place-items:center;text-decoration:none;color:var(--cocoa)}
.cart-btn b{position:absolute;top:-4px;inset-inline-end:-4px;background:var(--caramel);color:#fff;font-size:11px;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;padding:0 5px}

.wrap{max-width:560px;margin:0 auto;padding-inline:16px;padding-block:20px calc(150px + env(safe-area-inset-bottom,0px))}
.stack{display:flex;flex-direction:column;gap:16px}
.eyebrow{font-size:12.5px;letter-spacing:.06em;color:var(--caramel);font-weight:600}
.muted{color:var(--cocoa-2)}
.small{font-size:14px}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--warn-bg);color:var(--warn);white-space:nowrap;vertical-align:middle}

/* photo placeholders: layered bands echo the Napoleon's layers */
.ph{position:relative;width:100%;max-width:100%;border-radius:18px;overflow:hidden;background:
  repeating-linear-gradient(180deg,#E9DCC8 0 14px,#F4EADB 14px 20px,#D9C3A5 20px 23px,#F4EADB 23px 29px);
  display:grid;place-items:center;border:1px dashed #C9AE8C}
.ph span{background:rgba(255,253,249,.92);color:var(--cocoa);font-size:13px;font-weight:500;padding:8px 12px;border-radius:10px;text-align:center;max-width:82%;line-height:1.5}
.ph.has-img{background:#fff;border:0;display:block}
.ph.has-img img{display:block;width:100%;height:100%;object-fit:cover}
.ph.has-img img.fit{object-fit:contain}
.ph span b{display:block;font-size:11px;color:var(--rust);letter-spacing:.04em}

/* ---- opening: the B symbol, once per visit ---- */
.intro{position:fixed;inset:0;z-index:100;background:var(--ink);display:grid;place-items:center;cursor:pointer;animation:introOut 520ms 1250ms var(--ease) forwards}
.intro .b{width:clamp(72px,22vw,118px);color:var(--blush);animation:bIn 900ms 120ms var(--ease) both}
.intro .b svg{width:100%;height:auto;display:block}
.intro .line{position:absolute;bottom:calc(32px + env(safe-area-inset-bottom,0px));font-family:var(--latin);font-style:italic;color:var(--tan);font-size:15px;letter-spacing:.04em;direction:ltr;animation:fade 600ms 500ms var(--ease) both}
@keyframes bIn{from{opacity:0;clip-path:inset(100% 0 0 0);transform:translateY(10px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes introOut{to{opacity:0;visibility:hidden}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes settle{from{transform:scale(1.06)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.intro{display:none}}

/* ---- home hero: full-width photo, header over it ---- */
.home-hero{position:relative;min-height:min(94svh,860px);display:flex;flex-direction:column;color:var(--blush);background:var(--umber);overflow:hidden;isolation:isolate}
.home-hero .photo{position:absolute;inset:0;z-index:-2;background:
  radial-gradient(120% 80% at 70% 30%,#7a4a3a 0%,transparent 60%),
  repeating-linear-gradient(180deg,#4a2a1e 0 22px,#5f332a 22px 30px,#3a1c08 30px 34px,#5f332a 34px 42px);animation:settle 1400ms var(--d,0ms) var(--ease) both}
.home-hero .photo.has-img{background:none;animation:none}
.home-hero .photo img{display:block;animation:fade 900ms var(--d,0ms) var(--ease) both}
/* phone: text on a solid wall-brown block, then the photo cropped square around the box and the plate (no gradient) */
@media (max-width:859px){.home-hero{min-height:0;background:#4a3020}.home-hero .photo.has-img{position:relative;inset:auto;z-index:0;order:3}.home-hero .photo img{width:100%;aspect-ratio:1/1.05;height:auto;object-fit:cover;object-position:50% 100%}.hero-copy{padding-bottom:32px}}
/* desktop: the full landscape photo, text over the plain brown wall on the right (no gradient) */
@media (min-width:860px){.home-hero{min-height:0;aspect-ratio:16/9;max-height:none}.home-hero .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%}
 .home-hero .hero-copy{position:absolute;top:calc(clamp(70px,7vw,96px) + 2vw);inset-inline-start:0;width:38%;padding:0 0 0 0;margin-inline-start:4vw;gap:2.2vw}
 .home-hero .hero-copy h1{font-size:clamp(44px,5.2vw,96px)}
 .home-hero .hero-copy .intro-txt{max-width:32ch}
 .home-hero .hero-copy .intro-txt p{font-size:clamp(14px,1.1vw,18px)}}
.home-hero .photo .need{position:absolute;bottom:24px;inset-inline:16px;display:flex;justify-content:center}
.home-hero .photo .need span{background:rgba(29,16,10,.55);border:1px dashed rgba(255,234,220,.45);color:var(--blush);font-size:12.5px;padding:7px 12px;border-radius:10px;text-align:center;max-width:320px}
.home-hero::after{content:none}

.hhdr{position:fixed;inset-inline:0;top:var(--hh-top,0px);z-index:30;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px 16px;transition:background-color .3s ease,box-shadow .3s ease,padding .3s ease}
.hhdr.solid{background:rgba(29,16,10,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(208,177,151,.18);padding-block:8px}
.hh-act{display:flex;align-items:center;gap:10px;justify-self:end;grid-column:-2/-1}
.hh-div{width:1px;height:22px;background:rgba(255,234,220,.28);margin-inline:2px}
.home-hero{padding-top:var(--hh-h,64px)}
#story,#howto{scroll-margin-top:60px}
.ds h2{font-size:19px}
.ds .lnk{background:none;border:0;padding:6px 4px;color:var(--caramel);text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:14px;cursor:pointer}
.ds .lnk:disabled{opacity:.4;cursor:default}
.ds-sw{display:flex;gap:12px;align-items:center;cursor:pointer;font-size:15px}
.ds-sw input{width:22px;height:22px;accent-color:var(--ink);flex:none}
.ds-times{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ds-times li{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--cream)}
.ds-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ds-add input{padding:9px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.ds-days{display:flex;flex-wrap:wrap;gap:8px}
.ds-days label{display:flex;gap:6px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:14px}
.ds-days input{accent-color:var(--ink)}
.hhdr .wordmark{color:var(--blush)}
.hhdr .wordmark svg{height:18px}
.hhdr nav{display:flex;gap:clamp(18px,2.6vw,40px);justify-self:center}
.hhdr nav button,.hhdr nav a{background:none;border:0;color:var(--blush);opacity:.9;font-size:14.5px;padding:8px 2px;text-decoration:none;min-height:40px}
.hhdr nav button:hover,.hhdr nav a:hover{opacity:1}
.hhdr .cart-btn{background:rgba(255,234,220,.08);border-color:rgba(255,234,220,.3);color:var(--blush)}
.btn-light{background:var(--blush);color:var(--ink)}
.btn-light:hover{background:#fff}
.hero-copy{padding:clamp(40px,9vw,96px) clamp(16px,6vw,88px) 48px;display:flex;flex-direction:column;gap:clamp(24px,5vw,56px);max-width:1200px}
.hero-copy h1{font-family:var(--latin);font-weight:400;font-size:clamp(38px,11.2vw,112px);line-height:1.04;letter-spacing:-.015em;color:var(--blush);direction:ltr;text-align:right}
.hero-copy h1.ar-h{font-family:var(--display);font-weight:700;direction:rtl;text-align:right;letter-spacing:0;line-height:1.2;font-size:clamp(44px,13vw,120px)}
@media (min-width:860px){.home-hero .hero-copy h1.ar-h{font-size:clamp(48px,5.6vw,104px)}}
.hero-copy h1 .ln{display:block;white-space:nowrap;animation:rise 700ms var(--ease) both}
.hero-copy h1 .ln:nth-child(1){animation-delay:calc(var(--d,0ms) + 250ms)}
.hero-copy h1 .ln:nth-child(2){animation-delay:calc(var(--d,0ms) + 370ms)}
.hero-copy .intro-txt{border-inline-start:3px solid var(--blush);padding-inline-start:16px;max-width:30ch;display:flex;flex-direction:column;gap:8px;animation:fade 700ms calc(var(--d,0ms) + 600ms) var(--ease) both}
.hero-copy .intro-txt p{font-size:16px;line-height:1.75;color:#F7E2D2}
.hero-copy .intro-txt .en{font-family:var(--latin);font-style:italic;color:var(--tan);font-size:15px;direction:ltr;text-align:right}
.hero-copy .tag{background:rgba(255,234,220,.16);color:var(--blush);align-self:flex-start}
.menu-btn{display:none}
@media (max-width:640px){.hhdr nav{display:none}
 .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,234,220,.08);border:1px solid rgba(255,234,220,.3);color:var(--blush);cursor:pointer}
 .hhdr.open{background:rgba(29,16,10,.97)}
 .hhdr.open nav{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;inset-inline:0;justify-self:stretch;grid-column:1/-1;background:rgba(29,16,10,.97);padding:4px 16px 16px;box-shadow:0 12px 24px rgba(0,0,0,.25)}
 .hhdr.open nav a,.hhdr.open nav button{font:inherit;font-size:17px;text-align:start;padding:14px 4px;min-height:48px;border-bottom:1px solid rgba(208,177,151,.18);cursor:pointer}
 .hhdr.open nav>:last-child{border-bottom:0}}
@media (min-width:641px){.hhdr{grid-template-columns:1fr auto 1fr;padding:14px clamp(16px,3vw,40px)}.hhdr.solid{padding-block:10px}}

/* ---- story band: primary #1 ground, primary #2 text ---- */
.story{background:var(--ink);color:var(--tan);padding:64px clamp(16px,6vw,88px)}
.story-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:20px 56px}
.story .head{display:flex;flex-direction:column;gap:10px;min-width:0}
.story .kicker{font-family:var(--latin);font-style:italic;font-size:16px;color:var(--tan);opacity:.75;direction:ltr;text-align:right}
.story .title{font-size:clamp(48px,14vw,104px);color:var(--tan);line-height:1}
.story .txt{display:flex;flex-direction:column;gap:18px;min-width:0;border-top:1px solid rgba(208,177,151,.28);padding-top:24px}
.story p{font-size:clamp(17px,1.3vw,19px);line-height:1.95;color:var(--tan);text-align:start;word-spacing:normal;max-width:60ch;text-wrap:pretty}
.story .cols{display:flex;flex-direction:column;gap:18px}
@media (min-width:860px){.story{padding-block:112px}.story-in{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}
 .story .txt{border-top:0;padding-top:0;border-inline-start:1px solid rgba(208,177,151,.28);padding-inline-start:56px}
 .story .cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}}
.home-rest{max-width:560px;margin:0 auto;padding-inline:16px;padding-block:8px 120px}
.home-foot{background:var(--ink);color:var(--blush)}
.home-foot .top{max-width:1200px;margin:0 auto;padding:56px clamp(16px,6vw,88px) 32px;display:grid;grid-template-columns:1fr;gap:40px}
.home-foot .tagline{font-family:var(--display);font-size:clamp(30px,8vw,52px);line-height:1.2;font-weight:500;color:var(--blush)}
.home-foot .tagline em{display:block;font-family:var(--latin);font-style:italic;font-weight:400;font-size:.62em;color:var(--tan);direction:ltr;text-align:right;margin-top:8px}
.home-foot .cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:14.5px}
.home-foot .cols h3{font-family:var(--body);font-size:12.5px;font-weight:500;color:var(--tan);margin-bottom:10px;letter-spacing:.02em}
.home-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.home-foot a,.home-foot button.lnk{color:var(--blush);text-decoration:none;background:none;border:0;padding:0;font-size:14.5px;text-align:start}
.home-foot a:hover,.home-foot button.lnk:hover{text-decoration:underline;text-underline-offset:3px}
.home-foot .ig{display:inline-flex;align-items:center;gap:8px}
.home-foot .ig svg{width:18px;height:18px}
.home-foot .legal{max-width:1200px;margin:0 auto;padding:0 clamp(16px,6vw,88px) clamp(32px,5vw,56px);display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px;color:var(--tan)}
.home-foot .legal a{color:var(--tan);font-size:12.5px}
.foot-band{background:var(--tan);color:var(--blush);padding:clamp(72px,16vw,220px) clamp(16px,6vw,88px) clamp(24px,5vw,56px);overflow:hidden}
.foot-reveal{position:relative;clip-path:inset(0);-webkit-clip-path:inset(0)}
.foot-reveal .foot-band{position:fixed;inset-inline:0;bottom:0;z-index:0}
@media (prefers-reduced-motion:reduce){.foot-reveal{clip-path:none;height:auto!important}.foot-reveal .foot-band{position:relative}}
.foot-band .wm{max-width:1200px;margin:0 auto;transform:translate3d(0,var(--wy,0%),0);opacity:var(--wo,1);will-change:transform}
.foot-band svg{display:block;width:100%;height:auto}
.home-foot .social{display:flex;gap:10px;margin-top:4px}
.home-foot .social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,234,220,.25);display:grid;place-items:center}
.home-foot .social a:hover{background:rgba(255,234,220,.08);text-decoration:none}
.home-foot .social svg{width:18px;height:18px}
@media (min-width:860px){.home-foot .top{grid-template-columns:1.2fr 1fr;align-items:start;padding-top:88px}}
.sticky-cta.away{transform:translateY(120%);transition:transform .3s var(--ease)}
.sticky-cta{transition:transform .3s var(--ease)}
.section{display:flex;flex-direction:column;gap:12px;padding-top:28px}
.section h2{font-size:22px}
.howto{margin-inline:calc(50% - 50vw);width:100vw;background:var(--ink);color:var(--tan);padding:8px 20px 76px;margin-top:-8px;margin-bottom:12px}
.howto-in{max-width:1200px;margin:0 auto;display:grid;gap:44px;border-top:1px solid rgba(208,177,151,.22);padding-top:64px}
.ht-head .eyebrow{color:var(--tan);opacity:.85}
.ht-head h2{color:var(--blush);font-size:clamp(34px,8.5vw,64px);font-weight:700;line-height:1.15;margin-top:12px}
.ht-steps{list-style:none;margin:0;padding:0;border-top:1px solid rgba(208,177,151,.28)}
.ht-steps li{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(208,177,151,.28)}
.ht-steps .n{font-family:"BK Nib",Georgia,serif;font-size:clamp(64px,17vw,112px);line-height:.8;color:var(--tan);min-width:1.1ch;text-align:center}
.ht-steps strong{display:block;color:var(--blush);font-size:21px;font-weight:600;margin-bottom:4px}
.ht-steps p{margin:0;font-size:15px;line-height:1.75;color:var(--tan)}
.ht-q{display:grid;gap:14px;border-inline-start:2px solid var(--tan);padding-inline-start:20px}
.ht-q .k{font-family:"BK Nib",Georgia,serif;font-size:clamp(40px,10vw,64px);line-height:1;color:var(--blush)}
.ht-q .k small{font-family:var(--body);font-size:18px;color:var(--tan);margin-inline-start:8px}
.ht-q p{margin:0;font-size:16px;line-height:1.85;color:var(--tan);max-width:52ch}
html[lang=en] .ht-head h2{font-weight:400;font-size:clamp(34px,4.6vw,56px)}
.ht-note{margin:0;font-size:14px;line-height:1.8;color:rgba(208,177,151,.85)}
.ht-note>span{font-weight:600;color:var(--blush)}
.ht-note a{color:var(--blush);text-decoration:underline;text-underline-offset:3px;unicode-bidi:isolate}
@media (min-width:860px){.howto{padding:8px clamp(16px,6vw,88px) 120px}.howto-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 80px;align-items:start;padding-top:112px}
 .ht-head{position:sticky;top:96px}.ht-q,.ht-note{grid-column:2}}
.steps{list-style:none;margin:6px 0 0;padding:0;counter-reset:s;border-top:1px solid var(--line)}
.steps li{display:grid;grid-template-columns:56px 1fr;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.steps li::before{counter-increment:s;content:"0" counter(s);font-family:"BK Nib",Georgia,serif;font-size:30px;line-height:1;color:var(--tan);letter-spacing:.02em}
.steps strong{display:block;font-size:19px;font-weight:500;margin-bottom:4px}
.steps p{margin:0;font-size:15px;line-height:1.75;color:var(--caramel)}
.lead-line{display:flex;flex-direction:column;gap:6px;padding-top:22px}
.lead-line b{font-size:12.5px;letter-spacing:.06em;color:var(--caramel);font-weight:600}
.lead-line p{margin:0;font-size:16.5px;line-height:1.85;color:var(--ink)}
.lead-line .lead-note{font-size:14.5px;line-height:1.8;color:var(--caramel);margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}
.lead-note span{font-weight:600}
.lead-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;unicode-bidi:isolate}
.note{background:var(--sand);border-radius:14px;padding:14px 16px;font-size:14.5px}
.note strong{display:block;margin-bottom:2px}
.sticky-cta{position:fixed;inset-inline:0;bottom:0;z-index:15;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--paper) 70%,transparent);display:flex;justify-content:center}
.sticky-cta .in{max-width:528px;width:100%;display:flex;gap:10px;align-items:center}
.sticky-cta .btn{flex:1}
.footer{padding-top:36px;font-size:13.5px;color:var(--cocoa-2);display:flex;flex-direction:column;gap:4px}

/* product grid */
.pgrid{display:grid;grid-template-columns:1fr;gap:14px}
.pcard{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:10px 10px 14px}
.pcard .ph{aspect-ratio:16/10}
.pcard .row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-inline:4px;flex-wrap:wrap}
.pcard h3{font-size:19px}
.pcard.off{opacity:.62}
.pcard.off .ph{filter:grayscale(.5)}
.pcard.off .ph.has-img{filter:none}
.pcard.off:has(.ph.has-img){opacity:1}

/* product detail */
.gallery{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}
.gallery::-webkit-scrollbar{display:none}
.gallery .ph{flex:0 0 86%;aspect-ratio:1/1;scroll-snap-align:center}
.dots{display:flex;gap:6px;justify-content:center}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}
.dots i.on{background:var(--cocoa)}
.sizes{display:flex;flex-direction:column;gap:10px;border:0;padding:0;margin:0}
.sizes legend{font-weight:600;margin-bottom:8px}
.receipt{width:100%;text-align:start;background:var(--cream);border:1.5px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;padding:22px 20px 30px;display:flex;flex-direction:column;gap:0;position:relative;
 -webkit-mask:radial-gradient(circle 7px at 50% 100%,#0000 98%,#000) 0 0/18px 100% repeat-x;mask:radial-gradient(circle 7px at 50% 100%,#0000 98%,#000) 0 0/18px 100% repeat-x}
.rc-head{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:16px}
.rc-head .wm{width:118px;color:var(--ink)}.rc-head .wm svg{width:100%;height:auto;display:block}
.rc-head span{font-size:12.5px;letter-spacing:.08em;color:var(--cocoa-2)}
.rc-sec{display:flex;flex-direction:column;gap:9px;padding:14px 0;border-top:1.5px dashed var(--line)}
.rc-sec .r{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:14.5px}
.rc-sec .r>span:first-child{color:var(--cocoa-2)}
.rc-sec .r>span:last-child{text-align:end;font-weight:500}
.rc-sec .r>span:last-child:has(.num){white-space:nowrap}
.rc-no{font-weight:600;letter-spacing:.04em}
.rc-total .r{font-size:18px}.rc-total .r>span{color:var(--cocoa)!important;font-weight:700!important}
.rc-info .r>span:last-child{max-width:62%;overflow-wrap:anywhere}
.rc-foot{border-top:1.5px dashed var(--line);padding-top:16px;text-align:center;font-size:13px;color:var(--cocoa-2)}
.demo-link{text-decoration:underline;text-underline-offset:3px}
.trk-card{gap:18px}
.trk-top .lnk{background:none;border:0;padding:0;font:inherit;font-size:13.5px;font-weight:500;color:var(--caramel);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.trk-sum .r>span:last-child{white-space:normal!important;text-align:end}
.trk-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.track{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.track li{display:flex;gap:14px;position:relative;padding-bottom:22px}
.track li:last-child{padding-bottom:0}
.track li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:11px;top:26px;bottom:2px;width:2px;background:var(--line)}
.track li.is-done:not(:last-child)::before{background:var(--cocoa)}
.track .dot{flex:0 0 24px;height:24px;border-radius:50%;border:2px solid var(--line);background:var(--cream);display:grid;place-items:center;font-size:12px;color:var(--cream);margin-top:1px}
.track li.is-done .dot{background:var(--cocoa);border-color:var(--cocoa)}
.track li.is-now .dot{border-color:var(--cocoa);background:var(--cocoa);box-shadow:0 0 0 5px color-mix(in srgb,var(--tan) 45%,transparent)}
.track li.is-next b{color:color-mix(in srgb,var(--cocoa) 45%,transparent);font-weight:500}
.track b{display:block;font-size:15.5px}
.track p{margin:2px 0 0;font-size:14px;color:var(--cocoa-2)}
.track small{display:block;font-size:12.5px;color:var(--cocoa-2);margin-top:2px}
.paybox{width:100%;text-align:start;background:var(--cream);border:1.5px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}
.paybox>b{font-size:17px}
.paybox dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0}
.paybox dt{color:var(--cocoa-2);font-size:14px}.paybox dd{margin:0;font-weight:600}
.paybox .alias{font-family:"BK Helvetica","Helvetica Neue",var(--body);letter-spacing:.06em}
.paybox p{margin:0;font-size:14px;line-height:1.7;color:var(--cocoa-2)}
.paybox .lnk{background:none;border:0;padding:0 6px;font:inherit;font-size:13px;font-weight:500;color:var(--caramel);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.size{display:flex;align-items:center;gap:12px;background:var(--cream);border:1.5px solid var(--line);border-radius:14px;padding:14px;cursor:pointer}
.size input{accent-color:var(--cocoa);width:18px;height:18px;margin:0}
.size{align-items:flex-start}
.size input{margin-top:3px}
.size .nm{flex:1;font-weight:500;display:flex;flex-direction:column;gap:2px;min-width:0}
.size .nm .en{font-family:var(--latin);font-size:14px;color:var(--cocoa-2);direction:ltr;text-align:right;font-weight:400}
.size .nm .ln{font-size:13px;color:var(--cocoa-2);font-weight:400}
.size .pr{font-weight:600;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.size .pr .pt{font-weight:400}
.size .pr .pv{white-space:nowrap}
.size .nm .ds{font-size:14px;line-height:1.75;color:var(--cocoa-2);font-weight:400;margin-top:4px}
.size .nm .sv{font-size:13.5px;font-weight:600;color:var(--cocoa);margin-top:2px}
.gallery.single .ph{flex-basis:100%}
.note-key{background:var(--ink);color:var(--tan);border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;gap:10px;margin-top:6px;
 background-image:repeating-linear-gradient(90deg,rgba(95,51,42,.35) 0 14px,transparent 14px 28px)}
.note-key h2{font-size:22px;color:var(--blush)}
.note-key p{font-size:16.5px;line-height:1.9;color:var(--tan);text-align:start}
.size:has(input:checked){border-color:var(--cocoa);background:#FFF9F0}
.size.na{opacity:.5;cursor:not-allowed}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--cream)}
.qty button{width:44px;height:44px;border:0;background:transparent;font-size:20px}
.qty output{min-width:30px;text-align:center;font-weight:600}
.addbar{position:fixed;inset-inline:0;bottom:0;z-index:15;background:var(--cream);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
.addbar .in{max-width:528px;margin:0 auto;display:flex;gap:12px;align-items:center}
.addbar .btn{flex:1}
.toast{position:fixed;inset-inline:16px;bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:40;max-width:528px;margin:0 auto;background:var(--cocoa);color:var(--cream);border-radius:14px;padding:12px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;animation:rise 300ms var(--ease) both}
.toast a{color:var(--tan);font-weight:600}

/* cart / checkout */
.line-item{display:flex;gap:12px;align-items:center;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:12px}
.line-item .ph{width:64px;height:64px;flex:none;border-radius:10px}
.line-item .ph span{display:none}
.line-item .meta{flex:1;min-width:0}
.line-item .rm{background:none;border:0;color:var(--bad);font-size:13px;padding:4px}
.sum{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.sum .r{display:flex;justify-content:space-between;gap:10px}
.sum .r>span:last-child{white-space:nowrap}
.sum .t{border-top:1px solid var(--line);padding-top:8px;margin-top:4px;font-weight:600;font-size:17px}
.leadmsg{border-inline-start:3px solid var(--caramel);background:#FFF6E8;border-radius:10px;padding:12px 14px;font-size:14.5px}
.field{display:flex;flex-direction:column;gap:6px}
.pw{position:relative}.pw input{padding-inline-end:48px}
.pw-eye{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;background:none;border:0;color:var(--cocoa);cursor:pointer}
.field label{font-weight:500;font-size:14.5px}
.field input,.field textarea,.field select{background:var(--cream);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;min-height:48px;width:100%}
.field textarea{min-height:84px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--cocoa);outline:none}
.field .err{color:var(--bad);font-size:13px}
.field.bad input,.field.bad textarea{border-color:var(--bad)}
.card{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:14px}
.card h2{font-size:18px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg button{border:1.5px solid var(--line);background:var(--paper);border-radius:12px;padding:12px;font-weight:500;min-height:48px}
.seg button[aria-pressed="true"]{border-color:var(--cocoa);background:#FFF9F0;font-weight:600}
.days{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.day{flex:none;border:1.5px solid var(--line);background:var(--paper);border-radius:12px;padding:8px 12px;text-align:center;min-width:76px;line-height:1.35}
.day small{display:block;font-size:12px;color:var(--cocoa-2)}
.day[aria-pressed="true"]{border-color:var(--cocoa);background:#FFF9F0}
.day[disabled]{opacity:.45;cursor:not-allowed;text-decoration:line-through}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.slot{border:1.5px solid var(--line);background:var(--paper);border-radius:10px;padding:10px 4px;min-height:44px;font-size:14.5px}
.slot[aria-pressed="true"]{border-color:var(--cocoa);background:#FFF9F0;font-weight:600}
.slot[disabled]{opacity:.4;cursor:not-allowed}
.formerr{background:var(--bad-bg);color:var(--bad);border-radius:12px;padding:12px 14px;font-size:14.5px}

/* confirmation */
.done{text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;padding-top:12px}
.done .mark{width:64px;height:64px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center;font-size:30px}
.orderno{font-family:"BK Helvetica","Helvetica Neue",var(--body);font-weight:500;font-size:34px;letter-spacing:.04em;direction:ltr}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.p-new{background:var(--info-bg);color:var(--info)}
.p-confirmed{background:#E8E0F0;color:#5A4378}
.p-preparing{background:var(--warn-bg);color:var(--warn)}
.p-out{background:#E3ECF0;color:#2E5566}
.p-delivered{background:var(--ok-bg);color:var(--ok)}
.p-cancelled{background:var(--bad-bg);color:var(--bad)}
.p-unpaid{background:var(--bad-bg);color:var(--bad)}
.p-partial{background:var(--warn-bg);color:var(--warn)}
.p-paid{background:var(--ok-bg);color:var(--ok)}
details.mail{width:100%;text-align:start;background:var(--cream);border:1px dashed var(--line);border-radius:14px;padding:12px 14px}
details.mail summary{cursor:pointer;font-weight:500}
details.mail pre{white-space:pre-wrap;font-family:var(--body);font-size:13.5px;margin:10px 0 0;line-height:1.7}

/* info page */
.tbl-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:start;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600;color:var(--cocoa-2);font-size:12.5px}

/* ADMIN */
.admin{max-width:980px;margin:0 auto;padding-inline:16px;padding-block:16px 60px}
.ahdr{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:12px}
.ahdr h1{font-size:20px}
.tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:18px;scrollbar-width:none}
.tabs button{border:0;background:none;padding:10px 12px;font-weight:500;color:var(--cocoa-2);border-bottom:2px solid transparent;white-space:nowrap;min-height:44px}
.tabs button[aria-selected="true"]{color:var(--cocoa);border-bottom-color:var(--cocoa);font-weight:600}
.olist{display:flex;flex-direction:column;gap:8px}
.orow{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:center;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-align:start;width:100%}
.orow .no{font-family:"BK Helvetica","Helvetica Neue",var(--body);font-weight:500;font-size:16px;direction:ltr}
.orow .who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.orow .pills{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.orow .amt{font-weight:600}
.orow.mine{border-color:var(--caramel);box-shadow:0 0 0 1px var(--caramel)}
.ex{font-size:11px;color:var(--cocoa-2);background:var(--sand);border-radius:6px;padding:1px 6px}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.toolbar input,.toolbar select{background:var(--cream);border:1.5px solid var(--line);border-radius:12px;padding:9px 12px;min-height:44px}
.toolbar input{flex:1;min-width:0}
.grid2{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:760px){.grid2{grid-template-columns:1fr 1fr}.pgrid{grid-template-columns:1fr 1fr}}
@media (min-width:760px){.wrap.wide{max-width:920px;padding-inline:24px}}
@media (min-width:1100px){.wrap.wide{max-width:1240px;padding-inline:32px}.wrap.wide .pgrid{grid-template-columns:repeat(4,1fr);gap:18px}.wrap.wide .leadmsg{max-width:760px}}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14.5px}
.kv dt{color:var(--cocoa-2)}
.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 12px;font-size:14px;min-height:38px}
.chips button[aria-pressed="true"]{border-color:var(--cocoa);background:var(--cocoa);color:var(--cream)}
.inline-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.inline-form .full{grid-column:1/-1}
.inline-form input,.inline-form select{background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:9px 10px;min-height:44px;width:100%;min-width:0}
.log{list-style:none;margin:0;padding:0;font-size:13px;color:var(--cocoa-2);display:flex;flex-direction:column;gap:4px}
.rep{display:flex;flex-direction:column;gap:2px}
.rep .r{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
.rep .r.sub{padding-inline-start:14px;color:var(--cocoa-2);font-size:13.5px}
.rep .r.tot{border-bottom:0;border-top:1.5px solid var(--cocoa);margin-top:4px;padding-top:10px;font-weight:600;font-size:17px}
.neg{color:var(--bad)}
.alert{border-radius:12px;padding:12px 14px;font-size:14px}
.alert-warn{background:var(--warn-bg);color:var(--warn)}
.alert-info{background:var(--info-bg);color:var(--info)}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
@media (min-width:760px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kpi{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.kpi .l{font-size:12.5px;color:var(--cocoa-2)}
.kpi .v{font-size:20px;font-weight:600}
.dayhead{font-weight:600;font-size:14px;color:var(--cocoa-2);margin-top:8px}
.login{max-width:400px;margin:24px auto;padding-inline:16px}
.creds{background:var(--sand);border-radius:12px;padding:12px 14px;font-size:14px;direction:ltr;text-align:left}
.creds b{font-family:ui-monospace,Menlo,monospace;font-weight:600}
/* language switch + English (LTR) overrides */
.lang{display:inline-flex;align-items:center;gap:2px;font-size:13.5px;white-space:nowrap;flex:none}
.lang button{background:none;border:0;padding:8px 4px;min-height:40px;color:inherit;opacity:.62;font-family:"BK Qomra",system-ui,sans-serif;line-height:1}
.lang button[lang=en]{font-family:"BK Helvetica","Helvetica Neue",system-ui,sans-serif}
.lang button[aria-pressed=true]{opacity:1;font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.lang span{opacity:.35;padding-inline:2px}
.hhdr .lang{color:var(--blush)}
@media (max-width:420px){.hdr-order{display:none}}
.psub{font-family:var(--latin);font-size:18px;direction:ltr;text-align:start}
html[lang=en]{--display:"BK Nib",Georgia,"Times New Roman",serif;--body:"BK Helvetica","Helvetica Neue",system-ui,-apple-system,"Segoe UI",sans-serif}
:where(html[lang=en]) :is(h1,h2,h3){font-weight:600;letter-spacing:-.01em}
html[lang=en] .eyebrow,html[lang=en] .lead-line b{letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}
html[dir=ltr] .hero-copy h1,html[dir=ltr] .home-foot .tagline em{text-align:left}
html[dir=ltr] .qty{flex-direction:row-reverse}
.size .pr .pt{text-align:end}
@media (min-width:860px){html[dir=ltr] .home-hero .hero-copy{inset-inline-start:auto;right:0;left:auto;margin-inline-start:0;margin-right:4vw}}
.backlink{background:none;border:0;color:var(--cocoa-2);padding:6px 0;font-size:14px;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}

/* reviews */
.stars{display:inline-flex;gap:2px;font-size:17px;line-height:1;color:color-mix(in srgb,var(--cocoa) 22%,transparent)}
.stars .on{color:var(--caramel)}
.rv-pick{display:flex;gap:6px}
.rv-pick button{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--cream);font-size:24px;line-height:1;color:color-mix(in srgb,var(--cocoa) 25%,transparent);cursor:pointer}
.rv-pick button.on{color:var(--caramel);border-color:var(--caramel)}

/* admin: two areas (incoming orders / editing the site) and team list */
.asec{display:flex;gap:6px;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:4px;margin-bottom:10px;max-width:420px}
.asec button{flex:1;border:0;background:none;border-radius:10px;min-height:44px;font-weight:600;color:var(--cocoa-2);cursor:pointer}
.asec button[aria-pressed="true"]{background:var(--cocoa);color:var(--cream)}
.team{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.team li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}
.team li:last-child{border-bottom:0}
.team li .small[dir=ltr]{flex-basis:100%}

/* home + order page: dark, in the essential brown */
body.dark{--paper:#1d100a;--sand:#2a170e;--line:rgba(208,177,151,.24);--cocoa:#ffeadc;--cocoa-2:#d0b197;--caramel:#d0b197;--cream:#26150d;color-scheme:dark}
body.dark .wordmark{color:var(--blush)}
body.dark .btn-primary{background:var(--blush);color:var(--ink)}
body.dark .btn-primary:hover{background:var(--tan)}
body.dark .cart-btn b{color:var(--ink)}
body.dark .leadmsg{background:var(--sand)}
body.dark .home-hero{background:var(--ink)}
.asearch{margin-bottom:10px}
.asearch input{width:100%;background:var(--cream);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;min-height:48px;font:inherit}
.asearch input:focus{outline:2px solid var(--cocoa);outline-offset:1px}
.asec{max-width:560px}
.mpick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px}
.mpick button{flex:none;border:1px solid var(--line);background:var(--cream);border-radius:999px;padding:8px 16px;min-height:40px;font:inherit;font-weight:500;color:var(--cocoa-2);cursor:pointer}
.mpick button[aria-pressed="true"]{background:var(--cocoa);border-color:var(--cocoa);color:var(--cream);font-weight:600}
.mtype{display:flex;gap:18px}
.mtype label{display:flex;gap:6px;align-items:center;font-weight:600}
.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpis.k3 .v{font-size:clamp(15px,4.4vw,22px)}
.mlist{list-style:none;margin:10px 0 0;padding:0}
.mlist li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.mlist li:last-child{border-bottom:0}
.mlist .r1{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.mlist .r1 span{min-width:0}
.mlist .r1 b{flex:none;font-weight:600}
.mlist .r2{font-size:13px;color:var(--cocoa-2);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mlist .r2 .backlink{margin-inline-start:auto;font-size:13px}

/* admin: products list and add/edit form */
.plist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.plist li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.plist li:last-child{border-bottom:0}
.plist img,.plist .pl-empty{flex:none;width:72px;height:56px;border-radius:10px;object-fit:cover;background:#FDFDFD;border:1px solid var(--line)}
.plist img.fit{object-fit:contain}
.pl-m{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.pl-a{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:4px}
.pl-a label{display:flex;gap:6px;align-items:center}
.pf-photo .ph{aspect-ratio:16/10;max-width:420px;border-radius:14px;overflow:hidden;background:#FDFDFD;border:1px solid var(--line)}
.pf-photo .ph img{width:100%;height:100%;object-fit:cover;display:block}
.pf-photo .ph img.fit{object-fit:contain}
.pf-empty{display:grid;place-items:center;color:var(--cocoa-2);font-size:14px}
.pf-size{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}
.pf-size-h{display:flex;justify-content:space-between;align-items:center}
.pf-grid{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:640px){.pf-grid{grid-template-columns:1fr 1fr}}