/* Shared Kezetuh palette: warm white, chocolate, cream, wine and muted gold. */
:root{
  --wine:#7d2039;--ink:#382019;--dark:#382019;--cream:#fffcf8;--white:#fffcf8;
  --gold:#b99658;--line:#e5d8c6;--border:#e5d8c6;--muted:#766052;
  --pink:#f2e2e5;--peach:#f5ebdd;--berry:#f2e2e5;--olive:#49683e;
  --paper:#ffffff;--panel:#f5ebdd;--wine-wash:#f4e7e9;--gold-wash:#f7efdf;
  --gold-metal:linear-gradient(110deg,#94713b,#d5b77b 42%,#b99658 72%,#e0c58d);
}

.category-emoji{display:none;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-weight:400;font-style:normal}
@media(max-width:760px){
  .storefront-theme .categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:8px 0 22px;overflow:visible;justify-items:center}
  .storefront-theme .categories button{display:grid;place-items:center;width:clamp(40px,11vw,56px);height:clamp(40px,11vw,56px);min-height:0;padding:0;border-radius:50%;border-width:1px;transition:background .2s,border-color .2s,box-shadow .2s}
  .storefront-theme .categories .category-emoji{display:block;font-size:clamp(22px,6vw,28px);line-height:1}
  .storefront-theme .categories .category-name{display:none}
  .storefront-theme .categories button[aria-pressed=true]{box-shadow:0 0 0 3px #b9965845;border-color:var(--wine)}
}
@media(max-width:319px){.storefront-theme .categories{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}}
html{scrollbar-color:#967341 #f5ebdd}
*::-webkit-scrollbar-track{background:var(--panel)}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b99658,#76503c);border-color:var(--panel)}
*::-webkit-scrollbar-thumb:hover{background:#76503c}
::selection{background:#e8d4b4;color:var(--ink)}
body.storefront-theme,body.studio-theme{background:var(--cream);color:var(--ink)}
.storefront-theme header,.storefront-theme footer{background:var(--cream);border-color:var(--line)}
.storefront-theme .ribbon{background:linear-gradient(105deg,#601b2d,#7d2039,#601b2d);color:#fffcf8}
.storefront-theme .wordmark,.storefront-theme .hero h1 em,.storefront-theme .eyebrow{color:var(--wine)}
.storefront-theme .bag{background:var(--wine-wash);border-color:#dec6ca;color:var(--wine)}
.storefront-theme .hero-main{background:var(--panel);box-shadow:10px 12px 0 #eadac0,0 20px 45px #38201912}
.storefront-theme .hero .button,.storefront-theme .primary,.storefront-theme #floating-box{background:var(--wine);color:#fffcf8;box-shadow:0 6px 18px #7d20391a}
.storefront-theme .primary:hover,.storefront-theme .hero .button:hover{background:#621a2d}
.storefront-theme .handnote{color:#795b39}
.storefront-theme .ticker{background:var(--ink);color:#f5ebdd;border-block:1px solid #b99658}
.storefront-theme .ticker b{color:#d5b77b}
.storefront-theme .categories button:nth-child(n){background:var(--cream);border-color:var(--line);color:var(--ink)}
.storefront-theme .categories button:hover{background:var(--panel);border-color:var(--gold)}
.storefront-theme .categories button[aria-pressed=true]{background:var(--wine);color:#fff;border-color:var(--wine)}
.storefront-theme .studio-layout,.storefront-theme .product,.storefront-theme .order-panel,.storefront-theme .details-panel{border-color:var(--line)}
.storefront-theme .studio-layout,.storefront-theme .product-detail,.storefront-theme .product,.storefront-theme .order-panel{background:var(--paper)}
.storefront-theme .stage-panel{background:var(--panel)}
.storefront-theme .stage-top .pill{background:#fffcf8e6;border-color:#e8d8bf;color:#684b33}
.storefront-theme .product-detail .eyebrow,.storefront-theme .size-heading>span{color:var(--wine)}
.storefront-theme .product-detail>p{color:var(--muted)}
.storefront-theme .sizes button{background:var(--paper);border-color:var(--line)}
.storefront-theme .sizes button[aria-pressed=true]{background:var(--wine-wash);border-color:var(--wine);color:var(--wine)}
.storefront-theme .pack-note{background:var(--gold-wash);color:#654c2e;border:1px solid #e7d7bb}
.storefront-theme select,.storefront-theme input,.storefront-theme textarea{background:var(--paper);border-color:var(--line);color:var(--ink)}
.storefront-theme .product.selected{border-color:var(--wine)}
.storefront-theme .preview-switch{background:var(--cream);border-color:#d8c39f}
.storefront-theme .preview-switch button[aria-pressed=true]{background:var(--wine);color:#fff}
.storefront-theme .quantity-total{border-color:#d9c7a9}
.storefront-theme .quantity-total strong{color:var(--wine)}
.storefront-theme .quantity-total span,.storefront-theme .portion-box figcaption,.storefront-theme .size-comparison-note{color:var(--muted)}
.storefront-theme .order-strip{background:var(--panel);color:var(--ink);border-block:1px solid #dfcbaa}
.storefront-theme .order-strip .eyebrow,.storefront-theme .order-strip em,.storefront-theme .strip-heart{color:var(--wine)}
.storefront-theme .order-strip .light{background:var(--wine);color:#fff}
.storefront-theme .details-panel{background:var(--panel)}
.storefront-theme dialog{background:var(--cream);border-color:var(--line)}
.storefront-theme .photo-dialog>img{background:var(--panel)}
.storefront-theme .photo-dialog-caption p{color:var(--muted)}
.storefront-theme .preview-note{color:var(--muted)!important}

/* Studio uses the same quiet surfaces; operational status colours remain semantic. */
.studio-theme .sidebar{background:var(--cream);color:var(--ink);border-color:var(--border)}
.studio-theme .sidebar .brand,.studio-theme .mobile-brandbar strong{color:var(--wine)}
.studio-theme .sidebar .brand span,.studio-theme .nav-label,.studio-theme .side-foot span,.studio-theme .mobile-brandbar span{color:var(--muted)}
.studio-theme .sidebar nav a:nth-child(n){background:var(--panel);color:var(--ink);border-color:transparent}
.studio-theme .sidebar nav a b{color:#87663a}
.studio-theme .sidebar nav a:hover{border-color:var(--gold);background:var(--gold-wash)}
.studio-theme .sidebar nav a[aria-current=page]{background:var(--wine);color:#fff;border-color:var(--wine)}
.studio-theme .sidebar nav a[aria-current=page] b{color:#f0dcb8}
.studio-theme .side-foot,.studio-theme .eyebrow,.studio-theme .business-brand h2,.studio-theme .business-brand>a{color:var(--wine)}
.studio-theme .business-brand{background:linear-gradient(110deg,#f5ebdd,#fffcf8);border-color:#dcc6a3;box-shadow:inset 0 2px 0 #c8a96d}
.studio-theme .business-brand p{color:var(--muted)}
.studio-theme .metric:nth-child(n){background:var(--paper);border-color:var(--border)}
.studio-theme .metric:nth-child(2){background:var(--panel)}
.studio-theme .metric:nth-child(3){background:var(--wine-wash)}
.studio-theme .metric:nth-child(4){background:var(--gold-wash)}
.studio-theme .metric.feature{background:linear-gradient(125deg,#601b2d,#7d2039);border-color:var(--wine);color:#fff}
.studio-theme .metric .label,.studio-theme .metric small{color:var(--muted)}
.studio-theme .metric.feature .label,.studio-theme .metric.feature small{color:#f1ded8}
.studio-theme .panel,.studio-theme .product-card,.studio-theme .stall-card,.studio-theme tbody tr{background:var(--paper);border-color:var(--border)}
.studio-theme .panel-head h2,.studio-theme td:first-child{color:var(--ink)}
.studio-theme td,.studio-theme .dialog-head,.studio-theme .dialog-actions{border-color:var(--border)}
.studio-theme td::before,.studio-theme td small{color:var(--muted)}
.studio-theme .header-actions .secondary,.studio-theme .secondary,.studio-theme .small{background:var(--cream);border-color:var(--border);color:var(--ink)}
.studio-theme .primary,.studio-theme .filters button.active,.studio-theme .catalog .product-card .actions button:first-child{background:var(--wine);border-color:var(--wine);color:#fff}
.studio-theme .primary:hover{background:#621a2d}
.studio-theme .secondary:hover,.studio-theme .small:hover{background:var(--gold-wash);border-color:var(--gold)}
.studio-theme .filters button{background:var(--panel)}
.studio-theme .catalog .product-card:nth-child(n) .body{background:var(--cream)}
.studio-theme .size-edit-row:nth-child(n),.studio-theme .image-editor,.studio-theme .line-row,.studio-theme .hint,.studio-theme .date-tile,.studio-theme .stall-totals span:nth-child(n){background:var(--panel);border-color:var(--border);color:#654c36}
.studio-theme .date-tile{color:var(--wine)}
.studio-theme .warning{background:#fff4de;border-color:var(--gold);color:#694f25}
.studio-theme input,.studio-theme select,.studio-theme textarea{background:var(--paper);border-color:var(--border);color:var(--ink)}
.studio-theme .form-grid input:focus,.studio-theme .form-grid select:focus,.studio-theme .form-grid textarea:focus{border-color:var(--wine);box-shadow:0 0 0 3px #7d203915}
.studio-theme dialog,.studio-theme .dialog-head,.studio-theme .dialog-actions{background:var(--cream);border-color:var(--border)}
.studio-theme .bar,.studio-theme .stockbar{background:#e9decd}
.studio-theme .bar i.cost{background:var(--gold-metal)}
.studio-theme .bar i.profit,.studio-theme .stockbar span{background:var(--olive)}
.studio-theme .stockbar.low span{background:#b56536}
.studio-theme .positive{color:#49683e}.studio-theme .negative,.studio-theme .error{color:#a52a38}
.studio-theme .mobile-brandbar{background:#fffcf8f5;border-color:var(--border)}
.studio-theme .mobile-brandbar .icon{background:var(--gold-wash);border-color:#d9c39d;color:var(--wine)}
.studio-theme #nav-dialog{background:var(--cream);border-color:var(--border)}
.studio-theme #nav-dialog .dialog-head{border-color:var(--border)}
.studio-theme #nav-dialog h2{color:var(--wine)}
.studio-theme #nav-dialog .icon{background:var(--gold-wash);border-color:var(--border)}
.studio-theme #nav-dialog nav a:nth-child(n){background:var(--panel);border-color:var(--border);color:var(--ink)}
.studio-theme #nav-dialog nav a b{color:#87663a}
.studio-theme #mobile-sections a[aria-current=page]{background:var(--wine)!important;color:#fff!important}
.studio-theme #mobile-sections a[aria-current=page] b{color:#f0dcb8}
.studio-theme #nav-dialog>.secondary{background:var(--paper);border-color:var(--border)}

/* Phone layouts reserve enough room for complete labels, not squeezed text. */
@media(max-width:760px){
  .storefront-theme :is(h1,h2,h3,h4),.studio-theme :is(h1,h2,h3){text-wrap:balance;overflow-wrap:normal;word-break:normal}
  .storefront-theme :is(p,.preview-note),.studio-theme p{text-wrap:pretty}
  .storefront-theme :is(.button,.bag,.categories button,.preview-switch button,.sizes button,.product-info button,.back-link),
  .studio-theme :is(.primary,.secondary,.small,.danger,.pill,nav a){white-space:nowrap;flex-shrink:0;word-break:normal}
  .storefront-theme header{gap:12px;padding:18px 16px}
  .storefront-theme header nav{flex:none;gap:0}
  .storefront-theme header .wordmark{font-size:clamp(2rem,9vw,2.35rem)}
  .storefront-theme .bag{padding:10px 12px;gap:8px}
  .storefront-theme .hero h1{font-size:clamp(2.5rem,10.2vw,4rem);line-height:1.12;letter-spacing:-1px}
  .storefront-theme .hero p br{display:none}
  .storefront-theme .hero .button{gap:10px;padding-inline:18px}
  .storefront-theme .section-heading h2{font-size:clamp(2rem,8vw,3rem);line-height:1.15}
  .storefront-theme .product-detail{padding:24px 18px}
  .storefront-theme .product-detail h3{font-size:clamp(1.85rem,8vw,2.7rem);line-height:1.18}
  .storefront-theme .preview-switch{max-width:100%;gap:2px;padding:3px}
  .storefront-theme .preview-switch button{min-width:0;padding:12px 9px;font-size:15px}
  .storefront-theme .sizes{display:flex;flex-wrap:wrap;gap:8px}
  .storefront-theme .sizes button{flex:1 0 auto;padding:12px 14px;min-height:48px}
  .storefront-theme .add-main{padding-inline:18px;gap:12px}
  .storefront-theme .quantity-total{column-gap:12px;row-gap:8px;padding-inline:8px}
  .storefront-theme .quantity-total>*{white-space:nowrap}
  .storefront-theme .products{grid-template-columns:1fr}
  .storefront-theme .product{display:block}
  /* Let food photos set the frame height: no cover crop or contain letterboxing. */
  .storefront-theme .product-image,.storefront-theme .product-photo-view,.storefront-theme .weight-stage{aspect-ratio:auto;min-height:0;height:auto;max-height:none}
  .storefront-theme .product-image img,.storefront-theme #stage-poster,.storefront-theme .weight-product{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain!important;transform:none}
  .storefront-theme .cart-item>img{height:auto;aspect-ratio:auto;object-fit:contain;align-self:start;mix-blend-mode:normal}
  .storefront-theme .photo-dialog{overflow-y:auto}
  .storefront-theme .photo-dialog>img{height:auto;max-height:none;aspect-ratio:auto}
  .storefront-theme .product-info{padding:18px}
  .storefront-theme .product-info h4{font-size:21px;line-height:1.3;overflow-wrap:normal;text-wrap:balance}
  .storefront-theme .product-info>div{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px}
  .storefront-theme .product-info button{padding:8px 0;min-height:44px}
  .storefront-theme .order-strip h2{font-size:clamp(1.8rem,7.6vw,3rem);line-height:1.15}
  .storefront-theme .order-strip .button{padding-inline:14px}
  .storefront-theme .cart-line{flex-wrap:wrap;gap:8px}
  .storefront-theme .cart-line h3{font-size:21px;line-height:1.3}
  .storefront-theme #floating-box{display:flex;flex-wrap:wrap;gap:8px 12px;padding:14px 16px}
  .storefront-theme #floating-box>span{white-space:nowrap}
  .storefront-theme #floating-box>span:last-child{margin-left:auto}
  .studio-theme{padding-bottom:0}
  .studio-theme h1{font-size:2rem;line-height:1.2;letter-spacing:-.5px}
  .studio-theme .business-brand{gap:12px}
  .studio-theme .business-brand>img{width:64px;height:80px}
  .studio-theme .business-brand h2{font-size:20px;line-height:1.25}
  .studio-theme .business-brand .eyebrow{font-size:11px;letter-spacing:.7px;white-space:nowrap}
  .studio-theme :is(.intro>.actions,.actions,.header-actions,.dialog-actions){flex-wrap:wrap}
  .studio-theme .actions>*{flex:0 0 auto}
  .studio-theme .intro>.actions>*{flex:1 0 auto}
  .studio-theme .panel-head{flex-wrap:wrap;align-items:center;gap:12px}
  .studio-theme .panel-head h2{font-size:1.45rem;line-height:1.3}
  .studio-theme .empty h3{font-size:1.5rem}
  .studio-theme .metrics{grid-template-columns:1fr}
  .studio-theme .metric{display:block;padding:18px 20px}
  .studio-theme .metric .label{display:block;font-size:15px}
  .studio-theme .metric strong{max-width:none;text-align:left;margin:9px 0 6px;font-size:2rem;overflow-wrap:normal;word-break:normal}
  .studio-theme .metric small{display:block;margin-top:0;text-wrap:pretty}
  .studio-theme #editor .metrics{grid-template-columns:1fr!important}
  .studio-theme .checklist a{font-size:15px;gap:8px;padding:14px 12px;white-space:nowrap}
  .studio-theme .row-card .grow{flex-basis:100%}
  .studio-theme .row-card:has(.date-tile) .grow{flex-basis:160px}
  .studio-theme .row-card .small{min-height:44px}
  .studio-theme .filterbar>div{flex:1 1 180px}
  .studio-theme .filterbar>input{flex-basis:100%}
  .studio-theme .catalog{grid-template-columns:1fr}
  .studio-theme .product-card h3{font-size:22px;line-height:1.3}
  .studio-theme .dialog-head h2{font-size:22px;line-height:1.3}
  .studio-theme .dialog-actions>*{flex:1 0 auto}
  .studio-theme .dialog-actions .primary{flex:1 0 auto}
  .studio-theme .line-row{grid-template-columns:minmax(0,1fr)}
  .studio-theme .line-row>div{grid-column:1/-1!important;min-width:0}
  .studio-theme .check input{flex-shrink:0}
  .studio-theme .stall-totals{grid-template-columns:1fr}
  .studio-theme td{overflow-wrap:normal}
}

/* Keep controls intact at tablet and desktop breakpoints too. */
.storefront-theme :is(.button,.sizes button,.product-info button),.studio-theme :is(.primary,.secondary,.small,.danger,nav a){white-space:nowrap;flex-shrink:0}
.storefront-theme .sizes{display:flex;flex-wrap:wrap;gap:8px}
.storefront-theme .sizes button{flex:1 0 auto}
.storefront-theme .product-info>div{flex-wrap:wrap;gap:8px}
@media(max-width:1000px) and (min-width:761px){
  .storefront-theme .order-layout{grid-template-columns:1fr}
  .storefront-theme .products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .studio-theme .intro{flex-direction:column;align-items:stretch}
  .studio-theme .intro>.primary{align-self:flex-start}
}
@media(max-width:760px){
  .storefront-theme .order-page h1{font-size:clamp(2.1rem,8vw,3rem);line-height:1.2}
  .storefront-theme .handnote{white-space:nowrap;font-size:18px;transform:none}
  .storefront-theme .order-layout{grid-template-columns:minmax(0,1fr)}
  .storefront-theme :is(.order-panel,.details-panel,.details-panel input){min-width:0;max-width:100%}
  .storefront-theme .panel-heading{flex-wrap:wrap;gap:12px;align-items:center}
  .storefront-theme .panel-heading h2{font-size:1.6rem;white-space:nowrap}
  .storefront-theme .panel-heading a{white-space:nowrap;margin-left:auto}
  .storefront-theme .cart-item{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .storefront-theme .cart-item>img{width:64px;height:80px}
  .storefront-theme .cart-meta{text-wrap:balance}
  .storefront-theme .details-panel .button{gap:12px;padding-inline:14px}
}

/* Studio: white page canvas, with bakery colours reserved for cards and controls. */
body.studio-theme,.studio-theme .workspace,.studio-theme .sidebar,
.studio-theme .workspace>header,.studio-theme .workspace>footer,
.studio-theme .mobile-brandbar,.studio-theme #nav-dialog{background:#fff}
.studio-theme .panel,.studio-theme .stall-card,.studio-theme .product-card,
.studio-theme .catalog .product-card:nth-child(n) .body,
.studio-theme .metric:nth-child(n){background:var(--panel);border-color:var(--border)}
.studio-theme .metric:nth-child(3){background:var(--wine-wash)}
.studio-theme .metric:nth-child(4){background:var(--gold-wash)}
.studio-theme .metric.feature{background:linear-gradient(125deg,#601b2d,#7d2039);border-color:var(--wine);color:#fff}
.studio-theme .business-brand{background:var(--gold-wash)}
.studio-theme tbody tr{background:var(--gold-wash)}
.studio-theme .checklist a:nth-child(n){background:var(--gold-wash);border-color:var(--border)}
.studio-theme .checklist a:nth-child(2){background:var(--wine-wash)}
.studio-theme .catalog .product-card:nth-child(3n+2) .body{background:var(--wine-wash)}
.studio-theme .catalog .product-card:nth-child(3n) .body{background:var(--gold-wash)}
.studio-theme #nav-dialog .dialog-head{background:#fff}

/* Phone-only branding centered independently of the menu button. */
@media(max-width:760px){
 .studio-theme .mobile-brandbar{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px}
 .studio-theme .mobile-brandbar>a{grid-column:2;text-align:center;justify-self:center}
 .studio-theme .mobile-brandbar>#mobile-menu{grid-column:1;grid-row:1}
 .studio-theme .mobile-brandbar strong,.studio-theme .mobile-brandbar span{white-space:nowrap}
}

@media(max-width:760px){.storefront-theme .categories .category-emoji{display:grid;place-items:center;width:62%;height:62%;overflow:visible}.category-emoji img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.storefront-theme .categories button{overflow:hidden}.storefront-theme .categories button[aria-pressed=true]{background:#f2e2e5}}

@media(max-width:760px){
.categories [data-category="chocolates"] img{transform:translate(0.745%,-0.770%) scale(1.24131)}
.categories [data-category="cakes"] img{transform:translate(-1.221%,0.407%) scale(1.22966)}
.categories [data-category="cupcakes"] img{transform:translate(1.420%,-1.505%) scale(1.36286)}
.categories [data-category="dream"] img{transform:translate(-0.442%,-4.425%) scale(1.10973)}
.categories [data-category="cookies"] img{transform:translate(0.090%,0.451%) scale(1.38628)}
.categories [data-category="brownies"] img{transform:translate(-0.441%,-0.132%) scale(1.10327)}
}

/* Respect the square asset as the viewport narrows. */
.storefront-theme .hero-main{height:auto;display:block}
.studio-theme .line-row>*{min-width:0}
.studio-theme .form-grid input,.studio-theme .form-grid select{max-width:100%}

@media(min-width:761px){.studio-theme .order-line{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(65px,.6fr) minmax(85px,.8fr) 36px}.studio-theme .order-line>div:nth-of-type(5){grid-column:1/5}.studio-theme .order-line .remove-line{grid-column:5;grid-row:1}.studio-theme .recipe-row{grid-template-columns:minmax(0,2fr) minmax(90px,1fr) 36px}}

.studio-theme .usage-row .small{grid-column:1/-1;justify-self:end}

#new-enquiry{display:block;margin-top:12px;padding:10px 14px;border:1px solid var(--wine);border-radius:8px;color:var(--wine);font-size:15px;min-height:44px}