*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--yellow:#FFD600;--pink:#FF3E8A;--green:#01b010;--purple:#9f00c2;--dark:#1A0A2E;--line:#e5e7eb;--muted:#6b7280;--bg:#f8fafc}html{overflow-x:hidden}body{font-family:'Nunito',sans-serif;background:#fff;color:var(--dark);overflow-x:hidden;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}img{max-width:100%}nav{background:var(--dark);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;border-bottom:3px solid var(--yellow);color:#fff;gap:12px;flex-wrap:wrap}.nav-logo{font-family:'Bangers',cursive;letter-spacing:1px;color:var(--yellow);font-size:22px;white-space:nowrap}.nav-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nav-right a{color:#fff;font-weight:600;white-space:nowrap}.nav-right a:hover{color:var(--yellow);text-decoration:none}.nav-cart,.nav-store,.nav-user{display:inline-flex;align-items:center;gap:6px;color:#fff!important;line-height:1}.nav-cart svg,.nav-store svg,.nav-user svg{width:22px;height:22px;display:block;flex-shrink:0}.nav-cart:hover,.nav-store:hover,.nav-user:hover{color:var(--yellow)!important}.cart-badge{background:var(--yellow);color:var(--dark);font-size:11px;font-weight:800;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--dark);line-height:1}.cart-badge:empty{display:none}.nav-cta{background:var(--yellow);color:var(--dark)!important;font-family:'Bangers',cursive;padding:8px 16px;border:2px solid var(--dark);border-radius:4px;box-shadow:3px 3px 0 var(--dark)}.container{max-width:1000px;margin:0 auto;padding:24px;width:100%}.hero{background:var(--yellow);padding:48px 24px;border-bottom:4px solid var(--dark);text-align:center}.hero h1{font-family:'Bangers',cursive;font-size:clamp(32px,6vw,56px);text-shadow:3px 3px 0 var(--pink)}.hero--bg{position:relative;overflow:hidden;min-height:340px;display:flex;align-items:center;justify-content:center;background:var(--yellow)}.hero__bg{position:absolute;inset:0;background-image:url('/asset/hero-1600.webp');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1}.hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,214,0,0.88) 0%,rgba(255,214,0,0.92) 60%,rgba(255,214,0,0.96) 100%)}.hero--bg .hero__overlay+div h1{color:var(--dark);text-shadow:3px 3px 0 rgba(255,62,138,0.35)}.hero--bg p{color:var(--dark)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:680px){.grid{grid-template-columns:1fr}}.card{border:3px solid var(--dark);border-radius:8px;overflow:hidden;box-shadow:5px 5px 0 var(--dark);background:#fff}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:3px solid var(--dark)}.card-body{padding:16px}.badge{display:inline-block;font-family:'Bangers',cursive;font-size:11px;letter-spacing:1px;padding:4px 8px;border:2px solid var(--dark);border-radius:3px}.badge-pre{background:var(--purple);color:#fff}.badge-stock{background:var(--green);color:#fff}.badge-processing{background:#FFE4C7;color:#7C3A00;border-color:#E8A15C}.badge-shipped{background:#DCE9FF;color:#1E3A8A;border-color:#93B4E8}.badge-delivered{background:#D9F2DF;color:#14532D;border-color:#86C89A}.btn{display:inline-block;background:var(--pink);color:#fff;font-family:'Bangers',cursive;padding:12px 20px;border:3px solid var(--dark);border-radius:5px;box-shadow:4px 4px 0 var(--dark);cursor:pointer;font-size:16px;line-height:1}.btn-yellow{background:var(--yellow);color:var(--dark)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--dark)}label{color:var(--dark);font-weight:700;font-size:14px;display:block}.input{width:100%;padding:12px 12px;border:3px solid var(--dark);border-radius:5px;font-size:16px;background:#fff;color:var(--dark);-webkit-appearance:none}.input:invalid{border-color:var(--pink)}.input::placeholder{color:#9aa0a6}.input:focus{outline:2px solid var(--yellow);outline-offset:2px}.table{width:100%;border-collapse:collapse}.table th,.table td{border:2px solid var(--dark);padding:10px;text-align:left;vertical-align:middle}.table th{background:var(--dark);color:#fff;font-family:'Bangers',cursive;letter-spacing:0.5px;font-weight:400}.alert{background:#FFF8E7;border:3px solid var(--dark);padding:12px;border-radius:6px;font-size:14px;line-height:1.5;word-break:break-word}#toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--dark);color:#fff;padding:12px 16px;border-radius:8px;box-shadow:4px 4px 0 rgba(0,0,0,0.2);border:2px solid var(--yellow);font-weight:700;font-size:14px;transform:translateX(100%);animation:slideIn 0.25s forwards,fadeOut 0.3s forwards 2.7s;max-width:320px;word-break:break-word}.toast.error{background:var(--pink);border-color:var(--dark)}@keyframes slideIn{to{transform:translateX(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}footer{background:var(--dark);color:#fff;padding:24px;text-align:center}.cart-title{font-family:Bangers,cursive;font-size:clamp(28px,7vw,42px);margin-bottom:12px}.cart-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -24px;padding:0 24px}.cart-table-wrap .table{min-width:560px}.cart-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}.cart-total{margin:16px 0;font-size:18px;word-break:break-word}.cart-qty-input{width:80px!important}.cart-remove-btn{white-space:nowrap}.checkout-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;margin-top:16px;align-items:start}.checkout-form{display:flex;flex-direction:column;gap:12px;min-width:0}.checkout-summary{position:sticky;top:76px}.checkout-summary .card{box-shadow:4px 4px 0 var(--dark)}.stripe-box{border:3px solid var(--dark);padding:16px;border-radius:6px;background:#FFF8E7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row .input{width:100%}@media(max-width:860px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static;order:-1}}@media(max-width:520px){.form-row{grid-template-columns:1fr}.stripe-box{padding:12px}}@media(max-width:720px){.cart-table-wrap{margin:0 -16px;padding:0 16px}.cart-table-wrap .table{min-width:0;width:100%;border-collapse:separate;border-spacing:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border:3px solid var(--dark);border-radius:8px;margin-bottom:12px;box-shadow:4px 4px 0 var(--dark);overflow:hidden;background:#fff}.table td{border:none;border-bottom:1.5px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;text-align:right;font-size:15px}.table td:last-child{border-bottom:none}.table td::before{content:attr(data-label);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:0.6px;color:var(--muted);margin-right:12px;flex-shrink:0;text-align:left}.table td[data-label=""]::before{display:none}.table td[data-label=""]{justify-content:flex-end}.table td[data-label="Product"]{flex-direction:column;align-items:flex-start;text-align:left;gap:6px}.table td[data-label="Product"]::before{margin-bottom:2px}.cart-qty-input{width:110px!important}.cart-actions{flex-direction:column;align-items:stretch}.cart-actions .btn,.cart-actions a.btn{width:100%;text-align:center;justify-content:center}}@media(max-width:520px){nav{padding:10px 14px}.nav-logo{font-size:19px}.nav-right{gap:10px;font-size:14px}.container{padding:16px}.cart-title{font-size:clamp(26px,8vw,36px)}.btn{padding:11px 16px;font-size:15px}.alert{padding:10px}#toast-container{left:12px;right:12px;top:12px}.toast{max-width:100%;font-size:13px}footer{padding:20px 16px;font-size:13px}.hero{padding:32px 16px}}@media(max-width:360px){.nav-right{width:100%;justify-content:flex-start}}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.product-gallery{position:sticky;top:76px}@media(max-width:860px){.product-layout{grid-template-columns:1fr;gap:20px}.product-gallery{position:static}}.thumb-btn:focus{outline:2px solid var(--yellow);outline-offset:2px}#sticky-atc{backdrop-filter:saturate(180%) blur(8px)}@media(min-width:681px){#sticky-atc{display:none!important}}.announcement-bar{background:var(--dark);color:var(--yellow);text-align:center;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.06em;border-bottom:3px solid var(--yellow)}.brand-story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}@media(max-width:680px){.brand-story-grid{grid-template-columns:1fr}}.sale-original{text-decoration:line-through;color:#999;font-size:12px;margin-left:6px}.sale-badge{background:var(--pink);color:#fff}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}@media(max-width:860px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.related-grid{grid-template-columns:1fr}}input[name="bundle_pick"]:checked+div{outline:3px solid var(--yellow)}nav[aria-label="Breadcrumb"] a:hover{text-decoration:underline}details[open] summary{color:var(--dark)}#lightbox img{animation:zoomIn .2s ease}@keyframes zoomIn{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.orders-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:12px}.orders-table code.orders-tracking,.orders-card code.orders-tracking{font-size:12px;background:#f3f4f6;padding:2px 6px;border-radius:4px;border:1px solid var(--line);word-break:break-all;overflow-wrap:anywhere}.orders-table a:hover code.orders-tracking,.orders-card a:hover code.orders-tracking{background:#FFF8E7;border-color:var(--dark)}.orders-cards{display:none}@media(max-width:720px){.orders-table-wrap{display:none}.orders-cards{display:flex;flex-direction:column;gap:12px;margin-top:12px}.orders-card{border:3px solid var(--dark);border-radius:8px;box-shadow:4px 4px 0 var(--dark);background:#fff;overflow:hidden}.orders-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.orders-summary::-webkit-details-marker{display:none}.orders-summary-main{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;overflow-wrap:anywhere}.orders-summary-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.orders-total{font-weight:800;white-space:nowrap}.orders-toggle{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);border:1.5px solid var(--line);border-radius:999px;padding:4px 10px;white-space:nowrap}.orders-card[open] .orders-toggle{color:var(--dark);border-color:var(--dark)}.orders-details{border-top:1.5px solid var(--line);padding:4px 14px 12px}.orders-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1.5px solid var(--line);font-size:14px}.orders-row:last-child{border-bottom:none}.orders-label{font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);flex-shrink:0;padding-top:2px}.orders-value{text-align:right;min-width:0;overflow-wrap:anywhere;word-break:break-word}}