/* Selected concept 3. Catalog only; the six-category home remains unchanged. */
html:not([data-entry="welcome"]){--approval-header-rgb:251 246 233!important;--approval-header-ink:#77783f!important;--browser-surface:#fbf6e9!important}
html:not([data-entry="welcome"]),html:not([data-entry="welcome"]) body,html:not([data-entry="welcome"]) .showcase-shell{background:#fbf6e9!important}
.caramel-menu .slide{background:#fbf6e9!important;background-image:none!important;color:#63252d;--sheet-peek:144px}
.caramel-menu .logo-cover-frame{display:none!important}
.catalog-brand{position:absolute;z-index:13;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:3px;width:116px;pointer-events:none}
.catalog-brand-wordmark{display:block;width:110px;height:42px;object-fit:contain}
.catalog-brand-caption{display:block;width:70px;height:7px;object-fit:contain}
html[data-entry="welcome"] .catalog-brand{display:none}
.catalog-controls{position:absolute;inset:0 0 auto;height:112px;z-index:12;pointer-events:none}
.catalog-controls .cart-button,.catalog-controls .category-tabs{pointer-events:auto}
html[data-entry="welcome"] .catalog-controls{display:none}
.caramel-menu .category-tabs{top:max(68px,calc(env(safe-area-inset-top) + 68px));left:18px;right:18px;width:calc(100% - 36px);height:44px;min-height:44px;background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.caramel-menu .category-tabs .category-tab{color:#77783f!important;opacity:1!important;font-weight:400;font-size:12px;padding:10px 13px;position:relative}
.caramel-menu .category-tabs .category-tab[aria-selected="true"]{font-weight:600}
.caramel-menu .category-tabs .category-tab[aria-selected="true"]::after{content:'';position:absolute;left:13px;right:13px;bottom:4px;height:1px;background:#8d8d51}
.caramel-menu .category-tabs .category-tab[data-open-cakes]{font-weight:650}
.caramel-menu .category-rail{padding-inline:16px;box-sizing:border-box;mask-image:linear-gradient(to right,transparent 0,transparent 16px,#000 24px,#000 calc(100% - 24px),transparent calc(100% - 16px));-webkit-mask-image:linear-gradient(to right,transparent 0,transparent 16px,#000 24px,#000 calc(100% - 24px),transparent calc(100% - 16px))}
html:not([data-entry="welcome"]) .caramel-menu .language-control,html:not([data-entry="welcome"]) .caramel-menu .cart-button{color:#77783f!important;width:96px;min-width:96px;height:40px;top:max(15px,env(safe-area-inset-top));font-weight:400}
html:not([data-entry="welcome"]) .caramel-menu .language-control select{color:inherit;font-weight:400}
html:not([data-entry="welcome"]) .caramel-menu .language-control::after{border-color:#77783f}

.caramel-menu .slide .photo-frame{position:absolute!important;inset:112px 0 var(--sheet-peek)!important;display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;overflow:hidden}
.caramel-menu .slide .photo{position:absolute!important;top:50%!important;left:0!important;display:block;width:100%!important;height:auto!important;max-height:none!important;transform:translateY(-50%)!important;object-fit:contain!important;object-position:center center;mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.caramel-menu .product-sheet{background:#fbf6e9;border:1px solid #dedbc4;border-bottom:0;border-radius:25px 25px 0 0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:24px 24px 66px}
.caramel-menu .product-sheet::before{width:34px;height:3px;background:#d3c6af}
.caramel-menu .product-title,.caramel-menu .category-curd .product-title,.caramel-menu .supplied-product-card .product-title{font:400 clamp(27px,6.7vw,38px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.025em;color:#63252d;max-width:calc(100% - 36px);margin:0}
html[data-language="th"] .caramel-menu .product-title{font-family:"Segoe UI",Tahoma,sans-serif;font-size:27px;line-height:1.3;letter-spacing:0}
.caramel-menu .product-description{font:400 14px/1.5 "Segoe UI",Tahoma,sans-serif;color:#716a54}
.caramel-menu .price-value{font:400 clamp(36px,9vw,48px)/1 Georgia,"Times New Roman",serif;color:#63252d;letter-spacing:-.04em}
.caramel-menu .price-currency{font-size:12px;color:#63252d}
.caramel-menu .add-button{background:#8d8d51;color:#fffaf0;border:1px solid #8d8d51;box-shadow:none;border-radius:24px;min-height:44px;width:142px;font:600 14px/1.2 "Segoe UI",Tahoma,sans-serif}
.caramel-menu .add-button:hover{background:#77783f;border-color:#77783f}
.caramel-menu .add-button:focus-visible{outline:2px solid #63252d;outline-offset:3px}
.caramel-menu .sheet-toggle{border:1px solid #dfdac1;background:transparent;box-shadow:none;width:34px;height:34px;top:19px;right:20px}
.caramel-menu .pager{gap:12px}
.caramel-menu .pager-arrow{width:44px;height:44px;border:1px solid #d8d2b3;background:#fbf6e9;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.caramel-menu .pager-arrow img,.caramel-menu .sheet-toggle img{filter:brightness(0) saturate(100%) invert(47%) sepia(14%) saturate(1317%) hue-rotate(20deg) brightness(95%) contrast(83%)}
@media(max-width:360px){.catalog-brand{width:88px}.catalog-brand-wordmark{width:88px;height:34px}.catalog-brand-caption{width:58px;height:6px}html:not([data-entry="welcome"]) .caramel-menu .language-control,html:not([data-entry="welcome"]) .caramel-menu .cart-button{width:86px;min-width:86px;font-size:12px}.caramel-menu .product-sheet{padding-left:20px;padding-right:20px}.caramel-menu .add-button{width:126px}.caramel-menu .category-tabs .category-tab{font-size:11px;padding-inline:12px}}
@media(min-width:681px){.caramel-menu .product-title{font-size:38px}.caramel-menu .category-curd .product-title{font-size:34px}.caramel-menu .product-sheet{padding-left:30px;padding-right:30px}.caramel-menu .add-button{width:160px;height:48px;font-size:15px}}
@media(max-height:650px){.catalog-brand-wordmark{height:33px;width:90px}.catalog-brand-caption{height:6px;width:58px}.caramel-menu .category-tabs{top:59px}.caramel-menu .slide .photo-frame{top:103px!important}.caramel-menu .product-title,.caramel-menu .category-curd .product-title{font-size:26px}}


/* Approved Caramel monogram replaces the legacy cocoa motif in every product. */
.caramel-menu .product-info-divider img{width:26px;height:21px;object-fit:contain;transform:none}
.caramel-menu .product-info-divider{opacity:.7;gap:12px}