:root{
--zv1619-ink:#181512;
--zv1619-muted:#746a62;
--zv1619-line:#e9e1da;
--zv1619-paper:#fff;
--zv1619-soft:#faf7f4;
--zv1619-accent:#8e705c;
--zv1619-shadow:0 14px 38px rgba(40,30,23,.075);
} .home .zv88-products,
.home .zv88-new{
position:relative;
overflow:hidden;
}
.home .zv88-products{
padding:70px 0 62px!important;
background:#fff!important;
}
.home .zv88-new{
padding:62px 0 70px!important;
background:var(--zv1619-soft)!important;
border-top:1px solid var(--zv1619-line)!important;
}
.home .zv88-section-heading{
align-items:flex-end!important;
margin-bottom:28px!important;
}
.home .zv88-section-heading h2{
max-width:760px;
font-size:clamp(38px,4.2vw,58px)!important;
letter-spacing:-.025em!important;
}
.home .zv88-section-heading p{
display:block!important;
max-width:650px!important;
margin-top:11px!important;
color:var(--zv1619-muted)!important;
font-size:13px!important;
line-height:1.55!important;
}
.home .zv88-all-link{
min-height:42px;
padding:0 15px!important;
border:1px solid #cfc4bb;
border-radius:999px;
background:#fff;
font-size:10px!important;
letter-spacing:.07em;
transition:.2s ease;
}
.home .zv88-all-link:hover{
border-color:var(--zv1619-ink);
background:var(--zv1619-ink);
color:#fff;
} .home .zv88-products ul.products,
.home .zv88-new ul.products{
gap:18px!important;
padding:4px 3px 22px!important;
}
.home .zv88-products ul.products > li.product,
.home .zv88-new ul.products > li.product{
flex:0 0 calc((100% - 54px)/4)!important;
width:auto!important;
border:1px solid var(--zv1619-line)!important;
border-radius:15px!important;
overflow:hidden!important;
background:var(--zv1619-paper)!important;
padding-bottom:15px!important;
box-shadow:0 2px 5px rgba(36,27,21,.025)!important;
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
@media(hover:hover){
.home .zv88-products ul.products > li.product:hover,
.home .zv88-new ul.products > li.product:hover{
transform:translateY(-4px)!important;
border-color:#d4c8bf!important;
box-shadow:var(--zv1619-shadow)!important;
}
} .home .zv88-products li.product .zavryne-loop-media,
.home .zv88-new li.product .zavryne-loop-media{
aspect-ratio:1/1!important;
background:#f7f4f1!important;
}
.home .zv88-products li.product .zavryne-loop-media img,
.home .zv88-new li.product .zavryne-loop-media img{
object-fit:contain!important;
object-position:center center!important;
background:#f7f4f1!important;
} .home .zv88-products li.product .woocommerce-loop-product__title,
.home .zv88-new li.product .woocommerce-loop-product__title{
padding:13px 15px 0!important;
margin:0!important;
min-height:48px!important;
color:var(--zv1619-ink)!important;
font-size:15px!important;
font-weight:650!important;
line-height:1.35!important;
}
.home .zv88-products li.product .price,
.home .zv88-new li.product .price{
padding:0 15px!important;
margin:4px 0 0!important;
color:var(--zv1619-ink)!important;
font-size:16px!important;
font-weight:750!important;
}
.home .zv88-products li.product .product-card-rating,
.home .zv88-new li.product .product-card-rating,
.home .zv88-products li.product .product-card-swatches,
.home .zv88-new li.product .product-card-swatches{
margin-left:15px!important;
margin-right:15px!important;
} .home .zv88-products .zv80-badges,
.home .zv88-new .zv80-badges{
top:11px!important;
left:11px!important;
gap:5px!important;
}
.home .zv88-products .zv80-badges span,
.home .zv88-new .zv80-badges span{
border:1px solid rgba(255,255,255,.7)!important;
border-radius:999px!important;
background:rgba(24,21,18,.88)!important;
color:#fff!important;
padding:6px 9px!important;
box-shadow:0 3px 12px rgba(0,0,0,.08)!important;
} .home .zv88-products .zv1523-quick-view-button,
.home .zv88-new .zv1523-quick-view-button,
.home .zv88-products .zv1522-compare-button,
.home .zv88-new .zv1522-compare-button{
display:none!important;
}
.home .zv88-products li.product a.button,
.home .zv88-products li.product .button,
.home .zv88-new li.product a.button,
.home .zv88-new li.product .button{
display:flex!important;
opacity:1!important;
transform:none!important;
width:calc(100% - 30px)!important;
min-height:46px!important;
margin:13px 15px 0!important;
padding:0 14px!important;
border:1px solid var(--zv1619-ink)!important;
border-radius:8px!important;
background:var(--zv1619-ink)!important;
color:#fff!important;
font-size:11px!important;
font-weight:750!important;
letter-spacing:.015em!important;
text-transform:none!important;
}
.home .zv88-products li.product a.button:hover,
.home .zv88-new li.product a.button:hover{
background:#332c27!important;
} .home .zv-infinite-catalog{
background:#fff!important;
border-top:1px solid var(--zv1619-line);
}
.home .zv-infinite-catalog .zv88-section-heading{
padding-top:12px;
} .single-product .zavryne-look-builder-section,
.single-product .zavryne-catalog-more{
border:1px solid var(--zv1619-line)!important;
border-radius:20px!important;
background:var(--zv1619-soft)!important;
padding:34px!important;
margin-top:34px!important;
overflow:hidden!important;
box-shadow:0 4px 20px rgba(43,31,23,.035)!important;
}
.single-product .look-builder-heading,
.single-product .zavryne-catalog-more .section-heading{
display:flex!important;
align-items:flex-end!important;
justify-content:space-between!important;
gap:22px!important;
margin:0 0 22px!important;
}
.single-product .look-builder-heading .eyebrow,
.single-product .zavryne-catalog-more .section-heading .eyebrow{
display:block!important;
margin-bottom:7px!important;
color:var(--zv1619-accent)!important;
font-size:10px!important;
font-weight:800!important;
letter-spacing:.16em!important;
}
.single-product .look-builder-heading h2,
.single-product .zavryne-catalog-more .section-heading h2{
margin:0!important;
max-width:780px!important;
color:var(--zv1619-ink)!important;
font-family:var(--serif)!important;
font-size:clamp(34px,3.4vw,48px)!important;
font-weight:400!important;
line-height:1.04!important;
letter-spacing:-.02em!important;
}
.single-product .look-builder-heading p,
.single-product .zavryne-catalog-more .section-heading p{
display:block!important;
max-width:680px!important;
margin:10px 0 0!important;
color:var(--zv1619-muted)!important;
font-size:13px!important;
line-height:1.55!important;
}
.single-product .look-builder-heading>.text-link,
.single-product .zavryne-catalog-more .section-heading>.text-link{
display:inline-flex!important;
min-height:40px!important;
align-items:center!important;
flex:0 0 auto!important;
padding:0 14px!important;
border:1px solid #cfc4bb!important;
border-radius:999px!important;
color:var(--zv1619-ink)!important;
font-size:10px!important;
font-weight:750!important;
text-transform:none!important;
text-decoration:none!important;
letter-spacing:.02em!important;
} .single-product .look-builder-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:16px!important;
}
.single-product .look-builder-card{
overflow:hidden!important;
border:1px solid var(--zv1619-line)!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:0 2px 7px rgba(36,27,21,.025)!important;
}
.single-product .look-builder-image{
aspect-ratio:1/1!important;
background:#f7f4f1!important;
}
.single-product .look-builder-image img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
background:#f7f4f1!important;
}
.single-product .look-builder-card-copy{
padding:13px 14px 15px!important;
}
.single-product .look-builder-card h3{
min-height:40px!important;
margin:10px 0 4px!important;
color:var(--zv1619-ink)!important;
font-size:14px!important;
font-weight:650!important;
line-height:1.35!important;
}
.single-product .look-builder-card .price{
margin:0!important;
color:var(--zv1619-ink)!important;
font-size:15px!important;
font-weight:750!important;
}
.single-product .look-builder-check,
.single-product .look-builder-options{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-height:38px!important;
margin:0!important;
border:1px solid #d5cbc2!important;
border-radius:8px!important;
background:#fff!important;
color:var(--zv1619-ink)!important;
font-size:10px!important;
font-weight:750!important;
letter-spacing:.03em!important;
text-transform:none!important;
text-decoration:none!important;
}
.single-product .look-builder-check span{
width:17px!important;
height:17px!important;
border-radius:4px!important;
}
.single-product .look-builder-bar{
margin-top:18px!important;
border:1px solid #ded4cc!important;
border-radius:12px!important;
box-shadow:0 7px 25px rgba(38,28,21,.06)!important;
}
.single-product .look-builder-bar .button{
min-height:48px!important;
border-radius:8px!important;
background:var(--zv1619-ink)!important;
color:#fff!important;
text-transform:none!important;
font-size:11px!important;
letter-spacing:.01em!important;
} .single-product .zv1512-related-shell{
position:relative!important;
width:100%!important;
}
.single-product .zavryne-catalog-grid{
display:flex!important;
grid-template-columns:none!important;
gap:16px!important;
align-items:stretch!important;
width:100%!important;
padding:2px 3px 14px!important;
margin:0!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-snap-type:x mandatory!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
}
.single-product .zavryne-catalog-grid::-webkit-scrollbar{display:none!important}
.single-product .zavryne-catalog-card{
position:relative!important;
flex:0 0 calc((100% - 32px)/3)!important;
width:calc((100% - 32px)/3)!important;
min-width:0!important;
overflow:hidden!important;
scroll-snap-align:start!important;
border:1px solid var(--zv1619-line)!important;
border-radius:14px!important;
background:#fff!important;
padding:0 0 15px!important;
box-shadow:0 2px 8px rgba(36,27,21,.03)!important;
transition:transform .2s ease,box-shadow .2s ease!important;
}
@media(hover:hover){
.single-product .zavryne-catalog-card:hover{
transform:translateY(-3px)!important;
box-shadow:var(--zv1619-shadow)!important;
}
}
.single-product .zavryne-catalog-card__image{
position:relative!important;
display:block!important;
width:100%!important;
aspect-ratio:1/1!important;
margin:0 0 0!important;
border:0!important;
border-radius:0!important;
overflow:hidden!important;
background:#f7f4f1!important;
}
.single-product .zavryne-catalog-card__image img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
background:#f7f4f1!important;
}
.single-product .zv1619-reco-badges{
position:absolute!important;
z-index:3!important;
top:10px!important;
left:10px!important;
display:flex!important;
flex-wrap:wrap!important;
gap:5px!important;
}
.single-product .zv1619-reco-badges b{
padding:6px 8px!important;
border-radius:999px!important;
background:rgba(24,21,18,.88)!important;
color:#fff!important;
font-size:9px!important;
line-height:1!important;
font-weight:800!important;
}
.single-product .zv1619-reco-category{
margin:13px 15px 0!important;
color:var(--zv1619-accent)!important;
font-size:9px!important;
font-weight:800!important;
letter-spacing:.13em!important;
text-transform:uppercase!important;
}
.single-product .zavryne-catalog-card__title{
min-height:42px!important;
margin:6px 15px 0!important;
font-family:var(--sans)!important;
font-size:15px!important;
line-height:1.35!important;
font-weight:650!important;
}
.single-product .zavryne-catalog-card__title a{
color:var(--zv1619-ink)!important;
text-decoration:none!important;
}
.single-product .zv1488-card-rating{
margin:7px 15px 0!important;
min-height:15px!important;
color:#7d5a31!important;
}
.single-product .zavryne-catalog-card .price{
margin:7px 15px 0!important;
color:var(--zv1619-ink)!important;
font-family:var(--sans)!important;
font-size:18px!important;
font-weight:800!important;
}
.single-product .zv1512-card-stock{
margin:6px 15px 0!important;
color:#4f7461!important;
font-family:var(--sans)!important;
font-size:10px!important;
font-weight:650!important;
}
.single-product .zavryne-catalog-card__cta{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:44px!important;
margin:13px 15px 0!important;
padding:0 12px!important;
border:1px solid var(--zv1619-ink)!important;
border-radius:8px!important;
background:var(--zv1619-ink)!important;
color:#fff!important;
font-size:11px!important;
font-weight:750!important;
text-decoration:none!important;
text-transform:none!important;
letter-spacing:.01em!important;
}
.single-product .zavryne-catalog-card__cta:hover{
background:#332c27!important;
}
.single-product .zv1512-rail-nav{
top:43%!important;
width:46px!important;
height:70px!important;
border-radius:10px!important;
background:rgba(255,255,255,.98)!important;
box-shadow:0 6px 22px rgba(34,25,19,.12)!important;
} @media(max-width:1100px){
.home .zv88-products ul.products > li.product,
.home .zv88-new ul.products > li.product{
flex-basis:calc((100% - 36px)/3)!important;
}
.single-product .look-builder-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.single-product .zavryne-catalog-card{
flex-basis:calc((100% - 16px)/2.35)!important;
width:calc((100% - 16px)/2.35)!important;
}
}
@media(max-width:800px){
.home .zv88-products{padding:42px 0 38px!important}
.home .zv88-new{padding:38px 0 44px!important}
.home .zv88-section-heading{
align-items:flex-start!important;
margin-bottom:18px!important;
}
.home .zv88-section-heading h2{font-size:34px!important}
.home .zv88-section-heading p{
display:block!important;
font-size:12px!important;
line-height:1.5!important;
margin-top:8px!important;
}
.home .zv88-all-link{display:none!important} .home .zv88-products ul.products,
.home .zv88-new ul.products{
gap:12px!important;
padding:2px 18vw 16px 2px!important;
scroll-padding-left:2px!important;
}
.home .zv88-products ul.products > li.product,
.home .zv88-new ul.products > li.product{
flex:0 0 76%!important;
width:76%!important;
border-radius:13px!important;
}
.home .zv88-products li.product .woocommerce-loop-product__title,
.home .zv88-new li.product .woocommerce-loop-product__title{
padding:12px 13px 0!important;
min-height:44px!important;
font-size:14px!important;
}
.home .zv88-products li.product .price,
.home .zv88-new li.product .price{
padding:0 13px!important;
font-size:15px!important;
}
.home .zv88-products li.product a.button,
.home .zv88-new li.product a.button{
width:calc(100% - 26px)!important;
margin:12px 13px 0!important;
min-height:45px!important;
font-size:11px!important;
}
.single-product .zavryne-look-builder-section,
.single-product .zavryne-catalog-more{
margin:26px -10px 0!important;
padding:24px 12px 24px!important;
border-radius:16px!important;
}
.single-product .look-builder-heading,
.single-product .zavryne-catalog-more .section-heading{
display:block!important;
margin-bottom:17px!important;
padding:0 3px!important;
}
.single-product .look-builder-heading h2,
.single-product .zavryne-catalog-more .section-heading h2{
font-size:31px!important;
}
.single-product .look-builder-heading p,
.single-product .zavryne-catalog-more .section-heading p{
font-size:12px!important;
}
.single-product .look-builder-heading>.text-link,
.single-product .zavryne-catalog-more .section-heading>.text-link{
display:none!important;
} .single-product .look-builder-grid{
display:flex!important;
grid-template-columns:none!important;
gap:12px!important;
overflow-x:auto!important;
scroll-snap-type:x mandatory!important;
padding:2px 18vw 10px 1px!important;
scrollbar-width:none!important;
}
.single-product .look-builder-grid::-webkit-scrollbar{display:none!important}
.single-product .look-builder-card{
flex:0 0 76%!important;
width:76%!important;
min-width:76%!important;
scroll-snap-align:start!important;
}
.single-product .look-builder-bar{
position:relative!important;
bottom:auto!important;
margin-top:14px!important;
padding:12px!important;
}
.single-product .zavryne-catalog-grid{
gap:12px!important;
padding:1px 18vw 12px 1px!important;
}
.single-product .zavryne-catalog-card{
flex:0 0 76%!important;
width:76%!important;
min-width:76%!important;
border-radius:13px!important;
}
.single-product .zavryne-catalog-card__title{
font-size:14px!important;
margin-left:13px!important;
margin-right:13px!important;
}
.single-product .zavryne-catalog-card .price{
margin-left:13px!important;
margin-right:13px!important;
font-size:17px!important;
}
.single-product .zv1619-reco-category,
.single-product .zv1488-card-rating,
.single-product .zv1512-card-stock{
margin-left:13px!important;
margin-right:13px!important;
}
.single-product .zavryne-catalog-card__cta{
margin-left:13px!important;
margin-right:13px!important;
min-height:45px!important;
}
.single-product .zv1512-rail-nav{display:none!important}
}
@media(max-width:420px){
.home .zv88-products ul.products > li.product,
.home .zv88-new ul.products > li.product,
.single-product .look-builder-card,
.single-product .zavryne-catalog-card{
flex-basis:82%!important;
width:82%!important;
min-width:82%!important;
}
}