:root{--bone:#f6f4ef;--surface:#fff;--surface-sunken:#efece4;--ink:#17211e;--ink-muted:#4e5a57;--line:#e2ddd1;--line-strong:#d3ccbb;--teal:#0e7c6b;--teal-strong:#0a5f52;--teal-tint:#e3efec;--clay:#b4553f;--clay-tint:#f4e4df;--amber:#9a6b12;--amber-tint:#f5eedd;--radius-card:16px;--radius-control:10px;--radius-badge:6px;--shadow-card:0 1px 2px #17211e0a, 0 8px 24px -16px #17211e47;--shadow-card-hover:0 2px 4px #17211e0f, 0 18px 36px -20px #17211e57;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--page-max:1180px;--transition:.16s ease}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bone);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;font-weight:400;line-height:1.55}.route-fallback{justify-content:center;align-items:center;gap:var(--space-3);min-height:50vh;color:var(--ink-muted);flex-direction:column;display:flex}.route-fallback__spinner{border:3px solid var(--line-strong);border-top-color:var(--teal);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite route-fallback-spin}.route-fallback__text{font-size:13px}@keyframes route-fallback-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.route-fallback__spinner{animation-duration:1.4s}}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}.page-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:var(--page-max);padding-inline:var(--space-5);margin:0 auto}.site-header{z-index:20;background:var(--bone);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:68px;display:flex}.brand{align-items:center;gap:var(--space-3);letter-spacing:-.01em;font-size:19px;font-weight:800;display:inline-flex}.brand__mark{background:var(--teal);width:34px;height:34px;color:var(--bone);border-radius:9px;place-items:center;font-size:17px;font-weight:800;display:grid}.brand__name span{color:var(--teal)}.brand__logo{border-radius:12px;width:auto;height:48px;display:block}.site-nav{align-items:center;gap:var(--space-2);display:flex}.site-nav__link{border-radius:var(--radius-control);color:var(--ink-muted);transition:color var(--transition), background var(--transition);padding:9px 14px;font-size:14px;font-weight:600}.site-nav__link:hover{color:var(--ink);background:var(--surface-sunken)}.site-nav__link[aria-current=page]{color:var(--ink)}.site-nav__cta{border-radius:var(--radius-control);background:var(--ink);min-height:44px;color:var(--bone);transition:background var(--transition), transform var(--transition);align-items:center;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.site-nav__cta:hover{background:#0d1512}.site-nav__toggle{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;transition:background var(--transition), border-color var(--transition);align-items:center;padding:0 16px;font-size:14px;font-weight:600;display:none}.site-nav__toggle:hover{border-color:var(--teal)}.catalog{padding-block:var(--space-7) var(--space-8)}.catalog__intro{max-width:620px;margin-bottom:var(--space-6)}.catalog__title{letter-spacing:-.02em;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.1}.catalog__lede{margin-top:var(--space-3);color:var(--ink-muted);max-width:54ch;font-size:16px}.catalog__meta{align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--line);color:var(--ink-muted);font-size:14px;display:flex}.catalog__meta strong{color:var(--ink);font-weight:700}.catalog__toolbar{margin-bottom:var(--space-5);min-height:108px}.search-field{align-items:center;max-width:420px;display:flex;position:relative}.search-field__icon{color:var(--ink-muted);pointer-events:none;place-items:center;display:grid;position:absolute;left:14px}.search-field__input{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;transition:border-color var(--transition), box-shadow var(--transition);padding:0 44px;font-size:15px}.search-field__input::placeholder{color:var(--ink-muted)}.search-field__input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-tint);outline:none}.search-field__input::-webkit-search-cancel-button{display:none}.search-field__clear{background:var(--surface-sunken);width:30px;height:30px;color:var(--ink-muted);cursor:pointer;transition:background var(--transition), color var(--transition);border:none;border-radius:50%;place-items:center;display:grid;position:absolute;right:10px}.search-field__clear:hover{background:var(--line);color:var(--ink)}.category-filter{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.category-filter__chip{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink-muted);font:inherit;cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.category-filter__chip:hover{border-color:var(--teal);color:var(--ink)}.category-filter__chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bone)}.product-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);height:100%;box-shadow:var(--shadow-card);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.product-card__media{aspect-ratio:16/10;background:var(--surface-sunken);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.product-card__media-fallback{letter-spacing:-.01em;color:var(--ink);text-align:center;padding:var(--space-4);font-size:22px;font-weight:800}.product-card__media--streaming{background:var(--teal-tint)}.product-card__media--game{background:#efe7dd}.product-card__media--aplikasi{background:#e6ebec}.product-card__media--voucher{background:var(--amber-tint)}.product-card__category{top:var(--space-3);left:var(--space-3);z-index:1;max-width:calc(100% - 2 * var(--space-3));border-radius:var(--radius-badge);color:var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;text-overflow:ellipsis;background:#ffffffd9;padding:3px 9px;font-size:12px;font-weight:600;position:absolute;overflow:hidden}.product-card__badges{top:var(--space-3);right:var(--space-3);z-index:1;gap:var(--space-1);display:flex;position:absolute}.product-card__badge{border-radius:var(--radius-badge);letter-spacing:.01em;color:#fff;padding:3px 9px;font-size:11px;font-weight:700}.product-card__badge--best{background:var(--clay)}.product-card__badge--new{background:var(--teal)}.product-card__promo-badge{bottom:var(--space-3);left:var(--space-3);z-index:1;border-radius:var(--radius-badge);letter-spacing:.01em;color:#fff;background:var(--clay);box-shadow:var(--shadow-card);padding:4px 10px;font-size:13px;font-weight:800;position:absolute}.product-card__name{letter-spacing:-.01em;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.product-card__body{gap:var(--space-3);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.product-card__desc{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:13px;display:-webkit-box;overflow:hidden}.product-card__stock{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.product-card__foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);flex-wrap:wrap;margin-top:auto;display:flex}.product-card__foot>div{min-width:0}.product-card__price-label{color:var(--ink-muted);text-transform:none;font-size:11px;font-weight:600}.product-card__price{letter-spacing:-.01em;color:var(--teal);font-variant-numeric:tabular-nums;margin-top:2px;font-size:20px;font-weight:800;display:block}.product-card__price-row{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.product-card__price-was{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;text-decoration:line-through}.product-card__cta{flex-shrink:0;min-height:40px;padding:0 16px}.product-card__variants{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:12px}.stock-badge{border-radius:var(--radius-badge);white-space:nowrap;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.stock-badge__dot{background:currentColor;border-radius:50%;width:7px;height:7px}.stock-badge__count{font-variant-numeric:tabular-nums;opacity:.75}.stock-badge--tersedia{color:var(--teal-strong);background:var(--teal-tint)}.stock-badge--habis{color:var(--clay);background:var(--clay-tint)}.stock-badge--tidak-diketahui{color:var(--amber);background:var(--amber-tint)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-control);cursor:pointer;min-height:44px;transition:background var(--transition), border-color var(--transition), color var(--transition);border:1px solid #0000;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.btn--primary{background:var(--teal);color:#fff}.btn--primary:hover{background:var(--teal-strong)}.btn--ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn--ghost:hover{background:var(--surface-sunken)}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.55}}.skeleton-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.skeleton-card__media{aspect-ratio:16/10;background:var(--surface-sunken)}.skeleton-card__body{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.skeleton-line{background:var(--surface-sunken);border-radius:6px;height:12px;animation:1.4s ease-in-out infinite ds-pulse}.skeleton-line--short{width:45%}.skeleton-line--price{width:60%;height:20px}.state-panel{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);border:1px dashed var(--line-strong);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;max-width:560px;display:flex}.state-panel--error{border-style:solid;border-color:var(--clay-tint);background:var(--clay-tint)}.error-boundary{text-align:center;align-items:center;margin:15vh auto 0}.state-panel__title{font-size:18px;font-weight:700}.state-panel__text{color:var(--ink-muted);font-size:14px}.state-panel__icon{border-radius:var(--radius-card);background:var(--teal-tint);width:64px;height:64px;color:var(--teal);justify-content:center;align-items:center;display:inline-flex}.state-panel--error .state-panel__icon{background:var(--surface);color:var(--clay)}.state-panel__action{margin-top:var(--space-1)}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:auto}.site-footer__inner{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-6);flex-wrap:wrap;display:flex}.site-footer__text{color:var(--ink-muted);max-width:46ch;font-size:13px}.site-footer__links{gap:var(--space-5);font-size:13px;display:flex}.site-footer__links a{min-height:44px;color:var(--ink-muted);transition:color var(--transition);align-items:center;display:inline-flex}.site-footer__links a:hover{color:var(--ink)}.how-to__steps{margin:var(--space-6) 0 0;gap:var(--space-4);max-width:720px;padding:0;list-style:none;display:grid}.how-to__step{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.how-to__step:hover{border-color:var(--teal-tint);transform:translateY(-1px);box-shadow:0 8px 20px #0614120f}.how-to__step:not(:last-child):before{content:"";left:calc(var(--space-5) + 15px);top:calc(var(--space-5) + 32px);bottom:calc(-1 * var(--space-4) - 1px);background:var(--teal-tint);width:2px;position:absolute}.how-to__step-number{z-index:1;background:var(--teal-tint);width:32px;height:32px;color:var(--teal-strong);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;position:relative}.how-to__step-title{color:var(--ink);margin-bottom:var(--space-1);font-size:17px;font-weight:700}.how-to__step-text{color:var(--ink-muted);font-size:14px;line-height:1.55}.how-to__cta{margin-top:var(--space-6)}.detail{padding-block:var(--space-6) var(--space-8)}.detail__back{color:var(--ink-muted);transition:color var(--transition);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.detail__back:hover{color:var(--ink)}.detail__grid{gap:var(--space-6);margin-top:var(--space-5);grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start;display:grid}.sticky-buy{z-index:40;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface);transition:transform .25s;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -6px 24px #00000014}.sticky-buy--visible{transform:translateY(0)}.sticky-buy__info{flex-direction:column;flex:none;gap:2px;min-width:0;display:flex}.sticky-buy__price-label{color:var(--ink-muted);font-size:11px}.sticky-buy__price-row{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.sticky-buy__price{color:var(--ink);white-space:nowrap;font-size:17px;font-weight:700}.sticky-buy__price-was{color:var(--ink-muted);font-size:12px;text-decoration:line-through}.sticky-buy__badge{color:var(--teal-strong);font-size:11px;font-weight:600}.sticky-buy__actions{align-items:center;gap:var(--space-2);flex:auto;min-width:0;display:flex}.sticky-buy__select-wrap{flex:auto;min-width:0}.sticky-buy__select{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);width:100%;max-width:100%;font:inherit;color:var(--ink);text-overflow:ellipsis;padding:9px 10px;font-size:13px}.sticky-buy__cta{white-space:nowrap;flex:none}@media (width<=860px){.sticky-buy{display:flex}}.detail__main{gap:var(--space-3);flex-direction:column;display:flex}.detail__media{aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-sunken);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.detail__media-fallback{letter-spacing:-.01em;color:var(--ink);text-align:center;padding:var(--space-5);font-size:28px;font-weight:800}.detail__media--streaming{background:var(--teal-tint)}.detail__media--game{background:#efe7dd}.detail__media--aplikasi{background:#e6ebec}.detail__media--voucher{background:var(--amber-tint)}.detail__category{align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:12px;font-weight:600;display:inline-flex}.detail__category-label{border-radius:var(--radius-badge);background:var(--surface-sunken);color:var(--ink-muted);padding:3px 8px}.detail__title{letter-spacing:-.01em;color:var(--ink);font-size:32px;font-weight:800;line-height:1.15}.detail__stock{align-items:center;gap:var(--space-3);margin-top:var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);display:flex}.detail__stock-count{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.detail__section{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.detail__section-title{color:var(--ink);font-size:18px;font-weight:700}.detail__description{gap:var(--space-4);color:var(--ink-muted);flex-direction:column;max-width:68ch;font-size:15px;display:flex}.detail__lead{color:var(--ink);padding:var(--space-3) var(--space-4);border-left:3px solid var(--teal);border-radius:0 var(--radius-control) var(--radius-control) 0;background:var(--teal-tint);font-size:16px;font-weight:500;line-height:1.6}.detail__description p{margin:0}.detail__list{gap:var(--space-1);flex-direction:column;margin:0;padding-left:1.25rem;display:flex}.detail__list li{padding-left:2px}.detail__list li::marker{color:var(--teal)}.detail__description--empty{font-style:italic}.detail__richtext{gap:var(--space-3);color:var(--ink-muted);flex-direction:column;font-size:15px;line-height:1.65;display:flex}.detail__richtext h2{color:var(--ink);margin-top:var(--space-2);font-size:18px;font-weight:700}.detail__richtext h3{color:var(--ink);margin-top:var(--space-1);font-size:16px;font-weight:700}.detail__richtext h4{color:var(--ink);font-size:15px;font-weight:700}.detail__richtext p{margin:0}.detail__richtext strong,.detail__richtext b{color:var(--ink);font-weight:700}.detail__richtext a{color:var(--teal-strong);text-underline-offset:2px;word-break:break-word;font-weight:600;text-decoration:underline}.detail__richtext ul,.detail__richtext ol{gap:var(--space-2);flex-direction:column;margin:0;padding-left:1.25rem;display:flex}.detail__richtext li::marker{color:var(--teal)}.detail__richtext hr{border:0;border-top:1px solid var(--line);width:100%;margin:var(--space-1) 0}.detail__notes{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--amber-tint);border-radius:var(--radius-control);background:var(--amber-tint);flex-direction:column;display:flex}.detail__notes-title{color:var(--amber);font-size:14px;font-weight:700}.detail__notes-list{gap:var(--space-1);color:var(--ink);flex-direction:column;margin:0;padding-left:1.25rem;font-size:14px;display:flex}.detail__notes-list li::marker{color:var(--amber)}.detail__aside{top:var(--space-5);gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:sticky}.detail__price-box{padding-bottom:var(--space-4);border-bottom:1px solid var(--line);flex-direction:column;gap:2px;display:flex}.detail__price-label{color:var(--ink-muted);font-size:12px;font-weight:600}.detail__price{letter-spacing:-.01em;color:var(--teal);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800}.detail__price-row{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.detail__price-was{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;text-decoration:line-through}.detail__price-badge{border-radius:var(--radius-badge);color:#fff;background:var(--clay);align-self:center;padding:3px 9px;font-size:12px;font-weight:700}.detail__buy{width:100%}.detail__buy:disabled{background:var(--surface-sunken);color:var(--ink-muted);cursor:not-allowed}.detail__note{color:var(--ink-muted);text-align:center;font-size:13px}.detail__skeleton{gap:var(--space-3);padding-top:var(--space-6);flex-direction:column;display:flex}.variant-picker{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.variant-option{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition), background var(--transition);display:flex}.variant-option:hover:not(:disabled){border-color:var(--teal)}.variant-option[aria-pressed=true]{border-color:var(--teal);background:var(--teal-tint)}.variant-option:disabled{cursor:not-allowed;opacity:.6}.variant-option__name{font-size:14px;font-weight:600}.variant-option__meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.variant-option__price{color:var(--teal);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.variant-option__price-row{align-items:baseline;gap:var(--space-2);display:flex}.variant-option__price-was{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;text-decoration:line-through}.variant-option__note{color:var(--clay);font-size:11px;font-weight:600}.checkout{padding-block:var(--space-6) var(--space-8)}.checkout__head{margin-top:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.checkout__title{letter-spacing:-.01em;color:var(--ink);font-size:30px;font-weight:800}.checkout__lede{color:var(--ink-muted);max-width:60ch;font-size:15px}.checkout__grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start;display:grid}.checkout__main{gap:var(--space-4);flex-direction:column;display:flex}.checkout-item{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);display:flex}.checkout-item__info{gap:var(--space-2);flex-direction:column;display:flex}.checkout-item__name{color:var(--ink);font-size:17px;font-weight:700;line-height:1.3}.checkout-item__variant{color:var(--ink-muted);font-size:14px}.checkout-item__qty{align-items:flex-end;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.checkout-item__qty-label{color:var(--ink-muted);font-size:12px;font-weight:600}.qty-stepper{border:1px solid var(--line-strong);border-radius:var(--radius-control);align-items:center;display:inline-flex;overflow:hidden}.qty-stepper__btn{background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:background var(--transition);border:0;font-size:18px;font-weight:700}.qty-stepper__btn:hover:not(:disabled){background:var(--teal-tint)}.qty-stepper__btn:disabled{color:var(--ink-muted);cursor:not-allowed}.qty-stepper__value{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;color:var(--ink);font-size:15px;font-weight:700}.checkout__aside{top:var(--space-5);gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:sticky}.checkout-summary{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.checkout-summary__row{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:14px;display:flex}.checkout-summary__row dt{color:var(--ink-muted)}.checkout-summary__row dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.checkout-summary__row--total{padding-top:var(--space-3);border-top:1px solid var(--line)}.checkout-summary__total{color:var(--teal);font-size:24px;font-weight:800}.checkout__confirm{width:100%}.checkout__note{margin-top:var(--space-3);color:var(--muted);text-align:center;font-size:13px;line-height:1.5}.checkout__note--error{color:var(--danger,#dc2626)}.buyer-form{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.buyer-form__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.buyer-form__hint{color:var(--ink-muted);font-size:12px;font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--ink);font-size:13px;font-weight:600}.field__req{color:var(--clay)}.field__input{width:100%;min-height:44px;padding:10px var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:inherit;transition:border-color var(--transition), box-shadow var(--transition);font-size:14px}.field__input::placeholder{color:var(--ink-muted);opacity:.7}.field__input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-tint);outline:none}.field__input--area{resize:vertical;min-height:72px}.field__input--error{border-color:var(--clay)}.field__input--error:focus{box-shadow:0 0 0 3px var(--clay-tint)}.field__error{color:var(--clay);font-size:12px;font-weight:600}.auth{padding-block:var(--space-7);justify-content:center;display:flex}.auth__card{gap:var(--space-5);width:100%;max-width:420px;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.auth__head{gap:var(--space-2);flex-direction:column;display:flex}.auth__title{color:var(--ink);font-size:24px;font-weight:700}.auth__lede{color:var(--ink-muted);font-size:14px}.auth__form{gap:var(--space-4);flex-direction:column;display:flex}.auth__submit{width:100%;margin-top:var(--space-1)}.auth__switch{color:var(--ink-muted);text-align:center;font-size:14px}.auth__switch a{color:var(--teal-strong);font-weight:600}.auth__alert{padding:10px var(--space-3);border:1px solid var(--clay);border-radius:var(--radius-control);background:var(--clay-tint);color:var(--clay);font-size:13px;font-weight:600}.auth__alert--info{border-color:var(--teal);background:var(--teal-tint);color:var(--teal-strong)}.account__facts{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.account__fact{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line);display:flex}.account__fact-label{color:var(--ink-muted);font-size:13px;font-weight:600}.account__fact-value{color:var(--ink);word-break:break-word;margin:0;font-size:14px;font-weight:600}.account__role{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.account__role--admin{color:var(--teal-strong);background:var(--teal-tint)}.account__role--buyer{color:var(--ink-muted);background:var(--surface-sunken)}.account__actions{gap:var(--space-3);flex-direction:column;display:flex}.account__signout{width:100%}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin{padding-block:var(--space-6)}.admin__shell{gap:var(--space-6);grid-template-columns:220px 1fr;align-items:start;display:grid}.admin__sidebar{top:var(--space-5);gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;display:flex;position:sticky}.admin__sidebar-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:12px;font-weight:700}.admin__nav{flex-direction:column;gap:2px;display:flex}.admin__nav-link{border-radius:var(--radius-control);color:var(--ink-muted);transition:background var(--transition), color var(--transition);padding:9px 12px;font-size:14px;font-weight:600}.admin__nav-link:hover{background:var(--surface-sunken);color:var(--ink)}.admin__nav-link.active{background:var(--teal-tint);color:var(--teal-strong)}.admin__nav-link--store{margin-top:var(--space-2);border-top:1px solid var(--line);padding-top:var(--space-3)}.admin__content{min-width:0}.admin__skeleton{border-radius:var(--radius-card);background:var(--surface-sunken);height:240px;animation:1.4s ease-in-out infinite ds-pulse}.admin-page{gap:var(--space-5);flex-direction:column;display:flex}.admin-page__head{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-page__head-text{gap:var(--space-2);flex-direction:column;display:flex}.admin-page__title{color:var(--ink);font-size:26px;font-weight:700}.admin-page__lede{color:var(--ink-muted);max-width:640px;font-size:14px}.admin-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.admin-stat{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;display:flex}.admin-stat__value{color:var(--ink);font-size:30px;font-weight:700;line-height:1}.admin-stat__label{color:var(--ink-muted);font-size:13px;font-weight:600}.admin-stat--teal .admin-stat__value{color:var(--teal-strong)}.admin-stat--amber .admin-stat__value{color:var(--amber)}.admin-stat--clay .admin-stat__value{color:var(--clay)}.admin-shortcuts{gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-products__toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-products__search input{min-width:240px;height:40px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font-size:14px}.admin-products__count{color:var(--ink-muted);font-size:13px;font-weight:600}.admin-products__skeleton{gap:var(--space-2);flex-direction:column;display:flex}.admin-products__skeleton-row{border-radius:var(--radius-control);background:var(--surface-sunken);height:52px;animation:1.4s ease-in-out infinite ds-pulse}.admin-products__table-wrap{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);overflow-x:auto}.admin-products__table{border-collapse:collapse;width:100%;min-width:720px}.admin-products__table th,.admin-products__table td{padding:12px var(--space-4);text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14px}.admin-products__table th{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);background:var(--surface-sunken);font-size:12px;font-weight:700}.admin-products__table tbody tr:last-child td{border-bottom:none}.admin-products__row--inactive{opacity:.55}.admin-products__name-cell{flex-direction:column;gap:2px;display:flex}.admin-products__name-row{align-items:flex-start;gap:var(--space-2);display:flex}.admin-page__head-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.admin-products__check-col{text-align:center;width:40px}.admin-products__check{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.admin-products__check input{width:16px;height:16px;accent-color:var(--teal-strong);cursor:pointer}.admin-products__row--selected{background:var(--teal-soft,#e6f4f1)}.admin-products__row--variant{background:var(--surface)}.admin-products__row--variant td{padding-top:2px;padding-bottom:2px}.admin-products__variant-name{color:var(--ink-muted);padding:6px 8px 6px 24px;font-size:12.5px;display:inline-block}.admin-products__variant-name:before{content:"↳";color:var(--ink-muted);margin-right:6px}.admin-products__name-static,.admin-products__cell-static{color:var(--ink);padding:6px 8px;font-size:13px;display:inline-block}.admin-products__cell-static--num{text-align:right;font-variant-numeric:tabular-nums}.admin-products__bulk-open{white-space:nowrap;margin-left:auto}.admin-products__name{color:var(--ink);font-weight:600;text-decoration:none}a.admin-products__name:hover{color:var(--teal-strong);text-decoration:underline}.admin-products__variants{color:var(--ink-muted);font-size:12px}.admin-products__notice{font-size:12px;font-weight:600}.admin-products__notice--ok{color:var(--teal-strong)}.admin-products__notice--error{color:var(--clay)}.admin-categories__add{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.admin-categories__add .admin-products__search{flex:260px}.admin-categories__slug{color:var(--ink-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.admin-categories__edit-input{width:100%;max-width:320px;height:36px;padding:0 var(--space-2);border:1px solid var(--teal);border-radius:var(--radius-control);color:var(--ink);font-size:14px}.admin-categories__actions{gap:var(--space-2);justify-content:flex-end;display:flex}.admin-categories__btn{padding:6px 12px;font-size:13px}.admin-categories__btn--danger{color:var(--clay);border-color:var(--clay-tint)}.admin-categories__btn--danger:hover{border-color:var(--clay);background:var(--clay-tint)}.admin-reports__toolbar{margin-top:var(--space-4);justify-content:flex-end;display:flex}.admin-errors__url{color:var(--ink-muted);word-break:break-all;margin-top:2px;font-size:12px;display:block}.admin-reports__period{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.admin-reports__period-btn{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-muted);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.admin-reports__period-btn:hover{border-color:var(--teal);color:var(--ink)}.admin-reports__period-btn--active{border-color:var(--teal);background:var(--teal-tint);color:var(--teal-strong)}.admin-reports__card{margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.admin-reports__card-title{color:var(--ink);margin:0;font-size:16px;font-weight:700}.admin-reports__card-note{margin:4px 0 var(--space-4);color:var(--ink-muted);font-size:13px}.admin-reports__empty{padding:var(--space-4) 0;color:var(--ink-muted);margin:0;font-size:14px}.admin-reports__chart{height:200px;padding-top:var(--space-4);align-items:flex-end;gap:6px;display:flex;overflow-x:auto}.admin-reports__bar-col{flex-direction:column;flex:1 0 40px;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.admin-reports__bar-value{color:var(--ink-muted);white-space:nowrap;font-size:10px;font-weight:600}.admin-reports__bar{background:var(--teal);border-radius:4px 4px 0 0;width:100%;max-width:40px;min-height:2px}.admin-reports__bar-label{color:var(--ink-muted);white-space:nowrap;font-size:11px}.banner-strip{gap:var(--space-3);margin-top:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.banner-strip__item{border-radius:var(--radius-card);overflow:hidden}.banner-strip__item--image{aspect-ratio:16/6;background:var(--ink);display:flex;position:relative}.banner-strip__anchor{width:100%;color:inherit;cursor:pointer;text-decoration:none;display:block}.banner-strip__item--image .banner-strip__anchor{width:100%;height:100%;display:flex}.banner-strip__img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);display:block}.banner-strip__anchor:hover .banner-strip__img{transform:scale(1.04)}.banner-strip__item--image .banner-strip__content{padding:var(--space-5) var(--space-4) var(--space-4);color:#fff;background:linear-gradient(#06141200,#061412d9);position:absolute;inset:auto 0 0}.banner-strip__title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700;line-height:1.2}.banner-strip__body{opacity:.9;margin:4px 0 0;font-size:13px;line-height:1.4}.banner-strip__item:not(.banner-strip__item--image){padding:var(--space-4);border-left:3px solid var(--teal);background:var(--surface);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}.banner-strip__item:not(.banner-strip__item--image):has(.banner-strip__anchor):hover{transform:translateY(-2px);box-shadow:0 10px 24px #0614121a}.banner-strip__item:not(.banner-strip__item--image) .banner-strip__title{color:var(--ink);font-size:15px}.banner-strip__item:not(.banner-strip__item--image) .banner-strip__body{color:var(--ink-muted);opacity:1}.admin-banners__form{gap:var(--space-3);max-width:560px;margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;display:flex}.admin-banners__form-title{color:var(--ink);margin:0;font-size:16px;font-weight:700}.admin-banners__field{flex-direction:column;gap:4px;display:flex}.admin-banners__field--narrow{max-width:140px}.admin-banners__label{color:var(--ink);font-size:13px;font-weight:600}.admin-banners__field input,.admin-banners__field textarea{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);font:inherit;color:var(--ink);padding:8px 10px}.admin-banners__hint{color:var(--ink-muted);font-size:12px}.admin-banners__check{color:var(--ink);align-items:center;gap:8px;font-size:14px;display:flex}.admin-banners__form-actions{gap:var(--space-2);display:flex}.admin-banners__list{gap:var(--space-3);margin:var(--space-4) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.admin-banners__item{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);display:flex}.admin-banners__item-main{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-banners__item-head{align-items:center;gap:var(--space-2);display:flex}.admin-banners__status{border-radius:var(--radius-badge);padding:2px 8px;font-size:12px;font-weight:600}.admin-banners__status--on{background:var(--teal-tint);color:var(--teal-strong)}.admin-banners__status--off{background:var(--surface-sunken);color:var(--ink-muted)}.admin-banners__item-body{color:var(--ink-muted);margin:0;font-size:14px}.admin-banners__item-link{color:var(--teal-strong);margin:0;font-size:13px}.admin-banners__item-order{color:var(--ink-muted);font-size:12px}.admin-promos__form{gap:var(--space-3);max-width:640px;margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;display:flex}.admin-promos__form-title{color:var(--ink);margin:0;font-size:16px;font-weight:700}.admin-promos__field{flex-direction:column;gap:4px;display:flex}.admin-promos__row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.admin-promos__label{color:var(--ink);font-size:13px;font-weight:600}.admin-promos__field input,.admin-promos__field select{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);font:inherit;color:var(--ink);padding:8px 10px}.admin-promos__hint{color:var(--ink-muted);font-size:12px}.admin-promos__check{color:var(--ink);align-items:center;gap:8px;font-size:14px;display:flex}.admin-promos__check--variant{color:var(--ink-muted);font-size:13px}.admin-promos__scope{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);flex-direction:column;gap:8px;margin:0;display:flex}.admin-promos__scope legend{padding:0 6px}.admin-promos__targets{flex-direction:column;gap:8px;display:flex}.admin-promos__target-list,.admin-promos__variant-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.admin-promos__target-list{max-height:320px;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);overflow-y:auto}.admin-promos__variant-list{margin:6px 0 0 24px}.admin-promos__form-actions{gap:var(--space-2);display:flex}.admin-promos__list{gap:var(--space-3);margin:var(--space-4) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.admin-promos__item{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);display:flex}.admin-promos__item-main{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-promos__item-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-promos__badge{border-radius:var(--radius-badge);color:#fff;background:var(--clay);padding:2px 8px;font-size:12px;font-weight:700}.admin-promos__item-scope{color:var(--ink-muted);font-size:13px}.admin-price{flex-direction:column;align-items:flex-start;gap:4px;display:flex}button.admin-price{cursor:pointer;border-radius:var(--radius-control);text-align:left;background:0 0;border:1px dashed #0000;padding:4px 8px}button.admin-price:hover{border-color:var(--line-strong);background:var(--surface-sunken)}.admin-price__value{color:var(--ink);font-weight:600}.admin-price__edit{color:var(--teal-strong);font-size:11px;font-weight:600}.admin-price__input{width:130px;height:36px;padding:0 var(--space-2);border:1px solid var(--teal);border-radius:var(--radius-control);color:var(--ink);font-size:14px}.admin-price__error{color:var(--clay);font-size:12px;font-weight:600}.admin-price__actions{gap:var(--space-2);display:flex}.admin-price__save,.admin-price__cancel{min-height:32px;padding:0 12px;font-size:13px}.admin-products__source-price{color:var(--ink-muted);white-space:nowrap}.admin-products__margin{color:var(--teal-strong);white-space:nowrap;font-weight:600}.admin-products__price-cell{flex-direction:column;gap:2px;display:flex}.admin-products__price-input{width:120px;height:36px;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font-size:14px}.admin-products__price-input:focus{outline:2px solid var(--teal);outline-offset:1px}.admin-products__price-input--dirty{border-color:var(--teal);background:var(--teal-soft,#e6f4f1)}.admin-products__price-display{color:var(--ink-muted);font-size:11px}.admin-products__name-meta{align-items:center;gap:var(--space-3);display:flex}.admin-products__cell-input{border-radius:var(--radius-control);width:100%;min-width:0;font:inherit;color:var(--ink);transition:border-color var(--transition), background var(--transition);background:0 0;border:1px solid #0000;padding:6px 8px;font-size:13px}.admin-products__cell-input:hover{border-color:var(--line);background:var(--surface)}.admin-products__cell-input:focus{border-color:var(--teal-strong);background:var(--surface);outline:none}.admin-products__cell-input--num{text-align:right}.admin-products__cell-input--stock{padding-right:4px}.admin-products__cell-input--dirty{border-color:var(--teal-strong);background:var(--teal-soft,#e6f4f1)}.admin-products__price-readonly{color:var(--ink);font-weight:600}.admin-products__expand{border-radius:var(--radius-control);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:24px;height:24px;margin:-4px 0;padding:0;display:inline-flex}.admin-products__expand:hover{background:var(--surface-sunken)}.admin-products__chevron{border-left:5px solid var(--ink-muted);border-top:4px solid #0000;border-bottom:4px solid #0000;flex:none;width:0;height:0;transition:transform .15s}.admin-products__chevron--open{transform:rotate(90deg)}.admin-products__variants-row>td{background:var(--surface-sunken);padding:0}.admin-products__variants-panel{padding:var(--space-3) var(--space-4) var(--space-4)}.admin-products__variants-hint{margin:0 0 var(--space-2);color:var(--ink-muted);font-size:12px}.admin-products__variant-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.admin-products__variant-line{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:minmax(140px,2fr) 1fr 1fr 72px auto;font-size:13px;display:grid}.admin-products__variant-name{color:var(--ink);font-weight:600}.admin-products__variant-price{color:var(--ink-muted);white-space:nowrap}.admin-products__variant-price--final{color:var(--ink);font-weight:600}.admin-products__variant-margin{color:var(--teal-strong);white-space:nowrap;font-weight:600}.admin-products__bulkbar{bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);flex-wrap:wrap;display:flex;position:sticky;box-shadow:0 8px 24px #17211e14}.admin-products__bulk-status{flex:auto;min-width:0}.admin-products__bulk-actions{gap:var(--space-2);flex:none;display:flex}.admin-products__bulk-count{color:var(--ink);font-size:13px;font-weight:600}.admin-products__bulk-count--idle{color:var(--ink-muted);font-weight:500}.admin-toggle{align-items:center;gap:var(--space-2);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.admin-toggle:disabled{opacity:.6;cursor:progress}.admin-toggle__track{background:var(--line-strong);width:38px;height:22px;transition:background var(--transition);border-radius:999px;position:relative}.admin-toggle--on .admin-toggle__track{background:var(--teal)}.admin-toggle__thumb{width:18px;height:18px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.admin-toggle--on .admin-toggle__thumb{transform:translate(16px)}.admin-toggle__label{color:var(--ink-muted);font-size:13px;font-weight:600}.admin-toggle--on .admin-toggle__label{color:var(--teal-strong)}@media (width<=860px){.admin__shell{grid-template-columns:1fr}.admin__sidebar{position:static}.admin__nav{flex-flow:wrap}.site-header__inner{flex-wrap:wrap;position:relative}.site-nav__toggle{display:inline-flex}.site-nav{align-items:stretch;gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4);background:var(--bone);border-bottom:1px solid var(--line);box-shadow:var(--shadow-card);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.site-nav--open{display:flex}.site-nav__link{align-items:center;min-height:44px;display:inline-flex}.site-nav__cta{justify-content:center}}.payment-method{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.payment-method__options{gap:var(--space-3);flex-direction:column;display:flex}.payment-option{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);text-align:left;cursor:pointer;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);display:flex}.payment-option:hover{border-color:var(--teal)}.payment-option--selected{border-color:var(--teal);background:var(--teal-tint);box-shadow:0 0 0 1px var(--teal) inset}.payment-option__check{border:2px solid var(--line-strong);color:#fff;width:22px;height:22px;transition:background var(--transition), border-color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.payment-option--selected .payment-option__check{border-color:var(--teal);background:var(--teal)}.payment-option__text{flex-direction:column;gap:2px;display:flex}.payment-option__label{color:var(--ink);font-size:15px;font-weight:700}.payment-option__note{color:var(--ink-muted);font-size:13px}.confirmation{padding-block:var(--space-8);gap:var(--space-6);flex-direction:column;max-width:720px;display:flex}.confirmation__head{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.confirmation__badge{background:var(--teal-tint);width:64px;height:64px;color:var(--teal);border-radius:50%;justify-content:center;align-items:center;font-size:32px;font-weight:800;display:inline-flex}.confirmation__title{letter-spacing:-.01em;color:var(--ink);font-size:30px;font-weight:800}.confirmation__lede{color:var(--ink-muted);max-width:52ch;font-size:15px}.confirmation__card,.confirmation__access,.confirmation__pay,.confirmation__steps,.confirmation__whatsapp{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}.confirmation__list{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.confirmation__row{justify-content:space-between;align-items:baseline;gap:var(--space-4);font-size:14px;display:flex}.confirmation__row dt{color:var(--ink-muted)}.confirmation__row dd{color:var(--ink);text-align:right;margin:0;font-weight:600}.confirmation__order-number{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.confirmation__variant{color:var(--ink-muted);font-weight:500}.confirmation__row--total{padding-top:var(--space-3);border-top:1px solid var(--line)}.confirmation__total{color:var(--teal);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.confirmation__steps-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.confirmation__step{align-items:flex-start;gap:var(--space-3);color:var(--ink);font-size:14px;display:flex}.confirmation__step-num{background:var(--surface-sunken);width:24px;height:24px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.confirmation__back{align-self:flex-start}.confirmation__access,.confirmation__pay,.confirmation__steps,.confirmation__whatsapp{gap:var(--space-4);flex-direction:column;display:flex}.confirmation__whatsapp{border-color:var(--teal);background:var(--teal-tint)}.confirmation__qris{align-items:center;gap:var(--space-3);flex-direction:column;width:fit-content;max-width:100%;margin-inline:auto;display:flex}.confirmation__qris-btn{cursor:zoom-in;border-radius:var(--radius-control);background:0 0;border:none;padding:0;line-height:0;display:block;position:relative}.confirmation__qris-img{border-radius:var(--radius-control);background:#fff;width:min(420px,100%);height:auto;transition:transform .2s,box-shadow .2s}.confirmation__qris-btn:hover .confirmation__qris-img{box-shadow:var(--shadow-card-hover);transform:scale(1.02)}.confirmation__qris-zoom{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17211eb8;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:inline-flex;position:absolute;bottom:10px;right:10px}.confirmation__qris-btn:hover .confirmation__qris-zoom{background:var(--teal)}.confirmation__qris-hint{color:var(--ink-muted);font-size:13px}.qris-lightbox{z-index:1000;padding:var(--space-5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;background:#0f1412d1;justify-content:center;align-items:center;animation:.18s qris-lightbox-in;display:flex;position:fixed;inset:0}@keyframes qris-lightbox-in{0%{opacity:0}to{opacity:1}}.qris-lightbox__img{border-radius:var(--radius-card);cursor:default;background:#fff;width:auto;max-width:min(90vw,720px);height:auto;max-height:88vh;box-shadow:0 24px 60px -20px #0009}.qris-lightbox__close{top:var(--space-5);right:var(--space-5);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:inline-flex;position:absolute}.qris-lightbox__close:hover{background:#ffffff3d}.confirmation__accounts{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.confirmation__account{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-sunken);flex-direction:column;gap:2px;display:flex}.confirmation__account-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:12px;font-weight:600}.confirmation__account-number{color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.confirmation__account-holder{color:var(--ink-muted);font-size:13px}.confirmation__pay-empty,.confirmation__whatsapp-hint{color:var(--ink-muted);font-size:14px}.confirmation__whatsapp-cta{justify-content:center;align-self:stretch}.orders{padding-block:var(--space-6) var(--space-8)}.orders__intro{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.orders__title{letter-spacing:-.01em;color:var(--ink);font-size:30px;font-weight:800}.orders__lede{color:var(--ink-muted);max-width:60ch;font-size:15px}.orders__meta{align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:14px;display:flex}.orders__new-badge{background:var(--clay-tint);color:var(--clay);border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.orders__table-wrap{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);overflow-x:auto}.orders__table{border-collapse:collapse;width:100%;font-size:14px}.orders__table th{text-align:left;padding:var(--space-3) var(--space-4);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);border-bottom:1px solid var(--line);white-space:nowrap;font-size:12px;font-weight:700}.orders__table td{padding:var(--space-4);border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}.orders__table tbody tr:last-child td{border-bottom:none}.orders__table tbody tr:hover{background:var(--surface-sunken)}.orders__product{font-weight:600;display:block}.orders__row--new{box-shadow:inset 3px 0 0 var(--clay)}.orders__new-dot{width:8px;height:8px;margin-right:var(--space-2);background:var(--clay);vertical-align:middle;border-radius:50%;display:inline-block}.orders__variant{color:var(--ink-muted);font-size:12px;display:block}.orders__buyer-name{font-weight:600;display:block}.orders__buyer-contact{color:var(--ink-muted);font-size:12px;display:block}.orders__cell-total{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.order-status{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.order-status--baru{background:var(--clay-tint);color:var(--clay)}.order-status--diproses{background:var(--amber-tint);color:var(--amber)}.order-status--selesai{background:var(--teal-tint);color:var(--teal)}.orders__skeleton{gap:var(--space-3);flex-direction:column;display:flex}.orders__skeleton-row{border-radius:var(--radius-card);background:var(--surface-sunken);height:56px;animation:1.4s ease-in-out infinite pulse}.stock-sync{padding-block:var(--space-6) var(--space-8)}.sync-panel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);padding:var(--space-5);margin-bottom:var(--space-6)}.sync-panel__head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.sync-panel__actions{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.sync-panel__action-status{color:var(--ink-muted);font-size:13px;font-weight:600}.sync-panel__title{color:var(--ink);font-size:18px;font-weight:700}.sync-panel__stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.sync-stat{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-control);background:var(--surface-sunken);flex-direction:column;display:flex}.sync-stat__label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-size:12px;font-weight:700}.sync-stat__value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.sync-stat__value--ok{color:var(--teal)}.sync-stat__value--warn{color:var(--clay)}.sync-panel__note{margin-top:var(--space-4);color:var(--ink-muted);font-size:13px}.sync-interval{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);padding:var(--space-5);margin-bottom:var(--space-6)}.sync-interval__title{color:var(--ink);font-size:18px;font-weight:700}.sync-interval__note{margin-top:var(--space-2);color:var(--ink-muted);max-width:60ch;font-size:13px}.sync-interval__options{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.sync-interval__option{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);cursor:pointer;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);display:inline-flex}.sync-interval__option:hover:not(:disabled){border-color:var(--teal)}.sync-interval__option:disabled{cursor:progress;opacity:.7}.sync-interval__option--selected{border-color:var(--teal);background:var(--teal-tint);box-shadow:0 0 0 1px var(--teal) inset}.sync-interval__check{border:2px solid var(--line-strong);color:#fff;width:20px;height:20px;transition:background var(--transition), border-color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.sync-interval__option--selected .sync-interval__check{border-color:var(--teal);background:var(--teal)}.sync-interval__option-label{color:var(--ink);font-size:14px;font-weight:700}.sync-interval__status{margin-top:var(--space-3);min-height:18px;color:var(--ink-muted);font-size:13px}.sync-status{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.sync-status--berhasil{background:var(--teal-tint);color:var(--teal)}.sync-status--gagal{background:var(--clay-tint);color:var(--clay)}.sync-history__title{color:var(--ink);margin-bottom:var(--space-4);font-size:18px;font-weight:700}.sync-history__empty{color:var(--ink-muted);font-size:14px}.sync-history__message{color:var(--ink-muted);max-width:40ch;font-size:13px}.sync-stock{margin-bottom:var(--space-6)}.sync-stock__untracked{color:var(--ink-muted);font-size:13px}.my-orders{padding-block:var(--space-6) var(--space-8)}.my-orders__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.my-order-card{gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);transition:box-shadow var(--transition), transform var(--transition);flex-direction:column;display:flex}.my-order-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.my-order-card__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.my-order-card__number{color:var(--ink-muted);letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600}.my-order-card__body{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.my-order-card__product{color:var(--ink);font-size:16px;font-weight:700}.my-order-card__date{color:var(--ink-muted);white-space:nowrap;font-size:13px}.my-order-card__foot{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line);display:flex}.my-order-card__total-label{color:var(--ink-muted);font-size:13px}.my-order-card__total{color:var(--teal);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.order-detail{padding-block:var(--space-6) var(--space-8)}.order-detail__back{align-items:center;gap:var(--space-1);color:var(--ink-muted);transition:color var(--transition);font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.order-detail__back:hover{color:var(--teal)}.order-detail__head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-block:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.order-detail__title{letter-spacing:-.01em;color:var(--ink);font-size:28px;font-weight:800}.order-detail__number{color:var(--ink-muted);letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.order-detail__grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.order-detail__card{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}.order-detail__card--wide{grid-column:1/-1}.order-detail__list{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.order-detail__row{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.order-detail__row dt{color:var(--ink-muted);font-size:13px}.order-detail__row dd{color:var(--ink);text-align:right;margin:0;font-size:14px;font-weight:600}.order-detail__row--total{padding-top:var(--space-3);border-top:1px solid var(--line)}.order-detail__total{color:var(--teal);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.order-detail__hint{margin-top:var(--space-1);margin-bottom:var(--space-4);color:var(--ink-muted);font-size:13px}.status-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.status-action{padding:var(--space-2) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color var(--transition), background var(--transition), color var(--transition);font-size:14px;font-weight:600}.status-action:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.status-action:disabled{cursor:default;opacity:.6}.status-action--current{border-color:var(--teal);background:var(--teal-tint);color:var(--teal-strong);opacity:1}.status-note{margin-top:var(--space-3);font-size:13px;font-weight:600}.status-note--saved{color:var(--teal)}.status-note--error{color:var(--clay)}.admin-pricing__skeleton{border-radius:var(--radius-card);background:var(--surface-sunken);height:220px;animation:1.4s ease-in-out infinite ds-pulse}.admin-pricing{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;display:grid}.admin-pricing__card,.admin-pricing__preview{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.admin-pricing__card-title{color:var(--ink);font-size:18px;font-weight:700}.admin-pricing__card-note{color:var(--ink-muted);font-size:14px}.admin-settings__form{gap:var(--space-5);flex-direction:column;max-width:760px;display:flex}.admin-settings__card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.admin-settings__card-title{color:var(--ink);font-size:18px;font-weight:700}.admin-settings__card-note{color:var(--ink-muted);font-size:14px}.admin-settings__actions{align-items:center;gap:var(--space-3);display:flex}.admin-email__tabs{gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid var(--line);display:flex}.admin-email__tab{padding:var(--space-3) var(--space-4);font:inherit;color:var(--ink-muted);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:0;border-bottom:2px solid #0000;font-size:14px;font-weight:600}.admin-email__tab:hover{color:var(--ink)}.admin-email__tab--active{color:var(--teal);border-bottom-color:var(--teal)}.admin-email__log-head{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.admin-email__filter{align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:13px;display:flex}.admin-email__filter select{height:36px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);font:inherit;color:var(--ink);font-size:13px}.admin-email__table-wrap{overflow-x:auto}.admin-email__table{border-collapse:collapse;width:100%;font-size:13px}.admin-email__table th{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--line);color:var(--ink-muted);white-space:nowrap;font-weight:600}.admin-email__table td{padding:var(--space-3);border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}.admin-email__badge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.admin-email__badge--ok{background:var(--teal-tint);color:var(--teal)}.admin-email__badge--error{background:color-mix(in srgb, var(--clay) 15%, transparent);color:var(--clay)}.admin-email__preview{border:1px solid var(--line);border-radius:var(--radius-card);background:#f3f4f6;width:100%;height:640px}.admin-pricing__field{gap:var(--space-2);flex-direction:column;display:flex}.admin-pricing__field-label{color:var(--ink);font-size:13px;font-weight:600}.admin-pricing__input-wrap{align-items:center;gap:var(--space-2);max-width:220px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);transition:border-color var(--transition), box-shadow var(--transition);display:flex}.admin-pricing__input-wrap:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-tint)}.admin-pricing__input{min-width:0;height:44px;font:inherit;color:var(--ink);background:0 0;border:0;flex:1;font-size:20px;font-weight:700}.admin-pricing__input:focus{outline:none}.admin-pricing__input--error{color:var(--clay)}.admin-pricing__suffix{color:var(--ink-muted);font-size:18px;font-weight:700}.admin-pricing__field-hint{color:var(--ink-muted);font-size:12px}.admin-pricing__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-pricing__notice{font-size:13px;font-weight:600}.admin-pricing__notice--ok{color:var(--teal)}.admin-pricing__notice--error{color:var(--clay)}.admin-pricing__examples{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.admin-pricing__example{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-sunken);display:flex}.admin-pricing__example-source{color:var(--ink-muted);font-size:13px}.admin-pricing__example-arrow{color:var(--ink-muted)}.admin-pricing__example-final{color:var(--teal-strong);font-size:15px;font-weight:700}@media (width<=860px){.admin-pricing{grid-template-columns:1fr}}.admin-pricing__toggle-row{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-sunken);flex-direction:column;display:flex}.admin-products__add{white-space:nowrap;margin-left:auto}.admin-products__edit-link{color:var(--teal-strong);white-space:nowrap;transition:color var(--transition);font-size:13px;font-weight:600;text-decoration:none}.admin-products__edit-link:hover{color:var(--teal);text-decoration:underline}.admin-edit__back{align-items:center;gap:var(--space-1);margin-bottom:var(--space-3);color:var(--ink-muted);transition:color var(--transition);font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.admin-edit__back:hover{color:var(--teal)}.admin-edit__skeleton{border-radius:var(--radius-card);background:var(--surface-sunken);height:320px;animation:1.4s ease-in-out infinite ds-pulse}.admin-edit{gap:var(--space-5);flex-direction:column;max-width:880px;display:flex}.admin-edit__card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.admin-edit__card-title{color:var(--ink);font-size:18px;font-weight:700}.admin-edit__card-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-edit__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.admin-edit__field{gap:var(--space-2);flex-direction:column;display:flex}.admin-edit__label{color:var(--ink);font-size:13px;font-weight:600}.admin-edit__input{width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);font:inherit;color:var(--ink);transition:border-color var(--transition), box-shadow var(--transition);font-size:15px}.admin-edit__input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-tint);outline:none}.admin-edit__textarea{padding:var(--space-3);resize:vertical;line-height:1.5}.admin-edit__hint{color:var(--ink-muted);font-size:12px}.admin-edit__check{align-items:center;gap:var(--space-2);color:var(--ink);cursor:pointer;font-size:14px;display:inline-flex}.admin-edit__check input{width:18px;height:18px;accent-color:var(--teal)}.admin-edit__final{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-control);background:var(--teal-tint);display:flex}.admin-edit__markup{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--surface-sunken,#00000008);flex-wrap:wrap;font-size:13px;display:flex}.admin-edit__markup-item{color:var(--ink-muted)}.admin-edit__markup-item strong{color:var(--teal-strong);font-variant-numeric:tabular-nums}.admin-edit__markup .admin-edit__hint{flex-basis:100%}.admin-variant__markup{color:var(--ink-muted);font-size:13px}.admin-variant__markup strong{color:var(--teal-strong);font-variant-numeric:tabular-nums}.admin-edit__final-label{color:var(--teal-strong);font-size:13px;font-weight:600}.admin-edit__final-value{color:var(--teal-strong);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.admin-edit__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-edit__notice{font-size:13px;font-weight:600}.admin-edit__notice--ok{color:var(--teal)}.admin-edit__notice--error{color:var(--clay)}.admin-edit__variants{gap:var(--space-3);flex-direction:column;display:flex}.admin-variant{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-sunken);flex-direction:column;display:flex}.admin-variant__fields{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.admin-variant__foot{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-variant__final{color:var(--ink-muted);font-size:13px}.admin-variant__final strong{color:var(--teal-strong);font-variant-numeric:tabular-nums}.admin-variant__actions{align-items:center;gap:var(--space-3);display:flex}.admin-variant__save,.admin-variant__add{min-height:36px;padding:0 14px;font-size:13px}.admin-variant__delete{min-height:36px;color:var(--clay);border-color:color-mix(in srgb, var(--clay) 35%, var(--line-strong));padding:0 14px;font-size:13px}.admin-variant__delete:hover{background:color-mix(in srgb, var(--clay) 10%, transparent)}.admin-pay{gap:var(--space-5);flex-direction:column;display:flex}.admin-pay__card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.admin-pay__card-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-pay__card-title{color:var(--ink);font-size:18px;font-weight:700}.admin-pay__card-method{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:12px;font-weight:600}.admin-pay__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.admin-pay__field{gap:var(--space-2);flex-direction:column;display:flex}.admin-pay__field-label{color:var(--ink);font-size:13px;font-weight:600}.admin-pay__input{width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);font:inherit;color:var(--ink);transition:border-color var(--transition), box-shadow var(--transition);font-size:14px}.admin-pay__input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-tint);outline:none}.admin-pay__block{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line);flex-direction:column;display:flex}.admin-pay__block-title{color:var(--ink);font-size:15px;font-weight:700}.admin-pay__block-hint{color:var(--ink-muted);font-size:12px}.admin-pay__qris{padding:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-control);background:var(--surface-sunken);justify-content:center;display:flex}.admin-pay__qris-img{border-radius:var(--radius-control);background:#fff;width:min(240px,100%);height:auto}.admin-pay__qris-empty{color:var(--ink-muted);font-size:13px}.admin-pay__accounts,.admin-pay__instructions{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.admin-pay__account{gap:var(--space-3);grid-template-columns:1fr 1fr 1fr auto;align-items:center;display:grid}.admin-pay__instruction{gap:var(--space-3);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.admin-pay__instruction-num{background:var(--surface-sunken);width:24px;height:24px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.admin-pay__remove{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);width:36px;height:36px;color:var(--clay);cursor:pointer;transition:border-color var(--transition), color var(--transition);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.admin-pay__remove:hover{border-color:var(--clay)}.admin-pay__add{padding:0 var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-control);min-height:40px;font:inherit;color:var(--teal-strong);cursor:pointer;transition:border-color var(--transition), color var(--transition);background:0 0;align-self:flex-start;font-size:13px;font-weight:600}.admin-pay__add:hover{border-color:var(--teal);color:var(--teal)}.admin-pay__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=640px){.admin-pay__account{grid-template-columns:1fr}}.fulfill-badge{border-radius:var(--radius-badge);letter-spacing:.01em;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.fulfill-badge--belum{background:var(--surface-sunken);color:var(--ink-muted)}.fulfill-badge--diproses{background:var(--amber-tint);color:var(--amber)}.fulfill-badge--sukses{background:var(--teal-tint);color:var(--teal)}.fulfill-badge--gagal{background:var(--clay-tint);color:var(--clay)}.order-detail__hint--error{color:var(--clay)}.fulfill-manual{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);gap:var(--space-2);flex-direction:column;display:flex}.fulfill-manual__input{width:100%;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:var(--font-mono,ui-monospace, monospace);resize:vertical;font-size:13px;line-height:1.5}.fulfill-manual__input:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.delivery{margin-top:var(--space-3)}.delivery__hint{color:var(--ink-muted);margin-bottom:var(--space-3);font-size:13px}.delivery__account{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-sunken);padding:var(--space-4);margin-bottom:var(--space-3)}.delivery__account-title{margin-bottom:var(--space-3);font-size:14px;font-weight:700}.delivery__cred{gap:var(--space-2);flex-direction:column;display:flex}.delivery__cred-line{gap:var(--space-3);align-items:baseline;display:flex}.delivery__cred-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em;flex:0 0 30%;font-size:12px;font-weight:600}.delivery__cred-value{word-break:break-word;-webkit-user-select:all;user-select:all;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.delivery__cred-note{gap:var(--space-2);color:var(--ink-muted);font-size:13px;line-height:1.5;display:flex}.delivery__cred-bullet{color:var(--clay);flex:none}.delivery__cred-plain{word-break:break-word;font-size:13px}.delivery__cred-gap{height:var(--space-1)}.delivery__meta{gap:var(--space-4);margin:var(--space-3) 0 0;padding-top:var(--space-3);border-top:1px dashed var(--line-strong);flex-wrap:wrap;display:flex}.delivery__meta-row{gap:var(--space-2);font-size:13px;display:flex}.delivery__meta-row dt{color:var(--ink-muted)}.delivery__meta-row dd{margin:0;font-weight:600}.delivery__list{gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-sunken);padding:var(--space-4);flex-direction:column;margin:0;display:flex}.delivery__row{gap:var(--space-3);align-items:baseline;display:flex}.delivery__key{color:var(--ink-muted);flex:0 0 40%;font-size:13px;font-weight:600}.delivery__value{white-space:pre-wrap;word-break:break-word;flex:1;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.delivery__empty{color:var(--ink-muted);margin-top:var(--space-2);font-size:14px}.delivery__copy{margin-top:var(--space-3)}.secret-code{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.secret-code__value{letter-spacing:.04em;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-sunken);padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:600;transition:filter .18s}.secret-code__value--hidden{filter:blur(5px);-webkit-user-select:none;user-select:none}.secret-code--empty{color:var(--ink-muted)}.secret-code__btn{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);min-width:34px;height:34px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.secret-code__btn:hover{background:var(--surface-sunken);border-color:var(--line-strong)}.secret-code__btn:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.confirmation__access{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);padding:var(--space-5);margin-bottom:var(--space-5)}.confirmation__access-hint{color:var(--ink-muted);margin:var(--space-2) 0 var(--space-4);font-size:14px}.confirmation__access-code{letter-spacing:.04em;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.confirmation__access-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.confirmation__access-note{color:var(--clay);margin-top:var(--space-3);font-size:13px}.guest-order{padding-block:var(--space-6) var(--space-8);max-width:720px}.guest-order__head{margin-bottom:var(--space-5)}.guest-order__title{font-size:26px;font-weight:700}.guest-order__lede{color:var(--ink-muted);margin-top:var(--space-2)}.guest-order__form{gap:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);padding:var(--space-5);margin-bottom:var(--space-5);flex-direction:column;display:flex}.guest-order__result,.guest-order__back{margin-top:var(--space-5)}.order-detail__date{color:var(--ink-muted);font-size:14px}.image-upload{gap:var(--space-3);flex-direction:column;display:flex}.image-upload__input{display:none}.image-upload__preview{border:1px dashed var(--line-strong);border-radius:var(--radius-control);background:var(--surface-sunken);min-height:160px;padding:var(--space-3);justify-content:center;align-items:center;display:flex;overflow:hidden}.image-upload__img{object-fit:contain;border-radius:var(--radius-control);max-width:100%;max-height:260px}.image-upload__empty{color:var(--ink-muted);font-size:14px}.image-upload__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.image-upload__btn{padding-inline:var(--space-4)}.image-upload__btn--danger{color:var(--danger,#b3261e)}.image-upload__error{color:var(--danger,#b3261e);margin:0;font-size:13px}.image-upload__info{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-sunken);flex-direction:column;display:flex}.image-upload__hint{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.5}.image-upload__specs{flex-direction:column;gap:6px;margin:0;display:flex}.image-upload__spec{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;font-size:12.5px;display:flex}.image-upload__spec dt{color:var(--ink-muted);flex:0 0 128px;font-weight:600}.image-upload__spec dd{color:var(--ink);margin:0}@media (width<=640px){.image-upload__spec dt{flex-basis:100%}}@media (width<=860px){.detail__grid,.checkout__grid,.order-detail__grid{grid-template-columns:1fr}.detail__aside,.checkout__aside{position:static}}@media (width<=640px){.container{padding-inline:var(--space-4)}.catalog{padding-block:var(--space-6) var(--space-7)}.product-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.product-card__name{font-size:17px}.site-footer__inner{flex-direction:column;align-items:flex-start}.admin-promos__row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.product-card:hover{transform:none}}.checkout-voucher{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);gap:var(--space-2);flex-direction:column;display:flex}.checkout-voucher__label{color:var(--ink);font-size:13px;font-weight:600}.checkout-voucher__input{gap:var(--space-2);display:flex}.checkout-voucher__input input{min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);text-transform:uppercase;flex:1;font-size:14px}.checkout-voucher__input input:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.checkout-voucher__apply{white-space:nowrap}.checkout-voucher__applied{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--teal);border-radius:var(--radius-sm);background:var(--teal-tint);color:var(--teal);font-size:13px;font-weight:600;display:flex}.checkout-voucher__remove{min-height:32px;padding:0 12px;font-size:12px}.checkout-voucher__error{color:var(--clay);font-size:13px}.checkout-summary__row--discount dt,.checkout-summary__row--discount dd{color:var(--teal);font-weight:600}