/* ===== CART SIDEBAR STYLES ===== */
.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:2000;display:none;backdrop-filter:blur(4px)}
.cart-overlay.open{display:block}
.cart-sidebar{position:fixed;top:0;right:0;width:520px;max-width:100vw;height:100%;background:#111;z-index:2001;transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.06)}
.cart-sidebar.open{transform:translateX(0)}
@media(max-width:550px){.cart-sidebar{width:100vw}}

.sidebar-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.06)}
.sidebar-title{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:300;letter-spacing:2px}
.sidebar-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.5;transition:opacity .3s;padding:5px}
.sidebar-close:hover{opacity:1}

.sidebar-body{flex:1;overflow-y:auto;padding:20px 30px}
.sidebar-body::-webkit-scrollbar{width:4px}
.sidebar-body::-webkit-scrollbar-track{background:transparent}
.sidebar-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}

.sidebar-section{margin-bottom:24px}
.section-label{font-size:.65rem;letter-spacing:2px;text-transform:uppercase;opacity:.3;margin-bottom:12px;font-weight:400}
.form-group.checkbox{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}
.form-group.checkbox input{width:auto;margin-top:3px}
.form-group.checkbox label{font-size:.75rem;opacity:.6;text-transform:none;letter-spacing:0;line-height:1.5}
.form-group.checkbox label a{color:#c9a96e;text-decoration:underline}

.cart-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.cart-item-img{width:60px;height:60px;object-fit:cover;border-radius:8px;flex-shrink:0}
.cart-item-info{flex:1;min-width:0}
.cart-item-title{font-family:'Cormorant Garamond',serif;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-item-price{color:#c9a96e;font-size:.85rem;margin-top:2px}
.cart-item-qty{display:flex;align-items:center;gap:8px;margin-top:6px}
.cart-item-qty button{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .3s}
.cart-item-qty button:hover{background:rgba(255,255,255,.1)}
.cart-item-qty span{font-size:.85rem;min-width:18px;text-align:center}
.cart-item-remove{background:none;border:none;color:rgba(255,255,255,.3);cursor:pointer;font-size:.75rem;align-self:center;padding:4px;transition:color .3s}
.cart-item-remove:hover{color:#ff6b6b}
.cart-empty{text-align:center;padding:40px 0;opacity:.4;font-weight:300;font-size:.9rem}

.recipient-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}
.recipient-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.recipient-title{font-family:'Cormorant Garamond',serif;font-size:1.1rem}
.recipient-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.75rem;opacity:.6;user-select:none}
.toggle-switch{width:36px;height:20px;border-radius:12px;background:rgba(255,255,255,.12);position:relative;transition:background .3s;flex-shrink:0}
.toggle-switch::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#c9a96e;transition:transform .3s}
.toggle-switch.active{background:rgba(201,169,110,.3)}
.toggle-switch.active::after{transform:translateX(16px)}
.recipient-fields{display:block}
.same-as-buyer{padding:16px;text-align:center;font-size:.85rem;opacity:.5;font-style:italic}
.form-row{display:flex;gap:10px;margin-bottom:10px}
.form-row.full{display:block}
.form-input{width:100%;padding:10px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-family:'Montserrat',sans-serif;font-size:.85rem;transition:border-color .3s;outline:none}
.form-input:focus{border-color:rgba(255,255,255,.3)}
.form-input::placeholder{color:rgba(255,255,255,.25)}
.address-note{font-size:.7rem;opacity:.35;margin-top:6px;font-style:italic}
.extra-textarea{min-height:60px;resize:vertical;margin-bottom:8px;border-radius:10px}

.delivery-card-s{border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}
.delivery-methods{display:flex;gap:8px;margin-bottom:16px}
.delivery-method{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s;background:transparent}
.delivery-method:hover{border-color:rgba(255,255,255,.25)}
.delivery-method.active{border-color:#c9a96e;background:rgba(201,169,110,.08)}
.dm-icon{font-size:1.5rem}
.dm-label{font-size:.65rem;text-align:center;opacity:.7;font-weight:400}

.calendar-section{margin-bottom:16px}
.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.cal-nav-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s}
.cal-nav-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}
.cal-month-year{font-family:'Cormorant Garamond',serif;font-size:1.1rem;letter-spacing:1px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}
.cal-day:hover{background:rgba(255,255,255,.06)}
.cal-day.other-month{opacity:.15;pointer-events:none}
.cal-day.past{opacity:.1;pointer-events:none}
.cal-day.today{border:1px solid rgba(201,169,110,.35)}
.cal-day.selected{background:#c9a96e;color:#0a0a0a;font-weight:600}
.cal-day-header{font-size:.65rem;opacity:.35;font-weight:400;cursor:default;pointer-events:none}
.cal-day-header:hover{background:transparent}

.time-slots{margin-bottom:16px}
.ts-label{font-size:.65rem;letter-spacing:2px;text-transform:uppercase;opacity:.3;margin-bottom:8px}
.ts-grid{display:flex;gap:6px;flex-wrap:wrap}
.ts-chip{padding:8px 14px;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.75rem;cursor:pointer;transition:all .3s}
.ts-chip:hover{border-color:rgba(255,255,255,.25)}
.ts-chip.active{border-color:#c9a96e;background:rgba(201,169,110,.1);color:#c9a96e}

.delivery-address .form-input{margin-bottom:8px}

.collapse-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 0;user-select:none}
.collapse-arrow{font-size:.7rem;opacity:.3;transition:transform .3s}
.collapse-body{max-height:0;overflow:hidden;transition:max-height .4s ease}
.collapse-body.open{max-height:1000px}
.extras-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.extra-chip{padding:8px 16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.75rem;cursor:pointer;transition:all .3s}
.extra-chip:hover{border-color:rgba(255,255,255,.25)}
.extra-chip.active{border-color:#c9a96e;background:rgba(201,169,110,.1);color:#c9a96e}

.sidebar-footer{flex-shrink:0;padding:20px 30px 30px;border-top:1px solid rgba(255,255,255,.06);background:#111}
.sf-row{display:flex;justify-content:space-between;font-size:.85rem;opacity:.6;margin-bottom:6px}
.sf-divider{height:1px;background:rgba(255,255,255,.08);margin:12px 0}
.sf-total{display:flex;justify-content:space-between;font-family:'Cormorant Garamond',serif;font-size:1.6rem;margin-bottom:14px}
.sf-total span:last-child{color:#c9a96e}
.sf-security{text-align:center;font-size:.7rem;opacity:.35;margin-top:10px;letter-spacing:.5px}

.btn-checkout{width:100%;padding:14px;background:linear-gradient(135deg,#c9a96e,#d4b87a);border:none;color:#0a0a0a;font-size:.85rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-weight:500;font-family:'Montserrat',sans-serif;transition:opacity .3s;border-radius:6px}
.btn-checkout:hover{opacity:.9}
.btn-checkout:disabled{opacity:.4;cursor:not-allowed}

.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#c9a96e;color:#0a0a0a;padding:15px 30px;border-radius:8px;font-size:.85rem;font-weight:500;z-index:3000;opacity:0;transition:all .4s;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.address-suggestions{position:relative}
.address-suggestions-list{position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:100;display:none}
.address-suggestions-list.active{display:block}
.address-suggestion-item{padding:10px 15px;cursor:pointer;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}
.address-suggestion-item:hover{background:rgba(255,255,255,.1)}
.address-suggestion-item:last-child{border-bottom:none}
