.section-header{display:grid;gap:var(--space-3);margin-bottom:var(--space-7)}.section-header__top{display:flex;align-items:end;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}.section-header--center{text-align:center;max-width:64ch;margin-inline:auto}.section-header--center .section-header__top{flex-direction:column;align-items:center}.section-header__title{font-size:var(--text-3xl);font-weight:var(--type-heading-weight);line-height:var(--type-line-tight);letter-spacing:var(--type-heading-tracking)}.section-header__lead{color:var(--color-muted);font-size:var(--text-md);line-height:var(--type-line-snug);max-width:56ch}.section-header--center .section-header__lead{margin-inline:auto}.section-header__cta{flex-shrink:0;white-space:nowrap}.split-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center}@media(min-width:768px){.split-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.split-grid--6-4{grid-template-columns:6fr 4fr}.split-grid--4-6{grid-template-columns:4fr 6fr}.split-grid--reverse>.split-grid__media{order:2}}.split-grid__media{position:relative;border-radius:var(--radius-image);overflow:hidden}.split-grid__content{display:grid;gap:var(--space-4);align-content:center;padding-block:var(--space-3)}@media(min-width:1024px){.split-grid__content{padding-inline:var(--space-5)}}@media(min-width:1024px){.split-grid--bleed-left .split-grid__media{margin-left:calc(-1 * var(--container-pad));border-top-left-radius:0;border-bottom-left-radius:0}.split-grid--bleed-right .split-grid__media{margin-right:calc(-1 * var(--container-pad));border-top-right-radius:0;border-bottom-right-radius:0}}.product-card{display:grid;gap:var(--space-3);text-decoration:none;color:var(--color-fg);position:relative}.product-card__media{position:relative;aspect-ratio:var(--product-image-ratio);overflow:hidden;border-radius:var(--radius-image);background:linear-gradient(135deg,color-mix(in srgb,var(--color-border) 65%,var(--color-surface)),color-mix(in srgb,var(--color-border) 35%,var(--color-surface)))}.product-card__media img,.product-card__media picture{width:100%;height:100%;object-fit:cover;transition:opacity .38s var(--ease-out),transform .6s var(--ease-out)}.product-card__media-hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .38s var(--ease-out)}@media(hover:hover){.product-card:hover .product-card__media-hover{opacity:1}.product-card:hover .product-card__media-primary{opacity:0}.product-card:hover .product-card__media img{transform:scale(1.015)}}.product-card__badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-1);z-index:2}.product-card__body{display:grid;gap:var(--space-1)}.product-card__title{font-size:var(--text-base);font-weight:500;line-height:var(--type-line-snug);color:var(--color-fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-card__price{font-size:var(--text-sm);color:var(--color-fg);display:flex;align-items:baseline;gap:var(--space-2);font-variant-numeric:tabular-nums}.product-card__price .price--sale{color:var(--color-sale);font-weight:600}.product-card__price .price--compare{text-decoration:line-through;color:var(--color-muted);font-weight:400;font-size:var(--text-xs)}.product-card__swatches{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1)}.product-card__swatches .swatch{width:16px;height:16px}.product-card__swatches-more{font-size:var(--text-xs);color:var(--color-muted);margin-left:var(--space-1)}.quick-add{position:absolute;bottom:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding-inline:var(--space-3);background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;z-index:2;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out);opacity:1}.quick-add:hover{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.quick-add--disabled{background:color-mix(in srgb,var(--color-fg) 6%,var(--color-bg));color:var(--color-muted);cursor:not-allowed;pointer-events:none}.quick-add--options .quick-add__icon{transition:transform var(--dur-base) var(--ease-out)}.quick-add--options:hover .quick-add__icon{transform:translate(2px)}@media(hover:hover)and (min-width:768px){.quick-add{opacity:0;transform:translateY(4px);pointer-events:none}.product-card:hover .quick-add,.product-card:focus-within .quick-add{opacity:1;transform:none;pointer-events:auto}}.quick-add[data-state=loading]{pointer-events:none}.quick-add[data-state=loading] .quick-add__icon{display:none}.quick-add[data-state=loading]:after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.quick-add[data-state=success]{background:var(--color-success);color:var(--color-bg);border-color:var(--color-success)}.quick-add[data-state=success] .quick-add__label:after{content:" \2713"}.quick-add[data-state=error]{background:var(--color-error);color:var(--color-bg);border-color:var(--color-error)}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);will-change:opacity,transform}[data-reveal][data-revealed]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}.section--surface{background:var(--color-surface)}.section--dark{background:var(--color-fg);color:var(--color-bg)}.section--dark .text-muted{color:color-mix(in srgb,var(--color-bg) 60%,transparent)}.section--dark .btn--outline{color:var(--color-bg);border-color:var(--color-bg)}.section--dark .btn--outline:hover{background:var(--color-bg);color:var(--color-fg)}.scroll-rail{display:grid;grid-auto-flow:column;grid-auto-columns:70%;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--container-pad);padding-inline:var(--container-pad);margin-inline:calc(-1 * var(--container-pad));scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroll-rail::-webkit-scrollbar{display:none}.scroll-rail>*{scroll-snap-align:start}@media(min-width:640px){.scroll-rail{grid-auto-columns:44%}}@media(min-width:1024px){.scroll-rail{grid-auto-columns:unset;grid-auto-flow:row;overflow-x:visible;scroll-snap-type:none;padding-inline:0;margin-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/sections.css.map */