:root{
--gold:#c6a25a;
--border:#e5e5e5;
--text:#222;
--muted:#555;
--bg:#fff;
--black:#111;
--card-radius:12px;
--puff-bg:#f2efe8;
}
*{box-sizing:border-box;}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);} header.site-header{
display:flex;align-items:center;justify-content:space-between;
padding:14px 28px;border-bottom:1px solid var(--border);
position:relative;background:#fff;z-index:50;
}
.menu-toggle{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;}
.menu-toggle:hover{background:#f5f5f5;}
.logo-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;}
.logo-center a{color:var(--text);text-decoration:none;font-weight:800;font-size:22px;line-height:1;}
.custom-logo{max-height:42px;width:auto;display:block;}
.header-icons{display:flex;gap:10px;align-items:center;}
.header-icons a{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text);position:relative;}
.header-icons a:hover{background:#f5f5f5;}
.icon{width:20px;height:20px;display:block;}
.icon *{stroke:currentColor;}
.cart-count{position:absolute;top:4px;right:4px;background:var(--gold);color:#fff;font-size:12px;padding:2px 6px;border-radius:999px;line-height:1.2;min-width:18px;text-align:center;} .dropdown-menu{display:none;padding:18px 28px;border-bottom:1px solid #eee;background:#fff;}
.dropdown-menu .menu{list-style:none;margin:0;padding:0;}
.dropdown-menu .menu li{margin:0 0 10px 0;}
.dropdown-menu .menu a{text-decoration:none;color:var(--text);font-size:16px;}
.dropdown-menu .menu a:hover{text-decoration:underline;} .search-bar{display:none;padding:18px 28px;border-bottom:1px solid #eee;background:#fff;}
.search-bar form{display:flex;gap:10px;max-width:1100px;margin:0 auto;}
.search-bar input{flex:1;padding:12px 12px;border:1px solid #ccc;border-radius:8px;}
.search-bar button{padding:12px 20px;background:var(--gold);border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:800;}
.search-bar button:hover{filter:brightness(0.96);} .hero{position:relative;height:520px;overflow:hidden;background:#000;}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;flex-direction:column;opacity:0;transition:opacity .8s ease;}
.slide::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.55));}
.slide > *{position:relative;z-index:1;}
.slide h1{font-size:46px;margin:0 0 10px 0;padding:0 18px;}
.slide p{font-size:18px;margin:0;padding:0 18px;max-width:900px;}
.slide a.slide-btn{margin-top:18px;display:inline-block;background:var(--gold);color:#fff;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:900;}
.slide a.slide-btn:hover{filter:brightness(.95);} .intro{padding:60px 40px;text-align:center;}
.intro .center{max-width:900px;margin:0 auto;}
.intro h2{margin:0 0 14px 0;font-size:28px;}
.intro .intro-text{font-size:16px;line-height:1.7;color:var(--muted);} .puffs{padding:40px 40px;}
.puff-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.puff{background:var(--puff-bg);border:1px solid #e7e1d6;border-radius:14px;padding:18px 18px 16px 18px;text-align:center;}
.puff .puff-icon{width:44px;height:44px;margin:0 auto 10px auto;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eadfcb;}
.puff .puff-icon svg{width:22px;height:22px;display:block;color:#000;}
.puff h3{margin:0 0 6px 0;font-size:14px;letter-spacing:.4px;text-transform:uppercase;}
.puff .puff-text{margin:0;color:#333;font-size:14px;line-height:1.35;}
.puff a{color:inherit;text-decoration:none;}
.puff a:hover{text-decoration:underline;} .cat-grid-wrap{padding:60px 40px;}
.cat-grid-title{max-width:1100px;margin:0 auto 18px auto;font-size:22px;font-weight:900;}
.category-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.cat-card{border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden;background:#fff;text-decoration:none;color:var(--text);}
.cat-card img{width:100%;height:190px;object-fit:cover;display:block;background:#f4f4f4;}
.cat-card .pad{padding:14px;}
.cat-card h3{margin:0;font-size:16px;}
.cat-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-1px);transition:.15s;} .logos{padding:45px 40px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;}
.logo-row{max-width:1100px;margin:0 auto;display:flex;gap:34px;align-items:center;justify-content:center;flex-wrap:wrap;}
.logo-row img{height:56px;width:auto;opacity:.92;}
.logo-row img:hover{opacity:1;} footer.site-footer{background:var(--black);color:#fff;padding:52px 40px;}
.footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.footer-item{text-align:center;padding:8px 6px;}
.footer-icon{
width:52px;height:52px;margin:0 auto 10px auto;
display:flex;align-items:center;justify-content:center;
} .footer-icon.is-preset{
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.14);
}
.footer-icon.is-preset svg{width:22px;height:22px;color:#fff;} .footer-icon.is-custom{
background:transparent;border:none;border-radius:0;
}
.footer-icon.is-custom img{
width:46px;height:46px;object-fit:contain;display:block;
}
.footer-item .footer-text{color:rgba(255,255,255,.86);line-height:1.35;font-size:13px;}
.footer-item .footer-title{color:#fff;font-weight:900;letter-spacing:.3px;text-transform:uppercase;font-size:12px;margin-bottom:6px;}
.footer-bottom{max-width:1100px;margin:26px auto 0 auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);text-align:center;color:rgba(255,255,255,.75);font-size:14px;}
footer.site-footer a{color:#fff;}
@media(max-width:1100px){.footer-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:992px){.puff-grid,.category-grid{grid-template-columns:repeat(2,1fr);} .hero{height:460px;} .slide h1{font-size:38px;}}
@media(max-width:600px){
header.site-header{padding:12px 14px;}
.puff-grid,.category-grid,.footer-grid{grid-template-columns:1fr;}
.intro,.puffs,.cat-grid-wrap,.logos,footer.site-footer{padding-left:16px;padding-right:16px;}
.slide h1{font-size:30px;}
} .footer-link{color:inherit;text-decoration:none;display:block;}
.footer-link:hover{text-decoration:underline;} .puff.has-bg{
background-size:cover;
background-position:center;
color:#fff;
position:relative;
overflow:hidden;
}
.puff.has-bg::before{
content:"";
position:absolute;inset:0;
background:linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.55) 70%, rgba(0,0,0,.70) 100%);
border-radius:14px;
}
.puff.has-bg *{position:relative;z-index:1;} .puff{
transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.puff:hover{
transform:translateY(-3px);
box-shadow:0 10px 26px rgba(0,0,0,.10);
} .puff-btn{
display:inline-block;
margin-top:12px;
padding:10px 14px;
border-radius:10px;
background:var(--gold);
color:#fff;
text-decoration:none;
font-weight:900;
font-size:12px;
letter-spacing:.3px;
text-transform:uppercase;
}
.puff-btn:hover{filter:brightness(.95);} .puff{
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
text-align:left;
padding:32px;
} .puff.has-bg{
background-size:cover;
background-position:center center;
image-rendering:auto;
} .puff-grid{
}
.puff{
height:300px;
max-width:800px;
width:100%;
}
.puff.has-bg{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
} @media(max-width:992px){
.puff-grid{grid-template-columns:1fr;}
.puff{max-width:none;height:320px;}
}
@media(max-width:600px){
.puff{height:260px;padding:26px;}
} .puff-grid{ } .puff{
height:300px;
max-width:800px;
width:100%;
padding:40px;
} @media (max-width:1024px){
.puff-grid{grid-template-columns:1fr;}
.puff{max-width:none;height:300px;padding:34px;}
} @media (max-width:600px){
.puff{height:200px;padding:26px;}
}
.puff.has-bg{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
} .puff-grid{
display:grid;
grid-template-columns: repeat(4, 1fr);
gap:20px;
max-width:1100px;
margin:0 auto;
justify-content:stretch;
}
.puff{
width:100%;
max-width:none;
height:300px;
} @media (max-width:1024px){
.puff-grid{grid-template-columns: repeat(2, 1fr);}
.puff{height:260px;}
} @media (max-width:600px){
.puff-grid{grid-template-columns: 1fr;}
.puff{height:220px;}
} .puff-grid{
display:grid;
grid-template-columns: repeat(4, 1fr);
gap:18px;
max-width:1100px;
margin:0 auto;
}
.puff{
width:100%;
height:170px; padding:18px 18px;
border-radius:14px;
display:flex;
flex-direction:column;
justify-content:center; align-items:flex-start; text-align:left;
}
.puff .puff-icon{
width:40px;height:40px;
margin:0 0 10px 0;
}
.puff .puff-icon svg{width:20px;height:20px;}
.puff h3{font-size:13px;}
.puff .puff-text{font-size:13px;}
@media (max-width:1024px){
.puff-grid{grid-template-columns: repeat(2, 1fr);}
.puff{height:160px;}
}
@media (max-width:600px){
.puff-grid{grid-template-columns: 1fr;}
.puff{height:140px;padding:16px;}
} .logo-row img{
height:84px;
} .custom-logo{
max-height:63px;
} .logo-row{
gap:50px;
padding-top:10px;
padding-bottom:10px;
}
.logo-row img{
height:84px;
width:auto;
} @media (max-width:1024px){
.logo-row{
gap:36px;
}
.logo-row img{
height:64px;
}
} @media (max-width:600px){
.logo-row{
gap:26px;
}
.logo-row img{
height:48px;
}
} @media (max-width:600px){
.custom-logo{
max-height:52px;
}
} .logos{
overflow:hidden;
}
.logo-row{
display:flex;
flex-wrap:nowrap;
gap:60px;
align-items:center;
animation: logoScroll 25s linear infinite;
}
.logo-row img{
flex:0 0 auto;
} @keyframes logoScroll{
0%{
transform:translateX(0);
}
100%{
transform:translateX(-50%);
}
} .logos:hover .logo-row{
animation-play-state:paused;
} .logos{
overflow:hidden;
}
.logo-marquee{
max-width:1100px;
margin:0 auto;
overflow:hidden;
}
.logo-track{
display:flex;
width:max-content;
align-items:center;
gap:0;
animation: logoMarquee 28s linear infinite;
}
.logo-row{
display:flex;
flex-wrap:nowrap;
align-items:center;
gap:60px;
padding:10px 0;
}
.logo-row img{
flex:0 0 auto;
} @keyframes logoMarquee{
0%{ transform:translateX(0); }
100%{ transform:translateX(-50%); }
} .logos:hover .logo-track{
animation-play-state:paused;
} @media (max-width:1024px){
.logo-row{gap:36px;}
}
@media (max-width:600px){
.logo-row{gap:26px;}
} .logos{
overflow:hidden;
}
.logo-marquee{
max-width:1100px;
margin:0 auto;
overflow:hidden;
}
.logo-track{
display:flex;
flex-wrap:nowrap;
align-items:center;
width:max-content;
will-change:transform;
}
.logo-row{
display:flex;
flex-wrap:nowrap;
align-items:center;
gap:60px;
padding:10px 0;
flex:0 0 auto;
}
.logo-row img{
flex:0 0 auto;
display:block;
} @media (hover:hover){
.logos:hover .logo-track{
animation-play-state:paused;
}
} @media (max-width:1024px){
.logo-row{gap:36px;}
}
@media (max-width:600px){
.logo-row{gap:26px;}
} .logo-row{
gap:60px;
position:relative;
} .logo-row::after{
content:"";
flex:0 0 60px;
} .mdm-logo-spacer{
flex:0 0 var(--mdm-logo-gap, 60px);
width:var(--mdm-logo-gap, 60px);
height:1px;
} .category-grid{
max-width:1100px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:20px;
}
.cat-card{
position:relative;
border:0;
border-radius:14px;
overflow:hidden;
background:#000;
}
.cat-card .cat-media{
position:relative;
width:100%;
height:210px;
overflow:hidden;
}
.cat-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transform:scale(1.01);
}
.cat-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.40) 65%, rgba(0,0,0,.72) 100%);
pointer-events:none;
}
.cat-card .cat-overlay{
position:absolute;
left:0;
right:0;
bottom:0;
padding:14px 14px 14px 14px;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:12px;
}
.cat-card .cat-title{
margin:0;
color:#FFFFFF;
font-weight:900;
font-size:14px;
letter-spacing:.6px;
text-transform:uppercase;
display:inline-block;
background:rgba(0,0,0,.72);
padding:6px 10px; border-radius:0;
max-width:80%;
}
.cat-card .cat-cta{
color:var(--gold);
font-weight:900;
font-size:12px;
text-transform:uppercase;
letter-spacing:.3px;
white-space:nowrap;
}
.cat-card:hover img{
transform:scale(1.04);
transition:transform .25s ease;
}
.cat-card:hover{
box-shadow:0 10px 26px rgba(0,0,0,.14);
transform:translateY(-2px);
transition:.18s ease;
}
@media(max-width:992px){
.category-grid{grid-template-columns:repeat(2, 1fr);}
.cat-card .cat-media{height:200px;}
}
@media(max-width:600px){
.category-grid{grid-template-columns:1fr;}
.cat-card .cat-media{height:190px;}
} .category-grid{
max-width:1100px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:20px;
}
.cat-card{
position:relative;
border:0;
border-radius:14px;
overflow:hidden;
background:#000;
text-decoration:none;
color:#fff;
}
.cat-card .cat-media{
position:relative;
width:100%;
height:210px;
overflow:hidden;
}
.cat-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transform:scale(1.01);
transition:transform .28s ease;
} .cat-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,.65) 100%);
pointer-events:none;
} .cat-card .cat-overlay{
position:absolute;
left:10px;
right:10px;
bottom:10px;
padding:14px 14px 12px 14px;
border-radius:12px;
background:rgba(0,0,0,.70); backdrop-filter:saturate(120%) blur(2px);
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
transform:translateY(22px);
transition:transform .22s ease;
}
.cat-card .cat-title{
margin:0;
color:#FFFFFF;
font-weight:900;
font-size:14px;
letter-spacing:.6px;
text-transform:uppercase;
display:inline-block;
background:rgba(0,0,0,.72);
padding:6px 10px; border-radius:0;
max-width:80%;
}
.cat-card .cat-cta{
color:var(--gold);
font-weight:900;
font-size:12px;
text-transform:uppercase;
letter-spacing:.3px;
white-space:nowrap;
opacity:0;
transform:translateY(6px);
transition:opacity .18s ease, transform .18s ease;
} .cat-card:hover .cat-overlay{
transform:translateY(0);
}
.cat-card:hover .cat-cta{
opacity:1;
transform:translateY(0);
}
.cat-card:hover img{
transform:scale(1.04);
}
@media(max-width:992px){
.category-grid{grid-template-columns:repeat(2, 1fr);}
.cat-card .cat-media{height:200px;}
}
@media(max-width:600px){
.category-grid{grid-template-columns:1fr;}
.cat-card .cat-media{height:190px;}
.cat-card .cat-overlay{left:8px;right:8px;bottom:8px;}
} .category-grid{
max-width:1100px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:20px;
}
.cat-card{
position:relative;
border:0;
border-radius:14px;
overflow:hidden;
background:#000;
text-decoration:none;
color:#fff;
}
.cat-card .cat-media{
position:relative;
width:100%;
height:210px;
overflow:hidden;
}
.cat-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transform:scale(1.01);
transition:transform .28s ease;
}
.cat-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.60) 100%);
pointer-events:none;
} .cat-card .cat-overlay{
position:absolute;
left:0;
right:0;
top:50%;
transform:translateY(calc(-50% + 18px));
padding:16px 18px;
background:rgba(0,0,0,.70); border-radius:0; display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
text-align:center;
transition:transform .22s ease;
}
.cat-card .cat-title{
margin:0;
color:#FFFFFF;
font-weight:900;
font-size:14px;
letter-spacing:.6px;
text-transform:uppercase;
display:inline-block;
background:rgba(0,0,0,.72);
padding:6px 10px; border-radius:0;
max-width:80%;
}
.cat-card .cat-cta{
color:#fff;
font-weight:800;
font-size:12px;
text-transform:uppercase;
letter-spacing:.4px;
opacity:0;
transform:translateY(6px);
transition:opacity .18s ease, transform .18s ease;
} .cat-card:hover .cat-overlay{
transform:translateY(-50%);
}
.cat-card:hover .cat-cta{
opacity:1;
transform:translateY(0);
}
.cat-card:hover img{
transform:scale(1.04);
}
@media(max-width:992px){
.category-grid{grid-template-columns:repeat(2, 1fr);}
.cat-card .cat-media{height:200px;}
}
@media(max-width:600px){
.category-grid{grid-template-columns:1fr;}
.cat-card .cat-media{height:190px;}
} .category-grid{
max-width:1100px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:20px;
}
.cat-card{
position:relative;
border:0;
border-radius:14px;
overflow:hidden;
background:#000;
text-decoration:none;
color:#FFFFFF;
}
.cat-card .cat-media{
position:relative;
width:100%;
height:210px;
overflow:hidden;
}
.cat-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transform:scale(1.01);
transition:transform .28s ease;
}
.cat-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,.55) 100%);
pointer-events:none;
} .cat-card .cat-overlay{
position:absolute;
left:0;
right:0;
top:50%;
transform:translateY(-50%);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
text-align:center;
transition:top .22s ease, transform .22s ease;
padding:0 14px;
} .cat-card .cat-title{
margin:0;
color:#FFFFFF;
font-weight:900;
font-size:14px;
letter-spacing:.6px;
text-transform:uppercase;
display:inline-block;
background:rgba(0,0,0,.72);
padding:6px 10px; border-radius:0;
max-width:80%;
} .cat-card .cat-cta{
color:#FFFFFF;
font-weight:800;
font-size:12px;
text-transform:uppercase;
letter-spacing:.4px;
opacity:0;
transform:translateY(-4px);
transition:opacity .18s ease, transform .18s ease;
} .cat-card:hover .cat-overlay{
top:12px;
transform:translateY(0);
}
.cat-card:hover .cat-cta{
opacity:1;
transform:translateY(0);
}
.cat-card:hover img{
transform:scale(1.04);
}
@media(max-width:992px){
.category-grid{grid-template-columns:repeat(2, 1fr);}
.cat-card .cat-media{height:200px;}
.cat-card .cat-title{
margin:0;
color:#FFFFFF;
font-weight:900;
font-size:14px;
letter-spacing:.6px;
text-transform:uppercase;
display:inline-block;
background:rgba(0,0,0,.72);
padding:6px 10px; border-radius:0;
max-width:80%;
}
}
@media(max-width:600px){
.category-grid{grid-template-columns:1fr;}
.cat-card .cat-media{height:190px;}
.cat-card .cat-title{
margin:0;
color:#FFFFFF;
font-weight:900;
font-size:14px;
letter-spacing:.6px;
text-transform:uppercase;
display:inline-block;
background:rgba(0,0,0,.72);
padding:6px 10px; border-radius:0;
max-width:80%;
}
} .cat-card .cat-overlay{
position:absolute;
left:0;
right:0;
top:50%;
transform:translateY(-50%);
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
transition:all .25s ease;
} .cat-card .cat-title{
color:#FFFFFF;
background:rgba(0,0,0,.65);
padding:6px 12px;
display:inline-block;
max-width:70%;
text-align:center;
}
.cat-card .cat-cta{
color:#FFFFFF;
opacity:0;
transform:translateY(-6px);
transition:.2s ease;
} .cat-card:hover .cat-overlay{
top:10px;
transform:none;
}
.cat-card:hover .cat-cta{
opacity:1;
transform:translateY(0);
} .cat-card .cat-overlay{
position:absolute;
left:0;
right:0;
top:50%;
transform:translateY(-50%);
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
transition:top .28s cubic-bezier(.2,.8,.2,1), transform .28s cubic-bezier(.2,.8,.2,1);
will-change:top, transform;
pointer-events:none; }
.cat-card .cat-title{
color:#FFFFFF;
background:rgba(0,0,0,.62);
padding:6px 12px;
display:inline-block;
max-width:70%;
text-align:center;
letter-spacing:.6px;
text-transform:uppercase;
font-weight:900;
}
.cat-card .cat-cta{
color:#FFFFFF;
font-weight:800;
font-size:12px;
text-transform:uppercase;
letter-spacing:.4px;
opacity:0;
transform:translateY(-6px);
transition:opacity .18s ease .08s, transform .18s ease .08s;
} @media (hover:hover){
.cat-card:hover .cat-overlay{
top:10px;
transform:translateY(0);
}
.cat-card:hover .cat-cta{
opacity:1;
transform:translateY(0);
}
} @media (hover:none){
.cat-card .cat-cta{
opacity:1;
transform:none;
}
.cat-card .cat-overlay{
top:10px;
transform:translateY(0);
}
}
@media (prefers-reduced-motion: reduce){
.cat-card .cat-overlay,
.cat-card .cat-cta{
transition:none !important;
}
} .cat-card{
position:relative;
overflow:hidden;
}
.cat-card img{
transition:transform .35s cubic-bezier(.2,.8,.2,1);
} .cat-card .cat-overlay{
position:absolute;
left:0;
right:0;
top:50%;
transform:translateY(-50%);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
text-align:center;
pointer-events:none;
will-change:transform, top;
transition:
top .38s cubic-bezier(.19,1,.22,1),
transform .38s cubic-bezier(.19,1,.22,1);
} .cat-card .cat-title{
color:#FFFFFF;
font-weight:900;
font-size:14px;
letter-spacing:.6px;
text-transform:uppercase;
background:rgba(0,0,0,.72);
padding:8px 14px;
max-width:72%;
border-radius:0;
box-shadow:0 6px 18px rgba(0,0,0,.18);
} .cat-card .cat-cta{
color:#FFFFFF;
font-weight:800;
font-size:12px;
text-transform:uppercase;
letter-spacing:.4px;
opacity:0;
transform:translateY(-8px);
transition:
opacity .22s ease .10s,
transform .22s ease .10s;
} @media (hover:hover){
.cat-card:hover img{
transform:scale(1.04);
}
.cat-card:hover .cat-overlay{
top:12px;
transform:translateY(0);
}
.cat-card:hover .cat-cta{
opacity:1;
transform:translateY(0);
}
} @media (hover:none){
.cat-card .cat-overlay{ top:12px; transform:translateY(0); }
.cat-card .cat-cta{ opacity:1; transform:none; transition:none; }
} @media (prefers-reduced-motion: reduce){
.cat-card img,
.cat-card .cat-overlay,
.cat-card .cat-cta{
transition:none !important;
}
} .woocommerce ul.products{
display:grid;
grid-template-columns:repeat(3, minmax(320px, 1fr));
gap:28px;
max-width:1200px;
margin:0 auto;
padding:0;
}
.woocommerce ul.products li.product{
list-style:none;
margin:0 !important;
padding:0 !important;
background:#fff;
border-radius:16px;
overflow:hidden;
box-shadow:0 8px 22px rgba(0,0,0,.06);
transition:transform .18s ease, box-shadow .18s ease;
display:flex;
flex-direction:column;
}
.woocommerce ul.products li.product:hover{
transform:translateY(-2px);
box-shadow:0 14px 30px rgba(0,0,0,.10);
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
text-decoration:none;
color:inherit;
display:block;
}
.woocommerce ul.products li.product a img{
width:100%;
height:340px;
object-fit:cover;
margin:0 !important;
display:block;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size:13px;
font-weight:900;
letter-spacing:.5px;
text-transform:uppercase;
padding:14px 14px 4px 14px;
margin:0 !important;
}
.woocommerce ul.products li.product .price{
padding:0 14px 12px 14px;
margin:0;
font-weight:900;
color:var(--gold);
}
.woocommerce ul.products li.product .price del{opacity:.5;}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.product_type_variable,
.woocommerce ul.products li.product a.product_type_simple{
margin:0 14px 14px 14px !important;
border-radius:12px !important;
background:#000 !important;
color:#fff !important;
font-weight:900 !important;
text-transform:uppercase;
letter-spacing:.35px;
padding:12px 14px !important;
text-align:center;
}
.woocommerce ul.products li.product .button:hover{
filter:brightness(.92);
} .woocommerce span.onsale{
background:var(--gold) !important;
color:#fff !important;
border-radius:999px !important;
padding:6px 10px !important;
top:12px !important;
left:12px !important;
right:auto !important;
min-height:auto !important;
line-height:1.2 !important;
} .woocommerce div.product div.images img{
border-radius:16px;
}
.woocommerce div.product .product_title{
font-weight:900;
letter-spacing:.3px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
color:var(--gold);
font-weight:900;
}
.woocommerce div.product form.cart .variations{
width:100%;
margin-bottom:10px;
}
.woocommerce div.product form.cart .variations select{
width:100%;
padding:12px 12px;
border-radius:12px;
border:1px solid #e7e7e7;
background:#fff;
}
.woocommerce div.product form.cart .single_add_to_cart_button{
background:#000 !important;
color:#fff !important;
border-radius:12px !important;
padding:14px 16px !important;
font-weight:900 !important;
text-transform:uppercase;
letter-spacing:.35px;
}
.woocommerce div.product form.cart .quantity .qty{
border-radius:12px;
padding:10px 12px;
border:1px solid #e7e7e7;
} @media (max-width:1024px){
.woocommerce ul.products{
display:grid;
grid-template-columns:repeat(3, minmax(320px, 1fr));
gap:28px;
max-width:1200px;
margin:0 auto;
padding:0;
}
.woocommerce ul.products li.product a img{
width:100%;
height:340px;
object-fit:cover;
margin:0 !important;
display:block;
}
}
@media (max-width:600px){
.woocommerce ul.products{
display:grid;
grid-template-columns:repeat(3, minmax(320px, 1fr));
gap:28px;
max-width:1200px;
margin:0 auto;
padding:0;
}
.woocommerce ul.products li.product a img{
width:100%;
height:340px;
object-fit:cover;
margin:0 !important;
display:block;
}
} .woocommerce ul.products li.product{
border-radius:18px;
} .woocommerce ul.products{
width:100% !important;
max-width:1400px;
margin-left:auto !important;
margin-right:auto !important;
padding:0 16px;
justify-items:stretch;
align-items:stretch;
}
.woocommerce ul.products li.product{
width:100% !important;
float:none !important;
clear:none !important;
}
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product{
flex:initial !important;
} .woocommerce.archive .site-main,
.woocommerce-page.archive .site-main{
max-width:1400px;
margin:0 auto;
padding:0 16px;
}
.mdm-shop-layout{
display:grid;
grid-template-columns:280px 1fr;
gap:28px;
align-items:start;
}
.mdm-shop-sidebar{
background:#fff;
border-radius:16px;
box-shadow:0 8px 22px rgba(0,0,0,.06);
padding:16px;
position:sticky;
top:90px;
}
.mdm-shop-sidebar h3{
margin:0 0 10px 0;
font-size:13px;
font-weight:900;
letter-spacing:.4px;
text-transform:uppercase;
}
.mdm-shop-sidebar ul{
list-style:none;
margin:0;
padding:0;
}
.mdm-shop-sidebar li{margin:0;padding:0;}
.mdm-shop-sidebar a{
display:block;
padding:10px 10px;
border-radius:12px;
text-decoration:none;
color:#111;
font-weight:800;
font-size:13px;
}
.mdm-shop-sidebar a:hover{background:rgba(0,0,0,.06);}
.mdm-shop-sidebar .current-cat > a{background:rgba(0,0,0,.08);} .woocommerce-products-header{
text-align:center;
margin:10px 0 18px 0;
}
.woocommerce-products-header__title{
font-weight:900;
letter-spacing:.4px;
} .mdm-shop-main .woocommerce ul.products{
max-width:none !important;
padding:0 !important;
}
@media (max-width:1024px){
.mdm-shop-layout{grid-template-columns:1fr;}
.mdm-shop-sidebar{position:relative;top:auto;}
} .mdm-shop-layout{
width:100%;
}
.mdm-shop-main{
min-width:0; }
.woocommerce .mdm-shop-main ul.products,
.woocommerce-page .mdm-shop-main ul.products{
display:grid !important;
grid-template-columns:repeat(3, minmax(320px, 1fr)) !important;
gap:28px !important;
width:100% !important;
max-width:none !important;
margin:0 !important; padding:0 !important;
justify-items:stretch;
align-items:stretch;
}
.woocommerce .mdm-shop-main ul.products li.product,
.woocommerce-page .mdm-shop-main ul.products li.product{
width:100% !important;
float:none !important;
clear:none !important;
margin:0 !important;
}
.woocommerce .mdm-shop-main ul.products::before,
.woocommerce .mdm-shop-main ul.products::after{
content:none !important; }
@media (max-width:1200px){
.woocommerce .mdm-shop-main ul.products,
.woocommerce-page .mdm-shop-main ul.products{
grid-template-columns:repeat(2, minmax(280px, 1fr)) !important;
}
}
@media (max-width:700px){
.woocommerce .mdm-shop-main ul.products,
.woocommerce-page .mdm-shop-main ul.products{
grid-template-columns:1fr !important;
}
} .woocommerce div.product div.images{
max-width:600px;
margin:0 auto 16px auto;
}
.woocommerce div.product div.images img{
width:100%;
height:auto;
max-height:600px;
object-fit:contain;
} .woocommerce div.product form.cart{
display:flex;
gap:12px;
align-items:stretch;
flex-wrap:wrap;
}
.woocommerce div.product form.cart .quantity{
display:flex;
align-items:stretch;
}
.woocommerce div.product form.cart .quantity .qty{
height:52px;
min-width:90px;
padding:0 14px;
border-radius:12px;
}
.woocommerce div.product form.cart .single_add_to_cart_button{
height:52px;
padding:0 18px !important;
display:inline-flex;
align-items:center;
justify-content:center;
} .woocommerce.archive #secondary,
.woocommerce-page.archive #secondary{
display:none !important;
} .woocommerce div.product{
max-width:1200px;
margin:0 auto;
padding:0 20px;
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:start;
}
.woocommerce div.product div.images{
max-width:600px;
}
.woocommerce div.product div.summary{
max-width:520px;
}
@media (max-width:900px){
.woocommerce div.product{
grid-template-columns:1fr;
gap:30px;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary{
max-width:100%;
}
} .single-product .site-main{
max-width:1200px;
margin:0 auto;
padding:0 16px;
}
.single-product .mdm-product-top{
display:grid;
grid-template-columns:minmax(420px, 600px) 1fr;
gap:60px;
align-items:start;
margin-top:10px;
} .single-product .woocommerce-product-gallery{
width:100%;
max-width:600px;
}
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery img{
width:100%;
height:auto;
}
.single-product .woocommerce-product-gallery img{
max-height:600px;
object-fit:contain;
} .single-product .entry-summary{
max-width:520px;
} @media (max-width:900px){
.single-product .mdm-product-top{
grid-template-columns:1fr;
gap:28px;
}
.single-product .entry-summary{
max-width:100%;
}
} .woocommerce .site-main,
.woocommerce-page .site-main{
max-width:1400px;
margin:0 auto;
padding:0 16px;
}
.mdm-shop-layout{
display:grid;
grid-template-columns:280px 1fr;
gap:28px;
align-items:start;
}
.mdm-shop-sidebar{
background:#fff;
border-radius:16px;
box-shadow:0 8px 22px rgba(0,0,0,.06);
padding:16px;
position:sticky;
top:90px;
}
.mdm-shop-sidebar h3{
margin:0 0 10px 0;
font-size:13px;
font-weight:900;
letter-spacing:.4px;
text-transform:uppercase;
}
.mdm-shop-sidebar ul{list-style:none;margin:0;padding:0;}
.mdm-shop-sidebar li{margin:0;padding:0;}
.mdm-shop-sidebar a{
display:block;
padding:10px 10px;
border-radius:12px;
text-decoration:none;
color:#111;
font-weight:800;
font-size:13px;
}
.mdm-shop-sidebar a:hover{background:rgba(0,0,0,.06);}
.mdm-shop-sidebar .current-cat > a{background:rgba(0,0,0,.08);}
@media (max-width:1024px){
.mdm-shop-layout{grid-template-columns:1fr;}
.mdm-shop-sidebar{position:relative;top:auto;order:2;}
} .single-product .mdm-product-top{
display:grid;
grid-template-columns:minmax(420px, 600px) 1fr;
gap:60px;
align-items:start;
margin-top:10px;
}
.single-product .woocommerce-product-gallery{
width:100%;
max-width:600px;
}
.single-product .woocommerce-product-gallery img{
max-height:600px;
object-fit:contain;
}
.single-product .entry-summary{
max-width:520px;
}
@media (max-width:900px){
.single-product .mdm-product-top{
grid-template-columns:1fr;
gap:28px;
}
.single-product .entry-summary{max-width:100%;}
} .woocommerce #secondary,
.woocommerce-page #secondary{
display:none !important; }
.mdm-shop-main{
min-width:0;
} .single-product .mdm-shop-main .woocommerce-tabs,
.single-product .mdm-shop-main .related,
.single-product .mdm-shop-main .upsells,
.single-product .mdm-shop-main .woocommerce-Tabs-panel{
width:100% !important;
max-width:100% !important;
float:none !important;
clear:both !important;
display:block;
}
.single-product .mdm-shop-main .woocommerce-tabs{
margin-top:40px;
}
.single-product .mdm-shop-main .related{
margin-top:40px;
} .woocommerce aside#secondary,
.woocommerce-page aside#secondary,
.woocommerce .widget-area#secondary,
.woocommerce-page .widget-area#secondary{
display:none !important;
} .single-product .mdm-shop-main div.product{
display:block !important;
}
.single-product .mdm-shop-main .woocommerce-tabs,
.single-product .mdm-shop-main .woocommerce-tabs .wc-tabs,
.single-product .mdm-shop-main .woocommerce-tabs .woocommerce-Tabs-panel,
.single-product .mdm-shop-main .related,
.single-product .mdm-shop-main .upsells{
float:none !important;
clear:both !important;
width:100% !important;
max-width:100% !important;
}
.single-product .mdm-shop-main .woocommerce-tabs{
margin-top:40px !important;
} .single-product .mdm-shop-main .woocommerce-tabs ul.wc-tabs li.reviews_tab{
display:none !important;
} .single-product .mdm-product-top{
grid-template-columns:minmax(420px, 600px) minmax(520px, 1fr);
}
.single-product .entry-summary{
max-width:none !important;
width:100%;
} @media (min-width:901px){
.woocommerce div.product form.cart{
flex-wrap:nowrap !important;
align-items:stretch;
}
.woocommerce div.product form.cart .quantity{
flex:0 0 auto;
}
.woocommerce div.product form.cart .single_add_to_cart_button{
flex:1 1 auto;
min-width:260px;
}
} .single-product .product_meta{
max-width:none !important;
width:100%;
} .single-product .mdm-product-top{
grid-template-columns:minmax(360px,560px) 1fr;
gap:40px;
}
.single-product .entry-summary{
max-width:none;
padding-right:20px;
} .woocommerce div.product form.cart .quantity .qty{
height:56px;
font-size:18px;
font-weight:600;
min-width:110px;
}
.woocommerce div.product form.cart .single_add_to_cart_button{
height:56px;
font-size:18px;
padding:0 28px !important;
} .mdm-puff,
.puff,
.puff-card{
height:240px !important; }
.mdm-puff .puff-text,
.puff .puff-text,
.puff-card .puff-text{
position:absolute;
bottom:20px;
left:20px;
right:auto;
text-align:left;
} .puffs .puff-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:28px;
}
.puffs .puff{
position:relative;
height:260px; border-radius:18px;
overflow:hidden;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
box-shadow:0 10px 24px rgba(0,0,0,.10);
transition:transform .18s ease, box-shadow .18s ease;
}
.puffs .puff:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.45) 85%);
opacity:.95; transition:opacity .25s ease;
pointer-events:none;
}
.puffs .puff:hover{
transform:translateY(-2px);
box-shadow:0 16px 34px rgba(0,0,0,.14);
}
.puffs .puff:hover:before{
opacity:1;
} .puffs .puff .puff-icon{
position:absolute;
top:18px;
left:18px;
width:44px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
background:rgba(255,255,255,.92);
box-shadow:0 8px 18px rgba(0,0,0,.10);
z-index:2;
}
.puffs .puff .puff-icon svg{
width:24px;
height:24px;
} .puffs .puff h3,
.puffs .puff .puff-text{
position:absolute;
left:28px;
right:28px;
z-index:2;
margin:0;
text-align:left;
color:#fff;
}
.puffs .puff h3{
bottom:48px;
font-weight:900;
letter-spacing:.4px;
text-transform:uppercase;
font-size:18px;
line-height:1.15;
}
.puffs .puff .puff-text{
bottom:22px;
font-size:14px;
opacity:.92;
} .puffs .puff .puff-text + .puff-text{
bottom:18px;
font-size:13px;
opacity:.88;
} .puffs .puff a{
color:inherit;
text-decoration:none;
} @media (max-width:1024px){
.puffs .puff-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
.puffs .puff{height:240px;}
}
@media (max-width:600px){
.puffs .puff-grid{grid-template-columns:1fr;}
.puffs .puff{height:220px;}
} .cat-card{
position:relative;
overflow:hidden;
border-radius:18px;
}
.cat-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .35s cubic-bezier(.2,.8,.2,1);
} .cat-card::after{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,.0);
transition:background .25s ease;
pointer-events:none;
}
.cat-card .cat-overlay{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
text-align:center;
z-index:2;
pointer-events:none;
} .cat-card .cat-title{
display:inline-block;
padding:10px 18px;
background:rgba(0,0,0,.58);
color:#FFFFFF;
font-weight:900;
letter-spacing:.8px;
text-transform:uppercase;
font-size:16px;
line-height:1.1;
max-width:78%;
border-radius:0;
} .cat-card .cat-cta{
color:#FFFFFF;
font-weight:900;
letter-spacing:.8px;
text-transform:uppercase;
font-size:13px;
opacity:0;
transform:translateY(6px);
transition:opacity .18s ease, transform .18s ease;
} @media (hover:hover){
.cat-card:hover img{ transform:scale(1.03); }
.cat-card:hover::after{ background:rgba(0,0,0,.45); }
.cat-card:hover .cat-cta{
opacity:1;
transform:translateY(0);
} .cat-card:hover .cat-title{
background:rgba(0,0,0,.68);
}
} @media (hover:none){
.cat-card::after{ background:rgba(0,0,0,.25); }
.cat-card .cat-cta{ opacity:1; transform:none; }
} .cat-card{
position:relative;
overflow:hidden;
border-radius:0; }
.cat-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .40s ease;
} .cat-card::after{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,0);
transition:background .25s ease;
pointer-events:none;
}
.cat-card .cat-overlay{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
z-index:2;
pointer-events:none;
} .cat-card .cat-title{
display:inline-block;
background:rgba(0,0,0,.55);
color:#FFFFFF;
padding:12px 28px;
font-size:16px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
line-height:1.1;
white-space:nowrap;
} .cat-card .cat-cta{
margin-top:12px;
color:#FFFFFF;
font-size:13px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
opacity:0;
transform:translateY(6px);
transition:opacity .20s ease, transform .20s ease;
}
@media (hover:hover){
.cat-card:hover::after{ background:rgba(0,0,0,.35); }
.cat-card:hover img{ transform:scale(1.05); }
.cat-card:hover .cat-cta{ opacity:1; transform:translateY(0); }
} @media (hover:none){
.cat-card .cat-cta{ opacity:1; transform:none; }
} .cat-card{
position:relative;
overflow:hidden;
border-radius:0;
}
.cat-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .40s ease;
} .cat-card::after{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,0);
transition:background .25s ease;
pointer-events:none;
}
.cat-card .cat-overlay{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
z-index:2;
pointer-events:none;
width:auto !important;
max-width:none !important;
} .cat-card .cat-title{
display:inline-block !important;
width:auto !important;
max-width:none !important;
background:rgba(0,0,0,.55);
color:#FFFFFF;
padding:12px 28px;
font-size:16px;
font-weight:600;
letter-spacing:1.5px;
text-transform:uppercase;
line-height:1.1;
white-space:nowrap;
border-radius:0;
} .cat-card .cat-cta{
margin-top:10px;
color:#FFFFFF;
font-size:13px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
opacity:0;
transform:translateY(6px);
transition:opacity .20s ease, transform .20s ease;
}
@media (hover:hover){
.cat-card:hover::after{ background:rgba(0,0,0,.28); }
.cat-card:hover img{ transform:scale(1.04); }
.cat-card:hover .cat-cta{ opacity:1; transform:translateY(0); }
} @media (hover:none){
.cat-card .cat-cta{ opacity:1; transform:none; }
} .cat-card{
position:relative;
overflow:hidden;
border-radius:0;
}
.cat-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .40s ease;
} .cat-card::after{
display:none !important;
}
.cat-card .cat-overlay{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
z-index:2;
pointer-events:none;
width:auto !important;
max-width:none !important;
background:transparent !important; padding:0 !important;
} .cat-card .cat-title{
display:inline-block !important;
width:auto !important;
max-width:none !important;
background:rgba(0,0,0,.55);
color:#FFFFFF;
padding:12px 28px;
font-size:16px;
font-weight:600;
letter-spacing:1.5px;
text-transform:uppercase;
line-height:1.1;
white-space:nowrap;
border-radius:0;
} .cat-card .cat-cta{
margin-top:10px;
color:#FFFFFF;
font-size:13px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
opacity:0;
transform:translateY(6px);
transition:opacity .20s ease, transform .20s ease;
}
@media (hover:hover){
.cat-card:hover img{ transform:scale(1.04); }
.cat-card:hover .cat-cta{ opacity:1; transform:translateY(0); }
} @media (hover:none){
.cat-card .cat-cta{ opacity:1; transform:none; }
} .cat-card .cat-overlay{
position:absolute;
top:50%;
left:0;
width:100%;
transform:translateY(-50%);
text-align:center;
background:transparent;
}
.cat-card .cat-title{
display:block;
width:100%;
background:rgba(0,0,0,.45);
color:#FFFFFF;
padding:14px 0;
font-size:16px;
font-weight:400;
letter-spacing:1px;
text-transform:uppercase;
}
.cat-card .cat-cta{
margin-top:10px;
color:#fff;
font-size:13px;
font-weight:400;
opacity:0;
transition:.2s;
}
.cat-card:hover .cat-cta{
opacity:1;
} .cat-card .cat-overlay{
position:absolute;
top:50%;
left:0;
width:100%;
transform:translateY(-50%);
text-align:center;
background:rgba(0,0,0,.45);
padding:14px 0;
}
.cat-card .cat-title{
background:none;
color:#FFFFFF;
font-size:16px;
font-weight:400;
letter-spacing:1px;
text-transform:uppercase;
} .cat-card{position:relative; overflow:hidden;}
.cat-card img{
width:100%;
height:100%;
object-fit:cover;
filter:none !important;
transform:none !important;
image-rendering:auto;
}
.cat-card .cat-overlay{
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:100%;
background:rgba(0,0,0,.45);
padding:16px 0;
text-align:center;
}
.cat-card .cat-title{
background:none;
color:#fff;
font-weight:400;
letter-spacing:1px;
} .category-grid .cat-card .cat-overlay,
.cat-card .cat-overlay{
left:0 !important;
right:0 !important;
width:100% !important;
top:50% !important;
bottom:auto !important;
transform:translateY(-50%) !important;
background:rgba(0,0,0,.55) !important; padding:16px 0 !important;
border-radius:0 !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
box-shadow:none !important;
} .category-grid .cat-card .cat-title,
.cat-card .cat-title{
background:transparent !important;
padding:0 !important;
font-weight:400 !important;
color:#FFFFFF !important;
display:block !important;
width:100% !important;
text-align:center !important;
} .category-grid .cat-card img,
.cat-card img{
filter:none !important;
transform:none !important;
image-rendering:auto !important;
} .cat-overlay{
padding:8px 0 !important;
line-height:1.2;
}
.cat-title{
display:block;
} .cat-card .cat-overlay{
padding:0 !important;
height:44px !important; display:flex !important;
align-items:center !important;
justify-content:center !important;
background:rgba(0,0,0,.45) !important;
}
.cat-card .cat-title{
background:none !important;
line-height:1 !important;
padding:0 !important;
margin:0 !important;
} .cat-card .cat-overlay{
height:44px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
}
.cat-card .cat-title{
display:flex;
align-items:center;
justify-content:center;
height:100%;
line-height:1;
} .cat-card .cat-overlay{
top:50%;
transform:translateY(-50%) !important;
height:44px !important;
display:block !important;
padding:0 !important;
}
.cat-card .cat-title{
line-height:44px !important;
display:block !important;
} .cat-card .cat-overlay{
top:45% !important;
transform:translateY(-50%) !important;
height:44px !important;
background:rgba(0,0,0,.45) !important;
}
.cat-card .cat-title{
line-height:44px !important;
} .cat-card{
position:relative;
display:flex;
align-items:center;
justify-content:center;
}
.cat-card img{
filter:none !important;
backdrop-filter:none !important;
}
.cat-card .cat-overlay{
position:absolute !important;
left:0;
top:50% !important;
transform:translateY(-50%) !important;
width:100%;
height:44px;
background:rgba(0,0,0,.45);
display:flex;
align-items:center;
justify-content:center;
}
.cat-card .cat-title{
line-height:1;
} .cat-card{
position:relative;
overflow:hidden;
} .cat-card .cat-overlay{
position:absolute !important;
left:0 !important;
width:100% !important;
height:44px !important;
background:rgba(0,0,0,.45) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
top:50% !important;
transform:translateY(-50%) !important;
transition:top .25s ease, transform .25s ease, background .25s ease;
z-index:3;
}
.cat-card .cat-title{
margin:0 !important;
padding:0 !important;
line-height:1 !important;
} .cat-card .cat-cta{
display:block;
position:absolute;
left:0;
width:100%;
top:50%;
transform:translateY(-50%);
margin-top:0;
text-align:center;
color:#fff;
font-size:13px;
font-weight:400;
letter-spacing:1px;
text-transform:uppercase;
opacity:0;
transition:opacity .2s ease;
z-index:4;
pointer-events:none;
} @media (hover:hover){
.cat-card:hover .cat-overlay{
top:16px !important;
transform:none !important;
background:rgba(0,0,0,.55) !important;
}
.cat-card:hover .cat-cta{
top:64px !important; transform:none !important;
opacity:1;
}
} .puffs .puff,
.mdm-puff,
.puff-card{
height:180px !important;
} .cat-card,
.cat-card img,
.product-category a{
border-radius:12px !important;
overflow:hidden;
} .single-product .product_title{
font-size:32px;
font-weight:800;
letter-spacing:.5px;
text-transform:uppercase;
margin:0 0 10px 0;
}
.single-product .price{
font-size:28px;
font-weight:800;
margin:0 0 14px 0;
}
.single-product .woocommerce-product-details__short-description{
font-size:15px;
line-height:1.6;
margin-bottom:18px;
max-width:none;
} .woocommerce div.product form.cart{
display:flex;
gap:12px;
align-items:stretch;
margin:18px 0 14px 0;
}
.woocommerce div.product form.cart .quantity .qty{
height:56px;
font-size:18px;
font-weight:600;
border-radius:12px;
}
.woocommerce div.product form.cart .single_add_to_cart_button{
height:56px;
border-radius:12px;
font-size:18px;
font-weight:800;
} .single-product .woocommerce-tabs{
margin-top:42px;
}
.single-product .woocommerce-tabs ul.wc-tabs{
display:none; }
.single-product .woocommerce-tabs .woocommerce-Tabs-panel{
padding:0;
border:0;
} .single-product .related{
margin-top:44px;
} .single-product .mdm-product-top{
grid-template-columns:600px 1fr;
gap:48px;
} .single-product .woocommerce-product-gallery{
max-width:600px;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery img{
max-width:600px !important;
max-height:600px !important;
width:100% !important;
height:auto !important;
object-fit:contain;
} .single-product .entry-summary{
max-width:none !important;
} .single-product .woocommerce-product-details__short-description{
margin-top:18px;
} .mdm-cat-header{
margin:10px 0 18px 0;
text-align:center;
}
.mdm-cat-header .mdm-cat-title{
margin:0 0 8px 0;
font-size:28px;
font-weight:800;
letter-spacing:.6px;
text-transform:uppercase;
}
.mdm-cat-header .mdm-cat-desc{
margin:0 auto;
max-width:820px;
font-size:15px;
line-height:1.6;
color:#333;
} .woocommerce ul.products{
display:grid !important;
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
gap:26px !important;
max-width:1180px; margin:0 auto 40px auto !important;
padding:0 !important;
}
.woocommerce ul.products li.product{
width:auto !important;
margin:0 !important;
padding:12px 12px 14px 12px;
border-radius:16px;
box-shadow:0 10px 22px rgba(0,0,0,.08);
} .woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size:14px;
font-weight:800;
letter-spacing:.4px;
text-transform:uppercase;
}
.woocommerce ul.products li.product .price{
font-size:16px;
font-weight:800;
} .woocommerce ul.products li.product a img{
width:100% !important;
height:auto !important;
object-fit:contain;
}
@media (max-width:1024px){
.woocommerce ul.products{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; max-width:780px; }
}
@media (max-width:600px){
.woocommerce ul.products{ grid-template-columns:1fr !important; max-width:420px; }
} .mdm-cat-header{
text-align:left !important;
}
.mdm-cat-header .mdm-cat-desc{
margin:0 0 0 0 !important;
} .mdm-cat-header .mdm-cat-desc{
max-width:900px; }
.woocommerce ul.products{
max-width:900px !important; }
.woocommerce ul.products li.product{
min-height:420px; display:flex;
flex-direction:column;
justify-content:space-between;
}
.woocommerce ul.products li.product a img{
max-height:260px;
object-fit:contain;
} .single-product .mdm-product-top{
grid-template-columns:minmax(360px, 520px) 2fr; gap:56px;
align-items:start;
} .single-product .woocommerce-product-gallery{
width:100%;
max-width:520px;
}
.single-product .woocommerce-product-gallery__wrapper,
.single-product .flex-viewport{
max-width:520px;
} .single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery img{
width:100% !important;
max-width:520px !important;
height:auto !important;
max-height:520px !important;
object-fit:contain !important;
} .single-product .woocommerce-product-gallery .flex-control-thumbs{
display:flex;
gap:10px;
margin-top:12px;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{
width:auto !important;
flex:0 0 80px;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs img{
width:80px !important;
height:80px !important;
object-fit:cover !important;
border-radius:12px;
} .single-product .entry-summary{
width:100%;
max-width:none !important;
} @media (min-width: 901px){ .single-product .mdm-shop-layout{
display:grid;
grid-template-columns: 44px 1fr; gap:24px;
align-items:start;
}
.single-product .mdm-shop-sidebar{
position:sticky;
top:110px;
width:44px;
max-width:44px;
overflow:hidden;
transition:width .22s ease, max-width .22s ease, box-shadow .22s ease;
background:#fff;
border-radius:14px;
box-shadow:0 10px 22px rgba(0,0,0,.06);
}
.single-product .mdm-shop-sidebar:hover{
width:260px;
max-width:260px;
overflow:auto;
box-shadow:0 14px 34px rgba(0,0,0,.12);
} .single-product .mdm-shop-sidebar .mdm-shop-sidebar-inner{
width:260px; padding:14px 14px;
}
.single-product .mdm-shop-sidebar:not(:hover) .mdm-shop-sidebar-inner > *{
opacity:0;
pointer-events:none;
} .single-product .mdm-shop-sidebar::before{
content:"Kategorier";
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%) rotate(-90deg);
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
color:#666;
opacity:.9;
pointer-events:none;
white-space:nowrap;
}
.single-product .mdm-shop-sidebar:hover::before{
opacity:0;
}
} @media (min-width: 901px){
.single-product .mdm-product-top{
grid-template-columns: minmax(520px, 720px) 3fr !important;
gap:64px !important;
align-items:start;
}
} .single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .flex-viewport{
height:auto !important;
max-height:none !important;
}
.single-product .woocommerce-product-gallery{
max-width:720px !important;
width:100% !important;
} .single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery img{
width:100% !important;
height:auto !important;
max-height:none !important;
object-fit:contain !important;
} .single-product .woocommerce-product-gallery .flex-control-thumbs{
display:flex !important;
flex-wrap:nowrap;
gap:14px;
margin-top:14px;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{
flex:0 0 110px;
width:110px !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs img{
width:110px !important;
height:110px !important;
object-fit:cover !important;
border-radius:14px;
} .single-product form.variations_form .variations td.label,
.single-product form.variations_form .variations th.label,
.single-product form.variations_form .variations label{
display:none !important;
}
.single-product .woo-variation-items-wrapper .variable-item-contents .variable-item-span,
.single-product .woo-variation-items-wrapper .variable-item-contents .variable-item-title,
.single-product .woo-variation-items-wrapper .variable-item-contents .variable-item-content,
.single-product .woo-variation-items-wrapper .variable-item-contents span{
display:none !important;
} .single-product .woocommerce-product-gallery .slides > li:first-child{
display:block !important;
} .single-product .woocommerce-product-gallery .slides{
display:block !important;
} .single-product .product .woocommerce-product-gallery:nth-of-type(n+2){
display:none !important;
} .single-product .woocommerce-product-gallery{
overflow:visible;
}
.single-product .woocommerce-product-gallery .flex-viewport{
overflow:hidden !important;
} .single-product .woocommerce-product-gallery{
width:100% !important;
max-width:720px !important;
margin:0 auto !important;
}
.single-product .woocommerce-product-gallery__wrapper{
width:100% !important;
margin:0 !important;
}
.single-product .woocommerce-product-gallery__image{
width:100% !important;
}
.single-product .woocommerce-product-gallery__image img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
} .single-product .woocommerce-product-gallery .flex-control-thumbs{
display:flex !important;
justify-content:center;
gap:18px;
margin-top:16px !important;
padding:0 !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{
flex:0 0 120px;
width:120px !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs img{
width:120px !important;
height:120px !important;
object-fit:cover !important;
border-radius:14px;
} @media (min-width: 901px){
.single-product .mdm-product-top{
grid-template-columns: minmax(520px, 720px) 4fr !important; gap:64px !important;
align-items:start;
}
}
.single-product .woocommerce-product-gallery{
width:100% !important;
max-width:720px !important;
margin:0 auto !important;
}
.single-product .woocommerce-product-gallery .flex-viewport{
overflow:hidden !important;
height:auto !important;
max-height:none !important;
} .single-product .woocommerce-product-gallery .slides{
width:100% !important;
margin:0 !important;
padding:0 !important;
}
.single-product .woocommerce-product-gallery .slides > li{
width:100% !important;
float:left !important; display:block !important;
margin:0 !important;
} .single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
max-height:none !important;
} .single-product .woocommerce-product-gallery .flex-control-thumbs{
display:flex !important;
justify-content:center;
gap:18px;
margin-top:16px !important;
padding:0 !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{
flex:0 0 120px;
width:120px !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs img{
width:120px !important;
height:120px !important;
object-fit:cover !important;
border-radius:14px;
} .single-product .entry-summary{ max-width:980px; }
.single-product .product_title{
font-size:44px; font-weight:900; letter-spacing:1px; text-transform:uppercase;
} .single-product form.variations_form .variations{
width:100%;
border:1px solid #e5e5e5;
border-radius:10px;
overflow:hidden;
margin:18px 0 18px 0;
}
.single-product form.variations_form .variations tr{ display:block; width:100%; border-top:1px solid #ededed; }
.single-product form.variations_form .variations tr:first-child{ border-top:0; }
.single-product form.variations_form .variations td{ display:block; width:100%; padding:0; }
.single-product form.variations_form .variations td.value{ padding:0; } .single-product .woo-variation-items-wrapper,
.single-product .variable-items-wrapper{ padding:26px 20px 24px 20px; }
.single-product .variable-items-wrapper{
display:flex; justify-content:space-between; align-items:flex-start;
gap:22px; flex-wrap:nowrap;
}
.single-product .variable-items-wrapper .variable-item{ flex:1 1 0; text-align:center; }
.single-product .variable-items-wrapper .variable-item .variable-item-contents{
display:flex; flex-direction:column; align-items:center; gap:10px;
} .single-product .summary .price,
.single-product .woocommerce-variation-price .price{
font-size:38px; font-weight:900; color:#111; margin:12px 0 14px 0;
}
.single-product .price del{ opacity:.45; } .single-product .reset_variations{
float:right; font-size:14px; color:#111; text-decoration:none; margin-top:-6px;
} .single-product form.cart{ display:flex; gap:18px; align-items:stretch; margin:14px 0 14px 0; }
.single-product form.cart .quantity{ flex:0 0 110px; }
.single-product form.cart .quantity .qty{
width:110px; height:58px; font-size:18px; border-radius:10px;
} .single-product form.cart .single_add_to_cart_button{
flex:1 1 auto; height:58px; border-radius:10px;
background:#d7c692; color:#fff; font-weight:900; font-size:18px;
text-transform:uppercase; letter-spacing:1px;
}
.single-product form.cart .single_add_to_cart_button:hover{ filter:brightness(.95); } .single-product .woocommerce-product-gallery{ max-width:720px !important; width:100% !important; }
.single-product .woocommerce-product-gallery .flex-viewport{ overflow:hidden !important; height:auto !important; } .single-product .woocommerce-product-gallery .slides{
display:flex !important;
flex-wrap:nowrap !important;
padding:0 !important;
margin:0 !important;
}
.single-product .woocommerce-product-gallery .slides > li{
flex:0 0 100% !important;
width:100% !important;
margin:0 !important;
} .single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
} .single-product .woocommerce-product-gallery .flex-control-thumbs{
display:flex !important;
justify-content:center;
gap:16px;
margin-top:16px !important;
padding:0 !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{ flex:0 0 120px; width:120px !important; }
.single-product .woocommerce-product-gallery .flex-control-thumbs img{
width:120px !important;
height:120px !important;
object-fit:cover !important;
border-radius:14px;
} @media (min-width: 901px){
.single-product .mdm-product-top{
grid-template-columns: minmax(520px, 720px) 4fr !important;
gap:64px !important;
align-items:start;
}
} .single-product .mdm-simple-gallery{max-width:720px;margin:0 auto;}
.single-product .mdm-simple-gallery .mdm-main-image{
width:100%;
border-radius:16px;
overflow:hidden;
}
.single-product .mdm-simple-gallery .mdm-main-image img{
width:100%;
height:auto;
object-fit:contain;
display:block;
}
.single-product .mdm-simple-gallery .mdm-thumbs{
display:flex;
justify-content:center;
gap:16px;
margin-top:16px;
padding:0;
list-style:none;
}
.single-product .mdm-simple-gallery .mdm-thumbs li{
flex:0 0 120px;
}
.single-product .mdm-simple-gallery .mdm-thumbs img{
width:120px;
height:120px;
object-fit:cover;
border-radius:14px;
cursor:pointer;
opacity:.9;
}
.single-product .mdm-simple-gallery .mdm-thumbs img:hover{
opacity:1;
} .single-product .mdm-simple-gallery{ max-width:820px; }
.single-product .mdm-simple-gallery .mdm-main-image img{
max-width:820px;
max-height:820px;
}
.single-product .mdm-simple-gallery .mdm-thumbs img{
pointer-events:auto !important;
}
.single-product .mdm-simple-gallery .mdm-thumbs li{
cursor:pointer;
} .single-product .mdm-simple-gallery{ 
max-width:440px;
}
.single-product .mdm-simple-gallery .mdm-main-image{
width:440px;
height:440px;
}
.single-product .mdm-simple-gallery .mdm-main-image img{
width:440px;
height:440px;
object-fit:contain;
}
.single-product .mdm-simple-gallery .mdm-thumbs img{
width:90px;
height:90px;
object-fit:cover;
} .mdm-shop-sidebar .mdm-cat-list .mdm-main-cat{
list-style:none !important;
margin:0 0 14px 0 !important;
padding:0 !important;
}
.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat-title{
display:block !important;
background:#d6c58e !important;
color:#000 !important;
font-weight:700 !important;
text-transform:uppercase !important;
padding:10px 14px !important;
margin:0 0 8px 0 !important;
border-radius:4px !important;
letter-spacing:.4px !important;
}
.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .children{
margin:0 !important;
padding:0 !important;
}
.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .children li{
list-style:none !important;
margin:0 !important;
padding:0 !important;
}
.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .children li a{
display:block !important;
padding:8px 12px !important;
} .mdm-shop-sidebar-inner > h3{
display:none !important;
}
.mdm-shop-sidebar{
position: relative !important;
}
.mdm-shop-sidebar .mdm-shop-sidebar-inner{
max-height: calc(100vh - 140px) !important;
overflow-y: auto !important;
overflow-x: hidden !important;
padding-right: 6px !important;
} .mdm-shop-sidebar .mdm-cat-list{
margin-top: 0 !important;
padding-top: 0 !important;
}
.mdm-shop-sidebar .mdm-cat-list > li:first-child{
margin-top: 0 !important;
} .home .mdm-home-categories .mdm-category-card[data-title="MENY INLAGA"],
.home .mdm-home-categories .mdm-category-card[data-title="POPULÄRA PRODUKTER"],
.home .mdm-home-categories .mdm-category-card[data-title="FÖR RESTAURANGER"],
.home .mdm-home-categories .mdm-category-card[data-title="MENYPÄRMAR SOFT"]{
display:none !important;
} .home .mdm-home-categories .mdm-category-card .mdm-category-title,
.home .mdm-home-categories .mdm-category-card h2,
.home .mdm-home-categories .mdm-category-card h3,
.home .mdm-home-categories .mdm-category-card h4,
.home .mdm-home-categories .mdm-category-card .title{
word-break: break-word;
}
.home .mdm-home-categories .mdm-category-card:has(.mdm-category-title),
.home .mdm-home-categories .mdm-category-card:has(h2),
.home .mdm-home-categories .mdm-category-card:has(h3),
.home .mdm-home-categories .mdm-category-card:has(h4){
} .mdm-shop-sidebar .mdm-shop-sidebar-inner{
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
.mdm-shop-sidebar .mdm-shop-sidebar-inner::-webkit-scrollbar{
width: 0 !important;
height: 0 !important;
display: none !important;
} .footer-grid .footer-item,
.footer-grid .footer-item p,
.footer-grid .footer-item span,
.footer-grid .footer-item strong,
.footer-grid .footer-title,
.mdm-puff,
.mdm-puff p,
.mdm-puff-text,
.mdm-puff-title{
font-size:17px !important;
font-weight:600 !important;
line-height:1.2 !important;
letter-spacing:.3px !important;
}
.footer-grid .footer-item strong{
font-weight:600 !important;
} .home .elementor-widget-text-editor .elementor-widget-container,
.home .elementor-widget-text-editor .elementor-widget-container *,
.home .elementor-widget-heading .elementor-heading-title,
.home .elementor-widget-heading .elementor-heading-title *,
.home .mdm-puffs *,
.home .footer-grid .footer-item *,
.home .footer-grid .footer-item a,
.home .footer-grid .footer-item a *{
font-size:17px !important;
font-weight:600 !important;
line-height:1.2 !important;
letter-spacing:.3px !important;
text-transform:none !important;
} .home .elementor-widget-text-editor,
.home .elementor-widget-heading{
text-shadow:none !important;
} .puffs .puff h3{
font-weight:400 !important;
font-size:17px !important;
line-height:1.2 !important;
letter-spacing:.3px !important;
text-transform:uppercase !important;
}
.puffs .puff .puff-text{
font-weight:400 !important;
font-size:14px !important;
line-height:1.35 !important;
letter-spacing:0 !important;
}
.puffs .puff strong,
.puffs .puff b{
font-weight:400 !important;
} .home .woocommerce ul.products{
gap: 24px !important;
}
.home .woocommerce ul.products li.product-category,
.home .mdm-home-categories li.product-category,
.home .mdm-home-categories .mdm-category-card,
.home .mdm-home-categories .category-card{
border-radius: 20px !important;
overflow: hidden !important;
background: #fff !important;
transition: transform .18s ease, box-shadow .18s ease !important;
}
.home .woocommerce ul.products li.product-category:hover,
.home .mdm-home-categories li.product-category:hover,
.home .mdm-home-categories .mdm-category-card:hover,
.home .mdm-home-categories .category-card:hover{
transform: translateY(-3px) !important;
box-shadow: 0 16px 36px rgba(0,0,0,.10) !important;
}
.home .woocommerce ul.products li.product-category img,
.home .mdm-home-categories img{
display: block !important;
width: 100% !important;
height: auto !important;
transition: transform .25s ease !important;
}
.home .woocommerce ul.products li.product-category:hover img,
.home .mdm-home-categories li.product-category:hover img,
.home .mdm-home-categories .mdm-category-card:hover img,
.home .mdm-home-categories .category-card:hover img{
transform: scale(1.03) !important;
}
.home .woocommerce ul.products li.product-category h2,
.home .woocommerce ul.products li.product-category .woocommerce-loop-category__title,
.home .mdm-home-categories .mdm-category-title,
.home .mdm-home-categories h2,
.home .mdm-home-categories h3{
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
text-align: center !important;
margin: 0 !important;
padding: 14px 10px 16px 10px !important;
}
.home .woocommerce ul.products li.product-category a,
.home .mdm-home-categories a{
text-decoration: none !important;
color: #111 !important;
}
.home .woocommerce ul.products li.product-category:hover h2,
.home .woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title,
.home .mdm-home-categories a:hover .mdm-category-title,
.home .mdm-home-categories a:hover h2,
.home .mdm-home-categories a:hover h3{
color: #b89a4a !important;
} .home .category-card-title,
.home .category-card h3,
.home .category-overlay,
.home .category-overlay span,
.home .mdm-home-categories .category-card-title,
.home .mdm-home-categories .category-card h3,
.home .mdm-home-categories .category-overlay,
.home .mdm-home-categories .category-overlay span{
font-size:14px !important;
font-weight:500 !important;
letter-spacing:.4px !important;
line-height:1.2 !important;
}
.home .category-overlay,
.home .mdm-home-categories .category-overlay{
padding:6px 10px !important;
background:rgba(0,0,0,.42) !important;
}
.home .category-card,
.home .mdm-home-categories .category-card{
overflow:hidden !important;
border-radius:18px !important;
}
.home .category-card img,
.home .mdm-home-categories .category-card img{
transition:transform .25s ease !important;
}
.home .category-card:hover img,
.home .mdm-home-categories .category-card:hover img{
transform:scale(1.03) !important;
} .cat-card .cat-title{
font-size:13px !important;
font-weight:500 !important;
line-height:1.15 !important;
letter-spacing:.3px !important;
}
.cat-card .cat-overlay{
padding:10px 12px !important;
} .column-mdm10_logo_thumb{ width: 90px; }
.column-mdm10_logo_thumb img{
display:block;
width:64px;
height:64px;
object-fit:contain;
background:#fff;
border:1px solid #e5e5e5;
border-radius:6px;
padding:4px;
} .dropdown-menu{
padding: 28px 34px !important;
}
.dropdown-menu .menu > ul{
display: grid !important;
grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
gap: 28px 38px !important;
align-items: start !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.dropdown-menu .menu > ul > li{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.dropdown-menu .menu > ul > li > a{
display: block !important;
font-weight: 700 !important;
font-size: 20px !important;
letter-spacing: .4px !important;
text-transform: uppercase !important;
color: #111 !important;
text-decoration: none !important;
border-bottom: 2px solid #d6c58e !important;
padding: 0 0 10px 0 !important;
margin: 0 0 12px 0 !important;
}
.dropdown-menu .menu > ul > li ul{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.dropdown-menu .menu > ul > li ul li{
margin: 0 !important;
padding: 0 !important;
}
.dropdown-menu .menu > ul > li ul li a{
display: block !important;
padding: 8px 0 !important;
color: #222 !important;
text-decoration: none !important;
font-size: 15px !important;
line-height: 1.35 !important;
transition: color .18s ease, transform .18s ease !important;
}
.dropdown-menu .menu > ul > li ul li a:hover{
color: #b89a4a !important;
transform: translateX(3px) !important;
}
.dropdown-menu .menu > ul > li > a:hover{
color: #b89a4a !important;
}
@media (max-width: 980px){
.dropdown-menu .menu > ul{
grid-template-columns: 1fr !important;
gap: 18px !important;
}
.dropdown-menu{
padding: 22px 20px !important;
}
.dropdown-menu .menu > ul > li > a{
font-size: 18px !important;
}
}  .footer-item .footer-title,
.footer-text,
footer.site-footer a,
footer.site-footer span,
footer.site-footer strong{
font-weight:400 !important;
} .logo-row{
gap:60px !important;
}
.logo-row img{
height:56px !important;
width:auto !important;
opacity:.92 !important;
} .cat-card .cat-title{
font-size:13px !important;
font-weight:500 !important;
line-height:1.15 !important;
letter-spacing:.3px !important;
}
.cat-card .cat-overlay{
padding:10px 12px !important;
} .puff h3{
font-weight:400 !important;
font-size:17px !important;
line-height:1.2 !important;
letter-spacing:.3px !important;
text-transform:uppercase !important;
}
.puff .puff-text{
font-weight:400 !important;
font-size:14px !important;
line-height:1.35 !important;
letter-spacing:0 !important;
}
.puff strong,
.puff b{
font-weight:400 !important;
} .logo-row img{
margin:0 35px !important;
} .logo-row{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:70px !important;
}
.logo-row img{
height:80px !important;
width:auto !important;
margin:0 !important;
} footer *,
.footer-item *,
.footer-text{
font-weight:400 !important;
} .logo-row{
display:flex !important;
flex-wrap:nowrap !important;
justify-content:center !important;
align-items:center !important;
gap:60px !important;
overflow:hidden;
}
.logo-row img{
height:80px !important;
width:auto !important;
flex:0 0 auto;
} .logo-row{
display:flex !important;
flex-wrap:nowrap !important;
justify-content:space-evenly !important;
align-items:center !important;
gap:0 !important;
max-width:1200px !important;
margin:0 auto !important;
padding:0 28px !important;
overflow:hidden !important;
}
.logo-row > *{
flex:0 1 auto !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
.logo-row img{
height:80px !important;
width:auto !important;
max-width:120px !important;
object-fit:contain !important;
margin:0 !important;
flex:0 0 auto !important;
}
@media (max-width: 1200px){
.logo-row{
padding:0 20px !important;
}
.logo-row img{
max-width:100px !important;
height:72px !important;
}
} .logo-row{
display:flex !important;
flex-wrap:nowrap !important;
justify-content:space-evenly !important;
align-items:center !important;
max-width:1400px !important;
margin:0 auto !important;
padding:0 60px !important; }
.logo-row img{
height:100px !important; width:auto !important;
max-width:160px !important;
object-fit:contain !important;
} .logo-row > *{
padding:0 20px !important;
} .dropdown-menu{
padding:34px 42px !important;
background:#fff !important;
box-shadow:0 22px 48px rgba(0,0,0,.10) !important;
}
.dropdown-menu .mdm-mega-menu{
display:grid !important;
grid-template-columns:repeat(3, minmax(220px,1fr)) !important;
gap:36px 48px !important;
max-width:1200px !important;
margin:0 auto !important;
}
.dropdown-menu .mdm-mega-col-title{
display:block !important;
font-weight:700 !important;
text-transform:uppercase !important;
font-size:19px !important;
letter-spacing:.35px !important;
color:#111 !important;
text-decoration:none !important;
border-bottom:2px solid #d6c58e !important;
padding:0 0 10px 0 !important;
margin:0 0 12px 0 !important;
}
.dropdown-menu .mdm-mega-links,
.dropdown-menu .mdm-mega-links li{
list-style:none !important;
margin:0 !important;
padding:0 !important;
}
.dropdown-menu .mdm-mega-links li a{
display:block !important;
position:relative !important;
padding:8px 0 8px 14px !important;
color:#222 !important;
text-decoration:none !important;
font-size:15px !important;
line-height:1.35 !important;
transition:color .18s ease, transform .18s ease !important;
}
.dropdown-menu .mdm-mega-links li a:before{
content:"";
width:6px;
height:6px;
border-radius:50%;
background:#d6c58e;
position:absolute;
left:0;
top:15px;
}
.dropdown-menu .mdm-mega-links li a:hover{
color:#b89a4a !important;
transform:translateX(4px) !important;
}
@media (max-width:980px){
.dropdown-menu{
padding:22px 20px !important;
}
.dropdown-menu .mdm-mega-menu{
grid-template-columns:1fr !important;
gap:20px !important;
}
} .puff .puff-button{
display:inline-block !important;
margin-top:12px !important;
padding:10px 16px !important;
border:1px solid rgba(255,255,255,.9) !important;
color:#fff !important;
text-decoration:none !important;
font-size:13px !important;
letter-spacing:.25px !important;
border-radius:4px !important;
transition:all .18s ease !important;
}
.puff .puff-button:hover{
background:#fff !important;
color:#111 !important;
}