:root{--ivory:#fbf6ec;--paper:#fffdf8;--ink:#241a12;--ink-soft:#5a4a3c;--muted:#917f6c;--line:#eadfcd;--line-strong:#dccdb4;--brass:#a9763e;--brass-deep:#825629;--brass-soft:#d7b488;--wash:#f3e9d7;--success:#3c7a57;--success-bg:#e6f0e7;--error:#b0492f;--error-bg:#f6e4dd;--radius:14px;--radius-lg:24px;--radius-sm:9px;--shadow-sm:0 1px 2px rgba(40,26,12,.06);--shadow:0 24px 50px -30px rgba(40,26,12,.45);--shadow-lg:0 40px 80px -40px rgba(40,26,12,.5);--maxw:1180px;--font-display:"Fraunces",Georgia,"Times New Roman",serif;--font-body:"Archivo",system-ui,-apple-system,sans-serif}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{color:var(--ink);font-family:inherit;font-size:1rem}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;line-height:1.1}code{background:var(--wash);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;padding:.1em .4em}.muted{color:var(--muted)}.small{font-size:.84rem}.block{display:block}.is-hidden{display:none!important}.mono{font-family:ui-monospace,Menlo,monospace;font-size:.9rem;letter-spacing:-.02em}.grain{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");inset:0;opacity:.035;pointer-events:none;position:fixed;z-index:9999}.eyebrow{color:var(--brass-deep);display:inline-block;font-size:.72rem;letter-spacing:.18em;margin-bottom:.7rem;text-transform:uppercase}.btn,.eyebrow{font-weight:600}.btn{--bg:var(--ink);--fg:var(--paper);align-items:center;background:var(--bg);border:1px solid transparent;border-radius:999px;color:var(--fg);display:inline-flex;font-size:.94rem;gap:.5rem;justify-content:center;letter-spacing:.01em;line-height:1;padding:.7rem 1.4rem;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--solid{--bg:var(--ink);--fg:var(--paper)}.btn--solid:hover{background:#3a2a1c}.btn--ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn--ghost:hover{background:var(--paper);border-color:var(--brass-soft)}.btn--danger-ghost{background:transparent;border-color:#e4c3b9;color:var(--error)}.btn--danger-ghost:hover{background:var(--error-bg)}.btn--sm{font-size:.86rem;padding:.5rem 1rem}.btn--lg{font-size:1rem;padding:.9rem 1.8rem}.btn--block{width:100%}.link-arrow{color:var(--brass-deep);font-size:.9rem;font-weight:600;transition:gap .2s,opacity .2s}.link-arrow:hover{opacity:.7}.link-arrow--back{display:inline-block;margin-bottom:.6rem}.nav{-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:color-mix(in srgb,var(--ivory) 88%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.nav__inner{gap:1.5rem;margin:0 auto;max-width:var(--maxw);padding:.85rem 1.5rem}.brand,.nav__inner{align-items:center;display:flex}.brand{gap:.65rem;margin-right:auto}.brand__mark{background:var(--ink);border-radius:11px;color:var(--brass-soft);display:grid;font-family:var(--font-display);font-size:1.05rem;font-weight:600;height:38px;letter-spacing:.02em;place-items:center;width:38px}.brand__mark--lg{border-radius:14px;font-size:1.3rem;height:48px;width:48px}.brand__word{font-family:var(--font-display);font-size:1.18rem;font-weight:500;letter-spacing:-.01em}.nav__links{align-items:center;display:flex;gap:1.6rem}.nav__link{color:var(--ink-soft);font-size:.94rem;font-weight:500;padding:.2rem 0;position:relative;transition:color .2s}.nav__link.is-active,.nav__link:hover{color:var(--ink)}.nav__link.is-active:after{background:var(--brass);border-radius:2px;bottom:-3px;content:"";height:2px;left:0;position:absolute;right:0}.nav__link--ghost{color:var(--brass-deep);font-weight:600}.nav__actions{align-items:center;display:flex;gap:.8rem;margin-left:.6rem}.cart-pill{border:1px solid var(--line-strong);border-radius:11px;color:var(--ink);display:grid;height:40px;place-items:center;position:relative;transition:border-color .2s,background .2s;width:40px}.cart-pill:hover{background:var(--paper);border-color:var(--brass-soft)}.cart-pill__count{background:var(--brass);border:2px solid var(--ivory);border-radius:999px;color:#fff;font-size:.7rem;height:19px;min-width:19px;padding:0 5px;place-items:center;position:absolute;right:-6px;top:-6px}.avatar,.cart-pill__count{display:grid;font-weight:700}.avatar{background:var(--wash);border:1px solid var(--line-strong);border-radius:50%;color:var(--brass-deep);font-size:.85rem;height:38px;place-items:center;width:38px}.avatar--sm{font-size:.78rem;height:34px;width:34px}.usermenu{position:relative}.usermenu__btn{background:none;border:none;padding:0}.usermenu__panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:none;flex-direction:column;gap:.1rem;padding:.5rem;position:absolute;right:0;top:calc(100% + 10px);width:230px}.usermenu__panel.is-open{display:flex}.usermenu__head{border-bottom:1px solid var(--line);display:flex;flex-direction:column;margin-bottom:.3rem;padding:.6rem .7rem}.usermenu__head strong{font-family:var(--font-body);font-size:.92rem}.usermenu__head span{color:var(--muted);font-size:.78rem}.usermenu__logout,.usermenu__panel a{background:none;border:none;border-radius:8px;color:var(--ink-soft);display:block;font-size:.9rem;padding:.55rem .7rem;text-align:left;transition:background .15s,color .15s;width:100%}.usermenu__logout:hover,.usermenu__panel a:hover{background:var(--wash);color:var(--ink)}.usermenu__logout{color:var(--error)}.nav__toggle{background:none;border:1px solid var(--line-strong);border-radius:10px;display:none;flex-direction:column;gap:4px;height:40px;padding:10px 9px;width:40px}.nav__toggle span{background:var(--ink);border-radius:2px;height:2px;transition:.2s}.nav__toggle--dark span{background:var(--ivory)}main{display:block}.section{margin:0 auto;max-width:var(--maxw);padding:4.5rem 1.5rem}.section__head{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.section__head--tight{align-items:center;margin-bottom:1.2rem}.section__title{font-size:clamp(1.8rem,3.5vw,2.6rem)}.section__title--sm{font-size:1.4rem}.page-title{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:.3rem}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid__empty{grid-column:1/-1;padding:2rem 0}.hero{background:linear-gradient(180deg,var(--ivory),var(--wash));border-bottom:1px solid var(--line);overflow:hidden;position:relative}.hero__bg{inset:0;pointer-events:none;position:absolute}.hero__disc{background:radial-gradient(circle at 30% 30%,var(--brass-soft),transparent 70%);height:420px;opacity:.5;right:-120px;top:-80px;width:420px}.hero__disc,.hero__ring{border-radius:50%;position:absolute}.hero__ring{border:1px solid var(--line-strong);bottom:-120px;height:340px;left:-90px;width:340px}.hero__inner{align-items:center;display:grid;gap:3rem;grid-template-columns:1.15fr .85fr;margin:0 auto;max-width:var(--maxw);padding:4.5rem 1.5rem 5rem;position:relative}.hero__title{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.02;margin-bottom:1.3rem}.hero__title em{color:var(--brass-deep);font-style:italic}.hero__lead{color:var(--ink-soft);font-size:1.12rem;margin-bottom:2rem;max-width:34ch}.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:2.6rem}.hero__stats{display:flex;gap:2.4rem}.hero__stats dt{color:var(--ink);font-family:var(--font-display);font-size:1.9rem;line-height:1}.hero__stats dd{color:var(--muted);font-size:.82rem;margin-top:.3rem}.hero__plate{display:grid;gap:1rem;place-items:center}.plate{background:radial-gradient(circle at 35% 30%,var(--paper),var(--wash) 75%);border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-strong),inset 0 0 60px rgba(169,118,62,.12),var(--shadow-lg);display:grid;height:300px;place-items:center;position:relative;width:300px}.plate:after{border:1px dashed var(--line-strong);border-radius:50%;content:"";inset:26px;position:absolute}.plate__cookie{filter:drop-shadow(0 10px 16px rgba(40,26,12,.25));font-size:5rem;position:absolute}.plate__cookie--1{transform:translate(-46px,-30px) rotate(-12deg)}.plate__cookie--2{font-size:5.6rem;transform:translate(40px,-6px) rotate(8deg)}.plate__cookie--3{font-size:4.4rem;transform:translate(-6px,52px) rotate(-4deg)}.plate__caption{color:var(--muted);font-family:var(--font-display);font-style:italic}.proses{background:var(--ink);color:var(--ivory)}.proses__inner{margin:0 auto;max-width:var(--maxw);padding:5rem 1.5rem}.proses .eyebrow{color:var(--brass-soft)}.proses__intro{margin-bottom:2.6rem;max-width:48ch}.proses__intro .muted{color:#c9bbaa}.proses__intro .section__title{color:var(--ivory)}.proses__steps{counter-reset:step;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);list-style:none;padding:0}.proses__steps li{border-top:1px solid hsla(0,0%,100%,.16);padding-top:1.2rem}.proses__num{color:var(--brass-soft);font-family:var(--font-display);font-size:1.1rem;letter-spacing:.1em}.proses__steps h3{color:var(--ivory);font-size:1.2rem;margin:.6rem 0 .4rem}.proses__steps p{color:#c9bbaa;font-size:.92rem}.cta-band{background:var(--wash)}.cta-band__inner{margin:0 auto;max-width:var(--maxw);padding:4rem 1.5rem;text-align:center}.cta-band__inner h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:.6rem}.cta-band__inner p{color:var(--ink-soft);margin-bottom:1.6rem}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .25s ease,border-color .2s}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-4px)}.card__media{aspect-ratio:4/3;background:var(--wash);display:block;overflow:hidden;position:relative}.card__media img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.card:hover .card__media img{transform:scale(1.04)}.card__placeholder{background:radial-gradient(circle at 40% 35%,var(--paper),var(--wash));display:grid;height:100%;place-items:center;width:100%}.card__placeholder span,.cline__ph,.product__placeholder span,.thumb__ph,.uploader__ph{color:var(--brass-soft);font-family:var(--font-display);font-weight:600}.card__placeholder span{font-size:2.4rem}.card__cat{background:color-mix(in srgb,var(--ink) 84%,transparent);border-radius:999px;color:var(--ivory);font-size:.7rem;font-weight:600;left:.8rem;letter-spacing:.08em;padding:.3rem .6rem;position:absolute;text-transform:uppercase;top:.8rem}.card__body{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1.2rem 1.2rem 1.3rem}.card__name{font-size:1.22rem}.card__name a:hover{color:var(--brass-deep)}.card__desc{color:var(--muted);flex:1;font-size:.9rem}.card__foot{align-items:baseline;display:flex;justify-content:space-between;margin-top:.2rem}.card__price{color:var(--ink);font-family:var(--font-display);font-size:1.25rem}.card__buy{margin-top:.6rem}.catalog{margin:0 auto;max-width:var(--maxw);padding:3rem 1.5rem 5rem}.catalog__head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2.2rem}.search{align-items:center;background:var(--paper);border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);display:flex;gap:.6rem;min-width:280px;padding:.6rem 1.1rem;transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:var(--brass);box-shadow:0 0 0 3px rgba(169,118,62,.12)}.search input{background:none;border:none;outline:none;width:100%}.product{margin:0 auto;max-width:var(--maxw);padding:2.2rem 1.5rem 5rem}.crumbs{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;margin-bottom:2rem}.crumbs a:hover{color:var(--ink)}.crumbs span{opacity:.5}.product__grid{align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.product__media{aspect-ratio:1;background:var(--wash);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.product__media img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product__placeholder{display:grid;height:100%;place-items:center;width:100%}.product__placeholder span{font-size:4rem}.product__name{font-size:clamp(2rem,4vw,3rem);margin:.2rem 0 .6rem}.product__price{color:var(--brass-deep);font-family:var(--font-display);font-size:1.7rem;margin-bottom:1.4rem}.product__desc{color:var(--ink-soft);margin-bottom:1.8rem}.product__buy{flex-direction:column;margin-bottom:2rem;max-width:340px}.product__buy,.qty{display:flex;gap:1rem}.qty{align-items:center}.qty label{color:var(--ink-soft);font-size:.9rem}.qty input{background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.6rem .8rem;width:90px}.product__sold{color:var(--error);font-weight:600;margin-bottom:2rem}.product__meta{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.7rem;list-style:none;padding:1.4rem 0 0}.product__meta li{display:flex;font-size:.9rem;justify-content:space-between}.product__meta span{color:var(--muted)}.form{display:flex;flex-direction:column;gap:1.1rem}.form--tight{gap:.8rem}.field{display:flex;flex-direction:column;gap:.4rem}.field>span,.field__label{color:var(--ink-soft);font-size:.84rem;font-weight:600}.field input,.field select,.field textarea,.urow-form select{background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.7rem .9rem;transition:border-color .2s,box-shadow .2s;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brass);box-shadow:0 0 0 3px rgba(169,118,62,.12);outline:none}.field textarea{resize:vertical}.form__row{display:grid;gap:1.1rem;grid-template-columns:1fr 1fr}.formflash{border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;padding:.8rem 1rem}.formflash--error{background:var(--error-bg);color:var(--error)}.formflash--success{background:var(--success-bg);color:var(--success)}.checks{flex-direction:column;margin-top:.3rem}.check,.checks{display:flex;gap:.6rem}.check{align-items:center;color:var(--ink-soft);font-size:.92rem}.check input{accent-color:var(--brass);height:18px;width:18px}.check--inline{margin:0}.auth{display:grid;margin:0 auto;max-width:var(--maxw);padding:4rem 1.5rem 6rem;place-items:center}.auth__card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:430px;padding:2.4rem;width:100%}.auth__card--wide{max-width:620px}.auth__head{margin-bottom:1.6rem}.auth__head h1{font-size:2rem;margin-bottom:.3rem}.auth__head .muted a{color:var(--brass-deep);font-weight:600}.auth__hint{color:var(--muted);font-size:.84rem;margin-top:1.2rem;text-align:center}.account,.cartpage,.checkout,.orderdetail{margin:0 auto;max-width:var(--maxw);padding:3rem 1.5rem 5rem}.account__head,.cartpage__head,.checkout__head{margin-bottom:2rem}.cart__empty{background:var(--paper);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);padding:4rem 1rem;text-align:center}.cart__empty-ic{display:block;font-size:3rem;margin-bottom:1rem}.cart__empty p{color:var(--muted);margin-bottom:1.4rem}.cart__lines{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.6rem}.cline{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:1.2rem;grid-template-columns:80px 1fr auto auto auto;padding:.9rem 1.1rem}.cline__media{background:var(--wash);border-radius:10px;height:80px;overflow:hidden;width:80px}.cline__media img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cline__ph{display:grid;font-size:1.3rem;height:100%;place-items:center;width:100%}.cline__info h3{font-size:1.1rem}.cline__info h3 a:hover{color:var(--brass-deep)}.cline__qty input{background:var(--ivory);border:1px solid var(--line-strong);border-radius:8px;padding:.5rem .6rem;text-align:center;width:68px}.cline__total{font-family:var(--font-display);font-size:1.1rem;min-width:90px;text-align:right}.cline__remove{background:none;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted);font-size:1.2rem;height:34px;line-height:1;transition:.2s;width:34px}.cline__remove:hover{background:var(--error-bg);border-color:var(--error);color:var(--error)}.cart__summary{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);margin-left:auto;max-width:380px;padding:1.6rem}.cart__row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:.4rem}.cart__row strong{font-family:var(--font-display);font-size:1.4rem}.checkout__grid{align-items:start;display:grid;gap:2.5rem;grid-template-columns:1.4fr 1fr}.checkout__summary{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem;position:sticky;top:90px}.checkout__summary h3{font-size:1.2rem;margin-bottom:1rem}.sumlist{display:flex;flex-direction:column;gap:.7rem;list-style:none;margin-bottom:1rem;padding:0}.sumlist li{display:flex;font-size:.92rem;gap:1rem;justify-content:space-between}.sumlist strong{font-weight:600}.sumtotal{align-items:baseline;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:1rem}.sumtotal strong{font-family:var(--font-display);font-size:1.4rem}.account__quick{display:grid;gap:1.2rem;grid-template-columns:repeat(3,1fr);margin-bottom:2.6rem}.qcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.3rem;min-height:120px;padding:1.4rem 1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.qcard:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.qcard--accent{background:var(--ink);color:var(--ivory)}.qcard__label{color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.qcard--accent .qcard__label{color:var(--brass-soft)}.qcard__big{font-family:var(--font-display);font-size:1.7rem;margin-top:auto}.qcard__arrow{bottom:1.3rem;color:var(--brass-soft);font-size:1.3rem;position:absolute;right:1.4rem}.otable{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.otable__head,.otable__row{align-items:center;display:grid;gap:1rem;grid-template-columns:1.4fr 1fr .9fr 1.1fr 40px;padding:.95rem 1.2rem}.otable__head{background:var(--wash);color:var(--muted);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.otable__row{border-top:1px solid var(--line);transition:background .15s}.otable__row:hover{background:var(--ivory)}.otable__num{font-family:ui-monospace,Menlo,monospace;font-size:.88rem;font-weight:600}.otable__go{color:var(--brass-soft);text-align:right}.badge{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.32rem .75rem;white-space:nowrap}.badge:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.badge--wait{background:#fbf0dd;color:#9a6b12}.badge--paid{background:#e7f0fb;color:#2f5e9a}.badge--proc{background:#f3eafb;color:#6a3e9a}.badge--ship{background:#e6f4f1;color:#1e7a6b}.badge--done{background:var(--success-bg);color:var(--success)}.badge--cancel{background:var(--error-bg);color:var(--error)}.orderdetail__top{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1rem 0 1.6rem}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:1.4rem;padding:1.6rem}.panel__title{font-size:1.15rem;margin-bottom:1rem}.panel--track{padding:2rem 1.8rem}.track__desc{color:var(--ink-soft);margin-top:1.4rem}.track__resi{border-top:1px solid var(--line);display:flex;gap:2.5rem;margin-top:1.4rem;padding-top:1.4rem}.track__resi div{display:flex;flex-direction:column;gap:.2rem}.resi{font-family:ui-monospace,Menlo,monospace;letter-spacing:.02em}.orderdetail__grid{align-items:start;display:grid;gap:1.4rem;grid-template-columns:1.5fr 1fr}.stepper{display:flex;justify-content:space-between;list-style:none;padding:0;position:relative}.stepper:before{background:var(--line-strong);content:"";height:2px;left:5%;position:absolute;right:5%;top:13px;z-index:0}.stepper__item{align-items:center;display:flex;flex:1;flex-direction:column;gap:.5rem;position:relative;z-index:1}.stepper__dot{background:var(--paper);border:2px solid var(--line-strong);border-radius:50%;color:#fff;display:grid;font-size:.8rem;height:28px;place-items:center;transition:.2s;width:28px}.stepper__label{color:var(--muted);font-size:.78rem;text-align:center}.stepper__item.is-done .stepper__dot{background:var(--brass);border-color:var(--brass)}.stepper__item.is-current .stepper__dot{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 4px rgba(36,26,18,.12)}.stepper__item.is-current .stepper__label{color:var(--ink);font-weight:600}.stepper__item.is-done .stepper__label{color:var(--ink-soft)}.stepper__item.is-cancelled .stepper__dot{background:var(--error);border-color:var(--error)}.stepper__item.is-cancelled .stepper__label{color:var(--error);font-weight:600}.itemlist{display:flex;flex-direction:column;gap:.8rem;list-style:none;margin-bottom:1.2rem;padding:0}.itemlist li{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:1rem;grid-template-columns:1fr auto auto;padding-bottom:.8rem}.itemlist li:last-child{border-bottom:none;padding-bottom:0}.itemlist__name{font-weight:500}.totals{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.totals__row{color:var(--ink-soft);display:flex;font-size:.95rem;justify-content:space-between}.totals__row--grand{border-top:1px solid var(--line);margin-top:.3rem;padding-top:.7rem}.totals__row--grand strong{color:var(--ink);font-family:var(--font-display);font-size:1.4rem}.ship-to{border-top:1px solid var(--line);margin-top:1.4rem;padding-top:1.2rem}.ship-to h4{color:var(--muted);font-family:var(--font-body);font-size:.8rem;letter-spacing:.06em;margin-bottom:.5rem;text-transform:uppercase}.panel--invoice{background:linear-gradient(180deg,var(--paper),#fff9ef);border:1px solid var(--brass-soft)}.pay-amount{color:var(--brass-deep);font-family:var(--font-display);font-size:2.2rem;margin:.4rem 0 1rem}.bank{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.4rem}.bank div{border-bottom:1px dashed var(--line-strong);display:flex;font-size:.92rem;gap:1rem;justify-content:space-between;padding-bottom:.5rem}.bank dt{color:var(--muted)}.bank dd{font-weight:600;text-align:right}.timeline{display:flex;flex-direction:column;gap:0;list-style:none;padding:0}.timeline__item{display:flex;gap:.9rem;padding-bottom:1.1rem;position:relative}.timeline__item:not(:last-child):before{background:var(--line-strong);bottom:0;content:"";left:5px;position:absolute;top:14px;width:2px}.timeline__dot{background:var(--brass);border-radius:50%;box-shadow:0 0 0 3px var(--paper);flex:none;height:12px;margin-top:4px;width:12px;z-index:1}.timeline__item strong{display:block;font-family:var(--font-body);font-size:.95rem}.timeline__item .small{color:var(--muted)}.timeline__note{color:var(--ink-soft);font-size:.88rem;margin-top:.2rem}.cancelform{margin-bottom:.8rem}.footer{background:var(--ink);color:#d9cbb8;margin-top:2rem}.footer__inner{display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1.3fr;margin:0 auto;max-width:var(--maxw);padding:3.5rem 1.5rem 2.5rem}.footer__brand .brand__mark--lg{background:var(--brass);color:var(--ink);margin-bottom:1rem}.footer__tag{font-size:.92rem;max-width:32ch}.footer__col h4{color:var(--brass-soft);font-family:var(--font-body);font-size:.8rem;letter-spacing:.08em;margin-bottom:1rem;text-transform:uppercase}.footer__addr,.footer__col a{color:#d9cbb8;display:block;font-size:.92rem;margin-bottom:.6rem;transition:color .2s}.footer__col a:hover{color:#fff}.footer__addr{color:var(--muted)}.footer__base{border-top:1px solid hsla(0,0%,100%,.12)}.footer__base span{color:var(--muted);display:block;font-size:.82rem;margin:0 auto;max-width:var(--maxw);padding:1.4rem 1.5rem}.toast-host{bottom:1.5rem;flex-direction:column;max-width:340px;position:fixed;right:1.5rem;z-index:200}.toast,.toast-host{display:flex;gap:.7rem}.toast{align-items:center;animation:toastIn .3s ease;background:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-lg);color:var(--ivory);padding:.85rem 1rem}.toast__icon{border-radius:50%;display:grid;flex:none;font-size:.8rem;font-weight:700;height:22px;place-items:center;width:22px}.toast--success .toast__icon{background:var(--success);color:#fff}.toast--error .toast__icon{background:var(--error);color:#fff}.toast__msg{flex:1;font-size:.9rem}.toast__close{background:none;border:none;color:var(--brass-soft);font-size:1.2rem;line-height:1;padding:0 .2rem}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.errpage{margin:0 auto;max-width:600px;padding:6rem 1.5rem;text-align:center}.errpage__code{color:var(--brass-soft);display:block;font-family:var(--font-display);font-size:5rem}.errpage h1{font-size:2rem;margin:.5rem 0 .6rem}.errpage p{color:var(--muted);margin-bottom:1.8rem}.theme-admin{background:var(--ivory)}.admin{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--ink);color:#d9cbb8;display:flex;flex-direction:column;height:100vh;padding:1.5rem 1.1rem;position:sticky;top:0}.sidebar__brand{align-items:center;color:var(--ivory);display:flex;font-family:var(--font-display);font-size:1.1rem;gap:.6rem;padding:.4rem .5rem 1.4rem}.sidebar__brand .brand__mark{background:var(--brass);color:var(--ink);height:34px;width:34px}.sidebar__nav{display:flex;flex-direction:column;gap:.2rem}.sidebar__link{border-radius:10px;color:#c3b4a1;font-size:.94rem;font-weight:500;padding:.7rem .9rem;transition:.15s}.sidebar__link:hover{background:hsla(0,0%,100%,.07);color:var(--ivory)}.sidebar__link.is-active{background:var(--brass);color:var(--ink);font-weight:600}.sidebar__foot{border-top:1px solid hsla(0,0%,100%,.12);margin-top:auto;padding-top:1rem}.sidebar__back{color:var(--brass-soft);font-size:.88rem}.sidebar__back:hover{color:#fff}.admin__main{display:flex;flex-direction:column;min-width:0}.adminbar{align-items:center;background:var(--paper);border-bottom:1px solid var(--line);display:flex;gap:1rem;padding:1rem 2rem;position:sticky;top:0;z-index:50}.adminbar__spacer{flex:1}.adminbar__user{align-items:center;display:flex;gap:.8rem}.adminbar__id{display:flex;flex-direction:column;line-height:1.2}.adminbar__id strong{font-family:var(--font-body);font-size:.9rem}.admin__content{max-width:1100px;padding:2.2rem 2rem 4rem;width:100%}.page-head{margin-bottom:1.8rem}.page-head h1{font-size:2rem;margin-bottom:.2rem}.page-head--row{align-items:flex-end;flex-wrap:wrap;gap:1rem}.page-head--row,.page-head--sub{display:flex;justify-content:space-between}.page-head--sub{align-items:center;margin:2.5rem 0 1.2rem}.page-head--sub h2{font-size:1.3rem}.stats{display:grid;gap:1.2rem;grid-template-columns:repeat(3,1fr)}.stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.5rem;padding:1.4rem 1.5rem}.stat--accent{background:var(--ink);color:var(--ivory);grid-column:span 1}.stat__label{color:var(--muted);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.stat--accent .stat__label{color:var(--brass-soft)}.stat__value{font-family:var(--font-display);font-size:1.9rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.chip{background:var(--paper);border:1px solid var(--line-strong);border-radius:999px;color:var(--ink-soft);font-size:.84rem;padding:.4rem .9rem;transition:.15s}.chip:hover{border-color:var(--brass-soft)}.chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--ivory)}.dtable{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.dtable__head,.dtable__row{align-items:center;display:grid;gap:1rem;padding:.85rem 1.2rem}.dtable__head{background:var(--wash);color:var(--muted);font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.dtable__row{border-top:1px solid var(--line);transition:background .15s}a.dtable__row:hover{background:var(--ivory)}.dtable__row--orders{grid-template-columns:1.3fr 1.3fr 1fr .9fr 1.1fr}.dtable__row--products{grid-template-columns:54px 1.6fr 1fr .9fr 1.3fr .8fr}.dtable__row--users{grid-template-columns:1.4fr 1.6fr auto}.thumb{background:var(--wash);border-radius:9px;height:46px;overflow:hidden;width:46px}.thumb img{-o-object-fit:cover;object-fit:cover}.thumb img,.thumb__ph{height:100%;width:100%}.thumb__ph{display:grid;font-size:.9rem;place-items:center}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{border-radius:999px;font-size:.72rem;font-weight:600;padding:.22rem .55rem}.tag--ok{background:var(--success-bg);color:var(--success)}.tag--off{background:var(--error-bg);color:var(--error)}.tag--feat{background:#fbf0dd;color:#9a6b12}.adetail{align-items:start;display:grid;gap:1.4rem;grid-template-columns:1.5fr 1fr}.adetail__main{display:flex;flex-direction:column;gap:1.4rem}.card-pane{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem}.card-pane h3{font-size:1.15rem;margin-bottom:1rem}.card-pane--form{margin-bottom:1.8rem}.note-box{background:var(--wash);border-radius:8px;color:var(--ink-soft);font-size:.88rem;margin-top:.8rem;padding:.7rem .9rem}.state-now{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}.side-title{color:var(--muted);font-family:var(--font-body);font-size:.82rem;letter-spacing:.06em;margin-bottom:.2rem;text-transform:uppercase}.rule{border:none;border-top:1px solid var(--line);margin:1.3rem 0}.urow-form{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.urow-form select{min-width:140px;width:auto}.pform__grid{align-items:start;display:grid;gap:2rem;grid-template-columns:1.6fr 1fr}.pform__fields{gap:1.1rem}.pform__fields,.uploader{display:flex;flex-direction:column}.uploader{align-items:center;background:var(--paper);border:1px dashed var(--line-strong);border-radius:var(--radius);gap:.8rem;padding:1.2rem;text-align:center}.uploader__preview{aspect-ratio:4/3;background:var(--wash);border-radius:10px;display:grid;overflow:hidden;place-items:center;width:100%}.uploader__preview img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.uploader__ph{font-size:2rem}.uploader__pick{overflow:hidden;position:relative}.pform__actions{align-items:center;border-top:1px solid var(--line);display:flex;gap:.8rem;margin-top:1.8rem;padding-top:1.4rem}.pform__actions .btn--danger-ghost{margin-left:auto}@media (max-width:980px){.hero__inner{gap:2rem;grid-template-columns:1fr}.hero__plate{order:-1}.plate{height:230px;width:230px}.product__grid{gap:2rem}.adetail,.checkout__grid,.orderdetail__grid,.pform__grid,.product__grid{grid-template-columns:1fr}.footer__inner,.proses__steps,.stats{grid-template-columns:1fr 1fr}}@media (max-width:860px){.nav__toggle{display:flex}.nav__links{align-items:stretch;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none;flex-direction:column;gap:0;left:0;padding:.8rem 1.5rem 1.4rem;position:absolute;right:0;top:100%}.nav__links.is-open{display:flex}.nav__link{border-bottom:1px solid var(--line);padding:.7rem 0}.nav__link.is-active:after{display:none}.nav__actions{flex-wrap:wrap;justify-content:flex-start;margin:.8rem 0 0}.admin{grid-template-columns:1fr}.sidebar{bottom:0;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:240px;z-index:120}.sidebar.is-open{transform:translateX(0)}.nav__toggle--dark{display:flex}.admin__content{padding:1.5rem 1.2rem 3rem}.adminbar{padding:1rem 1.2rem}}@media (max-width:560px){.cline{grid-template-areas:"media info remove" "media qty total";grid-template-columns:64px 1fr auto;row-gap:.6rem}.cline__media{grid-area:media;height:64px;width:64px}.cline__info{grid-area:info}.cline__qty{grid-area:qty}.cline__total{grid-area:total}.cline__remove{grid-area:remove;justify-self:end}.account__quick,.footer__inner,.proses__steps,.stats{grid-template-columns:1fr}.hero__stats{gap:1.4rem}.otable__head{display:none}.otable__row{gap:.4rem 1rem;grid-template-areas:"num status" "date go" "total total";grid-template-columns:1fr auto}.otable__num{grid-area:num}.dtable__head{display:none}.dtable__row--orders,.dtable__row--products,.dtable__row--users{gap:.4rem;grid-template-columns:1fr}}@media print{.btn,.cancelform,.footer,.grain,.nav,.orderdetail__side .timeline,.stepper,.toast-host,form{display:none!important}body{background:#fff}.card-pane,.panel{border-color:#ddd;box-shadow:none}.orderdetail__grid{grid-template-columns:1fr}}.block{display:block}.grid{display:grid}.hidden{display:none}