:root{ --vl24-gap-xs:6px;
--vl24-gap-sm:10px;
--vl24-gap-md:16px;
--vl24-gap-lg:22px; --vl24-radius-sm:4px;
--vl24-radius-md:6px;
--vl24-radius-lg:10px; --vl24-font-sm:14px;
--vl24-font-md:15px;
--vl24-font-lg:16px; --vl24-fw-medium:600;
--vl24-fw-bold:700; --vl24-border:1px solid rgba(0,0,0,0.15);
--vl24-hover-dark: #111;
}
:root{
--vl24-green: linear-gradient(
135deg,
#4ade80 0%,
#22c55e 40%,
#15803d 100%
);       
--vl24-green-dark: #24965a;   
--vl24-green-light: #6ee7a6; 
--vl24-green-soft: #e6f9ef;
--vl24-text: #111;
--vl24-text-muted: #6b7280;
}
:root{
--vl24-orange: #f59e0b;
--vl24-orange-dark: #d97706;
--vl24-orange-soft: #fff4e5;
} .vl24-product-page--2026{
max-width: 1520px;
margin: 0 auto;
padding: 28px 28px 88px;
} .vl24-product-hero{
margin-bottom: 72px;
}
.vl24-product-hero__grid{
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
gap: 64px;
align-items: start;
}
.vl24-product-gallery-col,
.vl24-product-summary-col{
min-width: 0;
} .vl24-product-gallery-col{
position: relative;
}
.vl24-product-gallery-card{
position: relative;
}
.vl24-product-image-wrap{
overflow: visible;
} .vl24-product-badge{
position: absolute;
top: 18px;
left: 18px;
z-index: 4;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 10px 14px;
border: 1px solid rgba(17,17,17,0.10);
border-radius: 999px;
background: rgba(255,255,255,0.92);
backdrop-filter: blur(10px);
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: .04em;
text-transform: uppercase;
box-shadow: 0 10px 24px rgba(17,17,17,0.06);
} .vl24-product-header{
margin-bottom: 20px;
}
.vl24-product-title{
margin: 0 0 12px;
font-size: clamp(1.8rem, 2.4vw, 2.6rem);
line-height: .98;
letter-spacing: -0.02em;
font-weight: 600;
max-width: 11ch;
}
.vl24-product-rating-summary{
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
}
.vl24-product-rating-summary .star-rating{
margin: 0;
}
.vl24-rating-link{
font-size: 14px;
text-decoration: none;
opacity: .72;
}
.vl24-rating-link:hover{
opacity: 1;
}
.vl24-product-price-row{
margin: 0 0 20px;
}
.vl24-product-price-row .price{
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: baseline;
margin: 0;
font-size: clamp(2rem, 3vw, 3rem);
line-height: 1;
font-weight: 800;
letter-spacing: -0.04em;
}
.vl24-product-price-row del{
opacity: .45;
font-size: .62em;
font-weight: 600;
}
.vl24-product-price-row ins{
text-decoration: none;
}
.vl24-product-excerpt{
margin-bottom: 24px;
max-width: 60ch;
font-size: 17px;
line-height: 1.78;
opacity: .9;
}
.vl24-product-excerpt > *:last-child{
margin-bottom: 0;
} .vl24-product-info-strip{
display: grid;
gap: 10px;
margin-bottom: 22px;
}
.vl24-product-delivery,
.vl24-product-note-line{
display: flex;
align-items: center;
min-height: 48px;
padding: 12px 16px;
border: 1px solid rgba(17,17,17,0.07);
border-radius: 8px;
background: rgba(255,255,255,0.78);
backdrop-filter: blur(10px);
font-size: 14px;
line-height: 1.45;
box-shadow: 0 8px 20px rgba(17,17,17,0.03);
} .vl24-product-benefits{
margin-bottom: 20px;
}
.vl24-product-list{
margin: 0;
padding: 0;
list-style: none;
}
.vl24-product-list li{
position: relative;
margin: 0;
padding: 0 0 0 20px;
font-size: 15px;
line-height: 1.6;
}
.vl24-product-list li + li{
margin-top: 8px;
}
.vl24-product-list li::before{
content: "";
position: absolute;
top: 10px;
left: 0;
width: 7px;
height: 7px;
border-radius: 999px;
background: #111;
opacity: .8;
} .vl24-product-purchase-card{
margin-top: 22px;
margin-bottom: 18px;
padding: 28px;
border: 1px solid rgba(17,17,17,0.08);
border-radius: 24px;
background: #fff;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 28px 70px rgba(17,17,17,0.06);
}
.woocommerce div.product form.cart,
.woocommerce-page div.product form.cart{
margin: 0;
} .woocommerce div.product form.cart .variations{
display:block;
margin:0 0 20px;
}
.woocommerce div.product form.cart .variations tbody,
.woocommerce div.product form.cart .variations tr{
display:block;
}
.woocommerce div.product form.cart .variations td{
display:block;
padding:0;
border:0;
} .woocommerce div.product form.cart .variations tr{
margin-bottom:16px;
} .woocommerce div.product form.cart .variations td.label{
margin:0 0 4px;
}
.woocommerce div.product form.cart .variations td.label label{
display:block;
margin:0;
font-size:15px;
font-weight:700;
line-height:1.3;
} .woocommerce div.product form.cart .variations td.value{
display:flex;
flex-wrap:wrap;
gap:10px;
} .vl24-swatches{
display:flex;
flex-wrap:wrap;
gap:10px;
} .vl24-swatch--button{
height:48px;
min-height:48px;
padding:0 16px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:15px;
font-weight:600;
border-radius:6px;
border:1px solid rgba(0,0,0,0.15);
background:#fff;
line-height:1;
white-space:nowrap;
} .woocommerce div.product form.cart .variations td.value *{
box-sizing:border-box;
}  .woocommerce div.product form.cart .variations td.label label{
font-size:15px;
font-weight:700;
margin-bottom:8px;
} .woocommerce div.product form.cart .variations td.value{
display:flex;
flex-wrap:wrap;
gap:10px;
} .woocommerce div.product form.cart .variations select{
position:absolute !important;
opacity:0 !important;
pointer-events:none;
height:0;
} .woocommerce div.product form.cart .variations td.value .vl24-swatches{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.woocommerce div.product form.cart .variations select:focus,
.woocommerce-page div.product form.cart .variations select:focus{
outline: none;
border-color: #111;
} .single_variation_wrap{
margin-top: 8px;
}
.single_variation{
margin-bottom: 16px;
}
.woocommerce-variation-price{
margin-bottom: 10px;
font-size: 15px;
font-weight: 700;
}
.woocommerce-variation-availability{
margin-bottom: 8px;
font-size: 14px;
} .woocommerce div.product form.cart .single_variation_wrap,
.woocommerce-page div.product form.cart .single_variation_wrap{
display: block;
}
.quantity{
display: flex;
align-items: stretch;
width: 100%;
margin: 0;
}
.quantity{
display:flex;
align-items:center;
justify-content:space-between;
height:48px;
padding:0 6px;
border:1px solid rgba(17,17,17,0.12);
border-radius:6px;
background:#fff;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 12px 30px rgba(17,17,17,0.03);
}
.quantity input{
border:none;
background:transparent;
width:40px;
height:100%;
font-size:18px;
font-weight:700;
text-align:center;
}
.quantity input:focus{
outline:none;
} .quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button{
-webkit-appearance: none;
margin: 0;
}
.quantity{
display:flex;
align-items:center;
gap:6px;
height:60px;
padding:6px;
border:1px solid rgba(17,17,17,0.12);
border-radius:6px;
background:#fff;
}
.quantity input{
width:40px;
border:none;
background:transparent;
text-align:center;
font-size:18px;
font-weight:700;
}
.qty-minus,
.qty-plus{
width:42px;
height:48px;
border:none;
border-radius:6px;
background:#f3f4f6;
font-size:20px;
font-weight:700;
cursor:pointer;
}
.quantity input[type=number]{
-moz-appearance:textfield;
}
.single_add_to_cart_button{
width: 100%;
min-height: 60px;
padding: 0 22px;
border-radius: 8px !important;
font-size: 17px;
font-weight: 800;
letter-spacing: -0.01em;
transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease;
box-shadow: 0 16px 34px rgba(17,17,17,0.10);
}
.single_add_to_cart_button:disabled,
.single_add_to_cart_button.disabled{
opacity: .55;
cursor: not-allowed;
} .vl24-product-actions-extra{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 18px;
margin-bottom: 14px;
}
.vl24-btn{
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 11px 18px;
border: 1px solid rgba(17,17,17,0.10);
border-radius: 999px;
background: #fff;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
box-shadow: 0 10px 24px rgba(17,17,17,0.04);
} .vl24-product-small-note{
margin-top: 10px;
font-size: 13px;
line-height: 1.6;
opacity: .78;
}
.vl24-product-meta-wrap{
margin-top: 20px;
padding-top: 18px;
border-top: 1px solid rgba(17,17,17,0.08);
font-size: 13px;
line-height: 1.7;
opacity: .72;
}
.vl24-product-meta-wrap .product_meta > span{
display: block;
}
.vl24-product-meta-wrap .product_meta > span + span{
margin-top: 4px;
} .vl24-product-includes-section,
.vl24-product-tabs-section,
.vl24-product-reviews-summary-section,
.vl24-upsells-section,
.vl24-related-section{
margin-top: 64px;
}
.vl24-product-includes-card,
.vl24-product-tabs-card{
border: 1px solid rgba(17,17,17,0.08);
border-radius: 24px;
background: #fff;
padding: 34px;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 18px 46px rgba(17,17,17,0.04);
}
.vl24-section-head{
margin-bottom: 18px;
}
.vl24-section-head h2,
.vl24-product-reviews-title{
margin: 0;
font-size: clamp(1.65rem, 2vw, 2.15rem);
line-height: 1.08;
letter-spacing: -0.03em;
}
.vl24-product-reviews-meta{
display: flex;
align-items: center;
gap: 14px;
margin-top: 14px;
}
.vl24-product-reviews-stars .star-rating{
margin: 0;
}
.vl24-product-reviews-stats{
display: flex;
flex-direction: column;
gap: 2px;
font-size: 14px;
}
.vl24-no-reviews-yet{
margin: 14px 0 0;
font-size: 14px;
opacity: .75;
} .woocommerce div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs{
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs{
display: flex;
flex-wrap: wrap;
gap: 24px;
margin: 0 0 30px;
padding: 0;
border-bottom: 1px solid rgba(17,17,17,0.08);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li{
margin: 0;
padding: 0;
border: 0;
background: none;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li::after{
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a{
display: inline-flex;
align-items: center;
min-height: 48px;
padding: 0 0 16px;
font-size: 15px;
font-weight: 700;
text-decoration: none;
opacity: .48;
letter-spacing: -0.01em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a{
opacity: 1;
box-shadow: inset 0 -2px 0 #111;
}
.woocommerce-Tabs-panel{
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.85;
}
.woocommerce-Tabs-panel > *:last-child{
margin-bottom: 0;
} .woocommerce-Tabs-panel h1,
.woocommerce-Tabs-panel h2,
.woocommerce-Tabs-panel h3,
.woocommerce-Tabs-panel h4{
margin: 1.5em 0 .6em;
line-height: 1.12;
letter-spacing: -0.03em;
}
.woocommerce-Tabs-panel h2{
font-size: clamp(1.75rem, 2vw, 2.2rem);
}
.woocommerce-Tabs-panel h3{
font-size: clamp(1.2rem, 1.4vw, 1.5rem);
}
.woocommerce-Tabs-panel p{
margin: 0 0 1.1em;
}
.woocommerce-Tabs-panel ul,
.woocommerce-Tabs-panel ol{
margin: 0 0 1.2em 1.2em;
padding: 0;
}
.woocommerce-Tabs-panel li{
margin-bottom: .55em;
}
.woocommerce-Tabs-panel .table-wrap{
width: 100%;
overflow-x: auto;
margin: 22px 0;
}
.woocommerce-Tabs-panel table{
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 18px 0;
font-size: 15px;
line-height: 1.6;
background: #fff;
border: 1px solid rgba(17,17,17,0.08);
border-radius: 18px;
overflow: hidden;
}
.woocommerce-Tabs-panel table th,
.woocommerce-Tabs-panel table td{
padding: 16px 18px;
border-bottom: 1px solid rgba(17,17,17,0.08);
text-align: left;
vertical-align: top;
}
.woocommerce-Tabs-panel table tr:last-child th,
.woocommerce-Tabs-panel table tr:last-child td{
border-bottom: 0;
}
.woocommerce-Tabs-panel table th{
font-weight: 700;
}
.woocommerce-Tabs-panel table td:first-child{
width: 32%;
font-weight: 700;
} .woocommerce table.shop_attributes{
border: 1px solid rgba(17,17,17,0.08);
border-radius: 18px;
overflow: hidden;
margin: 0;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td{
border: 0;
border-bottom: 1px solid rgba(17,17,17,0.08);
padding: 16px 18px;
background: none !important;
}
.woocommerce table.shop_attributes tr:last-child th,
.woocommerce table.shop_attributes tr:last-child td{
border-bottom: 0;
}
.woocommerce table.shop_attributes th{
width: 32%;
font-size: 15px;
font-weight: 700;
}
.woocommerce table.shop_attributes td{
font-size: 15px;
font-style: normal;
}
.woocommerce table.shop_attributes td p{
margin: 0;
} .vl24-upsells-section ul.products,
.vl24-related-section ul.products{
margin: 0;
} @media (max-width: 1280px){
.vl24-product-hero__grid{
grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
gap: 40px;
}
.vl24-product-title{
max-width: none;
}
} @media (max-width: 1024px){
.vl24-product-page--2026{
padding: 24px 20px 60px;
}
.vl24-product-hero__grid{
grid-template-columns: 1fr;
gap: 32px;
}
}
@media (max-width: 767px){
.vl24-product-page--2026{
padding: 18px 16px 48px;
}
.vl24-product-title{
font-size: 2.1rem;
}
.vl24-product-purchase-card,
.vl24-product-includes-card,
.vl24-product-tabs-card{
padding: 22px;
border-radius: 10px;
}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart,
.woocommerce-page div.product form.cart .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart:not(.variations_form),
.woocommerce-page div.product form.cart:not(.variations_form){
grid-template-columns: 1fr;
}
.quantity input{
height: 56px;
border-radius: 16px;
}
.single_add_to_cart_button{
min-height: 56px;
border-radius: 16px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs{
gap: 18px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a{
min-height: 44px;
padding-bottom: 12px;
font-size: 14px;
}
.woocommerce-Tabs-panel table th,
.woocommerce-Tabs-panel table td,
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td{
padding: 14px 12px;
font-size: 14px;
}
}
@media (max-width: 560px){
.vl24-product-title{
font-size: 1.85rem;
}
.vl24-product-actions-extra{
flex-direction: column;
}
.vl24-btn{
width: 100%;
}
} .vl24-gallery{
width:100%;
}
.vl24-gallery-main{
position:relative;
border-radius:10px;
background:transparent;
box-shadow:0 25px 70px rgba(0,0,0,0.08);
aspect-ratio:4/3;
overflow:hidden;
flex: 0 0 auto;
} .vl24-gallery-main:hover img{
transform:scale(1.03); 
} .vl24-gallery-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:44px;
height:44px;
border-radius:50%;
background:rgba(255,255,255,0.9);
border:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
z-index:3;
}
.vl24-gallery-nav--prev{ left:12px; }
.vl24-gallery-nav--next{ right:12px; }
.vl24-gallery-nav:hover{
transform:translateY(-50%) scale(1.1);
} .vl24-gallery-toolbar{
position:absolute;
top:12px;
right:12px;
display:flex;
gap:8px;
z-index:4;
}
.vl24-gallery-counter{
background:rgba(0,0,0,0.6);
color:#fff;
padding:6px 10px;
border-radius:999px;
font-size:12px;
} .vl24-gallery-thumbs-wrap{
position:relative;
margin-top:14px;
} .vl24-gallery-thumbs{
display:flex;
gap:12px;
overflow-x:auto;
padding:6px 8px;
} .vl24-gallery-thumb{
position:relative;
flex:0 0 auto;
width:120px;
height:120px;
border-radius:6px;
overflow:hidden;
background:#fff;
cursor:pointer; border:none; box-shadow:0 8px 22px rgba(0,0,0,0.08);
transition:all .2s ease;
} .vl24-gallery-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
} .vl24-gallery-thumb.is-active{
outline:2px solid #111;
outline-offset:2px; transform:scale(1.03);
}
.vl24-gallery-thumbs{
scroll-behavior:smooth;
} .vl24-gallery-thumbs-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:34px;
height:34px;
border-radius:50%;
background:#fff;
border:none;
z-index:3;
cursor:pointer;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
}
.vl24-gallery-thumbs-nav--prev{ left:-10px; }
.vl24-gallery-thumbs-nav--next{ right:-10px; } .vl24-gallery-lightbox{
position:fixed !important;
top:0;
left:0;
width:100vw;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
background:rgba(0,0,0,0.96);
z-index:999999999 !important;
} .vl24-gallery-lightbox[hidden]{
display:none !important;
} .vl24-gallery-lightbox img{
max-width:92vw;
max-height:92vh;
object-fit:contain;
border-radius:14px;
} .vl24-gallery-lightbox-close{
position:fixed;
top:20px;
right:20px;
width:44px;
height:44px;
border-radius:50%;
background:#fff;
border:none;
font-size:20px;
cursor:pointer;
z-index:999999999;
} .vl24-product-gallery-col,
.vl24-product-gallery-card,
.vl24-gallery,
.vl24-gallery-main{
transform:none !important;
} .vl24-gallery-stage{
position:absolute;
inset:0;
}
.vl24-gallery-main-image{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
}
.vl24-gallery-thumb{
padding:0 !important;
line-height:0;
}  .ce-configurator{
margin:0 0 20px;
} .ce-configurator-field{
margin-bottom:16px;
}
.ce-configurator-field label{
display:block;
margin:0 0 8px;
font-size:15px;
font-weight:700;
line-height:1.3;
}
.ce-configurator-section{
margin-bottom:18px;
}
.ce-configurator-title{
margin:0 0 12px;
font-size:16px;
font-weight:700;
} .ce-configurator-field select{
width:100%;
height:60px;
margin:0;
padding:0 54px 0 18px;
border:1px solid rgba(17,17,17,0.12);
border-radius:18px;
background:#fff;
font-size:16px;
line-height:1;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 12px 30px rgba(17,17,17,0.03);
appearance:none;
} .ce-configurator-field select:focus{
outline:none;
border-color:#111;
} .ce-configurator-field input[type="text"],
.ce-configurator-field input[type="email"],
.ce-configurator-field input[type="tel"],
.ce-configurator-field textarea{
width:100%;
height:60px;
padding:0 18px;
border:1px solid rgba(17,17,17,0.12);
border-radius:18px;
background:#fff;
font-size:16px;
line-height:1;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 12px 30px rgba(17,17,17,0.03);
} .ce-configurator-field textarea{
height:auto;
min-height:120px;
padding:14px 18px;
} .ce-configurator-field input:focus,
.ce-configurator-field textarea:focus{
outline:none;
border-color:#111;
} .ce-children-group{
margin-top:14px;
margin-left:6px;
padding-left:14px;
border-left:2px solid rgba(17,17,17,0.08);
} .ce-required{
color:#dc2626;
margin-left:4px;
} .ce-hidden{
display:none !important;
}  .woocommerce div.product form.cart .ce-configurator,
.woocommerce-page div.product form.cart .ce-configurator,
.woocommerce div.product form.cart .ce-configurator-section,
.woocommerce-page div.product form.cart .ce-configurator-section{
display:block;
width:100%;
max-width:100%;
min-width:0;
grid-column:1 / -1;
} .woocommerce div.product form.cart .woocommerce-variation-add-to-cart .ce-configurator,
.woocommerce-page div.product form.cart .woocommerce-variation-add-to-cart .ce-configurator,
.woocommerce div.product form.cart .ce-configurator{
order:-10;
grid-column:1 / -1;
width:100%;
margin:0 0 22px;
} .ce-configurator-field,
.ce-configurator-choice,
.ce-children-group{
display:block;
width:100%;
max-width:100%;
min-width:0;
} .ce-configurator-field select,
.ce-configurator-field input[type="text"],
.ce-configurator-field input[type="email"],
.ce-configurator-field input[type="tel"],
.ce-configurator-field textarea{
display:block;
width:100% !important;
max-width:100% !important;
min-width:0;
box-sizing:border-box;
} .ce-children-group{
margin-top:14px;
margin-left:0;
padding-left:14px;
border-left:2px solid rgba(17,17,17,0.08);
} .woocommerce div.product form.cart .quantity,
.woocommerce-page div.product form.cart .quantity,
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce-page div.product form.cart .single_add_to_cart_button{
position:relative;
z-index:1;
}
body,
.woocommerce-Tabs-panel,
.vl24-product-excerpt{
font-size: 16px;
line-height: 1.7;
} .vl24-product-summary-col{
padding-left: 10px;
} .vl24-product-hero{
margin-bottom: 40px; } @media (min-width: 1025px){
html, body{
height: auto;
} .vl24-product-hero{
display: block;
} .vl24-product-hero__grid{
display: grid;
align-items: start;
} .vl24-product-gallery-col{
position: sticky;
top: 120px;
}
}  .vl24-product-purchase-card,
.vl24-product-includes-card,
.vl24-product-tabs-card{
border-radius: 6px !important;
} .woocommerce div.product form.cart .variations select,
.ce-configurator-field select,
.ce-configurator-field input,
.ce-configurator-field textarea,
.quantity input{
border-radius: 6px !important;
} .vl24-gallery-main{
border-radius: 6px !important;
}
.vl24-gallery-thumb{
border-radius: 4px !important;
} .single_add_to_cart_button{
border-radius: 6px !important;
} .vl24-product-delivery,
.vl24-product-note-line{
border-radius: 6px !important;
}
.woocommerce div.product form.cart .variations select{
position: absolute !important;
opacity: 0 !important;
pointer-events: none;
height: 0;
} .vl24-swatches{
display:flex;
flex-wrap:wrap;
gap:10px;
} .vl24-swatch{
cursor:pointer;
transition:all .2s ease;
} .vl24-swatch--image{
width:56px;
height:56px;
border-radius:6px;
overflow:hidden;
border:1px solid rgba(0,0,0,0.1);
}
.vl24-swatch--image img{
width:100%;
height:100%;
object-fit:cover;
}
.vl24-swatch--button{
padding:12px 16px;
border-radius:var(--vl24-radius-md);
border:var(--vl24-border);
font-size:var(--vl24-font-md);
font-weight:var(--vl24-fw-medium);
background:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
transition:all .18s ease;
}
.vl24-swatch.is-active{
border-color:#111;
box-shadow:0 0 0 2px #111;
} .vl24-swatch.is-active{
border-color:#111;
box-shadow:0 0 0 2px #111;
}
.vl24-swatch-tooltip{
position: fixed;
transform: translateX(-50%);
background:#111;
color:#fff;
padding:6px 10px;
font-size:12px;
border-radius:6px;
pointer-events:none;
white-space:nowrap;
z-index:9999;
opacity:0;
animation:fadeIn .15s ease forwards;
}
@keyframes fadeIn{
to{ opacity:1; }
}
.vl24-product-title-wrap{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
}
.vl24-product-title-rating .star-rating{
font-size:14px;
}
.vl24-product-purchase{
display:block;
}  .vl24-checkout-grid{
display:grid;
grid-template-columns: minmax(0, 1fr) 420px;
gap:40px;
align-items:start;
} .vl24-checkout-main{
width:100%;
min-width:0;
} .vl24-checkout-side{
width:100%;
position:sticky;
top:120px;
} @media (max-width: 1024px){
.vl24-checkout-grid{
grid-template-columns:1fr;
}
.vl24-checkout-side{
position:relative;
top:auto;
}
} #customer_details{
background:#fff;
padding:28px;
border:var(--vl24-border);
border-radius:var(--vl24-radius-md);
box-shadow:0 12px 30px rgba(0,0,0,0.04);
} .vl24-checkout-side h3{
font-size:18px;
font-weight:700;
margin-bottom:16px;
} .woocommerce-checkout .form-row{
margin-bottom:14px;
}
.woocommerce-checkout input,
.woocommerce-checkout select{
width:100%;
height:52px;
padding:0 16px;
border:var(--vl24-border);
border-radius:var(--vl24-radius-md);
font-size:15px;
box-sizing:border-box;
} .woocommerce-checkout textarea{
width:100%;
padding:14px 16px;
border:var(--vl24-border);
border-radius:var(--vl24-radius-md);
} #place_order{
width:100%;
height:58px;
background:#111;
color:#fff;
font-weight:700;
border-radius:6px;
} .vl24-checkout-note{
margin-top:20px;
font-size:14px;
opacity:0.7;
} @media (max-width:640px){
.vl24-option-grid{
grid-template-columns:1fr;
}
} .vl24-checkout-card{
margin-top:20px;
padding:24px;
background:#fff;
border:1px solid rgba(17,17,17,0.08);
border-radius:6px;
box-shadow:0 12px 30px rgba(0,0,0,0.04);
}
.vl24-checkout-main > *{
margin-bottom:20px;
} .vl24-checkout-section{
margin-top:20px;
}
.vl24-checkout-section h4{
margin-bottom:10px;
font-size:15px;
font-weight:700;
} .vl24-swatch-group{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.vl24-swatch-group .vl24-swatch{
min-width:180px;
} .vl24-swatch.is-active{
border-color:#111;
box-shadow:0 0 0 2px #111;
}  .vl24-checkout-side{
position:sticky;
top:120px;
}
.vl24-checkout-side > h3{
display:none;
}
.vl24-checkout-side{
background:#fff;
padding:28px;
border:1px solid rgba(17,17,17,0.08);
border-radius:6px;
box-shadow:0 20px 50px rgba(0,0,0,0.06);
} .vl24-checkout-side table{
margin:0;
}
.vl24-checkout-side th{
font-weight:700;
} #customer_details{
padding:28px;
} #vl24-delivery-extra{
margin-top:16px;
padding-top:14px;
border-top:1px solid rgba(0,0,0,0.08);
} #vl24-delivery-extra .vl24-checkbox{
display:flex;
align-items:center;
gap:10px;
font-size:14px;
margin-bottom:14px;
} #vl24-delivery-extra input[type="checkbox"]{
width:18px;
height:18px;
margin:0;
} #vl24-shipping-wrapper h3{
display:none;
} #vl24-shipping-wrapper .woocommerce-shipping-fields{
margin:0;
padding:0;
} #vl24-shipping-wrapper .form-row{
width:100%;
float:none;
} #vl24-shipping-wrapper input{
height:52px;
border-radius:6px;
border:1px solid rgba(0,0,0,0.15);
} .vl24-checkout-grid{
max-width:1400px;
margin:0 auto;
padding:0 20px;
} .vl24-checkout-main > *{
margin-bottom:24px;
} .vl24-swatch-group{
margin-top:8px;
} .woocommerce-shipping-fields__field-wrapper{
display:block;
} #place_order{
margin-top:20px;
}  #customer_details label{
display:block;
margin-bottom:8px;
font-size:15px;
font-weight:700;
} #customer_details input,
#customer_details select,
#customer_details textarea{
width:100%;
height:48px;
padding:0 16px;
border:1px solid rgba(0,0,0,0.15);
border-radius:6px;
background:#fff;
font-size:15px;
font-weight:600;
line-height:1;
box-sizing:border-box;
transition:all .18s ease;
} #customer_details textarea{
height:auto;
min-height:110px;
padding:14px 16px;
} #customer_details input:focus,
#customer_details select:focus,
#customer_details textarea:focus{
outline:none;
border-color:#111;
box-shadow:0 0 0 2px rgba(17,17,17,0.1);
} #customer_details input::placeholder{
opacity:0.6;
font-weight:500;
} #customer_details select{
background-position:
calc(100% - 20px) calc(50% - 2px),
calc(100% - 14px) calc(50% - 2px);
background-size:6px 6px, 6px 6px;
background-repeat:no-repeat;
} #customer_details .form-row{
margin-bottom:16px;
} #customer_details .form-row-first,
#customer_details .form-row-last{
float:none;
width:100%;
} #customer_details .form-row-first,
#customer_details .form-row-last{
display:inline-block;
width:calc(50% - 8px);
}
#customer_details .form-row-first{
margin-right:16px;
} #customer_details *{
box-sizing:border-box;
}  #customer_details input,
#customer_details select,
#vl24-shipping-wrapper input,
#vl24-shipping-wrapper select{
height:48px !important;
border-radius:6px !important;
border:1px solid rgba(0,0,0,0.15) !important;
font-size:15px;
padding:0 16px;
width:100%;
box-sizing:border-box;
} .select2-container .select2-selection--single{
height:48px !important;
border-radius:6px !important;
border:1px solid rgba(0,0,0,0.15) !important;
display:flex;
align-items:center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:48px !important;
padding-left:16px;
font-size:15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
height:48px !important;
} #customer_details .form-row,
#vl24-shipping-wrapper .form-row{
width:100% !important;
float:none !important;
margin-bottom:16px;
} #customer_details .form-row-first,
#customer_details .form-row-last,
#vl24-shipping-wrapper .form-row-first,
#vl24-shipping-wrapper .form-row-last{
display:inline-block;
width:calc(50% - 8px);
vertical-align:top;
}
#customer_details .form-row-first,
#vl24-shipping-wrapper .form-row-first{
margin-right:16px;
} #customer_details .form-row-wide,
#vl24-shipping-wrapper .form-row-wide{
width:100%;
display:block;
} #vl24-shipping-wrapper label{
display:block;
margin-bottom:8px;
font-size:15px;
font-weight:700;
} .select2-container{
width:100% !important;
z-index:9999;
} .woocommerce-checkout-review-order-table .shipping{
display:none !important;
} .vl24-thankyou{
max-width:1400px;
margin:40px auto;
padding:0 20px;
} .vl24-thankyou-hero{
margin-bottom:32px;
}
.vl24-thankyou-hero h1{
font-size:32px;
margin-bottom:10px;
}
.vl24-thankyou-lead{
font-size:16px;
font-weight:600;
margin-bottom:6px;
}
.vl24-thankyou-desc{
opacity:0.7;
max-width:600px;
} .vl24-thankyou-grid{
display:grid;
grid-template-columns: minmax(0,1fr) 360px;
gap:32px;
} .vl24-thankyou-card{
background:#fff;
padding:28px;
border:var(--vl24-border);
border-radius:6px;
box-shadow:0 20px 50px rgba(0,0,0,0.05);
}
.vl24-thankyou-card h3{
margin-bottom:14px;
font-size:18px;
} .vl24-thankyou-card ul{
padding-left:18px;
}
.vl24-thankyou-card li{
margin-bottom:6px;
} @media(max-width:900px){
.vl24-thankyou-grid{
grid-template-columns:1fr;
}
} .vl24-order-card{
display:grid;
grid-template-columns:120px minmax(0,1fr);
gap:16px;
padding:20px;
border:1px solid rgba(17,17,17,0.08);
border-radius:6px;
background:#fff;
}
.vl24-order-card + .vl24-order-card{
margin-top:16px;
} .vl24-order-image{
width:120px;
height:120px;
overflow:hidden;
border-radius:6px;
background:#f5f5f5;
}
.vl24-order-image img{
width:100%;
height:100%;
object-fit:cover;
} .vl24-order-content{
display:flex;
flex-direction:column;
gap:12px;
} .vl24-order-title{
font-size:20px;
font-weight:700;
line-height:1.2;
letter-spacing:-0.01em;
} .vl24-order-price{
margin-top:6px;
font-size:16px;
font-weight:700;
} .vl24-order-note{
font-size:13px;
opacity:0.6;
} .vl24-order-specs{
display:flex;
flex-direction:column;
gap:10px;
margin-top:8px;
} .vl24-order-option{
display:flex;
justify-content:space-between;
align-items:center;
padding:8px 0;
border-bottom:1px solid rgba(0,0,0,0.06);
} .vl24-order-option:last-child{
border-bottom:none;
} .vl24-order-option-label{
font-size:14px;
opacity:0.6;
} .vl24-order-option-value{
font-size:14px;
font-weight:600;
}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart,
.woocommerce-page div.product form.cart .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart:not(.variations_form),
.woocommerce-page div.product form.cart:not(.variations_form){
display:flex;
align-items:stretch;
gap:8px;
flex-wrap:wrap;
}
.woocommerce div.product form.cart .quantity{
width:140px;
flex:0 0 140px;
}
.woocommerce div.product form.cart .single_add_to_cart_button{
flex:1;
width:auto;
margin:0 !important;
}
.vl24-quote-btn{
flex:1;
min-height:60px;
padding:0 22px;
border:1px solid #111;
border-radius:6px;
background:#fff;
color:#111;
font-size:15px;
font-weight:800;
cursor:pointer;
}
@media (max-width:767px){
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart,
.woocommerce-page div.product form.cart .woocommerce-variation-add-to-cart{
display:flex !important;
flex-direction:row !important;
align-items:stretch !important;
gap:8px !important;
flex-wrap:wrap !important;
}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart .quantity,
.woocommerce-page div.product form.cart .woocommerce-variation-add-to-cart .quantity{
width:120px !important;
flex:0 0 120px !important;
margin:0 !important;
}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.woocommerce-page div.product form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button{
flex:1 1 0 !important;
width:auto !important;
min-width:0 !important;
margin:0 !important;
}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart .vl24-quote-btn,
.woocommerce-page div.product form.cart .woocommerce-variation-add-to-cart .vl24-quote-btn{
flex:0 0 100% !important;
width:100% !important;
margin-top:10px !important;
}
}
.single_add_to_cart_button,
.vl24-quote-btn{
font-family: inherit !important;
font-size: 17px !important;
font-weight: 800 !important;
letter-spacing: -0.01em !important;
line-height: 1 !important;
}
.single_add_to_cart_button *{
font-family: inherit !important;
font-weight: inherit !important;
} .vl24-header{
width:100%;
}
.vl24-header *,
.vl24-header *::before,
.vl24-header *::after{
box-sizing:border-box;
} .vl24-header .vl24-container{
width:100%;
max-width:1520px;
margin:0 auto;
padding-left:20px;
padding-right:20px;
} .vl24-header-top{
background:#efefef;
border-bottom:1px solid rgba(0,0,0,0.06);
}
.vl24-header-top .vl24-container{
display:flex;
justify-content:space-between;
align-items:center;
padding-top:10px;
padding-bottom:10px;
} .vl24-top-menu{
margin:0;
padding:0;
}
.vl24-top-menu-list{
display:flex;
align-items:center;
gap:0;
list-style:none;
margin:0;
padding:0;
}
.vl24-top-menu-list li{
display:flex;
align-items:center;
margin:0;
padding:0;
}
.vl24-top-menu-list a{
display:flex;
align-items:center;
padding:0 16px;
font-size:14px;
color:#111;
text-decoration:none;
}
.vl24-top-menu-list li{
display:flex;
height:100%;
}
.vl24-top-menu-list a{
display:flex;
align-items:center;
height:100%;
padding:0 16px;
}
.vl24-top-menu-list li:first-child a{
padding-left:0;
}
.vl24-top-menu-list li:hover{
background:#dcdcdc;
} .vl24-top-right{
display:flex;
align-items:center;
gap:18px;
}
.vl24-phone{
font-size:14px;
white-space:nowrap;
}
.vl24-icons{
display:flex;
align-items:center;
gap:12px;
}
.vl24-icon{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
}
.vl24-icon svg,
.vl24-cart svg{
width:24px;
height:24px;
stroke:#111;
stroke-width:2.4;
transition:stroke .2s ease;
}
.vl24-icon:hover svg,
.vl24-cart:hover svg{
stroke:var(--vl24-green);
}
.vl24-cart{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
}
.vl24-cart-count{
position:absolute;
top:-6px;
right:-6px;
min-width:18px;
height:18px;
display:flex;
align-items:center;
justify-content:center;
padding:0 5px;
border-radius:999px;
background:var(--vl24-orange);
color:#fff;
font-size:11px;
font-weight:700;
line-height:1;
text-decoration:none !important;
}
.vl24-header-main .vl24-container{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:32px;
padding-top:14px;  
padding-bottom:14px;
}
.vl24-logo{
margin:0;
padding:0;
}
.vl24-logo a{
display:inline-flex;
align-items:center;
font-size:20px;
font-weight:700;
color:#111;
text-decoration:none;
}
.vl24-search svg{
width:18px;
height:18px;
flex:0 0 auto;
}
.vl24-cta-group{
display:flex;
align-items:center;
gap:12px;
}
.vl24-btn-primary{
display:inline-flex;
align-items:center;
justify-content:center;
height:46px;
padding:0 22px;
border-radius:6px;
background:var(--vl24-green);
color:#fff;
font-size:15px;
font-weight:600;
text-decoration:none;
white-space:nowrap;
}
.vl24-btn-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
height:46px;
padding:0 22px;
border:1px solid var(--vl24-green);
border-radius:6px;
background:#fff;
color:var(--vl24-green);
font-size:15px;
font-weight:600;
text-decoration:none;
white-space:nowrap;
} .vl24-header-categories{
background:var(--vl24-green);
}
.vl24-header-categories .vl24-container{
display:block !important;
text-align:left !important;
padding-top:0;
padding-bottom:0;
}
.vl24-header-categories .vl24-container{
display:flex !important;
align-items:center;
min-height:44px; 
}
.vl24-cat-menu{
display:flex !important;
align-items:center;
justify-content:flex-start !important;
gap:34px;
width:100%;
list-style:none;
margin:0;
padding:14px 0;
padding-inline-start:0 !important;
text-align:left !important;
}
.vl24-cat-menu li{
position:relative;
display:flex;
align-items:center;
margin:0;
padding:0;
}
.vl24-cat-menu li:first-child{
margin-left:0 !important;
}
.vl24-cat-menu li:first-child a{
padding-left:0 !important;
}
.vl24-cat-menu a{
position:relative;
display:inline-flex;
align-items:center;
line-height:1;
padding:0;
font-size:16px !important;
font-weight:600 !important;
color:#fff !important;
letter-spacing:0.01em;
text-decoration:none;
}
.vl24-cat-menu a::after{
content:"";
position:absolute;
left:0;
bottom:-25px !important;
width:100%;
height:3px;
background:#0b0b0b;
transform:scaleX(0);
transform-origin:left;
transition:transform .2s ease;
}
.vl24-cat-menu li:hover a::after{
transform:scaleX(1);
}
.vl24-cat-menu a:hover{
color:#fff;
opacity:.85;
} @media (max-width:1024px){
.vl24-header-main .vl24-container{
grid-template-columns:1fr;
gap:16px;
}
.vl24-cta-group{
flex-wrap:wrap;
}
} .vl24-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 20px;
border-radius:6px;
font-size:15px;
font-weight:700;
text-decoration:none;
cursor:pointer;
transition:all .18s ease;
border:1px solid transparent;
} .vl24-btn--primary{
background:var(--vl24-green);
color:#fff;
}
.vl24-btn--primary:hover{
background:var(--vl24-green-dark);
transform:translateY(-1px);
} .vl24-btn--ghost{
background:var(--vl24-green-soft);
color:var(--vl24-green-dark);
} .vl24-btn--outline{
background:#fff;
border:1px solid var(--vl24-green);
color:var(--vl24-green);
}
.vl24-btn--outline:hover{
background:var(--vl24-green);
color:#fff;
} .vl24-btn--danger{
background:var(--vl24-orange);
color:#fff;
} .vl24-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:6px 10px;
border-radius:999px;
font-size:11px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
} .vl24-badge--sale{
background:var(--vl24-orange);
color:#fff;
} .vl24-badge--new{
background:var(--vl24-green);
color:#fff;
} .vl24-badge--stock{
background:var(--vl24-green-soft);
color:var(--vl24-green-dark);
} .vl24-badge--low{
background:#fee2e2;
color:#b91c1c;
} .vl24-card{
background:#fff;
border:1px solid rgba(0,0,0,0.08);
border-radius:6px;
overflow:hidden;
transition:all .2s ease;
} .vl24-card:hover{
transform:translateY(-4px);
box-shadow:0 20px 50px rgba(0,0,0,0.08);
} .vl24-card-image{
aspect-ratio:4/3;
overflow:hidden;
}
.vl24-card-image img{
width:100%;
height:100%;
object-fit:cover;
} .vl24-card-body{
padding:16px;
} .vl24-card-title{
font-size:16px;
font-weight:700;
margin-bottom:6px;
} .vl24-card-price{
font-size:18px;
font-weight:800;
color:var(--vl24-green-dark);
} .vl24-card-actions{
margin-top:12px;
display:flex;
gap:8px;
} .vl24-grid{
display:grid;
grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
gap:20px;
} @media(max-width:640px){
.vl24-grid{
grid-template-columns:1fr;
}
}
.vl24-cart-count{
background:var(--vl24-orange);
color:#fff;
font-size:12px;
padding:2px 6px;
border-radius:999px;
}
.vl24-btn-primary{
background:var(--vl24-green);
}
.vl24-btn-primary--alt{
background:var(--vl24-orange);
}
.single_add_to_cart_button{
background:var(--vl24-green) !important;
color:#fff !important;
border:none !important;
}
.vl24-cat-menu a:hover{
color:#fff;
opacity:0.85;
}
.vl24-cat-menu li:hover{
transform:translateY(-1px);
}
.vl24-icon svg,
.vl24-cart svg{
transition:stroke .2s ease;
}
.vl24-top-menu-list a{
position:relative;
z-index:1;
}
.vl24-top-menu-list a::before{
content:"";
position:absolute;
top:-10px;
bottom:-10px;
left:0;
right:0;
background:#dcdcdc;
opacity:0;
z-index:-1;
transition:opacity .2s ease;
}
.vl24-top-menu-list a:hover::before{
opacity:1;
}
.vl24-header-categories{
position: relative;
background: var(--vl24-green) !important;
overflow: hidden;
}
.vl24-header-categories::before{
content:"";
position:absolute;
inset:0;
background: linear-gradient(
120deg,
transparent 20%,
rgba(255,255,255,0.25) 45%,
transparent 70%
);
opacity:0.4;
pointer-events:none;
} .menu-sale > a{
display:inline-flex;
align-items:center;
justify-content:center;
background: linear-gradient(135deg, #ff3b3b, #ff7a00);
color:#fff !important;
padding:10px 18px;
border-radius:6px;
font-weight:800;
letter-spacing:0.02em;
transition:all .25s ease;
box-shadow:0 6px 16px rgba(0,0,0,0.25);
} :root{ --vl24-gap-xs:6px;
--vl24-gap-sm:10px;
--vl24-gap-md:16px;
--vl24-gap-lg:22px; --vl24-radius-sm:4px;
--vl24-radius-md:6px;
--vl24-radius-lg:10px; --vl24-font-sm:14px;
--vl24-font-md:15px;
--vl24-font-lg:16px; --vl24-fw-medium:600;
--vl24-fw-bold:700; --vl24-border:1px solid rgba(0,0,0,0.15);
}
:root{
--vl24-green: linear-gradient(
135deg,
#4ade80 0%,
#22c55e 40%,
#15803d 100%
);       
--vl24-green-dark: #24965a;   
--vl24-green-light: #6ee7a6; 
--vl24-green-soft: #e6f9ef;
--vl24-text: #111;
--vl24-text-muted: #6b7280;
}
:root{
--vl24-orange: #f59e0b;
--vl24-orange-dark: #d97706;
--vl24-orange-soft: #fff4e5;
} .vl24-product-page--2026{
max-width: 1520px;
margin: 0 auto;
padding: 28px 28px 88px;
} .vl24-product-hero{
margin-bottom: 72px;
}
.vl24-product-hero__grid{
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
gap: 64px;
align-items: start;
}
.vl24-product-gallery-col,
.vl24-product-summary-col{
min-width: 0;
} .vl24-product-gallery-col{
position: relative;
}
.vl24-product-gallery-card{
position: relative;
}
.vl24-product-image-wrap{
overflow: visible;
} .vl24-product-badge{
position: absolute;
top: 18px;
left: 18px;
z-index: 4;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 10px 14px;
border: 1px solid rgba(17,17,17,0.10);
border-radius: 999px;
background: rgba(255,255,255,0.92);
backdrop-filter: blur(10px);
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: .04em;
text-transform: uppercase;
box-shadow: 0 10px 24px rgba(17,17,17,0.06);
} .vl24-product-header{
margin-bottom: 20px;
}
.vl24-product-title{
margin: 0 0 12px;
font-size: clamp(1.8rem, 2.4vw, 2.6rem);
line-height: .98;
letter-spacing: -0.02em;
font-weight: 600;
max-width: 11ch;
}
.vl24-product-rating-summary{
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
}
.vl24-product-rating-summary .star-rating{
margin: 0;
}
.vl24-rating-link{
font-size: 14px;
text-decoration: none;
opacity: .72;
}
.vl24-rating-link:hover{
opacity: 1;
}
.vl24-product-price-row{
margin: 0 0 20px;
}
.vl24-product-price-row .price{
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: baseline;
margin: 0;
font-size: clamp(2rem, 3vw, 3rem);
line-height: 1;
font-weight: 800;
letter-spacing: -0.04em;
}
.vl24-product-price-row del{
opacity: .45;
font-size: .62em;
font-weight: 600;
}
.vl24-product-price-row ins{
text-decoration: none;
}
.vl24-product-excerpt{
margin-bottom: 24px;
max-width: 60ch;
font-size: 17px;
line-height: 1.78;
opacity: .9;
}
.vl24-product-excerpt > *:last-child{
margin-bottom: 0;
} .vl24-product-info-strip{
display: grid;
gap: 10px;
margin-bottom: 22px;
}
.vl24-product-delivery,
.vl24-product-note-line{
display: flex;
align-items: center;
min-height: 48px;
padding: 12px 16px;
border: 1px solid rgba(17,17,17,0.07);
border-radius: 8px;
background: rgba(255,255,255,0.78);
backdrop-filter: blur(10px);
font-size: 14px;
line-height: 1.45;
box-shadow: 0 8px 20px rgba(17,17,17,0.03);
} .vl24-product-benefits{
margin-bottom: 20px;
}
.vl24-product-list{
margin: 0;
padding: 0;
list-style: none;
}
.vl24-product-list li{
position: relative;
margin: 0;
padding: 0 0 0 20px;
font-size: 15px;
line-height: 1.6;
}
.vl24-product-list li + li{
margin-top: 8px;
}
.vl24-product-list li::before{
content: "";
position: absolute;
top: 10px;
left: 0;
width: 7px;
height: 7px;
border-radius: 999px;
background: #111;
opacity: .8;
} .vl24-product-purchase-card{
margin-top: 22px;
margin-bottom: 18px;
padding: 28px;
border: 1px solid rgba(17,17,17,0.08);
border-radius: 24px;
background: #fff;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 28px 70px rgba(17,17,17,0.06);
}
.woocommerce div.product form.cart,
.woocommerce-page div.product form.cart{
margin: 0;
} .woocommerce div.product form.cart .variations{
display:block;
margin:0 0 20px;
}
.woocommerce div.product form.cart .variations tbody,
.woocommerce div.product form.cart .variations tr{
display:block;
}
.woocommerce div.product form.cart .variations td{
display:block;
padding:0;
border:0;
} .woocommerce div.product form.cart .variations tr{
margin-bottom:16px;
} .woocommerce div.product form.cart .variations td.label{
margin:0 0 4px;
}
.woocommerce div.product form.cart .variations td.label label{
display:block;
margin:0;
font-size:15px;
font-weight:700;
line-height:1.3;
} .woocommerce div.product form.cart .variations td.value{
display:flex;
flex-wrap:wrap;
gap:10px;
} .vl24-swatches{
display:flex;
flex-wrap:wrap;
gap:10px;
} .vl24-swatch--button{
height:48px;
min-height:48px;
padding:0 16px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:15px;
font-weight:600;
border-radius:6px;
border:1px solid rgba(0,0,0,0.15);
background:#fff;
line-height:1;
white-space:nowrap;
} .woocommerce div.product form.cart .variations td.value *{
box-sizing:border-box;
}  .woocommerce div.product form.cart .variations td.label label{
font-size:15px;
font-weight:700;
margin-bottom:8px;
} .woocommerce div.product form.cart .variations td.value{
display:flex;
flex-wrap:wrap;
gap:10px;
} .woocommerce div.product form.cart .variations select{
position:absolute !important;
opacity:0 !important;
pointer-events:none;
height:0;
} .woocommerce div.product form.cart .variations td.value .vl24-swatches{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.woocommerce div.product form.cart .variations select:focus,
.woocommerce-page div.product form.cart .variations select:focus{
outline: none;
border-color: #111;
} .single_variation_wrap{
margin-top: 8px;
}
.single_variation{
margin-bottom: 16px;
}
.woocommerce-variation-price{
margin-bottom: 10px;
font-size: 15px;
font-weight: 700;
}
.woocommerce-variation-availability{
margin-bottom: 8px;
font-size: 14px;
} .woocommerce div.product form.cart .single_variation_wrap,
.woocommerce-page div.product form.cart .single_variation_wrap{
display: block;
}
.quantity{
display: flex;
align-items: stretch;
width: 100%;
margin: 0;
}
.quantity{
display:flex;
align-items:center;
justify-content:space-between;
height:60px;
padding:0 6px;
border:1px solid rgba(17,17,17,0.12);
border-radius:6px;
background:#fff;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 12px 30px rgba(17,17,17,0.03);
}
.quantity input{
border:none;
background:transparent;
width:40px;
height:100%;
font-size:18px;
font-weight:700;
text-align:center;
}
.quantity input:focus{
outline:none;
} .quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button{
-webkit-appearance: none;
margin: 0;
}
.quantity{
display:flex;
align-items:center;
gap:6px;
height:60px;
padding:6px;
border:1px solid rgba(17,17,17,0.12);
border-radius:6px;
background:#fff;
}
.quantity input{
width:40px;
border:none;
background:transparent;
text-align:center;
font-size:18px;
font-weight:700;
}
.qty-minus,
.qty-plus{
width:42px;
height:48px;
border:none;
border-radius:6px;
background:#f3f4f6;
font-size:20px;
font-weight:700;
cursor:pointer;
}
.quantity input[type=number]{
-moz-appearance:textfield;
}
.single_add_to_cart_button{
width: 100%;
min-height: 60px;
padding: 0 22px;
border-radius: 8px !important;
font-size: 17px;
font-weight: 800;
letter-spacing: -0.01em;
transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease;
box-shadow: 0 16px 34px rgba(17,17,17,0.10);
}
.single_add_to_cart_button:disabled,
.single_add_to_cart_button.disabled{
opacity: .55;
cursor: not-allowed;
} .vl24-product-actions-extra{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 18px;
margin-bottom: 14px;
}
.vl24-btn{
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 11px 18px;
border: 1px solid rgba(17,17,17,0.10);
border-radius: 999px;
background: #fff;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
box-shadow: 0 10px 24px rgba(17,17,17,0.04);
} .vl24-product-small-note{
margin-top: 10px;
font-size: 13px;
line-height: 1.6;
opacity: .78;
}
.vl24-product-meta-wrap{
margin-top: 20px;
padding-top: 18px;
border-top: 1px solid rgba(17,17,17,0.08);
font-size: 13px;
line-height: 1.7;
opacity: .72;
}
.vl24-product-meta-wrap .product_meta > span{
display: block;
}
.vl24-product-meta-wrap .product_meta > span + span{
margin-top: 4px;
} .vl24-product-includes-section,
.vl24-product-tabs-section,
.vl24-product-reviews-summary-section,
.vl24-upsells-section,
.vl24-related-section{
margin-top: 64px;
}
.vl24-product-includes-card,
.vl24-product-tabs-card{
border: 1px solid rgba(17,17,17,0.08);
border-radius: 24px;
background: #fff;
padding: 34px;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 18px 46px rgba(17,17,17,0.04);
}
.vl24-section-head{
margin-bottom: 18px;
}
.vl24-section-head h2,
.vl24-product-reviews-title{
margin: 0;
font-size: clamp(1.65rem, 2vw, 2.15rem);
line-height: 1.08;
letter-spacing: -0.03em;
}
.vl24-product-reviews-meta{
display: flex;
align-items: center;
gap: 14px;
margin-top: 14px;
}
.vl24-product-reviews-stars .star-rating{
margin: 0;
}
.vl24-product-reviews-stats{
display: flex;
flex-direction: column;
gap: 2px;
font-size: 14px;
}
.vl24-no-reviews-yet{
margin: 14px 0 0;
font-size: 14px;
opacity: .75;
} .woocommerce div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs{
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs{
display: flex;
flex-wrap: wrap;
gap: 24px;
margin: 0 0 30px;
padding: 0;
border-bottom: 1px solid rgba(17,17,17,0.08);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li{
margin: 0;
padding: 0;
border: 0;
background: none;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li::after{
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a{
display: inline-flex;
align-items: center;
min-height: 48px;
padding: 0 0 16px;
font-size: 15px;
font-weight: 700;
text-decoration: none;
opacity: .48;
letter-spacing: -0.01em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a{
opacity: 1;
box-shadow: inset 0 -2px 0 #111;
}
.woocommerce-Tabs-panel{
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.85;
}
.woocommerce-Tabs-panel > *:last-child{
margin-bottom: 0;
} .woocommerce-Tabs-panel h1,
.woocommerce-Tabs-panel h2,
.woocommerce-Tabs-panel h3,
.woocommerce-Tabs-panel h4{
margin: 1.5em 0 .6em;
line-height: 1.12;
letter-spacing: -0.03em;
}
.woocommerce-Tabs-panel h2{
font-size: clamp(1.75rem, 2vw, 2.2rem);
}
.woocommerce-Tabs-panel h3{
font-size: clamp(1.2rem, 1.4vw, 1.5rem);
}
.woocommerce-Tabs-panel p{
margin: 0 0 1.1em;
}
.woocommerce-Tabs-panel ul,
.woocommerce-Tabs-panel ol{
margin: 0 0 1.2em 1.2em;
padding: 0;
}
.woocommerce-Tabs-panel li{
margin-bottom: .55em;
}
.woocommerce-Tabs-panel .table-wrap{
width: 100%;
overflow-x: auto;
margin: 22px 0;
}
.woocommerce-Tabs-panel table{
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 18px 0;
font-size: 15px;
line-height: 1.6;
background: #fff;
border: 1px solid rgba(17,17,17,0.08);
border-radius: 18px;
overflow: hidden;
}
.woocommerce-Tabs-panel table th,
.woocommerce-Tabs-panel table td{
padding: 16px 18px;
border-bottom: 1px solid rgba(17,17,17,0.08);
text-align: left;
vertical-align: top;
}
.woocommerce-Tabs-panel table tr:last-child th,
.woocommerce-Tabs-panel table tr:last-child td{
border-bottom: 0;
}
.woocommerce-Tabs-panel table th{
font-weight: 700;
}
.woocommerce-Tabs-panel table td:first-child{
width: 32%;
font-weight: 700;
} .woocommerce table.shop_attributes{
border: 1px solid rgba(17,17,17,0.08);
border-radius: 18px;
overflow: hidden;
margin: 0;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td{
border: 0;
border-bottom: 1px solid rgba(17,17,17,0.08);
padding: 16px 18px;
background: none !important;
}
.woocommerce table.shop_attributes tr:last-child th,
.woocommerce table.shop_attributes tr:last-child td{
border-bottom: 0;
}
.woocommerce table.shop_attributes th{
width: 32%;
font-size: 15px;
font-weight: 700;
}
.woocommerce table.shop_attributes td{
font-size: 15px;
font-style: normal;
}
.woocommerce table.shop_attributes td p{
margin: 0;
} .vl24-upsells-section ul.products,
.vl24-related-section ul.products{
margin: 0;
} @media (max-width: 1280px){
.vl24-product-hero__grid{
grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
gap: 40px;
}
.vl24-product-title{
max-width: none;
}
} @media (max-width: 1024px){
.vl24-product-page--2026{
padding: 24px 20px 60px;
}
.vl24-product-hero__grid{
grid-template-columns: 1fr;
gap: 32px;
}
}
@media (max-width: 767px){
.vl24-product-page--2026{
padding: 18px 16px 48px;
}
.vl24-product-title{
font-size: 2.1rem;
}
.vl24-product-purchase-card,
.vl24-product-includes-card,
.vl24-product-tabs-card{
padding: 22px;
border-radius: 10px;
}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart,
.woocommerce-page div.product form.cart .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart:not(.variations_form),
.woocommerce-page div.product form.cart:not(.variations_form){
grid-template-columns: 1fr;
}
.quantity input{
height: 56px;
border-radius: 16px;
}
.single_add_to_cart_button{
min-height: 56px;
border-radius: 16px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs{
gap: 18px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a{
min-height: 44px;
padding-bottom: 12px;
font-size: 14px;
}
.woocommerce-Tabs-panel table th,
.woocommerce-Tabs-panel table td,
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td{
padding: 14px 12px;
font-size: 14px;
}
}
@media (max-width: 560px){
.vl24-product-title{
font-size: 1.85rem;
}
.vl24-product-actions-extra{
flex-direction: column;
}
.vl24-btn{
width: 100%;
}
} .vl24-gallery{
width:100%;
}
.vl24-gallery-main{
position:relative;
border-radius:10px;
background:transparent;
box-shadow:0 25px 70px rgba(0,0,0,0.08);
aspect-ratio:4/3;
overflow:hidden;
flex: 0 0 auto;
} .vl24-gallery-main:hover img{
transform:scale(1.03); 
} .vl24-gallery-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:44px;
height:44px;
border-radius:50%;
background:rgba(255,255,255,0.9);
border:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
z-index:3;
}
.vl24-gallery-nav--prev{ left:12px; }
.vl24-gallery-nav--next{ right:12px; }
.vl24-gallery-nav:hover{
transform:translateY(-50%) scale(1.1);
} .vl24-gallery-toolbar{
position:absolute;
top:12px;
right:12px;
display:flex;
gap:8px;
z-index:4;
}
.vl24-gallery-counter{
background:rgba(0,0,0,0.6);
color:#fff;
padding:6px 10px;
border-radius:999px;
font-size:12px;
} .vl24-gallery-thumbs-wrap{
position:relative;
margin-top:14px;
} .vl24-gallery-thumbs{
display:flex;
gap:12px;
overflow-x:auto;
padding:6px 8px;
} .vl24-gallery-thumb{
position:relative;
flex:0 0 auto;
width:120px;
height:120px;
border-radius:6px;
overflow:hidden;
background:#fff;
cursor:pointer; border:none; box-shadow:0 8px 22px rgba(0,0,0,0.08);
transition:all .2s ease;
} .vl24-gallery-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
} .vl24-gallery-thumb.is-active{
outline:2px solid #111;
outline-offset:2px; transform:scale(1.03);
}
.vl24-gallery-thumbs{
scroll-behavior:smooth;
} .vl24-gallery-thumbs-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:34px;
height:34px;
border-radius:50%;
background:#fff;
border:none;
z-index:3;
cursor:pointer;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
}
.vl24-gallery-thumbs-nav--prev{ left:-10px; }
.vl24-gallery-thumbs-nav--next{ right:-10px; } .vl24-gallery-lightbox{
position:fixed !important;
top:0;
left:0;
width:100vw;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
background:rgba(0,0,0,0.96);
z-index:999999999 !important;
} .vl24-gallery-lightbox[hidden]{
display:none !important;
} .vl24-gallery-lightbox img{
max-width:92vw;
max-height:92vh;
object-fit:contain;
border-radius:14px;
} .vl24-gallery-lightbox-close{
position:fixed;
top:20px;
right:20px;
width:44px;
height:44px;
border-radius:50%;
background:#fff;
border:none;
font-size:20px;
cursor:pointer;
z-index:999999999;
} .vl24-product-gallery-col,
.vl24-product-gallery-card,
.vl24-gallery,
.vl24-gallery-main{
transform:none !important;
} .vl24-gallery-stage{
position:absolute;
inset:0;
}
.vl24-gallery-main-image{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
}
.vl24-gallery-thumb{
padding:0 !important;
line-height:0;
}  .ce-configurator{
margin:0 0 20px;
} .ce-configurator-field{
margin-bottom:16px;
}
.ce-configurator-field label{
display:block;
margin:0 0 8px;
font-size:15px;
font-weight:700;
line-height:1.3;
}
.ce-configurator-section{
margin-bottom:18px;
}
.ce-configurator-title{
margin:0 0 12px;
font-size:16px;
font-weight:700;
} .ce-configurator-field select{
width:100%;
height:60px;
margin:0;
padding:0 54px 0 18px;
border:1px solid rgba(17,17,17,0.12);
border-radius:18px;
background:#fff;
font-size:16px;
line-height:1;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 12px 30px rgba(17,17,17,0.03);
appearance:none;
} .ce-configurator-field select:focus{
outline:none;
border-color:#111;
} .ce-configurator-field input[type="text"],
.ce-configurator-field input[type="email"],
.ce-configurator-field input[type="tel"],
.ce-configurator-field textarea{
width:100%;
height:60px;
padding:0 18px;
border:1px solid rgba(17,17,17,0.12);
border-radius:18px;
background:#fff;
font-size:16px;
line-height:1;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 12px 30px rgba(17,17,17,0.03);
} .ce-configurator-field textarea{
height:auto;
min-height:120px;
padding:14px 18px;
} .ce-configurator-field input:focus,
.ce-configurator-field textarea:focus{
outline:none;
border-color:#111;
} .ce-children-group{
margin-top:14px;
margin-left:6px;
padding-left:14px;
border-left:2px solid rgba(17,17,17,0.08);
} .ce-required{
color:#dc2626;
margin-left:4px;
} .ce-hidden{
display:none !important;
}  .woocommerce div.product form.cart .ce-configurator,
.woocommerce-page div.product form.cart .ce-configurator,
.woocommerce div.product form.cart .ce-configurator-section,
.woocommerce-page div.product form.cart .ce-configurator-section{
display:block;
width:100%;
max-width:100%;
min-width:0;
grid-column:1 / -1;
} .woocommerce div.product form.cart .woocommerce-variation-add-to-cart .ce-configurator,
.woocommerce-page div.product form.cart .woocommerce-variation-add-to-cart .ce-configurator,
.woocommerce div.product form.cart .ce-configurator{
order:-10;
grid-column:1 / -1;
width:100%;
margin:0 0 22px;
} .ce-configurator-field,
.ce-configurator-choice,
.ce-children-group{
display:block;
width:100%;
max-width:100%;
min-width:0;
} .ce-configurator-field select,
.ce-configurator-field input[type="text"],
.ce-configurator-field input[type="email"],
.ce-configurator-field input[type="tel"],
.ce-configurator-field textarea{
display:block;
width:100% !important;
max-width:100% !important;
min-width:0;
box-sizing:border-box;
} .ce-children-group{
margin-top:14px;
margin-left:0;
padding-left:14px;
border-left:2px solid rgba(17,17,17,0.08);
} .woocommerce div.product form.cart .quantity,
.woocommerce-page div.product form.cart .quantity,
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce-page div.product form.cart .single_add_to_cart_button{
position:relative;
z-index:1;
}
body,
.woocommerce-Tabs-panel,
.vl24-product-excerpt{
font-size: 16px;
line-height: 1.7;
} .vl24-product-summary-col{
padding-left: 10px;
} .vl24-product-hero{
margin-bottom: 30px; } @media (min-width: 1025px){
html, body{
height: auto;
} .vl24-product-page--2026{
overflow: visible !important;
} .vl24-product-hero{
display: block;
} .vl24-product-hero__grid{
display: grid;
align-items: start;
} .vl24-product-gallery-col{
position: sticky;
top: 120px;
}
}  .vl24-product-purchase-card,
.vl24-product-includes-card,
.vl24-product-tabs-card{
border-radius: 6px !important;
} .woocommerce div.product form.cart .variations select,
.ce-configurator-field select,
.ce-configurator-field input,
.ce-configurator-field textarea,
.quantity input{
border-radius: 6px !important;
} .vl24-gallery-main{
border-radius: 6px !important;
}
.vl24-gallery-thumb{
border-radius: 4px !important;
} .single_add_to_cart_button{
border-radius: 6px !important;
} .vl24-product-delivery,
.vl24-product-note-line{
border-radius: 6px !important;
}
body{
overflow: visible !important;
}
.woocommerce div.product form.cart .variations select{
position: absolute !important;
opacity: 0 !important;
pointer-events: none;
height: 0;
} .vl24-swatches{
display:flex;
flex-wrap:wrap;
gap:10px;
} .vl24-swatch{
cursor:pointer;
transition:all .2s ease;
} .vl24-swatch--image{
width:56px;
height:56px;
border-radius:6px;
overflow:hidden;
border:1px solid rgba(0,0,0,0.1);
}
.vl24-swatch--image img{
width:100%;
height:100%;
object-fit:cover;
}
.vl24-swatch--button{
padding:12px 16px;
border-radius:var(--vl24-radius-md);
border:var(--vl24-border);
font-size:var(--vl24-font-md);
font-weight:var(--vl24-fw-medium);
background:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
transition:all .18s ease;
}
.vl24-swatch.is-active{
border-color:#111;
box-shadow:0 0 0 2px #111;
} .vl24-swatch.is-active{
border-color:#111;
box-shadow:0 0 0 2px #111;
}
.vl24-swatch-tooltip{
position: fixed;
transform: translateX(-50%);
background:#111;
color:#fff;
padding:6px 10px;
font-size:12px;
border-radius:6px;
pointer-events:none;
white-space:nowrap;
z-index:9999;
opacity:0;
animation:fadeIn .15s ease forwards;
}
@keyframes fadeIn{
to{ opacity:1; }
}
.vl24-product-title-wrap{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
}
.vl24-product-title-rating .star-rating{
font-size:14px;
}
.vl24-product-purchase{
display:block;
}  .vl24-checkout-grid{
display:grid;
grid-template-columns: minmax(0, 1fr) 420px;
gap:40px;
align-items:start;
} .vl24-checkout-main{
width:100%;
min-width:0;
} .vl24-checkout-side{
width:100%;
position:sticky;
top:120px;
} @media (max-width: 1024px){
.vl24-checkout-grid{
grid-template-columns:1fr;
}
.vl24-checkout-side{
position:relative;
top:auto;
}
} #customer_details{
background:#fff;
padding:28px;
border:var(--vl24-border);
border-radius:var(--vl24-radius-md);
box-shadow:0 12px 30px rgba(0,0,0,0.04);
} .vl24-checkout-side h3{
font-size:18px;
font-weight:700;
margin-bottom:16px;
} .woocommerce-checkout .form-row{
margin-bottom:14px;
}
.woocommerce-checkout input,
.woocommerce-checkout select{
width:100%;
height:52px;
padding:0 16px;
border:var(--vl24-border);
border-radius:var(--vl24-radius-md);
font-size:15px;
box-sizing:border-box;
} .woocommerce-checkout textarea{
width:100%;
padding:14px 16px;
border:var(--vl24-border);
border-radius:var(--vl24-radius-md);
} #place_order{
width:100%;
height:58px;
background:#111;
color:#fff;
font-weight:700;
border-radius:6px;
} .vl24-checkout-note{
margin-top:20px;
font-size:14px;
opacity:0.7;
} @media (max-width:640px){
.vl24-option-grid{
grid-template-columns:1fr;
}
} .vl24-checkout-card{
margin-top:20px;
padding:24px;
background:#fff;
border:1px solid rgba(17,17,17,0.08);
border-radius:6px;
box-shadow:0 12px 30px rgba(0,0,0,0.04);
}
.vl24-checkout-main > *{
margin-bottom:20px;
} .vl24-checkout-section{
margin-top:20px;
}
.vl24-checkout-section h4{
margin-bottom:10px;
font-size:15px;
font-weight:700;
} .vl24-swatch-group{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.vl24-swatch-group .vl24-swatch{
min-width:180px;
} .vl24-swatch.is-active{
border-color:#111;
box-shadow:0 0 0 2px #111;
}  .vl24-checkout-side{
position:sticky;
top:120px;
}
.vl24-checkout-side > h3{
display:none;
}
.vl24-checkout-side{
background:#fff;
padding:28px;
border:1px solid rgba(17,17,17,0.08);
border-radius:6px;
box-shadow:0 20px 50px rgba(0,0,0,0.06);
} .vl24-checkout-side table{
margin:0;
}
.vl24-checkout-side th{
font-weight:700;
} #customer_details{
padding:28px;
} #vl24-delivery-extra{
margin-top:16px;
padding-top:14px;
border-top:1px solid rgba(0,0,0,0.08);
} #vl24-delivery-extra .vl24-checkbox{
display:flex;
align-items:center;
gap:10px;
font-size:14px;
margin-bottom:14px;
} #vl24-delivery-extra input[type="checkbox"]{
width:18px;
height:18px;
margin:0;
} #vl24-shipping-wrapper h3{
display:none;
} #vl24-shipping-wrapper .woocommerce-shipping-fields{
margin:0;
padding:0;
} #vl24-shipping-wrapper .form-row{
width:100%;
float:none;
} #vl24-shipping-wrapper input{
height:52px;
border-radius:6px;
border:1px solid rgba(0,0,0,0.15);
} .vl24-checkout-grid{
max-width:1400px;
margin:0 auto;
padding:0 20px;
} .vl24-checkout-main > *{
margin-bottom:24px;
} .vl24-swatch-group{
margin-top:8px;
} .woocommerce-shipping-fields__field-wrapper{
display:block;
} #place_order{
margin-top:20px;
}  #customer_details label{
display:block;
margin-bottom:8px;
font-size:15px;
font-weight:700;
} #customer_details input,
#customer_details select,
#customer_details textarea{
width:100%;
height:48px;
padding:0 16px;
border:1px solid rgba(0,0,0,0.15);
border-radius:6px;
background:#fff;
font-size:15px;
font-weight:600;
line-height:1;
box-sizing:border-box;
transition:all .18s ease;
} #customer_details textarea{
height:auto;
min-height:110px;
padding:14px 16px;
} #customer_details input:focus,
#customer_details select:focus,
#customer_details textarea:focus{
outline:none;
border-color:#111;
box-shadow:0 0 0 2px rgba(17,17,17,0.1);
} #customer_details input::placeholder{
opacity:0.6;
font-weight:500;
} #customer_details select{
background-position:
calc(100% - 20px) calc(50% - 2px),
calc(100% - 14px) calc(50% - 2px);
background-size:6px 6px, 6px 6px;
background-repeat:no-repeat;
} #customer_details .form-row{
margin-bottom:16px;
} #customer_details .form-row-first,
#customer_details .form-row-last{
float:none;
width:100%;
} #customer_details .form-row-first,
#customer_details .form-row-last{
display:inline-block;
width:calc(50% - 8px);
}
#customer_details .form-row-first{
margin-right:16px;
} #customer_details *{
box-sizing:border-box;
}  #customer_details input,
#customer_details select,
#vl24-shipping-wrapper input,
#vl24-shipping-wrapper select{
height:48px !important;
border-radius:6px !important;
border:1px solid rgba(0,0,0,0.15) !important;
font-size:15px;
padding:0 16px;
width:100%;
box-sizing:border-box;
} .select2-container .select2-selection--single{
height:48px !important;
border-radius:6px !important;
border:1px solid rgba(0,0,0,0.15) !important;
display:flex;
align-items:center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:48px !important;
padding-left:16px;
font-size:15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
height:48px !important;
} #customer_details .form-row,
#vl24-shipping-wrapper .form-row{
width:100% !important;
float:none !important;
margin-bottom:16px;
} #customer_details .form-row-first,
#customer_details .form-row-last,
#vl24-shipping-wrapper .form-row-first,
#vl24-shipping-wrapper .form-row-last{
display:inline-block;
width:calc(50% - 8px);
vertical-align:top;
}
#customer_details .form-row-first,
#vl24-shipping-wrapper .form-row-first{
margin-right:16px;
} #customer_details .form-row-wide,
#vl24-shipping-wrapper .form-row-wide{
width:100%;
display:block;
} #vl24-shipping-wrapper label{
display:block;
margin-bottom:8px;
font-size:15px;
font-weight:700;
} .select2-container{
width:100% !important;
z-index:9999;
} .woocommerce-checkout-review-order-table .shipping{
display:none !important;
} .vl24-thankyou{
max-width:1400px;
margin:40px auto;
padding:0 20px;
} .vl24-thankyou-hero{
margin-bottom:32px;
}
.vl24-thankyou-hero h1{
font-size:32px;
margin-bottom:10px;
}
.vl24-thankyou-lead{
font-size:16px;
font-weight:600;
margin-bottom:6px;
}
.vl24-thankyou-desc{
opacity:0.7;
max-width:600px;
} .vl24-thankyou-grid{
display:grid;
grid-template-columns: minmax(0,1fr) 360px;
gap:32px;
} .vl24-thankyou-card{
background:#fff;
padding:28px;
border:var(--vl24-border);
border-radius:6px;
box-shadow:0 20px 50px rgba(0,0,0,0.05);
}
.vl24-thankyou-card h3{
margin-bottom:14px;
font-size:18px;
} .vl24-thankyou-card ul{
padding-left:18px;
}
.vl24-thankyou-card li{
margin-bottom:6px;
} @media(max-width:900px){
.vl24-thankyou-grid{
grid-template-columns:1fr;
}
} .vl24-order-card{
display:grid;
grid-template-columns:120px minmax(0,1fr);
gap:16px;
padding:20px;
border:1px solid rgba(17,17,17,0.08);
border-radius:6px;
background:#fff;
}
.vl24-order-card + .vl24-order-card{
margin-top:16px;
} .vl24-order-image{
width:120px;
height:120px;
overflow:hidden;
border-radius:6px;
background:#f5f5f5;
}
.vl24-order-image img{
width:100%;
height:100%;
object-fit:cover;
} .vl24-order-content{
display:flex;
flex-direction:column;
gap:12px;
} .vl24-order-title{
font-size:20px;
font-weight:700;
line-height:1.2;
letter-spacing:-0.01em;
} .vl24-order-price{
margin-top:6px;
font-size:16px;
font-weight:700;
} .vl24-order-note{
font-size:13px;
opacity:0.6;
} .vl24-order-specs{
display:flex;
flex-direction:column;
gap:10px;
margin-top:8px;
} .vl24-order-option{
display:flex;
justify-content:space-between;
align-items:center;
padding:8px 0;
border-bottom:1px solid rgba(0,0,0,0.06);
} .vl24-order-option:last-child{
border-bottom:none;
} .vl24-order-option-label{
font-size:14px;
opacity:0.6;
} .vl24-order-option-value{
font-size:14px;
font-weight:600;
}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart,
.woocommerce-page div.product form.cart .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart:not(.variations_form),
.woocommerce-page div.product form.cart:not(.variations_form){
display:flex;
align-items:stretch;
gap:8px;
flex-wrap:wrap;
}
.woocommerce div.product form.cart .quantity{
width:140px;
flex:0 0 140px;
}
.woocommerce div.product form.cart .single_add_to_cart_button{
flex:1;
width:auto;
margin:0 !important;
}
.vl24-quote-btn{
flex:1;
min-height:60px;
padding:0 22px;
border:1px solid #111;
border-radius:6px;
background:#fff;
color:#111;
font-size:17px;
font-weight:800;
cursor:pointer;
}
.single_add_to_cart_button,
.vl24-quote-btn{
font-family: inherit !important;
font-size: 17px !important;
font-weight: 800 !important;
letter-spacing: -0.01em !important;
line-height: 1 !important;
}
.single_add_to_cart_button *{
font-family: inherit !important;
font-weight: inherit !important;
} .vl24-header{
width:100%;
}
.vl24-header *,
.vl24-header *::before,
.vl24-header *::after{
box-sizing:border-box;
} .vl24-header .vl24-container{
width:100%;
max-width:1520px;
margin:0 auto;
padding-left:20px;
padding-right:20px;
} .vl24-header-top{
background:#efefef;
border-bottom:1px solid rgba(0,0,0,0.06);
}
.vl24-header-top .vl24-container{
display:flex;
justify-content:space-between;
align-items:center;
padding-top:10px;
padding-bottom:10px;
} .vl24-top-menu{
margin:0;
padding:0;
}
.vl24-top-menu-list{
display:flex;
align-items:center;
gap:0;
list-style:none;
margin:0;
padding:0;
}
.vl24-top-menu-list li{
display:flex;
align-items:center;
margin:0;
padding:0;
}
.vl24-top-menu-list a{
display:flex;
align-items:center;
padding:0 16px;
font-size:14px;
color:#111;
text-decoration:none;
}
.vl24-top-menu-list li{
display:flex;
height:100%;
}
.vl24-top-menu-list a{
display:flex;
align-items:center;
height:100%;
padding:0 16px;
}
.vl24-top-menu-list li:first-child a{
padding-left:0;
}
.vl24-top-menu-list li:hover{
background:#dcdcdc;
} .vl24-top-right{
display:flex;
align-items:center;
gap:18px;
}
.vl24-phone{
font-size:14px;
white-space:nowrap;
}
.vl24-icons{
display:flex;
align-items:center;
gap:12px;
}
.vl24-icon{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
}
.vl24-icon svg,
.vl24-cart svg{
width:24px;
height:24px;
stroke:#111;
stroke-width:2.4;
transition:stroke .2s ease;
}
.vl24-icon:hover svg,
.vl24-cart:hover svg{
stroke:var(--vl24-green);
}
.vl24-cart{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
}
.vl24-cart-count{
position:absolute;
top:-6px;
right:-6px;
min-width:18px;
height:18px;
display:flex;
align-items:center;
justify-content:center;
padding:0 5px;
border-radius:999px;
background:var(--vl24-orange);
color:#fff;
font-size:11px;
font-weight:700;
line-height:1;
text-decoration:none !important;
}
.vl24-header-main .vl24-container{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:32px;
height:100%;
min-height:var(--vl24-header-main-h);
padding-top:0 !important;
padding-bottom:0 !important;
}
.vl24-logo{
margin:0;
padding:0;
}
.vl24-logo a{
display:inline-flex;
align-items:center;
font-size:20px;
font-weight:700;
color:#111;
text-decoration:none;
}
.vl24-search svg{
width:18px;
height:18px;
flex:0 0 auto;
}
.vl24-cta-group{
display:flex;
align-items:center;
gap:12px;
}
.vl24-btn-primary{
display:inline-flex;
align-items:center;
justify-content:center;
height:46px;
padding:0 22px;
border-radius:4px;
background:var(--vl24-green);
color:#fff;
font-size:15px;
font-weight:600;
text-decoration:none;
white-space:nowrap;
}
.vl24-btn-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
height:46px;
padding:0 22px;
border:1px solid var(--vl24-green);
border-radius:4px;
background:#fff;
color:var(--vl24-green);
font-size:15px;
font-weight:600;
text-decoration:none;
white-space:nowrap;
} .vl24-header-categories{
background:var(--vl24-green);
}
.vl24-header-categories .vl24-container{
display:block !important;
text-align:left !important;
padding-top:0;
padding-bottom:0;
}
.vl24-header-categories .vl24-container{
display:flex !important;
align-items:center;
min-height:44px; 
}
.vl24-cat-menu{
display:flex !important;
align-items:center;
justify-content:flex-start !important;
gap:34px;
width:100%;
list-style:none;
margin:0;
padding:14px 0;
padding-inline-start:0 !important;
text-align:left !important;
}
.vl24-cat-menu li{
position:relative;
display:flex;
align-items:center;
margin:0;
padding:0;
}
.vl24-cat-menu li:first-child{
margin-left:0 !important;
}
.vl24-cat-menu li:first-child a{
padding-left:0 !important;
}
.vl24-cat-menu a{
position:relative;
display:inline-flex;
align-items:center;
line-height:1;
padding:0;
font-size:16px !important;
font-weight:600 !important;
color:#fff !important;
letter-spacing:0.01em;
text-decoration:none;
}
.vl24-cat-menu a::after{
content:"";
position:absolute;
left:0;
bottom:-14px;
width:100%;
height:3px;
background:#0b0b0b;
transform:scaleX(0);
transform-origin:left;
transition:transform .2s ease;
}
.vl24-cat-menu li:hover a::after{
transform:scaleX(1);
}
.vl24-cat-menu a:hover{
color:#fff;
opacity:.85;
} @media (max-width:1024px){
.vl24-header-main .vl24-container{
grid-template-columns:1fr;
gap:16px;
}
.vl24-cta-group{
flex-wrap:wrap;
}
} .vl24-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 20px;
border-radius:6px;
font-size:15px;
font-weight:700;
text-decoration:none;
cursor:pointer;
transition:all .18s ease;
border:1px solid transparent;
} .vl24-btn--primary{
background:var(--vl24-green);
color:#fff;
}
.vl24-btn--primary:hover{
background:var(--vl24-green-dark);
transform:translateY(-1px);
} .vl24-btn--ghost{
background:var(--vl24-green-soft);
color:var(--vl24-green-dark);
}
.vl24-btn--ghost:hover{
background:var(--vl24-green-light);
} .vl24-btn--outline{
background:#fff;
border:1px solid var(--vl24-green);
color:var(--vl24-green);
}
.vl24-btn--outline:hover{
background:var(--vl24-green);
color:#fff;
} .vl24-btn--danger{
background:var(--vl24-orange);
color:#fff;
}
.vl24-btn--danger:hover{
background:var(--vl24-orange-dark);
} .vl24-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:6px 10px;
border-radius:999px;
font-size:11px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
} .vl24-badge--sale{
background:var(--vl24-orange);
color:#fff;
} .vl24-badge--new{
background:var(--vl24-green);
color:#fff;
} .vl24-badge--stock{
background:var(--vl24-green-soft);
color:var(--vl24-green-dark);
} .vl24-badge--low{
background:#fee2e2;
color:#b91c1c;
} .vl24-card{
background:#fff;
border:1px solid rgba(0,0,0,0.08);
border-radius:6px;
overflow:hidden;
transition:all .2s ease;
} .vl24-card:hover{
transform:translateY(-4px);
box-shadow:0 20px 50px rgba(0,0,0,0.08);
} .vl24-card-image{
aspect-ratio:4/3;
overflow:hidden;
}
.vl24-card-image img{
width:100%;
height:100%;
object-fit:cover;
} .vl24-card-body{
padding:16px;
} .vl24-card-title{
font-size:16px;
font-weight:700;
margin-bottom:6px;
} .vl24-card-price{
font-size:18px;
font-weight:800;
color:var(--vl24-green-dark);
} .vl24-card-actions{
margin-top:12px;
display:flex;
gap:8px;
} .vl24-grid{
display:grid;
grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
gap:20px;
} @media(max-width:640px){
.vl24-grid{
grid-template-columns:1fr;
}
}
.vl24-cart-count{
background:var(--vl24-orange);
color:#fff;
font-size:12px;
padding:2px 6px;
border-radius:999px;
}
.vl24-btn-primary{
background:var(--vl24-green);
}
.vl24-btn-primary--alt{
background:var(--vl24-orange);
}
.single_add_to_cart_button{
background:var(--vl24-green) !important;
color:#fff !important;
border:none !important;
}
.vl24-cat-menu a:hover{
color:#fff;
opacity:0.85;
}
.vl24-cat-menu li:hover{
transform:translateY(-1px);
}
.vl24-icon svg,
.vl24-cart svg{
transition:stroke .2s ease;
}
.vl24-top-menu-list a{
position:relative;
z-index:1;
}
.vl24-top-menu-list a::before{
content:"";
position:absolute;
top:-10px;
bottom:-10px;
left:0;
right:0;
background:#dcdcdc;
opacity:0;
z-index:-1;
transition:opacity .2s ease;
}
.vl24-top-menu-list a:hover::before{
opacity:1;
}
.vl24-header-categories{
position: relative;
background: var(--vl24-green) !important;
overflow: hidden;
}
.vl24-header-categories::before{
content:"";
position:absolute;
inset:0;
background: linear-gradient(
120deg,
transparent 20%,
rgba(255,255,255,0.25) 45%,
transparent 70%
);
opacity:0.4;
pointer-events:none;
} .menu-sale > a{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 18px;
border-radius:6px;
color:#fff !important;
font-weight:800;
letter-spacing:0.02em;
background: linear-gradient(135deg, #ff3b3b, #ff7a00);
box-shadow:0 6px 16px rgba(0,0,0,0.25);
transition:all .25s ease;
} .menu-sale > a:hover{
background: linear-gradient(135deg, #ff7a00, #ff3b3b); box-shadow:0 10px 22px rgba(0,0,0,0.35);
} .vl24-header-categories{
position: relative;
overflow: visible !important;
background: var(--vl24-green) !important;
}
.vl24-header-categories::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
z-index:1;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 220'%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 180 C120 110, 180 150, 280 95 S470 35, 620 92 S790 155, 900 80' stroke-width='2.2' opacity='0.34'/%3E%3Cpath d='M40 210 C150 145, 250 185, 360 120 S560 55, 700 120 S830 185, 930 130' stroke-width='1.8' opacity='0.28'/%3E%3Cpath d='M95 130 C120 118, 135 98, 145 72' stroke-width='1.5' opacity='0.42'/%3E%3Cpath d='M132 108 C150 95, 160 78, 165 55' stroke-width='1.3' opacity='0.35'/%3E%3Cpath d='M250 120 C270 103, 285 82, 296 56' stroke-width='1.5' opacity='0.40'/%3E%3Cpath d='M412 84 C426 68, 438 48, 445 26' stroke-width='1.4' opacity='0.36'/%3E%3Cpath d='M560 96 C576 78, 588 55, 594 28' stroke-width='1.5' opacity='0.40'/%3E%3Cpath d='M715 118 C734 100, 748 76, 758 45' stroke-width='1.5' opacity='0.40'/%3E%3Cpath d='M770 145 C788 128, 803 105, 814 76' stroke-width='1.4' opacity='0.34'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: repeat;
background-size: 760px auto;
background-position: center center;
opacity: 0.4;
}
.vl24-header-categories > *{
position:relative;
z-index:2;
} .vl24-btn-primary{
position: relative;
overflow: hidden;
background: var(--vl24-green) !important;
color:#fff !important;
}
.vl24-btn-primary::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
z-index:1;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 120'%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-10 92 C55 42, 120 82, 190 42 S325 18, 430 58' stroke-width='1.9' opacity='0.34'/%3E%3Cpath d='M72 68 C86 55, 97 38, 104 18' stroke-width='1.3' opacity='0.40'/%3E%3Cpath d='M182 48 C194 35, 204 20, 210 4' stroke-width='1.2' opacity='0.36'/%3E%3Cpath d='M296 42 C308 28, 318 14, 325 -2' stroke-width='1.3' opacity='0.40'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: repeat;
background-size: 280px auto;
background-position: center center;
opacity: 0.4;
}
.vl24-btn-primary > *{
position:relative;
z-index:2;
}  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart{
display:flex;
align-items:stretch;
gap:8px;
} .quantity{
height:46px;
padding:0 6px;
display:flex;
align-items:center;
border-radius:6px;
}
.quantity input{
height:100%;
font-size:16px;
} .qty-minus,
.qty-plus{
height:100%;
width:38px;
border-radius:4px;
font-size:18px;
} .single_add_to_cart_button{
height:46px !important;
min-height:46px !important;
padding:0 18px !important;
border-radius:6px !important;
font-size:15px !important;
display:flex;
align-items:center;
justify-content:center;
} .vl24-quote-btn{
height:46px;
min-height:46px;
padding:0 18px;
border-radius:6px;
font-size:15px !important;
} .woocommerce div.product form.cart .quantity{
width:120px;
flex:0 0 120px;
}
.vl24-btn-primary,
.vl24-btn-secondary{
border-radius:6px !important;
}
.quantity{
padding:0 !important;
overflow:hidden;
}
.qty-minus,
.qty-plus{
height:100%;
width:42px;
background:#f3f4f6;
border:none;
display:flex;
align-items:center;
justify-content:center;
} .qty-minus{
border-radius:6px 0 0 6px;
} .qty-plus{
border-radius:0 6px 6px 0;
} .quantity input{
flex:1;
}
.vl24-quote-btn{
border:1px solid var(--vl24-green-dark);
color:var(--vl24-green-dark);
background:#fff;
}
.vl24-btn--secondary,
.vl24-btn-secondary,
.vl24-quote-btn{
background:#fff !important;
border:1px solid var(--vl24-green-dark) !important;
color:var(--vl24-green-dark) !important;
border-radius:6px !important;
transition: all .18s ease;
} .vl24-btn--primary,
.vl24-btn-primary,
.single_add_to_cart_button,
.vl24-quote-btn{
font-weight:500 !important; 
}  .vl24-product-price-row .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
color: var(--vl24-text) !important;
} .vl24-product-price-row ins .amount,
.woocommerce div.product p.price ins .amount,
.woocommerce div.product span.price ins .amount{
color: var(--vl24-green-dark) !important;
} .vl24-product-price-row del .amount,
.woocommerce div.product p.price del .amount{
color: #9ca3af !important; opacity:1 !important;
} .woocommerce-variation-price .price{
color: var(--vl24-green-dark) !important;
} :root{ --vl24-header-top-h: 45px;
--vl24-header-main-h: 86px;
--vl24-header-cat-h: 64px;
--vl24-header-full-h: calc(
var(--vl24-header-top-h) +
var(--vl24-header-main-h) +
var(--vl24-header-cat-h)
);
--vl24-header-compact-h: var(--vl24-header-cat-h);
--vl24-header-hide-offset: calc(
var(--vl24-header-top-h) +
var(--vl24-header-main-h)
);
} .vl24-header{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: var(--vl24-header-full-h);
z-index: 9999;
background: #fff;
transition: height .24s ease;
will-change: height;
} body.has-vl24-header{
padding-top: var(--vl24-header-full-h);
} .vl24-header-top{
height: var(--vl24-header-top-h);
}
.vl24-header-main{
height: var(--vl24-header-main-h);
}
.vl24-header-categories{
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: var(--vl24-header-cat-h);
z-index: 2;
width: 100%;
backface-visibility: hidden;
transform: translateZ(0);
} .vl24-header-top,
.vl24-header-main{
transition:
transform .24s ease,
opacity .18s ease;
will-change: transform, opacity;
} .vl24-header.header-compact{
height: var(--vl24-header-compact-h);
box-shadow: 0 10px 24px rgba(0,0,0,0.10);
}
.vl24-header.header-compact .vl24-header-top,
.vl24-header.header-compact .vl24-header-main{
transform: translateY(calc(-1 * var(--vl24-header-hide-offset)));
opacity: 0;
pointer-events: none;
} body.admin-bar .vl24-header{
top: 32px;
} @media (max-width: 1024px){
:root{
--vl24-header-top-h: 45px;
--vl24-header-main-h: 96px;
--vl24-header-cat-h: 52px;
}
}
@media (max-width: 782px){
body.admin-bar .vl24-header{
top: 46px;
}
}  .vl24-btn-primary,
.single_add_to_cart_button{
background: var(--vl24-green) !important;
color:#fff !important;
border:none !important;
transition: all .2s ease;
}
.vl24-btn-primary:hover,
.single_add_to_cart_button:hover{
background: #111 !important; color:#fff !important;
} .vl24-btn-secondary,
.vl24-quote-btn{
background:#fff !important;
color: var(--vl24-green-dark) !important;
border:1px solid var(--vl24-green-dark) !important;
transition: all .2s ease;
}
.vl24-btn-secondary:hover,
.vl24-quote-btn:hover{
background:#111 !important;
color:#fff !important;
border-color:#111 !important;
}  .vl24-icon,
.vl24-cart{
display:inline-flex;
align-items:center;
justify-content:center;
position:relative;
cursor:pointer;
} .vl24-icon svg,
.vl24-cart svg{
width:24px;
height:24px;
stroke:currentColor !important;
fill:none !important;
transition:all .2s ease;
} .vl24-icon,
.vl24-cart{
color:#111;
} .vl24-icon:hover,
.vl24-cart:hover{
color:#22c55e; }
.vl24-icon:hover,
.vl24-cart:hover{
color:var(--vl24-green-dark);
} .vl24-icon svg{
pointer-events:none;
}  button.single_add_to_cart_button,
a.single_add_to_cart_button{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 26px;
border-radius:6px;
font-weight:600;
font-size:15px;
cursor:pointer;
background:var(--vl24-green) !important;
color:#fff !important;
border:none !important;
position:relative;
overflow:hidden;
isolation:isolate;
transition:all .2s ease;
} button.single_add_to_cart_button::before,
a.single_add_to_cart_button::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
z-index:1;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 120'%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-10 92 C55 42, 120 82, 190 42 S325 18, 430 58' stroke-width='1.9' opacity='0.34'/%3E%3Cpath d='M72 68 C86 55, 97 38, 104 18' stroke-width='1.3' opacity='0.40'/%3E%3Cpath d='M182 48 C194 35, 204 20, 210 4' stroke-width='1.2' opacity='0.36'/%3E%3Cpath d='M296 42 C308 28, 318 14, 325 -2' stroke-width='1.3' opacity='0.40'/%3E%3C/g%3E%3C/svg%3E");
background-repeat:repeat;
background-size:280px auto;
background-position:center;
opacity:0.4;
} button.single_add_to_cart_button span,
button.single_add_to_cart_button strong{
position:relative;
z-index:2;
} button.single_add_to_cart_button:hover,
a.single_add_to_cart_button:hover{
background:#111 !important;
color:#fff !important;
}
button.single_add_to_cart_button:hover::before,
a.single_add_to_cart_button:hover::before{
opacity:0.18;
} .vl24-search{
position:relative;
width:100%;
max-width:520px;
min-width:0;
display:flex;        
align-items:center;   
} .vl24-search > svg{
position:absolute;
left:24px;
top:50%;
transform:translateY(-50%);
width:18px;
height:18px;
color:#999;
pointer-events:none;
z-index:5;
} .vl24-search .dgwt-wcas-search-wrapp{
width:100% !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
} .vl24-search .dgwt-wcas-search-form{
display:block !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
} .vl24-search .dgwt-wcas-search-submit{
display:none !important;
} .vl24-search .dgwt-wcas-ico-magnifier,
.vl24-search .dgwt-wcas-ico-loupe{
display:none !important;
} .vl24-search .dgwt-wcas-search-input{
width:100% !important;
min-width:0 !important;
height:50px !important;
margin:0 !important;
padding-left:44px !important;
padding-right:16px !important;
border:1px solid #e5e7eb !important;
border-radius:6px !important;
background:#fff !important;
box-shadow:none !important;
font-size:15px !important;
color:#111 !important;
} .vl24-search .dgwt-wcas-search-input::placeholder{
color:#999 !important;
opacity:1 !important;
} .vl24-search .dgwt-wcas-search-input:focus{
outline:none !important;
border-color:#111 !important;
box-shadow:none !important;
} .vl24-search .dgwt-wcas-inner-preloader{
right:14px !important;
} .vl24-search .dgwt-wcas-suggestions-wrapp{
margin-top:8px !important;
border-radius:10px !important;
box-shadow:0 20px 50px rgba(0,0,0,0.12) !important;
overflow:hidden !important;
} .vl24-search .dgwt-wcas-suggestion{
padding:12px 14px !important;
} .vl24-search .dgwt-wcas-si img{
border-radius:6px !important;
} .vl24-search .dgwt-wcas-highlight{
color:var(--vl24-green-dark) !important;
}  .vl24-search{
position:relative !important;
} .vl24-search > svg{
position:absolute !important;
left:24px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:18px !important;
height:18px !important;
color:#999 !important;
stroke:currentColor !important;
fill:none !important;
transition:color .2s ease, stroke .2s ease !important;
pointer-events:none !important;
z-index:5 !important;
} .vl24-search .dgwt-wcas-search-wrapp{
width:100% !important;
} .vl24-search .dgwt-wcas-search-input{
width:100% !important;
height:50px !important;
padding-left:44px !important;
padding-right:16px !important;
border:1px solid #e5e7eb !important;
border-radius:6px !important;
background:#fff !important;
box-shadow:none !important;
transition:border-color .2s ease, box-shadow .2s ease !important;
} .vl24-search:hover .dgwt-wcas-search-input{
border-color:var(--vl24-green-dark) !important;
box-shadow:0 0 0 2px rgba(36,150,90,0.16) !important;
}
.vl24-search:hover > svg{
color:var(--vl24-green-dark) !important;
stroke:currentColor !important;
} .vl24-search:focus-within .dgwt-wcas-search-input,
.vl24-search .dgwt-wcas-search-input:focus{
border-color:var(--vl24-green-dark) !important;
box-shadow:0 0 0 2px rgba(36,150,90,0.18) !important;
outline:none !important;
}
.vl24-search:focus-within > svg{
color:var(--vl24-green-dark) !important;
stroke:currentColor !important;
}   body .dgwt-wcas-si{
width:84px !important;
height:84px !important;
border-radius:0 !important;
overflow:hidden !important;
padding:0 !important;
margin:0 !important;
background:none !important;
} body .dgwt-wcas-si a{
display:block !important;
width:100% !important;
height:100% !important;
} body .dgwt-wcas-si img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
vertical-align:top !important;
} body .dgwt-wcas-sp{
justify-self:end !important;
display:inline-flex !important;
align-items:center !important;
gap:6px !important;
font-size:13px !important;
font-weight:800 !important;
padding:6px 12px !important;
border-radius:6px !important;
background:var(--vl24-green) !important;
color:#fff !important;
position:relative;
overflow:hidden;
} body .dgwt-wcas-sp::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 120'%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-10 92 C55 42, 120 82, 190 42 S325 18, 430 58' stroke-width='1.9' opacity='0.34'/%3E%3Cpath d='M72 68 C86 55, 97 38, 104 18' stroke-width='1.3' opacity='0.40'/%3E%3Cpath d='M182 48 C194 35, 204 20, 210 4' stroke-width='1.2' opacity='0.36'/%3E%3Cpath d='M296 42 C308 28, 318 14, 325 -2' stroke-width='1.3' opacity='0.40'/%3E%3C/g%3E%3C/svg%3E");
background-size:260px auto;
opacity:0.35;
} body .dgwt-wcas-sp *{
position:relative;
z-index:2;
} body .dgwt-wcas-sp del{
color:rgba(255,255,255,0.6) !important;
} body .dgwt-wcas-sp ins{
color:#fff !important;
text-decoration:none !important;
}  .vl24-header-categories .mega-menu-wrap{
width:100% !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
} .vl24-header-categories .mega-menu-wrap .mega-menu{
display:flex !important;
align-items:stretch !important;
gap:34px !important;
margin:0 !important;
padding:0 !important;
min-height:var(--vl24-header-cat-h) !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
list-style:none !important;
} .vl24-header-categories .mega-menu-wrap .mega-menu > li{
position:relative !important;
display:flex !important;
align-items:stretch !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
} .vl24-header-categories .mega-menu-wrap .mega-menu > li > a{
position:relative !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
height:var(--vl24-header-cat-h) !important;
line-height:1 !important;
padding:0 !important;
margin:0 !important;
border:none !important;
background:transparent !important;
box-shadow:none !important;
font-size:16px !important;
font-weight:600 !important;
color:#fff !important;
letter-spacing:0.01em !important;
text-decoration:none !important;
} .vl24-header-categories .mega-menu-wrap .mega-menu > li.mega-current-menu-item > a,
.vl24-header-categories .mega-menu-wrap .mega-menu > li.mega-current-menu-ancestor > a,
.vl24-header-categories .mega-menu-wrap .mega-menu > li.mega-toggle-on > a{
background:transparent !important;
box-shadow:none !important;
} .vl24-header-categories .mega-menu-wrap .mega-menu > li > a:hover{
color:#fff !important;
opacity:.85 !important;
} .vl24-header-categories .mega-menu-wrap .mega-menu > li.menu-sale{
margin-left:auto !important;
}
.vl24-header-categories .mega-menu-wrap .mega-menu > li.menu-sale > a{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
height:auto !important;
align-self:center !important;
padding:10px 18px !important;
border-radius:6px !important;
background:linear-gradient(135deg, #ff3b3b, #ff7a00) !important;
color:#fff !important;
font-weight:800 !important;
letter-spacing:0.02em !important;
box-shadow:0 6px 16px rgba(0,0,0,0.25) !important;
}
.vl24-header-categories .mega-menu-wrap .mega-menu > li.menu-sale > a::after{
display:none !important;
} .vl24-header-categories .mega-menu-wrap .mega-sub-menu{
background:#fff !important;
padding:40px 60px !important;
border:none !important;
box-shadow:0 20px 40px rgba(0,0,0,0.08) !important;
} .vl24-header-categories .mega-menu-wrap .mega-menu > li > a{
position:relative !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
height:var(--vl24-header-cat-h) !important;
line-height:1 !important;
padding:0 !important;
margin:0 !important;
border:none !important;
background:transparent !important;
box-shadow: inset 0 -3px 0 transparent !important;
transition:opacity .2s ease, box-shadow .2s ease !important;
} .vl24-header-categories .mega-menu-wrap .mega-menu > li:not(.menu-sale):hover > a,
.vl24-header-categories .mega-menu-wrap .mega-menu > li.mega-current-menu-item:not(.menu-sale) > a,
.vl24-header-categories .mega-menu-wrap .mega-menu > li.mega-current-menu-ancestor:not(.menu-sale) > a,
.vl24-header-categories .mega-menu-wrap .mega-menu > li.mega-toggle-on:not(.menu-sale) > a{
box-shadow: inset 0 -3px 0 #111 !important;
} .mega-menu-wrap{
position: static !important; }
.mega-menu-wrap .mega-sub-menu{
position: fixed !important;  
top: 64px !important; left: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
z-index: 9999;
} .vl24-quote-modal{
position:fixed;
inset:0;
z-index:999999;
}
.vl24-quote-modal[hidden]{
display:none !important;
}
.vl24-quote-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,0.42);
backdrop-filter:blur(4px);
z-index:999998;
}
.vl24-cart-drawer{
z-index:999999;
}
.vl24-quote-drawer{
position:fixed; top:0;
right:0;
width:min(720px, 92vw);
height:100vh;
background:#fff;
box-shadow:-20px 0 60px rgba(0,0,0,0.22);
z-index:999999; transform:translateX(100%);
transition:transform .3s ease;
overflow:hidden;
}
.vl24-quote-modal.is-open .vl24-quote-drawer{
transform:translateX(0);
}
.vl24-quote-close{
position:absolute;
top:14px;
right:14px;
z-index:20;
width:42px;
height:42px;
border:none;
border-radius:50%;
background:#fff;
box-shadow:0 8px 24px rgba(0,0,0,0.12);
font-size:24px;
line-height:1;
cursor:pointer;
}
.vl24-quote-iframe{
display:block;
width:100%;
height:100%;
border:none;
background:#fff;
}
@media (max-width: 767px){
.vl24-quote-drawer{
width:100vw;
max-width:none;
}
} .vl24-quote-header{
position:relative;
display:flex;
align-items:center;
justify-content:center;
height:64px;
padding:0 20px;
background:#fff;
border-bottom:1px solid rgba(0,0,0,0.08);
}
.vl24-quote-header h2{
margin:0;
font-size:20px;
font-weight:700;
color:#111;
letter-spacing:-0.01em;
} .vl24-quote-header::after{
content:"";
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:80px;
height:3px;
background:var(--vl24-green);
border-radius:2px;
}
.vl24-quote-inner{
display:flex;
flex-direction:column;
height:100vh;
}
[data-quote-iframe]{
flex:1;
width:100%;
height:100%;
border:0;
} .vl24-cart-header{
position:relative;
height:64px;
padding:0 20px;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
border-bottom:1px solid rgba(0,0,0,0.08);
flex-shrink:0;
}
.vl24-cart-header h2{
margin:0;
font-size:20px;
font-weight:700;
color:#111;
letter-spacing:-0.01em;
}
.vl24-cart-header::after{
content:"";
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:80px;
height:3px;
background:var(--vl24-green);
border-radius:2px;
} .vl24-cart-close{
position:absolute;
right:14px;
top:50%;
transform:translateY(-50%);
width:42px;
height:42px;
border:none;
border-radius:50%;
background:#fff;
box-shadow:0 8px 24px rgba(0,0,0,0.12);
font-size:22px;
cursor:pointer;
} .vl24-cart-item{
display:flex;
gap:14px;
margin-bottom:18px;
align-items:flex-start;
}
.vl24-cart-img img{
width:70px;
height:70px;
object-fit:cover;
border-radius:6px;
}
.vl24-cart-content{
flex:1;
}
.vl24-cart-title{
display:block;
font-size:14px;
font-weight:600;
margin-bottom:6px;
color:#111;
}
.vl24-cart-qty{
font-size:13px;
color:#666;
}
.vl24-cart-remove{
font-size:18px;
text-decoration:none;
color:#999;
} .vl24-cart-footer{
flex-shrink:0;
background:#fff;
border-top:1px solid rgba(0,0,0,0.08);
padding:16px 20px;
display:flex;
gap:10px;
} .vl24-cart-footer .vl24-btn{
flex:1;
min-height:60px;
font-size:17px;
font-weight:800;
letter-spacing:-0.01em;
border-radius:6px;
display:flex;
align-items:center;
justify-content:center;
transition:all .18s ease;
} .vl24-cart-footer .vl24-btn--primary{
background:var(--vl24-green);
color:#fff;
border:none;
}
.vl24-cart-footer .vl24-btn--primary:hover{
background:var(--vl24-green-dark);
transform:translateY(-1px);
} .vl24-cart-footer .vl24-btn--outline{
background:#fff;
border:1px solid #111;
color:#111;
}
.vl24-cart-footer .vl24-btn--outline:hover{
background:#111;
color:#fff;
transform:translateY(-1px);
} body.vl24-cart-open{
overflow:hidden !important;
touch-action:none !important;
}
.vl24-cart-modal{
position:fixed !important;
inset:0 !important;
z-index:999999 !important;
overflow:hidden !important;
}
.vl24-cart-modal[hidden]{
display:none !important;
}
.vl24-cart-overlay{
position:fixed !important;
inset:0 !important;
background:rgba(0,0,0,0.42) !important;
backdrop-filter:blur(4px) !important;
z-index:1 !important;
}
.vl24-cart-drawer{
position:fixed !important;
top:0 !important;
right:0 !important;
width:min(520px, 92vw) !important;
height:100vh !important;
background:#fff !important;
box-shadow:-20px 0 60px rgba(0,0,0,0.22) !important;
z-index:2 !important;
transform:translateX(100%) !important;
transition:transform .3s ease !important;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
}
.vl24-cart-modal.is-open .vl24-cart-drawer{
transform:translateX(0) !important;
}
.vl24-cart-header{
position:relative !important;
flex:0 0 64px !important;
height:64px !important;
flex-shrink:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 20px !important;
background:#fff !important;
border-bottom:1px solid rgba(0,0,0,0.08) !important;
}
.vl24-cart-body{
flex:0 1 auto !important;
min-height:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
-webkit-overflow-scrolling:touch !important;
overscroll-behavior:contain !important;
padding:20px !important;
}
.vl24-cart-body .widget_shopping_cart_content{
display:block !important;
height:auto !important;
max-height:none !important;
overflow:visible !important;
}
.vl24-cart-body .woocommerce-mini-cart{
margin:0 !important;
height:auto !important;
max-height:none !important;
overflow:visible !important;
}
.vl24-cart-footer{
flex:0 0 auto !important;
flex-shrink:0 !important;
background:#fff !important;
border-top:1px solid rgba(0,0,0,0.08) !important;
padding:16px 20px !important;
display:flex !important;
gap:10px !important;
} body.vl24-cart-open{
overflow:hidden !important;
} .vl24-cart-drawer{
position:fixed !important;
top:0 !important;
right:0 !important;
width:min(520px, 92vw) !important;
height:100vh !important;
overflow-y:auto !important; overflow-x:hidden !important;
-webkit-overflow-scrolling:touch !important;
display:block !important; } .vl24-cart-drawer *{
max-height:none !important;
overflow:visible !important;
}  .vl24-swatches.vl24-swatches--variation{
display:flex !important;
flex-wrap:wrap !important;
gap:14px !important;
margin-top:10px !important;
} .variations td.value{
display:block !important;
padding:0 !important;
} .vl24-swatches.vl24-swatches--variation .vl24-swatch{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 20px;
min-width:auto;
font-size:15px;
font-weight:600;
line-height:1.2;
border-radius:6px;
border:2px solid #d9d9d9;
background:#fff !important;
color:#111 !important;
cursor:pointer;
transition:all .2s ease;
box-shadow:none !important;
appearance:none;
} .vl24-swatches.vl24-swatches--variation .vl24-swatch:hover{
border-color:#999;
background:#fff !important;
} .vl24-swatches.vl24-swatches--variation .vl24-swatch.is-active{
background:#fff !important;
color:#111 !important;
border-color:var(--vl24-green-dark) !important;
box-shadow:0 0 0 2px rgba(36,150,90,0.18) !important;
} .vl24-swatches.vl24-swatches--variation .vl24-swatch.is-disabled{
opacity:.4;
pointer-events:none;
} .variations tr{
display:block;
margin-bottom:18px;
}
.variations td.label{
display:block;
margin-bottom:6px;
font-weight:600;
}
.variations td.label label{
display:block;
margin:0 0 8px;
}
.ce-swatches .vl24-swatch.is-active{
border-color:var(--vl24-green-dark) !important;
box-shadow:0 0 0 2px rgba(36,150,90,0.18) !important;
}
.vl24-swatch.is-active{
border-color:#111;
box-shadow:0 0 0 2px #111;
}  .vl24-swatch,
.ce-choice-button{
border:2px solid #ddd !important;
background:#fff;
transition:all .2s ease;
} .vl24-swatch:hover,
.ce-choice-button:hover{
border-color:#000 !important;
background:#fff !important;
box-shadow:none !important;
} .vl24-swatch.is-active,
.ce-choice-button.is-active{
border-color:var(--vl24-primary, #2e7d32) !important;
box-shadow:none !important;
} .vl24-swatch:focus,
.ce-choice-button:focus{
outline:none !important;
} .vl24-product-meta{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:14px;
} .vl24-meta-item{
display:inline-flex;
align-items:center;
gap:8px;
padding:6px 12px;
font-size:13px;
font-weight:500;
border-radius:999px;
background:#f6f7f8;
color:#555;
transition:all .2s ease;
} .vl24-meta-label{
color:#999;
} .vl24-meta-value{
display:flex;
gap:6px;
flex-wrap:wrap;
color:#111;
font-weight:600;
} .vl24-cat-badge{
display:inline-block;
padding:4px 10px;
border-radius:999px;
background:#eef7f0;
color:var(--vl24-primary, #2e7d32);
font-size:12px;
font-weight:600;
text-decoration:none;
transition:all .2s ease;
}
.vl24-cat-badge:hover{
background:#dff3e4;
} .vl24-meta-item:hover{
transform:translateY(-1px);
background:#eef7f0;
}  .vl24-cart-modal{
position:fixed;
inset:0;
z-index:999999;
}
.vl24-cart-modal[hidden]{
display:none !important;
}
.vl24-cart-overlay{
position:absolute;
inset:0;
background:rgba(15,23,42,0.34);
backdrop-filter:blur(4px);
}
.vl24-cart-drawer{
position:absolute;
top:0;
right:0;
width:min(760px, 96vw);
height:100vh;
display:flex;
flex-direction:column;
background:#f8f8f8;
box-shadow:-18px 0 60px rgba(0,0,0,0.18);
transform:translateX(100%);
transition:transform .28s ease;
}
.vl24-cart-modal.is-open .vl24-cart-drawer{
transform:translateX(0);
} .vl24-cart-header{
flex:0 0 auto;
padding:24px 28px 18px;
border-bottom:1px solid rgba(0,0,0,0.08);
background:#f8f8f8;
}
.vl24-cart-header h2{
margin:0;
font-size:clamp(1.7rem, 2vw, 2.1rem);
line-height:1.05;
letter-spacing:-0.03em;
font-weight:700;
color:#111;
text-align:center;
}
.vl24-cart-close{
position:absolute;
top:18px;
right:18px;
width:48px;
height:48px;
display:inline-flex;
align-items:center;
justify-content:center;
border:none;
border-radius:999px;
background:rgba(255,255,255,0.92);
color:#111;
font-size:28px;
line-height:1;
cursor:pointer;
box-shadow:0 10px 24px rgba(0,0,0,0.08);
} .vl24-cart-body[data-cart-content]{
flex:1 1 auto !important;
min-height:0;
overflow-y:auto;
padding:22px 22px 28px !important;
background:#f8f8f8;
} .vl24-cart-body .woocommerce-mini-cart{
margin:0 !important;
padding:0 !important;
list-style:none !important;
display:flex;
flex-direction:column;
gap:18px;
}
.vl24-cart-body .woocommerce-mini-cart-item{
margin:0 !important;
padding:0 !important;
list-style:none !important;
border:0 !important;
background:transparent !important;
} .vl24-cart-card{
display:grid;
grid-template-columns:180px minmax(0,1fr);
gap:20px;
align-items:start;
padding:18px;
border:1px solid rgba(17,17,17,0.08);
border-radius:18px;
background:#fff;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 20px 50px rgba(17,17,17,0.05);
} .vl24-cart-media{
width:180px;
height:180px;
overflow:hidden;
border-radius:16px;
background:#eef2f3;
box-shadow:inset 0 0 0 1px rgba(0,0,0,0.04);
}
.vl24-cart-media img{
width:100% !important;
height:100% !important;
object-fit:cover;
display:block;
border-radius:16px;
} .cart-item-details{
display:flex;
flex-direction:column;
min-width:0;
gap:14px;
}
.vl24-cart-top .remove{
position:absolute;
top:2px;
right:2px;
}
.vl24-cart-top{
position:relative;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
padding-right:44px;
width:100%;
} .vl24-cart-top > a:not(.remove){
display:block;
flex:1 1 auto;
min-width:0;
color:#111 !important;
text-decoration:none !important;
font-size:18px;
line-height:1.2;
font-weight:700;
letter-spacing:-0.02em;
} .vl24-cart-top .remove{
flex:0 0 auto;
width:34px;
height:34px;
display:inline-flex !important;
align-items:center;
justify-content:center;
border-radius:999px;
background:rgba(17,17,17,0.04);
color:#111 !important;
text-decoration:none !important;
font-size:20px;
line-height:1;
opacity:.56;
transition:opacity .18s ease, transform .18s ease, background .18s ease;
}
.vl24-cart-top .remove:hover{
opacity:1;
transform:scale(1.04);
background:rgba(17,17,17,0.08);
} .vl24-cart-meta{
min-width:0;
}
.vl24-cart-meta .variation{
display:flex;
flex-direction:column;
gap:6px;
}
.vl24-cart-meta .variation dt{
margin:0 !important;
padding:0 !important;
color:#4b5563;
font-size:14px;
line-height:1.45;
font-weight:700;
}
.vl24-cart-meta .variation dd{
margin:0 !important;
padding:0 !important;
color:#111;
font-size:15px;
line-height:1.5;
min-width:0;
}
.vl24-cart-meta .variation dd p{
margin:0 !important;
} .vl24-cart-actions{
margin-top:auto;
}
.vl24-cart-actions .quantity{
display:flex !important;
align-items:center;
justify-content:space-between;
gap:16px;
width:100% !important;
max-width:none !important;
min-height:58px;
padding:0 18px !important;
margin:0 !important;
border:1px solid rgba(17,17,17,0.10) !important;
border-radius:6px !important;
background:#fff !important;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 10px 24px rgba(17,17,17,0.04);
}
.vl24-cart-actions .quantity *{
line-height:1.2;
}
.vl24-cart-actions .quantity .amount{
font-size:18px;
font-weight:700;
color:#111;
}
.vl24-cart-actions .quantity .woocommerce-Price-amount{
font-size:18px;
font-weight:700;
color:#111;
} .vl24-cart-body .woocommerce-mini-cart__total,
.vl24-cart-body p.total{
margin:6px 2px 0 !important;
padding:18px 0 0 !important;
border-top:1px solid rgba(17,17,17,0.08);
font-size:28px;
line-height:1.15;
font-weight:800;
letter-spacing:-0.03em;
color:#111;
}
.vl24-cart-body .woocommerce-mini-cart__total strong,
.vl24-cart-body p.total strong{
font-weight:800;
color:#111;
} .vl24-cart-body .woocommerce-mini-cart__buttons{
display:none !important;
} .vl24-cart-body .woocommerce-mini-cart__empty-message{
margin:0;
padding:36px 18px;
text-align:center;
font-size:16px;
color:#6b7280;
border:1px dashed rgba(17,17,17,0.12);
border-radius:18px;
background:#fff;
} .vl24-cart-footer{
flex:0 0 auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
padding:18px 22px 22px;
border-top:1px solid rgba(17,17,17,0.08);
background:#f8f8f8;
}
.vl24-cart-footer .vl24-btn{
min-height:56px !important;
width:100%;
border-radius:14px !important;
font-size:15px !important;
font-weight:800 !important;
line-height:1 !important;
letter-spacing:-0.01em !important;
box-shadow:none !important;
}
.vl24-cart-footer .vl24-btn--primary{
background:var(--vl24-green) !important;
color:#fff !important;
border:none !important;
}
.vl24-cart-footer .vl24-btn--outline{
background:#fff !important;
color:#111 !important;
border:1px solid rgba(17,17,17,0.16) !important;
} .vl24-cart-body[data-cart-content]::-webkit-scrollbar{
width:10px;
}
.vl24-cart-body[data-cart-content]::-webkit-scrollbar-thumb{
background:rgba(17,17,17,0.18);
border-radius:999px;
}
.vl24-cart-body[data-cart-content]::-webkit-scrollbar-track{
background:transparent;
} @media (max-width:767px){
.vl24-cart-drawer{
height:100dvh !important;
max-height:100dvh !important;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
}
.vl24-cart-header{
flex:0 0 auto !important;
}
.vl24-cart-body{
flex:1 1 auto !important;
max-height:none !important;
overflow-y:auto !important;
padding-bottom:18px !important;
}
.vl24-cart-footer{
flex:0 0 auto !important;
margin-top:auto !important;
padding:10px 14px 12px !important;
background:#fff !important;
border-top:1px solid #eee !important;
}
}
.vl24-cart-title-wrap a{
display:block;
font-size:18px;
font-weight:700;
color:#111 !important;
text-decoration:none !important;
line-height:1.2;
margin-bottom:6px;
}
.vl24-cart-title-wrap{
width:100%;
}
.vl24-cart-title-wrap a{
display:block;
width:100%;
font-size:18px;
font-weight:700;
line-height:1.2;
color:#111 !important;
}
.vl24-quote-body{
height:100%;
overflow:auto;
padding:20px;
background:#fff;
} .vl24-checkout-card-item{
display:grid;
grid-template-columns:80px 1fr;
gap:14px;
align-items:start;
padding:12px 0;
}
.vl24-checkout-card-img img{
width:80px;
height:80px;
object-fit:cover;
border-radius:6px;
}
.vl24-checkout-card-title{
font-size:15px;
font-weight:700;
margin-bottom:6px;
}
.vl24-checkout-card-meta{
font-size:13px;
color:#555;
margin-bottom:6px;
}
.vl24-meta-row{
margin-bottom:4px;
}
.vl24-checkout-card-price{
font-weight:700;
font-size:14px;
}
.vl24-actions{
display:flex;
align-items:center;
gap:10px;
margin-top:8px;
} .vl24-remove-item{
width:32px;
height:32px;
border:none;
border-radius:6px;
background:#111;
color:#fff;
font-size:16px;
cursor:pointer;
} .vl24-qty{
display:flex;
align-items:center;
border:1px solid rgba(0,0,0,0.15);
border-radius:6px;
overflow:hidden;
}
.vl24-qty input{
width:40px;
height:32px;            
text-align:center;
border:none;
padding:0;             
font-size:14px;
}
.vl24-qty-minus,
.vl24-qty-plus{
width:32px;
height:32px;
border:none;
background:#f3f4f6;
cursor:pointer;
} .select2-container {
z-index: 999 !important;
}
.select2-dropdown {
z-index: 999 !important;
} .woocommerce-checkout a{
color:#111;
text-decoration:none;
font-weight:600;
border-bottom:1px solid rgba(0,0,0,0.25);
transition:all .2s ease;
}
.woocommerce-checkout a:hover{
color:var(--vl24-green-dark);
border-bottom-color:var(--vl24-green-dark);
}  .woocommerce-form-coupon-toggle{
background:#f3f4f6;
border:none !important;
border-radius:6px;
padding:16px 18px;
margin-bottom:20px;
box-shadow:none;
position:relative;
} .woocommerce-form-coupon-toggle::before{
display:none !important;
} .woocommerce-form-coupon-toggle .woocommerce-info{
border:none !important;
background:none !important;
padding:0 !important;
margin:0;
color:#111;
font-weight:600;
} .woocommerce-form-coupon-toggle .woocommerce-info::before{
content:"🏷️";
margin-right:10px;
font-size:16px;
} .woocommerce form.checkout_coupon{
background:#fff;
border:1px solid rgba(0,0,0,0.08);
border-radius:6px;
padding:20px;
box-shadow:0 12px 30px rgba(0,0,0,0.04);
display:flex;
gap:12px;
align-items:center;
flex-wrap:wrap;
} .woocommerce form.checkout_coupon input.input-text{
flex:1;
height:48px;
padding:0 16px;
border:1px solid rgba(0,0,0,0.15);
border-radius:6px;
font-size:15px;
font-weight:600;
} .woocommerce form.checkout_coupon input.input-text:focus{
outline:none;
border-color:#111;
box-shadow:0 0 0 2px rgba(17,17,17,0.1);
} .woocommerce form.checkout_coupon button.button{
height:48px;
padding:0 20px;
border:none;
border-radius:6px;
background:var(--vl24-green);
color:#fff;
font-weight:700;
cursor:pointer;
transition:all .2s ease;
}
.woocommerce form.checkout_coupon button.button:hover{
background:var(--vl24-green-dark);
transform:translateY(-1px);
} .woocommerce-info{
border:none !important;
background:none !important;
} @media(max-width:640px){
.woocommerce form.checkout_coupon{
flex-direction:column;
align-items:stretch;
}
.woocommerce form.checkout_coupon button.button{
width:100%;
}
}  .woocommerce-form-coupon-toggle .woocommerce-info::before{
display:none !important;
content:none !important;
}
.woocommerce-form-coupon-toggle .woocommerce-info{
position:relative;
padding-left:50px !important; } .woocommerce-form-coupon-toggle .woocommerce-info::after{
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:28px;  
height:28px; 
background-repeat:no-repeat;
background-size:contain;
background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M3 11L11 3h7v7l-8 8-7-7z' fill='none' stroke='%2324965a' stroke-width='2' stroke-linejoin='round'/>\
<circle cx='15.5' cy='6.5' r='1.5' fill='%2324965a'/>\
<path d='M8 14l4-4' stroke='%2324965a' stroke-width='2' stroke-linecap='round'/>\
<circle cx='9' cy='9' r='1' fill='%2324965a'/>\
<circle cx='13' cy='13' r='1' fill='%2324965a'/>\
</svg>");
}  .woocommerce div.product form.cart .variations tr{
margin-bottom:18px !important; } .woocommerce div.product form.cart .variations td.label{
padding-bottom:8px !important;
}
.woocommerce div.product form.cart .variations td.label label{
margin:0 !important;
padding:0 !important;
line-height:1.2;
} .woocommerce div.product form.cart .variations td.value{
padding:0 !important;
margin:0 !important;
} .woocommerce div.product form.cart .variations td.value .vl24-swatches{
margin-top:0 !important;
} .woocommerce div.product form.cart .variations{
border-spacing:0 0 !important;
}
.woocommerce div.product form.cart .variations tbody{
display:block;
}
.woocommerce div.product form.cart .variations tr{
display:block;
}  .wp-block-woocommerce-cart-items-block,
.wp-block-woocommerce-cart-totals-block{
background:#fff;
padding:28px;
border:1px solid rgba(0,0,0,0.08);
border-radius:6px;
box-shadow:0 12px 30px rgba(0,0,0,0.04);
} .wc-block-components-product-name a{
color:#111 !important;
text-decoration:none !important;
font-size:17px;
font-weight:700;
letter-spacing:-0.01em;
}
.wc-block-components-product-name a:hover{
opacity:0.7;
} .wc-block-cart-item__total{
font-size:20px;
font-weight:800;
color:var(--vl24-green-dark);
} .wc-block-cart-item__total small{
display:inline-block;
margin-top:6px;
font-size:11px;
padding:4px 8px;
border-radius:4px;
background:var(--vl24-green-soft);
color:var(--vl24-green-dark);
} .wc-block-components-product-details{
margin-top:8px;
font-size:13px;
line-height:1.5;
opacity:0.7;
}
.wc-block-components-product-details li{
margin-bottom:2px;
} .wc-block-components-totals-footer-item{
font-size:20px;
font-weight:800;
}  .wp-block-woocommerce-cart{
padding:40px 24px 60px;
} .wp-block-woocommerce-filled-cart-block{
max-width:1400px;
margin-left:auto;
margin-right:auto;
} .wp-block-woocommerce-cart-items-block{
box-shadow:
0 0 0 1px rgba(0,0,0,0.04),
20px 0 0 0 transparent; }
.wp-block-woocommerce-cart-totals-block{
box-shadow:
0 0 0 1px rgba(0,0,0,0.04);
}  .wp-block-woocommerce-filled-cart-block{
display:flex !important;
gap:32px !important;
} .wp-block-woocommerce-filled-cart-block{
flex-wrap:nowrap !important;
} .wp-block-woocommerce-cart-items-block{
flex:1 1 auto;
min-width:0;
} .wp-block-woocommerce-cart-totals-block{
width:420px;
flex:0 0 420px;
} .wp-block-woocommerce-cart{
background:#fff; padding:0;
} .wp-block-woocommerce-cart-header{
width:100%;
background:#efefef;
border-bottom:1px solid rgba(0,0,0,0.06);
}
.wp-block-woocommerce-cart-header .wp-block-heading{
max-width:1400px;
margin:0 auto;
padding:18px 20px;
font-size:18px;
font-weight:700;
} .wp-block-woocommerce-filled-cart-block{
max-width:1400px;
margin:30px auto;
padding:0 20px;
display:grid;
grid-template-columns:minmax(0,1fr) 420px;
gap:32px;
}
@media(max-width:1024px){
.wp-block-woocommerce-filled-cart-block{
grid-template-columns:1fr;
}
} .wp-block-woocommerce-cart-items-block,
.wp-block-woocommerce-cart-totals-block{
background:#fff;
padding:28px;
border:var(--vl24-border);
border-radius:var(--vl24-radius-md);
box-shadow:0 12px 30px rgba(0,0,0,0.04);
} .vl24-cart-header{
width:100%;
background:#efefef;
border-bottom:1px solid rgba(0,0,0,0.06);
}
.vl24-cart-header .wp-block-heading{
max-width:1400px;
margin:0 auto;
padding:18px 20px;
font-size:18px;
font-weight:700;
letter-spacing:-0.01em;
} .wp-block-woocommerce-filled-cart-block{
max-width:1400px;
margin:30px auto;
padding:0 20px;
display:grid;
grid-template-columns:minmax(0,1fr) 420px;
gap:32px;
}
@media(max-width:1024px){
.wp-block-woocommerce-filled-cart-block{
grid-template-columns:1fr;
}
}  .wp-block-woocommerce-cart .wc-block-cart-item__image img{
width:120px !important;
height:120px !important;
object-fit:cover !important;
border-radius:6px !important;
background:#f5f5f5;
} .wp-block-woocommerce-cart .wc-block-components-product-name a{
font-size:16px !important;
font-weight:700 !important;
color:#111 !important;
text-decoration:none !important;
} .wp-block-woocommerce-cart .wc-block-components-product-details{
margin-top:8px !important;
font-size:14px !important;
line-height:1.5 !important;
color:#111 !important;
}
.wp-block-woocommerce-cart .wc-block-components-product-details li{
display:block !important;
margin-bottom:4px !important;
} .wp-block-woocommerce-cart .wc-block-cart-items__row{
padding-top:20px !important;
padding-bottom:20px !important;
} .wp-block-woocommerce-cart .wc-block-cart-item__image img{
width:120px !important;
aspect-ratio:1 / 1 !important; height:auto !important;
object-fit:cover !important;
} .wp-block-woocommerce-cart .wc-block-components-quantity-selector{
height:36px !important;
padding:0 !important;
display:flex !important;
align-items:stretch !important;
border:1px solid rgba(17,17,17,0.12) !important;
border-radius:6px !important;
background:#fff !important;
overflow:hidden; } .wp-block-woocommerce-cart .wc-block-components-quantity-selector button{
width:48px !important;
height:100% !important;
border:none !important;
background:#f3f4f6 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:18px !important;
font-weight:700 !important;
margin:0 !important;
padding:0 !important;
} .wp-block-woocommerce-cart .wc-block-components-quantity-selector input{
width:48px !important;
height:100% !important;
border:none !important;
background:#fff !important;
text-align:center !important;
font-size:16px !important;
font-weight:700 !important;
margin:0 !important;
padding:0 !important;
} .wp-block-woocommerce-cart .wc-block-components-quantity-selector input:focus{
outline:none !important;
} .wp-block-woocommerce-cart .wc-block-cart-item__remove-link{
width:36px !important;
height:36px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:#111 !important;
color:#fff !important;
border-radius:6px !important;
margin-left:10px !important;
padding:0 !important;
} .wp-block-woocommerce-cart .wc-block-cart-item__remove-link svg{
width:18px !important;
height:18px !important;
stroke:#fff !important;
} .wp-block-woocommerce-cart .wc-block-components-product-price{
display:block !important;
font-size:14px !important;
font-weight:700 !important;
color:#111 !important;
margin-top:4px !important;
} .wp-block-woocommerce-cart a.wc-block-components-product-name,
.wp-block-woocommerce-cart .wc-block-components-product-name a{
all:unset !important;
display:block !important;
font-size:15px !important;
font-weight:700 !important;
line-height:1.2 !important;
letter-spacing:-0.01em !important;
color:#111 !important;
cursor:pointer !important;
} .wp-block-woocommerce-cart 
.wc-block-cart-item__product 
.wc-block-components-product-price{
display:none !important;
} .wp-block-woocommerce-proceed-to-checkout-block a{
width:100% !important;
height:58px !important;
display:flex !important;
align-items:center;
justify-content:center;
background:#111 !important;
color:#fff !important;
font-size:17px !important;
font-weight:700 !important;
letter-spacing:-0.01em !important;
border-radius:6px !important;
border:none !important;
text-decoration:none !important;
transition:all .18s ease;
} .wp-block-woocommerce-proceed-to-checkout-block a:hover{
transform:translateY(-1px);
opacity:0.9;
} .wp-block-woocommerce-proceed-to-checkout-block a{
font-size:0 !important;
position:relative;
}
.wp-block-woocommerce-proceed-to-checkout-block a::after{
content:"Continue to Request"; font-size:17px;
font-weight:700;
} .vl24-breadcrumb-bar{
width:100%;
background:#f3f4f6;
border-bottom:1px solid rgba(0,0,0,0.06);
} .vl24-breadcrumb-bar .vl24-container{
height:34px; display:flex;
align-items:center; padding:0 10px;
}
.vl24-breadcrumb{
display:flex;
align-items:center;
flex-wrap:nowrap;
gap:6px;
height:100%;
font-size:13px;
line-height:1;
overflow-x:auto;
white-space:nowrap;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
position:relative;
top:0px;
}
.vl24-breadcrumb span,
.vl24-breadcrumb a{
display:flex;
align-items:center;
height:100%;
} .vl24-breadcrumb::-webkit-scrollbar{
display:none;
} .vl24-breadcrumb-item{
display:inline-flex;
align-items:center;
height:100%;
} .vl24-breadcrumb a{
display:inline-flex;
align-items:center;
height:100%;
color:#111;
text-decoration:none;
font-weight:500;
opacity:0.7;
transition:all .18s ease;
}
.vl24-breadcrumb a{
position:relative;
transition:all .2s ease;
} .vl24-breadcrumb a::after{
content:"";
position:absolute;
left:0;
bottom:-2px;
width:0;
height:1px;
background:#24965a;
transition:width .25s ease;
} .vl24-breadcrumb a:hover{
color:#24965a;
opacity:1;
transform:translateY(-1px);
}
.vl24-breadcrumb a:hover::after{
width:100%;
} .vl24-breadcrumb-item:last-child{
color:#6b7280;
} .vl24-breadcrumb-sep{
display:flex;
align-items:center;
justify-content:center;
height:100%;
opacity:0.5;
}
.vl24-breadcrumb-sep::before{
content:"";
width:6px;
height:6px;
border-right:2px solid #9ca3af;
border-top:2px solid #9ca3af;
transform:rotate(45deg);
}
@media (max-width:767px){
.vl24-breadcrumb-bar .vl24-container{
height:38px;
}
.vl24-breadcrumb{
top:0px;
font-size:12px;
}
}
.vl24-breadcrumb-home-link{
display:inline-flex;
align-items:center;
justify-content:center;
width:18px;
min-width:18px;
color:#111;
}
.vl24-breadcrumb-home-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:14px;
height:14px;
}
.vl24-breadcrumb-home-icon svg{
width:14px;
height:14px;
display:block;
stroke:currentColor;
}  .vl24-breadcrumb-bar{
position:relative;
} .vl24-breadcrumb-bar::after{
content:"";
position:absolute;
top:0;
right:0;
height:100%;
width:40px;
pointer-events:none;
background:linear-gradient(
to right,
rgba(243,244,246,0),
#f3f4f6 80%
);
} .vl24-breadcrumb-bar::before{
content:"";
position:absolute;
top:0;
left:0;
height:100%;
width:30px;
pointer-events:none;
background:linear-gradient(
to left,
rgba(243,244,246,0),
#f3f4f6 80%
);
} .vl24-breadcrumb-bar::before,
.vl24-breadcrumb-bar::after{
opacity:0;
transition:opacity .25s ease;
} .vl24-breadcrumb-bar.vl24-fade-left::before{
opacity:1;
}
.vl24-breadcrumb-bar.vl24-fade-right::after{
opacity:1;
} .vl24-request-price{
display:inline-block;
padding:8px 14px;
border:1px solid rgba(34,197,94,0.4); border-radius:8px;
background:rgba(34,197,94,0.06);
cursor:pointer;
} .vl24-price-main{
font-size:18px; font-weight:600;
color:#111;
letter-spacing:-0.01em;
} .vl24-price-sub{
display:block;
font-size:12px;
color:#6b7280;
margin-top:2px;
} .vl24-request-price:hover{
background:rgba(34,197,94,0.1);
} .vl24-request-price:hover{
background:#111 !important;
border-color:#111 !important;
} .vl24-request-price:hover .vl24-price-main{
color:#fff !important;
}
.vl24-request-price:hover .vl24-price-sub{
color:rgba(255,255,255,0.7) !important;
} .woocommerce-Tabs-panel > h1:first-child,
.woocommerce-Tabs-panel > h2:first-child,
.woocommerce-Tabs-panel > h3:first-child{
display:none !important;
}  #reviews,
.woocommerce-Reviews,
#review_form_wrapper{
background:#fff !important;
padding:24px !important;
border-radius:12px !important;
box-shadow:0 10px 30px rgba(0,0,0,0.06) !important;
} #reviews h2,
#reviews h3{
font-weight:800 !important;
} #reviews textarea{
width:100% !important;
min-height:140px !important;
border-radius:10px !important;
border:1px solid #e5e7eb !important;
padding:14px !important;
font-size:14px !important;
margin-bottom:12px !important;
} #reviews input[type="text"],
#reviews input[type="email"]{
width:100% !important;
border-radius:8px !important;
border:1px solid #e5e7eb !important;
padding:12px !important;
margin-bottom:12px !important;
} #reviews input[type="checkbox"]{
margin-right:6px !important;
} #reviews .woocommerce-review-link{
display:inline-block !important;
margin-top:10px !important;
background:#22c55e !important;
color:#fff !important;
padding:10px 14px !important;
border-radius:8px !important;
font-weight:600 !important;
text-decoration:none !important;
} #reviews ol.commentlist{
list-style:none !important;
padding:0 !important;
margin-bottom:20px !important;
}
#reviews li.review{
background:#fafafa !important;
border-radius:10px !important;
padding:16px !important;
border:1px solid rgba(0,0,0,0.06) !important;
margin-bottom:12px !important;
} #reviews a{
color:var(--vl24-green-dark);
text-decoration:none;
font-weight:600;
}
#reviews a:hover{
text-decoration:underline;
} #reviews .commentlist li{
background:#fff;
border-radius:10px;
padding:18px;
border:1px solid rgba(0,0,0,0.06);
box-shadow:0 8px 20px rgba(0,0,0,0.04);
} #reviews .comment-author{
font-weight:700;
color:#111;
} #reviews .comment-meta{
font-size:13px;
color:#6b7280;
margin-bottom:10px;
} #reviews .description,
#reviews .comment-text{
font-size:14px;
line-height:1.6;
}  .vl24-reviews-section{
margin-top:64px;
} #reviews,
#review_form_wrapper{
background:#fff;
padding:34px;
border:var(--vl24-border);
border-radius:6px;
box-shadow:0 12px 30px rgba(0,0,0,0.04);
} #review_form_wrapper{
margin-top:20px;
} #review_form textarea{
width:100%;
min-height:140px;
padding:14px 16px;
border:var(--vl24-border);
border-radius:6px;
background:#fff;
font-size:15px;
box-shadow:0 1px 0 rgba(17,17,17,0.02),
0 12px 30px rgba(17,17,17,0.03);
} #review_form input{
width:100%;
height:48px;
padding:0 16px;
border:var(--vl24-border);
border-radius:6px;
background:#fff;
font-size:15px;
box-shadow:0 1px 0 rgba(17,17,17,0.02),
0 12px 30px rgba(17,17,17,0.03);
} #review_form input:focus,
#review_form textarea:focus{
outline:none;
border-color:#111;
box-shadow:0 0 0 2px rgba(17,17,17,0.1);
}  #reviews,
#review_form_wrapper,
#reviews .commentlist li,
#reviews .comment_container{
border-radius: 6px !important;
} #reviews,
#review_form_wrapper{
background:#fff;
border:var(--vl24-border);
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 12px 30px rgba(17,17,17,0.04);
padding:28px;
} #reviews .commentlist li{
background:#fff;
border:var(--vl24-border);
padding:20px;
margin-bottom:10px !important;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 12px 24px rgba(17,17,17,0.03);
} .woocommerce #reviews #comments ol.commentlist li{
border-radius:6px !important;
}
#reviews,
#review_form_wrapper,
#reviews .commentlist li{
border-radius: var(--vl24-radius-md) !important;
}
#commentform input[type="checkbox"]{
width:18px;
height:18px;
accent-color:#111; cursor:pointer;
}
#commentform .comment-form-cookies-consent{
display:flex;
align-items:center;
gap:10px;
}  #reviews,
#reviews #comments,
#reviews #respond,
#review_form_wrapper{
background:#fff !important;
border:var(--vl24-border) !important;
border-radius:var(--vl24-radius-md) !important;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 18px 46px rgba(17,17,17,0.04) !important;
}
#reviews #comments,
#reviews #respond,
#review_form_wrapper{
padding:28px !important;
} #reviews #comments ol.commentlist,
#reviews #comments ul.commentlist{
list-style:none !important;
margin:0 !important;
padding:0 !important;
}
#reviews #comments ol.commentlist li,
#reviews #comments ul.commentlist li{
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
margin:0 0 10px !important;
} #reviews h2,
#reviews h3,
#reviews .comment-reply-title{
margin:0 0 16px !important;
color:var(--vl24-text) !important;
letter-spacing:-0.02em !important;
} #reviews .woocommerce-review-link,
#reviews .comment-notes,
#reviews .logged-in-as{
margin-bottom:14px !important;
} #reviews a{
color:var(--vl24-green-dark) !important;
text-decoration:none !important;
font-weight:600 !important;
}
#reviews a:hover{
color:var(--vl24-green-dark) !important;
text-decoration:underline !important;
} #commentform{
display:flex !important;
flex-direction:column !important;
gap:16px !important;
margin:0 !important;
} #commentform .comment-form-comment,
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url,
#commentform .comment-form-cookies-consent,
#commentform .form-submit{
margin:0 !important;
padding:0 !important;
} #commentform label{
display:block !important;
margin:0 0 8px !important;
color:var(--vl24-text) !important;
font-size:15px !important;
font-weight:700 !important;
line-height:1.3 !important;
} #commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea{
display:block !important;
width:100% !important;
box-sizing:border-box !important;
border:var(--vl24-border) !important;
border-radius:var(--vl24-radius-md) !important;
background:#fff !important;
color:var(--vl24-text) !important;
font-size:15px !important;
font-weight:600 !important;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 12px 30px rgba(17,17,17,0.03) !important;
transition:all .18s ease !important;
}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"]{
height:48px !important;
padding:0 16px !important;
}
#commentform textarea{
min-height:160px !important;
padding:14px 16px !important;
resize:vertical !important;
} #commentform input[type="text"]:focus,
#commentform input[type="email"]:focus,
#commentform input[type="url"]:focus,
#commentform textarea:focus{
outline:none !important;
border-color:#111 !important;
box-shadow:0 0 0 2px rgba(17,17,17,0.10) !important;
} #commentform .comment-form-cookies-consent{
display:flex !important;
align-items:flex-start !important;
gap:10px !important;
}
#commentform .comment-form-cookies-consent input[type="checkbox"]{
margin:2px 0 0 !important;
width:18px !important;
height:18px !important;
flex:0 0 18px !important;
accent-color:#111 !important;
}
#commentform .comment-form-cookies-consent label{
margin:0 !important;
font-size:14px !important;
font-weight:600 !important;
line-height:1.5 !important;
} #commentform .form-submit{
margin-top:4px !important;
} #reviews input[type="submit"],
#reviews button[type="submit"],
#review_form input[type="submit"],
#review_form button[type="submit"]{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:auto !important;
min-width:0 !important;
height:48px !important;
padding:0 20px !important;
border:none !important;
border-radius:6px !important;
background:var(--vl24-green) !important;
color:#fff !important;
font-size:15px !important;
font-weight:700 !important;
letter-spacing:-0.01em !important;
cursor:pointer !important;
box-shadow:none !important;
transition:all .18s ease !important;
} #reviews input[type="submit"]:active{
transform:translateY(0) !important;
}
#reviews input#submit{
all:unset;
display:inline-flex;
align-items:center;
justify-content:center;
height:48px;
padding:0 20px;
font-size:15px;
font-weight:700;
cursor:pointer;
border-radius:var(--vl24-radius-md); background:var(--vl24-green);
color:#fff;
transition:all .18s ease;
}
#reviews input[type="submit"]:hover,
#review_form input[type="submit"]:hover{
background:#111 !important;
color:#fff !important;
transform:translateY(-1px) !important;
}
#reviews .commentlist li{
background:rgba(255,255,255,0.7) !important;
backdrop-filter:blur(6px) !important;
border:1px solid rgba(0,0,0,0.05) !important;
border-radius:6px !important;
padding:16px !important;
}
#reviews .comment_container{
background:rgba(255,255,255,0.65) !important;
backdrop-filter:blur(10px) !important;
border:1px solid rgba(255,255,255,0.4) !important;
border-radius:6px !important;
padding:16px !important;
box-shadow:
0 8px 24px rgba(0,0,0,0.04) !important;
} .vl24-products-slider{
display:flex;
gap:16px;
overflow-x:auto;
padding-bottom:6px;
scroll-snap-type:x mandatory;
}
.vl24-products-slider::-webkit-scrollbar{
height:6px;
}
.vl24-products-slider::-webkit-scrollbar-thumb{
background:rgba(0,0,0,0.15);
border-radius:6px;
} .vl24-product-card-2026{
flex:0 0 280px;
scroll-snap-align:start;
background:#fff;
border:var(--vl24-border);
border-radius:6px;
overflow:hidden;
transition:all .18s ease;
}
.vl24-product-card-2026:hover{
transform:translateY(-4px);
box-shadow:0 20px 50px rgba(0,0,0,0.08);
} .vl24-card-image-wrap{
position:relative;
aspect-ratio:4/3;
overflow:hidden;
background:#f5f5f5;
}
.vl24-card-image-wrap img{
width:100%;
height:100%;
object-fit:cover;
} .vl24-card-actions{
position:absolute;
right:10px;
top:10px;
display:flex;
flex-direction:column;
gap:8px;
}
.vl24-icon-btn{
width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
border-radius:50%;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
text-decoration:none;
font-size:16px;
transition:all .18s ease;
}
.vl24-icon-btn:hover{
background:#111;
color:#fff;
} .vl24-product-card-2026 .vl24-card-body{
padding:14px;
} .vl24-product-card-2026 .vl24-card-title{
font-size:15px;
font-weight:700;
margin-bottom:6px;
} .vl24-card-meta{
font-size:13px;
color:var(--vl24-text-muted);
margin-bottom:6px;
} .vl24-product-card-2026 .vl24-card-price{
font-size:16px;
font-weight:800;
color:var(--vl24-green-dark);
}  .vl24-upsells-section--2026{
padding:20px 10px !important;
border-radius:6px;
background:linear-gradient(
180deg,
var(--vl24-green-soft) 0%,
#ffffff 100%
);
} .vl24-related-section--2026{
padding:28px;
border-radius:6px;
background:#fff;
border:var(--vl24-border);
} @media(max-width:768px){
.vl24-product-card-2026{
flex:0 0 78%;
}
} .vl24-card-actions{
position:absolute;
top:10px;
right:10px;
display:flex;
flex-direction:column;
align-items:flex-end;
gap:10px;
z-index:5;
} .vl24-cart-wrap{
position:relative;
display:flex;
align-items:center;
justify-content:flex-end;
width:42px;
height:38px;
text-decoration:none !important;
} .vl24-cart-icon{
position:relative;
z-index:3;
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#fff !important;
color:#111 !important;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
} .vl24-cart-icon svg{
display:block;
width:18px;
height:18px;
stroke:currentColor !important;
color:#111 !important;
} .vl24-cart-wrap:hover .vl24-cart-icon{
background:#fff !important;
color:#111 !important;
}
.vl24-cart-wrap:hover .vl24-cart-icon svg{
stroke:currentColor !important;
color:#111 !important;
} .vl24-cart-pill{
position:absolute;
top:0;
right:19px;
z-index:2;
height:38px;
width:0;
overflow:hidden;
display:flex;
align-items:center;
justify-content:flex-start;
padding:0;
background:#111;
color:#fff;
border-radius:999px 0 0 999px;
opacity:0;
transition:width .26s ease, opacity .2s ease;
} .vl24-cart-text{
display:block;
padding:0 20px 0 18px;
white-space:nowrap;
font-size:13px;
font-weight:700;
line-height:1;
color:#fff;
} .vl24-cart-wrap:hover .vl24-cart-pill{
width:116px; opacity:1;
} .vl24-icon-btn{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#fff;
color:#111;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
text-decoration:none;
transition:all .18s ease;
}
.vl24-icon-btn svg{
display:block;
width:18px;
height:18px;
stroke:currentColor;
}
@media (hover:hover) and (pointer:fine){
.vl24-icon-btn:hover{
background:#111;
color:#fff;
}
} .vl24-product-card-2026 .vl24-card-title{
margin-bottom:6px !important;
} .vl24-product-card-2026 .vl24-card-title-link{
display:block !important;
font-size:17px !important;
font-weight:700 !important;
color:#111 !important;
text-decoration:none !important;
line-height:1.3 !important;
letter-spacing:-0.01em !important;
font-family:inherit !important;
transition:color .18s ease !important;
} .vl24-product-card-2026 .vl24-card-title-link:hover{
color:var(--vl24-green-dark) !important;
} .vl24-card-desc{
font-size:14px;
color:var(--vl24-text-muted);
line-height:1.4;
margin-bottom:8px;
opacity:0.9;
} .vl24-card-desc{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
} .vl24-card-request-price{
margin-top:10px;
width:100%;
display:flex;
flex-direction:column;
justify-content:center;
padding:12px 14px;
border:1px solid var(--vl24-green-dark);
border-radius:6px;
background:var(--vl24-green-soft);
text-align:center;
} .vl24-card-request-main{
font-size:14px;
font-weight:800;
color:var(--vl24-green-dark);
} .vl24-card-request-sub{
font-size:12px;
color:var(--vl24-text-muted);
margin-top:2px;
}
.vl24-card-request-price{
text-decoration:none;
cursor:pointer;
}
.vl24-card-request-price:hover{
transform:translateY(-1px);
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}
.vl24-cart-wrap{
border:none;
padding:0;
background:transparent;
} .vl24-related-section{
background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
padding: 40px 0;
}
.vl24-related-slider{
display:flex;
gap:20px;
overflow-x:auto;
padding:10px 4px;
} .vl24-related-card{
flex:0 0 260px;
background: linear-gradient(
to bottom,
rgba(34,197,94,0.15),
#ffffff
);
border-radius:6px;
overflow:hidden;
transition:all .2s ease;
box-shadow:0 10px 30px rgba(0,0,0,0.06);
}
.vl24-related-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 50px rgba(0,0,0,0.12);
} .vl24-related-image img{
width:100%;
height:180px;
object-fit:cover;
} .vl24-related-body{
padding:14px;
} .vl24-related-title{
font-size:15px;
font-weight:600;
margin-bottom:6px;
} .vl24-related-price{
font-size:16px;
font-weight:700;
margin-bottom:10px;
} .vl24-related-cta button,
.vl24-related-cta a{
display:inline-flex;
align-items:center;
justify-content:center;
height:36px;
padding:0 12px;
border-radius:6px;
border:1px solid rgba(0,0,0,0.15);
background:#fff;
font-size:13px;
font-weight:600;
cursor:pointer;
}
.vl24-related-section,
.vl24-related-section .related{
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}  .vl24-product-card-2026{
display:flex;
flex-direction:column;
height:100%;
} .vl24-product-card-2026 .vl24-card-body{
display:flex;
flex-direction:column;
flex:1;
} .vl24-card-title{
font-size:16px;
font-weight:700;
line-height:1.25;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
min-height:40px; } .vl24-card-desc{
font-size:14px;
color:#6b7280;
margin-top:6px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
min-height:36px; } .vl24-card-price,
.vl24-card-request-price{
margin-top:auto;
}
.vl24-products-slider > *{
height:100%;
}
.vl24-card-image-wrap{
aspect-ratio:4/3;
overflow:hidden;
}
.vl24-card-image-wrap img{
width:100%;
height:100%;
object-fit:cover;
}
.vl24-products-slider{
align-items:stretch;
} .vl24-related-section .vl24-card-title{
margin-bottom:6px !important;
}
.vl24-related-section .vl24-card-title a{
display:block !important;
font-size:17px !important;
font-weight:700 !important;
color:#111 !important;
text-decoration:none !important;
line-height:1.3 !important;
letter-spacing:-0.01em !important;
font-family:inherit !important;
transition:color .18s ease !important;
} .vl24-related-section .vl24-card-title a:hover{
color:var(--vl24-green-dark) !important;
} .vl24-related-slider .vl24-product-card-2026{
display:flex;
flex-direction:column;
height:auto;
}
.vl24-gallery-main-wrap{
position:relative;
}
.vl24-gallery-main{
position:relative;
overflow:hidden;
border-radius:6px !important;
}
.vl24-gallery-stage{
position:absolute;
inset:0;
border-radius:6px !important;
overflow:hidden;
}
.vl24-gallery-main-image{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.vl24-gallery-nav{
position:absolute;
top:45%; transform:translateY(-50%);
z-index:20;
width:44px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
border:none;
border-radius:50%;
background:#fff !important;
color:#111 !important;
box-shadow:0 10px 30px rgba(0,0,0,0.18);
cursor:pointer;
}
.vl24-gallery-nav:hover{
transform:translateY(-50%) scale(1.05);
} .vl24-gallery{
width:100%;
}
.vl24-gallery-main-wrap{
position:relative;
}
.vl24-gallery-main{
position:relative;
aspect-ratio:4/3;
border-radius:6px !important;
overflow:hidden;
background:#fff;
box-shadow:0 25px 70px rgba(0,0,0,0.08);
} .vl24-gallery-stage{
position:absolute;
inset:0;
width:100%;
height:100%;
overflow:hidden;
border-radius:6px !important;
background:#fff;
}
.vl24-gallery-main-image{
position:absolute;
inset:0;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:cover !important;
object-position:center center !important;
display:block;
} .vl24-gallery-stage img{
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:cover !important;
object-position:center center !important;
display:block;
} .vl24-gallery-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:20;
width:44px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
border:none;
border-radius:50%;
background:#fff !important;
color:#111 !important;
box-shadow:0 10px 30px rgba(0,0,0,0.18);
cursor:pointer;
}
.vl24-gallery-nav:hover{
transform:translateY(-50%) scale(1.05);
} .vl24-gallery-toolbar{
position:absolute;
top:12px;
right:12px;
z-index:21;
}
.vl24-gallery-counter{
background:rgba(0,0,0,0.6);
color:#fff;
padding:6px 10px;
border-radius:999px;
font-size:12px;
} .vl24-gallery-thumbs-wrap{
position:relative;
margin-top:14px;
}
.vl24-gallery-thumbs{
display:flex;
gap:12px;
overflow-x:auto;
padding:6px 8px;
scroll-behavior:smooth;
}
.vl24-gallery-thumb{
position:relative;
flex:0 0 auto;
width:120px;
height:120px;
border-radius:6px;
overflow:hidden;
background:#fff;
border:none;
box-shadow:0 8px 22px rgba(0,0,0,0.08);
transition:all .2s ease;
padding:0 !important;
line-height:0;
}
.vl24-gallery-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.vl24-gallery-thumb.is-active{
outline:2px solid #111;
outline-offset:2px;
transform:scale(1.03);
}
.vl24-gallery-thumbs-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:34px;
height:34px;
border-radius:50%;
background:#fff;
border:none;
z-index:3;
cursor:pointer;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
}
.vl24-gallery-thumbs-nav--prev{ left:-10px; }
.vl24-gallery-thumbs-nav--next{ right:-10px; } .vl24-gallery-main-wrap .vl24-gallery-nav{
top:36% !important;
transform:translateY(-50%) !important;
}  :root{
--header-h:130px;
} body.home .hero{
position:relative !important;
height:calc(100vh - var(--header-h)) !important;
min-height:calc(100vh - var(--header-h)) !important;
margin-top:calc(-1 * var(--header-h)) !important;
overflow:hidden !important;
}
body.home .hero{
position:relative !important;
height:100vh !important;
margin-top:0 !important;
overflow:hidden !important;
} @supports (height: 100svh){
body.home .hero{
height:calc(100svh - var(--header-h)) !important;
}
} body.home .hero-video{
position:absolute !important;
top:0;
left:0;
width:100% !important;
height:100% !important;
object-fit:cover !important;
z-index:1;
} body.home .hero-overlay{
position:absolute;
inset:0;
z-index:2;
} body.home .hero-content{
position:relative;
z-index:3;
}
body.home .hero-poster{
position:absolute;
top:0;
left:0;
width:100vw !important;
height:100vh !important;
background-size:cover !important;
background-position:center center !important;
background-repeat:no-repeat !important;
z-index:0;
} body.home .hero-video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}
body.home .hero-content{
position:absolute;
inset:0;
z-index:3;
display:flex;
align-items:flex-end;
}
body.home .hero-inner{
width:100%;
padding-bottom:60px;
display:flex;
flex-direction:column;
gap:18px;
}
body.home .hero-text-wrap{
max-width:720px;
}
body.home .hero-title{
font-size:clamp(28px, 3vw, 44px); 
font-weight:700; 
line-height:1.1;
letter-spacing:-0.02em; 
color:#fff;
margin:0;
}
body.home .hero-text{
font-size:clamp(15px, 1.1vw, 17px);
line-height:1.65;
color:rgba(255,255,255,0.9);
margin-top:10px;
max-width:520px; 
}
body.home .hero-actions{
display:flex;
gap:14px;
flex-wrap:wrap;
}
body.home .hero-actions .vl24-btn{
height:52px;
padding:0 26px;
font-size:16px;
}
@media(max-width:768px){
body.home .hero-actions{
flex-direction:column;
}
body.home .hero-actions .vl24-btn{
width:100%;
}
}
body.home .hero-overlay{
position:absolute;
inset:0;
z-index:2;
background:
linear-gradient(
to bottom,
rgba(0,0,0,0) 0%,          
rgba(0,0,0,0) 45%,         
rgba(0,0,0,0.25) 70%,      
rgba(0,0,0,0.55) 100%      
);
}
body.home .hero-title{
text-shadow:0 4px 18px rgba(0,0,0,0.45);
}
body.home .hero-text{
text-shadow:0 2px 10px rgba(0,0,0,0.35);
}
@media(min-width:768px){
body.home .hero-inner{
padding-left:60px; }
}
@media(max-width:768px){
body.home .hero-inner{
padding-bottom:80px; 
}
}
@media(max-width:768px){ body.home .hero-inner{
gap:10px; } body.home .hero-title{
font-size:24px;
line-height:1.15;
letter-spacing:-0.01em;
} body.home .hero-text{
font-size:14px;
line-height:1.5;
margin-top:6px;
max-width:100%;
} body.home .hero-actions{
margin-top:8px;
gap:10px;
}
}
@media(max-width:768px){ body.home .hero-inner{
gap:6px !important; } body.home .hero-text{
margin-bottom:0 !important;
}
} #vl24-shipping-wrap{
margin-top:18px;
padding:0;
}
#vl24-shipping-wrap .form-row{
width:100% !important;
float:none !important;
margin-bottom:16px;
box-sizing:border-box;
}
#vl24-shipping-wrap label{
display:block;
margin-bottom:8px;
font-size:15px;
font-weight:700;
line-height:1.3;
}
#vl24-shipping-wrap input,
#vl24-shipping-wrap select,
#vl24-shipping-wrap textarea{
width:100% !important;
height:48px !important;
padding:0 16px !important;
border:1px solid rgba(0,0,0,0.15) !important;
border-radius:6px !important;
background:#fff !important;
font-size:15px !important;
font-weight:600 !important;
line-height:1 !important;
box-sizing:border-box !important;
transition:all .18s ease;
}
#vl24-shipping-wrap textarea{
height:auto !important;
min-height:110px !important;
padding:14px 16px !important;
line-height:1.5 !important;
}
#vl24-shipping-wrap input:focus,
#vl24-shipping-wrap select:focus,
#vl24-shipping-wrap textarea:focus{
outline:none !important;
border-color:#111 !important;
box-shadow:0 0 0 2px rgba(17,17,17,0.1) !important;
}
#vl24-shipping-wrap input::placeholder{
opacity:0.6;
font-weight:500;
}
#vl24-shipping-wrap .form-row-first,
#vl24-shipping-wrap .form-row-last{
display:inline-block !important;
width:calc(50% - 8px) !important;
vertical-align:top;
}
#vl24-shipping-wrap .form-row-first{
margin-right:16px !important;
}
#vl24-shipping-wrap .form-row-wide{
display:block !important;
width:100% !important;
}
#vl24-shipping-wrap .select2-container{
width:100% !important;
}
#vl24-shipping-wrap .select2-container .select2-selection--single{
height:48px !important;
border-radius:6px !important;
border:1px solid rgba(0,0,0,0.15) !important;
display:flex !important;
align-items:center !important;
}
#vl24-shipping-wrap .select2-selection__rendered{
line-height:48px !important;
padding-left:16px !important;
font-size:15px !important;
font-weight:600 !important;
}
#vl24-shipping-wrap .select2-selection__arrow{
height:48px !important;
}
@media(max-width:640px){
#vl24-shipping-wrap .form-row-first,
#vl24-shipping-wrap .form-row-last{
display:block !important;
width:100% !important;
margin-right:0 !important;
}
} .vl24-thankyou-grid{
display:block !important;
} .vl24-thankyou-main,
.vl24-thankyou-side,
.vl24-thankyou-grid > .vl24-thankyou-card{
width:100% !important;
max-width:100% !important;
} .vl24-thankyou-side{
display:block !important;
position:relative !important;
top:auto !important;
} .vl24-thankyou-main{
display:flex;
flex-direction:column;
gap:24px;
} .vl24-thankyou-card{
background:#fff;
border:1px solid rgba(17,17,17,0.08);
border-radius:8px;
padding:24px;
box-shadow:0 12px 30px rgba(0,0,0,0.04);
} .vl24-thankyou-card{
margin-bottom:10px;
} .vl24-thankyou-card:last-child{
margin-bottom:0;
}
.vl24-thankyou-card > * + *{
margin-top:10px;
}
.vl24-cart-modal.is-loading .vl24-cart-body{
opacity:0.3;
pointer-events:none;
}
.vl24-cart-modal.is-loading::after{
content:"";
position:absolute;
inset:0;
background:rgba(255,255,255,0.6);
z-index:10;
}
.vl24-cart-modal.is-loading::before{
content:"";
position:absolute;
top:50%;
left:50%;
width:36px;
height:36px;
border-radius:50%;
border:3px solid rgba(0,0,0,0.2);
border-top-color:#111;
transform:translate(-50%,-50%);
animation:vl24-spin .7s linear infinite;
z-index:11;
}
@keyframes vl24-spin{
to{ transform:translate(-50%,-50%) rotate(360deg); }
} .vl24-mini-cart{
display:flex;
flex-direction:column;
gap:10px;
padding:0px;
} .vl24-cart-card{
display:flex;
gap:12px; 
padding:16px; 
border-radius:14px;
background:#fff;
box-shadow:0 8px 24px rgba(0,0,0,0.06);
transition:all .25s ease;
}
.vl24-cart-card:hover{
transform:translateY(-2px);
} .vl24-cart-card__media img{
width:80px;
height:80px;
object-fit:cover;
border-radius:10px;
} .vl24-cart-card__body{
flex:1;
display:flex;
flex-direction:column;
gap:8px;
} .vl24-cart-card__top{
display:flex;
justify-content:space-between;
gap:10px;
}
.vl24-cart-card__title{
font-weight:600;
font-size:14px;
line-height:1.3;
color:#111;
text-decoration:none;
}
.vl24-cart-remove{
font-size:18px;
text-decoration:none;
color:#999;
} .vl24-cart-card__meta{
font-size:12px;
color:#666;
display:flex;
flex-wrap:wrap;
gap:6px 10px;
} .vl24-cart-card__bottom{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:auto;
} .vl24-cart-price{
font-weight:700;
font-size:15px;
} .vl24-cart-qty{
display:flex;
align-items:center;
gap:6px;
}
.vl24-cart-qty input{
width:40px;
text-align:center;
border:none;
background:#f5f5f5;
border-radius:6px;
}
.vl24-qty-minus,
.vl24-qty-plus{
width:26px;
height:26px;
border:none;
border-radius:6px;
background:#eee;
cursor:pointer;
}
.vl24-cart-card__top{
position:relative;
}
.vl24-cart-remove{
position:absolute;
top:0px;
right:0px;
width:28px;
height:28px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#f3f3f3;
padding:0;
}
.vl24-cart-remove svg{
display:block;
width:14px;
height:14px;
}
.vl24-cart-remove:hover{
background:#e5e5e5;
}
.vl24-cart-qty{
display:flex;
align-items:center;
gap:6px;
}
.vl24-cart-qty button{
width:36px;
height:36px;
border-radius:8px;
background:#eee;
border:none;
cursor:pointer;
font-size:16px;
}
.vl24-cart-qty input{
width:48px;
height:36px; text-align:center;
border-radius:8px;
border:1px solid #ddd;
font-size:14px;
}
.vl24-cart-card__excerpt{
font-size:13px;
color:#777;
margin-top:4px;
line-height:1.4;
}
[data-cart-modal] .vl24-cart-close{
top:22px; right:12px;
width:36px;
height:36px;
border-radius:50%;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
z-index:10;
}
.vl24-cart-card__title{
display:block;
padding-right:36px; }
@media (max-width:767px){
.vl24-cart-card__bottom{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
} .vl24-cart-price{
white-space:nowrap;
font-size:14px;
} .vl24-cart-qty{
display:flex;
align-items:center;
gap:4px;
flex-shrink:0; }
.vl24-cart-qty button{
width:30px;
height:30px;
border-radius:6px;
font-size:14px;
}
.vl24-cart-qty input{
width:40px;
height:30px;
font-size:13px;
border-radius:6px;
}
} .vl24-cart-modal{
z-index:999999 !important;
}
.vl24-cart-overlay{
z-index:999998 !important;
}
.vl24-cart-drawer{
z-index:1000000 !important;
} body.vl24-cart-open .vl24-mobile-bar{
display:none !important;
} @media (max-width:767px){
.vl24-cart-drawer{
height:100dvh !important;
max-height:100dvh !important;
overflow:hidden !important;
}
.vl24-cart-body{
overflow-y:auto !important;
}
.vl24-cart-footer{
position:relative !important;
z-index:5 !important;
background:#fff !important;
}
}
@media (max-width:767px){
.vl24-cart-footer{
padding:10px 14px !important;
border-top:1px solid #eee;
}
}
@media (max-width:767px){
.vl24-cart-drawer{
height:100dvh !important;
display:flex !important;
flex-direction:column !important;
}
.vl24-cart-body{
flex:1 1 auto !important;
overflow-y:auto !important;
padding:16px 16px 0 !important; }
.vl24-cart-footer{
flex:0 0 auto !important;
padding:12px 14px !important; margin:0 !important;
}
}
@media (max-width:768px){
body.woocommerce-cart .wc-block-cart-items__row{
display:flex !important;
flex-direction:column !important;
gap:12px !important;
padding:16px !important;
border-radius:12px !important;
background:#fff !important;
} body.woocommerce-cart .wc-block-components-product-name{
font-size:16px !important;
font-weight:800 !important;
line-height:1.25 !important;
} body.woocommerce-cart .wc-block-cart-item__total{
order:1 !important;
margin-top:4px !important;
font-size:18px !important;
font-weight:800 !important;
text-align:left !important;
} body.woocommerce-cart .wc-block-components-product-details{
order:2 !important;
font-size:14px !important;
color:#666 !important;
} body.woocommerce-cart .wc-block-cart-item__quantity{
order:3 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
margin-top:6px !important;
} body.woocommerce-cart .wc-block-components-quantity-selector{
height:44px !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector button{
width:40px !important;
height:44px !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector input{
width:55px !important;
height:44px !important;
font-size:16px !important;
font-weight:700 !important;
} body.woocommerce-cart .wc-block-cart-item__remove-link{
width:44px !important;
height:44px !important;
background:#111 !important;
color:#fff !important;
border-radius:8px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
}
@media (max-width:768px){
body.woocommerce-cart .wc-block-components-totals-wrapper,
body.woocommerce-cart .wc-block-cart__submit-container{
padding-left:14px !important;
padding-right:14px !important;
box-sizing:border-box !important;
}
body.woocommerce-cart .wc-block-components-panel__button,
body.woocommerce-cart .wc-block-components-totals-footer-item,
body.woocommerce-cart .wc-block-cart__submit-button{
width:100% !important;
box-sizing:border-box !important;
}
}
@media (max-width:768px){
body.woocommerce-cart .wc-block-cart__submit-container{
position:fixed !important;
left:0;
right:0;
bottom:50px;
padding:10px 14px 20px 14px;
background:#fff;
z-index:999;
}
}
@media (max-width:768px){ body.woocommerce-cart .wc-block-cart__totals{
flex:0 0 auto !important;
height:auto !important;
min-height:unset !important;
} body.woocommerce-cart .wc-block-cart__sidebar{
flex:0 0 auto !important;
} body.woocommerce-cart .wc-block-cart{
align-items:flex-start !important;
}
}
body.woocommerce-cart footer,
body.woocommerce-cart .site-footer,
body.woocommerce-cart .footer,
body.woocommerce-cart .site-footer-pro{
display:none !important;
} @media (min-width:1024px){ body.woocommerce-cart .wp-block-woocommerce-cart{
max-width:1100px;
margin:0 auto;
} body.woocommerce-cart .wp-block-woocommerce-filled-cart-block{
display:block !important;
} body.woocommerce-cart .wp-block-woocommerce-cart-items-block{
width:100% !important;
max-width:100% !important;
margin-bottom:30px;
} body.woocommerce-cart .wp-block-woocommerce-cart-totals-block{
width:100% !important;
max-width:100% !important;
} body.woocommerce-cart .vl24-upsells-section{
width:100%;
margin-top:40px;
}
}
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block{
margin-top:10px;
}
@media (max-width:768px){
body.woocommerce-cart .wp-block-woocommerce-cart-items-block,
body.woocommerce-cart .wc-block-cart-items,
body.woocommerce-cart .wc-block-cart-items__row,
body.woocommerce-cart .wc-block-cart-item__wrap,
body.woocommerce-cart .wc-block-cart-item__product,
body.woocommerce-cart .wc-block-cart-item__image,
body.woocommerce-cart .wc-block-cart-item__total,
body.woocommerce-cart .wc-block-cart-item__quantity{
border-radius:0 !important;
box-shadow:none !important;
}
body.woocommerce-cart .wc-block-cart-items__row{
border-bottom:1px solid rgba(0,0,0,.12) !important;
}
body.woocommerce-cart .wp-block-woocommerce-cart-items-block{
border-radius:0 !important;
overflow:hidden !important;
}
}
@media (max-width:768px){
body.woocommerce-cart 
.wp-block-woocommerce-cart-items-block{
border-radius:8px 8px 0 0 !important;
overflow:hidden !important;
}
}
@media (max-width:768px){ body.woocommerce-cart 
.wc-block-cart-totals-block{
border:none !important;
box-shadow:none !important;
background:transparent !important;
padding:0 !important;
}
body.woocommerce-cart 
.wc-block-cart-order-summary-block{
border:none !important;
box-shadow:none !important;
background:transparent !important;
padding:0 !important;
} body.woocommerce-cart 
.wp-block-woocommerce-cart-totals-block{
border:1px solid rgba(0,0,0,0.08) !important;
border-radius:0px !important;
padding:12px !important;
background:#fff !important;
}
}
@media (max-width:768px){
body.woocommerce-cart 
.wp-block-woocommerce-cart-totals-block{
margin-bottom:0 !important;
padding-bottom:0 !important;
}
}
@media (max-width:768px){
body.woocommerce-cart 
.wc-block-cart__main{
border-radius:0 0 8px 8px !important;
overflow:hidden !important;
}
} body.woocommerce-cart .vl24-upsells-section .vl24-card-title a,
body.woocommerce-cart .vl24-upsells-section .vl24-card-title a:visited,
body.woocommerce-cart .vl24-upsells-section .vl24-card-title a:active{
color:#111 !important;
text-decoration:none !important;
font-size:17px !important;
font-weight:700 !important;
line-height:1.3 !important;
letter-spacing:-0.01em !important;
font-family:inherit !important;
}
body.woocommerce-cart .vl24-upsells-section .vl24-card-title a:hover{
color:var(--vl24-green-dark) !important;
text-decoration:none !important;
}
@media (max-width:768px){
body.woocommerce-cart .wp-block-woocommerce-cart{
padding-bottom:60px !important;
}
} @media (max-width:767px){
body.woocommerce-cart .wp-block-woocommerce-cart-items-block{
border-top-left-radius:8px !important;
border-top-right-radius:8px !important;
border-bottom-left-radius:0 !important;
border-bottom-right-radius:0 !important;
overflow:hidden !important;
}
} .woocommerce-checkout .site-footer,
.woocommerce-checkout footer{
display:none !important;
} body.woocommerce-checkout .rb-header a,
body.woocommerce-checkout .vl24-header a{
text-decoration:none !important;
border-bottom:none !important;
} body.woocommerce-checkout .rb-header a::after,
body.woocommerce-checkout .rb-header a::before,
body.woocommerce-checkout .vl24-header a::after,
body.woocommerce-checkout .vl24-header a::before{
display:none !important;
content:none !important;
} @media (max-width:767px){
#customer_details,
.vl24-checkout-card,
.vl24-checkout-side{
padding-left:10px !important;
padding-right:10px !important;
}
}
@media (max-width:768px){ .woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout-review-order-table tr{
display:block;
width:100%;
} .woocommerce-checkout-review-order-table thead tr{
display:flex;
justify-content:flex-start;
} .woocommerce-checkout-review-order-table thead th.product-total{
display:none !important;
} .woocommerce-checkout-review-order-table thead th.product-name{
width:100%;
} .woocommerce-checkout-review-order-table tr.cart_item{
display:block;
padding:15px 0;
border-bottom:1px solid #eee;
} .woocommerce-checkout-review-order-table td.product-name{
display:flex;
gap:12px;
width:100% !important;
} .woocommerce-checkout-review-order-table td.product-total{
display:block;
width:100% !important;
margin-top:10px;
font-size:18px;
font-weight:700;
text-align:left;
}
}
@media (max-width:768px){
.woocommerce-checkout-review-order-table thead th:last-child{
display:none !important;
}
}
.vl24-price-request{
font-weight:600;
color:#24965a;
}
.vl24-cart-qty input{
width:40px;
text-align:center;
} .vl24-mini-cart .vl24-cart-qty{
display:flex !important;
align-items:center !important;
gap:6px !important;
}
.vl24-mini-cart .vl24-cart-qty input[type="number"]{
display:block !important;
visibility:visible !important;
opacity:1 !important;
width:48px !important;
min-width:48px !important;
height:36px !important;
padding:0 !important;
margin:0 !important;
border:1px solid #ddd !important;
border-radius:8px !important;
background:#f5f5f5 !important;
color:#111 !important;
-webkit-text-fill-color:#111 !important;
font-size:14px !important;
font-weight:700 !important;
line-height:36px !important;
text-align:center !important;
appearance:textfield !important;
-moz-appearance:textfield !important;
}
.vl24-mini-cart .vl24-cart-qty input[type="number"]::-webkit-outer-spin-button,
.vl24-mini-cart .vl24-cart-qty input[type="number"]::-webkit-inner-spin-button{
-webkit-appearance:none !important;
margin:0 !important;
}
.vl24-mini-cart .vl24-cart-qty button{
width:36px !important;
min-width:36px !important;
height:36px !important;
border-radius:8px !important;
} .vl24-mini-cart .vl24-cart-card__title{
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
color: #111 !important;
font-weight: 600 !important;
display: inline-block;
} .vl24-mini-cart .vl24-cart-card__title:hover{
text-decoration: none !important;
border-bottom: none !important;
} .vl24-price-request{
display:block; white-space:normal; line-height:1.2;
} .vl24-cart-price{
white-space:normal !important;
} .vl24-cart-card__bottom{
align-items:flex-start;
} .vl24-cart-qty{
display:flex;
align-items:center;
gap:6px;
flex-shrink:1; } .vl24-cart-qty button{
width:32px;
height:32px;
flex:0 0 32px;
font-size:16px;
} .vl24-cart-qty input{
width:40px;
height:32px;
text-align:center;
font-size:14px;
padding:0;
} @media (max-width:480px){
.vl24-cart-qty button{
width:28px;
height:28px;
flex:0 0 28px;
font-size:14px;
}
.vl24-cart-qty input{
width:34px;
height:28px;
font-size:13px;
}
}
.vl24-cart-card__bottom{
display:flex;
justify-content:space-between;
gap:10px;
flex-wrap:wrap; } .vl24-cat-grid{
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
gap:20px !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
}
.vl24-cat-grid::before,
.vl24-cat-grid::after{
display:none !important;
content:none !important;
}
.vl24-cat-card{
position:relative !important;
display:block !important;
width:100% !important;
aspect-ratio:4 / 3 !important;
overflow:hidden !important;
border-radius:8px !important;
background:#f3f3f3 !important;
text-decoration:none !important;
box-shadow:0 16px 36px rgba(0,0,0,0.06) !important;
}
.vl24-cat-image{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
}
.vl24-cat-image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
}
.vl24-cat-overlay{
position:absolute !important;
left:12px !important;
right:12px !important;
bottom:12px !important;
z-index:2 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
min-height:52px !important;
padding:10px 14px !important;
background:rgba(255,255,255,0.94) !important;
backdrop-filter:blur(10px) !important;
border-radius:10px !important;
box-shadow:0 10px 28px rgba(0,0,0,0.14) !important;
}
.vl24-cat-title{
font-size:15px !important;
font-weight:800 !important;
line-height:1.1 !important;
color:#111 !important;
}
.vl24-cat-count{
flex:0 0 auto !important;
min-width:34px !important;
height:34px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:#159c52 !important;
color:#fff !important;
font-size:13px !important;
font-weight:800 !important;
border-radius:999px !important;
}
.vl24-cat-card:hover{
transform:translateY(-4px) !important;
box-shadow:0 24px 60px rgba(0,0,0,0.10) !important;
} @media(max-width:1024px){
.vl24-cat-grid{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:18px !important;
}
} @media(max-width:600px){
.vl24-cat-grid{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:14px !important;
}
.vl24-cat-overlay{
left:8px !important;
right:8px !important;
bottom:8px !important;
min-height:44px !important;
padding:8px 9px !important;
border-radius:8px !important;
}
.vl24-cat-title{
font-size:13px !important;
}
.vl24-cat-count{
min-width:30px !important;
height:30px !important;
font-size:12px !important;
}
} .vl24-cat-grid > *{
min-height:0 !important;
}
.vl24-cat-grid > *:not(:has(img)){
display:none !important;
}
.vl24-shortcode-products-grid{
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
gap:28px !important;
}
.vl24-shortcode-products .vl24-product-card-2026{
background:#fff !important;
border:var(--vl24-border) !important;
border-radius:6px !important;
overflow:hidden !important;
height:auto !important;
}
.vl24-shortcode-products .vl24-card-image-wrap{
position:relative !important;
aspect-ratio:4 / 3 !important;
overflow:hidden !important;
background:#f5f5f5 !important;
}
.vl24-shortcode-products .vl24-card-image-wrap img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
}
.vl24-shortcode-products .vl24-card-body{
display:block !important;
padding:14px !important;
}
.vl24-shortcode-products .vl24-card-title{
margin:0 0 6px !important;
}
.vl24-shortcode-products .vl24-card-title-link{
display:-webkit-box !important;
-webkit-line-clamp:2 !important;
-webkit-box-orient:vertical !important;
overflow:hidden !important;
font-size:17px !important;
font-weight:700 !important;
line-height:1.3 !important;
color:#111 !important;
text-decoration:none !important;
}
.vl24-shortcode-products .vl24-card-desc{
font-size:14px !important;
line-height:1.4 !important;
color:var(--vl24-text-muted) !important;
margin:0 0 10px !important;
}
.vl24-shortcode-products .vl24-card-request-price{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:0 !important;
height:auto !important;
margin:0 !important;
padding:12px 14px !important;
border:1px solid var(--vl24-green-dark) !important;
border-radius:6px !important;
background:var(--vl24-green-soft) !important;
text-align:center !important;
text-decoration:none !important;
}
.vl24-shortcode-products .vl24-card-request-main{
font-size:14px !important;
font-weight:800 !important;
color:var(--vl24-green-dark) !important;
}
.vl24-shortcode-view-all{
text-align:center !important;
margin-top:28px !important;
}
.vl24-shortcode-view-all-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding:13px 26px !important;
border-radius:999px !important;
border:1px solid var(--vl24-green-dark) !important;
color:var(--vl24-green-dark) !important;
font-weight:800 !important;
text-decoration:none !important;
}
.vl24-shortcode-view-all-btn:hover{
background:var(--vl24-green-dark) !important;
color:#fff !important;
}
@media(max-width:1024px){
.vl24-shortcode-products-grid{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}
}
@media(max-width:600px){
.vl24-shortcode-products-grid{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:14px !important;
}
.vl24-shortcode-products .vl24-card-body{
padding:10px !important;
}
.vl24-shortcode-products .vl24-card-title-link{
font-size:13px !important;
}
.vl24-shortcode-products .vl24-card-desc{
font-size:12px !important;
margin-bottom:8px !important;
}
.vl24-shortcode-products .vl24-card-request-price{
padding:9px 8px !important;
}
.vl24-shortcode-products .vl24-card-request-main{
font-size:12px !important;
}
} .vl24-shortcode-view-all .vl24-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 28px;
font-size:16px;
font-weight:700;
border-radius:8px;
text-decoration:none;
border:1px solid var(--vl24-green-dark);
color:var(--vl24-green-dark);
background:transparent;
transition:all .2s ease;
} .vl24-shortcode-view-all .vl24-btn:hover{
background:#111;
color:#fff;
border-color:#111;
} .vl24-section{
position:relative;
padding:50px 0;
} .vl24-section::before{
content:"";
position:absolute;
top:0;
bottom:0;
left:50%;
transform:translateX(-50%);
width:100vw; z-index:-1;
background:linear-gradient(
to bottom,
#f3f3f3 0%,
#ffffff 100%
);
} .vl24-section > *{
position:relative;
z-index:2;
} .vl24-section h2{
margin-top:0 !important; 
margin-bottom:16px;
} @media (max-width: 767px){ .vl24-cat-grid,
.vl24-subcategories{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:14px !important;
} .vl24-cat-grid .vl24-cat-card{
aspect-ratio: 1 / 1.18 !important;
min-height:180px !important;
}
.vl24-cat-grid .vl24-cat-image{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
}
.vl24-cat-grid .vl24-cat-image img{
width:100% !important;
height:100% !important;
min-width:100% !important;
min-height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
} .vl24-subcategories .vl24-cat-card{
aspect-ratio: 1 / 1.18 !important;
min-height:180px !important;
}
.vl24-subcategories .vl24-cat-img{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
}
.vl24-subcategories .vl24-cat-img img{
width:100% !important;
height:100% !important;
min-width:100% !important;
min-height:100% !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
} .vl24-cat-overlay{
z-index:5 !important;
}
} .woocommerce-shop .vl24-subcategories{
grid-template-columns:repeat(4, minmax(0,1fr)) !important;
gap:24px !important;
} @media(max-width:1024px){
.woocommerce-shop .vl24-subcategories{
grid-template-columns:repeat(2,1fr) !important;
}
} @media(max-width:600px){
.woocommerce-shop .vl24-subcategories{
grid-template-columns:repeat(2,1fr) !important;
gap:14px !important;
}
}  .policy-content .rank-math-breadcrumb,
.policy-content .aioseo-breadcrumbs,
.policy-content .yoast-breadcrumb,
.policy-content .breadcrumbs,
.policy-content .breadcrumb,
.policy-content .woocommerce-breadcrumb,
.policy-content p:has(.breadcrumb),
.policy-content p:has(.breadcrumbs){
display:none !important;
}
.policy-content .container{
max-width:1180px !important;
margin:0 auto !important;
padding:40px 40px 90px !important;
} .policy-content > .container > *:first-child{
margin-top:0 !important;
} .policy-content h2{
margin:48px 0 18px !important;
font-size:42px !important;
line-height:1.05 !important;
letter-spacing:-.03em !important;
font-weight:800 !important;
color:#111 !important;
} .policy-content h3{
margin:34px 0 14px !important;
font-size:24px !important;
line-height:1.2 !important;
font-weight:700 !important;
color:#111 !important;
} .policy-content p{
margin:0 0 18px !important;
font-size:16px !important;
line-height:1.85 !important;
font-weight:400 !important;
color:#667085 !important;
} .policy-content ul,
.policy-content ol{
margin:0 0 24px 20px !important;
}
.policy-content li{
margin-bottom:10px !important;
font-size:16px !important;
line-height:1.8 !important;
color:#667085 !important;
} .policy-content a,
.policy-content a:visited{
color:#16a34a !important;
text-decoration:none !important;
font-weight:600 !important;
}
.policy-content a:hover{
color:#15803d !important;
} .policy-content strong{
color:#111 !important;
font-weight:700 !important;
} @media (max-width:767px){
.policy-content .container{
padding-top:26px !important;
padding-bottom:60px !important;
}
.policy-content h2{
font-size:34px !important;
}
.policy-content h3{
font-size:21px !important;
}
.policy-content p,
.policy-content li{
font-size:15px !important;
}
} .policy-content h2{
margin:42px 0 16px !important;
font-size:28px !important;
line-height:1.2 !important;
letter-spacing:-.02em !important;
font-weight:800 !important;
color:#111 !important;
}
.policy-content h3{
margin:28px 0 12px !important;
font-size:20px !important;
line-height:1.3 !important;
font-weight:700 !important;
color:#111 !important;
} .policy-content p{
margin:0 0 18px !important;
font-size:16px !important;
line-height:1.85 !important;
color:#667085 !important;
} .policy-content a,
.policy-content a:visited{
color:#16a34a !important;
text-decoration:none !important;
font-weight:600 !important;
}
.policy-content a:hover{
color:#15803d !important;
} .policy-content li{
font-size:16px !important;
line-height:1.8 !important;
color:#667085 !important;
} .policy-page .vl24-breadcrumb{
display:none !important;
} .policy-page .entry-title,
.policy-page h1{
max-width:1180px !important;
margin:0 auto 50px !important;
padding:0 40px !important;
font-size:32px !important;
line-height:1.05 !important;
letter-spacing:-.03em !important;
font-weight:800 !important;
color:#111 !important;
} .policy-page .entry-title,
.policy-page h1{
margin-top:28px !important;
margin-bottom:6px !important;
} @media (max-width:767px){
.policy-content .container{
padding:
26px 22px 60px !important;
}
.policy-page .entry-title,
.policy-page h1{
padding:0 22px !important;
font-size:28px !important;
line-height:1.08 !important;
}
} .contact-page-2026{
position:relative;
overflow:hidden;
padding:
120px 0
80px;
background:
radial-gradient(circle at top left,
rgba(36,150,90,.12),
transparent 40%),
#f5f7f6;
} .contact-page-inner{
position:relative;
z-index:2;
}
.contact-hero-layout{
display:grid;
grid-template-columns:
minmax(0,1fr)
520px;
gap:40px;
align-items:start;
} .contact-hero-info{
min-width:0;
}
.contact-info-head{
margin-bottom:36px;
}
.contact-info-head .hero-title{
margin:0;
font-size:clamp(2.6rem,5vw,5rem);
line-height:.94;
letter-spacing:-0.05em;
max-width:10ch;
}
.contact-form-header,
.contact-info-sub,
.employee-text{
line-height:1.7;
} .contact-info-cards{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
margin-bottom:30px;
}
.contact-info-card{
position:relative;
display:flex;
gap:16px;
padding:24px;
border-radius:28px;
background:
rgba(255,255,255,.75);
border:
1px solid rgba(255,255,255,.55);
backdrop-filter:blur(18px);
box-shadow:
0 20px 60px rgba(0,0,0,.06);
transition:
transform .22s ease,
box-shadow .22s ease;
}
.contact-info-card:hover{
transform:translateY(-4px);
box-shadow:
0 28px 70px rgba(0,0,0,.1);
}
.contact-info-icon{
width:54px;
height:54px;
border-radius:18px;
background:
linear-gradient(
135deg,
var(--vl24-green),
var(--vl24-green-dark)
);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.contact-info-icon svg{
width:24px;
height:24px;
}
.contact-info-label{
margin-bottom:8px;
font-size:13px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
opacity:.55;
}
.contact-info-value{
display:block;
font-size:20px;
line-height:1.25;
font-weight:700;
color:#111;
text-decoration:none;
}
.contact-info-value:hover{
color:var(--vl24-green-dark);
}
.contact-info-sub{
margin-top:10px;
font-size:14px;
color:var(--vl24-text-muted);
} .contact-employees{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
}
.contact-employee-card{
overflow:hidden;
border-radius:28px;
background:#fff;
border:1px solid rgba(17,17,17,.06);
box-shadow:
0 20px 50px rgba(0,0,0,.06);
transition:
transform .2s ease,
box-shadow .2s ease;
}
.contact-employee-card:hover{
transform:translateY(-4px);
box-shadow:
0 28px 70px rgba(0,0,0,.12);
}
.employee-image{
aspect-ratio:4/3;
overflow:hidden;
}
.employee-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.employee-body{
padding:22px;
}
.employee-name{
font-size:22px;
font-weight:700;
line-height:1.1;
}
.employee-role{
margin-top:6px;
color:var(--vl24-green-dark);
font-weight:600;
}
.employee-text{
margin-top:14px;
font-size:14px;
color:var(--vl24-text-muted);
}
.employee-contacts{
margin-top:18px;
display:flex;
flex-direction:column;
gap:8px;
}
.employee-contacts a{
color:#111;
text-decoration:none;
font-weight:600;
} .contact-hero-form{
position:sticky;
top:120px;
}
.contact-form-card{
padding:34px;
border-radius:32px;
background:#fff;
border:1px solid rgba(17,17,17,.06);
box-shadow:
0 30px 80px rgba(0,0,0,.08);
}
.contact-form{
display:flex;
flex-direction:column;
gap:18px;
}
.contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
.contact-form input,
.contact-form textarea{
width:100%;
border:none;
outline:none;
background:#f4f6f5;
min-height:58px;
padding:0 18px;
border-radius:18px;
font-size:15px;
transition:
background .2s ease,
box-shadow .2s ease;
}
.contact-form textarea{
min-height:160px;
padding-top:18px;
resize:vertical;
}
.contact-form input:focus,
.contact-form textarea:focus{
background:#fff;
box-shadow:
0 0 0 2px rgba(36,150,90,.18);
} .vl24-contact-submit{
width:100% !important;
min-height:64px !important;
border-radius:18px !important;
margin-top:6px !important;
font-size:16px !important;
font-weight:700 !important;
} .contact-map{
padding:0 0 100px;
background:#f5f7f6;
}
.contact-map-split,
.contact-map-single{
width:min(1520px,calc(100% - 40px));
margin:0 auto;
overflow:hidden;
border-radius:32px;
box-shadow:
0 30px 80px rgba(0,0,0,.08);
}
.contact-map-split{
display:grid;
grid-template-columns:1fr 1fr;
}
.contact-map iframe{
width:100%;
height:560px;
border:none;
display:block;
} @media (max-width:1024px){
.contact-hero-layout{
grid-template-columns:1fr;
}
.contact-hero-form{
position:relative;
top:auto;
}
}
@media (max-width:767px){
.contact-page-2026{
padding:
70px 0
60px;
}
.contact-hero-layout{
gap:26px;
}
.contact-info-cards,
.contact-employees,
.contact-grid,
.contact-map-split{
grid-template-columns:1fr;
}
.contact-info-card,
.contact-form-card,
.contact-employee-card{
border-radius:24px;
}
.contact-form-card{
padding:22px;
}
.contact-info-head .hero-title{
max-width:none;
font-size:42px;
}
.contact-map iframe{
height:420px;
}
} .vl24-page-header .hero-title{
padding-left: 24px;
} .page-id-179 .contact-form button[type="submit"],
.page-id-179 .contact-form .vl24-contact-submit{
width:100%;
min-height:60px;
padding:0 22px !important;
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
border:none !important;
border-radius:6px !important;
background:var(--vl24-green) !important;
color:#fff !important;
font-size:17px !important;
font-weight:800 !important;
letter-spacing:-0.01em !important;
cursor:pointer;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 16px 34px rgba(17,17,17,0.10);
transition:
transform .18s ease,
box-shadow .18s ease,
filter .18s ease;
} .page-id-179 .contact-form button[type="submit"]:hover,
.page-id-179 .contact-form .vl24-contact-submit:hover{
transform:translateY(-1px);
box-shadow:
0 22px 44px rgba(17,17,17,0.16);
filter:brightness(1.03);
} .page-id-179 .contact-form button[type="submit"]:active,
.page-id-179 .contact-form .vl24-contact-submit:active{
transform:translateY(0);
box-shadow:
0 6px 18px rgba(17,17,17,0.12);
}  .contact-info-card,
.contact-form-card,
.contact-employee-card,
.contact-map-split,
.contact-map-single{
border-radius:14px !important;
} .contact-form input,
.contact-form textarea{
border-radius:10px !important;
} .contact-info-icon{
width:54px;
height:54px;
flex-shrink:0;
border-radius:12px !important;
background:
linear-gradient(
135deg,
#34d06f,
#1f9d4d
) !important;
color:#fff !important;
display:flex !important;
align-items:center;
justify-content:center;
box-shadow:
0 10px 24px rgba(36,150,90,.24);
}
.contact-info-icon svg{
width:24px !important;
height:24px !important;
display:block !important;
stroke:#fff !important;
} .page-id-179 .contact-form .vl24-contact-submit{
position:relative;
overflow:hidden;
min-height:60px !important;
border-radius:10px !important;
background:
linear-gradient(
135deg,
#45d97b 0%,
#1f9d4d 100%
) !important;
color:#fff !important;
border:none !important;
box-shadow:
0 18px 40px rgba(36,150,90,.22);
transition:
transform .18s ease,
box-shadow .18s ease,
filter .18s ease;
} .page-id-179 .contact-form .vl24-contact-submit::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(
120deg,
transparent 0%,
rgba(255,255,255,.18) 45%,
transparent 100%
);
opacity:.9;
pointer-events:none;
} .page-id-179 .contact-form .vl24-contact-submit:hover{
transform:translateY(-2px);
box-shadow:
0 24px 48px rgba(36,150,90,.28);
filter:brightness(1.03);
} .page-id-179 .vl24-contact-submit .vl24-btn__icon{
display:flex;
align-items:center;
justify-content:center;
}
.page-id-179 .vl24-contact-submit .vl24-btn__icon svg{
width:18px;
height:18px;
stroke:#fff;
}
.contact-map{
margin-top:0 !important;
padding:
60px 0 0 !important;
background:#f5f7f6 !important;
} .page-id-179 .contact-hero-form{
padding-bottom:24px !important;
}
.page-id-179 .vl24-page-header{
display:none !important;
} .page-id-179 .contact-page-2026{
padding-top:40px !important;
padding-bottom:20px !important;
} .page-id-179 .contact-info-head{
margin-bottom:24px !important;
}
.contact-form-header{
margin-bottom:26px !important;
} .page-id-179 .contact-info-head .hero-title{
font-size:clamp(2rem,2.6vw,2.8rem) !important;
line-height:1 !important;
letter-spacing:-0.03em !important;
font-weight:700 !important;
max-width:9ch !important;
}
.page-id-179 .contact-info-label{
font-size:12px !important;
letter-spacing:.06em !important;
}
.page-id-179 .contact-info-value{
font-size:16px !important;
line-height:1.3 !important;
font-weight:700 !important;
overflow-wrap:anywhere !important;
word-break:break-word !important;
}
.page-id-179 .contact-info-sub,
.page-id-179 .contact-form-header{
font-size:14px !important;
line-height:1.7 !important;
}
.page-id-179 .contact-form input,
.page-id-179 .contact-form textarea{
font-size:14px !important;
}
@media (max-width:767px){
.page-id-179 .contact-info-head .hero-title{
font-size:34px !important;
}
.page-id-179 .contact-info-value{
font-size:18px !important;
}
} .vl24-contact-page{
position:relative;
padding:100px 20px;
background:
radial-gradient(circle at top left, rgba(74,222,128,.12), transparent 35%),
radial-gradient(circle at bottom right, rgba(34,197,94,.10), transparent 35%),
#f5f7f6;
overflow:hidden;
} .vl24-contact-wrap{
max-width:1400px;
margin:0 auto;
} .vl24-contact-hero{
text-align:center;
margin-bottom:50px;
}
.vl24-contact-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 14px;
margin-bottom:18px;
border-radius:999px;
background:#e6f9ef;
color:#24965a;
font-size:13px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
}
.vl24-contact-hero h1{
margin:0 0 18px;
font-size:clamp(42px,5vw,72px);
line-height:.95;
letter-spacing:-0.04em;
font-weight:800;
color:#111;
}
.vl24-contact-hero p{
max-width:760px;
margin:0 auto;
font-size:18px;
line-height:1.7;
color:#6b7280;
} .vl24-contact-card{
position:relative;
max-width:1100px;
margin:0 auto;
padding:50px;
border:1px solid rgba(0,0,0,.06);
border-radius:24px;
background:#fff;
box-shadow:
0 10px 30px rgba(0,0,0,.04),
0 40px 100px rgba(0,0,0,.06);
} .vl24-contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px;
} .vl24-contact-grid .full{
grid-column:1 / -1;
} .vl24-form-row{
position:relative;
}
.vl24-form-row input,
.vl24-form-row textarea,
.vl24-form-row select{
width:100%;
height:64px;
padding:0 22px;
border:1px solid rgba(0,0,0,.08);
border-radius:18px;
background:#fff;
font-size:16px;
font-weight:600;
color:#111;
transition:all .18s ease;
box-sizing:border-box;
} .vl24-form-row textarea{
height:180px;
padding:20px 22px;
resize:vertical;
} .vl24-form-row input:focus,
.vl24-form-row textarea:focus,
.vl24-form-row select:focus{
outline:none;
border-color:#24965a;
box-shadow:
0 0 0 4px rgba(36,150,90,.10),
0 12px 30px rgba(36,150,90,.10);
} .vl24-form-row input::placeholder,
.vl24-form-row textarea::placeholder{
color:#9ca3af;
font-weight:500;
} .vl24-contact-submit{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:260px;
height:64px;
padding:0 34px;
margin-top:10px;
border:none;
border-radius:18px;
background:var(--vl24-green);
color:#fff;
font-size:17px;
font-weight:800;
letter-spacing:-0.01em;
cursor:pointer;
transition:all .18s ease;
box-shadow:
0 20px 50px rgba(36,150,90,.20);
}
.vl24-contact-submit:hover{
transform:translateY(-2px);
} @media(max-width:900px){
.vl24-contact-page{
padding:70px 16px;
}
.vl24-contact-card{
padding:26px;
border-radius:18px;
}
.vl24-contact-grid{
grid-template-columns:1fr;
gap:16px;
}
.vl24-contact-hero h1{
font-size:42px;
}
.vl24-contact-hero p{
font-size:16px;
}
.vl24-form-row input,
.vl24-form-row textarea,
.vl24-form-row select{
height:58px;
border-radius:14px;
}
.vl24-form-row textarea{
height:150px;
}
.vl24-contact-submit{
width:100%;
min-width:0;
height:58px;
border-radius:14px;
}
} .contact-form select,
.vl24-form-row select{
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
width:100%;
height:64px;
padding:0 60px 0 22px;
border:1px solid rgba(0,0,0,.08);
border-radius:18px;
background-color:#fff;
color:#111;
font-size:16px;
font-weight:600;
cursor:pointer;
box-sizing:border-box;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 20px center;
background-size:18px;
} .contact-form select option{
color:#111;
background:#fff;
} @media(max-width:900px){
.contact-form select,
.vl24-form-row select{
height:58px;
border-radius:14px;
}
} .contact-form select,
.vl24-form-row select{
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
width:100%;
height:64px;
padding:0 60px 0 22px;
border:1px solid transparent;
border-radius:18px;
background-color:#f3f3f3;
color:#111;
font-size:16px;
font-weight:600;
cursor:pointer;
box-sizing:border-box;
transition:all .18s ease;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 20px center;
background-size:18px;
} .contact-form select:focus,
.vl24-form-row select:focus{
outline:none;
border-color:#24965a;
box-shadow:
0 0 0 4px rgba(36,150,90,.10),
0 12px 30px rgba(36,150,90,.10);
} .contact-form select option{
color:#111;
background:#fff;
} @media(max-width:900px){
.contact-form select,
.vl24-form-row select{
height:58px;
border-radius:14px;
}
} .contact-form select,
.vl24-form-row select{
color:#6b7280 !important;
font-weight:500 !important;
} .vl24-form-layout{
display:grid;
grid-template-columns:520px 1fr;
gap:28px;
align-items:start;
} .contact-grid{
display:grid;
grid-template-columns:1fr;
gap:18px;
} .vl24-form-right{
display:flex;
flex-direction:column;
gap:20px;
} .vl24-form-right textarea{
min-height:346px;
height:100%;
} .vl24-form-right .vl24-contact-submit{
width:100%;
min-width:0;
} @media(max-width:980px){
.vl24-form-layout{
grid-template-columns:1fr;
gap:18px;
}
.vl24-form-right textarea{
min-height:180px;
}
} .vl24-content-container{
width:min(1400px, calc(100% - 80px));
margin:0 auto;
}
.vl24-content-section{
padding:80px 0;
}
.vl24-content-container p,
.vl24-content-container h2,
.vl24-content-container h3{
max-width:none;
} .vl24-product-enquiry{
background:
linear-gradient(
90deg,
#edf5f0 0%,
#f5f5f5 100%
) !important;
padding:80px 0 !important;
} .hero-overlay{
display:none !important;
} .vl24-product-enquiry-content{
max-width:720px;
} .vl24-eyebrow-pill{
margin-bottom:18px;
padding:8px 14px;
border-radius:6px;
background:#fff;
border:1px solid rgba(0,0,0,0.06);
box-shadow:
0 10px 24px rgba(0,0,0,0.04);
}
.hero-eyebrow{
font-size:12px;
font-weight:700;
color:#24965a;
letter-spacing:.04em;
text-transform:uppercase;
} .hero-title{
margin:0 0 18px !important;
font-size:52px !important;
line-height:1 !important;
letter-spacing:-0.04em;
font-weight:700 !important;
color:#111;
} .contact-form-header{
max-width:58ch;
font-size:17px;
line-height:1.8;
color:#6b7280;
} .vl24-product-enquiry-top{
display:grid;
grid-template-columns:
minmax(0,1fr)
minmax(420px,560px);
gap:50px;
align-items:start;
} .vl24-product-enquiry-card{
padding:32px !important;
background:#fff;
border:1px solid rgba(0,0,0,0.06);
border-radius:6px !important;
box-shadow:
0 18px 50px rgba(0,0,0,0.05);
} .contact-form input,
.contact-form select,
.contact-form textarea{
background:#f3f5f4 !important;
border:1px solid rgba(0,0,0,0.06) !important;
border-radius:6px !important;
min-height:56px;
font-size:15px;
font-weight:600;
color:#111;
}
.contact-form textarea{
min-height:180px;
padding:18px;
} .contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
outline:none;
background:#fff !important;
border-color:#22c55e !important;
box-shadow:
0 0 0 3px rgba(34,197,94,.08);
} .vl24-contact-submit{
min-height:58px;
border-radius:6px !important;
font-size:15px !important;
font-weight:700 !important;
box-shadow:
0 14px 34px rgba(36,150,90,.18);
} @media(max-width:1024px){
.vl24-product-enquiry-top{
grid-template-columns:1fr;
}
}
@media(max-width:767px){
.vl24-product-enquiry{
padding:60px 0 !important;
}
.hero-title{
font-size:38px !important;
}
.vl24-product-enquiry-card{
padding:22px !important;
}
} @media(max-width:1024px){
.vl24-mobile-main-menu .menu-item-has-children > a{
display:flex;
align-items:center;
justify-content:space-between;
}
.vl24-mobile-dropdown-arrow{
margin-left:auto;
display:flex;
align-items:center;
transition:.3s ease;
}
.vl24-mobile-main-menu .menu-item-has-children.is-open
> a
.vl24-mobile-dropdown-arrow{
transform:rotate(180deg);
}
.vl24-mobile-main-menu .sub-menu{
margin-top:12px;
padding:14px 0;
background:#f5f5f5;
border-radius:16px;
list-style:none;
}
.vl24-mobile-main-menu .sub-menu li{
width:100%;
}
.vl24-mobile-main-menu .sub-menu li a{
display:block;
padding:14px 22px;
font-size:15px;
font-weight:500;
color:#222;
}
} .vl24-content-section,
.content-section{
margin-top:0 !important;
padding-top:0 !important;
position:relative;
z-index:2;
}
.vl24-content-section::before,
.vl24-content-section::after,
.content-section::before,
.content-section::after{
display:none !important;
content:none !important;
}
.vl24-hero,
.hero-section{
margin-bottom:0 !important;
padding-bottom:0 !important;
}
.vl24-hero + .vl24-content-section,
.hero-section + .vl24-content-section,
.vl24-hero + .content-section,
.hero-section + .content-section{
margin-top:-1px !important;
} main,
.site-main,
#primary,
.content-area{
margin-bottom:0 !important;
padding-bottom:0 !important;
} .page-id-644 .vl24-content-section{
padding:0 !important;
background:#fff !important;
}
.page-id-644 .vl24-content-container{
max-width:1320px !important;
margin:0 auto !important;
padding:0 28px !important;
} .page-id-644 .vl24-guides-hero{
padding:28px 0 8px !important;
}
.page-id-644 .vl24-guides-label{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
height:auto !important;
min-height:30px !important;
padding:8px 16px 7px !important;
border-radius:999px !important;
background:#eef7f1 !important;
color:#24965a !important;
font-size:11px !important;
font-weight:800 !important;
line-height:1 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
margin:0 0 18px !important;
}
.page-id-644 .vl24-guides-main-title{
margin:0 0 12px !important;
font-size:36px !important;
line-height:1.08 !important;
letter-spacing:-0.03em !important;
font-weight:800 !important;
color:#111 !important;
}
.page-id-644 .vl24-guides-main-desc{
margin:0 !important;
max-width:620px !important;
font-size:15px !important;
line-height:1.75 !important;
color:#6b7280 !important;
} .page-id-644 .vl24-guides-category{
margin-top:34px !important;
}
.page-id-644 .vl24-guides-head{
margin:0 0 14px !important;
}
.page-id-644 .vl24-guides-title{
margin:0 !important;
font-size:26px !important;
line-height:1.15 !important;
letter-spacing:-0.02em !important;
font-weight:800 !important;
color:#111 !important;
} .page-id-644 .vl24-guides-list{
display:flex !important;
flex-direction:column !important;
gap:10px !important;
} .page-id-644 .vl24-guide-row{
position:relative !important;
display:flex !important;
align-items:flex-start !important;
gap:18px !important;
min-height:78px !important;
padding:14px 20px 14px 78px !important;
background:#fff !important;
border:1px solid rgba(17,17,17,.08) !important;
border-radius:6px !important;
box-shadow:none !important;
transition:all .18s ease !important;
}
.page-id-644 .vl24-guide-action{
align-self:center !important;
}
.page-id-644 .vl24-guide-row:hover{
border-color:rgba(17,17,17,.14) !important;
box-shadow:0 10px 24px rgba(0,0,0,.05) !important;
transform:translateY(-1px) !important;
} .page-id-644 .vl24-guide-row::before{
content:"" !important;
position:absolute !important;
left:20px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:44px !important;
height:44px !important;
border-radius:6px !important;
background:
#f3f5f1
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 2H14L19 7V20C19 21.1 18.1 22 17 22H7C5.9 22 5 21.1 5 20V4C5 2.9 5.9 2 7 2Z' fill='%23E53935'/%3E%3Cpath d='M14 2V7H19' fill='%23FFCDD2'/%3E%3Ctext x='7.2' y='17' font-size='5' fill='white' font-family='Arial' font-weight='700'%3EPDF%3C/text%3E%3C/svg%3E")    center/26px no-repeat !important;
border:1px solid rgba(17,17,17,.06) !important;
} .page-id-644 .vl24-guide-content{
flex:1 !important;
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
margin:0 !important;
font-size:13px !important;
line-height:1.45 !important;
color:#6b7280 !important;
}
.page-id-644 .vl24-guide-content h3{
margin:0 0 4px !important;
padding:0 !important;
font-size:15px !important;
line-height:1.25 !important;
font-weight:800 !important;
letter-spacing:-0.01em !important;
color:#111 !important;
}
.page-id-644 .vl24-guide-content h3 a{
color:#111 !important;
text-decoration:none !important;
}
.page-id-644 .vl24-guide-content h3 a:hover{
color:#24965a !important;
}
.page-id-644 .vl24-guide-content p{
margin:0 !important;
padding:0 !important;
font-size:13px !important;
line-height:1.45 !important;
color:#6b7280 !important;
} @media(max-width:767px){
.page-id-644 .vl24-content-container{
padding:0 16px !important;
}
.page-id-644 .vl24-guides-main-title{
font-size:30px !important;
}
.page-id-644 .vl24-guides-title{
font-size:23px !important;
}
.page-id-644 .vl24-guide-row{
flex-direction:column !important;
align-items:flex-start !important;
padding:0px !important;
}
.page-id-644 .vl24-guide-row::before{
position:relative !important;
left:auto !important;
top:auto !important;
transform:none !important;
width:42px !important;
height:42px !important;
}
.page-id-644 .vl24-guide-action,
.page-id-644 .vl24-guide-action a{
width:100% !important;
}
} .page-id-644 .vl24-guide-action{
flex:0 0 auto !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
height:38px !important;
margin:auto 0 !important;
padding:0 !important;
}
.page-id-644 .vl24-guide-action a{
display:flex !important;
align-items:center !important;
justify-content:center !important;
height:38px !important;
min-height:38px !important;
padding:0 16px !important;
margin:0 !important;
background:#f3f5f1 !important;
border:1px solid rgba(17,17,17,.08) !important;
border-radius:6px !important;
color:#24965a !important;
font-size:13px !important;
font-weight:800 !important;
line-height:38px !important;
text-decoration:none !important;
white-space:nowrap !important;
box-sizing:border-box !important;
}
.page-id-644 .vl24-guide-action a:hover{
background:#24965a !important;
border-color:#24965a !important;
color:#fff !important;
} .page-id-644 .vl24-guide-action p{
margin:0 !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
height:100% !important;
}
.page-id-644 .vl24-guide-action br{
display:none !important;
}
.page-id-644 .vl24-guide-action a{
position:relative !important;
top:0 !important;
}
.page-id-644 .vl24-guides-hero{
padding-top:40px !important;
padding-bottom:70px !important;
}
.page-id-644 .vl24-guides-hero-content{
display:flex !important;
flex-direction:column !important;
gap:18px !important;
}
@media(max-width:767px){
.page-id-644 .entry-content,
.page-id-644 .vl24-content-section,
.page-id-644 .vl24-content-container,
.page-id-644 .wp-block-group{
width:100% !important;
max-width:100% !important;
padding-left:10px !important;
padding-right:10px !important;
margin-left:0 !important;
margin-right:0 !important;
box-sizing:border-box !important;
}
}
@media(max-width:767px){
.page-id-644 .vl24-guide-row{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
padding:16px !important;
gap:14px !important;
min-height:auto !important;
} .page-id-644 .vl24-guide-row::before{
position:relative !important;
left:auto !important;
top:auto !important;
transform:none !important;
width:54px !important;
height:54px !important;
flex:0 0 54px !important;
} .page-id-644 .vl24-guide-content{
width:100% !important;
margin:0 !important;
padding:0 !important;
}
.page-id-644 .vl24-guide-content h3{
font-size:17px !important;
line-height:1.3 !important;
margin:0 0 6px !important;
}
.page-id-644 .vl24-guide-content p{
font-size:14px !important;
line-height:1.6 !important;
} .page-id-644 .vl24-guide-action{
width:100% !important;
margin-top:2px !important;
}
.page-id-644 .vl24-guide-action a{
width:100% !important;
height:50px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
} .page-id-644 .vl24-video-row::before{
background:
#f3f5f1
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='5' width='20' height='14' rx='4' fill='%23FF0000'/%3E%3Cpolygon points='10,9 16,12 10,15' fill='white'/%3E%3C/svg%3E")
center/26px no-repeat !important;
}
.vl24-video-wrap{
position:relative;
aspect-ratio:16/9;
overflow:hidden;
border-radius:10px;
background:#000;
}
.vl24-video-wrap iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
} .vl24-video-content{
margin-top:22px !important;
}
.vl24-video-content h1{
margin:0 0 10px !important;
font-size:32px !important;
line-height:1.18 !important;
letter-spacing:-0.02em !important;
font-weight:700 !important;
color:#111 !important;
max-width:none !important;
}
.vl24-video-content p{
margin:0 !important;
max-width:760px !important;
font-size:15px !important;
line-height:1.75 !important;
color:#6b7280 !important;
} @media(max-width:767px){
.vl24-video-content{
margin-top:18px !important;
}
.vl24-video-content h1{
font-size:26px !important;
line-height:1.2 !important;
}
.vl24-video-content p{
font-size:14px !important;
line-height:1.7 !important;
}
} .page-id-676 .vl24-content-section{
padding:0 !important;
background:#fff !important;
}
.page-id-676 .vl24-content-container{
max-width:1520px !important;
margin:0 auto !important;
padding:0 28px !important;
}
.page-id-676 .vl24-about-page{
padding:36px 0 88px;
color:#111;
}
.page-id-676 .vl24-about-page *{
box-sizing:border-box;
}
.page-id-676 .vl24-about-page img{
display:block;
width:100%;
height:100%;
object-fit:cover;
} .page-id-676 .vl24-about-hero{
display:grid;
grid-template-columns:minmax(0,0.9fr) minmax(420px,1.1fr);
gap:48px;
align-items:center;
margin-bottom:70px;
}
.page-id-676 .vl24-about-hero-text{
max-width:620px;
}
.page-id-676 .vl24-about-label{
display:inline-flex;
align-items:center;
justify-content:center;
height:34px;
padding:0 14px;
margin-bottom:18px;
border-radius:999px;
background:var(--vl24-green-soft);
color:var(--vl24-green-dark);
font-size:12px;
font-weight:800;
line-height:1;
letter-spacing:.08em;
text-transform:uppercase;
}
.page-id-676 .vl24-about-hero h1{
margin:0 0 18px;
max-width:12ch;
font-size:clamp(2.4rem,4vw,4.8rem);
line-height:.96;
letter-spacing:-.05em;
font-weight:800;
color:#111;
}
.page-id-676 .vl24-about-hero-text{
font-size:17px;
line-height:1.8;
color:var(--vl24-text-muted);
}
.page-id-676 .vl24-about-hero-image{
aspect-ratio:4/3;
overflow:hidden;
border-radius:6px;
background:#f5f5f5;
box-shadow:0 20px 50px rgba(0,0,0,.08);
} .page-id-676 .vl24-about-intro{
max-width:880px;
margin:0 0 64px;
font-size:16px;
line-height:1.8;
color:var(--vl24-text-muted);
}
.page-id-676 .vl24-about-intro h2,
.page-id-676 .vl24-about-split-text h2,
.page-id-676 .vl24-about-cta h2{
margin:0 0 16px;
font-size:clamp(1.8rem,2.6vw,3rem);
line-height:1.05;
letter-spacing:-.04em;
font-weight:800;
color:#111;
} .page-id-676 .vl24-about-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
margin-bottom:76px;
}
.page-id-676 .vl24-about-card{
padding:24px;
background:#fff;
border:1px solid rgba(17,17,17,.08);
border-radius:6px;
box-shadow:0 12px 30px rgba(0,0,0,.04);
font-size:15px;
line-height:1.75;
color:var(--vl24-text-muted);
transition:all .18s ease;
}
.page-id-676 .vl24-about-card:hover{
transform:translateY(-4px);
box-shadow:0 20px 50px rgba(0,0,0,.08);
}
.page-id-676 .vl24-about-card h3{
margin:0 0 10px;
font-size:18px;
line-height:1.25;
font-weight:800;
letter-spacing:-.02em;
color:#111;
} .page-id-676 .vl24-about-split{
display:grid;
grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr);
gap:54px;
align-items:center;
margin-bottom:76px;
}
.page-id-676 .vl24-about-split-image{
aspect-ratio:4/3;
overflow:hidden;
border-radius:6px;
background:#f5f5f5;
box-shadow:0 20px 50px rgba(0,0,0,.08);
}
.page-id-676 .vl24-about-split-text{
max-width:680px;
font-size:16px;
line-height:1.85;
color:var(--vl24-text-muted);
} .page-id-676 .vl24-about-values{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
margin-bottom:76px;
}
.page-id-676 .vl24-about-value{
padding:24px;
border:1px solid rgba(17,17,17,.08);
border-radius:6px;
background:#f3f5f1;
font-size:15px;
line-height:1.75;
color:var(--vl24-text-muted);
}
.page-id-676 .vl24-about-value strong{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
margin-bottom:16px;
border-radius:6px;
background:#fff;
color:var(--vl24-green-dark);
font-size:13px;
font-weight:800;
box-shadow:0 8px 20px rgba(0,0,0,.04);
}
.page-id-676 .vl24-about-value h3{
margin:0 0 8px;
font-size:18px;
line-height:1.25;
font-weight:800;
letter-spacing:-.02em;
color:#111;
} .page-id-676 .vl24-about-cta{
padding:42px;
border-radius:6px;
background:#111;
color:#fff;
}
.page-id-676 .vl24-about-cta h2{
color:#fff;
}
.page-id-676 .vl24-about-cta{
font-size:16px;
line-height:1.75;
color:rgba(255,255,255,.78);
}
.page-id-676 .vl24-about-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:48px;
margin-top:22px;
padding:0 22px;
border-radius:6px;
background:var(--vl24-green);
color:#fff !important;
font-size:15px;
font-weight:800;
line-height:1;
text-decoration:none !important;
transition:all .18s ease;
}
.page-id-676 .vl24-about-btn:hover{
transform:translateY(-1px);
opacity:.9;
} @media(max-width:1024px){
.page-id-676 .vl24-about-hero,
.page-id-676 .vl24-about-split{
grid-template-columns:1fr;
gap:30px;
}
.page-id-676 .vl24-about-grid,
.page-id-676 .vl24-about-values{
grid-template-columns:1fr;
}
.page-id-676 .vl24-about-hero h1{
max-width:none;
}
}
@media(max-width:767px){
.page-id-676 .vl24-content-container{
padding:0 20px !important;
}
.page-id-676 .vl24-about-page{
padding:26px 0 60px;
}
.page-id-676 .vl24-about-hero,
.page-id-676 .vl24-about-intro,
.page-id-676 .vl24-about-grid,
.page-id-676 .vl24-about-split,
.page-id-676 .vl24-about-values{
margin-bottom:46px;
}
.page-id-676 .vl24-about-hero h1{
font-size:34px;
line-height:1.05;
}
.page-id-676 .vl24-about-intro h2,
.page-id-676 .vl24-about-split-text h2,
.page-id-676 .vl24-about-cta h2{
font-size:28px;
line-height:1.08;
}
.page-id-676 .vl24-about-card,
.page-id-676 .vl24-about-value{
padding:20px;
}
.page-id-676 .vl24-about-cta{
padding:26px 22px;
}
} .vl24-blog-page{
max-width:1520px;
margin:0 auto;
padding:34px 28px 90px;
} .vl24-blog-hero{
margin-bottom:42px;
}
.vl24-blog-hero-inner{
max-width:760px;
}
.vl24-breadcrumb{
display:flex;
align-items:center;
gap:10px;
margin-bottom:16px;
font-size:13px;
font-weight:600;
color:#6b7280;
}
.vl24-breadcrumb a{
color:#6b7280;
text-decoration:none;
transition:color .18s ease;
}
.vl24-breadcrumb a:hover{
color:#24965a;
}
.vl24-blog-title{
margin:0 0 12px;
font-size:42px;
line-height:1.02;
letter-spacing:-0.03em;
font-weight:800;
color:#111;
}
.vl24-blog-desc{
max-width:680px;
font-size:15px;
line-height:1.75;
color:#6b7280;
} .vl24-blog-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
} .vl24-blog-card{
display:flex;
flex-direction:column;
background:#fff;
border:1px solid rgba(17,17,17,.08);
border-radius:6px;
overflow:hidden;
transition:
transform .18s ease,
box-shadow .18s ease,
border-color .18s ease;
box-shadow:
0 10px 30px rgba(0,0,0,.04);
}
.vl24-blog-card:hover{
transform:translateY(-3px);
border-color:rgba(17,17,17,.12);
box-shadow:
0 20px 50px rgba(0,0,0,.08);
} .vl24-blog-card-image{
display:block;
aspect-ratio:4/3;
overflow:hidden;
background:#f5f5f5;
}
.vl24-blog-card-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .35s ease;
}
.vl24-blog-card:hover .vl24-blog-card-image img{
transform:scale(1.04);
} .vl24-blog-card-body{
display:flex;
flex-direction:column;
flex:1;
padding:18px;
} .vl24-blog-card-meta{
display:flex;
align-items:center;
gap:8px;
margin-bottom:10px;
font-size:12px;
font-weight:700;
line-height:1;
color:#6b7280;
}
.vl24-blog-sep{
opacity:.5;
} .vl24-blog-card-title{
margin:0 0 10px;
}
.vl24-blog-card-title a{
color:#111;
text-decoration:none;
font-size:18px;
line-height:1.3;
letter-spacing:-0.02em;
font-weight:800;
transition:color .18s ease;
}
.vl24-blog-card-title a:hover{
color:#24965a;
} .vl24-blog-card-excerpt{
margin-bottom:18px;
font-size:14px;
line-height:1.75;
color:#6b7280;
} .vl24-blog-readmore{
margin-top:auto;
display:inline-flex;
align-items:center;
font-size:13px;
font-weight:800;
color:#24965a;
text-decoration:none;
transition:color .18s ease;
}
.vl24-blog-readmore:hover{
color:#111;
} .vl24-blog-pagination{
margin-top:46px;
}
.vl24-blog-pagination .nav-links{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}
.vl24-blog-pagination .page-numbers{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:40px;
height:40px;
padding:0 14px;
border-radius:6px;
background:#fff;
border:1px solid rgba(17,17,17,.08);
color:#111;
text-decoration:none;
font-size:13px;
font-weight:700;
transition:all .18s ease;
}
.vl24-blog-pagination .page-numbers:hover,
.vl24-blog-pagination .page-numbers.current{
background:#24965a;
border-color:#24965a;
color:#fff;
} @media(max-width:1024px){
.vl24-blog-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:767px){
.vl24-blog-page{
padding:24px 20px 70px;
}
.vl24-blog-grid{
grid-template-columns:1fr;
gap:18px;
}
.vl24-blog-title{
font-size:32px;
line-height:1.05;
}
.vl24-blog-desc{
font-size:14px;
}
.vl24-blog-card-title a{
font-size:17px;
}
.vl24-blog-card-body{
padding:16px;
}
} .blog .vl24-breadcrumb-bar,
.home .vl24-breadcrumb-bar{
width:100%;
}
.blog .vl24-breadcrumb-bar .vl24-container,
.home .vl24-breadcrumb-bar .vl24-container{
max-width:1520px !important;
margin:0 auto !important;
padding:0 28px !important;
height:44px !important;
display:flex !important;
align-items:center !important;
}
.blog .vl24-breadcrumb,
.home .vl24-breadcrumb{
display:flex !important;
align-items:center !important;
gap:10px !important;
margin:0 !important;
padding:0 !important;
min-height:44px !important;
line-height:1 !important;
}
.blog .vl24-breadcrumb-item,
.home .vl24-breadcrumb-item,
.blog .vl24-breadcrumb-item a,
.home .vl24-breadcrumb-item a{
display:inline-flex !important;
align-items:center !important;
line-height:1 !important;
}
.blog .vl24-breadcrumb-sep,
.home .vl24-breadcrumb-sep{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 !important;
} .vl24-breadcrumb-bar{
width:100% !important;
}
.vl24-breadcrumb-bar .vl24-container{
display:flex !important;
align-items:center !important;
min-height:44px !important;
}
.vl24-breadcrumb{
display:flex !important;
align-items:center !important;
flex-wrap:wrap !important;
margin:0 !important;
padding:0 !important;
min-height:44px !important;
}
.vl24-breadcrumb-item,
.vl24-breadcrumb-item a,
.vl24-breadcrumb-sep,
.vl24-breadcrumb-home-icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
line-height:1 !important;
}
.vl24-breadcrumb-home-icon svg{
width:14px !important;
height:14px !important;
display:block !important;
}  .vl24-blog-hero{
position:relative;
overflow:hidden;
margin-bottom:0;
}
.vl24-blog-hero > img{
width:100%;
max-height:560px;
object-fit:cover;
display:block;
}
.vl24-blog-hero::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
to top,
rgba(0,0,0,.72) 0%,
rgba(0,0,0,.15) 45%,
rgba(0,0,0,.05) 100%
);
}
.vl24-blog-hero__inner{
position:absolute;
inset:0;
z-index:5;
display:flex;
align-items:flex-end;
}
.vl24-ph-left{
width:100%;
max-width:1180px;
margin:0 auto;
padding:0 32px 46px;
}
.hero-title{
margin:0;
max-width:920px;
font-size:clamp(3rem,5vw,5.6rem);
line-height:.92;
letter-spacing:-0.05em;
font-weight:800;
color:#111;
text-shadow:0 10px 40px rgba(0,0,0,.35);
} .vl24-breadcrumb--post{
margin-top:18px;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
font-size:14px;
font-weight:600;
}
.vl24-breadcrumb--post a{
color:rgba(255,255,255,.82);
text-decoration:none;
}
.vl24-breadcrumb--post .is-current{
color:#fff;
} .vl24-post-meta-bar{
position:relative;
z-index:20;
margin-top:-34px;
}
.vl24-post-meta-inner{
max-width:1180px;
margin:0 auto;
padding:0 32px;
}
.vl24-post-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
padding:18px 24px;
background:#fff;
border:1px solid rgba(17,17,17,.06);
border-radius:14px;
box-shadow:
0 10px 30px rgba(0,0,0,.05),
0 2px 10px rgba(0,0,0,.04);
}
.vl24-post-meta-left{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:14px;
min-width:0;
}
.vl24-meta-item{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
font-weight:600;
color:#4b5563;
}
.vl24-meta-sep{
color:#cbd5e1;
} .vl24-post-share{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.vl24-post-share a{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:10px;
background:#f8fafc;
border:1px solid rgba(17,17,17,.08);
color:#111;
transition:all .18s ease;
}
.vl24-post-share a:hover{
transform:translateY(-2px);
background:#24965a;
border-color:#24965a;
color:#fff;
}
.vl24-post-share svg{
width:18px;
height:18px;
fill:currentColor;
} .vl24-blog-content{
padding:54px 0 80px;
}
.vl24-blog-content .container{
max-width:920px;
}
.vl24-blog-content p{
margin-bottom:28px;
font-size:21px;
line-height:1.9;
color:#374151;
}
.vl24-blog-content h2{
margin:70px 0 24px;
font-size:clamp(2rem,4vw,3.4rem);
line-height:1.08;
letter-spacing:-0.04em;
font-weight:800;
color:#111;
}
.vl24-blog-content h3{
margin:48px 0 20px;
font-size:clamp(1.6rem,3vw,2.3rem);
line-height:1.15;
letter-spacing:-0.03em;
font-weight:800;
color:#111;
}
.vl24-blog-content img{
border-radius:14px;
margin:24px 0 34px;
box-shadow:0 10px 40px rgba(0,0,0,.08);
}
.vl24-blog-content ul,
.vl24-blog-content ol{
padding-left:24px;
margin-bottom:28px;
}
.vl24-blog-content li{
margin-bottom:12px;
font-size:19px;
line-height:1.8;
color:#374151;
} .vl24-related-posts{
padding:0 0 90px;
}
.vl24-related-inner{
max-width:1180px;
margin:0 auto;
padding:0 32px;
}
.vl24-related-title{
margin:0 0 34px;
font-size:clamp(2rem,4vw,3rem);
line-height:1.05;
letter-spacing:-0.04em;
font-weight:800;
color:#111;
}
.vl24-related-scroll{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:26px;
}
.vl24-related-card{
display:flex;
flex-direction:column;
text-decoration:none;
background:#fff;
border-radius:14px;
overflow:hidden;
border:1px solid rgba(17,17,17,.08);
transition:all .18s ease;
box-shadow:0 10px 30px rgba(0,0,0,.04);
}
.vl24-related-card:hover{
transform:translateY(-5px);
box-shadow:0 20px 50px rgba(0,0,0,.08);
}
.vl24-related-media{
aspect-ratio:16/10;
overflow:hidden;
}
.vl24-related-media img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .35s ease;
}
.vl24-related-card:hover img{
transform:scale(1.04);
}
.vl24-related-heading{
margin:0;
padding:18px 20px 22px;
font-size:24px;
line-height:1.2;
letter-spacing:-0.03em;
font-weight:800;
color:#111;
} @media(max-width:1024px){
.vl24-related-scroll{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:767px){
.vl24-ph-left{
padding:0 20px 28px;
}
.hero-title{
font-size:2.8rem;
}
.vl24-post-meta-inner{
padding:0 20px;
}
.vl24-post-meta{
flex-direction:column;
align-items:flex-start;
}
.vl24-blog-content{
padding:40px 0 60px;
}
.vl24-blog-content .container{
padding:0 20px;
}
.vl24-blog-content p{
font-size:17px;
line-height:1.85;
}
.vl24-blog-content li{
font-size:17px;
}
.vl24-related-inner{
padding:0 20px;
}
.vl24-related-scroll{
grid-template-columns:1fr;
}
.vl24-related-heading{
font-size:21px;
}
} .vl24-blog-hero .vl24-breadcrumb--post{
display:none !important;
}  .hero-title{
font-size:clamp(2rem,3vw,3.4rem) !important;
line-height:1.02 !important;
letter-spacing:-0.04em !important;
} .vl24-blog-content p{
font-size:17px !important;
line-height:1.9 !important;
}
.vl24-blog-content li{
font-size:16px !important;
line-height:1.8 !important;
} .vl24-blog-content h2{
font-size:clamp(1.7rem,2.5vw,2.5rem) !important;
line-height:1.15 !important;
margin:52px 0 18px !important;
} .vl24-blog-content h3{
font-size:clamp(1.35rem,2vw,1.9rem) !important;
line-height:1.2 !important;
margin:36px 0 14px !important;
} .vl24-related-title{
font-size:clamp(1.8rem,2.4vw,2.6rem) !important;
line-height:1.1 !important;
margin-bottom:26px !important;
} .vl24-related-heading{
font-size:20px !important;
line-height:1.28 !important;
padding:16px 18px 18px !important;
} .vl24-meta-item{
font-size:13px !important;
} @media(max-width:767px){
.hero-title{
font-size:2rem !important;
}
.vl24-blog-content p{
font-size:16px !important;
}
.vl24-blog-content h2{
font-size:1.8rem !important;
}
.vl24-blog-content h3{
font-size:1.45rem !important;
}
.vl24-related-heading{
font-size:18px !important;
}
} .vl24-blog-hero{
background:#f3f3f3 !important;
box-shadow:none !important;
filter:none !important;
}
.vl24-blog-hero::before,
.vl24-blog-hero::after{
display:none !important;
content:none !important;
}
.vl24-blog-hero-inner{
background:transparent !important;
box-shadow:none !important;
filter:none !important;
} .vl24-blog-page,
.vl24-blog-hero,
.vl24-blog-grid-wrap,
.vl24-blog-hero-inner{
background:#fff !important;
}  .single-post .vl24-blog-hero__inner{
max-width:1200px;
margin:0 auto;
padding:0 40px;
} .single-post .vl24-post-meta-inner{
max-width:1200px;
margin:0 auto;
padding:0 40px;
} .single-post .vl24-blog-content .container{
max-width:1200px;
padding:0 40px;
} .single-post .vl24-related-inner{
max-width:1200px;
margin:0 auto;
padding:0 40px;
} @media(max-width:767px){
.single-post .vl24-blog-hero__inner,
.single-post .vl24-post-meta-inner,
.single-post .vl24-blog-content .container,
.single-post .vl24-related-inner{
padding:0 20px;
}
}  .single-post .vl24-blog-hero{
position:relative;
overflow:hidden;
height:420px;
min-height:420px;
}
.single-post .vl24-blog-hero img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}
.single-post .vl24-blog-hero::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
to bottom,
rgba(0,0,0,.15),
rgba(0,0,0,.42)
);
z-index:1;
}
.single-post .vl24-blog-hero__inner{
position:absolute;
inset:0;
z-index:2;
display:flex;
align-items:flex-end;
}
.single-post .vl24-ph-left{
width:100%;
max-width:1200px;
margin:0 auto;
padding:0 40px 78px;
} .single-post .hero-title{
margin:0;
max-width:900px;
color:#fff;
font-size:clamp(2.3rem,4vw,4rem) !important;
line-height:1.02 !important;
letter-spacing:-0.05em !important;
font-weight:800;
} .single-post .vl24-blog-hero .vl24-breadcrumb--post{
display:none !important;
} .single-post .vl24-post-meta-bar{
position:relative;
z-index:20;
margin-top:-42px;
}
.single-post .vl24-post-meta-inner{
max-width:1200px;
margin:0 auto;
padding:0 40px;
}
.single-post .vl24-post-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
padding:18px 24px;
background:#fff;
border-radius:18px;
border:1px solid rgba(17,17,17,.06);
box-shadow:
0 10px 30px rgba(0,0,0,.05),
0 2px 10px rgba(0,0,0,.04);
}
.single-post .vl24-post-meta-left{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:14px;
}
.single-post .vl24-meta-item{
display:flex;
align-items:center;
gap:8px;
font-size:13px;
font-weight:600;
color:#4b5563;
}
.single-post .vl24-meta-sep{
color:#cbd5e1;
} .single-post .vl24-post-share{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.single-post .vl24-post-share a{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
background:#f8fafc;
border:1px solid rgba(17,17,17,.08);
color:#111;
transition:all .18s ease;
}
.single-post .vl24-post-share a:hover{
background:#24965a;
border-color:#24965a;
color:#fff;
transform:translateY(-2px);
}
.single-post .vl24-post-share svg{
width:18px;
height:18px;
fill:currentColor;
} .single-post .vl24-blog-content{
padding:54px 0 80px;
}
.single-post .vl24-blog-content .container{
max-width:1200px;
padding:0 40px;
}
.single-post .vl24-blog-content p{
margin-bottom:26px;
font-size:18px !important;
line-height:1.9 !important;
color:#374151;
}
.single-post .vl24-blog-content h2{
margin:56px 0 18px !important;
font-size:clamp(1.9rem,3vw,3rem) !important;
line-height:1.1 !important;
letter-spacing:-0.04em !important;
font-weight:800;
color:#111;
}
.single-post .vl24-blog-content h3{
margin:38px 0 16px !important;
font-size:clamp(1.45rem,2vw,2rem) !important;
line-height:1.15 !important;
letter-spacing:-0.03em !important;
font-weight:800;
color:#111;
}
.single-post .vl24-blog-content ul,
.single-post .vl24-blog-content ol{
padding-left:24px;
margin-bottom:28px;
}
.single-post .vl24-blog-content li{
margin-bottom:12px;
font-size:17px !important;
line-height:1.8 !important;
color:#374151;
}
.single-post .vl24-blog-content img{
width:100%;
height:auto;
border-radius:18px;
margin:24px 0 34px;
box-shadow:0 10px 40px rgba(0,0,0,.08);
} .single-post .blocks-gallery-grid,
.single-post .wp-block-gallery{
gap:18px;
} .single-post .vl24-related-posts{
padding:0 0 80px;
}
.single-post .vl24-related-inner{
max-width:1200px;
margin:0 auto;
padding:0 40px;
}
.single-post .vl24-related-title{
margin:0 0 28px;
font-size:clamp(1.8rem,3vw,2.8rem) !important;
line-height:1.08 !important;
letter-spacing:-0.04em !important;
font-weight:800;
color:#111;
}
.single-post .vl24-related-scroll{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
}
.single-post .vl24-related-card{
display:flex;
flex-direction:column;
overflow:hidden;
border-radius:18px;
background:#fff;
border:1px solid rgba(17,17,17,.08);
box-shadow:0 10px 30px rgba(0,0,0,.04);
transition:all .18s ease;
text-decoration:none;
}
.single-post .vl24-related-card:hover{
transform:translateY(-4px);
box-shadow:0 18px 40px rgba(0,0,0,.08);
}
.single-post .vl24-related-media{
aspect-ratio:16/10;
overflow:hidden;
}
.single-post .vl24-related-media img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .35s ease;
}
.single-post .vl24-related-card:hover img{
transform:scale(1.04);
}
.single-post .vl24-related-heading{
margin:0;
padding:18px;
font-size:19px !important;
line-height:1.3 !important;
font-weight:700;
color:#111;
} @media(max-width:1024px){
.single-post .vl24-related-scroll{
grid-template-columns:repeat(2,minmax(0,1fr));
}
} @media(max-width:767px){ .single-post .vl24-blog-hero{
height:260px;
min-height:260px;
}
.single-post .vl24-ph-left{
padding:0 20px 92px;
}
.single-post .hero-title{
max-width:320px;
font-size:2rem !important;
line-height:1.02 !important;
} .single-post .vl24-post-meta-bar{
margin-top:-58px;
}
.single-post .vl24-post-meta-inner{
padding:0 20px;
}
.single-post .vl24-post-meta{
flex-direction:column;
align-items:flex-start;
gap:16px;
padding:16px;
border-radius:18px;
}
.single-post .vl24-post-meta-left{
gap:10px;
}
.single-post .vl24-meta-item{
font-size:13px;
}
.single-post .vl24-meta-sep{
display:none;
} .single-post .vl24-post-share{
width:100%;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
}
.single-post .vl24-post-share a{
width:100%;
height:48px;
border-radius:12px;
} .single-post .vl24-blog-content{
padding:36px 0 54px;
}
.single-post .vl24-blog-content .container{
padding:0 20px;
}
.single-post .vl24-blog-content p{
font-size:16px !important;
line-height:1.85 !important;
}
.single-post .vl24-blog-content li{
font-size:16px !important;
}
.single-post .vl24-blog-content h2{
font-size:2rem !important;
line-height:1.14 !important;
margin:42px 0 16px !important;
}
.single-post .vl24-blog-content h3{
font-size:1.45rem !important;
line-height:1.18 !important;
} .single-post .wp-block-columns{
flex-direction:column !important;
gap:18px;
}
.single-post .wp-block-column{
flex-basis:100% !important;
} .single-post .vl24-related-inner{
padding:0 20px;
}
.single-post .vl24-related-scroll{
grid-template-columns:1fr;
gap:18px;
}
.single-post .vl24-related-title{
font-size:2rem !important;
}
.single-post .vl24-related-heading{
font-size:18px !important;
}
} @media(max-width:767px){
.single-post .vl24-post-meta{
max-width:100% !important;
width:100% !important;
padding:10px 12px !important;
} .single-post .vl24-post-meta-left{
display:flex !important;
flex-wrap:nowrap !important;
align-items:center;
justify-content:space-between;
width:100%;
gap:4px !important;
}
.single-post .vl24-meta-item{
font-size:10px !important;
padding:6px 8px !important;
white-space:nowrap;
}
.single-post .vl24-meta-sep{
display:none !important;
} .single-post .vl24-post-share{
display:grid !important;
grid-template-columns:repeat(8,1fr) !important;
gap:6px !important;
width:100%;
}
.single-post .vl24-post-share a{
width:100% !important;
height:32px !important;
min-width:0 !important;
border-radius:8px !important;
}
.single-post .vl24-post-share svg{
width:12px !important;
height:12px !important;
}
} @media(max-width:767px){ .single-post .vl24-blog-hero{
height:220px !important;
min-height:220px !important;
}
.single-post .vl24-ph-left{
padding:0 10px 72px !important;
}
.single-post .hero-title{
max-width:260px !important;
font-size:1.9rem !important;
line-height:1.02 !important;
letter-spacing:-0.04em !important;
} .single-post .vl24-post-meta-bar{
margin-top:-42px !important;
}
.single-post .vl24-post-meta-inner{
padding-left:10px !important;
padding-right:10px !important;
width:100% !important;
max-width:100% !important;
} .single-post .vl24-post-meta{
width:100% !important;
max-width:100% !important;
display:flex !important;
flex-direction:column !important;
gap:10px !important;
padding:10px !important;
border-radius:18px !important;
} .single-post .vl24-post-meta-left{
width:100% !important;
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:6px !important;
align-items:center !important;
}
.single-post .vl24-meta-item{
width:100% !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
padding:7px 6px !important;
font-size:11px !important;
line-height:1 !important;
border-radius:999px !important;
white-space:nowrap !important;
}
.single-post .vl24-meta-sep{
display:none !important;
} .single-post .vl24-post-share{
width:100% !important;
display:grid !important;
grid-template-columns:repeat(8,1fr) !important;
gap:6px !important;
}
.single-post .vl24-post-share a{
width:100% !important;
height:34px !important;
min-width:0 !important;
border-radius:10px !important;
}
.single-post .vl24-post-share svg{
width:13px !important;
height:13px !important;
} .single-post .vl24-blog-content{
padding:28px 0 46px !important;
}
.single-post .vl24-blog-content .container{
padding-left:14px !important;
padding-right:14px !important;
}
.single-post .vl24-blog-content p{
font-size:15px !important;
line-height:1.8 !important;
margin-bottom:20px !important;
}
.single-post .vl24-blog-content li{
font-size:15px !important;
line-height:1.75 !important;
}
.single-post .vl24-blog-content h2{
font-size:1.75rem !important;
line-height:1.12 !important;
margin:36px 0 14px !important;
}
.single-post .vl24-blog-content h3{
font-size:1.35rem !important;
line-height:1.18 !important;
margin:28px 0 12px !important;
}
.single-post .vl24-blog-content img{
border-radius:14px !important;
margin:18px 0 24px !important;
} .single-post .wp-block-gallery{
gap:10px !important;
} .single-post .vl24-related-inner{
padding-left:14px !important;
padding-right:14px !important;
}
.single-post .vl24-related-title{
font-size:1.8rem !important;
margin-bottom:18px !important;
}
.single-post .vl24-related-scroll{
grid-template-columns:1fr !important;
gap:16px !important;
}
.single-post .vl24-related-heading{
font-size:17px !important;
line-height:1.25 !important;
padding:14px !important;
}
} @media(max-width:767px){ .single-post .vl24-blog-hero{
height:210px !important;
min-height:210px !important;
}
.single-post .vl24-ph-left{
padding:0 14px 58px !important;
} .single-post .hero-title{
max-width:240px !important;
font-size:1.15rem !important;
line-height:1.04 !important;
letter-spacing:-0.04em !important;
font-weight:800 !important;
} .single-post .vl24-post-meta-bar{
margin-top:-34px !important;
}
.single-post .vl24-post-meta{
padding:10px !important;
gap:10px !important;
border-radius:18px !important;
}
.single-post .vl24-meta-item{
font-size:10px !important;
padding:6px 7px !important;
}
.single-post .vl24-post-share a{
height:34px !important;
}
.single-post .vl24-post-share svg{
width:12px !important;
height:12px !important;
} .single-post .vl24-blog-content{
padding:22px 0 40px !important;
}
.single-post .vl24-blog-content .container{
padding-left:14px !important;
padding-right:14px !important;
} .single-post .vl24-blog-content p{
font-size:14px !important;
line-height:1.75 !important;
margin-bottom:18px !important;
} .single-post .vl24-blog-content li{
font-size:14px !important;
line-height:1.7 !important;
margin-bottom:10px !important;
} .single-post .vl24-blog-content h2{
font-size:1.08rem !important;
line-height:1.18 !important;
letter-spacing:-0.03em !important;
margin:28px 0 12px !important;
} .single-post .vl24-blog-content h3{
font-size:0.95rem !important;
line-height:1.2 !important;
letter-spacing:-0.02em !important;
margin:22px 0 10px !important;
} .single-post .vl24-blog-content img{
border-radius:12px !important;
margin:16px 0 20px !important;
} .single-post .vl24-related-title{
font-size:1.2rem !important;
margin-bottom:14px !important;
}
.single-post .vl24-related-heading{
font-size:14px !important;
line-height:1.28 !important;
padding:12px !important;
}
} @media(max-width:767px){
.single-post .vl24-blog-hero::before{
background:linear-gradient(
to bottom,
rgba(0,0,0,.35),
rgba(0,0,0,.62)
) !important;
}
.single-post .hero-title{
color:#fff !important;
text-shadow:
0 2px 10px rgba(0,0,0,.45),
0 1px 2px rgba(0,0,0,.55);
position:relative;
z-index:3;
}
}
.vl24-blog-card-title,
.vl24-blog-card-title a{
font-size:clamp(1.2rem, 1.8vw, 2.2rem);
line-height:1.12;
letter-spacing:-0.03em;
}
.page-id-676 .vl24-content-container{
padding:0 20px !important;
}
.page-id-676 .vl24-about-intro,
.page-id-676 .vl24-about-hero-text,
.page-id-676 .vl24-about-split-text{
max-width:none !important;
}
@media(max-width:767px){
.page-id-676 .vl24-content-section,
.page-id-676 .vl24-content-container,
.page-id-676 .vl24-about-page,
.page-id-676 .vl24-about-hero,
.page-id-676 .vl24-about-intro,
.page-id-676 .vl24-about-grid,
.page-id-676 .vl24-about-split,
.page-id-676 .vl24-about-values,
.page-id-676 .vl24-about-cta{
width:100% !important;
max-width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
padding-left:5px !important;
padding-right:5px !important;
}
.page-id-676 .vl24-about-hero-text,
.page-id-676 .vl24-about-split-text{
width:100% !important;
max-width:100% !important;
}
} .ce-configurator-title{
position:relative;
display:flex;
align-items:center;
gap:10px;
margin:0 0 14px !important;
padding:11px 14px 11px 16px;
font-size:14px !important;
font-weight:800 !important;
line-height:1.2;
letter-spacing:-0.01em;
color:#111;
background:linear-gradient(
135deg,
rgba(34,197,94,0.10),
rgba(255,255,255,0.95)
);
border:1px solid rgba(34,197,94,0.22);
border-left:4px solid #24965a;
border-radius:6px;
box-shadow:
0 1px 0 rgba(17,17,17,0.02),
0 10px 24px rgba(17,17,17,0.04);
}
.ce-configurator-title::before{
content:"";
width:8px;
height:8px;
flex:0 0 8px;
border-radius:50%;
background:#24965a;
box-shadow:0 0 0 4px rgba(34,197,94,0.14);
} .ce-configurator-section.ce-mobile-accordion .ce-configurator-title{
cursor:pointer;
margin-bottom:0 !important;
} .ce-configurator-section.ce-mobile-accordion.is-open .ce-configurator-title{
margin-bottom:12px !important;
} @media (max-width:767px){
.ce-configurator-title{
padding:10px 12px 10px 13px;
font-size:13px !important;
margin-bottom:10px !important;
}
.ce-configurator-title::before{
width:7px;
height:7px;
flex-basis:7px;
}
} .ce-configurator-section.ce-mobile-accordion{
border:1px solid rgba(17,17,17,0.12);
border-radius:6px;
background:#fff;
overflow:hidden;
margin:0 0 14px !important;
}
.ce-configurator-section.ce-mobile-accordion .ce-configurator-title{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
width:100%;
margin:0 !important;
padding:14px 16px !important;
font-size:15px !important;
font-weight:800 !important;
line-height:1.2 !important;
letter-spacing:-0.01em;
color:#111;
background:linear-gradient(
135deg,
rgba(34,197,94,0.10),
rgba(255,255,255,0.96)
);
border-left:4px solid #24965a;
cursor:pointer;
user-select:none;
-webkit-tap-highlight-color:transparent;
}
.ce-configurator-section.ce-mobile-accordion .ce-configurator-title::before{
content:"";
width:8px;
height:8px;
flex:0 0 8px;
border-radius:50%;
background:#24965a;
box-shadow:0 0 0 4px rgba(34,197,94,0.14);
}
.ce-configurator-section.ce-mobile-accordion .ce-configurator-title::after{
content:"+";
width:24px;
height:24px;
flex:0 0 24px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
border:1px solid rgba(36,150,90,0.25);
background:#fff;
color:#24965a;
font-size:17px;
font-weight:800;
line-height:1;
}
.ce-configurator-section.ce-mobile-accordion.is-open .ce-configurator-title::after{
content:"−";
} .ce-configurator-section.ce-mobile-accordion:not(.is-open) .ce-configurator-field{
display:none !important;
} .ce-configurator-section.ce-mobile-accordion.is-open{
padding-bottom:12px;
}
.ce-configurator-section.ce-mobile-accordion.is-open .ce-configurator-field{
padding-left:14px;
padding-right:14px;
}
.ce-configurator-section.ce-mobile-accordion.is-open .ce-configurator-field:first-of-type{
padding-top:12px;
} @media (max-width:767px){
.ce-configurator-section.ce-mobile-accordion{
margin-bottom:12px !important;
}
.ce-configurator-section.ce-mobile-accordion .ce-configurator-title{
padding:12px 13px !important;
font-size:13px !important;
}
.ce-configurator-section.ce-mobile-accordion .ce-configurator-title::before{
width:7px;
height:7px;
flex-basis:7px;
}
.ce-configurator-section.ce-mobile-accordion .ce-configurator-title::after{
width:22px;
height:22px;
flex-basis:22px;
font-size:16px;
}
} .ce-configurator-section.ce-mobile-accordion .ce-configurator-title::after{
content:"+";
width:22px !important;
height:22px !important;
min-width:22px !important;
min-height:22px !important;
flex:0 0 22px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
margin:0 !important;
border-radius:50%;
border:1px solid rgba(36,150,90,0.25);
background:#fff;
color:#24965a;
font-size:16px !important;
font-weight:800 !important;
line-height:22px !important;
text-align:center;
box-sizing:border-box;
transform:none !important;
}
.ce-configurator-section.ce-mobile-accordion.is-open .ce-configurator-title::after{
content:"−";
line-height:20px !important;
} .ce-configurator-section.ce-mobile-accordion .ce-configurator-title{
touch-action:manipulation;
-webkit-tap-highlight-color:transparent;
} .ce-configurator-section.ce-mobile-accordion .ce-configurator-title::after{
content:"+";
width:22px !important;
height:22px !important;
min-width:22px !important;
min-height:22px !important;
flex:0 0 22px !important;
display:grid !important;
place-items:center !important;
padding:0 !important;
margin:0 !important;
border-radius:50% !important;
border:1px solid rgba(36,150,90,0.25) !important;
background:#fff !important;
color:#24965a !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size:17px !important;
font-weight:700 !important;
line-height:0 !important;
text-align:center !important;
box-sizing:border-box !important;
position:relative !important;
top:0 !important;
transform:none !important;
} .ce-configurator-section.ce-mobile-accordion .ce-configurator-title::after{
padding-bottom:0px !important;
} .ce-configurator-section.ce-mobile-accordion.is-open .ce-configurator-title::after{
content:"−";
padding-bottom:3px !important;
font-size:18px !important;
} .vl24-favorites-link,
.vl24-mobile-favorites-link{
position:relative;
}
.vl24-fav-count{
position:absolute;
top:-6px;
right:-7px;
min-width:18px;
height:18px;
padding:0 5px;
display:none;
align-items:center;
justify-content:center;
border-radius:999px;
background:var(--vl24-orange);
color:#fff;
font-size:11px;
font-weight:800;
line-height:1;
box-shadow:0 6px 14px rgba(0,0,0,.18);
z-index:5;
}
.vl24-fav-count[hidden]{
display:none !important;
} .vl24-fav-btn.is-active{
background:#111 !important;
color:#fff !important;
}
.vl24-fav-btn.is-active svg{
fill:currentColor;
} .vl24-fav-btn.is-active,
.vl24-fav-btn[data-fav-active="1"]{
background:#111 !important;
color:#fff !important;
}
.vl24-fav-btn.is-active svg,
.vl24-fav-btn[data-fav-active="1"] svg{
fill:currentColor !important;
stroke:currentColor !important;
}  @media (hover:hover) and (pointer:fine){
.vl24-icon-btn:hover{
background:#111;
color:#fff;
}
} @media (hover:none), (pointer:coarse){
.vl24-fav-btn:not(.is-active):not([data-fav-active="1"]),
.vl24-fav-btn:not(.is-active):not([data-fav-active="1"]):hover,
.vl24-fav-btn:not(.is-active):not([data-fav-active="1"]):focus,
.vl24-fav-btn:not(.is-active):not([data-fav-active="1"]):active{
background:#fff !important;
color:#111 !important;
}
.vl24-fav-btn:not(.is-active):not([data-fav-active="1"]) svg{
fill:none !important;
stroke:currentColor !important;
}
} .vl24-fav-btn.is-active,
.vl24-fav-btn[data-fav-active="1"]{
background:#111 !important;
color:#fff !important;
}
.vl24-fav-btn.is-active svg,
.vl24-fav-btn[data-fav-active="1"] svg{
fill:currentColor !important;
stroke:currentColor !important;
} .vl24-favorites-page{
width:100%;
max-width:1400px;
margin:0 auto;
padding:46px 24px 90px;
box-sizing:border-box;
}
.vl24-favorites-page [hidden]{
display:none !important;
}
.vl24-favorites-hero,
.vl24-favorites-toolbar,
.vl24-favorites-empty{
box-sizing:border-box;
}
.vl24-favorites-hero{
width:100%;
margin:0 0 24px;
padding:34px;
border-radius:10px;
background:
radial-gradient(circle at top left, rgba(34,197,94,.18), transparent 36%),
linear-gradient(135deg, #ffffff 0%, #f3f4f6 100%);
border:1px solid rgba(17,17,17,.08);
box-shadow:0 18px 50px rgba(17,17,17,.05);
}
.vl24-favorites-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:0 10px;
margin-bottom:12px;
border-radius:999px;
background:#e6f9ef;
color:#15803d;
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.04em;
line-height:1;
}
.vl24-favorites-hero h1{
margin:0 0 10px;
font-size:clamp(2rem, 4vw, 4rem);
line-height:1;
letter-spacing:-.05em;
font-weight:800;
color:#111;
}
.vl24-favorites-hero p{
max-width:680px;
margin:0;
font-size:16px;
line-height:1.7;
color:#6b7280;
}
.vl24-favorites-toolbar{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin:0 0 24px;
padding:14px 16px;
border:1px solid rgba(17,17,17,.08);
border-radius:8px;
background:#fff;
box-shadow:0 10px 24px rgba(17,17,17,.04);
}
.vl24-favorites-count{
display:flex;
align-items:center;
gap:10px;
font-size:14px;
font-weight:700;
line-height:1;
color:#111;
}
.vl24-favorites-count span{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:26px;
height:26px;
margin:0;
border-radius:999px;
background:#111;
color:#fff;
font-size:13px;
line-height:1;
}
.vl24-favorites-clear,
.vl24-favorites-empty-btn{
height:44px;
min-height:44px;
padding:0 18px;
display:inline-grid;
place-items:center;
border-radius:6px;
font-family:inherit;
font-size:14px;
font-weight:800;
line-height:1;
text-align:center;
text-decoration:none;
box-sizing:border-box;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
}
.vl24-favorites-clear{
border:1px solid rgba(17,17,17,.12);
background:#fff;
color:#111;
}
.vl24-favorites-clear:hover{
background:#111;
color:#fff;
}
.vl24-favorites-empty-btn{
min-width:190px;
background:var(--vl24-green);
color:#fff !important;
border:none;
box-shadow:0 12px 24px rgba(34,197,94,.25);
}
.vl24-favorites-loader{
padding:28px;
border-radius:8px;
background:#fff;
border:1px solid rgba(17,17,17,.08);
color:#6b7280;
font-weight:700;
}
.vl24-favorites-grid-wrap{
width:100%;
}
.vl24-favorites-products.products{
width:100%;
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:22px;
margin:0 !important;
padding:0 !important;
list-style:none !important;
}
.vl24-favorites-products.products li.product{
width:auto !important;
margin:0 !important;
float:none !important;
}
.vl24-favorites-empty{
width:100%;
max-width:620px;
margin:40px auto 0;
padding:46px 28px;
text-align:center;
border-radius:10px;
border:1px solid rgba(17,17,17,.08);
background:#fff;
box-shadow:0 20px 60px rgba(17,17,17,.06);
}
.vl24-favorites-empty-icon{
width:72px;
height:72px;
margin:0 auto 18px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#e6f9ef;
color:#15803d;
}
.vl24-favorites-empty-icon svg{
width:32px;
height:32px;
fill:none;
stroke:currentColor;
stroke-width:2;
}
.vl24-favorites-empty h2{
margin:0 0 8px;
font-size:28px;
line-height:1.1;
letter-spacing:-.03em;
}
.vl24-favorites-empty p{
max-width:420px;
margin:0 auto 22px;
color:#6b7280;
line-height:1.6;
} @media (max-width:767px){ body.page .vl24-content-section,
body.page .vl24-content-container{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding-left:0 !important;
padding-right:0 !important;
box-sizing:border-box !important;
} body.page .vl24-favorites-page{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding-top:22px !important;
padding-right:20px !important;
padding-bottom:96px !important;
padding-left:20px !important;
box-sizing:border-box !important;
}
body.page .vl24-favorites-page *{
box-sizing:border-box !important;
} body.page .vl24-favorites-hero,
body.page .vl24-favorites-toolbar,
body.page .vl24-favorites-empty,
body.page .vl24-favorites-grid-wrap,
body.page .vl24-favorites-loader{
width:100% !important;
max-width:none !important;
margin-left:0 !important;
margin-right:0 !important;
box-sizing:border-box !important;
}
body.page .vl24-favorites-hero{
padding:24px 18px !important;
margin-bottom:18px !important;
border-radius:8px !important;
}
body.page .vl24-favorites-toolbar{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:flex-start !important;
gap:18px !important;
padding:20px !important;
margin-bottom:22px !important;
border-radius:8px !important;
}
body.page .vl24-favorites-count{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:10px !important;
line-height:1 !important;
}
body.page .vl24-favorites-count span{
margin:0 !important;
flex:0 0 auto !important;
}
body.page .vl24-favorites-empty{
margin-top:20px !important;
padding:34px 18px !important;
border-radius:8px !important;
} body.page .vl24-favorites-products.products{
width:100% !important;
max-width:none !important;
display:grid !important;
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:12px !important;
margin:0 !important;
padding:0 !important;
list-style:none !important;
}
body.page .vl24-favorites-products.products li.product{
width:auto !important;
max-width:none !important;
min-width:0 !important;
margin:0 !important;
padding:0 !important;
float:none !important;
clear:none !important;
} body.page .vl24-favorites-clear,
body.page .vl24-favorites-empty-btn{
height:44px !important;
min-height:44px !important;
max-height:44px !important;
padding:0 20px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
line-height:1 !important;
text-align:center !important;
vertical-align:middle !important;
font-family:inherit !important;
font-size:14px !important;
font-weight:800 !important;
appearance:none !important;
-webkit-appearance:none !important;
box-sizing:border-box !important;
}
body.page .vl24-favorites-empty-btn{
min-width:196px !important;
}
body.page .vl24-favorites-clear::before,
body.page .vl24-favorites-clear::after,
body.page .vl24-favorites-empty-btn::before,
body.page .vl24-favorites-empty-btn::after{
display:none !important;
}
}
@media (max-width:380px){
body.page .vl24-favorites-products.products{
grid-template-columns:1fr !important;
}
} .vl24-favorites-clear,
.vl24-favorites-empty-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
height:44px !important;
min-height:44px !important;
padding:0 20px !important;
line-height:1 !important;
text-align:center !important;
box-sizing:border-box !important;
}
.vl24-favorites-empty-btn{
height:48px !important;
min-height:48px !important;
}
.vl24-favorites-btn-text{
display:block !important;
line-height:1 !important;
margin:0 !important;
padding:0 !important;
transform:translateY(-1px);
} .vl24-favorites-products.products li.product{
transition:
opacity .22s ease,
transform .22s ease,
filter .22s ease;
}
.vl24-favorites-products.products li.product.vl24-favorite-removing{
opacity:0 !important;
transform:scale(.96) translateY(8px) !important;
filter:blur(2px) !important;
pointer-events:none !important;
} .vl24-cart-options{
width:100%;
margin:12px 0 8px;
padding:10px 11px;
border:1px solid rgba(16,24,40,.08);
border-radius:12px;
background:linear-gradient(180deg,#ffffff 0%,#f7f9f8 100%);
display:grid;
gap:8px;
}
.vl24-cart-option{
display:grid;
gap:2px;
padding:0 0 7px;
border-bottom:1px solid rgba(16,24,40,.07);
}
.vl24-cart-option:last-child{
padding-bottom:0;
border-bottom:0;
}
.vl24-cart-option__label{
display:block;
font-size:11px;
line-height:1.25;
font-weight:800;
letter-spacing:.01em;
color:#159451;
}
.vl24-cart-option__value{
display:block;
font-size:12.5px;
line-height:1.35;
font-weight:600;
color:#1f2933;
word-break:break-word;
} .vl24-cart-option--variation .vl24-cart-option__label{
color:#159451;
} .vl24-mini-cart .vl24-cart-options{
margin-top:10px;
margin-bottom:10px;
}
.vl24-mini-cart .vl24-cart-option__label{
font-size:10.5px;
}
.vl24-mini-cart .vl24-cart-option__value{
font-size:12px;
} .woocommerce-checkout-review-order-table .vl24-cart-options{
margin-top:8px;
padding:9px 10px;
border-radius:10px;
}
.vl24-checkout-item-title{
font-weight:800;
margin-bottom:7px;
line-height:1.25;
color:#0b0b0b;
} .wc-block-components-product-metadata,
.wc-block-components-product-details{
font-size:13px !important;
line-height:1.55 !important;
color:#4b5563 !important;
}
.wc-block-components-product-details__name,
.wc-block-components-product-metadata__description{
font-weight:700 !important;
color:#159451 !important;
}
.wc-block-components-product-details__value{
font-weight:600 !important;
color:#1f2933 !important;
} @media (max-width: 767px){
.vl24-cart-options{
padding:9px 10px;
gap:7px;
border-radius:11px;
}
.vl24-cart-option__label{
font-size:10.5px;
}
.vl24-cart-option__value{
font-size:12px;
}
.woocommerce-checkout-review-order-table .vl24-cart-options{
margin-top:8px;
}
} .vl24-cart-options,
.vl24-checkout-product-line .vl24-cart-options,
.vl24-mini-cart .vl24-cart-options,
.woocommerce-cart-form .vl24-cart-options,
.shop_table .vl24-cart-options{
margin-top: 10px;
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
max-width: 100%;
} .vl24-cart-option{
display: block;
width: 100%;
padding: 0;
margin: 0;
line-height: 1.35;
} .vl24-cart-option-label{
display: block;
width: 100%;
margin: 0 0 2px 0;
font-size: 13px;
line-height: 1.25;
font-weight: 800;
color: #18a35a;
} .vl24-cart-option-value{
display: block;
width: 100%;
margin: 0;
font-size: 13px;
line-height: 1.35;
font-weight: 500;
color: #111;
word-break: normal;
overflow-wrap: anywhere;
} .vl24-mini-cart .vl24-cart-options,
.vl24-checkout-product-line .vl24-cart-options{
background: #f7f8f7;
border: 1px solid rgba(0,0,0,.08);
border-radius: 12px;
padding: 12px;
} .vl24-checkout-product-info{
min-width: 0;
width: 100%;
}
.vl24-checkout-product-line{
display: flex;
align-items: flex-start;
gap: 12px;
width: 100%;
} .woocommerce-cart-form .variation,
.woocommerce-cart-form dl.variation{
margin: 10px 0 0 0;
display: flex;
flex-direction: column;
gap: 8px;
color: #111;
}
.woocommerce-cart-form .variation dt,
.woocommerce-cart-form dl.variation dt{
display: block;
float: none;
clear: both;
margin: 0 0 2px 0;
padding: 0;
font-size: 13px;
line-height: 1.25;
font-weight: 800;
color: #18a35a;
}
.woocommerce-cart-form .variation dd,
.woocommerce-cart-form dl.variation dd{
display: block;
float: none;
clear: both;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.35;
font-weight: 500;
color: #111;
}
.woocommerce-cart-form .variation dd p,
.woocommerce-cart-form dl.variation dd p{
margin: 0;
padding: 0;
} .woocommerce-cart-form .product-name .variation{
max-width: 100%;
} @media (max-width: 767px){
.vl24-cart-options,
.vl24-checkout-product-line .vl24-cart-options,
.vl24-mini-cart .vl24-cart-options,
.woocommerce-cart-form .vl24-cart-options,
.shop_table .vl24-cart-options{
gap: 7px;
}
.vl24-mini-cart .vl24-cart-options,
.vl24-checkout-product-line .vl24-cart-options{
padding: 11px;
border-radius: 11px;
}
.vl24-cart-option-label,
.woocommerce-cart-form .variation dt,
.woocommerce-cart-form dl.variation dt{
font-size: 12.5px;
}
.vl24-cart-option-value,
.woocommerce-cart-form .variation dd,
.woocommerce-cart-form dl.variation dd{
font-size: 12.5px;
}
}  .vl24-cart-options{
display:flex;
flex-direction:column;
gap:0;
width:100%;
max-width:100%;
margin-top:10px;
padding:10px 12px;
border:1px solid rgba(0,0,0,.08);
border-radius:10px;
background:#f7f8f8;
}
.vl24-cart-option{
display:block;
padding:7px 0;
border-bottom:1px solid rgba(0,0,0,.06);
}
.vl24-cart-option:last-child{
border-bottom:0;
}
.vl24-cart-option-label{
display:block;
margin:0 0 2px 0;
font-size:13px;
line-height:1.25;
font-weight:800;
color:#159653;
}
.vl24-cart-option-value{
display:block;
font-size:13px;
line-height:1.35;
font-weight:500;
color:#111;
word-break:normal;
overflow-wrap:anywhere;
} .woocommerce-cart .variation,
.woocommerce-cart dl.variation{
display:flex !important;
flex-direction:column !important;
gap:0 !important;
margin:12px 0 0 0 !important;
padding:10px 12px !important;
border:1px solid rgba(0,0,0,.08) !important;
border-radius:10px !important;
background:#f7f8f8 !important;
}
.woocommerce-cart .variation dt,
.woocommerce-cart dl.variation dt{
display:block !important;
float:none !important;
clear:both !important;
margin:0 0 2px 0 !important;
padding:7px 0 0 0 !important;
font-size:13px !important;
line-height:1.25 !important;
font-weight:800 !important;
color:#159653 !important;
}
.woocommerce-cart .variation dd,
.woocommerce-cart dl.variation dd{
display:block !important;
float:none !important;
clear:both !important;
margin:0 0 7px 0 !important;
padding:0 0 7px 0 !important;
font-size:13px !important;
line-height:1.35 !important;
font-weight:500 !important;
color:#111 !important;
border-bottom:1px solid rgba(0,0,0,.06) !important;
}
.woocommerce-cart .variation dd:last-child,
.woocommerce-cart dl.variation dd:last-child{
border-bottom:0 !important;
margin-bottom:0 !important;
padding-bottom:0 !important;
}
.woocommerce-cart .variation dd p,
.woocommerce-cart dl.variation dd p{
margin:0 !important;
} .wc-block-components-product-metadata,
.wc-block-components-product-details{
display:flex !important;
flex-direction:column !important;
gap:0 !important;
margin:12px 0 0 0 !important;
padding:10px 12px !important;
border:1px solid rgba(0,0,0,.08) !important;
border-radius:10px !important;
background:#f7f8f8 !important;
}
.wc-block-components-product-details li,
.wc-block-components-product-details__item{
display:block !important;
padding:7px 0 !important;
border-bottom:1px solid rgba(0,0,0,.06) !important;
}
.wc-block-components-product-details li:last-child,
.wc-block-components-product-details__item:last-child{
border-bottom:0 !important;
}
.wc-block-components-product-details__name{
display:block !important;
margin:0 0 2px 0 !important;
font-size:13px !important;
line-height:1.25 !important;
font-weight:800 !important;
color:#159653 !important;
}
.wc-block-components-product-details__value{
display:block !important;
margin:0 !important;
font-size:13px !important;
line-height:1.35 !important;
font-weight:500 !important;
color:#111 !important;
} .vl24-product-info,
.vl24-checkout-product-line{
display:flex;
gap:12px;
align-items:flex-start;
}
.vl24-checkout-product-img{
width:80px;
height:80px;
object-fit:cover;
border-radius:6px;
flex:0 0 80px;
}
.vl24-checkout-product-content,
.vl24-checkout-product-info{
min-width:0;
flex:1;
}
.vl24-checkout-item-title,
.vl24-checkout-product-title{
margin:0 0 8px 0;
font-size:15px;
line-height:1.25;
font-weight:800;
color:#050505;
}
@media (max-width:480px){
.vl24-cart-options,
.woocommerce-cart .variation,
.woocommerce-cart dl.variation,
.wc-block-components-product-metadata,
.wc-block-components-product-details{
padding:9px 10px !important;
border-radius:9px !important;
}
.vl24-cart-option-label,
.woocommerce-cart .variation dt,
.woocommerce-cart dl.variation dt,
.wc-block-components-product-details__name{
font-size:12.5px !important;
}
.vl24-cart-option-value,
.woocommerce-cart .variation dd,
.woocommerce-cart dl.variation dd,
.wc-block-components-product-details__value{
font-size:12.5px !important;
}
} body.woocommerce-cart .wc-block-components-product-details{
display:block !important;
margin:10px 0 0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
} body.woocommerce-cart .wc-block-components-product-details > span,
body.woocommerce-cart .wc-block-components-product-details__item{
display:block !important;
margin:0 0 8px !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
} body.woocommerce-cart .wc-block-components-product-details [aria-hidden="true"]{
display:none !important;
} body.woocommerce-cart .wc-block-components-product-details__name{
display:block !important;
color:#169653 !important;
font-weight:800 !important;
font-size:14px !important;
line-height:1.25 !important;
margin:0 0 2px !important;
} body.woocommerce-cart .wc-block-components-product-details__value{
display:block !important;
color:#5f6872 !important;
font-weight:600 !important;
font-size:14px !important;
line-height:1.35 !important;
} body.woocommerce-cart .wc-block-components-product-metadata{
display:block !important;
} @media (max-width:767px){
body.woocommerce-cart .wc-block-components-product-details > span,
body.woocommerce-cart .wc-block-components-product-details__item{
margin-bottom:9px !important;
}
body.woocommerce-cart .wc-block-components-product-details__name,
body.woocommerce-cart .wc-block-components-product-details__value{
font-size:14px !important;
}
}  body.woocommerce-cart .wc-block-components-product-name{
text-align:left !important;
display:block !important;
margin:0 0 10px !important;
} body.woocommerce-cart .wc-block-cart-item__image img{
width:150px !important;
max-width:150px !important;
height:120px !important;
object-fit:cover !important;
border-radius:8px !important;
display:block !important;
} body.woocommerce-cart .wc-block-cart-item__quantity{
margin-top:14px !important;
} body.woocommerce-cart .wc-block-cart-item__total{
vertical-align:middle !important;
} .vl24-mini-cart .vl24-cart-card__media img,
.vl24-cart-card__media img{
border-radius:8px !important;
display:block !important;
border:0 !important;
box-shadow:none !important;
} .vl24-mini-cart .vl24-cart-card__media,
.vl24-cart-card__media{
border-bottom:0 !important;
box-shadow:none !important;
} .woocommerce-checkout .vl24-qty{
display:inline-flex !important;
align-items:stretch !important;
height:36px !important;
overflow:hidden !important;
border:1px solid #dfe3e6 !important;
border-radius:7px !important;
background:#fff !important;
}
.woocommerce-checkout .vl24-qty button,
.woocommerce-checkout .vl24-qty input{
height:36px !important;
min-height:36px !important;
border:0 !important;
border-radius:0 !important;
margin:0 !important;
box-shadow:none !important;
}
.woocommerce-checkout .vl24-qty button{
width:36px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:#f2f3f4 !important;
}
.woocommerce-checkout .vl24-qty input{
width:42px !important;
text-align:center !important;
background:#fff !important;
} @media (max-width:767px){
body.woocommerce-cart .wc-block-cart-item__image img{
width:124px !important;
max-width:124px !important;
height:100px !important;
object-fit:cover !important;
border-radius:8px !important;
}
body.woocommerce-cart .wc-block-components-product-name{
text-align:left !important;
margin-bottom:10px !important;
}
body.woocommerce-cart .wc-block-cart-item__quantity{
margin-top:12px !important;
}
} .vl24-mini-cart .vl24-cart-card__media,
.vl24-mini-cart .vl24-cart-card__media a{
border-radius:8px !important;
overflow:hidden !important;
border:0 !important;
box-shadow:none !important;
background:transparent !important;
}
.vl24-mini-cart .vl24-cart-card__media img{
border-radius:8px !important;
overflow:hidden !important;
display:block !important;
border:0 !important;
box-shadow:none !important;
} @media (max-width:767px){
body.woocommerce-cart .wc-block-cart-items__row{
display:grid !important;
grid-template-columns:124px 1fr !important;
column-gap:12px !important;
align-items:start !important;
}
body.woocommerce-cart .wc-block-cart-item__image{
grid-column:1 !important;
grid-row:1 !important;
width:124px !important;
padding:0 !important;
}
body.woocommerce-cart .wc-block-cart-item__image img{
width:124px !important;
max-width:124px !important;
height:100px !important;
object-fit:cover !important;
border-radius:8px !important;
display:block !important;
}
body.woocommerce-cart .wc-block-cart-item__product{
grid-column:2 !important;
grid-row:1 !important;
padding:0 !important;
min-width:0 !important;
}
body.woocommerce-cart .wc-block-components-product-name{
display:block !important;
text-align:left !important;
margin:0 0 10px !important;
font-size:16px !important;
line-height:1.25 !important;
font-weight:800 !important;
}
body.woocommerce-cart .wc-block-components-product-metadata{
margin-top:10px !important;
}
body.woocommerce-cart .wc-block-cart-item__quantity,
body.woocommerce-cart .wc-block-cart-item__total{
grid-column:1 / -1 !important;
}
} @media (max-width:767px){
body.woocommerce-cart .wc-block-cart-items__row{
position:relative !important;
}
body.woocommerce-cart .wc-block-cart-item__total{
grid-column:1 / -1 !important;
grid-row:auto !important;
width:100% !important;
padding:10px 0 0 !important;
margin:0 !important;
text-align:right !important;
position:static !important;
display:block !important;
clear:both !important;
}
body.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper{
justify-content:flex-end !important;
text-align:right !important;
width:100% !important;
display:flex !important;
}
body.woocommerce-cart .wc-block-cart-item__total .wc-block-formatted-money-amount,
body.woocommerce-cart .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
body.woocommerce-cart .wc-block-cart-item__total .woocommerce-Price-amount{
display:block !important;
text-align:right !important;
font-size:14px !important;
line-height:1.25 !important;
font-weight:800 !important;
white-space:nowrap !important;
}
body.woocommerce-cart .wc-block-cart-item__quantity{
grid-column:1 / -1 !important;
grid-row:auto !important;
margin-top:12px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
}
} @media (max-width:767px){
body.woocommerce-cart .wc-block-cart-item__quantity{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:8px !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
overflow:visible !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector{
width:106px !important;
min-width:106px !important;
max-width:106px !important;
height:42px !important;
display:grid !important;
grid-template-columns:34px 38px 34px !important;
flex:0 0 106px !important;
overflow:hidden !important;
border-radius:8px !important;
box-sizing:border-box !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button{
width:34px !important;
min-width:34px !important;
max-width:34px !important;
height:42px !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
position:static !important;
box-sizing:border-box !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input{
width:38px !important;
min-width:38px !important;
max-width:38px !important;
height:42px !important;
padding:0 !important;
text-align:center !important;
box-sizing:border-box !important;
}
body.woocommerce-cart .wc-block-cart-item__remove-link,
body.woocommerce-cart .wc-block-cart-item__remove-link-contained{
width:42px !important;
min-width:42px !important;
max-width:42px !important;
height:42px !important;
flex:0 0 42px !important;
margin:0 !important;
box-sizing:border-box !important;
}
} .vl24-thankyou{
max-width:1360px;
margin:0 auto;
padding:42px 24px 80px;
color:#111;
} .vl24-thankyou-hero{
position:relative;
overflow:hidden;
margin:0 0 28px;
padding:34px 34px;
border-radius:10px;
background:
radial-gradient(circle at top right, rgba(255,255,255,.28), transparent 34%),
linear-gradient(135deg, #4ade80 0%, #22c55e 42%, #15803d 100%);
color:#fff;
box-shadow:0 22px 55px rgba(21,128,61,.18);
}
.vl24-thankyou-hero::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(120deg, transparent 0%, rgba(255,255,255,.12) 42%, transparent 64%);
pointer-events:none;
}
.vl24-thankyou-hero h1{
position:relative;
z-index:2;
margin:0 0 10px;
font-size:clamp(28px, 3vw, 42px);
line-height:1.02;
letter-spacing:-.035em;
font-weight:800;
}
.vl24-thankyou-lead{
position:relative;
z-index:2;
margin:0 0 6px;
font-size:17px;
line-height:1.5;
font-weight:800;
}
.vl24-thankyou-desc{
position:relative;
z-index:2;
max-width:720px;
margin:0;
font-size:15px;
line-height:1.75;
color:rgba(255,255,255,.88);
} .vl24-thankyou-grid{
display:grid;
grid-template-columns:minmax(0, 1fr) 360px;
gap:24px;
align-items:start;
}
.vl24-thankyou-main,
.vl24-thankyou-side{
min-width:0;
}
.vl24-thankyou-side{
position:sticky;
top:110px;
} .vl24-thankyou-card{
margin:0 0 18px;
padding:24px;
border:1px solid rgba(17,17,17,.08);
border-radius:10px;
background:#fff;
box-shadow:
0 1px 0 rgba(17,17,17,.02),
0 18px 45px rgba(17,17,17,.055);
}
.vl24-thankyou-card h3{
margin:0 0 16px;
font-size:18px;
line-height:1.2;
font-weight:800;
letter-spacing:-.02em;
}
.vl24-thankyou-card p{
margin:0;
font-size:14px;
line-height:1.75;
color:#5f6872;
}
.vl24-thankyou-card p + p{
margin-top:8px;
}
.vl24-thankyou-card strong{
color:#111;
font-weight:800;
} .vl24-thankyou-card ul{
margin:0;
padding:0;
list-style:none;
}
.vl24-thankyou-card li{
position:relative;
margin:0;
padding:13px 0 13px 34px;
border-bottom:1px solid rgba(17,17,17,.07);
font-size:14px;
line-height:1.45;
color:#374151;
font-weight:650;
}
.vl24-thankyou-card li:last-child{
border-bottom:0;
}
.vl24-thankyou-card li::before{
content:"✓";
position:absolute;
left:0;
top:10px;
width:22px;
height:22px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#e6f9ef;
color:#169653;
font-size:13px;
font-weight:900;
} .vl24-order-card{
display:grid;
grid-template-columns:140px minmax(0,1fr);
gap:18px;
padding:18px;
border:1px solid rgba(17,17,17,.08);
border-radius:10px;
background:#f8faf9;
}
.vl24-order-card + .vl24-order-card{
margin-top:16px;
}
.vl24-order-image{
width:140px;
height:120px;
overflow:hidden;
border-radius:8px;
background:#eef2f0;
}
.vl24-order-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.vl24-order-content{
min-width:0;
}
.vl24-order-title{
margin:0 0 12px;
font-size:19px;
line-height:1.22;
font-weight:850;
letter-spacing:-.025em;
color:#111;
} .vl24-order-specs{
display:grid;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:8px;
margin:0 0 14px;
}
.vl24-order-option{
min-width:0;
padding:10px 12px;
border:1px solid rgba(17,17,17,.07);
border-radius:8px;
background:#fff;
}
.vl24-order-option-label{
display:block;
margin:0 0 3px;
color:#169653;
font-size:13px;
line-height:1.25;
font-weight:850;
}
.vl24-order-option-value{
display:block;
color:#5f6872;
font-size:13px;
line-height:1.35;
font-weight:650;
word-break:break-word;
}
.vl24-order-price{
display:inline-flex;
align-items:center;
margin:0 0 8px;
padding:8px 12px;
border-radius:10px;
background:#e6f9ef;
color:#169653;
font-size:14px;
line-height:1.2;
font-weight:850;
}
.vl24-order-note{
font-size:13px;
line-height:1.55;
color:#6b7280;
} .vl24-thankyou-card address,
.vl24-thankyou-card .woocommerce-customer-details--phone,
.vl24-thankyou-card .woocommerce-customer-details--email{
font-style:normal;
color:#5f6872;
line-height:1.7;
} @media (max-width:1024px){
.vl24-thankyou{
padding:28px 18px 70px;
}
.vl24-thankyou-grid{
grid-template-columns:1fr;
}
.vl24-thankyou-side{
position:relative;
top:auto;
}
}
@media (max-width:767px){
.vl24-thankyou{
padding:22px 16px 70px;
}
.vl24-thankyou-hero{
padding:26px 22px;
border-radius:10px;
}
.vl24-thankyou-hero h1{
font-size:28px;
}
.vl24-thankyou-lead{
font-size:15px;
}
.vl24-thankyou-desc{
font-size:14px;
}
.vl24-thankyou-card{
padding:18px;
border-radius:10px;
}
.vl24-order-card{
grid-template-columns:96px minmax(0,1fr);
gap:12px;
padding:14px;
border-radius:10px;
}
.vl24-order-image{
width:96px;
height:82px;
border-radius:8px;
}
.vl24-order-title{
font-size:16px;
line-height:1.25;
margin-bottom:10px;
}
.vl24-order-specs{
grid-template-columns:1fr;
gap:7px;
}
.vl24-order-option{
padding:9px 10px;
}
.vl24-order-option-label,
.vl24-order-option-value{
font-size:13px;
}
.vl24-order-price{
font-size:13px;
padding:7px 10px;
}
}
@media (max-width:420px){
.vl24-order-card{
grid-template-columns:82px minmax(0,1fr);
}
.vl24-order-image{
width:82px;
height:74px;
}
.vl24-order-title{
font-size:15px;
}
} .vl24-thankyou .vl24-order-card{
margin-bottom:22px !important;
}
.vl24-thankyou .vl24-order-card + .vl24-thankyou-card,
.vl24-thankyou .vl24-thankyou-card + .vl24-thankyou-card{
margin-top:22px !important;
}
@media (max-width:767px){
.vl24-thankyou .vl24-order-card{
margin-bottom:18px !important;
}
.vl24-thankyou .vl24-order-card + .vl24-thankyou-card,
.vl24-thankyou .vl24-thankyou-card + .vl24-thankyou-card{
margin-top:18px !important;
}
} .woocommerce-Tabs-panel,
.woocommerce-Tabs-panel .woocommerce-product-details__short-description{
max-width:100%;
overflow-x:hidden;
} .woocommerce-Tabs-panel .table-wrap{
width:100%;
max-width:100%;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
} @media (max-width:767px){
.woocommerce-Tabs-panel table{
display:block !important;
width:100% !important;
max-width:100% !important;
min-width:680px;
overflow-x:auto !important;
-webkit-overflow-scrolling:touch;
white-space:nowrap;
}
.woocommerce-Tabs-panel table tbody,
.woocommerce-Tabs-panel table thead,
.woocommerce-Tabs-panel table tr{
width:100%;
}
.woocommerce-Tabs-panel table th,
.woocommerce-Tabs-panel table td{
white-space:nowrap;
}
} .single-product table.woocommerce-product-attributes a,
.woocommerce-product-attributes a,
body[class*="tax-pa_"] a{
color:#24965a !important;
text-decoration:none !important;
}
.single-product table.woocommerce-product-attributes a:hover,
.woocommerce-product-attributes a:hover,
body[class*="tax-pa_"] a:hover{
color:#16844c !important;
text-decoration:underline !important;
} .single-product .woocommerce-Tabs-panel--additional_information{
max-width:100%;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
} .single-product .woocommerce-Tabs-panel--additional_information table.woocommerce-product-attributes{
width:100%;
min-width:560px;
border-collapse:collapse;
} @media (max-width:767px){
.single-product .woocommerce-Tabs-panel--additional_information table.woocommerce-product-attributes{
min-width:620px;
}
} .vl24-tabs-section{
position:relative;
max-width:1520px;
margin:0 auto;
padding:36px 28px 88px;
color:#111;
background:#fff;
}
.vl24-tabs-section *{
box-sizing:border-box;
}
.vl24-tabs-section > .container{
width:100%;
max-width:1180px;
margin:0 auto;
} .vl24-tabs-head{
max-width:780px;
margin:0 auto 42px;
text-align:left;
}
.vl24-tabs-head .hero-eyebrow{
display:inline-flex;
align-items:center;
justify-content:center;
height:34px;
padding:0 14px;
margin-bottom:18px;
border-radius:999px;
background:var(--vl24-green-soft);
color:var(--vl24-green-dark);
font-size:12px;
font-weight:800;
line-height:1;
letter-spacing:.08em;
text-transform:uppercase;
}
.vl24-tabs-title{
margin:0 0 16px;
font-size:clamp(2.2rem,4vw,4.4rem);
line-height:.96;
letter-spacing:-.05em;
font-weight:800;
color:#111;
}
.vl24-tabs-intro{
max-width:760px;
margin:0 auto;
font-size:17px;
line-height:1.8;
color:var(--vl24-text-muted);
}
.vl24-tabs-intro p{
margin:0;
} .vl24-accordion{
max-width:980px;
margin:0 auto;
display:grid;
gap:14px;
} .vl24-acc-item{
position:relative;
border:1px solid rgba(17,17,17,.08);
border-radius:6px;
background:#fff;
overflow:hidden;
box-shadow:0 12px 30px rgba(0,0,0,.04);
transition:box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}
.vl24-acc-item:hover{
transform:translateY(-2px);
box-shadow:0 20px 50px rgba(0,0,0,.07);
border-color:rgba(36,150,90,.22);
}
.vl24-acc-item.active{
border-color:rgba(36,150,90,.28);
background:
linear-gradient(135deg, rgba(34,197,94,.045), rgba(255,255,255,1) 42%);
} .vl24-acc-header{
width:100%;
min-height:68px;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:20px 24px;
border:0;
background:transparent;
text-align:left;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
}
.vl24-acc-title{
position:relative;
display:flex;
align-items:center;
gap:14px;
color:#111;
font-size:18px;
line-height:1.28;
font-weight:800;
letter-spacing:-.02em;
}
.vl24-acc-title::before{
content:"";
width:9px;
height:9px;
flex:0 0 9px;
border-radius:50%;
background:#24965a;
box-shadow:0 0 0 5px rgba(34,197,94,.13);
} .vl24-acc-icon{
position:relative;
width:32px;
height:32px;
flex:0 0 32px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
border:1px solid rgba(36,150,90,.24);
background:#fff;
box-shadow:0 8px 20px rgba(0,0,0,.04);
}
.vl24-acc-icon::before,
.vl24-acc-icon::after{
content:"";
position:absolute;
width:13px;
height:2px;
border-radius:999px;
background:#24965a;
transition:transform .18s ease, opacity .18s ease;
}
.vl24-acc-icon::after{
transform:rotate(90deg);
}
.vl24-acc-item.active .vl24-acc-icon::after{
transform:rotate(0deg);
opacity:0;
} .vl24-acc-content{
display:none;
padding:0 24px 24px 47px;
font-size:16px;
line-height:1.85;
color:var(--vl24-text-muted);
}
.vl24-acc-item.active .vl24-acc-content{
display:block;
}
.vl24-acc-content p{
margin:0;
}
.vl24-acc-content p + p{
margin-top:12px;
}
.vl24-acc-content a{
color:var(--vl24-green-dark);
font-weight:700;
text-decoration:none;
}
.vl24-acc-content a:hover{
text-decoration:underline;
} .vl24-tabs-section{
padding:56px 28px 88px !important;
}
.vl24-tabs-section > .container{
max-width:1320px !important;
margin:0 auto !important;
} .vl24-tabs-head{
max-width:860px !important;
margin:0 0 42px !important;
text-align:left !important;
} .vl24-tabs-head .hero-eyebrow{
margin-left:0 !important;
margin-right:0 !important;
} .vl24-tabs-title{
text-align:left !important;
} .vl24-tabs-intro{
max-width:860px !important;
margin:0 !important;
text-align:left !important;
} .vl24-accordion{
max-width:1000px !important;
margin:0 !important;
}  .vl24-tabs-section{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
background:#fff !important;
} .vl24-tabs-section > .container{
width:100% !important;
max-width:1520px !important;
margin:0 auto !important;
padding:36px 28px 60px !important;
box-sizing:border-box !important;
} .vl24-tabs-head{
width:100% !important;
max-width:880px !important;
margin:0 0 42px !important;
text-align:left !important;
} .vl24-tabs-intro{
max-width:880px !important;
margin:0 !important;
text-align:left !important;
} .vl24-accordion{
width:100% !important;
max-width:100% !important;
margin:0 !important;
} .page-id-676 .vl24-about-label{
margin-bottom:8px !important;
}
.page-id-676 .vl24-about-hero h1{
margin-top:0 !important;
} .vl24-category-faq-section{
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
margin-top:56px !important; padding-left:0 !important;
padding-right:0 !important;
}
.vl24-category-faq-section > .container{
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
padding-left:0 !important;
padding-right:0 !important;
margin-left:0 !important;
margin-right:0 !important;
}
.vl24-category-faq-section .vl24-tabs-head,
.vl24-category-faq-section .vl24-tabs-intro,
.vl24-category-faq-section .vl24-accordion{
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
margin-left:0 !important;
margin-right:0 !important;
} @media (max-width:1024px){
.vl24-category-faq-section{
padding-left:0 !important;
padding-right:0 !important;
}
} @media (max-width:767px){
.vl24-category-faq-section{
margin-top:36px !important; padding-left:20px !important;
padding-right:20px !important;
}
}  .vl24-order-content{
max-width:1520px;
margin:0 auto;
padding:34px 28px 26px;
box-sizing:border-box;
color:#111;
}
.vl24-order-content *{
box-sizing:border-box;
}
.vl24-order-content--intro{
padding-top:38px;
padding-bottom:24px;
}
.vl24-order-content--notice{
position:relative;
margin-top:0;
padding-top:38px;
padding-bottom:42px;
background:
linear-gradient(135deg, rgba(230,249,239,.75), rgba(255,255,255,1) 48%),
radial-gradient(circle at top right, rgba(36,150,90,.10), transparent 34%);
border-top:1px solid rgba(17,17,17,.06);
border-bottom:1px solid rgba(17,17,17,.06);
}
.vl24-order-title{
max-width:900px;
margin:0 0 14px;
font-size:clamp(2.35rem,4vw,4.6rem);
line-height:.96;
letter-spacing:-.055em;
font-weight:800;
color:#111;
}
.vl24-order-content p{
max-width:900px;
margin:0;
font-size:17px;
line-height:1.78;
color:var(--vl24-text-muted);
}
.vl24-order-content p + p{
margin-top:12px;
} #ostuprotsess.process{
position:relative;
max-width:none;
width:100%;
margin:0;
padding:42px 0 50px;
overflow:hidden;
background:
linear-gradient(135deg, #f3f5f1 0%, #ffffff 44%, #eaf8f0 100%);
color:#111;
} #ostuprotsess.process::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 10% 15%, rgba(36,150,90,.13), transparent 28%),
radial-gradient(circle at 88% 18%, rgba(34,197,94,.16), transparent 30%),
linear-gradient(120deg, rgba(255,255,255,.72), rgba(255,255,255,.25));
pointer-events:none;
} #ostuprotsess.process::after{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(120deg, rgba(36,150,90,.08) 1px, transparent 1px),
linear-gradient(60deg, rgba(36,150,90,.055) 1px, transparent 1px);
background-size:120px 120px;
opacity:.65;
pointer-events:none;
}
#ostuprotsess .process-bg,
#ostuprotsess .process-overlay{
display:none !important;
}
#ostuprotsess .process-layout{
position:relative;
z-index:2;
width:100%;
max-width:1520px;
margin:0 auto;
padding:0 28px;
display:grid;
grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);
gap:56px;
align-items:start;
} #ostuprotsess .process-intro{
position:sticky;
top:120px;
max-width:620px;
padding:30px 0 0;
}
#ostuprotsess .hero-eyebrow{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:0 14px;
margin-bottom:14px;
border-radius:999px;
background:var(--vl24-green-soft);
color:var(--vl24-green-dark);
font-size:12px;
font-weight:800;
line-height:1;
letter-spacing:.08em;
text-transform:uppercase;
}
#ostuprotsess .process-intro h2{
margin:0 0 14px;
font-size:clamp(2.3rem,3.7vw,4.35rem);
line-height:.96;
letter-spacing:-.055em;
font-weight:800;
color:#111;
}
#ostuprotsess .process-intro p{
margin:0;
font-size:17px;
line-height:1.78;
color:var(--vl24-text-muted);
} #ostuprotsess .process-steps{
display:grid;
gap:14px;
} #ostuprotsess .process-step{
position:relative;
min-height:132px;
display:grid;
grid-template-columns:74px minmax(0,1fr);
gap:22px;
align-items:start;
padding:24px 28px;
border:1px solid rgba(17,17,17,.08);
border-radius:6px;
background:rgba(255,255,255,.88);
backdrop-filter:blur(14px);
box-shadow:
0 1px 0 rgba(17,17,17,.02),
0 18px 46px rgba(17,17,17,.055);
overflow:hidden;
transition:
transform .18s ease,
box-shadow .18s ease,
border-color .18s ease,
background .18s ease;
}
#ostuprotsess .process-step:hover{
transform:translateY(-3px);
border-color:rgba(36,150,90,.28);
background:#fff;
box-shadow:
0 1px 0 rgba(17,17,17,.02),
0 26px 70px rgba(17,17,17,.08);
} #ostuprotsess .process-step::before{
content:attr(data-icon);
position:absolute;
right:18px;
bottom:8px;
font-size:58px;
line-height:.8;
font-weight:900;
letter-spacing:-.08em;
text-transform:uppercase;
color:rgba(36,150,90,.055);
pointer-events:none;
user-select:none;
}
#ostuprotsess .step-num{
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
border-radius:6px;
background:var(--vl24-green-soft);
color:var(--vl24-green-dark);
font-size:16px;
font-weight:900;
line-height:1;
box-shadow:
inset 0 0 0 1px rgba(36,150,90,.16),
0 10px 24px rgba(36,150,90,.08);
}
#ostuprotsess .process-step h3{
margin:0 0 7px;
font-size:22px;
line-height:1.16;
letter-spacing:-.035em;
font-weight:800;
color:#111;
}
#ostuprotsess .process-step p{
margin:0;
max-width:720px;
font-size:15px;
line-height:1.68;
color:var(--vl24-text-muted);
} #order-faq.vl24-tabs-section{
max-width:none !important;
width:100% !important;
margin:0 !important;
padding:46px 0 82px !important;
background:#fff !important;
box-sizing:border-box !important;
}
#order-faq.vl24-tabs-section > .container{
width:100% !important;
max-width:1520px !important;
margin:0 auto !important;
padding:0 28px !important;
box-sizing:border-box !important;
}
#order-faq .vl24-tabs-head{
max-width:900px !important;
margin:0 0 34px !important;
text-align:left !important;
}
#order-faq .hero-eyebrow{
margin-bottom:14px !important;
}
#order-faq .vl24-tabs-title{
max-width:860px;
margin:0 0 14px !important;
font-size:clamp(2.25rem,3.8vw,4.3rem) !important;
line-height:.96 !important;
letter-spacing:-.055em !important;
font-weight:800 !important;
color:#111 !important;
text-align:left !important;
}
#order-faq .vl24-tabs-intro{
max-width:900px !important;
margin:0 !important;
text-align:left !important;
font-size:17px !important;
line-height:1.78 !important;
color:var(--vl24-text-muted) !important;
}
#order-faq .vl24-tabs-intro p{
margin:0 !important;
}
#order-faq .vl24-accordion{
width:100% !important;
max-width:1180px !important;
margin:0 !important;
display:grid !important;
gap:14px !important;
} body.page-id-635 #ostuprotsess .process-step::before,
body.page-id-633 #ostuprotsess .process-step::before{
display:none !important;
content:none !important;
}  body .dgwt-wcas-sp:empty,
body .dgwt-wcas-sp.dgwt-wcas-sp-empty{
display:none !important;
} body .dgwt-wcas-sp:not(:has(.amount)):not(:has(ins)):not(:has(del)){
display:none !important;
} body .dgwt-wcas-sp:has(.amount),
body .dgwt-wcas-sp:has(ins),
body .dgwt-wcas-sp:has(del){
display:inline-flex !important;
} body .dgwt-wcas-suggestion:not(:has(.dgwt-wcas-sp .amount)) .dgwt-wcas-content-wrapp{
padding-right:0 !important;
} body .dgwt-wcas-suggestion-more,
body .dgwt-wcas-suggestion-more-products{
padding:18px 20px 22px !important;
background:#fff !important;
border-top:1px solid rgba(17,17,17,0.08) !important;
text-align:center !important;
}
body .dgwt-wcas-suggestion-more a,
body .dgwt-wcas-suggestion-more-products a,
body .dgwt-wcas-st-more{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
min-height:44px !important;
padding:0 22px !important;
border-radius:6px !important;
border:1px solid var(--vl24-green-dark) !important;
background:var(--vl24-green) !important;
color:#fff !important;
font-size:13px !important;
font-weight:800 !important;
line-height:1 !important;
letter-spacing:.02em !important;
text-transform:uppercase !important;
text-decoration:none !important;
box-shadow:0 12px 28px rgba(36,150,90,0.22) !important;
transition:all .18s ease !important;
} body .dgwt-wcas-suggestion-more a::after,
body .dgwt-wcas-suggestion-more-products a::after,
body .dgwt-wcas-st-more::after{
content:"→";
font-size:16px;
line-height:1;
transform:translateY(-1px);
} body .dgwt-wcas-suggestion-more a:hover,
body .dgwt-wcas-suggestion-more-products a:hover,
body .dgwt-wcas-st-more:hover{
background:#111 !important;
border-color:#111 !important;
color:#fff !important;
transform:translateY(-1px) !important;
box-shadow:0 16px 34px rgba(17,17,17,0.18) !important;
} @media (max-width:767px){
body .dgwt-wcas-sp:empty,
body .dgwt-wcas-sp.dgwt-wcas-sp-empty,
body .dgwt-wcas-sp:not(:has(.amount)):not(:has(ins)):not(:has(del)){
display:none !important;
}
body .dgwt-wcas-suggestion-more,
body .dgwt-wcas-suggestion-more-products{
padding:16px 16px 20px !important;
}
body .dgwt-wcas-suggestion-more a,
body .dgwt-wcas-suggestion-more-products a,
body .dgwt-wcas-st-more{
width:100% !important;
max-width:280px !important;
min-height:44px !important;
font-size:12px !important;
}
}  body .dgwt-wcas-suggestion-more,
body .dgwt-wcas-suggestion-more-products{
padding:12px 16px 14px !important;
background:#fff !important;
border-top:1px solid rgba(17,17,17,0.06) !important;
text-align:center !important;
} body .dgwt-wcas-suggestion-more a,
body .dgwt-wcas-suggestion-more-products a,
body .dgwt-wcas-st-more{
min-height:36px !important;
height:36px !important;
padding:0 16px !important;
border-radius:6px !important;
border:none !important;
outline:none !important;
background:var(--vl24-green) !important;
color:#fff !important;
font-size:12px !important;
font-weight:800 !important;
line-height:1 !important;
letter-spacing:.02em !important;
text-transform:uppercase !important;
text-decoration:none !important;
box-shadow:0 8px 18px rgba(36,150,90,0.22) !important;
} body .dgwt-wcas-suggestion-more a,
body .dgwt-wcas-suggestion-more-products a,
body .dgwt-wcas-st-more,
body .dgwt-wcas-suggestion-more a:focus,
body .dgwt-wcas-suggestion-more-products a:focus,
body .dgwt-wcas-st-more:focus,
body .dgwt-wcas-suggestion-more a:active,
body .dgwt-wcas-suggestion-more-products a:active,
body .dgwt-wcas-st-more:active{
outline:none !important;
box-shadow:0 8px 18px rgba(36,150,90,0.22) !important;
text-decoration:none !important;
} body .dgwt-wcas-suggestion-more a::after,
body .dgwt-wcas-suggestion-more-products a::after,
body .dgwt-wcas-st-more::after{
content:"→";
font-size:13px !important;
margin-left:4px;
transform:none !important;
} body .dgwt-wcas-suggestion-more a:hover,
body .dgwt-wcas-suggestion-more-products a:hover,
body .dgwt-wcas-st-more:hover{
background:#24965a !important;
color:#fff !important;
transform:translateY(-1px) !important;
box-shadow:0 10px 22px rgba(36,150,90,0.26) !important;
} @media (max-width:767px){
body .dgwt-wcas-suggestion-more,
body .dgwt-wcas-suggestion-more-products{
padding:10px 14px 12px !important;
}
body .dgwt-wcas-suggestion-more a,
body .dgwt-wcas-suggestion-more-products a,
body .dgwt-wcas-st-more{
width:auto !important;
max-width:none !important;
min-height:34px !important;
height:34px !important;
padding:0 14px !important;
font-size:11px !important;
}
}
body .dgwt-wcas-suggestions-wrapp a,
body .dgwt-wcas-suggestions-wrapp a *,
body .dgwt-wcas-suggestions-wrapp span{
text-decoration:none !important;
text-decoration-line:none !important;
} #ostuprotsess.section.process{
padding-bottom:60px;
} html body .vl24-tabs-section,
html body #order-faq.vl24-tabs-section{
padding-bottom:60px !important;
margin-bottom:0 !important;
}
html body .vl24-tabs-section > .container,
html body #order-faq.vl24-tabs-section > .container{
padding-bottom:0 !important;
margin-bottom:0 !important;
} html body .vl24-tabs-section + .section,
html body #order-faq.vl24-tabs-section + .section{
padding-top:60px !important;
margin-top:0 !important;
}
@media(max-width:768px){
html body .vl24-tabs-section,
html body #order-faq.vl24-tabs-section{
padding-bottom:45px !important;
}
html body .vl24-tabs-section > .container,
html body #order-faq.vl24-tabs-section > .container{
padding-bottom:0 !important;
}
html body .vl24-tabs-section + .section,
html body #order-faq.vl24-tabs-section + .section{
padding-top:45px !important;
}
}  .cky-consent-container .cky-consent-bar,
.cky-consent-bar{
position: relative !important;
background:
radial-gradient(circle at 18% 0%, rgba(110, 231, 166, 0.10), transparent 34%),
linear-gradient(135deg, #10251c 0%, #123525 48%, #0b1d15 100%) !important;
border: 1px solid rgba(255,255,255,0.13) !important;
border-radius: 14px !important;
box-shadow:
0 24px 70px rgba(0,0,0,0.34),
inset 0 1px 0 rgba(255,255,255,0.06) !important;
padding: 22px !important;
color: #ffffff !important;
overflow: hidden !important;
} .cky-consent-container .cky-consent-bar::before,
.cky-consent-bar::before{
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(
120deg,
transparent 0%,
rgba(255,255,255,0.055) 48%,
transparent 76%
) !important;
opacity: 0.55 !important;
pointer-events: none !important;
}
.cky-consent-bar > *,
.cky-consent-container .cky-consent-bar > *{
position: relative !important;
z-index: 2 !important;
} .cky-title{
color: #ffffff !important;
font-size: 18px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
margin-bottom: 8px !important;
} .cky-notice-des,
.cky-notice-des p,
.cky-notice-des *,
.cky-consent-bar p{
color: rgba(255,255,255,0.80) !important;
font-size: 14px !important;
line-height: 1.65 !important;
font-weight: 500 !important;
} .cky-notice-des a,
.cky-consent-bar a,
.cky-policy{
color: #86efac !important;
font-weight: 800 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
.cky-notice-des a:hover,
.cky-consent-bar a:hover,
.cky-policy:hover{
color: #bbf7d0 !important;
} .cky-notice-btn-wrapper{
gap: 10px !important;
} .cky-btn{
min-height: 44px !important;
border-radius: 6px !important;
padding: 11px 20px !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
letter-spacing: -0.01em !important;
transition:
transform .18s ease,
background .18s ease,
border-color .18s ease,
box-shadow .18s ease,
color .18s ease !important;
box-shadow: none !important;
} .cky-btn-accept{
background: linear-gradient(135deg, #24965a 0%, #1f7a49 52%, #17613a 100%) !important;
border: 1px solid rgba(255,255,255,0.16) !important;
color: #ffffff !important;
box-shadow: 0 12px 28px rgba(20,83,45,0.28) !important;
}
.cky-btn-accept:hover{
background: linear-gradient(135deg, #2aa866 0%, #24965a 52%, #17613a 100%) !important;
transform: translateY(-1px) !important;
box-shadow: 0 16px 34px rgba(20,83,45,0.34) !important;
} .cky-btn-reject{
background: rgba(255,255,255,0.06) !important;
border: 1px solid rgba(255,255,255,0.20) !important;
color: #ffffff !important;
}
.cky-btn-reject:hover{
background: rgba(255,255,255,0.11) !important;
border-color: rgba(255,255,255,0.30) !important;
transform: translateY(-1px) !important;
} .cky-btn-customize,
.cky-btn-preferences{
background: rgba(255,255,255,0.055) !important;
border: 1px solid rgba(134,239,172,0.28) !important;
color: #d1fae5 !important;
}
.cky-btn-customize:hover,
.cky-btn-preferences:hover{
background: rgba(134,239,172,0.10) !important;
border-color: rgba(134,239,172,0.42) !important;
color: #ffffff !important;
transform: translateY(-1px) !important;
} .cky-modal,
.cky-preference-center,
.cky-preference-center-wrapper .cky-modal{
background:
radial-gradient(circle at top right, rgba(110,231,166,0.08), transparent 34%),
linear-gradient(135deg, #10251c 0%, #123525 52%, #0b1d15 100%) !important;
border-radius: 16px !important;
border: 1px solid rgba(255,255,255,0.13) !important;
box-shadow: 0 28px 85px rgba(0,0,0,0.44) !important;
color: #ffffff !important;
overflow: hidden !important;
} .cky-preference-header{
background: transparent !important;
border-bottom: 1px solid rgba(255,255,255,0.11) !important;
} .cky-preference-title{
color: #ffffff !important;
font-size: 20px !important;
line-height: 1.25 !important;
font-weight: 850 !important;
letter-spacing: -0.02em !important;
} .cky-preference-content-wrapper,
.cky-preference-content-wrapper p,
.cky-accordion-header-des,
.cky-accordion-header-des p,
.cky-cookie-des-table,
.cky-cookie-des-table *,
.cky-preference-body-wrapper,
.cky-preference-body-wrapper p{
color: rgba(255,255,255,0.78) !important;
font-size: 14px !important;
line-height: 1.6 !important;
} .cky-show-desc-btn,
.cky-show-desc-btn:hover{
color: #86efac !important;
font-weight: 800 !important;
} .cky-accordion-wrapper,
.cky-accordion{
background: rgba(255,255,255,0.055) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
border-radius: 12px !important;
overflow: hidden !important;
} .cky-accordion:hover,
.cky-accordion-wrapper:hover{
border-color: rgba(134,239,172,0.25) !important;
background: rgba(255,255,255,0.075) !important;
} .cky-accordion-header .cky-accordion-btn,
.cky-accordion-btn{
color: #ffffff !important;
font-weight: 800 !important;
} .cky-always-active{
color: #86efac !important;
font-weight: 800 !important;
} .cky-accordion-chevron,
.cky-accordion-header button,
.cky-accordion-header button::before,
.cky-accordion-header button::after{
color: rgba(255,255,255,0.78) !important;
} .cky-cookie-des-table{
background: rgba(255,255,255,0.04) !important;
border-color: rgba(255,255,255,0.10) !important;
}
.cky-cookie-des-table th{
color: #ffffff !important;
background: rgba(255,255,255,0.06) !important;
}
.cky-cookie-des-table td{
color: rgba(255,255,255,0.76) !important;
border-color: rgba(255,255,255,0.08) !important;
} .cky-btn-close,
.cky-close{
color: #ffffff !important;
opacity: 0.72 !important;
}
.cky-btn-close:hover,
.cky-close:hover{
opacity: 1 !important;
} .cky-switch input:checked,
.cky-switch input:checked + .cky-slider,
.cky-switch input:checked ~ .cky-slider{
background: #24965a !important;
}
.cky-switch .cky-slider{
background: rgba(255,255,255,0.24) !important;
border: 1px solid rgba(255,255,255,0.18) !important;
}
.cky-switch .cky-slider::before{
background: #ffffff !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.22) !important;
} .cky-prefrence-btn-wrapper,
.cky-preference-btn-wrapper{
border-top: 1px solid rgba(255,255,255,0.11) !important;
background: rgba(2,6,23,0.16) !important;
} .cky-btn-save,
.cky-prefrence-btn-wrapper .cky-btn-save,
.cky-preference-btn-wrapper .cky-btn-save{
background: linear-gradient(135deg, #24965a 0%, #1f7a49 52%, #17613a 100%) !important;
border: 1px solid rgba(255,255,255,0.16) !important;
color: #ffffff !important;
border-radius: 6px !important;
font-weight: 800 !important;
box-shadow: 0 12px 28px rgba(20,83,45,0.24) !important;
}
.cky-btn-save:hover,
.cky-prefrence-btn-wrapper .cky-btn-save:hover,
.cky-preference-btn-wrapper .cky-btn-save:hover{
background: linear-gradient(135deg, #2aa866 0%, #24965a 52%, #17613a 100%) !important;
transform: translateY(-1px) !important;
} .cky-prefrence-btn-wrapper .cky-btn,
.cky-preference-btn-wrapper .cky-btn{
border-radius: 6px !important;
}
.cky-prefrence-btn-wrapper .cky-btn:not(.cky-btn-save):not(.cky-btn-accept),
.cky-preference-btn-wrapper .cky-btn:not(.cky-btn-save):not(.cky-btn-accept){
background: rgba(255,255,255,0.055) !important;
border: 1px solid rgba(134,239,172,0.28) !important;
color: #d1fae5 !important;
}
.cky-prefrence-btn-wrapper .cky-btn:not(.cky-btn-save):not(.cky-btn-accept):hover,
.cky-preference-btn-wrapper .cky-btn:not(.cky-btn-save):not(.cky-btn-accept):hover{
background: rgba(134,239,172,0.10) !important;
border-color: rgba(134,239,172,0.42) !important;
color: #ffffff !important;
} .cky-revisit-bottom-left,
.cky-revisit-bottom-right,
.cky-btn-revisit-wrapper{
background: linear-gradient(135deg, #123525 0%, #0b1d15 100%) !important;
border: 1px solid rgba(134,239,172,0.28) !important;
box-shadow: 0 14px 36px rgba(0,0,0,0.28) !important;
}
.cky-revisit-bottom-left:hover,
.cky-revisit-bottom-right:hover,
.cky-btn-revisit-wrapper:hover{
background: linear-gradient(135deg, #174b34 0%, #10251c 100%) !important;
border-color: rgba(134,239,172,0.42) !important;
} .cky-revisit-bottom-left svg,
.cky-revisit-bottom-right svg,
.cky-btn-revisit-wrapper svg{
fill: #ffffff !important;
} .cky-preference-body-wrapper::-webkit-scrollbar,
.cky-preference-content-wrapper::-webkit-scrollbar{
width: 10px !important;
}
.cky-preference-body-wrapper::-webkit-scrollbar-track,
.cky-preference-content-wrapper::-webkit-scrollbar-track{
background: rgba(255,255,255,0.06) !important;
}
.cky-preference-body-wrapper::-webkit-scrollbar-thumb,
.cky-preference-content-wrapper::-webkit-scrollbar-thumb{
background: #24965a !important;
border-radius: 999px !important;
} @media (max-width: 767px){
.cky-consent-container{
width: calc(100% - 24px) !important;
left: 12px !important;
right: 12px !important;
bottom: 12px !important;
}
.cky-consent-container .cky-consent-bar,
.cky-consent-bar{
border-radius: 12px !important;
padding: 18px !important;
}
.cky-title{
font-size: 17px !important;
}
.cky-notice-des,
.cky-notice-des p,
.cky-notice-des *,
.cky-consent-bar p{
font-size: 13px !important;
line-height: 1.55 !important;
}
.cky-notice-btn-wrapper{
display: grid !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
}
.cky-btn{
width: 100% !important;
min-height: 44px !important;
}
.cky-modal,
.cky-preference-center{
width: calc(100% - 24px) !important;
max-width: calc(100% - 24px) !important;
border-radius: 12px !important;
}
.cky-preference-title{
font-size: 18px !important;
}
.cky-preference-content-wrapper,
.cky-preference-content-wrapper p,
.cky-accordion-header-des,
.cky-accordion-header-des p{
font-size: 13px !important;
}
} .cky-revisit-bottom-left,
.cky-revisit-bottom-right,
.cky-btn-revisit-wrapper{
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
} .footer-legal-links{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
flex-wrap:wrap;
}
.footer-legal-links a{
display:inline-flex;
align-items:center;
color:inherit;
text-decoration:none;
opacity:.75;
font-size:14px;
font-weight:600;
line-height:1.4;
transition:opacity .18s ease, color .18s ease;
}
.footer-legal-links a:hover{
opacity:1;
color:#24965a;
text-decoration:underline;
text-underline-offset:3px;
}
.footer-legal-separator{
opacity:.35;
font-size:13px;
line-height:1;
} @media (max-width:767px){
.footer-legal-links{
justify-content:flex-start;
gap:8px;
}
.footer-legal-links a{
font-size:13px;
}
}  .cky-accordion,
.cky-accordion-wrapper{
margin-bottom: 10px !important;
border-radius: 12px !important;
overflow: hidden !important;
} .cky-accordion-header{
padding: 18px 24px !important;
min-height: 58px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
} .cky-accordion-btn,
.cky-accordion-header .cky-accordion-btn{
color: #ffffff !important;
font-size: 18px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
} .cky-accordion-body,
.cky-accordion-content,
.cky-accordion-header-des{
padding: 0 28px 22px 28px !important;
margin: 0 !important;
background: transparent !important;
} .cky-accordion-header-des,
.cky-accordion-header-des p,
.cky-accordion-body,
.cky-accordion-body p,
.cky-accordion-content,
.cky-accordion-content p{
color: rgba(255,255,255,0.78) !important;
font-size: 15px !important;
line-height: 1.65 !important;
} .cky-accordion.cky-accordion-active,
.cky-accordion.active,
.cky-accordion.open{
background: rgba(255,255,255,0.065) !important;
border-color: rgba(184,232,201,0.22) !important;
} .cky-accordion{
background: rgba(255,255,255,0.055) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
} .cky-cookie-des-table,
.cky-cookie-des-table *,
.cky-audit-table,
.cky-audit-table *,
.cky-cookie-des-table-wrapper,
.cky-audit-table-wrapper{
color: rgba(255,255,255,0.78) !important;
} .cky-cookie-des-table-wrapper,
.cky-audit-table-wrapper,
.cky-cookie-audit-table,
.cky-audit-table,
.cky-cookie-des-table{
background: rgba(255,255,255,0.06) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
border-radius: 8px !important;
} .cky-cookie-des-table-wrapper p,
.cky-audit-table-wrapper p,
.cky-cookie-audit-table p,
.cky-audit-table p,
.cky-cookie-des-table p{
color: rgba(255,255,255,0.72) !important;
} .cky-empty-cookies-text,
.cky-cookie-des-table-empty,
.cky-audit-table-empty,
.cky-no-cookie{
background: rgba(255,255,255,0.06) !important;
color: rgba(255,255,255,0.72) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
border-radius: 8px !important;
padding: 14px 16px !important;
} .cky-accordion-body div,
.cky-accordion-content div,
.cky-accordion-header-des div{
color: rgba(255,255,255,0.78) !important;
} .cky-cookie-des-table th,
.cky-cookie-des-table td,
.cky-audit-table th,
.cky-audit-table td{
background: rgba(255,255,255,0.04) !important;
color: rgba(255,255,255,0.78) !important;
border-color: rgba(255,255,255,0.08) !important;
padding: 12px 14px !important;
} .cky-cookie-des-table th,
.cky-audit-table th{
color: #ffffff !important;
font-weight: 800 !important;
} .cky-always-active{
color: #b8e8c9 !important;
font-weight: 800 !important;
padding-left: 12px !important;
} .cky-accordion-header .cky-accordion-btn::before,
.cky-accordion-header button::before,
.cky-accordion-chevron{
margin-right: 10px !important;
color: rgba(255,255,255,0.75) !important;
} .cky-preference-body-wrapper{
padding: 22px 30px 120px 30px !important;
} .cky-preference-content-wrapper{
padding-bottom: 18px !important;
margin-bottom: 18px !important;
border-bottom: 1px solid rgba(255,255,255,0.10) !important;
} .cky-prefrence-btn-wrapper,
.cky-preference-btn-wrapper{
padding: 18px 30px !important;
gap: 10px !important;
} @media (max-width: 767px){
.cky-accordion-header{
padding: 16px 18px !important;
}
.cky-accordion-body,
.cky-accordion-content,
.cky-accordion-header-des{
padding: 0 18px 18px 18px !important;
}
.cky-accordion-btn,
.cky-accordion-header .cky-accordion-btn{
font-size: 16px !important;
}
.cky-accordion-header-des,
.cky-accordion-header-des p,
.cky-accordion-body,
.cky-accordion-body p,
.cky-accordion-content,
.cky-accordion-content p{
font-size: 14px !important;
line-height: 1.6 !important;
}
.cky-preference-body-wrapper{
padding: 18px 18px 130px 18px !important;
}
.cky-prefrence-btn-wrapper,
.cky-preference-btn-wrapper{
padding: 14px 18px !important;
}
} .cky-cookie-des-table-wrapper,
.cky-audit-table-wrapper,
.cky-cookie-des-table,
.cky-audit-table,
.cky-cookie-audit-table,
.cky-empty-cookies-text,
.cky-cookie-des-table-empty,
.cky-audit-table-empty,
.cky-no-cookie{
display:none !important;
visibility:hidden !important;
height:0 !important;
min-height:0 !important;
max-height:0 !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
overflow:hidden !important;
}  .cky-preference-body-wrapper .cky-accordion-wrapper,
.cky-preference-body-wrapper .cky-accordion{
margin-left: 5px !important;
margin-right: 5px !important;
width: calc(100% - 10px) !important;
box-sizing: border-box !important;
} .cky-preference-body-wrapper .cky-accordion-item,
.cky-preference-body-wrapper .cky-category-wrapper{
margin-left: 5px !important;
margin-right: 5px !important;
width: calc(100% - 10px) !important;
box-sizing: border-box !important;
} .cky-accordion-header{
padding-left: 24px !important;
padding-right: 24px !important;
}
.cky-accordion-body,
.cky-accordion-content,
.cky-accordion-header-des{
padding-left: 24px !important;
padding-right: 24px !important;
} @media (max-width: 767px){
.cky-preference-body-wrapper .cky-accordion-wrapper,
.cky-preference-body-wrapper .cky-accordion,
.cky-preference-body-wrapper .cky-accordion-item,
.cky-preference-body-wrapper .cky-category-wrapper{
margin-left: 4px !important;
margin-right: 4px !important;
width: calc(100% - 8px) !important;
}
.cky-accordion-header{
padding-left: 18px !important;
padding-right: 18px !important;
}
.cky-accordion-body,
.cky-accordion-content,
.cky-accordion-header-des{
padding-left: 18px !important;
padding-right: 18px !important;
}
} .cky-preference-body-wrapper .cky-accordion-wrapper:first-of-type,
.cky-preference-body-wrapper .cky-accordion:first-of-type,
.cky-preference-body-wrapper .cky-accordion-item:first-of-type,
.cky-preference-body-wrapper .cky-category-wrapper:first-of-type{
margin-top: 5px !important;
} .cky-preference-body-wrapper .cky-accordion-wrapper{
padding-top: 5px !important;
box-sizing: border-box !important;
} @media (min-width:1025px){
.woocommerce-breadcrumb,
.vl24-breadcrumb,
.breadcrumbs,
.breadcrumb,
nav.woocommerce-breadcrumb{
width:100% !important;
max-width:1520px !important;
margin-left:auto !important;
margin-right:auto !important;
padding-left:20px !important;
padding-right:28px !important;
box-sizing:border-box !important;
}
} @media (min-width:1025px){
body:not(.single-product) .vl24-archive-container{
width:100% !important;
max-width:1520px !important;
margin-left:auto !important;
margin-right:auto !important;
padding-left:28px !important;
padding-right:28px !important;
box-sizing:border-box !important;
}
body:not(.single-product) .vl24-archive-container .vl24-products{
min-width:0 !important;
max-width:100% !important;
box-sizing:border-box !important;
}
body:not(.single-product) .vl24-archive-container .vl24-sidebar{
box-sizing:border-box !important;
}
body:not(.single-product) .vl24-archive-container .vl24-subcategories,
body:not(.single-product) .vl24-archive-container ul.products{
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
}
} .vl24-card-image-wrap{
position:relative !important;
}
.vl24-sale-badge{
position:absolute !important;
top:10px !important;
left:10px !important;
z-index:999 !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:31px !important;
padding:7px 12px !important;
background:linear-gradient(135deg, #ff7a18 0%, #ff4d1f 100%) !important;
color:#ffffff !important;
border:1px solid rgba(255,255,255,.35) !important;
border-radius:7px !important;
font-size:12px !important;
font-weight:900 !important;
line-height:1 !important;
letter-spacing:.035em !important;
text-transform:uppercase !important;
box-shadow:
0 10px 20px rgba(255,77,31,.26),
inset 0 1px 0 rgba(255,255,255,.28) !important;
text-shadow:0 1px 1px rgba(0,0,0,.12);
} .vl24-gallery-main .vl24-sale-badge--single{
top:14px !important;
left:14px !important;
min-height:34px !important;
padding:8px 14px !important;
font-size:13px !important;
border-radius:7px !important;
z-index:20 !important;
} .vl24-sale-page{
width:100%;
max-width:1520px;
margin:0 auto;
padding:18px 0 72px;
} .vl24-sale-hero{
position:relative;
overflow:hidden;
padding:56px 42px;
border-radius:10px;
background:
radial-gradient(circle at 88% 12%, rgba(255,122,24,.20), transparent 32%),
radial-gradient(circle at 8% 0%, rgba(74,222,128,.20), transparent 34%),
linear-gradient(135deg, #f6fff9 0%, #ffffff 48%, #fff7f0 100%);
border:1px solid rgba(17,17,17,.08);
box-shadow:
0 1px 0 rgba(255,255,255,.9) inset,
0 18px 46px rgba(17,17,17,.06);
}
.vl24-sale-hero::before{
content:"";
position:absolute;
right:-90px;
bottom:-120px;
width:340px;
height:340px;
border-radius:50%;
background:rgba(36,150,90,.08);
pointer-events:none;
}
.vl24-sale-hero::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(90deg, rgba(255,255,255,.72), rgba(255,255,255,0));
pointer-events:none;
}
.vl24-sale-hero > *{
position:relative;
z-index:2;
}
.vl24-sale-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:31px;
margin:0 0 16px;
padding:7px 12px;
border-radius:7px;
background:linear-gradient(135deg, #ff7a18 0%, #ff4d1f 100%);
color:#fff;
font-size:12px;
font-weight:900;
line-height:1;
letter-spacing:.045em;
text-transform:uppercase;
box-shadow:
0 10px 22px rgba(255,77,31,.24),
inset 0 1px 0 rgba(255,255,255,.28);
}
.vl24-sale-hero h1{
max-width:780px;
margin:0 0 16px;
font-size:clamp(2.1rem, 4vw, 4.35rem);
line-height:.98;
letter-spacing:-.05em;
font-weight:800;
color:#111;
}
.vl24-sale-lead{
max-width:790px;
margin:0;
font-size:18px;
line-height:1.72;
font-weight:500;
color:#374151;
} .vl24-sale-benefits{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:14px;
margin-top:32px;
}
.vl24-sale-benefits > div{
position:relative;
padding:18px 18px 18px 20px;
border-radius:8px;
background:rgba(255,255,255,.82);
border:1px solid rgba(17,17,17,.08);
box-shadow:
0 10px 24px rgba(17,17,17,.045),
inset 0 1px 0 rgba(255,255,255,.8);
font-size:14px;
line-height:1.55;
color:#6b7280;
}
.vl24-sale-benefits > div::before{
content:"";
position:absolute;
top:18px;
left:0;
width:4px;
height:34px;
border-radius:0 999px 999px 0;
background:var(--vl24-green);
}
.vl24-sale-benefits strong{
display:block;
margin:0 0 6px;
font-size:15px;
line-height:1.25;
font-weight:800;
color:#111;
} .vl24-sale-products,
.vl24-sale-info{
margin-top:54px;
}
.vl24-sale-section-head{
max-width:820px;
margin:0 0 26px;
}
.vl24-sale-section-head h2,
.vl24-sale-info h2{
margin:0 0 10px;
font-size:clamp(1.65rem, 2.4vw, 2.45rem);
line-height:1.08;
letter-spacing:-.035em;
font-weight:800;
color:#111;
}
.vl24-sale-section-head{
font-size:16px;
line-height:1.7;
color:#4b5563;
} .vl24-sale-products{
position:relative;
}
.vl24-sale-products .vl24-shortcode-products{
margin-top:4px;
}
.vl24-sale-products .vl24-shortcode-view-all{
display:none !important;
} .vl24-sale-info{
position:relative;
overflow:hidden;
padding:34px 36px;
border-radius:10px;
background:
linear-gradient(135deg, #ffffff 0%, #f7fff9 100%);
border:1px solid rgba(17,17,17,.08);
box-shadow:
0 14px 36px rgba(17,17,17,.045),
inset 0 1px 0 rgba(255,255,255,.9);
font-size:16px;
line-height:1.78;
color:#4b5563;
}
.vl24-sale-info::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:var(--vl24-green);
}
.vl24-sale-info h2{
margin-bottom:14px;
}
.vl24-sale-info p,
.vl24-sale-info{
color:#4b5563;
}
.vl24-sale-info strong{
color:#111;
} @media (min-width:1025px){
body.page .vl24-content-section:has(.vl24-sale-page){
padding-top:28px !important;
padding-bottom:0px !important;
}
body.page .vl24-content-container:has(.vl24-sale-page){
width:100% !important;
max-width:1520px !important;
margin-left:auto !important;
margin-right:auto !important;
padding-left:28px !important;
padding-right:28px !important;
box-sizing:border-box !important;
}
body.page .vl24-content-container:has(.vl24-sale-page) .vl24-sale-page{
width:100% !important;
max-width:none !important;
margin-left:0 !important;
margin-right:0 !important;
padding-left:0 !important;
padding-right:0 !important;
box-sizing:border-box !important;
}
body.page .vl24-sale-hero,
body.page .vl24-sale-products,
body.page .vl24-sale-info{
width:100% !important;
max-width:none !important;
box-sizing:border-box !important;
}
} @media (min-width: 1800px){
body.home .hero{
background:#f4f4f4 !important;
}
body.home .hero-video,
body.home .hero-poster{
left:50% !important;
right:auto !important;
width:1480px !important;
max-width:calc(100vw - 40px) !important;
height:100% !important;
min-height:100% !important;
transform:translateX(-50%) !important;
object-fit:cover !important;
object-position:center center !important;
}
body.home .hero-poster{
background-size:cover !important;
background-position:center center !important;
}
body.home .hero-overlay{
left:50% !important;
right:auto !important;
width:1480px !important;
max-width:calc(100vw - 40px) !important;
height:100% !important;
transform:translateX(-50%) !important;
}
body.home .hero-inner{
width:1480px !important;
max-width:calc(100vw - 40px) !important;
margin-left:auto !important;
margin-right:auto !important;
padding-left:0 !important;
padding-right:0 !important;
}
}