/*
 * Valhalla Theme 2.0 — v0.1 foundation
 * Loaded after Nova's original CSS. Keeps all Nova behaviour intact and
 * replaces the visual layer through scoped overrides.
 */
:root {
  --vh-bg: #080d10;
  --vh-surface: #0f171b;
  --vh-surface-2: #152126;
  --vh-border: rgba(214, 168, 75, .22);
  --vh-border-strong: rgba(214, 168, 75, .48);
  --vh-text: #f5f1e8;
  --vh-muted: #aab4b8;
  --vh-gold: #d6a84b;
  --vh-gold-bright: #f0c66b;
  --vh-danger: #b64d42;
  --vh-radius: 10px;
  --vh-radius-lg: 16px;
  --vh-shadow: 0 18px 50px rgba(0,0,0,.32);
  --vh-container: 1400px;
  --vh-transition: 180ms ease;
}

html { scroll-behavior: smooth; }
body.layout-custom,
body.layout-fixed {
  background: var(--vh-bg);
  color: var(--vh-text);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body .body-content { background: transparent; }
body a { transition: color var(--vh-transition), background var(--vh-transition), border-color var(--vh-transition), transform var(--vh-transition); }
body a:hover { color: var(--vh-gold-bright); }
body .container { width: min(100% - 32px, var(--vh-container)); }
body h1, body h2, body h3, body h4 { color: var(--vh-text); letter-spacing: -.02em; }
body p, body .text-muted { color: var(--vh-muted); }

/* Header */
body header {
  position: relative;
  z-index: 200;
  background: rgba(8,13,16,.96);
  border-bottom: 1px solid var(--vh-border);
  box-shadow: 0 10px 35px rgba(0,0,0,.24);
}
body header > .header { background: transparent; }
body .header .container {
  min-height: 94px;
  display: flex;
  align-items: center;
  gap: 28px;
}
body .header-left { flex: 0 0 auto; }
body .header-center { flex: 1 1 auto; max-width: 680px; margin-inline: auto; }
body .header-right { flex: 0 0 auto; }
body .header img.logo { max-height: 66px; width: auto; object-fit: contain; }
body .header .search-holder { position: relative; }
body .header .searchbox {
  height: 50px;
  width: 100%;
  background: #0c1418 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;
  color: var(--vh-text) !important;
  padding: 0 52px 0 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
body .header .searchbox:focus { border-color: var(--vh-border-strong) !important; box-shadow: 0 0 0 3px rgba(214,168,75,.12) !important; }
body .header .searchbox::placeholder { color: #839096; }
body .header .search-holder > .fa-search { color: var(--vh-gold); }
body .header-link {
  color: var(--vh-text) !important;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  background: rgba(255,255,255,.025);
}
body .header-link:hover { border-color: var(--vh-border-strong); background: rgba(214,168,75,.08); transform: translateY(-1px); }
body .header .cart-total-qty,
body .highlight-bg { background: var(--vh-gold) !important; color: #111 !important; }
body .header-hallmark { display: none !important; }

/* Main navigation */
body .subheader-holder { background: #0b1114; border-top: 1px solid rgba(255,255,255,.05); }
body .subheader { min-height: 58px; }
body .nav-main-holder { overflow: visible; }
body .nav-main { display: flex; align-items: center; gap: 2px; min-height: 58px; }
body .nav-main > .nav-main-item > a,
body .subheader-nav > ul > li > a {
  color: #e7e3da !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 20px 14px !important;
}
body .nav-main > .nav-main-item > a:hover,
body .nav-main > .nav-main-item.active > a { color: var(--vh-gold-bright) !important; background: rgba(214,168,75,.06); }
body .categories-button.main { color: var(--vh-gold); }
body .nav-main-sub,
body .theme-pop,
body .collection-pop {
  background: #10191e !important;
  border: 1px solid var(--vh-border) !important;
  border-radius: 0 0 12px 12px;
  box-shadow: var(--vh-shadow);
}
body .nav-main-sub a { color: var(--vh-text) !important; }
body .nav-main-sub a:hover { color: var(--vh-gold-bright) !important; }

/* Global controls */
body .btn,
body button,
body input[type="submit"],
body .button {
  border-radius: 7px;
  font-weight: 700;
}
body .btn-primary,
body .button-primary,
body input[type="submit"] {
  background: linear-gradient(180deg, var(--vh-gold-bright), var(--vh-gold)) !important;
  border-color: var(--vh-gold) !important;
  color: #16120a !important;
  box-shadow: 0 8px 24px rgba(214,168,75,.18);
}
body .btn-primary:hover,
body .button-primary:hover,
body input[type="submit"]:hover { filter: brightness(1.06); transform: translateY(-1px); }
body input, body select, body textarea {
  background: #0e171b;
  color: var(--vh-text);
  border-color: rgba(255,255,255,.12);
  border-radius: 7px;
}

/* Content surfaces */
body main,
body .page-content,
body .content { color: var(--vh-text); }
body .panel,
body .box,
body .product,
body .productpage,
body .sidebar,
body .collection-content,
body .cart,
body .account-content {
  border-color: var(--vh-border);
}
body .breadcrumbs { background: #0b1114; border-bottom: 1px solid rgba(255,255,255,.05); }
body .breadcrumbs a, body .breadcrumbs span { color: #9ca8ad; }

/* Product cards */
body .products .product,
body .product-block,
body .product-item {
  background: linear-gradient(180deg, #111b20, #0c1317);
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: var(--vh-radius) !important;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
}
body .products .product:hover,
body .product-block:hover,
body .product-item:hover { border-color: var(--vh-border-strong) !important; transform: translateY(-3px); box-shadow: var(--vh-shadow); }
body .products .product .image,
body .product-block .image { background: #f5f5f2; }
body .products .product .title,
body .product-block .title,
body .product-title { color: var(--vh-text) !important; }
body .products .product .price,
body .product-price,
body .price { color: var(--vh-gold-bright); font-weight: 800; }
body .label, body .product-label { border-radius: 4px; }

/* Homepage */
body.template-index .body-content,
body.layout-custom .body-content { background: radial-gradient(circle at 50% -10%, rgba(214,168,75,.08), transparent 32%), var(--vh-bg); }
body .homepage-slider,
body .home-slider,
body .flexslider { border-radius: var(--vh-radius-lg); overflow: hidden; box-shadow: var(--vh-shadow); }
body .homepage-slider .slide-content,
body .home-slider .slide-content { text-shadow: 0 2px 20px rgba(0,0,0,.55); }
body .homepage-highlights .highlight,
body .home-highlights .highlight,
body .homepage-subbanner {
  border-radius: var(--vh-radius);
  overflow: hidden;
}
body .homepage-highlights .highlight { background: #10191e; border: 1px solid rgba(255,255,255,.08); }
body .homepage-highlights .highlight:hover { border-color: var(--vh-border-strong); transform: translateY(-2px); }

/* Footer */
body footer,
body .footer {
  background: #070b0d !important;
  color: var(--vh-muted);
  border-top: 1px solid var(--vh-border);
}
body footer h3, body footer h4, body .footer h3, body .footer h4 { color: var(--vh-text); }
body footer a, body .footer a { color: #aeb8bc; }
body footer a:hover, body .footer a:hover { color: var(--vh-gold-bright); }
body footer input[type="email"] { background: #0e171b; border-color: rgba(255,255,255,.12); color: var(--vh-text); }

/* Mobile */
@media (max-width: 991px) {
  body .header .container { min-height: 72px; gap: 12px; }
  body .header-center { flex: 1; }
  body .header img.logo { max-height: 46px; max-width: 190px; }
  body .header-right .cart.header-link { width: 42px; }
  body .subheader-holder { border-top: 0; }
}
@media (max-width: 767px) {
  body .container { width: min(100% - 20px, var(--vh-container)); }
  body .header .container { min-height: 64px; }
  body .homepage-slider, body .home-slider, body .flexslider { border-radius: 8px; }
  body .products .product, body .product-block { border-radius: 8px !important; }
}

/* Accessibility */
body :focus-visible { outline: 3px solid rgba(240,198,107,.75); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* =========================================================
   Valhalla Theme 2.0 — v0.2 homepage modules
   ========================================================= */
.vh-home{overflow:hidden;background:var(--vh-bg,#080d10)}
.vh-module{position:relative;padding:64px 0}
.vh-module:first-child{padding-top:0}
.vh-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.vh-section-heading h2{margin:4px 0 0;color:#fff;font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.025em}
.vh-eyebrow{display:block;color:var(--vh-gold,#d5a94e);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.vh-text-link{display:inline-flex;align-items:center;gap:9px;color:#e9dcc0;font-weight:700;white-space:nowrap}
.vh-text-link:hover{color:var(--vh-gold,#d5a94e)}

/* Hero */
.vh-hero{background:radial-gradient(circle at 80% 0,rgba(197,143,47,.13),transparent 38%)}
.vh-hero__frame.container{padding-top:24px}
.vh-hero .slider,.vh-hero .swiper-container,.vh-hero .slider-holder{border-radius:0 0 26px 26px;overflow:hidden}
.vh-hero .slide-content,.vh-hero .banner-text-block{max-width:690px}
.vh-hero .title{font-size:clamp(36px,5vw,68px)!important;line-height:1.02!important;letter-spacing:-.035em}
.vh-hero .sub{font-size:clamp(16px,1.8vw,21px)!important;line-height:1.55}
.vh-hero .button{min-height:48px;padding:14px 25px;border-radius:8px;font-weight:800;text-transform:none;letter-spacing:.01em}

/* USP strip */
.vh-usp-strip{padding:0;border-top:1px solid rgba(213,169,78,.18);border-bottom:1px solid rgba(213,169,78,.18);background:#0c1317}
.vh-usp-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.vh-usp{display:flex;align-items:center;gap:14px;min-height:92px;padding:18px 22px;border-right:1px solid rgba(255,255,255,.07)}
.vh-usp:first-child{border-left:1px solid rgba(255,255,255,.07)}
.vh-usp i{width:38px;color:var(--vh-gold,#d5a94e);font-size:23px;text-align:center}
.vh-usp strong,.vh-usp span{display:block}.vh-usp strong{color:#fff;font-size:14px}.vh-usp span{margin-top:3px;color:#91a0a8;font-size:12px}

/* Category cards */
.vh-categories{background:linear-gradient(180deg,#080d10 0,#0c1216 100%)}
.vh-category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.vh-category-card{position:relative;grid-column:span 4;min-height:270px;overflow:hidden;border:1px solid rgba(213,169,78,.17);border-radius:16px;background:#11191e;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.vh-category-card:nth-child(1),.vh-category-card:nth-child(2){grid-column:span 6;min-height:330px}
.vh-category-card__media,.vh-category-card__media img{position:absolute;inset:0;width:100%;height:100%}
.vh-category-card__media img{object-fit:cover;transition:transform .55s ease,filter .55s ease;filter:saturate(.9) contrast(1.03)}
.vh-category-card__placeholder{display:grid;width:100%;height:100%;place-items:center;background:radial-gradient(circle at center,#233039,#11191e);color:rgba(213,169,78,.5);font-size:64px}
.vh-category-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(4,8,10,.18) 45%,rgba(4,8,10,.94) 100%)}
.vh-category-card__content{position:absolute;right:24px;bottom:22px;left:24px;z-index:2}
.vh-category-card__content h3{margin:0 0 6px;color:#fff;font-size:clamp(22px,2.2vw,32px)}
.vh-category-card__content span{color:#e8d9bb;font-size:13px;font-weight:700}
.vh-category-card__content i{margin-left:6px;transition:transform .25s ease}
.vh-category-card:hover{border-color:rgba(213,169,78,.55);transform:translateY(-3px)}
.vh-category-card:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.05)}
.vh-category-card:hover .vh-category-card__content i{transform:translateX(5px)}

/* Product modules */
.vh-products-section{background:#0d1418}
.vh-products-section--alt{background:linear-gradient(180deg,#080d10,#10171b)}
.vh-product-grid{margin-top:-15px}
.vh-product-grid .product-grid{margin-top:15px}
.vh-product-grid .product-block-holder{height:100%;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;background:#121b20!important;box-shadow:0 16px 38px rgba(0,0,0,.2)}
.vh-product-grid .product-block-image{overflow:hidden;border-radius:12px 12px 0 0;background:#fff}
.vh-product-grid .product-block-image img{transition:transform .4s ease}
.vh-product-grid .product-block-holder:hover{border-color:rgba(213,169,78,.42)!important;transform:translateY(-4px)}
.vh-product-grid .product-block-holder:hover .product-block-image img{transform:scale(1.025)}
.vh-product-grid .product-block h4 a,.vh-product-grid .price{color:#fff!important}
.vh-product-grid .brand,.vh-product-grid .product-block-desc{color:#96a5ad}

/* Promotional blocks */
.vh-promo-pair{background:#080d10}
.vh-promo-pair .subheadlines{margin-top:0}
.vh-promo-pair .subheadline,.vh-promo-pair [class*="subbanner"]{border-radius:16px;overflow:hidden}

/* Community banner */
.vh-community-banner{padding:30px 0 64px;background:#080d10}
.vh-home-banner{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden;border-radius:0!important;background-position:center;background-size:cover}
.vh-home-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,11,.96) 0,rgba(5,9,11,.78) 44%,rgba(5,9,11,.2) 80%)}
.vh-home-banner .container{position:relative;z-index:2}
.vh-home-banner__content{max-width:650px;padding:65px 0}
.vh-home-banner__content h2{margin:8px 0 14px;color:#fff;font-size:clamp(32px,4.2vw,54px);line-height:1.08}
.vh-home-banner__content p{max-width:580px;color:#c5cdd1;font-size:17px;line-height:1.65}
.vh-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;margin-top:18px;padding:13px 24px!important;border-radius:8px!important;background:var(--vh-gold,#d5a94e)!important;color:#111!important;font-weight:800!important;text-transform:none!important}
.vh-button--outline{border:1px solid rgba(213,169,78,.68)!important;background:transparent!important;color:#efdcae!important}

/* Closing story */
.vh-story{padding-top:0;background:#080d10}
.vh-story__panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:34px 40px;border:1px solid rgba(213,169,78,.2);border-radius:16px;background:linear-gradient(110deg,#111a1f,#0c1216);box-shadow:0 18px 50px rgba(0,0,0,.2)}
.vh-story__mark{display:grid;width:68px;height:68px;place-items:center;border:1px solid rgba(213,169,78,.4);border-radius:50%;color:var(--vh-gold,#d5a94e);font-size:29px}
.vh-story__copy h2{margin:5px 0 8px;color:#fff;font-size:26px}
.vh-story__copy p{max-width:760px;margin:0;color:#99a7ad;line-height:1.6}

@media(max-width:991px){
  .vh-module{padding:48px 0}.vh-usp-grid{grid-template-columns:repeat(2,1fr)}.vh-usp:nth-child(2){border-right:0}.vh-category-card,.vh-category-card:nth-child(1),.vh-category-card:nth-child(2){grid-column:span 6;min-height:270px}.vh-story__panel{grid-template-columns:auto 1fr}.vh-story__panel .vh-button{grid-column:2}
}
@media(max-width:767px){
  .vh-module{padding:40px 0}.vh-section-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.vh-section-heading h2{font-size:30px}.vh-text-link{font-size:13px}.vh-hero__frame.container{padding-right:0;padding-left:0}.vh-hero .slider,.vh-hero .swiper-container,.vh-hero .slider-holder{border-radius:0}.vh-usp-grid{grid-template-columns:1fr 1fr}.vh-usp{min-height:82px;padding:14px 10px}.vh-usp i{display:none}.vh-usp strong{font-size:12px}.vh-usp span{font-size:10px}.vh-category-grid{gap:12px}.vh-category-card,.vh-category-card:nth-child(1),.vh-category-card:nth-child(2){grid-column:span 12;min-height:220px}.vh-category-card__content{right:18px;bottom:17px;left:18px}.vh-home-banner{min-height:390px}.vh-home-banner:after{background:rgba(5,9,11,.78)}.vh-home-banner__content{padding:48px 4px}.vh-story__panel{display:flex;align-items:flex-start;flex-direction:column;padding:28px 24px}.vh-story__mark{width:52px;height:52px;font-size:22px}.vh-story__panel .vh-button{margin-top:0}
}

/* v0.2.1 — stronger Nova header/navigation overrides */
body.layout-custom #header-holder,
body.layout-fixed #header-holder,
body.layout-custom #header-content,
body.layout-fixed #header-content {
  background: #080d10 !important;
}

body.layout-custom #header-holder,
body.layout-fixed #header-holder {
  border-bottom: 1px solid rgba(214,168,75,.22) !important;
}

body.layout-custom .search-holder,
body.layout-fixed .search-holder {
  max-width: none;
  background: transparent !important;
}

body.layout-custom .search-holder:after,
body.layout-fixed .search-holder:after {
  display: none !important;
  content: none !important;
}

body.layout-custom input.searchbox,
body.layout-custom input.searchbox.white,
body.layout-fixed input.searchbox,
body.layout-fixed input.searchbox.white {
  background: #0c1418 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #f5f1e8 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #f5f1e8 !important;
}

body.layout-custom input.searchbox::placeholder,
body.layout-fixed input.searchbox::placeholder {
  color: #89969b !important;
  opacity: 1;
}

body.layout-custom #navbar,
body.layout-fixed #navbar,
body.layout-custom #navbar > .container,
body.layout-custom #navbar > .container-fluid,
body.layout-fixed #navbar > .container,
body.layout-fixed #navbar > .container-fluid {
  background: #0b1114 !important;
}

body.layout-custom #navbar,
body.layout-fixed #navbar {
  border-top: 1px solid rgba(255,255,255,.05) !important;
  border-bottom: 1px solid rgba(214,168,75,.16) !important;
}

body.layout-custom #navbar nav > ul,
body.layout-fixed #navbar nav > ul {
  background: #0b1114 !important;
}

body.layout-custom #navbar nav > ul > li > a,
body.layout-fixed #navbar nav > ul > li > a {
  color: #e7e3da !important;
  background: transparent !important;
}

body.layout-custom #navbar nav > ul > li:hover > a,
body.layout-custom #navbar nav > ul > li.active > a,
body.layout-fixed #navbar nav > ul > li:hover > a,
body.layout-fixed #navbar nav > ul > li.active > a {
  color: #f0c66b !important;
  background: rgba(214,168,75,.07) !important;
}

body.layout-custom #navbar ul.sub1,
body.layout-custom #navbar ul.sub2,
body.layout-custom #navbar ul.sub3,
body.layout-fixed #navbar ul.sub1,
body.layout-fixed #navbar ul.sub2,
body.layout-fixed #navbar ul.sub3 {
  background: #10191e !important;
  border-color: rgba(214,168,75,.22) !important;
}

body.layout-custom .subheader-holder,
body.layout-fixed .subheader-holder,
body.layout-custom .subheader,
body.layout-fixed .subheader {
  background: #0b1114 !important;
}

/* ========================================================================
   Valhalla Theme 2.0 — v0.3 Product system
   Premium floating product cards while retaining Nova product logic.
   ======================================================================== */

:root {
  --vh-card-bg: #121a1f;
  --vh-card-bg-hover: #151f25;
  --vh-card-border: rgba(255,255,255,.09);
  --vh-card-border-hover: rgba(213,169,78,.58);
  --vh-card-image-bg: #f7f7f5;
  --vh-card-muted: #94a1a8;
  --vh-card-radius: 16px;
}

/* Product grid spacing and equal-height cards */
.product-grid {
  padding-right: 9px;
  padding-left: 9px;
}

.product-grid > .product-block-holder,
.vh-product-grid .product-block-holder {
  position: relative;
  display: flex;
  height: 100%;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--vh-card-border) !important;
  border-radius: var(--vh-card-radius) !important;
  background: var(--vh-card-bg) !important;
  box-shadow: 0 14px 35px rgba(0,0,0,.24) !important;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background-color .24s ease;
}

.product-grid > .product-block-holder.white-bg,
.product-grid .product-block-holder.white-bg,
.product-block-holder.white-bg {
  background: var(--vh-card-bg) !important;
}

.product-grid > .product-block-holder:hover,
.vh-product-grid .product-block-holder:hover {
  z-index: 3;
  border-color: var(--vh-card-border-hover) !important;
  background: var(--vh-card-bg-hover) !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.38), 0 0 0 1px rgba(213,169,78,.08) !important;
  transform: translateY(-5px);
}

.product-grid .product-block {
  display: flex;
  min-height: 100%;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 0 16px 18px !important;
  background: transparent !important;
}

/* Keep supplied product photography clean, but contain the white canvas. */
.product-grid .product-block-image {
  position: relative;
  min-height: 245px;
  margin: 0 -16px 16px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.07);
  border-radius: var(--vh-card-radius) var(--vh-card-radius) 0 0 !important;
  background: var(--vh-card-image-bg) !important;
}

.product-grid .product-block-image > a {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 245px;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.product-grid .product-block-image img {
  width: 100%;
  height: 215px !important;
  max-height: 215px;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform .35s ease;
}

.product-grid .product-block-holder:hover .product-block-image img {
  transform: scale(1.035);
}

/* Product copy */
.product-grid .brand {
  min-height: 18px;
  margin: 0 0 5px;
  color: var(--vh-card-muted) !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.product-grid .product-block h4 {
  min-height: 48px;
  margin: 0 0 7px !important;
  line-height: 1.35;
}

.product-grid .product-block h4 a,
.product-grid .product-block .title {
  display: -webkit-box;
  overflow: hidden;
  color: #f4f2ec !important;
  font-size: 15px !important;
  font-weight: 750;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: color .2s ease;
}

.product-grid .product-block h4 a:hover,
.product-grid .product-block .title:hover {
  color: #f1c86c !important;
}

.product-grid .product-block-desc {
  display: -webkit-box;
  overflow: hidden;
  min-height: 38px;
  margin-bottom: 10px;
  color: var(--vh-card-muted) !important;
  font-size: 12px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.product-grid .product-block-reviews {
  min-height: 20px;
  margin: 1px 0 7px !important;
}

.product-grid .stars .fa-star,
.product-grid .stars .fas.fa-star {
  color: #d5a94e !important;
}

.product-grid .stars .empty {
  color: #455158 !important;
}

/* Pricing sits low in the card for a calmer grid. */
.product-grid .product-block-price,
.product-grid .product-block-meta-holder {
  margin-top: auto !important;
}

.product-grid .product-block-price {
  display: flex;
  min-height: 34px;
  align-items: baseline;
  gap: 8px;
  padding-top: 9px;
  color: #f1c86c !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

.product-grid .product-block-price strong,
.product-grid .product-block-meta .product-block-price {
  color: #f1c86c !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

.product-grid .price-old {
  color: #7f8b91 !important;
  font-size: 12px !important;
  font-weight: 500;
  text-decoration: line-through;
}

.product-grid .price-strict,
.product-grid .unit-price {
  color: #77858c !important;
  font-size: 10px;
  line-height: 1.4;
}

/* Premium labels */
.product-grid .product-label {
  top: 12px !important;
  left: 12px !important;
  z-index: 6;
  min-height: 27px;
  padding: 6px 10px !important;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px !important;
  background: #d5a94e !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.24);
  color: #0a0e10 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .06em;
  line-height: 1.2;
  text-transform: uppercase;
  transform: none !important;
}

.product-grid .product-label.rotated {
  transform: none !important;
}

/* Quick controls become tidy circular controls over the image. */
.product-grid .product-block-quick {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 7;
  display: grid !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  place-items: center;
  border: 1px solid rgba(17,26,31,.14) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.16);
  color: #172027 !important;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity .2s ease, transform .2s ease, background-color .2s ease, color .2s ease;
}

.product-grid .product-block-quick.wishlist { top: 54px !important; }
.product-grid .product-block-quick.compare { top: 96px !important; }

.product-grid .product-block-holder:hover .product-block-quick,
.product-grid .product-block-quick:focus {
  opacity: 1;
  transform: translateY(0);
}

.product-grid .product-block-quick:hover {
  border-color: #d5a94e !important;
  background: #d5a94e !important;
  color: #0b1013 !important;
}

/* Quick-order is a real, full-width action instead of a detached white strip. */
.product-grid .quick-order {
  display: flex;
  margin: 14px 16px 16px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.product-grid .quick-order form {
  display: flex;
  width: 100%;
  gap: 8px;
}

.product-grid .quick-order .qty-fast {
  width: 48px !important;
  min-width: 48px;
  height: 42px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;
  background: #0b1115 !important;
  color: #fff !important;
  text-align: center;
}

.product-grid .quick-order .quick-cart,
.product-grid .quick-order .button {
  display: flex !important;
  width: auto !important;
  min-width: 0;
  height: 42px !important;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid #d5a94e !important;
  border-radius: 8px !important;
  background: #d5a94e !important;
  color: #0a0f12 !important;
  font-weight: 900 !important;
  transition: filter .2s ease, transform .2s ease;
}

.product-grid .quick-order .quick-cart:hover,
.product-grid .quick-order .button:hover {
  filter: brightness(1.09);
  transform: translateY(-1px);
}

.product-grid .product-block-stock {
  right: 10px !important;
  bottom: 10px !important;
  left: auto !important;
  width: auto !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: rgba(10,16,19,.86) !important;
  color: #dfe8e3 !important;
  font-size: 10px !important;
  backdrop-filter: blur(4px);
}

/* List view receives the same dark visual language. */
.product-list-holder {
  overflow: hidden;
  border: 1px solid var(--vh-card-border) !important;
  border-radius: 16px !important;
  background: var(--vh-card-bg) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.2);
}

.product-list-holder:hover {
  border-color: var(--vh-card-border-hover) !important;
}

.product-list-image-holder,
.product-list-image {
  background: var(--vh-card-image-bg) !important;
}

.product-list-content,
.product-list-content h4 a,
.product-list-content .title {
  color: #f4f2ec !important;
}

.product-list-content .description {
  color: var(--vh-card-muted) !important;
}

.product-list-price {
  color: #f1c86c !important;
  font-weight: 800;
}

/* Pagination and grid controls should not reintroduce white panels. */
.collection-content,
.collection-products,
.products-holder,
.product-grid-holder,
.category-products {
  background: transparent !important;
}

.pagination > li > a,
.pagination > li > span,
.view-mode a,
.sort-holder select,
.collection-filter select {
  border-color: rgba(255,255,255,.11) !important;
  background: #11191e !important;
  color: #dce2e5 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > li > a:hover {
  border-color: #d5a94e !important;
  background: #d5a94e !important;
  color: #0a0f12 !important;
}

/* Four-column premium rhythm on large screens; Nova already supplies col-md-3. */
@media (min-width: 1200px) {
  .vh-product-grid .product-grid,
  .collection-products .product-grid {
    margin-bottom: 18px;
  }
}

@media (max-width: 991px) {
  .product-grid .product-block-image,
  .product-grid .product-block-image > a {
    min-height: 220px;
  }
  .product-grid .product-block-image img {
    height: 190px !important;
    max-height: 190px;
  }
  .product-grid .product-block-quick {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 767px) {
  .product-grid {
    padding-right: 6px;
    padding-left: 6px;
  }
  .product-grid .product-block {
    padding: 0 11px 13px !important;
  }
  .product-grid .product-block-image {
    min-height: 180px;
    margin-right: -11px;
    margin-bottom: 12px;
    margin-left: -11px;
  }
  .product-grid .product-block-image > a {
    min-height: 180px;
    padding: 10px;
  }
  .product-grid .product-block-image img {
    height: 160px !important;
    max-height: 160px;
  }
  .product-grid .product-block h4 {
    min-height: 42px;
  }
  .product-grid .product-block h4 a,
  .product-grid .product-block .title {
    font-size: 13px !important;
  }
  .product-grid .product-block-price,
  .product-grid .product-block-price strong,
  .product-grid .product-block-meta .product-block-price {
    font-size: 17px !important;
  }
  .product-grid .product-block-quick.compare,
  .product-grid .product-block-quick.quickshop {
    display: none !important;
  }
  .product-grid .product-block-quick.wishlist {
    top: 10px !important;
    right: 10px !important;
  }
  .product-grid .quick-order {
    margin: 10px 11px 12px !important;
  }
  .product-grid .quick-order .qty-fast {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-grid > .product-block-holder,
  .product-grid .product-block-image img,
  .product-grid .product-block-quick,
  .product-grid .quick-order .button {
    transition: none !important;
  }
}

/* ========================================================================
   Valhalla Theme 2.0 — v0.4 Design Upgrade
   Premium header, navigation, search, form language and subtle Norse detail.
   This layer intentionally keeps Nova's markup and behaviour intact.
   ======================================================================== */

:root {
  --vh-ink: #070b0e;
  --vh-ink-soft: #0b1115;
  --vh-panel: #11191e;
  --vh-panel-raised: #172127;
  --vh-gold-deep: #a97825;
  --vh-gold-soft: #e2bc68;
  --vh-line: rgba(226,188,104,.20);
  --vh-line-soft: rgba(255,255,255,.075);
  --vh-focus: 0 0 0 3px rgba(226,188,104,.18);
  --vh-header-height: 92px;
}

/* Subtle identity: refined geometric/rune-inspired texture, no image needed. */
body.layout-custom,
body.layout-fixed {
  background-color: var(--vh-ink);
  background-image:
    linear-gradient(30deg, rgba(226,188,104,.018) 12%, transparent 12.5%, transparent 87%, rgba(226,188,104,.018) 87.5%, rgba(226,188,104,.018)),
    linear-gradient(150deg, rgba(226,188,104,.018) 12%, transparent 12.5%, transparent 87%, rgba(226,188,104,.018) 87.5%, rgba(226,188,104,.018));
  background-size: 64px 112px;
}

/* Premium sticky shell. */
body header {
  position: sticky !important;
  top: 0;
  z-index: 1000;
  border-bottom: 0 !important;
  background: rgba(7,11,14,.94) !important;
  box-shadow: 0 1px 0 var(--vh-line), 0 16px 45px rgba(0,0,0,.34) !important;
  backdrop-filter: saturate(1.2) blur(14px);
  -webkit-backdrop-filter: saturate(1.2) blur(14px);
}

#header-holder {
  position: relative;
  background: linear-gradient(180deg, rgba(19,28,33,.98), rgba(8,13,16,.98)) !important;
}

#header-holder::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(226,188,104,.55), transparent);
  pointer-events: none;
}

#header-holder .container {
  width: min(100% - 40px, var(--vh-container));
}

#header-content {
  min-height: var(--vh-header-height);
  display: grid !important;
  grid-template-columns: minmax(170px, 260px) minmax(280px, 720px) minmax(190px, 300px);
  align-items: center;
  column-gap: clamp(20px, 3vw, 52px);
}

#header-content .header-left,
#header-content .header-center,
#header-content .header-right {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

#header-content .header-left { display: flex; align-items: center; }
#header-content .header-center { min-width: 0; }
#header-content .header-right { display: flex; justify-content: flex-end; align-items: center; }

#header-content img.logo {
  max-width: min(230px, 100%) !important;
  max-height: 68px !important;
  filter: drop-shadow(0 5px 15px rgba(0,0,0,.34));
}

/* Search becomes the visual centrepiece. */
#header-content .search { width: 100%; }
#header-content .searchform,
#header-content .search-holder { width: 100%; }

#header-content input.searchbox,
#header-content input.searchbox.white {
  width: 100% !important;
  height: 52px !important;
  padding: 0 58px 0 20px !important;
  border: 1px solid rgba(226,188,104,.30) !important;
  border-radius: 12px !important;
  outline: 0 !important;
  background: linear-gradient(180deg, #10191e, #0b1216) !important;
  color: #f6f2e9 !important;
  font-size: 15px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 9px 24px rgba(0,0,0,.18) !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

#header-content input.searchbox:hover,
#header-content input.searchbox.white:hover {
  border-color: rgba(226,188,104,.50) !important;
}

#header-content input.searchbox:focus,
#header-content input.searchbox.white:focus {
  border-color: var(--vh-gold-soft) !important;
  background: #111b20 !important;
  box-shadow: var(--vh-focus), 0 13px 28px rgba(0,0,0,.24) !important;
}

#header-content input.searchbox::placeholder,
#header-content input.searchbox.white::placeholder {
  color: #8f9ca2 !important;
  opacity: 1;
}

#header-content .search-holder > .fa-search {
  right: 18px !important;
  color: var(--vh-gold-soft) !important;
  font-size: 17px;
}

#header-content .search-holder > .clearsearch {
  right: 44px !important;
  color: #aab4b8 !important;
}

.searchcontent {
  overflow: hidden;
  margin-top: 10px !important;
  border: 1px solid var(--vh-line) !important;
  border-radius: 14px !important;
  background: rgba(15,23,27,.985) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.48) !important;
}

.searchcontent .searchresults,
.searchcontent .more,
.searchcontent .noresults { background: transparent !important; color: var(--vh-text) !important; }
.searchcontent .more { border-top: 1px solid var(--vh-line-soft) !important; }
.searchcontent a { color: #eef0ec !important; }
.searchcontent a:hover { color: var(--vh-gold-soft) !important; }

/* Header action buttons form one consistent component family. */
#header-content .user-actions { display: inline-flex; align-items: center; gap: 8px; }
#header-content .header-link {
  position: relative;
  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  border: 1px solid var(--vh-line-soft) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)) !important;
  color: #e9ece8 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

#header-content .header-link + .header-link { margin-left: 8px !important; }
#header-content .header-link:hover,
#header-content .header-link:focus {
  border-color: rgba(226,188,104,.52) !important;
  background: rgba(226,188,104,.10) !important;
  color: var(--vh-gold-soft) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.22);
  transform: translateY(-2px);
}

#header-content .cart.header-link {
  margin-left: 12px !important;
  border-color: rgba(226,188,104,.45) !important;
  background: linear-gradient(180deg, rgba(226,188,104,.14), rgba(169,120,37,.08)) !important;
}

#header-content .cart-total-qty {
  top: -8px !important;
  right: -8px !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
  border: 2px solid #0b1115;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f2cf7c, #c99537) !important;
  color: #120e07 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 18px !important;
}

/* Horizontal navigation: black, restrained, premium. */
#navbar {
  position: relative;
  min-height: 54px;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(226,188,104,.24) !important;
  background: #05090b !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.24);
}

#navbar::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0, rgba(226,188,104,.035) 20%, rgba(226,188,104,.035) 80%, transparent 100%);
}

#navbar .container,
#navbar .container-fluid { position: relative; z-index: 1; }
#navbar ul { background: transparent !important; }
#navbar > div > ul,
#navbar .navbar { min-height: 54px; }

#navbar > div > ul > li > a,
#navbar .navbar > li > a,
#navbar .navbar-nav > li > a {
  position: relative;
  padding: 18px clamp(10px, 1.15vw, 18px) 16px !important;
  border: 0 !important;
  background: transparent !important;
  color: #e3e5e1 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .075em;
  line-height: 20px !important;
  text-transform: uppercase;
}

#navbar > div > ul > li > a::after,
#navbar .navbar > li > a::after {
  content: "";
  position: absolute;
  right: 14px;
  bottom: 9px;
  left: 14px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--vh-gold-deep), var(--vh-gold-soft));
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .18s ease, transform .18s ease;
}

#navbar > div > ul > li:hover > a,
#navbar > div > ul > li.active > a,
#navbar .navbar > li:hover > a,
#navbar .navbar > li.active > a {
  color: var(--vh-gold-soft) !important;
}

#navbar > div > ul > li:hover > a::after,
#navbar > div > ul > li.active > a::after,
#navbar .navbar > li:hover > a::after,
#navbar .navbar > li.active > a::after {
  opacity: 1;
  transform: scaleX(1);
}

/* Mega menu / dropdown language. */
#navbar .sub1,
#navbar .sub2,
#navbar .sub3,
#navbar .megamenu,
#navbar .smallmenu,
.nav-main-sub {
  border: 1px solid var(--vh-line) !important;
  background: rgba(13,20,24,.99) !important;
  color: var(--vh-text) !important;
  box-shadow: 0 25px 70px rgba(0,0,0,.52) !important;
}

#navbar .sub1,
#navbar .megamenu { border-radius: 0 0 16px 16px !important; }
#navbar .smallmenu { border-radius: 0 0 12px 12px !important; }
#navbar .sub-holder { border-color: var(--vh-line-soft) !important; }
#navbar h4,
#navbar h5,
#navbar .category-title a { color: var(--vh-gold-soft) !important; }
#navbar .sub1 a,
#navbar .sub2 a,
#navbar .sub3 a,
#navbar .smallmenu a { color: #dce2df !important; }
#navbar .sub1 a:hover,
#navbar .sub2 a:hover,
#navbar .sub3 a:hover,
#navbar .smallmenu a:hover { color: var(--vh-gold-soft) !important; }

/* Vertical/button navigation gets the same component system. */
.subheader-holder {
  border-top: 0 !important;
  border-bottom: 1px solid rgba(226,188,104,.20) !important;
  background: #05090b !important;
}
.categories-button.main,
.categories-button.small {
  border-radius: 10px;
  color: var(--vh-gold-soft) !important;
  font-weight: 800;
}
.nav-main > .nav-main-item > a {
  border-radius: 8px;
}

/* Shared design system: controls and content surfaces. */
body .btn,
body .button,
body button,
body input[type="submit"] {
  min-height: 42px;
  border-radius: 9px !important;
  letter-spacing: .015em;
  transition: transform .18s ease, filter .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body .btn-primary,
body .button-primary,
body input[type="submit"] {
  border: 1px solid #d7aa51 !important;
  background: linear-gradient(180deg, #efcb78 0%, #c99335 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 10px 24px rgba(169,120,37,.18) !important;
}
body .btn-primary:hover,
body .button-primary:hover,
body input[type="submit"]:hover {
  filter: brightness(1.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 13px 30px rgba(169,120,37,.26) !important;
}

body input:not([type="checkbox"]):not([type="radio"]):not(.searchbox),
body select,
body textarea {
  border: 1px solid var(--vh-line-soft) !important;
  border-radius: 9px !important;
  background: #0d1519 !important;
  color: #edf0ec !important;
}
body input:not([type="checkbox"]):not([type="radio"]):not(.searchbox):focus,
body select:focus,
body textarea:focus {
  border-color: rgba(226,188,104,.58) !important;
  outline: 0 !important;
  box-shadow: var(--vh-focus) !important;
}

/* Section titles get a subtle brand divider. */
.vh-section-head h2,
body .page-title h1,
body .collection-title h1 {
  position: relative;
}
.vh-section-head h2::after,
body .page-title h1::after,
body .collection-title h1::after {
  content: "";
  display: block;
  width: 54px;
  height: 2px;
  margin-top: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--vh-gold-deep), var(--vh-gold-soft));
}

/* Footer receives the identity without becoming theatrical. */
body footer,
body #footer,
body .footer {
  position: relative;
  border-top: 1px solid var(--vh-line) !important;
  background:
    linear-gradient(rgba(6,10,12,.97), rgba(6,10,12,.99)),
    repeating-linear-gradient(45deg, transparent 0 18px, rgba(226,188,104,.06) 18px 19px) !important;
}
body footer::before,
body #footer::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(226,188,104,.65), transparent);
}
body footer h3,
body footer h4,
body footer h5,
body #footer h3,
body #footer h4,
body #footer h5 { color: var(--vh-gold-soft) !important; }
body footer a,
body #footer a { color: #c6cfcc !important; }
body footer a:hover,
body #footer a:hover { color: var(--vh-gold-soft) !important; }

/* Mobile/tablet: preserve Nova behaviour while matching the new visual language. */
@media (max-width: 991px) {
  body header { position: sticky !important; }
  #header-holder .container { width: calc(100% - 24px); }
  #header-content {
    min-height: 72px;
    display: grid !important;
    grid-template-columns: 92px minmax(100px, 1fr) 56px;
    column-gap: 10px;
  }
  #header-content img.logo { max-height: 50px !important; max-width: 180px !important; }
  #header-content .header-left { gap: 12px; }
  #header-content .header-right .cart.header-link {
    width: 44px !important;
    height: 44px !important;
    margin-left: 0 !important;
  }
  #mobilenav,
  #mobilesearch {
    color: #eef0ec !important;
  }
  #mobilenav:hover,
  #mobilesearch:hover { color: var(--vh-gold-soft) !important; }
  .mobile-nav,
  .mobile-navigation,
  #mobile-nav,
  .fancy-mobile-nav-holder {
    border-color: var(--vh-line) !important;
    background: #0b1216 !important;
    color: var(--vh-text) !important;
  }
}

@media (max-width: 480px) {
  #header-holder .container { width: calc(100% - 16px); }
  #header-content {
    grid-template-columns: 80px minmax(80px, 1fr) 48px;
    column-gap: 6px;
  }
  #header-content img.logo { max-width: 145px !important; max-height: 44px !important; }
  #mobilenav span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  #navbar a::after,
  #header-content .header-link,
  #header-content input.searchbox { transition: none !important; }
}

/* =========================================================
   Valhalla Theme 2.0 — v0.4.1 visibility + cart corrections
   ========================================================= */

/* A deliberately visible, but still quiet, Nordic weave. The pattern is
   applied to the actual Nova content wrappers so it is not hidden by their
   existing backgrounds. */
body.layout-custom,
body.layout-fixed,
body.layout-custom .body-content,
body.layout-fixed .body-content,
body.template-index .body-content,
body .vh-home {
  background-color: #080d10 !important;
  background-image:
    linear-gradient(30deg, rgba(226,188,104,.055) 12%, transparent 12.5%, transparent 87%, rgba(226,188,104,.055) 87.5%, rgba(226,188,104,.055)),
    linear-gradient(150deg, rgba(226,188,104,.055) 12%, transparent 12.5%, transparent 87%, rgba(226,188,104,.055) 87.5%, rgba(226,188,104,.055)),
    linear-gradient(30deg, rgba(226,188,104,.055) 12%, transparent 12.5%, transparent 87%, rgba(226,188,104,.055) 87.5%, rgba(226,188,104,.055)),
    linear-gradient(150deg, rgba(226,188,104,.055) 12%, transparent 12.5%, transparent 87%, rgba(226,188,104,.055) 87.5%, rgba(226,188,104,.055)),
    linear-gradient(60deg, rgba(255,255,255,.018) 25%, transparent 25.5%, transparent 75%, rgba(255,255,255,.018) 75%, rgba(255,255,255,.018)),
    linear-gradient(60deg, rgba(255,255,255,.018) 25%, transparent 25.5%, transparent 75%, rgba(255,255,255,.018) 75%, rgba(255,255,255,.018)),
    radial-gradient(circle at 50% -10%, rgba(214,168,75,.11), transparent 34%) !important;
  background-position: 0 0, 0 0, 32px 56px, 32px 56px, 0 0, 32px 56px, 0 0 !important;
  background-size: 64px 112px, 64px 112px, 64px 112px, 64px 112px, 64px 112px, 64px 112px, auto !important;
  background-attachment: fixed !important;
}

/* Keep content modules readable above the pattern. */
body .vh-module,
body .page-content,
body .collection-content,
body .productpage,
body .cart-custom,
body .account-content {
  position: relative;
}

/* Cart dropdown, side drawer and add-to-cart popup. Nova uses different cart
   containers depending on the selected cart behaviour, so all are covered. */
body .fancy-box,
body .fancy-cart-holder,
body .fancy-cart,
body .cart-content,
body .cart-popup {
  border: 1px solid rgba(226,188,104,.24) !important;
  background: #0d1519 !important;
  color: #edf0ec !important;
  box-shadow: -24px 0 70px rgba(0,0,0,.55) !important;
}

body .cart-popup-holder {
  background: rgba(2,5,7,.76) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

body .fancy-box.flyout {
  border-radius: 14px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.58) !important;
}

body .fancy-box.flyout::before {
  border-color: transparent transparent #0d1519 transparent !important;
  filter: drop-shadow(0 -1px 0 rgba(226,188,104,.24));
}

body .fancy-box h1,
body .fancy-box h2,
body .fancy-box h3,
body .fancy-box h4,
body .fancy-box h5,
body .cart-content h4,
body .cart-content h5,
body .cart-popup h4,
body .cart-popup h5 {
  color: #f5f1e8 !important;
}

body .fancy-box p,
body .fancy-box label,
body .fancy-box .bundled,
body .cart-content p,
body .cart-popup p {
  color: #aeb9bd !important;
}

body .fancy-box a:not(.button),
body .cart-content a:not(.button),
body .cart-popup a:not(.button) {
  color: #edf0ec !important;
}
body .fancy-box a:not(.button):hover,
body .cart-content a:not(.button):hover,
body .cart-popup a:not(.button):hover {
  color: var(--vh-gold-soft, #e2bc68) !important;
}

body .cart-item-holder,
body .fancy-cart .cart-item-holder,
body .cart-popup .cart-item-holder {
  border-bottom-color: rgba(255,255,255,.10) !important;
}

body .cart-item-price,
body .cart .sum,
body .fancy-cart .sum,
body .cart-popup-recent .sum {
  background: #111c21 !important;
  color: #f1c96f !important;
  border-radius: 7px;
}

body .freeshipping-bar,
body .message-bar,
body .cart-free-shipping {
  border: 1px solid rgba(226,188,104,.18) !important;
  background: #111c21 !important;
  color: #dce3df !important;
  border-radius: 8px;
}
body .cart-popup .message-bar {
  background: #173021 !important;
  border-color: rgba(113,183,126,.35) !important;
  color: #e9f5eb !important;
}

body .fancy-box .x,
body .cart-popup .x,
body .cart-item-delete a {
  color: #aeb9bd !important;
}
body .fancy-box .x:hover,
body .cart-popup .x:hover,
body .cart-item-delete a:hover {
  color: var(--vh-gold-soft, #e2bc68) !important;
}

body .fancy-box input[type="text"],
body .fancy-box input[type="email"],
body .fancy-box input[type="password"],
body .fancy-box textarea,
body .fancy-box select {
  border: 1px solid rgba(255,255,255,.13) !important;
  background: #091115 !important;
  color: #edf0ec !important;
}

/* Buttons inside cart surfaces must not inherit Nova's white secondary style. */
body .fancy-box .button,
body .cart-content .button,
body .cart-popup .button,
body .fancy-cart .button {
  border: 1px solid #d7aa51 !important;
  background: linear-gradient(180deg, #efcb78 0%, #c99335 100%) !important;
  color: #16120a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 10px 24px rgba(169,120,37,.18) !important;
}
body .fancy-box .button:hover,
body .cart-content .button:hover,
body .cart-popup .button:hover,
body .fancy-cart .button:hover {
  filter: brightness(1.08);
  color: #0e0b06 !important;
}

@media (max-width: 767px) {
  body.layout-custom,
  body.layout-fixed,
  body.layout-custom .body-content,
  body.layout-fixed .body-content,
  body.template-index .body-content,
  body .vh-home {
    background-attachment: scroll !important;
    background-size: 48px 84px, 48px 84px, 48px 84px, 48px 84px, 48px 84px, 48px 84px, auto !important;
  }
  body .fancy-box {
    width: min(100%, 420px) !important;
    padding: 42px 22px !important;
  }
  body .cart-popup {
    width: calc(100% - 24px) !important;
    padding: 22px !important;
  }
}

/* =========================================================
   Valhalla Theme 2.0 — v0.4.2 specification modal contrast
   ========================================================= */
body .specs-modal-holder {
  background: rgba(2, 5, 7, .78) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

body .productpage .specs-modal {
  border: 1px solid rgba(226, 188, 104, .24) !important;
  background: #0d1519 !important;
  color: #edf0ec !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .62) !important;
}

body .productpage .specs-modal h1,
body .productpage .specs-modal h2,
body .productpage .specs-modal h3,
body .productpage .specs-modal h4,
body .productpage .specs-modal h5,
body .productpage .specs-modal strong,
body .productpage .specs-modal b {
  color: #f5f1e8 !important;
}

body .productpage .specs-modal,
body .productpage .specs-modal p,
body .productpage .specs-modal span,
body .productpage .specs-modal div,
body .productpage .specs-modal li,
body .productpage .specs-modal dt,
body .productpage .specs-modal dd,
body .productpage .specs-modal td,
body .productpage .specs-modal th {
  color: #dce3df !important;
}

body .productpage .specs-modal .spec-holder {
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  background: transparent !important;
}

body .productpage .specs-modal .spec-holder:nth-child(odd) {
  background: rgba(255, 255, 255, .045) !important;
}

body .productpage .specs-modal .spec-holder:hover {
  background: rgba(226, 188, 104, .075) !important;
}

body .productpage .specs-modal a:not(.button) {
  color: var(--vh-gold-soft, #e2bc68) !important;
}

body .productpage .specs-modal table,
body .productpage .specs-modal tbody,
body .productpage .specs-modal tr {
  background: transparent !important;
}

body .productpage .specs-modal .x {
  border-color: rgba(255, 255, 255, .18) !important;
  background: #111c21 !important;
  color: #edf0ec !important;
}
body .productpage .specs-modal .x:hover {
  border-color: rgba(226, 188, 104, .55) !important;
  color: var(--vh-gold-soft, #e2bc68) !important;
}

@media (max-width: 767px) {
  body .specs-modal-holder { padding: 12px !important; }
  body .productpage .specs-modal {
    padding: 42px 20px 24px !important;
    border-radius: 14px !important;
  }
}

/* =========================================================
   Valhalla Theme 2.0 — v0.4.3
   Remove Nordic texture and upgrade specifications to a true modal
   ========================================================= */

/* Return all main page surfaces to a calm, solid dark background. */
html body.layout-custom,
html body.layout-fixed,
html body.layout-custom .body-content,
html body.layout-fixed .body-content,
html body.template-index .body-content,
html body .vh-home {
  background-image: none !important;
  background-color: var(--vh-bg, #080d10) !important;
  background-attachment: initial !important;
}

/* Remove decorative texture pseudo-elements added by earlier versions. */
html body.layout-custom::before,
html body.layout-fixed::before,
html body.layout-custom .body-content::before,
html body.layout-fixed .body-content::before,
html body .vh-home::before,
html body .vh-home::after {
  background-image: none !important;
}

/* Specifications: fixed viewport overlay instead of a block at page bottom. */
html body .specs-modal-holder.fancy-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10050 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: clamp(16px, 4vw, 48px) !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: rgba(2, 5, 7, .82) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-sizing: border-box !important;
}

/* Nova shows the holder through jQuery fadeIn, which normally sets display:block. */
html.modal-active body .specs-modal-holder.fancy-modal {
  display: flex !important;
}

html body .productpage .specs-modal {
  position: relative !important;
  inset: auto !important;
  width: min(760px, 100%) !important;
  max-width: 760px !important;
  max-height: min(82vh, 820px) !important;
  margin: 0 !important;
  padding: clamp(28px, 4vw, 44px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-radius: 18px !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(226,188,104,.55) #0b1216;
  transform: translateZ(0);
}

html body .productpage .specs-modal::-webkit-scrollbar {
  width: 10px;
}
html body .productpage .specs-modal::-webkit-scrollbar-track {
  background: #0b1216;
  border-radius: 10px;
}
html body .productpage .specs-modal::-webkit-scrollbar-thumb {
  background: rgba(226,188,104,.55);
  border: 2px solid #0b1216;
  border-radius: 10px;
}

html body .productpage .specs-modal > h4 {
  margin: 0 48px 24px 0 !important;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(226,188,104,.22);
  font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
}

html body .productpage .specs-modal .x {
  position: sticky !important;
  z-index: 2 !important;
  top: 0 !important;
  float: right !important;
  width: 40px !important;
  height: 40px !important;
  margin: -12px -12px 0 12px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 50% !important;
  cursor: pointer !important;
}

/* Prevent the page behind the modal from scrolling. */
html.modal-active,
html.modal-active body {
  overflow: hidden !important;
}

@media (max-width: 767px) {
  html body .specs-modal-holder.fancy-modal {
    padding: 10px !important;
    align-items: flex-end !important;
  }
  html body .productpage .specs-modal {
    width: 100% !important;
    max-width: none !important;
    max-height: 88vh !important;
    padding: 24px 18px 30px !important;
    border-radius: 18px 18px 0 0 !important;
  }
  html body .productpage .specs-modal .x {
    margin: -8px -4px 0 10px !important;
  }
}

/* =========================================================
   Valhalla Theme 2.0 — v0.5 experience & identity upgrade
   ========================================================= */
:root {
  --vh-panel-strong:#11191f;
  --vh-panel-soft:#151f26;
  --vh-gold-soft:#f0cf83;
  --vh-radius-lg:22px;
  --vh-ease:cubic-bezier(.22,1,.36,1);
}

/* Cleaner page rhythm */
.vh-home-v05 .vh-module { padding-block: clamp(46px,7vw,92px); }
.vh-home-v05 .vh-hero { padding-top: 0; padding-bottom: clamp(20px,3vw,42px); }
.vh-home-v05 .vh-usp-strip { padding-block: 18px; }

/* World hubs */
.vh-world-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.vh-world-card { position:relative; min-height:300px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:var(--vh-radius-lg); background:var(--vh-panel-strong); box-shadow:0 22px 50px rgba(0,0,0,.28); isolation:isolate; }
.vh-world-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s var(--vh-ease),filter .5s ease; }
.vh-world-card__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,9,12,.94) 0%,rgba(5,9,12,.65) 48%,rgba(5,9,12,.12) 100%); z-index:1; }
.vh-world-card__body { position:absolute; z-index:2; inset:auto 0 0; padding:34px; display:flex; flex-direction:column; align-items:flex-start; color:#fff; }
.vh-world-card__body small { color:var(--vh-gold-soft); text-transform:uppercase; letter-spacing:.17em; font-weight:800; }
.vh-world-card__body strong { margin:7px 0 18px; font-size:clamp(1.6rem,3vw,2.5rem); line-height:1.05; }
.vh-world-card__body em { font-style:normal; font-weight:700; }
.vh-world-card:hover img { transform:scale(1.055); filter:saturate(1.12); }
.vh-world-card:hover { border-color:rgba(226,188,104,.62); transform:translateY(-5px); }

/* Trust modules */
.vh-trust-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.vh-trust-card { padding:30px 26px; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:linear-gradient(145deg,rgba(24,34,41,.96),rgba(13,20,25,.96)); box-shadow:0 15px 38px rgba(0,0,0,.22); }
.vh-trust-card i { display:grid; place-items:center; width:52px; height:52px; margin-bottom:22px; border-radius:15px; background:rgba(226,188,104,.12); color:var(--vh-gold-soft); font-size:21px; }
.vh-trust-card h3 { margin:0 0 10px; color:#fff; font-size:1.15rem; }
.vh-trust-card p { margin:0; color:rgba(255,255,255,.68); line-height:1.65; }

/* Mega menu: premium card-like dropdown */
#navbar .vh-megamenu,
#navbar ul.sub1.megamenu { padding:28px 0 32px !important; border-top:1px solid rgba(226,188,104,.22) !important; border-bottom:1px solid rgba(255,255,255,.08) !important; background:rgba(10,16,20,.98) !important; box-shadow:0 30px 60px rgba(0,0,0,.48) !important; backdrop-filter:blur(18px); }
#navbar .vh-megamenu h4 { margin:0 0 13px !important; font-size:15px !important; }
#navbar .vh-megamenu h4 a { color:var(--vh-gold-soft) !important; font-weight:800 !important; }
#navbar .vh-megamenu .sub2 a { display:block; padding:6px 0 !important; color:rgba(255,255,255,.72) !important; transition:color .2s ease,transform .2s ease; }
#navbar .vh-megamenu .sub2 a:hover { color:#fff !important; transform:translateX(4px); }
#navbar .vh-megamenu .subcat-image { border:1px solid rgba(255,255,255,.12); border-radius:17px !important; box-shadow:0 15px 35px rgba(0,0,0,.3); }

/* Product page 2.0 */
body .productpage > .row:first-of-type { margin-top:24px; }
body .productpage .product-title { margin-bottom:22px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.09); }
body .productpage .product-title h1 { color:#fff !important; font-size:clamp(2rem,3.3vw,3rem) !important; letter-spacing:-.03em; }
body .productpage-left .product-image-holder { padding:clamp(18px,3vw,34px); border:1px solid rgba(255,255,255,.1); border-radius:22px; background:#f6f5f0; box-shadow:0 24px 54px rgba(0,0,0,.3); }
body .productpage-left .product-image img { border-radius:12px; }
body .productpage-right .offer-holder { padding:clamp(24px,3vw,34px); border:1px solid rgba(255,255,255,.1); border-radius:22px; background:linear-gradient(155deg,#172128,#0e151a); box-shadow:0 24px 54px rgba(0,0,0,.28); }
body .productpage-right .product-price { padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.09); }
body .productpage-right .product-price .price { color:var(--vh-gold-soft) !important; font-size:clamp(2rem,4vw,2.8rem) !important; font-weight:850 !important; }
body .productpage-right .stock > div { display:inline-flex; align-items:center; gap:7px; padding:8px 12px; border-radius:999px; font-weight:750; }
body .productpage-right .in-stock { background:rgba(69,181,117,.13); color:#83e4ac !important; }
body .productpage-right .backorder { background:rgba(226,188,104,.13); color:var(--vh-gold-soft) !important; }
body .productpage-right .out-of-stock { background:rgba(229,92,92,.13); color:#ff9a9a !important; }
body .productpage-right .product-description { color:rgba(255,255,255,.75); line-height:1.7; }
body .productpage-right .productform { padding:16px; border:1px solid rgba(255,255,255,.09); border-radius:15px; background:rgba(0,0,0,.15); }
body .productpage-right .addtocart-holder { display:grid !important; grid-template-columns:76px 1fr; gap:12px; align-items:stretch; }
body .productpage-right .qty { width:76px !important; min-width:76px; border:1px solid rgba(255,255,255,.13) !important; border-radius:13px !important; overflow:hidden; background:#0b1216 !important; }
body .productpage-right .qty input { color:#fff !important; background:transparent !important; }
body .productpage-right .btn-addtocart { min-height:58px; border-radius:13px !important; font-size:1.05rem !important; font-weight:850 !important; box-shadow:0 12px 28px rgba(226,188,104,.17); }
body .productpage .product-info,
body .productpage .product-reviews,
body .productpage .related-products { border:1px solid rgba(255,255,255,.09); border-radius:20px; background:rgba(16,24,30,.82); padding:clamp(22px,4vw,42px); }
body .productpage .product-info-menu { position:sticky; top:112px; z-index:5; margin:36px 0 18px; padding:8px; border:1px solid rgba(255,255,255,.09); border-radius:14px; background:rgba(10,16,20,.92); backdrop-filter:blur(14px); }
body .productpage .product-info-menu a { display:inline-block; padding:10px 16px; border-radius:10px; color:rgba(255,255,255,.7) !important; }
body .productpage .product-info-menu a:hover { color:#111 !important; background:var(--vh-gold-soft); }

/* Refined banners */
.vh-events-feature .vh-home-banner { min-height:470px; border-radius:24px; overflow:hidden; border:1px solid rgba(255,255,255,.1); box-shadow:0 26px 60px rgba(0,0,0,.33); }
.vh-events-feature .vh-home-banner:after { background:linear-gradient(90deg,rgba(7,12,15,.92),rgba(7,12,15,.48),rgba(7,12,15,.12)) !important; }

/* Reveal animations: only when JS is active */
.vh-js .vh-reveal,
.vh-js .vh-reveal-item { opacity:0; transform:translateY(24px); transition:opacity .65s var(--vh-ease),transform .65s var(--vh-ease); }
.vh-js .vh-reveal-item { transition-delay:var(--vh-delay,0ms); }
.vh-js .vh-reveal.is-visible,
.vh-js .vh-reveal-item.is-visible { opacity:1; transform:none; }

@media (max-width:991px) {
  .vh-world-grid { grid-template-columns:1fr; }
  .vh-trust-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body .productpage-right .offer-holder { margin-top:24px; }
  body .productpage .product-info-menu { top:80px; overflow:auto; white-space:nowrap; }
}
@media (max-width:767px) {
  .vh-world-card { min-height:240px; }
  .vh-world-card__body { padding:24px; }
  .vh-trust-grid { grid-template-columns:1fr; }
  body .productpage-left .product-image-holder,
  body .productpage-right .offer-holder { border-radius:16px; }
  body .productpage-right .addtocart-holder { grid-template-columns:68px 1fr; }
  .vh-js .vh-reveal,.vh-js .vh-reveal-item { transform:translateY(14px); }
}
@media (prefers-reduced-motion:reduce) {
  .vh-js .vh-reveal,.vh-js .vh-reveal-item { opacity:1; transform:none; transition:none; }
  .vh-world-card,.vh-world-card img { transition:none; }
}

/* =========================================================
   Valhalla Theme 2.0 — v0.6 community commerce homepage
   ========================================================= */
.vh-home-v06 .vh-module { padding-block:clamp(46px,7vw,92px); }
.vh-home-v06 .vh-hero { padding-top:0; padding-bottom:clamp(20px,3vw,42px); }
.vh-home-v06 .vh-usp-strip { padding-block:18px; }
.vh-section-intro { max-width:720px; margin:12px 0 0; color:rgba(255,255,255,.68); line-height:1.7; }

.vh-events-hub { position:relative; background:linear-gradient(180deg,rgba(18,27,33,.52),rgba(7,12,15,.16)); border-block:1px solid rgba(255,255,255,.055); }
.vh-event-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.vh-event-card { position:relative; display:flex; min-height:208px; padding:28px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:linear-gradient(145deg,#172129,#0d1419); box-shadow:0 18px 42px rgba(0,0,0,.25); isolation:isolate; transition:transform .3s var(--vh-ease),border-color .3s ease,box-shadow .3s ease; }
.vh-event-card:before { content:""; position:absolute; inset:0; z-index:-2; opacity:.22; background:radial-gradient(circle at 85% 15%,var(--vh-event-glow,#e2bc68),transparent 46%); }
.vh-event-card:after { content:""; position:absolute; right:-42px; bottom:-64px; z-index:-1; width:180px; height:180px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 25px rgba(255,255,255,.025),0 0 0 52px rgba(255,255,255,.018); }
.vh-event-card__icon { display:grid; place-items:center; flex:0 0 52px; width:52px; height:52px; margin-right:18px; border:1px solid rgba(255,255,255,.12); border-radius:15px; background:rgba(0,0,0,.22); color:var(--vh-gold-soft); font-size:21px; }
.vh-event-card__body { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.vh-event-card__body small { color:rgba(255,255,255,.6); font-size:.77rem; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }
.vh-event-card__body strong { margin:10px 0 auto; color:#fff; font-size:clamp(1.35rem,2vw,1.85rem); line-height:1.08; }
.vh-event-card__body em { margin-top:28px; color:var(--vh-gold-soft); font-style:normal; font-weight:800; }
.vh-event-card__body em i { margin-left:6px; transition:transform .2s ease; }
.vh-event-card:hover { transform:translateY(-6px); border-color:rgba(226,188,104,.55); box-shadow:0 26px 55px rgba(0,0,0,.34); }
.vh-event-card:hover em i { transform:translateX(4px); }
.vh-event-card--pokemon { --vh-event-glow:#f3d34a; }
.vh-event-card--magic { --vh-event-glow:#e98556; }
.vh-event-card--lorcana { --vh-event-glow:#6eb6ff; }
.vh-event-card--riftbound { --vh-event-glow:#66d4aa; }
.vh-event-card--boardgames { --vh-event-glow:#dc8cff; }
.vh-event-card--rpg { --vh-event-glow:#ef6d6d; }

.vh-play-network { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:22px; padding:15px 18px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(7,12,15,.56); }
.vh-play-network span { padding:7px 11px; border:1px solid rgba(255,255,255,.08); border-radius:999px; color:rgba(255,255,255,.72); font-size:.83rem; font-weight:700; }
.vh-play-network .vh-play-network__label { padding-left:0; border:0; color:var(--vh-gold-soft); font-weight:850; }

/* Commerce remains prominent around the event hub. */
.vh-home-v06 .vh-products-section { position:relative; }
.vh-home-v06 .vh-products-section--alt { background:linear-gradient(180deg,rgba(21,31,38,.58),rgba(10,16,20,.22)); border-block:1px solid rgba(255,255,255,.055); }
.vh-home-v06 .vh-products-section .vh-section-heading h2 { font-size:clamp(1.8rem,3.2vw,2.65rem); }

@media (max-width:991px) {
  .vh-event-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .vh-event-grid { grid-template-columns:1fr; }
  .vh-event-card { min-height:180px; padding:23px; }
  .vh-event-card__icon { flex-basis:46px; width:46px; height:46px; margin-right:14px; }
  .vh-play-network { align-items:flex-start; }
  .vh-play-network .vh-play-network__label { width:100%; }
}

/* ========================================================================== 
   Valhalla Theme 2.0 v0.6.3 — Checkout readability
   Scoped to Lightspeed's checkout body class so normal shop pages are unchanged.
   ========================================================================== */
body.checkout,
body.checkout .body-content,
body.checkout main,
body.checkout .container,
body.checkout .gui-checkout {
  color: var(--vh-text, #f3f4f6);
}

body.checkout .container,
body.checkout .row,
body.checkout .col-md-12 {
  background: transparent;
}

body.checkout h1,
body.checkout h2,
body.checkout h3,
body.checkout h4,
body.checkout h5,
body.checkout h6,
body.checkout legend,
body.checkout .gui-title,
body.checkout .gui-page-title,
body.checkout .gui-block-title,
body.checkout .gui-checkout-title,
body.checkout .gui-form-title,
body.checkout strong,
body.checkout b {
  color: var(--vh-text, #f3f4f6) !important;
}

body.checkout p,
body.checkout span,
body.checkout div,
body.checkout label,
body.checkout small,
body.checkout td,
body.checkout th,
body.checkout li,
body.checkout .gui-text,
body.checkout .gui-description,
body.checkout .gui-subtitle,
body.checkout .gui-form label,
body.checkout .gui-checkout label {
  color: var(--vh-text-muted, #b7bdc8);
}

body.checkout a,
body.checkout .gui-link,
body.checkout .gui-checkout a {
  color: var(--vh-primary, #d4af37) !important;
}

body.checkout a:hover,
body.checkout a:focus,
body.checkout .gui-link:hover {
  color: var(--vh-primary-hover, #e6c45a) !important;
}

/* Checkout panels, steps and summaries */
body.checkout .gui-block,
body.checkout .gui-block-content,
body.checkout .gui-checkout-block,
body.checkout .gui-checkout-step,
body.checkout .gui-form,
body.checkout fieldset,
body.checkout .gui-panel,
body.checkout .gui-cart,
body.checkout .gui-cart-sum,
body.checkout .gui-order-summary,
body.checkout .gui-checkout-summary,
body.checkout .gui-payment-method,
body.checkout .gui-shipping-method,
body.checkout .gui-address,
body.checkout .gui-box,
body.checkout .gui-table-wrap {
  background: var(--vh-surface, #161b22) !important;
  color: var(--vh-text, #f3f4f6) !important;
  border-color: var(--vh-border, #2e3742) !important;
  box-shadow: none;
}

body.checkout .gui-block,
body.checkout .gui-checkout-block,
body.checkout .gui-panel,
body.checkout .gui-box {
  border-radius: 14px;
}

/* Inputs */
body.checkout input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body.checkout select,
body.checkout textarea,
body.checkout .gui-input,
body.checkout .gui-select {
  background: var(--vh-card, #1b222c) !important;
  color: var(--vh-text, #f3f4f6) !important;
  border: 1px solid var(--vh-border, #2e3742) !important;
  border-radius: 8px;
  box-shadow: none !important;
}

body.checkout input::placeholder,
body.checkout textarea::placeholder {
  color: #8f98a6 !important;
  opacity: 1;
}

body.checkout input:focus,
body.checkout select:focus,
body.checkout textarea:focus,
body.checkout .gui-input:focus {
  border-color: var(--vh-primary, #d4af37) !important;
  outline: 2px solid rgba(212, 175, 55, .24) !important;
  outline-offset: 1px;
}

body.checkout select option {
  background: var(--vh-card, #1b222c);
  color: var(--vh-text, #f3f4f6);
}

/* Radio/checkbox method rows */
body.checkout input[type="radio"],
body.checkout input[type="checkbox"] {
  accent-color: var(--vh-primary, #d4af37);
}

body.checkout .gui-radio,
body.checkout .gui-checkbox,
body.checkout .gui-method,
body.checkout .gui-payment-method,
body.checkout .gui-shipping-method,
body.checkout label[for*="payment"],
body.checkout label[for*="shipping"] {
  color: var(--vh-text, #f3f4f6) !important;
}

body.checkout .gui-method:hover,
body.checkout .gui-payment-method:hover,
body.checkout .gui-shipping-method:hover,
body.checkout .gui-method.active,
body.checkout .gui-payment-method.active,
body.checkout .gui-shipping-method.active,
body.checkout .selected {
  background: var(--vh-card-hover, #242d38) !important;
  border-color: var(--vh-primary, #d4af37) !important;
}

/* Tables and totals */
body.checkout table,
body.checkout .gui-table {
  background: transparent !important;
  color: var(--vh-text, #f3f4f6) !important;
}

body.checkout table th,
body.checkout table td,
body.checkout .gui-table th,
body.checkout .gui-table td {
  color: var(--vh-text-muted, #b7bdc8) !important;
  border-color: var(--vh-border, #2e3742) !important;
}

body.checkout table th,
body.checkout .gui-table th,
body.checkout .gui-total,
body.checkout .gui-grand-total,
body.checkout .gui-price,
body.checkout .price,
body.checkout [class*="total"] strong {
  color: var(--vh-text, #f3f4f6) !important;
}

body.checkout .gui-grand-total,
body.checkout .gui-grand-total *,
body.checkout .gui-total-price,
body.checkout .gui-total-price * {
  color: var(--vh-primary-hover, #e6c45a) !important;
}

/* Progress/navigation */
body.checkout .gui-progress,
body.checkout .gui-checkout-progress,
body.checkout .gui-steps,
body.checkout .gui-step {
  border-color: var(--vh-border, #2e3742) !important;
}

body.checkout .gui-step,
body.checkout .gui-step * {
  color: var(--vh-text-muted, #b7bdc8) !important;
}

body.checkout .gui-step.active,
body.checkout .gui-step.active *,
body.checkout .gui-step.completed,
body.checkout .gui-step.completed * {
  color: var(--vh-primary-hover, #e6c45a) !important;
}

/* Messages and validation */
body.checkout .gui-message,
body.checkout .gui-notice,
body.checkout .gui-alert,
body.checkout .alert,
body.checkout .message {
  background: var(--vh-card, #1b222c) !important;
  color: var(--vh-text, #f3f4f6) !important;
  border-color: var(--vh-border, #2e3742) !important;
}

body.checkout .gui-error,
body.checkout .error,
body.checkout .has-error label,
body.checkout .gui-required {
  color: #ff8f8f !important;
}

body.checkout .has-error input,
body.checkout .has-error select,
body.checkout .has-error textarea,
body.checkout input.error {
  border-color: #e65c5c !important;
}

/* Primary and secondary checkout buttons */
body.checkout .gui-button,
body.checkout button,
body.checkout input[type="submit"],
body.checkout .button,
body.checkout .btn {
  border-radius: 8px;
}

body.checkout .gui-button-primary,
body.checkout .gui-button-action,
body.checkout button[type="submit"],
body.checkout input[type="submit"],
body.checkout .btn-primary,
body.checkout .button.primary {
  background: var(--vh-primary, #d4af37) !important;
  border-color: var(--vh-primary, #d4af37) !important;
  color: #101216 !important;
  font-weight: 700;
}

body.checkout .gui-button-primary:hover,
body.checkout .gui-button-action:hover,
body.checkout button[type="submit"]:hover,
body.checkout input[type="submit"]:hover,
body.checkout .btn-primary:hover {
  background: var(--vh-primary-hover, #e6c45a) !important;
  border-color: var(--vh-primary-hover, #e6c45a) !important;
  color: #101216 !important;
}

body.checkout .gui-button-secondary,
body.checkout .btn-default,
body.checkout .button:not(.primary) {
  background: var(--vh-card, #1b222c) !important;
  border-color: var(--vh-border, #2e3742) !important;
  color: var(--vh-text, #f3f4f6) !important;
}

/* Keep payment/shipping logos on a clean light tile where required. */
body.checkout .gui-payment-method img,
body.checkout .gui-shipping-method img,
body.checkout .payment-method img,
body.checkout .shipping-method img {
  background: #fff;
  border-radius: 6px;
  padding: 4px;
}

/* Autofill otherwise becomes bright yellow/white with dark text in Chromium. */
body.checkout input:-webkit-autofill,
body.checkout input:-webkit-autofill:hover,
body.checkout input:-webkit-autofill:focus,
body.checkout textarea:-webkit-autofill,
body.checkout select:-webkit-autofill {
  -webkit-text-fill-color: var(--vh-text, #f3f4f6) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--vh-card, #1b222c) inset !important;
  transition: background-color 9999s ease-out 0s;
}

@media (max-width: 767px) {
  body.checkout .gui-block,
  body.checkout .gui-checkout-block,
  body.checkout .gui-panel,
  body.checkout .gui-box {
    border-radius: 10px;
  }
}

/* ==============================================================
   Valhalla Theme 2.0 — v0.6.4 checkout colour unification
   Removes remaining Nova orange/blue accents and aligns checkout
   controls, links and decorative icons with the Valhalla palette.
   ============================================================== */

/* Keep one predictable palette inside the checkout. */
body.checkout {
  --vh-primary: #d6a84b;
  --vh-primary-hover: #f0c66b;
  --vh-checkout-bg: #080d10;
  --vh-checkout-surface: #0f171b;
  --vh-checkout-card: #152126;
  --vh-checkout-border: rgba(214, 168, 75, .28);
  --vh-checkout-text: #f5f1e8;
  --vh-checkout-muted: #aab4b8;
}

/* All ordinary checkout links use gold instead of Nova blue/orange. */
body.checkout a:not(.gui-button):not(.btn):not(.button),
body.checkout .gui-link,
body.checkout [class*="link"],
body.checkout .gui-cart a,
body.checkout .gui-checkout a,
body.checkout .gui-table a,
body.checkout .gui-block-content a {
  color: var(--vh-primary) !important;
  text-decoration-color: rgba(214, 168, 75, .45) !important;
}

body.checkout a:not(.gui-button):not(.btn):not(.button):hover,
body.checkout a:not(.gui-button):not(.btn):not(.button):focus,
body.checkout .gui-link:hover,
body.checkout .gui-link:focus,
body.checkout [class*="link"]:hover {
  color: var(--vh-primary-hover) !important;
  text-decoration-color: currentColor !important;
}

/* Neutralise Bootstrap/Nova orange, warning and info button variants. */
body.checkout .btn-warning,
body.checkout .button-warning,
body.checkout .gui-button-orange,
body.checkout .gui-button-highlight,
body.checkout .gui-button-action,
body.checkout [class*="button-orange"],
body.checkout [class*="btn-orange"],
body.checkout [style*="#f60"],
body.checkout [style*="#ff6600"],
body.checkout [style*="orange"] {
  background: linear-gradient(180deg, var(--vh-primary-hover), var(--vh-primary)) !important;
  border-color: var(--vh-primary) !important;
  color: #16120a !important;
  box-shadow: 0 8px 22px rgba(214, 168, 75, .18) !important;
}

body.checkout .btn-warning:hover,
body.checkout .button-warning:hover,
body.checkout .gui-button-orange:hover,
body.checkout .gui-button-highlight:hover,
body.checkout .gui-button-action:hover,
body.checkout [class*="button-orange"]:hover,
body.checkout [class*="btn-orange"]:hover {
  background: var(--vh-primary-hover) !important;
  border-color: var(--vh-primary-hover) !important;
  color: #16120a !important;
}

/* Secondary buttons stay dark rather than orange or white. */
body.checkout .btn-default,
body.checkout .btn-secondary,
body.checkout .gui-button-secondary,
body.checkout .gui-button-small,
body.checkout a.gui-button:not(.gui-button-primary):not(.gui-button-action),
body.checkout button:not([type="submit"]):not(.gui-button-primary):not(.gui-button-action) {
  background: var(--vh-checkout-card) !important;
  border-color: var(--vh-checkout-border) !important;
  color: var(--vh-checkout-text) !important;
  box-shadow: none !important;
}

body.checkout .btn-default:hover,
body.checkout .btn-secondary:hover,
body.checkout .gui-button-secondary:hover,
body.checkout .gui-button-small:hover,
body.checkout a.gui-button:not(.gui-button-primary):not(.gui-button-action):hover {
  background: #1c2a31 !important;
  border-color: var(--vh-primary) !important;
  color: var(--vh-primary-hover) !important;
}

/* Progress indicators, selected steps, badges and counters. */
body.checkout .badge,
body.checkout .label,
body.checkout .gui-badge,
body.checkout .gui-number,
body.checkout .gui-step-number,
body.checkout .gui-progress-bar,
body.checkout .progress-bar,
body.checkout [class*="active"] > .gui-step-number,
body.checkout [class*="selected"] > .gui-step-number {
  background-color: var(--vh-primary) !important;
  border-color: var(--vh-primary) !important;
  color: #16120a !important;
}

body.checkout .gui-progress-bar,
body.checkout .progress-bar {
  background-image: none !important;
}

/* Icons inherit the Valhalla gold. Exclude branded payment/shipping logos. */
body.checkout i,
body.checkout .fa,
body.checkout [class^="icon-"],
body.checkout [class*=" icon-"],
body.checkout .gui-icon,
body.checkout .gui-checkout-icon {
  color: var(--vh-primary) !important;
}

body.checkout svg:not(.payment-logo):not(.shipping-logo):not([class*="payment"]):not([class*="shipping"]) {
  color: var(--vh-primary) !important;
}

body.checkout svg:not(.payment-logo):not(.shipping-logo):not([class*="payment"]):not([class*="shipping"]) [fill]:not([fill="none"]) {
  fill: currentColor !important;
}

body.checkout svg:not(.payment-logo):not(.shipping-logo):not([class*="payment"]):not([class*="shipping"]) [stroke]:not([stroke="none"]) {
  stroke: currentColor !important;
}

/* Decorative image tiles and icon holders no longer use orange backgrounds. */
body.checkout .gui-icon-holder,
body.checkout .gui-image-holder,
body.checkout .gui-checkout-icon-holder,
body.checkout [class*="icon-holder"],
body.checkout [class*="image-holder"],
body.checkout [class*="illustration"] {
  background-color: var(--vh-checkout-card) !important;
  border-color: var(--vh-checkout-border) !important;
  color: var(--vh-primary) !important;
}

/* Preserve original brand colours and legibility for payment/shipping logos. */
body.checkout .gui-payment-method img,
body.checkout .gui-shipping-method img,
body.checkout .payment-method img,
body.checkout .shipping-method img,
body.checkout img[class*="payment"],
body.checkout img[class*="shipping"],
body.checkout img[alt*="iDEAL"],
body.checkout img[alt*="PayPal"],
body.checkout img[alt*="Klarna"] {
  filter: none !important;
  opacity: 1 !important;
  background: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

/* Common orange inline backgrounds used by Nova checkout components. */
body.checkout .gui-highlight,
body.checkout .gui-notice-highlight,
body.checkout .gui-title-bar,
body.checkout .gui-header-highlight,
body.checkout [class*="highlight-bg"],
body.checkout [class*="orange-bg"],
body.checkout [class*="warning-bg"] {
  background: var(--vh-checkout-card) !important;
  border-color: var(--vh-checkout-border) !important;
  color: var(--vh-checkout-text) !important;
}

/* Selected radio/card rows: dark surface with a gold edge, not orange fill. */
body.checkout .gui-method.active,
body.checkout .gui-method.selected,
body.checkout .gui-payment-method.active,
body.checkout .gui-payment-method.selected,
body.checkout .gui-shipping-method.active,
body.checkout .gui-shipping-method.selected,
body.checkout input[type="radio"]:checked + label,
body.checkout input[type="checkbox"]:checked + label {
  background: #1a252b !important;
  border-color: var(--vh-primary) !important;
  color: var(--vh-checkout-text) !important;
  box-shadow: 0 0 0 1px rgba(214,168,75,.18) inset !important;
}

/* Status colours: keep meaning, but remove bright default theme fills. */
body.checkout .alert-info,
body.checkout .gui-message-info,
body.checkout .gui-notice {
  background: #14232a !important;
  border-color: #315362 !important;
  color: #d9edf4 !important;
}

body.checkout .alert-success,
body.checkout .gui-message-success {
  background: #14251d !important;
  border-color: #315c42 !important;
  color: #d9f1e1 !important;
}

body.checkout .alert-warning,
body.checkout .gui-message-warning {
  background: #292313 !important;
  border-color: rgba(214,168,75,.55) !important;
  color: #f2deb0 !important;
}

/* Ensure nested text inside buttons follows the button colour. */
body.checkout .gui-button *,
body.checkout .btn *,
body.checkout button * {
  color: inherit !important;
}


/* ==========================================================================
   Valhalla Theme 2.0 — v0.7 collectie-, catalogus- en zoekervaring
   ========================================================================== */

:root {
  --vh-v07-panel: #151b22;
  --vh-v07-panel-2: #1a222b;
  --vh-v07-border: #303945;
  --vh-v07-muted: #aeb7c3;
}

/* Category header */
.collection .vh-collection-header {
  margin: 28px 0 30px;
  padding: clamp(22px, 3vw, 36px);
  background: linear-gradient(135deg, rgba(28,36,45,.98), rgba(15,18,24,.98));
  border: 1px solid var(--vh-v07-border);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(0,0,0,.22);
}
.vh-collection-heading { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.vh-eyebrow { margin:0 0 7px; color:var(--vh-primary); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.vh-collection-header h1 { margin:0; color:var(--vh-text); font-size:clamp(30px,4vw,48px); line-height:1.08; }
.vh-result-count { margin:10px 0 0; color:var(--vh-v07-muted); }
.vh-collection-image { width:230px; height:116px; object-fit:cover; border-radius:14px; border:1px solid var(--vh-v07-border); }
.collection > .row > .col-md-12 > .page-title,
.collection > .row:first-of-type .page-title { display:none !important; }

.vh-collection-tools { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:24px; padding-top:20px; border-top:1px solid rgba(255,255,255,.08); }
.vh-filter-trigger, .vh-view-switch button, .vh-filter-close {
  border:1px solid var(--vh-v07-border); background:#10161c; color:var(--vh-text); border-radius:10px;
}
.vh-filter-trigger { display:none; align-items:center; gap:9px; min-height:44px; padding:0 16px; font-weight:750; }
.vh-filter-count { min-width:21px; height:21px; padding:0 6px; display:inline-grid; place-items:center; background:var(--vh-primary); color:#111; border-radius:99px; font-size:12px; }
.vh-view-switch { display:flex; padding:3px; border:1px solid var(--vh-v07-border); border-radius:11px; background:#10161c; }
.vh-view-switch button { width:38px; height:36px; border:0; background:transparent; }
.vh-view-switch button.is-active { background:var(--vh-primary); color:#111; box-shadow:0 5px 16px rgba(212,175,55,.2); }

/* Desktop filters */
.collection .sidebar { position:relative; }
.collection .filters-sidebar,
.collection .sidebar-cats {
  background:var(--vh-v07-panel); border:1px solid var(--vh-v07-border) !important; border-radius:15px !important;
  padding:20px; box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.collection .filters-sidebar { position:sticky; top:132px; max-height:calc(100vh - 155px); overflow:auto; scrollbar-width:thin; }
.collection .filters-sidebar .filter-holder > .row { margin:0; }
.collection .custom-filter-col { width:100%; float:none; padding:0 0 18px; margin:0 0 18px; border-bottom:1px solid rgba(255,255,255,.08); }
.collection .custom-filter-col:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; }
.collection .custom-filter-block h5,
.collection .price-filter-block h5,
.vh-filter-panel h5 { margin:0 0 13px; color:var(--vh-text); font-size:15px; font-weight:800; }
.collection .filter-values { margin:0; padding:0; list-style:none; }
.collection .filter-values li { margin:0 0 9px; }
.collection .filter-values label { color:#d8dde4; font-weight:500; cursor:pointer; }
.collection .filter-values label span { color:var(--vh-v07-muted); }
.collection .filter-values input[type=checkbox], .collection .filter-values input[type=radio] { accent-color:var(--vh-primary); }
.collection .filter-values .more a { color:var(--vh-primary) !important; font-weight:700; }
.collection .price-filter-range { color:var(--vh-v07-muted); font-size:13px; }
.collection .collection-filter-price { background:#303945 !important; border:0 !important; height:5px; }
.collection .collection-filter-price .ui-slider-range { background:var(--vh-primary) !important; }
.collection .collection-filter-price .ui-slider-handle { width:17px; height:17px; top:-6px; border:3px solid var(--vh-primary) !important; background:#10161c !important; border-radius:50%; }
.collection .sidebar-cats h4 { color:var(--vh-text); }
.collection .sidebar-cats a { color:#d8dde4; }
.collection .sidebar-cats li.active > .main-cat > a, .collection .sidebar-cats a:hover { color:var(--vh-primary); }

/* Active filters */
.vh-active-filters { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.vh-active-filters:empty { display:none; }
.vh-filter-chip { display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border:1px solid rgba(212,175,55,.42); background:rgba(212,175,55,.1); color:#f1dfaa; border-radius:999px; font-size:13px; }
.vh-filter-chip button { padding:0; border:0; background:transparent; color:inherit; font-size:17px; line-height:1; }

/* Sorting/filter bar compatibility */
.collection .filter-bar, .collection [class*="filter-bar"], .collection .collection-filter-bar {
  background:var(--vh-v07-panel); border:1px solid var(--vh-v07-border); border-radius:13px; padding:12px 14px; margin-bottom:22px;
}
.collection select, .collection .nice-select, .collection .fancy-select {
  background:#10161c !important; border-color:var(--vh-v07-border) !important; color:var(--vh-text) !important; border-radius:9px !important;
}
.collection .nice-select .list, .collection .fancy-select ul { background:var(--vh-v07-panel-2) !important; color:var(--vh-text) !important; }

/* Grid/list mode */
.collection-products-row.vh-list-view > [class*="col-"] { width:100% !important; float:none !important; }
.collection-products-row.vh-list-view .product-block-holder { min-height:230px; }
.collection-products-row.vh-list-view .product-block { display:grid; grid-template-columns:220px minmax(0,1fr); grid-template-rows:auto; text-align:left !important; column-gap:24px; padding:18px; }
.collection-products-row.vh-list-view .product-block-image { grid-row:1 / span 8; grid-column:1; margin:0; }
.collection-products-row.vh-list-view .product-block-image img { max-height:190px; }
.collection-products-row.vh-list-view h4,
.collection-products-row.vh-list-view .brand,
.collection-products-row.vh-list-view .product-block-reviews,
.collection-products-row.vh-list-view .product-block-desc,
.collection-products-row.vh-list-view .product-block-price,
.collection-products-row.vh-list-view .price-strict,
.collection-products-row.vh-list-view .unit-price { grid-column:2; }
.collection-products-row.vh-list-view h4 { margin-top:7px; }
.collection-products-row.vh-list-view .product-block-desc { display:block !important; color:var(--vh-v07-muted); }
.collection-products-row.vh-list-view .product-block-quick { position:relative; display:inline-grid; top:auto; right:auto; margin:8px 6px 0 0; }

/* Product interactions */
.collection .product-block-image { overflow:hidden; border-radius:12px; }
.collection .product-block-image img { transition:transform .32s ease; }
.collection .product-block-holder:hover .product-block-image img { transform:scale(1.035); }
.collection .product-block-holder { transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease; }

/* Empty results */
.collection .no-items { margin:20px 0; padding:64px 24px !important; border:1px dashed var(--vh-v07-border); border-radius:16px; background:var(--vh-v07-panel); }
.collection .no-items h3 { color:var(--vh-text); }
.collection .no-items:before { content:'\f002'; display:block; margin-bottom:16px; color:var(--vh-primary); font:900 32px/1 'Font Awesome 5 Free'; }

/* Pagination */
.collection-pagination, .custom-pagination { margin:28px 0 !important; }
.collection-pagination ul { display:flex; justify-content:center; gap:7px; }
.collection-pagination ul li a, .collection-pagination ul li span, .custom-pagination .items {
  min-width:40px; min-height:40px; display:grid; place-items:center; border:1px solid var(--vh-v07-border); background:var(--vh-v07-panel); color:var(--vh-text) !important; border-radius:9px;
}
.collection-pagination ul li.active a, .collection-pagination ul li a:hover { background:var(--vh-primary); color:#111 !important; border-color:var(--vh-primary); }

/* Catalog category cards */
.catalog .cat-top-holder { overflow:hidden; border:1px solid var(--vh-v07-border); border-radius:18px; background:var(--vh-v07-panel); }
.catalog .cat-top-right { background:linear-gradient(135deg,#1b232c,#10151b); color:var(--vh-text); }
.catalog .cat-top-right h1 { color:var(--vh-text); }
.catalog [class*="col-"] > a + h3, .catalog .cat-block h3 { background:var(--vh-v07-panel) !important; color:var(--vh-text); border:1px solid var(--vh-v07-border); border-top:0; }
.catalog .cat-img { border-radius:14px 14px 0 0; background:#fff; }
.catalog .read-more, .catalog .read-less { color:var(--vh-primary); }

/* Mobile filter drawer */
.vh-filter-drawer { position:fixed; inset:0; z-index:10050; visibility:hidden; pointer-events:none; }
.vh-filter-drawer.is-open { visibility:visible; pointer-events:auto; }
.vh-filter-backdrop { position:absolute; inset:0; border:0; background:rgba(0,0,0,.72); opacity:0; transition:opacity .25s ease; }
.vh-filter-drawer.is-open .vh-filter-backdrop { opacity:1; }
.vh-filter-panel { position:absolute; top:0; right:0; width:min(430px,92vw); height:100%; display:flex; flex-direction:column; background:#10151b; border-left:1px solid var(--vh-v07-border); transform:translateX(102%); transition:transform .28s ease; box-shadow:-18px 0 50px rgba(0,0,0,.4); }
.vh-filter-drawer.is-open .vh-filter-panel { transform:translateX(0); }
.vh-filter-panel-head, .vh-filter-panel-foot { flex:0 0 auto; padding:18px 20px; border-bottom:1px solid var(--vh-v07-border); display:flex; align-items:center; justify-content:space-between; }
.vh-filter-panel-head h2 { margin:0; color:var(--vh-text); }
.vh-filter-close { width:42px; height:42px; }
.vh-filter-panel-body { flex:1 1 auto; overflow:auto; padding:20px; }
.vh-filter-panel-body .custom-filter-col { width:100%; float:none; margin:0 0 18px; padding:0 0 18px; border-bottom:1px solid rgba(255,255,255,.08); }
.vh-filter-panel-foot { border-top:1px solid var(--vh-v07-border); border-bottom:0; }
.vh-filter-apply { width:100%; }
body.vh-filter-open { overflow:hidden; }

@media (max-width: 991px) {
  .vh-filter-trigger { display:inline-flex; }
  .vh-collection-tools { justify-content:space-between; position:sticky; top:72px; z-index:30; margin-left:-10px; margin-right:-10px; padding:11px 10px; background:rgba(15,18,24,.94); backdrop-filter:blur(10px); border-radius:11px; }
  .vh-collection-heading { align-items:flex-start; }
  .vh-collection-image { width:150px; height:90px; }
  .collection-products-row.vh-list-view .product-block { grid-template-columns:150px minmax(0,1fr); column-gap:16px; }
}
@media (max-width: 575px) {
  .collection .vh-collection-header { margin:16px 0 20px; padding:20px 16px; }
  .vh-collection-image { display:none; }
  .vh-view-switch { display:none; }
  .vh-filter-trigger { width:100%; justify-content:center; }
  .collection-products-row.vh-list-view .product-block { display:block; text-align:center !important; }
  .collection-products-row.vh-list-view .product-block-image img { max-height:none; }
}
@media (prefers-reduced-motion: reduce) {
  .vh-filter-panel, .vh-filter-backdrop, .collection .product-block-image img { transition:none !important; }
}

.collection .custom-filter-block h5, .collection .price-filter-block h5 { position:relative; padding-right:24px; cursor:pointer; }
.collection .custom-filter-block h5:after, .collection .price-filter-block h5:after { content:"\f078"; position:absolute; right:0; top:2px; font:900 11px/1 "Font Awesome 5 Free"; color:var(--vh-primary); transition:transform .2s ease; }
.collection .vh-collapsed h5:after { transform:rotate(-90deg); }
.collection .vh-collapsed > :not(h5) { display:none !important; }

/* ==========================================================================
   Valhalla Theme 2.0 — v0.7.1 correcties
   ========================================================================== */

/* De collectie-intro is een compact normaal blok, nooit een sticky/fixed header. */
body .collection .vh-collection-header {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 22px 0 24px !important;
  padding: 22px 24px !important;
  background: #111820 !important;
  border: 1px solid var(--vh-v07-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body .collection .vh-collection-heading { min-height:0 !important; }
body .collection .vh-collection-header h1 { font-size:clamp(28px,3vw,40px) !important; }
body .collection .vh-collection-tools {
  position: static !important;
  min-height:0 !important;
  margin-top:16px !important;
  padding-top:14px !important;
}
body .collection .vh-active-filters { margin-top:12px !important; }

/* Filters blijven rustig in de pagina staan en botsen niet met de header. */
body .collection .filters-sidebar {
  position: static !important;
  top:auto !important;
  max-height:none !important;
  overflow:visible !important;
}
body .collection .sidebar,
body .collection .sidebar-cats,
body .collection .filters-sidebar { clear:both; }
body .collection .sidebar-cats { margin-bottom:18px !important; }
body .collection .custom-filter-col { overflow:hidden; }

/* Nova gebruikt een verborgen hover-afbeelding (.himage). Die uitschakelen voorkomt dubbele beelden. */
body .product-grid .product-block-image .himage,
body .collection .product-block-image .himage,
body .product-block-image .himage {
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  background-image:none !important;
}
body .product-grid .product-block-image > a > img,
body .collection .product-block-image > a > img {
  position:relative !important;
  z-index:1 !important;
  opacity:1 !important;
  visibility:visible !important;
}
body .collection .product-block-holder:hover .product-block-image img,
body .product-grid .product-block-holder:hover .product-block-image img {
  transform:none !important;
}
body .product-grid .product-block-image { isolation:isolate; }

/* Footercredit volledig in Valhalla-stijl. */
body footer .copyright p,
body #footer .copyright p,
body .footer .copyright p { color:var(--vh-text-muted, #b7bdc8) !important; }

/* Mobiele header: menu, hamburger/wafel en zoekicoon helder en goed leesbaar. */
@media (max-width: 991px) {
  body #header-holder,
  body #header-content { background:#0b1116 !important; }
  body #mobilenav,
  body #mobilenav span,
  body #mobilesearch,
  body #mobilesearch a,
  body #mobilesearch i,
  body .categories-button.mobile,
  body .categories-button.mobile span {
    color:#f3f4f6 !important;
    opacity:1 !important;
  }
  body #mobilenav .nav-icon .bar1,
  body #mobilenav .nav-icon .bar2,
  body #mobilenav .nav-icon .bar3,
  body .categories-button.mobile .nav-icon > div {
    background:#d4af37 !important;
    border-color:#d4af37 !important;
    opacity:1 !important;
  }
  body #mobilenav,
  body #mobilesearch {
    min-width:42px;
    min-height:42px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(212,175,55,.34);
    border-radius:10px;
    background:#141c23 !important;
  }
  body #mobilenav span { margin-left:7px; font-weight:700; }
  body .vh-collection-tools {
    position:static !important;
    top:auto !important;
    z-index:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
    background:transparent !important;
    backdrop-filter:none !important;
  }
}

@media (max-width:575px) {
  body .collection .vh-collection-header { padding:18px 16px !important; }
  body .collection .vh-collection-tools { margin-top:12px !important; padding-top:12px !important; }
}

/* =========================================================
   Valhalla Theme 2.0 — v0.7.2 compact category + mobile header
   ========================================================= */

/* Category header: useful content without a large empty panel. */
body .collection .vh-collection-header {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:18px 28px !important;
  align-items:start !important;
  padding:24px 26px !important;
}
body .collection .vh-collection-heading {
  display:block !important;
  min-width:0 !important;
}
body .collection .vh-collection-heading > div { max-width:850px; }
body .collection .vh-result-count { margin:8px 0 0 !important; }
body .collection .vh-collection-intro {
  margin-top:12px !important;
  max-width:780px;
  color:var(--vh-text-muted, #b7bdc8) !important;
  font-size:14px;
  line-height:1.65;
}
body .collection .vh-collection-intro > :first-child { margin-top:0 !important; }
body .collection .vh-collection-intro > :last-child { margin-bottom:0 !important; }
body .collection .vh-collection-intro a { color:var(--vh-gold-soft, #e2bc68) !important; }
body .collection .vh-collection-intro--default { opacity:.9; }
body .collection .vh-collection-tools {
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:start !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body .collection .vh-active-filters {
  grid-column:1 / -1 !important;
  margin:0 !important;
  padding-top:14px !important;
  border-top:1px solid rgba(255,255,255,.08);
}
body .collection .vh-active-filters:empty {
  display:none !important;
  padding:0 !important;
  border:0 !important;
}

/* Mobile header: compact, centred and consistently aligned. */
@media (max-width:991px) {
  body header,
  body #header-holder {
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
  }
  body #header-holder .container {
    width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  body #header-content {
    width:100% !important;
    min-height:60px !important;
    height:60px !important;
    padding:0 !important;
    margin:0 !important;
    grid-template-columns:46px minmax(0,1fr) 46px !important;
    column-gap:8px !important;
    align-items:center !important;
  }
  body #header-content .header-left,
  body #header-content .header-center,
  body #header-content .header-right {
    min-height:0 !important;
    height:60px !important;
    padding:0 !important;
    margin:0 !important;
    align-items:center !important;
  }
  body #header-content .header-left { justify-content:flex-start !important; }
  body #header-content .header-center { display:flex !important; justify-content:center !important; overflow:hidden; }
  body #header-content .header-right { justify-content:flex-end !important; }
  body #header-content img.logo {
    display:block !important;
    width:auto !important;
    max-width:126px !important;
    max-height:38px !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }
  body #mobilenav,
  body #mobilesearch,
  body #header-content .header-right .cart.header-link {
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    line-height:1 !important;
  }
  body #mobilenav { position:relative !important; justify-content:center !important; }
  body #mobilenav span { display:none !important; }
  body #mobilenav .nav-icon {
    position:relative !important;
    display:block !important;
    width:20px !important;
    height:16px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }
  body #mobilenav .nav-icon .bar1,
  body #mobilenav .nav-icon .bar2,
  body #mobilenav .nav-icon .bar3,
  body .categories-button.mobile .nav-icon > div {
    position:absolute !important;
    left:0 !important;
    width:20px !important;
    height:2px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:2px !important;
    transform:none !important;
  }
  body #mobilenav .nav-icon .bar1 { top:3px !important; }
  body #mobilenav .nav-icon .bar2 { top:7px !important; }
  body #mobilenav .nav-icon .bar3 { top:11px !important; }
}

@media (max-width:575px) {
  body .collection .vh-collection-header {
    display:block !important;
    padding:18px 16px !important;
  }
  body .collection .vh-collection-tools {
    display:flex !important;
    width:100% !important;
    margin-top:16px !important;
    padding-top:14px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    justify-content:space-between !important;
  }
  body .collection .vh-active-filters {
    margin-top:14px !important;
    padding-top:14px !important;
  }
  body .collection .vh-collection-intro { font-size:13px; }
}

/* ========================================================================== 
   Valhalla Theme 2.0 — v0.7.3 category controls, mobile navigation and stock
   ========================================================================== */

/* Collection view controls: clear contrast in both active and inactive states. */
body .collection .vh-view-switch {
  border-color: #46515e !important;
  background: #0b1117 !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}
body .collection .vh-view-switch button {
  display: inline-grid !important;
  place-items: center !important;
  color: #f1f4f6 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body .collection .vh-view-switch button i,
body .collection .vh-view-switch button svg {
  color: currentColor !important;
  fill: currentColor !important;
  opacity: 1 !important;
  font-size: 15px !important;
}
body .collection .vh-view-switch button:hover,
body .collection .vh-view-switch button:focus-visible {
  background: #222c36 !important;
  color: #f4d888 !important;
}
body .collection .vh-view-switch button.is-active {
  background: #d8ad49 !important;
  color: #090d10 !important;
}

/* Stock is useful information, not a hover-only decoration. */
body .product-grid .product-block-stock,
body .product-block-holder .product-block-stock {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 8 !important;
  pointer-events: none !important;
}
body .product-grid .product-block-stock > div,
body .product-block-holder .product-block-stock > div {
  border: 1px solid rgba(255,255,255,.13) !important;
  background: rgba(10,16,19,.92) !important;
  color: #ecf2ee !important;
  box-shadow: 0 5px 16px rgba(0,0,0,.25) !important;
}
body .product-block-stock .in-stock { color: #8ed7a8 !important; }
body .product-block-stock .backorder { color: #f1ca73 !important; }
body .product-block-stock .out-of-stock { color: #ff9a9a !important; }

/* Mobile header icons share the same box and optical centre. */
@media (max-width: 991px) {
  body #header-content {
    align-items: center !important;
  }
  body #mobilenav,
  body #mobilesearch,
  body .header-right > .cart {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
  }
  body #mobilenav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }
  body #mobilenav .nav-icon {
    position: relative !important;
    inset: auto !important;
    width: 25px !important;
    height: 18px !important;
    margin: 0 !important;
    transform: none !important;
  }
  body #mobilenav .nav-icon > div {
    position: absolute !important;
    left: 0 !important;
    width: 25px !important;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 5px !important;
    background: #e2bc68 !important;
    transform: none;
  }
  body #mobilenav .nav-icon .bar1 { top: 1px !important; }
  body #mobilenav .nav-icon .bar2 { top: 8px !important; opacity: 1 !important; }
  body #mobilenav .nav-icon .bar3 { top: 15px !important; }

  /* Mobile navigation drawer: dark throughout, with readable text. */
  body .mobile-nav-holder {
    background: #0d141a !important;
    border-right: 1px solid #35404b !important;
    color: #edf1f3 !important;
  }
  body .mobile-nav-header {
    background: #131b22 !important;
    border-bottom: 1px solid #35404b !important;
  }
  body .mobile-nav-header h1,
  body .mobile-nav-header h2,
  body .mobile-nav-header .x,
  body .mobile-nav-header .x:before,
  body .mobile-nav-header .x:after {
    color: #f5f4ef !important;
    border-color: #67727d !important;
  }
  body .mobile-nav,
  body .mobile-nav ul,
  body .mobile-nav li,
  body .mobile-nav .main-cat {
    background: transparent !important;
  }
  body .mobile-nav a,
  body .mobile-nav li > a,
  body .mobile-nav .main-cat > a,
  body .mobile-nav ul.top > li > .main-cat > a,
  body .mobile-nav ul.bottom a,
  body .mobile-nav label,
  body .mobile-nav p,
  body .mobile-nav span:not(.count) {
    color: #dce2e6 !important;
    opacity: 1 !important;
  }
  body .mobile-nav ul.top > li > .main-cat > a {
    font-weight: 650 !important;
  }
  body .mobile-nav a:hover,
  body .mobile-nav a:focus,
  body .mobile-nav li.active > .main-cat > a {
    color: #f0cf7a !important;
  }
  body .mobile-nav .open-sub:after {
    color: #e3b84f !important;
    opacity: 1 !important;
  }
  body .mobile-nav select,
  body .mobile-nav .fancy-select,
  body .mobile-nav .nice-select {
    color: #f0f2f3 !important;
    background: #111920 !important;
    border-color: #3b4651 !important;
  }

  body .product-grid .product-block-stock,
  body .product-block-holder .product-block-stock {
    right: 7px !important;
    bottom: 7px !important;
    left: auto !important;
    max-width: calc(100% - 14px) !important;
    font-size: 9px !important;
  }
  body .product-grid .product-block-stock > div,
  body .product-block-holder .product-block-stock > div {
    padding: 5px 8px !important;
    white-space: nowrap !important;
  }
}

/* =========================================================
   Valhalla Theme 2.0 — v0.7.4 mobile header alignment fix
   ========================================================= */
@media (max-width: 991px) {
  /* Reserve equal space on both sides so the logo remains truly centred.
     The left column contains both menu and search and must not wrap. */
  body #header-content {
    grid-template-columns: 96px minmax(0, 1fr) 96px !important;
    column-gap: 8px !important;
  }

  body #header-content .header-left {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 96px !important;
    min-width: 96px !important;
    overflow: visible !important;
  }

  body #header-content .header-center {
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  body #header-content .header-right {
    width: 96px !important;
    min-width: 96px !important;
    justify-content: flex-end !important;
  }

  body #mobilenav,
  body #mobilesearch,
  body #mobilesearch > a,
  body #header-content .header-right .cart.header-link {
    box-sizing: border-box !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    vertical-align: middle !important;
  }

  body #mobilenav,
  body #mobilesearch,
  body #mobilesearch > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body #mobilesearch i,
  body #header-content .header-right .cart.header-link i {
    margin: 0 !important;
    line-height: 1 !important;
  }

  body #mobilenav .nav-icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
  }
}

@media (max-width: 390px) {
  body #header-content {
    grid-template-columns: 92px minmax(0, 1fr) 92px !important;
    column-gap: 4px !important;
  }
  body #header-content .header-left,
  body #header-content .header-right {
    width: 92px !important;
    min-width: 92px !important;
  }
  body #header-content .header-left { gap: 6px !important; }
  body #mobilenav,
  body #mobilesearch,
  body #mobilesearch > a,
  body #header-content .header-right .cart.header-link {
    flex-basis: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }
}

/* =========================================================
   Valhalla Theme 2.0 — v0.8 Productpagina 2.0
   ========================================================= */
.productpage .vh-product-shell {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.productpage .vh-product-shell > .row:first-child {
  align-items: stretch;
}

.productpage .productpage-left,
.productpage .productpage-right {
  margin-top: 0;
}

.productpage .product-image-holder {
  background: #f7f7f5;
  border: 1px solid var(--vh-border, #2B3440);
  border-radius: 18px;
  overflow: hidden;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 18px 55px rgba(0,0,0,.24);
}

.productpage .product-image-holder .swiper-productimage,
.productpage .product-image-holder .swiper-wrapper,
.productpage .product-image-holder .swiper-slide {
  width: 100%;
}

.productpage .product-image-holder img {
  max-height: 650px;
  width: auto;
  margin: 0 auto;
  object-fit: contain;
}

.productpage .thumbs.vertical .swiper-slide {
  background: #f7f7f5;
  border: 1px solid #2B3440;
  border-radius: 10px;
  overflow: hidden;
  opacity: .72;
  transition: opacity .2s ease, border-color .2s ease;
}
.productpage .thumbs.vertical .swiper-slide:hover,
.productpage .thumbs.vertical .swiper-slide.active {
  opacity: 1;
  border-color: var(--vh-primary, #D4AF37);
}

.productpage .vh-purchase-panel {
  background: linear-gradient(180deg, #171d25 0%, #121820 100%);
  border: 1px solid #2B3440;
  border-radius: 18px;
  padding: 26px;
  box-shadow: 0 18px 55px rgba(0,0,0,.24);
}

.productpage .product-title h1,
.productpage .mobile-title h4 {
  color: #F3F4F6 !important;
  letter-spacing: -.02em;
}

.productpage .product-price {
  padding-bottom: 18px;
  border-bottom: 1px solid #2B3440;
  margin-bottom: 18px;
}
.productpage .product-price .price {
  color: #D4AF37 !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 800;
  line-height: 1;
}
.productpage .product-price .price-old { color: #8A919D !important; }
.productpage .product-price .price-strict { color: #B7BDC8 !important; }

.productpage .stock > div,
.productpage .store-stock {
  border-radius: 999px;
  padding: 7px 11px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
}
.productpage .stock .in-stock { color: #7fd483 !important; background: rgba(76,175,80,.11); }
.productpage .stock .backorder { color: #ffd05c !important; background: rgba(255,179,0,.10); }
.productpage .stock .out-of-stock { color: #ff8585 !important; background: rgba(229,57,53,.11); }
.productpage .store-stock { color: #D4AF37 !important; margin-top: 7px; }

.productpage .productform {
  background: #0F141B;
  border: 1px solid #2B3440;
  border-radius: 14px;
  padding: 16px;
}
.productpage .productform label { color: #F3F4F6 !important; }
.productpage .productform select,
.productpage .productform input,
.productpage .productform .selectbox {
  background: #151B23 !important;
  color: #F3F4F6 !important;
  border-color: #3A4655 !important;
}

.productpage .addtocart-holder {
  display: grid;
  grid-template-columns: 92px minmax(0,1fr);
  gap: 12px;
  align-items: stretch;
}
.productpage .addtocart-holder .qty {
  width: 92px;
  min-height: 58px;
  background: #0F141B;
  border: 1px solid #3A4655;
  border-radius: 12px;
  overflow: hidden;
}
.productpage .addtocart-holder .quantity {
  color: #F3F4F6 !important;
  background: transparent !important;
  font-size: 17px;
  font-weight: 700;
}
.productpage .addtocart-holder .qtyadd,
.productpage .addtocart-holder .qtyminus { color: #D4AF37 !important; }
.productpage .btn-addtocart,
.productpage .addtocart .button-cta {
  min-height: 58px;
  width: 100%;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #D4AF37, #E2BC49) !important;
  color: #11161D !important;
  border: 0 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 26px rgba(212,175,55,.18);
}
.productpage .btn-addtocart:hover,
.productpage .addtocart .button-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(212,175,55,.27);
}

.vh-product-assurances {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 18px;
}
.vh-assurance-item {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 10px;
  align-items: start;
  padding: 12px;
  background: #0F141B;
  border: 1px solid #2B3440;
  border-radius: 12px;
}
.vh-assurance-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(212,175,55,.10);
  color: #D4AF37;
}
.vh-assurance-item strong,
.vh-assurance-item small { display:block; }
.vh-assurance-item strong { color:#F3F4F6; font-size:13px; line-height:1.25; }
.vh-assurance-item small { color:#8A919D; font-size:11px; line-height:1.35; margin-top:3px; }

.vh-product-detail-nav {
  display: flex;
  gap: 8px;
  margin: 40px 0 0;
  padding: 8px;
  background: #11161D;
  border: 1px solid #2B3440;
  border-radius: 14px;
  position: sticky;
  top: 82px;
  z-index: 20;
}
.vh-product-detail-nav a {
  flex: 1;
  text-align: center;
  padding: 12px 15px;
  border-radius: 10px;
  color: #B7BDC8 !important;
  font-weight: 800;
  text-decoration: none !important;
}
.vh-product-detail-nav a:hover,
.vh-product-detail-nav a.is-active {
  color: #11161D !important;
  background: #D4AF37;
}

.vh-product-details { margin-top: 20px !important; }
.vh-detail-card,
.productpage .related-products,
.productpage .product-bundles {
  background: #161B22;
  border: 1px solid #2B3440;
  border-radius: 16px;
  padding: 22px;
  margin-bottom: 18px;
  scroll-margin-top: 155px;
}
.vh-detail-card .block-title,
.productpage .related-products .block-title,
.productpage .product-bundles .block-title {
  color: #F3F4F6 !important;
  font-weight: 900;
  margin: 0 0 16px !important;
  padding-bottom: 13px;
  border-bottom: 1px solid #2B3440;
}
.vh-detail-card .block-content,
.vh-detail-card .block-content * { color: #B7BDC8; }
.vh-detail-card .block-content a { color: #D4AF37 !important; }

.productpage .related-products .products-holder,
.productpage .product-bundles { overflow: hidden; }
.productpage .swiper-related-prev,
.productpage .swiper-related-next {
  background:#11161D;
  border:1px solid #3A4655;
  color:#D4AF37;
  border-radius:10px;
}

@media (max-width: 991px) {
  .productpage .product-image-holder { min-height: 360px; border-radius: 14px; }
  .productpage .vh-purchase-panel { padding: 20px; margin-top: 18px; }
  .vh-product-detail-nav { top: 65px; overflow-x:auto; justify-content:flex-start; }
  .vh-product-detail-nav a { min-width: 145px; flex: 0 0 auto; }
}

@media (max-width: 767px) {
  .productpage .vh-purchase-panel { padding: 16px; }
  .productpage .addtocart-holder { grid-template-columns: 78px minmax(0,1fr); }
  .productpage .addtocart-holder .qty { width: 78px; }
  .vh-product-assurances { grid-template-columns: 1fr; }
  .vh-product-detail-nav { position: static; margin-top: 25px; padding: 6px; }
  .vh-detail-card,
  .productpage .related-products,
  .productpage .product-bundles { padding: 17px; border-radius: 14px; }
  .vh-detail-card .block-title {
    cursor: pointer;
    position: relative;
    padding-right: 34px;
    margin-bottom: 0 !important;
  }
  .vh-detail-card .block-title::after {
    content: '+';
    position: absolute;
    right: 2px;
    top: -2px;
    color: #D4AF37;
    font-size: 24px;
    line-height: 1;
  }
  .vh-detail-card.vh-open .block-title::after { content: '−'; }
  .vh-detail-card > .block-content { display:none; padding-top:16px; }
  .vh-detail-card.vh-open > .block-content { display:block; }
  .vh-detail-card#information { display:block; }
  .vh-detail-card#information > .block-content { display:block; }
  .vh-detail-card#information .block-title::after { display:none; }
}

/* ========================================================================== 
   Valhalla Theme 2.0 — v0.8.1 Warm Tavern refinement
   Warmer wood-and-brass surfaces, clear stock states and readable reviews.
   ========================================================================== */
:root {
  --vh-bg: #0d0b09;
  --vh-surface: #17120e;
  --vh-surface-2: #211913;
  --vh-border: rgba(194, 145, 63, .25);
  --vh-border-strong: rgba(222, 177, 84, .55);
  --vh-text: #f5efe4;
  --vh-muted: #b9aa98;
  --vh-gold: #c99632;
  --vh-gold-bright: #e2b85b;
  --vh-danger: #c45d50;
  --vh-shadow: 0 18px 50px rgba(0,0,0,.40);

  --vh-ink: #090806;
  --vh-ink-soft: #100d0a;
  --vh-panel: #17120e;
  --vh-panel-raised: #211913;
  --vh-gold-deep: #9d6f22;
  --vh-gold-soft: #ddb45d;
  --vh-line: rgba(221,180,93,.23);
  --vh-line-soft: rgba(255,244,225,.08);

  --vh-card-bg: #17120e;
  --vh-card-bg-hover: #211913;
  --vh-card-border: rgba(221,180,93,.15);
  --vh-card-border-hover: rgba(221,180,93,.62);
  --vh-card-muted: #b9aa98;
}

/* Warm, tavern-inspired surfaces without decorative patterns. */
body.layout-custom,
body.layout-fixed,
body .body-content,
.vh-home {
  background-color: var(--vh-bg) !important;
}

body .header,
body #header,
body #navbar,
body .navbar,
body footer,
body #footer,
body .footer {
  background-color: var(--vh-ink) !important;
}

body .vh-section,
body .vh-detail-card,
body .vh-collection-hero,
body .product-item,
body .product-block-holder,
body .product-list-holder,
body .sidebar,
body .filter-holder,
body .collection-filter-holder {
  background-color: var(--vh-surface) !important;
}

body .product-item:hover,
body .product-block-holder:hover,
body .product-list-holder:hover,
body .vh-card:hover {
  background-color: var(--vh-surface-2) !important;
}

/* Stock badge on homepage and category grids. */
.product-grid .product-block-stock,
.static-products-holder .product-block-stock,
.product-block-holder .product-block-stock {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.product-grid .product-block-stock > div,
.static-products-holder .product-block-stock > div,
.product-block-holder .product-block-stock > div {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 30px !important;
  padding: 6px 11px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  box-shadow: 0 5px 16px rgba(0,0,0,.24) !important;
}

.product-grid .product-block-stock .in-stock,
.static-products-holder .product-block-stock .in-stock,
.product-block-holder .product-block-stock .in-stock {
  border-color: rgba(93, 174, 108, .58) !important;
  background: #17351f !important;
  color: #a9e5b4 !important;
}

.product-grid .product-block-stock .backorder,
.static-products-holder .product-block-stock .backorder,
.product-block-holder .product-block-stock .backorder {
  border-color: rgba(224, 170, 65, .62) !important;
  background: #3b2a10 !important;
  color: #f1ca76 !important;
}

.product-grid .product-block-stock .out-of-stock,
.static-products-holder .product-block-stock .out-of-stock,
.product-block-holder .product-block-stock .out-of-stock {
  border-color: rgba(205, 94, 82, .62) !important;
  background: #3a1715 !important;
  color: #f0aaa2 !important;
}

.product-grid .product-block-stock .loader,
.static-products-holder .product-block-stock .loader,
.product-block-holder .product-block-stock .loader {
  border-color: rgba(221,180,93,.35) !important;
  background: #211913 !important;
  color: var(--vh-gold-bright) !important;
}

/* Product page review action: always readable and on brand. */
.productpage #reviews .button,
.productpage #reviews .btn,
.productpage #reviews a.button,
.productpage .review-write .button,
.productpage .review-write a,
.productpage .reviews .button,
.productpage .reviews-modal .button,
.fancy-review .button,
.review-modal .button {
  border-color: var(--vh-gold) !important;
  background: linear-gradient(180deg, var(--vh-gold-bright), var(--vh-gold)) !important;
  color: #17100a !important;
  text-shadow: none !important;
  font-weight: 900 !important;
  opacity: 1 !important;
}

.productpage #reviews .button:hover,
.productpage #reviews .btn:hover,
.productpage #reviews a.button:hover,
.productpage .review-write .button:hover,
.productpage .review-write a:hover {
  border-color: #f0cf82 !important;
  background: #f0cf82 !important;
  color: #100b07 !important;
}

.productpage #reviews .button *,
.productpage .review-write .button *,
.productpage .review-write a * {
  color: inherit !important;
}

/* Warmer form and information surfaces. */
body input,
body select,
body textarea,
body .form-control {
  background-color: #15100c !important;
  border-color: rgba(221,180,93,.22) !important;
  color: var(--vh-text) !important;
}

body input:focus,
body select:focus,
body textarea:focus,
body .form-control:focus {
  border-color: var(--vh-gold-soft) !important;
  box-shadow: 0 0 0 3px rgba(221,180,93,.14) !important;
}

/* A restrained wood-tone divider gives the site a subtle tavern character. */
body .vh-section-title,
body .block-title,
body .collection-title,
body .productpage .block-title {
  border-color: rgba(139, 91, 45, .55) !important;
}

@media (max-width: 767px) {
  .product-grid .product-block-stock > div,
  .static-products-holder .product-block-stock > div,
  .product-block-holder .product-block-stock > div {
    min-height: 28px !important;
    padding: 5px 9px !important;
    font-size: 10px !important;
  }
}


/* ========================================================================== 
   Valhalla Theme 2.0 — v0.8.2 Cohesive Tavern palette
   Warmer than the original Nova blue-black, but neutral enough that cards,
   header and page background feel like one material family.
   ========================================================================== */
:root {
  --vh-bg: #0d1010;
  --vh-ink: #090b0b;
  --vh-ink-soft: #101313;
  --vh-surface: #141716;
  --vh-surface-2: #1a1d1b;
  --vh-surface-3: #20231f;
  --vh-card-bg: #171816;
  --vh-card-bg-hover: #1e201c;
  --vh-card-border: rgba(205, 157, 67, .18);
  --vh-card-border-hover: rgba(220, 177, 83, .60);
  --vh-border: rgba(205, 157, 67, .22);
  --vh-border-strong: rgba(220, 177, 83, .52);
  --vh-text: #f3ede2;
  --vh-muted: #b9b0a3;
  --vh-card-muted: #aea496;
  --vh-gold: #c99b3f;
  --vh-gold-soft: #d8ad56;
  --vh-gold-bright: #edc66f;
  --vh-line: rgba(205, 157, 67, .22);
  --vh-line-soft: rgba(243, 237, 226, .075);
}

body.layout-custom,
body.layout-fixed,
body .body-content,
.vh-home {
  background: var(--vh-bg) !important;
}

body header,
body #header,
body .header,
body #navbar,
body .navbar,
body footer,
body #footer,
body .footer {
  background: var(--vh-ink) !important;
}

body .vh-module,
body .vh-section,
body .vh-detail-card,
body .vh-collection-hero,
body .sidebar,
body .filter-holder,
body .collection-filter-holder {
  background-color: transparent !important;
}

body .product-item,
body .product-block-holder,
body .product-list-holder,
body .vh-card,
body .vh-trust-card,
body .vh-event-card {
  background: var(--vh-card-bg) !important;
  border-color: var(--vh-card-border) !important;
}

body .product-item:hover,
body .product-block-holder:hover,
body .product-list-holder:hover,
body .vh-card:hover,
body .vh-trust-card:hover,
body .vh-event-card:hover {
  background: var(--vh-card-bg-hover) !important;
  border-color: var(--vh-card-border-hover) !important;
}

/* Prevent remnants of the old cool blue surfaces from showing through. */
body .vh-products-section,
body .vh-products-section--alt,
body .vh-events-hub,
body .vh-promo-pair,
body .vh-trust,
body .vh-story {
  background-color: transparent !important;
}

body .product-block-info,
body .product-item .product-info,
body .product-list-info {
  background: transparent !important;
}

body .button,
body .btn-primary,
body button[type="submit"],
body input[type="submit"] {
  background-color: var(--vh-gold-soft) !important;
  border-color: var(--vh-gold-soft) !important;
  color: #151108 !important;
}

body .button:hover,
body .btn-primary:hover,
body button[type="submit"]:hover,
body input[type="submit"]:hover {
  background-color: var(--vh-gold-bright) !important;
  border-color: var(--vh-gold-bright) !important;
  color: #100d07 !important;
}