.catalog-page{padding-block: 24px 48px}.catalog-breadcrumbs{margin-bottom: 16px;color: var(--sd-muted);font-size: var(--sd-text-sm)}.catalog-breadcrumbs a{min-height: 44px;display: inline-flex;align-items: center}.catalog-search{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 8px;margin-bottom: 24px}.catalog-search label{grid-column: 1 / -1;font-size: var(--sd-text-sm);font-weight: 700} .catalog-search input, .catalog-filter input, .catalog-filter select{width: 100%;min-height: 46px;padding: 12px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-sm);background: var(--sd-white);color: var(--sd-ink)}.catalog-search button{min-width: 82px}.catalog-heading{margin-bottom: 24px}.catalog-heading h1{margin: 0 0 8px;font-size: var(--sd-text-3xl);line-height: 1.12;text-wrap: balance}.catalog-heading p{max-width: 66ch;margin: 0;color: var(--sd-muted)}.catalog-hero-media, .catalog-guide{position: relative;margin: 0 0 24px;overflow: hidden;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-md);background: var(--sd-rubber)}.catalog-hero-media img, .catalog-guide img{width: 100%;height: auto;display: block;object-fit: cover} .catalog-hero-media img{aspect-ratio: 2 / 1;max-height: clamp(140px, 24vh, 240px)}.catalog-guide img{aspect-ratio: 8 / 5}.catalog-hero-media figcaption, .catalog-guide figcaption, .catalog-generated-label{position: absolute;inset: auto 8px 8px auto;padding: 4px 8px;border-radius: 999px;background: var(--sd-white);color: var(--sd-muted);font-size: var(--sd-text-xs);font-weight: 700}.catalog-brands{margin-bottom: 16px}.catalog-brands h2{margin: 0 0 8px;font-size: var(--sd-text-lg)}.catalog-brand-list{display: flex;flex-wrap: wrap;gap: 8px}.catalog-brand{display: inline-flex;align-items: center;min-height: 36px;padding: 4px 12px;border: 1px solid var(--sd-border);border-radius: 999px;background: var(--sd-white);color: var(--sd-brand-deep);font-size: var(--sd-text-sm);font-weight: 700}.catalog-filter{display: grid;gap: 12px;margin-bottom: 24px;padding: 16px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-md);background: var(--sd-surface)}.catalog-filter__title{margin: 0;font-size: var(--sd-text-base)}.catalog-filter__field label{display: block;margin-bottom: 4px;color: var(--sd-muted);font-size: var(--sd-text-sm);font-weight: 700}.catalog-filter__submit{align-self: end} .catalog-filter__reset{align-self: end;color: var(--sd-muted);font-size: var(--sd-text-sm);font-weight: 700}.catalog-count{margin: 0 0 12px;color: var(--sd-muted);font-size: var(--sd-text-sm)}.catalog-grid{display: grid;gap: 16px}.catalog-card{display: grid;gap: 16px;padding: 16px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-md);background: var(--sd-surface);box-shadow: var(--sd-shadow-sm)}.catalog-card__media{position: relative;min-height: 176px;display: grid;place-items: center;border-radius: var(--sd-radius-sm);background: var(--sd-page);overflow: hidden}.catalog-card__media img{width: 100%;height: 190px;object-fit: contain}.catalog-card__placeholder{color: var(--sd-muted);font-size: var(--sd-text-sm);text-align: center}.catalog-card__placeholder::before{content: "SD";width: 76px;height: 76px;margin: 0 auto 8px;display: grid;place-items: center;border: 8px solid var(--sd-rubber);border-radius: 50%;color: var(--sd-brand-deep);font-size: var(--sd-text-lg);font-weight: 700}.catalog-card__brand{margin: 0 0 2px;color: var(--sd-brand-deep);font-size: var(--sd-text-sm);font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em} .catalog-card h2{margin: 0 0 4px;font-size: var(--sd-text-lg);line-height: 1.2;overflow-wrap: anywhere}.catalog-card h2 a{color: inherit;text-decoration-thickness: 1px;text-underline-offset: 3px}.catalog-card__size{margin: 0 0 8px;color: var(--sd-muted);font-weight: 700}.catalog-card__facts{display: flex;flex-wrap: wrap;gap: 4px;margin-bottom: 12px}.catalog-card__fact{padding: 4px 8px;border-radius: 999px;background: var(--sd-brand-soft);color: var(--sd-brand-deep);font-size: var(--sd-text-xs);font-weight: 700}.catalog-offers{display: grid;gap: 8px}.catalog-offer{padding: 12px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-sm)}.catalog-offer__point{margin: 0 0 8px;text-wrap: balance} .catalog-offer__price{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;margin-bottom: 8px;font-variant-numeric: tabular-nums}.catalog-offer__price strong{display: block;font-size: var(--sd-text-xl);line-height: 1.2}.catalog-offer__price span{display: block;color: var(--sd-muted);font-size: var(--sd-text-xs)}.catalog-offer__stock{margin: 0;font-weight: 700;font-variant-numeric: tabular-nums}.catalog-offer__meta{margin: 3px 0 0;color: var(--sd-muted);font-size: var(--sd-text-xs);font-variant-numeric: tabular-nums}.catalog-offer__today{margin: 4px 0 0;color: var(--sd-positive);font-weight: 700}.catalog-card__actions{display: grid;gap: 8px;margin-top: 12px}.catalog-empty{max-width: 46rem;padding: clamp(16px, 5vw, 32px);border: 1px solid var(--sd-border);border-radius: var(--sd-radius-md);background: var(--sd-surface);box-shadow: var(--sd-shadow-sm)}.catalog-empty h1{margin: 0 0 8px;font-size: var(--sd-text-3xl)}.catalog-empty p{margin: 0 0 16px;color: var(--sd-muted)} .catalog-faq{max-width: 46rem;margin-top: clamp(24px, 6vw, 48px)} .catalog-faq > h2{margin: 0 0 clamp(12px, 3vw, 16px);font-size: var(--sd-text-xl)}.catalog-faq__item{padding-block: clamp(12px, 3vw, 16px);border-top: 1px solid var(--sd-border)}.catalog-faq__item:last-child{border-bottom: 1px solid var(--sd-border)}.catalog-faq__question{margin: 0 0 4px;font-size: var(--sd-text-lg)}.catalog-faq__answer{margin: 0;max-width: 68ch;color: var(--sd-muted);line-height: 1.6} .product-hero{display: grid;gap: 16px;margin-bottom: 24px;grid-template-areas: "head" "media" "buy"}.product-hero__head{grid-area: head;min-width: 0}.product-hero__buy{grid-area: buy;min-width: 0}.product-hero__media{grid-area: media;position: relative; min-height: 0;display: grid;place-items: center;overflow: hidden;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-md);background: var(--sd-surface)}.product-hero__media img{width: 100%;max-height: 210px;object-fit: contain} .product-hero__media .ph{position: relative;width: 100%;margin: 0}.product-hero h1{margin: 0 0 12px;font-size: var(--sd-text-3xl);line-height: 1.1; text-wrap: balance;overflow-wrap: break-word} .product-hero__size{display: block;margin-top: 4px;color: var(--sd-muted);font-size: var(--sd-text-xl);font-variant-numeric: tabular-nums} .product-verdict{display: flex;flex-wrap: wrap;align-items: baseline;gap: 2px 8px;margin: 0 0 8px} .product-verdict__state{font-size: var(--sd-text-xl);font-weight: 700;line-height: 1.2} .product-verdict--ready .product-verdict__state{color: var(--sd-positive)}.product-verdict__where{color: var(--sd-muted);font-size: var(--sd-text-sm);font-weight: 700;font-variant-numeric: tabular-nums}.product-hero__actions{display: grid;gap: 8px;margin-top: 16px}.product-section, .product-order{margin-top: 16px;padding: clamp(16px, 5vw, 24px);border: 1px solid var(--sd-border);border-radius: var(--sd-radius-md);background: var(--sd-surface)}.product-section h2, .product-order h2{margin: 0 0 8px;font-size: var(--sd-text-2xl);text-wrap: balance} .product-section p, .product-order > p{max-width: 70ch;color: var(--sd-muted);text-wrap: pretty} .product-section form{display: grid;gap: 12px;margin-top: 16px}.product-section label{display: grid;gap: 4px;font-size: var(--sd-text-sm);font-weight: 700}.product-section input, .product-section select, .product-section textarea{width: 100%;max-width: 100%;min-height: 46px;padding: 12px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-sm);background: var(--sd-white);color: var(--sd-ink);font: inherit}.product-section textarea{min-height: 92px;resize: vertical}.product-section .button-secondary{min-height: 44px;justify-self: start;padding: 12px 16px;border: 1px solid var(--sd-control-border);border-radius: var(--sd-radius-action);background: var(--sd-surface);color: var(--sd-ink);font-weight: 700;cursor: pointer} .product-section .button-secondary:hover{border-color: var(--sd-ink)} .product-fulfilment__list{display: grid}.product-fulfilment__item{padding-block: 12px;border-top: 1px solid var(--sd-border)}.product-fulfilment__item:first-child{padding-top: 4px;border-top: 0}.product-fulfilment__item h3{margin: 0 0 4px;font-size: var(--sd-text-base)}.product-fulfilment__item p{margin: 0}.product-fulfilment__item p + p{margin-top: 8px} .product-fulfilment__methods{color: var(--sd-ink);font-weight: 700} .product-fulfilment__link a{min-height: 44px;display: inline-flex;align-items: center;font-weight: 700}.product-specs{margin: 0}.product-specs div{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 12px;padding: 8px 0;border-top: 1px solid var(--sd-border)}.product-specs dt{color: var(--sd-muted);overflow-wrap: break-word} .product-specs dd{margin: 0;font-weight: 700;font-variant-numeric: tabular-nums;overflow-wrap: break-word}.product-order form{display: grid;gap: 12px;margin-top: 16px}.product-order__fields{display: grid;gap: 12px}.product-order label{display: grid;gap: 4px;font-size: var(--sd-text-sm);font-weight: 700}.product-order__line{display: grid;gap: 12px}.product-order input, .product-order select, .product-order textarea{width: 100%;min-height: 46px;padding: 12px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-sm);background: var(--sd-white);color: var(--sd-ink);font: inherit}.product-order textarea{min-height: 92px;resize: vertical}.product-order__privacy{margin: 8px 0 0;color: var(--sd-muted);font-size: var(--sd-text-xs)}.honeypot{position: absolute !important;left: -9999px !important;width: 1px;height: 1px;opacity: 0} .product-sticky{position: fixed; inset: auto 0 calc(58px + env(safe-area-inset-bottom)) 0;z-index: 20;display: grid;grid-template-columns: minmax(0, auto) minmax(0, 1fr);align-items: center;gap: 12px;padding: 12px max(12px, env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom));border-top: 1px solid var(--sd-border);background: var(--sd-white);background: color-mix(in srgb, var(--sd-white) 94%, transparent);box-shadow: 0 -8px 24px rgba(12, 35, 64, 0.12)}.product-sticky__price{margin: 0;min-width: 0;font-variant-numeric: tabular-nums;line-height: 1.15}.product-sticky__price b{display: block;font-size: var(--sd-text-lg);white-space: nowrap}.product-sticky__price span{display: block;color: var(--sd-muted);font-size: var(--sd-text-xs)} .product-page{padding-bottom: calc(124px + env(safe-area-inset-bottom))} .product-page :where(a, button, input, select, textarea, summary, [tabindex]){scroll-margin-bottom: calc(var(--sd-sticky-bottom) + 72px)}.pick-results, .pick-selection, .pick-share{margin-top: 16px;padding: 16px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-md);background: var(--sd-surface)}.pick-results h2, .pick-selection h2, .pick-share h2{margin: 0 0 12px}.pick-checks{display: grid;gap: 8px;margin-bottom: 12px}.pick-check{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: 8px;align-items: center;min-height: 54px;padding: 12px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-sm);cursor: pointer}.pick-check input{width: 22px;height: 22px;accent-color: var(--sd-brand)}.pick-check span{display: grid}.pick-check small{color: var(--sd-muted)}.pick-selection__heading{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 8px;align-items: baseline}.pick-selection__heading span{color: var(--sd-muted);font-size: var(--sd-text-sm)}.pick-rows{display: grid;gap: 8px}.pick-row{display: grid;gap: 8px;padding: 12px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-sm)}.pick-row h3{margin: 0 0 3px}.pick-row p{margin: 0;color: var(--sd-muted);font-size: var(--sd-text-sm)}.pick-row > div:not(:first-child) strong, .pick-row > div:not(:first-child) span{display: block} .pick-row > div:not(:first-child) strong{font-size: var(--sd-text-lg);font-variant-numeric: tabular-nums}.pick-row > div:not(:first-child) span{color: var(--sd-muted);font-size: var(--sd-text-xs)}.pick-empty{margin: 0;color: var(--sd-muted)}.pick-share label{display: block;margin-bottom: 4px;font-size: var(--sd-text-xs);font-weight: 700}.pick-share input{width: 100%;min-height: 46px;padding: 12px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-sm);background: var(--sd-page)}.pick-share__actions{display: grid;gap: 8px;margin-top: 8px} .pick-share__status{display: block;min-height: 1.4em;margin-top: 8px;color: var(--sd-positive);font-size: var(--sd-text-sm);font-weight: 700;line-height: 1.4}@media (min-width: 42rem){.catalog-filter{grid-template-columns: repeat(3, minmax(0, 1fr)) auto;align-items: end}.catalog-filter__title{grid-column: 1 / -1}.catalog-card{grid-template-columns: 190px minmax(0, 1fr);padding: 16px}.catalog-card__media{align-self: start}.catalog-card__actions{grid-template-columns: 1fr 1.35fr} .product-hero{grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);grid-template-areas: "media head" "media buy";align-items: start}.product-hero__media{min-height: 280px}.product-hero__media img{max-height: 480px}.product-hero__actions, .product-order__fields{grid-template-columns: 1fr 1fr} .product-fulfilment__list{grid-template-columns: repeat(3, minmax(0, 1fr));column-gap: 24px}.product-fulfilment__item:first-child{padding-top: 12px;border-top: 1px solid var(--sd-border)} .product-order__line{grid-template-columns: minmax(0, 2fr) minmax(0, 1fr)}.pick-checks{grid-template-columns: repeat(2, minmax(0, 1fr))}.pick-row{grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(110px, 0.75fr));align-items: center}.pick-share__actions{grid-template-columns: 1fr 1fr}} @media (min-width: 48rem){.product-sticky{inset: auto 0 0}.product-page{padding-bottom: 112px}}@media (min-width: 68rem){.catalog-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}.catalog-card{grid-template-columns: 160px minmax(0, 1fr)}.catalog-card__media img{height: 170px}.product-sticky{display: none}.product-page{padding-bottom: 48px}.product-page :where(a, button, input, select, textarea, summary, [tabindex]){scroll-margin-bottom: var(--sd-sticky-bottom)}} .catalog-brand--out{color: var(--sd-muted);text-decoration: line-through}.catalog-filter select option:disabled{color: var(--sd-muted)}.catalog-alternatives{margin-top: clamp(16px, 4vw, 32px)}.catalog-alternatives h2{margin: 0 0 4px;font-size: var(--sd-text-xl)}.catalog-alternatives__lead{max-width: 60ch;margin: 0 0 16px;color: var(--sd-muted)}.catalog-alternatives__none{max-width: 60ch;margin: 16px 0 0;color: var(--sd-muted)} .catalog-filter__check{display: flex;align-items: center;gap: 8px;min-height: 44px}.catalog-filter__check input{width: 20px;height: 20px}.catalog-filter__check label{font-size: var(--sd-text-base)}.catalog-filter__reset{min-height: 44px;display: inline-flex;align-items: center;justify-content: center;color: var(--sd-muted);font-size: var(--sd-text-sm)}.catalog-card__why{margin: 8px 0 0;color: var(--sd-muted);font-size: var(--sd-text-sm)}.catalog-card__differs{margin: 4px 0 0;color: var(--sd-muted);font-size: var(--sd-text-sm)} .product-lists{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 12px;margin-top: 12px}.product-lists .button-secondary{min-height: 44px;padding: 12px 0;border: 0;background: none;color: var(--sd-muted);font-size: var(--sd-text-sm);font-weight: 700;text-decoration: underline;text-decoration-style: dotted;text-underline-offset: 4px;cursor: pointer} .product-lists .button-secondary:hover{color: var(--sd-ink);text-decoration-style: solid}.product-lists .button-secondary.is-marked{color: var(--sd-brand-deep);text-decoration-style: solid;text-decoration-thickness: 2px}.product-lists__open{min-height: 44px;display: inline-flex;align-items: center;font-size: var(--sd-text-sm)}.favourites-page .catalog-card__actions form{margin: 0}.favourites-page .catalog-card__actions button{min-height: 44px;width: 100%;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-sm);background: var(--sd-white);color: var(--sd-ink);font-weight: 700}.catalog-notice{margin-bottom: 24px;padding: 16px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-sm);background: var(--sd-surface)}.catalog-notice h2{margin: 0 0 8px;font-size: var(--sd-text-lg)}.catalog-notice p{margin: 0 0 8px;color: var(--sd-muted)}.catalog-notice ul{margin: 0;padding-left: 16px}.catalog-note{margin-top: 24px;color: var(--sd-muted);font-size: var(--sd-text-sm)} .season-chip{display: inline-flex;align-items: center;gap: 4px;padding: 2px 12px;border-radius: 999px;background: var(--sd-surface-hover);color: var(--sd-ink);font-size: var(--sd-text-sm);font-weight: 700;line-height: 1.55;white-space: nowrap} .season-chip::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: currentColor;flex: none}.season-chip--summer{background: var(--sd-season-summer-soft)}.season-chip--summer::before{background: var(--sd-season-summer)}.season-chip--winter{background: var(--sd-season-winter-soft)}.season-chip--winter::before{background: var(--sd-season-winter)}.season-chip--all-season{background: var(--sd-season-all-soft)}.season-chip--all-season::before{background: var(--sd-season-all)}