/* MetaMining Homepage Sections 1.5.1. Fully scoped; no WoodMart core styles changed. */
.mmhs{--mmhs-blue:#3672f0;--mmhs-cyan:#39bff1;--mmhs-ink:#101725;--mmhs-line:#e0e3e9;--mmhs-pale:#f5f6fd;--mmhs-card-gap:14px;box-sizing:border-box;width:100%;max-width:1320px;margin:0 auto 35px;font-family:inherit;color:var(--mmhs-ink)}
.mmhs *,.mmhs *::before,.mmhs *::after{box-sizing:border-box}
.mmhs-heading{margin:0 0 36px;text-align:center}
/* Match WoodMart Theme Settings > Typography > Basic > Title font.
   Using WoodMart custom properties instead of a plugin-specific font or 750
   weight keeps plugin headings consistent if the theme typography changes. */
.mmhs .mmhs-heading h2{
 font-family:var(--wd-title-font,inherit)!important;
 font-weight:var(--wd-title-font-weight,600)!important;
 font-style:var(--wd-title-font-style,normal)!important;
 font-size:clamp(22px,2.5vw,29px);
 line-height:1.25;
 letter-spacing:normal!important;
 text-transform:var(--wd-title-transform,none)!important;
 color:var(--wd-title-color,inherit)!important;
 margin:0 0 8px;
 padding:0;
 text-align:center;
}
.mmhs-heading__tip{display:block;width:0;height:0;margin:0 auto;border-left:14px solid transparent;border-right:14px solid transparent;border-top:15px solid var(--mmhs-blue)}
.mmhs-brands-wrap,.mmhs-products-wrap{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:12px}
/* Fixed square navigation controls. WoodMart / Elementor can otherwise impose a
   button min-height or padding, making circles turn into tall ovals on mobile. */
.mmhs button.mmhs-arrow{
 --mmhs-arrow-size:46px;
 appearance:none!important;
 display:grid!important;
 place-items:center!important;
 flex:0 0 var(--mmhs-arrow-size)!important;
 box-sizing:border-box!important;
 inline-size:var(--mmhs-arrow-size)!important;
 block-size:var(--mmhs-arrow-size)!important;
 width:var(--mmhs-arrow-size)!important;
 height:var(--mmhs-arrow-size)!important;
 min-width:var(--mmhs-arrow-size)!important;
 min-height:var(--mmhs-arrow-size)!important;
 max-width:var(--mmhs-arrow-size)!important;
 max-height:var(--mmhs-arrow-size)!important;
 aspect-ratio:1 / 1!important;
 padding:0!important;
 margin:0 auto!important;
 border:2px solid #121821!important;
 border-radius:9999px!important;
 background:#fff!important;
 color:#121821!important;
 cursor:pointer;
 box-shadow:0 2px 10px rgba(16,23,37,.06)!important;
 line-height:1!important;
 vertical-align:middle!important;
 overflow:hidden!important;
 transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.mmhs button.mmhs-arrow::before,.mmhs button.mmhs-arrow::after{content:none!important;display:none!important}
.mmhs .mmhs-arrow__icon{width:23px!important;height:23px!important;max-width:none!important;max-height:none!important;fill:none!important;stroke:currentColor!important;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;display:block!important;pointer-events:none}
.mmhs-arrow:hover:not(:disabled){background:#f5f8ff!important;border-color:var(--mmhs-blue)!important;transform:translateY(-1px)}
.mmhs-arrow:disabled{opacity:.32;cursor:default}
.mmhs button:focus-visible,.mmhs a:focus-visible{outline:3px solid #83aaff!important;outline-offset:3px}
/* Single spacing variable governs all card-to-card horizontal gaps at each breakpoint. */
.mmhs-brand-rail{display:flex;overflow-x:auto;overflow-y:hidden;gap:var(--mmhs-card-gap)!important;padding:8px 4px 16px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain;scroll-behavior:smooth}
.mmhs-brand-rail::-webkit-scrollbar,.mmhs-product-rail::-webkit-scrollbar{display:none}
.mmhs-brand{margin:0!important;appearance:none!important;position:relative;display:flex!important;flex:0 0 calc((100% + var(--mmhs-card-gap)) / 8 - var(--mmhs-card-gap));min-width:0;min-height:122px;z-index:0;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;padding:10px 5px!important;background:#fff!important;color:#121821!important;border:1px solid var(--mmhs-line)!important;border-radius:7px!important;box-shadow:none!important;scroll-snap-align:start;cursor:pointer;text-transform:none!important;line-height:1.1!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
@media (hover:hover) and (pointer:fine){
 .mmhs-brand:hover{z-index:3;transform:translateY(-3px) scale(1.025);border-color:var(--mmhs-blue)!important;box-shadow:0 7px 18px rgba(36,100,226,.17)!important}
 .mmhs-brand.is-active:hover{box-shadow:0 7px 20px rgba(36,100,226,.25)!important}
}
.mmhs-brand:focus:not(:focus-visible){outline:0!important}
.mmhs-brand:focus-visible{z-index:4;outline:3px solid #83aaff!important;outline-offset:2px}
.mmhs-brand.is-active{background:linear-gradient(110deg,var(--mmhs-blue),var(--mmhs-cyan))!important;color:#fff!important;border-color:transparent!important}
.mmhs-brand.is-active::after{content:"";position:absolute;bottom:-11px;left:calc(50% - 9px);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:10px solid var(--mmhs-blue)}
.mmhs-brand__image{display:flex;width:100%;height:80px;align-items:center;justify-content:center}
.mmhs-brand__image img{display:block;width:auto;height:auto;max-height:78px;max-width:100%;object-fit:contain}
.mmhs-brand__placeholder{font-size:42px;color:var(--mmhs-blue)}
.mmhs-brand.is-active .mmhs-brand__placeholder{color:#fff}
.mmhs-brand__name{max-width:100%;text-align:center;font-size:12px;font-weight:700;line-height:1.25;overflow-wrap:anywhere;color:inherit}
.mmhs-brand-result{min-height:160px}
.mmhs-brand-result[aria-busy=true]{opacity:.5;pointer-events:none}
/* Compact WoodMart-inspired shop cards; scoped entirely to MetaMining widgets. */
.mmhs-product-grid{display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--mmhs-card-gap)!important;row-gap:var(--mmhs-card-gap)!important;align-items:stretch}
.mmhs-product-grid>.mmhs-product{flex:0 0 calc((100% + var(--mmhs-card-gap)) / 5 - var(--mmhs-card-gap))}
.mmhs-products-scroller{min-width:0;overflow:hidden}
.mmhs-product-rail{display:flex;column-gap:var(--mmhs-card-gap)!important;row-gap:var(--mmhs-card-gap)!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:9px 8px 15px;align-items:stretch}
.mmhs-product-rail>.mmhs-product{flex:0 0 calc((100% + var(--mmhs-card-gap)) / 5 - var(--mmhs-card-gap));scroll-snap-align:start}
/* A stable 2px border avoids size jumps; hover/focus gives the same blue-edged card emphasis as the brand tiles. */
.mmhs-product{margin:0!important;position:relative;z-index:0;display:flex;min-width:0;flex-direction:column;padding:10px 11px 11px;background:#fff;border:2px solid transparent;border-radius:10px;color:var(--mmhs-ink);box-shadow:none;min-height:350px;overflow:hidden;transform:translateZ(0);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
@media (hover:hover) and (pointer:fine){
 .mmhs-product:hover{z-index:4;border-color:var(--mmhs-blue);box-shadow:0 8px 22px rgba(36,100,226,.14);transform:translateY(-3px) scale(1.012)}
}
.mmhs-product:focus-within{z-index:4;border-color:var(--mmhs-blue);box-shadow:0 6px 18px rgba(36,100,226,.13)}
.mmhs-product__photo{position:relative;display:flex;flex:none;aspect-ratio:1.12;min-height:0;width:100%;justify-content:center;align-items:center;background:#fff;border-radius:6px;overflow:hidden;text-decoration:none!important}
.mmhs-product__photo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:5px}
.mmhs-product__hash{position:absolute;top:4px;left:5px;right:5px;z-index:1;width:max-content;max-width:calc(100% - 10px);padding:3px 5px;background:rgba(255,255,255,.94);border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.3;color:#535d69}
.mmhs-product__sold{position:absolute;top:5px;right:5px;border-radius:5px;background:#070a10;color:#fff;padding:4px 7px;font-size:10px;font-weight:700;white-space:nowrap}
.mmhs-product__info{display:flex;flex-direction:column;min-width:0;min-height:83px;gap:4px;margin-top:6px}
.mmhs-product__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:0;margin:0!important;text-decoration:none!important;font-size:13px!important;font-weight:650;line-height:1.45!important;color:var(--mmhs-ink)!important}
.mmhs-product__name:hover{color:var(--mmhs-blue)!important}
.mmhs-product__category{min-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:18px;color:#96999f}
.mmhs-product__category a{color:inherit!important;text-decoration:none!important}
.mmhs-product__category a:hover{color:var(--mmhs-blue)!important}
.mmhs-product__stock{display:flex;align-items:center;gap:7px;min-height:19px;font-size:12px;line-height:18px;color:#323841}
.mmhs-product__stock.is-out-of-stock{color:#8a8e95}
.mmhs-product__tick{display:block;flex:none;width:12px;height:7px;border-bottom:2px solid #3474ef;border-left:2px solid #3474ef;transform:translateY(-2px) rotate(-45deg)}
.mmhs-product__purchase{display:flex;flex-direction:column;gap:5px;min-width:0;margin-top:auto;padding-top:11px}
.mmhs-product__price{display:flex;align-items:flex-end;justify-content:flex-start;width:100%;min-height:22px;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left;font-size:13px!important;font-weight:700!important;line-height:1.4!important;color:#2e68e9!important;text-decoration:none!important;cursor:pointer}
.mmhs-product__price:hover{color:#154ebf!important;text-decoration:underline!important}
.mmhs-product__price .woocommerce-Price-amount{color:inherit!important;font-weight:700!important}
.mmhs-product__price ins{text-decoration:none}
.mmhs-product__price del{opacity:.65;margin-right:4px}
.mmhs-product__action.button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:39px!important;margin:0!important;padding:8px 8px!important;border:1px solid #2e68e9!important;border-radius:5px!important;background:#2e68e9!important;position:relative!important;overflow:hidden!important;color:#fff!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:0!important;text-align:center!important;text-transform:none!important;text-decoration:none!important;white-space:normal!important;box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.mmhs-product__action.button:hover,.mmhs-product__action.button:focus-visible{border-color:#2157cd!important;background:#2157cd!important;color:#fff!important;transform:translateY(-1px)}
/* WoodMart-like cart reveal: button text stays available on touch devices. */
.mmhs-product__action-label{display:block;transition:opacity .15s ease,transform .15s ease}
.mmhs-product__action-icon{position:absolute;left:50%;top:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:translate(-50%,-35%) scale(.88);transition:opacity .15s ease,transform .15s ease}
.mmhs-product__action-icon svg{display:block;width:21px;height:21px;stroke:#fff}
@media (hover:hover) and (pointer:fine){
 .mmhs-product__action.button:hover .mmhs-product__action-label{opacity:0;transform:translateY(-4px)}
 .mmhs-product__action.button:hover .mmhs-product__action-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
.mmhs-product__action.button.loading{opacity:.68;pointer-events:none}
.mmhs-product a.added_to_cart{display:block;text-align:center;font-size:11px;font-weight:700;color:var(--mmhs-blue)!important;margin:0;text-decoration:underline!important}
.mmhs-product__sku{min-height:16px;margin-top:6px;font-size:11px;line-height:16px;color:#a0a4aa;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.mmhs-product__sku span{color:#3b3e43}
.mmhs-empty{text-align:center;padding:48px 12px;margin:0;background:var(--mmhs-pale);border-radius:9px;color:#465060}
.mmhs-product-rail>.mmhs-empty{min-width:100%}
.mmhs-footer{text-align:center;margin-top:33px}
.mmhs-view-all{display:inline-flex;align-items:center;justify-content:center;min-height:41px;max-width:100%;padding:9px 18px;background:#fff;border:1px solid #d8dce4;border-radius:5px;text-align:center;font-size:13px;font-weight:700;text-decoration:none!important;color:#121821!important}
.mmhs-view-all:hover{border-color:var(--mmhs-blue);color:var(--mmhs-blue)!important}
.mmhs-admin-help{padding:12px 15px;border-left:4px solid #3672f0;background:#f5f8fd}
.mmhs-admin-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:950px;padding:15px;background:#fff;border:1px solid #ddd}
.mmhs-admin-terms label{display:block;line-height:1.4}
.mmhs-admin-terms small{color:#667}
@media (max-width:1120px){
 .mmhs{--mmhs-card-gap:12px}
 .mmhs-brand{flex-basis:calc((100% + var(--mmhs-card-gap)) / 6 - var(--mmhs-card-gap))}
 .mmhs-product-grid>.mmhs-product,.mmhs-product-rail>.mmhs-product{flex-basis:calc((100% + var(--mmhs-card-gap)) / 4 - var(--mmhs-card-gap))}
}
@media (max-width:850px){
 .mmhs-brand{flex-basis:calc((100% + var(--mmhs-card-gap)) / 4 - var(--mmhs-card-gap))}
 .mmhs-product-grid>.mmhs-product,.mmhs-product-rail>.mmhs-product{flex-basis:calc((100% + var(--mmhs-card-gap)) / 2 - var(--mmhs-card-gap))}
 .mmhs-heading{margin-bottom:25px}
 .mmhs-brands-wrap,.mmhs-products-wrap{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}
 .mmhs button.mmhs-arrow{--mmhs-arrow-size:38px}
 .mmhs .mmhs-arrow__icon{width:21px!important;height:21px!important}
 .mmhs-product{min-height:325px}
}
@media (max-width:520px){
 .mmhs{--mmhs-card-gap:11px}
 .mmhs-brand{flex-basis:calc((100% + var(--mmhs-card-gap)) / 2 - var(--mmhs-card-gap));min-height:114px}
 .mmhs-brand__image{height:71px}
 .mmhs-brand__image img{max-height:69px}
 .mmhs-brand__name{font-size:11px}
 .mmhs-brands-wrap,.mmhs-products-wrap{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}
 .mmhs button.mmhs-arrow{--mmhs-arrow-size:32px}
 .mmhs .mmhs-arrow__icon{width:18px!important;height:18px!important}
 .mmhs-product-grid>.mmhs-product,.mmhs-product-rail>.mmhs-product{flex-basis:calc((100% + var(--mmhs-card-gap)) / 2 - var(--mmhs-card-gap))}
 .mmhs-product{padding:7px;min-height:295px}
 .mmhs-product__name{font-size:12px!important;min-height:0}
 .mmhs-product__category,.mmhs-product__stock{font-size:11px}
 .mmhs-product__price{font-size:11px!important}
 .mmhs-product__action.button{font-size:11px!important;min-height:37px!important}
 .mmhs-heading h2{font-size:22px}
 .mmhs-footer{margin-top:22px}
}
@media(max-width:380px){
 .mmhs-product-rail>.mmhs-product{flex-basis:calc((100% + var(--mmhs-card-gap)) / 2 - var(--mmhs-card-gap))}
 .mmhs-product__photo{aspect-ratio:1}
 .mmhs-product{min-height:277px;padding:6px}
 .mmhs-product__name{font-size:11px!important}
 .mmhs-product__category,.mmhs-product__stock{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .mmhs-brand-rail,.mmhs-product-rail{scroll-behavior:auto}
 .mmhs-brand,.mmhs-brand-result,.mmhs-product,.mmhs-product__action-label,.mmhs-product__action-icon{transition:none}
 .mmhs-product:hover,.mmhs-brand:hover{transform:none}
}


/* v1.5.0: THEME-ADAPTIVE PRODUCT GRID
   WoodMart Products widgets allow page-specific column and gap settings. When
   a real WoodMart product grid exists on the same page, JS samples its rendered
   desktop/tablet/mobile columns and spacing. Otherwise use the responsive
   5/4/2 fallback, shared with the brand selector. */
.mmhs{
  --mmhs-grid-cols:5;
  --mmhs-card-width:calc((100% + var(--mmhs-card-gap)) / 5 - var(--mmhs-card-gap));
  --mmhs-nav-track-inset:64px;
  --mmhs-theme-blue:var(--wd-primary-color, #2e68e9);
  --mmhs-theme-text-font:var(--wd-text-font, inherit);
  --mmhs-theme-title-font:var(--wd-entities-title-font, var(--wd-title-font, inherit));
}
.mmhs .mmhs-product-grid{
  width:calc(100% - 2 * var(--mmhs-nav-track-inset));
  max-width:100%;
  margin-inline:auto;
  justify-content:center;
  column-gap:var(--mmhs-card-gap)!important;
  row-gap:var(--mmhs-card-gap)!important;
}
.mmhs .mmhs-product-grid>.mmhs-product,
.mmhs .mmhs-product-rail>.mmhs-product{
  flex-basis:var(--mmhs-card-width);
  flex-grow:0;
  flex-shrink:0;
  max-width:100%;
}
.mmhs .mmhs-product{
  border-radius:var(--wd-brd-radius, 10px);
  font-family:var(--mmhs-theme-text-font);
}
.mmhs .mmhs-product__name{
  font-family:var(--mmhs-theme-title-font)!important;
  font-weight:var(--wd-entities-title-font-weight, 600)!important;
}
.mmhs .mmhs-product__price,
.mmhs .mmhs-product__price .woocommerce-Price-amount{
  color:var(--mmhs-theme-blue)!important;
  font-family:var(--mmhs-theme-text-font)!important;
}
.mmhs .mmhs-product__action.button{
  background:var(--mmhs-theme-blue)!important;
  border-color:var(--mmhs-theme-blue)!important;
  font-family:var(--mmhs-theme-text-font)!important;
  font-weight:var(--btn-accented-font-weight, 700)!important;
}
.mmhs .mmhs-product__action.button:hover,
.mmhs .mmhs-product__action.button:focus-visible{
  background:var(--btn-accented-bgcolor-hover, #2157cd)!important;
  border-color:var(--btn-accented-bgcolor-hover, #2157cd)!important;
}
/* WoodMart's 'More Products' style: light blue rounded pill, matching text
   and arrow treatment, rather than a generic white outlined button. */
.mmhs .mmhs-view-all{
  display:inline-flex;
  gap:10px;
  min-height:38px;
  padding:8px 16px;
  border:1px solid transparent;
  border-radius:999px;
  background:var(--mmhs-more-bg, #e1ecff);
  color:var(--mmhs-theme-blue)!important;
  font-family:var(--mmhs-theme-text-font);
  font-weight:var(--btn-default-font-weight, 500);
  font-size:13px;
  line-height:1.3;
  transition:background .15s ease,color .15s ease;
}
.mmhs .mmhs-view-all::after{
  content:"";
  display:block;
  flex:0 0 8px;
  width:8px;
  height:8px;
  border-top:1.7px solid currentColor;
  border-right:1.7px solid currentColor;
  transform:rotate(45deg);
}
.mmhs .mmhs-view-all:hover,
.mmhs .mmhs-view-all:focus-visible{
  border-color:transparent;
  background:var(--mmhs-more-bg-hover,#d4e4ff);
  color:var(--mmhs-theme-blue)!important;
}
/* Flex cards keep working when a brand has only 1–3 published products.
   Never stretch those products into oversized tiles. */
@media(max-width:1120px){.mmhs{--mmhs-grid-cols:4;--mmhs-card-width:calc((100% + var(--mmhs-card-gap)) / 4 - var(--mmhs-card-gap));--mmhs-nav-track-inset:64px}}
@media(max-width:850px){.mmhs{--mmhs-grid-cols:2;--mmhs-card-width:calc((100% + var(--mmhs-card-gap)) / 2 - var(--mmhs-card-gap));--mmhs-nav-track-inset:50px}}
@media(max-width:520px){.mmhs{--mmhs-grid-cols:2;--mmhs-card-width:calc((100% + var(--mmhs-card-gap)) / 2 - var(--mmhs-card-gap));--mmhs-nav-track-inset:40px}}

/* ===============================================================
   v1.5.1 — APPROVED RESPONSIVE DESIGN
   Keep desktop arrow arrangement; on mobile move the controls BELOW
   the cards so neither the brand row nor product row loses width.
   =============================================================== */
/* Native WoodMart-style light-blue CTA: typography, pill, spacing. */
.mmhs .mmhs-view-all,
.mmhs .mmhs-footer .mmhs-view-all{
  font-family:var(--wd-text-font, inherit)!important;
  font-weight:var(--btn-default-font-weight, 600)!important;
  font-size:13px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
  background:var(--mmhs-more-bg, #e5edff)!important;
  color:var(--wd-primary-color, #2e68e9)!important;
  border:0!important;
  border-radius:999px!important;
  min-height:39px;
  padding:10px 18px!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.mmhs .mmhs-footer .mmhs-view-all:hover{
  background:var(--mmhs-more-bg-hover, #d7e6ff)!important;
  color:var(--wd-primary-color, #2e68e9)!important;
}
/* Four published products should fill a conventional desktop product row,
   not leave a fifth empty cell when no WoodMart grid is present. */
.mmhs{
  --mmhs-grid-cols:4;
  --mmhs-card-width:calc((100% - 3 * var(--mmhs-card-gap)) / 4);
}
@media(max-width:1120px) and (min-width:851px){
  .mmhs{
    --mmhs-grid-cols:3;
    --mmhs-card-width:calc((100% - 2 * var(--mmhs-card-gap)) / 3);
  }
}
/* Tablet and phone: use the same 2-column structure as WoodMart mobile
   product grids, allowing theme gap measurements when available. */
@media(max-width:850px){
  .mmhs{
    --mmhs-grid-cols:2;
    --mmhs-card-width:calc((100% - var(--mmhs-card-gap)) / 2);
  }
}
@media(max-width:600px){
  /* Arrows no longer consume side columns and can never force oval shapes. */
  .mmhs .mmhs-brands-wrap,
  .mmhs .mmhs-products-wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto;
    column-gap:10px!important;
    row-gap:10px!important;
    align-items:center;
    justify-items:stretch;
    width:100%;
    min-width:0;
  }
  .mmhs .mmhs-brand-rail,
  .mmhs .mmhs-products-scroller{
    grid-column:1 / -1!important;
    grid-row:1!important;
    order:0;
    min-width:0;
    width:100%;
    max-width:100%;
  }
  .mmhs .mmhs-brand-rail{
    padding:8px 0 14px;
    scroll-padding-inline:0;
    gap:var(--mmhs-card-gap)!important;
  }
  .mmhs .mmhs-brand{
    flex:0 0 calc((100% - 2 * var(--mmhs-card-gap)) / 3);
    min-height:110px;
    padding:8px 4px!important;
    scroll-snap-align:start;
  }
  .mmhs .mmhs-brand__image{height:69px;min-height:0}
  .mmhs .mmhs-brand__image img{max-height:67px;max-width:100%}
  .mmhs .mmhs-brand__name{font-size:11px;line-height:1.2}
  .mmhs button.mmhs-arrow--brand-prev,
  .mmhs button.mmhs-arrow--products-prev{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:end!important;
    margin:0!important;
  }
  .mmhs button.mmhs-arrow--brand-next,
  .mmhs button.mmhs-arrow--products-next{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    margin:0!important;
  }
  .mmhs button.mmhs-arrow{
    --mmhs-arrow-size:33px;
    border-width:1.5px!important;
  }
  .mmhs .mmhs-product-grid{
    width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
    justify-content:flex-start;
    column-gap:var(--mmhs-card-gap)!important;
    row-gap:var(--mmhs-card-gap)!important;
  }
  .mmhs .mmhs-product-grid>.mmhs-product,
  .mmhs .mmhs-product-rail>.mmhs-product{
    flex:0 0 calc((100% - var(--mmhs-card-gap))/2)!important;
    max-width:calc((100% - var(--mmhs-card-gap))/2)!important;
    min-width:0;
  }
  /* Mobile gets the entire width: no 40px dead space either side. */
  .mmhs .mmhs-product-rail{padding:4px 0 10px}
  .mmhs .mmhs-products-scroller{overflow:hidden}
  .mmhs .mmhs-product{padding:9px;min-height:284px}
  .mmhs .mmhs-product__photo{aspect-ratio:1.04}
  .mmhs .mmhs-product__name{font-size:12px!important}
  .mmhs .mmhs-footer{margin-top:21px}
  /* Trolley icon stays visible alongside text on touchscreens. */
  .mmhs .mmhs-product__action.button{
    display:flex!important;
    gap:5px!important;
    flex-direction:row!important;
    min-height:38px!important;
    padding:7px 4px!important;
  }
  .mmhs .mmhs-product__action-icon{
    position:static!important;
    left:auto!important;top:auto!important;
    display:inline-flex!important;
    width:15px!important;height:15px!important;
    opacity:1!important;
    transform:none!important;
    flex:none!important;
  }
  .mmhs .mmhs-product__action-icon svg{width:15px;height:15px}
  .mmhs .mmhs-product__action-label{
    transform:none!important;
    opacity:1!important;
    font-size:10.5px;
  }
}
@media(max-width:360px){
  .mmhs .mmhs-brand{min-height:102px}
  .mmhs .mmhs-brand__image{height:60px}
  .mmhs .mmhs-brand__image img{max-height:58px}
  .mmhs .mmhs-product{padding:7px;min-height:275px}
}
/* Breathing room below the selector/its controls, without widening card gaps. */
.mmhs--brands .mmhs-brand-result{margin-top:15px}
@media(max-width:600px){.mmhs--brands .mmhs-brand-result{margin-top:12px}}


/* ===============================================================
   v1.6.0 — OPT-IN INLINE HEADING + META MINING BLUE DIVIDER
   Add header="row" to a shortcode to enable this layout.
   Preserves all legacy cards, product spacing, brand slider and
   WoodMart typography/styles; no global Elementor CSS is changed.
   =============================================================== */
.mmhs.mmhs--inline-head {
  margin-bottom:32px;
}
.mmhs .mmhs-section-head {
  width:100%;
  max-width:100%;
  margin:0 0 20px;
  padding:0;
  font-family:var(--wd-text-font, inherit);
}
.mmhs .mmhs-section-head__divider {
  position:relative;
  width:100%;
  height:1px;
  margin:0 0 24px;
  background:#dfe3ea;
}
.mmhs .mmhs-section-head__divider::before {
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:50px;
  height:2px;
  background:var(--wd-primary-color, #3672f0);
}
.mmhs .mmhs-section-head__row {
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:12px 18px;
}
.mmhs .mmhs-section-head__title {
  flex:1 1 auto;
  min-width:0;
  margin:0!important;
  padding:0!important;
  font-family:var(--wd-entities-title-font, var(--wd-title-font, inherit))!important;
  font-weight:var(--wd-entities-title-font-weight, 600)!important;
  font-size:clamp(19px, 2vw, 24px)!important;
  line-height:1.25!important;
  text-align:left!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  color:var(--wd-title-color, #1a1a1a)!important;
}
.mmhs .mmhs-section-head__row .mmhs-view-all--heading {
  flex:0 0 auto;
  max-width:58%;
  min-height:36px;
  margin:0!important;
  padding:8px 15px!important;
  white-space:normal;
  text-align:center;
  font-family:var(--wd-text-font, inherit)!important;
  font-size:13px!important;
  font-weight:var(--btn-default-font-weight, 600)!important;
  line-height:1.3!important;
  color:var(--wd-primary-color, #2e68e9)!important;
  background:var(--mmhs-more-bg, #e5edff)!important;
  border-radius:999px!important;
}
.mmhs .mmhs-section-head__row .mmhs-view-all--heading:hover,
.mmhs .mmhs-section-head__row .mmhs-view-all--heading:focus-visible {
  color:var(--wd-primary-color, #2e68e9)!important;
  background:var(--mmhs-more-bg-hover, #d7e6ff)!important;
}
@media(max-width:600px){
  .mmhs .mmhs-section-head__divider { margin-bottom:24px; }
  .mmhs .mmhs-section-head { margin-bottom:16px; }
  .mmhs .mmhs-section-head__title { font-size:19px!important; }
  .mmhs .mmhs-section-head__row .mmhs-view-all--heading {
    padding:8px 11px!important;
    font-size:11px!important;
    min-height:34px;
  }
}
@media(max-width:360px){
  .mmhs .mmhs-section-head__row { gap:8px; }
  .mmhs .mmhs-section-head__title { font-size:17px!important; }
  .mmhs .mmhs-section-head__row .mmhs-view-all--heading { font-size:10px!important; }
}


/* ================================================================
   METAMINING v1.6.2 - FIVE BRAND PRODUCT TILES ONLY
   Based on original v1.6.0. All other sections remain unchanged.
   The fifth brand tile only displays when there is room for 5.
   ================================================================ */
.mmhs.mmhs--brands[data-limit="5"] .mmhs-brand-products {
    container: mmhs-brand-products / inline-size;
}

/* Keep original four visible brand tiles on narrower sections. */
.mmhs.mmhs--brands[data-limit="5"] .mmhs-product-grid > .mmhs-product:nth-child(5) {
    display: none;
}

/* Five columns only inside the brand section when sufficiently wide. */
@container mmhs-brand-products (min-width: 1050px) {
    .mmhs.mmhs--brands[data-limit="5"] .mmhs-product-grid {
        width: 100%;
    }
    .mmhs.mmhs--brands[data-limit="5"] .mmhs-product-grid > .mmhs-product {
        flex: 0 0 calc((100% - 4 * var(--mmhs-card-gap)) / 5);
    }
    .mmhs.mmhs--brands[data-limit="5"] .mmhs-product-grid > .mmhs-product:nth-child(5) {
        display: flex;
    }
}


/* ================================================================
   METAMINING v1.6.3 — WOODMART-ALIGNED HOMEPAGE PRODUCT CARDS
   ----------------------------------------------------------------
   Applies ONLY inside this plugin's .mmhs widget sections.
   Preserves v1.6.2's 5-wide brand option, original carousel
   breakpoints, arrows, shop-by-brand behaviour and shortcode layout.
   No CSS here targets WoodMart's normal .wd-products shop grid,
   any WooCommerce single-product template, or theme buttons outside
   a MetaMining homepage section.
   ================================================================ */
.mmhs {
  /* Follow WoodMart's colours and installed font choices. */
  --mmhs-blue: var(--wd-primary-color, #3672f0);
  --mmhs-ink: var(--wd-entities-title-color, var(--wd-title-color, #101725));
  --mmhs-line: var(--wd-brd-color, #e0e3e9);
  font-family: var(--wd-text-font, inherit);
}

/* Native-feeling card finish: same stable shape in normal/hover states.
   Keep a transparent border in normal state to prevent layout shifts. */
.mmhs .mmhs-product {
  font-family: var(--wd-text-font, inherit);
  color: var(--wd-text-color, #323841);
  border: 2px solid transparent;
  border-radius: var(--wd-brd-radius, 10px);
  background: #fff;
  /* Do not override the original v1.6.3 transform/hover transition. */
}
@media (hover: hover) and (pointer: fine) {
  .mmhs .mmhs-product:hover {
    border-color: var(--mmhs-blue) !important;
    box-shadow: 0 8px 22px rgba(36,100,226,.14) !important;
  }
}
.mmhs .mmhs-product:focus-within {
  border-color: var(--mmhs-blue) !important;
  box-shadow: 0 6px 18px rgba(36,100,226,.13) !important;
}

/* Identical picture canvases across each product row.
   object-fit:contain leaves the entire miner visible, not cropped.
   Actual object size can differ when source photos contain whitespace. */
.mmhs .mmhs-product__photo {
  flex-shrink: 0;
  background: #fff;
  overflow: hidden;
}
.mmhs .mmhs-product__photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Match shop's WoodMart product titles and standard secondary text.
   These are only inside the custom homepage tiles. */
.mmhs .mmhs-product__name {
  font-family: var(--wd-entities-title-font, var(--wd-title-font, inherit)) !important;
  font-size: 13px !important;
  font-weight: var(--wd-entities-title-font-weight, 600) !important;
  line-height: 1.4 !important;
  color: var(--wd-entities-title-color, var(--wd-title-color, #101725)) !important;
  text-transform: var(--wd-entities-title-transform, none) !important;
}
.mmhs .mmhs-product__name:hover {
  color: var(--mmhs-blue) !important;
}
.mmhs .mmhs-product__category,
.mmhs .mmhs-product__stock,
.mmhs .mmhs-brand__name {
  font-family: var(--wd-text-font, inherit) !important;
}
.mmhs .mmhs-product__price,
.mmhs .mmhs-product__price .woocommerce-Price-amount {
  font-family: var(--wd-text-font, inherit) !important;
  color: var(--mmhs-blue) !important;
}

/* v1.6.6: The original v1.6.3 WooCommerce-style button hover is
   intentionally unmodified: on desktop the label transitions to the
   cart icon; on touchscreens both remain visible. The prior version's
   display:none !important rule broke this interaction. */

/* SKU stays hidden as it was in 1.6.2; remove the empty spacer only. */
.mmhs .mmhs-product__sku:empty {
  display: none !important;
}

/* Smaller screen typography remains comfortable and WoodMart-like.
   Do not override the existing v1.6.2 responsive column counts. */
@media (max-width: 600px) {
  .mmhs .mmhs-product__name {
    font-size: 12px !important;
    line-height: 1.38 !important;
  }
  .mmhs .mmhs-product__action.button {
    font-size: 11px !important;
  }
}

/* v1.6.4: Shop by Coin reuses the exact brand selector and WoodMart-adaptive
   product card layout. Only the text fallback icon needs its own styling. */
.mmhs--coins .mmhs-coin__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #eaf2ff;
    color: var(--wd-primary-color, #3672f0);
    font-family: inherit;
    font-size: 23px;
    font-weight: 800;
    letter-spacing: -.04em;
}
.mmhs--coins .mmhs-brand.is-active .mmhs-coin__placeholder {
    background: rgba(255,255,255,.92);
    color: var(--wd-primary-color, #3672f0);
}
@media (max-width: 600px) {
    .mmhs--coins .mmhs-coin__placeholder {
        width: 54px;
        height: 54px;
        font-size: 20px;
    }
}


/* ================================================================
   MetaMining v1.6.5 — COMPACT HOMEPAGE PRODUCT TILES
   Visually closer to WoodMart's default shop cards on desktop.
   Does not change tile widths, carousel column counts, product
   information, blue hover outlines, mobile buttons or shop pages.
   ================================================================ */
@media (min-width: 851px) {
    .mmhs .mmhs-product {
        min-height: 326px;
        padding: 8px 10px 10px;
    }
    .mmhs .mmhs-product__photo {
        aspect-ratio: 1.27;
    }
    .mmhs .mmhs-product__photo img {
        padding: 4px;
    }
    .mmhs .mmhs-product__info {
        min-height: 76px;
        margin-top: 5px;
    }
    .mmhs .mmhs-product__purchase {
        padding-top: 8px;
    }
}