.wpcf7-submit{
background:var(--wd-primary-color) !important;
font-size:20px;
}
.wd-post-img{
height:250px !important;
}
.wd-post-img img{
object-fit:contain;
}
.wd-quick-shop .product-labels + img.attachment-full{
height:250px;
padding:10px;
object-fit:contain;
}
.product-label.onsale{
display:none;
}
.whatsapp-button{
background-color:#25d366 !important;
border-radius:8px;
font-weight:600;
padding:12px 20px;
transition:all 0.2s ease;
}
.whatsapp-button:hover{
background-color:#1ebe57 !important;
transform:scale(1.03);
}
.product-image-link img{
height:250px;
object-fit:contain;
} .woocommerce ul.products li.product{
position:relative;
} .eczd-image-price-box{
position:absolute;
left:0;
bottom:0;
right:0;
z-index:9;
padding:10px 8px;
border-radius:0px;
background:#f5d2fb;
display:flex;
flex-direction:column;
align-items:center;
gap:2px;
box-shadow:0 4px 10px rgba(0, 0, 0, .08);
} .eczd-image-badge{
font-size:14px;
font-weight:700;
color:#000000;
line-height:1;
letter-spacing:3px;
} .eczd-image-prices{
display:flex;
align-items:center;
gap:6px;
}
.eczd-image-sale{
font-size:13px;
font-weight:700;
color:#2e7d32;
}
.eczd-image-regular{
font-size:11px;
color:#888;
text-decoration:line-through;
}
@keyframes eczdGlow{
0%{
background-color:#f5d2fb;
}
50%{
background-color:#df6af1;
}
100%{
background-color:#f5d2fb;
}
}
.eczd-image-price-box{
animation:eczdGlow 1.8s ease-in-out infinite;
}
.category-grid-item:hover .wd-cat-image{
transform:none !important;
-webkit-transform:none;
}
.product_categories_container .products{
display:flex !important;
flex-wrap:wrap;
flex-direction:row;
justify-content:center;
gap:10px !important;
}
.product_categories_container .wd-entities-title{
text-transform:none !important;
}
.product_categories_container .products .product{
width:calc((100% / 6) - 10px) !important;
}
.product_categories_container .products .product .wd-cat-content{
padding:0 !important;
}
@media screen and (max-width:780px){
.product_categories_container .products .product{
width:calc((100% / 4) - 10px) !important;
}
}
@media screen and (max-width:480px){
.product_categories_container .products{
gap:0 !important;
}
.product_categories_container .products .product{
width:calc((100% / 2) - 10px) !important;
}
}
.wd-brand-item{
flex-direction:column;
gap:12px;
}@font-face {
font-family: 'Jost';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(//eczanedepo.com/wp-content/themes/woodmart-child/assets/design/fonts/jost-latin-ext-italic.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Jost';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(//eczanedepo.com/wp-content/themes/woodmart-child/assets/design/fonts/jost-latin-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Jost';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(//eczanedepo.com/wp-content/themes/woodmart-child/assets/design/fonts/jost-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Jost';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(//eczanedepo.com/wp-content/themes/woodmart-child/assets/design/fonts/jost-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(//eczanedepo.com/wp-content/themes/woodmart-child/assets/design/fonts/inter-latin-ext-italic.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(//eczanedepo.com/wp-content/themes/woodmart-child/assets/design/fonts/inter-latin-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(//eczanedepo.com/wp-content/themes/woodmart-child/assets/design/fonts/inter-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(//eczanedepo.com/wp-content/themes/woodmart-child/assets/design/fonts/inter-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
font-family: 'Noto Serif Display';
font-style: italic;
font-weight: 100 900;
font-stretch: 100%;
font-display: swap;
src: url(//eczanedepo.com/wp-content/themes/woodmart-child/assets/design/fonts/noto-serif-display-latin-ext-italic.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Noto Serif Display';
font-style: italic;
font-weight: 100 900;
font-stretch: 100%;
font-display: swap;
src: url(//eczanedepo.com/wp-content/themes/woodmart-child/assets/design/fonts/noto-serif-display-latin-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Noto Serif Display';
font-style: normal;
font-weight: 100 900;
font-stretch: 100%;
font-display: swap;
src: url(//eczanedepo.com/wp-content/themes/woodmart-child/assets/design/fonts/noto-serif-display-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Noto Serif Display';
font-style: normal;
font-weight: 100 900;
font-stretch: 100%;
font-display: swap;
src: url(//eczanedepo.com/wp-content/themes/woodmart-child/assets/design/fonts/noto-serif-display-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}:root { --color-charcoal: #111111; --color-dark-text: #2a2a2a; --color-secondary: #6e6e6e; --color-passive: #a9a29a; --color-white: #ffffff; --color-cream-1: #fbf8f3; --color-cream-2: #f7f3ed; --color-cream-3: #efe9e0; --color-cream-page: #f8f5f2; --color-gold: #b8925a; --color-gold-dark: #9c7a45; --color-gold-light: #efe2ce; --color-gold-page: #a98a47; --color-green: #1f7a54; --color-green-dark: #17603f; --color-whatsapp: #25d366; --color-whatsapp-btn: #01c754; --color-commerce: #10b981; --color-star-filled: #c9a24b; --color-star-empty: #d9d3c8; --color-border: #e6dfd4; --color-warning: #c0492f; --color-out-of-stock: #9a9a9a;  --color-text: var(--color-dark-text);
--color-heading: var(--color-charcoal);
--color-text-muted: var(--color-secondary);
--color-bg: var(--color-cream-1);
--color-bg-alt: var(--color-cream-2);
--color-surface: var(--color-white);
--color-accent: var(--color-gold);
--color-accent-hover: var(--color-gold-dark); --font-display: "Noto Serif Display", "Noto Serif", Georgia, serif;
--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; --font-ui: "Jost", "Inter", system-ui, sans-serif;  --text-headline-size: 32px;
--text-headline-line: 32px;
--text-headline-tracking: 1.92px;
--text-headline-weight: 500; --text-subheading-size: 22px;
--text-subheading-line: 22px;
--text-subheading-tracking: 1.1px;
--text-subheading-weight: 400; --text-label-size: 14px;
--text-label-line: 21px;
--text-label-tracking: 0.56px;
--text-label-weight: 500; --text-body-size: 13px;
--text-body-line: 21.45px;
--text-body-tracking: 0px;
--text-body-weight: 400; --text-micro-size: 10px;
--text-micro-line: 15px;
--text-micro-tracking: 1.6px;
--text-micro-weight: 600; --space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 24px;
--space-6: 32px;
--space-7: 48px;
--space-8: 64px; --radius-sm: 2px;
--radius-md: 8px;
--radius-lg: 12px;
--radius-pill: 999px; --container-max: 1161px; --page-gutter: 139.5px; --border-thin: 1px solid var(--color-border);
}.site-header,
.ed-home,
.footer{
font-family:var(--font-ui);
font-size:var(--text-body-size);
line-height:var(--text-body-line);
color:var(--color-text);
}
.site-header,
.site-header *,
.site-header *::before,
.site-header *::after,
.ed-home,
.ed-home *,
.ed-home *::before,
.ed-home *::after,
.footer,
.footer *,
.footer *::before,
.footer *::after{
box-sizing:border-box;
margin:0;
padding:0;
}
.site-header img,
.ed-home img,
.footer img{
display:block;
max-width:100%;
}
.site-header ul,
.ed-home ul,
.footer ul{
list-style:none;
}
.site-header a,
.ed-home a,
.footer a{
color:inherit;
text-decoration:none;
}
.site-header button,
.ed-home button,
.footer button{
font:inherit;
color:inherit;
background:none;
border:0;
cursor:pointer;
}
.site-header input,
.ed-home input,
.footer input{
font:inherit;
}
:focus-visible{
outline:2px solid var(--color-gold);
outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
.site-header *,
.site-header *::before,
.site-header *::after,
.ed-home *,
.ed-home *::before,
.ed-home *::after,
.footer *,
.footer *::before,
.footer *::after{
animation-duration:0.01ms !important;
animation-iteration-count:1 !important;
transition-duration:0.01ms !important;
}
} .container{
width:100%;
max-width:1440px;
margin-inline:auto;
padding-inline:var(--space-7);
} .site-header{
position:sticky;
top:0;
z-index:100;
background:rgba(248, 245, 242, 0.85);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
border-bottom:1px solid rgba(17, 17, 17, 0.08);
} .topbar{
display:flex;
align-items:center;
justify-content:center;
height:36px;
background:#000;
}
.topbar .container{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
justify-content:space-between;
width:100%;
gap:var(--space-6);
}
.topbar__links{
flex:1;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.topbar__contact{
flex-shrink:0;
white-space:nowrap;
}
.topbar p{
font-size:11px;
line-height:16px;
color:rgba(255, 255, 255, 0.8);
white-space:nowrap;
}
.topbar__links{
overflow:hidden;
text-overflow:ellipsis;
} .masthead{
display:flex;
align-items:center;
width:100%;
padding:var(--space-5) 0;
}
.masthead .container{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-6);
width:100%;
padding:0 var(--space-7);
}
.logo{
position:relative;
flex-shrink:0;
width:96px;
height:68px;
}
.logo__mark{
position:absolute;
top:0;
left:20px;
width:66px;
height:43px;
}
.logo__text{
position:absolute;
top:48px;
left:0;
width:96px;
height:10px;
}
.logo__premium{
position:absolute;
top:64px;
left:0;
width:96px;
height:4px;
}
.search{
position:relative;
flex:1;
max-width:541px;
margin-inline:auto;
}
.search__icon{
position:absolute;
top:50%;
left:19px;
width:16px;
height:16px;
translate:0 -50%;
pointer-events:none;
}
.search__input{
width:100%;
height:48px;
padding-left:49px;
padding-right:21px;
font-family:var(--font-ui);
font-size:14px;
color:var(--color-text);
background:var(--color-white);
border:1px solid rgba(17, 17, 17, 0.08);
border-radius:var(--radius-pill);
}
.search__input::placeholder{
color:#8a857d;
} .site-header .search__input{
height:48px !important;
padding-left:49px !important;
padding-right:21px !important;
border-radius:999px !important;
background-color:var(--color-white) !important;
}
.masthead__actions{
display:flex;
align-items:center;
gap:21px;
flex-shrink:0;
}
.icon-btn{
position:relative;
display:flex;
align-items:center;
padding:2px;
}
.icon-btn__badge{
position:absolute;
top:-6px;
right:-6px;
display:flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
font-family:var(--font-ui);
font-size:10px;
font-weight:500;
line-height:1;
color:var(--color-white);
background:var(--color-gold-page);
border-radius:var(--radius-pill);
} .main-nav{
display:flex;
justify-content:center;
}
.main-nav__list{
display:flex;
align-items:center;
gap:66px;
padding-top:17px;
padding-bottom:16px;
border-top:1px solid rgba(17, 17, 17, 0.08);
}
.main-nav__list a{
font-size:14px;
line-height:20px;
letter-spacing:0.35px;
color:rgba(17, 17, 17, 0.75);
white-space:nowrap;
}
.main-nav__list a:hover{
color:var(--color-charcoal);
} .brandbar{
display:flex;
justify-content:center;
background:var(--color-white);
border-top:1px solid rgba(169, 138, 71, 0.25);
}
.brandbar .container{
display:flex;
align-items:center;
gap:var(--space-6);
width:100%;
max-width:1440px;
height:40px;
padding:var(--space-3) 0;
overflow:hidden;
}
.brandbar__label{
display:flex;
align-items:center;
gap:var(--space-2);
font-size:12px;
line-height:16px;
letter-spacing:3.36px;
text-transform:uppercase;
color:var(--color-gold-page);
white-space:nowrap;
}
.brandbar__dot{
width:6px;
height:6px;
background:var(--color-gold-page);
border-radius:var(--radius-pill);
}
.brandbar__divider{
width:1px;
height:16px;
background:rgba(169, 138, 71, 0.3);
flex-shrink:0;
}
.brandbar__list{
display:flex;
align-items:center;
gap:var(--space-6);
}
.brandbar__list li{
font-size:12px;
line-height:16px;
letter-spacing:1.68px;
color:rgba(17, 17, 17, 0.65);
white-space:nowrap;
} .hero{
background:var(--color-white);
padding-inline:var(--space-7);
} .hero__stage{
height:700px;
min-height:700px;
}
.hero__controls{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-6);
padding-top:25px;
padding-bottom:var(--space-5);
border-top:1px solid rgba(17, 17, 17, 0.08);
}
.hero__nav{
display:flex;
align-items:center;
gap:var(--space-4);
}
.hero__arrow{
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
border:1px solid rgba(17, 17, 17, 0.08);
border-radius:var(--radius-pill);
}
.hero__arrow:hover{
border-color:var(--color-gold-page);
}
.hero__counter{
padding-left:var(--space-2);
font-size:12px;
line-height:16px;
letter-spacing:2.4px;
color:#8a857d;
}
.hero__progress{
display:flex;
align-items:center;
gap:var(--space-3);
}
.hero__bar{
position:relative;
width:48px;
height:2px;
padding:0;
background:rgba(17, 17, 17, 0.15);
overflow:hidden;
}
.hero__bar span{
position:absolute;
inset:0 auto 0 0;
background:var(--color-gold-page);
} .eyebrow{
font-size:12px;
line-height:16px;
letter-spacing:3.36px;
text-transform:uppercase;
color:var(--color-gold-page);
}
.section-title{
padding-top:var(--space-3);
font-family:var(--font-display);
font-size:41.6px;
font-weight:400;
line-height:1.1;
letter-spacing:-0.416px;
color:var(--color-charcoal);
}
.section-sub{
padding-top:var(--space-4);
font-size:14px;
line-height:22.75px;
color:#8a857d;
}
.section-header{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:var(--space-6);
}
.gold-link{
display:inline-flex;
align-items:center;
gap:var(--space-2);
flex-shrink:0;
}
.gold-link span{
padding-bottom:3px;
font-size:14px;
font-weight:500;
line-height:20px;
letter-spacing:0.35px;
color:var(--color-charcoal);
border-bottom:1px solid rgba(169, 138, 71, 0.4);
}
.gold-link:hover span{
border-bottom-color:var(--color-gold-page);
} .brand-strip{
display:flex;
justify-content:center;
padding-top:31px;
padding-bottom:81px;
background:var(--color-white);
border-top:1px solid rgba(17, 17, 17, 0.08);
border-bottom:1px solid rgba(17, 17, 17, 0.08);
}
.brand-strip__container{
width:min(100%, 1161px);
padding-inline:var(--space-7);
}
.brand-grid{
display:grid;
grid-template-columns: repeat(5, 1fr);
gap:1px;
margin-top:40px;
background:rgba(17, 17, 17, 0.08);
border:1px solid rgba(17, 17, 17, 0.08);
}
.brand-grid__cell{
display:flex;
align-items:center;
justify-content:center;
height:112px;
background:var(--color-white);
overflow:hidden; } .trust{
display:flex;
justify-content:center;
padding-block:65px;
background:var(--color-white);
border-top:1px solid rgba(17, 17, 17, 0.08);
border-bottom:1px solid rgba(17, 17, 17, 0.08);
}
.trust__list{
display:grid;
grid-template-columns: repeat(5, 1fr);
width:min(100%, 1161px);
padding-inline:var(--space-7);
}
.trust__item{
display:flex;
flex-direction:column;
align-items:center;
padding-inline:var(--space-3);
text-align:center;
}
.trust__item h2{
padding-top:var(--space-4);
font-family:var(--font-display);
font-size:14px;
font-weight:400;
line-height:20px;
letter-spacing:0.35px;
color:var(--color-charcoal);
}
.trust__item p{
padding-top:6px;
font-size:12px;
line-height:19.5px;
color:#8a857d;
} .featured{
display:flex;
justify-content:center;
}
.featured__container{
width:min(100%, 1161px);
padding:112px var(--space-7);
}
.carousel{
position:relative;
margin-top:40px;
}
.carousel__track{
display:flex;
gap:var(--space-5);
padding-bottom:var(--space-2);
overflow-x:auto;
scroll-snap-type:x mandatory;
scrollbar-width:none;
}
.carousel__track::-webkit-scrollbar{
display:none;
}
.carousel__arrow{
position:absolute;
top:260px;
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
background:var(--color-white);
border:1px solid rgba(17, 17, 17, 0.08);
border-radius:var(--radius-pill);
z-index:2;
}
.carousel__arrow--prev{
left:-70px;
}
.carousel__arrow--next{
right:-70px;
}
.carousel__arrow:hover{
border-color:var(--color-gold-page);
} .product-card{
display:flex;
flex-direction:column;
flex-shrink:0;
width:248px;
scroll-snap-align:start;
background:var(--color-white);
border:1px solid rgba(17, 17, 17, 0.08);
}
.product-card__media{
position:relative;
height:397.5px;
background:#f3f3f3;
overflow:hidden;
}
.product-card__img{
width:100%;
height:100%;
object-fit:cover;
}
.product-card__badge{
position:absolute;
top:var(--space-4);
left:var(--space-4);
padding:5px 13px;
font-size:10px;
line-height:15px;
letter-spacing:1.8px;
text-transform:uppercase;
color:var(--color-gold-page);
background:rgba(248, 245, 242, 0.9);
border:1px solid rgba(169, 138, 71, 0.4);
border-radius:var(--radius-pill);
}
.product-card__fav{
position:absolute;
top:var(--space-4);
right:var(--space-3);
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
background:rgba(255, 255, 255, 0.9);
border-radius:var(--radius-pill);
}
.product-card__body{
display:flex;
flex-direction:column;
flex:1;
padding:20px;
}
.product-card__brand{
font-size:11px;
line-height:16.5px;
letter-spacing:2.2px;
text-transform:uppercase;
color:var(--color-gold-page);
}
.product-card__title{
padding-top:var(--space-2);
font-family:var(--font-display);
font-size:14px;
font-weight:400;
line-height:19.25px;
letter-spacing:-0.14px;
color:var(--color-charcoal);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.product-card__rating{
display:flex;
align-items:center;
gap:6px;
padding-top:var(--space-3);
}
.stars{
display:flex;
gap:2px;
}
.product-card__score{
font-size:12px;
line-height:16px;
letter-spacing:0.3px;
color:rgba(17, 17, 17, 0.7);
}
.product-card__count{
font-size:12px;
line-height:16px;
color:#8a857d;
}
.product-card__cta-label{
padding-top:20px;
font-size:11px;
line-height:16.5px;
letter-spacing:1.76px;
text-transform:uppercase;
color:#8a857d;
}
.wa-btn{
display:flex;
align-items:center;
justify-content:center;
gap:var(--space-2);
margin-top:var(--space-2);
padding-block:var(--space-3);
font-size:14px;
line-height:20px;
letter-spacing:0.35px;
color:var(--color-white);
background:var(--color-whatsapp-btn);
border-radius:var(--radius-pill);
}
.wa-btn--outline{
color:var(--color-gold-page);
background:var(--color-cream-page);
border:1px solid var(--color-gold-page);
padding-block:12px;
} .categories{
display:flex;
justify-content:center;
background:var(--color-white);
padding-block:112px;
}
.categories__container{
width:min(100%, 1161px);
padding-inline:var(--space-7);
}
.category-grid{
display:grid;
grid-template-columns: 2.08fr 1fr 1fr;
grid-template-rows: 340px 340px;
gap:20px;
margin-top:40px;
}
.category-card{
position:relative;
display:block;
background:#f3f3f3;
overflow:hidden;
}
.category-card--tall{
grid-row:span 2;
}
.category-card__img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
}
.category-card__overlay{
position:absolute;
inset:0;
background:linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0));
}
.category-card__content{
position:absolute;
inset:auto 0 0 0;
padding:28px;
}
.category-card__eyebrow{
font-size:11px;
line-height:16.5px;
letter-spacing:2.42px;
text-transform:uppercase;
color:#c9b281;
}
.category-card__row{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-2);
padding-top:var(--space-1);
}
.category-card__row h3{
font-family:var(--font-display);
font-size:24px;
font-weight:400;
line-height:32px;
letter-spacing:-0.24px;
color:var(--color-white);
} .showcase{
display:flex;
justify-content:center;
padding-block:96px;
background:var(--color-cream-page);
}
.showcase__container{
width:min(100%, 1161px);
padding-inline:var(--space-7);
}
.section-title--lg{
font-size:48px;
line-height:48px;
letter-spacing:-0.48px;
}
.gold-link--lg span{
font-size:17px;
line-height:24px;
letter-spacing:0.42px;
padding-bottom:4px;
} .product-card__media--short{
height:372.5px;
}
.product-card__rating--sm .product-card__score,
.product-card__rating--sm .product-card__count{
font-size:10.4px;
line-height:13.9px;
}
.product-card__price{
padding-top:10px;
font-size:10.4px;
line-height:13.9px;
color:#8a857d;
}
.discount-box{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-2);
margin-top:10px;
padding:8.7px 10.4px;
border:1px solid var(--color-commerce);
border-radius:var(--radius-pill);
white-space:nowrap;
}
.discount-box span{
font-size:10.4px;
line-height:13.9px;
color:rgba(17, 17, 17, 0.7);
}
.discount-box strong{
font-size:12.1px;
font-weight:700;
line-height:17.3px;
color:var(--color-commerce);
}
.cart-row{
display:flex;
align-items:center;
gap:10.4px;
margin-top:10px;
}
.cart-btn{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
flex:1;
height:38px;
font-size:12.1px;
font-weight:700;
line-height:17.3px;
color:var(--color-white);
background:var(--color-commerce);
border-radius:var(--radius-pill);
}
.cart-btn:hover{
background:#0da271;
}
.wishlist-btn{
display:flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
flex-shrink:0;
background:var(--color-white);
border:1px solid rgba(17, 17, 17, 0.08);
border-radius:var(--radius-pill);
} .discount-banner{
display:flex;
justify-content:center;
padding:56px var(--space-7);
}
.discount-banner__card{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-6);
width:min(100%, 1065px);
padding:49px 57px;
background:linear-gradient(154deg, var(--color-cream-page) 8%, #ffffff 54%, #f3f3f3 92%);
border:1px solid rgba(169, 138, 71, 0.4);
}
.discount-banner__left{
display:flex;
align-items:center;
gap:var(--space-5);
}
.discount-banner__icon{
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
flex-shrink:0;
border:1px solid rgba(169, 138, 71, 0.5);
border-radius:var(--radius-pill);
}
.discount-banner__title{
padding-top:var(--space-2);
font-family:var(--font-display);
font-size:41.6px;
font-weight:400;
line-height:1;
letter-spacing:-0.416px;
color:var(--color-charcoal);
}
.discount-banner__sub{
padding-top:var(--space-2);
font-size:14px;
line-height:20px;
color:#8a857d;
}
.btn-outline-gold{
display:inline-flex;
align-items:center;
gap:var(--space-2);
flex-shrink:0;
padding:15px 29px;
font-size:14px;
font-weight:500;
line-height:20px;
letter-spacing:0.35px;
color:var(--color-gold-page);
border:1px solid var(--color-gold-page);
border-radius:var(--radius-pill);
}
.btn-outline-gold:hover{
background:rgba(169, 138, 71, 0.08);
} .standard{
display:flex;
justify-content:center;
padding-block:112px;
background:var(--color-white);
}
.standard__container{
width:min(100%, 1161px);
padding-inline:var(--space-7);
}
.standard__intro{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
.eyebrow--muted{
color:#8a857d;
}
.section-title--center{
text-align:center;
line-height:52px;
}
.standard__group{
margin-top:56px;
}
.standard__group + .standard__group{
margin-top:80px;
}
.standard__group .carousel{
margin-top:var(--space-5);
}
.product-card__media--std{
height:347.5px;
}
.product-card__badge--dark{
color:var(--color-white);
background:rgba(0, 0, 0, 0.9);
border:0;
padding:4px 12px;
}
.price-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-2);
padding-top:20px;
}
.price-row__price{
font-size:16px;
line-height:24px;
color:var(--color-charcoal);
}
.cart-btn-dark{
display:flex;
align-items:center;
gap:var(--space-2);
padding:10px var(--space-4);
font-size:12px;
font-weight:500;
line-height:16px;
letter-spacing:0.3px;
color:var(--color-white);
background:#000;
border-radius:var(--radius-pill);
}
.cart-btn-dark:hover{
background:var(--color-charcoal);
} .reviews{
display:flex;
justify-content:center;
padding-block:112px;
background:var(--color-cream-page);
}
.reviews__container{
width:min(100%, 1161px);
padding-inline:var(--space-7);
}
.reviews__grid{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:var(--space-5);
margin-top:40px;
}
.review-card{
display:flex;
flex-direction:column;
min-height:323px;
padding:33px;
background:var(--color-white);
border:1px solid rgba(17, 17, 17, 0.08);
}
.review-card__mark{
font-family:var(--font-display);
font-size:60px;
line-height:60px;
color:rgba(169, 138, 71, 0.4);
}
.review-card__quote{
flex:1;
font-size:16px;
line-height:26px;
color:rgba(17, 17, 17, 0.85);
}
.review-card__rating{
display:flex;
align-items:center;
gap:6px;
padding-top:var(--space-5);
}
.review-card__rating span:last-child{
font-size:12px;
line-height:16px;
letter-spacing:0.3px;
color:rgba(17, 17, 17, 0.7);
}
.review-card__caption{
margin-top:var(--space-4);
padding-top:17px;
border-top:1px solid rgba(17, 17, 17, 0.08);
}
.review-card__name{
font-size:14px;
line-height:20px;
color:var(--color-charcoal);
}
.review-card__meta{
font-size:12px;
line-height:16px;
color:#8a857d;
} .newsletter{
display:flex;
flex-direction:column;
align-items:center;
padding:129px var(--space-7) 128px;
text-align:center;
background:var(--color-cream-page);
border-top:1px solid rgba(169, 138, 71, 0.5);
}
.newsletter__title{
max-width:672px;
padding-top:var(--space-4);
font-family:var(--font-display);
font-size:48px;
font-weight:400;
line-height:60px;
letter-spacing:-0.48px;
color:var(--color-charcoal);
}
.newsletter__sub{
max-width:512px;
padding-top:20px;
font-size:14px;
line-height:22.75px;
color:#8a857d;
}
.newsletter__form{
display:flex;
gap:var(--space-3);
width:min(100%, 448px);
height:50px;
margin-top:40px;
}
.newsletter__input{
flex:1;
min-width:0;
padding-inline:25px;
font-family:var(--font-ui);
font-size:14px;
color:var(--color-text);
background:var(--color-white);
border:1px solid rgba(17, 17, 17, 0.08);
border-radius:var(--radius-pill);
}
.newsletter__input::placeholder{
color:#8a857d;
}
.newsletter__btn{
padding-inline:var(--space-6);
font-size:14px;
font-weight:500;
letter-spacing:0.35px;
color:var(--color-white);
background:#000;
border-radius:var(--radius-pill);
}
.newsletter__btn:hover{
background:var(--color-charcoal);
} .footer{
display:flex;
justify-content:center;
padding:80px var(--space-7);
background:#000;
}
.footer__container{
width:min(100%, 1065px);
}
.footer__top{
display:grid;
grid-template-columns: 323px repeat(4, 1fr);
gap:var(--space-7);
}
.logo--footer{
display:block;
}
.footer__tagline{
max-width:320px;
padding-top:var(--space-5);
font-size:14px;
line-height:22.75px;
color:rgba(255, 255, 255, 0.55);
}
.footer__stores{
display:flex;
gap:var(--space-3);
margin-top:var(--space-5);
}
.store-btn{
display:flex;
align-items:center;
gap:var(--space-2);
width:120px;
height:40px;
padding:7px;
background:rgba(255, 255, 255, 0.94);
border:1px solid #000;
border-radius:6px;
}
.store-btn__text{
display:flex;
flex-direction:column;
gap:2px;
line-height:1;
color:#000;
}
.store-btn__small{
font-size:9px;
text-transform:uppercase;
} .store-btn__text img{
transform:scaleY(-1);
}
.store-btn__big{
font-size:17px;
font-weight:500;
letter-spacing:-0.47px;
}
.footer__col h3{
font-family:var(--font-display);
font-size:12px;
font-weight:400;
line-height:16px;
letter-spacing:2.4px;
text-transform:uppercase;
color:var(--color-gold-page);
}
.footer__col ul{
display:flex;
flex-direction:column;
gap:var(--space-3);
padding-top:20px;
}
.footer__col a{
font-size:14px;
line-height:20px;
color:rgba(255, 255, 255, 0.6);
}
.footer__col a:hover{
color:rgba(255, 255, 255, 0.9);
}
.footer__divider{
height:1px;
margin-top:var(--space-7);
background:rgba(169, 138, 71, 0.25);
border:0;
}
.footer__bottom{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-6);
padding-top:var(--space-7);
}
.footer__bottom p{
font-size:12px;
line-height:16px;
color:rgba(255, 255, 255, 0.45);
}
.footer__payments{
display:flex;
align-items:center;
gap:var(--space-5);
} @media (max-width:1024px){
.topbar{
gap:var(--space-3);
}
.main-nav__list{
gap:var(--space-5);
flex-wrap:wrap;
justify-content:center;
}
.category-grid{
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}
.category-card{
min-height:340px;
}
.category-card--tall{
grid-column:span 2;
grid-row:auto;
min-height:420px;
}
.trust__list{
grid-template-columns: repeat(3, 1fr);
row-gap:var(--space-6);
}
.brand-grid{
grid-template-columns: repeat(3, 1fr);
}
.reviews__grid{
grid-template-columns: 1fr;
}
.footer__top{
grid-template-columns: 1fr 1fr;
row-gap:var(--space-7);
}
.carousel__arrow--prev{
left:-12px;
}
.carousel__arrow--next{
right:-12px;
}
}
@media (max-width:768px){
.topbar{
display:none;
}
.masthead{
flex-wrap:wrap;
padding-inline:var(--space-4);
}
.search{
order:3;
flex-basis:100%;
max-width:none;
}
.main-nav,
.hero,
.brand-strip__container,
.featured__container,
.categories__container,
.showcase__container,
.standard__container,
.reviews__container,
.discount-banner,
.newsletter,
.footer{
padding-inline:var(--space-4);
}
.hero__stage{
height:380px;
min-height:380px;
}
.section-header{
flex-direction:column;
align-items:flex-start;
gap:var(--space-4);
}
.section-title{
font-size:30px;
}
.section-title--lg,
.newsletter__title{
font-size:34px;
line-height:1.2;
}
.trust__list{
grid-template-columns: repeat(2, 1fr);
}
.brand-grid{
grid-template-columns: repeat(2, 1fr);
}
.category-grid{
grid-template-columns: 1fr;
}
.category-card--tall{
grid-column:auto;
}
.discount-banner__card{
flex-direction:column;
align-items:flex-start;
padding:var(--space-6);
}
.footer__top{
grid-template-columns: 1fr;
}
.footer__bottom{
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
}
.newsletter__form{
flex-direction:column;
height:auto;
}
.newsletter__input{
height:50px;
}
.newsletter__btn{
height:50px;
}
}  .newsletter .mc4wp-form-fields{
display:flex;
gap:12px;
justify-content:center;
flex-wrap:wrap;
}
.newsletter .mc4wp-form input[type="email"]{
flex:1 1 280px;
max-width:420px;
padding:15px 20px;
border:1px solid var(--color-border);
border-radius:var(--radius-pill);
font:inherit;
color:var(--color-text);
background:var(--color-white);
}
.newsletter .mc4wp-form input[type="email"]:focus{
outline:2px solid var(--color-gold);
outline-offset:2px;
}
.newsletter .mc4wp-form button,
.newsletter .mc4wp-form input[type="submit"]{
padding:15px 28px;
border:0;
border-radius:var(--radius-pill);
background:var(--color-charcoal);
color:var(--color-white);
font:inherit;
font-size:14px;
letter-spacing:0.4px;
cursor:pointer;
}
.newsletter .mc4wp-form button:hover,
.newsletter .mc4wp-form input[type="submit"]:hover{
background:var(--color-gold);
}
.newsletter .mc4wp-form .mc4wp-alert{
margin-top:12px;
font-size:13px;
text-align:center;
} .ed-home{
background:var(--color-bg);
} .hero__stage{
position:relative;
overflow:hidden;
border-radius:var(--radius-lg);
}
.hero__stage .woodmart-slider,
.hero__stage .owl-carousel,
.hero__stage .wd-slider-wrapper{
height:100%;
} .ed-premium-bar{
display:flex;
justify-content:center;
background:#fff;
border-bottom:1px solid rgba(169, 138, 71, 0.25);
padding:10px 0;
}
.ed-premium-bar .container{
display:flex;
align-items:center;
width:100%;
max-width:1440px;
padding:0 40px;
overflow:hidden;
}
.ed-premium-bar__label{
display:flex;
align-items:center;
gap:8px;
font-size:12px;
letter-spacing:3.36px;
text-transform:uppercase;
color:#a98a47;
white-space:nowrap;
}
.ed-premium-bar__dot{
width:6px;
height:6px;
background:#a98a47;
border-radius:50%;
}
.ed-premium-bar__divider{
width:1px;
height:16px;
background:rgba(169, 138, 71, 0.3);
margin-left:21px;
}
.ed-premium-bar__list{
display:flex;
align-items:center;
gap:0;
list-style:none;
margin:0;
padding:0;
width:100%;
justify-content:space-evenly;
}
.ed-premium-bar__list li{
margin:0;
}
.ed-premium-bar__list a{
font-size:12px;
letter-spacing:1.68px;
color:rgba(17, 17, 17, 0.65);
text-decoration:none;
white-space:nowrap;
}
.ed-premium-bar__list a:hover{
color:#111;
} .ed-hero{
display:flex;
flex-direction:column;
width:100%;
}
.ed-hero__track{
position:relative;
width:100%;
height:var(--hero-height, 700px);
min-height:var(--hero-height, 700px);
overflow:hidden;
background:#111;
}
.ed-hero__slide{
position:absolute;
inset:0;
display:block;
opacity:0;
visibility:hidden;
transition:opacity 0.6s ease, visibility 0.6s ease;
z-index:1;
}
.ed-hero__slide.is-active{
opacity:1;
visibility:visible;
z-index:2;
}
.ed-hero__bg{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
} .ed-hero__controls{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-6);
padding-top:25px;
padding-bottom:var(--space-5);
border-top:1px solid rgba(17, 17, 17, 0.08);
}
.ed-hero__nav{
display:flex;
align-items:center;
gap:var(--space-4);
}
.ed-hero__arrow{
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
border:1px solid rgba(17, 17, 17, 0.08);
border-radius:var(--radius-pill);
cursor:pointer;
transition:border-color 0.2s;
}
.ed-hero__arrow:hover{
border-color:var(--color-gold-page);
}
.ed-hero__counter{
padding-left:var(--space-2);
font-size:12px;
line-height:16px;
letter-spacing:2.4px;
color:#8a857d;
}
.ed-hero__progress{
display:flex;
align-items:center;
gap:var(--space-3);
}
.ed-hero__bar{
position:relative;
width:48px;
height:2px;
padding:0;
background:rgba(255, 255, 255, 0.25);
border:none;
cursor:pointer;
overflow:hidden;
}
.ed-hero__bar span{
position:absolute;
inset:0 auto 0 0;
background:var(--color-gold);
width:0;
}
.ed-hero__bar.is-active span{
width:100%;
animation:heroBarFill 5s linear forwards;
}
@keyframes heroBarFill{
from{
width:0;
}
to{
width:100%;
}
} .wd-content-layout{
padding-block:0px !important;
}