:root {
	--theme-font-family: Arial, Helvetica, sans-serif;
	--sam-red: #ef2529;
	--sam-red-dark: #cf191e;
	--sam-ink: #202327;
	--sam-black: #151719;
	--sam-muted: #606b78;
	--sam-page: #f4f5f6;
	--sam-white: #ffffff;
	--sam-border: #dfe2e5;
}

/* Extend the existing palette to the clean store's cart and checkout blocks. */
.woocommerce-cart .entry-content, .woocommerce-checkout .entry-content { padding-block: 28px; }
.woocommerce-cart .wc-block-components-sidebar, .woocommerce-checkout .wc-block-components-sidebar,
.woocommerce .cart_totals, .woocommerce-checkout #order_review {
	padding: 24px; border: 1px solid var(--sam-border); border-radius: 7px 7px 18px 7px; background: var(--sam-white);
}
.wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control__input {
	border-color: var(--sam-border); border-radius: 7px;
}
.wc-block-components-button:not(.is-link):hover,
.woocommerce button.button.alt:hover { background: var(--sam-red-dark) !important; }
.woocommerce a:focus-visible, .wc-block-components-button:focus-visible { outline: 2px solid var(--sam-red); outline-offset: 3px; }

html { scroll-behavior: smooth; }
body { margin: 0; background: var(--sam-white); color: var(--sam-ink); font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5; }
body *, body *::before, body *::after { box-sizing: border-box; }
body h1, body h2, body h3, body h4, body h5, body h6, body input, body button, body textarea, body select { font-family: Arial, Helvetica, sans-serif !important; }
a { color: inherit; }
img { max-width: 100%; }
.salealex-shell, .ct-container { width: min(1480px, calc(100% - 48px)); margin-inline: auto; }
.salealex-skip-link { position: fixed; z-index: 9999; top: 5px; left: 5px; padding: 10px 14px; background: var(--sam-red); color: #fff; transform: translateY(-150%); }
.salealex-skip-link:focus { transform: none; }
.salealex-eyebrow { margin: 0 0 22px; color: var(--sam-red); font-size: 14px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.salealex-lead { color: var(--sam-muted); font-size: clamp(18px, 1.4vw, 22px); line-height: 1.65; }

/* Header */
.salealex-site-header { position: relative; z-index: 100; }
.salealex-utility-bar { min-height: 38px; background: var(--sam-black); color: #fff; font-size: 14px; }
.salealex-utility-bar__inner { display: flex; min-height: 38px; align-items: center; justify-content: space-between; }
.salealex-utility-bar__inner div { display: flex; align-items: center; gap: 7px; }
.salealex-utility-bar a { color: #fff; text-decoration: none; }
.salealex-main-header { background: var(--sam-ink); color: #fff; }
.salealex-main-header__inner { display: grid; min-height: 105px; grid-template-columns: auto minmax(420px, 1fr) auto; align-items: center; gap: 36px; }
.salealex-logo { color: #fff; font-size: 36px; font-weight: 800; letter-spacing: -2px; line-height: 1; text-decoration: none; white-space: nowrap; }
.salealex-logo strong { color: var(--sam-red); }
.salealex-product-search { display: grid; height: 66px; grid-template-columns: 1fr 130px; overflow: hidden; border: 3px solid #fff; border-radius: 11px; background: #fff; }
.salealex-product-search:focus-within { border-color: #ff6a6d; }
.salealex-product-search input, .salealex-product-search button { min-width: 0; margin: 0; border: 0; font: inherit; }
.salealex-product-search input { padding: 0 22px; outline: 0; color: var(--sam-ink); font-size: 18px; }
.salealex-product-search button { border-radius: 8px; background: var(--sam-red); color: #fff; font-size: 18px; font-weight: 800; cursor: pointer; }
.salealex-product-search button:hover, .salealex-product-search button:focus-visible { background: var(--sam-red-dark); }
.salealex-account-links { display: flex; align-items: center; gap: 34px; }
.salealex-account-links > a { position: relative; display: flex; flex-direction: column; color: #fff; font-size: 13px; line-height: 1.25; text-decoration: none; white-space: nowrap; }
.salealex-account-links strong { margin-top: 3px; font-size: 15px; }
.salealex-account-links > a:focus-visible { outline: 2px solid #fff; outline-offset: 6px; }
.salealex-cart-link { flex-direction: row !important; align-items: center; gap: 10px; }
.salealex-cart-count { display: grid; min-width: 28px; height: 28px; padding: 0 7px; place-items: center; border-radius: 50%; background: var(--sam-red); color: #fff; font-size: 12px; font-weight: 800; }
.salealex-secondary-nav { min-height: 63px; border-bottom: 1px solid var(--sam-border); background: #fff; }
.salealex-secondary-nav__inner { display: flex; min-height: 63px; align-items: stretch; }
.salealex-secondary-nav a { display: inline-flex; align-items: center; padding: 0 28px; color: #111; font-size: 17px; font-weight: 700; text-decoration: none; }
.salealex-secondary-nav a:hover, .salealex-secondary-nav a:focus-visible { color: var(--sam-red); }
.salealex-secondary-nav .salealex-all-link { gap: 17px; min-width: 248px; justify-content: center; background: var(--sam-red); color: #fff; font-size: 18px; }
.salealex-all-link span { font-size: 23px; }
.salealex-secondary-nav .salealex-offers-link { margin-left: auto; color: var(--sam-red); }
.salealex-mobile-nav { display: none; }

/* Hero */
.salealex-brand-home { overflow: hidden; }
.salealex-hero { background: linear-gradient(90deg, #f6f7f8 0 50%, #fff2ed 100%); }
.salealex-hero__inner { display: grid; min-height: 585px; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 76px; }
.salealex-hero__copy { padding: 72px 0 62px; }
.salealex-hero__copy h1 { max-width: 680px; margin: 0; font-size: clamp(66px, 5.35vw, 98px); font-weight: 400; letter-spacing: -.065em; line-height: 1.02; }
.salealex-hero__copy .salealex-lead { max-width: 720px; margin: 34px 0 38px; }
.salealex-button-row { display: flex; flex-wrap: wrap; gap: 14px; }
.salealex-button { display: inline-flex; min-height: 62px; align-items: center; justify-content: center; padding: 15px 27px; border: 1px solid transparent; border-radius: 9px; font-size: 18px; font-weight: 800; text-decoration: none; }
.salealex-button--primary { background: var(--sam-red); color: #fff; }
.salealex-button--primary:hover, .salealex-button--primary:focus-visible { background: var(--sam-red-dark); color: #fff; }
.salealex-button--secondary { border-color: #d1d6da; background: #fff; color: #111; }
.salealex-button--secondary:hover, .salealex-button--secondary:focus-visible { border-color: var(--sam-red); color: var(--sam-red); }
.salealex-hero-art { align-self: end; height: 498px; padding-top: 38px; }
.salealex-hero-art__frame { position: relative; height: 100%; overflow: hidden; border-radius: 42px 12px 0 0; background: #202327; box-shadow: 0 28px 55px rgba(31,35,39,.13); }
.salealex-hero-art__frame::before { position: absolute; inset: 27px; border: 1px solid #3b4045; border-radius: 28px; content: ""; }
.salealex-hero-art__frame > strong { position: absolute; z-index: 2; top: 30px; left: 35px; color: #fff; font-size: 15px; letter-spacing: .08em; }
.salealex-hero-art__card { position: absolute; display: flex; flex-direction: column; justify-content: flex-end; background: #fff; }
.salealex-hero-art__card b { font-size: 19px; }
.salealex-hero-art__card small { margin-top: 7px; color: var(--sam-muted); font-size: 15px; }
.salealex-hero-art__card--main { top: 92px; right: 55px; width: 62%; height: 315px; padding: 31px; border-radius: 38px; }
.salealex-art-dot { position: absolute; top: 31px; left: 50%; width: 138px; height: 138px; border-radius: 50%; background: radial-gradient(circle at 43% 38%, #fff 0 8px, #f7a49c 9px 45px, var(--sam-red) 46px 70px, #b70d16 71px 100%); transform: translateX(-50%); }
.salealex-hero-art__card--small { z-index: 3; bottom: 16px; left: 45px; width: 42%; height: 187px; padding: 25px; border-radius: 10px 34px 10px 34px; box-shadow: 12px 12px 32px rgba(0,0,0,.1); }
.salealex-art-handle { position: absolute; top: 34px; left: 50%; width: 66px; height: 72px; border: 12px solid var(--sam-red); border-top-left-radius: 36px; border-top-right-radius: 36px; transform: translateX(-50%) rotate(-7deg); }

/* Benefits */
.salealex-benefits { border-block: 1px solid var(--sam-border); background: #fff; }
.salealex-benefits__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.salealex-benefits__grid > div { display: flex; min-height: 150px; flex-direction: column; justify-content: center; padding: 25px 30px; border-right: 1px solid var(--sam-border); }
.salealex-benefits__grid > div:first-child { border-left: 1px solid var(--sam-border); }
.salealex-benefits strong { margin-bottom: 6px; font-size: 17px; }
.salealex-benefits span { color: var(--sam-muted); }

/* Categories */
.salealex-categories { padding: 105px 0 124px; background: var(--sam-page); }
.salealex-section-intro { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 100px; margin-bottom: 70px; }
.salealex-section-intro h2, .salealex-selection h2, .salealex-service h2 { margin: 0; font-size: clamp(48px, 4vw, 67px); font-weight: 400; letter-spacing: -.055em; line-height: 1.04; }
.salealex-section-intro > p { max-width: 550px; margin: 0 0 5px; color: var(--sam-muted); font-size: 20px; line-height: 1.7; }
.salealex-category-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.salealex-category-card { position: relative; display: flex; min-height: 286px; flex-direction: column; justify-content: flex-end; padding: 37px; overflow: hidden; border-radius: 27px 7px 27px 7px; color: #fff; text-decoration: none; }
.salealex-category-card > strong { position: relative; z-index: 2; font-size: 29px; }
.salealex-category-card > span:not(.salealex-category-card__letter) { position: relative; z-index: 2; margin-top: 8px; font-size: 17px; }
.salealex-category-card__letter { position: absolute; top: -52px; right: 12px; color: rgba(255,255,255,.12); font-size: 250px; font-weight: 800; line-height: 1; }
.salealex-category-card i { position: absolute; right: 38px; bottom: 38px; display: grid; width: 45px; height: 45px; place-items: center; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; font-size: 21px; font-style: normal; transition: transform .2s ease; }
.salealex-category-card:hover i, .salealex-category-card:focus-visible i { transform: translateX(5px); }
.salealex-category-card--red { background: linear-gradient(100deg, #d01b20, #f13b3f); }
.salealex-category-card--graphite { background: linear-gradient(100deg, #2d3035, #50545b); }
.salealex-category-card--clay { background: linear-gradient(100deg, #9b4639, #c46150); }
.salealex-category-card--slate { background: linear-gradient(100deg, #454a52, #777d86); }

/* Selection */
.salealex-selection { padding: 120px 0 95px; background: #fff; }
.salealex-selection__grid { display: grid; grid-template-columns: .76fr 1.24fr; align-items: center; gap: 110px; }
.salealex-selection-art { position: relative; min-height: 590px; overflow: hidden; border-radius: 42px 8px 42px 8px; background: var(--sam-ink); color: #fff; }
.salealex-selection-art::before { position: absolute; inset: 53px; border: 1px solid #44494f; border-radius: 34px; content: ""; }
.salealex-selection-art span { position: absolute; z-index: 2; top: 235px; left: 58px; font-size: clamp(58px, 5vw, 82px); font-weight: 800; letter-spacing: -.055em; line-height: .95; }
.salealex-selection-art i { position: absolute; right: -75px; top: -85px; width: 285px; height: 285px; border: 2px solid var(--sam-red); border-radius: 50%; }
.salealex-selection-art b { position: absolute; bottom: -85px; left: -65px; width: 230px; height: 230px; border-radius: 50%; background: var(--sam-red); }
.salealex-selection__copy > .salealex-lead { max-width: 800px; margin: 36px 0 38px; }
.salealex-process-list { margin: 0; padding: 0; border-top: 1px solid var(--sam-border); list-style: none; }
.salealex-process-list li { display: grid; min-height: 108px; grid-template-columns: 70px 1fr; align-items: center; border-bottom: 1px solid var(--sam-border); }
.salealex-process-list li > span { color: var(--sam-red); font-weight: 800; }
.salealex-process-list strong { font-size: 19px; }
.salealex-process-list p { margin: 4px 0 0; color: var(--sam-muted); }

/* Offer and service */
.salealex-offers { padding: 70px 0 105px; background: #fff; }
.salealex-offers__panel { position: relative; display: flex; min-height: 400px; align-items: center; justify-content: space-between; padding: 65px 75px; overflow: hidden; border-radius: 5px 55px 5px 55px; background: linear-gradient(100deg, #ca171d, #ff4b4c); color: #fff; }
.salealex-offers__panel > div:first-child { position: relative; z-index: 2; max-width: 900px; }
.salealex-offers .salealex-eyebrow { color: #fff; }
.salealex-offers h2 { margin: 0; font-size: clamp(48px, 4.4vw, 74px); font-weight: 400; letter-spacing: -.055em; line-height: 1.05; }
.salealex-offers__panel p:last-child { max-width: 810px; margin: 30px 0 0; font-size: 19px; line-height: 1.65; }
.salealex-percent { position: absolute; top: -90px; right: 95px; color: rgba(255,255,255,.1); font-size: 320px; font-weight: 800; line-height: 1; }
.salealex-button--light { z-index: 2; min-width: 250px; margin: 170px 0 0 45px; background: #fff; color: var(--sam-red-dark); }
.salealex-button--light:hover, .salealex-button--light:focus-visible { background: var(--sam-ink); color: #fff; }
.salealex-service { padding: 118px 0 125px; background: var(--sam-page); }
.salealex-service h2 { margin-bottom: 55px; }
.salealex-service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.salealex-service-grid article { display: flex; min-height: 240px; flex-direction: column; justify-content: space-between; padding: 30px 27px; border: 1px solid var(--sam-border); border-radius: 7px 7px 18px 7px; background: #fff; }
.salealex-service-grid article > span { color: var(--sam-red); font-size: 13px; font-weight: 800; }
.salealex-service-grid h3 { margin: 0 0 10px; font-size: 19px; }
.salealex-service-grid p { margin: 0; color: var(--sam-muted); font-size: 13px; line-height: 1.65; }

/* Footer */
.salealex-site-footer { padding-top: 62px; background: var(--sam-ink); color: #fff; }
.salealex-footer-grid { display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); gap: 80px; padding: 0 0 75px; }
.salealex-footer-grid .salealex-logo { display: inline-block; margin-bottom: 25px; font-size: 28px; }
.salealex-footer-intro p { max-width: 300px; color: #c7d0db; font-size: 13px; line-height: 1.7; }
.salealex-footer-grid h2 { margin: 0 0 20px; color: #fff; font-size: 14px; }
.salealex-footer-grid a:not(.salealex-logo) { display: block; width: fit-content; margin: 13px 0; color: #d7e0ea; font-size: 13px; text-decoration: none; }
.salealex-footer-grid a:hover { color: #fff; text-decoration: underline; }
.salealex-footer-bottom { display: flex; min-height: 67px; align-items: center; justify-content: space-between; border-top: 1px solid #41464c; color: #aebac7; font-size: 11px; }

/* WooCommerce / Blocksy */
body:not(.home) .site-main, body:not(.home) main#main { background: var(--sam-page); }
.post-type-archive-product .site-main, .tax-product_cat .site-main, .tax-product_tag .site-main { min-height: 520px; padding-block: 70px 95px; }
.post-type-archive-product .woocommerce-products-header, .tax-product_cat .woocommerce-products-header, .tax-product_tag .woocommerce-products-header { position: relative; margin-bottom: 42px; padding: 45px 48px; overflow: hidden; border-radius: 5px 35px 5px 35px; background: var(--sam-ink); color: #fff; }
.post-type-archive-product .woocommerce-products-header::after, .tax-product_cat .woocommerce-products-header::after, .tax-product_tag .woocommerce-products-header::after { position: absolute; top: -95px; right: -45px; width: 240px; height: 240px; border: 2px solid var(--sam-red); border-radius: 50%; content: ""; }
.woocommerce-products-header__title.page-title { position: relative; z-index: 2; margin: 0; color: #fff; font-size: clamp(42px, 4vw, 64px); font-weight: 400; letter-spacing: -.055em; line-height: 1.05; }
.woocommerce-products-header .term-description { position: relative; z-index: 2; max-width: 650px; margin-top: 18px; color: #d6dce2; font-size: 16px; }
.woocommerce .woocommerce-breadcrumb { margin-bottom: 24px; color: var(--sam-muted); font-size: 13px; }
.woocommerce .woocommerce-breadcrumb a { color: var(--sam-red); text-decoration: none; }
.woocommerce .woocommerce-result-count { margin: 12px 0 30px; color: var(--sam-muted); }
.woocommerce .woocommerce-ordering { margin: 0 0 30px; }
.woocommerce .woocommerce-ordering select { min-height: 44px; padding: 8px 38px 8px 14px; border: 1px solid var(--sam-border); border-radius: 7px; background: #fff; color: var(--sam-ink); }
.woocommerce ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { position: relative; display: flex; width: auto !important; min-width: 0; flex-direction: column; margin: 0 !important; padding: 12px 12px 16px; overflow: hidden; border: 1px solid var(--sam-border); border-radius: 5px 5px 18px 5px; background: #fff; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.woocommerce ul.products li.product:hover { border-color: #c4c9ce; box-shadow: 0 14px 34px rgba(24,28,32,.08); transform: translateY(-3px); }
.woocommerce ul.products li.product a.woocommerce-loop-product__link { color: var(--sam-ink); text-decoration: none; }
.woocommerce ul.products li.product img { width: 100%; aspect-ratio: 1; margin: 0 0 15px; object-fit: contain; background: #f7f8f9; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { display: -webkit-box; min-height: 48px; margin: 0; overflow: hidden; color: var(--sam-ink); font-size: 16px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.woocommerce ul.products li.product .price { margin: 10px 0 14px; color: var(--sam-ink); font-size: 20px; font-weight: 800; }
.woocommerce ul.products li.product .price del { color: var(--sam-muted); font-size: 13px; font-weight: 400; }
.woocommerce ul.products li.product .button { display: flex; min-height: 44px; align-items: center; justify-content: center; margin-top: auto; padding: 10px 14px; text-align: center; }
.woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce button.button.alt, .wc-block-components-button:not(.is-link) { border-radius: 7px; background: var(--sam-red) !important; color: #fff !important; font-weight: 800; }
.woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .button:focus-visible { background: var(--sam-red-dark) !important; }
.woocommerce span.onsale { background: var(--sam-red); color: #fff; }
.woocommerce nav.woocommerce-pagination { margin-top: 45px; }
.woocommerce nav.woocommerce-pagination ul { overflow: hidden; border: 1px solid var(--sam-border); border-radius: 7px; background: #fff; }
.woocommerce nav.woocommerce-pagination ul li { border-color: var(--sam-border); }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--sam-red); color: #fff; }
.woocommerce-info, .woocommerce-message { border-top: 3px solid var(--sam-red); background: #fff; color: var(--sam-ink); }
.woocommerce-shop .site-main > .ct-container, .post-type-archive-product .site-main > .ct-container { min-height: 320px; }
.wp-block-woocommerce-coming-soon { position: relative; display: flex; min-height: 430px; flex-direction: column; align-items: center; justify-content: center; padding: 85px 24px; overflow: hidden; background: var(--sam-page) !important; text-align: center; }
.wp-block-woocommerce-coming-soon::before { margin-bottom: 20px; color: var(--sam-red); font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; content: "SORTIMENT IN VORBEREITUNG"; }
.wp-block-woocommerce-coming-soon::after { position: absolute; top: -135px; right: max(4vw, calc((100% - 1184px) / 2)); width: 300px; height: 300px; border: 2px solid rgba(239,37,41,.2); border-radius: 50%; content: ""; }
.wp-block-woocommerce-coming-soon .wp-block-heading { position: relative; z-index: 2; margin: 0; color: var(--sam-ink); font-family: Arial, Helvetica, sans-serif !important; font-size: clamp(42px, 4vw, 64px); font-weight: 400; letter-spacing: -.055em; line-height: 1.05; }
.wp-block-woocommerce-coming-soon .wp-block-paragraph { position: relative; z-index: 2; max-width: 680px; margin: 25px auto 0; color: var(--sam-muted); font-family: Arial, Helvetica, sans-serif !important; font-size: 17px; line-height: 1.65; }

@media (max-width: 1200px) {
	.salealex-main-header__inner { grid-template-columns: auto 1fr auto; gap: 20px; }
	.salealex-account-links { gap: 18px; }
	.salealex-account-links > a:nth-child(2) { display: none; }
	.salealex-secondary-nav a { padding-inline: 18px; }
	.salealex-hero__inner { gap: 35px; }
	.salealex-selection__grid { gap: 60px; }
	.salealex-offers__panel { padding-inline: 50px; }
	.woocommerce ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
	.salealex-shell, .ct-container { width: min(100% - 30px, 720px); }
	.salealex-utility-bar__inner > span { display: none; }
	.salealex-utility-bar__inner { justify-content: flex-end; }
	.salealex-main-header__inner { min-height: 88px; grid-template-columns: 1fr auto; padding-block: 14px; }
	.salealex-logo { font-size: 29px; }
	.salealex-product-search { height: 52px; grid-column: 1 / 3; grid-row: 2; grid-template-columns: 1fr 100px; }
	.salealex-product-search input, .salealex-product-search button { font-size: 15px; }
	.salealex-account-links { display: none; }
	.salealex-mobile-nav { display: block; }
	.salealex-mobile-nav summary { display: grid; width: 44px; height: 44px; place-content: center; gap: 5px; cursor: pointer; list-style: none; }
	.salealex-mobile-nav summary::-webkit-details-marker { display: none; }
	.salealex-mobile-nav summary span { display: block; width: 24px; height: 2px; background: #fff; }
	.salealex-mobile-nav > div { position: absolute; top: 73px; right: 15px; z-index: 20; width: min(330px, calc(100vw - 30px)); padding: 16px; border-radius: 10px; background: #fff; box-shadow: 0 18px 42px rgba(0,0,0,.2); }
	.salealex-mobile-nav a { display: block; padding: 10px; border-bottom: 1px solid var(--sam-border); color: var(--sam-ink); font-weight: 700; text-decoration: none; }
	.salealex-secondary-nav { display: none; }
	.salealex-hero__inner { min-height: auto; grid-template-columns: 1fr; gap: 15px; }
	.salealex-hero__copy { padding: 65px 0 25px; }
	.salealex-hero__copy h1 { font-size: clamp(55px, 11vw, 78px); }
	.salealex-hero-art { height: 430px; }
	.salealex-benefits__grid { grid-template-columns: repeat(2, 1fr); }
	.salealex-benefits__grid > div { min-height: 120px; border-bottom: 1px solid var(--sam-border); }
	.salealex-section-intro { grid-template-columns: 1fr; gap: 28px; }
	.salealex-category-card { min-height: 230px; }
	.salealex-selection__grid { grid-template-columns: 1fr; }
	.salealex-selection-art { min-height: 500px; }
	.salealex-offers__panel { display: block; padding: 55px 38px; }
	.salealex-button--light { margin: 35px 0 0; }
	.salealex-service-grid { grid-template-columns: 1fr; }
	.salealex-service-grid article { min-height: 190px; }
	.salealex-footer-grid { grid-template-columns: repeat(2, 1fr); gap: 45px; }
	.woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.post-type-archive-product .site-main, .tax-product_cat .site-main, .tax-product_tag .site-main { padding-block: 45px 70px; }
	.post-type-archive-product .woocommerce-products-header, .tax-product_cat .woocommerce-products-header, .tax-product_tag .woocommerce-products-header { padding: 36px 30px; }
}

@media (max-width: 560px) {
	.salealex-shell, .ct-container { width: calc(100% - 28px); }
	.salealex-utility-bar { display: none; }
	.salealex-product-search { grid-template-columns: 1fr 82px; }
	.salealex-product-search input { padding-inline: 13px; }
	.salealex-hero { background: linear-gradient(180deg, #f6f7f8 0 58%, #fff2ed 100%); }
	.salealex-hero__copy { padding-top: 48px; }
	.salealex-hero__copy h1 { font-size: 52px; }
	.salealex-hero__copy .salealex-lead { margin-block: 25px; font-size: 17px; }
	.salealex-button-row { display: grid; }
	.salealex-button { min-height: 54px; width: 100%; font-size: 16px; }
	.salealex-hero-art { height: 360px; }
	.salealex-hero-art__card--main { right: 25px; width: 70%; height: 245px; }
	.salealex-hero-art__card--small { left: 25px; width: 52%; height: 150px; }
	.salealex-art-dot { width: 105px; height: 105px; }
	.salealex-benefits__grid { grid-template-columns: 1fr; }
	.salealex-benefits__grid > div { min-height: 100px; border-left: 1px solid var(--sam-border); }
	.salealex-categories, .salealex-selection, .salealex-service { padding-block: 75px; }
	.salealex-section-intro h2, .salealex-selection h2, .salealex-service h2 { font-size: 43px; }
	.salealex-category-grid { grid-template-columns: 1fr; }
	.salealex-category-card { min-height: 205px; padding: 27px; }
	.salealex-category-card i { right: 25px; bottom: 25px; }
	.salealex-selection-art { min-height: 430px; }
	.salealex-selection-art span { top: 180px; left: 35px; font-size: 54px; }
	.salealex-selection-art::before { inset: 30px; }
	.salealex-process-list li { grid-template-columns: 48px 1fr; }
	.salealex-offers { padding-block: 50px 75px; }
	.salealex-offers__panel { padding: 42px 25px; border-radius: 5px 30px 5px 30px; }
	.salealex-offers h2 { font-size: 43px; }
	.salealex-offers__panel p:last-child { font-size: 16px; }
	.salealex-percent { right: -10px; font-size: 230px; }
	.salealex-footer-grid { grid-template-columns: 1fr; gap: 30px; }
	.salealex-footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; gap: 5px; }
	.woocommerce ul.products { grid-template-columns: 1fr; }
	.woocommerce-products-header__title.page-title { font-size: 40px; }
	.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { float: none; width: 100%; }
	.woocommerce .woocommerce-ordering select { width: 100%; }
	.wp-block-woocommerce-coming-soon { min-height: 390px; padding-inline: 28px; }
	.wp-block-woocommerce-coming-soon::after { right: -150px; }
	.wp-block-woocommerce-coming-soon .wp-block-heading { font-size: 42px; }
	.wp-block-woocommerce-coming-soon .wp-block-paragraph { font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.salealex-category-card i { transition: none; }
}

/* Desktop optical scale: the reference layout uses an approximately 1180px canvas. */
@media (min-width: 901px) {
	.salealex-shell, .ct-container { width: min(1184px, calc(100% - 38px)); }
	.salealex-eyebrow { margin-bottom: 18px; font-size: 11px; }
	.salealex-lead { font-size: clamp(15px, 1.12vw, 18px); }

	.salealex-utility-bar, .salealex-utility-bar__inner { min-height: 30px; }
	.salealex-utility-bar { font-size: 11px; }
	.salealex-main-header__inner { min-height: 84px; gap: 29px; }
	.salealex-logo { font-size: 29px; letter-spacing: -1.6px; }
	.salealex-product-search { height: 53px; grid-template-columns: 1fr 104px; border-width: 2px; border-radius: 9px; }
	.salealex-product-search input { padding-inline: 18px; font-size: 15px; }
	.salealex-product-search button { font-size: 15px; }
	.salealex-account-links { gap: 27px; }
	.salealex-account-links > a { font-size: 10px; }
	.salealex-account-links strong { margin-top: 2px; font-size: 12px; }
	.salealex-cart-link { gap: 8px; }
	.salealex-cart-count { min-width: 22px; height: 22px; padding-inline: 6px; font-size: 10px; }
	.salealex-secondary-nav, .salealex-secondary-nav__inner { min-height: 50px; }
	.salealex-secondary-nav a { padding-inline: 22px; font-size: 14px; }
	.salealex-secondary-nav .salealex-all-link { min-width: 198px; gap: 14px; font-size: 15px; }
	.salealex-all-link span { font-size: 18px; }

	.salealex-hero__inner { min-height: 468px; gap: 61px; }
	.salealex-hero__copy { padding: 58px 0 50px; }
	.salealex-hero__copy h1 { max-width: 544px; font-size: clamp(53px, 4.28vw, 78px); }
	.salealex-hero__copy .salealex-lead { max-width: 576px; margin: 27px 0 30px; }
	.salealex-button-row { gap: 11px; }
	.salealex-button { min-height: 50px; padding: 12px 22px; border-radius: 7px; font-size: 15px; }
	.salealex-hero-art { height: 398px; padding-top: 30px; }
	.salealex-hero-art__frame { border-radius: 34px 10px 0 0; }
	.salealex-hero-art__frame::before { inset: 22px; border-radius: 22px; }
	.salealex-hero-art__frame > strong { top: 24px; left: 28px; font-size: 12px; }
	.salealex-hero-art__card b { font-size: 15px; }
	.salealex-hero-art__card small { margin-top: 6px; font-size: 12px; }
	.salealex-hero-art__card--main { top: 74px; right: 44px; height: 252px; padding: 25px; border-radius: 30px; }
	.salealex-art-dot { top: 25px; width: 110px; height: 110px; }
	.salealex-hero-art__card--small { bottom: 13px; left: 36px; height: 150px; padding: 20px; }
	.salealex-art-handle { top: 27px; width: 53px; height: 58px; border-width: 10px; }

	.salealex-benefits__grid > div { min-height: 120px; padding: 20px 24px; }
	.salealex-benefits strong { margin-bottom: 5px; font-size: 14px; }
	.salealex-benefits span { font-size: 13px; }

	.salealex-categories { padding: 84px 0 99px; }
	.salealex-section-intro { gap: 80px; margin-bottom: 56px; }
	.salealex-section-intro h2, .salealex-selection h2, .salealex-service h2 { font-size: clamp(38px, 3.2vw, 54px); }
	.salealex-section-intro > p { max-width: 440px; font-size: 16px; }
	.salealex-category-grid { gap: 16px; }
	.salealex-category-card { min-height: 229px; padding: 30px; border-radius: 22px 6px 22px 6px; }
	.salealex-category-card > strong { font-size: 23px; }
	.salealex-category-card > span:not(.salealex-category-card__letter) { margin-top: 6px; font-size: 14px; }
	.salealex-category-card__letter { top: -42px; font-size: 200px; }
	.salealex-category-card i { right: 30px; bottom: 30px; width: 36px; height: 36px; font-size: 17px; }

	.salealex-selection { padding: 96px 0 76px; }
	.salealex-selection__grid { gap: 88px; }
	.salealex-selection-art { min-height: 472px; border-radius: 34px 6px 34px 6px; }
	.salealex-selection-art::before { inset: 42px; border-radius: 27px; }
	.salealex-selection-art span { top: 188px; left: 46px; font-size: clamp(46px, 4vw, 66px); }
	.salealex-selection-art i { right: -60px; top: -68px; width: 228px; height: 228px; }
	.salealex-selection-art b { bottom: -68px; left: -52px; width: 184px; height: 184px; }
	.salealex-selection__copy > .salealex-lead { max-width: 640px; margin: 29px 0 30px; }
	.salealex-process-list li { min-height: 86px; grid-template-columns: 56px 1fr; }
	.salealex-process-list strong { font-size: 15px; }
	.salealex-process-list p { font-size: 13px; }

	.salealex-offers { padding: 56px 0 84px; }
	.salealex-offers__panel { min-height: 320px; padding: 52px 60px; border-radius: 4px 44px 4px 44px; }
	.salealex-offers__panel > div:first-child { max-width: 720px; }
	.salealex-offers h2 { font-size: clamp(38px, 3.52vw, 59px); }
	.salealex-offers__panel p:last-child { max-width: 648px; margin-top: 24px; font-size: 15px; }
	.salealex-percent { top: -72px; right: 76px; font-size: 256px; }
	.salealex-button--light { min-width: 200px; margin: 136px 0 0 36px; }
	.salealex-service { padding: 94px 0 100px; }
	.salealex-service h2 { margin-bottom: 44px; }
	.salealex-service-grid { gap: 16px; }
	.salealex-service-grid article { min-height: 192px; padding: 24px 22px; }
	.salealex-service-grid h3 { margin-bottom: 8px; font-size: 15px; }
	.salealex-service-grid p, .salealex-service-grid article > span { font-size: 10px; }

	.salealex-site-footer { padding-top: 50px; }
	.salealex-footer-grid { gap: 64px; padding-bottom: 60px; }
	.salealex-footer-grid .salealex-logo { margin-bottom: 20px; font-size: 22px; }
	.salealex-footer-intro p { max-width: 240px; font-size: 10px; }
	.salealex-footer-grid h2 { margin-bottom: 16px; font-size: 11px; }
	.salealex-footer-grid a:not(.salealex-logo) { margin: 10px 0; font-size: 10px; }
	.salealex-footer-bottom { min-height: 54px; font-size: 9px; }
}