/*
Theme Name: Vinyl Record Theme
Theme URI: https://example.com/
Author: VinylVault
Description: Professional WooCommerce record shop theme for vinyl stores, with clean shop layouts, product detail controls and theme settings.
Version: 164.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: vinyl-record-theme
*/

:root{
  --vv-bg:#f7f3ea;
  --vv-paper:#fffaf1;
  --vv-card:#ffffff;
  --vv-ink:#202020;
  --vv-muted:#6b6258;
  --vv-line:#e6dccb;
  --vv-accent:#f0b429;
  --vv-accent-dark:#c77d12;
  --vv-green:#1e6b50;
  --vv-red:#b83a2f;
  --vv-radius:18px;
  --vv-shadow:0 12px 28px rgba(38,31,22,.10);
  --vv-container:1560px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--vv-bg);color:var(--vv-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
a{color:inherit;text-decoration:none}a:hover{text-decoration:none;color:var(--vv-green)}img{max-width:100%;height:auto;display:block}.vv-container{width:min(var(--vv-container),calc(100% - 48px));margin-inline:auto}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

.vv-topbar{background:#262116;color:#fff8e8;font-size:13px}.vv-topbar__in{height:38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.vv-topbar span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.vv-topbar strong{color:var(--vv-accent)}
.vv-header{background:#fffaf1;border-bottom:1px solid var(--vv-line);position:sticky;top:0;z-index:50}.admin-bar .vv-header{top:32px}.vv-header__main{display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:28px;padding:22px 0}.vv-logo{display:flex;align-items:center;gap:13px;font-weight:900;letter-spacing:-.04em;font-size:29px;line-height:1}.vv-logo__mark{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff8db 0 11%,#2b2b2b 12% 19%,#111 20% 45%,#f0b429 46% 55%,#111 56% 70%,#1e6b50 71%);box-shadow:inset 0 0 0 3px #fff,0 7px 18px rgba(0,0,0,.12)}.vv-logo small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--vv-green);margin-top:5px}.vv-search form{display:flex;background:#fff;border:2px solid #2b2b2b;border-radius:999px;overflow:hidden;height:54px}.vv-search input{border:0;outline:0;flex:1;padding:0 22px;background:#fff;font-size:16px}.vv-search button{border:0;background:#2b2b2b;color:white;padding:0 30px;font-weight:800;cursor:pointer}.vv-header__actions{display:flex;gap:12px;align-items:center}.vv-pill{height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #2b2b2b;border-radius:999px;background:#fff;padding:0 18px;font-weight:800}.vv-cart{background:var(--vv-accent);border-color:#1f1b12}.vv-nav{border-top:1px solid var(--vv-line);background:#fff}.vv-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:0;align-items:center}.vv-nav a{display:block;padding:15px 20px;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.04em}.vv-nav li:first-child a{padding-left:0}.vv-nav a:hover{color:var(--vv-red)}

.vv-main{min-height:60vh}.vv-hero{padding:34px 0 18px}.vv-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.6fr);gap:28px}.vv-hero__banner{min-height:420px;border-radius:28px;overflow:hidden;background:linear-gradient(125deg,rgba(30,107,80,.92),rgba(55,38,24,.68)),var(--vv-hero-img,linear-gradient(135deg,#1e6b50,#734b1e));display:flex;align-items:flex-end;padding:48px;box-shadow:var(--vv-shadow);position:relative}.vv-hero__banner:after{content:"";position:absolute;right:-80px;bottom:-90px;width:360px;height:360px;border-radius:50%;background:repeating-radial-gradient(circle,#1d1d1d 0 8px,#2d2d2d 9px 13px);opacity:.8}.vv-hero__content{position:relative;z-index:2;max-width:740px;color:white}.vv-kicker{font-size:14px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:var(--vv-accent);margin-bottom:12px}.vv-hero h1{font-size:clamp(44px,6vw,86px);line-height:.92;letter-spacing:-.08em;margin:0 0 18px}.vv-hero p{font-size:20px;max-width:650px;margin:0 0 28px;color:#fff7e1}.vv-actions{display:flex;gap:12px;flex-wrap:wrap}.vv-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;background:#2b2b2b;color:#fff;font-weight:900;padding:14px 24px;border:2px solid #2b2b2b}.vv-btn--accent{background:var(--vv-accent);color:#1b170f}.vv-btn--light{background:#fffaf1;color:#1f1b12;border-color:#fffaf1}.vv-feature-card{background:#fff;border-radius:28px;padding:26px;box-shadow:var(--vv-shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:420px}.vv-feature-card h2{font-size:32px;letter-spacing:-.05em;line-height:1;margin:6px 0 14px}.vv-feature-card p{color:var(--vv-muted);margin:0 0 18px}.vv-feature-visual{height:210px;border-radius:22px;background:linear-gradient(160deg,#f3e5c7,#fff9ed);position:relative;overflow:hidden;border:1px solid var(--vv-line)}.vv-feature-visual:before,.vv-feature-visual:after{content:"";position:absolute;border-radius:50%}.vv-feature-visual:before{width:210px;height:210px;background:repeating-radial-gradient(circle,#101010 0 7px,#242424 8px 12px);right:-35px;bottom:-35px}.vv-feature-visual:after{width:88px;height:88px;background:#f0b429;right:27px;bottom:27px;border:18px solid #fff8db}

.vv-service{padding:14px 0 26px}.vv-service__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vv-service__item{background:#fff;border:1px solid var(--vv-line);border-radius:18px;padding:18px 20px;font-weight:900;display:flex;align-items:center;gap:12px}.vv-service__item small{display:block;font-weight:600;color:var(--vv-muted);margin-top:2px}.vv-dot{width:12px;height:12px;border-radius:50%;background:var(--vv-green);box-shadow:0 0 0 5px rgba(30,107,80,.12)}

.vv-section{padding:34px 0}.vv-section__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.vv-section__head h2{font-size:clamp(28px,3vw,45px);letter-spacing:-.06em;margin:0;line-height:1}.vv-section__head p{margin:7px 0 0;color:var(--vv-muted)}.vv-link{font-weight:900;color:var(--vv-green)}
.vv-collection-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.vv-collection{min-height:170px;background:#fff;border:1px solid var(--vv-line);border-radius:22px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 18px rgba(38,31,22,.06);overflow:hidden;position:relative}.vv-collection:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-35px;bottom:-38px;background:repeating-radial-gradient(circle,#121212 0 5px,#272727 6px 9px);opacity:.18}.vv-collection strong{font-size:21px;letter-spacing:-.03em}.vv-collection span{font-size:13px;color:var(--vv-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}

.vv-products,.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(var(--vv-cols,5),minmax(0,1fr))!important;gap:28px!important;margin:0!important;padding:0!important;list-style:none!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product,.vv-product{width:auto!important;float:none!important;margin:0!important;background:transparent!important;list-style:none!important}.vv-product-card,.woocommerce ul.products li.product{position:relative}.vv-product-card{height:100%;background:#fff;border:1px solid var(--vv-line);border-radius:20px;padding:14px;box-shadow:0 10px 20px rgba(38,31,22,.07);transition:.18s ease;display:flex;flex-direction:column}.vv-product-card:hover{transform:translateY(-3px);box-shadow:var(--vv-shadow)}.vv-product-card__image{aspect-ratio:1/1;border-radius:15px;background:#eee2cc;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-bottom:14px}.vv-product-card__image img{width:100%;height:100%;object-fit:cover}.vv-product-card__image:after{content:"";position:absolute;right:-28%;top:10%;width:75%;height:75%;border-radius:50%;background:repeating-radial-gradient(circle,#151515 0 5px,#252525 6px 10px);z-index:0;opacity:.18}.vv-product-card__image a,.vv-product-card__image img{position:relative;z-index:1}.vv-badge{position:absolute;left:12px;top:12px;z-index:3;background:var(--vv-red);color:#fff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:900;text-transform:uppercase}.vv-product-card__title{font-size:16px;line-height:1.22;margin:0 0 8px;font-weight:900;letter-spacing:-.025em}.vv-product-card__meta{font-size:13px;color:var(--vv-muted);font-weight:700;margin-bottom:10px;min-height:20px}.vv-product-card .price,.woocommerce ul.products li.product .price{font-size:20px!important;font-weight:950!important;color:#1c1a15!important;margin:0 0 12px!important}.vv-product-card .button,.woocommerce ul.products li.product .button{margin-top:auto!important;width:100%;text-align:center;border-radius:999px!important;background:#1f1b12!important;color:#fff!important;font-weight:900!important;padding:11px 12px!important;border:0!important;line-height:1.2!important}.vv-product-card .button:hover{background:var(--vv-green)!important}.vv-product-card .added_to_cart{font-weight:900;font-size:13px;text-align:center;margin-top:8px;color:var(--vv-green)}

.vv-top10{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vv-rank{background:#fff;border:1px solid var(--vv-line);border-radius:18px;padding:14px;display:grid;grid-template-columns:52px 74px 1fr auto;gap:14px;align-items:center}.vv-rank__num{font-size:30px;font-weight:950;color:var(--vv-accent-dark)}.vv-rank__img{width:74px;height:74px;border-radius:12px;object-fit:cover;background:#eee2cc}.vv-rank h3{font-size:16px;line-height:1.2;margin:0 0 5px}.vv-rank p{font-size:13px;color:var(--vv-muted);margin:0}.vv-rank .price{font-weight:950;font-size:18px;white-space:nowrap}
.vv-artists{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}.vv-artist{background:#fff;border:1px solid var(--vv-line);border-radius:18px;padding:16px;text-align:center;font-weight:900}.vv-artist__avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#f1ddb9,#fff7e5);border:1px solid var(--vv-line)}
.vv-spotlight{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;background:#211a12;color:#fff7e8;border-radius:28px;padding:34px;overflow:hidden}.vv-spotlight__visual{min-height:380px;background:linear-gradient(160deg,#80613a,#f1d394);border-radius:22px;position:relative}.vv-spotlight__visual:after{content:"";position:absolute;right:-80px;bottom:-80px;width:330px;height:330px;border-radius:50%;background:repeating-radial-gradient(circle,#070707 0 8px,#222 9px 14px)}.vv-spotlight h2{font-size:52px;line-height:.95;letter-spacing:-.07em;margin:0 0 15px}.vv-spotlight p{color:#e8d7bd;font-size:18px}.vv-newsletter{background:#fff;border:1px solid var(--vv-line);border-radius:28px;padding:34px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.vv-newsletter h2{margin:0;font-size:38px;letter-spacing:-.06em}.vv-newsletter p{margin:6px 0 0;color:var(--vv-muted)}.vv-newsletter form{display:flex;border:2px solid #201b14;border-radius:999px;overflow:hidden;background:#fff;min-width:420px;height:54px}.vv-newsletter input{border:0;outline:0;padding:0 18px;flex:1}.vv-newsletter button{border:0;background:var(--vv-accent);font-weight:950;padding:0 22px}

.vv-page-head{padding:42px 0 24px}.vv-page-head h1{font-size:clamp(38px,5vw,72px);letter-spacing:-.08em;line-height:.95;margin:0}.vv-shop-layout{display:grid;grid-template-columns:270px 1fr;gap:32px;padding-bottom:48px}.vv-sidebar{background:#fff;border:1px solid var(--vv-line);border-radius:22px;padding:22px;height:max-content;position:sticky;top:160px}.vv-sidebar h3{margin:0 0 14px;font-size:18px}.vv-sidebar ul{list-style:none;margin:0;padding:0}.vv-sidebar li{border-bottom:1px solid var(--vv-line)}.vv-sidebar li:last-child{border-bottom:0}.vv-sidebar a{display:flex;justify-content:space-between;padding:12px 0;font-weight:800;color:#2c271f}.vv-shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;background:#fff;border:1px solid var(--vv-line);border-radius:18px;padding:14px 16px}.woocommerce-result-count{margin:0!important;color:var(--vv-muted);font-weight:700}.woocommerce-ordering{margin:0!important}.woocommerce-ordering select{height:42px;border:1px solid var(--vv-line);border-radius:999px;padding:0 15px;background:#fff;font-weight:700}

.vv-single{padding:36px 0 56px}.vv-single__grid{display:grid;grid-template-columns:minmax(420px,.88fr) minmax(0,1.12fr);gap:44px;align-items:start}.vv-single__gallery{background:#fff;border:1px solid var(--vv-line);border-radius:28px;padding:22px;box-shadow:var(--vv-shadow)}.vv-single__gallery .woocommerce-product-gallery{float:none!important;width:100%!important;margin:0!important}.vv-single__summary{background:#fff;border:1px solid var(--vv-line);border-radius:28px;padding:34px;box-shadow:var(--vv-shadow)}.vv-single__summary .product_title{font-size:clamp(34px,4vw,60px);letter-spacing:-.075em;line-height:.98;margin:0 0 16px}.vv-single__summary .price{font-size:34px!important;font-weight:950!important;color:#16130e!important;margin:16px 0!important}.vv-stock{display:inline-flex;border-radius:999px;background:#e6f4ee;color:#14513b;font-weight:900;padding:7px 13px;margin-bottom:10px}.vv-release-table{margin:22px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.vv-release-table div{background:#f8f1e4;border:1px solid var(--vv-line);border-radius:14px;padding:12px}.vv-release-table span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--vv-muted);font-weight:900}.vv-release-table strong{font-size:15px}.vv-single .cart{display:flex!important;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0!important}.vv-single .quantity .qty{height:50px;border:1px solid var(--vv-line);border-radius:999px;padding:0 12px;width:88px!important;text-align:center;font-weight:900}.vv-single .single_add_to_cart_button{height:50px;border-radius:999px!important;background:var(--vv-accent)!important;color:#17130d!important;border:0!important;padding:0 28px!important;font-weight:950!important}.vv-single__below{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:34px}.vv-box{background:#fff;border:1px solid var(--vv-line);border-radius:24px;padding:26px}.vv-box h2,.vv-box h3{margin-top:0;letter-spacing:-.04em}.vv-tracklist{white-space:pre-wrap;font-family:inherit;background:#f8f1e4;border-radius:16px;padding:16px}.related.products{margin-top:42px}.related.products h2{font-size:36px;letter-spacing:-.06em}

.vv-footer{background:#211a12;color:#fff8e8;margin-top:40px}.vv-footer__grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:34px;padding:50px 0}.vv-footer h3{margin:0 0 14px;color:#fff}.vv-footer p,.vv-footer a{color:#d8c8ae}.vv-footer ul{list-style:none;margin:0;padding:0}.vv-footer li{margin:8px 0}.vv-footer__bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;color:#b9aa91;font-size:14px}

.woocommerce-message,.woocommerce-info,.woocommerce-error{width:min(var(--vv-container),calc(100% - 48px));margin:20px auto!important;border-radius:16px!important;border-top:0!important;background:#fff!important;box-shadow:var(--vv-shadow);padding:16px 20px!important}.woocommerce-message:before,.woocommerce-info:before{color:var(--vv-green)!important}.woocommerce-pagination{margin-top:28px}.woocommerce-pagination ul{border:0!important;display:flex!important;gap:8px;justify-content:center}.woocommerce-pagination li{border:0!important}.woocommerce-pagination a,.woocommerce-pagination span{border-radius:999px!important;background:#fff!important;border:1px solid var(--vv-line)!important;min-width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important}.woocommerce-pagination .current{background:var(--vv-accent)!important;color:#1c170f!important}

@media(max-width:1180px){:root{--vv-cols:4}.vv-header__main{grid-template-columns:1fr;gap:14px}.vv-header__actions{justify-content:flex-start}.vv-hero__grid,.vv-spotlight,.vv-single__grid,.vv-shop-layout{grid-template-columns:1fr}.vv-service__grid{grid-template-columns:repeat(2,1fr)}.vv-collection-grid{grid-template-columns:repeat(3,1fr)}.vv-artists{grid-template-columns:repeat(4,1fr)}.vv-sidebar{position:static}.vv-nav ul{overflow:auto;white-space:nowrap}}
@media(max-width:760px){:root{--vv-cols:2}.vv-container{width:min(100% - 24px,var(--vv-container))}.vv-topbar__in{height:auto;padding:8px 0;flex-direction:column;gap:5px;align-items:flex-start}.vv-logo{font-size:24px}.vv-search form{height:48px}.vv-search button{padding:0 16px}.vv-header__main{padding:14px 0}.vv-hero__banner{min-height:360px;padding:28px}.vv-hero__grid{gap:16px}.vv-service__grid,.vv-top10,.vv-single__below,.vv-newsletter{grid-template-columns:1fr}.vv-collection-grid{grid-template-columns:repeat(2,1fr)}.vv-products,.woocommerce ul.products{gap:16px!important}.vv-product-card{padding:10px}.vv-artists{grid-template-columns:repeat(2,1fr)}.vv-newsletter form{min-width:0;width:100%}.vv-footer__grid{grid-template-columns:1fr}.vv-single__grid{gap:18px}.vv-single__summary{padding:22px}.vv-release-table{grid-template-columns:1fr}.vv-shop-toolbar{align-items:flex-start;flex-direction:column}}


/* ===== V19 fixes: product gallery thumbnails horizontal + clearer add-to-cart hover ===== */
.vv-single .single_add_to_cart_button,
.single-product .single_add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
.woocommerce button.button,
.woocommerce input.button {
  transition: background-color .2s ease, transform .15s ease, box-shadow .2s ease, color .2s ease !important;
  cursor: pointer !important;
}

.vv-single .single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button:hover,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: var(--vv-green) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(30,107,80,.22) !important;
  transform: translateY(-2px);
}

.vv-single .single_add_to_cart_button:active,
.single-product .single_add_to_cart_button:active,
.woocommerce a.button.add_to_cart_button:active,
.woocommerce button.button:active,
.woocommerce input.button:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(30,107,80,.18) !important;
}

.vv-single__gallery .flex-control-thumbs,
.single-product .flex-control-thumbs,
.woocommerce div.product div.images .flex-control-thumbs {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: flex-start !important;
  list-style: none !important;
  margin: 18px 0 0 0 !important;
  padding: 0 !important;
}

.vv-single__gallery .flex-control-thumbs li,
.single-product .flex-control-thumbs li,
.woocommerce div.product div.images .flex-control-thumbs li {
  float: none !important;
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.vv-single__gallery .flex-control-thumbs li::marker,
.single-product .flex-control-thumbs li::marker,
.woocommerce div.product div.images .flex-control-thumbs li::marker {
  content: "" !important;
}

.vv-single__gallery .flex-control-thumbs img,
.single-product .flex-control-thumbs img,
.woocommerce div.product div.images .flex-control-thumbs img {
  width: 90px !important;
  height: 90px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  border: 1px solid var(--vv-line) !important;
  opacity: 1 !important;
  display: block !important;
  cursor: pointer;
}

.vv-single__gallery .flex-control-thumbs .flex-active,
.single-product .flex-control-thumbs .flex-active {
  outline: 2px solid var(--vv-green);
  outline-offset: 2px;
}

/* Home sections: working cards, clean empty states */
.vv-empty-state {
  background:#fff;
  border:1px dashed var(--vv-line);
  border-radius:20px;
  padding:24px;
  color:var(--vv-muted);
  font-weight:700;
}

.vv-collection[href],
.vv-artist[href],
.vv-rank[href] {
  cursor:pointer;
}

.vv-collection:hover,
.vv-artist:hover,
.vv-rank:hover {
  transform: translateY(-2px);
  box-shadow: var(--vv-shadow);
}

.vv-collection,
.vv-artist,
.vv-rank {
  transition: transform .15s ease, box-shadow .2s ease;
}

.vv-top10 .vv-rank {
  color:inherit;
}

.vv-format-grid {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
}

.vv-format-card {
  background:#fff;
  border:1px solid var(--vv-line);
  border-radius:22px;
  padding:22px;
  min-height:130px;
  font-weight:950;
  display:flex;
  align-items:flex-end;
  position:relative;
  overflow:hidden;
}

.vv-format-card:after {
  content:"";
  position:absolute;
  width:115px;
  height:115px;
  border-radius:50%;
  right:-32px;
  top:-32px;
  background:repeating-radial-gradient(circle,#111 0 5px,#292929 6px 9px);
  opacity:.13;
}

.vv-format-card:hover {
  transform:translateY(-2px);
  box-shadow:var(--vv-shadow);
}

.vv-hero__banner,
.vv-feature-card,
.vv-service__item,
.vv-product-card,
.vv-box {
  overflow:hidden;
}

@media (max-width: 760px) {
  .vv-single__gallery .flex-control-thumbs li,
  .single-product .flex-control-thumbs li,
  .woocommerce div.product div.images .flex-control-thumbs li {
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
  }

  .vv-single__gallery .flex-control-thumbs img,
  .single-product .flex-control-thumbs img,
  .woocommerce div.product div.images .flex-control-thumbs img {
    width:72px !important;
    height:72px !important;
  }

  .vv-format-grid {
    grid-template-columns:repeat(2,1fr);
  }
}


/* ===== V20 shop menu/sidebar redesign ===== */
.vv-page-head {
  padding: 34px 0 18px !important;
}

.vv-page-head h1,
.woocommerce-products-header__title.page-title {
  font-size: clamp(36px, 4.5vw, 68px) !important;
  line-height: .95 !important;
  letter-spacing: -.07em !important;
  margin: 0 !important;
}

.vv-shop-layout {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
}

.vv-sidebar {
  background: #fffaf1 !important;
  border: 1px solid #e1d3bd !important;
  border-radius: 24px !important;
  padding: 18px !important;
  box-shadow: 0 12px 26px rgba(42,32,18,.08) !important;
  overflow: hidden !important;
}

.vv-sidebar h3 {
  margin: 0 0 14px !important;
  font-size: 22px !important;
  letter-spacing: -.04em !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.vv-sidebar h3:before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--vv-accent);
  box-shadow: inset 0 0 0 4px #2a2116;
  flex: 0 0 auto;
}

.vv-sidebar ul {
  display: grid !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.vv-sidebar li {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.vv-sidebar a {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 13px !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  border: 1px solid #eadfce !important;
  color: #211a12 !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease !important;
}

.vv-sidebar a:hover {
  transform: translateX(4px);
  background: #fff4d7 !important;
  border-color: #f0b429 !important;
  box-shadow: 0 8px 18px rgba(42,32,18,.08) !important;
  color: #211a12 !important;
}

.vv-sidebar a .count,
.vv-sidebar a span:last-child {
  min-width: 38px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: #211a12 !important;
  color: #fffaf1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.vv-shop-toolbar {
  background: #fffaf1 !important;
  border: 1px solid #e1d3bd !important;
  border-radius: 22px !important;
  padding: 16px 18px !important;
  box-shadow: 0 8px 18px rgba(42,32,18,.05) !important;
}

.woocommerce-result-count {
  color: #5f5548 !important;
  font-weight: 850 !important;
}

.woocommerce-ordering select {
  background: #ffffff !important;
  border: 1px solid #d8c7ac !important;
  color: #211a12 !important;
  font-weight: 850 !important;
}

.woocommerce ul.products li.product .button,
.vv-product-card .button {
  white-space: normal !important;
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Make the shop look less cramped on wide pages */
.vv-shop-main .vv-products,
.vv-shop-main .woocommerce ul.products {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* top collection pills for mobile/tablet */
.vv-mobile-collections {
  display: none;
}

@media(max-width: 1180px) {
  .vv-shop-layout {
    grid-template-columns: 1fr !important;
  }

  .vv-sidebar {
    position: static !important;
  }

  .vv-sidebar ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .vv-shop-main .vv-products,
  .vv-shop-main .woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}

@media(max-width: 760px) {
  .vv-sidebar {
    padding: 14px !important;
    border-radius: 20px !important;
  }

  .vv-sidebar ul {
    grid-template-columns: 1fr !important;
  }

  .vv-shop-main .vv-products,
  .vv-shop-main .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .vv-shop-toolbar {
    border-radius: 18px !important;
  }
}


/* ===== V25 full: working built-in menu pages without activation hooks ===== */
.vv-nav ul.vv-hard-menu {
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  flex-wrap:wrap !important;
}

.vv-nav ul.vv-hard-menu li {
  margin:0 !important;
  padding:0 !important;
}

.vv-nav ul.vv-hard-menu a,
.vv-nav a {
  border-radius:999px;
  margin:8px 3px;
  padding:11px 16px !important;
  transition:background-color .2s ease,color .2s ease,transform .15s ease;
}

.vv-nav ul.vv-hard-menu a:hover,
.vv-nav a:hover,
.vv-nav .current-menu-item > a,
.vv-nav .current_page_item > a {
  background:var(--vv-accent);
  color:#211a12 !important;
  transform:translateY(-1px);
}

.vv-content-page {
  padding:38px 0 62px;
}

.vv-page-card {
  background:#fff;
  border:1px solid var(--vv-line);
  border-radius:28px;
  padding:clamp(24px,4vw,52px);
  box-shadow:var(--vv-shadow);
}

.vv-page-card h1 {
  font-size:clamp(38px,5vw,72px);
  letter-spacing:-.075em;
  line-height:.95;
  margin:0 0 18px;
}

.vv-page-card h2 {
  font-size:clamp(26px,3vw,42px);
  letter-spacing:-.055em;
  margin:34px 0 12px;
}

.vv-page-card p,
.vv-page-card li {
  font-size:18px;
  color:#4f463b;
}

.vv-page-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:28px;
}

.vv-info-tile {
  background:#fff7e8;
  border:1px solid var(--vv-line);
  border-radius:20px;
  padding:22px;
}

.vv-info-tile strong {
  display:block;
  font-size:20px;
  margin-bottom:6px;
}

.vv-faq-item {
  border-bottom:1px solid var(--vv-line);
  padding:18px 0;
}

.vv-faq-item:last-child {
  border-bottom:0;
}

.vv-faq-item h3 {
  margin:0 0 7px;
  font-size:22px;
}

.vv-blog-list {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin-top:25px;
}

@media(max-width:1180px) {
  .vv-blog-list {
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:760px) {
  .vv-nav ul.vv-hard-menu {
    flex-wrap:nowrap !important;
    overflow:auto !important;
    white-space:nowrap !important;
  }

  .vv-page-grid,
  .vv-blog-list {
    grid-template-columns:1fr;
  }
}


/* ===== V26: real wishlist / compare UI ===== */
.vv-card-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}

.vv-mini-action {
  border:1px solid var(--vv-line);
  background:#fff7e8;
  color:#211a12;
  border-radius:999px;
  min-height:38px;
  padding:8px 10px;
  font-weight:900;
  font-size:13px;
  cursor:pointer;
  transition:background-color .18s ease, transform .14s ease, border-color .18s ease;
}

.vv-mini-action:hover {
  background:var(--vv-accent);
  border-color:var(--vv-accent);
  transform:translateY(-1px);
}

.vv-mini-action.is-active {
  background:var(--vv-green);
  border-color:var(--vv-green);
  color:#fff;
}

.vv-single-tools {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:12px 0 0;
}

.vv-single-tools .vv-mini-action {
  min-height:44px;
  padding:10px 16px;
  font-size:14px;
}

.vv-saved-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  margin-top:24px;
}

.vv-saved-card {
  background:#fff;
  border:1px solid var(--vv-line);
  border-radius:20px;
  padding:14px;
  box-shadow:0 10px 20px rgba(38,31,22,.07);
}

.vv-saved-card img {
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:14px;
  background:#eee2cc;
  margin-bottom:12px;
}

.vv-saved-card h3 {
  font-size:17px;
  line-height:1.18;
  margin:0 0 8px;
}

.vv-saved-card .price {
  font-weight:950;
  font-size:19px;
  margin-bottom:12px;
}

.vv-saved-actions {
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}

.vv-empty-list {
  background:#fff7e8;
  border:1px dashed var(--vv-line);
  border-radius:20px;
  padding:24px;
  margin-top:20px;
}

.vv-compare-table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--vv-line);
  border-radius:20px;
  background:#fff;
  margin-top:24px;
}

.vv-compare-table th,
.vv-compare-table td {
  padding:14px;
  border-bottom:1px solid var(--vv-line);
  vertical-align:top;
  text-align:left;
}

.vv-compare-table tr:last-child th,
.vv-compare-table tr:last-child td {
  border-bottom:0;
}

.vv-toast {
  position:fixed;
  left:50%;
  bottom:26px;
  transform:translateX(-50%) translateY(20px);
  background:#211a12;
  color:#fffaf1;
  border-radius:999px;
  padding:12px 18px;
  font-weight:900;
  box-shadow:var(--vv-shadow);
  opacity:0;
  pointer-events:none;
  z-index:9999;
  transition:.2s ease;
}

.vv-toast.is-visible {
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

.vv-contact-form {
  display:grid;
  gap:14px;
  margin-top:26px;
  max-width:760px;
}

.vv-contact-form input,
.vv-contact-form textarea {
  width:100%;
  border:1px solid var(--vv-line);
  border-radius:16px;
  padding:14px 16px;
  font:inherit;
  background:#fffaf1;
}

.vv-contact-form textarea {
  min-height:150px;
  resize:vertical;
}

@media(max-width:1180px) {
  .vv-saved-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:760px) {
  .vv-saved-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }

  .vv-card-actions {
    grid-template-columns:1fr;
  }

  .vv-compare-table {
    display:block;
    overflow:auto;
  }
}


/* ===== V27 expanded recordshop mega menu ===== */
.vv-nav {
  position: relative;
  z-index: 80;
}

.vv-nav ul.vv-hard-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  flex-wrap: nowrap !important;
}

.vv-nav ul.vv-hard-menu > li {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
}

.vv-nav ul.vv-hard-menu > li > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px;
  border-radius: 999px;
  margin: 6px 1px;
  padding: 8px 14px !important;
  white-space: nowrap;
  line-height: 1.2 !important;
  transition: background-color .2s ease, color .2s ease;
}

/* Geen pijltje op has-children - submenu opent al op hover */
.vv-nav ul.vv-hard-menu > li.has-children > a:after {
  content: none !important;
  display: none !important;
}

.vv-nav ul.vv-hard-menu > li:hover > a:after,
.vv-nav ul.vv-hard-menu > li:focus-within > a:after {
  content: none !important;
  display: none !important;
}

.vv-nav ul.vv-hard-menu > li > a:hover,
.vv-nav ul.vv-hard-menu > li:hover > a {
  background: var(--vv-accent);
  color: #211a12 !important;
}

.vv-nav .vv-submenu {
  position:absolute;
  left:0;
  top:100%;
  min-width:270px;
  display:none;
  grid-template-columns:1fr;
  gap:6px;
  background:#fffaf1;
  border:1px solid var(--vv-line);
  border-radius:20px;
  box-shadow:var(--vv-shadow);
  padding:10px;
  z-index:120;
}

.vv-nav li:hover > .vv-submenu,
.vv-nav li:focus-within > .vv-submenu {
  display:grid;
}

.vv-nav .vv-submenu a {
  display:flex !important;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin:0 !important;
  padding:11px 12px !important;
  border-radius:14px !important;
  background:#fff;
  border:1px solid #eadfce;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-size:14px !important;
  font-weight:900 !important;
  color:#211a12 !important;
}

.vv-nav .vv-submenu a:hover {
  background:#fff4d7 !important;
  border-color:var(--vv-accent);
  color:#211a12 !important;
}

.vv-nav .vv-submenu small {
  color:var(--vv-muted);
  font-weight:800;
}

.vv-nav .vv-mega {
  min-width:720px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.vv-nav .vv-mega-title {
  padding:8px 10px 4px;
  color:var(--vv-green);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.11em;
}

.vv-nav .vv-mega-col {
  display:grid;
  gap:6px;
}

.vv-nav .vv-menu-sale > a {
  background:#b83a2f !important;
  color:#fffaf1 !important;
}

.vv-nav .vv-menu-sale > a:hover {
  background:#8d241c !important;
  color:#fffaf1 !important;
}

@media(max-width:1180px) {
  .vv-nav ul.vv-hard-menu {
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    padding-bottom:2px !important;
  }

  .vv-nav .vv-submenu,
  .vv-nav .vv-mega {
    position:fixed;
    left:12px;
    right:12px;
    top:auto;
    min-width:0;
    max-height:70vh;
    overflow:auto;
  }

  .vv-nav .vv-mega {
    grid-template-columns:1fr;
  }
}


/* ===== V28 collection filter labels ===== */
.vv-active-filter {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  background:#fff7e8;
  border:1px solid var(--vv-line);
  border-radius:999px;
  padding:9px 14px;
  font-weight:900;
  color:#211a12;
}

.vv-active-filter span {
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--vv-green);
}


/* ===== V29 shop sidebar expanded recordshop menu ===== */
.vv-sidebar {
  display: grid !important;
  gap: 18px !important;
}

.vv-side-block {
  background: #ffffff;
  border: 1px solid #eadfce;
  border-radius: 20px;
  padding: 14px;
}

.vv-side-block h4 {
  margin: 0 0 10px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--vv-green);
  font-weight: 950;
}

.vv-side-block ul {
  display: grid !important;
  gap: 7px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.vv-side-block li {
  border: 0 !important;
}

.vv-side-block a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 11px !important;
  border: 1px solid #eee2d2 !important;
  border-radius: 14px !important;
  background: #fffaf1 !important;
  color: #211a12 !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.vv-side-block a:hover,
.vv-side-block a.is-active {
  background: var(--vv-accent) !important;
  border-color: var(--vv-accent) !important;
  color: #211a12 !important;
  transform: translateX(3px);
}

.vv-side-block small {
  color: var(--vv-muted);
  font-weight: 850;
  font-size: 12px;
}

.vv-side-reset {
  display: flex !important;
  justify-content: center !important;
  text-align: center;
  background: #211a12 !important;
  color: #fffaf1 !important;
  border-color: #211a12 !important;
}

.vv-side-reset:hover {
  background: var(--vv-green) !important;
  border-color: var(--vv-green) !important;
  color: #fffaf1 !important;
}

@media(max-width:1180px) {
  .vv-sidebar {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .vv-sidebar > h3 {
    grid-column: 1 / -1;
  }
}

@media(max-width:760px) {
  .vv-sidebar {
    grid-template-columns: 1fr;
  }
}


/* ===== V30 blog page redesign ===== */
.vv-blog-page {
  padding: 34px 0 64px;
}

.vv-blog-hero {
  background: linear-gradient(135deg, #211a12 0%, #4a3824 52%, #1e6b50 100%);
  color: #fffaf1;
  border-radius: 32px;
  padding: clamp(28px, 5vw, 58px);
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr);
  gap: 34px;
  align-items: center;
  overflow: hidden;
  position: relative;
  box-shadow: var(--vv-shadow);
}

.vv-blog-hero:after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -120px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: repeating-radial-gradient(circle, #0e0e0e 0 8px, #292929 9px 14px);
  opacity: .55;
}

.vv-blog-hero > * {
  position: relative;
  z-index: 2;
}

.vv-blog-hero h1 {
  font-size: clamp(42px, 6vw, 88px);
  line-height: .9;
  letter-spacing: -.085em;
  margin: 0 0 16px;
}

.vv-blog-hero p {
  font-size: 20px;
  color: #f4e4c8;
  margin: 0;
  max-width: 760px;
}

.vv-blog-feature {
  background: #fffaf1;
  color: #211a12;
  border-radius: 24px;
  padding: 20px;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  border: 1px solid rgba(255,255,255,.25);
}

.vv-blog-feature img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  border-radius: 18px;
  margin-bottom: 16px;
  background: #eee2cc;
}

.vv-blog-feature h2 {
  font-size: 28px;
  line-height: 1.02;
  letter-spacing: -.05em;
  margin: 0 0 8px;
}

.vv-blog-feature p {
  color: #5f5548;
  font-size: 15px;
  margin: 0 0 16px;
}

.vv-blog-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) 320px;
  gap: 30px;
  margin-top: 34px;
}

.vv-blog-main {
  min-width: 0;
}

.vv-blog-section-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 18px;
}

.vv-blog-section-title h2 {
  margin: 0;
  font-size: clamp(28px, 3vw, 46px);
  letter-spacing: -.06em;
  line-height: 1;
}

.vv-blog-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
}

.vv-blog-card {
  background: #fff;
  border: 1px solid var(--vv-line);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(38,31,22,.07);
  display: flex;
  flex-direction: column;
  transition: transform .16s ease, box-shadow .2s ease;
}

.vv-blog-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--vv-shadow);
}

.vv-blog-card__image {
  aspect-ratio: 16/11;
  background: #eee2cc;
  overflow: hidden;
}

.vv-blog-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vv-blog-card__body {
  padding: 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.vv-blog-card__meta {
  color: var(--vv-green);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 9px;
}

.vv-blog-card h3 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.05;
  letter-spacing: -.045em;
}

.vv-blog-card p {
  color: var(--vv-muted);
  margin: 0 0 18px;
  font-size: 15px;
}

.vv-blog-card .vv-link {
  margin-top: auto;
}

.vv-blog-sidebar {
  display: grid;
  gap: 18px;
  align-content: start;
}

.vv-blog-widget {
  background: #fff;
  border: 1px solid var(--vv-line);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 10px 20px rgba(38,31,22,.06);
}

.vv-blog-widget h3 {
  margin: 0 0 14px;
  font-size: 22px;
  letter-spacing: -.045em;
}

.vv-blog-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.vv-blog-widget a {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--vv-line);
  border-radius: 14px;
  padding: 10px 12px;
  background: #fffaf1;
  font-weight: 900;
}

.vv-blog-widget a:hover {
  background: var(--vv-accent);
  color: #211a12;
}

.vv-blog-empty {
  background: #fff;
  border: 1px dashed var(--vv-line);
  border-radius: 26px;
  padding: 28px;
}

.vv-blog-empty-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
  margin-top: 20px;
}

.vv-blog-demo-card {
  background: #fff7e8;
  border: 1px solid var(--vv-line);
  border-radius: 20px;
  padding: 22px;
}

.vv-blog-demo-card strong {
  display: block;
  font-size: 21px;
  line-height: 1.1;
  margin-bottom: 8px;
}

@media(max-width:1180px) {
  .vv-blog-hero,
  .vv-blog-layout {
    grid-template-columns: 1fr;
  }

  .vv-blog-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px) {
  .vv-blog-hero {
    border-radius: 24px;
  }

  .vv-blog-grid,
  .vv-blog-empty-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== V31 WooCommerce My Account redesign ===== */
.woocommerce-account .vv-main,
.woocommerce-account main {
  background: var(--vv-bg);
}

.woocommerce-account .woocommerce {
  width: min(var(--vv-container), calc(100% - 48px));
  margin: 36px auto 64px;
}

.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
  display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: none !important;
  width: auto !important;
}

.woocommerce-account.logged-in .woocommerce {
  display: grid;
  grid-template-columns: 310px minmax(0,1fr);
  gap: 30px;
  align-items: start;
}

.woocommerce-MyAccount-navigation {
  background: #fffaf1;
  border: 1px solid var(--vv-line);
  border-radius: 26px;
  padding: 18px;
  box-shadow: var(--vv-shadow);
  position: sticky;
  top: 150px;
}

.woocommerce-MyAccount-navigation:before {
  content: "Mijn account";
  display: block;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 950;
  margin: 4px 4px 16px;
  color: #211a12;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid;
  gap: 8px;
}

.woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-MyAccount-navigation a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 14px;
  background: #fff;
  border: 1px solid #eadfce;
  border-radius: 16px;
  font-weight: 950;
  color: #211a12;
  transition: transform .15s ease, background-color .2s ease, border-color .2s ease;
}

.woocommerce-MyAccount-navigation a:after {
  content: "›";
  font-size: 22px;
  line-height: 1;
  color: var(--vv-muted);
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
  background: var(--vv-accent);
  border-color: var(--vv-accent);
  color: #211a12;
  transform: translateX(3px);
}

.woocommerce-MyAccount-content {
  background: #fff;
  border: 1px solid var(--vv-line);
  border-radius: 28px;
  padding: clamp(22px, 4vw, 42px);
  box-shadow: var(--vv-shadow);
  min-height: 520px;
}

.woocommerce-MyAccount-content > p:first-child {
  font-size: 20px;
  color: #4f463b;
  background: #fff7e8;
  border: 1px solid var(--vv-line);
  border-radius: 20px;
  padding: 18px 20px;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-account h2,
.woocommerce-account h3 {
  letter-spacing: -.055em;
  line-height: 1.05;
}

.woocommerce-MyAccount-content h2 {
  font-size: clamp(28px, 3vw, 44px);
}

.woocommerce-MyAccount-content h3 {
  font-size: 28px;
}

.vv-account-hero {
  width: min(var(--vv-container), calc(100% - 48px));
  margin: 36px auto 0;
  background: linear-gradient(135deg, #211a12 0%, #513a23 56%, #1e6b50 100%);
  color: #fffaf1;
  border-radius: 32px;
  padding: clamp(28px, 5vw, 52px);
  box-shadow: var(--vv-shadow);
  position: relative;
  overflow: hidden;
}

.vv-account-hero:after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -120px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: repeating-radial-gradient(circle, #0e0e0e 0 8px, #292929 9px 14px);
  opacity: .5;
}

.vv-account-hero > * {
  position: relative;
  z-index: 2;
}

.vv-account-hero h1 {
  margin: 0;
  font-size: clamp(42px, 6vw, 82px);
  line-height: .9;
  letter-spacing: -.08em;
}

.vv-account-hero p {
  max-width: 760px;
  margin: 14px 0 0;
  font-size: 19px;
  color: #f0dfbf;
}

.vv-account-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
  margin: 0 0 28px;
}

.vv-account-card {
  background: #fff7e8;
  border: 1px solid var(--vv-line);
  border-radius: 20px;
  padding: 20px;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.vv-account-card strong {
  display: block;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -.035em;
  color: #211a12;
}

.vv-account-card span {
  color: var(--vv-muted);
  font-weight: 800;
  font-size: 14px;
}

.vv-account-card a {
  margin-top: 12px;
  font-weight: 950;
  color: var(--vv-green);
}

.woocommerce-account table.shop_table,
.woocommerce-orders-table,
.woocommerce-table {
  border: 1px solid var(--vv-line) !important;
  border-radius: 22px !important;
  overflow: hidden;
  background: #fff;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
  border-color: var(--vv-line) !important;
  padding: 15px !important;
}

.woocommerce-account table.shop_table th {
  background: #fff7e8;
  color: #211a12;
  font-weight: 950;
}

.woocommerce-account .woocommerce-button,
.woocommerce-account .button,
.woocommerce-account button.button {
  border-radius: 999px !important;
  background: #211a12 !important;
  color: #fffaf1 !important;
  border: 0 !important;
  font-weight: 950 !important;
  padding: 12px 18px !important;
  transition: .18s ease;
}

.woocommerce-account .woocommerce-button:hover,
.woocommerce-account .button:hover,
.woocommerce-account button.button:hover {
  background: var(--vv-green) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.woocommerce-account form.login,
.woocommerce-account form.register,
.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.woocommerce-form-register {
  background: #fff;
  border: 1px solid var(--vv-line);
  border-radius: 28px;
  padding: clamp(22px, 4vw, 42px);
  box-shadow: var(--vv-shadow);
}

.woocommerce-account .u-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 28px;
}

.woocommerce-account .u-columns:before,
.woocommerce-account .u-columns:after {
  display: none !important;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
  float: none !important;
  width: auto !important;
}

.woocommerce-account input.input-text,
.woocommerce-account textarea,
.woocommerce-account select {
  border: 1px solid var(--vv-line) !important;
  border-radius: 14px !important;
  padding: 13px 15px !important;
  background: #fffaf1 !important;
  font: inherit !important;
}

.woocommerce-account label {
  font-weight: 900;
  color: #211a12;
}

.woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 22px;
}

.woocommerce-Address {
  background: #fff7e8;
  border: 1px solid var(--vv-line);
  border-radius: 22px;
  padding: 22px;
}

.woocommerce-Address header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}

.woocommerce-Address-title h3 {
  margin: 0;
}

.woocommerce-Address address {
  color: #4f463b;
  font-style: normal;
  line-height: 1.7;
}

.woocommerce-account .woocommerce-notices-wrapper {
  width: min(var(--vv-container), calc(100% - 48px));
  margin: 20px auto 0;
}

@media(max-width:1180px) {
  .woocommerce-account.logged-in .woocommerce {
    grid-template-columns: 1fr;
  }

  .woocommerce-MyAccount-navigation {
    position: static;
  }

  .woocommerce-MyAccount-navigation ul {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .vv-account-cards {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media(max-width:760px) {
  .woocommerce-account .woocommerce,
  .vv-account-hero {
    width: min(100% - 24px, var(--vv-container));
  }

  .woocommerce-account .u-columns,
  .woocommerce-Addresses,
  .woocommerce-MyAccount-navigation ul,
  .vv-account-cards {
    grid-template-columns: 1fr;
  }

  .woocommerce-MyAccount-content {
    padding: 20px;
  }
}


/* ===== V32 rebuilt shop sidebar + real format filters ===== */
.vv-sidebar {
  max-width: 330px;
}

.vv-sidebar h3 {
  font-size: 24px !important;
}

.vv-side-block--compact ul {
  gap: 6px !important;
}

.vv-side-block--compact a {
  padding: 9px 11px !important;
}

.vv-side-block a.is-active,
.vv-side-block a[aria-current="true"] {
  background: var(--vv-accent) !important;
  border-color: var(--vv-accent) !important;
  color: #211a12 !important;
  box-shadow: 0 8px 16px rgba(240,180,41,.22);
}

.vv-active-filter strong {
  margin-left: 3px;
}

.vv-filter-note {
  display: block;
  margin: 12px 0 0;
  color: var(--vv-muted);
  font-weight: 800;
  font-size: 14px;
}

@media(max-width:1180px) {
  .vv-sidebar {
    max-width: none;
  }
}


/* ===== V33 strict real taxonomy sidebar ===== */
.vv-side-block--real a small {
  background:#211a12;
  color:#fffaf1;
  border-radius:999px;
  padding:3px 7px;
  min-width:26px;
  text-align:center;
}

.vv-side-warning {
  background:#fff4d7;
  border:1px solid var(--vv-accent);
  border-radius:16px;
  padding:12px;
  color:#4f3b12;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
}

.vv-side-warning strong {
  display:block;
  color:#211a12;
  margin-bottom:4px;
}


/* ===== V34 format-field filters ===== */
.vv-side-block--format a small {
  background:#211a12;
  color:#fffaf1;
  border-radius:999px;
  padding:3px 7px;
  min-width:34px;
  text-align:center;
}

.vv-active-filter--format {
  background:#fff4d7;
  border-color:var(--vv-accent);
}


/* ===== V35 Formaat details menu ===== */
.vv-side-block--format-details a small {
  background:#211a12;
  color:#fffaf1;
  border-radius:999px;
  padding:3px 7px;
  min-width:34px;
  text-align:center;
}

.vv-format-source-note {
  display:block;
  color:var(--vv-muted);
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  margin:8px 0 0;
}

.vv-active-filter--format-details {
  background:#fff4d7;
  border-color:var(--vv-accent);
}


/* ===== V36 clean rebuilt shop menu, strict Formaat details ===== */
.vv-side-block--format-details a small {
  background:#211a12;
  color:#fffaf1;
  border-radius:999px;
  padding:3px 7px;
  min-width:34px;
  text-align:center;
}

.vv-active-filter--format-details {
  background:#fff4d7;
  border-color:var(--vv-accent);
}

.vv-filter-note {
  display:block;
  margin:12px 0 0;
  color:var(--vv-muted);
  font-weight:800;
  font-size:14px;
}

.vv-sidebar h3 {
  font-size:24px !important;
}


/* ===== V37 fixed static shop sidebar ===== */
.vv-sidebar-fixed {
  display: grid;
  gap: 18px;
}

.vv-sidebar-fixed h3 {
  font-size: 24px !important;
  margin: 0 0 2px !important;
}

.vv-sidebar-fixed .vv-side-block {
  background: #fff;
  border: 1px solid #eadfce;
  border-radius: 20px;
  padding: 14px;
}

.vv-sidebar-fixed .vv-side-block h4 {
  margin: 0 0 10px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--vv-green);
  font-weight: 950;
}

.vv-sidebar-fixed ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 7px !important;
}

.vv-sidebar-fixed li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.vv-sidebar-fixed a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 11px !important;
  border: 1px solid #eee2d2 !important;
  border-radius: 14px !important;
  background: #fffaf1 !important;
  color: #211a12 !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.vv-sidebar-fixed a:hover,
.vv-sidebar-fixed a.is-active {
  background: var(--vv-accent) !important;
  border-color: var(--vv-accent) !important;
  color: #211a12 !important;
  transform: translateX(3px);
}

.vv-sidebar-fixed small {
  background:#211a12;
  color:#fffaf1;
  border-radius:999px;
  padding:3px 7px;
  min-width:34px;
  text-align:center;
  font-size:12px;
  font-weight:900;
}

.vv-sidebar-fixed .vv-side-reset {
  background:#211a12 !important;
  color:#fffaf1 !important;
  border-color:#211a12 !important;
}

.vv-sidebar-fixed .vv-side-reset:hover {
  background:var(--vv-green) !important;
  border-color:var(--vv-green) !important;
}


/* ===== V38 format-details SQL/content filter note ===== */
.vv-filter-note strong {
  color:#211a12;
}

.vv-no-products-help {
  background:#fff7e8;
  border:1px solid var(--vv-line);
  border-radius:18px;
  padding:18px;
  margin-top:14px;
  color:var(--vv-muted);
  font-weight:800;
}


/* ===== V39 dynamic format sidebar + cleaner filter UI ===== */
.vv-shop-layout {
  grid-template-columns: 340px minmax(0, 1fr) !important;
  gap: 34px !important;
}

.vv-sidebar {
  max-width: 340px !important;
}

.vv-sidebar-fixed {
  display:grid;
  gap:16px;
}

.vv-sidebar-fixed h3 {
  font-size:26px !important;
  letter-spacing:-.05em;
}

.vv-sidebar-fixed .vv-side-block {
  padding:16px;
  border-radius:22px;
}

.vv-sidebar-fixed a {
  min-height:42px;
}

.vv-sidebar-fixed small {
  min-width:30px;
}

.vv-sidebar-fixed .is-disabled {
  opacity:.45;
  pointer-events:none;
}

.vv-active-filter {
  margin-right:8px;
  margin-bottom:8px;
}

.vv-active-filter--old {
  display:none !important;
}

.vv-no-products-panel {
  background:#fff;
  border:1px solid var(--vv-line);
  border-radius:24px;
  padding:28px;
  box-shadow:var(--vv-shadow);
}

.vv-no-products-panel h2 {
  margin:0 0 10px;
  font-size:30px;
  letter-spacing:-.05em;
}

.vv-no-products-panel p {
  color:var(--vv-muted);
  font-weight:800;
}

.vv-no-products-panel .vv-actions {
  margin-top:18px;
}

@media(max-width:1180px) {
  .vv-shop-layout {
    grid-template-columns:1fr !important;
  }
  .vv-sidebar {
    max-width:none !important;
  }
}

/* V40 cleanup: old format filter PHP layers removed; v39 dynamic filter is the only active format system. */


/* ===== V41 fast menu: no realtime product counts ===== */
.vv-sidebar-fixed small {
  min-width: auto;
  padding: 3px 8px;
}

.vv-sidebar-fixed .vv-count-disabled {
  opacity: .75;
}

.vv-performance-note {
  display:none;
}


/* ===== V42 background format index ===== */
.vv-index-status {
  display:block;
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  background:#fff4d7;
  border:1px solid var(--vv-accent);
  color:#4f3b12;
  font-weight:850;
  font-size:13px;
}

.vv-sidebar-fixed small.vv-count {
  background:#211a12;
  color:#fffaf1;
}

/* V43 media classifier: Formaat decides media first, Formaat details refines it. */

/* V44 strict parser: Formaat does not match Formaat details; cassette is media-only. */

/* V45 parser fix: Formaat details with optional '(speed, kleur etc.)' is recognized. */

/* V46 index reads the same vv_product_meta fields as the product page. */

/* V48 parser repair: keeps index/menu, fixes glued Formaat/Formaat details strings. */

/* V50 keeps the VinylVault Index button and only fixes the parser. */

/* V51 keeps v50 index and restores CD/Cassette media classification. */

/* V52 restores CD, Cassette and Box Set classification without removing vinyl index/menu. */

/* V53 adds CD Album and CD Single as proper combinations: Formaat + Formaat details. */

/* V54: robust media detection from format fields + product taxonomies/attributes. */

/* V55: frontend filter clicks never reset/rebuild the stored format index. */


/* ===== V56 account page repair ===== */
.woocommerce-account .woocommerce {
  width: min(var(--vv-container), calc(100% - 48px)) !important;
  margin: 34px auto 70px !important;
  display: block !important;
}

.woocommerce-account.logged-in .woocommerce {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
}

.woocommerce-account .vv-account-hero {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  min-height: auto !important;
  border-radius: 28px !important;
  padding: clamp(26px, 4vw, 46px) !important;
  overflow: hidden !important;
}

.woocommerce-account .vv-account-hero h1 {
  max-width: 900px !important;
  font-size: clamp(42px, 5.4vw, 76px) !important;
  line-height: .9 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.woocommerce-account .vv-account-hero p {
  max-width: 720px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  grid-column: 1 !important;
  width: auto !important;
  float: none !important;
  position: sticky !important;
  top: 120px !important;
  align-self: start !important;
  max-width: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
  grid-column: 2 !important;
  width: auto !important;
  float: none !important;
  min-width: 0 !important;
  min-height: 420px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation:before {
  content: "Mijn account" !important;
  font-size: 26px !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 22px !important;
  padding: 22px 24px !important;
  border: 1px solid var(--vv-line) !important;
  border-radius: 22px !important;
  background: #fff7e8 !important;
  color: #211a12 !important;
  box-shadow: 0 12px 25px rgba(38,31,22,.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  font-weight: 850 !important;
  min-height: 86px !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message:before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error:before {
  display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button {
  order: 2 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.woocommerce-account .woocommerce-orders-table,
.woocommerce-account table.shop_table {
  width: 100% !important;
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
  margin: 4px !important;
}

.woocommerce-account .vv-account-cards {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.woocommerce-account .vv-account-card {
  min-height: 130px !important;
}

.woocommerce-account .woocommerce:before,
.woocommerce-account .woocommerce:after,
.woocommerce-account .u-columns:before,
.woocommerce-account .u-columns:after {
  display: none !important;
  content: none !important;
}

.woocommerce-account:not(.logged-in) .woocommerce {
  display: block !important;
}

.woocommerce-account:not(.logged-in) .vv-account-hero {
  width: min(var(--vv-container), calc(100% - 48px)) !important;
  margin: 34px auto 0 !important;
}

@media(max-width:1180px) {
  .woocommerce-account.logged-in .woocommerce {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-account .vv-account-hero,
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    grid-column: 1 !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    position: static !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .woocommerce-account .vv-account-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media(max-width:760px) {
  .woocommerce-account .woocommerce,
  .woocommerce-account:not(.logged-in) .vv-account-hero {
    width: min(100% - 24px, var(--vv-container)) !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul,
  .woocommerce-account .vv-account-cards {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
    display: block !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button {
    margin-top: 14px !important;
    width: 100% !important;
    text-align: center !important;
  }
}


/* ===== V57 account address/form layout repair ===== */

/* Main account content must use real width */
.woocommerce-account .woocommerce-MyAccount-content {
  padding: clamp(28px, 4vw, 46px) !important;
  overflow: visible !important;
}

/* Address/account edit forms */
.woocommerce-account .woocommerce-MyAccount-content form,
.woocommerce-account form.edit-account,
.woocommerce-account form.woocommerce-EditAccountForm,
.woocommerce-account form.woocommerce-address-fields,
.woocommerce-account .woocommerce-address-fields__field-wrapper {
  width: 100% !important;
  max-width: 900px !important;
}

/* Woo fields: force clean vertical layout */
.woocommerce-account .woocommerce-MyAccount-content .form-row,
.woocommerce-account .woocommerce-address-fields .form-row,
.woocommerce-account form.edit-account .form-row {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 180px minmax(260px, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
}

/* Some WooCommerce classes force half-width; override them */
.woocommerce-account .form-row-first,
.woocommerce-account .form-row-last,
.woocommerce-account .form-row-wide {
  float: none !important;
  width: 100% !important;
}

/* Labels */
.woocommerce-account .woocommerce-MyAccount-content label {
  display: block !important;
  margin: 0 !important;
  font-weight: 950 !important;
  color: #211a12 !important;
  line-height: 1.25 !important;
}

/* Inputs/selects */
.woocommerce-account .woocommerce-MyAccount-content input.input-text,
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
  width: 100% !important;
  max-width: 420px !important;
  min-height: 54px !important;
  box-sizing: border-box !important;
  border: 1px solid #eadfce !important;
  border-radius: 16px !important;
  padding: 13px 16px !important;
  background: #fffaf1 !important;
  color: #211a12 !important;
  font: inherit !important;
  box-shadow: none !important;
}

/* Select2 country/state dropdown */
.woocommerce-account .select2-container {
  width: 100% !important;
  max-width: 420px !important;
}

.woocommerce-account .select2-container .select2-selection--single {
  height: 54px !important;
  border: 1px solid #eadfce !important;
  border-radius: 16px !important;
  background: #fffaf1 !important;
  display: flex !important;
  align-items: center !important;
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #211a12 !important;
  line-height: 54px !important;
  padding-left: 16px !important;
  padding-right: 42px !important;
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 54px !important;
  right: 10px !important;
}

/* Address 2 should align with input column, not start under label */
.woocommerce-account #billing_address_2_field,
.woocommerce-account #shipping_address_2_field {
  grid-template-columns: 180px minmax(260px, 1fr) !important;
}

.woocommerce-account #billing_address_2_field label,
.woocommerce-account #shipping_address_2_field label {
  visibility: hidden !important;
}

/* Field descriptions/password hints */
.woocommerce-account .woocommerce-MyAccount-content em,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-password-hint {
  grid-column: 2 !important;
  max-width: 420px !important;
  color: var(--vv-muted) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
}

/* Save button row */
.woocommerce-account .woocommerce-address-fields p:last-child,
.woocommerce-account form.edit-account p:last-child {
  max-width: 720px !important;
  display: flex !important;
  justify-content: flex-start !important;
  margin-top: 26px !important;
}

.woocommerce-account .woocommerce-MyAccount-content button.button,
.woocommerce-account .woocommerce-MyAccount-content .button {
  min-height: 50px !important;
  padding: 13px 24px !important;
  border-radius: 999px !important;
}

/* Headings */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content legend {
  margin: 0 0 24px !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  line-height: .95 !important;
  letter-spacing: -.06em !important;
  color: #211a12 !important;
  font-weight: 950 !important;
}

.woocommerce-account form.edit-account fieldset {
  margin-top: 32px !important;
  padding: 26px !important;
  border: 1px solid #eadfce !important;
  border-radius: 22px !important;
  background: #fff7e8 !important;
}

/* Address overview cards */
.woocommerce-account .woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.woocommerce-account .woocommerce-Address {
  width: auto !important;
  float: none !important;
}

/* Prevent browser autofill weird yellow blocks from clashing too much */
.woocommerce-account input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fffaf1 inset !important;
  -webkit-text-fill-color: #211a12 !important;
}

/* Mobile account forms */
@media(max-width:760px) {
  .woocommerce-account .woocommerce-MyAccount-content {
    padding: 22px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content .form-row,
  .woocommerce-account .woocommerce-address-fields .form-row,
  .woocommerce-account form.edit-account .form-row,
  .woocommerce-account #billing_address_2_field,
  .woocommerce-account #shipping_address_2_field {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    max-width: none !important;
  }

  .woocommerce-account #billing_address_2_field label,
  .woocommerce-account #shipping_address_2_field label {
    display: none !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content input.input-text,
  .woocommerce-account .woocommerce-MyAccount-content input[type="text"],
  .woocommerce-account .woocommerce-MyAccount-content input[type="email"],
  .woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
  .woocommerce-account .woocommerce-MyAccount-content input[type="password"],
  .woocommerce-account .woocommerce-MyAccount-content select,
  .woocommerce-account .woocommerce-MyAccount-content textarea,
  .woocommerce-account .select2-container {
    max-width: none !important;
  }

  .woocommerce-account .woocommerce-Addresses {
    grid-template-columns: 1fr !important;
  }
}


/* ===== V58 account details / password form repair ===== */

/* Account details page: give form breathing room */
.woocommerce-account form.woocommerce-EditAccountForm.edit-account {
  max-width: 900px !important;
  width: 100% !important;
  display: block !important;
}

/* Fix Woo account details field alignment */
.woocommerce-account form.woocommerce-EditAccountForm.edit-account .form-row {
  max-width: 760px !important;
  grid-template-columns: 190px minmax(280px, 1fr) !important;
  align-items: center !important;
}

/* Description under display name should sit in the input column, not as a tiny broken column */
.woocommerce-account form.woocommerce-EditAccountForm.edit-account .form-row em {
  grid-column: 2 !important;
  display: block !important;
  max-width: 430px !important;
  margin-top: -6px !important;
  color: #6c5d4d !important;
  font-size: 13px !important;
  font-style: italic !important;
  line-height: 1.45 !important;
}

/* Password section should look like a normal card, not title smashed into it */
.woocommerce-account form.woocommerce-EditAccountForm.edit-account fieldset {
  max-width: 820px !important;
  margin: 36px 0 24px !important;
  padding: 34px 34px 30px !important;
  border: 1px solid #eadfce !important;
  border-radius: 24px !important;
  background: #fff7e8 !important;
  box-shadow: 0 14px 34px rgba(38,31,22,.06) !important;
  display: block !important;
  position: relative !important;
}

/* Legend must be inside/above cleanly */
.woocommerce-account form.woocommerce-EditAccountForm.edit-account fieldset legend {
  float: none !important;
  width: auto !important;
  display: block !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  font-size: clamp(30px, 3.6vw, 46px) !important;
  line-height: .95 !important;
  letter-spacing: -.06em !important;
  font-weight: 950 !important;
  color: #211a12 !important;
}

/* Password rows inside fieldset */
.woocommerce-account form.woocommerce-EditAccountForm.edit-account fieldset .form-row {
  max-width: 760px !important;
  grid-template-columns: 190px minmax(280px, 1fr) !important;
  margin-bottom: 18px !important;
}

/* Password input with strength meter should not create tiny marks/lines */
.woocommerce-account .password-input,
.woocommerce-account .woocommerce-password-strength,
.woocommerce-account .woocommerce-password-hint {
  max-width: 430px !important;
}

.woocommerce-account .password-input {
  display: block !important;
  width: 100% !important;
  position: relative !important;
}

.woocommerce-account .password-input input {
  max-width: 430px !important;
  width: 100% !important;
}

.woocommerce-account .show-password-input {
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  opacity: .7 !important;
}

/* Hide stray generated meter artifacts when empty */
.woocommerce-account .woocommerce-password-strength:empty,
.woocommerce-account .woocommerce-password-hint:empty {
  display: none !important;
}

.woocommerce-account .woocommerce-password-strength {
  margin: 8px 0 0 !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
}

/* Submit button aligned with form, not floating weird */
.woocommerce-account form.woocommerce-EditAccountForm.edit-account p:last-child {
  max-width: 820px !important;
  margin: 24px 0 0 !important;
  display: block !important;
}

.woocommerce-account form.woocommerce-EditAccountForm.edit-account button[name="save_account_details"] {
  min-width: 190px !important;
  background: #211a12 !important;
  color: #fffaf1 !important;
}

/* Ensure content card does not visually cut the form */
.woocommerce-account .woocommerce-MyAccount-content {
  overflow: visible !important;
  padding-bottom: 54px !important;
}

/* Mobile */
@media(max-width:760px) {
  .woocommerce-account form.woocommerce-EditAccountForm.edit-account .form-row,
  .woocommerce-account form.woocommerce-EditAccountForm.edit-account fieldset .form-row {
    grid-template-columns: 1fr !important;
    max-width: none !important;
  }

  .woocommerce-account form.woocommerce-EditAccountForm.edit-account .form-row em {
    grid-column: 1 !important;
    max-width: none !important;
    margin-top: 0 !important;
  }

  .woocommerce-account form.woocommerce-EditAccountForm.edit-account fieldset {
    padding: 24px 18px !important;
  }

  .woocommerce-account form.woocommerce-EditAccountForm.edit-account fieldset legend {
    font-size: 34px !important;
  }

  .woocommerce-account .password-input,
  .woocommerce-account .password-input input,
  .woocommerce-account .woocommerce-password-strength,
  .woocommerce-account .woocommerce-password-hint {
    max-width: none !important;
  }
}


/* ===== V59 single product variation / condition selector repair ===== */

/* Variable product form should look like part of the product card */
.single-product form.variations_form,
.single-product .summary form.variations_form,
.single-product .vv-product-summary form.variations_form {
  margin: 22px 0 18px !important;
  display: grid !important;
  gap: 16px !important;
  max-width: 620px !important;
}

/* Woo table reset */
.single-product form.variations_form table.variations {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
  display: block !important;
}

.single-product form.variations_form table.variations tbody,
.single-product form.variations_form table.variations tr,
.single-product form.variations_form table.variations th,
.single-product form.variations_form table.variations td {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Label */
.single-product form.variations_form table.variations label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #211a12 !important;
  font-weight: 950 !important;
  font-size: 15px !important;
  letter-spacing: -.02em !important;
}

/* Dropdown */
.single-product form.variations_form table.variations select {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  max-width: 420px !important;
  min-height: 54px !important;
  border: 1px solid #eadfce !important;
  border-radius: 16px !important;
  background:
    linear-gradient(45deg, transparent 50%, #211a12 50%) calc(100% - 21px) 50% / 7px 7px no-repeat,
    linear-gradient(135deg, #211a12 50%, transparent 50%) calc(100% - 16px) 50% / 7px 7px no-repeat,
    #fffaf1 !important;
  color: #211a12 !important;
  font: inherit !important;
  font-weight: 850 !important;
  padding: 13px 46px 13px 16px !important;
  box-shadow: none !important;
}

/* Reset link */
.single-product form.variations_form .reset_variations {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin: 10px 0 0 !important;
  color: var(--vv-green) !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

/* Variation result / selected price */
.single-product .single_variation_wrap {
  display: grid !important;
  gap: 14px !important;
  max-width: 620px !important;
}

.single-product .woocommerce-variation {
  background: #fff7e8 !important;
  border: 1px solid #eadfce !important;
  border-radius: 18px !important;
  padding: 14px 16px !important;
  max-width: 520px !important;
}

.single-product .woocommerce-variation-price {
  font-size: 24px !important;
  font-weight: 950 !important;
  color: #211a12 !important;
  margin: 0 !important;
}

.single-product .woocommerce-variation-price .price {
  color: #211a12 !important;
}

.single-product .woocommerce-variation-availability {
  margin-top: 8px !important;
  font-weight: 900 !important;
}

.single-product .woocommerce-variation-description {
  color: var(--vv-muted) !important;
  font-weight: 800 !important;
}

/* Add to cart row for variable products */
.single-product .woocommerce-variation-add-to-cart,
.single-product .woocommerce-variation-add-to-cart.variations_button {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-top: 2px !important;
}

/* Quantity */
.single-product .woocommerce-variation-add-to-cart .quantity,
.single-product form.cart .quantity {
  margin: 0 !important;
}

.single-product form.cart input.qty {
  width: 78px !important;
  min-height: 50px !important;
  border: 1px solid #eadfce !important;
  border-radius: 999px !important;
  background: #fffaf1 !important;
  color: #211a12 !important;
  font-weight: 950 !important;
  text-align: center !important;
}

/* Button */
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.single-product form.cart .single_add_to_cart_button {
  min-height: 52px !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  background: var(--vv-accent) !important;
  color: #211a12 !important;
  border: 0 !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 25px rgba(240,180,41,.22) !important;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover,
.single-product form.cart .single_add_to_cart_button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(.98) !important;
  box-shadow: 0 16px 30px rgba(240,180,41,.3) !important;
}

.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button.disabled,
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button.wc-variation-selection-needed {
  opacity: .55 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Stop duplicate/default stock text from looking messy */
.single-product .summary .stock,
.single-product .vv-product-summary .stock {
  font-weight: 950 !important;
}

/* Mobile */
@media(max-width:760px) {
  .single-product form.variations_form table.variations select,
  .single-product .woocommerce-variation,
  .single-product .single_variation_wrap {
    max-width: none !important;
  }

  .single-product .woocommerce-variation-add-to-cart,
  .single-product .woocommerce-variation-add-to-cart.variations_button {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button,
  .single-product form.cart .single_add_to_cart_button {
    width: 100% !important;
  }
}


/* ===== V60 variation condition buttons ===== */
.single-product .vv-condition-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: 10px;
  max-width: 620px;
  margin: 0 0 12px;
}

.single-product .vv-condition-option {
  border: 1px solid #eadfce;
  border-radius: 16px;
  background: #fffaf1;
  color: #211a12;
  padding: 12px 14px;
  min-height: 58px;
  display: grid;
  align-content: center;
  gap: 3px;
  cursor: pointer;
  font-weight: 950;
  text-align: left;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.single-product .vv-condition-option:hover {
  transform: translateY(-2px);
  border-color: var(--vv-accent);
  box-shadow: 0 12px 22px rgba(38,31,22,.08);
}

.single-product .vv-condition-option.is-selected {
  background: var(--vv-accent);
  border-color: var(--vv-accent);
  box-shadow: 0 12px 24px rgba(240,180,41,.25);
}

.single-product .vv-condition-option small {
  color: #6c5d4d;
  font-weight: 850;
  font-size: 12px;
}

.single-product .vv-condition-option.is-selected small {
  color: #211a12;
}

.single-product .vv-condition-native-hidden {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.single-product .vv-condition-options + .reset_variations {
  margin-top: 4px !important;
}

@media(max-width:760px) {
  .single-product .vv-condition-options {
    grid-template-columns: 1fr;
    max-width: none;
  }
}


/* ===== V61 force condition buttons ===== */
.single-product .vv-condition-options {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)) !important;
  gap: 10px !important;
  max-width: 620px !important;
  margin: 0 0 14px !important;
}

.single-product .vv-condition-option {
  border: 1px solid #eadfce !important;
  border-radius: 16px !important;
  background: #fffaf1 !important;
  color: #211a12 !important;
  padding: 12px 14px !important;
  min-height: 58px !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
  cursor: pointer !important;
  font-weight: 950 !important;
  text-align: left !important;
}

.single-product .vv-condition-option:hover,
.single-product .vv-condition-option.is-selected {
  background: var(--vv-accent) !important;
  border-color: var(--vv-accent) !important;
  box-shadow: 0 12px 24px rgba(240,180,41,.25) !important;
}

.single-product .vv-condition-option small {
  color: #6c5d4d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.single-product select.vv-condition-native-hidden {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* If JS is active, remove the old label gap/table look */
.single-product .vv-condition-js-active table.variations select.vv-condition-native-hidden {
  display: block !important;
}


/* ===== V62 multiple variation selectors ===== */
.single-product .vv-variation-group {
  display: grid !important;
  gap: 9px !important;
  margin: 0 0 16px !important;
  max-width: 680px !important;
}

.single-product .vv-variation-group-title {
  display: block !important;
  color: #211a12 !important;
  font-weight: 950 !important;
  font-size: 15px !important;
  letter-spacing: -.02em !important;
}

.single-product .vv-variation-options {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)) !important;
  gap: 10px !important;
}

.single-product .vv-variation-option {
  border: 1px solid #eadfce !important;
  border-radius: 16px !important;
  background: #fffaf1 !important;
  color: #211a12 !important;
  padding: 12px 14px !important;
  min-height: 58px !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
  cursor: pointer !important;
  font-weight: 950 !important;
  text-align: left !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

.single-product .vv-variation-option:hover,
.single-product .vv-variation-option.is-selected {
  background: var(--vv-accent) !important;
  border-color: var(--vv-accent) !important;
  box-shadow: 0 12px 24px rgba(240,180,41,.25) !important;
  transform: translateY(-1px) !important;
}

.single-product .vv-variation-option small {
  color: #6c5d4d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.single-product .vv-variation-option.is-selected small {
  color: #211a12 !important;
}

.single-product select.vv-variation-native-hidden {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hide old variation table rows once converted, but keep select alive */
.single-product .vv-variations-js-active table.variations th,
.single-product .vv-variations-js-active table.variations td {
  display: block !important;
}

@media(max-width:760px) {
  .single-product .vv-variation-options {
    grid-template-columns: 1fr !important;
  }
}


/* ===== V63 real variation cards: same condition can have different prices ===== */
.single-product .vv-real-variation-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)) !important;
  gap: 12px !important;
  max-width: 720px !important;
  margin: 0 0 16px !important;
}

.single-product .vv-real-variation-title {
  display: block !important;
  color: #211a12 !important;
  font-weight: 950 !important;
  font-size: 15px !important;
  margin: 0 0 9px !important;
}

.single-product .vv-real-variation-card {
  border: 1px solid #eadfce !important;
  border-radius: 18px !important;
  background: #fffaf1 !important;
  color: #211a12 !important;
  padding: 14px 15px !important;
  min-height: 82px !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

.single-product .vv-real-variation-card:hover,
.single-product .vv-real-variation-card.is-selected {
  background: var(--vv-accent) !important;
  border-color: var(--vv-accent) !important;
  box-shadow: 0 14px 28px rgba(240,180,41,.25) !important;
  transform: translateY(-1px) !important;
}

.single-product .vv-real-variation-card strong {
  display: block !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}

.single-product .vv-real-variation-card .vv-var-price {
  display: block !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  color: #211a12 !important;
}

.single-product .vv-real-variation-card .vv-var-meta {
  display: block !important;
  color: #6c5d4d !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
}

.single-product .vv-real-variation-card.is-selected .vv-var-meta {
  color: #211a12 !important;
}

.single-product .vv-real-variations-active table.variations {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.single-product .vv-real-variations-active .vv-variation-group,
.single-product .vv-real-variations-active .vv-condition-options {
  display: none !important;
}

@media(max-width:760px) {
  .single-product .vv-real-variation-cards {
    grid-template-columns: 1fr !important;
    max-width: none !important;
  }
}


/* ===== V64 clean real variation cards ===== */
.single-product .vv-real-variation-title {
  margin: 0 0 12px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  color: #211a12 !important;
}

.single-product .vv-real-variation-cards {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 12px !important;
  max-width: 720px !important;
}

.single-product .vv-real-variation-card {
  min-height: 92px !important;
  padding: 15px 16px !important;
  border-radius: 18px !important;
  background: #fffaf1 !important;
}

.single-product .vv-real-variation-card strong {
  font-size: 17px !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}

.single-product .vv-real-variation-card .vv-var-price {
  font-size: 22px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
}

.single-product .vv-real-variation-card .vv-var-meta {
  font-size: 12px !important;
  color: #6c5d4d !important;
}

.single-product .vv-real-variation-card.is-selected .vv-var-price,
.single-product .vv-real-variation-card.is-selected strong,
.single-product .vv-real-variation-card.is-selected .vv-var-meta {
  color: #211a12 !important;
}

.single-product .vv-real-variation-card .vv-var-stock {
  display: inline-flex !important;
  width: fit-content !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
  background: rgba(30,119,89,.12) !important;
  color: var(--vv-green) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.single-product .vv-real-variation-card.is-selected .vv-var-stock {
  background: rgba(255,255,255,.45) !important;
  color: #211a12 !important;
}

/* Make disabled add-to-cart less visually dominant */
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button.disabled,
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button.wc-variation-selection-needed {
  background: #f6d486 !important;
  color: rgba(33,26,18,.55) !important;
  opacity: 1 !important;
}


/* ===== V65 variation cards add-to-cart state ===== */
.single-product .vv-real-variation-card.is-selected {
  outline: 2px solid rgba(33,26,18,.18) !important;
}

.single-product .woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-enabled .single_add_to_cart_button,
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button:not(.disabled) {
  opacity: 1 !important;
  cursor: pointer !important;
  background: var(--vv-accent) !important;
  color: #211a12 !important;
}

/* V66: Used Vinyl menu filter = vinyl products that are not Mint/M condition. */


/* ===== V67 clearer media/sleeve condition cards + cover fallback ===== */

/* Make product image/cover area visible when product has an image */
.single-product div.product div.images,
.single-product .woocommerce-product-gallery,
.single-product .vv-product-gallery,
.single-product .vv-product-media {
  min-height: 220px !important;
}

.single-product div.product div.images img,
.single-product .woocommerce-product-gallery img,
.single-product .vv-product-gallery img,
.single-product .vv-product-media img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 18px !important;
}

/* Cleaner card content */
.single-product .vv-real-variation-card .vv-var-meta {
  display: grid !important;
  gap: 3px !important;
  margin-top: 3px !important;
}

.single-product .vv-real-variation-card .vv-var-meta span {
  display: block !important;
  font-size: 12px !important;
  color: #6c5d4d !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
}

.single-product .vv-real-variation-card.is-selected .vv-var-meta span {
  color: #211a12 !important;
}

.single-product .vv-real-variation-card .vv-var-meta b {
  color: #211a12 !important;
  font-weight: 950 !important;
}

/* Title should stay readable */
.single-product .vv-real-variation-card strong {
  overflow-wrap: anywhere !important;
}


/* ===== V68 always show media + sleeve condition lines ===== */
.single-product .vv-real-variation-card .vv-var-meta span.vv-missing-condition {
  color: #9a8265 !important;
  font-style: italic !important;
}

.single-product .vv-real-variation-card .vv-var-meta b {
  display: inline !important;
}


/* ===== V69 remove duplicate variation title above price ===== */
.single-product .vv-real-variation-card strong.vv-var-title-hidden {
  display: none !important;
}

.single-product .vv-real-variation-card {
  align-content: start !important;
}

.single-product .vv-real-variation-card .vv-var-price {
  margin-top: 0 !important;
}

/* V81: Customizer settings for footer/newsletter/account texts. */


/* ===== V82 Real Settings Admin ===== */
.vv82-admin .vv82-hero {
  background: #211a12;
  color: #fffaf1;
  border-radius: 16px;
  padding: 24px 28px;
  margin: 18px 0;
}
.vv82-admin .vv82-hero h1 { color: #fffaf1; margin: 0 0 8px; }
.vv82-admin-grid {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 18px;
  max-width: 1200px;
}
.vv82-tabs {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 12px;
  padding: 10px;
  height: fit-content;
}
.vv82-tabs a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  text-decoration: none;
  color: #211a12;
  font-weight: 700;
}
.vv82-tabs a.is-active, .vv82-tabs a:hover { background: #f0b429; color: #211a12; }
.vv82-panel {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 18px;
}
.vv82-fields {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 14px 18px;
  align-items: start;
}
.vv82-fields label { font-weight: 700; }
.vv82-fields input[type="text"],
.vv82-fields input[type="email"],
.vv82-fields input[type="url"],
.vv82-fields textarea {
  width: 100%;
  max-width: 680px;
}
.vv82-fields textarea { min-height: 90px; }
.vv82-export {
  width: 100%;
  min-height: 240px;
  font-family: Consolas, Monaco, monospace;
}
@media(max-width:900px){
  .vv82-admin-grid,.vv82-fields{grid-template-columns:1fr;}
}

/* V83: full Customizer controls for real v82 settings. */

/* V88: keeps existing single-product template, only extends existing rows and related products to 5. */


/* V88 related products: 5 cards desktop */
.single-product .related.products ul.products,
.single-product section.related.products ul.products,
.single-product .upsells.products ul.products {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

@media(max-width: 1280px) {
  .single-product .related.products ul.products,
  .single-product section.related.products ul.products,
  .single-product .upsells.products ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media(max-width: 980px) {
  .single-product .related.products ul.products,
  .single-product section.related.products ul.products,
  .single-product .upsells.products ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media(max-width: 720px) {
  .single-product .related.products ul.products,
  .single-product section.related.products ul.products,
  .single-product .upsells.products ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media(max-width: 460px) {
  .single-product .related.products ul.products,
  .single-product section.related.products ul.products,
  .single-product .upsells.products ul.products {
    grid-template-columns: 1fr !important;
  }
}


/* ===== V89 product field selector admin/customizer ===== */
.vv89-field-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 8px 18px;
  max-width: 760px;
}
.vv89-field-list label {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 8px;
}
@media(max-width: 782px) {
  .vv89-field-list { grid-template-columns: 1fr; }
}


/* ===== V90 product badge belongs in the top product info ===== */
.single-product .vv-product-badge,
.single-product .vv90-product-badge {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin: 0 0 14px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: var(--vv-accent) !important;
  color: #211a12 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  box-shadow: 0 10px 24px rgba(240,180,41,.22) !important;
}


/* ===== V91 badge as diagonal cover ribbon ===== */
.single-product .vv-single__media,
.single-product .vv-product-gallery,
.single-product .woocommerce-product-gallery {
  position: relative !important;
  overflow: visible !important;
}

.single-product .vv91-cover-badge {
  position: absolute !important;
  top: 28px !important;
  right: -42px !important;
  z-index: 8 !important;
  min-width: 190px !important;
  padding: 10px 22px !important;
  transform: rotate(38deg) !important;
  transform-origin: center !important;
  border: 2px solid rgba(33,26,18,.16) !important;
  background: var(--vv-accent, #f0b429) !important;
  color: #211a12 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  box-shadow: 0 16px 32px rgba(33,26,18,.22) !important;
  pointer-events: none !important;
}

.single-product .vv91-cover-badge::before,
.single-product .vv91-cover-badge::after {
  content: "" !important;
  position: absolute !important;
  inset: 4px 0 auto 0 !important;
  height: 1px !important;
  background: rgba(33,26,18,.22) !important;
}

.single-product .vv91-cover-badge::after {
  inset: auto 0 4px 0 !important;
}

.single-product .vv90-product-badge {
  display: none !important;
}

@media(max-width: 760px) {
  .single-product .vv91-cover-badge {
    top: 22px !important;
    right: -48px !important;
    min-width: 170px !important;
    font-size: 12px !important;
    padding: 8px 18px !important;
  }
}


/* ===== V92 professional cleanup base ===== */
.vv-theme-note {
  padding: 14px 16px;
  border: 1px solid #eadfce;
  border-radius: 14px;
  background: #fffaf1;
  color: #211a12;
  font-weight: 800;
}

.single-product .vv-service__item span small {
  display: block !important;
}

/* V93: removed dead/disabled cleanup code; keep only active working code. */


/* ===== V94 professional theme control center ===== */
.vv94-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}
.vv94-status-card {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 12px;
  padding: 16px;
}
.vv94-status-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}
.vv94-status-ok {
  color: #1e7759;
  font-weight: 800;
}
.vv94-status-warn {
  color: #9b251b;
  font-weight: 800;
}
@media(max-width: 960px) {
  .vv94-status-grid { grid-template-columns: 1fr; }
}


/* =========================================================
   V96 MOBILE DISPLAY FIX
   Basis: v94. Geen contact/telefoonnummer wijziging.
   Doel: nette mobiele weergave zonder template ombouw.
   ========================================================= */

/* Global mobile safety */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
video,
iframe {
  max-width: 100%;
  height: auto;
}

.vv-container,
.container,
.site,
.site-content,
main {
  max-width: 100%;
  box-sizing: border-box;
}

/* Header / navigation mobile */
@media (max-width: 900px) {
  .vv-header,
  .vv-site-header,
  header.site-header {
    position: relative;
    z-index: 30;
  }

  .vv-header__inner,
  .vv-nav,
  .vv-topbar,
  .vv-header-actions,
  .vv-menu,
  .main-navigation,
  nav {
    max-width: 100%;
    box-sizing: border-box;
  }

  .vv-header__inner,
  .vv-nav {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .vv-brand,
  .site-branding {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .vv-brand *,
  .site-branding * {
    max-width: 100%;
  }

  .vv-menu,
  .main-navigation ul,
  nav ul {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .vv-menu a,
  .main-navigation a,
  nav a {
    white-space: normal !important;
  }

  .vv-search,
  .search-form,
  .woocommerce-product-search {
    width: 100% !important;
    max-width: 100% !important;
  }

  .vv-search input,
  .search-form input,
  .woocommerce-product-search input {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Product archive/cards mobile */
@media (max-width: 900px) {
  .vv-products,
  ul.products,
  .woocommerce ul.products,
  .single-product .related.products ul.products,
  .single-product section.related.products ul.products,
  .single-product .upsells.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .vv-product-card,
  ul.products li.product,
  .woocommerce ul.products li.product {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  .vv-product-card img,
  ul.products li.product img,
  .woocommerce ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}

@media (max-width: 520px) {
  .vv-products,
  ul.products,
  .woocommerce ul.products,
  .single-product .related.products ul.products,
  .single-product section.related.products ul.products,
  .single-product .upsells.products ul.products {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

/* Single product mobile layout */
@media (max-width: 920px) {
  .single-product .vv-single__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .single-product .vv-single__gallery,
  .single-product .woocommerce-product-gallery {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 22px !important;
  }

  .single-product .vv-single__gallery img,
  .single-product .woocommerce-product-gallery img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  .single-product .vv-single__summary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .single-product .product_title,
  .single-product h1.product_title {
    font-size: clamp(26px, 7vw, 42px) !important;
    line-height: 1.08 !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  .single-product .price {
    font-size: clamp(22px, 6vw, 34px) !important;
  }

  .single-product .vv-service__grid {
    grid-template-columns: 1fr !important;
  }

  .single-product .vv-release-table,
  .single-product .vv-product-facts {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .single-product .vv-release-table > div,
  .single-product .vv-product-facts > div,
  .single-product .vv-fact {
    min-width: 0 !important;
  }

  .single-product .vv-single__below {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .single-product .vv-box {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Badge ribbon mobile: stays inside cover */
@media (max-width: 920px) {
  .single-product .vv91-cover-badge {
    top: 22px !important;
    right: -44px !important;
    min-width: 180px !important;
    padding: 8px 18px !important;
    font-size: 11px !important;
    letter-spacing: .06em !important;
  }
}

@media (max-width: 460px) {
  .single-product .vv91-cover-badge {
    top: 18px !important;
    right: -48px !important;
    min-width: 170px !important;
    padding: 7px 16px !important;
    font-size: 10px !important;
  }
}

/* Variation/add-to-cart area mobile safety without changing variation logic */
@media (max-width: 760px) {
  .single-product form.cart,
  .single-product .variations_form,
  .single-product table.variations,
  .single-product .single_variation_wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .single-product table.variations,
  .single-product table.variations tbody,
  .single-product table.variations tr,
  .single-product table.variations td,
  .single-product table.variations th {
    display: block !important;
    width: 100% !important;
  }

  .single-product table.variations select,
  .single-product form.cart input,
  .single-product form.cart button,
  .single-product .single_add_to_cart_button {
    max-width: 100% !important;
  }

  .single-product .quantity {
    max-width: 100% !important;
  }
}

/* Admin theme page mobile */
@media (max-width: 782px) {
  .vv82-admin,
  .vv82-panel,
  .vv94-status-grid,
  .vv89-field-list {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .vv82-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .vv82-tabs a,
  .vv82-tab {
    white-space: normal !important;
  }

  .vv82-panel label,
  .vv82-panel input,
  .vv82-panel textarea,
  .vv82-panel select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}


/* =========================================================
   V121 SAFE Cart + Checkout theme polish
   Safe visual layer only: no grid forcing, no width forcing,
   no sticky sidebars, no WooCommerce Blocks layout rewrite.
   ========================================================= */

body.woocommerce-cart,
body.woocommerce-checkout {
  background-color: #f4efe4;
}

/* Existing cart/checkout panels: only visual polish */
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce,
body.woocommerce-cart form.woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review,
body .wc-block-components-main,
body .wc-block-components-sidebar,
body .wc-block-checkout__main,
body .wc-block-checkout__sidebar,
body .wc-block-cart__main,
body .wc-block-cart__sidebar {
  border-radius: 24px !important;
  border-color: rgba(23, 21, 18, .13) !important;
  box-shadow: 0 16px 36px rgba(23, 21, 18, .055) !important;
}

/* Tables and rows */
body.woocommerce-cart table.shop_table,
body.woocommerce-checkout table.shop_table {
  border-color: rgba(23, 21, 18, .13) !important;
}

body.woocommerce-cart table.shop_table th,
body.woocommerce-checkout table.shop_table th {
  color: #171512 !important;
  font-weight: 950 !important;
  letter-spacing: .03em !important;
}

body.woocommerce-cart table.shop_table thead th {
  border-bottom: 2px solid #d8a51d !important;
}

body.woocommerce-cart table.shop_table td,
body.woocommerce-checkout table.shop_table td {
  border-color: rgba(23, 21, 18, .12) !important;
}

/* Product thumbnails */
body.woocommerce-cart table.cart img,
body .wc-block-cart-item__image img,
body .wc-block-components-order-summary-item__image img,
body .wc-block-components-product-image img {
  border-radius: 14px !important;
  border: 1px solid rgba(23, 21, 18, .13) !important;
  box-shadow: 0 8px 18px rgba(23, 21, 18, .12) !important;
}

/* Product names and prices */
body.woocommerce-cart .product-name a,
body.woocommerce-checkout-review-order-table .product-name,
body .wc-block-components-product-name {
  color: #171512 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

body.woocommerce-cart .product-name a:hover,
body .wc-block-components-product-name:hover {
  color: #b98400 !important;
}

body.woocommerce-cart .amount,
body.woocommerce-checkout .amount,
body .wc-block-formatted-money-amount,
body .wc-block-components-totals-item__value {
  color: #171512 !important;
  font-weight: 900 !important;
}

/* Totals: visible theme accent without changing layout */
body.woocommerce-cart .cart_totals h2,
body .wc-block-cart__totals-title,
body .wc-block-components-order-summary__title {
  color: #171512 !important;
  font-weight: 950 !important;
}

body.woocommerce-cart .cart_totals .order-total,
body.woocommerce-checkout-review-order-table .order-total,
body .wc-block-components-totals-footer-item {
  background: rgba(216, 165, 29, .16) !important;
  border: 1px solid rgba(216, 165, 29, .55) !important;
  border-radius: 16px !important;
}

body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td,
body.woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout-review-order-table .order-total td {
  padding: 16px !important;
}

body.woocommerce-cart .cart_totals .order-total .amount,
body.woocommerce-checkout-review-order-table .order-total .amount,
body .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-size: 22px !important;
  font-weight: 950 !important;
}

/* Buttons: theme style, but no layout forcing */
body.woocommerce-cart .button,
body.woocommerce-cart a.button,
body.woocommerce-cart button.button,
body.woocommerce-cart input.button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-checkout .button,
body.woocommerce-checkout button.button,
body.woocommerce-checkout #place_order,
body .wc-block-components-button:not(.is-link),
body .wc-block-cart__submit-button,
body .wc-block-components-checkout-place-order-button {
  background: #d8a51d !important;
  border: 1px solid #d8a51d !important;
  color: #171512 !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 20px rgba(216, 165, 29, .18) !important;
}

body.woocommerce-cart .button:hover,
body.woocommerce-cart a.button:hover,
body.woocommerce-cart button.button:hover,
body.woocommerce-cart input.button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-checkout .button:hover,
body.woocommerce-checkout button.button:hover,
body.woocommerce-checkout #place_order:hover,
body .wc-block-components-button:not(.is-link):hover,
body .wc-block-cart__submit-button:hover,
body .wc-block-components-checkout-place-order-button:hover {
  background: #171512 !important;
  border-color: #171512 !important;
  color: #fffaf0 !important;
}

/* Remove link/icon */
body.woocommerce-cart a.remove,
body .wc-block-cart-item__remove-link {
  color: #171512 !important;
  text-decoration: none !important;
}

body.woocommerce-cart a.remove:hover,
body .wc-block-cart-item__remove-link:hover {
  color: #b98400 !important;
}

/* Form fields classic + blocks */
body.woocommerce-cart input.input-text,
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body .wc-block-components-text-input input,
body .wc-block-components-combobox-control input,
body .wc-block-components-address-form input,
body .wc-block-components-select select,
body .wc-block-components-country-input select {
  background: #fffaf0 !important;
  border: 1px solid rgba(23, 21, 18, .22) !important;
  border-radius: 14px !important;
  color: #171512 !important;
  box-shadow: none !important;
}

body.woocommerce-checkout textarea {
  border-radius: 18px !important;
}

/* Checkout blocks: only visual, no layout */
body .wc-block-components-checkout-step,
body .wc-block-components-order-summary,
body .wc-block-components-radio-control__option,
body .wc-block-components-shipping-rates-control__package {
  border-color: rgba(23, 21, 18, .13) !important;
  border-radius: 18px !important;
}

body .wc-block-components-radio-control__option-checked {
  background: rgba(216, 165, 29, .13) !important;
  border-color: rgba(216, 165, 29, .65) !important;
}

body .wc-block-components-checkout-step__title,
body .wc-block-components-title,
body .wc-block-components-radio-control__label,
body .wc-block-components-checkbox label {
  color: #171512 !important;
  font-weight: 850 !important;
}

/* Notices */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-error,
body .wc-block-components-notice-banner {
  border-radius: 18px !important;
  border-color: rgba(23, 21, 18, .13) !important;
  background: #fffaf0 !important;
  color: #171512 !important;
}

/* Mobile: only spacing and button readability, no table/grid rewrite */
@media (max-width: 760px) {
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  body.woocommerce-checkout #place_order,
  body .wc-block-components-button:not(.is-link),
  body .wc-block-cart__submit-button,
  body .wc-block-components-checkout-place-order-button {
    min-height: 50px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  body.woocommerce-cart form.woocommerce-cart-form,
  body.woocommerce-cart .cart-collaterals,
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review,
  body .wc-block-components-main,
  body .wc-block-components-sidebar {
    border-radius: 20px !important;
  }
}



/* V126 Theme Design Control variables bridge */
body {
  background: var(--vv-bg);
  color: var(--vv-ink);
}
.vv-card,
.vv-product-card,
.vv-side-card,
.vv-panel,
.vv-single-card,
.vv-account-card {
  background: var(--vv-surface);
  border-color: var(--vv-line);
  border-radius: var(--vv-radius);
}
.vv-footer {
  background: var(--vv-footer-bg);
  color: var(--vv-footer-text);
}
.vv-footer h3,
.vv-footer p,
.vv-footer a {
  color: var(--vv-footer-text);
}
.vv-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.single_add_to_cart_button {
  background: var(--vv-button-bg);
  color: var(--vv-button-text);
}


/* V129 Control Center Plus */
.vv-site-header--static .vv-header {
  position: relative !important;
  top: auto !important;
}
.vv-logo__image {
  width: 42px;
  height: 42px;
  object-fit: contain;
  border-radius: 10px;
}
:root {
  --vv-cols: var(--vv-cols, 5);
}

/* ===== V131 FIXES: Hamburger menu mobile + algemene verbeteringen ===== */

/* Hamburger knop - standaard verborgen op desktop */
.vv-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  background: #fff;
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  cursor: pointer;
  padding: 0;
  z-index: 100;
}
.vv-hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background: #2b2b2b;
  border-radius: 2px;
  transition: all 0.25s ease;
}
.vv-hamburger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.vv-hamburger.is-open span:nth-child(2) { opacity: 0; }
.vv-hamburger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Focus states voor toegankelijkheid */
.vv-hamburger:focus-visible {
  outline: 2px solid var(--vv-accent);
  outline-offset: 2px;
}
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--vv-accent);
  outline-offset: 2px;
}

/* Nav links: geen underline effect, wordt al afgehandeld door de vv-hard-menu regels */
.vv-nav a {
  transition: color 0.15s ease;
}
/* Alleen voor items buiten het hard-menu (fallback WP menus) */
.vv-nav ul:not(.vv-hard-menu) a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--vv-accent);
  transition: width 0.2s ease;
}
.vv-nav ul:not(.vv-hard-menu) a:hover::after,
.vv-nav ul:not(.vv-hard-menu) li.current-menu-item > a::after {
  width: 100%;
}

/* Wishlist / compare knoppen vloeiender */
.vv-mini-action {
  transition: background 0.15s ease, color 0.15s ease, transform 0.12s ease;
}
.vv-mini-action:hover {
  transform: translateY(-1px);
}
.vv-mini-action.is-active {
  background: var(--vv-accent) !important;
  color: #1b170f !important;
  border-color: var(--vv-accent-dark) !important;
}

/* Toast notificatie beter zichtbaar */
.vv-toast {
  position: fixed;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%) translateY(12px);
  background: #211a12;
  color: #fff8e8;
  padding: 12px 22px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 15px;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,0.22);
  white-space: nowrap;
}
.vv-toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Wishlist / compare saved cards */
.vv-saved-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 18px;
  margin-bottom: 28px;
}
.vv-saved-card {
  background: #fff;
  border: 1px solid var(--vv-line);
  border-radius: var(--vv-radius);
  padding: 16px;
}
.vv-saved-card img {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 10px;
}
.vv-saved-card h3 {
  font-size: 15px;
  margin: 0 0 6px;
}
.vv-saved-actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.vv-empty-list {
  text-align: center;
  padding: 48px 24px;
  background: #fff;
  border: 1px dashed var(--vv-line);
  border-radius: var(--vv-radius);
}

/* Compare tabel */
.vv-compare-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 18px;
  background: #fff;
  border-radius: var(--vv-radius);
  overflow: hidden;
  border: 1px solid var(--vv-line);
}
.vv-compare-table th,
.vv-compare-table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid var(--vv-line);
}
.vv-compare-table th {
  background: #f8f1e4;
  font-weight: 900;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--vv-muted);
  white-space: nowrap;
}
.vv-compare-table tr:last-child td,
.vv-compare-table tr:last-child th {
  border-bottom: 0;
}

/* Variatie kaarten missing condition */
.vv-missing-condition {
  color: var(--vv-red);
  font-style: italic;
}

/* Betere product card afbeelding */
.vv-product-card__image {
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--vv-radius) - 4px);
  display: block;
}
.vv-product-card__image img {
  transition: transform 0.3s ease;
}
.vv-product-card__image:hover img {
  transform: scale(1.04);
}

/* Admin bar correctie */
@media (max-width: 782px) {
  .admin-bar .vv-site-header,
  .admin-bar .vv-header {
    top: 46px;
  }
}

/* ===== V131 MOBIEL: hamburger menu actief ===== */
@media (max-width: 900px) {
  .vv-hamburger {
    display: flex;
  }

  .vv-header__main {
    grid-template-columns: 1fr auto auto !important;
    gap: 12px !important;
    padding: 14px 0 !important;
  }

  .vv-search {
    display: none;
  }

  .vv-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 2px solid var(--vv-line);
    z-index: 99;
    box-shadow: 0 12px 28px rgba(38,31,22,.12);
  }

  .vv-nav.is-open {
    display: block;
  }

  .vv-nav ul {
    flex-direction: column !important;
    gap: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    padding: 8px 0 !important;
  }

  .vv-nav a {
    padding: 14px 20px !important;
    font-size: 16px !important;
    border-bottom: 1px solid var(--vv-line);
    display: block !important;
  }

  .vv-nav li:last-child a {
    border-bottom: 0;
  }

  .vv-nav a::after {
    display: none;
  }

  .vv-header {
    position: sticky;
    top: 0;
    z-index: 50;
  }
}

/* V131: checkbox label fix */
.vv82-field__label {
  display: block;
  margin: 0 0 8px;
  font-weight: 800;
  color: #171512;
}

/* V131: contact formulier + notices */
.vv-notice {
  padding: 14px 18px;
  border-radius: 14px;
  font-weight: 700;
  margin-bottom: 18px;
}
.vv-notice--success {
  background: #e6f4ee;
  color: #14513b;
  border: 1px solid #b6deca;
}
.vv-notice--error {
  background: #fdf0ef;
  color: #9b251b;
  border: 1px solid #f5c2be;
}
.vv-contact-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 560px;
  margin-top: 18px;
}
.vv-contact-form input,
.vv-contact-form textarea {
  border: 1px solid var(--vv-line);
  border-radius: 12px;
  padding: 13px 16px;
  font-size: 15px;
  font-family: inherit;
  background: #fff;
  width: 100%;
  transition: border-color 0.15s;
}
.vv-contact-form input:focus,
.vv-contact-form textarea:focus {
  border-color: var(--vv-accent);
  outline: none;
}
.vv-contact-form textarea {
  min-height: 130px;
  resize: vertical;
}

/* ===== V131 HEADER FIX: logo niet afbreken, strakke layout ===== */

/* Logo: voorkom tekst afbreking, vaste breedte */
.vv-logo {
  white-space: nowrap !important;
  min-width: 0;
  flex-shrink: 0;
}

.vv-logo > span {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
  white-space: nowrap;
}

.vv-logo > span > span:first-child,
.vv-logo__name {
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.04em;
  white-space: nowrap;
  line-height: 1.1;
}

.vv-logo small {
  font-size: 10px;
  letter-spacing: .12em;
  white-space: nowrap;
  margin-top: 3px;
}

/* Header grid: logo krijgt auto breedte, zoekbalk vult ruimte */
.vv-header__main {
  grid-template-columns: auto 1fr auto !important;
  gap: 24px !important;
  padding: 14px 0 !important;
  align-items: center !important;
}

/* Zoekbalk iets kleiner */
.vv-search form {
  height: 48px !important;
}

.vv-search input {
  font-size: 15px !important;
  padding: 0 18px !important;
}

.vv-search button {
  padding: 0 22px !important;
  font-size: 14px !important;
}

/* Nav iets compacter */
.vv-nav a {
  padding: 13px 16px !important;
  font-size: 13px !important;
}

/* Sale item opvallend rood */
.vv-menu-sale > a {
  background: #d8291d !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  margin: 6px 4px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.vv-menu-sale > a:hover {
  background: #b81f14 !important;
  color: #fff !important;
}

/* Pill knoppen compacter */
.vv-pill {
  height: 40px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}


/* ===== V131 NUCLEAR NAV FIX: verwijder alle ongewenste pseudo-elementen op nav ===== */
.vv-nav ul.vv-hard-menu > li > a::before,
.vv-nav ul.vv-hard-menu > li > a::after,
.vv-nav ul.vv-hard-menu > li::before,
.vv-nav ul.vv-hard-menu > li::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Zorg dat has-children links altijd flex zijn zodat inhoud inline blijft */
.vv-nav ul.vv-hard-menu > li.has-children > a {
  display: inline-flex !important;
  align-items: center !important;
}

/* ===== V131 DEFINITIEVE SUBMENU FIX ===== */
/* Verberg submenu volledig buiten documentflow */
.vv-nav .vv-submenu {
  display: grid !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: 0 !important;
  top: calc(100% + 4px) !important;
  z-index: 200 !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s !important;
}

.vv-nav li:hover > .vv-submenu,
.vv-nav li:focus-within > .vv-submenu {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0s !important;
}

/* Zorg dat de nav balk overflow zichtbaar houdt voor de dropdown */
.vv-nav {
  overflow: visible !important;
}

/* Zorg dat de li zelf geen overflow heeft die de submenu afsnijdt */
.vv-nav ul.vv-hard-menu > li {
  overflow: visible !important;
}

/* ===== V131 NAV CLIP FIX: verberg submenu overflow ===== */
/* De nav balk zelf clipt de content tot zijn eigen hoogte */
.vv-header .vv-nav > .vv-container {
  overflow: visible !important;
}

/* De UL heeft geen overflow clip meer nodig - submenu is absolute */
.vv-nav ul.vv-hard-menu {
  overflow: visible !important;
}

/* Elke LI clipt zijn eigen niet-absolute content */
.vv-nav ul.vv-hard-menu > li {
  overflow: visible !important;
}

/* De submenu div is altijd position:absolute en buiten de flow */
.vv-nav .vv-submenu {
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  margin-top: 4px !important;
}

/* De nav wrapper heeft een vaste hoogte zodat de li niet uitbreidt */
.vv-nav > .vv-container {
  display: flex !important;
  align-items: center !important;
  height: 48px !important;
  overflow: visible !important;
}

/* ===== V131 LI HOOGTE FIX: voorkom dat submenu div de li uitrekt ===== */
.vv-nav ul.vv-hard-menu > li {
  height: 48px !important;
  align-items: center !important;
  display: flex !important;
  position: relative !important;
}

.vv-nav ul.vv-hard-menu > li > a {
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Submenu valt altijd buiten de li box */
.vv-nav ul.vv-hard-menu > li > .vv-submenu {
  top: 48px !important;
  position: absolute !important;
  left: 0 !important;
}

/* ==========================================================
   V131 COMPLETE MOBIELE HERSCHRIJVING
   Overschrijft alle conflicterende regels van v57-v130
   ========================================================== */

/* ── 1. GLOBAAL: geen horizontale scroll ── */
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}
*, *::before, *::after {
  box-sizing: border-box;
}
img, video, iframe, svg {
  max-width: 100% !important;
  height: auto;
}

/* ── 2. HEADER MOBIEL (< 900px) ── */
@media (max-width: 900px) {

  /* Topbar: strak op 1 regel */
  .vv-topbar__in {
    height: 36px !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 0 !important;
    font-size: 12px !important;
  }
  .vv-topbar span:last-child {
    display: none !important; /* 2e topbar tekst verbergen op mobiel */
  }

  /* Header grid: logo | cart + hamburger */
  .vv-header__main {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto !important;
    gap: 0 12px !important;
    padding: 12px 0 !important;
    align-items: center !important;
  }

  /* Zoekbalk verbergen op mobiel */
  .vv-search {
    display: none !important;
  }

  /* Acties rechts: cart + hamburger naast elkaar */
  .vv-header__actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    justify-content: flex-end !important;
  }

  /* Account knop verbergen op smal scherm */
  .vv-header__actions .vv-pill:not(.vv-cart) {
    display: none !important;
  }

  /* Cart pill kleiner */
  .vv-pill.vv-cart {
    height: 36px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  /* Hamburger zichtbaar */
  .vv-hamburger {
    display: flex !important;
  }

  /* Logo tekst kleiner */
  .vv-logo {
    font-size: 20px !important;
    gap: 10px !important;
  }
  .vv-logo__mark {
    width: 38px !important;
    height: 38px !important;
    flex-shrink: 0 !important;
  }
  .vv-logo small {
    font-size: 9px !important;
  }

  /* Nav: verborgen tot hamburger open */
  .vv-nav {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    border-top: 2px solid var(--vv-accent) !important;
    border-bottom: 2px solid var(--vv-line) !important;
    z-index: 200 !important;
    box-shadow: 0 12px 28px rgba(38,31,22,.15) !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
  }

  .vv-nav.is-open {
    display: block !important;
  }

  /* Nav UL: verticale lijst */
  .vv-nav ul,
  .vv-nav ul.vv-hard-menu {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 6px 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    height: auto !important;
  }

  /* Nav LI: volledige breedte */
  .vv-nav ul.vv-hard-menu > li {
    height: auto !important;
    width: 100% !important;
    border-bottom: 1px solid var(--vv-line) !important;
    display: block !important;
    overflow: hidden !important;
  }

  .vv-nav ul.vv-hard-menu > li:last-child {
    border-bottom: 0 !important;
  }

  /* Nav links: grote touch targets */
  .vv-nav ul.vv-hard-menu > li > a,
  .vv-nav a {
    display: block !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    border-radius: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    color: #211a12 !important;
    width: 100% !important;
  }

  .vv-nav ul.vv-hard-menu > li > a:hover {
    background: #f8f1e4 !important;
    color: #211a12 !important;
  }

  /* Sale item mobiel */
  .vv-menu-sale > a {
    background: #b83a2f !important;
    color: #fff !important;
    margin: 6px 12px !important;
    border-radius: 8px !important;
    width: calc(100% - 24px) !important;
  }

  /* Submenu mobiel: toon als accordion */
  .vv-nav .vv-submenu,
  .vv-nav .vv-mega {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: none !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: #f8f1e4 !important;
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
    pointer-events: auto !important;
  }

  /* Toon submenu op mobiel altijd open (geen hover) */
  .vv-nav li.has-children > .vv-submenu {
    display: grid !important;
  }

  .vv-nav .vv-submenu a {
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--vv-line) !important;
    background: transparent !important;
    padding: 11px 32px !important;
    font-size: 14px !important;
  }

  .vv-nav .vv-submenu a:hover {
    background: #fff4d7 !important;
  }

  .vv-mega-title {
    padding: 10px 32px 4px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .1em !important;
    color: var(--vv-green) !important;
  }

  /* Header sticky fix */
  .vv-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
  }
  .admin-bar .vv-header {
    top: 46px !important;
  }
}

/* ── 3. TABLET (< 768px) ── */
@media (max-width: 768px) {

  .vv-container {
    width: calc(100% - 32px) !important;
    margin-inline: auto !important;
  }

  /* Hero */
  .vv-hero {
    padding: 20px 0 12px !important;
  }
  .vv-hero__grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .vv-hero__banner {
    min-height: 280px !important;
    padding: 24px !important;
    border-radius: 18px !important;
  }
  .vv-hero h1 {
    font-size: clamp(32px, 8vw, 54px) !important;
    margin-bottom: 12px !important;
  }
  .vv-hero p {
    font-size: 16px !important;
    margin-bottom: 18px !important;
  }

  /* Feature card */
  .vv-feature-card {
    min-height: 280px !important;
    border-radius: 18px !important;
  }

  /* Service grid */
  .vv-service__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .vv-service__item {
    padding: 12px 14px !important;
    font-size: 14px !important;
  }

  /* Collecties */
  .vv-collection-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  /* Producten: 2 kolommen */
  .vv-products,
  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  /* Top 10 */
  .vv-top10 {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  /* Artiesten */
  .vv-artists {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  /* Spotlight */
  .vv-spotlight {
    grid-template-columns: 1fr !important;
    padding: 24px !important;
    gap: 18px !important;
  }
  .vv-spotlight__visual {
    min-height: 220px !important;
  }
  .vv-spotlight h2 {
    font-size: clamp(32px, 8vw, 52px) !important;
  }

  /* Nieuwsbrief */
  .vv-newsletter {
    grid-template-columns: 1fr !important;
    padding: 22px !important;
    gap: 16px !important;
  }
  .vv-newsletter h2 {
    font-size: clamp(24px, 6vw, 38px) !important;
  }
  .vv-newsletter form {
    min-width: 0 !important;
    width: 100% !important;
    height: 48px !important;
  }

  /* Shop layout */
  .vv-shop-layout {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .vv-sidebar {
    position: static !important;
    border-radius: 14px !important;
  }
  .vv-shop-toolbar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 12px !important;
  }
  .woocommerce-ordering select {
    width: 100% !important;
  }

  /* Footer */
  .vv-footer__grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 32px 0 !important;
  }
}

/* ── 4. KLEIN MOBIEL (< 480px) ── */
@media (max-width: 480px) {

  .vv-container {
    width: calc(100% - 24px) !important;
  }

  /* Service: 1 kolom op heel klein scherm */
  .vv-service__grid {
    grid-template-columns: 1fr !important;
  }

  /* Producten: 1 kolom op heel klein scherm */
  .vv-products,
  .woocommerce ul.products {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* Collecties: 1 kolom */
  .vv-collection-grid {
    grid-template-columns: 1fr !important;
  }

  /* Artiesten: 2 kolommen */
  .vv-artists {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Knoppen: volledige breedte */
  .vv-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .vv-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  /* Product kaart compacter */
  .vv-product-card {
    padding: 10px !important;
  }
  .vv-product-card__title {
    font-size: 14px !important;
  }
  .vv-product-card .price {
    font-size: 16px !important;
  }
}

/* ── 5. SINGLE PRODUCT MOBIEL ── */
@media (max-width: 768px) {
  .vv-single {
    padding: 20px 0 36px !important;
  }
  .vv-single__grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .vv-single__gallery {
    border-radius: 18px !important;
    padding: 14px !important;
  }
  .vv-single__summary {
    border-radius: 18px !important;
    padding: 20px !important;
  }
  .vv-single__summary .product_title {
    font-size: clamp(24px, 7vw, 42px) !important;
    margin-bottom: 10px !important;
  }
  .vv-single__summary .price {
    font-size: clamp(20px, 6vw, 30px) !important;
  }
  .vv-release-table {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .vv-single__below {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 18px !important;
  }
  .vv-box {
    padding: 18px !important;
    border-radius: 16px !important;
  }

  /* Variatie kaarten */
  .vv-real-variation-cards {
    grid-template-columns: 1fr !important;
  }
  .vv-real-variation-card {
    width: 100% !important;
  }

  /* Cart knop */
  .vv-single .cart {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .vv-single .single_add_to_cart_button {
    width: 100% !important;
  }
}

/* ── 6. PAGINA HOOFD MOBIEL ── */
@media (max-width: 768px) {
  .vv-page-head {
    padding: 24px 0 16px !important;
  }
  .vv-page-head h1 {
    font-size: clamp(28px, 8vw, 52px) !important;
    line-height: 1.05 !important;
  }

  /* Blog */
  .vv-blog-layout {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .vv-blog-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .vv-blog-sidebar {
    display: none !important;
  }
  .vv-blog-hero {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .vv-blog-feature {
    border-radius: 16px !important;
    padding: 18px !important;
  }
  .vv-blog-hero h1 {
    font-size: clamp(26px, 7vw, 44px) !important;
  }

  /* Winkelmenu sidebar */
  .vv-shop-sidebar {
    display: none !important;
  }
}

/* ── 7. WISHLIST / COMPARE MOBIEL ── */
@media (max-width: 768px) {
  .vv-saved-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .vv-compare-table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (max-width: 480px) {
  .vv-saved-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================
   V132 HEADER MOBIEL - DEFINITIEVE FIX
   Versie 132.0.0
   ========================================================== */

/* Topbar volledig verbergen op mobiel - te druk */
@media (max-width: 900px) {
  .vv-topbar {
    display: none !important;
  }
}

/* Header hoofdlayout mobiel:
   Logo links | Cart + Hamburger rechts
   Zoekbalk NIET zichtbaar op mobiel (te krap) */
@media (max-width: 900px) {

  .vv-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 200 !important;
    background: #fffaf1 !important;
    border-bottom: 1px solid var(--vv-line) !important;
  }

  .admin-bar .vv-header {
    top: 46px !important;
  }

  /* Grid: logo vult beschikbare ruimte, acties rechts uitgelijnd */
  .vv-header__main {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 10px 0 !important;
    flex-wrap: nowrap !important;
  }

  /* Logo: compact maar leesbaar */
  .vv-logo {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .vv-logo__mark {
    width: 34px !important;
    height: 34px !important;
    flex-shrink: 0 !important;
  }

  .vv-logo__name {
    font-size: 17px !important;
    white-space: nowrap !important;
  }

  .vv-logo small {
    display: none !important; /* tagline weghalen op mobiel */
  }

  /* Zoekbalk: helemaal weghalen op mobiel */
  .vv-search {
    display: none !important;
  }

  /* Acties: cart + hamburger netjes naast elkaar rechts */
  .vv-header__actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    flex-wrap: nowrap !important;
  }

  /* Account pill verbergen op mobiel - geen ruimte */
  .vv-header__actions a.vv-pill:not(.vv-cart) {
    display: none !important;
  }

  /* Cart pill: kleiner en compact */
  .vv-pill.vv-cart {
    height: 36px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  /* Hamburger: altijd zichtbaar op mobiel */
  .vv-hamburger {
    display: flex !important;
    flex-shrink: 0 !important;
  }
}

/* Heel klein scherm: logo nog compacter */
@media (max-width: 380px) {
  .vv-logo__mark {
    display: none !important;
  }
  .vv-logo__name {
    font-size: 15px !important;
  }
  .vv-pill.vv-cart {
    padding: 0 8px !important;
    font-size: 12px !important;
  }
}

/* ==========================================================
   V132 SUBMENU NUCLEAR HIDE - height/clip methode
   Onmogelijk te overschrijven door plugins of cache
   ========================================================== */

/* Verberg submenu via clip - werkt altijd ongeacht display */
.vv-nav .vv-submenu {
  clip: rect(0,0,0,0) !important;
  clip-path: inset(100%) !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Toon bij hover via JS class */
.vv-nav .vv-submenu.is-visible {
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  overflow: visible !important;
  width: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  display: grid !important;
  padding: 10px !important;
  min-width: 270px !important;
}

.vv-nav .vv-mega.is-visible {
  min-width: 720px !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}

@media (max-width: 1180px) {
  .vv-nav .vv-mega.is-visible {
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================
   V136 FILTER SIDEBAR - Dropdown multi-select systeem
   ========================================================== */

/* Sidebar wrapper */
.vv-sidebar-fixed {
  background: #fff;
  border: 1px solid var(--vv-line);
  border-radius: 20px;
  overflow: hidden;
}

/* Header met "Wis alles" knop */
.vv-filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px 12px;
  border-bottom: 1px solid var(--vv-line);
}

.vv-filter-header h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 900;
  color: var(--vv-ink);
}

.vv-filter-reset {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
  color: var(--vv-muted);
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--vv-line);
  transition: all .15s ease;
}

.vv-filter-reset:hover {
  background: var(--vv-accent);
  color: #1b170f;
  border-color: var(--vv-accent);
}

.vv-filter-count {
  background: var(--vv-accent);
  color: #1b170f;
  border-radius: 999px;
  padding: 1px 7px;
  font-size: 11px;
  font-weight: 900;
}

/* Filter groep: dropdown */
.vv-filter-group {
  border-bottom: 1px solid var(--vv-line);
}

.vv-filter-group:last-child {
  border-bottom: 0;
}

/* Toggle knop */
.vv-filter-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 18px;
  background: none;
  border: none;
  font-size: 13px;
  font-weight: 900;
  color: var(--vv-ink);
  cursor: pointer;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .04em;
  gap: 8px;
}

.vv-filter-toggle::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--vv-muted);
  border-bottom: 2px solid var(--vv-muted);
  transform: rotate(45deg) translateY(-2px);
  transition: transform .2s ease;
  flex-shrink: 0;
}

.vv-filter-group.is-open .vv-filter-toggle::after {
  transform: rotate(-135deg) translateY(-2px);
}

.vv-filter-toggle:hover {
  color: var(--vv-accent-dark, #c77d12);
}

/* Actief indicator (stip of nummer) */
.vv-filter-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  background: var(--vv-accent);
  color: #1b170f;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  padding: 0 5px;
  margin-left: auto;
  margin-right: 4px;
}

/* Dropdown body */
.vv-filter-body {
  display: none;
  padding: 4px 0 8px;
  max-height: 280px;
  overflow-y: auto;
}

.vv-filter-group.is-open .vv-filter-body {
  display: block;
}

/* Scrollbar stijl */
.vv-filter-body::-webkit-scrollbar {
  width: 4px;
}
.vv-filter-body::-webkit-scrollbar-track {
  background: transparent;
}
.vv-filter-body::-webkit-scrollbar-thumb {
  background: var(--vv-line);
  border-radius: 2px;
}

/* Filter lijst */
.vv-filter-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.vv-filter-body li {
  border: none !important;
}

/* Filter optie link */
.vv-filter-option {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 7px 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--vv-ink) !important;
  text-decoration: none !important;
  transition: background .12s ease !important;
  border-bottom: none !important;
}

.vv-filter-option:hover {
  background: #f8f1e4 !important;
  color: var(--vv-ink) !important;
}

.vv-filter-option.is-active {
  color: var(--vv-ink) !important;
  font-weight: 900 !important;
}

.vv-filter-option.is-active:hover {
  background: #fff4d7 !important;
}

.vv-filter-option small {
  margin-left: auto;
  color: var(--vv-muted);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

/* Radio indicator */
.vv-filter-radio {
  width: 16px;
  height: 16px;
  border: 2px solid var(--vv-line);
  border-radius: 50%;
  flex-shrink: 0;
  transition: all .15s ease;
  position: relative;
}

.vv-filter-option.is-active .vv-filter-radio {
  border-color: var(--vv-accent-dark, #c77d12);
  background: var(--vv-accent);
}

.vv-filter-option.is-active .vv-filter-radio::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #1b170f;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Checkbox indicator */
.vv-filter-check {
  width: 16px;
  height: 16px;
  border: 2px solid var(--vv-line);
  border-radius: 4px;
  flex-shrink: 0;
  transition: all .15s ease;
  position: relative;
}

.vv-filter-option.is-active .vv-filter-check {
  background: var(--vv-accent);
  border-color: var(--vv-accent-dark, #c77d12);
}

.vv-filter-option.is-active .vv-filter-check::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 5px;
  border-left: 2px solid #1b170f;
  border-bottom: 2px solid #1b170f;
  top: 2px;
  left: 2px;
  transform: rotate(-45deg);
}

/* "Wis dit filter" optie */
.vv-filter-clear {
  color: var(--vv-muted) !important;
  font-style: italic;
}

/* Actief filter badge in header */
.vv-filter-group.has-active .vv-filter-toggle {
  color: var(--vv-ink);
}

/* Actieve filters samenvatting bovenaan shop */
.vv-active-filters-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.vv-active-filter-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--vv-accent);
  color: #1b170f;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.vv-active-filter-tag::after {
  content: "×";
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

/* Mobiel: sidebar als horizontale scrollbare balk */
@media (max-width: 768px) {
  .vv-sidebar {
    position: static !important;
  }

  .vv-sidebar-fixed {
    border-radius: 14px;
  }

  .vv-filter-body {
    max-height: 200px;
  }
}


/* ==========================================================
   V137 shop sidebar polish + performance-friendly UI overrides
   Zet dit onderaan zodat oude V37/V136 sidebar-regels niet meer overnemen.
   ========================================================== */
.vv-sidebar .vv-sidebar-fixed{
  display:block !important;
  gap:0 !important;
  background:#fffdf7 !important;
  border:1px solid #e6dccb !important;
  border-radius:18px !important;
  box-shadow:0 12px 30px rgba(28,24,18,.07) !important;
  overflow:hidden !important;
}
.vv-sidebar .vv-filter-header{
  padding:16px 18px !important;
  background:#fffaf0 !important;
  border-bottom:1px solid #e6dccb !important;
}
.vv-sidebar .vv-filter-header h3{
  font-size:18px !important;
  letter-spacing:-.02em !important;
  color:#18150f !important;
}
.vv-sidebar .vv-filter-header h3::first-letter{ color:inherit !important; }
.vv-sidebar .vv-filter-reset{
  background:#ffffff !important;
  border:1px solid #e1d6c3 !important;
  color:#5d5547 !important;
}
.vv-sidebar .vv-filter-reset:hover{
  background:#17140e !important;
  border-color:#17140e !important;
  color:#fffaf0 !important;
  transform:none !important;
}
.vv-sidebar .vv-filter-group{
  border-bottom:1px solid #e9dfcf !important;
}
.vv-sidebar .vv-filter-toggle{
  background:#fffdf7 !important;
  padding:14px 18px !important;
  color:#18150f !important;
  font-size:13px !important;
  letter-spacing:.055em !important;
}
.vv-sidebar .vv-filter-toggle:hover{
  background:#fbf4e8 !important;
  color:#18150f !important;
}
.vv-sidebar .vv-filter-body{
  background:#fffdf7 !important;
  padding:6px 10px 12px !important;
  max-height:255px !important;
}
.vv-sidebar .vv-filter-body ul{
  display:grid !important;
  gap:6px !important;
}
.vv-sidebar .vv-filter-option,
.vv-sidebar-fixed .vv-filter-option{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  min-height:36px !important;
  padding:8px 11px !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#241f18 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  box-shadow:none !important;
  transform:none !important;
}
.vv-sidebar .vv-filter-option:hover,
.vv-sidebar-fixed .vv-filter-option:hover{
  background:#f6efe2 !important;
  border-color:#eadfce !important;
  color:#18150f !important;
  transform:none !important;
}
.vv-sidebar .vv-filter-option.is-active,
.vv-sidebar-fixed .vv-filter-option.is-active{
  background:#17140e !important;
  border-color:#17140e !important;
  color:#fffaf0 !important;
  transform:none !important;
}
.vv-sidebar .vv-filter-option small,
.vv-sidebar-fixed .vv-filter-option small{
  margin-left:auto !important;
  min-width:auto !important;
  padding:2px 7px !important;
  background:#eee3cf !important;
  color:#504738 !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:900 !important;
}
.vv-sidebar .vv-filter-option.is-active small,
.vv-sidebar-fixed .vv-filter-option.is-active small{
  background:#e4b51f !important;
  color:#18150f !important;
}
.vv-sidebar .vv-filter-radio,
.vv-sidebar .vv-filter-check{
  border-color:#d7ccb9 !important;
  background:#fffaf0 !important;
}
.vv-sidebar .vv-filter-option.is-active .vv-filter-radio,
.vv-sidebar .vv-filter-option.is-active .vv-filter-check{
  background:#e4b51f !important;
  border-color:#e4b51f !important;
}
.vv-sidebar .vv-filter-dot,
.vv-sidebar .vv-filter-count{
  background:#17140e !important;
  color:#fffaf0 !important;
}
.vv-sidebar .vv-active-filter-tag{
  background:#17140e !important;
  color:#fffaf0 !important;
}


/* ==========================================================
   V138 mobile navigation final fix
   Op tablet/mobiel is alleen hamburger zichtbaar; desktop-menu is dicht
   totdat .is-open door de hamburger wordt gezet.
   ========================================================== */
@media (min-width: 1181px) {
  .vv-hamburger {
    display: none !important;
  }
  .vv-header .vv-nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    position: relative !important;
  }
}

@media (max-width: 1180px) {
  .vv-hamburger {
    display: flex !important;
  }

  .vv-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 300 !important;
    overflow: visible !important;
  }

  .admin-bar .vv-header {
    top: 46px !important;
  }

  .vv-header__main {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
  }

  .vv-search {
    display: none !important;
  }

  .vv-header__actions a.vv-pill:not(.vv-cart) {
    display: none !important;
  }

  .vv-header .vv-nav:not(.is-open) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .vv-header .vv-nav.is-open {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100vh - 70px) !important;
    overflow-y: auto !important;
    background: #fffaf1 !important;
    border-top: 1px solid #e4d8c7 !important;
    border-bottom: 1px solid #d7c9b5 !important;
    box-shadow: 0 18px 34px rgba(24,20,14,.18) !important;
    z-index: 400 !important;
  }

  .vv-header .vv-nav > .vv-container {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .vv-header .vv-nav ul,
  .vv-header .vv-nav ul.vv-hard-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    height: auto !important;
    gap: 0 !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .vv-header .vv-nav ul.vv-hard-menu > li,
  .vv-header .vv-nav li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    border-bottom: 1px solid #eadfce !important;
    overflow: visible !important;
  }

  .vv-header .vv-nav a,
  .vv-header .vv-nav ul.vv-hard-menu > li > a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 14px 20px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #211a12 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }

  .vv-header .vv-nav a:hover,
  .vv-header .vv-nav ul.vv-hard-menu > li > a:hover {
    background: #f4eadc !important;
    color: #211a12 !important;
  }

  .vv-header .vv-nav .vv-submenu,
  .vv-header .vv-nav .vv-mega {
    position: static !important;
    display: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    min-width: 0 !important;
    width: 100% !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f6efe2 !important;
    pointer-events: auto !important;
  }

  .vv-header .vv-nav li.has-children > .vv-submenu,
  .vv-header .vv-nav li.has-children > .vv-mega {
    display: grid !important;
  }
}


/* ==========================================================
   V149 CLEAN FOUNDATION
   Canonical responsive rules: header/menu/search/shop-sidebar.
   Everything below replaces the old V139-V148 patch stack.
   ========================================================== */
.vv-mobile-shop-search{display:none!important}
@media (min-width:1181px){
  .vv-hamburger{display:none!important}
  .vv-header .vv-search{display:block!important}
  .vv-header .vv-nav,.vv-header .vv-nav[hidden]{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;height:auto!important;max-height:none!important;overflow:visible!important;pointer-events:auto!important}
  .vv-shop-layout{display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;gap:32px!important}
  .vv-shop-layout>.vv-sidebar,.vv-shop-layout .vv-sidebar,#vv-filter-sidebar{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important;pointer-events:auto!important}
  .vv-mobile-shop-search{display:none!important}
}
@media (max-width:1180px){
  .vv-header{position:sticky!important;top:0!important;z-index:300!important;overflow:visible!important}
  .admin-bar .vv-header{top:46px!important}
  .vv-header__main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:nowrap!important}
  .vv-hamburger{display:flex!important;flex-shrink:0!important}
  .vv-header .vv-search{display:none!important}
  .vv-header__actions a.vv-pill:not(.vv-cart){display:none!important}
  .vv-header .vv-nav:not(.is-open),.vv-header .vv-nav[hidden]:not(.is-open){display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important;overflow:hidden!important;pointer-events:none!important}
  .vv-header .vv-nav.is-open{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100vh - 70px)!important;overflow-y:auto!important;background:#fffaf1!important;border-top:1px solid #e4d8c7!important;border-bottom:1px solid #d7c9b5!important;box-shadow:0 18px 34px rgba(24,20,14,.18)!important;z-index:400!important}
  .vv-header .vv-nav>.vv-container{display:block!important;height:auto!important;padding-left:0!important;padding-right:0!important}
  .vv-header .vv-nav ul,.vv-header .vv-nav ul.vv-hard-menu{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;height:auto!important;gap:0!important;padding:6px 0!important;margin:0!important;white-space:normal!important}
  .vv-header .vv-nav li,.vv-header .vv-nav ul.vv-hard-menu>li{display:block!important;width:100%!important;height:auto!important;border-bottom:1px solid #eadfce!important}
  .vv-header .vv-nav a,.vv-header .vv-nav ul.vv-hard-menu>li>a{display:block!important;width:100%!important;height:auto!important;padding:14px 20px!important;margin:0!important;border-radius:0!important;background:transparent!important;color:#211a12!important;font-size:15px!important;line-height:1.25!important;text-align:left!important}
  .vv-shop-layout,.vv-container.vv-shop-layout{display:block!important;grid-template-columns:1fr!important}
  .vv-shop-layout>.vv-sidebar,.vv-shop-layout .vv-sidebar,#vv-filter-sidebar{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important;overflow:hidden!important;pointer-events:none!important}
  .vv-shop-main{width:100%!important;max-width:100%!important}
  .vv-mobile-shop-search{display:flex!important;align-items:stretch!important;width:100%!important;height:46px!important;margin:0 0 16px!important;background:#fff!important;border:2px solid #2b2b2b!important;border-radius:999px!important;overflow:hidden!important;box-shadow:none!important}
  .vv-mobile-shop-search input[type="search"]{flex:1 1 auto!important;min-width:0!important;border:0!important;outline:0!important;background:#fff!important;color:#211a12!important;padding:0 16px!important;font-size:14px!important;font-weight:700!important;font-family:inherit!important}
  .vv-mobile-shop-search button{flex:0 0 auto!important;border:0!important;background:#2b2b2b!important;color:#fff!important;padding:0 18px!important;font-size:13px!important;font-weight:900!important;font-family:inherit!important;cursor:pointer!important}
}


/* ==========================================================
   V150 PROFESSIONAL SHOP CARDS
   Visuele upgrade voor shop-toolbar, productkaarten en mobiele grid.
   Functionaliteit blijft ongewijzigd.
   ========================================================== */
.vv-page-head{
  padding:34px 0 20px!important;
}
.vv-page-head h1{
  max-width:1100px!important;
}
.vv-shop-main{
  min-width:0!important;
}
.vv-shop-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 18px!important;
  padding:13px 16px!important;
  background:#fffaf1!important;
  border:1px solid #e4d8c7!important;
  border-radius:18px!important;
  box-shadow:0 8px 20px rgba(28,24,18,.05)!important;
}
.woocommerce-result-count{
  color:#5f5649!important;
  font-size:14px!important;
  font-weight:800!important;
}
.woocommerce-ordering select{
  height:40px!important;
  min-width:190px!important;
  border:1px solid #d8cbb9!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#211a12!important;
  padding:0 14px!important;
  font-size:13px!important;
  font-weight:800!important;
}
.vv-products,
.woocommerce ul.products{
  gap:22px!important;
}
.vv-product-card{
  position:relative!important;
  height:100%!important;
  background:#fff!important;
  border:1px solid #e5dac8!important;
  border-radius:22px!important;
  padding:12px!important;
  box-shadow:0 10px 24px rgba(28,24,18,.07)!important;
  overflow:hidden!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.vv-product-card:hover{
  transform:translateY(-2px)!important;
  border-color:#d6c8b2!important;
  box-shadow:0 16px 34px rgba(28,24,18,.11)!important;
}
.vv-product-card__image{
  margin:0 0 13px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#f2e7d4,#fff9ef)!important;
  border:1px solid #eee2d2!important;
}
.vv-product-card__image:after{
  opacity:.10!important;
}
.vv-product-card__image img{
  transition:transform .22s ease!important;
}
.vv-product-card:hover .vv-product-card__image img{
  transform:scale(1.025)!important;
}
.vv-badge{
  left:10px!important;
  top:10px!important;
  background:#211a12!important;
  color:#fffaf0!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:999px!important;
  padding:5px 10px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.06em!important;
}
.vv-product-card__title{
  min-height:40px!important;
  margin:0 0 6px!important;
  color:#211a12!important;
  font-size:15px!important;
  line-height:1.28!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}
.vv-product-card__title a:hover{
  color:#1e6b50!important;
}
.vv-product-card__meta{
  min-height:19px!important;
  margin:0 0 10px!important;
  color:#70675a!important;
  font-size:12px!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.vv-product-card .price,
.woocommerce ul.products li.product .price{
  margin:0 0 11px!important;
  color:#17140e!important;
  font-size:19px!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}
.vv-product-card .button,
.woocommerce ul.products li.product .button{
  min-height:40px!important;
  margin-top:auto!important;
  border-radius:999px!important;
  background:#17140e!important;
  color:#fffaf0!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  box-shadow:none!important;
}
.vv-product-card .button:hover,
.woocommerce ul.products li.product .button:hover{
  background:#1e6b50!important;
  color:#fff!important;
}
.vv-card-actions{
  display:flex!important;
  gap:7px!important;
  margin-top:9px!important;
}
.vv-mini-action{
  flex:1 1 0!important;
  min-height:32px!important;
  border:1px solid #e3d6c2!important;
  border-radius:999px!important;
  background:#fffaf1!important;
  color:#4f4638!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.vv-mini-action:hover{
  background:#f2e7d4!important;
  color:#211a12!important;
}
@media (max-width:760px){
  .vv-page-head{padding:24px 0 14px!important}
  .vv-page-head h1{font-size:clamp(34px,10vw,48px)!important}
  .vv-shop-toolbar{align-items:stretch!important;flex-direction:column!important;padding:12px!important;border-radius:16px!important}
  .woocommerce-ordering select{width:100%!important;min-width:0!important}
  .vv-products,.woocommerce ul.products{gap:14px!important}
  .vv-product-card{border-radius:18px!important;padding:9px!important}
  .vv-product-card__image{border-radius:14px!important;margin-bottom:10px!important}
  .vv-product-card__title{min-height:36px!important;font-size:13px!important;line-height:1.25!important}
  .vv-product-card__meta{font-size:11px!important;margin-bottom:8px!important}
  .vv-product-card .price,.woocommerce ul.products li.product .price{font-size:16px!important;margin-bottom:9px!important}
  .vv-product-card .button,.woocommerce ul.products li.product .button{min-height:36px!important;font-size:12px!important;padding:9px 8px!important}
  .vv-card-actions{display:none!important}
  .vv-badge{font-size:9px!important;padding:4px 8px!important}
}


/* ==========================================================
   V157 PROFESSIONAL DARK MODE REBUILD
   Oude gestapelde dark-mode fixes V151-V156 zijn vervangen door één
   consistente dark-mode laag. Dit voorkomt witte kaarten, onleesbare
   tekst en conflicten tussen losse fixes.
   ========================================================== */
html[data-vv-theme="dark"]{
  --vv-bg:#0b0907;
  --vv-paper:#15110d;
  --vv-card:#1b1510;
  --vv-ink:#f8efe3;
  --vv-muted:#b9ac9a;
  --vv-line:#3a2f25;
  --vv-accent:#e2ad20;
  --vv-accent-dark:#f4c74d;
  --vv-green:#63c29a;
  --vv-red:#ee8277;
  --vv-shadow:0 18px 42px rgba(0,0,0,.42);
  color-scheme:dark;
}
html[data-vv-theme="dark"],
html[data-vv-theme="dark"] body{
  background:#0b0907!important;
  color:#f8efe3!important;
}
html[data-vv-theme="dark"] .vv-main,
html[data-vv-theme="dark"] .site,
html[data-vv-theme="dark"] #page,
html[data-vv-theme="dark"] .woocommerce,
html[data-vv-theme="dark"] .wp-site-blocks{
  background:#0b0907!important;
  color:#f8efe3!important;
}
html[data-vv-theme="dark"] ::selection{background:#e2ad20!important;color:#15100a!important}
html[data-vv-theme="dark"] img{filter:none!important}

/* Basis tekst */
html[data-vv-theme="dark"] h1,
html[data-vv-theme="dark"] h2,
html[data-vv-theme="dark"] h3,
html[data-vv-theme="dark"] h4,
html[data-vv-theme="dark"] h5,
html[data-vv-theme="dark"] h6,
html[data-vv-theme="dark"] .entry-title,
html[data-vv-theme="dark"] .product_title,
html[data-vv-theme="dark"] .vv-product-card__title,
html[data-vv-theme="dark"] .vv-product-card__title a,
html[data-vv-theme="dark"] .wc-block-components-product-name,
html[data-vv-theme="dark"] .wc-block-components-product-name a,
html[data-vv-theme="dark"] label,
html[data-vv-theme="dark"] legend,
html[data-vv-theme="dark"] th,
html[data-vv-theme="dark"] strong,
html[data-vv-theme="dark"] b{
  color:#f8efe3!important;
}
html[data-vv-theme="dark"] p,
html[data-vv-theme="dark"] li,
html[data-vv-theme="dark"] small,
html[data-vv-theme="dark"] .description,
html[data-vv-theme="dark"] .vv-product-card__meta,
html[data-vv-theme="dark"] .vv-section__head p,
html[data-vv-theme="dark"] .vv-feature-card p,
html[data-vv-theme="dark"] .vv-service__item small,
html[data-vv-theme="dark"] .vv-rank p,
html[data-vv-theme="dark"] .vv-collection span,
html[data-vv-theme="dark"] .vv-format-card span,
html[data-vv-theme="dark"] .vv-filter-note,
html[data-vv-theme="dark"] .product_meta,
html[data-vv-theme="dark"] .woocommerce-product-details__short-description,
html[data-vv-theme="dark"] .woocommerce-result-count,
html[data-vv-theme="dark"] .wc-block-components-product-metadata,
html[data-vv-theme="dark"] .wc-block-components-totals-item__description,
html[data-vv-theme="dark"] .wc-block-components-checkout-step__description{
  color:#b9ac9a!important;
}
html[data-vv-theme="dark"] a{color:#f4c74d!important}
html[data-vv-theme="dark"] a:hover{color:#63c29a!important}

/* Header, topbar en menu */
html[data-vv-theme="dark"] .vv-topbar{
  background:#090705!important;
  color:#d9cdbd!important;
  border-color:#292117!important;
}
html[data-vv-theme="dark"] .vv-site-header,
html[data-vv-theme="dark"] .vv-header,
html[data-vv-theme="dark"] .vv-header__main,
html[data-vv-theme="dark"] .vv-nav,
html[data-vv-theme="dark"] .vv-nav>.vv-container,
html[data-vv-theme="dark"] .vv-nav ul,
html[data-vv-theme="dark"] .vv-hard-menu,
html[data-vv-theme="dark"] .vv-hard-menu>li{
  background:#120f0b!important;
  color:#f8efe3!important;
  border-color:#33291f!important;
}
html[data-vv-theme="dark"] .vv-logo,
html[data-vv-theme="dark"] .vv-logo__name{color:#f8efe3!important}
html[data-vv-theme="dark"] .vv-logo small{color:#63c29a!important}
html[data-vv-theme="dark"] .vv-pill,
html[data-vv-theme="dark"] .vv-dark-toggle,
html[data-vv-theme="dark"] .vv-hamburger{
  background:#1b1510!important;
  color:#f8efe3!important;
  border-color:#4a3b2e!important;
}
html[data-vv-theme="dark"] .vv-cart{
  background:#e2ad20!important;
  color:#15100a!important;
  border-color:#e2ad20!important;
}
html[data-vv-theme="dark"] .vv-nav a,
html[data-vv-theme="dark"] .vv-hard-menu a,
html[data-vv-theme="dark"] .vv-submenu a,
html[data-vv-theme="dark"] .vv-mega a{
  color:#f8efe3!important;
  background:transparent!important;
}
html[data-vv-theme="dark"] .vv-nav a:hover,
html[data-vv-theme="dark"] .vv-hard-menu a:hover,
html[data-vv-theme="dark"] .vv-nav li:hover>a,
html[data-vv-theme="dark"] .vv-nav li:focus-within>a,
html[data-vv-theme="dark"] .vv-nav .current-menu-item>a,
html[data-vv-theme="dark"] .vv-nav .current_page_item>a{
  background:#211910!important;
  color:#e2ad20!important;
}
html[data-vv-theme="dark"] .vv-submenu,
html[data-vv-theme="dark"] .vv-mega,
html[data-vv-theme="dark"] .vv-mega-col{
  background:#1b1510!important;
  color:#f8efe3!important;
  border:1px solid #3a2f25!important;
  box-shadow:0 22px 55px rgba(0,0,0,.62)!important;
}
html[data-vv-theme="dark"] .vv-mega-title,
html[data-vv-theme="dark"] .vv-menu-sale{color:#e2ad20!important}
@media(max-width:1180px){
  html[data-vv-theme="dark"] .vv-nav.is-open,
  html[data-vv-theme="dark"] #vv-main-nav.is-open{
    background:#120f0b!important;
    border-color:#33291f!important;
  }
}

/* Zoekbalken, velden en formulieren */
html[data-vv-theme="dark"] .vv-search form,
html[data-vv-theme="dark"] .vv-mobile-shop-search,
html[data-vv-theme="dark"] .search-form,
html[data-vv-theme="dark"] .woocommerce-product-search,
html[data-vv-theme="dark"] .woocommerce form,
html[data-vv-theme="dark"] .vv-contact-form,
html[data-vv-theme="dark"] .wc-block-components-text-input,
html[data-vv-theme="dark"] .wc-block-components-combobox,
html[data-vv-theme="dark"] .wc-block-components-country-input,
html[data-vv-theme="dark"] .wc-block-components-state-input{
  background:#1b1510!important;
  border-color:#4a3b2e!important;
  color:#f8efe3!important;
}
html[data-vv-theme="dark"] input,
html[data-vv-theme="dark"] select,
html[data-vv-theme="dark"] textarea,
html[data-vv-theme="dark"] .select2-selection,
html[data-vv-theme="dark"] .wc-block-components-text-input input,
html[data-vv-theme="dark"] .wc-block-components-combobox-control input,
html[data-vv-theme="dark"] .wc-block-components-address-form input,
html[data-vv-theme="dark"] .wc-block-components-address-form select{
  background:#100d0a!important;
  color:#f8efe3!important;
  border-color:#514131!important;
  box-shadow:none!important;
}
html[data-vv-theme="dark"] input::placeholder,
html[data-vv-theme="dark"] textarea::placeholder{color:#9e907e!important;opacity:1!important}
html[data-vv-theme="dark"] select option{background:#100d0a!important;color:#f8efe3!important}
html[data-vv-theme="dark"] input[type="checkbox"],
html[data-vv-theme="dark"] input[type="radio"]{accent-color:#e2ad20!important}

/* Knoppen */
html[data-vv-theme="dark"] .vv-btn,
html[data-vv-theme="dark"] .vv-btn--accent,
html[data-vv-theme="dark"] .button,
html[data-vv-theme="dark"] button,
html[data-vv-theme="dark"] .single_add_to_cart_button,
html[data-vv-theme="dark"] .added_to_cart,
html[data-vv-theme="dark"] .wc-block-components-button,
html[data-vv-theme="dark"] .wp-block-button__link,
html[data-vv-theme="dark"] .woocommerce button.button,
html[data-vv-theme="dark"] .woocommerce a.button,
html[data-vv-theme="dark"] .woocommerce input.button,
html[data-vv-theme="dark"] .vv-search button,
html[data-vv-theme="dark"] .vv-mobile-shop-search button{
  background:#e2ad20!important;
  color:#15100a!important;
  border-color:#e2ad20!important;
  box-shadow:none!important;
}
html[data-vv-theme="dark"] .vv-btn:hover,
html[data-vv-theme="dark"] .button:hover,
html[data-vv-theme="dark"] button:hover,
html[data-vv-theme="dark"] .single_add_to_cart_button:hover,
html[data-vv-theme="dark"] .wc-block-components-button:hover,
html[data-vv-theme="dark"] .wp-block-button__link:hover,
html[data-vv-theme="dark"] .woocommerce button.button:hover,
html[data-vv-theme="dark"] .woocommerce a.button:hover,
html[data-vv-theme="dark"] .woocommerce input.button:hover{
  background:#63c29a!important;
  color:#07110c!important;
  border-color:#63c29a!important;
}
html[data-vv-theme="dark"] .vv-btn--light,
html[data-vv-theme="dark"] .vv-mini-action,
html[data-vv-theme="dark"] .vv-filter-reset{
  background:#211910!important;
  color:#f8efe3!important;
  border-color:#4a3b2e!important;
}
html[data-vv-theme="dark"] .vv-mini-action:hover,
html[data-vv-theme="dark"] .vv-filter-reset:hover{
  background:#2a2118!important;
  color:#e2ad20!important;
}

/* Professionele donkere panelen: alle template-blokken */
html[data-vv-theme="dark"] .vv-feature-card,
html[data-vv-theme="dark"] .vv-service__item,
html[data-vv-theme="dark"] .vv-collection,
html[data-vv-theme="dark"] .vv-product-card,
html[data-vv-theme="dark"] .vv-rank,
html[data-vv-theme="dark"] .vv-artist,
html[data-vv-theme="dark"] .vv-format-card,
html[data-vv-theme="dark"] .vv-spotlight,
html[data-vv-theme="dark"] .vv-newsletter,
html[data-vv-theme="dark"] .vv-box,
html[data-vv-theme="dark"] .vv-page-card,
html[data-vv-theme="dark"] .vv-content-page,
html[data-vv-theme="dark"] .vv-blog-page,
html[data-vv-theme="dark"] .vv-blog-hero,
html[data-vv-theme="dark"] .vv-blog-feature,
html[data-vv-theme="dark"] .vv-blog-card,
html[data-vv-theme="dark"] .vv-blog-widget,
html[data-vv-theme="dark"] .vv-blog-demo-card,
html[data-vv-theme="dark"] .vv-blog-empty,
html[data-vv-theme="dark"] .vv-empty-state,
html[data-vv-theme="dark"] .vv-no-products-panel,
html[data-vv-theme="dark"] .vv-account-hero,
html[data-vv-theme="dark"] .vv-account-card,
html[data-vv-theme="dark"] .vv-info-tile,
html[data-vv-theme="dark"] .vv-faq-item,
html[data-vv-theme="dark"] .vv-theme-note,
html[data-vv-theme="dark"] .vv-notice,
html[data-vv-theme="dark"] .vv-single__summary,
html[data-vv-theme="dark"] .vv-single__gallery,
html[data-vv-theme="dark"] .vv-single__below,
html[data-vv-theme="dark"] .vv-release-table,
html[data-vv-theme="dark"] .vv-tracklist,
html[data-vv-theme="dark"] .vv-page-head,
html[data-vv-theme="dark"] .vv-shop-toolbar{
  background:#1b1510!important;
  color:#f8efe3!important;
  border-color:#3a2f25!important;
  box-shadow:0 14px 36px rgba(0,0,0,.36)!important;
}
html[data-vv-theme="dark"] .vv-feature-card:hover,
html[data-vv-theme="dark"] .vv-service__item:hover,
html[data-vv-theme="dark"] .vv-collection:hover,
html[data-vv-theme="dark"] .vv-product-card:hover,
html[data-vv-theme="dark"] .vv-rank:hover,
html[data-vv-theme="dark"] .vv-artist:hover,
html[data-vv-theme="dark"] .vv-format-card:hover,
html[data-vv-theme="dark"] .vv-blog-card:hover,
html[data-vv-theme="dark"] .vv-account-card:hover,
html[data-vv-theme="dark"] .vv-info-tile:hover{
  background:#211910!important;
  border-color:#5a4939!important;
}
html[data-vv-theme="dark"] .vv-hero__banner{
  background:linear-gradient(125deg,rgba(27,21,16,.94),rgba(13,10,7,.88)),var(--vv-hero-img,linear-gradient(135deg,#1b1510,#0b0907))!important;
}
html[data-vv-theme="dark"] .vv-feature-visual,
html[data-vv-theme="dark"] .vv-spotlight__visual,
html[data-vv-theme="dark"] .vv-product-card__image,
html[data-vv-theme="dark"] .vv-blog-card__image,
html[data-vv-theme="dark"] .vv-blog-feature__image,
html[data-vv-theme="dark"] .vv-artist__avatar,
html[data-vv-theme="dark"] .vv-rank__img{
  background:#100d0a!important;
  border-color:#3a2f25!important;
}
html[data-vv-theme="dark"] .vv-artist__avatar{
  background:radial-gradient(circle at center,#e2ad20 0 24%,#211910 25% 46%,#100d0a 47% 100%)!important;
}
html[data-vv-theme="dark"] .vv-collection:after,
html[data-vv-theme="dark"] .vv-format-card:after,
html[data-vv-theme="dark"] .vv-product-card__image:after,
html[data-vv-theme="dark"] .vv-hero__banner:after,
html[data-vv-theme="dark"] .vv-feature-visual:before,
html[data-vv-theme="dark"] .vv-feature-visual:after{
  opacity:.09!important;
}
html[data-vv-theme="dark"] .vv-kicker,
html[data-vv-theme="dark"] .vv-rank__num{color:#e2ad20!important}
html[data-vv-theme="dark"] .vv-dot{background:#e2ad20!important;box-shadow:0 0 0 5px rgba(226,173,32,.12)!important}
html[data-vv-theme="dark"] .vv-badge,
html[data-vv-theme="dark"] .vv91-cover-badge,
html[data-vv-theme="dark"] .onsale{
  background:#e2ad20!important;
  color:#15100a!important;
  border-color:#f4c74d!important;
}
html[data-vv-theme="dark"] .price,
html[data-vv-theme="dark"] .amount,
html[data-vv-theme="dark"] .woocommerce-Price-amount,
html[data-vv-theme="dark"] .wc-block-formatted-money-amount,
html[data-vv-theme="dark"] .wc-block-components-formatted-money-amount{
  color:#e2ad20!important;
}

/* Shop sidebar en filters */
html[data-vv-theme="dark"] .vv-sidebar,
html[data-vv-theme="dark"] .vv-sidebar-fixed,
html[data-vv-theme="dark"] .vv-filter-header,
html[data-vv-theme="dark"] .vv-filter-group,
html[data-vv-theme="dark"] .vv-filter-toggle,
html[data-vv-theme="dark"] .vv-filter-body{
  background:#1b1510!important;
  color:#f8efe3!important;
  border-color:#3a2f25!important;
}
html[data-vv-theme="dark"] .vv-filter-option,
html[data-vv-theme="dark"] .vv-filter-clear{
  background:transparent!important;
  color:#f8efe3!important;
  border-color:transparent!important;
}
html[data-vv-theme="dark"] .vv-filter-option:hover,
html[data-vv-theme="dark"] .vv-filter-clear:hover{
  background:#211910!important;
  border-color:#4a3b2e!important;
}
html[data-vv-theme="dark"] .vv-filter-option.is-active,
html[data-vv-theme="dark"] .vv-filter-group.has-active>.vv-filter-toggle{
  background:#e2ad20!important;
  color:#15100a!important;
  border-color:#e2ad20!important;
}
html[data-vv-theme="dark"] .vv-filter-radio,
html[data-vv-theme="dark"] .vv-filter-check,
html[data-vv-theme="dark"] .vv-filter-dot,
html[data-vv-theme="dark"] .vv-filter-count{
  background:#100d0a!important;
  color:#b9ac9a!important;
  border-color:#514131!important;
}

/* Productdetail, tabellen en notices */
html[data-vv-theme="dark"] table,
html[data-vv-theme="dark"] thead,
html[data-vv-theme="dark"] tbody,
html[data-vv-theme="dark"] tfoot,
html[data-vv-theme="dark"] tr,
html[data-vv-theme="dark"] th,
html[data-vv-theme="dark"] td,
html[data-vv-theme="dark"] .shop_table,
html[data-vv-theme="dark"] .vv-release-table div,
html[data-vv-theme="dark"] .vv-tracklist li{
  background:#15110d!important;
  border-color:#3a2f25!important;
  color:#f8efe3!important;
}
html[data-vv-theme="dark"] thead th,
html[data-vv-theme="dark"] tfoot th,
html[data-vv-theme="dark"] tfoot td{
  background:#1b1510!important;
}
html[data-vv-theme="dark"] .vv-stock,
html[data-vv-theme="dark"] .stock,
html[data-vv-theme="dark"] .in-stock,
html[data-vv-theme="dark"] .out-of-stock{
  background:#1b1510!important;
  color:#f8efe3!important;
  border-color:#4a3b2e!important;
}
html[data-vv-theme="dark"] .in-stock{color:#63c29a!important}
html[data-vv-theme="dark"] .out-of-stock{color:#ee8277!important}
html[data-vv-theme="dark"] .woocommerce-message,
html[data-vv-theme="dark"] .woocommerce-info,
html[data-vv-theme="dark"] .woocommerce-error,
html[data-vv-theme="dark"] .wc-block-components-notice-banner,
html[data-vv-theme="dark"] .wc-block-components-validation-error{
  background:#1b1510!important;
  color:#f8efe3!important;
  border-color:#514131!important;
}

/* WooCommerce Blocks: winkelwagen, afrekenen, order summary, mini-cart */
html[data-vv-theme="dark"] .wp-block-woocommerce-cart,
html[data-vv-theme="dark"] .wp-block-woocommerce-checkout,
html[data-vv-theme="dark"] .wp-block-woocommerce-mini-cart,
html[data-vv-theme="dark"] .wc-block-cart,
html[data-vv-theme="dark"] .wc-block-checkout,
html[data-vv-theme="dark"] .wc-block-components-main,
html[data-vv-theme="dark"] .wc-block-components-sidebar,
html[data-vv-theme="dark"] .wc-block-components-sidebar-layout,
html[data-vv-theme="dark"] .wc-block-components-panel,
html[data-vv-theme="dark"] .wc-block-components-totals-wrapper,
html[data-vv-theme="dark"] .wc-block-components-order-summary,
html[data-vv-theme="dark"] .wc-block-components-order-summary__content,
html[data-vv-theme="dark"] .wc-block-components-order-summary-item,
html[data-vv-theme="dark"] .wc-block-cart-items,
html[data-vv-theme="dark"] .wc-block-cart-items__row,
html[data-vv-theme="dark"] .wc-block-cart-item__wrap,
html[data-vv-theme="dark"] .wc-block-cart-item__product,
html[data-vv-theme="dark"] .wc-block-cart__totals-title,
html[data-vv-theme="dark"] .wc-block-components-checkout-step,
html[data-vv-theme="dark"] .wc-block-checkout__shipping-method,
html[data-vv-theme="dark"] .wc-block-checkout__payment-method,
html[data-vv-theme="dark"] .wc-block-components-radio-control,
html[data-vv-theme="dark"] .wc-block-components-radio-control__option,
html[data-vv-theme="dark"] .wc-block-components-address-card,
html[data-vv-theme="dark"] .wc-block-components-payment-methods,
html[data-vv-theme="dark"] .wc-block-components-express-payment,
html[data-vv-theme="dark"] .wc-block-components-totals-coupon,
html[data-vv-theme="dark"] .wc-block-mini-cart__drawer,
html[data-vv-theme="dark"] .wc-block-mini-cart__footer{
  background:#1b1510!important;
  color:#f8efe3!important;
  border-color:#3a2f25!important;
  box-shadow:none!important;
}
html[data-vv-theme="dark"] .wc-block-components-radio-control__option:hover,
html[data-vv-theme="dark"] .wc-block-components-radio-control__option-checked,
html[data-vv-theme="dark"] .wc-block-components-address-card.is-selected{
  background:#211910!important;
  border-color:#e2ad20!important;
}
html[data-vv-theme="dark"] .wc-block-components-order-summary-item__description,
html[data-vv-theme="dark"] .wc-block-components-product-metadata,
html[data-vv-theme="dark"] .wc-block-components-product-metadata__description,
html[data-vv-theme="dark"] .wc-block-components-totals-item__description,
html[data-vv-theme="dark"] .wc-block-components-checkbox__label,
html[data-vv-theme="dark"] .wc-block-components-radio-control__description{
  color:#b9ac9a!important;
}
html[data-vv-theme="dark"] .wc-block-components-totals-item__label,
html[data-vv-theme="dark"] .wc-block-components-checkout-step__title,
html[data-vv-theme="dark"] .wc-block-components-radio-control__label,
html[data-vv-theme="dark"] .wc-block-components-payment-method-label,
html[data-vv-theme="dark"] .wc-block-components-order-summary__button-text{
  color:#f8efe3!important;
}
html[data-vv-theme="dark"] .wc-block-components-totals-item__value,
html[data-vv-theme="dark"] .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
html[data-vv-theme="dark"] .wc-block-cart-item__total .wc-block-formatted-money-amount{
  color:#e2ad20!important;
}
html[data-vv-theme="dark"] .wc-block-components-quantity-selector,
html[data-vv-theme="dark"] .wc-block-components-quantity-selector input,
html[data-vv-theme="dark"] .wc-block-components-quantity-selector button{
  background:#100d0a!important;
  color:#f8efe3!important;
  border-color:#514131!important;
}
html[data-vv-theme="dark"] .wc-block-cart-item__remove-link,
html[data-vv-theme="dark"] .remove{color:#ee8277!important}
html[data-vv-theme="dark"] .wc-block-components-express-payment__event-buttons,
html[data-vv-theme="dark"] .ppc-button-wrapper,
html[data-vv-theme="dark"] #ppc-button-ppcp-gateway,
html[data-vv-theme="dark"] .paypal-buttons{
  background:#100d0a!important;
  border-color:#3a2f25!important;
  color:#f8efe3!important;
}
html[data-vv-theme="dark"] .wc-block-components-express-payment-continue-rule,
html[data-vv-theme="dark"] .wc-block-components-express-payment-continue-rule:before,
html[data-vv-theme="dark"] .wc-block-components-express-payment-continue-rule:after{
  border-color:#3a2f25!important;
  color:#f8efe3!important;
}
html[data-vv-theme="dark"] .wc-block-cart__submit-button,
html[data-vv-theme="dark"] .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
html[data-vv-theme="dark"] .wc-proceed-to-checkout a.checkout-button,
html[data-vv-theme="dark"] #place_order{
  background:#e2ad20!important;
  color:#15100a!important;
  border-color:#e2ad20!important;
}
html[data-vv-theme="dark"] .wc-block-cart__submit-button .wc-block-components-button__text,
html[data-vv-theme="dark"] .wc-block-components-checkout-place-order-button .wc-block-components-button__text{
  color:#15100a!important;
}

/* Klassieke WooCommerce account/cart/checkout */
html[data-vv-theme="dark"] .woocommerce-cart-form,
html[data-vv-theme="dark"] .cart_totals,
html[data-vv-theme="dark"] .woocommerce-checkout-review-order,
html[data-vv-theme="dark"] .woocommerce-billing-fields,
html[data-vv-theme="dark"] .woocommerce-shipping-fields,
html[data-vv-theme="dark"] .woocommerce-additional-fields,
html[data-vv-theme="dark"] .woocommerce-order,
html[data-vv-theme="dark"] .woocommerce-customer-details,
html[data-vv-theme="dark"] .woocommerce-order-details,
html[data-vv-theme="dark"] .woocommerce-MyAccount-navigation,
html[data-vv-theme="dark"] .woocommerce-MyAccount-content,
html[data-vv-theme="dark"] .woocommerce-Addresses,
html[data-vv-theme="dark"] .woocommerce-Address,
html[data-vv-theme="dark"] .woocommerce-form-login,
html[data-vv-theme="dark"] .woocommerce-form-register,
html[data-vv-theme="dark"] .woocommerce-ResetPassword{
  background:#1b1510!important;
  color:#f8efe3!important;
  border-color:#3a2f25!important;
}
html[data-vv-theme="dark"] .woocommerce-MyAccount-navigation a,
html[data-vv-theme="dark"] .woocommerce-MyAccount-content a{color:#f4c74d!important}
html[data-vv-theme="dark"] .woocommerce-MyAccount-navigation li.is-active a{
  background:#e2ad20!important;
  color:#15100a!important;
}

/* Paginering */
html[data-vv-theme="dark"] .woocommerce-pagination,
html[data-vv-theme="dark"] .woocommerce-pagination ul,
html[data-vv-theme="dark"] .woocommerce-pagination li,
html[data-vv-theme="dark"] .page-numbers,
html[data-vv-theme="dark"] .nav-links,
html[data-vv-theme="dark"] .pagination{
  background:transparent!important;
  border-color:#3a2f25!important;
  color:#f8efe3!important;
}
html[data-vv-theme="dark"] .page-numbers a,
html[data-vv-theme="dark"] a.page-numbers,
html[data-vv-theme="dark"] span.page-numbers{
  background:#1b1510!important;
  border-color:#4a3b2e!important;
  color:#f8efe3!important;
}
html[data-vv-theme="dark"] .page-numbers.current,
html[data-vv-theme="dark"] span.page-numbers.current{
  background:#e2ad20!important;
  border-color:#e2ad20!important;
  color:#15100a!important;
}

/* Footer */
html[data-vv-theme="dark"] .vv-footer,
html[data-vv-theme="dark"] .vv-footer__grid,
html[data-vv-theme="dark"] .vv-footer__bottom{
  background:#0b0907!important;
  color:#b9ac9a!important;
  border-color:#3a2f25!important;
}
html[data-vv-theme="dark"] .vv-footer a,
html[data-vv-theme="dark"] .vv-footer p,
html[data-vv-theme="dark"] .vv-footer li{color:#b9ac9a!important}
html[data-vv-theme="dark"] .vv-footer a:hover{color:#e2ad20!important}

/* Noodvangnet voor blocks/plugins met inline witte achtergronden binnen de site */
html[data-vv-theme="dark"] .vv-main [style*="background:#fff"],
html[data-vv-theme="dark"] .vv-main [style*="background: #fff"],
html[data-vv-theme="dark"] .vv-main [style*="background-color:#fff"],
html[data-vv-theme="dark"] .vv-main [style*="background-color: #fff"],
html[data-vv-theme="dark"] .woocommerce [style*="background:#fff"],
html[data-vv-theme="dark"] .woocommerce [style*="background: #fff"],
html[data-vv-theme="dark"] .woocommerce [style*="background-color:#fff"],
html[data-vv-theme="dark"] .woocommerce [style*="background-color: #fff"]{
  background:#1b1510!important;
  color:#f8efe3!important;
  border-color:#3a2f25!important;
}
html[data-vv-theme="dark"] hr,
html[data-vv-theme="dark"] .wc-block-components-totals-wrapper:before,
html[data-vv-theme="dark"] .wc-block-components-totals-wrapper:after,
html[data-vv-theme="dark"] .wc-block-cart-items__row:before,
html[data-vv-theme="dark"] .wc-block-cart-items__row:after{
  border-color:#3a2f25!important;
}


/* ==========================================================
   V158 COMPLETE TEMPLATE RECHECK + NO LIGHT FLASH
   Extra audit na live controle: overgeslagen theme-klassen, saved/compare,
   variation/condition cards, side blocks, widgets en WooCommerce formulieren.
   De boot-script in header.php zet data-vv-theme vóór CSS/JS laadt, zodat je
   bij doorklikken niet eerst de lichte versie ziet.
   ========================================================== */
html[data-vv-theme="dark"] body{background:#0b0907!important;color:#f8efe3!important}

/* Overgeslagen eigen componenten uit eerdere versies/templates */
html[data-vv-theme="dark"] .vv-card,
html[data-vv-theme="dark"] .vv-panel,
html[data-vv-theme="dark"] .vv-side-block,
html[data-vv-theme="dark"] .vv-side-block--compact,
html[data-vv-theme="dark"] .vv-side-block--format,
html[data-vv-theme="dark"] .vv-side-block--format-details,
html[data-vv-theme="dark"] .vv-side-block--real,
html[data-vv-theme="dark"] .vv-side-card,
html[data-vv-theme="dark"] .vv-side-warning,
html[data-vv-theme="dark"] .vv-mobile-collections,
html[data-vv-theme="dark"] .vv-index-status,
html[data-vv-theme="dark"] .vv-performance-note,
html[data-vv-theme="dark"] .vv-format-source-note,
html[data-vv-theme="dark"] .vv-no-products-help,
html[data-vv-theme="dark"] .vv-product-facts,
html[data-vv-theme="dark"] .vv-fact,
html[data-vv-theme="dark"] .vv-product-gallery,
html[data-vv-theme="dark"] .vv-product-media,
html[data-vv-theme="dark"] .vv-product-summary,
html[data-vv-theme="dark"] .vv-single-card,
html[data-vv-theme="dark"] .vv-single__media,
html[data-vv-theme="dark"] .vv-saved-card,
html[data-vv-theme="dark"] .vv-empty-list,
html[data-vv-theme="dark"] .vv-compare-table,
html[data-vv-theme="dark"] .vv-real-variation-card,
html[data-vv-theme="dark"] .vv-variation-option,
html[data-vv-theme="dark"] .vv-condition-option,
html[data-vv-theme="dark"] .vv-real-variation-cards,
html[data-vv-theme="dark"] .vv-variation-options,
html[data-vv-theme="dark"] .vv-condition-options{
  background:#1b1510!important;
  color:#f8efe3!important;
  border-color:#3a2f25!important;
  box-shadow:0 14px 36px rgba(0,0,0,.36)!important;
}
html[data-vv-theme="dark"] .vv-card:hover,
html[data-vv-theme="dark"] .vv-side-card:hover,
html[data-vv-theme="dark"] .vv-saved-card:hover,
html[data-vv-theme="dark"] .vv-real-variation-card:hover,
html[data-vv-theme="dark"] .vv-variation-option:hover,
html[data-vv-theme="dark"] .vv-condition-option:hover{
  background:#211910!important;
  border-color:#5a4939!important;
}
html[data-vv-theme="dark"] .vv-var-price,
html[data-vv-theme="dark"] .vv-var-stock,
html[data-vv-theme="dark"] .vv-count,
html[data-vv-theme="dark"] .vv-active-filter-tag{
  background:#211910!important;
  color:#f8efe3!important;
  border-color:#4a3b2e!important;
}
html[data-vv-theme="dark"] .vv-count-disabled,
html[data-vv-theme="dark"] .vv-missing-condition{
  background:#130f0b!important;
  color:#8f8170!important;
  border-color:#30261d!important;
}
html[data-vv-theme="dark"] .vv-variation-option.is-active,
html[data-vv-theme="dark"] .vv-condition-option.is-active,
html[data-vv-theme="dark"] .vv-real-variation-card.is-active,
html[data-vv-theme="dark"] .vv-active-filter-tag{
  background:#e2ad20!important;
  color:#15100a!important;
  border-color:#e2ad20!important;
}
html[data-vv-theme="dark"] .vv-var-title-hidden,
html[data-vv-theme="dark"] .vv-real-variation-title,
html[data-vv-theme="dark"] .vv-variation-group-title{
  color:#f8efe3!important;
}
html[data-vv-theme="dark"] .vv-side-reset{color:#f4c74d!important}

/* Wishlist/compare/toast door JS gegenereerd */
html[data-vv-theme="dark"] .vv-saved-grid,
html[data-vv-theme="dark"] .vv-saved-actions{background:transparent!important;color:#f8efe3!important}
html[data-vv-theme="dark"] .vv-saved-card img{
  background:#100d0a!important;
  border-color:#3a2f25!important;
}
html[data-vv-theme="dark"] .vv-toast{
  background:#1b1510!important;
  color:#f8efe3!important;
  border:1px solid #514131!important;
  box-shadow:0 18px 44px rgba(0,0,0,.55)!important;
}
html[data-vv-theme="dark"] .vv-compare-table th,
html[data-vv-theme="dark"] .vv-compare-table td{
  background:#15110d!important;
  color:#f8efe3!important;
  border-color:#3a2f25!important;
}

/* WordPress blocks/widgets die binnen pagina's kunnen staan */
html[data-vv-theme="dark"] .widget,
html[data-vv-theme="dark"] .widget-area,
html[data-vv-theme="dark"] .wp-block-group,
html[data-vv-theme="dark"] .wp-block-columns,
html[data-vv-theme="dark"] .wp-block-column,
html[data-vv-theme="dark"] .wp-block-media-text,
html[data-vv-theme="dark"] .wp-block-table,
html[data-vv-theme="dark"] .wp-block-quote,
html[data-vv-theme="dark"] .wp-block-search,
html[data-vv-theme="dark"] .wp-block-latest-posts,
html[data-vv-theme="dark"] .wp-block-page-list,
html[data-vv-theme="dark"] .wp-block-categories,
html[data-vv-theme="dark"] .wp-block-archives{
  color:#f8efe3!important;
  border-color:#3a2f25!important;
}
html[data-vv-theme="dark"] .wp-block-group.has-background,
html[data-vv-theme="dark"] .wp-block-cover,
html[data-vv-theme="dark"] .wp-block-media-text.has-background{
  background:#1b1510!important;
  color:#f8efe3!important;
}
html[data-vv-theme="dark"] .wp-block-search__input{
  background:#100d0a!important;
  color:#f8efe3!important;
  border-color:#514131!important;
}
html[data-vv-theme="dark"] .wp-block-search__button{
  background:#e2ad20!important;
  color:#15100a!important;
  border-color:#e2ad20!important;
}

/* Extra WooCommerce formulieren: betaling, verzending, coupons, account */
html[data-vv-theme="dark"] form.checkout,
html[data-vv-theme="dark"] #payment,
html[data-vv-theme="dark"] #payment ul.payment_methods,
html[data-vv-theme="dark"] #payment div.payment_box,
html[data-vv-theme="dark"] .payment_methods,
html[data-vv-theme="dark"] .payment_box,
html[data-vv-theme="dark"] .shipping-calculator-form,
html[data-vv-theme="dark"] .coupon,
html[data-vv-theme="dark"] .woocommerce-form-coupon,
html[data-vv-theme="dark"] .woocommerce-form-login-toggle,
html[data-vv-theme="dark"] .woocommerce-form-coupon-toggle,
html[data-vv-theme="dark"] .woocommerce-privacy-policy-text,
html[data-vv-theme="dark"] .woocommerce-terms-and-conditions,
html[data-vv-theme="dark"] .woocommerce-order-overview,
html[data-vv-theme="dark"] .woocommerce-thankyou-order-received{
  background:#1b1510!important;
  color:#f8efe3!important;
  border-color:#3a2f25!important;
}
html[data-vv-theme="dark"] #payment div.payment_box:before{border-bottom-color:#1b1510!important}
html[data-vv-theme="dark"] .woocommerce-privacy-policy-text p,
html[data-vv-theme="dark"] .woocommerce-terms-and-conditions p{color:#b9ac9a!important}

/* Blocks checkout/card details: kleine teksten en labels beter contrast */
html[data-vv-theme="dark"] .wc-block-components-text-input label,
html[data-vv-theme="dark"] .wc-block-components-checkbox .wc-block-components-checkbox__label,
html[data-vv-theme="dark"] .wc-block-components-radio-control__description,
html[data-vv-theme="dark"] .wc-block-components-payment-method-icons,
html[data-vv-theme="dark"] .wc-block-components-shipping-rates-control,
html[data-vv-theme="dark"] .wc-block-components-shipping-rates-control__package,
html[data-vv-theme="dark"] .wc-block-components-shipping-rates-control__no-results-notice{
  color:#b9ac9a!important;
}
html[data-vv-theme="dark"] .wc-block-components-radio-control__input,
html[data-vv-theme="dark"] .wc-block-components-checkbox__input{accent-color:#e2ad20!important}
html[data-vv-theme="dark"] .wc-block-components-panel__button,
html[data-vv-theme="dark"] .wc-block-components-order-summary__button{
  background:transparent!important;
  color:#f8efe3!important;
  border-color:#3a2f25!important;
}
html[data-vv-theme="dark"] .wc-block-components-panel__button:hover,
html[data-vv-theme="dark"] .wc-block-components-order-summary__button:hover{
  color:#e2ad20!important;
}

/* Voorkomt dat browser/autofill lichtgele velden maakt in dark mode */
html[data-vv-theme="dark"] input:-webkit-autofill,
html[data-vv-theme="dark"] textarea:-webkit-autofill,
html[data-vv-theme="dark"] select:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #100d0a inset!important;
  -webkit-text-fill-color:#f8efe3!important;
  caret-color:#e2ad20!important;
}


/* ==========================================================
   V159 SETTINGS WIRING FIX
   Admin opties moeten echt effect hebben: sticky header, topbar en dark logo.
   Sticky werkt nu op de volledige site-header, niet half op de binnenste balk.
   ========================================================== */
.vv-site-header{
  z-index:900!important;
}
.vv-site-header .vv-header{
  position:relative!important;
  top:auto!important;
}
.vv-site-header--sticky{
  position:sticky!important;
  top:0!important;
  z-index:900!important;
}
.admin-bar .vv-site-header--sticky{
  top:32px!important;
}
@media(max-width:782px){
  .admin-bar .vv-site-header--sticky{top:46px!important;}
}
.vv-site-header--static,
.vv-site-header--static .vv-header{
  position:relative!important;
  top:auto!important;
}
.vv-site-header--sticky .vv-header{
  position:relative!important;
  top:auto!important;
}
.vv-logo__image--dark{display:none!important;}
html[data-vv-theme="dark"] .vv-logo__image--light{display:none!important;}
html[data-vv-theme="dark"] .vv-logo__image--dark{display:block!important;}
html[data-vv-theme="dark"] .vv-site-header--sticky{
  background:#120f0b!important;
  border-color:#33291f!important;
}
@media(max-width:1180px){
  .vv-site-header--sticky{position:sticky!important;top:0!important;}
  .admin-bar .vv-site-header--sticky{top:46px!important;}
  .vv-site-header--static{position:relative!important;top:auto!important;}
  .vv-site-header .vv-header{position:relative!important;top:auto!important;}
}


/* ==========================================================
   V160 VINYL WEBSITE REDESIGN
   Meer aankleding, vinyl-informatie, visuele story cards en volledige blogweergave.
   ========================================================== */
.vv-hero__banner{
  background:
    linear-gradient(125deg,rgba(22,18,13,.76),rgba(98,48,22,.38)),
    radial-gradient(circle at 82% 50%,rgba(240,180,41,.26) 0 8%,transparent 9% 100%),
    linear-gradient(135deg,#203d32,#7a3e1f 58%,#22170e)!important;
}
.vv-hero__content{max-width:820px!important}
.vv-hero__content h1,
.vv-hero h1{max-width:780px!important;text-wrap:balance!important}
.vv-feature-card{
  background:
    linear-gradient(180deg,rgba(255,250,241,.95),rgba(255,247,232,.95)),
    radial-gradient(circle at 86% 72%,rgba(240,180,41,.18),transparent 26%)!important;
}
.vv-feature-card:before{
  content:"Recordshop selectie";
  display:inline-flex;
  width:max-content;
  margin-bottom:12px;
  border:1px solid var(--vv-line);
  border-radius:999px;
  padding:7px 12px;
  color:var(--vv-muted);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.vv-vinyl-world__grid{
  display:grid;
  grid-template-columns:1.45fr .75fr .75fr;
  gap:20px;
  align-items:stretch;
}
.vv-story-panel,
.vv-story-photo,
.vv-guide-card,
.vv-home-blog-card,
.vv-blog-single-content,
.vv-blog-single-sidebar .vv-blog-widget{
  border:1px solid var(--vv-line);
  border-radius:28px;
  background:#fffaf1;
  box-shadow:0 16px 38px rgba(38,31,22,.09);
}
.vv-story-panel{padding:34px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
.vv-story-panel:after{content:"";position:absolute;right:-90px;bottom:-120px;width:330px;height:330px;border-radius:50%;background:repeating-radial-gradient(circle,#161616 0 7px,#2c2c2c 8px 12px);opacity:.08}
.vv-story-panel h2{position:relative;z-index:1;font-size:clamp(32px,4vw,58px);line-height:.98;letter-spacing:-.07em;margin:0 0 18px;text-wrap:balance}
.vv-story-panel p{position:relative;z-index:1;color:var(--vv-muted);font-weight:650;max-width:720px;font-size:18px}
.vv-story-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.vv-story-stats span{border:1px solid var(--vv-line);background:#fff;border-radius:18px;padding:15px 16px;display:block}
.vv-story-stats strong{display:block;font-size:24px;letter-spacing:-.04em;color:var(--vv-accent-dark)}
.vv-story-stats small{display:block;color:var(--vv-muted);font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:11px;margin-top:3px}
.vv-story-photo{min-height:320px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:22px;color:#fff;background:#1f1b12}
.vv-story-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.62));z-index:1}
.vv-story-photo:after{content:"";position:absolute;border-radius:50%;background:repeating-radial-gradient(circle,#0d0d0d 0 6px,#282828 7px 11px);width:260px;height:260px;right:-70px;top:42px;opacity:.55}
.vv-story-photo span{position:relative;z-index:2;font-weight:950;font-size:22px;letter-spacing:-.04em;text-shadow:0 6px 16px rgba(0,0,0,.35)}
.vv-story-photo--crate{background:linear-gradient(145deg,#1e6b50,#301d14 65%,#111)}
.vv-story-photo--turntable{background:linear-gradient(145deg,#7a3e1f,#2a2117 62%,#111)}
.vv-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vv-guide-card{padding:24px;position:relative;overflow:hidden;min-height:210px;transition:.18s ease}
.vv-guide-card:hover{transform:translateY(-3px);box-shadow:var(--vv-shadow)}
.vv-guide-card span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:var(--vv-accent);color:#1b170f;font-weight:950;margin-bottom:26px}
.vv-guide-card h3{font-size:24px;line-height:1.05;letter-spacing:-.05em;margin:0 0 10px}
.vv-guide-card p{color:var(--vv-muted);font-weight:650;margin:0}
.vv-guide-card:after{content:"";position:absolute;width:150px;height:150px;right:-54px;bottom:-62px;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 5px,#2b2b2b 6px 9px);opacity:.07}
.vv-home-blog-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px}
.vv-home-blog-card{overflow:hidden;display:flex;flex-direction:column;min-height:100%}
.vv-home-blog-card:first-child{grid-row:span 2}
.vv-home-blog-card__image{display:block;aspect-ratio:16/10;background:#eee2cc;overflow:hidden}
.vv-home-blog-card:first-child .vv-home-blog-card__image{aspect-ratio:16/12}
.vv-home-blog-card__image img{width:100%;height:100%;object-fit:cover;transition:.3s ease}
.vv-home-blog-card:hover .vv-home-blog-card__image img{transform:scale(1.04)}
.vv-home-blog-card__body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.vv-home-blog-card h3{font-size:clamp(22px,2.4vw,34px);line-height:1.02;letter-spacing:-.06em;margin:0;text-wrap:balance}
.vv-home-blog-card:not(:first-child) h3{font-size:22px}
.vv-home-blog-card p{color:var(--vv-muted);font-weight:650;margin:0 0 8px}
.vv-blog-empty--home{border:1px dashed var(--vv-line);padding:28px;border-radius:24px;background:#fffaf1}
.vv-blog-page{padding:8px 0 0!important}
.vv-blog-hero{display:grid!important;grid-template-columns:1fr minmax(360px,.8fr)!important;gap:26px!important;align-items:stretch!important;border:1px solid var(--vv-line)!important;border-radius:32px!important;background:linear-gradient(135deg,#fffaf1,#f4e6cf)!important;padding:28px!important;margin-bottom:30px!important;overflow:hidden!important}
.vv-blog-hero>div:first-child{padding:18px 10px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.vv-blog-hero h1{font-size:clamp(42px,5vw,78px)!important;line-height:.94!important;letter-spacing:-.08em!important;margin:0 0 16px!important;text-wrap:balance!important}
.vv-blog-hero p{font-size:18px!important;color:var(--vv-muted)!important;max-width:720px!important}
.vv-blog-feature{border-radius:26px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--vv-line)!important;padding:0!important;box-shadow:0 16px 34px rgba(38,31,22,.10)!important}
.vv-blog-feature img{width:100%!important;height:270px!important;object-fit:cover!important;background:#eee2cc!important}
.vv-blog-feature .vv-blog-card__meta,
.vv-blog-feature h2,
.vv-blog-feature p,
.vv-blog-feature .vv-btn{margin-left:22px!important;margin-right:22px!important}
.vv-blog-feature h2{font-size:30px!important;line-height:1.04!important;letter-spacing:-.05em!important;margin-top:8px!important;margin-bottom:10px!important}
.vv-blog-feature p{color:var(--vv-muted)!important;font-weight:650!important}
.vv-blog-feature .vv-btn{margin-bottom:22px!important}
.vv-blog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.vv-blog-card{overflow:hidden!important;border-radius:24px!important}
.vv-blog-card__image{aspect-ratio:16/10!important;display:block!important;background:#eee2cc!important;overflow:hidden!important}
.vv-blog-card__image img{width:100%!important;height:100%!important;object-fit:cover!important}
.vv-blog-card__body{padding:20px!important}
.vv-blog-card h3{font-size:24px!important;line-height:1.05!important;letter-spacing:-.05em!important;margin:0 0 10px!important;text-wrap:balance!important}
.vv-blog-card p{color:var(--vv-muted)!important;font-weight:650!important}
.vv-blog-single-hero{padding:40px 0 18px;background:linear-gradient(180deg,#f4efe4,rgba(244,239,228,0))}
.vv-blog-single-hero__grid{display:grid;grid-template-columns:1fr minmax(360px,.72fr);gap:28px;align-items:stretch}
.vv-blog-single-hero__content{border:1px solid var(--vv-line);border-radius:32px;background:#fffaf1;padding:42px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--vv-shadow)}
.vv-blog-single-hero h1{font-size:clamp(42px,6vw,86px);line-height:.92;letter-spacing:-.08em;margin:0 0 18px;text-wrap:balance}
.vv-blog-single-meta{color:var(--vv-muted);font-weight:800;margin:0 0 20px}
.vv-blog-single-hero__image{border-radius:32px;overflow:hidden;background:#eee2cc;border:1px solid var(--vv-line);box-shadow:var(--vv-shadow)}
.vv-blog-single-hero__image img{width:100%;height:100%;min-height:420px;object-fit:cover}
.vv-blog-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.vv-blog-single-content{padding:42px;border-radius:28px;background:#fff;border:1px solid var(--vv-line);box-shadow:0 12px 30px rgba(38,31,22,.07);font-size:18px;line-height:1.75}
.vv-blog-single-content p{margin:0 0 1.25em;color:#3a332b}
.vv-blog-single-content h2,.vv-blog-single-content h3{letter-spacing:-.05em;line-height:1.08;margin:1.4em 0 .55em}
.vv-blog-single-content img{border-radius:20px;margin:22px 0}
.vv-blog-single-sidebar{position:sticky;top:130px;display:grid;gap:18px}
.vv-blog-single-sidebar .vv-blog-widget{padding:22px}
@media(max-width:1180px){
  .vv-vinyl-world__grid,.vv-home-blog-grid,.vv-blog-hero,.vv-blog-single-hero__grid,.vv-blog-single-layout{grid-template-columns:1fr!important}
  .vv-guide-grid{grid-template-columns:repeat(2,1fr)}
  .vv-blog-single-sidebar{position:static}
}
@media(max-width:760px){
  .vv-story-stats,.vv-guide-grid,.vv-blog-grid{grid-template-columns:1fr!important}
  .vv-story-panel{padding:24px;min-height:0}
  .vv-story-photo{min-height:230px}
  .vv-blog-single-content,.vv-blog-single-hero__content{padding:24px}
  .vv-blog-single-hero__image img{min-height:260px}
}
html[data-vv-theme="dark"] .vv-story-panel,
html[data-vv-theme="dark"] .vv-story-photo,
html[data-vv-theme="dark"] .vv-guide-card,
html[data-vv-theme="dark"] .vv-home-blog-card,
html[data-vv-theme="dark"] .vv-blog-single-content,
html[data-vv-theme="dark"] .vv-blog-single-sidebar .vv-blog-widget,
html[data-vv-theme="dark"] .vv-blog-single-hero__content,
html[data-vv-theme="dark"] .vv-blog-single-hero__image,
html[data-vv-theme="dark"] .vv-blog-empty--home{
  background:#1b1510!important;color:#f8efe3!important;border-color:#3a2f25!important;box-shadow:0 14px 36px rgba(0,0,0,.36)!important
}
html[data-vv-theme="dark"] .vv-blog-hero{background:linear-gradient(135deg,#1b1510,#100d0a)!important;border-color:#3a2f25!important}
html[data-vv-theme="dark"] .vv-blog-feature{background:#1b1510!important;border-color:#3a2f25!important}
html[data-vv-theme="dark"] .vv-story-stats span{background:#211910!important;border-color:#4a3b2e!important}
html[data-vv-theme="dark"] .vv-blog-single-content p{color:#d2c7b7!important}
html[data-vv-theme="dark"] .vv-blog-single-hero{background:linear-gradient(180deg,#0b0907,rgba(11,9,7,0))!important}


/* ==========================================================
   V161 WORKING VINYL INFO PAGES
   De vier info-kaarten op de homepage zijn nu klikbaar en hebben eigen pagina's.
   ========================================================== */
a.vv-guide-card{display:block;text-decoration:none;color:inherit!important}
.vv-guide-card em{display:inline-flex;margin-top:18px;font-style:normal;font-weight:950;color:var(--vv-green)}
.vv-guide-card:hover em{color:var(--vv-accent-dark)}
.vv-vinyl-info-page{font-size:18px;line-height:1.7}
.vv-vinyl-info-page .vv-lead{font-size:21px;line-height:1.55;color:var(--vv-muted);font-weight:650;max-width:980px;margin:0 0 28px}
.vv-vinyl-info-page h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.06em;line-height:1.04;margin:34px 0 10px}
.vv-vinyl-info-page p{max-width:980px}
.vv-guide-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0 30px}
.vv-guide-page-grid .vv-info-tile{padding:24px;border-radius:22px;min-height:170px;position:relative;overflow:hidden}
.vv-guide-page-grid .vv-info-tile:after{content:"";position:absolute;right:-42px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 5px,#2b2b2b 6px 9px);opacity:.06}
.vv-guide-page-grid .vv-info-tile strong{display:block;font-size:24px;letter-spacing:-.04em;margin-bottom:8px}
.vv-guide-page-grid .vv-info-tile p{position:relative;z-index:1;margin:0;color:var(--vv-muted);font-weight:650}
@media(max-width:760px){.vv-guide-page-grid{grid-template-columns:1fr}.vv-vinyl-info-page .vv-lead{font-size:18px}}
html[data-vv-theme="dark"] a.vv-guide-card{color:#f8efe3!important}
html[data-vv-theme="dark"] .vv-vinyl-info-page .vv-lead,
html[data-vv-theme="dark"] .vv-guide-page-grid .vv-info-tile p{color:#b9ac9a!important}


/* ==========================================================
   V162 BLOG PAGE REDESIGN FIX
   Blog niet meer in dubbele witte wrapper, hero leesbaar, betere visuals
   voor berichten zonder foto en nettere sidebar/categorieën.
   ========================================================== */
.vv-blog-page{padding:34px 0 70px!important;background:transparent!important}
.vv-blog-page>.vv-container{width:min(1500px,calc(100% - 48px))!important;margin-inline:auto!important}
.vv-blog-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,.78fr)!important;
  gap:28px!important;
  align-items:stretch!important;
  border:1px solid var(--vv-line)!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,#20170f 0%,#643516 48%,#1e6b50 100%)!important;
  color:#fffaf1!important;
  padding:clamp(28px,4.5vw,58px)!important;
  margin:0 0 34px!important;
  box-shadow:0 20px 52px rgba(38,31,22,.18)!important;
  overflow:hidden!important;
  position:relative!important;
}
.vv-blog-hero:before{content:"";position:absolute;inset:auto -120px -180px auto;width:440px;height:440px;border-radius:50%;background:repeating-radial-gradient(circle,#0d0d0d 0 7px,#272727 8px 13px);opacity:.32;z-index:0}
.vv-blog-hero>div:first-child{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:0!important;max-width:760px!important}
.vv-blog-hero .vv-kicker{color:#f0b429!important}
.vv-blog-hero h1{color:#fffaf1!important;font-size:clamp(46px,6vw,92px)!important;line-height:.90!important;letter-spacing:-.085em!important;margin:0 0 18px!important;text-wrap:balance!important;max-width:780px!important}
.vv-blog-hero p{color:#f7e4c3!important;font-size:20px!important;line-height:1.5!important;max-width:720px!important;margin:0!important;font-weight:650!important}
.vv-blog-feature{position:relative!important;z-index:1!important;background:#fffaf1!important;color:#211a12!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:28px!important;padding:0!important;overflow:hidden!important;box-shadow:0 20px 50px rgba(0,0,0,.28)!important;align-self:stretch!important;display:flex!important;flex-direction:column!important}
.vv-blog-feature>a:first-child,.vv-blog-feature>.vv-blog-card__image{display:block!important;width:100%!important;height:280px!important;aspect-ratio:auto!important;background:#eadfc9!important;overflow:hidden!important}
.vv-blog-feature img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.vv-blog-feature .vv-blog-card__meta{margin:18px 24px 0!important;color:#1e6b50!important;font-weight:950!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.vv-blog-feature h2{margin:8px 24px 10px!important;color:#211a12!important;font-size:clamp(26px,2.6vw,38px)!important;line-height:1.03!important;letter-spacing:-.06em!important;text-wrap:balance!important}
.vv-blog-feature h2 a{color:#211a12!important}
.vv-blog-feature p{margin:0 24px 18px!important;color:#5f5549!important;font-weight:650!important;line-height:1.55!important}
.vv-blog-feature .vv-btn{margin:0 24px 24px!important;width:calc(100% - 48px)!important}
.vv-blog-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:28px!important;align-items:start!important}
.vv-blog-section-title{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:18px!important;margin:0 0 18px!important}
.vv-blog-section-title h2{font-size:clamp(34px,4vw,54px)!important;line-height:1!important;letter-spacing:-.07em!important;margin:0!important;color:var(--vv-ink)!important}
.vv-blog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
.vv-blog-card{background:#fff!important;border:1px solid var(--vv-line)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 12px 28px rgba(38,31,22,.08)!important;display:flex!important;flex-direction:column!important;min-height:100%!important}
.vv-blog-card__image{display:block!important;aspect-ratio:16/9!important;background:#eadfc9!important;overflow:hidden!important}
.vv-blog-card__image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.vv-blog-card__body{padding:22px!important;display:flex!important;flex-direction:column!important;gap:10px!important;flex:1!important}
.vv-blog-card__meta{color:#1e6b50!important;font-size:12px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin:0!important}
.vv-blog-card h3{font-size:26px!important;line-height:1.04!important;letter-spacing:-.055em!important;margin:0!important;text-wrap:balance!important;color:#211a12!important}
.vv-blog-card h3 a{color:#211a12!important}
.vv-blog-card p{color:#62574b!important;font-weight:650!important;line-height:1.55!important;margin:0!important}
.vv-blog-card .vv-link{margin-top:auto!important;color:#1e6b50!important;font-weight:950!important}
.vv-blog-sidebar{position:sticky!important;top:128px!important;display:grid!important;gap:18px!important}
.vv-blog-widget{background:#fffaf1!important;border:1px solid var(--vv-line)!important;border-radius:22px!important;padding:20px!important;box-shadow:0 10px 24px rgba(38,31,22,.07)!important}
.vv-blog-widget h3{font-size:21px!important;letter-spacing:-.04em!important;margin:0 0 14px!important;color:#211a12!important}
.vv-blog-widget ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:8px!important}
.vv-blog-widget a{display:flex!important;justify-content:space-between!important;gap:10px!important;border:1px solid var(--vv-line)!important;border-radius:14px!important;padding:10px 12px!important;color:#211a12!important;font-weight:850!important;background:#fff!important}
.vv-blog-widget a:hover{background:#f4eadc!important;color:#1e6b50!important}
.vv-blog-widget input[type="search"]{width:100%!important;border:1px solid var(--vv-line)!important;border-radius:999px!important;padding:12px 14px!important;margin-bottom:10px!important;background:#fff!important;color:#211a12!important}
.vv-blog-vinyl-art{display:block!important;position:relative!important;width:100%!important;height:100%!important;min-height:180px!important;background:linear-gradient(135deg,#efe3cd,#d9c8a8)!important;overflow:hidden!important}
.vv-blog-vinyl-art:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-60px;top:50%;transform:translateY(-50%);background:repeating-radial-gradient(circle,#111 0 7px,#2a2a2a 8px 12px);box-shadow:0 14px 35px rgba(0,0,0,.2)}
.vv-blog-vinyl-art:after{content:"";position:absolute;width:86px;height:86px;border-radius:50%;right:36px;top:50%;transform:translateY(-50%);background:#f0b429;border:20px solid #fff4d2}
.vv-blog-vinyl-art i{position:absolute;left:0;bottom:0;width:58%;height:64%;background:linear-gradient(135deg,#1e6b50,#85b856);clip-path:polygon(0 18%,100% 0,85% 100%,0 100%)}
.vv-blog-vinyl-art b{position:absolute;left:28px;top:28px;width:120px;height:14px;border-radius:999px;background:#fffaf1;box-shadow:0 28px 0 rgba(255,250,241,.75),0 56px 0 rgba(255,250,241,.45)}
@media(max-width:1180px){.vv-blog-hero,.vv-blog-layout{grid-template-columns:1fr!important}.vv-blog-sidebar{position:static!important}.vv-blog-feature>a:first-child,.vv-blog-feature>.vv-blog-card__image{height:260px!important}}
@media(max-width:760px){.vv-blog-page>.vv-container{width:min(100% - 24px,1500px)!important}.vv-blog-hero{padding:24px!important;border-radius:24px!important}.vv-blog-grid{grid-template-columns:1fr!important}.vv-blog-feature>a:first-child,.vv-blog-feature>.vv-blog-card__image{height:220px!important}.vv-blog-card h3{font-size:23px!important}}
html[data-vv-theme="dark"] .vv-blog-hero{background:linear-gradient(135deg,#15100b 0%,#4b260f 50%,#174d39 100%)!important;border-color:#3a2f25!important}
html[data-vv-theme="dark"] .vv-blog-feature,
html[data-vv-theme="dark"] .vv-blog-card,
html[data-vv-theme="dark"] .vv-blog-widget{background:#1b1510!important;border-color:#3a2f25!important;color:#f8efe3!important;box-shadow:0 14px 36px rgba(0,0,0,.36)!important}
html[data-vv-theme="dark"] .vv-blog-feature h2,
html[data-vv-theme="dark"] .vv-blog-feature h2 a,
html[data-vv-theme="dark"] .vv-blog-card h3,
html[data-vv-theme="dark"] .vv-blog-card h3 a,
html[data-vv-theme="dark"] .vv-blog-widget h3{color:#f8efe3!important}
html[data-vv-theme="dark"] .vv-blog-feature p,
html[data-vv-theme="dark"] .vv-blog-card p{color:#b9ac9a!important}
html[data-vv-theme="dark"] .vv-blog-widget a{background:#211910!important;border-color:#4a3b2e!important;color:#f8efe3!important}
html[data-vv-theme="dark"] .vv-blog-widget input[type="search"]{background:#100d0a!important;border-color:#514131!important;color:#f8efe3!important}
html[data-vv-theme="dark"] .vv-blog-vinyl-art{background:linear-gradient(135deg,#211910,#100d0a)!important}


/* ==========================================================
   V163 COMPLETE VINYL SHOP TEMPLATE REDESIGN
   Complete visuele redesign-laag over het hele theme: home, shop,
   product, blog, pagina's, account, cart/checkout en footer.
   ========================================================== */
:root{
  --vv-v163-cream:#f4ead8;
  --vv-v163-paper:#fff7e7;
  --vv-v163-ink:#15110d;
  --vv-v163-brown:#2a160e;
  --vv-v163-black:#090807;
  --vv-v163-orange:#c94222;
  --vv-v163-gold:#e2ad20;
  --vv-v163-teal:#0f5b49;
  --vv-v163-rust:#8f2e1b;
  --vv-v163-line:#dccab0;
  --vv-v163-radius:24px;
  --vv-v163-shadow:0 18px 45px rgba(42,22,14,.14);
}
body{background:var(--vv-v163-cream)!important;color:var(--vv-v163-ink)!important}
.vv-container{width:min(1500px,calc(100% - 54px))!important}
.vv-kicker{color:var(--vv-v163-gold)!important;font-weight:950!important;letter-spacing:.18em!important}
.vv-link{color:var(--vv-v163-teal)!important;font-weight:950!important}.vv-link:hover{color:var(--vv-v163-orange)!important}

/* Header premium vinyl store */
.vv-site-header,
.vv-header,
.vv-nav{background:#090807!important;color:#fff7e7!important;border-color:#271d16!important}
.vv-header__main{grid-template-columns:260px minmax(320px,1fr) auto!important;gap:26px!important;padding:18px 0!important}
.vv-logo{color:#fff7e7!important;letter-spacing:-.05em!important}.vv-logo small{color:#d9b95b!important}.vv-logo__name{color:#fff7e7!important}
.vv-logo__mark{background:radial-gradient(circle at center,#f4d36b 0 10%,#0b0b0b 11% 54%,#d88a20 55% 66%,#0b0b0b 67%)!important;box-shadow:inset 0 0 0 3px rgba(255,255,255,.12),0 8px 28px rgba(0,0,0,.35)!important}
.vv-search form{height:52px!important;background:#171513!important;border:1px solid #322820!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(0,0,0,.26)!important}
.vv-search input{background:#171513!important;color:#fff7e7!important;font-weight:700!important}.vv-search input::placeholder{color:#978b7d!important}
.vv-search button{background:var(--vv-v163-gold)!important;color:#15110d!important;font-weight:950!important;border-radius:0!important}
.vv-pill,.vv-dark-toggle,.vv-hamburger{background:#13110f!important;color:#fff7e7!important;border-color:#342a22!important}.vv-cart{background:#211810!important;border-color:#4f3823!important;color:#fff7e7!important}.vv-cart:before{content:"🛒";margin-right:6px}.vv-nav{box-shadow:0 16px 38px rgba(0,0,0,.28)!important}.vv-nav a{color:#fff7e7!important;font-weight:950!important;letter-spacing:.06em!important}.vv-nav a:hover,.vv-nav li:hover>a{background:#1b1410!important;color:var(--vv-v163-gold)!important}.vv-menu-sale,.vv-nav .vv-menu-sale{background:var(--vv-v163-orange)!important;color:#fff!important;border-radius:8px!important;margin-left:8px!important}
.vv-submenu,.vv-mega{background:#11100e!important;border-color:#382b20!important;color:#fff7e7!important;box-shadow:0 24px 55px rgba(0,0,0,.55)!important}

/* Hero compleet aangekleed */
.vv-hero{padding:0!important;background:#090807!important}.vv-hero .vv-container{width:100%!important;max-width:none!important}.vv-hero__grid{display:grid!important;grid-template-columns:minmax(0,1fr) 440px!important;gap:0!important}
.vv-hero__banner{min-height:520px!important;border-radius:0!important;padding:70px 72px!important;box-shadow:none!important;background:linear-gradient(90deg,rgba(9,8,7,.92),rgba(9,8,7,.62) 43%,rgba(9,8,7,.18)),radial-gradient(circle at 78% 62%,rgba(226,173,32,.22),transparent 18%),linear-gradient(135deg,#090807,#4a2416 50%,#0f5b49)!important;position:relative!important}
.vv-hero__banner:before{content:"";position:absolute;right:6%;bottom:-18%;width:470px;height:470px;border-radius:50%;background:repeating-radial-gradient(circle,#050505 0 8px,#242424 9px 14px);opacity:.55;box-shadow:0 30px 70px rgba(0,0,0,.55)}
.vv-hero__banner:after{content:"";position:absolute;right:16%;bottom:16%;width:126px;height:126px;border-radius:50%;background:var(--vv-v163-gold);border:34px solid #fff1c6;opacity:1}.vv-hero__content{position:relative!important;z-index:2!important;color:#fff7e7!important;max-width:820px!important}.vv-hero h1{font-size:clamp(54px,6.6vw,104px)!important;line-height:.88!important;letter-spacing:-.09em!important;color:#fff7e7!important;text-transform:none!important}.vv-hero h1 strong,.vv-hero h1 em{color:var(--vv-v163-gold)!important}.vv-hero p{color:#ead7bc!important;font-size:21px!important;font-weight:650!important;max-width:640px!important}.vv-actions .vv-btn{min-height:50px!important;border-radius:12px!important;padding:0 24px!important}.vv-btn--accent{background:var(--vv-v163-orange)!important;border-color:var(--vv-v163-orange)!important;color:#fff!important}.vv-btn--light{background:#fff7e7!important;color:#15110d!important;border-color:#fff7e7!important}.vv-feature-card{margin:32px 32px 32px 0!important;background:linear-gradient(160deg,#fff7e7,#efe0c3)!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 18px 50px rgba(0,0,0,.35)!important;min-height:456px!important;color:#15110d!important}.vv-feature-card h2{font-size:38px!important;line-height:.98!important}.vv-feature-visual{background:linear-gradient(135deg,#30150c,#bc4d22 48%,#111)!important;border:0!important}.vv-feature-visual:before{opacity:.75!important}.vv-feature-visual:after{background:var(--vv-v163-gold)!important}

/* Services als donkere trustbar */
.vv-service{background:#17120e!important;padding:0!important}.vv-service__grid{gap:0!important}.vv-service__item{background:transparent!important;border:0!important;border-right:1px solid #302319!important;border-radius:0!important;color:#fff7e7!important;padding:18px 24px!important}.vv-service__item small{color:#cbb99f!important}.vv-dot{background:var(--vv-v163-gold)!important;box-shadow:0 0 0 5px rgba(226,173,32,.12)!important}

/* Secties en koppen */
.vv-section{padding:42px 0!important}.vv-section__head h2{font-size:clamp(34px,4vw,58px)!important;letter-spacing:-.075em!important;color:#16110d!important}.vv-section__head p{font-size:16px!important;color:#756653!important;font-weight:700!important}
.vv-page-head{background:linear-gradient(135deg,#fff7e7,#ead7b7)!important;border-bottom:1px solid var(--vv-v163-line)!important;padding:48px 0 34px!important}.vv-page-head h1{color:#15110d!important}.vv-page-head p{color:#6d5e4c!important;font-weight:700!important}

/* Categorieën meer foto/card gevoel */
.vv-collection-grid{grid-template-columns:repeat(6,1fr)!important;gap:18px!important}.vv-collection{min-height:128px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.65)),linear-gradient(135deg,#53301b,#0f5b49)!important;color:#fff7e7!important;border:0!important;box-shadow:var(--vv-v163-shadow)!important}.vv-collection:nth-child(2n){background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68)),linear-gradient(135deg,#1e241c,#8f2e1b)!important}.vv-collection:nth-child(3n){background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68)),linear-gradient(135deg,#5a3c16,#111)!important}.vv-collection strong{font-size:20px!important;color:#fff7e7!important}.vv-collection span{color:#f2c96d!important}.vv-collection:after{opacity:.22!important;background:repeating-radial-gradient(circle,#050505 0 6px,#2e2e2e 7px 11px)!important}

/* Product cards en shop */
.vv-products,.woocommerce ul.products{gap:22px!important}.vv-product-card{background:#fff7e7!important;border:1px solid var(--vv-v163-line)!important;border-radius:22px!important;padding:12px!important;box-shadow:0 12px 28px rgba(42,22,14,.10)!important}.vv-product-card:hover{transform:translateY(-5px)!important;box-shadow:0 22px 48px rgba(42,22,14,.18)!important}.vv-product-card__image{background:#ead7b7!important;border-radius:18px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)!important}.vv-product-card__title{font-size:16px!important;color:#15110d!important}.vv-product-card__meta{color:#6d5e4c!important;font-weight:800!important}.vv-product-card .price,.woocommerce ul.products li.product .price{color:var(--vv-v163-orange)!important;font-weight:950!important}.vv-product-card .button,.woocommerce ul.products li.product .button{background:var(--vv-v163-orange)!important;color:#fff!important;border-radius:12px!important}.vv-card-actions .vv-mini-action,.vv-mini-action{border-radius:12px!important;background:#fff2de!important;border-color:#e0caae!important;color:#2a160e!important}.vv-badge,.onsale{background:var(--vv-v163-gold)!important;color:#15110d!important;border-radius:999px!important}.vv-shop-layout{align-items:start!important}.vv-sidebar,.vv-sidebar-fixed{background:#fff7e7!important;border:1px solid var(--vv-v163-line)!important;border-radius:26px!important;box-shadow:var(--vv-v163-shadow)!important}.vv-filter-header,.vv-filter-group{background:#fff7e7!important;border-color:var(--vv-v163-line)!important}.vv-filter-option.is-active{background:var(--vv-v163-gold)!important;color:#15110d!important}.vv-shop-toolbar{background:#fff7e7!important;border-color:var(--vv-v163-line)!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(42,22,14,.08)!important}

/* Top 10 en info cards */
.vv-rank{background:#fff7e7!important;border-color:var(--vv-v163-line)!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(42,22,14,.08)!important}.vv-rank__num{color:var(--vv-v163-gold)!important}.vv-guide-card,.vv-story-panel,.vv-home-blog-card,.vv-blog-card,.vv-blog-feature,.vv-blog-widget,.vv-box,.vv-page-card,.vv-info-tile,.vv-faq-item,.vv-account-card,.vv-account-hero{background:#fff7e7!important;border-color:var(--vv-v163-line)!important;border-radius:24px!important;box-shadow:var(--vv-v163-shadow)!important}.vv-guide-card{min-height:215px!important}.vv-guide-card span{background:var(--vv-v163-gold)!important;color:#15110d!important}.vv-guide-card h3{color:#15110d!important}.vv-guide-card p,.vv-story-panel p,.vv-home-blog-card p{color:#6d5e4c!important}
.vv-story-photo{box-shadow:var(--vv-v163-shadow)!important}.vv-spotlight{background:linear-gradient(135deg,#15110d,#3a180f 55%,#0f5b49)!important;color:#fff7e7!important;border:0!important;border-radius:30px!important}.vv-spotlight h2{color:#fff7e7!important}.vv-spotlight p{color:#d8c5a9!important}

/* Blog, single post en archive */
.vv-blog-page,.vv-archive-blog{background:var(--vv-v163-cream)!important}.vv-blog-card__image,.vv-home-blog-card__image{background:#ead7b7!important}.vv-blog-card h3,.vv-home-blog-card h3{color:#15110d!important}.vv-blog-card p,.vv-home-blog-card p{color:#6d5e4c!important}.vv-blog-card__meta{color:var(--vv-v163-teal)!important}.vv-blog-single-hero__content,.vv-blog-single-content{background:#fff7e7!important;border-color:var(--vv-v163-line)!important}.vv-blog-single-content{font-size:19px!important;line-height:1.8!important}.vv-blog-single-content p{color:#453a30!important}.vv-blog-grid--archive{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* Product detail */
.vv-single__grid{gap:32px!important;padding-top:36px!important}.vv-single__gallery,.vv-single__summary{background:#fff7e7!important;border:1px solid var(--vv-v163-line)!important;border-radius:30px!important;box-shadow:var(--vv-v163-shadow)!important}.vv-single__gallery{padding:22px!important}.vv-single__summary{padding:34px!important}.vv-single__summary .product_title{font-size:clamp(36px,4vw,62px)!important;line-height:.96!important;letter-spacing:-.075em!important}.vv-single__summary .price{font-size:34px!important;color:var(--vv-v163-orange)!important}.vv-stock{border-radius:999px!important;background:#e7f4df!important;color:#205a36!important}.vv-release-table div{background:#fff2de!important;border-color:#e2cdb0!important;border-radius:16px!important}.vv-single__below .vv-box{padding:30px!important}.related.products{margin-top:44px!important}

/* Pages, account, cart, checkout */
.vv-content-page .vv-page-card,.vv-box,.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-billing-fields,.woocommerce-shipping-fields,.woocommerce-additional-fields,.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content,.wc-block-cart,.wc-block-checkout,.wc-block-components-sidebar,.wc-block-components-main{background:#fff7e7!important;border-color:var(--vv-v163-line)!important;border-radius:24px!important;box-shadow:var(--vv-v163-shadow)!important}.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{border-radius:16px!important;background:#fff7e7!important;border-color:var(--vv-v163-line)!important;color:#15110d!important}input,select,textarea{border-radius:12px!important;border-color:#d6bf9e!important}

/* Footer en globale nieuwsbrief */
.vv-global-newsletter{background:linear-gradient(90deg,#8f2e1b,#c94222)!important;color:#fff7e7!important;padding:28px 0!important;position:relative!important;overflow:hidden!important}.vv-global-newsletter:before{content:"";position:absolute;left:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:repeating-radial-gradient(circle,#0a0a0a 0 7px,#252525 8px 12px);opacity:.5}.vv-global-newsletter__grid{display:grid!important;grid-template-columns:1fr minmax(320px,520px)!important;gap:28px!important;align-items:center!important}.vv-global-newsletter h2{font-size:clamp(30px,3vw,46px)!important;line-height:1!important;margin:0 0 6px!important;color:#fff7e7!important}.vv-global-newsletter p{margin:0!important;color:#ffe2c4!important;font-weight:700!important}.vv-global-newsletter form{display:flex!important;background:rgba(0,0,0,.22)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;overflow:hidden!important}.vv-global-newsletter input{flex:1!important;border:0!important;background:transparent!important;color:#fff!important;padding:0 18px!important}.vv-global-newsletter input::placeholder{color:#ffd9bc!important}.vv-global-newsletter button{border:0!important;background:#090807!important;color:#fff7e7!important;padding:0 24px!important;font-weight:950!important}.vv-footer{background:#090807!important;color:#c7b69d!important;border-top:1px solid #251b14!important}.vv-footer h3{color:#fff7e7!important}.vv-footer a,.vv-footer p,.vv-footer li{color:#c7b69d!important}.vv-footer-payments{width:min(1500px,calc(100% - 54px));margin:0 auto 22px;display:flex;gap:10px;align-items:center;justify-content:flex-end;color:#c7b69d}.vv-footer-payments span{background:#fff7e7;color:#15110d;border-radius:8px;padding:8px 12px;font-weight:950;font-size:12px}.vv-footer__bottom{border-top:1px solid #251b14!important}

/* Dark mode mee in hetzelfde professionele systeem */
html[data-vv-theme="dark"] body{background:#090807!important;color:#fff7e7!important}html[data-vv-theme="dark"] .vv-section__head h2,html[data-vv-theme="dark"] .vv-page-head h1{color:#fff7e7!important}html[data-vv-theme="dark"] .vv-product-card,html[data-vv-theme="dark"] .vv-sidebar,html[data-vv-theme="dark"] .vv-shop-toolbar,html[data-vv-theme="dark"] .vv-rank,html[data-vv-theme="dark"] .vv-guide-card,html[data-vv-theme="dark"] .vv-story-panel,html[data-vv-theme="dark"] .vv-home-blog-card,html[data-vv-theme="dark"] .vv-blog-card,html[data-vv-theme="dark"] .vv-blog-feature,html[data-vv-theme="dark"] .vv-blog-widget,html[data-vv-theme="dark"] .vv-box,html[data-vv-theme="dark"] .vv-page-card,html[data-vv-theme="dark"] .vv-info-tile,html[data-vv-theme="dark"] .vv-faq-item,html[data-vv-theme="dark"] .vv-account-card,html[data-vv-theme="dark"] .vv-account-hero,html[data-vv-theme="dark"] .vv-single__gallery,html[data-vv-theme="dark"] .vv-single__summary,html[data-vv-theme="dark"] .vv-blog-single-content,html[data-vv-theme="dark"] .vv-blog-single-hero__content{background:#1b1510!important;color:#fff7e7!important;border-color:#3a2f25!important;box-shadow:0 16px 42px rgba(0,0,0,.38)!important}html[data-vv-theme="dark"] .vv-product-card__title,html[data-vv-theme="dark"] .vv-blog-card h3,html[data-vv-theme="dark"] .vv-home-blog-card h3,html[data-vv-theme="dark"] .vv-guide-card h3{color:#fff7e7!important}html[data-vv-theme="dark"] .vv-product-card__meta,html[data-vv-theme="dark"] .vv-blog-card p,html[data-vv-theme="dark"] .vv-home-blog-card p,html[data-vv-theme="dark"] .vv-guide-card p{color:#b9ac9a!important}html[data-vv-theme="dark"] .vv-page-head{background:linear-gradient(135deg,#15100b,#25170e)!important;border-color:#3a2f25!important}

@media(max-width:1180px){.vv-header__main{grid-template-columns:1fr auto!important}.vv-hero__grid,.vv-global-newsletter__grid{grid-template-columns:1fr!important}.vv-feature-card{margin:24px!important}.vv-collection-grid{grid-template-columns:repeat(3,1fr)!important}.vv-blog-grid--archive{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){.vv-container{width:min(100% - 24px,1500px)!important}.vv-hero__banner{padding:42px 24px!important;min-height:440px!important}.vv-service__grid,.vv-collection-grid,.vv-blog-grid--archive{grid-template-columns:1fr!important}.vv-footer-payments{justify-content:flex-start;flex-wrap:wrap}.vv-global-newsletter form{flex-direction:column}.vv-global-newsletter input{height:48px}.vv-global-newsletter button{height:48px}}


/* ==========================================================
   V164 REAL VINYL SHOP REBUILD - structurele homepage/footer pass
   Niet alleen kleur: nieuwe componenten en template-opbouw.
   ========================================================== */
:root{
  --vv164-cream:#f4ead8;
  --vv164-paper:#fff7e8;
  --vv164-ink:#14100c;
  --vv164-muted:#6d5c48;
  --vv164-black:#080706;
  --vv164-charcoal:#11100e;
  --vv164-line:#dec9a8;
  --vv164-gold:#e6ad21;
  --vv164-orange:#c94622;
  --vv164-rust:#8e2f1f;
  --vv164-teal:#0d5a47;
  --vv164-brown:#2b160f;
  --vv164-radius:24px;
  --vv164-shadow:0 24px 60px rgba(43,22,15,.16);
}
body{background:var(--vv164-cream)!important;color:var(--vv164-ink)!important}.vv-container{width:min(1500px,calc(100% - 64px))!important}.vv-kicker{text-transform:uppercase;color:var(--vv164-gold)!important;font-weight:950!important;letter-spacing:.16em!important;font-size:12px!important}.vv-btn{font-weight:950!important;border-radius:12px!important;min-height:48px!important}.vv-btn--accent{background:var(--vv164-orange)!important;border-color:var(--vv164-orange)!important;color:#fff!important}.vv-btn--light{background:#fff7e8!important;color:#14100c!important;border-color:rgba(255,255,255,.25)!important}
/* premium header */
.vv-site-header,.vv-header,.vv-nav{background:var(--vv164-black)!important;color:#fff7e8!important;border-color:#241914!important}.vv-header__main{grid-template-columns:245px minmax(320px,1fr) auto!important;gap:26px!important;padding:17px 0!important}.vv-logo__name{color:#fff7e8!important;font-size:19px!important}.vv-logo small{color:#caa04d!important}.vv-logo__mark{background:radial-gradient(circle,#e6ad21 0 16%,#050505 17% 57%,#d27b1f 58% 67%,#050505 68%)!important;box-shadow:0 0 0 1px rgba(230,173,33,.45),0 12px 30px rgba(0,0,0,.4)!important}.vv-search form{height:50px!important;background:#171411!important;border:1px solid #33261e!important;border-radius:14px!important;box-shadow:0 10px 30px rgba(0,0,0,.28)!important}.vv-search input{background:transparent!important;color:#fff7e8!important;font-weight:700!important}.vv-search input::placeholder{color:#9b8c7a!important}.vv-search button{background:var(--vv164-gold)!important;color:#160f08!important;font-weight:950!important}.vv-pill,.vv-dark-toggle{background:#15120f!important;color:#fff7e8!important;border-color:#32251e!important}.vv-cart{background:#23170f!important;border-color:#4b3423!important}.vv-nav a{color:#fff7e8!important;font-weight:950!important;letter-spacing:.06em!important}.vv-nav a:hover,.vv-nav li:hover>a{background:#1b1410!important;color:var(--vv164-gold)!important}.vv-nav .vv-menu-sale,.vv-menu-sale{background:var(--vv164-orange)!important;color:#fff!important;border-radius:8px!important}
/* hero */
.vv164-hero{position:relative;min-height:560px;overflow:hidden;background:#070605;color:#fff7e8;display:flex;align-items:center}.vv164-hero__media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,5,4,.95),rgba(6,5,4,.70) 42%,rgba(6,5,4,.18)),radial-gradient(circle at 82% 20%,rgba(230,173,33,.18),transparent 18%),linear-gradient(135deg,#0c0805 0%,#362014 44%,#0d5a47 100%)}.vv164-hero__media:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 2px,transparent 2px 82px);opacity:.2}.vv164-record{position:absolute;right:8%;bottom:9%;width:430px;height:430px;border-radius:50%;background:repeating-radial-gradient(circle,#060606 0 9px,#242424 10px 15px);box-shadow:0 38px 80px rgba(0,0,0,.55)}.vv164-record:after{content:"";position:absolute;inset:142px;border-radius:50%;background:var(--vv164-gold);border:44px solid #fff0bd}.vv164-hero__content{position:relative;z-index:2;padding:84px 0}.vv164-hero h1{font-size:clamp(54px,7vw,108px)!important;line-height:.86!important;letter-spacing:-.09em!important;color:#fff7e8!important;margin:10px 0 22px!important;max-width:880px}.vv164-hero h1 span{color:var(--vv164-gold)}.vv164-hero p{font-size:21px;line-height:1.5;color:#ead9c2;max-width:610px;font-weight:650}.vv164-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.vv164-actions .vv-btn{padding:0 24px;text-transform:uppercase;font-size:13px;letter-spacing:.04em}
/* trustbar */
.vv164-trustbar{background:#17120e;color:#fff7e8;border-top:1px solid #2b2119;border-bottom:1px solid #2b2119}.vv164-trustbar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.vv164-trustbar__grid div{display:flex;align-items:center;gap:13px;padding:18px 18px;border-right:1px solid #2b2119}.vv164-trustbar__grid span{color:var(--vv164-gold);font-size:22px}.vv164-trustbar__grid strong{display:block;font-size:13px;color:#fff7e8}.vv164-trustbar__grid small{display:block;color:#c3ad91;font-weight:700}
/* sections */
.vv164-section{padding:34px 0}.vv164-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.vv164-section-head h2{font-size:clamp(34px,3.2vw,52px)!important;line-height:.95!important;letter-spacing:-.07em!important;color:var(--vv164-ink)!important;margin:0 0 5px}.vv164-section-head p{margin:0;color:var(--vv164-muted);font-weight:700}.vv164-section-head>a,.vv164-inline-link{color:var(--vv164-teal)!important;font-weight:950;text-decoration:none}.vv164-section-head--compact h2{font-size:32px!important}
/* spotlight */
.vv164-spotlight-grid{display:grid;grid-template-columns:2fr .95fr;gap:18px}.vv164-release-card,.vv164-quote-card{border-radius:var(--vv164-radius);overflow:hidden;box-shadow:var(--vv164-shadow);border:1px solid var(--vv164-line)}.vv164-release-card{display:grid;grid-template-columns:45% 1fr;background:var(--vv164-paper)}.vv164-release-art{min-height:315px;background:radial-gradient(circle at 80% 50%,#050505 0 26%,transparent 27%),radial-gradient(circle at 80% 50%,#111 0 39%,transparent 40%),linear-gradient(135deg,#812d1f,#f5a623 48%,#1c140d);position:relative}.vv164-release-art:before{content:"";position:absolute;left:40px;top:35px;right:120px;bottom:35px;background:linear-gradient(135deg,#3c120c,#d86b22,#15100c);border-radius:10px;box-shadow:0 22px 45px rgba(0,0,0,.25)}.vv164-release-text{padding:42px}.vv164-release-text h2{font-size:46px!important;line-height:.95!important;margin:5px 0 10px;color:var(--vv164-ink)!important}.vv164-release-sub{color:var(--vv164-rust)!important;font-weight:900}.vv164-price{font-size:28px;font-weight:950;margin:20px 0;color:var(--vv164-ink)}.vv164-quote-card{position:relative;padding:42px;background:linear-gradient(135deg,rgba(7,6,5,.35),rgba(7,6,5,.85)),linear-gradient(135deg,#0d5a47,#16100d 50%,#8e2f1f);min-height:315px;color:#fff7e8;display:flex;flex-direction:column;justify-content:end}.vv164-quote-card blockquote{font-size:30px;line-height:1.18;margin:0 0 14px;font-weight:800}.vv164-quote-card span{color:#e6d1b5}.vv164-needle{position:absolute;right:0;top:0;width:55%;height:55%;background:radial-gradient(circle at 76% 70%,#e6ad21 0 12%,#fff0c3 13% 25%,#050505 26% 28%,transparent 29%),repeating-radial-gradient(circle at 76% 70%,rgba(255,255,255,.18) 0 4px,transparent 5px 14px);opacity:.9}
/* dept cards */
.vv164-department-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.vv164-dept-card{position:relative;min-height:116px;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff!important;padding:22px;display:flex;flex-direction:column;justify-content:end;box-shadow:0 16px 35px rgba(43,22,15,.16);background:linear-gradient(135deg,#21140d,#0d5a47)}.vv164-dept-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75)),repeating-radial-gradient(circle at 86% 82%,rgba(255,255,255,.16) 0 4px,transparent 5px 13px)}.vv164-dept-card span,.vv164-dept-card small{position:relative;z-index:2}.vv164-dept-card span{font-size:20px;font-weight:950}.vv164-dept-card small{color:#ebd7bd;font-weight:800}.vv164-dept-card--pre{background:linear-gradient(135deg,#3c2013,#7d351f)}.vv164-dept-card--exclusive{background:linear-gradient(135deg,#1a1510,#8e2f1f)}.vv164-dept-card--sale{background:linear-gradient(135deg,#8e2f1f,#c94622)}.vv164-dept-card--used{background:linear-gradient(135deg,#12362d,#0d5a47)}.vv164-dept-card--acc{background:linear-gradient(135deg,#3e3019,#11100e)}
/* shop showcase */
.vv164-shop-showcase__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.vv164-new-products,.vv164-top10-panel{background:rgba(255,247,232,.72);border:1px solid var(--vv164-line);border-radius:24px;padding:22px;box-shadow:0 16px 38px rgba(43,22,15,.08)}.vv164-new-products .vv-products{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}.vv164-new-products .vv-product-card{padding:10px!important;border-radius:18px!important}.vv164-new-products .vv-product-card__title{font-size:15px!important}.vv164-top10-panel .vv-rank{min-height:58px!important;border-radius:14px!important;background:#fff7e8!important}.vv164-top10-panel .vv-rank__num{color:var(--vv164-gold)!important;font-size:22px!important}
/* info */
.vv164-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.vv164-info-card{position:relative;min-height:200px;background:var(--vv164-paper);border:1px solid var(--vv164-line);border-radius:22px;box-shadow:0 14px 34px rgba(43,22,15,.09);padding:30px;text-decoration:none;color:var(--vv164-ink);overflow:hidden}.vv164-info-card:after{content:"";position:absolute;right:-40px;bottom:-50px;width:170px;height:170px;border-radius:50%;background:repeating-radial-gradient(circle,#c7b28f 0 3px,transparent 4px 10px);opacity:.35}.vv164-info-card span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--vv164-gold);color:#140f0b;font-weight:950}.vv164-info-card h3{font-size:25px;margin:22px 0 8px;color:var(--vv164-ink)}.vv164-info-card p{color:var(--vv164-muted);font-weight:700}.vv164-info-card em{font-style:normal;color:var(--vv164-rust);font-weight:950}
/* editorial */
.vv164-editorial{background:#0b0907;color:#fff7e8;margin:30px 0;padding:42px 0}.vv164-editorial__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.vv164-editorial h2{font-size:40px!important;letter-spacing:-.05em!important;color:#fff7e8!important;margin:0}.vv164-editorial a{color:#e6ad21;text-decoration:none;font-weight:950}.vv164-story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.vv164-story-card{background:#17120e;border:1px solid #31251d;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.35)}.vv164-story-card__image{display:block;height:175px;background:linear-gradient(135deg,#552214,#e6ad21);overflow:hidden}.vv164-story-card__image img{width:100%;height:100%;object-fit:cover;display:block}.vv164-story-card__image--demo2{background:linear-gradient(135deg,#0d5a47,#11100e)}.vv164-story-card__image--demo3{background:linear-gradient(135deg,#21140d,#f0b83f)}.vv164-story-card__image--demo4{background:linear-gradient(135deg,#8e2f1f,#1b1110)}.vv164-story-card__body{padding:18px}.vv164-story-card__body span{color:#6fd2b1;font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.1em}.vv164-story-card h3{font-size:22px;line-height:1.05;margin:8px 0;color:#fff7e8}.vv164-story-card h3 a{color:#fff7e8}.vv164-story-card p{color:#c8b59a;font-weight:700}.vv164-story-card__body>a{color:#e6ad21;font-weight:950}
/* bottom */
.vv164-bottom-panels__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.vv164-bottom-panels__grid>div{background:var(--vv164-paper);border:1px solid var(--vv164-line);border-radius:22px;padding:22px;box-shadow:0 14px 34px rgba(43,22,15,.08)}.vv164-format-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.vv164-format-grid a{min-height:94px;border-radius:14px;background:linear-gradient(135deg,#fffaf0,#e7d3b3);border:1px solid #dec9a8;color:#14100c;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:950}.vv164-format-grid a:before{content:"";width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#e6ad21 0 22%,#080706 23% 100%);margin-bottom:8px}.vv164-format-grid small{color:#6d5c48}.vv164-bottom-panels .vv-artists{gap:12px!important}.vv164-bottom-panels .vv-artist-card{background:#fffaf0!important;border-color:#dec9a8!important;border-radius:16px!important}
.vv164-final-cta{padding-bottom:55px}.vv164-final-cta__grid{background:#fff7e8;border-radius:24px;padding:34px;display:grid;grid-template-columns:1fr minmax(320px,520px);gap:24px;align-items:center;box-shadow:var(--vv164-shadow);border:1px solid var(--vv164-line)}.vv164-final-cta h2{margin:0 0 5px;font-size:34px!important}.vv164-final-cta form{display:flex;border:1px solid var(--vv164-line);border-radius:999px;overflow:hidden;background:#fff}.vv164-final-cta input{flex:1;border:0!important;background:transparent!important;padding:0 18px}.vv164-final-cta button{border:0;background:var(--vv164-gold);padding:0 24px;font-weight:950;color:#14100c}
/* footer rebuild */
.vv164-global-newsletter{background:linear-gradient(90deg,#8e2f1f,#c94622)!important}.vv164-footer{background:#090807!important;color:#cdbca4!important}.vv164-footer__grid{grid-template-columns:1.25fr repeat(3,.75fr) 1.05fr!important;gap:44px!important}.vv164-footer h3{color:#fff7e8!important}.vv164-socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.vv164-socials span,.vv164-pay-block .vv-footer-payments span{background:#fff7e8;color:#14100c;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:950}.vv164-pay-block .vv-footer-payments{width:auto!important;margin:0!important;justify-content:flex-start!important;flex-wrap:wrap}.vv164-rating{color:#e6ad21!important;font-weight:950!important;margin-top:16px!important}
/* dark mode in dezelfde layout */
html[data-vv-theme="dark"] body{background:#090807!important;color:#fff7e8!important}html[data-vv-theme="dark"] .vv164-section-head h2{color:#fff7e8!important}html[data-vv-theme="dark"] .vv164-section-head p{color:#c7b59a!important}html[data-vv-theme="dark"] .vv164-new-products,html[data-vv-theme="dark"] .vv164-top10-panel,html[data-vv-theme="dark"] .vv164-info-card,html[data-vv-theme="dark"] .vv164-bottom-panels__grid>div,html[data-vv-theme="dark"] .vv164-final-cta__grid{background:#17120e!important;color:#fff7e8!important;border-color:#34281f!important}html[data-vv-theme="dark"] .vv164-info-card h3,html[data-vv-theme="dark"] .vv164-final-cta h2{color:#fff7e8!important}html[data-vv-theme="dark"] .vv164-info-card p{color:#c7b59a!important}html[data-vv-theme="dark"] .vv164-format-grid a{background:#211812!important;border-color:#3a2a20!important;color:#fff7e8!important}
@media(max-width:1180px){.vv-header__main{grid-template-columns:1fr auto!important}.vv164-trustbar__grid,.vv164-department-grid,.vv164-info-grid{grid-template-columns:repeat(2,1fr)}.vv164-spotlight-grid,.vv164-shop-showcase__grid,.vv164-bottom-panels__grid,.vv164-final-cta__grid,.vv164-footer__grid{grid-template-columns:1fr!important}.vv164-new-products .vv-products{grid-template-columns:repeat(2,1fr)!important}.vv164-story-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.vv-container{width:min(100% - 24px,1500px)!important}.vv164-hero{min-height:520px}.vv164-hero h1{font-size:50px!important}.vv164-record{width:260px;height:260px;right:-60px}.vv164-trustbar__grid,.vv164-department-grid,.vv164-info-grid,.vv164-story-grid,.vv164-format-grid{grid-template-columns:1fr}.vv164-release-card{grid-template-columns:1fr}.vv164-release-text{padding:26px}.vv164-quote-card blockquote{font-size:24px}.vv164-new-products .vv-products{grid-template-columns:1fr!important}.vv164-final-cta form,.vv-global-newsletter form{border-radius:16px;flex-direction:column}.vv164-final-cta input,.vv-global-newsletter input{height:50px}.vv164-final-cta button,.vv-global-newsletter button{height:50px}}