/* A concise catalogue of confirmed mounting families, not SKU or stock claims. */
.product-section{background:var(--paper);color:var(--ink);padding-block:96px 88px;border-bottom:1px solid var(--line)}
.product-section .section-heading{align-items:flex-end}
.product-section .section-intro{max-width:350px}
.product-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block:38px 24px}
.product-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.product-filter{min-height:44px;padding:10px 17px;border:1px solid #cfcac0;background:transparent;color:#55544d;font-size:12px;font-weight:600;line-height:1.6;transition:background .2s,color .2s,border-color .2s}
.product-filter:hover{background:#fff;color:var(--ink);border-color:#929087}
.product-filter[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:inset 0 -2px var(--red)}
.product-count{color:#6b685e;font-size:11px;white-space:nowrap;flex:none}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.product-card{display:flex;flex-direction:column;min-width:0;padding:27px 27px 17px;background:#fff;border:1px solid #e1ded5;position:relative;transition:border-color .2s,transform .25s var(--ease)}
.product-card::before{content:"";position:absolute;inset-block-start:-1px;inset-inline-start:27px;width:34px;height:2px;background:var(--red);transition:width .25s var(--ease)}
.product-card:hover{border-color:#b7b0a1;transform:translateY(-3px)}
.product-card:hover::before{width:62px}
.product-card[hidden]{display:none!important}
.product-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:51px;margin-bottom:25px}
.product-category-label{color:#7b7366;font-size:10px;font-weight:700;line-height:1.6;letter-spacing:.09em;text-transform:uppercase}
.product-symbol{display:block;width:48px;height:48px;flex:none;fill:none;stroke:var(--red);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.product-name{font:700 20px/1.5 var(--body);letter-spacing:-.015em;color:var(--ink);margin:0 0 12px;overflow-wrap:anywhere}
.product-description{color:#6e6b62;font-size:13px;line-height:1.9;margin-bottom:25px;max-width:38ch}
.product-card-actions{margin-top:auto;border-top:1px solid #e8e4dc;padding-top:10px;display:flex;flex-direction:column;align-items:stretch}
.product-whatsapp{display:flex;align-items:center;gap:10px;min-height:48px;font-size:12px;font-weight:700;line-height:1.6;color:var(--ink);transition:color .2s}
.product-whatsapp>.icon{width:20px;height:20px;color:var(--red);flex:none}
.product-whatsapp>.icon:last-child{margin-inline-start:auto;width:17px;height:17px;transition:transform .2s}
.product-whatsapp:hover{color:var(--red)}
.product-whatsapp:hover>.icon:last-child{transform:translate(2px,-2px)}
.product-configure{display:flex;align-items:center;gap:12px;min-height:44px;font-size:11px;font-weight:600;line-height:1.6;color:#777064;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#c6c0b2;transition:color .2s}
.product-configure:hover{color:var(--ink);text-decoration-color:var(--red)}
.product-configure>.icon{width:16px;height:16px}
.product-configure>.text-link-arrow{font-size:18px;margin-inline-start:auto}
.product-footnote{display:flex;align-items:flex-start;gap:12px;margin-top:24px;max-width:760px;color:#736e63;font-size:12px;line-height:1.9}
.product-footnote>.icon{width:18px;height:18px;flex:none;margin-top:2px;color:var(--red)}
.product-footnote p{margin:0}
.product-selection{margin-top:20px}

/* Answers stay in the page and remain usable without scripting. */
.faq-section{background:#e9e7e0;color:var(--ink);padding-block:90px;border-bottom:1px solid #d2cec4}
.faq-layout{display:grid;grid-template-columns:.85fr 1.25fr;gap:90px;align-items:start}
.faq-intro{min-width:0}
.faq-intro .eyebrow{color:#776f60}
.faq-intro h2{font-size:68px;line-height:1;margin-block:23px 20px}
.faq-intro>p:not(.eyebrow){max-width:340px;color:#716a5e;font-size:14px;line-height:1.9}
.faq-intro>.text-link{margin-top:20px;color:var(--ink)}
.faq-list{min-width:0;border-top:1px solid #bfb8aa}
.faq-item{border-bottom:1px solid #c9c2b6}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:81px;padding-block:20px;list-style:none;cursor:pointer;font-size:16px;font-weight:700;line-height:1.7;transition:color .2s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:""}
.faq-item summary:hover,.faq-item[open] summary{color:var(--red)}
.faq-plus{display:inline-grid;place-items:center;width:29px;height:29px;flex:none;color:var(--red);font:400 26px/1 Arial,sans-serif;transition:transform .2s}
.faq-item[open] .faq-plus{transform:rotate(45deg)}
.faq-item>p{padding-block:0 23px;padding-inline-end:50px;color:#696255;font-size:13px;line-height:1.95;max-width:650px}
.faq-item>p a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.visit-planning{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin-top:16px;color:#77746d;font-size:12px;line-height:1.9}
.visit-planning a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#c6bfb1}
.visit-planning a:hover{color:var(--red);text-decoration-color:var(--red)}
.visit-planning .icon{width:16px;height:16px}
html[dir="rtl"] .product-category-label{letter-spacing:0;font-size:11px}
html[dir="rtl"] .product-name{font-size:22px;line-height:1.65;letter-spacing:0}
html[dir="rtl"] .product-description{font-size:14px;line-height:1.95}
html[dir="rtl"] .faq-intro h2{font-family:var(--body);font-size:45px;line-height:1.4;letter-spacing:0}
html[dir="rtl"] .faq-item summary{font-size:17px}
html[dir="rtl"] .faq-item>p{font-size:14px}

@media(max-width:1100px){
  .product-card{padding-inline:22px}.product-card::before{inset-inline-start:22px}
  .product-name{font-size:18px}.product-description{font-size:12px}
  html[dir="rtl"] .product-name{font-size:20px}html[dir="rtl"] .product-description{font-size:13px}
  .faq-layout{gap:50px}.faq-intro h2{font-size:61px}
}
@media(max-width:900px){
  .product-section{padding-block:75px 70px}
  .product-toolbar{align-items:flex-start;flex-direction:column;gap:13px;margin-block:30px 21px}
  .product-filter{font-size:11px;padding-inline:14px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .product-card{padding:24px 23px 14px}.product-card::before{inset-inline-start:23px}
  .product-card-top{margin-bottom:19px}.product-name{font-size:19px}.product-description{font-size:13px}
  .faq-section{padding-block:70px}.faq-layout{grid-template-columns:1fr;gap:30px}
  .faq-intro h2{font-size:60px;margin-block:18px 15px}.faq-intro>p:not(.eyebrow){max-width:480px}
  .faq-intro>.text-link{margin-top:12px}.faq-item summary{min-height:77px}
}
@media(max-width:640px){
  .product-section{padding-block:59px 58px}
  .product-section .section-intro{max-width:100%}
  .product-toolbar{margin-block:27px 20px;gap:12px}
  .product-filters{gap:7px;width:100%}
  .product-filter{padding:10px 12px;font-size:11px;min-height:44px}
  .product-count{font-size:10px}
  .product-grid{grid-template-columns:1fr;gap:14px}
  .product-card{padding:23px 23px 14px}.product-card::before{inset-inline-start:23px}
  .product-card-top{min-height:45px;margin-bottom:17px}
  .product-symbol{width:44px;height:44px}
  .product-category-label{font-size:9px}.product-name{font-size:21px;margin-bottom:10px}
  .product-description{font-size:13px;line-height:1.9;margin-bottom:20px;max-width:100%}
  .product-whatsapp{font-size:12px;min-height:48px}.product-configure{font-size:11px}
  .product-footnote{font-size:11px;gap:10px;margin-top:20px}
  .faq-section{padding-block:58px}.faq-layout{gap:27px}
  .faq-intro h2{font-size:54px}.faq-intro>p:not(.eyebrow){font-size:13px}
  .faq-item summary{font-size:15px;gap:15px;min-height:75px;padding-block:18px}
  .faq-item>p{font-size:12px;padding-inline-end:29px;padding-bottom:20px}
  .faq-plus{width:25px;height:25px;font-size:24px}
  .visit-planning{font-size:11px;margin-top:12px;gap:2px 10px}
  html[dir="rtl"] .product-name{font-size:22px}
  html[dir="rtl"] .product-description{font-size:14px}
  html[dir="rtl"] .faq-intro h2{font-size:36px;line-height:1.4}
  html[dir="rtl"] .faq-item summary{font-size:16px}
  html[dir="rtl"] .faq-item>p{font-size:13px}
}
@media(max-width:360px){
  .product-filter{font-size:10px;padding-inline:10px}
  .product-card{padding-inline:19px}.product-card::before{inset-inline-start:19px}
  .product-name{font-size:19px}html[dir="rtl"] .product-name{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  .product-card,.product-card::before,.product-filter,.product-whatsapp,.product-whatsapp>.icon:last-child,.product-configure,.faq-item summary,.faq-plus{transition:none}
  .product-card:hover{transform:none}
}