/* Cooka V40 UI polish: range grid, product cards, product page details, mobile type sizes */

/* Products hero: six range tiles with HTML labels; each row keeps the source scale */
body.v13-site figure.v40-range-grid{margin:0;padding:0;background:#fff!important;border:0;border-radius:4px;box-shadow:none;align-self:center;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden}
body.v13-site figure.v40-range-grid::before,body.v13-site figure.v40-range-grid::after{display:none}
.v40-range-open{display:block;position:relative;width:100%;margin:0;padding:14px 16px 12px;border:0;border-radius:0;background:#fff;color:#173849;cursor:zoom-in;text-align:center;font:inherit}
.v40-range-open:focus-visible{outline:3px solid #0077b5;outline-offset:-3px}
.v40-tiles{display:flex;flex-direction:column;gap:10px}
.v40-row{display:flex;gap:14px;align-items:flex-end}
.v40-tile{flex:var(--w) 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}
body.v13-site .v40-tile img{display:block;width:100%;height:auto;max-height:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;filter:none}
.v40-tile-label{font-size:13px;font-weight:600;line-height:1.3;color:var(--navy,#142f46);letter-spacing:.01em}
.v33-showcase-surface .v40-tiles{gap:24px;padding:8px}
.v33-showcase-surface .v40-row{gap:28px}
.v33-showcase-surface .v40-tile-label{font-size:15px;white-space:nowrap}
body.v13-site .v33-showcase-toolbar h2{margin:0 auto 0 0;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0}

@media (min-width:761px){
  body.v28-site .v16-banner:has(.v40-range-grid) .v13-hero-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px}
}

/* Product cards: consistent photo framing, lighter card action */
body.v13-site .v15-card .v13-product-photo img{width:100%;height:100%;object-fit:contain}
body.v13-site .v13-product-card .v15-model-cta{background:#eaf3fa!important;border:1px solid #cfe2f0!important;color:var(--brand,#00549d)!important;box-shadow:none!important}
body.v13-site .v13-product-card:hover .v15-model-cta,body.v13-site .v13-product-card .v15-model-cta:focus-visible{background:var(--brand,#00549d)!important;border-color:var(--brand,#00549d)!important;color:#fff!important}
body.v13-site .v13-card-facts dt{font-size:12px}
body.v13-site .v13-card-facts dd{font-size:13px}
body.v13-site .v14-catalog .v13-product-copy>p{font-size:13px}

/* Product page: one series label, full-width drawing, balanced downloads, styled FAQ */
.product-intro .v15-product-series-mark+.eyebrow{display:none}
.drawing-grid:has(>figure:only-child){grid-template-columns:1fr}
.drawing-grid>figure:only-child img{height:auto;max-height:520px}
.document-grid:has(>.document-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.cooka-v39-faq .framework-faq{max-width:860px}
.cooka-v39-faq .framework-faq details{border-bottom:1px solid var(--line,#dce3e8);padding:0}
.cooka-v39-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 0;font-size:17px;font-weight:600;color:var(--navy,#142f46)}
.cooka-v39-faq summary::-webkit-details-marker{display:none}
.cooka-v39-faq summary::after{content:'+';flex:none;font-size:22px;line-height:1;color:var(--brand,#00549d);font-weight:400}
.cooka-v39-faq details[open] summary::after{content:'−'}
.cooka-v39-faq .framework-faq details>p{margin:0 0 18px;max-width:760px}
.cooka-v39-faq .cooka-v39-related{margin-top:32px;border-top:1px solid var(--line,#dce3e8);padding:20px 22px;border:1px solid var(--line,#dce3e8);border-radius:4px;background:var(--surface,#f3f6f8);max-width:860px}
.cooka-v39-related h3{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#647583)}
.cooka-v39-related ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cooka-v39-related li{margin:0}
.cooka-v39-related a{font-weight:600;border-bottom:0;color:var(--brand,#00549d)}
.cooka-v39-related a::after{content:' →'}

/* Products buying line: keep each item on its own line on narrow screens */
.cooka-v39-buyline .v40-buyitem{color:inherit}

@media (max-width:760px){
  body.v13-site figure.v40-range-grid{margin-top:16px}
  .v40-range-grid .v40-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
  .v40-range-grid .v40-row{display:contents}
  body.v13-site .v40-range-grid .v40-tile img{aspect-ratio:11/5;object-fit:contain}
  .v40-range-grid .v40-tile-label{font-size:12px}
  .v33-showcase-surface .v40-tile-label{font-size:11px}
  .v33-showcase-surface .v40-row{gap:12px}
  .cooka-v39-buyline .v40-buyitem{display:block}
  .document-grid:has(>.document-card:nth-child(2):last-child){grid-template-columns:1fr}

  /* Mobile type floor for buyer-facing data */
  body.v13-site .v13-card-facts dt{font-size:12px}
  body.v13-site .v13-card-facts dd{font-size:13.5px}
  body.v13-site .v13-product-copy>p{font-size:13px;line-height:1.45}
  body.v13-site .v15-card .v15-photo-index{display:none}
  body.v13-site .v15-card .v13-product-photo{padding-bottom:14px}
  body.v13-site .v15-model-cta,body.v13-site .v15-model-cta>span{font-size:13px}
  body.v13-site .framework-table th,body.v13-site .framework-table td{font-size:14px}
  body.v13-site .v21-compare-table th,body.v13-site .v21-compare-table td{font-size:13.5px}
  body.v13-site .v15-directory-links a{font-size:13px}
  body.v13-site .v15-full-directory>article>p{font-size:13.5px}
  body.v13-site .v14-industry-body small{font-size:11px}
  body.v13-site .v16-candidates span{font-size:12px}
  body.v13-site .product-intro .quick-specs dt{font-size:11px}
  body.v13-site .product-intro .quick-specs dd{font-size:15px}
  body.v13-site .cooka-v39-buy dt{font-size:12px}
  body.v13-site .v15-stats p{font-size:13px}
  body.v13-site .v15-capability-tags span{font-size:11.5px}
  body.v13-site .v14-process-step small{font-size:12px}
  body.v13-site .v17-series-copy small{font-size:11px}
  body.v13-site .v14-quality-list li{font-size:14px}
  body.v13-site .drawing-grid>figure:only-child img{max-height:none}
}
