*{box-sizing:border-box}
:root{
  --ink:#0b0b0b;--muted:#6f6a64;--cream:#f7f2eb;--paper:#fffdfa;--line:#e8ded2;
  --gold:#b68a43;--gold-dark:#8f682d;--green:#167044;--red:#a33b3b;
  --shadow:0 18px 55px rgba(37,29,19,.08);--radius:22px;
}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--ink);
  background:radial-gradient(circle at 90% 0%,rgba(182,138,67,.10),transparent 28rem),var(--cream);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5;-webkit-font-smoothing:antialiased
}
button,input,select{font:inherit} button,a{-webkit-tap-highlight-color:transparent} a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:40;background:rgba(10,10,10,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{width:min(1180px,calc(100% - 28px));margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between}
.brand-link{display:flex;align-items:center}
.brand-logo{width:96px;height:52px;object-fit:contain;background:white;border-radius:10px;padding:3px 8px}
.desktop-nav{display:flex;align-items:center;gap:30px;color:white;font-size:13px;font-weight:800;letter-spacing:.03em}
.desktop-nav a{opacity:.88}.desktop-nav a:hover{opacity:1;color:#e0bd7d}
.wa-link{border:1px solid rgba(224,189,125,.55);padding:10px 16px;border-radius:999px}

.section-shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:18px 0}
.hero{padding-top:30px}
.hero-card{
  min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  background:linear-gradient(120deg,rgba(255,253,250,.97),rgba(255,248,238,.93)),var(--paper);
  border:1px solid var(--line);border-radius:28px;padding:58px 30px;box-shadow:var(--shadow);position:relative;overflow:hidden
}
.hero-card:before,.hero-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(182,138,67,.18);border-radius:50%}
.hero-card:before{right:-75px;top:-105px}.hero-card:after{left:-115px;bottom:-130px}
.eyebrow,.kicker{color:var(--gold-dark);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,7vw,78px);line-height:.98;margin:24px 0 18px;font-weight:500;letter-spacing:-.03em}
.hero h1 span{color:var(--gold-dark)}
.hero-subtitle{margin:0;font-weight:850;font-size:clamp(16px,2.2vw,22px)}
.hero-copy{max-width:720px;margin:14px auto 0;color:var(--muted);font-size:16px}
.trust-row{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;width:min(760px,100%);background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.trust-row div{background:rgba(255,255,255,.7);padding:14px 16px}.trust-row strong,.trust-row span{display:block}
.trust-row strong{font-size:13px}.trust-row span{font-size:11px;color:var(--muted);margin-top:2px}

.section-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);margin-bottom:18px}
.section-heading{text-align:center;max-width:700px;margin:0 auto 24px}.section-heading.left{text-align:left;margin-left:0}
.section-heading h2,.card-topline h2,.track-card h2,.cta-strip h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,4vw,42px);line-height:1.05;font-weight:500;margin:8px 0}
.section-heading p,.track-card p,.cta-strip p{margin:0;color:var(--muted)}

.lookup-wrap{display:grid;grid-template-columns:1fr auto;gap:12px;max-width:880px;margin:auto}
.lookup-box{position:relative}.input-prefix{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:var(--gold-dark);font-weight:900;font-size:19px}
.lookup-box input{padding-left:38px}
input,select{width:100%;height:58px;border:1px solid var(--line);border-radius:14px;background:white;color:var(--ink);padding:0 16px;font-size:16px;outline:none;transition:.18s ease}
input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(182,138,67,.12)}

.btn{min-height:52px;border-radius:13px;border:0;padding:0 22px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,opacity .15s ease}
.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn-dark{background:var(--ink);color:white}.btn-gold{background:linear-gradient(135deg,#c9a15e,#a77a36);color:white}
.btn-outline{background:white;color:var(--ink);border:1px solid var(--line)}.btn-wide{width:100%;margin-top:18px}
.message{min-height:22px;margin-top:10px;font-size:13px;text-align:center}.message.ok{color:var(--green)}.message.bad{color:var(--red)}
.message.inverse.ok{color:#c7f4d8}.message.inverse.bad{color:#ffb7b7}

.card-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.card-topline h2{font-size:31px;margin-top:6px}
.text-button{border:0;background:none;color:var(--muted);font-weight:800;cursor:pointer;padding:8px}
.empty-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:10px}
.empty-state strong{color:var(--ink);margin-top:10px}.empty-state span{font-size:13px;margin-top:4px}
.empty-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#f4ede5;color:var(--gold-dark);font-family:Georgia,serif;font-weight:700}

.cart-list{display:grid}.cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
.product-code{font-weight:950;letter-spacing:.02em}.product-price{font-size:13px;color:var(--muted);margin-top:3px}
.controls{display:flex;align-items:center;gap:9px}.qty{width:72px;height:42px;border-radius:10px;padding:0 8px;text-align:center}
.remove{border:0;background:#f4ede5;border-radius:10px;height:42px;padding:0 12px;color:#6d6258;font-weight:800;cursor:pointer}
.line-total{text-align:right;font-weight:950;margin-top:6px}
.cart-footer{padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.cart-footer>div span,.cart-footer>div strong{display:block}.cart-footer>div span{text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--muted)}
#grandTotal{font-family:Georgia,serif;font-size:34px;font-weight:500}

.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
label{display:grid;gap:7px}label>span{font-size:12px;font-weight:900;color:#393530}
.success-panel{margin-top:20px;border:1px solid #cfe4d7;background:#f4fbf6;border-radius:18px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.success-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:26px;font-weight:900}
.success-panel h3{font-size:23px;margin:4px 0}.success-panel p{margin:3px 0;color:#496257;font-size:13px}

.track-card{background:linear-gradient(140deg,#0a0a0a,#17130f);color:white;border-radius:28px;padding:42px;box-shadow:var(--shadow);overflow:hidden;position:relative}
.track-card:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(210,166,94,.2);border-radius:50%;right:-120px;top:-120px}
.kicker.light{color:#d7b170}.track-card p{color:#bfb8af}.track-intro{max-width:760px;position:relative;z-index:1}
.tracking-search{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:22px}.tracking-search input{background:#161616;border-color:#383028;color:white}
.tracking-result{position:relative;z-index:1;margin-top:24px;background:white;color:var(--ink);border-radius:19px;padding:22px}
.tracking-head{display:flex;justify-content:space-between;gap:20px;align-items:center}
.tracking-label{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.12em;font-weight:900;display:block}
#trackedOrderCode{font-size:19px}.status-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;background:#eee8df;color:#4e463e;text-transform:uppercase}
.badge.paid,.badge.delivered{background:#e8f5ed;color:#1f6943}.badge.pending,.badge.purchasing,.badge.purchased,.badge.shipped,.badge.confirmed,.badge.new{background:#f7eedf;color:#835d1f}
.badge.cancelled,.badge.refunded{background:#f8e4e4;color:#8a3030}
.tracking-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:16px}
.tracking-total span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.tracking-total strong{font-size:21px}
.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:25px}
.timeline-step{position:relative;text-align:center;padding-top:32px}.timeline-step:before{content:"";position:absolute;top:10px;left:0;right:0;height:2px;background:#e7ded3}
.timeline-step:first-child:before{left:50%}.timeline-step:last-child:before{right:50%}
.timeline-dot{position:absolute;top:2px;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:#e7ded3;border:4px solid white;box-shadow:0 0 0 1px #ddd1c3}
.timeline-step.done:before,.timeline-step.active:before{background:#b68a43}.timeline-step.done .timeline-dot,.timeline-step.active .timeline-dot{background:#b68a43;box-shadow:0 0 0 1px #b68a43}
.timeline-step.active .timeline-dot{box-shadow:0 0 0 5px rgba(182,138,67,.18)}.timeline-step strong{display:block;font-size:11px}.timeline-step span{font-size:10px;color:var(--muted)}

.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps-grid article{border:1px solid var(--line);border-radius:17px;padding:20px;background:white}
.step-no{font-family:Georgia,serif;color:var(--gold-dark);font-size:28px}.steps-grid h3{margin:12px 0 8px;font-size:16px}.steps-grid p{color:var(--muted);font-size:13px;margin:0}
.cta-strip{background:#0b0b0b;color:white;border-radius:24px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.cta-strip h2{font-size:35px}.cta-strip p{color:#bab2aa}
.site-footer{background:#0a0a0a;color:white;margin-top:30px;padding:42px 0 100px}.footer-inner{width:min(1180px,calc(100% - 28px));margin:auto;text-align:center}
.footer-logo{width:125px;height:74px;object-fit:contain;background:white;border-radius:12px;padding:5px 12px}
.footer-inner>p{max-width:560px;margin:16px auto;color:#aaa29a;font-size:13px}.footer-links{display:flex;justify-content:center;gap:22px;font-size:12px;font-weight:800;margin:24px 0}
.copyright{font-size:11px;color:#736d67}.mobile-dock{display:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:760px){
  body{padding-bottom:76px}.desktop-nav{display:none}.nav-wrap{min-height:64px}.brand-logo{width:82px;height:44px}
  .section-shell{width:min(100% - 20px,1180px);padding:10px 0}.hero{padding-top:14px}.hero-card{min-height:auto;padding:40px 19px;border-radius:22px}
  .hero h1{font-size:43px}.hero-copy{font-size:14px}.trust-row{grid-template-columns:1fr;margin-top:25px}.trust-row div{padding:10px 14px}
  .section-card{padding:20px;border-radius:19px;margin-bottom:12px}.lookup-wrap,.tracking-search{grid-template-columns:1fr}.lookup-wrap .btn,.tracking-search .btn{width:100%}
  .card-topline h2{font-size:27px}.cart-item{grid-template-columns:1fr}.controls{justify-content:flex-start}.line-total{text-align:left}
  .cart-footer{align-items:flex-end}.cart-footer .btn{min-width:150px}#grandTotal{font-size:29px}.form-grid{grid-template-columns:1fr}
  .success-panel{grid-template-columns:auto 1fr}.success-panel .btn{grid-column:1/-1;width:100%}
  .track-card{padding:28px 19px;border-radius:22px}.tracking-head{align-items:flex-start;flex-direction:column}.status-badges{justify-content:flex-start}
  .timeline{grid-template-columns:1fr;gap:0;margin-top:20px;padding-left:8px}.timeline-step{min-height:60px;text-align:left;padding:0 0 18px 40px}
  .timeline-step:before{left:9px!important;right:auto!important;top:0;bottom:0;width:2px;height:auto}.timeline-step:last-child:before{bottom:40px}
  .timeline-dot{left:10px;top:0}.timeline-step strong{font-size:13px}.steps-grid{grid-template-columns:1fr 1fr}
  .cta-strip{flex-direction:column;align-items:flex-start;padding:25px 22px}.cta-strip .btn{width:100%}.site-footer{padding-bottom:35px}
  .mobile-dock{position:fixed;z-index:60;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);background:rgba(11,11,11,.96);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.09);border-radius:17px;box-shadow:0 12px 35px rgba(0,0,0,.25);overflow:hidden}
  .mobile-dock a{min-height:58px;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:800;gap:2px}.mobile-dock a span{font-size:17px;color:#d7b170}
}
@media(max-width:430px){
  .hero h1{font-size:37px}.eyebrow{font-size:9px}.hero-subtitle{font-size:15px}.section-heading h2,.track-card h2{font-size:31px}
  .cart-footer{flex-direction:column;align-items:stretch}.cart-footer>div{display:flex;justify-content:space-between;align-items:end}.cart-footer .btn{width:100%}
  .steps-grid{grid-template-columns:1fr}
}