*{box-sizing:border-box}html,body{margin:0;background:#08090e;color:#f7f7fb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.wrap{max-width:1100px;margin:auto;padding:18px 18px 100px}.top{position:sticky;top:0;z-index:20;background:rgba(8,9,14,.94);backdrop-filter:blur(14px);border-bottom:1px solid #22242e}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;max-width:1100px;margin:auto}.brand{font-size:26px;font-weight:900}.cartbtn,.pill,.btn{background:#1b1d27;color:white;border-radius:16px;padding:12px 16px;font-weight:800}.cartbtn span{opacity:.7}.hero{border-radius:24px;overflow:hidden;margin:12px 0 22px;background:#11131b}.hero img{width:100%;display:block;max-height:360px;object-fit:cover}.search{width:100%;background:#14161f;border:1px solid #292c38;color:#fff;border-radius:18px;padding:16px 18px;outline:none}.section-title{font-size:30px;margin:30px 0 16px}.cats{display:flex;gap:10px;overflow:auto;padding-bottom:4px}.pill.active{background:#914cff}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:#12141b;border:1px solid #292c36;border-radius:22px;overflow:hidden}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#0e1015}.cardbody{padding:14px}.muted{color:#9ea2b0}.price{font-size:23px;font-weight:900}.old{text-decoration:line-through;color:#777b87;margin-left:7px;font-size:14px}.discount{display:inline-block;background:#173b2c;color:#69e6a1;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:900}.card h3{margin:8px 0 5px}.flavor{font-size:14px;color:#b6bac6;margin-bottom:9px}.add{width:100%;margin-top:12px;background:#222530;color:#fff;border-radius:14px;padding:12px;font-weight:900}.banner-placeholder{padding:38px;text-align:center;color:#8e93a1}.empty{padding:50px 20px;text-align:center;color:#9ea2b0}.drawer{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:50;display:flex;justify-content:flex-end}.drawerbox{width:min(520px,100%);height:100%;background:#0e1017;padding:22px;overflow:auto}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.line{border-bottom:1px solid #282b35;padding:14px 0}.qty{display:flex;align-items:center;gap:8px}.qty button{width:32px;height:32px;border-radius:10px;background:#222530;color:white}.primary{width:100%;background:#914cff;color:white;border-radius:15px;padding:15px;font-weight:900}.close{background:transparent;color:white;font-size:24px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:60;display:flex;align-items:flex-end;justify-content:center}.modalbox{background:#10121a;width:min(700px,100%);max-height:92vh;overflow:auto;border-radius:26px 26px 0 0;padding:22px}.form{display:grid;gap:12px}.form input,.form textarea,.form select{width:100%;background:#171923;color:#fff;border:1px solid #303340;border-radius:13px;padding:13px;outline:none}.form label{font-size:13px;color:#a9adba}.admingrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admincard{background:#141620;border:1px solid #292c37;border-radius:18px;padding:16px}.danger{background:#5d1f2b;color:#fff}.success{color:#63e6a0}.notice{background:#171923;border-radius:16px;padding:14px;color:#c8cad2}.order{background:#151720;border:1px solid #292c36;border-radius:18px;padding:15px;margin:10px 0}.mini{font-size:12px}.hide{display:none!important}@media(min-width:760px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.modal{align-items:center}.modalbox{border-radius:24px}.wrap{padding-left:28px;padding-right:28px}}
/* Product detail view */
.product-card{position:relative;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.product-card:active{transform:scale(.985)}
.product-image-wrap{position:relative}.view-badge{position:absolute;right:10px;top:10px;background:rgba(0,0,0,.58);backdrop-filter:blur(8px);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;color:#fff}
.product-detail{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.76);display:flex;justify-content:center;align-items:flex-end}.product-detail-box{width:min(720px,100%);height:min(94vh,900px);background:#151515;border-radius:28px 28px 0 0;overflow:hidden;box-shadow:0 -10px 40px rgba(0,0,0,.4)}
.detail-top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#1d1d20;position:sticky;top:0;z-index:2}.back-btn,.detail-close{width:44px;height:44px;border-radius:14px;background:#303036;color:#fff;font-size:30px;line-height:1}.detail-title{font-weight:900;font-size:18px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content{height:calc(100% - 68px);overflow:auto;padding:0 18px 28px}.detail-image{margin:18px auto 16px;width:min(420px,100%);aspect-ratio:1/1;border-radius:24px;overflow:hidden;background:#0b0b0d}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.detail-heading h1{font-size:27px;margin:4px 0 4px}.detail-flavor{color:#a9abb5;font-size:16px}.detail-discount{background:#193d2d;color:#7af0aa;border-radius:999px;padding:9px 12px;font-weight:900;white-space:nowrap}.detail-price{font-size:31px;font-weight:950;margin:12px 0 18px}.detail-old{font-size:17px;color:#777a83;text-decoration:line-through;margin-left:8px;font-weight:700}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-item{background:#090909;border-radius:17px;padding:14px}.info-item span{display:block;color:#a5a7b0;font-size:13px;margin-bottom:7px}.info-item b{font-size:15px}.detail-section{margin-top:18px;background:#090909;border-radius:20px;padding:18px}.detail-section h2{margin:0 0 9px;font-size:20px}.detail-section p{margin:0;color:#c3c4ca;line-height:1.55;white-space:normal}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.detail-tags span{background:#26262b;border:1px solid #3b3b43;border-radius:999px;padding:8px 11px;color:#c5c6ce;font-size:13px}.detail-bottom{position:sticky;bottom:0;margin:20px -18px -28px;padding:15px 18px calc(15px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#151515 18%);display:flex;align-items:center;gap:14px}.bottom-label{color:#9b9ca4;font-size:12px}.detail-bottom strong{font-size:25px}.detail-add{flex:1;box-shadow:0 0 22px rgba(145,76,255,.22)}
@media(min-width:760px){.product-detail{align-items:center}.product-detail-box{height:min(92vh,900px);border-radius:28px}.detail-content{padding-left:26px;padding-right:26px}.detail-bottom{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}}
/* Pricing table */
.pricing-section{margin-top:18px;background:#090909;border-radius:20px;padding:18px}.pricing-title{font-size:20px;font-weight:900;margin-bottom:14px}.pricing-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #3b3b43;border-radius:18px;overflow:hidden}.pricing-table th,.pricing-table td{padding:14px 12px;text-align:left;border-bottom:1px solid #35353c}.pricing-table th{color:#a7a8b1;font-size:13px;font-weight:800}.pricing-table td:last-child,.pricing-table th:last-child{text-align:right}.pricing-table td{font-size:16px;font-weight:700}.pricing-table tr:last-child td{border-bottom:0}

.pricing-section + .info-grid{margin-top:18px}

.banner-slider{position:relative;aspect-ratio:16/6;min-height:150px}
.banner-track{display:flex;width:100%;height:100%;transition:transform .35s ease}
.banner-slide{flex:0 0 100%;width:100%;height:100%;object-fit:cover}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:32px;z-index:2}
.banner-prev{left:12px}.banner-next{right:12px}
.banner-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:7px;z-index:2}
.banner-dot{width:8px;height:8px;border-radius:50%;padding:0;background:rgba(255,255,255,.5)}
.banner-dot.active{background:#fff;transform:scale(1.25)}
.admin-banner-row{display:flex;align-items:center;gap:12px;padding:9px;background:#0f1118;border:1px solid #292c37;border-radius:14px}
.admin-banner-row img{width:90px;height:48px;object-fit:cover;border-radius:9px}
.btn.danger{border:1px solid #ff5b5b;background:#35151a;color:#fff;padding:9px 12px;border-radius:10px;font-weight:700}

.field-label{display:block;font-weight:700;font-size:14px;margin:2px 2px -6px}
#checkoutForm select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #343746;background:#171923;color:#fff;font:inherit}

.shipping-reward{margin:16px 0 20px;padding:16px;border:1px solid #292c38;border-radius:18px;background:#14161f}
.shipping-reward-head{display:flex;align-items:center;gap:11px}.shipping-reward-head>span{font-size:30px}.shipping-reward-head>div{flex:1;min-width:0}.shipping-reward-head strong{font-size:15px}.shipping-track{height:10px;background:#292c38;border-radius:999px;overflow:hidden;margin:13px 0 12px}.shipping-fill{height:100%;background:#914cff;border-radius:999px;transition:width .25s ease}.shipping-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shipping-step{display:flex;align-items:center;justify-content:center;gap:5px;color:#777b87;font-size:11px;text-align:center}.shipping-step span{font-size:17px}.shipping-step.active{color:#f7f7fb}

.admin-product-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:#0f1118;border:1px solid #292c37;border-radius:14px;margin:8px 0}

.orders-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;margin-bottom:12px;flex-wrap:wrap}


.detail-qty{display:flex;align-items:center;gap:8px;margin-top:6px}.detail-qty button{width:40px;height:40px;border:1px solid #343440;border-radius:12px;background:#202029;color:#fff;font-size:24px;font-weight:800;line-height:1}.detail-qty input{width:64px;height:40px;box-sizing:border-box;text-align:center;border:1px solid #343440;border-radius:12px;background:#111118;color:#fff;font-size:18px;font-weight:800}.detail-qty input::-webkit-outer-spin-button,.detail-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.detail-qty input[type=number]{-moz-appearance:textfield}

/* Product information table */
.detail-accordion{margin-top:18px;background:#090909;border:1px solid #2f3038;border-radius:20px;overflow:hidden}
.detail-accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 20px;font-size:20px}
.detail-accordion summary::-webkit-details-marker{display:none}
.detail-accordion summary .accordion-chevron{margin-left:auto;font-size:25px;transition:transform .2s ease}
.detail-accordion:not([open]) summary .accordion-chevron{transform:rotate(180deg)}
.info-table-wrap{padding:0 14px 14px}
.product-info-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #3b3b43;border-radius:18px;overflow:hidden}
.product-info-table th,.product-info-table td{padding:14px 12px;border-bottom:1px solid #35353c;text-align:left}
.product-info-table th{background:#292a31;color:#e8e8eb;font-size:15px;font-weight:850}
.product-info-table td{font-size:16px;color:#d0d1d6}
.product-info-table td:last-child{text-align:right;font-weight:800;color:#f0f0f2}
.product-info-table tr:last-child td{border-bottom:0}
@media(max-width:520px){.product-info-table th,.product-info-table td{padding:13px 10px;font-size:14px}.detail-accordion summary{padding:16px;font-size:18px}}

.row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.admin-product-row{gap:12px}
@media (max-width:520px){.row-actions{width:100%;justify-content:flex-start}.admin-product-row{align-items:flex-start;flex-wrap:wrap}}