/* Stage 13. Last layer over the current Craft styles. */
:root{--ink:#2d3539;--muted:#566269;--soft:#f1f4f4;--line:#d6dfe0;--red:#b92831;--red-dark:#97232a;--surface:#edf3f2;--acrylic:#aa7834;--hybrid:#4c7564;--rubber:#437282}
.substance-design h1,.substance-design h2{font-weight:570}
.substance-design .section{margin-block:64px}
.substance-design .home-hero{background:var(--surface);border-radius:22px;padding:32px;gap:42px;grid-template-columns:1.05fr 1fr;margin-top:32px;overflow:hidden}
.substance-design .home-hero-copy{padding:16px 10px}
.substance-design .home-hero h1{font-size:54px;line-height:1.14;max-width:560px;text-wrap:balance}
.substance-design .home-hero>.product-scene{width:100%;margin:0;max-width:none;border-radius:15px;overflow:hidden}
.substance-design .home-hero .actions{gap:14px 22px;margin-top:32px}
.substance-design .hero-foot{padding:24px 0;margin-top:0;align-items:start;border-top:0;border-bottom:1px solid var(--line);gap:22px}
.substance-design .hero-foot>div{display:block}
.substance-design .hero-foot a{display:flex;align-items:start;gap:14px;min-height:64px;padding:6px 0}
.substance-design .hero-foot .icon{width:25px;height:25px;flex:none;margin-top:3px;color:var(--red)}
.substance-design .hero-foot span{display:block;font-size:20px;line-height:1.4;font-weight:520}
.substance-design .hero-foot small{display:block;font-size:18px;font-weight:400;line-height:1.45;color:var(--muted);margin-top:5px}
.substance-design .assortment-block{padding:30px;background:#f5f7f7;border-radius:18px}
.substance-design .assortment-block .category-card h3{font-size:23px;min-height:58px}
.substance-design .category-card .cat-bottom{font-size:18px}
.basis-guide{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:white;margin:28px 0 0}
.basis-guide>summary{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;font-size:22px;font-weight:520;list-style:none}
.basis-guide>summary::-webkit-details-marker{display:none}
.basis-guide>summary:focus-visible{outline-offset:-5px}
.basis-guide>summary::after{content:'+';font-size:28px;font-weight:400;flex:none;color:var(--red)}
.basis-guide[open]>summary::after{content:'−'}
.basis-guide[open]>summary{border-bottom:1px solid var(--line)}
.basis-intro{padding:24px;max-width:80ch;color:var(--muted);font-size:18px}
.basis-row{display:grid;grid-template-columns:1fr 1.3fr auto;gap:24px;padding:24px;border-top:1px solid var(--line);align-items:start}
.basis-row h3{font-size:22px;color:var(--ink);margin:0 0 8px}
.basis-row>div{border-left:4px solid var(--acrylic);padding-left:16px}
.basis-hybrid>div{border-color:var(--hybrid)}
.basis-rubber>div{border-color:var(--rubber)}
.basis-row p{font-size:18px;line-height:1.55;color:var(--muted)}
.basis-row .text-link{font-size:18px;align-self:center;white-space:normal}
.selection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.selection-card{min-width:0;display:flex;flex-direction:column}
.selection-card>img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:12px}
.selection-copy{position:relative;flex:1;padding:20px 0 18px;border-bottom:1px solid var(--line)}
.selection-card h3{font-size:23px;line-height:1.3;max-width:20ch;margin:0 0 10px}
.selection-card p{font-size:18px;line-height:1.5;color:var(--muted);margin-bottom:16px}
.selection-products{display:block;font-size:18px;line-height:1.5;padding-right:30px;color:var(--ink);font-weight:500}
.selection-copy>.icon{position:absolute;right:0;bottom:21px;width:22px;height:22px;color:var(--red)}
.selection-card:hover h3{color:var(--red)}
.substance-design .product-grid{gap:36px 26px}
.substance-design .product-card .product-meta{border-top:1px solid var(--line);padding-top:14px}
.substance-design .product-card h3{font-size:26px}
.substance-design .product-image{border-radius:14px}
.substance-design .catalog-intro h1{font-size:48px}
.substance-design .catalog-toolbar{margin-top:22px}
.substance-design .catalog-intro+.basis-guide{margin-top:26px}
.substance-design .partner-callout .callout.red{background:#eaf0ed;padding:34px;gap:34px}
.substance-design .partner-callout-copy p{font-size:20px;margin-top:16px}
.partner-points{padding:0;margin:20px 0 0;list-style:none;display:grid;gap:9px}
.partner-points li{font-size:18px;line-height:1.45;padding-left:23px;position:relative}
.partner-points li::before{content:'✓';position:absolute;left:0;color:var(--hybrid)}
.substance-design .form-panel{background:#f1f4f4;border:1px solid var(--line);padding:34px;border-radius:18px}
.substance-design .form-panel input,.substance-design .form-panel textarea{background:white}
.substance-product .product-hero{gap:48px;align-items:start}
.substance-product .product-heading{padding-top:12px;min-width:0}
.substance-product .product-heading h1{font-size:46px}
.substance-product .product-heading .lead{font-size:20px}
.installation-facts{display:grid;grid-template-columns:repeat(var(--fact-columns,3),minmax(0,1fr));margin:24px 0 0;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f5f7f7}
.installation-facts>div{padding:16px;min-width:0}
.installation-facts>div+div{border-left:1px solid var(--line)}
.installation-facts dt{font-size:18px;line-height:1.4;color:var(--muted)}
.installation-facts dd{font-size:20px;line-height:1.4;font-weight:520;margin:8px 0 0;overflow-wrap:anywhere}
.substance-design .anchor-nav{border-bottom:1px solid var(--line);padding:16px 0}
.substance-design .anchor-nav a{font-size:18px;font-weight:500}
.substance-design .spec-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.substance-design .spec-table tr:nth-child(odd){background:#f5f7f7}
.substance-design .spec-table th,.substance-design .spec-table td{padding:16px 20px}
.substance-design .editorial-split{gap:46px;align-items:center}
.substance-design .editorial-split h1{font-size:46px}
.substance-design .editorial-split>.product-scene{margin:0;border-radius:16px;overflow:hidden}
.range-overview{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;border-top:1px solid var(--line);padding-top:28px}
.range-overview a{border-left:4px solid var(--hybrid);padding-left:20px}
.range-overview a:nth-child(2){border-color:var(--acrylic)}
.range-overview a:nth-child(3){border-color:var(--rubber)}
.range-overview h3{font-size:25px;margin:0 0 12px}
.range-overview p{font-size:18px;color:var(--muted)}
.substance-design .production-detail{background:#f5f7f7;padding:32px;border-radius:18px;gap:32px}
.substance-design .production-detail figure{max-width:340px;justify-self:center}
.substance-design .production-detail .illustrative-photo img{aspect-ratio:1;object-fit:contain}
.substance-design .steps{padding:30px;background:#f5f7f7;border-radius:16px;gap:28px}
.substance-design .step h3{font-size:23px}
.substance-design .step p{font-size:18px;line-height:1.55}
.retailer-tools{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;background:#edf3f2;padding:36px;border-radius:18px}
.retailer-tools h2{font-size:32px;margin:0 0 18px}
.retailer-tools>div>p{font-size:20px;color:var(--muted)}
.retailer-tools .btn{margin-top:24px}
.retailer-links{display:grid;gap:0}
.retailer-links>a{padding:24px 32px 24px 0;border-bottom:1px solid #c5d3ce;position:relative}
.retailer-links>a:first-child{padding-top:0}
.retailer-links h3{font-size:24px;margin:0 0 12px}
.retailer-links p{font-size:18px;color:var(--muted)}
.retailer-links .icon{position:absolute;right:0;top:24px;color:var(--red)}
.map-preview-link{display:flex;min-height:300px;align-items:center;justify-content:center;padding:30px;background:#edf3f2;text-decoration:underline}
.review-gallery{padding-block:50px}
.review-gallery>p{margin-top:24px;color:var(--muted)}
.review-gallery .hub-grid{margin-top:40px;gap:24px}
.review-gallery .hub-card{display:block}
.review-gallery .hub-card h2{font-size:26px;margin-bottom:20px}
.review-gallery .hub-card span{display:flex;gap:16px;align-items:center;font-size:18px}
@media(max-width:1100px){
  .substance-design .home-hero{padding:26px;gap:28px}
  .substance-design .home-hero h1{font-size:44px}
  .substance-design .home-hero .actions{gap:16px;align-items:start}
  .substance-design .hero-foot span{font-size:18px}
  .selection-grid{gap:18px}
  .selection-card h3{font-size:21px}
  .basis-row{grid-template-columns:1fr 1.3fr}
  .basis-row>.text-link{grid-column:2}
  .substance-product .product-hero{gap:30px}
  .installation-facts{grid-template-columns:1fr}
  .installation-facts>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 16px}
  .installation-facts>div+div{border-left:0;border-top:1px solid var(--line)}
  .installation-facts dd{margin:0}
}
@media(max-width:960px){
  .substance-design .home-hero{grid-template-columns:1fr 1fr}
  .substance-design .home-hero h1{font-size:38px}
  .substance-design .home-hero .actions{flex-direction:column;align-items:start}
  .substance-design .hero-foot{grid-template-columns:1fr;gap:12px}
  .substance-design .hero-foot a{min-height:52px;padding:0}
  .substance-design .hero-foot span{font-size:20px}
  .selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}
  .selection-card h3{font-size:24px}
  .retailer-tools{padding:28px;gap:30px}
  .range-overview{gap:20px}
  .substance-design .editorial-split h1,.substance-product .product-heading h1{font-size:36px}
}
@media(max-width:680px){
  .substance-design .section{margin-block:44px}
  .substance-design .home-hero{grid-template-columns:1fr;padding:24px 20px;gap:22px;margin-top:22px;border-radius:16px}
  .substance-design .home-hero-copy{padding:0}
  .substance-design .home-hero h1{font-size:35px;line-height:1.16;text-wrap:initial}
  .substance-design .home-hero .actions{flex-direction:row;align-items:center;gap:18px;margin-top:24px}
  .substance-design .home-hero>.product-scene{max-width:340px;justify-self:center}
  .substance-design .hero-foot{padding-block:22px;gap:18px}
  .substance-design .hero-foot span{font-size:18px}
  .substance-design .hero-foot small{margin-top:2px}
  .substance-design .assortment-block{padding:20px 14px}
  .substance-design .assortment-block .category-card h3{font-size:18px;min-height:0}
  .basis-guide>summary{font-size:20px;padding:16px;gap:14px}
  .basis-intro{padding:18px 16px}
  .basis-row{grid-template-columns:1fr;gap:16px;padding:22px 16px}
  .basis-row>.text-link{grid-column:auto;justify-self:start;min-height:44px}
  .basis-row h3{font-size:22px}
  .selection-section .section-head{align-items:start;flex-direction:column;gap:16px}
  .selection-grid{gap:26px 16px}
  .selection-card h3{font-size:20px;overflow-wrap:anywhere}
  .selection-card>img{aspect-ratio:1}
  .selection-copy{padding-top:16px}
  .selection-copy>.icon{display:none}
  .selection-products{padding-right:0;overflow-wrap:anywhere}
  .substance-design .product-card h3{font-size:20px}
  .substance-design .product-grid{gap:28px 14px}
  .substance-design .product-card .product-meta{padding-top:12px}
  .substance-design .catalog-intro h1{font-size:35px}
  .substance-design .partner-callout .callout.red{padding:24px;gap:24px}
  .substance-design .form-panel{padding:24px 20px}
  .substance-product .product-heading{padding-top:0}
  .substance-product .product-heading h1{font-size:35px}
  .substance-design .anchor-nav{gap:12px 20px;flex-wrap:wrap}
  .substance-design .spec-table th,.substance-design .spec-table td{padding:14px 12px;overflow-wrap:anywhere}
  .substance-design .editorial-split h1{font-size:35px}
  .range-overview{grid-template-columns:1fr;gap:24px;padding-top:24px}
  .substance-design .production-detail{padding:24px 20px;gap:24px}
  .substance-design .steps{padding:24px 20px}
  .retailer-tools{grid-template-columns:1fr;padding:24px 20px;gap:28px}
  .retailer-tools h2{font-size:28px}
  .review-gallery{padding-block:30px}
  .review-gallery h1{font-size:35px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.substance-design *{transition:none!important}}