/* Phone product list — design "Product List Mobile" (1a two-column grid, 2a filter applied, 2b filter sheet).
   Restyles the standard Ultimo category page (catalog/product/list.phtml + catalog/layer/view.phtml) on phones only.
   js/mms-plp-mobile.js adds the Filter/Sort bar, the applied-filter chips, the product count, the sheet header and
   footer, splits "Strain — Kit — Brand" names, and moves the category text below the grid.
   Active where the body has class mms-plpm (local.xml "MMS phone product list", mms_design/plp_mobile/enabled).
   Colours come from the --mb-* tokens of css/mms-header.css, so the green theme (IT) applies automatically. */

.mms-plpm-bar,.mms-plpm-chips,.mms-plpm-count,.mms-plpm-head,.mms-plpm-foot,.mms-plpm-dbar{display:none}
.mms-plpm-ic{display:none}
.mms-plpm-wide{display:none}

body.mms-plpm{--p-ink:var(--mb-ink,#14202b);--p-mute:var(--mb-mute,#55606b);--p-c:var(--mb-blue,#1c5f9e);--p-hover:var(--mb-hover,#174f85);
  --p-soft:var(--mb-t2,#e8f2fa);--p-t1:var(--mb-t1,#f3f8fc);--p-line:var(--mb-line,#dde6ee);--p-input:#6f8799;--p-ok:var(--mb-green,#2e6b12);--p-warn:var(--mb-orange,#a84300);--p-out:#b3261e}
body.mms-theme-green.mms-plpm{--p-input:#7d9686}
/* all widths: Ultimo's sorter/limiter replaced by our bars (pager stays); stock colours; "Notify me" button */
.mms-plpm .category-products .toolbar .sorter{display:none}
.mms-plpm .category-products .toolbar{border:0;padding:0;margin:0;background:none}
.mms-plpm .products-grid>li.item .availability.is-out{color:var(--p-out)!important}
.mms-plpm .products-grid>li.item .availability.is-empty,.mms-plpm .products-grid>li.item .availability.is-extra{display:none!important}
.mms-plpm .products-grid>li.item .mms-plpm-notify{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0 10px;border:1.5px solid var(--p-input);
  border-radius:10px;background:#fff;color:var(--p-ink)!important;font:600 15px/1.2 var(--mb-font,Inter,sans-serif);text-decoration:none!important;text-align:center}
.mms-plpm .products-grid>li.item .mms-plpm-notify:hover{border-color:var(--p-c);color:var(--p-c)!important}

/* ══ desktop + tablet (design "Product List Desktop" 1a) ══ */
@media (min-width:768px){
  /* title above filter column + grid */
  .mms-plpm .page-title.mms-plpm-dtitle{margin:0 0 18px;padding:0;border:0}
  .mms-plpm .page-title.mms-plpm-dtitle h1{font:700 32px/1.15 var(--mb-head,var(--mb-font,Inter,sans-serif));letter-spacing:-.02em;margin:0;color:var(--p-ink);text-transform:none}
  /* columns: filter card 230px | products */
  .mms-plpm #page-columns{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}
  .mms-plpm #page-columns:before,.mms-plpm #page-columns:after{display:none}
  .mms-plpm #page-columns>.col-left{grid-column:1;grid-row:1;float:none;width:auto;margin:0;padding:0}
  .mms-plpm #page-columns>.column-main{grid-column:2;grid-row:1;float:none;width:auto;margin:0;padding:0}
  .mms-plpm #page-columns>.col-left>.block:not(.block-layered-nav){margin-top:16px}

  /* filter card */
  .mms-plpm .col-left .block-layered-nav{background:#fff;border:1px solid var(--p-line);border-radius:12px;overflow:hidden;margin:0;padding:0;font-family:var(--mb-font,Inter,sans-serif);box-shadow:none}
  .mms-plpm .col-left .block-layered-nav .block-title,.mms-plpm .col-left .block-layered-nav .currently,.mms-plpm .col-left .block-layered-nav .block-content>.actions{display:none!important}
  .mms-plpm .col-left .block-layered-nav .block-content{display:block!important;padding:0;margin:0;border:0;background:none}
  .mms-plpm .col-left .block-layered-nav .block-subtitle--filter{display:block!important;margin:0;padding:12px 16px;border-bottom:1px solid var(--p-line);font:700 17px/1.3 var(--mb-font,Inter,sans-serif);color:var(--p-ink);text-transform:none;letter-spacing:0;background:none;cursor:default}
  .mms-plpm .col-left .block-layered-nav .block-subtitle--filter:after{display:none}
  .mms-plpm .col-left #narrow-by-list{display:block!important;margin:0;padding:0}
  .mms-plpm .col-left #narrow-by-list dt{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;margin:0;padding:0 16px;border:0;border-top:1px solid var(--p-line);
    font:600 15px/1.3 var(--mb-font,Inter,sans-serif);color:var(--p-ink);text-transform:none;letter-spacing:0;background:none!important;cursor:pointer;float:none;width:auto}
  .mms-plpm .col-left #narrow-by-list dt:first-child{border-top:0}
  .mms-plpm .col-left #narrow-by-list dt:before{display:none!important;content:none!important}
  .mms-plpm .col-left #narrow-by-list dt:after{content:"+";flex:none;position:static;display:block;width:14px;text-align:center;font-size:18px;font-weight:400;line-height:1;color:var(--p-c);background:none;border:0;margin:0}
  .mms-plpm .col-left #narrow-by-list dt.is-open:after{content:"\2212"}
  .mms-plpm .col-left #narrow-by-list dt:hover{color:var(--p-c)}
  .mms-plpm .col-left #narrow-by-list dt:focus-visible{outline:2px solid var(--p-c);outline-offset:-2px}
  .mms-plpm .col-left #narrow-by-list dd{display:none;margin:0;padding:0 10px 10px;border:0;background:none}
  .mms-plpm .col-left #narrow-by-list dt.is-open+dd{display:block}
  .mms-plpm .col-left #narrow-by-list dd ol{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;max-height:340px;overflow-y:auto}
  .mms-plpm .col-left #narrow-by-list dd li{margin:0;padding:0;background:none;border:0;list-style:none}
  .mms-plpm .col-left #narrow-by-list dd li:before,.mms-plpm .col-left #narrow-by-list dd li a:before,.mms-plpm .col-left #narrow-by-list dd li a:after{display:none!important;content:none!important}
  .mms-plpm .col-left #narrow-by-list dd li a{background-image:none!important;padding-left:8px!important;box-sizing:border-box}
  .mms-plpm .col-left #narrow-by-list dd li{margin:0!important;padding:0!important;line-height:1.3!important}
  .mms-plpm .col-left #narrow-by-list dt{padding-top:0!important;padding-bottom:0!important;line-height:1.3!important;height:auto!important}
  .mms-plpm .col-left #narrow-by-list dt:after{align-self:center;margin:0!important;line-height:1!important;padding:0!important;top:auto!important;height:auto!important;width:14px!important}
  .mms-plpm .col-left .block:not(.block-layered-nav){font-family:var(--mb-font,Inter,sans-serif)}
  .mms-plpm .col-left #narrow-by-list dd li a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:4px 8px;border-radius:8px;text-decoration:none;
    color:var(--p-ink)!important;font:500 14.5px/1.3 var(--mb-font,Inter,sans-serif);background:none}
  .mms-plpm .col-left #narrow-by-list dd li a:hover{background:var(--p-soft)}
  .mms-plpm .col-left #narrow-by-list dd li .count{flex:none;color:var(--p-mute);font-size:13px;font-weight:400}
  .mms-plpm .col-left .mms-plpm-head,.mms-plpm .col-left .mms-plpm-foot,.mms-plpm .col-left .mms-plpm-chips{display:none!important}

  /* toolbar above the grid */
  .mms-plpm .mms-plpm-dbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 14px;font-family:var(--mb-font,Inter,sans-serif)}
  .mms-plpm-dbar__l{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .mms-plpm-dcount{font-weight:700;color:var(--p-ink);font-size:15px}
  .mms-plpm .mms-plpm-dbar .mms-plpm-chip{box-sizing:border-box;background:#fff;border:1px solid var(--p-c);border-radius:10px;min-height:38px;padding:0 12px;display:flex;align-items:center;gap:10px;
    text-decoration:none!important;color:var(--p-ink)!important;font-weight:600;font-size:14px;line-height:1.25}
  .mms-plpm .mms-plpm-dbar .mms-plpm-chip:hover{background:var(--p-soft)}
  .mms-plpm .mms-plpm-dbar .mms-plpm-chip small{color:var(--p-mute);font-weight:400}
  .mms-plpm .mms-plpm-dbar .mms-plpm-chip i{font-style:normal;color:var(--p-c);line-height:1}
  .mms-plpm .mms-plpm-dbar .mms-plpm-clear{display:flex;align-items:center;padding:0 4px;font-weight:600;color:var(--p-c)!important;text-decoration:underline;text-underline-offset:3px}
  .mms-plpm .mms-plpm-dbar .mms-plpm-chip small{font-size:14px}
  .mms-plpm .mms-plpm-dbar .mms-plpm-chip i{font-size:18px}
  .mms-plpm .mms-plpm-dbar .mms-plpm-clear{min-height:38px;font-size:14px}
  .mms-plpm-dbar__r{display:flex;align-items:center;gap:8px;margin:0;color:var(--mb-body,#35424e);font-size:15px;font-weight:400}
  .mms-plpm .mms-plpm-dsel{min-height:40px;height:40px;padding:0 34px 0 12px;border:1px solid var(--p-input);border-radius:10px;background:#fff;color:var(--p-ink);font:600 15px var(--mb-font,Inter,sans-serif);cursor:pointer;width:auto}
  .mms-plpm .mms-plpm-dsel:focus{outline:2px solid var(--p-c);outline-offset:2px}

  /* product cards: one card each, price + stock + button pinned to the bottom so rows line up */
  .mms-plpm .category-products ul.products-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;width:auto}
  .mms-plpm .category-products ul.products-grid:before,.mms-plpm .category-products ul.products-grid:after{display:none}
  .mms-plpm .category-products .products-grid>li.item{float:none!important;clear:none!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;
    box-sizing:border-box;background:#fff;border:1px solid var(--p-line);border-radius:12px;padding:12px!important;display:flex!important;flex-direction:column;text-align:left!important;
    font-family:var(--mb-font,Inter,sans-serif);color:var(--p-ink);box-shadow:none!important;transition:border-color .15s}
  .mms-plpm .category-products .products-grid>li.item:hover{border-color:var(--p-input)}
  .mms-plpm .products-grid>li.item .product-item-img{max-width:none!important;width:100%!important;height:auto!important;aspect-ratio:1;margin:0!important;border-radius:8px;overflow:hidden;
    background:var(--p-t1);display:flex;align-items:center;justify-content:center;position:relative}
  .mms-plpm .products-grid>li.item .product-item-img a.product-image{display:block;width:100%;height:100%;margin:0}
  .mms-plpm .products-grid>li.item .product-item-img img{width:100%!important;height:100%!important;max-width:none;object-fit:contain}
  .mms-plpm .products-grid>li.item .product-name{margin:10px 0 0!important;font:700 16px/1.25 var(--mb-font,Inter,sans-serif)!important;text-align:left;text-transform:none;letter-spacing:0;min-height:0}
  .mms-plpm .products-grid>li.item .product-name a{color:var(--p-ink)!important;display:block;text-decoration:none;font:inherit!important;text-transform:none!important;letter-spacing:0!important}
  .mms-plpm .products-grid>li.item .product-name a:hover{color:var(--p-c)!important}
  .mms-plpm .products-grid>li.item .product-name a:not(.is-split),.mms-plpm-strain,.mms-plpm-kit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mms-plpm-kit{margin-top:1px;font:400 13px/1.35 var(--mb-font,Inter,sans-serif);color:var(--p-mute)}
  .mms-plpm .products-grid>li.item .ratings{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin:5px 0 0!important;padding:0;font-size:13px;line-height:1}
  .mms-plpm .products-grid>li.item .ratings .rating-box{margin:0!important;float:none}
  .mms-plpm .products-grid>li.item .ratings .amount{margin:0;padding:0;font-size:13px;color:var(--p-mute);text-transform:none;letter-spacing:0;float:none}
  .mms-plpm .products-grid>li.item .ratings .amount a{color:inherit}
  .mms-plpm .products-grid>li.item .mms-plpm-buy{display:flex;flex-direction:column;margin-top:auto;padding-top:10px}
  .mms-plpm .products-grid>li.item .price-box{margin:0!important;padding:0!important;text-align:left;line-height:1.2}
  .mms-plpm .products-grid>li.item .price-box .price{font:700 21px/1.2 var(--mb-font,Inter,sans-serif)!important;color:var(--p-ink);white-space:nowrap}
  .mms-plpm .products-grid>li.item .price-box .price-label{font-size:13px;color:var(--p-mute)}
  .mms-plpm .products-grid>li.item .price-box .old-price .price{font-size:14px!important;font-weight:400!important;color:var(--p-mute)}
  .mms-plpm .products-grid>li.item .price-box p{margin:0}
  .mms-plpm .products-grid>li.item .price-box .price-to{display:none}
  .mms-plpm .products-grid>li.item .availability{margin:3px 0 0!important;padding:0!important;min-height:20px;font-size:13.5px;font-weight:600;line-height:1.35;text-align:left;color:var(--p-ok)}
  .mms-plpm .products-grid>li.item .availability span{color:inherit!important;font:inherit!important;background:none!important;padding:0!important}
  .mms-plpm .products-grid>li.item .availability:before{content:"\25CF\00a0";font-size:11px;vertical-align:1px}
  .mms-plpm .products-grid>li.item .availability.is-low{color:var(--p-warn)}
  .mms-plpm .products-grid>li.item .actions{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;margin:10px 0 0!important;padding:0!important;
    width:auto!important;text-align:left;background:none!important}
  .mms-plpm .products-grid>li.item .actions .btn-cart{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:44px;margin:0!important;padding:0 8px!important;float:none;
    border:0!important;border-radius:10px!important;background:var(--p-c)!important;color:#fff!important;font:600 15px/1.2 var(--mb-font,Inter,sans-serif)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
  .mms-plpm .products-grid>li.item .actions .btn-cart span{background:none!important;padding:0!important;color:inherit!important;font:inherit!important;height:auto!important;line-height:inherit!important}
  .mms-plpm .products-grid>li.item .actions .btn-cart:hover{background:var(--p-hover)!important}
  .mms-plpm .products-grid>li.item .actions .add-to-links{display:none}
  .mms-plpm .products-grid>li.item .actions>.availability{display:none!important}

  /* category text below the grid */
  .mms-plpm .mms-plpm-after{margin:28px 0 8px;padding:18px 20px;background:#fff;border:1px solid var(--p-line);border-radius:12px;font:400 15.5px/1.65 var(--mb-font,Inter,sans-serif);color:var(--mb-body,#35424e)}
  .mms-plpm .mms-plpm-after .category-description{margin:0;padding:0;border:0;font:inherit;color:inherit}
  .mms-plpm .mms-plpm-after h1,.mms-plpm .mms-plpm-after h2{margin:24px 0 8px;font:700 21px/1.25 var(--mb-head,var(--mb-font,Inter,sans-serif))!important;color:var(--p-ink)!important;text-transform:none;letter-spacing:-.01em;border:0;background:none}
  .mms-plpm .mms-plpm-after h3,.mms-plpm .mms-plpm-after h4{margin:18px 0 6px;font:700 17px/1.3 var(--mb-font,Inter,sans-serif)!important;color:var(--p-ink)!important;text-transform:none;letter-spacing:0;border:0;background:none}
  .mms-plpm .mms-plpm-after>:first-child,.mms-plpm .mms-plpm-after .category-description>:first-child{margin-top:0}
  .mms-plpm .mms-plpm-after p{margin:0 0 12px;font:inherit!important;color:inherit;max-width:75ch}
  .mms-plpm .mms-plpm-after p.mms-plpm-blank,.mms-plpm .mms-plpm-after p:empty,.mms-plpm .mms-plpm-after br,.mms-plpm .mms-plpm-after hr{display:none}
  .mms-plpm .mms-plpm-after small,.mms-plpm .mms-plpm-after span[style*="font-size"],.mms-plpm .mms-plpm-after p[style*="font-size"]{font-size:14px!important}
  .mms-plpm .mms-plpm-after strong,.mms-plpm .mms-plpm-after b{font-weight:600;color:var(--p-ink)}
  .mms-plpm .mms-plpm-after a{color:var(--p-c)!important;text-decoration:underline;text-underline-offset:3px}
  .mms-plpm .mms-plpm-after ul,.mms-plpm .mms-plpm-after ol{margin:4px 0 14px;padding:0;list-style:none}
  .mms-plpm .mms-plpm-after li{position:relative;display:block;margin:0 0 6px;padding:0 0 0 20px!important;background:none!important;list-style:none;font:inherit;color:inherit;max-width:75ch}
  .mms-plpm .mms-plpm-after ul>li:before{content:"";position:absolute;left:3px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--p-c);margin:0;float:none;border:0}
}
@media (min-width:768px) and (max-width:1099px){
  .mms-plpm .category-products ul.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:768px) and (max-width:999px){
  .mms-plpm #page-columns{grid-template-columns:200px minmax(0,1fr);gap:20px}
  .mms-plpm .category-products ul.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:767px){
  .mms-plpm .page-title.category-title h1{font:700 24px/1.2 var(--mb-font,Inter,sans-serif);letter-spacing:-.015em;margin:0 0 10px;color:var(--p-ink)}

  /* ── Filter + Sort bar, directly under the title ── */
  .mms-plpm .mms-plpm-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 6px;font-family:var(--mb-font,Inter,sans-serif)}
  .mms-plpm-btn{position:relative;box-sizing:border-box;min-height:44px;padding:0 14px;border:1px solid var(--p-input);border-radius:10px;background:#fff;color:var(--p-ink);
    display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 15px/1.2 var(--mb-font,Inter,sans-serif);text-transform:none;letter-spacing:0;cursor:pointer;width:100%;margin:0;box-shadow:none}
  .mms-plpm-btn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mms-plpm-btn small{font-size:14px;font-weight:400;color:var(--p-mute)}
  .mms-plpm-btn.is-sort{padding:0 12px}
  .mms-plpm-btn i{font-style:normal;color:var(--p-c);flex:none}
  .mms-plpm-btn.is-active{background:var(--p-soft);border:1.5px solid var(--p-c);color:var(--p-c);font-weight:700}
  .mms-plpm-btn select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;appearance:none;-webkit-appearance:none}
  .mms-plpm-btn:focus-within{outline:2px solid var(--p-c);outline-offset:2px}

  /* ── applied filters as removable chips + Clear all ── */
  .mms-plpm .mms-plpm-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 6px;font-family:var(--mb-font,Inter,sans-serif)}
  .mms-plpm-chips:empty{display:none}
  .mms-plpm-chip{box-sizing:border-box;background:#fff;border:1px solid var(--p-c);border-radius:10px;min-height:44px;padding:0 12px;display:flex;align-items:center;gap:10px;
    text-decoration:none!important;color:var(--p-ink)!important;font-weight:600;font-size:15px;line-height:1.25}
  .mms-plpm-chip small{color:var(--p-mute);font-weight:400;font-size:15px}
  .mms-plpm-chip i{font-style:normal;color:var(--p-c);font-size:20px;line-height:1}
  .mms-plpm-clear{min-height:44px;display:flex;align-items:center;padding:0 4px;font-weight:600;font-size:15px;color:var(--p-c)!important;text-decoration:underline;text-underline-offset:3px}
  .mms-plpm .mms-plpm-count{display:block;font:400 14px/1.4 var(--mb-font,Inter,sans-serif);color:var(--p-mute);margin:4px 0 10px}

  /* Ultimo's own sorter/limiter are replaced by the bar; the pager stays */
  .mms-plpm .category-products .toolbar .sorter{display:none}
  .mms-plpm .category-products .toolbar{border:0;padding:0;margin:0;background:none}

  /* ── product cards: photo first, button last, rows aligned ── */
  .mms-plpm .category-products ul.products-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0;padding:0;width:auto}
  .mms-plpm .category-products ul.products-grid:before,.mms-plpm .category-products ul.products-grid:after{display:none}
  .mms-plpm .category-products .products-grid>li.item{float:none!important;clear:none!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;
    box-sizing:border-box;background:#fff;border:1px solid var(--p-line);border-radius:12px;padding:10px!important;display:flex!important;flex-direction:column;text-align:left!important;
    font-family:var(--mb-font,Inter,sans-serif);color:var(--p-ink);box-shadow:none!important}
  .mms-plpm .products-grid>li.item .product-item-img{max-width:none!important;width:100%!important;height:auto!important;aspect-ratio:1;margin:0!important;border-radius:8px;overflow:hidden;
    background:var(--p-t1);display:flex;align-items:center;justify-content:center;position:relative}
  .mms-plpm .products-grid>li.item .product-item-img a.product-image{display:block;width:100%;height:100%;margin:0}
  .mms-plpm .products-grid>li.item .product-item-img img{width:100%!important;height:100%!important;max-width:none;object-fit:contain}
  .mms-plpm .products-grid>li.item .product-name{margin:8px 0 0!important;font:700 16px/1.25 var(--mb-font,Inter,sans-serif)!important;text-align:left;text-transform:none;letter-spacing:0;min-height:0}
  .mms-plpm .products-grid>li.item .product-name a{color:var(--p-ink)!important;display:block;text-decoration:none;font:inherit!important;text-transform:none!important;letter-spacing:0!important}
  .mms-plpm .products-grid>li.item .product-name a:not(.is-split){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mms-plpm-strain{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mms-plpm-kit:before{content:none}
  .mms-plpm-wide{display:none}
  .mms-plpm-narrow{display:inline}
  .mms-plpm-kit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:1px;font:400 13px/1.35 var(--mb-font,Inter,sans-serif);color:var(--p-mute)}
  .mms-plpm .products-grid>li.item .ratings{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin:4px 0 0!important;padding:0;font-size:13px;line-height:1}
  .mms-plpm .products-grid>li.item .ratings .rating-box{margin:0!important;float:none}
  .mms-plpm .products-grid>li.item .ratings .amount{margin:0;padding:0;font-size:13px;color:var(--p-mute);text-transform:none;letter-spacing:0;float:none}
  .mms-plpm .products-grid>li.item .ratings .amount a{color:inherit}
  .mms-plpm .products-grid>li.item .price-box{margin:auto 0 0!important;padding:8px 0 0!important;text-align:left;line-height:1.2}
  .mms-plpm .products-grid>li.item .price-box .price{font:700 clamp(17px,5vw,20px)/1.2 var(--mb-font,Inter,sans-serif)!important;color:var(--p-ink);white-space:nowrap}
  .mms-plpm .products-grid>li.item .price-box .price-label{font-size:13px;color:var(--p-mute)}
  .mms-plpm .products-grid>li.item .price-box .old-price .price{font-size:14px!important;font-weight:400!important;color:var(--p-mute)}
  .mms-plpm .products-grid>li.item .price-box p{margin:0}
  .mms-plpm .products-grid>li.item .availability{margin:2px 0 0!important;padding:0!important;font-size:13px;font-weight:600;line-height:1.35;text-align:left;color:var(--p-ok)}
  .mms-plpm .products-grid>li.item .availability span{color:inherit!important;font:inherit!important;background:none!important;padding:0!important}
  .mms-plpm .products-grid>li.item .availability:before{content:"\25CF\00a0";font-size:11px;vertical-align:1px}
  .mms-plpm .products-grid>li.item .availability.is-low{color:var(--p-warn)}
  .mms-plpm .products-grid>li.item .availability.is-out{color:var(--p-mute);font-weight:500}
  .mms-plpm .products-grid>li.item .actions{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;margin:8px 0 0!important;padding:0!important;
    width:auto!important;text-align:left;background:none!important}
  .mms-plpm .products-grid>li.item .actions .btn-cart{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:46px;margin:0!important;padding:0 8px!important;float:none;
    border:0!important;border-radius:10px!important;background:var(--p-c)!important;color:#fff!important;font:600 15px/1.2 var(--mb-font,Inter,sans-serif)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
  .mms-plpm .products-grid>li.item .actions .btn-cart span{background:none!important;padding:0!important;color:inherit!important;font:inherit!important;height:auto!important;line-height:inherit!important}
  .mms-plpm .products-grid>li.item .actions .btn-cart:hover,.mms-plpm .products-grid>li.item .actions .btn-cart:active{background:var(--p-hover)!important}
  .mms-plpm .products-grid>li.item .actions .add-to-links{display:none}
  .mms-plpm .products-grid>li.item .actions:empty{display:none!important}

  /* bottom row: price + stock left, square cart-icon button right (the label stays for screen readers) */
  .mms-plpm .products-grid>li.item .mms-plpm-buy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:end;margin-top:auto;padding-top:8px}
  .mms-plpm .products-grid>li.item .mms-plpm-buy>.availability{grid-column:1 / -1;grid-row:1;margin:0 0 6px!important;font-size:12.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mms-plpm .products-grid>li.item .mms-plpm-buy>.price-box{grid-column:1;grid-row:2;align-self:center;margin:0!important;padding:0!important}
  .mms-plpm .products-grid>li.item .mms-plpm-buy>.actions{grid-column:2;grid-row:2;align-self:center;margin:0!important}
  .mms-plpm .products-grid>li.item.is-soldout .mms-plpm-buy>.actions{grid-column:1 / -1;grid-row:3;margin:8px 0 0!important}
  .mms-plpm .products-grid>li.item .mms-plpm-notify{min-height:40px;font-size:14px}
  .mms-plpm .products-grid>li.item .actions .btn-cart{width:46px!important;height:46px;min-height:46px;padding:0!important}
  .mms-plpm .products-grid>li.item .actions .btn-cart>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .mms-plpm .products-grid>li.item .actions .btn-cart{position:relative}
  .mms-plpm .mms-plpm-ic{display:block;width:24px;height:24px;flex:none}
  .mms-plpm .products-grid>li.item .availability.is-empty,.mms-plpm .products-grid>li.item .availability.is-extra{display:none!important}
  .mms-plpm .products-grid>li.item .price-box .price-to{display:none}
  .mms-plpm .products-grid>li.item .price-box .price-from .price-label,.mms-plpm .products-grid>li.item .price-box .minimal-price .price-label{display:block;font-size:13px;line-height:1.3}

  /* category text below the grid */
  .mms-plpm .mms-plpm-after{margin:32px 0 8px;padding:24px 0 0;border-top:1px solid var(--p-line);font:400 15px/1.65 var(--mb-font,Inter,sans-serif);color:var(--mb-body,#35424e);text-align:left}
  .mms-plpm .mms-plpm-after .category-description{margin:0;padding:0;border:0;font:inherit;color:inherit}
  .mms-plpm .mms-plpm-after h1,.mms-plpm .mms-plpm-after h2{margin:28px 0 10px;padding:0;font:700 22px/1.25 var(--mb-head,var(--mb-font,Inter,sans-serif))!important;letter-spacing:-.01em;color:var(--p-ink)!important;text-transform:none;border:0;background:none}
  .mms-plpm .mms-plpm-after h3,.mms-plpm .mms-plpm-after h4{margin:22px 0 6px;padding:0;font:700 17px/1.3 var(--mb-font,Inter,sans-serif)!important;letter-spacing:0;color:var(--p-ink)!important;text-transform:none;border:0;background:none}
  .mms-plpm .mms-plpm-after>:first-child,.mms-plpm .mms-plpm-after .category-description>:first-child{margin-top:0}
  .mms-plpm .mms-plpm-after p{margin:0 0 12px;padding:0;font:inherit!important;font-size:15px!important;line-height:1.65!important;color:inherit}
  .mms-plpm .mms-plpm-after p.mms-plpm-blank,.mms-plpm .mms-plpm-after p:empty,.mms-plpm .mms-plpm-after br,.mms-plpm .mms-plpm-after hr{display:none}
  .mms-plpm .mms-plpm-after small,.mms-plpm .mms-plpm-after span[style*="font-size"],.mms-plpm .mms-plpm-after p[style*="font-size"]{font-size:14px!important}
  .mms-plpm .mms-plpm-after strong,.mms-plpm .mms-plpm-after b{font-weight:600;color:var(--p-ink)}
  .mms-plpm .mms-plpm-after a{color:var(--p-c)!important;font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
  .mms-plpm .mms-plpm-after ul,.mms-plpm .mms-plpm-after ol{margin:4px 0 16px;padding:0;list-style:none}
  .mms-plpm .mms-plpm-after li{position:relative;display:block;margin:0 0 8px;padding:0 0 0 20px!important;background:none!important;list-style:none;font:inherit;color:inherit}
  .mms-plpm .mms-plpm-after ul>li:before{content:"";position:absolute;left:3px;top:.62em;margin:0;padding:0;float:none;border:0;width:7px;height:7px;border-radius:50%;background:var(--p-c)}
  .mms-plpm .mms-plpm-after ol{counter-reset:mmsol}
  .mms-plpm .mms-plpm-after ol>li{counter-increment:mmsol;padding-left:26px!important}
  .mms-plpm .mms-plpm-after ol>li:before{content:counter(mmsol) ".";position:absolute;left:0;top:0;font-weight:700;color:var(--p-c)}
  .mms-plpm .mms-plpm-after table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 16px}
  .mms-plpm .mms-plpm-after td,.mms-plpm .mms-plpm-after th{padding:8px 6px;border-bottom:1px solid var(--p-line);text-align:left;vertical-align:top}
  .mms-plpm .mms-plpm-after img{max-width:100%;height:auto;border-radius:8px}

  /* ── filter: hidden in the page, opens as a full-height sheet ── */
  .mms-plpm .block-layered-nav{display:none}
  html.mms-plpm-lock,html.mms-plpm-lock body{overflow:hidden}
  .mms-plpm-open #fc_frame{display:none!important}   /* chat bubble would cover "Show N products" */
  .mms-plpm.mms-plpm-open .block-layered-nav{display:flex;flex-direction:column;position:fixed;inset:0;z-index:10000;margin:0;padding:0;border:0;border-radius:0;
    background:#fff;font:400 16px/1.4 var(--mb-font,Inter,sans-serif);color:var(--p-ink);box-shadow:none}
  .mms-plpm-open .block-layered-nav>.block-title,.mms-plpm-open .block-layered-nav .block-subtitle--filter,
  .mms-plpm-open .block-layered-nav .currently,.mms-plpm-open .block-layered-nav .block-content>.actions{display:none!important}
  .mms-plpm-open .block-layered-nav .mms-plpm-head{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:56px;padding:0 8px 0 16px;border-bottom:1px solid var(--p-line)}
  .mms-plpm-head b{font:700 19px/1.2 var(--mb-head,var(--mb-font,Inter,sans-serif));letter-spacing:-.015em}
  .mms-plpm-x{all:unset;box-sizing:border-box;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;color:var(--mb-body,#35424e);border-radius:10px}
  .mms-plpm-x:focus-visible{outline:2px solid var(--p-c)}
  .mms-plpm-open .block-layered-nav .mms-plpm-chips{flex:none;margin:0;padding:10px 16px;background:var(--p-t1)}
  .mms-plpm-open .block-layered-nav .block-content{display:block!important;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0!important;margin:0;border:0;height:auto!important}
  .mms-plpm-open #narrow-by-list{display:block!important;margin:0;padding:0}
  .mms-plpm-open #narrow-by-list dt{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;margin:0;padding:0 16px;border:0;border-bottom:1px solid var(--p-line);
    font:700 16px/1.3 var(--mb-font,Inter,sans-serif);color:var(--p-ink);text-transform:none;letter-spacing:0;cursor:pointer;background:none!important;float:none;width:auto}
  .mms-plpm-open #narrow-by-list dt:before{display:none!important;content:none!important}
  .mms-plpm-open #narrow-by-list dt:after{content:"+";flex:none;width:14px;height:auto;position:static;display:block;float:none;clear:none;margin:0;border:0;background:none;text-align:center;font-size:20px;font-weight:400;line-height:1;color:var(--p-c)}
  .mms-plpm-open #narrow-by-list dt.is-open{border-bottom:0}
  .mms-plpm-open #narrow-by-list dt.is-open:after{content:"\2212"}
  .mms-plpm-open #narrow-by-list dt:focus-visible{outline:2px solid var(--p-c);outline-offset:-2px}
  .mms-plpm-open #narrow-by-list dd{display:none;margin:0;padding:0 16px 12px;border-bottom:1px solid var(--p-line)}
  .mms-plpm-open #narrow-by-list dt.is-open+dd{display:block}
  .mms-plpm-open #narrow-by-list dd ol{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
  .mms-plpm-open #narrow-by-list dd li{margin:0;padding:0;background:none;border:0}
  .mms-plpm-open #narrow-by-list dd li a{box-sizing:border-box;min-height:48px;padding:6px 14px;border-radius:10px;border:1px solid var(--p-input);background:#fff;display:flex;align-items:center;
    justify-content:space-between;gap:12px;text-decoration:none;color:var(--p-ink)!important;font-weight:500;font-size:16px;line-height:1.3}
  .mms-plpm-open #narrow-by-list dd li a:active{background:var(--p-soft);border-color:var(--p-c)}
  .mms-plpm-open #narrow-by-list dd li .count{flex:none;color:var(--p-mute);font-weight:400;font-size:14px}
  .mms-plpm-open .block-layered-nav .mms-plpm-foot{display:block;flex:none;padding:12px 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--p-line);background:#fff}
  .mms-plpm-show{all:unset;box-sizing:border-box;cursor:pointer;width:100%;min-height:50px;border-radius:10px;background:var(--p-c);color:#fff;font:700 16px/1.2 var(--mb-font,Inter,sans-serif);
    display:flex;align-items:center;justify-content:center}
  .mms-plpm-show:hover,.mms-plpm-show:active{background:var(--p-hover)}
  .mms-plpm-show:focus-visible{outline:2px solid var(--p-ink);outline-offset:2px}
}
