:root{--red:#bc2c2c;--red-d:#962222;--gray:#505557;--ink:#111;--bg:#fff;--alt:#f4f5f5;--line:#e2e4e4;--w:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
img{max-width:100%;height:auto}
a{color:var(--red)}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip:focus{position:fixed;top:8px;left:8px;background:#fff;padding:8px 12px;z-index:99}
h1,h2,h3{line-height:1.15;font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
h1{font-size:clamp(2rem,5vw,3.4rem);margin:.2em 0 .4em}
h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 .8em;position:relative;padding-bottom:.4em}
h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;background:var(--red)}
.eyebrow{color:var(--gray);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin:0}
.lead{font-size:1.15rem;max-width:56ch}
.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-weight:700;padding:.8em 1.5em;border:2px solid var(--red);border-radius:4px;cursor:pointer;font:inherit;font-weight:700;transform:skewX(-8deg)}
.btn:hover{background:var(--red-d);border-color:var(--red-d)}
.btn--ghost{background:transparent;color:var(--red)}
.btn--ghost:hover{color:#fff}
.btn--sm{padding:.5em 1.1em}
.more{font-weight:700;text-decoration:none;text-transform:uppercase;font-size:.85rem;letter-spacing:.06em}
.more::after{content:" →"}

.topbar{background:var(--gray);color:#fff;font-size:.85rem}
.topbar a{color:#fff;text-decoration:none}
.topbar__in{display:flex;gap:16px;align-items:center;justify-content:space-between;padding-top:6px;padding-bottom:6px}
.search input{padding:4px 10px;border:0;border-radius:3px;min-width:180px}
.lang a{padding:0 6px}.lang a[aria-current]{font-weight:800;border-bottom:2px solid var(--red)}

.header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:50}
.header__in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}
.brand img{display:block;width:150px;height:auto}
.nav{display:flex;gap:22px;align-items:center}
.nav a{color:var(--ink);text-decoration:none;font-weight:700;text-transform:uppercase;font-size:.88rem;letter-spacing:.05em}
.nav a:hover{color:var(--red)}.nav .btn{color:#fff}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}
.burger span,.burger span::before,.burger span::after{display:block;width:24px;height:3px;background:var(--ink);position:relative;margin:auto}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-8px}.burger span::after{top:8px}

.hero{background:linear-gradient(120deg,#fff 55%,var(--alt));border-bottom:6px solid var(--red)}
.hero__in{display:grid;grid-template-columns:1.4fr .6fr;gap:32px;align-items:center;padding-top:64px;padding-bottom:64px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero__art svg{width:100%;max-width:260px;display:block;margin:auto}

.certs{border-bottom:1px solid var(--line);padding:20px 0}
.certs__note{margin:0 0 10px;color:var(--gray);font-size:.8rem}
.certs__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.certs__list li{border:1px dashed var(--gray);padding:10px 18px;color:var(--gray);font-weight:700;font-size:.85rem}

.sec{padding:72px 0}.sec--alt{background:var(--alt)}
.sec--dark{background:var(--gray);color:#fff}.sec--dark a{color:#fff}.sec--dark h2::after{background:var(--red)}
.muted{opacity:.8}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.two--rev>article{order:0}

.ph{background:repeating-linear-gradient(135deg,#e9ebeb 0 14px,#f2f3f3 14px 28px);border:1px dashed #b8bcbc;color:var(--gray);display:grid;place-items:center;font-weight:700;min-height:280px;text-align:center}
.ph--cover{aspect-ratio:3/4;max-width:300px;min-height:0}
.ph--banner{min-height:320px}

.grid{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.grid--prod{grid-template-columns:repeat(5,1fr)}
.grid--prod a{display:block;background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);padding:22px 16px;min-height:130px;text-decoration:none;color:var(--ink);font-weight:800;text-transform:uppercase;font-size:.9rem;line-height:1.3;transition:transform .15s,box-shadow .15s}
.grid--prod a:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.num{display:block;color:var(--red);font-size:1.6rem;font-style:italic;margin-bottom:8px}
.grid--news{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);padding:22px}
.card time{color:var(--gray);font-size:.8rem}
.card h3{font-size:1.05rem;margin:.4em 0}
.ticks{list-style:none;padding:0;margin:0 0 24px}
.ticks li{padding:0 0 14px 30px;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;background:var(--red);transform:skewX(-12deg)}
.langs{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.langs a{display:block;border:2px solid var(--red);padding:6px 16px;text-decoration:none;font-weight:700}
address{font-style:normal;line-height:1.9}

.form{display:grid;gap:14px}
.form label{display:grid;gap:4px;font-weight:700;font-size:.9rem}
.form input,.form textarea{font:inherit;padding:10px 12px;border:2px solid transparent;border-radius:3px}
.form input:focus-visible,.form textarea:focus-visible{outline:3px solid #fff;border-color:var(--red)}
.hp{position:absolute;left:-9999px}
#lead-status{margin:0;min-height:1.5em}

.footer{background:#000;color:#cfd2d2;padding:28px 0;font-size:.9rem}
.footer a{color:#fff}
.social{list-style:none;margin:0 0 12px;padding:0;display:flex;gap:18px;flex-wrap:wrap}

@media (max-width:1000px){.grid--prod{grid-template-columns:repeat(3,1fr)}.grid--news{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
  .burger{display:block}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:16px;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .hero__in,.two{grid-template-columns:1fr}
  .hero__art{display:none}
  .two--rev .ph{order:-1}
  .grid--prod,.grid--news{grid-template-columns:1fr 1fr}
  .topbar .search{display:none}
  .sec{padding:48px 0}
}
@media (max-width:420px){.grid--prod,.grid--news{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---------- Inner pages ---------- */
.pagehero{background:var(--alt);border-bottom:6px solid var(--red);padding:36px 0 32px}
.pagehero h1{margin:.3em 0 0;font-size:clamp(1.8rem,4vw,2.8rem)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:.85rem;color:var(--gray)}
.crumbs li+li::before{content:"/";margin-inline-end:6px;opacity:.6}
.crumbs a{color:var(--gray)}
.crumbs [aria-current]{font-weight:700;color:var(--ink)}
.prose h2{margin-top:1.6em}.prose h2:first-child{margin-top:0}
.prose--narrow{max-width:760px}
.prose time{color:var(--gray);font-size:.85rem}
.todo{background:#fff8e1;border:1px dashed #d4a017;color:#6b5200;padding:10px 14px;font-size:.9rem;border-radius:3px}
.two--top{align-items:start}
.mt{margin-top:1.6em}
.steps{padding-inline-start:1.4em}.steps li{margin-bottom:.5em}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.chips a{display:block;border:2px solid var(--red);padding:6px 16px;text-decoration:none;font-weight:700;background:#fff}
.chips a:hover{background:var(--red);color:#fff}
.tablewrap{overflow-x:auto}
table.spec,table.facts{width:100%;border-collapse:collapse;font-size:.92rem}
table.spec th,table.spec td,table.facts th,table.facts td{border:1px solid var(--line);padding:10px 12px;text-align:start}
table.spec thead th{background:var(--gray);color:#fff}
table.facts th{background:var(--alt);width:42%}
.cta{background:var(--red);color:#fff;padding:40px 0}
.cta h2{margin:0 0 .3em}.cta h2::after{background:#fff}
.cta p{margin:0}
.cta__in{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta .btn{background:#fff;color:var(--red);border-color:#fff}
.cta .btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}

/* ---------- Arabic / RTL ---------- */
[dir=rtl] body{font-family:"Segoe UI",Tahoma,system-ui,-apple-system,Arial,sans-serif;line-height:1.85}
[dir=rtl] *{letter-spacing:0!important}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .eyebrow,[dir=rtl] .num,[dir=rtl] .nav a,[dir=rtl] .more,[dir=rtl] .grid--prod a{font-style:normal;text-transform:none}
[dir=rtl] .btn{transform:none}
[dir=rtl] h2::after{left:auto;right:0}
[dir=rtl] .ticks li{padding:0 30px 14px 0}
[dir=rtl] .ticks li::before{left:auto;right:0;transform:none}
[dir=rtl] .more::after{content:" ←"}
[dir=rtl] .hp{left:auto;right:-9999px}
[dir=rtl] .hero{background:linear-gradient(240deg,#fff 55%,var(--alt))}
[dir=rtl] input[type=email]{direction:ltr;text-align:right}
[dir=rtl] .nav a{font-size:.95rem}

/* ---------- Real-content additions ---------- */
.rounded{border-radius:6px;display:block;width:100%;height:auto}
.hero__img{border-radius:8px;box-shadow:0 14px 34px rgba(0,0,0,.18);width:100%;height:auto;display:block;border-bottom:6px solid var(--red)}
.hero__in{grid-template-columns:1.2fr .8fr}
.tagline{font-style:italic;font-weight:700;color:var(--gray);margin:18px 0 0}
.footer .tagline{color:#fff;margin:0 0 10px}
.cover{max-width:420px}
.cols{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}
.cols li{break-inside:avoid;padding:6px 0 6px 22px;position:relative;border-bottom:1px solid var(--line)}
.cols li::before{content:"";position:absolute;left:0;top:.95em;width:9px;height:9px;background:var(--red);transform:skewX(-12deg)}
.plain{list-style:none;margin:0;padding:0}
.phones{margin:4px 0 12px}.phones li{padding:2px 0}
.gallery{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gallery img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;display:block}
.gallery--lg{grid-template-columns:repeat(4,1fr)}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}
.pg h3{font-size:1.05rem;margin:0 0 .5em;color:var(--red)}
.pg li{padding:4px 0;border-bottom:1px solid var(--line)}
.brands{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.brands li{border:1px solid var(--line);background:#fff;padding:5px 12px;font-weight:600;font-size:.88rem;border-radius:3px}
.sec--alt .brands li{background:#fff}
[dir=rtl] .cols li{padding:6px 22px 6px 0}
[dir=rtl] .cols li::before{left:auto;right:0;transform:none}
[dir=rtl] .tagline{font-style:normal}
@media (max-width:1000px){.gallery--lg{grid-template-columns:repeat(3,1fr)}.three{grid-template-columns:1fr}}
@media (max-width:760px){.cols{columns:1}.gallery,.gallery--lg{grid-template-columns:repeat(2,1fr)}.hero__art{display:block}}

/* ===== v3: top bar, products search, brand tiles, form, mobile ===== */
[hidden]{display:none!important}
html{scroll-padding-top:88px}

/* top bar: phone + email + language pill */
.topbar__in{gap:14px;padding-top:7px;padding-bottom:7px}
.topbar__phone{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.topbar__phone svg{opacity:.85}
.topbar__mail{margin-inline-start:auto;opacity:.85}
.topbar a:hover{text-decoration:underline}
.lang{display:inline-flex;align-items:center;gap:8px}
.lang svg{opacity:.8}
.lang__seg{display:inline-flex;background:rgba(255,255,255,.14);border-radius:999px;padding:3px}
.topbar .lang__seg a{padding:2px 14px;border-radius:999px;font-weight:600;line-height:1.6;border:0;text-decoration:none}
.topbar .lang__seg a:not([aria-current]):hover{background:rgba(255,255,255,.22)}
.topbar .lang__seg a[aria-current]{background:#fff;color:var(--gray);font-weight:800}
.lang a{padding:0}

/* products search */
.psearch{position:relative;max-width:620px;margin:6px 0 10px}
.psearch>svg{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:var(--gray);pointer-events:none}
.psearch input{width:100%;padding:14px 48px;border:2px solid var(--line);border-radius:999px;font:inherit;background:#fff;appearance:none}
.psearch input::-webkit-search-cancel-button{display:none}
.psearch input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(188,44,44,.15)}
.psearch__clear{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);border:0;background:var(--alt);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1;color:var(--gray)}
.psearch__clear:hover{background:var(--line)}
.pcount{color:var(--gray);font-size:.9rem;margin:0 0 16px;min-height:1.5em}
.pempty{padding:28px;border:1px dashed var(--gray);border-radius:6px;text-align:center;color:var(--gray);margin:0}

/* brand logo tiles */
.brands{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
.brands li{display:flex;align-items:center;justify-content:center;height:78px;padding:10px 14px;text-align:center;border:1px solid var(--line);background:#fff;border-radius:6px}
.brands img{max-width:100%;max-height:50px;width:auto;height:auto;object-fit:contain;filter:none;opacity:.85;transition:filter .2s,opacity .2s}
.brands li:hover img{filter:grayscale(1);opacity:1}
.brands .brand--text span{font-weight:700;font-size:.85rem;color:var(--gray)}

/* quote form: phone, consent */
.form .check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400;font-size:.88rem;line-height:1.5}
.form .check input{width:auto;margin-top:3px;flex:none;accent-color:var(--red)}
.form .check a{color:#fff;text-decoration:underline}
.form input[type=tel]{direction:ltr}
[dir=rtl] .form input[type=tel]{text-align:right}
.legal h2{font-size:1.25rem}.legal ul{padding-inline-start:1.3em}.legal li{margin-bottom:.3em}

/* ---- mobile ---- */
@media (max-width:760px){
  .topbar__mail,.topbar__label{display:none}
  .topbar__in{justify-content:space-between}
  h1{font-size:clamp(1.55rem,7vw,2rem)}
  .hero__in{grid-template-columns:1fr;gap:22px;padding-top:28px;padding-bottom:36px}
  .hero__art{display:block}
  .hero .lead{font-size:1.02rem}
  .hero__cta{flex-direction:column;align-items:stretch;gap:10px}
  .hero__cta .btn{text-align:center}
  .sec{padding:44px 0}
  .grid--prod{gap:10px}
  .grid--prod a{padding:14px 12px;min-height:92px;font-size:.8rem}
  .num{font-size:1.15rem;margin-bottom:4px}
  .cta__in{flex-direction:column;align-items:flex-start}
  .brands{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
  .brands li{height:64px;padding:8px}
  .psearch input{padding:13px 44px}
  .footer__in p{overflow-wrap:anywhere}
  .nav{box-shadow:0 12px 20px rgba(0,0,0,.12)}
}
@media (max-width:420px){.grid--prod{grid-template-columns:1fr 1fr}.gallery,.gallery--lg{grid-template-columns:1fr 1fr}}

/* ===== v4: red header with white logo, products accordion, profile viewer ===== */
.topbar{background:var(--red-d)}
.topbar__in{justify-content:space-between}
.topbar__mail{margin-inline-start:0;opacity:1;display:inline-flex;align-items:center;gap:7px;font-weight:600}
.topbar .lang__seg{background:rgba(0,0,0,.22)}
.topbar .lang__seg a[aria-current]{color:var(--red-d)}
.header{background:var(--red);border-bottom:0;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.header__in{padding-top:6px;padding-bottom:6px}
.brand img{width:140px}
.nav a{color:#fff}
.nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}
.nav .btn{background:#fff;color:var(--red);border-color:#fff}
.nav .btn:hover{background:var(--ink);color:#fff;border-color:var(--ink);text-decoration:none}
.burger span,.burger span::before,.burger span::after{background:#fff}
@media (max-width:760px){
  .nav{background:var(--red-d);border-bottom:0}
  .brand img{width:120px}
}

/* products accordion */
.accs{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
.accs>li[hidden]{display:none!important}
.acc{background:#fff;border:1px solid var(--line);border-inline-start:5px solid var(--red);border-radius:6px;transition:box-shadow .2s}
.acc[open]{box-shadow:0 10px 26px rgba(0,0,0,.10)}
.acc summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;font-weight:800;font-size:1.1rem}
.acc summary::-webkit-details-marker{display:none}
.acc summary:hover{background:var(--alt)}
.acc summary:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.acc .num{color:var(--red);font-style:italic;font-weight:800}
.acc__t{flex:1}
.acc__n{font-weight:600;font-size:.85rem;color:var(--gray);background:var(--alt);border-radius:999px;padding:2px 12px}
.acc__chev{width:12px;height:12px;border-right:3px solid var(--red);border-bottom:3px solid var(--red);transform:rotate(45deg);transition:transform .2s;margin-inline:6px}
.acc[open] .acc__chev{transform:rotate(-135deg)}
.acc__body{padding:4px 18px 20px;border-top:1px solid var(--line)}
.acc__body>p{max-width:70ch}
.items{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.items li{background:var(--alt);border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.items strong{font-size:1rem}
.items span{font-size:.92rem;color:var(--gray);line-height:1.45}
.items--page li{background:#fff;border:1px solid var(--line)}
.acc__go{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:18px 0 0}
.acc__go a:not(.btn){font-weight:700}
.acc__go .btn{color:#fff}
[dir=rtl] .acc summary,[dir=rtl] .acc .num{font-style:normal}

/* profile viewer */
.pv{max-width:980px;margin:18px auto 0}
.pv__stage{background:#222;border-radius:8px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.18);aspect-ratio:1400/788;display:flex}
.pv__stage img{width:100%;height:100%;object-fit:contain;display:block}
.pv__bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:12px}
.pv__btn{background:var(--red);color:#fff;border:0;border-radius:6px;min-width:48px;height:44px;font-size:1.7rem;line-height:1;cursor:pointer;font-weight:700}
.pv__btn:hover{background:var(--red-d)}
.pv__btn:disabled{opacity:.35;cursor:default}
.pv__btn--txt{font-size:.95rem;padding:0 16px}
.pv__n{min-width:130px;text-align:center;font-weight:700}
.pv__pdf{font-size:.9rem;margin-inline-start:6px}
.pv__stage:fullscreen{border-radius:0;aspect-ratio:auto;width:100vw;height:100vh;align-items:center;justify-content:center}
@media (max-width:760px){.pv__pdf{flex-basis:100%;text-align:center;margin:0}}

/* ===== v5: black footer with white logo, shop (tabs + filters + grid), product popup ===== */
.footer{background:#000;color:#d4d7d7;padding:32px 0;border-top:4px solid var(--red)}
.footer a{color:#fff}
.footer a:hover{color:#ff8a8a}
.footer .tagline{color:#fff;font-weight:700}
.footer__in{display:flex;align-items:center;gap:28px}
.footer__logo{flex:none}.footer__logo img{display:block;width:150px;height:auto}
.footer__txt p{margin:0 0 8px}
@media (max-width:640px){.footer__in{flex-direction:column;align-items:flex-start;gap:14px}}

.shop{background:#f2f2f2}
.shop .psearch{max-width:none;margin:0 0 16px}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.tab{display:inline-flex;align-items:center;gap:6px;padding:14px 22px;border:1px solid var(--red);border-radius:8px;background:transparent;color:var(--ink);font-weight:800;text-transform:uppercase;font-size:.88rem;letter-spacing:.01em;text-decoration:none;line-height:1.2}
.tab:hover{background:#fff}
.tab .tab__n{font-weight:600;opacity:.65}
.tab.is-on{background:linear-gradient(90deg,#c33a3a,#8e2323);color:#fff;border-color:transparent;position:relative;padding-inline-start:38px}
.tab.is-on::before{content:"";position:absolute;inset-inline-start:16px;top:50%;width:6px;height:22px;margin-top:-11px;background:#fff;border-radius:4px}
.tab.is-empty:not(.is-on){opacity:.45}
[dir=rtl] .tab{text-transform:none;font-size:.95rem}
.shop__body{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:start}
.filters{position:sticky;top:96px}
.filters__toggle{display:none}
.fgroup{border:0;padding:0;margin:0 0 26px}
.fgroup legend{font-weight:800;font-size:1.15rem;padding:0;margin-bottom:10px}
.fopt{display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer;font-size:.98rem}
.fopt input{width:22px;height:22px;flex:none;accent-color:var(--red);cursor:pointer;margin:0}
.fopt span{flex:1}.fopt em{font-style:normal;color:#888;font-size:.82rem}
.fclear{background:none;border:0;color:var(--red);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}
.pgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard{display:flex;flex-direction:column;width:100%;height:100%;text-align:start;background:#fff;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;transition:box-shadow .2s,transform .2s}
.pcard:hover,.pcard:focus-visible{box-shadow:0 12px 28px rgba(0,0,0,.14);transform:translateY(-2px)}
.pcard:focus-visible{outline:3px solid var(--ink)}
.pcard__img{display:block;position:relative;aspect-ratio:4/3;background:#fff}
.pcard__img img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:contain}
.pcard__name{padding:12px 16px 14px;font-size:1.1rem;line-height:1.3;flex:1}
.pcard__code{margin:0 16px;padding:10px 0 14px;border-top:1px solid var(--line);color:#777;font-size:.9rem}
.pcard__code b{color:#666}
.pmore{text-align:center;margin:26px 0 0}
.pother{background:#fff;border-inline-start:4px solid var(--red);padding:10px 14px;margin:0 0 16px}
.shop__main .pcount{margin:0 0 14px;color:#555}
.pdlg{border:0;border-radius:8px;padding:0;width:min(900px,94vw);max-height:92vh;overflow:auto}
.pdlg::backdrop{background:rgba(0,0,0,.6)}
.pdlg__in{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px;position:relative}
.pdlg__x{position:absolute;inset-block-start:8px;inset-inline-end:10px;background:none;border:0;font-size:2rem;line-height:1;cursor:pointer;color:#555}
.pdlg__img{position:relative;background:#fff;border:1px solid var(--line);aspect-ratio:4/3}
.pdlg__img img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}
.pdlg__txt h2{font-size:1.5rem;margin:.1em 0 .3em;padding-bottom:.3em}
.pdlg__cat{margin:0;color:var(--red);font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:.06em}
.pdlg__code{color:#777;margin:0 0 .6em}
[dir=rtl] .pdlg__cat{text-transform:none}
@media (max-width:1000px){.pgrid{grid-template-columns:repeat(2,1fr)}.shop__body{grid-template-columns:220px 1fr;gap:22px}}
@media (max-width:760px){
  .shop__body{grid-template-columns:1fr;gap:14px}
  .filters{position:static}
  .filters__toggle{display:block;width:100%;background:#fff;border:1px solid var(--red);border-radius:8px;padding:12px 16px;font:inherit;font-weight:800;color:var(--ink);text-align:start;cursor:pointer}
  .filters__body{display:none;background:#fff;padding:16px;margin-top:8px;border-radius:8px}
  .filters-open .filters__body{display:block}
  .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;margin-inline:-16px;padding-inline:16px;scrollbar-width:thin}
  .tab{white-space:nowrap;padding:11px 16px;font-size:.8rem}
  .tab.is-on{padding-inline-start:32px}.tab.is-on::before{inset-inline-start:13px;height:18px;margin-top:-9px}
  .pgrid{gap:12px}
  .pcard__name{font-size:.98rem;padding:8px 12px 10px}.pcard__code{margin:0 12px;font-size:.82rem}
  .pdlg__in{grid-template-columns:1fr;padding:20px}
}
@media (max-width:420px){.pgrid{grid-template-columns:1fr 1fr}}

.topbar__mail span{white-space:nowrap}
@media (max-width:420px){.topbar__mail{font-size:.8rem;gap:5px}.topbar__in{gap:8px}.lang__seg a{padding-inline:10px!important}}

/* brand tag on product cards */
.pcard__brand{display:block;padding:12px 16px 0;margin:0;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.pcard__brand + .pcard__name{padding-top:4px}
@media (max-width:900px){.pcard__brand{padding:8px 12px 0}.pcard__brand + .pcard__name{padding-top:2px}}
/* home page search: same pill as the Products page, with a submit button */
.psearch--hero{margin:22px 0 4px;max-width:520px}
.psearch--hero input{padding-inline-end:104px}
.psearch__go{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);border:0;background:var(--red);color:#fff;font:inherit;font-weight:700;padding:8px 18px;border-radius:999px;cursor:pointer}
.psearch__go:hover{background:var(--red-d)}
/* products without a photo show the BeSavior logo, smaller and softer */
.pcard__img img.is-logo,.pdlg__img img.is-logo{inset:28% 22%;width:56%;height:44%;opacity:.55}
.pcard__img:has(img.is-logo),.pdlg__img:has(img.is-logo){background:var(--alt)}
.pcard__img.is-logo img{object-fit:contain;padding:18%;opacity:.55;filter:grayscale(1)}
.pdlg img.is-logo{object-fit:contain;padding:12%;opacity:.55;filter:grayscale(1)}