/* Ve vatičce — real kit photography, September 2026. Scoped to the set landing page. */
body.vv-category-sets #vv-kit-hero {min-height:650px;margin-bottom:0!important;isolation:isolate;}
body.vv-category-sets .vv-kit-hero::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,240,233,.98) 0%,rgba(249,240,233,.96) 40%,rgba(249,240,233,.75) 59%,rgba(249,240,233,0) 78%);pointer-events:none;z-index:1;}
body.vv-category-sets #vv-kit-hero-copy {z-index:2;left:6%!important;top:50%!important;transform:translateY(-50%)!important;width:65%!important;max-width:850px!important;text-align:left!important;}
body.vv-category-sets .vv-kit-eyebrow {margin:0 0 18px!important;color:#7c9d2f!important;font:700 12px/1.3 Jost,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase;}
html body.vv-category-sets .vv-category-hero.vv-kit-hero .vv-category-hero__copy.vv-kit-hero-copy h1 {margin:0!important;width:auto!important;max-width:none!important;white-space:normal!important;color:#30302c!important;font:500 clamp(42px,4.5vw,76px)/1.04 Jost,sans-serif!important;letter-spacing:-.045em!important;text-shadow:none!important;text-transform:none!important;}
body.vv-category-sets .vv-kit-hero-copy h1 em,body.vv-category-sets .vv-kit-impact h2 em {font-style:normal;color:#c97158;}
body.vv-category-sets #vv-kit-hero-copy .vv-kit-hero-lead {display:block!important;margin:28px 0 0!important;max-width:590px;color:#5b5a54;font:500 clamp(18px,1.65vw,23px)/1.55 Jost,sans-serif!important;}
body.vv-category-sets .vv-kit-link {display:inline-flex;align-items:center;gap:18px;margin-top:30px;color:#30302c!important;font:700 14px/1.5 Jost,sans-serif;letter-spacing:.065em;text-transform:uppercase;text-decoration:none!important;padding:8px 0;border-bottom:1px solid transparent;transition:border-color .2s;}
body.vv-category-sets .vv-kit-link span {color:#c97158;font-size:28px;line-height:1;transition:transform .2s;}
body.vv-category-sets .vv-kit-link:hover {border-color:#c97158;}
body.vv-category-sets .vv-kit-link:hover span {transform:translateX(5px);}
body.vv-category-sets .vv-kit-link:focus-visible {outline:2px solid #ac4d43;outline-offset:7px;}
body.vv-category-sets .vv-kit-impact {width:min(1440px,calc(100vw - 80px));position:relative;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:31% 69%;align-items:center;padding:90px 0 50px;margin:0;color:#30302c;font-family:Jost,sans-serif;}
body.vv-category-sets .vv-kit-impact-copy {position:relative;z-index:2;padding:0 14px 80px 0;}
body.vv-category-sets .vv-kit-impact h2 {margin:0;font:500 clamp(38px,3.8vw,62px)/1.04 Jost,sans-serif;letter-spacing:-.045em;color:#30302c;}
body.vv-category-sets .vv-kit-impact-lead {font-size:21px;line-height:1.5;margin:28px 0 16px;}
body.vv-category-sets .vv-kit-impact-note {font-size:15px;line-height:1.6;color:#76736b;max-width:295px;margin:0;}
body.vv-category-sets .vv-kit-scene {position:relative;min-width:0;aspect-ratio:1.02;}
body.vv-category-sets .vv-kit-scene-glow {position:absolute;inset:12% 18% 3% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(231,212,184,.5),rgba(249,240,233,0) 70%);}
body.vv-category-sets .vv-kit-explosion {position:relative;display:block;width:78%;max-width:none;height:auto;margin:0 0 0 -1%;filter:drop-shadow(0 15px 16px rgba(95,61,43,.055));}
body.vv-category-sets .vv-kit-callouts {list-style:none;margin:0;padding:0;}
body.vv-category-sets .vv-kit-callout {position:absolute;right:0;width:27%;display:flex;gap:10px;align-items:flex-start;padding:0;margin:0;color:#30302c;}
body.vv-category-sets .vv-kit-callout::before {content:"";position:absolute;right:calc(100% + 12px);top:17px;width:clamp(35px,5vw,85px);height:1px;background:#b89a78;}
body.vv-category-sets .vv-kit-callout::after {content:"";position:absolute;right:calc(100% + 10px + clamp(35px,5vw,85px));top:14px;width:7px;height:7px;border-radius:50%;background:#b89a78;}
body.vv-category-sets .vv-kit-callout-yarn {top:18%;}
body.vv-category-sets .vv-kit-callout-hook {top:40%;left:2%;right:auto;width:18%;}
body.vv-category-sets .vv-kit-callout-hook::before {left:calc(100% + 4px);right:auto;width:55px;}
body.vv-category-sets .vv-kit-callout-hook::after {left:calc(100% + 56px);right:auto;}
body.vv-category-sets .vv-kit-callout-tools {top:44%;}
body.vv-category-sets .vv-kit-number {display:flex;align-items:center;justify-content:center;flex:0 0 31px;width:31px;height:31px;border:1px solid #cdbca7;border-radius:50%;font-size:11px;color:#937859;}
body.vv-category-sets .vv-kit-callout h3 {font:600 clamp(17px,1.65vw,24px)/1.2 Jost,sans-serif;margin:3px 0 8px;letter-spacing:-.025em;text-transform:none;}
body.vv-category-sets .vv-kit-callout p {font-size:clamp(14px,1.2vw,17px);line-height:1.5;color:#76736b;margin:0;}
body.vv-category-sets .vv-kit-scene-caption {position:absolute;bottom:1%;left:16%;margin:0;color:#ac4d43;font:500 28px/1.2 Caveat,cursive;transform:rotate(-5deg);}
body.vv-category-sets .vv-kit-digital {grid-column:1/-1;margin-top:25px;padding:30px 0 15px;border-top:1px solid #ddcfc0;display:grid;grid-template-columns:1fr 1.1fr 1.1fr;gap:35px;align-items:start;}
body.vv-category-sets .vv-kit-digital-label,body.vv-category-sets .vv-kit-digital-item {display:flex;align-items:flex-start;gap:16px;}
body.vv-category-sets .vv-kit-digital-label>span {font-size:35px;color:#c97158;line-height:1;}
body.vv-category-sets .vv-kit-digital-label p {font-size:17px;line-height:1.5;margin:0;color:#76736b;}
body.vv-category-sets .vv-kit-digital-label strong {font-weight:500;color:#30302c;}
body.vv-category-sets .vv-kit-digital-icon {color:#ac4d43;font-size:25px;line-height:1.2;}
body.vv-category-sets .vv-kit-digital-item h3 {font:600 19px/1.3 Jost,sans-serif;margin:0 0 6px;text-transform:none;}
body.vv-category-sets .vv-kit-digital-item p {font-size:15px;line-height:1.6;color:#76736b;margin:0;max-width:300px;}
@media(min-width:1600px){body.vv-category-sets #vv-kit-hero-copy{left:max(6%,calc((100vw - 1500px)/2))!important;}}
@media(max-width:1000px){
 body.vv-category-sets .vv-kit-impact{width:calc(100vw - 48px);grid-template-columns:30% 70%;padding-top:70px;}
 body.vv-category-sets .vv-kit-impact h2{font-size:40px;}
 body.vv-category-sets .vv-kit-impact-copy{padding-bottom:40px;}
 body.vv-category-sets .vv-kit-impact-lead{font-size:18px;}
 body.vv-category-sets .vv-kit-callout{gap:7px;width:29%;}
 body.vv-category-sets .vv-kit-number{display:none;}
 body.vv-category-sets .vv-kit-digital{gap:22px;}
}
@media(max-width:700px){
 body.vv-category-sets #vv-kit-hero{min-height:630px!important;height:630px!important;max-height:none!important;}
 body.vv-category-sets #vv-kit-hero>img{height:100%!important;object-fit:cover!important;object-position:64% center!important;}
 body.vv-category-sets .vv-kit-hero::after{background:linear-gradient(90deg,rgba(249,240,233,.98),rgba(249,240,233,.9) 60%,rgba(249,240,233,.55));}
 body.vv-category-sets #vv-kit-hero-copy{left:7%!important;width:86%!important;top:52%!important;max-width:none!important;}
 html body.vv-category-sets .vv-category-hero.vv-kit-hero .vv-category-hero__copy.vv-kit-hero-copy h1{font-size:clamp(38px,8.8vw,59px)!important;line-height:1.06!important;text-wrap:balance;}
 body.vv-category-sets #vv-kit-hero-copy .vv-kit-hero-lead{font-size:19px!important;max-width:360px;margin-top:24px!important;}
 body.vv-category-sets .vv-kit-impact{width:calc(100vw - 40px);display:block;padding:60px 0 20px;}
 body.vv-category-sets .vv-kit-impact-copy{padding:0;text-align:center;}
 body.vv-category-sets .vv-kit-impact h2{font-size:clamp(40px,9vw,56px);max-width:480px;margin:auto;}
 body.vv-category-sets .vv-kit-impact-lead{font-size:20px;margin:24px 0 14px;}
 body.vv-category-sets .vv-kit-impact-note{max-width:320px;margin:auto;font-size:14px;}
 body.vv-category-sets .vv-kit-impact-copy .vv-kit-link{margin-top:18px;}
 body.vv-category-sets .vv-kit-scene{margin-top:36px;aspect-ratio:.88;}
 body.vv-category-sets .vv-kit-explosion{width:86%;margin-left:-7%;}
 body.vv-category-sets .vv-kit-callout{width:30%;right:-1%;}
 body.vv-category-sets .vv-kit-callout::before{right:calc(100% + 6px);width:22px;}
 body.vv-category-sets .vv-kit-callout::after{right:calc(100% + 27px);}
 body.vv-category-sets .vv-kit-callout h3{font-size:17px;margin:5px 0;}
 body.vv-category-sets .vv-kit-callout p{font-size:12px;line-height:1.45;}
 body.vv-category-sets .vv-kit-callout-yarn{top:14%;}
 body.vv-category-sets .vv-kit-callout-hook{top:38%;left:0;width:25%;}
 body.vv-category-sets .vv-kit-callout-hook::before{left:calc(100% + 4px);right:auto;width:20px;}
 body.vv-category-sets .vv-kit-callout-hook::after{left:calc(100% + 23px);right:auto;}
 body.vv-category-sets .vv-kit-callout-tools{top:40%;}
 body.vv-category-sets .vv-kit-scene-caption{left:12%;bottom:1%;font-size:25px;}
 body.vv-category-sets .vv-kit-digital{display:grid;grid-template-columns:1fr;gap:25px;margin-top:12px;padding:28px 4px 0;}
 body.vv-category-sets .vv-kit-digital-label p{font-size:18px;}
 body.vv-category-sets .vv-kit-digital-item p{max-width:none;}
}
@media(prefers-reduced-motion:reduce){body.vv-category-sets .vv-kit-link,body.vv-category-sets .vv-kit-link span{transition:none;}}
/* Dark navigation remains legible above the light kit hero. */
html body.vv-category-sets:has(#vv-kit-hero) .vv-custom-menu a,
html body.vv-category-sets:has(#vv-kit-hero) .vv-shop-home-link,
html body.vv-category-sets:has(#vv-kit-hero) #header .navigation-buttons a,
html body.vv-category-sets:has(#vv-kit-hero) #header .navigation-buttons button,
html body.vv-category-sets:has(#vv-kit-hero) #header .navigation-buttons i,
html body.vv-category-sets:has(#vv-kit-hero) #header .navigation-buttons .icon-cart {
  color: #404041 !important;
}
html body.vv-category-sets:has(#vv-kit-hero) #header .site-name img {
  filter: brightness(0) !important;
  opacity: .76;
}
/* Final art direction: seamless blush hero and diagonal, unchanged kit asset. */
html body.vv-category-sets #vv-kit-hero {
 height:650px!important;min-height:650px!important;max-height:none!important;
 background:linear-gradient(100deg,#f9f0e9 25%,#f8ebe4 48%,#f0c3bd 100%)!important;
 overflow:visible!important;
}
html body.vv-category-sets #vv-kit-hero>img {visibility:hidden!important;}
html body.vv-category-sets #vv-kit-hero::after {display:none!important;}
html body.vv-category-sets #vv-kit-hero-copy {top:47%!important;width:70%!important;max-width:950px!important;}
html body.vv-category-sets .vv-category-hero.vv-kit-hero .vv-category-hero__copy.vv-kit-hero-copy h1 {
 font:800 clamp(48px,5.4vw,96px)/1.08 Jost,sans-serif!important;letter-spacing:-.03em!important;color:#8e4036!important;
}
html body.vv-category-sets #vv-kit-hero-copy h1 em {color:inherit;}
html body.vv-category-sets #vv-kit-hero-copy .vv-kit-link {
 padding:13px 25px!important;border:0!important;border-radius:30px!important;background:#ac4d43!important;color:#fff9f2!important;
 font:700 13px/1.4 Jost,sans-serif!important;letter-spacing:.04em;margin-top:34px!important;
}
html body.vv-category-sets #vv-kit-hero-copy .vv-kit-link:hover {background:#8e4036!important;}
html body.vv-category-sets .vv-kit-impact {padding-top:0;align-items:start;z-index:3;}
html body.vv-category-sets .vv-kit-impact-copy {padding:110px 16px 30px 0;}
html body.vv-category-sets .vv-kit-impact-lead {font:600 clamp(19.2px,1.5vw,26px)/1.4 Jost,sans-serif;color:#55433e;margin:0 0 30px;}
html body.vv-category-sets .vv-kit-scene {margin-top:-110px;}
html body.vv-category-sets .vv-kit-explosion {transform:rotate(25deg);filter:drop-shadow(10px 22px 14px rgba(77,42,34,.17)) drop-shadow(2px 5px 4px rgba(77,42,34,.08));}
html body.vv-category-sets .vv-kit-callout-yarn {top:21%;right:-1%;}
html body.vv-category-sets .vv-kit-callout-hook {top:33%;left:2%;}
html body.vv-category-sets .vv-kit-callout-tools {top:59%;right:1%;}
html body.vv-category-sets .vv-kit-digital {margin-top:85px;}
html body.vv-category-sets .vv-kit-how-image {width:min(1440px,calc(100vw - 80px));position:relative;left:50%;transform:translateX(-50%);margin:45px 0 85px;}
html body.vv-category-sets .vv-kit-how-image img {display:block;width:100%;height:auto;border-radius:32px;box-shadow:0 24px 55px rgba(145,83,64,.2),0 0 65px rgba(231,181,173,.3);}
@media(max-width:1000px){
 html body.vv-category-sets .vv-kit-impact-copy {padding-top:90px;}
 html body.vv-category-sets .vv-kit-callout-hook {left:-2%;}
 html body.vv-category-sets .vv-kit-how-image {width:calc(100vw - 48px);}
}
@media(max-width:700px){
 html body.vv-category-sets #vv-kit-hero {height:610px!important;min-height:610px!important;}
 html body.vv-category-sets #vv-kit-hero-copy {top:39%!important;width:86%!important;}
 html body.vv-category-sets .vv-category-hero.vv-kit-hero .vv-category-hero__copy.vv-kit-hero-copy h1 {font-size:clamp(36px,9.4vw,60px)!important;line-height:1.08!important;text-wrap:balance;}
 html body.vv-category-sets .vv-kit-impact {display:flex;flex-direction:column;padding-top:0;}
 html body.vv-category-sets .vv-kit-scene {order:0;width:100%;margin-top:-125px;aspect-ratio:.88;}
 html body.vv-category-sets .vv-kit-explosion {width:78%;margin-left:4%;}
 html body.vv-category-sets .vv-kit-impact-copy {order:1;padding:24px 6px 12px;text-align:left;}
 html body.vv-category-sets .vv-kit-impact-lead {font-size:20px;margin-bottom:22px;}
 html body.vv-category-sets .vv-kit-impact-note {margin:0;max-width:none;}
 html body.vv-category-sets .vv-kit-digital {order:2;width:100%;margin-top:22px;}
 html body.vv-category-sets .vv-kit-callout-yarn {top:-3%;right:-1%;width:30%;}
 html body.vv-category-sets .vv-kit-callout-hook {top:34%;left:0;width:22%;}
 html body.vv-category-sets .vv-kit-callout-tools {top:63%;right:0;width:29%;}
 html body.vv-category-sets .vv-kit-how-image {width:calc(100vw - 32px);margin:36px 0 50px;}
 html body.vv-category-sets .vv-kit-how-image img {border-radius:18px;box-shadow:0 14px 35px rgba(145,83,64,.2);}
}

/* Shorter hero and the fourth kit annotation. */
html body.vv-category-sets #vv-kit-hero {height:520px!important;min-height:520px!important;}
html body.vv-category-sets .vv-kit-impact {margin-top:-120px;}
html body.vv-category-sets .vv-kit-callout-digital {top:79%;right:1%;width:34%;}
html body.vv-category-sets .vv-kit-callout-digital p + p {margin-top:14px;}
html body.vv-category-sets .vv-kit-callout-digital strong {font-weight:600;color:#55433e;}
html body.vv-category-sets .vv-kit-scene {margin-bottom:150px;}
@media(max-width:700px){
 html body.vv-category-sets #vv-kit-hero {height:488px!important;min-height:488px!important;}
 html body.vv-category-sets .vv-kit-impact {margin-top:-125px;}
 html body.vv-category-sets .vv-kit-scene {margin-top:-95px;margin-bottom:0;padding-bottom:210px;aspect-ratio:auto;}
 html body.vv-category-sets .vv-kit-callout-yarn {top:0;}
 html body.vv-category-sets .vv-kit-callout-hook {top:25%;}
 html body.vv-category-sets .vv-kit-callout-tools {top:43%;}
 html body.vv-category-sets .vv-kit-callout-digital {top:auto;bottom:0;right:0;width:85%;}
 html body.vv-category-sets .vv-kit-callout-digital .vv-kit-number {display:flex;}
}