:root{--bg-dark:#1b1816;--bg-main:#231f1c;--bg-card:#2e2924;--accent-gold:#c5a880;--accent-gold-hover:#d4af37;--text-white:#fff;--text-muted:#a49a8e;--text-dark:#231f1c;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .35s cubic-bezier(.25, .8, .25, 1);--header-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.main-header{width:100%;height:var(--header-height);z-index:100;transition:var(--transition-smooth);position:fixed;top:0;left:0}.main-header.scrolled{-webkit-backdrop-filter:blur(12px);background-color:#1b1816d9;border-bottom:1px solid #c5a8801a;box-shadow:0 4px 30px #0000004d}.header-container{justify-content:space-between;align-items:center;max-width:1400px;height:100%;margin:0 auto;padding:0 40px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-text{font-family:var(--font-serif);color:var(--accent-gold);letter-spacing:.5px;transition:var(--transition-smooth);font-size:24px;font-weight:700}.logo:hover .logo-text{color:var(--text-white);text-shadow:0 0 10px #c5a88080}.nav-pill-container{-webkit-backdrop-filter:blur(5px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:4px;padding:4px;display:flex}.nav-pill-item{color:var(--text-white);transition:var(--transition-smooth);border-radius:50px;padding:8px 24px;font-size:14px;font-weight:500}.nav-pill-item:hover{color:var(--accent-gold)}.nav-pill-item.active{background-color:var(--text-white);color:var(--text-dark)}.nav-actions{align-items:center;gap:20px;display:flex}.action-btn{width:44px;height:44px;color:var(--text-white);transition:var(--transition-smooth);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.action-btn:hover{color:var(--accent-gold);background-color:#ffffff14;border-color:#c5a88033;transform:translateY(-2px)}.action-btn svg{stroke-width:1.8px;width:20px;height:20px}.action-btn .badge{background-color:var(--accent-gold-hover);color:var(--text-dark);border:1px solid var(--bg-main);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;animation:.3s popBadge;display:flex;position:absolute;top:4px;right:4px}.search-bar-expand{-webkit-backdrop-filter:blur(10px);background-color:#1b1816f2;border-bottom:1px solid #c5a88026;width:100%;max-height:0;transition:max-height .4s cubic-bezier(.25,.8,.25,1);overflow:hidden}.search-bar-expand.active{max-height:80px}.search-bar-container{align-items:center;gap:15px;max-width:800px;height:80px;margin:0 auto;padding:0 20px;display:flex}.search-bar-container input{color:var(--text-white);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;font-size:18px}.search-bar-container input::placeholder{color:var(--text-muted)}#search-clear-btn{color:var(--text-muted);transition:var(--transition-smooth)}#search-clear-btn:hover{color:var(--accent-gold-hover);transform:rotate(90deg)}.hero-section{background-image:url(/assets/cover.jpg);background-position:50%;background-size:cover;align-items:center;height:90vh;min-height:600px;padding:0 80px;display:flex;position:relative}.hero-overlay{z-index:1;background:linear-gradient(#231f1c66 0%,#231f1cd9 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;max-width:800px;margin-top:60px;position:relative}.hero-title{font-family:var(--font-serif);color:var(--text-white);margin-bottom:30px;font-size:64px;font-weight:500;line-height:1.15;animation:.8s fadeInUp}.btn-shop-all{color:var(--text-white);letter-spacing:1px;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);background-color:#ffffff0d;border:1px solid #ffffff4d;border-radius:50px;padding:14px 44px;font-size:14px;font-weight:600;animation:1s fadeInUp;display:inline-block}.btn-shop-all:hover{background-color:var(--text-white);color:var(--bg-main);border-color:var(--text-white);transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a}.products-section{max-width:1400px;margin:0 auto;padding:100px 40px}.section-header{flex-direction:column;align-items:center;gap:20px;margin-bottom:60px;display:flex}.section-title{font-family:var(--font-sans);letter-spacing:.5px;text-align:center;font-size:32px;font-weight:400}.controls-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:20px;display:flex}.category-pills{gap:10px;max-width:100%;padding-bottom:5px;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{height:4px}.cat-pill{color:var(--text-muted);transition:var(--transition-smooth);white-space:nowrap;background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:50px;padding:10px 24px;font-size:14px;font-weight:500}.cat-pill:hover{color:var(--accent-gold);background-color:#c5a8800a;border-color:#c5a88033}.cat-pill.active{background-color:var(--bg-card);color:var(--text-white);border-color:#c5a88066}.sort-selector-wrapper select{background-color:var(--bg-card);color:var(--text-white);font-size:14px;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:1px solid #ffffff1a;border-radius:50px;outline:none;padding:10px 24px}.sort-selector-wrapper select:hover{border-color:var(--accent-gold)}.products-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;display:grid}.product-card{transition:var(--transition-smooth);flex-direction:column;display:flex}.product-card-image-box{aspect-ratio:1;width:100%;transition:var(--transition-smooth);background-color:#3b3530;border-radius:28px;justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.product-card-image-box img{object-fit:contain;width:90%;height:90%;transition:var(--transition-smooth);filter:drop-shadow(0 15px 25px #00000080)}.wishlist-btn-in-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:40px;height:40px;color:var(--text-white);transition:var(--transition-smooth);opacity:0;background-color:#1b181680;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px;transform:translateY(-5px)}.wishlist-btn-in-card svg{fill:#0000;width:18px;height:18px;transition:var(--transition-smooth)}.wishlist-btn-in-card.active svg{fill:#e05e5e;stroke:#e05e5e}.product-card-image-box:hover .wishlist-btn-in-card{opacity:1;transform:translateY(0)}.add-to-cart-btn{background-color:var(--text-white);width:44px;height:44px;color:var(--bg-dark);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 15px #00000040}.add-to-cart-btn svg{stroke-width:2.5px;width:22px;height:22px;transition:var(--transition-smooth)}.add-to-cart-btn:hover{background-color:var(--accent-gold-hover);color:var(--bg-dark);transform:scale(1.1)rotate(90deg);box-shadow:0 4px 20px #d4af3766}.product-card-info{padding:0 5px}.product-title{font-family:var(--font-sans);color:var(--text-white);transition:var(--transition-smooth);margin-bottom:6px;font-size:20px;font-weight:500}.product-details{color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:400}.product-price{color:var(--accent-gold);font-size:14px;font-weight:600}.product-card:hover .product-card-image-box{transform:translateY(-8px);box-shadow:0 15px 40px #0000004d}.product-card:hover .product-card-image-box img{transform:scale(1.05)}.product-card:hover .product-title{color:var(--accent-gold)}.about-section{background-color:var(--bg-dark);border-top:1px solid #ffffff0d;padding:120px 40px}.about-container{grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.about-text h2{font-family:var(--font-serif);color:var(--text-white);margin-bottom:24px;font-size:44px;font-weight:400}.about-text p{color:var(--text-muted);margin-bottom:40px;font-size:16px;line-height:1.8}.about-stats{gap:50px;display:flex}.stat-item{flex-direction:column;gap:5px;display:flex}.stat-number{font-family:var(--font-serif);color:var(--accent-gold);font-size:36px;font-weight:600}.stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:12px}.about-image-wrapper{background-image:url(/assets/hero_bg.png);background-position:50%;background-size:cover;border-radius:24px;justify-content:center;align-items:center;height:400px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000004d}.about-decorative-card{-webkit-backdrop-filter:blur(10px);text-align:center;background-color:#1b1816d9;border:1px solid #c5a88033;border-radius:16px;flex-direction:column;align-items:center;gap:15px;padding:30px;display:flex}.card-tag{letter-spacing:2px;color:var(--accent-gold);font-size:11px;font-weight:600}.about-decorative-card h3{letter-spacing:1px;font-size:18px;font-weight:500}.about-decorative-card p{color:var(--text-muted);font-size:13px;line-height:1.6}.drawer-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;background-color:#0009;width:100%;height:100%;transition:opacity .4s;position:fixed;top:0;left:0}.drawer-overlay.active{opacity:1;pointer-events:auto}.drawer{background-color:var(--bg-card);border-left:1px solid #ffffff0d;flex-direction:column;width:100%;max-width:480px;height:100%;transition:transform .4s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #0006}.drawer-overlay.active .drawer{transform:translate(0)}.drawer-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.drawer-header h3{letter-spacing:.5px;font-size:20px;font-weight:600}.close-drawer-btn{color:var(--text-muted);transition:var(--transition-smooth)}.close-drawer-btn:hover{color:var(--text-white);transform:rotate(90deg)}.drawer-content{flex:1;padding:30px;overflow-y:auto}.drawer-footer{background-color:#00000026;border-top:1px solid #ffffff0d;padding:30px}.btn{transition:var(--transition-smooth);text-align:center;border-radius:50px;justify-content:center;align-items:center;padding:14px 28px;font-size:14px;font-weight:600;display:inline-flex}.btn-block{width:100%}.btn-primary{background-color:var(--accent-gold);color:var(--bg-dark)}.btn-primary:hover{background-color:var(--accent-gold-hover);box-shadow:0 4px 15px #d4af374d}.btn-outline{color:var(--text-white);border:1px solid #fff3}.btn-outline:hover{border-color:var(--text-white);background-color:#ffffff0d}.cart-item{border-bottom:1px solid #ffffff0d;gap:15px;margin-bottom:20px;padding-bottom:20px;display:flex}.cart-item-image{background-color:#ffffff05;border-radius:12px;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.cart-item-image img{object-fit:contain;max-width:90%;max-height:90%}.cart-item-info{flex-direction:column;flex:1;justify-content:space-between;display:flex}.cart-item-title{font-size:15px;font-weight:500}.cart-item-price{color:var(--accent-gold);font-size:13px}.cart-item-controls{justify-content:space-between;align-items:center;margin-top:5px;display:flex}.qty-selector{background-color:#0003;border:1px solid #ffffff0d;border-radius:30px;align-items:center;padding:2px;display:flex}.qty-btn{width:24px;height:24px;color:var(--text-muted);transition:var(--transition-smooth);justify-content:center;align-items:center;font-size:14px;display:flex}.qty-btn:hover{color:var(--text-white)}.qty-num{padding:0 10px;font-size:13px}.remove-item-btn{color:var(--text-muted);transition:var(--transition-smooth);align-items:center;gap:5px;font-size:12px;display:flex}.remove-item-btn:hover{color:#e05e5e}.cart-total-row{justify-content:space-between;margin-bottom:20px;font-size:16px;font-weight:500;display:flex}.cart-total-row span:last-child{color:var(--accent-gold);font-size:18px;font-weight:600}.empty-state{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.empty-state svg{stroke-width:1.2px;width:48px;height:48px}.age-gate-overlay{z-index:9999;opacity:1;background-color:#1b1816;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.age-gate-card{background-color:var(--bg-card);text-align:center;border:1px solid #c5a88033;border-radius:28px;flex-direction:column;gap:25px;width:100%;max-width:500px;padding:50px 40px;display:flex;box-shadow:0 25px 50px #00000080}.age-gate-logo{font-family:var(--font-serif);color:var(--accent-gold);font-size:32px;font-weight:700}.age-gate-card h2{letter-spacing:.5px;font-size:24px;font-weight:500}.age-gate-card p{color:var(--text-muted);font-size:14px;line-height:1.6}.age-gate-buttons{gap:15px;display:flex}.age-gate-buttons button{flex:1}.age-gate-footnote{color:#ffffff4d!important;font-size:11px!important}.toast-container{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:30px;left:30px}.toast{background-color:var(--bg-card);color:var(--text-white);border-left:4px solid var(--accent-gold);border-radius:12px;align-items:center;gap:12px;min-width:300px;padding:16px 24px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.25,.8,.25,1) forwards slideIn;display:flex;transform:translate(-120%);box-shadow:0 10px 30px #0000004d}.toast svg{color:var(--accent-gold);width:18px;height:18px}.main-footer{color:var(--text-white);background-color:#1b1816;border-top:1px solid #ffffff0d;padding:80px 0 0}.footer-container{grid-template-columns:repeat(4,1fr);gap:60px;max-width:1400px;margin:0 auto;padding:0 40px 60px;display:grid}.brand-col{flex-direction:column;gap:20px;display:flex}.footer-logo{font-family:var(--font-serif);color:var(--accent-gold);font-size:26px;font-weight:700}.footer-description{color:var(--text-muted);font-size:14px;line-height:1.6}.footer-col h4{letter-spacing:1px;text-transform:uppercase;margin-bottom:25px;font-size:15px;font-weight:600}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:var(--text-muted);transition:var(--transition-smooth);font-size:14px}.footer-links a:hover{color:var(--accent-gold-hover);padding-left:4px}.footer-contact-info{flex-direction:column;gap:15px;list-style:none;display:flex}.footer-contact-info li{color:var(--text-muted);align-items:center;gap:12px;font-size:14px;display:flex}.footer-contact-info li svg{width:16px;height:16px;color:var(--accent-gold)}.footer-contact-info a{color:var(--text-muted);transition:var(--transition-smooth)}.footer-contact-info a:hover{color:var(--accent-gold-hover)}.footer-bottom{border-top:1px solid #ffffff0d;padding:30px 0}.footer-bottom-container{max-width:1400px;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin:0 auto;padding:0 40px;font-size:12px;display:flex}.footer-legal-links{gap:20px;display:flex}.footer-legal-links a{color:var(--text-muted);transition:var(--transition-smooth)}.footer-legal-links a:hover{color:var(--text-white)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{to{transform:translate(0)}}@keyframes popBadge{0%{transform:scale(.6)}80%{transform:scale(1.2)}to{transform:scale(1)}}@media (width<=1200px){.products-grid{grid-template-columns:repeat(2,1fr)}.about-container{grid-template-columns:1fr;gap:50px}.about-image-wrapper{height:350px}.footer-container{grid-template-columns:repeat(2,1fr);gap:40px}}@media (width<=768px){:root{--header-height:70px}.header-container{padding:0 20px}.nav-pill-container{display:none}.hero-section{height:80vh;padding:0 30px}.hero-title{font-size:36px}.products-section{padding:40px 20px}.controls-container{flex-direction:column;align-items:flex-start}.products-grid{grid-template-columns:repeat(2,1fr);gap:20px}.wishlist-btn-in-card{opacity:1!important;transform:translateY(0)!important}.about-section{padding:60px 20px}.about-text h2{font-size:32px}.about-stats{gap:30px}.footer-container{grid-template-columns:1fr;gap:40px;padding:0 20px 40px}.footer-bottom-container{flex-direction:column;align-items:flex-start;padding:0 20px}.detail-title{font-size:32px!important}.search-bar-container input{font-size:15px!important}.search-bar-container{height:60px!important}.search-bar-expand.active{max-height:60px!important}}@media (width<=576px){.nav-signup-text{display:none!important}.nav-actions{gap:10px!important}.header-container{padding:0 12px!important}.logo-text{font-size:18px!important}.products-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-top:25px!important}.products-section{padding:30px 12px!important}.product-card-image-box{border-radius:20px!important;margin-bottom:12px!important}.product-title{margin-bottom:4px!important;font-size:14px!important}.product-details{margin-bottom:4px!important;font-size:11px!important}.product-price{font-size:14px!important}.wishlist-btn-in-card{width:32px!important;height:32px!important;top:12px!important;right:12px!important}.wishlist-btn-in-card svg{width:14px!important;height:14px!important}.add-to-cart-btn{width:36px!important;height:36px!important;bottom:12px!important;right:12px!important}.add-to-cart-btn svg{width:16px!important;height:16px!important}.grid-header-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:15px!important}.grid-header-row h2{font-size:24px!important}.sort-selector-wrapper,.sort-select{width:100%!important}.category-pills{scrollbar-width:none!important;flex-wrap:nowrap!important;overflow-x:auto!important}.category-pills::-webkit-scrollbar{display:none!important}.product-detail-view,.checkout-view,.profile-view{margin-top:90px!important;padding:0 12px!important}.age-gate-card{border-radius:20px!important;gap:15px!important;padding:30px 20px!important}.age-gate-logo{font-size:26px!important}.age-gate-card h2{font-size:20px!important}.toast-container{align-items:center!important;width:calc(100% - 24px)!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important}.toast{box-sizing:border-box!important;justify-content:center!important;min-width:100%!important}.payment-box{border-radius:24px!important;padding:24px 20px!important}.about-stats{flex-direction:column!important;align-items:center!important;gap:20px!important}.about-text h2{font-size:26px!important}.footer-legal-links{flex-wrap:wrap!important;gap:12px!important}}.back-button{color:var(--text-white);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:8px;width:fit-content;margin-bottom:40px;font-size:15px;font-weight:500;display:flex}.back-button:hover{color:var(--accent-gold);transform:translate(-4px)}.product-detail-layout{grid-template-columns:1.1fr .9fr;gap:60px;margin-bottom:80px;display:grid}.detail-media-column{flex-direction:column;gap:20px;display:flex}.detail-image-box{aspect-ratio:1;width:100%;transition:var(--transition-smooth);background-color:#3b3530;border-radius:28px;justify-content:center;align-items:center;display:flex;box-shadow:0 15px 40px #00000040}.detail-image-box img{object-fit:contain;filter:drop-shadow(0 20px 35px #0009);max-width:85%;max-height:85%}.detail-gallery{justify-content:flex-start;gap:15px;width:100%;display:flex}.gallery-thumb{aspect-ratio:1;cursor:pointer;width:calc(20% - 12px);transition:var(--transition-smooth);background-color:#3b3530;border:2px solid #0000;border-radius:16px;justify-content:center;align-items:center;display:flex}.gallery-thumb:hover{background-color:#48413b;transform:translateY(-3px)}.gallery-thumb.active{border-color:var(--accent-gold);box-shadow:0 4px 15px #c5a88033}.detail-info-column{flex-direction:column;justify-content:flex-start;display:flex}.detail-title{font-family:var(--font-serif);color:var(--text-white);margin-bottom:12px;font-size:48px;font-weight:500;line-height:1.2}.detail-rating-row{align-items:center;gap:10px;margin-bottom:30px;display:flex}.rating-score{color:var(--text-white);font-size:15px;font-weight:600}.rating-count{color:var(--text-muted);font-size:14px}.detail-price-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:25px;display:flex}.detail-price{color:var(--accent-gold);font-size:32px;font-weight:600}.detail-wishlist-btn{width:48px;height:48px;color:var(--text-white);transition:var(--transition-smooth);background-color:#ffffff05;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.detail-wishlist-btn:hover{border-color:var(--accent-gold);background-color:#ffffff0d;transform:scale(1.05)}.detail-wishlist-btn.active{color:#e05e5e;background-color:#e05e5e0d;border-color:#e05e5e}.detail-qty-container{align-items:center;gap:20px;margin-bottom:35px;display:flex}.qty-label{color:var(--text-muted);font-size:15px;font-weight:500}.qty-selector-pill{background-color:#3b3530;border-radius:50px;align-items:center;gap:16px;padding:6px 18px;display:flex}.qty-pill-btn{color:var(--text-white);width:24px;height:24px;transition:var(--transition-smooth);justify-content:center;align-items:center;font-size:20px;font-weight:400;display:flex}.qty-pill-btn:hover{color:var(--accent-gold);transform:scale(1.2)}.qty-pill-value{color:var(--text-white);text-align:center;min-width:20px;font-size:16px;font-weight:600}.detail-actions{flex-direction:column;gap:15px;display:flex}.btn-detail-add{background-color:var(--text-white);color:var(--bg-dark);width:100%;transition:var(--transition-smooth);border-radius:50px;justify-content:center;align-items:center;padding:16px;font-size:15px;font-weight:600;display:flex}.btn-detail-add:hover{background-color:var(--accent-gold-hover);color:var(--bg-dark);transform:translateY(-2px);box-shadow:0 6px 20px #ffffff1a}.btn-detail-buy{color:var(--bg-dark);width:100%;transition:var(--transition-smooth);background-color:#a37f4c;border-radius:50px;justify-content:center;align-items:center;padding:16px;font-size:15px;font-weight:600;display:flex}.btn-detail-buy:hover{background-color:var(--accent-gold);color:var(--bg-dark);transform:translateY(-2px);box-shadow:0 6px 20px #a37f4c4d}.related-products-section{border-top:1px solid #ffffff0d;margin-top:80px;padding-top:60px}.related-title{font-family:var(--font-sans);color:var(--text-white);letter-spacing:.5px;text-align:left;margin-bottom:40px;font-size:28px;font-weight:400}@media (width<=992px){.product-detail-layout{grid-template-columns:1fr;gap:40px}}.checkout-view{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.checkout-layout{grid-template-columns:1.2fr .8fr;align-items:start;gap:40px;display:grid}.checkout-form-column{flex-direction:column;display:flex}.checkout-section-box{background-color:var(--bg-card);transition:var(--transition-smooth);border:1px solid #ffffff08;border-radius:24px;padding:35px;box-shadow:0 10px 30px #00000026}.checkout-section-box:hover{border-color:#c5a8801a;box-shadow:0 15px 40px #0003}.checkout-section-title{color:var(--text-white);font-size:20px;font-weight:600;font-family:var(--font-sans);letter-spacing:.5px;margin-bottom:4px}.checkout-login-hint{color:var(--text-muted);margin-bottom:25px;font-size:13px}.checkout-input{color:#231f1c;width:100%;font-size:14px;font-family:var(--font-sans);transition:var(--transition-smooth);background-color:#eae6e1;border:none;border-radius:50px;outline:none;padding:15px 24px}.checkout-input::placeholder{color:#231f1c99}.checkout-input:focus{box-shadow:0 0 0 2px var(--accent-gold);background-color:#f3f0ec}.checkout-textarea{color:#231f1c;width:100%;font-size:14px;font-family:var(--font-sans);transition:var(--transition-smooth);resize:none;background-color:#eae6e1;border:none;border-radius:20px;outline:none;padding:18px 24px;line-height:1.5}.checkout-textarea::placeholder{color:#231f1c99}.checkout-textarea:focus{box-shadow:0 0 0 2px var(--accent-gold);background-color:#f3f0ec}.biteship-service-card:hover{transform:translateY(-2px);background-color:#ffffff0a!important;border-color:#c5a88066!important}.biteship-service-card.active{animation:.4s ease-out cardSelectPulse;box-shadow:0 6px 20px #c5a88014}.checkout-payment-btn{transition:var(--transition-smooth)}.checkout-payment-btn:hover{background-color:#ffffff0d!important;border-color:#c5a8804d!important}.payment-opt-item{transition:var(--transition-smooth)}.payment-opt-item:hover{background-color:#ffffff0f!important}.checkout-summary-box{background-color:var(--bg-card);transition:var(--transition-smooth);border:1px solid #ffffff08;border-radius:24px;padding:35px;position:sticky;top:110px;box-shadow:0 10px 30px #00000026}.checkout-summary-box:hover{border-color:#c5a8801a;box-shadow:0 15px 40px #0003}.checkout-item-img{transition:var(--transition-smooth);border:1px solid #ffffff0d}.checkout-item-row:hover .checkout-item-img{border-color:var(--accent-gold);transform:scale(1.05)}.payment-view{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.payment-box{transition:var(--transition-smooth);background-color:var(--bg-card)!important;border:1px solid #ffffff08!important;box-shadow:0 25px 60px #0000004d!important}.payment-box:hover{border-color:#c5a88014!important}.qris-card{transition:var(--transition-smooth);overflow:hidden}.qris-card:after{content:"";pointer-events:none;background:linear-gradient(to bottom right,#ffffff21 0%,#ffffff0d 50%,#fff0 100%);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}.qris-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 20px 40px #0009!important}.back-button{color:var(--text-muted);transition:var(--transition-smooth);background-color:#ffffff08;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.back-button:hover{color:var(--accent-gold);border-color:var(--accent-gold);background-color:#c5a8800d;transform:translate(-4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSelectPulse{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}@media (width<=992px){.checkout-layout{grid-template-columns:1fr;gap:30px}.checkout-summary-box{position:static}}@media (width<=768px){.payment-header-grid{text-align:left!important;grid-template-columns:1fr!important;gap:20px!important}.payment-header-grid>div:last-child{text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.payment-header-grid>div:last-child>div{justify-content:flex-start!important}.payment-box{padding:24px!important}}