/* FYAR product / downloads / gallery additions – uses existing theme tokens */
.fyar-section{padding:90px 0;position:relative}
.fyar-section .ot-heading{margin-bottom:40px}
.fyar-lead{max-width:640px;color:#a3a3a3;margin:14px 0 0}
.fyar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.fyar-card{display:block;color:inherit;text-decoration:none}
.fyar-card__media{overflow:hidden;background:#141414;aspect-ratio:720/853}
.fyar-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.fyar-card:hover .fyar-card__media img{transform:scale(1.04)}
.fyar-card__body{padding:20px 0 0;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.fyar-card__name{font-size:22px;margin:0;color:#fff}
.fyar-card__more{font-size:13px;color:var(--theme-color);white-space:nowrap}
.fyar-empty{border:1px solid #2a2a2a;padding:48px 32px;text-align:center;color:#a3a3a3}
.fyar-empty a{color:var(--theme-color)}
.fyar-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.fyar-cats .fyar-card__media{aspect-ratio:4/3}
/* detail */
.fyar-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.fyar-detail__main{background:#141414;aspect-ratio:720/853;overflow:hidden}
.fyar-detail__main img{width:100%;height:100%;object-fit:cover;display:block}
.fyar-thumbs{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.fyar-thumbs button{padding:0;border:1px solid #2a2a2a;background:none;width:76px;height:90px;cursor:pointer;opacity:.6}
.fyar-thumbs button[aria-current="true"],.fyar-thumbs button:hover,.fyar-thumbs button:focus-visible{opacity:1;border-color:var(--theme-color);outline:none}
.fyar-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.fyar-detail h2{margin:0 0 6px}
.fyar-detail__cat{color:#a3a3a3;margin-bottom:24px}
.fyar-specs{width:100%;border-collapse:collapse;margin:24px 0}
.fyar-specs th,.fyar-specs td{padding:12px 0;border-bottom:1px solid #2a2a2a;text-align:left;vertical-align:top}
.fyar-specs th{width:42%;font-weight:400;color:#a3a3a3}
.fyar-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.fyar-actions .octf-btn{margin:0}
/* downloads */
.fyar-doc-group{margin-bottom:64px}
.fyar-doc-group h3{margin:0 0 8px}
.fyar-doc-type{color:#a3a3a3;margin:28px 0 8px;font-size:16px}
.fyar-doc{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #2a2a2a}
.fyar-doc__icon{flex:none;width:44px;height:52px;border:1px solid var(--theme-color);color:var(--theme-color);display:flex;align-items:center;justify-content:center;font-size:20px}
.fyar-doc__title{flex:1;min-width:0}
.fyar-doc__title strong{display:block;color:#fff;font-weight:400;font-size:18px}
.fyar-doc__title span{font-size:13px;color:#a3a3a3}
.fyar-doc__links{display:flex;gap:18px;flex:none}
.fyar-doc__links a{color:var(--theme-color);font-size:14px}
.fyar-note{color:#a3a3a3;padding:12px 0}
/* gallery */
.fyar-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fyar-gallery a{display:block;overflow:hidden;background:#141414}
.fyar-gallery img{width:100%;display:block;transition:transform .6s ease}
.fyar-gallery a:hover img{transform:scale(1.03)}
/* internal review table (shop.html?preview=1) */
.fyar-review{width:100%;border-collapse:collapse;font-size:14px;margin-top:32px}
.fyar-review th,.fyar-review td{padding:10px 12px;border-bottom:1px solid #2a2a2a;text-align:left}
.fyar-badge{padding:2px 8px;border:1px solid #2a2a2a;font-size:12px}
.fyar-badge--pending{border-color:var(--theme-color);color:var(--theme-color)}
@media (max-width:991px){.fyar-grid,.fyar-gallery{grid-template-columns:repeat(2,1fr)}.fyar-detail{grid-template-columns:1fr;gap:32px}}
@media (max-width:575px){.fyar-section{padding:60px 0}.fyar-grid,.fyar-gallery,.fyar-cats{grid-template-columns:1fr}.fyar-doc{flex-wrap:wrap}.fyar-doc__links{width:100%;padding-left:62px}}
@media (prefers-reduced-motion:reduce){.fyar-card__media img,.fyar-gallery img{transition:none}}

/* ---- Fixes that live here so style.css can stay exactly as the client's version ---- */
/* 1) Home page "FYÄR Infinite" card: image left, title + text + button stacked on the right */
.feature-product {
  grid-template-rows: 1fr auto auto auto 1fr;
}
.feature-product img {
  grid-column: 1;
  grid-row: 1 / -1;
}
.feature-product h3 {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
}
.feature-product p {
  grid-column: 2;
  grid-row: 3;
}
.feature-product button {
  grid-column: 2;
  grid-row: 4;
  align-self: start;
}
/* 2) Late global ".icon-box" rule (84x84 square for the home summary icons) must not squash these variants */
.icon-box.icon-box--classic,
.icon-box.icon-box--bg-img {
  width: auto;
  height: auto;
  display: block;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}

/* technical drawings section (product detail) */
.fyar-drawings{margin-top:72px;padding-top:48px;border-top:1px solid #2a2a2a}
.fyar-drawings h3{margin:0 0 28px;font-size:28px}
.fyar-drawings__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.fyar-drawings__grid a{display:block;background:#f3f3f5;cursor:zoom-in}
.fyar-drawings__grid img{width:100%;height:auto;display:block}
@media (max-width:767px){.fyar-drawings__grid{grid-template-columns:1fr}}