/* Rätikukoda — luksuslik sinine avaliku poe disain */
:root {
  --ink: oklch(0.18 0.04 255);
  --royal: oklch(0.29 0.09 257);
  --metal: oklch(0.69 0.025 245);
  --surface: oklch(0.98 0.006 245);
  --background: oklch(0.98 0.006 245);
  --foreground: oklch(0.18 0.04 255);
  --card: oklch(1 0 0);
  --card-foreground: var(--foreground);
  --primary: var(--royal);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.92 0.015 245);
  --secondary-foreground: var(--foreground);
  --muted: oklch(0.93 0.008 245);
  --muted-foreground: oklch(0.47 0.025 252);
  --accent: oklch(0.77 0.022 240);
  --accent-foreground: var(--foreground);
  --border: oklch(0.82 0.013 250);
  --input: var(--border);
  --ring: var(--royal);
  --radius: 0.25rem;
}
.storefront {
  --cream: oklch(0.96 0.008 245);
  --cream-light: oklch(0.98 0.006 245);
  --paper: oklch(0.94 0.01 245);
  --brown: oklch(0.37 0.06 256);
  --brown-dark: oklch(0.19 0.04 255);
  --brown-soft: oklch(0.53 0.035 248);
  --line: color-mix(in oklab, var(--ink) 15%, transparent);
  --shadow: 0 22px 60px color-mix(in oklab, var(--ink) 12%, transparent);
  --radius: 3px;
  --font-sans: "Manrope", Arial, sans-serif;
  --font-serif: "Cormorant Garamond", Georgia, serif;
  overflow: clip;
  color: var(--ink);
  background: var(--surface);
  font-family: var(--font-sans);
  line-height: 1.65;
}
.storefront *, .storefront *::before, .storefront *::after { box-sizing: border-box; }
.storefront .container { width: min(1320px, calc(100% - 96px)); }
.storefront h1, .storefront h2, .storefront .page-hero h1, .storefront .product-detail h2, .storefront .cart-header h2, .storefront .order-card h2 {
  font-family: var(--font-serif); font-weight: 500; letter-spacing: 0; line-height: 0.98;
}
.storefront h1 { font-size: clamp(4rem, 7vw, 7.8rem); }
.storefront h2 { font-size: clamp(3.2rem, 5.2vw, 5.9rem); }
.storefront h3 { letter-spacing: 0; font-weight: 600; }
.storefront .eyebrow { color: var(--metal); letter-spacing: .19em; font-size: .68rem; }
.storefront .section { padding-block: 110px; }
.storefront .site-header { background: color-mix(in oklab, var(--ink) 95%, transparent); border-bottom: 1px solid color-mix(in oklab, var(--metal) 23%, transparent); box-shadow: none; backdrop-filter: blur(22px); }
.storefront .site-header.scrolled { border-color: color-mix(in oklab, var(--metal) 28%, transparent); box-shadow: 0 10px 40px color-mix(in oklab, var(--ink) 18%, transparent); }
.storefront .nav { height: 84px; padding-right: 0; display: grid; grid-template-columns: 85px 1fr auto; gap: 30px; }
.storefront .brand { display: inline-flex; align-items: center; width: fit-content; }
.storefront .brand img { width: 58px; height: 58px; object-fit: contain; margin: 0; border-radius: 50%; }
.storefront .nav-links { gap: clamp(12px, 2.25vw, 36px); margin: 0 !important; justify-content: center; }
.storefront .nav-links a { color: var(--surface); font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .13em; opacity: .78; white-space: nowrap; }
.storefront .nav-links a:hover, .storefront .nav-links a.is-current { color: var(--surface); opacity: 1; }
.storefront .nav-actions, .storefront .cart-button, .storefront .menu-toggle { margin: 0 !important; justify-self: end; }
.storefront .cart-button { border-radius: 0; border-color: color-mix(in oklab, var(--surface) 35%, transparent); color: var(--surface); padding: 10px 17px; text-transform: uppercase; font-size: .72rem; letter-spacing: .12em; }
.storefront .cart-count { background: var(--surface); color: var(--ink); }
.storefront .menu-toggle span { background: var(--surface); }
.storefront .site-banner { background: var(--royal); color: var(--surface); }
.storefront .hero { position: relative; display: flex; align-items: center; min-height: min(820px, 87svh); padding: 160px 0 100px; isolation: isolate; color: var(--surface); background: var(--ink); }
.storefront .hero-photo, .storefront .hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.storefront .hero-photo { object-fit: cover; object-position: center; z-index: -2; }
.storefront .hero-shade { z-index: -1; background: linear-gradient(90deg, color-mix(in oklab, var(--ink) 84%, transparent) 0%, color-mix(in oklab, var(--ink) 50%, transparent) 40%, transparent 78%); }
.storefront .hero-copy { max-width: none; }
.storefront .hero-copy > * { margin-left: 0 !important; }
.storefront .hero h1 { max-width: 700px; margin: 0 0 24px; font-size: clamp(5rem, 9.5vw, 10rem); }
.storefront .hero .eyebrow { color: var(--surface); margin-bottom: 29px; }
.storefront .hero-text { max-width: 430px; font-size: 1.1rem; color: color-mix(in oklab, var(--surface) 83%, transparent); line-height: 1.75; margin-bottom: 36px; }
.storefront .hero-index { position: absolute; bottom: 35px; right: 48px; color: var(--surface); font-size: .68rem; letter-spacing: .18em; }
.storefront .button { border-radius: 0; min-height: 49px; padding-inline: 23px; font-size: .7rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; gap: 27px; transition: background .25s, color .25s, border-color .25s, transform .25s; }
.storefront .button-primary { background: var(--royal); color: var(--surface); border: 1px solid var(--royal); }
.storefront .hero .button-primary { background: var(--surface); color: var(--ink); border-color: var(--surface); }
.storefront .button-primary:hover { background: var(--ink); border-color: var(--ink); color: var(--surface); }
.storefront .hero .button-primary:hover { background: transparent; color: var(--surface); border-color: var(--surface); }
.storefront .button-secondary, .storefront .button-ghost { background: transparent; color: var(--ink); border: 1px solid var(--border); }
.storefront .button-secondary:hover, .storefront .button-ghost:hover { border-color: var(--ink); background: var(--paper); }
.storefront .intro-strip { padding: 26px 0; background: var(--ink); border-top: 1px solid color-mix(in oklab, var(--metal) 28%, transparent); color: var(--surface); }
.storefront .intro-inner { color: var(--surface); font-size: .68rem; letter-spacing: .16em; }
.storefront .page-hero { max-width: none; padding-top: 175px; padding-bottom: 65px; border-bottom: 1px solid var(--line); }
.storefront .page-hero h1 { max-width: 980px; }
.storefront .page-hero p:last-child { color: var(--muted-foreground); }
.storefront .section-heading { border-bottom: 1px solid var(--line); padding-bottom: 26px; }
.storefront .section-heading > p { color: var(--muted-foreground); }
.storefront .product-grid { gap: 14px; }
.storefront .product-card { border-radius: 2px; box-shadow: none; background: var(--card); transition: transform .3s, box-shadow .3s; }
.storefront .product-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.storefront .product-image { background: var(--paper); }
.storefront .product-image:before { background: linear-gradient(145deg, var(--metal), var(--surface), var(--royal)); }
.storefront .product-badge { border-radius: 0; box-shadow: none; }
.storefront .product-info { padding: 26px; }
.storefront .product-top h3 { font-family: var(--font-serif); font-size: 1.8rem; font-weight: 500; }
.storefront .product-info > p, .storefront .about-copy p:not(.eyebrow) { color: var(--muted-foreground); }
.storefront .product-search input, .storefront select, .storefront input, .storefront textarea { border-radius: 2px; }
.storefront .about { background: var(--paper); }
.storefront .about-frame { border: 0; background: var(--ink); overflow: hidden; }
.storefront .about-frame .craft-photo { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.storefront .about-frame .craft-photo + img { display: none; }
.storefront .about-tag { background: var(--royal); color: var(--surface); }
.storefront .contact-preview { padding: 0; background: var(--ink); }
.storefront .contact-preview-inner { width: min(1320px,calc(100% - 96px)); background: transparent; border-radius: 0; padding: 100px 0; color: var(--surface); align-items: start; }
.storefront .contact-preview h2 { color: var(--surface); }
.storefront .contact-preview p { color: color-mix(in oklab, var(--surface) 70%, transparent); }
.storefront .contact-links a { border-radius: 0; border-color: color-mix(in oklab, var(--surface) 30%, transparent); }
.storefront .contact-form, .storefront .site-contact-form, .storefront .home-contact-form { border-radius: 2px; }
.storefront .footer { padding: 85px 0 40px; background: var(--ink); color: var(--surface); border-color: color-mix(in oklab, var(--metal) 25%, transparent); }
.storefront .footer-grid { grid-template-columns: 1.25fr 1fr 1fr; align-items: start; gap: 32px 65px; }
.storefront .footer-brand img { width: 94px; border-radius: 50%; }
.storefront .footer-links { display: flex; flex-direction: column; gap: 12px; }
.storefront .footer-links a { font-size: .8rem; font-weight: 500; color: var(--surface); }
.storefront .footer-legal { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px 28px; padding-top: 36px; border-top: 1px solid color-mix(in oklab, var(--surface) 18%, transparent); color: var(--metal); font-size: .75rem; }
.storefront .copyright { color: var(--metal); }
.storefront .cart-drawer, .storefront .order-card, .storefront .product-detail, .storefront .legal-card, .storefront .live-chat-panel { border-radius: 2px; }
.storefront .cart-drawer { background: var(--surface); }
.storefront .live-chat-button { background: var(--royal); color: var(--surface); border-radius: 2px; border-color: var(--metal); box-shadow: 0 14px 35px color-mix(in oklab, var(--ink) 30%, transparent); }
.storefront .live-chat-panel { background: var(--surface); box-shadow: 0 25px 85px color-mix(in oklab, var(--ink) 40%, transparent); }
.storefront .live-chat-head { background: var(--ink); color: var(--surface); }
.storefront .live-chat-head h2, .storefront .live-chat-head .eyebrow { color: var(--surface) !important; }
.storefront .live-chat-close { color: var(--surface); border-color: var(--metal); }
.storefront .live-chat-start, .storefront .live-chat-closed { background: color-mix(in oklab, var(--surface) 85%, transparent); }
.storefront .live-chat-start::before, .storefront .live-chat-closed-backdrop { background: color-mix(in oklab, var(--surface) 85%, transparent); }
.storefront .live-chat-start-inner #liveChatStartActive, .storefront .live-chat-closed-card { background: var(--surface); border-radius: 2px; }
.storefront .live-chat-send, .storefront .live-chat-message.customer .live-chat-bubble { background: var(--royal); color: var(--surface); }
@media (max-width: 950px) {
  .storefront .container { width: min(100% - 42px, 1320px); }
  .storefront .nav { grid-template-columns: 75px 1fr auto; gap: 15px; }
  .storefront .nav-links { gap: 13px; }
  .storefront .nav-links a { font-size: .62rem; letter-spacing: .05em; }
  .storefront .contact-preview-inner { width: calc(100% - 42px); }
}
@media (max-width: 760px) {
  .storefront .nav { height: 72px; display: flex; }
  .storefront .brand img { width: 48px; height: 48px; }
  .storefront .nav-links { background: var(--ink); border: 1px solid var(--metal); padding: 24px !important; }
  .storefront .nav-links a { font-size: .78rem; letter-spacing: .12em; }
  .storefront .hero { min-height: 77svh; padding: 110px 0 80px; align-items: end; }
  .storefront .hero-photo { object-position: 60% center; }
  .storefront .hero-shade { background: linear-gradient(0deg, var(--ink) 0%, color-mix(in oklab, var(--ink) 75%, transparent) 34%, transparent 95%); }
  .storefront .hero h1 { font-size: clamp(4.2rem, 14vw, 6.8rem); }
  .storefront .hero-text { max-width: 360px; font-size: .96rem; }
  .storefront .hero-index { right: 21px; bottom: 19px; }
  .storefront .section { padding-block: 75px; }
  .storefront .page-hero { padding-top: 132px; padding-bottom: 45px; }
  .storefront .page-hero h1 { font-size: clamp(3.5rem, 13vw, 5rem); overflow-wrap: anywhere; }
  .storefront .contact-preview-inner { padding: 70px 0; }
  .storefront .footer-grid { grid-template-columns: 1fr 1fr; gap: 35px; }
  .storefront .footer-brand { grid-column: 1 / -1; }
  .storefront .footer-legal, .storefront .copyright { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { .storefront *, .storefront *::before, .storefront *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }
.storefront .hero-copy { position: relative; z-index: 2; }
.storefront .hero h1 { color: var(--surface); }
.storefront .hero .eyebrow { color: var(--surface); }
.storefront .hero-text { color: var(--surface); }
.storefront .hero-photo { filter: brightness(.85); }
.storefront .contact-preview .home-contact-form { background: transparent; border: 1px solid color-mix(in oklab, var(--surface) 25%, transparent); }
.storefront .contact-preview input, .storefront .contact-preview textarea { background: color-mix(in oklab, var(--surface) 9%, transparent); color: var(--surface); border: 1px solid color-mix(in oklab, var(--surface) 25%, transparent); }
.storefront .contact-preview input::placeholder, .storefront .contact-preview textarea::placeholder { color: color-mix(in oklab, var(--surface) 55%, transparent); }
.storefront .contact-preview label { color: var(--surface); }
.storefront .contact-preview .button-primary { background: var(--surface); color: var(--ink); border-color: var(--surface); }
.storefront .contact-preview .button-primary:hover { background: transparent; color: var(--surface); }
@media (max-width:760px) { .storefront .hero { min-height: min(77svh, 800px); } }
@media (max-width:760px) {
  .storefront .nav { width: calc(100% - 42px); padding-right: 0; gap: 10px; justify-content: space-between; }
  .storefront .nav-actions { display: flex; gap: 12px; align-items: center; }
  .storefront .menu-toggle { display: block; padding: 8px; min-width: 40px; }
  .storefront .nav-links { left: 21px; right: 21px; top: 72px; border-radius: 2px; }
  .storefront .hero { height: auto; padding-top: 125px; padding-bottom: 85px; }
  .storefront .hero h1 { font-size: clamp(3.55rem, 13vw, 5.5rem); }
}

/* v95 public polish — scroll fix, Times-style typography, gold micro-accents, image-backed page heroes, smoother reveals */
:root{
  --lux-gold:#9b7a35;
  --lux-gold-dark:#73541b;
  --lux-gold-soft:#c6ab68;
}
.storefront{
  overflow-x:hidden !important;
  overflow-y:auto !important;
  min-height:100%;
}
html{overflow-x:hidden;overflow-y:auto;}
.storefront h1,
.storefront h2,
.storefront h3,
.storefront .page-hero h1,
.storefront .product-detail h2,
.storefront .cart-header h2,
.storefront .order-card h2,
.storefront .live-chat-head h2,
.storefront .product-top h3{
  font-family:"Times New Roman",Times,serif !important;
  font-weight:500;
  letter-spacing:-.018em;
}
.storefront h1{letter-spacing:-.03em;}
.site-banner,
.site-banner #siteBannerText{
  font-family:"Times New Roman",Times,serif !important;
  letter-spacing:.045em !important;
  font-size:.98rem !important;
  font-weight:600 !important;
}
.storefront .button-primary{
  background:linear-gradient(135deg,var(--lux-gold-dark),var(--lux-gold)) !important;
  border-color:var(--lux-gold) !important;
  color:#fff !important;
  box-shadow:0 10px 26px color-mix(in srgb,var(--lux-gold) 20%,transparent);
}
.storefront .button-primary:hover{
  background:linear-gradient(135deg,#654814,var(--lux-gold-dark)) !important;
  border-color:#6f5018 !important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--lux-gold) 28%,transparent);
}
.storefront .button-secondary:hover,
.storefront .button-ghost:hover{
  border-color:var(--lux-gold) !important;
  color:var(--lux-gold-dark) !important;
}
.storefront .hero .button-primary{
  background:linear-gradient(135deg,#b99a55,#8d6a27) !important;
  color:#fff !important;
  border-color:#c9ad6a !important;
}
.storefront .hero .button-primary:hover{background:linear-gradient(135deg,#745219,#a4833d) !important;color:#fff !important;border-color:#d2b879 !important;}
.storefront .button{position:relative;overflow:hidden;}
.storefront .button::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.18) 45%,transparent 58%);transform:translateX(-125%);transition:transform .7s ease;pointer-events:none;}
.storefront .button:hover::after{transform:translateX(125%);}

/* Hero image: show the upper part and let the lower image edge be cropped by the hero viewport. */
.storefront .hero-photo{object-position:center top !important;}
@media(max-width:760px){.storefront .hero-photo{object-position:center top !important;}}

/* A more visible luxury-image backdrop on selected inner pages. */
.storefront .luxury-image-hero{
  position:relative;
  isolation:isolate;
  min-height:clamp(360px,48vw,560px);
  padding-block:clamp(140px,14vw,200px) clamp(70px,8vw,105px);
  display:flex;
  align-items:end;
  overflow:hidden;
  color:#fff;
}
.storefront .luxury-image-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url('/assets/craft-towels.jpg');
  background-size:cover;
  background-position:center 42%;
  transform:scale(1.035);
  z-index:-2;
}
.storefront .luxury-image-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(8,18,38,.92) 0%,rgba(8,18,38,.72) 44%,rgba(8,18,38,.30) 78%,rgba(8,18,38,.08) 100%);
}
.storefront .luxury-image-hero h1,
.storefront .luxury-image-hero .eyebrow,
.storefront .luxury-image-hero p:last-child{color:#fff !important;}
.storefront .luxury-image-hero p:last-child{max-width:680px;opacity:.82;}

/* Silkier reveal animation. */
.storefront .reveal{
  opacity:0;
  transform:translate3d(0,28px,0);
  filter:blur(7px);
  transition:opacity .9s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .9s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),filter .9s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms);
}
.storefront .reveal.visible{opacity:1;transform:none;filter:none;}

/* Coupon now lives in the checkout view and opens only after the customer chooses "Edasi tellima". */
.storefront .order-coupon-panel{margin:4px 0 4px;}
.storefront .order-coupon-panel .coupon-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:52px;
  margin:0;
  padding:0 16px;
  border:1px solid color-mix(in srgb,var(--lux-gold) 40%,var(--line));
  border-radius:0;
  background:linear-gradient(135deg,rgba(155,122,53,.06),rgba(255,255,255,.65));
  color:var(--ink);
  font:inherit;
  font-weight:750;
  letter-spacing:.01em;
  cursor:pointer;
}
.storefront .order-coupon-panel .coupon-toggle::after{content:"＋";font-family:"Times New Roman",Times,serif;font-size:1.2rem;color:var(--lux-gold-dark);}
.storefront .order-coupon-panel .coupon-toggle[aria-expanded="true"]::after{content:"−";}
.storefront .order-coupon-panel .coupon-box{display:none;margin:9px 0 0;padding:16px;border-radius:0;background:rgba(250,250,248,.92);border:1px solid var(--line);}
.storefront .order-coupon-panel .coupon-box.is-open{display:block;animation:couponOpen .38s cubic-bezier(.22,1,.36,1) both;}
@keyframes couponOpen{from{opacity:0;transform:translateY(-8px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.storefront .order-coupon-panel .coupon-toggle:hover{border-color:var(--lux-gold);box-shadow:0 8px 24px rgba(84,63,24,.08);}
.storefront .coupon-row .button-secondary{border-color:var(--lux-gold);color:var(--lux-gold-dark);}
.storefront .coupon-row .button-secondary:hover{background:rgba(155,122,53,.08);}

@media(max-width:760px){
  .storefront .luxury-image-hero{min-height:390px;padding-top:130px;padding-bottom:55px;}
  .storefront .luxury-image-hero::after{background:linear-gradient(0deg,rgba(8,18,38,.92) 0%,rgba(8,18,38,.52) 58%,rgba(8,18,38,.18) 100%);}
  /* Mobile: no reveal animation. Everything is present immediately so scrolling never waits for content. */
  .storefront .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}
}
@media(prefers-reduced-motion:reduce){
  .storefront .reveal{opacity:1;transform:none;filter:none;transition:none!important;}
  .storefront .button::after{display:none;}
}


/* v99: footer legal links use white text only, with no white pill background. */
.storefront .footer-legal a{
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  min-height:0 !important;
  display:inline !important;
  text-decoration:none;
}
.storefront .footer-legal a:hover{
  color:#d2b879 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* v99: reveal everything when the page opens, not as the user scrolls. */
.storefront .reveal{
  opacity:0 !important;
  transform:translateY(20px) !important;
  filter:blur(2px);
  transition:opacity .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),
             transform .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),
             filter .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms);
}
.storefront .reveal.visible{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}
@media (max-width:760px){
  .storefront .reveal{
    opacity:0 !important;
    transform:translateY(16px) !important;
    filter:blur(1.5px);
    transition:opacity .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),
               transform .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),
               filter .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms);
  }
  .storefront .reveal.visible{opacity:1 !important;transform:none !important;filter:none !important;}
}
@media (prefers-reduced-motion:reduce){
  .storefront .reveal{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important;}
}


/* =============================================================
   VeebisaitKodaRatikV4 — public luxury micro-polish
   Public storefront only. Admin panel is intentionally untouched.
   ============================================================= */
:root{
  --v4-gold:#d1ab4f;
  --v4-gold-bright:#e1c36b;
  --v4-gold-deep:#9d7422;
  --v4-gold-ink:#6f5018;
}

/* Keep public pages scrollable and keep the desktop header geometry stable. */
html, body.storefront{
  min-height:100%;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}
.storefront .site-header{overflow:visible;}
.storefront .nav{
  position:relative;
  justify-content:initial !important;
  padding-right:0 !important;
  padding-left:0 !important;
}
.storefront .brand{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:1px;
  width:224px;
  min-width:224px;
  height:64px;
  margin-top:7px;
  text-decoration:none;
}
.storefront .brand img{width:0 !important;height:0 !important;opacity:0 !important;margin:0 !important;display:block;}
.storefront .brand::before{
  content:"RÄTIKUKODA";
  display:block;
  color:#f4ecd9;
  font-family:"Times New Roman",Times,serif;
  font-size:27px;
  font-weight:400;
  letter-spacing:.115em;
  line-height:1;
  white-space:nowrap;
}
.storefront .brand::after{
  content:"EST. 2026";
  display:block;
  color:var(--v4-gold-bright);
  font-family:"Times New Roman",Times,serif;
  font-size:8px;
  font-weight:700;
  letter-spacing:.42em;
  line-height:1;
  padding-left:2px;
}

/* The top navigation is genuinely centered, regardless of whether the cart exists. */
@media(min-width:761px){
  .storefront .nav-links{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    right:auto !important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:34px;
    white-space:nowrap;
  }
  .storefront .nav-actions{
    position:absolute !important;
    right:-12px !important;
    top:50%;
    transform:translateY(-50%);
    margin:0 !important;
  }
}
.storefront .nav-links a{
  position:relative;
  color:rgba(244,236,217,.80) !important;
  transition:color .24s ease,opacity .24s ease;
}
.storefront .nav-links a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--v4-gold-bright),transparent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .32s cubic-bezier(.22,1,.36,1);
  box-shadow:0 0 10px rgba(225,195,107,.18);
}
.storefront .nav-links a:hover,
.storefront .nav-links a.is-current{
  color:var(--v4-gold-bright) !important;
}
.storefront .nav-links a:hover::after,
.storefront .nav-links a.is-current::after{transform:scaleX(1);}

/* Cart: move slightly right and center the counter optically inside its circle. */
.storefront .cart-button{margin-right:0 !important;}
.storefront .cart-count{
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 !important;
  margin-left:3px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:20px !important;
  box-sizing:border-box !important;
  border-radius:50% !important;
  font-variant-numeric:tabular-nums;
}

/* Serif only where it feels luxury — body/UI remain unchanged. */
.storefront h1,.storefront h2,.storefront h3,
.storefront .page-hero h1,.storefront .product-detail h2,
.storefront .cart-header h2,.storefront .order-card h2,
.storefront .live-chat-head h2,.storefront .product-top h3,
.storefront .hero h1{
  font-family:"Times New Roman",Times,serif !important;
  font-weight:400 !important;
}
.storefront .site-banner,
.storefront #siteBannerText{
  font-family:"Times New Roman",Times,serif !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
}

/* Homepage title: smaller, quieter, gold brand name. */
.storefront .hero h1{
  font-size:clamp(3.35rem,7.7vw,6.8rem) !important;
  line-height:.92 !important;
  letter-spacing:-.028em !important;
  max-width:980px;
}
.storefront .hero-brand-prefix{color:#f4ecd9;}
.storefront .hero-brand-name{
  color:var(--v4-gold-bright);
  position:relative;
  display:inline-block;
}
.storefront .hero-brand-name::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--v4-gold-bright),transparent);
  opacity:.78;
}

/* Gold divider language used across the public site. */
.storefront .eyebrow{
  color:var(--v4-gold-bright) !important;
}
.storefront .eyebrow::after{
  content:"";
  display:inline-block;
  width:42px;
  height:1px;
  margin:0 0 4px 14px;
  background:linear-gradient(90deg,var(--v4-gold-bright),transparent);
  opacity:.72;
}

/* Buttons: dark-gold luxury fill + animated gold tracing edge. */
.storefront .button{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:0 !important;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.storefront .button::before{
  content:"";
  position:absolute;
  inset:-1px;
  border:1px solid var(--v4-gold-bright);
  opacity:0;
  clip-path:inset(0 100% 100% 0);
  transition:opacity .16s ease,clip-path .48s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
  z-index:2;
}
.storefront .button::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-55%;
  width:35%;
  background:linear-gradient(90deg,transparent,rgba(255,246,214,.32),transparent);
  transform:skewX(-18deg);
  transition:transform .75s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
  z-index:1;
}
.storefront .button:hover::before,
.storefront .button:focus-visible::before{
  opacity:1;
  clip-path:inset(0 0 0 0);
}
.storefront .button:hover::after,
.storefront .button:focus-visible::after{
  transform:translateX(420%) skewX(-18deg);
}
.storefront .button-primary{
  background:linear-gradient(135deg,var(--v4-gold-deep),#c39835) !important;
  border-color:var(--v4-gold-bright) !important;
  color:#fffdf6 !important;
  box-shadow:0 12px 28px rgba(96,70,20,.16);
}
.storefront .button-primary:hover,
.storefront .button-primary:focus-visible{
  background:linear-gradient(135deg,#7f5c18,var(--v4-gold-deep)) !important;
  box-shadow:0 16px 38px rgba(96,70,20,.26);
  transform:translateY(-2px);
}
.storefront .button-secondary,.storefront .button-ghost{
  border-color:rgba(209,171,79,.55) !important;
}
.storefront .button-secondary:hover,.storefront .button-ghost:hover{
  border-color:var(--v4-gold-bright) !important;
  color:var(--v4-gold-deep) !important;
  background:rgba(209,171,79,.06) !important;
}

/* Search field icon: mathematically centered within the 48px field. */
.storefront .product-search{height:48px;}
.storefront .product-search input{height:48px !important;box-sizing:border-box !important;}
.storefront .product-search-icon{
  left:15px !important;
  top:24px !important;
  width:19px !important;
  height:19px !important;
  margin:0 !important;
  transform:translateY(-50%) !important;
  display:grid !important;
  place-items:center !important;
  line-height:0 !important;
}
.storefront .product-search-icon svg{display:block !important;width:18px !important;height:18px !important;margin:0 !important;}

/* Product actions have identical widths. */
.storefront .card-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;}
.storefront .card-actions .button{width:100% !important;min-width:0 !important;box-sizing:border-box !important;}

/* Placeholder text is allowed only inside the photo box. */
.storefront .product-image{position:relative !important;overflow:hidden !important;}
.storefront .product-image .placeholder-label{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  color:rgba(63,48,37,.42) !important;
  pointer-events:none !important;
  text-align:center !important;
}

/* A little more gold around key product/detail surfaces. */
.storefront .product-card:hover{border-color:rgba(209,171,79,.38) !important;}
.storefront .product-card .product-top h3{color:var(--v4-gold-deep);}
.storefront .section-heading h2::after,
.storefront .page-hero h1::after{
  content:"";
  display:block;
  width:76px;
  height:1px;
  margin-top:18px;
  background:linear-gradient(90deg,var(--v4-gold-bright),transparent);
}

/* Keep top navigation fixed even when there is no cart button on the page. */
@media(max-width:760px){
  .storefront .nav{position:relative;justify-content:space-between !important;}
  .storefront .brand{width:150px;min-width:150px;height:54px;margin-top:3px;}
  .storefront .brand::before{font-size:20px;letter-spacing:.11em;}
  .storefront .brand::after{font-size:6px;letter-spacing:.34em;}
  .storefront .nav-links{position:absolute !important;left:21px !important;right:21px !important;top:72px !important;transform:none !important;margin:0 !important;}
  .storefront .nav-actions{position:static !important;right:auto !important;top:auto !important;transform:none !important;margin:0 !important;}
  .storefront .hero h1{font-size:clamp(3rem,13.4vw,5rem) !important;line-height:.93 !important;}
  .storefront .hero-brand-name::after{bottom:-7px;}
  .storefront .eyebrow::after{width:28px;margin-left:9px;margin-bottom:3px;}
  .storefront .card-actions{grid-template-columns:1fr 1fr !important;}
}


/* V5 — refined typography, navy micro-labels, cleaner search field, checkout polish. */
.storefront .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;
}
.storefront .navy-eyebrow,
.storefront .page-hero > .eyebrow,
.storefront .products .section-heading .eyebrow,
.storefront .cart-header .eyebrow,
.storefront .recently-viewed-heading .eyebrow,
.storefront .product-detail .eyebrow{
  color:#102a4a !important;
  position:relative;
}
.storefront .navy-eyebrow::after{
  content:"";
  display:block;
  width:34px;
  height:1px;
  margin-top:8px;
  background:linear-gradient(90deg,var(--lux-gold),transparent);
}
.storefront h1{font-size:clamp(3.35rem,6.3vw,5.7rem) !important;}
.storefront h2{font-size:clamp(2.45rem,4.5vw,4.55rem) !important;}
.storefront h3{font-family:var(--font-serif) !important;font-weight:500 !important;}
.storefront .product-tools{align-items:center !important;}
.storefront .product-search{align-self:center !important;}
.storefront .product-search input{padding-left:16px !important;}
.storefront .product-search-icon{left:12px !important;top:50% !important;transform:translateY(-50%) !important;display:grid !important;place-items:center !important;}
.storefront .product-search-icon svg{display:block !important;}
.storefront .nav-links a{position:relative;}
.storefront .nav-links a::after{
  content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;
  background:linear-gradient(90deg,var(--lux-gold),#e6c56c);
  transition:right .35s cubic-bezier(.22,1,.36,1),opacity .2s ease;
  opacity:.25;
}
.storefront .nav-links a:hover::after,
.storefront .nav-links a.is-current::after{right:0;opacity:1;}
.storefront .button-primary{background:linear-gradient(135deg,var(--royal),#173e6b) !important;border-color:#173e6b !important;color:#fff !important;}
.storefront .button-primary:hover,.storefront .button-primary:focus-visible{background:linear-gradient(135deg,#0d2746,#102a4a) !important;border-color:var(--lux-gold) !important;}
.storefront #orderSubmit{background:linear-gradient(135deg,#12345a,#1b4c82) !important;border-color:#204e80 !important;color:#fff !important;}
.storefront #orderSubmit:hover,.storefront #orderSubmit:focus-visible{background:linear-gradient(135deg,#0b2440,#16395f) !important;border-color:var(--lux-gold) !important;}
.storefront .payment-methods{display:grid;gap:10px;margin:4px 0 8px;padding:0;border:0;}
.storefront .payment-methods legend{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#102a4a;margin-bottom:9px;}
.storefront .payment-option{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);background:rgba(255,255,255,.72);transition:border-color .25s ease,background .25s ease,transform .25s ease;}
.storefront .payment-option input{accent-color:#173e6b;margin:0;}
.storefront .payment-option span{display:grid;gap:2px;}
.storefront .payment-option strong{font-family:var(--font-serif);font-size:1.15rem;font-weight:500;color:var(--ink);}
.storefront .payment-option small{color:var(--muted-foreground);font-size:.76rem;}
.storefront .payment-option.is-selected{border-color:rgba(24,69,118,.42);box-shadow:0 8px 24px rgba(18,52,90,.06);}
.storefront .payment-option:not(.is-disabled):hover{border-color:var(--lux-gold);transform:translateY(-1px);}
.storefront .payment-option.is-disabled{opacity:.56;}
.storefront .checkout-loading{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:rgba(6,17,34,.56);backdrop-filter:blur(9px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;}
.storefront .checkout-loading.is-visible{opacity:1;visibility:visible;pointer-events:auto;}
.storefront .checkout-loading-box{width:min(360px,calc(100% - 40px));padding:34px 30px;text-align:center;background:rgba(248,249,247,.97);border:1px solid rgba(209,171,79,.5);box-shadow:0 30px 90px rgba(0,0,0,.22);}
.storefront .checkout-loading-box strong{display:block;font-family:var(--font-serif);font-size:2rem;color:#102a4a;font-weight:500;}
.storefront .checkout-loading-box small{display:block;margin-top:6px;color:var(--muted-foreground);}
.storefront .checkout-loader{height:42px;display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:19px;}
.storefront .checkout-loader span{display:block;width:7px;height:7px;border-radius:50%;background:var(--lux-gold);animation:checkoutPulse 1s infinite ease-in-out;}
.storefront .checkout-loader span:nth-child(2){animation-delay:.13s;}
.storefront .checkout-loader span:nth-child(3){animation-delay:.26s;}
@keyframes checkoutPulse{0%,80%,100%{transform:scale(.55);opacity:.35}40%{transform:scale(1.35);opacity:1}}
.storefront .order-coupon-panel{margin-top:5px;margin-bottom:7px;}
.storefront .order-coupon-panel .coupon-toggle{color:#102a4a;}
.storefront .order-coupon-panel .coupon-toggle:hover{color:var(--lux-gold-dark);}
.storefront .cart-totals>div:last-child strong{color:#102a4a;}
.storefront .card-actions .button{font-family:var(--font-sans);}
@media(max-width:760px){
  .storefront .product-tools{align-items:stretch !important;}
  .storefront .product-search{align-self:stretch !important;}
  .storefront .product-search input{padding-left:48px !important;}
}


/* V6 — gold-forward controls, refined payment cards, and clean product search. */
.storefront .button-primary,
.storefront #orderSubmit,
.storefront .coupon-row .button-secondary,
.storefront .contact-preview .button-primary,
.storefront .home-contact-form .button-primary,
.storefront .site-contact-form .button-primary{
  background:linear-gradient(135deg,var(--v4-gold-deep),#c39835) !important;
  border-color:var(--v4-gold-bright) !important;
  color:#fffdf6 !important;
  box-shadow:0 12px 28px rgba(96,70,20,.16);
}
.storefront .button-primary:hover,
.storefront #orderSubmit:hover,
.storefront .coupon-row .button-secondary:hover,
.storefront .contact-preview .button-primary:hover,
.storefront .home-contact-form .button-primary:hover,
.storefront .site-contact-form .button-primary:hover{
  background:linear-gradient(135deg,#7f5c18,var(--v4-gold-deep)) !important;
  border-color:var(--v4-gold-bright) !important;
  color:#fffdf6 !important;
  box-shadow:0 16px 38px rgba(96,70,20,.26);
}
.storefront .payment-methods{
  display:grid;
  gap:10px;
  margin:6px 0 10px;
}
.storefront .payment-option{
  position:relative;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-height:78px;
  padding:15px 78px 15px 17px !important;
  border:1px solid rgba(16,42,74,.13) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(246,241,233,.72)) !important;
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease,background .25s ease;
}
.storefront .payment-option:hover,
.storefront .payment-option.is-selected{
  border-color:rgba(209,171,79,.75) !important;
  box-shadow:0 10px 28px rgba(96,70,20,.08);
}
.storefront .payment-option:hover{transform:translateY(-1px);}
.storefront .payment-option-main{display:grid;gap:2px;min-width:0;}
.storefront .payment-option-main strong{font-family:"Times New Roman",Times,serif;font-size:1.2rem;font-weight:500;color:#102a4a;}
.storefront .payment-option-main small{color:#657187;font-size:.75rem;line-height:1.45;}
.storefront .payment-option input[type="radio"]{
  position:absolute;
  right:30px;
  top:50%;
  width:19px;
  height:19px;
  margin:0;
  transform:translateY(-50%);
  accent-color:var(--v4-gold-deep);
}
.storefront .payment-logos{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:max-content;}
.storefront .payment-logo{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:24px;padding:0 8px;
  border:1px solid rgba(16,42,74,.12);
  background:#fff;
  color:#102a4a;
  font-size:.64rem;font-weight:800;letter-spacing:.04em;
  line-height:1;
}
.storefront .payment-logo-mastercard{font-size:.58rem;border-radius:999px;box-shadow:inset 11px 0 0 rgba(231,60,74,.16),inset -11px 0 0 rgba(248,167,47,.16);}
.storefront .payment-logo-visa{font-style:italic;}
.storefront .payment-logo-bank{color:var(--v4-gold-ink);border-color:rgba(209,171,79,.34);}
.storefront .payment-method-note{margin:2px 2px 0;color:#7a8290;font-size:.72rem;line-height:1.45;}
.storefront .product-search{
  display:grid !important;
  gap:6px !important;
  max-width:420px !important;
  height:auto !important;
  position:relative !important;
}
.storefront .product-search > span:not(.sr-only){
  display:block;
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:800;
  color:#102a4a;
}
.storefront .product-search > .sr-only{display:none !important;}
.storefront .product-search input{
  width:100% !important;
  height:48px !important;
  padding:0 14px !important;
  border:1px solid var(--line) !important;
  border-radius:2px !important;
  background:#fffaf4 !important;
  color:var(--ink) !important;
}
.storefront .product-search-icon{display:none !important;}
.storefront .product-search:before{display:none !important;}
.storefront .nav-links a.is-current::after{right:0 !important;opacity:1 !important;}
.storefront .nav-links a::after{
  height:2px !important;
  bottom:-9px !important;
  background:linear-gradient(90deg,transparent,var(--v4-gold-bright),#e7c96f,transparent) !important;
  box-shadow:0 0 14px rgba(225,195,107,.32) !important;
}
.storefront .nav-links a:hover{color:var(--v4-gold-bright) !important;}
@media(max-width:760px){
  .storefront .product-search{max-width:none !important;}
  .storefront .payment-option{padding-right:72px !important;}
  .storefront .payment-option input[type="radio"]{right:30px;}
  .storefront .payment-logos{gap:5px;}
}


/* v104 — checkout polish, mobile-only spacing, and consistent menu controls */
.storefront .cart-count{display:none !important;}
.storefront .order-modal{display:grid !important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility 0s linear .32s;background:rgba(6,17,34,.28);}
.storefront .order-modal.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s ease,visibility 0s linear 0s;}
.storefront .order-modal-backdrop{opacity:0;transition:opacity .32s ease;}
.storefront .order-modal.open .order-modal-backdrop{opacity:1;}
.storefront .order-card{width:100%;height:100%;max-height:none;overflow:auto;margin:0;border:0;border-radius:0;padding:clamp(26px,4vw,54px);box-shadow:none;transform:translateY(16px) scale(.985);opacity:0;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .28s ease;}
.storefront .order-modal.open .order-card{transform:none;opacity:1;}
.storefront .order-modal.is-closing .order-card{transform:translateY(10px) scale(.985);opacity:0;}
.storefront .checkout-loading{transition:opacity .26s ease,visibility .26s ease;}
.storefront .checkout-loading.is-hiding{opacity:0;}
.storefront .payment-option{cursor:pointer;touch-action:manipulation;}
.storefront .payment-option.is-disabled{cursor:not-allowed;transform:none !important;}
.storefront .payment-option input[type="radio"]{z-index:2;pointer-events:auto;}
.storefront .product-search input::placeholder{color:#8a8f99;opacity:1;}
@media(max-width:760px){
  .storefront .menu-toggle span{height:2px !important;min-height:2px !important;width:24px !important;margin:4px 0 !important;border-radius:999px;}
  .storefront .hero .eyebrow{margin-bottom:150px !important;}
  .storefront .withdrawal-page-title,.storefront .tracking-page-title{margin-left:5px !important;}
  .storefront .order-card{width:100%;height:100%;max-height:none;border-radius:0;padding:26px 18px 24px;}
  .storefront .order-form-grid{grid-template-columns:1fr;}
  .storefront .payment-option{grid-template-columns:minmax(0,1fr) auto !important;padding-right:58px !important;min-height:82px;}
  .storefront .payment-option input[type="radio"]{right:18px;z-index:5;}
}

.storefront .order-card #orderFormView,.storefront .order-card #orderSuccessView{width:100%;max-width:none;}


/* v105 — checkout is a true full-screen surface on desktop and mobile. */
.storefront .order-modal .order-card{width:100%;height:100%;max-width:none;max-height:none;margin:0;border-radius:0;}
.storefront .order-modal .order-card #orderFormView,.storefront .order-modal .order-card #orderSuccessView{width:100%;max-width:none;}