/*
Theme Name: MenyDesign Modern V230
Description: V9 + Footer supports custom uploaded icons (no frame) via admin.
Version: 230.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: menydesign-modern
*/

: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 */
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 */
.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 */
.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 slider */
.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 */
.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);}

/* Puffar */
.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;}

/* Woo category grid */
.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 banner (bigger) */
.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 (5 columns, icon above text) */
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;
}
/* Preset icon (SVG) */
.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;}
/* Custom uploaded icon (no frame) */
.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 wrapper */
.footer-link{color:inherit;text-decoration:none;display:block;}
.footer-link:hover{text-decoration:underline;}



/* Puff background image + gradient like Menydesign feel */
.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 hover */
.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:hover{filter:brightness(.95);}


/* Puff layout improvement */
.puff{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:left;
  padding:32px;
}

/* sharper background rendering */
.puff.has-bg{
  background-size:cover;
  background-position:center center;
  image-rendering:auto;
}


/* V62 Puff sizing: 800x400 on desktop */
.puff-grid{
  }

 .puff{
  height:300px;
  max-width:800px;
  width:100%;
}

.puff.has-bg{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/* V62 responsive override */
@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;}
}


/* V62 Puff sizing + mobile-first */
.puff-grid{
  /* Center and keep a nice max width */
  }

/* Desktop default */
 .puff{
  height:300px;
  max-width:800px;
  width:100%;
  padding:40px;
}

/* Tablet */
@media (max-width:1024px){
  .puff-grid{grid-template-columns:1fr;}
  .puff{max-width:none;height:300px;padding:34px;}
}

/* Mobile */
@media (max-width:600px){
  .puff{height:200px;padding:26px;}
}

.puff.has-bg{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}



/* V62 Puff grid: 4 on desktop */
.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;
}

/* Tablet */
@media (max-width:1024px){
  .puff-grid{grid-template-columns: repeat(2, 1fr);}
  .puff{height:260px;}
}

/* Mobile */
@media (max-width:600px){
  .puff-grid{grid-template-columns: 1fr;}
  .puff{height:220px;}
}



/* V62 Puffar: kompakt storlek (mer lik menydesign.se) */
.puff-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:18px;
  max-width:1100px;
  margin:0 auto;
}

.puff{
  width:100%;
  height:170px;           /* kompakt */
  padding:18px 18px;
  border-radius:14px;
  display:flex;
  flex-direction:column;
  justify-content:center; /* centrerad i höjd */
  align-items:flex-start; /* vänster */
  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;}
}


/* V62 larger banner logos */
.logo-row img{
  height:84px;
}

/* V62 larger header logo */
.custom-logo{
  max-height:63px;
}

/* V62 better logo spacing + responsive scaling */
.logo-row{
  gap:50px;
  padding-top:10px;
  padding-bottom:10px;
}

.logo-row img{
  height:84px;
  width:auto;
}

/* tablet */
@media (max-width:1024px){
  .logo-row{
    gap:36px;
  }
  .logo-row img{
    height:64px;
  }
}

/* mobile */
@media (max-width:600px){
  .logo-row{
    gap:26px;
  }
  .logo-row img{
    height:48px;
  }
}

/* header logo responsive */
@media (max-width:600px){
  .custom-logo{
    max-height:52px;
  }
}


/* V62 Scrolling logo banner */
.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;
}

/* animation */
@keyframes logoScroll{
  0%{
    transform:translateX(0);
  }
  100%{
    transform:translateX(-50%);
  }
}

/* pause on hover */
.logos:hover .logo-row{
  animation-play-state:paused;
}


/* V62 Seamless scrolling logo banner (marquee) */
.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;
}

/* seamless loop: move one full row width (50% of track because we duplicate rows) */
@keyframes logoMarquee{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/* pause on hover */
.logos:hover .logo-track{
  animation-play-state:paused;
}

/* responsive spacing/sizing (keeps earlier sizes if present) */
@media (max-width:1024px){
  .logo-row{gap:36px;}
}
@media (max-width:600px){
  .logo-row{gap:26px;}
}


/* V62 Logo marquee (JS-measured distance, no jump, no overlap) */
.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;
}

/* Pause on hover (desktop) */
@media (hover:hover){
  .logos:hover .logo-track{
    animation-play-state:paused;
  }
}

/* Responsive spacing/sizing */
@media (max-width:1024px){
  .logo-row{gap:36px;}
}
@media (max-width:600px){
  .logo-row{gap:26px;}
}



/* V62 equal spacing between last and first logo */
.logo-row{
  gap:60px;
  position:relative;
}

/* add virtual spacing after last logo so loop gap matches */
.logo-row::after{
  content:"";
  flex:0 0 60px;
}

/* V62: real spacer element to keep equal gap between last and first logo */
.mdm-logo-spacer{
  flex:0 0 var(--mdm-logo-gap, 60px);
  width:var(--mdm-logo-gap, 60px);
  height:1px;
}


/* V62 Category cards: higher image quality + text overlay (like menydesign.se) */
.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; /* 50% smaller height */
  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;}
}



/* V62 Category cards: sliding text panel + reveal "Mer information" */
.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;
}

/* subtle dark overlay for readability */
.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;
}

/* sliding panel */
.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); /* svart med genomskinlighet */
  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; /* 50% smaller height */
  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;
}

/* hover: panel slides up and CTA appears */
.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;}
}



/* V62 Category cards: centered text + full-width bar (no rounded corners) */
.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;
}

/* Full-width bar centered vertically */
.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); /* svart genomskinlig */
  border-radius:0;            /* inga rundade hörn */
  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; /* 50% smaller height */
  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;
}

/* hover: bar slides up, CTA appears */
.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;}
}



/* V62 Category cards: narrower title background + hover slide to top + reveal CTA under bar */
.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;
}

/* Overlay container: centered initially */
.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;
}

/* Narrower black background only behind title (not edge-to-edge) */
.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; /* 50% smaller height */
  border-radius:0;
  max-width:80%;
}

/* CTA under the title bar (no background) */
.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;
}

/* Hover: move the title bar to the very top; CTA appears under it */
.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; /* 50% smaller height */
  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; /* 50% smaller height */
  border-radius:0;
  max-width:80%;
}
}



/* V62 Category overlay fix (single background, narrower, moves to top) */
.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;
}

/* single translucent background only here */
.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;
}

/* hover behaviour */
.cat-card:hover .cat-overlay{
  top:10px;
  transform:none;
}

.cat-card:hover .cat-cta{
  opacity:1;
  transform:translateY(0);
}


/* V62 Category overlay (menydesign-like motion) */
.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; /* click stays on card */
}

.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;
}

/* hover: move overlay to top and reveal CTA under */
@media (hover:hover){
  .cat-card:hover .cat-overlay{
    top:10px;
    transform:translateY(0);
  }
  .cat-card:hover .cat-cta{
    opacity:1;
    transform:translateY(0);
  }
}

/* touch devices: show CTA without hover */
@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;
  }
}



/* V62 Category overlay (match Menydesign.se feel) */
.cat-card{
  position:relative;
  overflow:hidden;
}
.cat-card img{
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}

/* Overlay container */
.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);
}

/* Title pill */
.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);
}

/* CTA hidden until hover */
.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;
}

/* Hover behavior (desktop): overlay snaps to top with "expo" feel, CTA reveals */
@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);
  }
}

/* Touch devices: show CTA and keep overlay near top */
@media (hover:none){
  .cat-card .cat-overlay{ top:12px; transform:translateY(0); }
  .cat-card .cat-cta{ opacity:1; transform:none; transition:none; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .cat-card img,
  .cat-card .cat-overlay,
  .cat-card .cat-cta{
    transition:none !important;
  }
}



/* V62 WooCommerce styling (approx Menydesign.se) */
.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);
}

/* badges */
.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;
}

/* Single product */
.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;
}

/* Responsive */
@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;
}
}


/* V62 larger product cards */
.woocommerce ul.products li.product{
  border-radius:18px;
}


/* V62 Fix: Woo products should not be narrow (override WC float/width rules) */
.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;
}



/* V62: Category/shop archive layout (centered) + left category menu */
.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);}

/* Center archive title */
.woocommerce-products-header{
  text-align:center;
  margin:10px 0 18px 0;
}
.woocommerce-products-header__title{
  font-weight:900;
  letter-spacing:.4px;
}

/* Ensure products grid uses full width inside main column */
.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;}
}



/* V62 Fix: ensure products are truly 3-per-row and start directly under content (no unexpected left gap) */
.mdm-shop-layout{
  width:100%;
}

.mdm-shop-main{
  min-width:0; /* prevents grid overflow squeezing */
}

.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;          /* remove auto-centering that can create weird spacing */
  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; /* remove clearfix pseudo elements that can interfere */
}

@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;
  }
}



/* V62 Single product: constrain image to ~600x600 */
.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;
}

/* V62 Quantity box matches add-to-cart button height */
.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;
}



/* V62: hide theme default sidebar/widgets on Woo archives (only show our category menu) */
.woocommerce.archive #secondary,
.woocommerce-page.archive #secondary{
  display:none !important;
}


/* V62 Fix single product page width and alignment */
.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%;
  }
}


/* V62 Single product layout (only top gallery+summary, tabs/related full width) */
.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;
}

/* gallery sizing */
.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;
}

/* summary sizing */
.single-product .entry-summary{
  max-width:520px;
}

/* stack on smaller screens */
@media (max-width:900px){
  .single-product .mdm-product-top{
    grid-template-columns:1fr;
    gap:28px;
  }
  .single-product .entry-summary{
    max-width:100%;
  }
}



/* V62: Woo layout with left category menu (archive + single product) */
.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;}
}

/* V62 Single product: only gallery+summary in two columns, tabs/related below */
.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%;}
}



/* V62: Prevent double sidebars on Woo pages + ensure tabs/related below full width */
.woocommerce #secondary,
.woocommerce-page #secondary{
  display:none !important; /* hide theme sidebar completely on Woo pages */
}

.mdm-shop-main{
  min-width:0;
}

/* Single product: tabs/related should take full width in main column and clear floats */
.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;
}


/* V62: hide any theme sidebar on Woo pages (more aggressive selectors) */
.woocommerce aside#secondary,
.woocommerce-page aside#secondary,
.woocommerce .widget-area#secondary,
.woocommerce-page .widget-area#secondary{
  display:none !important;
}


/* V62: Force product tabs (Beskrivning) under gallery+summary and full width */
.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;
}

/* Hide reviews tab nav if any remains */
.single-product .mdm-shop-main .woocommerce-tabs ul.wc-tabs li.reviews_tab{
  display:none !important;
}



/* V62: Use available width in summary column + keep qty + button on same row */
.single-product .mdm-product-top{
  grid-template-columns:minmax(420px, 600px) minmax(520px, 1fr);
}

.single-product .entry-summary{
  max-width:none !important;
  width:100%;
}

/* Cart row: qty + button inline on desktop */
@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;
  }
}

/* Meta (Kategorier / Etiketter) should use full width */
.single-product .product_meta{
  max-width:none !important;
  width:100%;
}



/* V62: use more horizontal space + improve qty styling */
.single-product .mdm-product-top{
  grid-template-columns:minmax(360px,560px) 1fr;
  gap:40px;
}

.single-product .entry-summary{
  max-width:none;
  padding-right:20px;
}

/* qty box style similar visual weight as button */
.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;
}


/* V62: Puff height -20% and text bottom-left */
.mdm-puff,
.puff,
.puff-card{
  height:240px !important; /* approx 20% smaller if previous ~300 */
}

.mdm-puff .puff-text,
.puff .puff-text,
.puff-card .puff-text{
  position:absolute;
  bottom:20px;
  left:20px;
  right:auto;
  text-align:left;
}


/* V62: Puffar – match Menydesign.se (storlek, grid, text nere vänster, hover) */
.puffs .puff-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:28px;
}

.puffs .puff{
  position:relative;
  height:260px;              /* ~520x260 känsla (2:1) */
  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;               /* lätt mörkning som original */
  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;
}

/* Icon uppe vänster (om vald) */
.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;
}

/* Text nere vänster */
.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;
}

/* Om två puff-text finns: gör den andra lite mindre */
.puffs .puff .puff-text + .puff-text{
  bottom:18px;
  font-size:13px;
  opacity:.88;
}

/* Länk i rubrik ska inte ändra layout */
.puffs .puff a{
  color:inherit;
  text-decoration:none;
}

/* Responsive: 2 kolumner tablet, 1 kolumn mobil */
@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;}
}



/* V62: Category tiles overlay like Menydesign.se (title bar + hover "MER INFORMATION") */
.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);
}

/* darken overlay on hover */
.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;
}

/* Title bar */
.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;
}

/* CTA hidden until hover */
.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;
}

/* Hover */
@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);
  }
  /* make title bar slightly darker on hover like reference */
  .cat-card:hover .cat-title{
    background:rgba(0,0,0,.68);
  }
}

/* Touch: show CTA always but lighter overlay */
@media (hover:none){
  .cat-card::after{ background:rgba(0,0,0,.25); }
  .cat-card .cat-cta{ opacity:1; transform:none; }
}



/* V62: Kategori-rutor (match ref: innan hover endast titelbar, på hover mörk + MER INFORMATION) */
.cat-card{
  position:relative;
  overflow:hidden;
  border-radius:0; /* ref har raka hörn */
}

.cat-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .40s ease;
}

/* dark overlay only on hover */
.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;
}

/* Title bar (smal, auto-bredd) */
.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;
}

/* CTA hidden until hover */
.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); }
}

/* Touch: visa CTA alltid men utan mörk hover-känsla */
@media (hover:none){
  .cat-card .cat-cta{ opacity:1; transform:none; }
}



/* V62: Kategori-rutor – smal titelbar som original (ingen stor ruta) + CTA på hover */
.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;
}

/* No overlay by default (only subtle darkening on hover) */
.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;
}

/* Title bar must hug text (fix: prevent 100% width blocks from other CSS) */
.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;
}

/* CTA hidden until hover */
.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); }
}

/* Touch: show CTA always */
@media (hover:none){
  .cat-card .cat-cta{ opacity:1; transform:none; }
}



/* V62: Kategori-rutor – endast smal titelbar (ingen stor svart ruta). CTA på hover. */
.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;
}

/* IMPORTANT: no full overlay layer */
.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; /* prevent square background */
  padding:0 !important;
}

/* Title bar hugs text */
.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;
}

/* CTA hidden until hover */
.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); }
}

/* Touch: show CTA always */
@media (hover:none){
  .cat-card .cat-cta{ opacity:1; transform:none; }
}



/* V62: Kategori-bar kant till kant + normal text */
.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;
}


/* V62: Same as V60 but background bar full width */
.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;
}

/* V64 category bar full width + sharper images */
.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;
}


/* V64: Force category overlay bar full width (left->right) + remove any blur */
.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; /* svart */
  padding:16px 0 !important;
  border-radius:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}

/* Title text should NOT have its own background */
.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;
}

/* Ensure images are not blurred by filters/transforms */
.category-grid .cat-card img,
.cat-card img{
  filter:none !important;
  transform:none !important;
  image-rendering:auto !important;
}


/* V65 thinner category bar (equal space above/below text) */
.cat-overlay{
padding:8px 0 !important;
line-height:1.2;
}

.cat-title{
display:block;
}


/* V66: Force category bar height (fix override issues) */
.cat-card .cat-overlay{
  padding:0 !important;
  height:44px !important;          /* thinner bar */
  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;
}

/* V67 perfectly center text inside bar */
.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;
}

/* V68 move bar slightly up and perfectly center text */
.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;
}

/* V69 adjust bar vertical position */
.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;
}

/* V70 lock overlay perfectly centered and full width */
.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;
}

/* V71: Category hover animation - bar moves to top and shows 'MER INFORMATION' */
.cat-card{
  position:relative;
  overflow:hidden;
}

/* default bar centered */
.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;
}

/* CTA line hidden by default */
.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;
}

/* Hover: move bar to top and reveal CTA below */
@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;           /* just under the bar */
    transform:none !important;
    opacity:1;
  }
}

/* V78: Puff height 30% smaller */
.puffs .puff,
.mdm-puff,
.puff-card{
height:180px !important;
}

/* V79: Same rounded corners as puffs on category images */
.cat-card,
.cat-card img,
.product-category a{
border-radius:12px !important;
overflow:hidden;
}


/* V83: Product page styling closer to Menydesign.se */
.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;
}

/* Make cart row match */
.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;
}

/* Tabs area cleaner */
.single-product .woocommerce-tabs{
  margin-top:42px;
}
.single-product .woocommerce-tabs ul.wc-tabs{
  display:none; /* Menydesign-style: no tab nav, only description content */
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel{
  padding:0;
  border:0;
}

/* Related products spacing */
.single-product .related{
  margin-top:44px;
}



/* V86: Single product layout tweaks (600x600 image, wider right column, move short desc below cart) */
.single-product .mdm-product-top{
  grid-template-columns:600px 1fr;
  gap:48px;
}

/* Ensure gallery area doesn't exceed 600 and stays square-ish */
.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;
}

/* Make summary column use full width */
.single-product .entry-summary{
  max-width:none !important;
}

/* Place moved short description with nice spacing */
.single-product .woocommerce-product-details__short-description{
  margin-top:18px;
}



/* V87: Category archive header + 3-per-row smaller product cards */
.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;
}

/* Force 3 columns and slightly smaller cards (about -20%) */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:26px !important;
  max-width:1180px;            /* gives a smaller card feel */
  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);
}

/* Slightly smaller typography */
.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;
}

/* Image sizing to avoid "blur stretch" */
.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; }
}



/* V88: Category description left-aligned */
.mdm-cat-header{
  text-align:left !important;
}
.mdm-cat-header .mdm-cat-desc{
  margin:0 0 0 0 !important;
}



/* V89: Category grid same width as description + adjusted height */
.mdm-cat-header .mdm-cat-desc{
  max-width:900px;   /* controls text width */
}

.woocommerce ul.products{
  max-width:900px !important;  /* same width as description */
}

.woocommerce ul.products li.product{
  min-height:420px;   /* adjust height proportionally */
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.woocommerce ul.products li.product a img{
  max-height:260px;
  object-fit:contain;
}



/* V90: Single product - image not oversized + right column double width */
.single-product .mdm-product-top{
  grid-template-columns:minmax(360px, 520px) 2fr; /* right column ~2x */
  gap:56px;
  align-items:start;
}

/* Gallery sizing */
.single-product .woocommerce-product-gallery{
  width:100%;
  max-width:520px;
}

.single-product .woocommerce-product-gallery__wrapper,
.single-product .flex-viewport{
  max-width:520px;
}

/* Make main image fit nicely (no stretching/cropping weirdness) */
.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;
}

/* Thumbnails row */
.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;
}

/* Ensure summary uses available width */
.single-product .entry-summary{
  width:100%;
  max-width:none !important;
}



/* V91: Minimize left category menu on single product; expand on hover (desktop) */
@media (min-width: 901px){
  /* Target our Woo layout wrapper used on product pages */
  .single-product .mdm-shop-layout{
    display:grid;
    grid-template-columns: 44px 1fr; /* collapsed sidebar */
    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);
  }

  /* Hide sidebar heading/links when collapsed via opacity */
  .single-product .mdm-shop-sidebar .mdm-shop-sidebar-inner{
    width:260px; /* so content doesn't wrap weird when expanded */
    padding:14px 14px;
  }

  .single-product .mdm-shop-sidebar:not(:hover) .mdm-shop-sidebar-inner > *{
    opacity:0;
    pointer-events:none;
  }

  /* Small handle indicator */
  .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;
  }
}




/* Make right column wider */
@media (min-width: 901px){
  .single-product .mdm-product-top{
    grid-template-columns: minmax(520px, 720px) 3fr !important;
    gap:64px !important;
    align-items:start;
  }
}

/* Fix "half image" issues from flexslider viewport constraints */
.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;
}

/* Let main image show fully */
.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;
}

/* Thumbnails nice like original */
.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;
}

/* Hide attribute/variation labels and option text under swatches (keep icons) */
.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;
}




/* If flexslider isn't adding class, show only first image */
.single-product .woocommerce-product-gallery .slides > li:first-child{
  display:block !important;
}

/* Ensure wrapper doesn't lay out multiple slides side-by-side */
.single-product .woocommerce-product-gallery .slides{
  display:block !important;
}



/* Some setups output a second gallery inside summary; hide any extra galleries after the first */
.single-product .product .woocommerce-product-gallery:nth-of-type(n+2){
  display:none !important;
}

/* Ensure only one main gallery is visible; keep flexslider functioning */
.single-product .woocommerce-product-gallery{
  overflow:visible;
}
.single-product .woocommerce-product-gallery .flex-viewport{
  overflow:hidden !important;
}

/* V96: Single product gallery should be 1 large image + thumbnails below (like reference) */
.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;
}

/* Thumbnails centered below */
.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;
}

/* V97: Woo single product gallery - show ONE main image + thumbnails (fix stacked/double images) */
@media (min-width: 901px){
  .single-product .mdm-product-top{
    grid-template-columns: minmax(520px, 720px) 4fr !important; /* wider right column */
    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;
}

/* Critical: don't stack slides vertically */
.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;          /* restore flexslider layout */
  display:block !important;
  margin:0 !important;
}

/* Main image fit */
.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;
}

/* Thumbnails centered below */
.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;
}


/* V98: Right column (summary) layout like Menydesign.se screenshot */
.single-product .entry-summary{ max-width:980px; }
.single-product .product_title{
  font-size:44px; font-weight:900; letter-spacing:1px; text-transform:uppercase;
}

/* Variation blocks */
.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; }

/* Swatches spacing */
.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;
}

/* Price big */
.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; }

/* Reset link right */
.single-product .reset_variations{
  float:right; font-size:14px; color:#111; text-decoration:none; margin-top:-6px;
}

/* Qty + button row */
.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;
}

/* Gold button */
.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); }


/* V101: Product gallery – ensure ONE main image visible + thumbnails swap main image (flex-safe) */
.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; }

/* Make slides behave like a carousel even if plugin CSS breaks floats */
.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;
}

/* Main image fit */
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Thumbnails row */
.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;
}

/* Wider right column */
@media (min-width: 901px){
  .single-product .mdm-product-top{
    grid-template-columns: minmax(520px, 720px) 4fr !important;
    gap:64px !important;
    align-items:start;
  }
}

/* V102: Simple product gallery (no flexslider) */
.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;
}

/* V103: Bigger main image + make thumbnails clickable */
.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;
}

/* V104: Product images fixed to 440x440px */
.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;
}


/* V171: Woo left menu main category styling */
.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;
}


/* V172: left menu cleanup + separate scroll */
.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;
}

/* tidy top spacing so menu starts directly with FÖR RESTAURANGER */
.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;
}

/* Hide homepage labels/sections requested */
.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;
}

/* Fallback: hide matching text blocks by common title selectors */
.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){
}


/* V173: cleaner hidden-scroll sidebar and stronger homepage category hiding */
.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;
}




/* V182: keep puff design, make puff text match category text style */
.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;
}


/* V183: stronger puff text override to match category text style */
.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;
}

/* keep puff card design unchanged */
.home .elementor-widget-text-editor,
.home .elementor-widget-heading{
  text-shadow:none !important;
}


/* V184: exact puff typography override to match requested non-bold style */
.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;
}


/* V185: homepage category layout polish */
.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;
}


/* V186 – perfect category grid overlay text */
.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;
}


/* V187 – smaller homepage category image text via actual theme selectors */
.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;
}


/* V189: admin thumbnail column for Logotyper */
.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;
}


/* V190: 3-column mega menu in hamburger dropdown */
.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;
  }
}


/* V194 – precise fixes in actual theme selectors */

/* Footer text should not be bold */
.footer-item .footer-title,
.footer-text,
footer.site-footer a,
footer.site-footer span,
footer.site-footer strong{
  font-weight:400 !important;
}

/* Logo banner spacing + size */
.logo-row{
  gap:60px !important;
}

.logo-row img{
  height:56px !important;
  width:auto !important;
  opacity:.92 !important;
}

/* Homepage category cards text sizing */
.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 typography */
.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;
}


/* V195: precise footer and logo banner fixes */
.logo-row img{
  margin:0 35px !important;
}


/* V196 logo banner improvements */
.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;
}

/* Force footer text normal weight */
footer *,
.footer-item *,
.footer-text{
    font-weight:400 !important;
}



/* V197 – logo banner single centered row with equal spacing */
.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;
}


/* V198 – premium logo row spacing */
.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;
    }
}

/* V199 – larger logos + more spacing */
.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; /* more space around row */
}

.logo-row img{
    height:100px !important;   /* bigger logos */
    width:auto !important;
    max-width:160px !important;
    object-fit:contain !important;
}

/* ensure equal spacing visually */
.logo-row > *{
    padding:0 20px !important;
}


/* V205 – working 3-column hamburger menu + puff 4 contact button */
.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:hover{
  background:#fff !important;
  color:#111 !important;
}


/* V207 – Puff shortcode/widget in modal popup */
.mdm10-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:99999;
  padding:24px;
}
.mdm10-modal-overlay.is-open{ display:flex; }
.mdm10-modal{
  width:min(720px, 100%);
  max-height:85vh;
  overflow:auto;
  background:#fff;
  border-radius:18px;
  box-shadow:0 25px 60px rgba(0,0,0,.20);
  position:relative;
  padding:32px 28px;
}
.mdm10-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  border:0;
  border-radius:999px;
  background:#f4f4f4;
  color:#111;
  cursor:pointer;
  font-size:22px;
  line-height:1;
}
.mdm10-modal-close:hover{ background:#e9e9e9; }
.puffs .puff[data-mdm10-modal="true"],
.puff[data-mdm10-modal="true"]{ cursor:pointer; }


/* V214 – style actual left product sidebar (.mdm-shop-sidebar) like hamburger menu */
.mdm-shop-sidebar{
  background:#fff !important;
  border-radius:18px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.06) !important;
  padding:14px !important;
}

.mdm-shop-sidebar h3{
  display:block !important;
  background:#d3bf80 !important;
  color:#111 !important;
  border-radius:8px !important;
  padding:11px 14px !important;
  margin:0 0 12px 0 !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:.25px !important;
  text-transform:uppercase !important;
}

.mdm-shop-sidebar ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.mdm-shop-sidebar li{
  margin:0 !important;
  padding:0 !important;
}

.mdm-shop-sidebar a{
  display:block !important;
  color:#111 !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  padding:8px 12px !important;
  border-radius:8px !important;
  transition:background .18s ease, color .18s ease, transform .18s ease !important;
}

.mdm-shop-sidebar a:hover{
  background:#f5f5f5 !important;
  color:#111 !important;
  transform:translateX(2px) !important;
}

.mdm-shop-sidebar .current-cat > a{
  background:#f5f5f5 !important;
}


/* V215 – left sidebar matches reference screenshot exactly */
.mdm-shop-sidebar{
  background:#fff !important;
  border-radius:18px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.06) !important;
  padding:18px 16px !important;
}

/* "KATEGORIER" title stays plain */
.mdm-shop-sidebar h3{
  display:block !important;
  background:none !important;
  color:#111 !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 0 16px 0 !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.5px !important;
  text-transform:uppercase !important;
  box-shadow:none !important;
}

/* top-level headings like hamburger screenshot: plain with gold underline */
.mdm-shop-sidebar > ul > li,
.mdm-shop-sidebar .product-categories > li{
  margin:0 0 18px 0 !important;
  padding:0 !important;
}

.mdm-shop-sidebar > ul > li > a,
.mdm-shop-sidebar .product-categories > li > a{
  display:block !important;
  background:none !important;
  color:#111 !important;
  border-radius:0 !important;
  padding:0 0 9px 0 !important;
  margin:0 0 10px 0 !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:.35px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  border-bottom:2px solid #cfbb78 !important;
  box-shadow:none !important;
}

/* child lists */
.mdm-shop-sidebar ul.children,
.mdm-shop-sidebar .product-categories .children{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.mdm-shop-sidebar ul.children li,
.mdm-shop-sidebar .product-categories .children li{
  position:relative !important;
  margin:0 0 10px 0 !important;
  padding:0 0 0 16px !important;
}

/* gold bullet */
.mdm-shop-sidebar ul.children li:before,
.mdm-shop-sidebar .product-categories .children li:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:12px !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#cfbb78 !important;
  display:block !important;
}

/* child links */
.mdm-shop-sidebar ul.children li a,
.mdm-shop-sidebar .product-categories .children li a{
  display:block !important;
  color:#333 !important;
  background:none !important;
  border-radius:0 !important;
  padding:2px 0 !important;
  margin:0 !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  box-shadow:none !important;
}

.mdm-shop-sidebar ul.children li a:hover,
.mdm-shop-sidebar .product-categories .children li a:hover{
  color:#000 !important;
  background:none !important;
  transform:translateX(2px) !important;
}

/* active child like screenshot */
.mdm-shop-sidebar ul.children .current-cat > a,
.mdm-shop-sidebar .product-categories .children .current-cat > a,
.mdm-shop-sidebar .current-cat-parent > a{
  color:#bd9b42 !important;
  background:none !important;
}

/* remove old active background from previous versions */
.mdm-shop-sidebar .current-cat > a{
  background:none !important;
}


/* V216 – ensure NO gold background on sidebar headings */
.mdm-shop-sidebar h3,
.mdm-shop-sidebar > ul > li > a,
.mdm-shop-sidebar .product-categories > li > a{
  background:none !important;
}

/* keep only underline style like hamburger menu */
.mdm-shop-sidebar > ul > li > a,
.mdm-shop-sidebar .product-categories > li > a{
  border-bottom:2px solid #cfbb78 !important;
}


/* V217 – refine left sidebar to match hamburger menu more closely */
.mdm-shop-sidebar{
  background:#fff !important;
  border-radius:18px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.06) !important;
  padding:18px 16px !important;
}

.mdm-shop-sidebar h3{
  background:none !important;
  color:#111 !important;
  padding:0 !important;
  margin:0 0 18px 0 !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.5px !important;
  text-transform:uppercase !important;
  border:0 !important;
  box-shadow:none !important;
}

.mdm-shop-sidebar > ul > li,
.mdm-shop-sidebar .product-categories > li{
  margin:0 0 22px 0 !important;
  padding:0 !important;
}

.mdm-shop-sidebar > ul > li > a,
.mdm-shop-sidebar .product-categories > li > a{
  display:block !important;
  background:none !important;
  color:#111 !important;
  padding:0 0 10px 0 !important;
  margin:0 0 12px 0 !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:.35px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  border:0 !important;
  border-bottom:2px solid #cfbb78 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.mdm-shop-sidebar ul.children,
.mdm-shop-sidebar .product-categories .children{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.mdm-shop-sidebar ul.children li,
.mdm-shop-sidebar .product-categories .children li{
  position:relative !important;
  margin:0 0 12px 0 !important;
  padding:0 0 0 16px !important;
}

.mdm-shop-sidebar ul.children li:before,
.mdm-shop-sidebar .product-categories .children li:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:11px !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#cfbb78 !important;
  display:block !important;
}

.mdm-shop-sidebar ul.children li a,
.mdm-shop-sidebar .product-categories .children li a{
  display:block !important;
  color:#333 !important;
  background:none !important;
  padding:2px 0 !important;
  margin:0 !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.55 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-decoration:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transition:color .18s ease, transform .18s ease !important;
}

.mdm-shop-sidebar ul.children li a:hover,
.mdm-shop-sidebar .product-categories .children li a:hover{
  color:#000 !important;
  background:none !important;
  transform:translateX(2px) !important;
}

.mdm-shop-sidebar ul.children .current-cat > a,
.mdm-shop-sidebar .product-categories .children .current-cat > a,
.mdm-shop-sidebar .current-cat-parent > a{
  color:#bd9b42 !important;
  background:none !important;
}

.mdm-shop-sidebar .current-cat > a{
  background:none !important;
}


/* V218 – left sidebar closer to hamburger menu */
.mdm-shop-sidebar{
  background:#fff !important;
  border-radius:18px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.06) !important;
  padding:18px 16px !important;
}

/* remove KATEGORIER title */
.mdm-shop-sidebar h3{
  display:none !important;
}

/* no background on main headings, same size as hamburger */
.mdm-shop-sidebar > ul > li,
.mdm-shop-sidebar .product-categories > li{
  margin:0 0 22px 0 !important;
  padding:0 !important;
}

.mdm-shop-sidebar > ul > li > a,
.mdm-shop-sidebar .product-categories > li > a{
  display:block !important;
  background:none !important;
  color:#111 !important;
  padding:0 0 10px 0 !important;
  margin:0 0 12px 0 !important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  letter-spacing:.45px !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  border:0 !important;
  border-bottom:2px solid #cfbb78 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.mdm-shop-sidebar > ul > li > a:hover,
.mdm-shop-sidebar .product-categories > li > a:hover{
  color:#b89a4a !important;
}

/* child lists */
.mdm-shop-sidebar ul.children,
.mdm-shop-sidebar .product-categories .children{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.mdm-shop-sidebar ul.children li,
.mdm-shop-sidebar .product-categories .children li{
  position:relative !important;
  margin:0 0 12px 0 !important;
  padding:0 0 0 18px !important;
}

/* centered gold bullet */
.mdm-shop-sidebar ul.children li:before,
.mdm-shop-sidebar .product-categories .children li:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#cfbb78 !important;
  display:block !important;
}

.mdm-shop-sidebar ul.children li a,
.mdm-shop-sidebar .product-categories .children li a{
  display:block !important;
  color:#222 !important;
  background:none !important;
  padding:2px 0 !important;
  margin:0 !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-decoration:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transition:color .18s ease, transform .18s ease !important;
}

.mdm-shop-sidebar ul.children li a:hover,
.mdm-shop-sidebar .product-categories .children li a:hover{
  color:#b89a4a !important;
  background:none !important;
  transform:translateX(2px) !important;
}

.mdm-shop-sidebar ul.children .current-cat > a,
.mdm-shop-sidebar .product-categories .children .current-cat > a,
.mdm-shop-sidebar .current-cat-parent > a{
  color:#bd9b42 !important;
  background:none !important;
}

.mdm-shop-sidebar .current-cat > a{
  background:none !important;
}


/* V219 – force remove gold background from main sidebar categories */
.mdm-shop-sidebar > ul > li > a,
.mdm-shop-sidebar .product-categories > li > a{
  background:none !important;
  background-color:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* keep only underline like hamburger menu */
.mdm-shop-sidebar > ul > li > a,
.mdm-shop-sidebar .product-categories > li > a{
  border-bottom:2px solid #cfbb78 !important;
  padding-bottom:10px !important;
}


/* V220 – clean sidebar category heading styling, remove old gold box */
.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:none !important;
  background-color:transparent !important;
  color:#000 !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  padding:10px 0 !important;
  margin:0 0 8px 0 !important;
  border-radius:0 !important;
  letter-spacing:.4px !important;
  border-bottom:2px solid #cfa520 !important;
  box-shadow:none !important;
}

/* keep submenu visual style */
.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .children,
.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .sub-menu{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .children li,
.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .sub-menu li{
  position:relative !important;
  margin:0 0 10px 0 !important;
  padding:0 0 0 16px !important;
}

.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .children li:before,
.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .sub-menu li:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#cfa520 !important;
}

.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .children li a,
.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .sub-menu li a{
  display:block !important;
  color:#222 !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
  padding:2px 0 !important;
  background:none !important;
}

.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .children li a:hover,
.mdm-shop-sidebar .mdm-cat-list .mdm-main-cat .sub-menu li a:hover{
  color:#b89a4a !important;
}


/* V221 – homepage footer text normal */
.home .site-footer,
.home footer,
.home .site-footer *,
.home footer *{
  font-weight:400 !important;
}

/* V221 – keep left product menu visible while scrolling */
.mdm-shop-sidebar{
  position:sticky !important;
  top:100px !important;
  align-self:start !important;
  max-height:calc(100vh - 120px) !important;
  overflow:auto !important;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.mdm-shop-sidebar::-webkit-scrollbar{
  width:0;
  height:0;
}

@media (max-width: 1024px){
  .mdm-shop-sidebar{
    position:relative !important;
    top:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}


/* V222 – FIX footer bold text (all pages incl homepage) */
.footer-item .footer-title{
  font-weight:400 !important;
}

.footer-item .footer-text{
  font-weight:400 !important;
}


/* V223 – exact footer fix */
.footer-item .footer-title,
.footer-item .footer-link .footer-title,
.home .footer-item .footer-title,
.home .footer-item .footer-link .footer-title{
  font-weight:400 !important;
}

.footer-item .footer-text,
.footer-item .footer-link .footer-text,
.home .footer-item .footer-text,
.home .footer-item .footer-link .footer-text{
  font-weight:400 !important;
}

/* V223 – lock top menu on scroll */
header.site-header,
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:10000 !important;
  background:#fff !important;
}

/* prevent dropdown/search from hiding under sticky header */
.dropdown-menu,
.search-bar{
  z-index:10001 !important;
}


/* V224 – unify footer text size on homepage */
.home .footer-item .footer-text,
.home .footer-item .footer-title{
  font-size:13px !important;
}

/* ensure same as other pages */
.footer-item .footer-text{
  font-size:13px !important;
}


/* V225 – 4 produkter per rad på desktop, mindre kort */
.woocommerce ul.products,
.woocommerce-page ul.products,
.mdm-shop-main ul.products{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:24px !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.mdm-shop-main ul.products li.product{
  width:auto !important;
  margin:0 !important;
}

.woocommerce ul.products li.product .product-inner,
.woocommerce-page ul.products li.product .product-inner,
.mdm-shop-main ul.products li.product .product-inner{
  padding:20px 18px !important;
}

.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img,
.mdm-shop-main ul.products li.product img{
  max-height:260px !important;
  width:auto !important;
  margin:0 auto 16px auto !important;
  object-fit:contain !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.mdm-shop-main ul.products li.product .woocommerce-loop-product__title{
  font-size:16px !important;
  line-height:1.2 !important;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.mdm-shop-main ul.products li.product .price{
  font-size:14px !important;
}

.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.mdm-shop-main ul.products li.product .button{
  padding:12px 16px !important;
  font-size:14px !important;
  border-radius:14px !important;
}

@media (max-width: 1200px){
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  .mdm-shop-main ul.products{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px){
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  .mdm-shop-main ul.products{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px){
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  .mdm-shop-main ul.products{
    grid-template-columns:1fr !important;
  }
}


/* V227 – MSPC layout fixes */

/* Max 5 options per row on desktop/tablet */
.single-product .summary.entry-summary .mspc-wrapper .mspc-content .mspc-variations{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

.single-product .summary.entry-summary .mspc-wrapper .mspc-content .mspc-variation{
  flex:0 0 calc((100% - 40px) / 5) !important;
  width:calc((100% - 40px) / 5) !important;
  min-width:calc((100% - 40px) / 5) !important;
  max-width:calc((100% - 40px) / 5) !important;
  box-sizing:border-box !important;
}

.single-product .summary.entry-summary .mspc-wrapper .mspc-content .mspc-variation img,
.single-product .summary.entry-summary .mspc-wrapper .mspc-content .mspc-variation .mspc-attribute-image{
  max-width:100% !important;
  height:auto !important;
}

/* Mobile: put selections under image instead of beside it */
@media (max-width: 767px){
  .single-product .mdm-product-top{
    display:block !important;
  }

  .single-product .mdm-product-top > .mdm-simple-gallery,
  .single-product .mdm-product-top > .summary.entry-summary{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .single-product .mdm-product-top > .summary.entry-summary{
    margin-top:20px !important;
  }

  .single-product .summary.entry-summary .mspc-wrapper .mspc-content .mspc-variations{
    gap:8px !important;
  }

  .single-product .summary.entry-summary .mspc-wrapper .mspc-content .mspc-variation{
    flex:0 0 calc((100% - 16px) / 3) !important;
    width:calc((100% - 16px) / 3) !important;
    min-width:calc((100% - 16px) / 3) !important;
    max-width:calc((100% - 16px) / 3) !important;
  }
}


/* V228 – mobile MSPC max 3 per row */
@media (max-width: 767px){
  .single-product .summary.entry-summary .mspc-wrapper .mspc-content .mspc-variation{
    flex:0 0 calc((100% - 16px) / 3) !important;
    width:calc((100% - 16px) / 3) !important;
    min-width:calc((100% - 16px) / 3) !important;
    max-width:calc((100% - 16px) / 3) !important;
  }
}


/* V229 – MSPC exact selectors from live markup */

/* stop horizontal row/scroll behavior */
.single-product .mspc-wrapper.mspc-items-vertical .mspc-content{
  overflow: visible !important;
}

.single-product .mspc-wrapper.mspc-items-vertical .mspc-tab-content.mspc-variations{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  overflow: visible !important;
  width: 100% !important;
}

/* make each option fit inside grid */
.single-product .mspc-wrapper.mspc-items-vertical .mspc-tab-content.mspc-variations .mspc-variation{
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: none !important;
  box-sizing: border-box !important;
}

.single-product .mspc-wrapper.mspc-items-vertical .mspc-tab-content.mspc-variations .mspc-attribute-image{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

.single-product .mspc-wrapper.mspc-items-vertical .mspc-tab-content.mspc-variations .mspc-text-wrapper{
  width: 100% !important;
}

/* mobile: selections under image and max 3 per row */
@media (max-width: 767px){
  .single-product .mdm-product-top{
    display: block !important;
  }

  .single-product .mdm-product-top > .mdm-simple-gallery,
  .single-product .mdm-product-top > .summary.entry-summary{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .single-product .mdm-product-top > .summary.entry-summary{
    margin-top: 20px !important;
  }

  .single-product .mspc-wrapper.mspc-items-vertical .mspc-tab-content.mspc-variations{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}


/* V230 – MSPC hard override fallback */
.single-product .mspc-wrapper .mspc-tab-content.mspc-variations{
  width:100% !important;
  max-width:100% !important;
  overflow:visible !important;
}

.single-product .mspc-wrapper .mspc-tab-content.mspc-variations .mspc-variation{
  box-sizing:border-box !important;
}

@media (max-width:767px){
  .single-product .mdm-product-top{
    display:block !important;
  }
  .single-product .mdm-product-top > .mdm-simple-gallery,
  .single-product .mdm-product-top > .summary.entry-summary{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    float:none !important;
  }
  .single-product .mdm-product-top > .summary.entry-summary{
    margin-top:20px !important;
  }
}