:root{
  --catalogue-orange:#ff6a00;
  --catalogue-orange-soft:#ff8a38;
  --catalogue-surface:#0b0c0f;
  --catalogue-surface-2:#111318;
  --catalogue-line:rgba(255,255,255,.10);
  --catalogue-muted:#a8acb5;
}
.catalogue-page{width:min(1240px,100%);margin:0 auto;padding:18px 0 40px;color:#fff}
.catalogue-breadcrumbs{display:flex;align-items:center;gap:9px;margin:0 0 18px;padding:0 2px;color:#8d929d;font-size:12px;font-weight:700;letter-spacing:.02em}
.catalogue-breadcrumbs a{color:#c7cad1;text-decoration:none;transition:color .18s ease}
.catalogue-breadcrumbs a:hover{color:var(--catalogue-orange)}
.catalogue-breadcrumbs strong{color:#fff;font-weight:700}
.catalogue-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:30px;align-items:end;margin-bottom:24px;padding:clamp(28px,4vw,54px);border:1px solid var(--catalogue-line);border-radius:28px;background:radial-gradient(circle at 85% 0,rgba(255,106,0,.16),transparent 38%),linear-gradient(145deg,#111319 0%,#08090c 64%,#0d0e12 100%);box-shadow:0 26px 70px rgba(0,0,0,.25);overflow:hidden}
.catalogue-kicker{margin:0 0 10px;color:var(--catalogue-orange);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.catalogue-hero h1,.catalogue-archive-hero h1{margin:0;color:#fff;font-size:clamp(38px,5.2vw,72px);font-weight:850;letter-spacing:-.055em;line-height:.96}
.catalogue-hero-copy>p:last-child,.catalogue-archive-hero-copy>p{max-width:720px;margin:18px 0 0;color:#b3b7c0;font-size:clamp(15px,1.6vw,18px);line-height:1.72}
.catalogue-hero-stat{display:grid;justify-items:end;align-content:end;min-height:130px;padding-left:24px;border-left:1px solid var(--catalogue-line);text-align:right}
.catalogue-hero-stat strong{font-size:62px;line-height:.9;letter-spacing:-.06em}
.catalogue-hero-stat span{margin-top:8px;color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.catalogue-hero-stat small{margin-top:6px;color:#858a95;font-size:12px}
.catalogue-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.catalogue-category-card{position:relative;display:flex;min-width:0;min-height:470px;flex-direction:column;border:1px solid var(--catalogue-line);border-radius:24px;background:linear-gradient(180deg,#111318,#090a0d);color:#fff;text-decoration:none;overflow:hidden;box-shadow:0 18px 46px rgba(0,0,0,.18);transform:translateY(0);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.catalogue-category-card:hover{transform:translateY(-5px);border-color:rgba(255,106,0,.58);box-shadow:0 25px 60px rgba(0,0,0,.34)}
.catalogue-category-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0d0f13}
.catalogue-category-media:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(180deg,transparent,rgba(5,6,8,.72));pointer-events:none}
.catalogue-category-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.2,.7,.2,1)}
.catalogue-category-card:hover .catalogue-category-media img{transform:scale(1.035)}
.catalogue-category-status{position:absolute;z-index:2;top:14px;left:14px;padding:8px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(5,6,8,.72);backdrop-filter:blur(12px);color:#fff;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.catalogue-category-status.available{border-color:rgba(255,106,0,.45);color:#ff9a56}
.catalogue-category-status.soon{color:#b7bbc4}
.catalogue-category-body{display:flex;flex:1;flex-direction:column;padding:23px 22px 22px}
.catalogue-category-body>p{margin:0;color:#767c87;font-size:10px;font-weight:900;letter-spacing:.17em}
.catalogue-category-body h2{margin:8px 0 0;color:#fff;font-size:clamp(23px,2vw,30px);font-weight:820;letter-spacing:-.035em}
.catalogue-category-body>span{display:block;margin:12px 0 20px;color:#a6abb5;font-size:13px;line-height:1.65}
.catalogue-category-body>strong{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--catalogue-line);color:#fff;font-size:12px;letter-spacing:.025em}
.catalogue-category-body>strong b{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:var(--catalogue-orange);color:#fff;font-size:16px;transition:transform .2s ease}
.catalogue-category-card:hover .catalogue-category-body>strong b{transform:translateX(3px)}
.catalogue-archive-page{padding-bottom:45px}
.catalogue-archive-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);min-height:390px;margin-bottom:22px;border:1px solid var(--catalogue-line);border-radius:28px;background:linear-gradient(145deg,#111319,#08090c);overflow:hidden}
.catalogue-archive-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,68px)}
.catalogue-back-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-bottom:35px;color:#c7cad0;font-size:12px;font-weight:800;text-decoration:none}
.catalogue-back-link:hover{color:var(--catalogue-orange)}
.catalogue-archive-count{display:flex;align-items:baseline;gap:10px;margin-top:26px}
.catalogue-archive-count strong{color:var(--catalogue-orange);font-size:26px}
.catalogue-archive-count span{color:#9297a1;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.catalogue-archive-art{position:relative;min-height:330px;background:#0c0e12;overflow:hidden}
.catalogue-archive-art:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#090a0d 0,transparent 35%)}
.catalogue-archive-art img{width:100%;height:100%;object-fit:cover}
.catalogue-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.catalogue-product-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--catalogue-line);border-radius:22px;background:linear-gradient(180deg,#111318,#090a0d);color:#fff;text-decoration:none;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.catalogue-product-card:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.55);box-shadow:0 22px 56px rgba(0,0,0,.3)}
.catalogue-product-media{position:relative;display:grid;aspect-ratio:1/1;place-items:center;padding:24px;background:radial-gradient(circle at 50% 38%,#1b1e24,#0a0b0e 68%);overflow:hidden}
.catalogue-product-media img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.catalogue-product-card:hover .catalogue-product-media img{transform:scale(1.035)}
.catalogue-product-media>span:not(.catalogue-product-placeholder){position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:999px;background:rgba(5,6,8,.74);color:#ff9a56;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.catalogue-product-placeholder{color:#454a54;font-size:38px;font-weight:900;letter-spacing:-.06em}
.catalogue-product-body{display:flex;flex:1;flex-direction:column;padding:22px}
.catalogue-product-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.catalogue-product-heading h2{margin:0;color:#fff;font-size:22px;line-height:1.15;letter-spacing:-.03em}
.catalogue-product-heading small{padding:5px 7px;border-radius:7px;background:#181a20;color:#8f949f;font-size:9px;font-weight:800;white-space:nowrap}
.catalogue-product-body>p{display:-webkit-box;min-height:63px;margin:13px 0 18px;color:#a2a7b1;font-size:13px;line-height:1.62;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.catalogue-product-meta{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:16px 0;border-top:1px solid var(--catalogue-line)}
.catalogue-product-meta strong{color:#fff;font-size:15px}
.catalogue-product-meta span{color:#818691;font-size:11px;white-space:nowrap}
.catalogue-product-open{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:var(--catalogue-orange-soft);font-size:12px}
.catalogue-empty-category{display:grid;min-height:360px;place-items:center;align-content:center;padding:50px 24px;border:1px dashed rgba(255,255,255,.17);border-radius:24px;background:linear-gradient(145deg,rgba(17,19,24,.76),rgba(8,9,12,.84));text-align:center}
.catalogue-empty-icon{display:grid;width:56px;height:56px;place-items:center;margin-bottom:20px;border:1px solid rgba(255,106,0,.38);border-radius:50%;background:rgba(255,106,0,.08);color:var(--catalogue-orange);font-size:29px;font-weight:300}
.catalogue-empty-category h2{max-width:720px;margin:0;color:#fff;font-size:clamp(25px,3.4vw,42px);letter-spacing:-.045em}
.catalogue-empty-category>p:not(.catalogue-kicker){max-width:620px;margin:14px 0 24px;color:#9ca1ab;font-size:14px;line-height:1.7}
.catalogue-empty-category a{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#fff;color:#08090c;font-size:12px;font-weight:850;text-decoration:none}
@media(max-width:1100px){.catalogue-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-category-card{min-height:440px}.catalogue-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.catalogue-page{padding-top:8px}.catalogue-breadcrumbs{margin-bottom:12px}.catalogue-hero{grid-template-columns:1fr;padding:28px 22px;border-radius:22px}.catalogue-hero-stat{justify-items:start;min-height:0;padding:20px 0 0;border-top:1px solid var(--catalogue-line);border-left:0;text-align:left}.catalogue-hero-stat strong{font-size:44px}.catalogue-archive-hero{grid-template-columns:1fr;border-radius:22px}.catalogue-archive-hero-copy{padding:30px 23px}.catalogue-back-link{margin-bottom:25px}.catalogue-archive-art{min-height:240px;order:-1}.catalogue-archive-art:before{background:linear-gradient(0deg,#090a0d 0,transparent 40%)}.catalogue-product-grid{grid-template-columns:1fr}}
@media(max-width:570px){.catalogue-category-grid{grid-template-columns:1fr;gap:13px}.catalogue-category-card{min-height:0;border-radius:20px}.catalogue-category-media{aspect-ratio:16/10}.catalogue-category-body{padding:20px}.catalogue-category-body h2{font-size:26px}.catalogue-product-card{border-radius:20px}.catalogue-product-body{padding:20px}}
@media(prefers-reduced-motion:reduce){.catalogue-category-card,.catalogue-category-media img,.catalogue-category-body>strong b,.catalogue-product-card,.catalogue-product-media img{transition:none!important}}


/* Uniform PET CAN catalogue media — v3.3.2 */
.catalogue-product-media{aspect-ratio:1/1;min-height:0;padding:0}
.catalogue-product-media img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:none}
.catalogue-product-card:hover .catalogue-product-media img{transform:scale(1.018)}
@media(max-width:570px){.catalogue-product-media{aspect-ratio:1/1;padding:0}}

/* Original PET CAN media display guard — v3.3.3 */
.catalogue-product-media{aspect-ratio:1/1;min-height:0;padding:0;isolation:isolate}
.catalogue-product-media img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none}
.catalogue-product-card:hover .catalogue-product-media img{transform:scale(1.012)}


/* Lid & CAP system grouping — v3.5.0 */
.catalogue-closure-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 28px}.catalogue-closure-switcher a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.035);color:#fff;text-decoration:none;transition:border-color .2s ease,transform .2s ease,background .2s ease}.catalogue-closure-switcher a:hover{transform:translateY(-2px);border-color:rgba(255,119,45,.7);background:rgba(255,119,45,.08)}.catalogue-closure-switcher strong{font-size:1.35rem;letter-spacing:.03em}.catalogue-closure-switcher span{color:rgba(255,255,255,.66);font-size:.86rem}.catalogue-closure-group{scroll-margin-top:110px;margin-top:34px}.catalogue-closure-group+.catalogue-closure-group{margin-top:58px;padding-top:42px;border-top:1px solid rgba(255,255,255,.1)}.catalogue-closure-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.catalogue-closure-group-head h2{margin:4px 0 8px;font-size:clamp(1.75rem,3vw,2.55rem)}.catalogue-closure-group-head p{margin:0;max-width:720px;color:rgba(255,255,255,.68)}.catalogue-closure-group-head>span{display:flex;flex-direction:column;align-items:flex-end;min-width:112px;padding:13px 16px;border:1px solid rgba(255,119,45,.38);border-radius:15px;background:rgba(255,119,45,.08)}.catalogue-closure-group-head>span strong{font-size:1.45rem}.catalogue-closure-group-head>span small{color:rgba(255,255,255,.62)}@media(max-width:720px){.catalogue-closure-switcher{grid-template-columns:1fr}.catalogue-closure-group-head{align-items:flex-start}.catalogue-closure-group-head>span{min-width:auto}.catalogue-closure-group+.catalogue-closure-group{margin-top:42px;padding-top:32px}}@media(max-width:520px){.catalogue-closure-group-head{display:block}.catalogue-closure-group-head>span{display:inline-flex;align-items:flex-start;margin-top:14px}.catalogue-closure-switcher a{padding:15px 16px}}

/* LiVAR Compact Category Cards v3.8.5
   Desktop-only presentation refinement for the /products category grid.
   HTML, category links, product counts, media files and mobile layouts remain unchanged. */
@media (min-width:1101px){
  .catalogue-category-grid{
    gap:17px;
  }

  .catalogue-category-card{
    min-height:0;
    border-color:rgba(255,255,255,.085);
    border-radius:17px;
    background:#11151a;
    box-shadow:none;
    transition:
      transform .22s ease,
      border-color .22s ease,
      background-color .22s ease,
      box-shadow .22s ease;
  }

  .catalogue-category-card:hover{
    transform:translateY(-3px);
    border-color:rgba(255,106,0,.34);
    background:#14191f;
    box-shadow:0 16px 36px rgba(0,0,0,.22);
  }

  .catalogue-category-media{
    aspect-ratio:16/10;
    background:#0d0f13;
  }

  .catalogue-category-media::after{
    height:30%;
    background:linear-gradient(180deg,transparent,rgba(5,6,8,.42));
  }

  .catalogue-category-media img{
    object-fit:cover;
    object-position:center;
    transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .2s ease;
  }

  .catalogue-category-card:hover .catalogue-category-media img{
    transform:scale(1.015);
  }

  .catalogue-category-status{
    top:12px;
    right:12px;
    left:auto;
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:4px 8px;
    border-color:rgba(255,255,255,.11);
    background:rgba(8,10,13,.76);
    color:rgba(255,255,255,.76);
    font-size:9.5px;
    font-weight:600;
    letter-spacing:.01em;
    line-height:1;
    text-transform:none;
    box-shadow:0 7px 18px rgba(0,0,0,.16);
  }

  .catalogue-category-status.available{
    border-color:rgba(255,106,0,.28);
    color:#ff9a56;
  }

  .catalogue-category-body{
    display:grid;
    flex:0 0 auto;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto minmax(34px,auto);
    align-content:start;
    gap:5px 12px;
    padding:15px 17px 17px;
  }

  .catalogue-category-body>p{
    grid-column:1/-1;
    margin:0;
    color:rgba(255,255,255,.43);
    font-size:9px;
    font-weight:650;
    letter-spacing:.14em;
    line-height:1.2;
  }

  .catalogue-category-body h2{
    grid-column:1;
    grid-row:2;
    align-self:center;
    margin:0;
    color:#f5f7f9;
    font-size:20px;
    font-weight:620;
    letter-spacing:-.025em;
    line-height:1.15;
  }

  .catalogue-category-body>span{
    grid-column:1/-1;
    grid-row:3;
    display:-webkit-box;
    min-height:34px;
    margin:2px 0 0;
    overflow:hidden;
    color:rgba(255,255,255,.55);
    font-size:11.5px;
    font-weight:400;
    line-height:1.45;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .catalogue-category-body>strong{
    grid-column:2;
    grid-row:2;
    align-self:center;
    display:block;
    margin:0;
    padding:0;
    border:0;
    color:inherit;
    font-size:0;
    line-height:1;
  }

  .catalogue-category-body>strong b{
    display:grid;
    width:30px;
    height:30px;
    place-items:center;
    border:1px solid rgba(255,255,255,.11);
    border-radius:50%;
    background:rgba(255,255,255,.025);
    color:rgba(255,255,255,.78);
    font-size:15px;
    font-weight:500;
    box-shadow:none;
    transition:
      transform .2s ease,
      border-color .2s ease,
      background-color .2s ease,
      color .2s ease;
  }

  .catalogue-category-card:hover .catalogue-category-body>strong b{
    transform:translateX(2px);
    border-color:rgba(255,106,0,.55);
    background:rgba(255,106,0,.12);
    color:#ff8a38;
  }

  .catalogue-category-card:focus-visible{
    outline:3px solid rgba(255,106,0,.42);
    outline-offset:3px;
  }
}

/* LiVAR Compact Category Archive Hero v3.8.6
   Shared desktop and tablet refinement for every /products/{category}/ archive.
   Presentation only: no category data, media paths, counts, links or product logic changes. */
@media (min-width:761px){
  .catalogue-archive-hero{
    grid-template-columns:minmax(0,1fr) clamp(300px,34vw,390px);
    min-height:260px;
    margin-bottom:18px;
    border-color:rgba(255,255,255,.085);
    border-radius:18px;
    background:#11151a;
    box-shadow:none;
  }

  .catalogue-archive-hero-copy{
    min-width:0;
    justify-content:center;
    padding:25px clamp(25px,3vw,38px) 27px;
  }

  .catalogue-back-link{
    min-height:32px;
    margin-bottom:18px;
    color:rgba(255,255,255,.55);
    font-size:10.5px;
    font-weight:600;
    letter-spacing:.01em;
    line-height:1.2;
  }

  .catalogue-back-link span{
    color:rgba(255,255,255,.72);
    font-size:14px;
    transition:transform .18s ease,color .18s ease;
  }

  .catalogue-back-link:hover span{
    color:var(--catalogue-orange-soft);
    transform:translateX(-2px);
  }

  .catalogue-archive-hero-copy > p.catalogue-kicker{
    margin:0 0 7px;
    color:rgba(255,138,56,.92);
    font-size:9px;
    font-weight:650;
    letter-spacing:.14em;
    line-height:1.2;
  }

  .catalogue-archive-hero h1{
    max-width:760px;
    font-size:clamp(34px,4vw,48px);
    font-weight:650;
    letter-spacing:-.04em;
    line-height:1.02;
  }

  .catalogue-archive-hero-copy > p:not(.catalogue-kicker){
    display:-webkit-box;
    max-width:640px;
    margin:11px 0 0;
    overflow:hidden;
    color:rgba(255,255,255,.58);
    font-size:13px;
    font-weight:400;
    line-height:1.55;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .catalogue-archive-count{
    align-self:flex-start;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:30px;
    margin-top:17px;
    padding:5px 9px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:999px;
    background:rgba(255,255,255,.028);
  }

  .catalogue-archive-count strong{
    color:var(--catalogue-orange-soft);
    font-size:15px;
    font-weight:650;
    letter-spacing:-.02em;
    line-height:1;
  }

  .catalogue-archive-count span{
    color:rgba(255,255,255,.48);
    font-size:9px;
    font-weight:550;
    letter-spacing:.035em;
    line-height:1;
    text-transform:none;
  }

  .catalogue-archive-art{
    min-height:260px;
    background:#0d0f13;
    isolation:isolate;
  }

  .catalogue-archive-art::before{
    z-index:2;
    background:
      linear-gradient(90deg,#11151a 0,rgba(17,21,26,.62) 15%,transparent 48%),
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.20));
  }

  .catalogue-archive-art::after{
    content:"";
    position:absolute;
    z-index:3;
    inset:13px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:12px;
    pointer-events:none;
  }

  .catalogue-archive-art img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    filter:saturate(.94) contrast(1.03);
    transform:scale(1.005);
  }
}

@media (min-width:761px) and (max-width:980px){
  .catalogue-archive-hero{
    grid-template-columns:minmax(0,1fr) 300px;
    min-height:250px;
  }

  .catalogue-archive-hero-copy{
    padding:23px 25px 25px;
  }

  .catalogue-back-link{
    margin-bottom:15px;
  }

  .catalogue-archive-hero h1{
    font-size:clamp(32px,4.5vw,42px);
  }

  .catalogue-archive-hero-copy > p:not(.catalogue-kicker){
    font-size:12.5px;
  }

  .catalogue-archive-art{
    min-height:250px;
  }
}

/* LiVAR Ultra-Compact Category Archive Hero v3.8.7
   Desktop-only height correction for all category archive pages.
   Keeps existing HTML, category data, media, links and mobile/tablet layout unchanged. */
@media (min-width:981px){
  .catalogue-archive-hero{
    grid-template-columns:minmax(0,1fr) clamp(270px,29vw,340px);
    height:188px;
    min-height:188px;
    max-height:188px;
    margin-bottom:16px;
    border-radius:16px;
  }

  .catalogue-archive-hero-copy{
    position:relative;
    justify-content:center;
    padding:31px 30px 27px;
    overflow:hidden;
  }

  .catalogue-back-link{
    position:absolute;
    top:13px;
    left:30px;
    min-height:24px;
    margin:0;
    font-size:9.5px;
  }

  .catalogue-archive-hero-copy > p.catalogue-kicker{
    margin:0 0 4px;
    font-size:8.5px;
    letter-spacing:.14em;
  }

  .catalogue-archive-hero h1{
    font-size:clamp(30px,3vw,40px);
    line-height:1;
    letter-spacing:-.038em;
  }

  .catalogue-archive-hero-copy > p:not(.catalogue-kicker){
    max-width:calc(100% - 152px);
    margin:7px 0 0;
    font-size:11.75px;
    line-height:1.42;
    -webkit-line-clamp:2;
  }

  .catalogue-archive-count{
    position:absolute;
    right:23px;
    bottom:15px;
    min-height:26px;
    margin:0;
    padding:4px 8px;
  }

  .catalogue-archive-count strong{
    font-size:14px;
  }

  .catalogue-archive-count span{
    font-size:8.5px;
  }

  .catalogue-archive-art{
    height:188px;
    min-height:188px;
    max-height:188px;
  }

  .catalogue-archive-art::after{
    inset:9px;
    border-radius:10px;
  }

  .catalogue-archive-art img{
    object-position:center;
    transform:scale(1.002);
  }
}


/* LiVAR Compact Industrial Product Catalogue v3.10.2
   Desktop-only presentation refinement for category archive pages.
   Product data, prices, variants, links, images, SEO markup and mobile layouts remain unchanged. */
@media (min-width:981px){
  .catalogue-archive-hero{
    grid-template-columns:minmax(0,1fr) clamp(245px,22vw,285px);
    height:156px;
    min-height:156px;
    max-height:156px;
    margin-bottom:14px;
    border-radius:15px;
  }

  .catalogue-archive-hero-copy{
    justify-content:center;
    padding:26px 26px 21px;
  }

  .catalogue-back-link{
    top:10px;
    left:26px;
    min-height:22px;
    font-size:9px;
  }

  .catalogue-archive-hero-copy > p.catalogue-kicker{
    margin:0 0 3px;
    font-size:8px;
    letter-spacing:.14em;
  }

  .catalogue-archive-hero h1{
    max-width:720px;
    font-size:clamp(28px,2.75vw,34px);
    font-weight:650;
    line-height:1;
    letter-spacing:-.036em;
  }

  .catalogue-archive-hero-copy > p:not(.catalogue-kicker){
    max-width:calc(100% - 132px);
    margin:6px 0 0;
    font-size:11.25px;
    line-height:1.4;
    -webkit-line-clamp:2;
  }

  .catalogue-archive-count{
    right:18px;
    bottom:11px;
    min-height:25px;
    padding:4px 8px;
  }

  .catalogue-archive-count strong{font-size:13px}
  .catalogue-archive-count span{font-size:8px}

  .catalogue-archive-art{
    height:156px;
    min-height:156px;
    max-height:156px;
  }

  .catalogue-archive-art::after{
    inset:8px;
    border-radius:9px;
  }

  .catalogue-product-grid{
    gap:14px;
  }

  .catalogue-product-card{
    border-radius:15px;
    background:linear-gradient(180deg,#11151a,#0b0d11);
    box-shadow:none;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
  }

  .catalogue-product-card:hover{
    transform:translateY(-2px);
    border-color:rgba(255,85,0,.42);
    box-shadow:0 0 0 1px rgba(255,85,0,.055),0 14px 30px rgba(0,0,0,.20);
  }

  .catalogue-product-media{
    aspect-ratio:auto;
    min-height:0;
    padding:0;
    background:radial-gradient(circle at 50% 38%,#191d23,#0b0d11 70%);
  }

  .catalogue-product-media img{
    box-sizing:border-box;
    width:100%;
    height:100%;
    padding:10px;
    object-fit:contain;
    object-position:center;
    transform:none;
    transition:transform .28s cubic-bezier(.2,.7,.2,1);
  }

  .catalogue-product-card:hover .catalogue-product-media img{
    transform:scale(1.012);
  }

  .catalogue-product-media > span:not(.catalogue-product-placeholder){
    top:10px;
    left:10px;
    padding:5px 8px;
    font-size:8.5px;
    font-weight:700;
    letter-spacing:.06em;
  }

  .catalogue-product-body{
    padding:14px 15px 15px;
  }

  .catalogue-product-heading{
    gap:9px;
  }

  .catalogue-product-heading h2{
    font-size:17px;
    font-weight:620;
    line-height:1.18;
    letter-spacing:-.024em;
  }

  .catalogue-product-heading small{
    padding:4px 6px;
    border-radius:6px;
    font-size:8.5px;
    font-weight:700;
  }

  .catalogue-product-body > p{
    min-height:34px;
    margin:7px 0 10px;
    color:rgba(255,255,255,.60);
    font-size:11.5px;
    line-height:1.45;
    -webkit-line-clamp:2;
  }

  .catalogue-product-meta{
    gap:9px;
    padding:9px 0;
  }

  .catalogue-product-meta strong{
    font-size:13px;
    font-weight:650;
  }

  .catalogue-product-meta span{
    font-size:9.5px;
  }

  .catalogue-product-open{
    justify-content:flex-end;
    min-height:28px;
    margin-top:4px;
    font-size:0;
  }

  .catalogue-product-open span{
    display:grid;
    width:28px;
    height:28px;
    place-items:center;
    border:1px solid rgba(255,255,255,.10);
    border-radius:50%;
    background:rgba(255,255,255,.025);
    color:rgba(255,255,255,.78);
    font-size:14px;
    font-weight:500;
    transition:transform .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease;
  }

  .catalogue-product-card:hover .catalogue-product-open span{
    transform:translateX(2px);
    border-color:rgba(255,85,0,.50);
    background:rgba(255,85,0,.11);
    color:#ff8a38;
  }

  .catalogue-product-card:focus-visible{
    outline:3px solid rgba(255,85,0,.40);
    outline-offset:3px;
  }
}

@media (min-width:1181px){
  .catalogue-product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .catalogue-product-media{
    height:220px;
  }
}

@media (min-width:981px) and (max-width:1180px){
  .catalogue-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .catalogue-product-media{
    height:205px;
  }

  .catalogue-product-body{
    padding:13px 14px 14px;
  }

  .catalogue-product-heading h2{
    font-size:16.5px;
  }

  .catalogue-product-body > p{
    font-size:11.25px;
  }
}

/* LiVAR Product Media Containment v3.10.3
   Locks every desktop category-card product image inside its media panel.
   The intrinsic image ratio is preserved, no image can affect panel height,
   and hover scaling is disabled to prevent visual overflow or clipping. */
@media (min-width:981px){
  .catalogue-product-media{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    contain:layout paint;
  }

  .catalogue-product-media img{
    position:absolute;
    z-index:0;
    inset:10px;
    display:block;
    width:calc(100% - 20px);
    height:calc(100% - 20px);
    min-width:0;
    min-height:0;
    max-width:none;
    max-height:none;
    padding:0;
    object-fit:contain;
    object-position:center;
    transform:none;
    transition:opacity .2s ease;
  }

  .catalogue-product-card:hover .catalogue-product-media img{
    transform:none;
  }

  .catalogue-product-media > span:not(.catalogue-product-placeholder){
    z-index:2;
  }
}

@media (min-width:981px) and (max-width:1180px){
  .catalogue-product-media img{
    inset:8px;
    width:calc(100% - 16px);
    height:calc(100% - 16px);
  }
}

/* LiVAR Faceted Product Discovery v3.11.0
   Read-only, server-rendered PET CAN filters with progressive enhancement.
   The category hero, product data, prices and commerce database remain unchanged. */
.catalogue-tools,
.catalogue-tools *{box-sizing:border-box}
.catalogue-tools{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;margin:0 0 12px;padding:8px 10px;border:1px solid rgba(255,255,255,.085);border-radius:15px;background:rgba(14,17,21,.96);box-shadow:0 12px 32px rgba(0,0,0,.16)}
.catalogue-filter-groups{display:flex;align-items:center;gap:7px;min-width:0;flex:1 1 auto}
.catalogue-filter-menu{position:relative;flex:0 0 auto}
.catalogue-filter-menu>summary{display:flex;align-items:center;gap:8px;min-height:39px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.025);color:rgba(255,255,255,.78);font-size:10.5px;font-weight:650;line-height:1;list-style:none;cursor:pointer;user-select:none;transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.catalogue-filter-menu>summary::-webkit-details-marker{display:none}
.catalogue-filter-menu>summary:hover,.catalogue-filter-menu[open]>summary,.catalogue-filter-menu.has-selection>summary{border-color:rgba(255,85,0,.42);background:rgba(255,85,0,.065);color:#fff}
.catalogue-filter-menu>summary b{display:grid;min-width:18px;height:18px;place-items:center;padding:0 5px;border-radius:999px;background:#ff5500;color:#fff;font-size:8.5px;font-weight:750}
.catalogue-filter-menu>summary i{position:relative;width:9px;height:9px;margin-left:1px}
.catalogue-filter-menu>summary i::before,.catalogue-filter-menu>summary i::after{content:"";position:absolute;top:4px;width:6px;height:1px;background:currentColor;transition:transform .18s ease}
.catalogue-filter-menu>summary i::before{left:0;transform:rotate(42deg)}
.catalogue-filter-menu>summary i::after{right:0;transform:rotate(-42deg)}
.catalogue-filter-menu[open]>summary i::before{transform:rotate(-42deg)}
.catalogue-filter-menu[open]>summary i::after{transform:rotate(42deg)}
.catalogue-filter-panel{position:absolute;z-index:80;top:calc(100% + 8px);left:0;width:278px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#101419;box-shadow:0 24px 60px rgba(0,0,0,.46)}
.catalogue-filter-panel::before{content:"";position:absolute;top:-5px;left:24px;width:9px;height:9px;border-top:1px solid rgba(255,255,255,.11);border-left:1px solid rgba(255,255,255,.11);background:#101419;transform:rotate(45deg)}
.catalogue-filter-panel header{display:flex;flex-direction:column;gap:4px;margin-bottom:11px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}
.catalogue-filter-panel header strong{color:#fff;font-size:12px;font-weight:680}
.catalogue-filter-panel header small{color:rgba(255,255,255,.43);font-size:9.5px;line-height:1.35}
.catalogue-filter-options{display:grid;gap:4px;max-height:252px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.catalogue-filter-options label{display:grid;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:34px;padding:6px 7px;border:1px solid transparent;border-radius:9px;color:rgba(255,255,255,.72);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}
.catalogue-filter-options label:hover{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#fff}
.catalogue-filter-options input{width:16px;height:16px;margin:0;accent-color:#ff5500}
.catalogue-filter-options span{min-width:0;font-size:10.5px;font-weight:560;line-height:1.25}
.catalogue-filter-options small{display:grid;min-width:22px;height:20px;place-items:center;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.45);font-size:8.5px;font-weight:650}
.catalogue-filter-panel>button{width:100%;min-height:38px;margin-top:12px;border:1px solid rgba(255,85,0,.45);border-radius:10px;background:#ff5500;color:#fff;font:inherit;font-size:10.5px;font-weight:750;cursor:pointer;transition:filter .16s ease,transform .16s ease}
.catalogue-filter-panel>button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.catalogue-filter-price .catalogue-filter-panel{width:292px}
.catalogue-price-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.catalogue-price-fields label{display:grid;gap:6px}
.catalogue-price-fields label>span{color:rgba(255,255,255,.46);font-size:8.5px;font-weight:650;letter-spacing:.03em;text-transform:uppercase}
.catalogue-price-fields input{width:100%;height:39px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:9px;outline:0;background:rgba(255,255,255,.035);color:#fff;font:inherit;font-size:11px;font-weight:620}
.catalogue-price-fields input:focus{border-color:rgba(255,85,0,.62);box-shadow:0 0 0 3px rgba(255,85,0,.09)}
.catalogue-tools-end{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.catalogue-filter-result{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;color:rgba(255,255,255,.45);font-size:9.5px;font-weight:560}
.catalogue-filter-result strong{color:#fff;font-size:12px;font-weight:720}
.catalogue-sort-control{display:flex;align-items:center;gap:7px;height:39px;padding:0 9px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.025)}
.catalogue-sort-control>span{color:rgba(255,255,255,.42);font-size:8.5px;font-weight:680;text-transform:uppercase;letter-spacing:.06em}
.catalogue-sort-control select{max-width:166px;border:0;outline:0;background:#11151a;color:#fff;font:inherit;font-size:10px;font-weight:620;cursor:pointer}
.catalogue-filter-apply{display:none;min-height:39px;padding:0 14px;border:1px solid rgba(255,85,0,.5);border-radius:11px;background:#ff5500;color:#fff;font:inherit;font-size:10px;font-weight:740;cursor:pointer}
.catalogue-applied-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:0 2px}
.catalogue-applied-filters>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.catalogue-applied-filters>div>a{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:5px 9px;border:1px solid rgba(255,85,0,.25);border-radius:999px;background:rgba(255,85,0,.055);color:rgba(255,255,255,.72);font-size:9.5px;font-weight:580;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease}
.catalogue-applied-filters>div>a:hover{border-color:rgba(255,85,0,.52);background:rgba(255,85,0,.10);color:#fff}
.catalogue-applied-filters>div>a b{color:#ff7a37;font-size:14px;font-weight:400;line-height:1}
.catalogue-clear-filters{color:rgba(255,255,255,.46);font-size:9.5px;font-weight:650;text-decoration:none;white-space:nowrap}
.catalogue-clear-filters:hover{color:#ff7a37}
.catalogue-filter-empty{display:grid;min-height:270px;place-items:center;align-content:center;padding:40px 22px;border:1px dashed rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.018);text-align:center}
.catalogue-filter-empty>span{display:grid;width:46px;height:46px;place-items:center;margin-bottom:15px;border:1px solid rgba(255,85,0,.32);border-radius:50%;background:rgba(255,85,0,.055);color:#ff7a37;font-size:15px;font-weight:700}
.catalogue-filter-empty h2{margin:0;color:#fff;font-size:24px;font-weight:650;letter-spacing:-.035em}
.catalogue-filter-empty>p:not(.catalogue-kicker){max-width:520px;margin:10px 0 18px;color:rgba(255,255,255,.50);font-size:12px;line-height:1.55}
.catalogue-filter-empty>a{display:inline-flex;align-items:center;gap:9px;min-height:39px;padding:0 14px;border-radius:999px;background:#fff;color:#090b0e;font-size:10.5px;font-weight:750;text-decoration:none}
.catalogue-tools :focus-visible,.catalogue-applied-filters a:focus-visible{outline:2px solid rgba(255,85,0,.78);outline-offset:2px}

@media (min-width:981px){
  .catalogue-tools{position:sticky;top:88px}
}

@media (max-width:1180px) and (min-width:981px){
  .catalogue-tools{align-items:stretch;flex-direction:column;gap:8px;padding:8px}
  .catalogue-filter-groups{width:100%;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}
  .catalogue-filter-groups::-webkit-scrollbar{display:none}
  .catalogue-tools-end{justify-content:flex-end;width:100%}
  .catalogue-filter-panel{position:fixed;top:50%;left:50%;width:min(330px,calc(100vw - 32px));transform:translate(-50%,-50%)}
  .catalogue-filter-panel::before{display:none}
}

@media (max-width:980px){
  .catalogue-tools{align-items:stretch;flex-direction:column;margin-bottom:10px;padding:8px;border-radius:13px}
  .catalogue-filter-groups{width:100%;overflow-x:auto;gap:6px;padding-bottom:2px;scrollbar-width:none}
  .catalogue-filter-groups::-webkit-scrollbar{display:none}
  .catalogue-filter-menu>summary{min-height:38px;padding:0 10px;white-space:nowrap}
  .catalogue-filter-panel{position:fixed;z-index:120;top:50%;left:50%;width:min(340px,calc(100vw - 26px));max-height:calc(100vh - 40px);overflow:auto;transform:translate(-50%,-50%)}
  .catalogue-filter-panel::before{display:none}
  .catalogue-tools-end{display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:100%}
  .catalogue-filter-result{padding-left:4px}
  .catalogue-sort-control{justify-content:space-between;min-width:0}
  .catalogue-sort-control select{width:100%;max-width:none}
  .catalogue-filter-apply{display:inline-flex;align-items:center;justify-content:center}
  .catalogue-applied-filters{align-items:flex-start;flex-direction:column;gap:8px}
}

@media (max-width:570px){
  .catalogue-tools-end{grid-template-columns:1fr auto}
  .catalogue-filter-result{grid-column:1/-1}
  .catalogue-price-fields{grid-template-columns:1fr}
  .catalogue-filter-panel{width:calc(100vw - 20px)}
}

@media (prefers-reduced-motion:reduce){
  .catalogue-filter-menu>summary,.catalogue-filter-panel>button,.catalogue-applied-filters>div>a{transition:none}
}

@media (max-width:1180px){
  .catalogue-filter-menu[open]::before{content:"";position:fixed;z-index:70;inset:0;background:rgba(3,5,7,.72);backdrop-filter:blur(3px)}
  .catalogue-filter-menu[open]>.catalogue-filter-panel{z-index:80}
}
.catalogue-filter-result i{color:rgba(255,255,255,.20);font-style:normal}.catalogue-filter-result b{color:rgba(255,255,255,.72);font-size:10px;font-weight:680}

/* LiVAR Compact Readable Catalogue Typography v3.11.2
   Improves legibility of meaningful catalogue labels and filter text.
   Numeric utility badges and compact icon-only controls retain their original scale. */
.catalogue-category-status{
  font-size:10px;
  line-height:1.15;
}

.catalogue-category-body>p{
  color:rgba(255,255,255,.58);
  font-size:10px;
  line-height:1.25;
}

.catalogue-back-link{
  color:rgba(255,255,255,.76);
  font-size:10px;
  font-weight:650;
  line-height:1.25;
}

.catalogue-archive-hero-copy>p.catalogue-kicker{
  color:rgba(255,145,76,.98);
  font-size:10px;
  font-weight:700;
  line-height:1.25;
}

.catalogue-archive-count{
  gap:8px;
  min-height:29px;
  padding:5px 10px;
}

.catalogue-archive-count strong{
  font-size:14px;
  font-weight:700;
  line-height:1;
}

.catalogue-archive-count span{
  color:rgba(255,255,255,.78);
  font-size:10px;
  font-weight:600;
  letter-spacing:.01em;
  line-height:1.2;
}

.catalogue-product-media>span:not(.catalogue-product-placeholder){
  font-size:9.75px;
  font-weight:720;
  line-height:1.15;
}

.catalogue-product-heading small{
  color:rgba(255,255,255,.74);
  font-size:9.75px;
  font-weight:720;
  line-height:1.15;
}

.catalogue-product-meta span{
  color:rgba(255,255,255,.70);
  font-size:10px;
  font-weight:560;
  line-height:1.2;
}

.catalogue-filter-panel header small{
  color:rgba(255,255,255,.70);
  font-size:10px;
  line-height:1.4;
}

.catalogue-price-fields label>span{
  color:rgba(255,255,255,.70);
  font-size:10px;
  font-weight:680;
  line-height:1.2;
}

.catalogue-filter-result{
  color:rgba(255,255,255,.70);
  font-size:10px;
  line-height:1.25;
}

.catalogue-filter-result b{
  color:rgba(255,255,255,.88);
  font-size:10px;
}

.catalogue-sort-control>span{
  color:rgba(255,255,255,.70);
  font-size:10px;
  font-weight:680;
  line-height:1.2;
}

.catalogue-sort-control select{
  font-size:10.5px;
  line-height:1.2;
}

.catalogue-filter-apply{
  font-size:10px;
}

.catalogue-applied-filters>div>a,
.catalogue-clear-filters{
  font-size:10px;
  line-height:1.25;
}

.catalogue-clear-filters{
  color:rgba(255,255,255,.72);
}

@media (min-width:981px){
  .catalogue-archive-hero-copy>p:not(.catalogue-kicker){
    max-width:calc(100% - 170px);
  }
}


/* LiVAR catalogue currency + closure compatibility v3.11.51 */
.catalogue-currency-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 18px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(17,20,25,.94),rgba(8,9,12,.96));
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.catalogue-currency-toolbar p{
  margin:0 0 3px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.catalogue-currency-toolbar span{
  display:block;
  color:rgba(255,255,255,.62);
  font-size:11px;
  line-height:1.35;
}
.catalogue-currency-toggle{
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  padding:4px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.035);
}
.catalogue-currency-toggle button{
  appearance:none;
  min-width:58px;
  height:32px;
  padding:0 12px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:rgba(255,255,255,.72);
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.catalogue-currency-toggle button.is-active{
  background:#ff6a00;
  color:#fff;
  box-shadow:0 8px 20px rgba(255,106,0,.24);
}
.catalogue-product-meta strong[data-livar-money]{
  white-space:nowrap;
}

.catalogue-closure-switcher{
  gap:16px;
}
.catalogue-closure-switcher a.catalogue-closure-switcher-card{
  justify-content:flex-start;
  min-height:98px;
  padding:16px;
}
.catalogue-machine-icon{
  display:grid;
  width:42px;
  height:42px;
  flex:0 0 42px;
  place-items:center;
  border:1px solid rgba(255,106,0,.30);
  border-radius:14px;
  background:radial-gradient(circle at 35% 25%,rgba(255,106,0,.28),rgba(255,106,0,.08) 52%,rgba(255,255,255,.035) 100%);
}
.catalogue-machine-icon:before{
  content:"";
  width:22px;
  height:22px;
  border:2px solid rgba(255,255,255,.88);
  border-radius:6px 6px 4px 4px;
  box-shadow:inset 0 -5px 0 rgba(255,255,255,.16),0 0 0 4px rgba(255,106,0,.08);
}
.catalogue-closure-switcher-copy{
  display:grid;
  gap:3px;
  min-width:0;
}
.catalogue-closure-switcher-copy strong{
  font-size:1.22rem;
  line-height:1;
}
.catalogue-closure-switcher-copy span{
  color:rgba(255,255,255,.74);
}
.catalogue-closure-switcher-copy small{
  color:#ffd2bd;
  font-size:10px;
  font-weight:850;
  letter-spacing:.02em;
  line-height:1.35;
}
.catalogue-closure-machine-note{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:10px!important;
  color:#ffd2bd!important;
  font-size:12px;
  font-weight:800;
}
.catalogue-closure-machine-note i{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#ff6a00;
  box-shadow:0 0 0 4px rgba(255,106,0,.12);
}
.catalogue-closure-machine-card{
  gap:3px;
}
.catalogue-closure-machine-card em{
  margin-top:5px;
  color:#ffd2bd;
  font-size:10px;
  font-style:normal;
  font-weight:850;
  text-align:right;
  white-space:nowrap;
}

@media(max-width:720px){
  .catalogue-currency-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .catalogue-currency-toggle{
    width:100%;
  }
  .catalogue-currency-toggle button{
    flex:1 1 0;
  }
  .catalogue-closure-switcher a.catalogue-closure-switcher-card{
    min-height:88px;
  }
  .catalogue-closure-machine-card em{
    white-space:normal;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   LiVAR Catalogue Card — capacity-first size ladder v3.13.36

   Within a container category the volume is what a buyer chooses on, so the
   card leads with the product name and then carries the capacity as its
   largest numeral. The boilerplate short description and the repeated
   "View product" affordance are gone: the whole card has always been the
   anchor, and nine near-identical sentences differentiated nothing while
   costing roughly 60 px of height each.

   Scoped entirely to .catalogue-product-card, so category tiles, filters,
   the hero and the closure switcher are untouched. Cards without a capacity
   specification (Lid & CAP, Sealing Machine) simply skip the capacity row
   and keep the existing composition.
   ═══════════════════════════════════════════════════════════════════════ */

/* The description and the open affordance no longer exist in the markup.
   These rules keep older cached HTML from reintroducing them mid-deploy. */
.catalogue-product-card .catalogue-product-open,
.catalogue-product-body > p:not(.catalogue-product-capacity){
  display:none;
}

.catalogue-product-body{
  display:flex;
  flex-direction:column;
  gap:0;
}

.catalogue-product-heading{
  align-items:flex-start;
}

.catalogue-product-heading h2{
  font-size:17px;
  font-weight:700;
  line-height:1.16;
  letter-spacing:-.024em;
}

/* Capacity: the decision variable, and the largest thing on the card. */
.catalogue-product-capacity{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px;
  margin:7px 0 0;
}
.catalogue-product-capacity strong{
  color:#ff5500;
  font-size:25px;
  font-weight:800;
  line-height:.98;
  letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;
}
.catalogue-product-capacity i{
  color:#ff5500;
  font-size:12.5px;
  font-style:normal;
  font-weight:750;
  letter-spacing:-.01em;
}
.catalogue-product-capacity em{
  margin-left:2px;
  color:rgba(255,255,255,.56);
  font-size:11.5px;
  font-style:normal;
  font-weight:650;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.catalogue-product-card.has-capacity .catalogue-product-meta{
  margin-top:11px;
  padding:10px 0 0;
  border-top:1px solid rgba(255,255,255,.055);
}

/* The media panel gives back the height the capacity row takes, so nine sizes
   land on one screen instead of two. The product render is unaffected: images
   at this breakpoint are absolutely positioned with object-fit:contain. */
@media (min-width:1181px){
  .catalogue-product-media{
    height:172px;
  }
}
@media (min-width:981px) and (max-width:1180px){
  .catalogue-product-media{
    height:164px;
  }
}

/* Hover changes colour only. The previous translateY lifted the card out from
   under the pointer on a dense grid, which flickers between neighbours. */
@media (hover:hover) and (pointer:fine){
  .catalogue-product-card:hover{
    transform:none;
  }
  .catalogue-product-card:hover .catalogue-product-heading h2{
    color:#fff;
  }
}

@media (max-width:760px){
  /* The two-up run is the point on mobile: nine sizes stay comparable side by
     side instead of becoming a nine-screen single column. */
  .catalogue-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .catalogue-product-card{
    border-radius:14px;
  }
  /* aspect-ratio:1/1 is inherited from the base rule; it has to be released or
     it fights the fixed height and drives the column width instead. */
  .catalogue-product-media{
    aspect-ratio:auto;
    height:132px;
    min-height:0;
  }
  .catalogue-product-body{
    padding:11px 12px 12px;
  }
  .catalogue-product-heading{
    gap:7px;
  }
  .catalogue-product-heading h2{
    font-size:14.5px;
  }
  /* SKU is the third priority and the first thing to go when space is tight. */
  .catalogue-product-heading small{
    display:none;
  }
  .catalogue-product-capacity{
    margin-top:6px;
    gap:4px;
  }
  .catalogue-product-capacity strong{
    font-size:21px;
  }
  .catalogue-product-capacity i{
    font-size:11px;
  }
  .catalogue-product-capacity em{
    font-size:10.5px;
  }
  .catalogue-product-card.has-capacity .catalogue-product-meta{
    margin-top:9px;
    padding-top:9px;
  }
  .catalogue-product-meta{
    gap:8px;
  }
  .catalogue-product-meta strong{
    font-size:12.5px;
  }
  .catalogue-product-meta span{
    font-size:9px;
  }
}

@media (max-width:400px){
  .catalogue-product-grid{
    gap:8px;
  }
  .catalogue-product-media{
    aspect-ratio:auto;
    height:112px;
    min-height:0;
  }
  .catalogue-product-body{
    padding:10px;
  }
  .catalogue-product-heading h2{
    font-size:13.5px;
  }
  .catalogue-product-capacity strong{
    font-size:19px;
  }
  /* Below 400 px the variant count is dropped so the price never wraps. */
  .catalogue-product-meta span{
    display:none;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   LiVAR Catalogue Card — mobile image containment v3.13.37

   v3.13.36 gave the mobile media panel a fixed height (132 px, 112 px below
   400 px). The image is a centred grid item there, and a percentage height
   does not resolve against that grid area, so the image fell back to its
   intrinsic square — 174 px tall inside a 112 px panel — and hung roughly
   62 px below the frame. max-height:100% did not resolve either.

   The >=981px block already solved this by taking the image out of flow with
   calc() offsets. This applies the same proven technique below 760 px.
   Mobile only: no desktop rule, no markup and no other component is touched.
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width:760px){
  .catalogue-product-media img{
    position:absolute;
    inset:8px;
    width:calc(100% - 16px);
    height:calc(100% - 16px);
    min-width:0;
    min-height:0;
    max-width:none;
    max-height:none;
    padding:0;
    object-fit:contain;
    object-position:center;
  }
}

@media (max-width:400px){
  .catalogue-product-media img{
    inset:6px;
    width:calc(100% - 12px);
    height:calc(100% - 12px);
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   LiVAR PET CAN — mobile capacity density and larger artwork v3.13.38

   The base paragraph rule gives every product paragraph a 63px minimum
   height and 1.62 line-height. The capacity row is also a paragraph, so that
   inherited reservation creates empty space underneath the capacity. Reset
   only the PET CAN capacity row, retain its existing font sizes, and use the
   recovered height to enlarge the product media without making the card
   taller or changing the heading/meta composition.
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width:760px){
  .catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
  .catalogue-product-card.has-capacity .catalogue-product-media{
    height:148px;
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
  .catalogue-product-card.has-capacity .catalogue-product-media img{
    inset:4px;
    width:calc(100% - 8px);
    height:calc(100% - 8px);
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
  .catalogue-product-card.has-capacity .catalogue-product-capacity{
    min-height:0;
    margin:4px 0 0;
    column-gap:6px;
    row-gap:0;
    flex-wrap:nowrap;
    line-height:1;
    overflow:visible;
    -webkit-line-clamp:unset;
    -webkit-box-orient:initial;
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
  .catalogue-product-card.has-capacity .catalogue-product-capacity em{
    margin-left:0;
    position:relative;
    top:-1px;
  }
}

@media (max-width:400px){
  .catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
  .catalogue-product-card.has-capacity .catalogue-product-media{
    height:128px;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   LiVAR PET CAN — desktop capacity density v3.13.39

   The shared product-paragraph rule reserves 63px for every direct <p> in
   the card body. The capacity row is also a paragraph, so desktop inherited
   that multi-line reservation even though the content is a single line.
   Reset only the PET CAN capacity row on non-mobile layouts. Font sizes,
   heading, price meta, media, card dimensions and interactions are unchanged.
   ═══════════════════════════════════════════════════════════════════════ */
@media (min-width:761px){
  .catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
  .catalogue-product-card.has-capacity .catalogue-product-capacity{
    min-height:0;
    margin:7px 0 0;
    column-gap:7px;
    row-gap:0;
    flex-wrap:nowrap;
    line-height:1;
    overflow:visible;
    -webkit-line-clamp:unset;
    -webkit-box-orient:initial;
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
  .catalogue-product-card.has-capacity .catalogue-product-capacity em{
    margin-left:0;
    position:relative;
    top:-1px;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   LiVAR PET CAN — fluid mobile product media v3.13.40

   Replace the abrupt 148px/128px mobile media switch with a fluid range.
   The two-column grid, card body, heading, capacity, price meta and image
   containment remain unchanged. Only PET CAN cards are targeted.
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width:760px){
  .catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
  .catalogue-product-card.has-capacity .catalogue-product-media{
    height:clamp(132px,38vw,150px);
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   LiVAR Product Categories — mobile 2 × 2 grid v3.13.62

   Scope: only the four category cards on /products.
   Preserve the existing card markup, media, copy, counters, links and all
   category archive grids. Four cards render in source order as two columns
   by two rows on phone layouts.
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width:760px){
  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-flow:row;
    gap:10px;
  }
}

@media (max-width:360px){
  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]{
    gap:8px;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   LiVAR Product Categories — compact mobile cards v3.13.63

   Scope: only the four category cards on /products at phone/tablet widths.
   Keep the category eyebrow, heading and Explore category action; hide the
   long description on mobile. Restore the native 4:3 artwork ratio so the
   supplied 1200×900 category artwork is larger and displayed without the
   short 16:10 crop used by the generic phone rule. Desktop and category
   archive pages are unchanged.
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width:760px){
  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-card{
    min-width:0;
    min-height:0;
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-media{
    aspect-ratio:4/3;
    min-height:0;
    background:#0d0f13;
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-media::after{
    height:18%;
    background:linear-gradient(180deg,transparent,rgba(5,6,8,.28));
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    filter:none;
    transform:none;
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-status{
    top:8px;
    left:8px;
    padding:5px 7px;
    font-size:8.5px;
    letter-spacing:.035em;
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-body{
    min-width:0;
    padding:12px 12px 13px;
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-body > span{
    display:none;
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-body > p{
    font-size:8.5px;
    letter-spacing:.13em;
    line-height:1.2;
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-body h2{
    margin:5px 0 0;
    font-size:clamp(16px,4.7vw,20px);
    line-height:1.08;
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-body > strong{
    margin-top:auto;
    padding-top:10px;
    font-size:10px;
    line-height:1.2;
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-body > strong b{
    width:25px;
    height:25px;
    font-size:13px;
  }
}

@media (max-width:360px){
  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-body{
    padding:10px 10px 11px;
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-body h2{
    font-size:15.5px;
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-body > strong{
    font-size:9.5px;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   LiVAR Product Categories — mobile product-count badge removal v3.13.64

   Scope: only the four category cards on /products at mobile widths.
   Remove the product-count badge from the artwork while preserving the
   2×2 grid, larger 4:3 media, compact body content and desktop output.
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width:760px){
  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-status{
    display:none;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   LiVAR PET CAN — premium catalogue artwork v3.13.65

   Scope: only the nine PET CAN product cards inside the PET CAN category
   archive. The new transparent 1200×1200 PNG artwork is enlarged with
   product-specific scale and vertical alignment, then separated from the
   dark media surface with shape-aware drop shadows and a restrained halo.

   No card/body dimensions, capacity typography, prices, filters, grid
   columns, product data, other categories or product-detail pages change.
   ═══════════════════════════════════════════════════════════════════════ */
.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card.has-capacity{
  --pet-can-art-scale:1.28;
  --pet-can-art-hover-scale:1.31;
  --pet-can-art-shift-y:-3%;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card[href$="/product/classic/"]{
  --pet-can-art-scale:1.31;
  --pet-can-art-hover-scale:1.34;
  --pet-can-art-shift-y:-3.4%;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card[href$="/product/fresh/"]{
  --pet-can-art-scale:1.25;
  --pet-can-art-hover-scale:1.28;
  --pet-can-art-shift-y:-1.6%;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card[href$="/product/handy/"]{
  --pet-can-art-scale:1.59;
  --pet-can-art-hover-scale:1.63;
  --pet-can-art-shift-y:-12.5%;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card[href$="/product/mango/"]{
  --pet-can-art-scale:1.18;
  --pet-can-art-hover-scale:1.21;
  --pet-can-art-shift-y:.7%;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card[href$="/product/milk/"]{
  --pet-can-art-scale:1.26;
  --pet-can-art-hover-scale:1.29;
  --pet-can-art-shift-y:-2.8%;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card[href$="/product/mini/"]{
  --pet-can-art-scale:1.63;
  --pet-can-art-hover-scale:1.67;
  --pet-can-art-shift-y:-14.8%;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card[href$="/product/scoop/"]{
  --pet-can-art-scale:1.99;
  --pet-can-art-hover-scale:2.04;
  --pet-can-art-shift-y:-26.2%;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card[href$="/product/tiny/"]{
  --pet-can-art-scale:2.20;
  --pet-can-art-hover-scale:2.25;
  --pet-can-art-shift-y:-34.2%;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card[href$="/product/urban/"]{
  --pet-can-art-scale:1.21;
  --pet-can-art-hover-scale:1.24;
  --pet-can-art-shift-y:-.3%;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card.has-capacity .catalogue-product-media{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.115) 0%,rgba(255,255,255,.045) 31%,rgba(255,255,255,0) 67%),
    linear-gradient(180deg,#1a1f26 0%,#10141a 55%,#0a0d11 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.24);
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card.has-capacity .catalogue-product-media::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:8% 13% 9%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,255,255,.055) 0%,rgba(255,255,255,.018) 43%,transparent 72%);
  filter:blur(8px);
  pointer-events:none;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card.has-capacity .catalogue-product-media::after{
  content:"";
  position:absolute;
  z-index:0;
  left:18%;
  right:18%;
  bottom:5.5%;
  height:13%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.46) 0%,rgba(0,0,0,.18) 48%,transparent 74%);
  filter:blur(5px);
  opacity:.78;
  pointer-events:none;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card.has-capacity .catalogue-product-media img{
  z-index:1;
  transform-origin:50% 50%;
  transform:translate3d(0,var(--pet-can-art-shift-y),0) scale(var(--pet-can-art-scale));
  filter:
    drop-shadow(0 11px 9px rgba(0,0,0,.38))
    drop-shadow(0 0 5px rgba(255,255,255,.10));
  backface-visibility:hidden;
  image-rendering:auto;
  transition:transform .32s cubic-bezier(.2,.72,.2,1),filter .32s ease;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
.catalogue-product-card.has-capacity .catalogue-product-media > span:not(.catalogue-product-placeholder){
  z-index:3;
}

@media (hover:hover) and (pointer:fine){
  .catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
  .catalogue-product-card.has-capacity:hover .catalogue-product-media img{
    transform:translate3d(0,var(--pet-can-art-shift-y),0) scale(var(--pet-can-art-hover-scale));
    filter:
      drop-shadow(0 14px 11px rgba(0,0,0,.42))
      drop-shadow(0 0 7px rgba(255,255,255,.13));
  }
}

@media (max-width:760px){
  .catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
  .catalogue-product-card.has-capacity .catalogue-product-media img{
    filter:
      drop-shadow(0 8px 7px rgba(0,0,0,.39))
      drop-shadow(0 0 4px rgba(255,255,255,.09));
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
  .catalogue-product-card.has-capacity .catalogue-product-media::after{
    left:14%;
    right:14%;
    bottom:4.5%;
    height:14%;
    filter:blur(4px);
  }
}

@media (prefers-reduced-motion:reduce){
  .catalogue-product-grid[data-catalogue-results][aria-label="PET CAN products"]
  .catalogue-product-card.has-capacity .catalogue-product-media img{
    transition:none!important;
  }
}

/* v3.13.87 — products category grid: remove mouse-over motion
   Scope: /products catalogue-category-grid only.
   Links remain clickable; only visual movement/zoom/scale is disabled. */
.catalogue-category-grid a:hover,
.catalogue-category-grid a:focus,
.catalogue-category-grid a:focus-visible,
.catalogue-category-grid .catalogue-category-card:hover,
.catalogue-category-grid .catalogue-category-card:focus,
.catalogue-category-grid .catalogue-category-card:focus-visible,
.catalogue-category-grid .catalogue-category-tile:hover,
.catalogue-category-grid .catalogue-category-tile:focus,
.catalogue-category-grid .catalogue-category-tile:focus-visible{
  transform:none!important;
}

.catalogue-category-grid a:hover *,
.catalogue-category-grid a:focus *,
.catalogue-category-grid a:focus-visible *,
.catalogue-category-grid .catalogue-category-card:hover *,
.catalogue-category-grid .catalogue-category-card:focus *,
.catalogue-category-grid .catalogue-category-card:focus-visible *,
.catalogue-category-grid .catalogue-category-tile:hover *,
.catalogue-category-grid .catalogue-category-tile:focus *,
.catalogue-category-grid .catalogue-category-tile:focus-visible *{
  transform:none!important;
}

.catalogue-category-grid a,
.catalogue-category-grid a *,
.catalogue-category-grid .catalogue-category-card,
.catalogue-category-grid .catalogue-category-card *,
.catalogue-category-grid .catalogue-category-tile,
.catalogue-category-grid .catalogue-category-tile *{
  will-change:auto!important;
}

/* v3.13.88 — products category media clarity
   Scope: /products category cards only.
   Improves PNG visibility on the dark category card background without changing layout, links, hover behavior, HTML, or image files. */
.catalogue-category-grid .catalogue-category-card .catalogue-category-media{
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.22), rgba(255,255,255,.065) 46%, rgba(255,255,255,.018) 72%),
    linear-gradient(180deg,#181d23 0%,#0d1015 100%)!important;
}

.catalogue-category-grid .catalogue-category-card .catalogue-category-media::after{
  height:34%!important;
  background:linear-gradient(180deg,transparent,rgba(5,6,8,.38))!important;
}

.catalogue-category-grid .catalogue-category-card .catalogue-category-media img{
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.24)) saturate(1.04) contrast(1.04)!important;
}

@media (max-width:700px){
  .catalogue-category-grid .catalogue-category-card .catalogue-category-media{
    background:
      radial-gradient(circle at 50% 44%, rgba(255,255,255,.18), rgba(255,255,255,.052) 48%, rgba(255,255,255,.014) 74%),
      linear-gradient(180deg,#171c22 0%,#0d1015 100%)!important;
  }

  .catalogue-category-grid .catalogue-category-card .catalogue-category-media::after{
    height:32%!important;
    background:linear-gradient(180deg,transparent,rgba(5,6,8,.34))!important;
  }

  .catalogue-category-grid .catalogue-category-card .catalogue-category-media img{
    filter:drop-shadow(0 14px 20px rgba(0,0,0,.22)) saturate(1.035) contrast(1.035)!important;
  }
}

/* v3.13.96 — mobile-only PET JAR category image fit
   Scope: /products mobile category grid only.
   Fixes PET JAR SVG visibility on mobile by avoiding left/right cropping.
   Does not affect desktop, other categories, card size, layout or links. */
@media (max-width:760px){
  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-card[href*="/products/pet-jar/"] .catalogue-category-media img,
  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-media img[src*="20260729-094109-livar-pet-jar-cb3b5bcc.svg"]{
    width:100%!important;
    height:100%!important;
    box-sizing:border-box!important;
    padding:7px 9px 6px!important;
    object-fit:contain!important;
    object-position:center center!important;
  }

  .catalogue-page:not(.catalogue-archive-page) >
  .catalogue-category-grid[aria-label="Product categories"]
  .catalogue-category-card[href*="/products/pet-jar/"] .catalogue-category-status{
    left:auto!important;
    right:8px!important;
  }
}

/* v3.13.148 — PET JAR catalogue body alignment
   Scope: /products/pet-jar/ product grid only.
   The listing shows a clean JAR-specific body hierarchy: format/name, height or
   capacity, and jar-body price. Product detail pages, cart and pricing logic are
   not affected. */
.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-body--pet-jar{
  min-height:0;
  padding:15px 16px 16px;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-heading--pet-jar{
  align-items:flex-start;
  gap:10px;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-heading--pet-jar h2{
  max-width:min(100%,150px);
  color:#fff;
  font-size:16px;
  font-weight:760;
  line-height:1.12;
  letter-spacing:-.024em;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-heading--pet-jar small{
  flex:0 0 auto;
  max-width:94px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-jar-measure{
  display:flex!important;
  align-items:baseline;
  flex-wrap:nowrap;
  min-height:32px;
  margin:8px 0 0;
  gap:5px;
  overflow:hidden;
  -webkit-line-clamp:unset;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-jar-measure strong{
  color:#ff5500;
  font-size:25px;
  font-weight:860;
  line-height:.96;
  letter-spacing:-.048em;
  font-variant-numeric:tabular-nums;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-jar-measure i{
  color:#ff5500;
  font-size:12px;
  font-style:normal;
  font-weight:820;
  line-height:1;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-jar-measure em{
  min-width:0;
  margin-left:4px;
  overflow:hidden;
  color:rgba(255,255,255,.58);
  font-size:11px;
  font-style:normal;
  font-weight:680;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-meta--pet-jar{
  align-items:baseline;
  margin-top:11px;
  padding-top:10px;
  gap:8px;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-price-prefix{
  display:inline-flex!important;
  align-items:center;
  flex:0 0 auto;
  color:rgba(255,255,255,.58);
  font-size:9px;
  font-weight:850;
  line-height:1;
  letter-spacing:.07em;
  text-transform:uppercase;
  white-space:nowrap;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-meta--pet-jar strong{
  margin-left:auto;
  color:#fff;
  font-size:13px;
  font-weight:780;
  line-height:1;
  white-space:nowrap;
}

@media (min-width:1181px){
  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (min-width:761px) and (max-width:1180px){
  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar .catalogue-product-heading--pet-jar h2{
    max-width:140px;
    font-size:15.5px;
  }
}

@media (max-width:760px){
  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar .catalogue-product-body--pet-jar{
    padding:11px 12px 12px;
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar .catalogue-product-heading--pet-jar h2{
    max-width:100%;
    font-size:14px;
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar .catalogue-product-heading--pet-jar small{
    display:none;
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar .catalogue-product-jar-measure{
    min-height:28px;
    margin-top:6px;
    gap:4px;
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar .catalogue-product-jar-measure strong{
    font-size:21px;
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar .catalogue-product-jar-measure i{
    font-size:11px;
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar .catalogue-product-jar-measure em{
    font-size:10.5px;
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar .catalogue-product-price-prefix{
    font-size:8px;
    letter-spacing:.055em;
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar .catalogue-product-meta--pet-jar strong{
    font-size:12.5px;
  }
}


/* v3.13.150 — PET JAR catalogue price alignment
   Scope: /products/pet-jar/ listing cards only.
   Keeps the accepted JAR measure layout while removing the Jar body prefix from
   markup and aligning the AED price with the PET CAN meta rhythm. */
.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-meta--pet-jar{
  justify-content:space-between;
  align-items:flex-end;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-meta--pet-jar strong{
  margin-left:0!important;
  color:#fff;
  text-align:left;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-meta--pet-jar span:not(.catalogue-product-price-prefix){
  margin-left:auto;
}

/* v3.13.151 — PET JAR catalogue media depth
   Scope: /products/pet-jar/ listing cards only.
   Adds a PET-CAN-style but wider/softer light field behind JAR artwork, with a
   broader floor shadow suited to low/wide jar silhouettes. Product data,
   pricing logic, cart, checkout and non-JAR categories are not affected. */
.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-media{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 44%,rgba(255,255,255,.105) 0%,rgba(255,255,255,.042) 34%,rgba(255,255,255,0) 70%),
    linear-gradient(180deg,#1a2027 0%,#10151b 56%,#0a0d11 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.24);
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-media::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:9% 10% 12%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,255,255,.052) 0%,rgba(255,255,255,.018) 44%,transparent 74%);
  filter:blur(9px);
  pointer-events:none;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-media::after{
  content:"";
  position:absolute;
  z-index:0;
  left:13%;
  right:13%;
  bottom:6%;
  height:16%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.42) 0%,rgba(0,0,0,.16) 50%,transparent 75%);
  filter:blur(6px);
  opacity:.76;
  pointer-events:none;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-media img{
  position:relative;
  z-index:1;
  filter:
    drop-shadow(0 10px 9px rgba(0,0,0,.36))
    drop-shadow(0 0 5px rgba(255,255,255,.10));
  backface-visibility:hidden;
  image-rendering:auto;
}

.catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
.catalogue-product-card--pet-jar .catalogue-product-media > span:not(.catalogue-product-placeholder){
  z-index:3;
}

@media (hover:hover) and (pointer:fine){
  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar:hover .catalogue-product-media img{
    filter:
      drop-shadow(0 13px 11px rgba(0,0,0,.40))
      drop-shadow(0 0 7px rgba(255,255,255,.13));
  }
}

@media (max-width:760px){
  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar .catalogue-product-media::after{
    left:11%;
    right:11%;
    bottom:5%;
    height:17%;
    filter:blur(5px);
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="PET JAR products"]
  .catalogue-product-card--pet-jar .catalogue-product-media img{
    filter:
      drop-shadow(0 8px 7px rgba(0,0,0,.37))
      drop-shadow(0 0 4px rgba(255,255,255,.09));
  }
}

/* v3.13.152 — Lid & CAP / Sealing Machine catalogue media depth
   Scope: /products/lid-cap/ and /products/sealing-machine/ listing cards only.
   Extends the PET-CAN/PET-JAR light-and-floor-shadow treatment with category-
   tuned values: flatter/wider for lids and caps, slightly deeper for machines.
   Product data, prices, cart, checkout, payment, admin and other categories are
   not affected. */
.catalogue-product-grid[data-catalogue-results][aria-label="Lid & CAP products"]
.catalogue-product-media,
.catalogue-product-grid[data-catalogue-results][aria-label="Sealing Machine products"]
.catalogue-product-media{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 43%,rgba(255,255,255,.096) 0%,rgba(255,255,255,.040) 34%,rgba(255,255,255,0) 72%),
    linear-gradient(180deg,#182028 0%,#10151b 56%,#090c10 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.24);
}

.catalogue-product-grid[data-catalogue-results][aria-label="Lid & CAP products"]
.catalogue-product-media::before,
.catalogue-product-grid[data-catalogue-results][aria-label="Sealing Machine products"]
.catalogue-product-media::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:9% 10% 13%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,255,255,.050) 0%,rgba(255,255,255,.018) 44%,transparent 74%);
  filter:blur(9px);
  pointer-events:none;
}

.catalogue-product-grid[data-catalogue-results][aria-label="Lid & CAP products"]
.catalogue-product-media::after,
.catalogue-product-grid[data-catalogue-results][aria-label="Sealing Machine products"]
.catalogue-product-media::after{
  content:"";
  position:absolute;
  z-index:0;
  left:12%;
  right:12%;
  bottom:7%;
  height:15%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.42) 0%,rgba(0,0,0,.16) 50%,transparent 75%);
  filter:blur(6px);
  opacity:.74;
  pointer-events:none;
}

.catalogue-product-grid[data-catalogue-results][aria-label="Lid & CAP products"]
.catalogue-product-media img,
.catalogue-product-grid[data-catalogue-results][aria-label="Sealing Machine products"]
.catalogue-product-media img{
  position:relative;
  z-index:1;
  filter:
    drop-shadow(0 10px 9px rgba(0,0,0,.36))
    drop-shadow(0 0 5px rgba(255,255,255,.10));
  backface-visibility:hidden;
  image-rendering:auto;
}

.catalogue-product-grid[data-catalogue-results][aria-label="Lid & CAP products"]
.catalogue-product-media > span:not(.catalogue-product-placeholder),
.catalogue-product-grid[data-catalogue-results][aria-label="Sealing Machine products"]
.catalogue-product-media > span:not(.catalogue-product-placeholder){
  z-index:3;
}

/* Lids and caps are flatter than jars, so the floor shadow is wider and lower. */
.catalogue-product-grid[data-catalogue-results][aria-label="Lid & CAP products"]
.catalogue-product-media::after{
  left:9%;
  right:9%;
  bottom:8%;
  height:13%;
  filter:blur(7px);
  opacity:.72;
}

/* Machines are bulkier, so they receive a slightly stronger grounding shadow. */
.catalogue-product-grid[data-catalogue-results][aria-label="Sealing Machine products"]
.catalogue-product-media::after{
  left:10%;
  right:10%;
  bottom:7%;
  height:18%;
  opacity:.78;
}

.catalogue-product-grid[data-catalogue-results][aria-label="Sealing Machine products"]
.catalogue-product-media img{
  filter:
    drop-shadow(0 13px 12px rgba(0,0,0,.40))
    drop-shadow(0 0 5px rgba(255,255,255,.10));
}

@media (hover:hover) and (pointer:fine){
  .catalogue-product-grid[data-catalogue-results][aria-label="Lid & CAP products"]
  .catalogue-product-card:hover .catalogue-product-media img,
  .catalogue-product-grid[data-catalogue-results][aria-label="Sealing Machine products"]
  .catalogue-product-card:hover .catalogue-product-media img{
    filter:
      drop-shadow(0 13px 11px rgba(0,0,0,.40))
      drop-shadow(0 0 7px rgba(255,255,255,.13));
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="Sealing Machine products"]
  .catalogue-product-card:hover .catalogue-product-media img{
    filter:
      drop-shadow(0 16px 14px rgba(0,0,0,.44))
      drop-shadow(0 0 7px rgba(255,255,255,.13));
  }
}

@media (max-width:760px){
  .catalogue-product-grid[data-catalogue-results][aria-label="Lid & CAP products"]
  .catalogue-product-media::after,
  .catalogue-product-grid[data-catalogue-results][aria-label="Sealing Machine products"]
  .catalogue-product-media::after{
    left:10%;
    right:10%;
    bottom:6%;
    height:15%;
    filter:blur(5px);
  }

  .catalogue-product-grid[data-catalogue-results][aria-label="Lid & CAP products"]
  .catalogue-product-media img,
  .catalogue-product-grid[data-catalogue-results][aria-label="Sealing Machine products"]
  .catalogue-product-media img{
    filter:
      drop-shadow(0 8px 7px rgba(0,0,0,.37))
      drop-shadow(0 0 4px rgba(255,255,255,.09));
  }
}

/* v3.13.153 — Lid & CAP grouped catalogue media depth selector fix
   Scope: /products/lid-cap/ grouped closure sections only.
   The Lid & CAP archive renders product cards inside .catalogue-closure-group
   grids without data-catalogue-results / aria-label attributes, so this fix
   mirrors the v3.13.152 media-depth treatment using the actual grouped markup.
   It does not affect product data, pricing, cart, checkout, payment, admin or
   any non-closure category. */
.catalogue-closure-group .catalogue-product-grid .catalogue-product-media{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 43%,rgba(255,255,255,.096) 0%,rgba(255,255,255,.040) 34%,rgba(255,255,255,0) 72%),
    linear-gradient(180deg,#182028 0%,#10151b 56%,#090c10 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.24);
}

.catalogue-closure-group .catalogue-product-grid .catalogue-product-media::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:9% 10% 13%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,255,255,.050) 0%,rgba(255,255,255,.018) 44%,transparent 74%);
  filter:blur(9px);
  pointer-events:none;
}

.catalogue-closure-group .catalogue-product-grid .catalogue-product-media::after{
  content:"";
  position:absolute;
  z-index:0;
  left:9%;
  right:9%;
  bottom:8%;
  height:13%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.42) 0%,rgba(0,0,0,.16) 50%,transparent 75%);
  filter:blur(7px);
  opacity:.72;
  pointer-events:none;
}

.catalogue-closure-group .catalogue-product-grid .catalogue-product-media img{
  position:relative;
  z-index:1;
  filter:
    drop-shadow(0 10px 9px rgba(0,0,0,.36))
    drop-shadow(0 0 5px rgba(255,255,255,.10));
  backface-visibility:hidden;
  image-rendering:auto;
}

.catalogue-closure-group .catalogue-product-grid .catalogue-product-media > span:not(.catalogue-product-placeholder){
  z-index:3;
}

@media (hover:hover) and (pointer:fine){
  .catalogue-closure-group .catalogue-product-card:hover .catalogue-product-media img{
    filter:
      drop-shadow(0 13px 11px rgba(0,0,0,.40))
      drop-shadow(0 0 7px rgba(255,255,255,.13));
  }
}

@media (max-width:760px){
  .catalogue-closure-group .catalogue-product-grid .catalogue-product-media::after{
    left:10%;
    right:10%;
    bottom:6%;
    height:15%;
    filter:blur(5px);
  }

  .catalogue-closure-group .catalogue-product-grid .catalogue-product-media img{
    filter:
      drop-shadow(0 8px 7px rgba(0,0,0,.37))
      drop-shadow(0 0 4px rgba(255,255,255,.09));
  }
}


/* LiVAR Lid & CAP system switcher machine visuals — v3.13.156
   Scoped to the closure switcher only. Adds the right-side machine images
   without changing product cards, prices, cart, checkout, or category logic. */
.catalogue-closure-switcher a.catalogue-closure-switcher-card.has-machine-visual{
  position:relative;
  overflow:hidden;
  padding-right:150px;
  min-height:104px;
}
.catalogue-closure-switcher a.catalogue-closure-switcher-card.has-machine-visual .catalogue-closure-switcher-copy{
  position:relative;
  z-index:2;
  max-width:calc(100% - 8px);
}
.catalogue-closure-switcher-machine{
  position:absolute;
  z-index:1;
  right:16px;
  bottom:-8px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  width:126px;
  height:104px;
  pointer-events:none;
}
.catalogue-closure-switcher-machine img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.36)) drop-shadow(0 0 10px rgba(255,255,255,.08));
}
.catalogue-closure-switcher-card[data-closure-system="202"] .catalogue-closure-switcher-machine{
  right:28px;
  bottom:-5px;
  width:112px;
  height:100px;
}
.catalogue-closure-switcher-card[data-closure-system="305"] .catalogue-closure-switcher-machine{
  right:18px;
  bottom:-10px;
  width:132px;
  height:112px;
}
@media(max-width:720px){
  .catalogue-closure-switcher a.catalogue-closure-switcher-card.has-machine-visual{
    min-height:94px;
    padding-right:122px;
  }
  .catalogue-closure-switcher-card[data-closure-system="202"] .catalogue-closure-switcher-machine{
    right:18px;
    width:92px;
    height:86px;
  }
  .catalogue-closure-switcher-card[data-closure-system="305"] .catalogue-closure-switcher-machine{
    right:12px;
    width:104px;
    height:92px;
  }
}
@media(max-width:430px){
  .catalogue-closure-switcher a.catalogue-closure-switcher-card.has-machine-visual{
    padding-right:96px;
  }
  .catalogue-closure-switcher-machine{
    opacity:.9;
  }
  .catalogue-closure-switcher-card[data-closure-system="202"] .catalogue-closure-switcher-machine{
    right:10px;
    width:76px;
    height:76px;
  }
  .catalogue-closure-switcher-card[data-closure-system="305"] .catalogue-closure-switcher-machine{
    right:8px;
    width:84px;
    height:82px;
  }
  .catalogue-closure-switcher-copy small{
    max-width:190px;
  }
}

/* LiVAR Lid & CAP closure switcher image centering — v3.13.158
   Larger right-side machine visuals with vertical centering. Scoped to the
   closure switcher only; no product, price, cart, checkout or payment logic. */
.catalogue-closure-switcher a.catalogue-closure-switcher-card.has-machine-visual{
  min-height:118px;
  padding-right:184px;
}
.catalogue-closure-switcher-machine{
  top:50%;
  bottom:auto;
  right:16px;
  align-items:center;
  width:150px;
  height:118px;
  transform:translateY(-50%);
}
.catalogue-closure-switcher-machine img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
}
.catalogue-closure-switcher-card[data-closure-system="202"] .catalogue-closure-switcher-machine{
  right:20px;
  bottom:auto;
  width:146px;
  height:112px;
}
.catalogue-closure-switcher-card[data-closure-system="305"] .catalogue-closure-switcher-machine{
  right:12px;
  bottom:auto;
  width:166px;
  height:128px;
}
@media(max-width:720px){
  .catalogue-closure-switcher a.catalogue-closure-switcher-card.has-machine-visual{
    min-height:104px;
    padding-right:142px;
  }
  .catalogue-closure-switcher-card[data-closure-system="202"] .catalogue-closure-switcher-machine{
    right:14px;
    width:112px;
    height:94px;
  }
  .catalogue-closure-switcher-card[data-closure-system="305"] .catalogue-closure-switcher-machine{
    right:10px;
    width:126px;
    height:104px;
  }
}
@media(max-width:430px){
  .catalogue-closure-switcher a.catalogue-closure-switcher-card.has-machine-visual{
    min-height:96px;
    padding-right:112px;
  }
  .catalogue-closure-switcher-card[data-closure-system="202"] .catalogue-closure-switcher-machine{
    right:8px;
    width:88px;
    height:76px;
  }
  .catalogue-closure-switcher-card[data-closure-system="305"] .catalogue-closure-switcher-machine{
    right:6px;
    width:96px;
    height:82px;
  }
}

/* v3.13.159 — Lid & CAP mobile machine-card images
   Scope: /products/lid-cap/ closure group header cards only. Shows mobile-only
   machine visuals inside .catalogue-closure-machine-card without changing the
   desktop layout, products, prices, cart, checkout, payments or database. */
.catalogue-closure-machine-card-visual{
  display:none;
}
.catalogue-closure-machine-card-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  filter:drop-shadow(0 14px 16px rgba(0,0,0,.34)) drop-shadow(0 0 9px rgba(255,255,255,.08));
}
@media(max-width:720px){
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual{
    display:grid;
    grid-template-columns:minmax(0,1fr) 124px;
    grid-template-rows:auto auto auto;
    align-items:center;
    column-gap:12px;
    row-gap:3px;
    width:100%;
    min-height:116px;
    padding:12px 14px;
    overflow:hidden;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual strong,
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual small,
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual em{
    grid-column:1;
    min-width:0;
    text-align:left;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual em{
    margin-top:3px;
    white-space:normal;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual .catalogue-closure-machine-card-visual{
    display:flex;
    grid-column:2;
    grid-row:1 / 4;
    align-self:stretch;
    align-items:center;
    justify-content:center;
    width:124px;
    height:100%;
    max-height:106px;
  }
}
@media(max-width:430px){
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual{
    grid-template-columns:minmax(0,1fr) 98px;
    min-height:104px;
    padding:11px 12px;
    column-gap:8px;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual .catalogue-closure-machine-card-visual{
    width:98px;
    max-height:92px;
  }
}


/* v3.13.160 — Lid & CAP machine cards as image-only panels
   Scope: /products/lid-cap/ closure group header machine cards only. Keeps
   product data, prices, cart, checkout, payments, database and admin logic unchanged. */
.catalogue-closure-group-head .catalogue-closure-machine-card.is-image-only{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:190px;
  min-width:170px;
  min-height:124px;
  padding:10px 14px!important;
  overflow:hidden;
}
.catalogue-closure-group-head .catalogue-closure-machine-card.is-image-only .catalogue-closure-machine-card-visual{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%!important;
  height:100%!important;
  max-height:118px!important;
}
.catalogue-closure-group-head .catalogue-closure-machine-card.is-image-only .catalogue-closure-machine-card-visual img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:118px;
  object-fit:contain;
  object-position:center center;
}
@media(max-width:720px){
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:132px!important;
    height:132px;
    padding:10px 14px!important;
    margin-top:14px;
    overflow:hidden;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only .catalogue-closure-machine-card-visual{
    display:flex!important;
    width:100%!important;
    height:100%!important;
    max-height:120px!important;
    grid-column:auto;
    grid-row:auto;
    align-self:center;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only .catalogue-closure-machine-card-visual img{
    max-height:120px;
  }
}
@media(max-width:430px){
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only{
    min-height:120px!important;
    height:120px;
    padding:9px 12px!important;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only .catalogue-closure-machine-card-visual,
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only .catalogue-closure-machine-card-visual img{
    max-height:108px!important;
  }
}


/* v3.13.161 — Lid & CAP desktop image-only machine-card enforcement
   Scope: /products/lid-cap/ closure group header machine cards only. Extends the
   image-only rule explicitly to desktop without changing product data, pricing, cart,
   checkout, payments, database or admin logic. */
@media(min-width:721px){
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:240px!important;
    min-width:220px!important;
    min-height:150px!important;
    padding:10px 16px!important;
    overflow:hidden!important;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only > strong,
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only > small,
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only > em,
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only > span:not(.catalogue-closure-machine-card-visual){
    display:none!important;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only .catalogue-closure-machine-card-visual{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    max-height:138px!important;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only .catalogue-closure-machine-card-visual img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:138px!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* v3.13.162 — Lid & CAP image-only machine cards width-fit refinement
   Scope: /products/lid-cap/ closure group header machine cards only.
   Makes #202 and #305 image-only panels fit their image by width on mobile and desktop,
   while keeping product data, prices, cart, checkout, payments, database and admin logic unchanged. */
.catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only{
  box-sizing:border-box!important;
}
.catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only .catalogue-closure-machine-card-visual{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  align-self:center!important;
  flex:0 0 auto!important;
}
.catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only .catalogue-closure-machine-card-visual img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media(max-width:720px){
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:10px 12px!important;
    margin-top:14px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only .catalogue-closure-machine-card-visual{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only .catalogue-closure-machine-card-visual img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
}
@media(min-width:721px){
  .catalogue-closure-group-head{
    align-items:center;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only{
    width:clamp(320px,30vw,400px)!important;
    min-width:300px!important;
    height:auto!important;
    min-height:0!important;
    padding:12px 16px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only .catalogue-closure-machine-card-visual{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
  .catalogue-closure-group-head .catalogue-closure-machine-card.has-mobile-visual.is-image-only .catalogue-closure-machine-card-visual img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
}