
/* /vd_website_frost/static/src/css/home_v3.css */
 .vd-home{color-scheme: light; --ground: #f6f3ee; --stage: #efeae2; --pure: #ffffff; --ink: #1c1611; --muted: #5e554b; --faint: #8c8277; --line: rgba(28, 22, 17, .11); --line-2: rgba(28, 22, 17, .2); --accent: #fc7f00; --on-accent: #1c1611; --btn: #1c1611; --btn-hover: #33281f; --on-btn: #fbf8f3; --bead: #fc7f00; --on-bead: #1c1611; --deep: #231b14; --deep-2: #33281f; --deep-text: #e8dccd; --deep-line: rgba(255, 255, 255, .12); --eyb: #b35a00; --tint: #fff0df; --tint-ink: #8a4300; --ok: #1f7a4d; --ok-tint: #e3f3ea; --fa: #ffcf9a; --fb: #e6d6c0; --fc: #d5e1d6; --glass: rgba(255, 255, 255, .78); --glass-2: rgba(255, 255, 255, .58); --rim: rgba(255, 255, 255, .9); --shade: 44, 42, 38; --sh-card: inset 1px 1px 0 rgba(255,255,255,.75), 12px 20px 44px -26px rgba(var(--shade), .40), 0 0 0 1px rgba(var(--shade), .05); --sh-key: inset 1px 1px 0 rgba(255,255,255,.9), 4px 6px 14px -8px rgba(var(--shade), .42), 0 0 0 1px rgba(var(--shade), .07); --sh-btn: inset 1px 1px 0 rgba(255,255,255,.22), inset -2px -3px 6px rgba(27,28,30,.28), 8px 12px 24px -12px rgba(var(--shade), .55); --sh-float: 16px 24px 48px -24px rgba(var(--shade), .42); --r-panel: 28px; --r-card: 22px; --r-row: 18px; --r-tile: 16px; --r-pill: 999px; --f: "Urbanist", "Segoe UI", system-ui, sans-serif; --f-num: "Urbanist", "Segoe UI", system-ui, sans-serif; --max: 1440px; --gut: clamp(16px, 3.2vw, 40px); --sec: clamp(48px, 6vw, 88px); --d-fast: .16s; --e-settle: cubic-bezier(.21, 1.02, .73, 1); --d-base: .24s; --d-slow: .36s; --e-out: cubic-bezier(.25, 1, .5, 1); --e-glide: cubic-bezier(.32, .72, 0, 1); --t-h1: clamp(2.3rem, calc(1.2rem + 3.6vw), 4.25rem); --t-h2: clamp(1.8rem, calc(1.2rem + 1.8vw), 3.05rem); --t-h3: 1.35rem; --t-lead: 1.0625rem; --t-small: .9375rem; --t-micro: .8125rem;}.vd-home *{box-sizing: border-box;}.vd-home [hidden]{display: none !important;}.vd-home{scroll-behavior: smooth;}.vd-home{margin: 0; background: var(--ground); color: var(--ink); font: 500 1rem/1.55 var(--f); -webkit-font-smoothing: antialiased;}.vd-home img{max-width: 100%; display: block;}.vd-home a{color: inherit;}.vd-home button{font: inherit; color: inherit;}.vd-home h1,.vd-home h2,.vd-home h3,.vd-home h4{margin: 0; font-weight: 700; letter-spacing: -.022em; line-height: 1.05; text-wrap: balance;}.vd-home p{margin: 0;}.vd-home .num{font-family: var(--f-num); font-variant-numeric: tabular-nums;}.vd-home .ic{width: 20px; height: 20px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}@keyframes drift{to{transform: translate(6vw, 4vh) scale(1.08);}}.vd-home .wrap{width: 100%; max-width: var(--max); margin-inline: auto; padding-inline: var(--gut);}.vd-home .sec{padding-block: var(--sec); position: relative;}.vd-home .sec-tight{padding-block: clamp(32px, 4vw, 56px);}.vd-home .eyb{font-size: var(--t-micro); font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--eyb);}.vd-home .sec-head{display: flex; align-items: end; justify-content: space-between; gap: 18px 32px; flex-wrap: wrap; margin-bottom: clamp(22px, 3vw, 40px);}.vd-home .sec-head > div{display: grid; gap: 10px; min-width: 0;}.vd-home .sec-head h2{font-size: var(--t-h2); max-width: 22ch;}.vd-home .sec-head p{color: var(--muted); max-width: 60ch; font-size: var(--t-lead);}.vd-home .glass{background: linear-gradient(140deg, var(--glass), var(--glass-2)); -webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%); border: 1px solid var(--rim); box-shadow: var(--sh-card);}.vd-home .soft{background: var(--pure); border-radius: var(--r-card); box-shadow: var(--sh-card);}.vd-home .deep{background: var(--deep); color: var(--deep-text); border-radius: var(--r-panel);}.vd-home .deep h2,.vd-home .deep h3,.vd-home .deep b,.vd-home .deep strong{color: var(--o-cc5-text, #fff);}.vd-home .deep .key{color: var(--ink);}.vd-home .key{display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 22px; border-radius: var(--r-pill); border: 0; background: var(--pure); box-shadow: var(--sh-key); font-weight: 600; text-decoration: none; cursor: pointer; white-space: nowrap; transition: transform var(--d-fast) var(--e-out), box-shadow var(--d-fast) var(--e-out);}.vd-home .key:hover{transform: translateY(-2px);}.vd-home .key:active{transform: scale(.97);}.vd-home .key.sm{height: 44px; padding: 0 18px; font-size: .94rem;}.vd-home .knob{width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--pure); box-shadow: var(--sh-key); display: inline-grid; place-items: center; cursor: pointer; position: relative; text-decoration: none; flex: none; transition: transform var(--d-fast) var(--e-out);}.vd-home .knob:hover{transform: translateY(-2px);}.vd-home .knob.dark{background: var(--ink); color: #fff; box-shadow: none;}.vd-home .tag{display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: var(--r-pill); font-size: var(--t-micro); font-weight: 700; background: var(--tint); color: var(--tint-ink); white-space: nowrap;}.vd-home .tag.glass-tag{background: rgba(255,255,255,.18); color: #fff; border: 1px solid rgba(255,255,255,.35); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}.vd-home .tag.dark{background: var(--ink); color: #fff;}.vd-home :focus-visible{outline: 2px solid var(--ink); outline-offset: 3px;}.vd-home .hero{position: relative; margin-top: 16px; border-radius: var(--r-panel); overflow: hidden; min-height: clamp(520px, 64vh, 680px); display: flex; align-items: center; isolation: isolate; color: #fff;}.vd-home .hero .slide{position: absolute; inset: 0; z-index: -2; opacity: 0; transition: opacity .8s var(--e-out);}.vd-home .hero .slide.on{opacity: 1;}.vd-home .hero .slide img{width: 100%; height: 100%; object-fit: cover; animation: kb 18s linear infinite alternate;}@keyframes kb{to{transform: scale(1.08);}}.vd-home .hero::before{content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(95deg, rgba(20,14,9,.78) 0%, rgba(20,14,9,.45) 45%, rgba(20,14,9,.05) 75%);}.vd-home .hero-copy{min-width: 0; padding: clamp(28px, 5vw, 64px); display: grid; gap: 20px; max-width: 700px;}.vd-home .hero h1{font-size: var(--t-h1); line-height: 1; letter-spacing: -.035em;}.vd-home .hero h1 em{font-style: normal; color: var(--accent);}.vd-home .hero .lead{font-size: 1.12rem; color: rgba(255,255,255,.9); max-width: 52ch;}.vd-home .hero .ctas{display: flex; gap: 12px; flex-wrap: wrap;}.vd-home .hero .key.ghost{background: rgba(255,255,255,.16); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}.vd-home .hero .note{font-size: var(--t-small); color: rgba(255,255,255,.85);}.vd-home .hero .note a{color: #fff; font-weight: 700;}.vd-home .floatbar{position: relative; z-index: 3; margin: -32px auto 0; width: fit-content; max-width: calc(100% - 32px); display: flex; align-items: center; gap: 16px; padding: 7px 7px 7px 22px; border-radius: var(--r-pill); font-weight: 600; font-size: var(--t-small);}.vd-home .facts{display: grid; grid-template-columns: 1.15fr repeat(3, minmax(0, 1fr)); margin-top: 18px; border-radius: var(--r-card); overflow: hidden;}.vd-home .facts > div{padding: 22px 24px; display: flex; gap: 14px; align-items: center; background: var(--pure); border-left: 1px solid var(--line);}.vd-home .facts .big{background: var(--deep); color: var(--deep-text); border: 0;}.vd-home .facts .big b{font-size: 2.6rem; color: var(--o-cc5-text, #fff); letter-spacing: -.03em; line-height: 1;}.vd-home .facts .ico{width: 44px; height: 44px; border-radius: 50%; background: var(--tint); color: var(--tint-ink); display: grid; place-items: center; flex: none;}.vd-home .facts strong{display: block; font-size: 1rem;}.vd-home .facts small{color: var(--muted); font-size: var(--t-small);}.vd-home .tiles{display: grid; grid-template-columns: 1.5fr 1fr 1fr; grid-auto-rows: 250px; gap: 14px;}.vd-home .tile{position: relative; border-radius: var(--r-card); overflow: hidden; color: #fff; text-decoration: none; display: flex; align-items: end; padding: 20px; isolation: isolate;}.vd-home .tile:first-child{grid-row: span 2;}.vd-home .tile img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .8s var(--e-out);}.vd-home .tile:hover img{transform: scale(1.05);}.vd-home .tile::before{content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(20,14,9,0) 40%, rgba(20,14,9,.78));}.vd-home .tile .tb{display: grid; gap: 6px; width: 100%;}.vd-home .tile h3{font-size: 1.5rem;}.vd-home .tile:first-child h3{font-size: 2.1rem;}.vd-home .tile .row{display: flex; align-items: center; justify-content: space-between; gap: 10px;}.vd-home .tile .row span{font-size: var(--t-small); color: rgba(255,255,255,.85);}.vd-home .tile .knob{background: rgba(255,255,255,.95); color: var(--ink);}.vd-home .duo{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}.vd-home .duo > div{padding: clamp(24px, 3vw, 38px); display: grid; gap: 16px; align-content: start;}.vd-home .duo h3{font-size: 1.7rem; display: flex; gap: 12px; align-items: center;}.vd-home .duo .ico{width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--tint); color: var(--tint-ink);}.vd-home .duo .deep .ico{background: rgba(255,255,255,.1); color: var(--o-cc5-text, #fff);}.vd-home .ticks{list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;}.vd-home .ticks li{display: flex; gap: 10px; align-items: flex-start;}.vd-home .ticks li .ic{color: var(--ok); width: 20px; height: 20px; margin-top: 2px;}.vd-home .deep .ticks li .ic{color: var(--accent);}.vd-home .look{display: grid; grid-template-columns: 1.3fr 1fr; gap: 14px;}.vd-home .look > div{padding: 26px; display: grid; gap: 18px; align-content: start;}.vd-home .pats{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px;}.vd-home .pat{display: grid; gap: 8px; text-decoration: none; text-align: center; font-weight: 600; font-size: var(--t-small);}.vd-home .pat span.im{aspect-ratio: 1; border-radius: var(--r-tile); overflow: hidden; background: var(--stage); display: grid; place-items: center; color: var(--tint-ink);}.vd-home .pat span.im .ic{width: 42%; height: 42%; stroke-width: 1.3;}.vd-home .pat img{width: 100%; height: 100%; object-fit: cover;}.vd-home .pat small{color: var(--faint); font-weight: 500; font-size: var(--t-micro);}.vd-home .sws{display: flex; gap: 14px; flex-wrap: wrap;}.vd-home .sw{display: grid; gap: 6px; justify-items: center; text-decoration: none; font-size: var(--t-micro); font-weight: 600;}.vd-home .sw i{width: 52px; height: 52px; border-radius: 50%; box-shadow: inset 0 0 0 3px #fff, 0 0 0 1px var(--line-2), var(--sh-key);}.vd-home .svc-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;}.vd-home .svc{padding: 18px; display: grid; gap: 10px; align-content: start; text-decoration: none; border-radius: var(--r-card); background: var(--pure); box-shadow: var(--sh-card); transition: transform var(--d-base) var(--e-out);}.vd-home .svc:hover{transform: translateY(-3px);}.vd-home .svc .ico{width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--tint); color: var(--tint-ink);}.vd-home .svc b{font-size: 1.04rem; line-height: 1.25;}.vd-home .svc small{color: var(--muted); font-size: var(--t-small);}.vd-home .steps{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; position: relative;}.vd-home .step{padding: 22px; display: grid; gap: 10px; align-content: start; border-radius: var(--r-card); background: var(--pure); box-shadow: var(--sh-card);}.vd-home .step .n{width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--deep); color: var(--o-cc5-text, #fff); font-weight: 800;}.vd-home .step:first-child .n{background: var(--accent); color: var(--on-accent);}.vd-home .step b{font-size: 1.08rem;}.vd-home .step small{color: var(--muted); font-size: var(--t-small); line-height: 1.45;}.vd-home .show{display: grid; grid-template-columns: 1.2fr 1fr; gap: 14px;}.vd-home .show .ph{border-radius: var(--r-panel); overflow: hidden; min-height: 380px; position: relative;}.vd-home .show .ph img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}.vd-home .show .ph .tag{position: absolute; left: 16px; bottom: 16px;}.vd-home .show .info{padding: clamp(24px, 3vw, 36px); display: grid; gap: 18px; align-content: start;}.vd-home .addr{display: grid; gap: 12px;}.vd-home .addr div{display: flex; gap: 12px; align-items: flex-start;}.vd-home .addr .ic{color: var(--accent); margin-top: 2px;}.vd-home .addr small{display: block; color: var(--deep-text); opacity: .8;}.vd-home .posts{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}.vd-home .post{display: grid; gap: 10px; align-content: start; padding: 10px 10px 18px; border-radius: var(--r-card); background: var(--pure); box-shadow: var(--sh-card); text-decoration: none;}.vd-home .post .ph{aspect-ratio: 16 / 10; border-radius: var(--r-tile); overflow: hidden; background: var(--stage);}.vd-home .post .ph img{width: 100%; height: 100%; object-fit: cover;}.vd-home .post .bd{padding-inline: 8px; display: grid; gap: 6px;}.vd-home .post small{color: var(--faint); font-size: var(--t-micro); font-weight: 600;}.vd-home .post b{font-size: 1.1rem; line-height: 1.3;}.vd-home .post p{color: var(--muted); font-size: var(--t-small); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}.vd-home .faq{display: grid; gap: 10px;}.vd-home .faq details{border-radius: var(--r-row); background: var(--pure); box-shadow: var(--sh-card);}.vd-home .faq summary{list-style: none; cursor: pointer; padding: 18px 20px; display: flex; gap: 16px; align-items: center; justify-content: space-between; font-weight: 700; font-size: 1.03rem;}.vd-home .faq summary::-webkit-details-marker{display: none;}.vd-home .faq summary .pl{width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--tint); color: var(--tint-ink); flex: none; transition: transform var(--d-base) var(--e-glide);}.vd-home .faq details[open] summary .pl{transform: rotate(45deg);}.vd-home .faq .ans{padding: 0 20px 20px; color: var(--muted); max-width: 72ch;}.vd-home .faq2{display: grid; grid-template-columns: .8fr 1.2fr; gap: 26px; align-items: start;}.vd-home .band{border-radius: var(--r-panel); padding: clamp(28px, 4.5vw, 60px); display: flex; gap: 24px; align-items: center; justify-content: space-between; flex-wrap: wrap; position: relative; overflow: hidden; isolation: isolate; background: linear-gradient(115deg, var(--accent), #ffab3d); color: var(--on-accent);}.vd-home .band::after{content: ""; position: absolute; right: -8%; top: -70%; width: 50%; aspect-ratio: 1; border-radius: 50%; z-index: -1; background: radial-gradient(circle, rgba(255,255,255,.4), transparent 65%);}.vd-home .band h2{font-size: var(--t-h2); max-width: 20ch;}.vd-home .band p{margin-top: 10px; max-width: 54ch; font-size: var(--t-lead);}@keyframes pulse{50%{box-shadow: 0 0 0 12px rgba(255,255,255,.15), var(--sh-key);}}.vd-home .rv{animation: rise .6s var(--e-out) both;}@keyframes rise{from{opacity: .001; transform: translateY(14px);}}@media (max-width: 1180px){.vd-home .facts{grid-template-columns: 1fr 1fr;}.vd-home .svc-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}.vd-home .steps{grid-template-columns: 1fr 1fr;}}@media (max-width: 960px){.vd-home .show,.vd-home .duo,.vd-home .look,.vd-home .faq2{grid-template-columns: minmax(0, 1fr);}.vd-home .tiles{grid-template-columns: 1fr 1fr; grid-auto-rows: 210px;}.vd-home .tile:first-child{grid-column: 1 / -1; grid-row: auto;}.vd-home .posts{grid-template-columns: 1fr 1fr;}}@media (max-width: 640px){.vd-home .hero{min-height: 560px; align-items: end;}.vd-home .hero::before{background: linear-gradient(180deg, rgba(20,14,9,.2) 0%, rgba(20,14,9,.85) 70%);}.vd-home .hero .ctas > *{width: 100%; justify-content: space-between;}.vd-home .floatbar{display: none;}.vd-home .facts{grid-template-columns: 1fr;}.vd-home .svc-grid{grid-template-columns: 1fr 1fr; gap: 10px;}.vd-home .steps{grid-template-columns: minmax(0, 1fr);}.vd-home .pats{grid-template-columns: repeat(3, minmax(0, 1fr));}.vd-home .posts{grid-template-columns: minmax(0, 1fr);}.vd-home .glass{-webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(255,255,255,.94);}}@media (prefers-reduced-motion: reduce){.vd-home *,.vd-home *::before,.vd-home *::after{animation: none !important; transition: none !important;}}.vd-home.vd-home{--ground:var(--body-bg);--pure:var(--o-color-4);--ink:var(--body-color); --stage:color-mix(in srgb,var(--body-color) 5%,var(--body-bg)); --muted:color-mix(in srgb,var(--body-color) 68%,var(--body-bg)); --faint:color-mix(in srgb,var(--body-color) 50%,var(--body-bg)); --line:color-mix(in srgb,var(--body-color) 11%,transparent);--line-2:color-mix(in srgb,var(--body-color) 20%,transparent); --accent:var(--vd-st-accent,var(--o-color-1));--on-accent:var(--o-color-5); --btn:var(--vd-st-knop,var(--o-color-5));--on-btn:var(--vd-st-knop-tekst,var(--o-color-4)); --btn-hover:color-mix(in srgb,var(--btn) 88%,var(--on-btn)); --bead:var(--vd-st-kraal,var(--o-color-1));--on-bead:var(--vd-st-kraal-tekst,var(--o-color-5)); --deep:var(--o-cc5-bg,var(--o-color-5));--deep-2:color-mix(in srgb,var(--deep) 90%,var(--o-color-4)); --deep-text:color-mix(in srgb,var(--o-cc5-text,var(--o-color-4)) 82%,var(--deep)); --deep-line:color-mix(in srgb,var(--o-cc5-text,var(--o-color-4)) 12%,transparent); --eyb:color-mix(in srgb,var(--accent) 72%,var(--ink)); --tint:var(--vd-fz-tint,color-mix(in srgb,var(--o-color-1) 13%,var(--o-color-4))); --tint-ink:var(--vd-fz-tint-ink,color-mix(in srgb,var(--o-color-1) 62%,var(--o-color-5))); --shade:var(--body-color-rgb);--f:var(--body-font-family);--f-num:var(--body-font-family);--max:1512px; --sh-card:var(--vd-fz-shadow-sheet);--sh-key:var(--vd-fz-shadow-float);--sh-btn:var(--vd-fz-shadow-knop); --sh-float:0 2px 6px rgba(var(--shade),.06),0 16px 36px -20px rgba(var(--shade),.3)}#wrapwrap .vd-home .btn.vd-pill{--cs-fz-btn-h:56px;display:inline-flex;align-items:center;min-height:56px;border:0; border-radius:999px;color:var(--btn-color);font-weight:700;font-size:1rem;line-height:1.2;white-space:nowrap; box-shadow:var(--vd-fz-shadow-knop,none)}#wrapwrap .vd-home .btn.vd-pill:hover{color:var(--btn-hover-color)}#wrapwrap .vd-home .btn.vd-pill.vd-sm{--cs-fz-btn-h:46px;min-height:46px;font-size:.94rem}@media (max-width:640px){#wrapwrap .vd-home .btn.vd-pill{white-space:normal;text-align:left;max-width:100%}}.vd-home .key{border:0}#wrapwrap .vd-home{background:transparent}.vd-home .tile .row .knob{color:var(--ink)}.vd-home .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.vd-home .tile:first-child{grid-column:span 2;grid-row:span 2}@media (max-width:960px){.vd-home .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-home .tile:first-child{grid-column:auto;grid-row:auto}}.vd-home .hero h1 em{color:var(--vd-st-nadruk,var(--o-color-1))}.vd-home .band{background:linear-gradient(115deg,var(--tint),color-mix(in srgb,var(--accent) 20%,var(--pure)));color:var(--ink)}.vd-home .deep.o_cc5,.vd-home .facts .big.o_cc5{background-color:var(--deep)}.vd-home .rv{animation:none}.vd-home .ic.vd-icon{display:inline-block}.vd-home i.ic.oi{--oi-font-size:20px;line-height:1}.vd-home .vd-home-rail{overflow-x:clip}.vd-home .tile .row .knob .vd-icon{background-color:var(--ink)}.vd-home .vd-home-rail .s_dynamic_snippet_arrows{padding-inline:8px}.vd-home .vd-home-rail :is(.carousel-control-prev,.carousel-control-next){inset:auto;transform:none;margin:0}.vd-home .vd-home-rail :is(.carousel-control-prev,.carousel-control-next)>span:not(.visually-hidden){background-color:var(--pure);border:1px solid var(--line);border-radius:50%;box-shadow:var(--vd-fz-shadow-float,none);color:var(--ink)}#wrapwrap .vd-home .vd-home-rail .oe_product_cart{gap:10px;padding:10px 10px 14px;background:var(--pure);border:0;border-radius:22px; box-shadow:var(--vd-fz-shadow-sheet)}#wrapwrap .vd-home .vd-home-rail .oe_product_image{aspect-ratio:4/3;height:auto;border-radius:16px;overflow:hidden;background:var(--stage)}#wrapwrap .vd-home .vd-home-rail .oe_product_image_link,#wrapwrap .vd-home .vd-home-rail .oe_product_image_img_wrapper{height:100%;width:100%}#wrapwrap .vd-home .vd-home-rail .oe_product_image_img{width:100%;height:100%;max-width:none;object-fit:cover!important}.vd-home .vd-home-rail .vd-card-meta{font-size:.8125rem;color:var(--muted);line-height:1.35}.vd-home .vd-home-rail .vd-grid-pack{font-size:1.15rem;font-weight:800;color:var(--ink)}.vd-home .vd-home-rail :is(.vd-grid-uom,.vd-grid-m2){font-size:.8125rem;font-weight:500;color:var(--muted)}.vd-home .vd-home-rail .vd-grid-uom{text-transform:lowercase}.vd-home .addr small{font-size:.875rem;color:var(--deep-text)}@media (max-width:640px){.vd-home .addr>div{grid-template-columns:minmax(0,1fr)}.vd-home .addr>div>div{min-width:0}}