@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--bg-color:#f5eeec;--bg-color-light:#fdfaf9;--text-primary:#3d1c14;--text-secondary:#703424;--accent-color:#a04a33;--border-color:#70342426;--shadow-sm:0 2px 4px #7034240d;--shadow-md:0 4px 8px #70342414;--shadow-lg:0 10px 20px #7034241f;--shadow-pin:2px 4px 10px #0003;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out forwards fadeIn}.app-container{background-color:var(--bg-color);max-width:600px;min-height:100vh;margin:0 auto;padding-bottom:100px;position:relative}.header{background-color:var(--bg-color);z-index:1000;border-bottom:1px solid var(--border-color);width:100%;padding:20px 20px 15px;position:sticky;top:0}.header-logo-container{text-align:center;margin-bottom:20px}.header-logo{max-width:180px;height:auto}.header-badges{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;opacity:.8;justify-content:center;align-items:center;gap:12px;margin-top:8px;font-size:.7rem;font-weight:500;display:flex}.header-badges .separator{background-color:var(--border-color);width:1px;height:10px}.tabs-container{scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{border-radius:var(--radius-lg);color:var(--text-secondary);white-space:nowrap;text-align:center;flex:1;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .3s}.tab-btn.active{background-color:var(--text-primary);color:var(--bg-color-light);box-shadow:var(--shadow-md)}.content-area{padding:24px 20px}.accordion{background:var(--bg-color-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;transition:all .3s;overflow:hidden}.accordion-header{background:var(--bg-color-light);width:100%;font-family:var(--font-heading);color:var(--text-primary);justify-content:space-between;align-items:center;padding:16px 20px;font-size:1rem;font-weight:600;display:flex}.accordion-icon{transition:transform .3s}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{background:var(--bg-color-light);max-height:0;padding:0 12px;transition:max-height .4s cubic-bezier(0,1,0,1);overflow:hidden}.accordion-content.open{max-height:2000px;padding-bottom:16px;transition:max-height .6s ease-in-out,padding .6s}.menu-item{border-bottom:1px dashed var(--border-color);flex-direction:column;align-items:flex-start;gap:12px;padding:16px 0;display:flex}.menu-item:last-child{border-bottom:none}.menu-item-info{flex-direction:column;gap:4px;display:flex}.menu-item-name{color:var(--text-primary);font-size:1.05rem;font-weight:600}.menu-item-tag-pill{vertical-align:middle;letter-spacing:.05em;border-radius:4px;justify-content:center;align-items:center;margin-left:6px;padding:2px 6px;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 2px 4px #7034241f}.menu-item-description{color:var(--text-secondary);font-size:.8rem;font-style:italic;line-height:1.3}.menu-item-options{flex-wrap:wrap;gap:4px;display:flex}.menu-item-pill{background:#7034240a;border:1px solid #7034241a;border-radius:10px;align-items:center;gap:2px;padding:2px 4px;display:inline-flex}.menu-item-qty{color:var(--text-secondary);white-space:nowrap;font-size:.68rem}.menu-item-dash{color:var(--text-secondary);opacity:.4;font-size:.68rem}.menu-item-price-container{align-items:center;gap:4px;display:flex}.menu-item-old-price{color:var(--text-secondary);opacity:.6;font-size:.7rem;text-decoration:line-through}.menu-item-price{color:var(--text-primary);font-weight:600;font-family:var(--font-heading);white-space:nowrap;font-size:.75rem}.pinboard-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;padding:20px 10px;display:grid}.sticky-note{box-shadow:var(--shadow-pin);background:#fff9c4;border-radius:2px;flex-direction:column;gap:8px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.sticky-note.is-big{grid-column:span 2}.sticky-note.is-big .note-text{font-size:1.05rem}.sticky-note:hover{z-index:10;box-shadow:4px 8px 15px #00000040;transform:scale(1.02)!important}.pin{background:#3d1c14;border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:inset -2px -2px 4px #0000004d,1px 2px 2px #0003}.note-text{color:#333;flex-grow:1;margin-top:10px;font-family:Poppins,sans-serif;font-size:.9rem}.gallery-masonry{grid-template-columns:repeat(2,1fr);align-items:start;gap:12px;width:100%;display:grid}.gallery-item{background:var(--bg-color-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .3s,box-shadow .3s;overflow:hidden}.gallery-item:active{transform:scale(.98)}.gallery-item img{border-radius:var(--radius-sm);width:100%;height:auto;display:block}.lightbox-overlay{z-index:3000;-webkit-backdrop-filter:blur(5px);background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{justify-content:center;align-items:center;max-width:100%;max-height:90vh;display:flex;position:relative}.lightbox-content img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:90vh;box-shadow:0 0 30px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2.5rem;line-height:1;position:absolute;top:-40px;right:0}.floating-menu-container{z-index:1000;pointer-events:none;flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:24px;right:24px}.floating-actions{opacity:0;pointer-events:none;flex-direction:column;gap:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translateY(20px)}.floating-menu-container.open .floating-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.fab-action-wrapper{justify-content:flex-end;align-items:center;gap:12px;display:flex}.fab-label{background:var(--bg-color-light);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);white-space:nowrap;pointer-events:none;padding:8px 14px;font-size:.9rem;font-weight:600}.fab-action{color:#fff;width:48px;height:48px;box-shadow:var(--shadow-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.fab-action:hover{transform:scale(1.1)}.fab-action.whatsapp{background-color:#25d366}.fab-action.group{background-color:#08c}.fab-action.info{background-color:var(--accent-color)}.fab-action.notes{background-color:var(--text-secondary)}.floating-menu-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;opacity:0;pointer-events:none;background:#f5eeec66;transition:opacity .3s;position:fixed;inset:0}.floating-menu-overlay.open{opacity:1;pointer-events:auto}@keyframes pulse-ring{0%{transform:scale(.8);box-shadow:0 0 #70342480}70%{transform:scale(1);box-shadow:0 0 0 10px #70342400}to{transform:scale(.8);box-shadow:0 0 #70342400}}.fab-main{background-color:var(--text-primary);width:60px;height:60px;color:var(--bg-color-light);pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s,background-color .3s;display:flex;position:relative;box-shadow:0 4px 12px #7034244d}.fab-main.pulse{animation:2s infinite pulse-ring}.floating-menu-container.open .fab-main.pulse{animation:none;transform:scale(1)}.fab-main:hover{background-color:var(--accent-color)}.fab-icon{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.fab-icon.rotate{transform:rotate(45deg)}.order-hint-bubble{background:linear-gradient(135deg, var(--accent-color) 0%, #bd5a40 100%);color:#fff;border-radius:var(--radius-lg);font-family:var(--font-heading);white-space:nowrap;cursor:pointer;pointer-events:auto;z-index:1001;transform-origin:100% 100%;border:1px solid #ffffff26;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:700;animation:19s infinite hint-bounce-fade;display:flex;position:absolute;bottom:80px;right:0;box-shadow:0 8px 24px #a04a3359}.order-hint-bubble:after{content:"";background:#bd5a40;border-bottom:1px solid #ffffff26;border-right:1px solid #ffffff26;width:12px;height:12px;position:absolute;bottom:-6px;right:24px;transform:rotate(45deg);box-shadow:3px 3px 5px #0000000a}.order-hint-bubble:hover{box-shadow:0 10px 28px #a04a3373;transform:scale(1.05)!important}.order-hint-arrow-icon{flex-shrink:0;animation:1s infinite alternate arrow-bounce}@keyframes arrow-bounce{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}@keyframes hint-bounce-fade{0%,to{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(15px)scale(.9)}1.5%{visibility:visible;pointer-events:auto}5%{opacity:1;transform:translateY(0)scale(1)}8%{transform:translateY(-6px)scale(1.03)}11%{transform:translateY(2px)scale(.98)}14%{transform:translateY(0)scale(1)}16%{transform:translateY(0)scale(1)}18%{transform:translateY(-4px)scale(1.02)}20%{transform:translateY(0)scale(1)}21%{opacity:1;transform:translateY(0)scale(1)}23.5%{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(15px)scale(.9)}}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-color-light);border-radius:var(--radius-md);width:90%;max-width:400px;box-shadow:var(--shadow-lg);padding:24px;position:relative}.modal-close{color:var(--text-secondary);font-size:1.2rem;position:absolute;top:16px;right:16px}.modal-body{max-height:60vh;margin-top:16px;padding-right:10px;font-size:.95rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#7034240d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#70342433;border-radius:4px}.info-tab{flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.info-section{flex-direction:column;gap:16px;display:flex}.info-heading{color:var(--text-primary);border-bottom:2px solid var(--accent-color);width:fit-content;padding-bottom:8px;font-size:1.5rem}.info-card{background:var(--bg-color-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:24px}.notes-card{border-left:6px solid var(--accent-color)}.info-list{flex-direction:column;gap:12px;list-style:none;display:flex}.info-list li{color:var(--text-secondary);padding-left:20px;font-size:.95rem;line-height:1.5;position:relative}.info-list li:before{content:"•";color:var(--accent-color);font-weight:700;position:absolute;left:0}.info-sub-section{border-top:1px dashed var(--border-color);margin-top:24px;padding-top:20px}.info-sub-heading{color:var(--accent-color);margin-bottom:12px;font-size:1.1rem}.info-grid{grid-template-columns:1fr;gap:12px;display:grid}.info-item{border-radius:var(--radius-sm);background:#7034240d;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.info-item .label{color:var(--text-primary);font-weight:600}.info-item .value{color:var(--text-secondary)}.info-highlight-card{border-radius:var(--radius-sm);border-left:4px solid var(--accent-color);background:#a04a331a;margin-top:24px;padding:16px}.highlight-text{color:var(--accent-color);text-align:center;letter-spacing:.5px;font-size:1.2rem;font-weight:700}.highlight-emphasis{font-size:.9rem;font-weight:400}.info-footer-note{color:var(--text-secondary);text-align:center;opacity:.8;margin-top:20px;font-size:.9rem;font-style:italic}@media (width>=480px){.info-grid{grid-template-columns:1fr 1fr}}.society-gate-overlay{z-index:9999;background:linear-gradient(135deg,#fdfaf9 0%,#f5eeec 100%);justify-content:center;align-items:flex-start;padding:30px 20px;animation:.4s ease-out forwards fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.society-gate-card{background:var(--bg-color-light);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);flex-direction:column;align-items:stretch;margin:auto 0;padding:40px 30px;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:relative}.gate-logo-container{flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.gate-logo{object-fit:contain;max-height:90px;margin-bottom:12px}.gate-badges{color:var(--text-secondary);opacity:.85;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;width:100%;font-size:.75rem;font-weight:500;display:flex}.gate-badges span{white-space:nowrap}.gate-badges .separator{background-color:var(--text-secondary);opacity:.5;border-radius:50%;width:3px;height:3px}.society-gate-intro{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px;display:flex}.society-gate-welcome{font-family:var(--font-heading);color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.society-gate-instruction{color:var(--accent-color);font-size:.95rem;font-weight:600;line-height:1.4}.society-gate-encouragement{color:var(--text-secondary);border-left:3px solid var(--accent-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;text-align:left;background-color:#70342408;padding:10px 14px;font-size:.82rem;line-height:1.45}.society-select-help{color:var(--text-secondary);opacity:.9;margin-bottom:4px;font-size:.78rem;line-height:1.4}.society-select-help strong{color:var(--accent-color)}.society-form{flex-direction:column;gap:16px;display:flex}.society-form-group{flex-direction:column;gap:6px;display:flex}.society-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:600}.society-input,.society-select{font-family:var(--font-body);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);background-color:#70342408;border:1px solid #70342426;outline:none;padding:11px 14px;font-size:.95rem;transition:all .25s}.society-input:focus,.society-select:focus{background-color:var(--bg-color-light);border-color:var(--accent-color);box-shadow:0 0 0 3px #a04a331a}.society-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23703424' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.society-error-msg{color:#d32f2f;margin-top:-2px;font-size:.78rem;font-weight:500}.society-actions{flex-direction:column;gap:10px;margin-top:10px;display:flex}.btn-society-continue{font-family:var(--font-body);background-color:var(--text-primary);width:100%;color:var(--bg-color-light);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow-sm);padding:13px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-society-continue:hover:not(:disabled){background-color:var(--accent-color);transform:translateY(-1px)}.btn-society-continue:disabled{color:#8c736e;cursor:not-allowed;box-shadow:none;opacity:.8;background-color:#d8c7c3;transform:none}.society-trust-line{color:var(--text-primary);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow-sm);background-color:#a04a330f;border:1px solid #a04a3326;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding:12px 16px;font-size:.8rem;font-weight:500;line-height:1.45;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reviews-tab{flex-direction:column;display:flex}.review-title{font-family:var(--font-heading);text-align:center;color:var(--text-primary);width:100%;margin-bottom:10px;font-size:1.2rem;font-weight:400}.assistance-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:flex-start;padding:30px 20px;animation:.35s ease-out forwards fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.assistance-card{background:var(--bg-color-light);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg), 0 20px 25px -5px #0000001a;border:1px solid var(--border-color);text-align:center;flex-direction:column;align-items:center;margin:auto 0;padding:36px 28px;animation:.45s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:relative}.assistance-close-x{color:var(--text-secondary);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:opacity .2s,transform .2s;position:absolute;top:14px;right:18px}.assistance-close-x:hover{opacity:1;transform:scale(1.1)}.assistance-header-icon{margin-bottom:12px;font-size:2.8rem;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.assistance-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:12px;font-size:1.35rem;font-weight:700;line-height:1.3}.assistance-description{color:var(--text-secondary);margin-bottom:24px;font-size:.88rem;line-height:1.5}.assistance-actions{flex-direction:column;gap:12px;width:100%;display:flex}.btn-assistance-wa,.btn-assistance-group{font-family:var(--font-body);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);color:#fff;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-assistance-wa{background-color:#25d366}.btn-assistance-wa:hover{background-color:#1ebd54;transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.btn-assistance-group{background-color:#08c}.btn-assistance-group:hover{background-color:#0077b3;transform:translateY(-1px);box-shadow:0 4px 12px #0088cc4d}.btn-assistance-dismiss{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;opacity:.8;background:0 0;border:none;margin-top:8px;font-size:.85rem;font-weight:500;text-decoration:underline;transition:opacity .2s}.btn-assistance-dismiss:hover{opacity:1}.header-logo-container{position:relative}.cart-icon-btn{background:var(--bg-color-light);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-primary);box-shadow:var(--shadow-sm);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.cart-icon-btn:hover{color:var(--accent-color);box-shadow:var(--shadow-md);border-color:var(--accent-color);transform:translateY(-50%)scale(1.08)}.cart-icon-btn:active{transform:translateY(-50%)scale(.95)}.cart-badge{background-color:var(--accent-color);color:#fff;border:1.5px solid var(--bg-color-light);border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:700;animation:.3s ease-out popBadge;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 5px #a04a3366}@keyframes popBadge{0%{transform:scale(.5)}70%{transform:scale(1.2)}to{transform:scale(1)}}.menu-item-options-row{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:4px;display:flex}.btn-add-to-cart{background-color:var(--text-primary);color:var(--bg-color-light);font-family:var(--font-body);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);white-space:nowrap;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s}.btn-add-to-cart:hover{background-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-add-to-cart:active{transform:translateY(0)}.add-to-cart-modal-body{flex-direction:column;gap:20px;padding-top:10px;display:flex}.modal-field-group{flex-direction:column;gap:8px;display:flex}.modal-field-label{color:var(--text-secondary);text-align:left;font-size:.85rem;font-weight:600}.modal-select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-color-light);width:100%;font-family:var(--font-body);color:var(--text-primary);cursor:pointer;outline:none;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.modal-select:focus{border-color:var(--accent-color)}.quantity-stepper{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-color-light);align-items:center;width:fit-content;display:inline-flex;overflow:hidden}.btn-qty-step{color:var(--text-primary);cursor:pointer;background:#70342408;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:background .2s;display:flex}.btn-qty-step:hover{background:#70342414}.btn-qty-step:active{background:#70342426}.qty-value{text-align:center;width:44px;color:var(--text-primary);font-size:1rem;font-weight:600}.btn-modal-submit{background-color:var(--accent-color);color:#fff;border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);text-align:center;cursor:pointer;border:none;margin-top:10px;padding:12px;font-size:.95rem;font-weight:600;transition:all .25s}.btn-modal-submit:hover{background-color:var(--text-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cart-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2500;background:#0006;justify-content:flex-end;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.cart-sidebar{background:var(--bg-color-light);flex-direction:column;width:100%;max-width:440px;height:100dvh;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:-5px 0 25px #00000026}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.cart-sidebar-header h2{color:var(--text-primary);font-size:1.25rem;font-family:var(--font-heading);margin:0}.cart-sidebar-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.8rem;line-height:1}.cart-sidebar-content{flex:1;padding:20px;overflow-y:auto}.cart-empty-state{height:60%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.cart-empty-icon{opacity:.35;color:var(--text-secondary)}.cart-items-list{flex-direction:column;gap:16px;display:flex}.cart-item-row{border-bottom:1px solid #70342414;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.cart-item-details{text-align:left;flex-direction:column;flex:1;gap:4px;display:flex}.cart-item-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.cart-item-meta{color:var(--text-secondary);font-size:.75rem}.btn-remove-item{color:#c0392b;cursor:pointer;opacity:.85;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.75rem;font-weight:500;text-decoration:underline;transition:opacity .2s}.btn-remove-item:hover{opacity:1}.cart-item-price-section{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.cart-item-total-price{font-weight:700;font-family:var(--font-heading);color:var(--text-primary);font-size:.95rem}.cart-item-controls{border-radius:var(--radius-sm);background:#7034240a;border:1px solid #70342414;align-items:center;gap:6px;padding:2px;display:flex}.btn-qty-control{background:var(--bg-color-light);color:var(--text-primary);cursor:pointer;border:1px solid #7034241a;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.btn-qty-control:hover{background:var(--text-primary);color:var(--bg-color-light);border-color:var(--text-primary)}.cart-item-qty-display{text-align:center;min-width:20px;color:var(--text-primary);font-size:.85rem;font-weight:600}.cart-sidebar-footer{border-top:1px solid var(--border-color);background:var(--bg-color-light);flex-direction:column;gap:16px;padding:20px;display:flex}.cart-summary-row{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:1.05rem;display:flex}.cart-summary-total{font-weight:700;font-family:var(--font-heading);color:var(--accent-color);font-size:1.25rem}.btn-place-order{background-color:var(--accent-color);color:#fff;border-radius:var(--radius-sm);text-align:center;width:100%;box-shadow:var(--shadow-md);cursor:pointer;border:none;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}.btn-place-order:hover{background-color:var(--text-primary);transform:translateY(-1px)}.btn-place-order:active{transform:translateY(0)}.community-banner{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:left;background:linear-gradient(135deg,#fdfaf9 0%,#f7ece9 100%);border-left:5px solid #25d366;flex-direction:column;align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.community-banner-details h3{color:var(--text-primary);font-size:1.05rem;font-family:var(--font-heading);align-items:center;gap:8px;margin-bottom:4px;font-weight:700;display:flex}.community-banner-details p{color:var(--text-secondary);font-size:.82rem;line-height:1.35}.btn-join-community{color:#fff;font-family:var(--font-body);border-radius:var(--radius-sm);background-color:#25d366;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #25d36640}.btn-join-community:hover{background-color:#1ebd54;transform:translateY(-1px);box-shadow:0 6px 15px #25d36659}.btn-join-community:active{transform:translateY(0)}.btn-call-us{background-color:var(--accent-color);color:#fff;font-family:var(--font-body);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #a04a3333}.btn-call-us:hover{background-color:var(--text-primary);transform:translateY(-1px);box-shadow:0 6px 15px #7034244d}.btn-call-us:active{transform:translateY(0)}.cart-sidebar-slot-section{border-radius:var(--radius-sm);border:1px dashed var(--border-color);background:#70342408;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 14px;display:flex}.cart-sidebar-slot-label{color:var(--text-secondary);text-align:left;font-size:.85rem;font-weight:600}.cart-sidebar-slot-select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-color-light);width:100%;font-family:var(--font-body);color:var(--text-primary);cursor:pointer;outline:none;padding:8px 10px;font-size:.88rem;transition:border-color .2s}.cart-sidebar-slot-select:focus{border-color:var(--accent-color)}.cart-sidebar-slot-warning{color:var(--accent-color);text-align:left;font-size:.72rem;font-weight:500}.btn-place-order:disabled{color:#7f8c8d;cursor:not-allowed;box-shadow:none;background-color:#bdc3c7;transform:none}.btn-place-order:disabled:hover{background-color:#bdc3c7;transform:none}.cart-sidebar-slot-note{color:var(--text-secondary);opacity:.85;text-align:left;margin-top:6px;font-size:.72rem;line-height:1.35}.cart-sidebar-customer-section{border-radius:var(--radius-sm);border:1px dashed var(--border-color);background:#70342408;flex-direction:column;gap:12px;margin-bottom:8px;padding:14px;display:flex}.cart-sidebar-field-group{flex-direction:column;gap:6px;display:flex}.cart-sidebar-field-label{color:var(--text-secondary);text-align:left;align-items:center;gap:4px;font-size:.82rem;font-weight:600;display:flex}.cart-sidebar-field-label .required-star{color:var(--accent-color)}.cart-sidebar-input,.cart-sidebar-textarea{font-family:var(--font-body);width:100%;color:var(--text-primary);background-color:var(--bg-color-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;padding:10px 12px;font-size:.88rem;transition:all .2s}.cart-sidebar-textarea{resize:vertical;min-height:60px}.cart-sidebar-input:focus,.cart-sidebar-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #a04a331a}.cart-sidebar-field-note{color:var(--text-secondary);opacity:.85;text-align:left;margin-top:2px;font-size:.72rem;line-height:1.35}.checkout-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.checkout-modal-card{background:var(--bg-color-light);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg), 0 20px 25px -5px #0000001a;border:1px solid var(--border-color);flex-direction:column;gap:20px;padding:28px 24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:relative}.checkout-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.checkout-modal-header h3{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:1.25rem}.checkout-modal-close{color:var(--text-secondary);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:1.8rem;line-height:1;transition:opacity .2s}.checkout-modal-close:hover{opacity:1}.checkout-modal-body{text-align:left;flex-direction:column;display:flex}.checkout-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding-top:16px;display:flex}