:root{--cream:#f8f5f2;--paper:#fff;--caramel:#bd8153;--caramel-dark:#97623d;--brown:#4f3525;--muted:#887666;--line:#e9ddd1;--shadow:0 7px 24px rgba(71,42,20,.07);font-family:Poppins,system-ui,sans-serif;color:var(--brown)}
*{box-sizing:border-box}html,body{height:100%;margin:0;background:#8d6448}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.svg-symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.sm{width:17px;height:17px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9c693e;outline-offset:3px}.app{position:relative;max-width:430px;margin:auto;height:100dvh;background:var(--cream);overflow:hidden}.main-scroll{height:100%;overflow-y:auto;overscroll-behavior-y:contain;padding:0 0 calc(145px + env(safe-area-inset-bottom));scrollbar-width:none}.main-scroll::-webkit-scrollbar,.categories::-webkit-scrollbar{display:none}.home-header{padding:max(20px,env(safe-area-inset-top)) 18px 18px;background:var(--cream)}.welcome-row{display:flex;align-items:center;gap:12px}.brand-icon{width:50px;height:50px;flex:none;display:grid;place-items:center;color:var(--caramel-dark);background:#f0e4d9;border:0;border-radius:15px}.brand-icon .icon{width:30px;height:30px}.welcome-copy{min-width:0;flex:1}.eyebrow,.welcome-sub{color:var(--muted);font-size:11px;line-height:1.6;margin:0}.customer-name{font-size:21px;line-height:1.25;margin:0;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hamburger,.icon-button{width:44px;height:44px;border:0;border-radius:13px;color:var(--brown);background:#f0e5da;display:grid;place-items:center;flex:none}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #cba17d;border-radius:16px;height:52px;padding:0 12px;color:var(--caramel-dark);background:white;transition:border .15s,box-shadow .15s}.search-box:focus-within{border:2px solid var(--caramel);box-shadow:0 0 0 3px #f0ddca}.search-box input{border:0;outline:0!important;box-shadow:none!important;width:100%;min-width:0;flex:1;color:var(--brown);background:transparent;font-size:13px;-webkit-appearance:none;appearance:none}.search-box input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-box input::placeholder{color:#a39182}.clear-search{border:0;background:transparent;color:var(--caramel-dark);padding:6px;display:grid;place-items:center}#searchForm{margin-top:19px}.promo-section{margin:0 18px 10px}.promo-slider{position:relative;aspect-ratio:2/1;overflow:hidden;border-radius:20px;background:#eee5dc;touch-action:pan-y}.promo-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s ease;background:#e9d3be}.promo-slide.active{opacity:1;pointer-events:auto}.promo-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.promo-slide[role=button]{cursor:pointer}.promo-skeleton{height:100%;padding:16px;display:flex;justify-content:center;flex-direction:column;gap:13px;background:#eee5dc}.skeleton-line{height:10px;background:linear-gradient(90deg,#e3d6ca 20%,#f8f3ed 50%,#e3d6ca 80%);background-size:220% 100%;border-radius:9px;animation:shimmer 1.6s linear infinite}.skeleton-line:nth-child(1){width:32%}.skeleton-line:nth-child(2){width:72%;height:21px}.skeleton-line:nth-child(3){width:50%}.promo-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:#795439;background:#ead5bf;padding:14px}.promo-placeholder .icon{width:32px;height:32px}.promo-placeholder strong{font-size:19px}.promo-placeholder small{font-size:11px}.promo-dots{display:flex;justify-content:center;align-items:center;gap:5px;min-height:19px}.promo-dots button{height:7px;width:8px;border-radius:50px;padding:0;border:0;background:#d6c4b3;transition:width .2s}.promo-dots button.active{width:22px;background:var(--caramel-dark)}.categories-wrap{position:sticky;top:0;z-index:10;padding:8px 0;background:rgba(248,245,242,.97);border-bottom:1px solid rgba(210,190,170,.28)}.categories{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 18px}.category{white-space:nowrap;border:0;background:white;border-radius:30px;color:#7a6858;padding:10px 14px;font-size:12px;font-weight:500;min-height:42px}.category.active{background:var(--caramel);color:white}.result-header{padding:8px 18px 0;color:var(--muted);font-size:12px;line-height:1.5}.products{padding:13px 18px 35px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.product-card{display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden;border:1px solid transparent;border-radius:18px;background:white;box-shadow:var(--shadow);transition:background-color .15s,border-color .15s}.product-card.pressed{background:#fbf0e7;border-color:#c99b74}.product-card.soldout{background:#fbf9f7}.card-photo{position:relative;aspect-ratio:1/1;background:#f3eee8;overflow:hidden}.card-photo img{display:block;width:100%;height:100%;object-fit:contain}.card-photo img.photo-cover{object-fit:cover}.card-photo.loading:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#efe6dc 20%,#faf6f1 48%,#efe6dc 80%);background-size:220% 100%;animation:shimmer 1.6s linear infinite}.product-card.soldout .card-photo img{filter:grayscale(.45);opacity:.55}.photo-fallback{height:100%;display:grid;place-items:center;color:#bb8a63;font-size:30px}.product-card .favorite{position:absolute;right:9px;top:9px;width:34px;height:34px;border:0;background:#fff;border-radius:50%;display:grid;place-items:center;color:#8b745e;box-shadow:0 2px 9px #00000012}.product-card .favorite.saved{color:#b95c65}.product-card .favorite.saved .icon{fill:#f5c2c7}.stock-pill{position:absolute;left:8px;top:10px;border-radius:7px;padding:4px 6px;font-size:9px;font-weight:700;letter-spacing:.03em;background:#fff2db;color:#995c11}.stock-pill.out{background:#ffe4e1;color:#a12c23}.card-main{border:0;background:none;text-align:left;padding:11px 11px 5px;display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:8px;min-width:0}.card-main:disabled{cursor:not-allowed}.card-name{font-size:12px;font-weight:600;line-height:1.35;min-height:2.7em;max-height:2.7em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--brown)}.size-chip{display:inline-flex;align-items:center;min-height:22px;padding:3px 9px;border-radius:20px;background:#f4e9de;color:#845b3c;font-size:10px;font-weight:600}.card-foot{display:flex;justify-content:space-between;gap:5px;align-items:center;padding:3px 10px 11px}.card-price{font-weight:700;font-size:14px;white-space:nowrap}.card-add{width:36px;height:36px;border:0;background:var(--caramel);color:white;border-radius:50%;display:grid;place-items:center;font-size:22px}.card-add:disabled{background:#c9c4c0}.search-prompt{padding:55px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.search-prompt-icon{width:74px;height:74px;border-radius:50%;background:#f4e9de;display:grid;place-items:center;color:#ae8464}.search-prompt-icon .icon{width:34px;height:34px}.search-prompt h2{font-size:15px;margin:10px 0 0}.search-prompt p{font-size:12px;color:var(--muted);margin:0}.empty-state{text-align:center;padding:45px 18px;color:var(--muted)}.empty-state h3{font-size:16px;color:var(--brown);margin:0 0 5px}.empty-state p{font-size:12px;margin:0 0 15px}.favorite-title{padding:10px 18px 0}.favorite-title h2{font-size:20px;margin:0}.favorite-title p{font-size:12px;margin:2px 0;color:var(--muted)}.bottom-nav{position:absolute;left:15px;right:15px;bottom:max(12px,env(safe-area-inset-bottom));height:68px;display:flex;justify-content:space-around;align-items:center;background:white;border-radius:22px;box-shadow:0 7px 30px #4b322222;z-index:25}.nav-action{position:relative;display:grid;place-items:center;width:58px;height:52px;background:transparent;border:0;color:#aa9e95;border-radius:12px}.nav-action.active{color:var(--caramel)}.nav-action.active .icon{stroke-width:2.3}.count-badge{position:absolute;top:1px;right:8px;font-size:10px;font-weight:700;background:#ba514b;color:#fff;min-width:19px;height:19px;border-radius:18px;padding:1px 4px;display:grid;place-items:center}.floating-cart{position:absolute;left:18px;right:18px;bottom:calc(92px + env(safe-area-inset-bottom));border-radius:17px;padding:11px 14px;background:#533827;color:white;display:flex;align-items:center;justify-content:space-between;box-shadow:0 7px 25px #301d15aa;z-index:20;transform:translateY(0);transition:transform .22s,opacity .22s}.floating-cart.dismissed{transform:translateY(25px);opacity:0;pointer-events:none}.floating-cart div{display:flex;flex-direction:column}.floating-cart strong{font-size:12px}.floating-cart span{font-size:10px;color:#e9d6c7}.floating-cart a{display:flex;gap:4px;align-items:center;color:white;font-size:12px;font-weight:600}.keyboard-open .bottom-nav,.keyboard-open .floating-cart{display:none!important}.scrim{position:absolute;inset:0;background:rgba(22,14,8,.54);z-index:40}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(85%,320px);padding:calc(22px + env(safe-area-inset-top)) 17px 24px;background:white;z-index:45;transform:translateX(105%);transition:transform .23s;overflow-y:auto;box-shadow:-12px 0 32px #3e2c2055}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font-size:20px}.drawer-greeting{display:flex;gap:12px;align-items:center;padding:14px;background:#f8f0e9;border-radius:15px;margin:7px 0 20px}.drawer-greeting>.icon{color:var(--caramel-dark);width:30px;height:30px}.drawer-greeting strong{font-size:13px}.drawer-greeting p{font-size:11px;margin:2px 0;color:var(--muted)}.menu-item{width:100%;display:flex;gap:12px;align-items:center;min-height:51px;background:transparent;border:0;border-radius:12px;padding:13px 10px;font-size:14px;font-weight:500;text-align:left}.menu-item:hover{background:#f8f1e9}.menu-item .icon{color:#91694c}.menu-item .end{margin-left:auto;color:#b3a396}.menu-item.danger{border-top:1px solid var(--line);border-radius:0;color:#b55650;margin-top:18px}.menu-item.danger .icon{color:#b55650}.bottom-sheet{position:absolute;left:0;right:0;bottom:0;max-height:90%;display:flex;flex-direction:column;background:white;border-radius:25px 25px 0 0;z-index:50;transform:translateY(105%);transition:transform .25s;box-shadow:0 -12px 32px #34201430}.bottom-sheet.open{transform:translateY(0)}.sheet-grip{background:#d7c9bb;width:46px;height:5px;border-radius:12px;margin:10px auto 7px;flex:none}.sheet-top{display:flex;align-items:center;justify-content:space-between;padding:0 18px 9px;flex:none;gap:10px}.sheet-top h2{font-size:17px;line-height:1.3;margin:0}.sheet-body{padding:0 18px 18px;overflow-y:auto;flex:1;overscroll-behavior:contain}.sheet-hero{height:190px;max-width:100%;border-radius:15px;background:#f1e9e1;overflow:hidden;display:grid;place-items:center}.sheet-hero img{width:100%;height:100%;object-fit:contain}.sheet-description{font-size:12px;color:var(--muted);white-space:pre-line}.sheet-descriptor{display:flex;align-items:center;justify-content:space-between;padding-top:12px}.sheet-descriptor strong{font-size:18px}.qty-row{display:flex;justify-content:space-between;align-items:center;margin:17px 0;padding-top:14px;border-top:1px solid var(--line)}.qty-row label{font-size:14px;font-weight:600}.qty-control{display:flex;align-items:center;gap:12px}.qty-control button{width:36px;height:36px;border:0;border-radius:10px;background:#f4eae0;color:var(--brown);font-size:22px}.qty-control output{min-width:18px;text-align:center;font-weight:700}.sheet-footer{flex:none;padding:13px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:white}.primary-btn,.secondary-btn{min-height:46px;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:600}.primary-btn{background:var(--caramel);color:white;border:0}.primary-btn:disabled{background:#bfb3a9}.secondary-btn{background:white;color:var(--brown);border:1px solid #d8bca3}#addToCartButton{width:100%}.notice{padding:10px 12px;background:#fff0e1;color:#8b4f19;border:1px solid #ead0b2;border-radius:11px;font-size:11px;margin-top:10px}.notice.success{background:#e8f4e9;color:#38693c;border-color:#cbe0cb}.addon-block h3{font-size:14px;margin:18px 0 8px}.addon-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.addon-row input{accent-color:var(--caramel);width:17px;height:17px}.addon-row label{flex:1;font-size:12px}.addon-row span{font-size:12px}.addon-row.disabled{opacity:.55}.small{font-size:11px}.muted{color:var(--muted)}details{border-top:1px solid var(--line);padding-top:12px}details summary{cursor:pointer;font-size:13px;font-weight:600}textarea{display:block;width:100%;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:10px;font-size:12px;color:var(--brown)}.notifications-sheet{max-height:80%}.notif-item{display:block;width:100%;text-align:left;padding:13px 10px;border:0;border-bottom:1px solid var(--line);background:white;color:var(--brown)}.notif-item.unread{background:#fcf6f0}.notif-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b77d55;margin-left:7px}.notif-item span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.new-updates{position:sticky;top:0;width:100%;padding:8px;border:0;background:#f6ebde;border-radius:11px;color:#835b3b}.toast-region{position:absolute;z-index:70;top:calc(14px + env(safe-area-inset-top));left:16px;right:16px;pointer-events:none}.toast{pointer-events:auto;background:#503828;color:white;border-radius:13px;padding:12px;font-size:12px;box-shadow:var(--shadow)}.confirm-dialog{position:absolute;z-index:65;width:calc(100% - 46px);left:23px;top:50%;transform:translateY(-50%);padding:22px;border-radius:18px;background:white;box-shadow:0 10px 30px #0004}.confirm-dialog h2{font-size:18px;margin:0 0 10px}.confirm-dialog p{font-size:12px;color:var(--muted)}.confirm-actions{display:flex;gap:9px}.confirm-actions button{flex:1}.page-locked .main-scroll{overflow:hidden}@media(min-width:768px){body{padding:18px}.app{height:calc(100dvh - 36px);border-radius:32px;box-shadow:0 20px 45px #2e1d1980}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@keyframes shimmer{from{background-position:100% 0}to{background-position:-100% 0}}



.brand-icon {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 18px;
    overflow: hidden;
    padding: 6px;
    cursor: pointer;
}

.brand-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.store-closed{margin:0 18px 12px;background:#fff0e1;color:#8e531e;border:1px solid #edd2b9;padding:11px;border-radius:12px;text-align:center;font-size:12px}

/* DEFAULT CATEGORY */
#categoryPills .category {
    background: #ffffff;
    color: #7a6858;
    border: 1px solid transparent;
    transition: background-color 0.2s ease,
                color 0.2s ease,
                border-color 0.2s ease;
}

/* HOVER CATEGORY */
#categoryPills .category:hover {
    background: #97623d;
    color: #ffffff;
    border-color: #97623d;
}

/* SELECTED CATEGORY */
#categoryPills .category.active,
#categoryPills .category.active:hover {
    background: #97623d !important;
    color: #ffffff !important;
    border: 1px solid #97623d !important;
    font-weight: 700;
    box-shadow: 0 3px 10px rgba(151, 98, 61, 0.25);
}