/* ================================================================
   SPIRIT VALHALLA — main.css v4.0
   Dark luxury Viking ecommerce. Agency-grade quality.
   Floating Elder Futhark runes. Premium typography.
   ================================================================ */

/* ── 1. DESIGN TOKENS ─────────────────────────────────────────── */
:root {
  /* Background scale — warm charcoal, not pure black */
  --bg-0:   #09090a;
  --bg-1:   #0e0e10;
  --bg-2:   #141418;
  --bg-3:   #1a1a20;
  --bg-4:   #202028;
  --bg-5:   #28282f;

  /* Silver scale */
  --w:      #f0efe8;
  --s1:     #ccccc4;
  --s2:     #969690;
  --s3:     #5a5a56;
  --s4:     #32322e;

  /* Electric blue — accent, used sparingly */
  --blue:   #4a8fd4;
  --blue-dk:#2d6bb0;
  --blue-lt:#7ab4e8;
  --blue-xlt:#b0d4f4;

  /* Gold — limited edition only */
  --gold:   #c9a84c;
  --gold-lt:#e0c070;

  /* Borders */
  --bdr:    1px solid rgba(255,255,255,.07);
  --bdr-h:  1px solid rgba(255,255,255,.15);
  --bdr-b:  1px solid rgba(74,143,212,.35);

  /* Shadows */
  --sh-sm:  0 2px 8px rgba(0,0,0,.4);
  --sh-md:  0 4px 20px rgba(0,0,0,.5);
  --sh-lg:  0 12px 48px rgba(0,0,0,.65);
  --glow-b: 0 0 24px rgba(74,143,212,.22);
  --glow-g: 0 0 24px rgba(201,168,76,.22);

  /* Typography */
  --font-disp: 'Cinzel', serif;
  --font-head: 'Cormorant Garamond', serif;
  --font-body: 'Jost', sans-serif;

  /* Layout */
  --max:    1320px;
  --gap:    clamp(1.25rem, 4vw, 2.5rem);
  --sec-v:  clamp(4.5rem, 9vw, 8rem);
  --hdr-h:  68px;

  /* Motion */
  --ease:   cubic-bezier(.16,1,.3,1);
  --t-f:    .18s;
  --t-m:    .32s;
  --t-s:    .55s;

  /* Radius */
  --r:      3px;
  --r-md:   6px;
  --r-lg:   10px;
  --r-xl:   16px;
}

/* ── 2. RESET ──────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--font-body);font-size:1rem;font-weight:400;
  background:var(--bg-0);color:var(--s2);line-height:1.65;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
img,video,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none;transition:color var(--t-f)}
button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}
ul,ol{list-style:none}
input,textarea,select{font-family:inherit}
::selection{background:rgba(74,143,212,.22);color:#fff}

/* ── 3. UTILITIES ─────────────────────────────────────────────── */
.sv-container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gap)}
.sv-section{padding-block:var(--sec-v);position:relative}
.sv-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.sv-admin-notice{background:var(--bg-3);border:var(--bdr-b);border-radius:var(--r-md);padding:1rem 1.25rem;font-size:.85rem;color:var(--s2);margin-bottom:1rem}
.sv-admin-notice a{color:var(--blue-lt)}

/* Section header */
.sv-over{display:inline-block;font-family:var(--font-body);font-size:.65rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--blue);margin-bottom:.75rem}
.sv-section-head{margin-bottom:clamp(2.5rem,5vw,4rem)}
.sv-section-head--center{text-align:center}
.sv-section-head__title{font-family:var(--font-head);font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:400;color:var(--w);line-height:1.15;letter-spacing:.01em;margin-bottom:.65rem}
.sv-section-head__sub{font-size:.92rem;color:var(--s3);font-weight:300}

/* Scroll reveal — driven by JS IntersectionObserver */
.sv-reveal,.sv-reveal-left,.sv-reveal-right{
  opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);
  transition-delay:var(--delay,0s);
}
.sv-reveal{transform:translateY(22px)}
.sv-reveal-left{transform:translateX(-26px)}
.sv-reveal-right{transform:translateX(26px)}
.sv-is-visible{opacity:1!important;transform:none!important}

/* ── 4. BUTTONS ───────────────────────────────────────────────── */
.sv-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--font-body);font-size:.76rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  padding:.82rem 2rem;border-radius:var(--r);cursor:pointer;white-space:nowrap;
  transition:background var(--t-f),border-color var(--t-f),color var(--t-f),
             box-shadow var(--t-m),transform var(--t-m) var(--ease);
}
.sv-btn--lg{padding:1rem 2.5rem;font-size:.8rem}
.sv-btn--sm{padding:.55rem 1.25rem;font-size:.68rem}
.sv-btn--block{width:100%}
.sv-btn--primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}
.sv-btn--primary:hover{background:var(--blue-dk);border-color:var(--blue-dk);transform:translateY(-2px);box-shadow:var(--glow-b);color:#fff}
.sv-btn--ghost{background:transparent;color:var(--s1);border:var(--bdr)}
.sv-btn--ghost:hover{border-color:rgba(255,255,255,.28);color:var(--w);transform:translateY(-2px)}
.sv-btn--outline{background:transparent;color:var(--blue-lt);border:var(--bdr-b)}
.sv-btn--outline:hover{background:rgba(74,143,212,.08);color:#fff;transform:translateY(-2px)}
.sv-btn--gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-lt) 50%,var(--gold) 100%);color:#fff;border:1px solid var(--gold-lt)}
.sv-btn--gold:hover{box-shadow:var(--glow-g);transform:translateY(-2px);color:#fff}

/* ── 5. LOGO — text-only wordmark, no image, no icon ─────────── */
/*
  Two-part design: "Spirit" (light weight) + "Valhalla" (Cinzel display)
  Metallic silver-blue effect via gradient on the main word.
  To swap in a real logo image later:
    Replace the <a class="sv-logo"> content with <img src="..." alt="Spirit Valhalla">
    and set .sv-logo img { height: 40px; width: auto; display: block; }
*/
.sv-logo{
  display:inline-flex;align-items:baseline;gap:.28em;
  line-height:1;text-decoration:none;
  /* Disable on hover so the gradient stays sharp */
  transition:opacity var(--t-f);
}
.sv-logo:hover{opacity:.82}
.sv-logo__pre{
  font-family:var(--font-body);
  font-size:.72rem;
  font-weight:300;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--blue-lt);
  /* Align baseline with the larger word */
  padding-bottom:.08em;
}
.sv-logo__main{
  font-family:var(--font-disp);
  font-size:1.12rem;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  /* Metallic silver-blue gradient — the premium effect */
  background:linear-gradient(
    135deg,
    #8aafc8 0%,
    #c8d8e8 22%,
    #ffffff 42%,
    #c8d8e8 60%,
    #7ab4e8 78%,
    #5a8fbe 100%
  );
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  /* Fallback for browsers without gradient text */
  color:var(--w);
}
/* Smaller variant used in mobile drawer */
.sv-logo--sm .sv-logo__pre{font-size:.62rem}
.sv-logo--sm .sv-logo__main{font-size:.98rem}

/* ── 6. HEADER ────────────────────────────────────────────────── */
.sv-header{
  position:fixed;inset:0 0 auto;height:var(--hdr-h);z-index:500;
  display:flex;align-items:center;
  transition:background var(--t-s) var(--ease),box-shadow var(--t-s) var(--ease);
}
.sv-header.is-scrolled{
  background:rgba(9,9,10,.96);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 1px 0 rgba(255,255,255,.05),0 4px 24px rgba(0,0,0,.55);
}
.sv-header__inner{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;
  width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gap);
}
.sv-header__logo{display:flex;align-items:center}
.sv-header__nav{display:flex;justify-content:center}
.sv-header__actions{display:flex;align-items:center;gap:.25rem;justify-content:flex-end}

/* Primary nav — VISIBLE on desktop ≥1024px */
.sv-nav__list{display:flex;align-items:center}
.sv-nav__list li a{
  display:block;font-family:var(--font-body);font-size:.7rem;font-weight:400;
  letter-spacing:.17em;text-transform:uppercase;color:var(--s2);
  padding:.42rem 1rem;border-radius:var(--r);position:relative;transition:color var(--t-f);
}
.sv-nav__list li a::after{
  content:'';position:absolute;bottom:-1px;left:1rem;right:1rem;
  height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;
  transition:transform var(--t-m) var(--ease);
}
.sv-nav__list li a:hover,.sv-nav__list li.current-menu-item>a{color:var(--w)}
.sv-nav__list li a:hover::after,.sv-nav__list li.current-menu-item>a::after{transform:scaleX(1)}

/* Header icons */
.sv-header__icon{
  display:flex;align-items:center;justify-content:center;width:36px;height:36px;
  color:var(--s2);border-radius:var(--r);transition:color var(--t-f),background var(--t-f);
  position:relative;
}
.sv-header__icon:hover{color:var(--w);background:rgba(255,255,255,.06)}
.sv-cart-badge{
  position:absolute;top:2px;right:2px;width:14px;height:14px;
  background:var(--blue);color:#fff;font-size:.52rem;font-weight:600;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
}

/* ── 7. HAMBURGER — only visible <1024px ─────────────────────── */
.sv-hamburger{
  display:none;flex-direction:column;justify-content:center;align-items:center;
  width:36px;height:36px;gap:5px;border-radius:var(--r);
  transition:background var(--t-f);
}
.sv-hamburger:hover{background:rgba(255,255,255,.06)}
.sv-hamburger__bar{
  display:block;width:18px;height:1.5px;background:var(--s2);border-radius:1px;
  transform-origin:center;transition:transform var(--t-m) var(--ease),opacity var(--t-m),width var(--t-m);
}
.sv-hamburger.is-open .sv-hamburger__bar:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.sv-hamburger.is-open .sv-hamburger__bar:nth-child(2){opacity:0;width:0}
.sv-hamburger.is-open .sv-hamburger__bar:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ── 8. MOBILE DRAWER ─────────────────────────────────────────── */
.sv-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(5px);
  z-index:510;opacity:0;pointer-events:none;transition:opacity var(--t-s) var(--ease);
}
.sv-backdrop.is-open{opacity:1;pointer-events:all}
.sv-drawer{
  position:fixed;top:0;right:0;bottom:0;width:min(320px,86vw);
  background:var(--bg-2);border-left:var(--bdr);
  z-index:520;transform:translateX(100%);transition:transform var(--t-s) var(--ease);
  display:flex;flex-direction:column;overflow-y:auto;
}
.sv-drawer.is-open{transform:translateX(0)}
.sv-drawer__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.25rem 1.5rem;border-bottom:var(--bdr);flex-shrink:0;
}
.sv-drawer__close{
  display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;color:var(--s2);border-radius:var(--r);
  transition:color var(--t-f),background var(--t-f);
}
.sv-drawer__close:hover{color:var(--w);background:rgba(255,255,255,.06)}
.sv-drawer__body{flex:1;padding:.75rem 0}
.sv-drawer__nav{display:flex;flex-direction:column}
.sv-drawer__nav li{border-bottom:var(--bdr)}
.sv-drawer__nav li a{
  display:block;font-family:var(--font-body);font-size:.88rem;font-weight:400;
  letter-spacing:.14em;text-transform:uppercase;color:var(--s2);
  padding:1rem 1.5rem;transition:color var(--t-f),padding-left var(--t-m) var(--ease);
}
.sv-drawer__nav li a:hover{color:var(--w);padding-left:2rem}
.sv-drawer__foot{padding:1.5rem;border-top:var(--bdr);flex-shrink:0}

/* ── 9. HERO ──────────────────────────────────────────────────── */
.sv-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.sv-hero__bg{position:absolute;inset:0;z-index:0}
.sv-hero__img{
  position:absolute;inset:0;background-size:cover;background-position:center;
  animation:hero-drift 22s ease-in-out infinite alternate;
}
.sv-hero__img--default{
  background:
    radial-gradient(ellipse at 25% 55%,rgba(20,20,55,.9) 0%,transparent 55%),
    radial-gradient(ellipse at 78% 30%,rgba(14,14,36,.7) 0%,transparent 45%),
    linear-gradient(160deg,#0d0d1e 0%,#111120 40%,#09090a 100%);
}
@keyframes hero-drift{from{transform:scale(1.04)}to{transform:scale(1)}}
.sv-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sv-hero__overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(9,9,10,.45) 0%,rgba(9,9,10,.05) 35%,rgba(9,9,10,.12) 65%,rgba(9,9,10,.9) 88%,#09090a 100%),
    linear-gradient(90deg,rgba(9,9,10,.5) 0%,transparent 50%,rgba(9,9,10,.15) 100%);
}
.sv-hero__grain{
  position:absolute;inset:0;opacity:.03;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:160px 160px;
}

/* Rune canvas — sits above overlays but below hero text content.
   z-index:3 puts it above .sv-hero__overlay (z-index not set = 0)
   and .sv-hero__grain (z-index not set = 0), but below
   .sv-hero__body which has z-index:1 via .sv-hero__body rule.
   The canvas renders behind ALL hero text — pointer-events:none
   ensures it never blocks clicks. */
.sv-rune-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:2;
  /* Never show a scrollbar if canvas overflows during resize */
  display:block;
}
/* Disable runes for users who prefer reduced motion */
@media(prefers-reduced-motion:reduce){
  .sv-rune-canvas{display:none}
}

/* Hero body — z-index:10 keeps it well above the rune canvas (z-index:2) */
.sv-hero__body{position:relative;z-index:10;padding-bottom:clamp(3rem,7vw,5.5rem);width:100%}
.sv-hero__content{max-width:680px}
.sv-hero__kicker{
  font-family:var(--font-body);font-size:.64rem;font-weight:500;letter-spacing:.28em;
  text-transform:uppercase;color:var(--blue-lt);display:flex;align-items:center;gap:.75rem;
  margin-bottom:1.4rem;
  opacity:0;animation:h-up .9s var(--ease) .2s forwards;
}
.sv-hero__kicker::before{content:'';display:block;width:28px;height:1px;background:var(--blue);flex-shrink:0}
/* SINGLE H1 — one element, one size, no duplication */
.sv-hero__h1{
  font-family:var(--font-disp);font-size:clamp(2.8rem,7vw,5.5rem);
  font-weight:400;letter-spacing:.07em;color:var(--w);line-height:1.05;
  margin-bottom:1.1rem;
  opacity:0;animation:h-up 1.05s var(--ease) .4s forwards;
}
.sv-hero__tagline{
  font-family:var(--font-head);font-size:clamp(1rem,2vw,1.3rem);
  font-weight:300;font-style:italic;color:var(--s2);margin-bottom:.7rem;
  opacity:0;animation:h-up .9s var(--ease) .62s forwards;
}
.sv-hero__desc{
  font-size:.9rem;color:var(--s3);font-weight:300;line-height:1.8;
  max-width:500px;margin-bottom:2.25rem;
  opacity:0;animation:h-up .9s var(--ease) .78s forwards;
}
.sv-hero__actions{
  display:flex;gap:.85rem;flex-wrap:wrap;
  opacity:0;animation:h-up .9s var(--ease) .94s forwards;
}
@keyframes h-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.sv-hero__scroll{
  position:absolute;bottom:2rem;right:var(--gap);
  display:flex;flex-direction:column;align-items:center;gap:.5rem;
  opacity:0;animation:h-up .8s var(--ease) 1.4s forwards;
}
.sv-hero__scroll-line{
  display:block;width:1px;height:44px;background:rgba(255,255,255,.12);
  position:relative;overflow:hidden;
}
.sv-hero__scroll-line::after{
  content:'';position:absolute;top:-100%;left:0;right:0;height:100%;
  background:var(--blue);animation:scroll-drop 2s ease-in-out infinite;
}
@keyframes scroll-drop{0%{top:-100%}100%{top:100%}}
.sv-hero__scroll-label{
  font-family:var(--font-body);font-size:.55rem;letter-spacing:.32em;
  text-transform:uppercase;color:var(--s3);writing-mode:vertical-lr;transform:rotate(180deg);
}

/* ── 10. MARQUEE STRIP ────────────────────────────────────────── */
.sv-strip{overflow:hidden;background:var(--bg-1);border-top:var(--bdr);border-bottom:var(--bdr)}
.sv-strip__track{display:flex;width:max-content;animation:ticker 36s linear infinite}
.sv-strip__track:hover{animation-play-state:paused}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}
.sv-strip__item{
  display:flex;align-items:center;gap:1rem;padding:.88rem 2rem;
  font-family:var(--font-body);font-size:.64rem;font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;color:var(--s3);
  white-space:nowrap;border-right:var(--bdr);
}
.sv-strip__dot{display:block;width:3px;height:3px;background:var(--blue);border-radius:50%;flex-shrink:0;opacity:.7}

/* ── 11. CATEGORY CARDS ───────────────────────────────────────── */
.sv-cats{background:var(--bg-0)}
.sv-cats__grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:rgba(255,255,255,.05);
  border:var(--bdr);border-radius:var(--r-lg);overflow:hidden;
}
.sv-cat-card{
  background:var(--bg-1);display:flex;flex-direction:column;gap:.85rem;
  padding:2.25rem 1.75rem;position:relative;overflow:hidden;
  transition:background var(--t-m);
  transition-delay:calc(var(--i,0) * .06s);
}
.sv-cat-card:hover{background:var(--bg-2)}
.sv-cat-card__num{font-family:var(--font-body);font-size:.6rem;font-weight:500;letter-spacing:.2em;color:var(--blue);opacity:.8}
.sv-cat-card__body{flex:1}
.sv-cat-card__title{font-family:var(--font-head);font-size:1.3rem;font-weight:400;color:var(--w);margin-bottom:.3rem;transition:color var(--t-f)}
.sv-cat-card:hover .sv-cat-card__title{color:var(--blue-lt)}
.sv-cat-card__sub{font-size:.8rem;color:var(--s3);font-weight:300}
.sv-cat-card__arrow{color:var(--blue);opacity:0;transform:translateX(-6px);transition:opacity var(--t-m),transform var(--t-m) var(--ease)}
.sv-cat-card:hover .sv-cat-card__arrow{opacity:1;transform:none}
.sv-cat-card__line{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform var(--t-m) var(--ease)}
.sv-cat-card:hover .sv-cat-card__line{transform:scaleX(1)}

/* ── 12. STORY ────────────────────────────────────────────────── */
.sv-story{background:var(--bg-1);overflow:hidden}
.sv-story__bg{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(74,143,212,.04) 0%,transparent 60%);pointer-events:none}
.sv-story__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2.5rem,5vw,5rem);align-items:center;position:relative;z-index:1}
.sv-story__frame{position:relative;aspect-ratio:3/4;max-width:440px}
.sv-story__img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-lg);border:var(--bdr);display:block}
.sv-story__placeholder{
  width:100%;height:100%;background:var(--bg-3);border:var(--bdr);border-radius:var(--r-lg);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:1rem;text-align:center;padding:2rem;color:var(--s3);font-size:.82rem;line-height:1.7;
}
.sv-story__placeholder svg{opacity:.2}
.sv-story__corner{
  position:absolute;width:22px;height:22px;
  border-color:var(--blue);border-style:solid;opacity:.45;
}
.sv-story__corner--tl{top:-7px;left:-7px;border-width:1.5px 0 0 1.5px}
.sv-story__corner--br{bottom:-7px;right:-7px;border-width:0 1.5px 1.5px 0}

.sv-story__h2{font-family:var(--font-head);font-size:clamp(1.65rem,3vw,2.6rem);font-weight:400;color:var(--w);line-height:1.18;margin-bottom:1.2rem;letter-spacing:.01em}
.sv-story__lead{font-family:var(--font-head);font-size:1.04rem;font-style:italic;color:var(--s2);margin-bottom:1rem;line-height:1.8}
.sv-story__body{font-size:.9rem;color:var(--s3);line-height:1.85;margin-bottom:1rem}
.sv-story__stats{display:flex;align-items:center;gap:1.5rem;margin:2rem 0 2.25rem;padding-block:1.4rem;border-top:var(--bdr);border-bottom:var(--bdr)}
.sv-story__stat strong{display:block;font-family:var(--font-head);font-size:1.4rem;font-weight:400;color:var(--w);margin-bottom:.1rem}
.sv-story__stat span{font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:var(--s3)}
.sv-story__stat-div{width:1px;height:36px;background:rgba(255,255,255,.08);flex-shrink:0}

/* ── 13. PRODUCT GRID — 4/2/1 columns ────────────────────────── */
.sv-products{background:var(--bg-0)}
.sv-products__grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1.25rem;margin-bottom:3rem;
}
.sv-pcard{
  background:var(--bg-1);border:var(--bdr);border-radius:var(--r-md);overflow:hidden;
  transition:border-color var(--t-m),box-shadow var(--t-m),transform var(--t-m) var(--ease);
  position:relative;display:flex;flex-direction:column;
  transition-delay:var(--delay,0s);
}
.sv-pcard:hover{border-color:rgba(255,255,255,.14);box-shadow:var(--sh-lg);transform:translateY(-3px)}
.sv-pcard__media-link{display:block;flex-shrink:0}
.sv-pcard__media{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--bg-3)}
.sv-pcard__img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease);display:block}
.sv-pcard:hover .sv-pcard__img{transform:scale(1.06)}
.sv-pcard__no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--s4)}
.sv-pcard__hover{position:absolute;inset:0;background:rgba(9,9,10,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--t-m);backdrop-filter:blur(2px)}
.sv-pcard:hover .sv-pcard__hover{opacity:1}
.sv-pcard__hover-label{font-family:var(--font-body);font-size:.66rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#fff;padding:.48rem 1.1rem;border:1px solid rgba(255,255,255,.35);border-radius:var(--r)}
.sv-pcard__badge{position:absolute;top:.7rem;left:.7rem;font-family:var(--font-body);font-size:.58rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;background:var(--blue);color:#fff;padding:.2rem .6rem;border-radius:var(--r);z-index:1}
.sv-pcard__info{padding:1rem 1.1rem .5rem;flex:1}
.sv-pcard__cat{font-size:.58rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:.35rem}
.sv-pcard__name{font-family:var(--font-head);font-size:.98rem;font-weight:400;color:var(--w);line-height:1.28}
.sv-pcard__name a{color:inherit;transition:color var(--t-f)}
.sv-pcard__name a:hover{color:var(--blue-lt)}
.sv-pcard__foot{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.1rem 1.1rem;border-top:var(--bdr);margin-top:.6rem}
.sv-pcard__price{font-family:var(--font-body);font-size:.88rem;font-weight:500;color:var(--s1)}
.sv-pcard__price .woocommerce-Price-amount{color:var(--s1)}
.sv-pcard__price del{color:var(--s4);font-size:.78rem;margin-right:.35rem}
/* WC add-to-cart loop button */
.sv-pcard .button,.sv-pcard .add_to_cart_button{
  font-family:var(--font-body);font-size:.63rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;
  color:var(--blue-lt);background:transparent;border:var(--bdr-b);border-radius:var(--r);
  padding:.42rem .9rem;cursor:pointer;transition:all var(--t-f);white-space:nowrap;
}
.sv-pcard .button:hover,.sv-pcard .add_to_cart_button:hover{background:rgba(74,143,212,.1);color:#fff;border-color:var(--blue)}
.sv-products__more{text-align:center}
.sv-empty{text-align:center;padding:4rem 0;color:var(--s3);font-size:.9rem}
.sv-empty a{color:var(--blue-lt)}

/* ── 14. LIMITED EDITION ──────────────────────────────────────── */
.sv-limited{background:var(--bg-1);overflow:hidden}
.sv-limited__bg{position:absolute;inset:0;pointer-events:none}
.sv-limited__glow{
  position:absolute;left:40%;top:50%;transform:translate(-50%,-50%);
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(201,168,76,.05) 0%,transparent 65%);
}
.sv-limited__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2.5rem,5vw,5rem);align-items:center;position:relative;z-index:1}
.sv-limited__h2{font-family:var(--font-head);font-size:clamp(1.65rem,3vw,2.5rem);font-weight:400;color:var(--w);line-height:1.2;margin-bottom:1.2rem;letter-spacing:.01em}
.sv-limited__body{font-size:.9rem;color:var(--s3);line-height:1.85;margin-bottom:1rem}
.sv-limited__list{display:flex;flex-direction:column;border:var(--bdr);border-radius:var(--r-md);overflow:hidden;margin:2rem 0 2.25rem}
.sv-limited__list li{display:flex;align-items:flex-start;gap:1.2rem;padding:1.1rem 1.25rem;border-bottom:var(--bdr);transition:background var(--t-f)}
.sv-limited__list li:last-child{border-bottom:none}
.sv-limited__list li:hover{background:var(--bg-2)}
.sv-limited__num{font-family:var(--font-body);font-size:.58rem;font-weight:500;letter-spacing:.15em;color:var(--gold);flex-shrink:0;padding-top:.2rem}
.sv-limited__list strong{display:block;font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--s1);margin-bottom:.15rem}
.sv-limited__list span{font-size:.78rem;color:var(--s3)}

/* Collector card */
.sv-limited__card-wrap{display:flex;justify-content:center}
.sv-limited__card{
  background:var(--bg-3);border:1px solid rgba(201,168,76,.38);
  border-radius:var(--r-xl);padding:3rem 2.5rem;text-align:center;
  max-width:320px;width:100%;box-shadow:var(--glow-g),var(--sh-lg);
  position:relative;overflow:hidden;
}
.sv-limited__card::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--gold-lt),transparent)}
.sv-limited__card-brand{font-family:var(--font-disp);font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:.3rem}
.sv-limited__card-tag{font-family:var(--font-body);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--s3);margin-bottom:2rem}
.sv-limited__card-num{font-family:var(--font-head);font-size:2.75rem;font-weight:300;color:var(--w);letter-spacing:.04em;margin-bottom:2rem}
.sv-limited__card-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.35),transparent);margin-bottom:1.25rem}
.sv-limited__card-foot{font-family:var(--font-body);font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--s4)}

/* ── 15. SYMBOLISM ────────────────────────────────────────────── */
.sv-sym{background:var(--bg-0)}
.sv-sym__grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:1px;background:rgba(255,255,255,.05);
  border:var(--bdr);border-radius:var(--r-lg);overflow:hidden;
}
.sv-sym__card{
  background:var(--bg-1);padding:2.25rem 2rem;
  transition:background var(--t-m);
  transition-delay:calc(var(--i,0) * .08s);
  position:relative;
}
.sv-sym__card:hover{background:var(--bg-2)}
.sv-sym__head{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:1.1rem}
.sv-sym__roman{
  font-family:var(--font-head);font-size:1.5rem;font-weight:300;
  color:var(--blue);opacity:.55;flex-shrink:0;line-height:1;padding-top:.1rem;
}
.sv-sym__title{font-family:var(--font-head);font-size:1.12rem;font-weight:400;color:var(--w);margin-bottom:.2rem;letter-spacing:.01em}
.sv-sym__role{font-family:var(--font-body);font-size:.62rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);opacity:.7}
.sv-sym__body{font-size:.87rem;color:var(--s3);line-height:1.8;padding-left:calc(1.5rem + 1.2rem)}
.sv-sym__line{position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:0;transition:opacity var(--t-m)}
.sv-sym__card:hover .sv-sym__line{opacity:1}

/* ── 16. TRUST STRIP ──────────────────────────────────────────── */
.sv-trust{background:var(--bg-1);border-top:var(--bdr);border-bottom:var(--bdr);padding-block:2.75rem}
.sv-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.sv-trust__item{display:flex;align-items:flex-start;gap:1rem;transition-delay:calc(var(--i,0) * .07s)}
.sv-trust__icon{flex-shrink:0;color:var(--blue);margin-top:2px}
.sv-trust__text strong{display:block;font-family:var(--font-body);font-size:.76rem;font-weight:500;color:var(--s1);letter-spacing:.04em;margin-bottom:.2rem}
.sv-trust__text span{font-size:.78rem;color:var(--s3)}

/* ── 17. CONTACT ──────────────────────────────────────────────── */
.sv-contact{background:var(--bg-2)}
.sv-contact__grid{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(2.5rem,5vw,5rem);align-items:start}
.sv-contact__h2{font-family:var(--font-head);font-size:clamp(1.7rem,3vw,2.5rem);font-weight:400;color:var(--w);line-height:1.2;margin-bottom:1.1rem;letter-spacing:.01em}
.sv-contact__body{font-size:.9rem;color:var(--s3);line-height:1.85;margin-bottom:2rem}
.sv-contact__meta{display:flex;flex-direction:column;gap:1rem}
.sv-contact__meta-item strong{display:block;font-family:var(--font-body);font-size:.66rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--s2);margin-bottom:.2rem}
.sv-contact__meta-item span{font-size:.88rem;color:var(--s3)}

/* Contact form wrap */
.sv-contact__form-wrap{background:var(--bg-1);border:var(--bdr);border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.5rem)}

/* Native HTML form */
.sv-form{display:flex;flex-direction:column;gap:1.1rem}
.sv-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.sv-form__field{display:flex;flex-direction:column;gap:.42rem}
.sv-form__label{font-family:var(--font-body);font-size:.64rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--s3)}
.sv-form__input,.sv-form__textarea{
  width:100%;background:var(--bg-2);border:var(--bdr);border-radius:var(--r);
  color:var(--w);font-family:var(--font-body);font-size:.9rem;font-weight:300;
  padding:.78rem 1rem;transition:border-color var(--t-f),box-shadow var(--t-f);-webkit-appearance:none;appearance:none;
}
.sv-form__input:focus,.sv-form__textarea:focus{outline:none;border-color:rgba(74,143,212,.5);box-shadow:0 0 0 3px rgba(74,143,212,.1)}
.sv-form__input::placeholder,.sv-form__textarea::placeholder{color:var(--s4)}
.sv-form__textarea{resize:vertical;min-height:130px}

/* CF7 overrides — same visual style */
.wpcf7 form{display:flex!important;flex-direction:column!important;gap:1.1rem!important}
.wpcf7 label{font-family:var(--font-body)!important;font-size:.64rem!important;font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--s3)!important;display:block!important;margin-bottom:.42rem!important}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 textarea{
  width:100%!important;background:var(--bg-2)!important;border:var(--bdr)!important;border-radius:var(--r)!important;
  color:var(--w)!important;font-family:var(--font-body)!important;font-size:.9rem!important;font-weight:300!important;
  padding:.78rem 1rem!important;transition:border-color var(--t-f),box-shadow var(--t-f)!important;
}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:none!important;border-color:rgba(74,143,212,.5)!important;box-shadow:0 0 0 3px rgba(74,143,212,.1)!important}
.wpcf7 input[type="submit"],.wpcf7-submit{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;
  font-family:var(--font-body)!important;font-size:.76rem!important;font-weight:500!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;
  padding:.82rem 2rem!important;background:var(--blue)!important;color:#fff!important;
  border:1px solid var(--blue)!important;border-radius:var(--r)!important;cursor:pointer!important;
  transition:background var(--t-f),transform var(--t-m)!important;
}
.wpcf7 input[type="submit"]:hover,.wpcf7-submit:hover{background:var(--blue-dk)!important;transform:translateY(-2px)!important}
.wpcf7-response-output{border:var(--bdr)!important;padding:.75rem 1rem!important;border-radius:var(--r)!important;font-size:.82rem!important;color:var(--s2)!important;margin:0!important}

/* ── 18. NEWSLETTER ───────────────────────────────────────────── */
.sv-newsletter{position:relative;overflow:hidden;background:var(--bg-3);border-top:var(--bdr);padding-block:clamp(3.5rem,7vw,6rem)}
.sv-newsletter__bg{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,rgba(74,143,212,.055) 0%,transparent 65%);
}
.sv-newsletter__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:center}
.sv-newsletter__h2{font-family:var(--font-head);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;color:var(--w);margin-bottom:.6rem;letter-spacing:.01em}
.sv-newsletter__sub{font-size:.88rem;color:var(--s3);line-height:1.72;font-weight:300}
.sv-newsletter__field{display:flex;border:var(--bdr);border-radius:var(--r);overflow:hidden;margin-bottom:.75rem;transition:border-color var(--t-f),box-shadow var(--t-f)}
.sv-newsletter__field:focus-within{border-color:rgba(74,143,212,.5);box-shadow:0 0 0 3px rgba(74,143,212,.1)}
.sv-newsletter__input{flex:1;background:var(--bg-2);border:none;color:var(--w);font-family:var(--font-body);font-size:.9rem;font-weight:300;padding:.82rem 1.1rem;min-width:0}
.sv-newsletter__input::placeholder{color:var(--s4)}
.sv-newsletter__input:focus{outline:none}
.sv-newsletter__field .sv-btn{border-radius:0;flex-shrink:0}
.sv-newsletter__note{font-size:.7rem;color:var(--s4)}

/* ── 19. FOOTER ───────────────────────────────────────────────── */
.sv-footer{background:var(--bg-2);border-top:var(--bdr)}
.sv-footer__top{padding-block:clamp(3rem,6vw,5rem)}
.sv-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:clamp(2rem,4vw,4rem)}
.sv-footer__tagline{font-size:.84rem;color:var(--s3);line-height:1.7;margin:1rem 0 1.5rem}
.sv-footer__socials{display:flex;gap:.5rem}
.sv-footer__social{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:var(--bdr);border-radius:var(--r);color:var(--s3);transition:color var(--t-f),border-color var(--t-f),background var(--t-f)}
.sv-footer__social:hover{color:var(--w);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.04)}
.sv-footer__col-title{font-family:var(--font-body);font-size:.63rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--s2);margin-bottom:1.2rem}
.sv-footer__links{display:flex;flex-direction:column;gap:.65rem}
.sv-footer__links li a{font-size:.84rem;color:var(--s3);transition:color var(--t-f)}
.sv-footer__links li a:hover{color:var(--w)}
.sv-footer__bottom{border-top:var(--bdr);padding-block:1.25rem}
.sv-footer__bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.sv-footer__copy,.sv-footer__craft{font-size:.76rem;color:var(--s4)}

/* ── 20. INNER PAGE TEMPLATES ─────────────────────────────────── */
.sv-main{padding-top:var(--hdr-h);min-height:60vh}
.sv-main--shop{background:var(--bg-0)}
.sv-page-header{padding-block:clamp(3rem,6vw,5rem) clamp(2rem,4vw,3rem);border-bottom:var(--bdr);margin-bottom:clamp(2rem,5vw,4rem)}
.sv-page-header__title{font-family:var(--font-head);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:400;color:var(--w);letter-spacing:.02em}
.sv-page-header__desc{font-size:.92rem;color:var(--s3);margin-top:.6rem}
.sv-page-hero{min-height:42vh;background:var(--bg-2) var(--bg) center/cover no-repeat;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.sv-page-hero--has-img{background-image:var(--bg)}
.sv-page-hero__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,9,10,.9) 0%,rgba(9,9,10,.3) 100%)}
.sv-page-hero__content{position:relative;z-index:1;padding-bottom:2.5rem}
.sv-page-hero__title{font-family:var(--font-head);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:400;color:var(--w)}
.sv-page__content{padding-block:clamp(2.5rem,5vw,4rem) clamp(3rem,6vw,5rem)}
.sv-article__hero{min-height:50vh;background:var(--bg-2) var(--bg) center/cover no-repeat;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.sv-article__hero--img{background-image:var(--bg)}
.sv-article__hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,9,10,.92) 0%,rgba(9,9,10,.25) 100%)}
.sv-article__hero-content{position:relative;z-index:1;padding-bottom:3rem}
.sv-article__meta{font-family:var(--font-body);font-size:.64rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:.85rem}
.sv-article__meta a{color:inherit}
.sv-article__title{font-family:var(--font-head);font-size:clamp(1.8rem,4vw,3.25rem);font-weight:400;color:var(--w);line-height:1.18;max-width:760px}
.sv-article__body{padding-block:clamp(2.5rem,5vw,4rem)}
.sv-article__nav{display:flex;justify-content:space-between;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:var(--bdr)}
.sv-article__nav a{font-family:var(--font-body);font-size:.72rem;letter-spacing:.12em;color:var(--blue-lt)}

/* Prose */
.sv-prose{color:var(--s2);line-height:1.85;max-width:760px}
.sv-prose h1,.sv-prose h2,.sv-prose h3,.sv-prose h4{font-family:var(--font-head);font-weight:400;color:var(--w);margin:2rem 0 1rem;letter-spacing:.01em}
.sv-prose p{margin-bottom:1.25rem}
.sv-prose a{color:var(--blue-lt)}
.sv-prose blockquote{border-left:2px solid var(--blue);padding:1rem 1.5rem;margin:2rem 0;background:rgba(74,143,212,.04);font-style:italic;color:var(--s2)}
.sv-prose ul,.sv-prose ol{padding-left:1.5rem;margin-bottom:1.25rem}
.sv-prose ul{list-style:disc}.sv-prose ol{list-style:decimal}
.sv-prose li{margin-bottom:.5rem}
.sv-prose img{border-radius:var(--r-md);margin-block:2rem}
.sv-prose code{font-family:monospace;font-size:.85em;background:var(--bg-3);padding:.1em .4em;border-radius:2px;color:var(--blue-lt)}
.sv-prose strong{color:var(--w);font-weight:600}

/* Blog grid */
.sv-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}
.sv-post-card{background:var(--bg-1);border:var(--bdr);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--t-m),transform var(--t-m) var(--ease)}
.sv-post-card:hover{border-color:rgba(255,255,255,.14);transform:translateY(-3px)}
.sv-post-card__thumb{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .7s var(--ease);display:block}
.sv-post-card:hover .sv-post-card__thumb{transform:scale(1.05)}
.sv-post-card__body{padding:1.4rem}
.sv-post-card__date{font-family:var(--font-body);font-size:.62rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);display:block;margin-bottom:.55rem}
.sv-post-card__title{font-family:var(--font-head);font-size:1.02rem;font-weight:400;margin-bottom:.65rem;line-height:1.32}
.sv-post-card__title a{color:var(--w);transition:color var(--t-f)}
.sv-post-card__title a:hover{color:var(--blue-lt)}
.sv-post-card__excerpt{font-size:.83rem;color:var(--s3);margin-bottom:1.2rem}

/* Pagination */
.sv-pagination{margin-top:3rem}
.sv-pagination .nav-links{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}
.sv-pagination .page-numbers{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.1em;padding:.55rem .9rem;border:var(--bdr);border-radius:var(--r);color:var(--s2);transition:all var(--t-f)}
.sv-pagination .page-numbers:hover,.sv-pagination .page-numbers.current{background:rgba(74,143,212,.1);border-color:var(--blue);color:var(--w)}

/* ── 21. WOOCOMMERCE SHOP/PRODUCT ─────────────────────────────── */
.woocommerce-notices-wrapper{padding:0 var(--gap);max-width:var(--max);margin:1rem auto 0}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--bg-2);border:var(--bdr);border-radius:var(--r);padding:.9rem 1.25rem;color:var(--s2);font-size:.85rem;margin-bottom:1rem;list-style:none}
.woocommerce-message{border-left:2px solid var(--blue)}
.woocommerce-error{border-left:2px solid #e05555}
/* Shop archive */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;list-style:none;margin:0;padding:0}
.woocommerce ul.products li.product{background:var(--bg-1);border:var(--bdr);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--t-m),box-shadow var(--t-m),transform var(--t-m) var(--ease)}
.woocommerce ul.products li.product:hover{border-color:rgba(255,255,255,.14);box-shadow:var(--sh-lg);transform:translateY(-3px)}
.woocommerce ul.products li.product a img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.woocommerce ul.products li.product:hover a img{transform:scale(1.05)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-head);font-size:.98rem;font-weight:400;color:var(--w);padding:1rem 1.1rem .3rem;letter-spacing:.01em}
.woocommerce ul.products li.product .price{font-family:var(--font-body);font-size:.88rem;font-weight:500;color:var(--s1);padding:0 1.1rem 1rem;display:block}
.woocommerce ul.products li.product .price del{color:var(--s4);font-size:.78rem;margin-right:.35rem}
.woocommerce ul.products li.product .onsale{position:absolute;top:.7rem;left:.7rem;background:var(--blue);color:#fff;font-size:.58rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:var(--r);z-index:1}
.woocommerce ul.products li.product .button{display:block;margin:0 1.1rem 1.1rem;font-family:var(--font-body);font-size:.63rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;padding:.48rem 1rem;background:transparent;border:var(--bdr-b);border-radius:var(--r);color:var(--blue-lt);text-align:center;cursor:pointer;transition:all var(--t-f)}
.woocommerce ul.products li.product .button:hover{background:rgba(74,143,212,.08);color:#fff;border-color:var(--blue)}
/* Single product */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,5rem);align-items:start}
.woocommerce div.product div.images img{border-radius:var(--r-lg);border:var(--bdr);display:block}
.woocommerce div.product .product_title{font-family:var(--font-head);font-size:clamp(1.6rem,3vw,2.5rem);font-weight:400;color:var(--w);margin-bottom:1rem;letter-spacing:.01em}
.woocommerce div.product .price{font-family:var(--font-body);font-size:1.25rem;font-weight:500;color:var(--s1);margin-bottom:1.5rem;display:block}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--s3);margin-bottom:1.75rem;font-size:.92rem;line-height:1.82}
.woocommerce div.product form.cart{display:flex;gap:.75rem;align-items:center}
.woocommerce div.product form.cart .qty{background:var(--bg-2);border:var(--bdr);border-radius:var(--r);color:var(--w);font-family:var(--font-body);font-size:.9rem;padding:.75rem 1rem;width:80px;text-align:center}
.woocommerce div.product form.cart .single_add_to_cart_button{background:var(--blue);color:#fff;font-family:var(--font-body);font-size:.76rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:.85rem 2rem;border-radius:var(--r);cursor:pointer;transition:background var(--t-f),transform var(--t-m) var(--ease)}
.woocommerce div.product form.cart .single_add_to_cart_button:hover{background:var(--blue-dk);transform:translateY(-1px)}
.woocommerce div.product .woocommerce-tabs{margin-top:2.5rem}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;border-bottom:var(--bdr);list-style:none;margin-bottom:1.75rem}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:block;font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--s3);padding:.75rem 1.25rem;border-bottom:2px solid transparent;transition:all var(--t-f)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--w);border-bottom-color:var(--blue)}
/* Cart / Checkout */
.woocommerce table.shop_table{width:100%;border-collapse:collapse}
.woocommerce table.shop_table th{background:var(--bg-2);font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--s3);padding:.9rem 1.25rem;border-bottom:var(--bdr);text-align:left}
.woocommerce table.shop_table td{padding:1rem 1.25rem;border-bottom:var(--bdr);color:var(--s2);font-size:.9rem;vertical-align:middle}
.woocommerce form .form-row label{font-family:var(--font-body);font-size:.64rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--s3);display:block;margin-bottom:.4rem}
.woocommerce form .form-row input[type="text"],.woocommerce form .form-row input[type="email"],.woocommerce form .form-row input[type="tel"],.woocommerce form .form-row select,.woocommerce form .form-row textarea{width:100%;background:var(--bg-2);border:var(--bdr);border-radius:var(--r);color:var(--w);font-family:var(--font-body);font-size:.9rem;font-weight:300;padding:.75rem 1rem;transition:border-color var(--t-f),box-shadow var(--t-f)}
.woocommerce form .form-row input:focus,.woocommerce form .form-row textarea:focus{outline:none;border-color:rgba(74,143,212,.5);box-shadow:0 0 0 3px rgba(74,143,212,.1)}
#place_order{display:block!important;width:100%!important;text-align:center!important;font-family:var(--font-body)!important;font-size:.76rem!important;font-weight:500!important;letter-spacing:.16em!important;text-transform:uppercase!important;padding:.9rem 2rem!important;background:var(--blue)!important;color:#fff!important;border:none!important;border-radius:var(--r)!important;cursor:pointer!important;transition:background var(--t-f)!important}
#place_order:hover{background:var(--blue-dk)!important}

/* ── 22. RESPONSIVE ───────────────────────────────────────────── */

/* Tablet: 768px–1023px */
@media(max-width:1023px){
  /* Show hamburger, hide desktop nav */
  .sv-header__nav{display:none!important}
  .sv-hamburger{display:flex!important}
  /* Adjust header grid to 2-col */
  .sv-header__inner{grid-template-columns:1fr auto}
  /* Layout adjustments */
  .sv-cats__grid{grid-template-columns:repeat(2,1fr)}
  .sv-story__grid{grid-template-columns:1fr;gap:2.5rem}
  .sv-story__frame{max-width:100%;aspect-ratio:4/3}
  .sv-limited__grid{grid-template-columns:1fr;gap:2.5rem}
  .sv-limited__card-wrap{order:-1}
  .sv-sym__grid{grid-template-columns:1fr}
  .sv-sym__body{padding-left:0}
  .sv-trust__grid{grid-template-columns:repeat(2,1fr)}
  .sv-contact__grid{grid-template-columns:1fr;gap:2.5rem}
  .sv-newsletter__inner{grid-template-columns:1fr;gap:2rem}
  .sv-footer__grid{grid-template-columns:1fr 1fr;gap:2.5rem}
  .sv-products__grid{grid-template-columns:repeat(2,1fr)}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
  .woocommerce div.product{grid-template-columns:1fr!important}
  .sv-post-grid{grid-template-columns:1fr 1fr}
}

/* Mobile: <768px */
@media(max-width:767px){
  :root{--sec-v:clamp(3.5rem,7vw,5rem)}
  .sv-cats__grid{grid-template-columns:1fr;gap:1px}
  .sv-products__grid{grid-template-columns:1fr;gap:1rem}
  .sv-trust__grid{grid-template-columns:1fr}
  .sv-footer__grid{grid-template-columns:1fr}
  .sv-footer__bottom-inner{flex-direction:column;text-align:center;gap:.5rem}
  .sv-hero__actions{flex-direction:column;align-items:flex-start}
  .sv-story__stats{flex-direction:column;align-items:flex-start;gap:1.25rem}
  .sv-story__stat-div{display:none}
  .sv-newsletter__field{flex-direction:column;border-radius:var(--r)}
  .sv-newsletter__input{border-radius:var(--r) var(--r) 0 0}
  .sv-newsletter__field .sv-btn{border-radius:0 0 var(--r) var(--r)}
  .sv-form__row{grid-template-columns:1fr}
  .sv-post-grid{grid-template-columns:1fr}
  woocommerce ul.products{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .sv-reveal,.sv-reveal-left,.sv-reveal-right{opacity:1!important;transform:none!important}
  .sv-hero__h1,.sv-hero__kicker,.sv-hero__tagline,.sv-hero__desc,.sv-hero__actions,.sv-hero__scroll{opacity:1!important;animation:none!important}
  .sv-rune-canvas{display:none!important}
}

/* ── FINAL CTA SECTION (v4.1 addition) ─────────────────────────
   Replaces the contact form + newsletter sections removed from
   front-page.php. All existing styles above are unchanged.
─────────────────────────────────────────────────────────────── */
.sv-cta-final {
  position: relative;
  overflow: hidden;
  background: var(--bg-0, #0b0b0c);
  text-align: center;
}
.sv-cta-final__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.sv-cta-final__glow {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 700px; height: 500px;
  background: radial-gradient(ellipse, rgba(74,143,212,.07) 0%, transparent 65%);
  animation: cta-pulse 5s ease-in-out infinite;
}
@keyframes cta-pulse {
  0%,100% { transform: translate(-50%,-50%) scale(1); opacity: .7; }
  50%      { transform: translate(-50%,-50%) scale(1.15); opacity: 1; }
}
.sv-cta-final__inner {
  position: relative;
  z-index: 1;
}
.sv-cta-final__rune {
  font-family: 'Cinzel', serif;
  font-size: .78rem;
  letter-spacing: .42em;
  color: rgba(74,143,212,.4);
  display: block;
  margin-bottom: 1.4rem;
  user-select: none;
}
.sv-cta-final__h2 {
  font-family: 'Cinzel', serif;
  font-size: clamp(2rem, 5vw, 3.75rem);
  font-weight: 400;
  letter-spacing: .07em;
  color: var(--c-white, #f2f0e8);
  line-height: 1.1;
  margin-bottom: 1rem;
}
.sv-cta-final__sub {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-style: italic;
  color: var(--c-silver-2, #9a9a94);
  max-width: 480px;
  margin: 0 auto 2.5rem;
  line-height: 1.7;
}
.sv-cta-final__btns {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  .sv-cta-final__btns { flex-direction: column; align-items: center; }
}
/* Remove contact + newsletter CSS that no longer has matching HTML */
.sv-contact, .sv-newsletter { display: none !important; }

/* ── H1 RUNIC TYPOGRAPHY UPGRADE (v4.2 — H1 ONLY) ──────────────
   Applied ONLY to .sv-hero__h1--runic on the homepage hero.
   Zero impact on any other heading, section or page.
   Technique: layered text-shadow creates metallic depth.
   Letter-spacing and word-spacing open the letterforms
   like carved stone. No external fonts added.
─────────────────────────────────────────────────────────────── */
.sv-hero__h1.sv-hero__h1--runic {
  /* Tighten overall size slightly to fit two-line layout cleanly */
  font-size: clamp(2.4rem, 6vw, 4.8rem);
  /* More open letter-spacing — stone-carved, not typeset */
  letter-spacing: .12em;
  /* Slightly more open leading */
  line-height: 1.12;
  /* Bronze / cold steel metallic via layered text-shadow:
     1) Deep shadow anchors the letterforms (depth)
     2) Mid bronze glow (warmth, firelight)
     3) Cold top highlight (steel edge)
     Combined: premium Viking forge aesthetic              */
  text-shadow:
    0 4px 24px rgba(120, 80, 20, 0.55),
    0 1px  0   rgba(200, 160, 60, 0.35),
    0 -1px 0   rgba(220, 220, 200, 0.25);
  /* Preserve the existing metallic gradient from sv-hero__h1 */
}

/* The second line "for Warriors & Free Spirits" —
   slightly smaller, lighter weight, more refined */
.sv-hero__h1--runic .sv-h1-sub {
  display: block;
  font-size: .62em;
  letter-spacing: .18em;
  font-weight: 400;
  opacity: .82;
  margin-top: .15em;
  text-shadow:
    0 2px 16px rgba(120, 80, 20, 0.4),
    0 1px  0   rgba(200, 160, 60, 0.2);
}

/* Mobile: reduce letter-spacing so it doesn't overflow */
@media (max-width: 640px) {
  .sv-hero__h1.sv-hero__h1--runic {
    letter-spacing: .07em;
    font-size: clamp(2rem, 10vw, 3rem);
  }
  .sv-hero__h1--runic .sv-h1-sub {
    letter-spacing: .1em;
  }
}