:root{--shop-bg: #140d0a;--shop-panel-bg: #1c120c;--shop-card-bg: #25160f;--shop-card-border: #42281b;--cream-bg: #f5dfb8;--cream-card: #f2ddb4;--cream-soft: #f0dcb2;--brown-line: #6b4a2a;--brown-ink: #2b1a0d;--brown-soft: #9a7c52;--pink-primary: #d8495d;--pink-hover: #c33a56;--pink-light: #f4a9b4;--pink-glow: rgba(216, 73, 93, .4);--gold-primary: #eab95a;--cream-text: #f5ebd9;--muted-text: #b39b8c;--phone-w: 430px}body.shop-app-body{background-color:var(--shop-bg);color:var(--cream-text);font-family:var(--font-pixelify);min-height:100vh;margin:0;padding:0;background-image:linear-gradient(180deg,#180f0b,#0d0806);overflow-x:hidden}.shop-page-view{width:100%;box-sizing:border-box;animation:fadeInView .3s ease-out}@keyframes fadeInView{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.welcome-cta-btn,.details-buy-cta-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;font-family:var(--font-pixel);color:#fbeada;text-decoration:none;background:linear-gradient(180deg,#e35c76,#d1425c);border:3px solid var(--pink-light);border-radius:10px;box-shadow:0 0 0 3px #180a09e6,0 5px #00000059;cursor:pointer;transition:transform .12s ease,filter .12s ease}.welcome-cta-btn:hover,.details-buy-cta-btn:hover{filter:brightness(1.07)}.welcome-cta-btn:active,.details-buy-cta-btn:active{transform:translateY(2px)}.welcome-cta-btn .cta-arrow,.details-buy-cta-btn .cta-arrow{position:absolute;right:20px;font-size:1.15em}.welcome-fullcover-screen{position:relative;min-height:100vh;min-height:100dvh;width:100%;max-width:var(--phone-w);margin:0 auto;overflow:hidden;animation:fadeInView .35s ease-out}.welcome-full-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:1;image-rendering:pixelated;image-rendering:crisp-edges}.welcome-top-layer{position:absolute;z-index:5;top:5%;left:6.5%;text-align:left}.welcome-brand-title{font-family:var(--font-pixel);font-size:1.3rem;color:#f0dcb2;margin:0;letter-spacing:1px;text-shadow:3px 3px 0 #000}.welcome-brand-sub{font-family:var(--font-pixel);font-size:.72rem;color:#f0dcb2;display:block;margin-top:10px;letter-spacing:2px;text-shadow:2px 2px 0 #000}.welcome-brand-sub i{color:var(--pink-primary);font-style:normal}.welcome-speech-bubble{position:absolute;z-index:5;top:22%;left:36%;width:43%;box-sizing:border-box;background:#ecd6a4;border:3px solid #4a3320;border-radius:6px;padding:9px 10px;display:flex;align-items:center;gap:8px;box-shadow:3px 3px #00000080;animation:floatBubble 2.5s infinite ease-in-out}.welcome-speech-bubble:before,.welcome-speech-bubble:after{content:"";position:absolute;left:16%;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent}.welcome-speech-bubble:before{bottom:-17px;border-top:17px solid #4a3320}.welcome-speech-bubble:after{bottom:-12px;border-top:13px solid #ecd6a4}.bubble-cup{width:26px;height:26px;flex:0 0 auto;image-rendering:pixelated}.bubble-text{font-family:var(--font-pixel);font-size:.5rem;line-height:1.9;color:#3a2a18}@keyframes floatBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.welcome-cat-hotspot{position:absolute;z-index:5;left:8%;top:55%;width:22%;height:15%;cursor:pointer}.welcome-bottom-layer{position:absolute;z-index:5;left:0;right:0;bottom:0;padding:78px 34px 34px;box-sizing:border-box;text-align:left;background:linear-gradient(180deg,#170f0a00,#170f0ad1 16%,#1a110b 40%,#140d08)}.welcome-headline{font-family:var(--font-pixel);font-size:2.05rem;line-height:1.32;color:#edd0a8;margin:0 0 15px;text-shadow:3px 3px 0 rgba(0,0,0,.85)}.welcome-headline .text-pink{color:var(--pink-primary);text-shadow:3px 3px 0 rgba(0,0,0,.85)}.welcome-subtext{font-family:var(--font-pixelify);font-size:1.08rem;line-height:1.45;color:#e6cfa5;margin:0 0 24px;max-width:250px;text-shadow:1px 1px 3px rgba(0,0,0,.9)}.welcome-cta-btn{height:63px;font-size:.95rem}.welcome-pagination-dots{display:flex;justify-content:center;gap:17px;margin-top:24px}.welcome-pagination-dots .dot{width:11px;height:11px;border-radius:50%;background:#5b4029}.welcome-pagination-dots .dot.active{background:var(--pink-primary)}#pageMenu{max-width:var(--phone-w);margin:0 auto;min-height:100vh;padding:16px 16px 112px;background:var(--cream-bg)}.storefront-container{display:flex;flex-direction:column;gap:15px}.storefront-user-row{display:flex;justify-content:space-between;align-items:center}.user-greeting-box{display:flex;align-items:center;gap:10px}.storefront-avatar{width:46px;height:52px;object-fit:cover;border:3px solid var(--brown-line);border-radius:6px;background:#e8cf9e}.user-greeting-text{display:flex;flex-direction:column}.user-hello{font-family:var(--font-pixel);font-size:.5rem;color:var(--pink-primary);letter-spacing:.5px;line-height:1}.user-display-name{font-family:var(--font-pixel);font-size:.78rem;color:var(--brown-ink);margin:8px 0 0;letter-spacing:.5px}.user-actions-right{display:flex;align-items:center;gap:8px}.nav-icon-btn{background:var(--cream-soft);border:3px solid var(--brown-line);color:#7a5326;width:38px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-size:1.05rem;transition:transform .12s}.nav-icon-btn:active{transform:translateY(2px)}.nav-badge{position:absolute;top:-8px;right:-8px;background:var(--pink-primary);color:#fff;font-family:var(--font-pixel);font-size:.42rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--cream-soft)}.storefront-search-row{display:flex;align-items:stretch;gap:11px}.storefront-search-bar{flex:1;min-width:0;height:45px;box-sizing:border-box;background:var(--cream-card);border:3px solid var(--brown-line);border-radius:9px;padding:0 14px;display:flex;align-items:center;gap:10px}.search-ico{font-size:.95rem}.storefront-search-bar input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#3a2814;font-family:var(--font-pixelify);font-size:.95rem}.storefront-search-bar input::placeholder{color:#a08256}.search-clear-btn{background:transparent;border:none;color:#8a6a42;font-size:1.2rem;cursor:pointer}.search-filter-btn{flex:0 0 auto;width:44px;height:45px;background:var(--pink-primary);border:3px solid #8d3346;border-radius:9px;color:#ffe6ea;font-size:1.05rem;cursor:pointer;transition:transform .12s}.search-filter-btn:active{transform:translateY(2px)}.search-filter-btn.active{background:#a82f45}.storefront-promo-banner-card{position:relative;width:100%;border:3px solid var(--brown-line);border-radius:10px;overflow:hidden;cursor:pointer;display:block;transition:transform .18s ease}.storefront-promo-banner-card:hover{transform:translateY(-2px)}.promo-banner-full-img{width:100%;height:auto;display:block}.promo-book-now-overlay-btn{position:absolute;left:5%;bottom:9%;width:33%;height:22%;opacity:0;cursor:pointer;border:none;background:transparent}.storefront-category-pills{display:flex;gap:12px}.cat-pill-btn{flex:0 0 auto;background:var(--cream-card);border:3px solid var(--brown-line);color:#3a2814;font-family:var(--font-pixel);font-size:.55rem;padding:11px 14px;border-radius:9px;cursor:pointer;transition:transform .12s}.cat-pill-btn:active{transform:translateY(2px)}.cat-pill-btn.active{background:var(--pink-primary);border-color:#8d3346;color:#fff5f0}.catalog-count{display:none}.storefront-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.store-product-card{position:relative;background:var(--cream-card);border:3px solid var(--brown-line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .18s ease}.store-product-card:hover{transform:translateY(-4px)}.card-heart-btn{position:absolute;top:7px;right:9px;z-index:2;background:transparent;border:none;font-size:1.15rem;line-height:1;color:#6b4a2a;cursor:pointer;transition:transform .15s}.card-heart-btn:hover{transform:scale(1.15)}.card-heart-btn.active{color:var(--pink-primary)}.card-thumb-wrap{height:120px;display:flex;align-items:flex-end;justify-content:center;padding:8px 8px 4px;border-bottom:2px solid #cfb182}.card-thumb-img{max-height:100%;max-width:100%;object-fit:contain}.card-footer-row{padding:9px 10px 11px;display:flex;justify-content:space-between;align-items:center;gap:6px}.card-meta{min-width:0}.card-coffee-title{font-family:var(--font-pixelify);font-weight:700;font-size:.86rem;letter-spacing:.4px;color:var(--brown-ink);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-price-text{display:block;margin-top:5px;font-family:var(--font-pixelify);font-weight:700;font-size:1.15rem;color:var(--pink-primary)}.card-quick-add-btn{flex:0 0 auto;width:34px;height:34px;background:var(--gold-primary);border:3px solid #7a5326;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:transform .12s}.card-quick-add-btn:active{transform:translateY(2px)}.grid-empty-state{grid-column:1 / -1;text-align:center;padding:40px 10px;color:#8a6a42;font-family:var(--font-pixelify)}.grid-empty-state strong{display:block;font-family:var(--font-pixel);font-size:.85rem;color:var(--brown-ink);margin:8px 0 6px}.shop-tabbar{position:fixed;left:50%;bottom:14px;transform:translate(-50%);width:calc(100% - 32px);max-width:calc(var(--phone-w) - 32px);box-sizing:border-box;background:var(--cream-card);border:3px solid var(--brown-line);border-radius:12px;display:flex;padding:12px 6px 11px;z-index:300;box-shadow:0 5px #0006}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:none;padding:0;text-decoration:none;color:#5c3f22;cursor:pointer}.tab-item.active{color:var(--pink-primary)}.tab-ico{position:relative;font-size:1.45rem;line-height:1}.tab-label{font-family:var(--font-pixel);font-size:.44rem;letter-spacing:.2px}.tab-badge{position:absolute;top:-8px;right:-11px;background:var(--pink-primary);color:#fff;font-family:var(--font-pixel);font-size:.4rem;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--cream-card)}#pageDetails{max-width:var(--phone-w);margin:0 auto;min-height:100vh;min-height:100dvh;padding:16px 16px 22px;box-sizing:border-box;display:flex;background:radial-gradient(circle at 50% 36%,#3c2b1c,#261a12 58%,#1a110b)}.details-page-container{display:flex;flex-direction:column;flex:1;min-height:0}.details-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.details-icon-btn{position:relative;width:40px;height:40px;background:var(--cream-soft);border:3px solid var(--brown-line);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#5c3f22;font-size:1rem;text-decoration:none;cursor:pointer;transition:transform .12s}.details-icon-btn:active{transform:translateY(2px)}.details-heading{font-family:var(--font-pixel);font-size:.8rem;color:#f0dcb2;letter-spacing:2px;margin:0}.details-art-card{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 0 18px}.details-large-img{max-width:76%;max-height:100%;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.65))}.details-info-box{flex:0 0 auto;background:var(--cream-card);border:3px solid var(--brown-line);border-radius:14px;padding:20px 20px 22px;display:flex;flex-direction:column}.details-title{font-family:var(--font-pixel);font-size:1.02rem;line-height:1.55;color:var(--brown-ink);margin:0 0 12px}.details-weight-tag{font-family:var(--font-pixelify);font-size:1rem;color:var(--brown-soft);margin-bottom:10px}.details-pricing-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.price-value{font-family:var(--font-pixelify);font-weight:700;font-size:1.85rem;color:var(--pink-primary)}.pixel-stepper{display:flex;align-items:center;gap:14px}.stepper-btn{width:32px;height:32px;background:#eac999;border:3px solid #7a5326;border-radius:7px;color:#4a3218;font-family:var(--font-pixel);font-size:.7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s}.stepper-btn:active{transform:translateY(2px)}.stepper-value{font-family:var(--font-pixelify);font-weight:700;font-size:1.05rem;color:#3a2814;min-width:16px;text-align:center}.details-buy-cta-btn{height:53px;font-size:.88rem}.text-gold{color:var(--gold-primary)}.shop-cart-drawer{position:fixed;top:0;right:-480px;width:100%;max-width:440px;height:100vh;background:#180e0a;border-left:4px solid #3d2417;z-index:500;display:flex;flex-direction:column;box-shadow:-10px 0 30px #000000d9;transition:right .35s cubic-bezier(.2,.8,.3,1)}.shop-cart-drawer.open{right:0}.cart-drawer-header{padding:18px 20px;background:#24140e;border-bottom:2px solid #3d2318;display:flex;justify-content:space-between;align-items:center}.cart-title-wrap{display:flex;align-items:center;gap:10px;font-family:var(--font-pixel);font-size:.95rem;color:#fff}.cart-close-btn{background:#381f13;border:1px solid #5d3420;color:#eed6c7;width:32px;height:32px;border-radius:4px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.cart-delivery-banner{background:#1b2917;border-bottom:1px solid #304a29;padding:10px 20px}.delivery-status-text{font-family:var(--font-retro);font-size:.72rem;display:flex;justify-content:space-between;margin-bottom:6px}.delivery-progress-bar{height:4px;background:#0f1c0d;border-radius:2px;overflow:hidden}.delivery-progress-fill{height:100%;background:#8de36f;transition:width .3s}.cart-items-container{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.cart-item-row{background:#22130c;border:1px solid #3d2316;border-radius:6px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-item-left{display:flex;align-items:center;gap:10px}.cart-item-img{width:42px;height:42px;object-fit:contain}.cart-item-info h5{font-family:var(--font-pixel);font-size:.72rem;color:#fff;margin:0 0 4px}.cart-item-info p{font-family:var(--font-retro);font-size:.68rem;color:#a68d7f;margin:0}.cart-item-right{display:flex;align-items:center;gap:10px}.cart-item-price{font-family:var(--font-retro);font-size:.85rem;color:var(--pink-primary);font-weight:700}.cart-item-del-btn{background:transparent;border:none;color:#8c5b46;font-size:1.1rem;cursor:pointer}.cart-item-del-btn:hover{color:#ff336e}.cart-promo-section{padding:10px 20px;background:#1f110a;border-top:1px solid #361f13}.promo-input-group{display:flex;gap:8px}.promo-input-group input{flex:1;background:#120a06;border:1px solid #3d2316;border-radius:4px;padding:8px 10px;color:#fff;font-family:var(--font-retro);font-size:.75rem}.promo-input-group button{background:#3b2214;border:1px solid #5a3520;color:var(--gold-primary);font-family:var(--font-pixel);font-size:.65rem;padding:0 12px;border-radius:4px;cursor:pointer}.promo-message{font-family:var(--font-retro);font-size:.65rem;margin-top:4px}.cart-delivery-location{padding:10px 20px;background:#1c0f09;border-top:1px solid #331d12;display:flex;flex-direction:column;gap:6px}.cart-delivery-location label{font-family:var(--font-retro);font-size:.7rem;color:#c9ad9d}.cart-delivery-location select{background:#110905;border:1px solid #3d2316;color:#fff;font-family:var(--font-pixelify);font-size:.85rem;padding:6px 8px;border-radius:4px}.cart-summary-breakdown{padding:12px 20px;background:#180d08;border-top:1px solid #331d12;display:flex;flex-direction:column;gap:6px}.summary-line{display:flex;justify-content:space-between;font-family:var(--font-retro);font-size:.78rem;color:#bfa799}.summary-line.total-line{border-top:1px dashed #472919;padding-top:8px;font-family:var(--font-pixel);font-size:.95rem;color:#fff}.total-amount{color:var(--pink-primary)}.cart-checkout-actions{padding:14px 20px 18px;background:#180d08}.checkout-submit-btn{width:100%;padding:12px 0;font-size:.85rem}.cart-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:400;display:none}.cart-drawer-overlay.open{display:block}.shop-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:none;align-items:center;justify-content:center;z-index:600;padding:20px;box-sizing:border-box}.shop-modal.open{display:flex}.shop-modal-card{background:#24140e;border:3px solid #502e1c;border-radius:8px;width:100%;max-width:380px;padding:18px;box-shadow:0 16px 36px #000000e6}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #3d2316;padding-bottom:10px;margin-bottom:12px}.modal-header h4{font-family:var(--font-pixel);font-size:.85rem;color:#fff;margin:0}.modal-close{background:transparent;border:none;color:#a68c7e;font-size:1.2rem;cursor:pointer}.notif-list{display:flex;flex-direction:column;gap:10px}.notif-item{background:#1a0e09;border:1px solid #3b2215;border-radius:6px;padding:10px;display:flex;gap:10px}.notif-item.unread{border-color:var(--pink-primary)}.notif-title{font-family:var(--font-pixelify);font-size:.88rem;font-weight:600;color:#fff}.notif-time{font-family:var(--font-retro);font-size:.65rem;color:#9e8577;margin-top:2px}.shop-pixel-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:#25150e;border:2px solid var(--pink-primary);box-shadow:0 8px 24px #000c,0 0 16px var(--pink-glow);color:#fff;padding:10px 18px;border-radius:6px;font-family:var(--font-pixelify);font-size:.95rem;display:flex;align-items:center;gap:8px;z-index:1000;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.2,.8,.3,1)}@media(max-width:360px){.welcome-bottom-layer{padding:70px 24px 28px}.welcome-headline{font-size:1.8rem}.welcome-cta-btn{height:56px;font-size:.85rem}.cat-pill-btn{font-size:.5rem;padding:10px 11px}.storefront-category-pills{gap:8px}.tab-label{font-size:.4rem}.details-title{font-size:.92rem}}