.system-hero,.system-products,.system-steps,.system-specs,.system-faq,.system-related{padding-block:clamp(48px,8vw,96px)}.system-hero{background-color:var(--color-forge);color:var(--color-mill);padding-block:clamp(56px,9vw,112px)}.system-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}@media(max-width:989px){.system-hero__inner{grid-template-columns:1fr;gap:var(--space-8)}}.system-hero__content{display:flex;flex-direction:column;gap:var(--space-4)}.system-hero__eyebrow{color:var(--color-iron-red);margin-bottom:0}.system-hero__title{font-family:var(--font-iron-heading);font-weight:800;font-size:clamp(2.25rem,1.5rem + 2.8vw,3.5rem);line-height:1.05;letter-spacing:var(--tracking-tight);color:var(--color-mill);margin:0}.system-hero__tagline{font-family:var(--font-iron-body);font-weight:500;font-size:clamp(1.125rem,.9rem + .6vw,1.375rem);line-height:1.45;color:rgba(var(--color-mill-rgb),.85);margin:0;max-width:50ch}.system-hero__pills{list-style:none;margin:var(--space-2) 0 var(--space-3);padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.system-pill{display:inline-flex;align-items:center;padding:.35rem .75rem;font-family:var(--font-iron-body);font-size:var(--size-small);font-weight:500;color:rgba(var(--color-mill-rgb),.85);border:1px solid rgba(var(--color-mill-rgb),.2);border-radius:var(--radius-pill);background-color:rgba(var(--color-mill-rgb),.04)}.system-hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.system-hero__visual{aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background-color:rgba(var(--color-mill-rgb),.04)}.system-hero__visual img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:989px){.system-hero__visual{order:-1}}.system-hero--empty{text-align:center}.system-hero--empty code{font-family:var(--font-iron-mono);background:rgba(var(--color-mill-rgb),.08);padding:.1em .4em;border-radius:var(--radius-sm)}.system-products{background-color:var(--color-mill)}.system-products__grid{list-style:none;margin:var(--space-8) 0 var(--space-6);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:989px){.system-products__grid{grid-template-columns:1fr}}.system-product-card{display:flex;flex-direction:column;border:1px solid var(--color-hairline);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-mill);transition:box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.system-product-card:hover{box-shadow:0 8px 24px rgba(var(--color-forge-rgb),.06);border-color:var(--color-iron-red);transform:translateY(-2px)}.system-product-card__media{display:block;aspect-ratio:1 / 1;background-color:var(--color-drywall);overflow:hidden}.system-product-card__media img{width:100%;height:100%;object-fit:cover;display:block}.system-product-card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);flex:1}.system-product-card__title-link{text-decoration:none;color:inherit}.system-product-card__title{font-family:var(--font-iron-heading);font-weight:700;font-size:1.0625rem;line-height:1.3;color:var(--color-forge);margin:0}.system-product-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.system-product-card__price{font-family:var(--font-iron-heading);font-weight:700;font-size:1.125rem;color:var(--color-forge)}.system-product-card__stock{font-family:var(--font-iron-body);font-weight:600;font-size:var(--size-caps);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:.2rem .5rem;border-radius:var(--radius-sm)}.system-product-card__stock--in{color:var(--color-stock-in);background-color:rgba(var(--color-stock-in-rgb),.1)}.system-product-card__stock--out{color:var(--color-stock-low);background-color:rgba(var(--color-stock-low-rgb),.1)}.system-product-card__form{display:grid;grid-template-columns:80px 1fr;gap:var(--space-2);margin-top:auto}.system-product-card__qty input{width:100%;padding:.7rem .5rem;font-family:var(--font-iron-mono);font-size:1rem;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background-color:var(--color-mill);color:var(--color-forge);text-align:center;-webkit-appearance:textfield;appearance:textfield}.system-product-card__qty input::-webkit-outer-spin-button,.system-product-card__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.system-product-card__qty input:focus-visible{outline:2px solid var(--color-iron-red);outline-offset:1px}.system-product-card__add{padding:.7rem 1rem;font-size:.9375rem}.system-products__bundle{margin-top:var(--space-6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.system-products__bundle-btn{padding:1rem 1.5rem;font-size:1rem}.system-products__bundle-btn:disabled{opacity:.7;cursor:progress}.system-products__bundle-note{font-family:var(--font-iron-body);font-size:var(--size-small);color:var(--color-concrete);margin:0}.system-addons{margin-top:var(--space-10);border-top:1px solid var(--color-hairline);padding-top:var(--space-6)}.system-addons__summary{font-family:var(--font-iron-heading);font-weight:700;font-size:1.125rem;color:var(--color-forge);cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:var(--space-2)}.system-addons__summary::-webkit-details-marker{display:none}.system-addons__summary:before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-iron-red);color:var(--color-mill);font-weight:700;transition:transform var(--duration-fast) var(--ease-out)}.system-addons[open] .system-addons__summary:before{content:"\2212"}.system-addons__count{font-weight:500;color:var(--color-concrete)}.system-addons__grid{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.system-addon-card{display:flex;gap:var(--space-3);align-items:center;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--space-3);background-color:var(--color-mill)}.system-addon-card__media{display:block;width:64px;height:64px;flex-shrink:0;background-color:var(--color-drywall);border-radius:var(--radius-sm);overflow:hidden}.system-addon-card__media img{width:100%;height:100%;object-fit:cover}.system-addon-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.system-addon-card__title{font-family:var(--font-iron-heading);font-weight:700;font-size:.9375rem;color:var(--color-forge);text-decoration:none}.system-addon-card__price{font-family:var(--font-iron-mono);font-size:var(--size-small);color:var(--color-concrete)}.system-steps{background-color:var(--color-drywall)}.system-steps__list{list-style:none;margin:var(--space-10) 0 0;padding:0;position:relative;display:flex;flex-direction:column;gap:var(--space-10)}.system-steps__list:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-iron-red) 0%,rgba(var(--color-iron-red-rgb),.2) 100%)}@media(max-width:749px){.system-steps__list:before{left:19px}}.system-step{display:grid;grid-template-columns:56px 1fr;gap:var(--space-5);position:relative}@media(max-width:749px){.system-step{grid-template-columns:40px 1fr;gap:var(--space-3)}}.system-step__num{width:56px;height:56px;border-radius:50%;background-color:var(--color-iron-red);color:var(--color-mill);font-family:var(--font-iron-heading);font-weight:800;font-size:1.5rem;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 0 0 6px var(--color-drywall)}@media(max-width:749px){.system-step__num{width:40px;height:40px;font-size:1.125rem}}.system-step__body{background-color:var(--color-mill);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.system-step__heading-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.system-step__title{font-family:var(--font-iron-heading);font-weight:700;font-size:1.375rem;line-height:1.2;color:var(--color-forge);margin:0}.system-step__duration{font-family:var(--font-iron-mono);font-size:var(--size-small);color:var(--color-iron-red);font-weight:600}.system-step__description{font-family:var(--font-iron-body);color:var(--color-gantry);line-height:1.6}.system-step__description p{margin:0 0 var(--space-2)}.system-step__description p:last-child{margin-bottom:0}.system-step__image{margin-top:var(--space-2)}.system-step__image img{width:100%;height:auto;border-radius:var(--radius-sm);display:block}.system-step__tools{font-family:var(--font-iron-body);font-size:var(--size-small);color:var(--color-gantry)}.system-step__tools-label{font-weight:600;color:var(--color-forge);margin-right:var(--space-1)}.system-step__tools-list{display:inline;list-style:none;padding:0;margin:0}.system-step__tools-list li{display:inline}.system-step__tools-list li:not(:last-child):after{content:" \b7  ";color:var(--color-concrete)}.system-step__tools-list a{color:var(--color-iron-red);text-decoration:none}.system-step__tools-list a:hover{text-decoration:underline}.system-step__callout{border-left:3px solid;padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-family:var(--font-iron-body);font-size:.9375rem;line-height:1.55}.system-step__callout p{margin:0}.system-step__callout-label{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-iron-body);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:var(--size-caps);margin-bottom:var(--space-1)}.system-step__callout--tip{border-color:var(--color-iron-red);background-color:rgba(var(--color-iron-red-rgb),.04);color:var(--color-gantry)}.system-step__callout--tip .system-step__callout-label{color:var(--color-iron-red)}.system-step__callout--warning{border-color:var(--color-stock-low);background-color:rgba(var(--color-stock-low-rgb),.06);color:var(--color-gantry)}.system-step__callout--warning .system-step__callout-label{color:var(--color-stock-low)}.system-specs{background-color:var(--color-mill)}.system-specs__layout{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-12);align-items:start}@media(max-width:989px){.system-specs__layout{grid-template-columns:1fr;gap:var(--space-6)}}.system-specs__intro{position:sticky;top:var(--space-6)}@media(max-width:989px){.system-specs__intro{position:static}}.system-specs__table{margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--color-hairline)}.system-spec-row{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-hairline);align-items:baseline}@media(max-width:599px){.system-spec-row{grid-template-columns:1fr;gap:var(--space-1);padding:var(--space-3) 0}}.system-spec-row__label{font-family:var(--font-iron-body);font-weight:600;color:var(--color-forge);margin:0;display:inline-flex;align-items:center;gap:.4em}.system-spec-row__value{font-family:var(--font-iron-mono);font-weight:400;font-size:.9375rem;color:var(--color-gantry);margin:0;text-align:right}@media(max-width:599px){.system-spec-row__value{text-align:left}}.system-spec-row__tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help;color:var(--color-concrete)}.system-spec-row__tooltip-body{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background-color:var(--color-forge);color:var(--color-mill);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-iron-body);font-weight:400;font-size:var(--size-small);white-space:normal;max-width:220px;width:max-content;text-align:center;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);z-index:var(--z-dropdown)}.system-spec-row__tooltip:hover .system-spec-row__tooltip-body,.system-spec-row__tooltip:focus .system-spec-row__tooltip-body,.system-spec-row__tooltip:focus-within .system-spec-row__tooltip-body{opacity:1;transform:translate(-50%) translateY(0)}.system-faq{background-color:var(--color-drywall)}.system-faq__group{margin-bottom:var(--space-8)}.system-faq__group:last-child{margin-bottom:0}.system-faq__group-heading{font-family:var(--font-iron-body);font-weight:600;font-size:var(--size-caps);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-iron-red);margin:0 0 var(--space-3)}.system-faq__list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--color-hairline)}.system-faq__item{border-bottom:1px solid var(--color-hairline);background-color:var(--color-mill)}.system-faq__question{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);font-family:var(--font-iron-heading);font-weight:700;font-size:1.0625rem;color:var(--color-forge)}.system-faq__question::-webkit-details-marker{display:none}.system-faq__chev{flex-shrink:0;color:var(--color-iron-red);transition:transform var(--duration-base) var(--ease-out)}.system-faq__item[open] .system-faq__chev{transform:rotate(180deg)}.system-faq__answer{padding:0 var(--space-5) var(--space-5);font-family:var(--font-iron-body);color:var(--color-gantry);line-height:1.6}.system-faq__answer p{margin:0 0 var(--space-2)}.system-faq__answer p:last-child{margin-bottom:0}.system-related{background-color:var(--color-mill)}.system-related__grid{list-style:none;margin:var(--space-8) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:989px){.system-related__grid{grid-template-columns:1fr}}.system-card{display:flex;flex-direction:column;text-decoration:none;color:var(--color-forge);border:1px solid var(--color-hairline);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-mill);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.system-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(var(--color-forge-rgb),.08);border-color:var(--color-iron-red)}.system-card__media{display:block;aspect-ratio:16 / 9;background-color:var(--color-drywall);overflow:hidden}.system-card__media img{width:100%;height:100%;object-fit:cover;display:block}.system-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);flex:1}.system-card__title{font-family:var(--font-iron-heading);font-weight:700;font-size:1.25rem;line-height:1.25;color:var(--color-forge);margin:0}.system-card__tagline{font-family:var(--font-iron-body);color:var(--color-gantry);line-height:1.5;flex:1}.system-card__cta{font-family:var(--font-iron-body);font-weight:600;font-size:.9375rem;color:var(--color-iron-red);display:inline-flex;align-items:center;gap:.3rem;margin-top:var(--space-2);transition:gap var(--duration-fast) var(--ease-out)}.system-card:hover .system-card__cta{gap:.6rem}
/*# sourceMappingURL=/cdn/shop/t/12/assets/iron-link-system.css.map */