/*
 * Ahsan Tekstil — wholesale children's clothing. Tasteful, soft and calm: warm paper
 * background, ink-navy text, coral accent, pastel tones for categories (blush, sky, butter,
 * mint), rounded display type. Light and dark; RTL through logical properties; no inline
 * styles (CSP). Unlayered: wins over the framework kit (@layer onelab).
 */
:root {
  --ah-blush: #f8e3dc;
  --ah-sky: #dde9f3;
  --ah-butter: #f6edcf;
  --ah-mint: #dcefe6;
  --ah-paper: #fffdf9;
  --ah-ink-soft: #5b6275;
  --ah-radius-lg: 22px;
  --ah-shadow: 0 1px 2px rgb(43 52 82 / .06), 0 12px 30px -16px rgb(43 52 82 / .25);
  --ui-weight-display: 750;
  --ui-tracking-display: -0.02em;
}
:root[data-theme="dark"] {
  --ah-blush: #3a2a2a;
  --ah-sky: #222f3d;
  --ah-butter: #36321f;
  --ah-mint: #1f3330;
  --ah-paper: #171b28;
  --ah-ink-soft: #aab1c3;
  --ah-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 12px 30px -16px rgb(0 0 0 / .7);
}
@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] {
    --ah-blush: #3a2a2a;
    --ah-sky: #222f3d;
    --ah-butter: #36321f;
    --ah-mint: #1f3330;
    --ah-paper: #171b28;
    --ah-ink-soft: #aab1c3;
    --ah-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 12px 30px -16px rgb(0 0 0 / .7);
  }
}

body.ah { background: var(--ui-bg); }
.ah h1, .ah h2, .ah h3, .ah-display, .ah-display-sm { font-family: var(--ui-font-display); letter-spacing: var(--ui-tracking-display); }
.ah h1 { font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.3rem); line-height: 1.15; margin: 0 0 .4rem; }
.ah h2 { font-size: 1.25rem; margin: 0 0 .75rem; }
.ah-section { padding-block: clamp(1.5rem, 1rem + 2.5vw, 3.5rem); }
.ah-narrow { max-inline-size: 52rem; }
.ah-center { text-align: center; }
.ah-eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: .72rem; font-weight: 700; color: var(--ui-accent); margin: 0 0 .5rem; }
.ah-lead { font-size: 1.1rem; color: var(--ah-ink-soft); max-inline-size: 38rem; }
.ah-linkbtn { background: none; border: 0; padding: .5rem .75rem; color: inherit; font: inherit; cursor: pointer; inline-size: 100%; text-align: start; border-radius: 10px; }
.ah-linkbtn:hover { background: var(--ui-surface-2); }

/* header */
.ah-brand { display: inline-flex; align-items: center; gap: .55rem; font-family: var(--ui-font-display); font-weight: 750; }
.ah-mark { border-radius: 9px; }
.ah-logo { block-size: 32px; inline-size: auto; }
.ah-announce { background: var(--ui-primary); color: var(--ui-on-primary); font-size: .88rem; padding-block: .45rem; text-align: center; }
.ah-currency-select { min-block-size: 2.1rem; padding-block: .2rem; padding-inline: .5rem 1.6rem; font-size: .85rem; inline-size: auto; }
.ah-cart-link { position: relative; }
.ah-cart-badge { position: absolute; inset-block-start: -2px; inset-inline-end: -4px; background: var(--ui-accent); color: var(--ui-on-accent); }
.ah-menu { position: relative; }
.ah-menu > summary { list-style: none; }
.ah-menu > summary::-webkit-details-marker { display: none; }
.ah-menu-panel { position: absolute; inset-inline-end: 0; inset-block-start: calc(100% + .4rem); min-inline-size: 15rem; padding: .4rem; z-index: var(--ui-z-dropdown); display: grid; gap: .1rem; }
.ah-menu-panel a { padding: .55rem .75rem; border-radius: 10px; color: inherit; text-decoration: none; }
.ah-menu-panel a:hover { background: var(--ui-surface-2); }
.ah-menu-head { padding: .5rem .75rem .6rem; margin: 0; border-block-end: 1px solid var(--ui-line); display: grid; gap: .3rem; }

/* hero */
.ah-hero { background: linear-gradient(180deg, var(--ah-blush) 0%, var(--ui-bg) 100%); overflow: hidden; }
.ah-hero-inner { display: grid; gap: 2rem; align-items: center; padding-block: clamp(2rem, 1rem + 4vw, 4.5rem); }
@media (min-width: 60rem) { .ah-hero-inner { grid-template-columns: 1.1fr .9fr; } }
.ah-display { font-size: clamp(2.1rem, 1.3rem + 3.4vw, 3.8rem); line-height: 1.04; margin: 0 0 1rem; font-weight: 800; }
.ah-display-sm { font-size: clamp(1.7rem, 1.2rem + 2vw, 2.6rem); line-height: 1.1; }
.ah-hero-facts { list-style: none; padding: 0; margin: 2rem 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: .75rem; }
.ah-hero-facts li { background: var(--ah-paper); border-radius: 16px; padding: .85rem 1rem; box-shadow: var(--ah-shadow); display: grid; gap: .15rem; }
.ah-hero-facts span { color: var(--ah-ink-soft); font-size: .88rem; }
.ah-hero-art { position: relative; margin: 0; }
.ah-hero-art img { inline-size: 100%; block-size: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 42% 42% var(--ah-radius-lg) var(--ah-radius-lg) / 30% 30% var(--ah-radius-lg) var(--ah-radius-lg); box-shadow: var(--ah-shadow); max-block-size: 34rem; }
.ah-doodle { position: absolute; z-index: 1; fill: var(--ui-accent); opacity: .85; }
.ah-doodle-star { inline-size: 2.6rem; inset-block-start: 6%; inset-inline-start: -4%; }
.ah-doodle-cloud { inline-size: 5rem; inset-block-end: 8%; inset-inline-end: -3%; fill: var(--ah-sky); opacity: 1; filter: drop-shadow(0 6px 12px rgb(43 52 82 / .15)); }

/* sections */
.ah-section-head, .ah-page-head { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; justify-content: space-between; margin-block-end: 1.25rem; }
.ah-section-head h2 { margin: 0; font-size: 1.6rem; }
.ah-band { background: var(--ah-paper); border-block: 1px solid var(--ui-line); }
.ah-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); gap: 1rem; }
.ah-cat { position: relative; display: grid; align-content: end; min-block-size: 13rem; border-radius: var(--ah-radius-lg); overflow: hidden; padding: 1rem; color: var(--ui-ink); text-decoration: none; isolation: isolate; }
.ah-cat img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; z-index: -2; transition: transform var(--ui-dur-4) var(--ui-ease-out); }
.ah-cat::before { content: ""; position: absolute; inset: auto 0 0 0; block-size: 62%; z-index: -1; background: linear-gradient(0deg, var(--tone) 35%, transparent); }
.ah-cat:hover img { transform: scale(1.05); }
.ah-tone-0 { --tone: var(--ah-blush); } .ah-tone-1 { --tone: var(--ah-sky); } .ah-tone-2 { --tone: var(--ah-butter); } .ah-tone-3 { --tone: var(--ah-mint); }
.ah-cat-name { font-family: var(--ui-font-display); font-weight: 750; font-size: 1.15rem; }
.ah-cat-count { font-size: .85rem; color: var(--ah-ink-soft); }

/* product cards */
.ah-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); gap: 1.25rem; }
.ah-card { background: var(--ah-paper); border-radius: var(--ah-radius-lg); overflow: hidden; box-shadow: var(--ah-shadow); display: grid; grid-template-rows: auto 1fr; transition: transform var(--ui-dur-3) var(--ui-ease-out); }
.ah-card:hover { transform: translateY(-3px); }
.ah-card-media { position: relative; display: block; aspect-ratio: 4 / 5; background: var(--ah-blush); }
.ah-card-media img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.ah-tag { position: absolute; inset-block-start: .7rem; font-size: .72rem; font-weight: 700; padding: .25rem .6rem; border-radius: 999px; }
.ah-tag-new { inset-inline-start: .7rem; background: var(--ui-accent); color: var(--ui-on-accent); }
.ah-tag-stock { inset-inline-end: .7rem; background: var(--ah-mint); color: #1f5a46; }
.ah-card-body { padding: .9rem 1rem 1.1rem; display: grid; gap: .3rem; align-content: start; }
.ah-card-code { font-size: .72rem; letter-spacing: .08em; color: var(--ah-ink-soft); margin: 0; font-weight: 600; }
.ah-card-title { font-size: 1.02rem; margin: 0; line-height: 1.3; }
.ah-card-title a { color: inherit; text-decoration: none; }
.ah-card-meta { margin: 0; font-size: .85rem; color: var(--ah-ink-soft); display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
.ah-swatches { display: inline-flex; gap: 3px; }
.ah-swatches svg circle, .ah-sw circle { stroke: rgb(0 0 0 / .15); stroke-width: 1; }
.ah-price { margin: .2rem 0 0; display: flex; flex-wrap: wrap; gap: .3rem .5rem; align-items: baseline; }
.ah-price b { font-size: 1.05rem; }
.ah-price-lg b { font-size: 1.5rem; }
.ah-price-series { font-size: .82rem; color: var(--ah-ink-soft); }
.ah-price-hidden { font-size: .88rem; color: var(--ui-accent); font-weight: 600; text-decoration: none; }

/* filters */
.ah-filters { display: grid; gap: .6rem; grid-template-columns: 1fr; margin-block-end: 1rem; }
@media (min-width: 48rem) { .ah-filters { grid-template-columns: 2fr 1fr 1fr 1fr auto; } }
.ah-chips { display: flex; gap: .5rem; overflow-x: auto; padding-block-end: .3rem; margin-block-end: 1.25rem; scrollbar-width: thin; }
.ah-chips .ui-chip { white-space: nowrap; }
.ah-dealer-note { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; align-items: center; margin-block-end: 1.25rem; }
.ah-crumbs { font-size: .85rem; color: var(--ah-ink-soft); margin-block-end: 1rem; }
.ah-crumbs a { color: inherit; }

/* product page */
.ah-product { display: grid; gap: 2rem; }
@media (min-width: 60rem) { .ah-product { grid-template-columns: 1.05fr .95fr; align-items: start; } }
.ah-gallery-main { margin: 0; border-radius: var(--ah-radius-lg); overflow: hidden; background: var(--ah-blush); aspect-ratio: 4 / 5; }
.ah-gallery-main img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.ah-thumbs { display: flex; gap: .5rem; margin-block-start: .6rem; overflow-x: auto; }
.ah-thumb { border: 2px solid transparent; border-radius: 12px; padding: 0; overflow: hidden; background: none; cursor: pointer; flex: none; }
.ah-thumb[aria-current="true"] { border-color: var(--ui-primary); }
.ah-thumb img { display: block; inline-size: 4.5rem; block-size: 5.6rem; object-fit: cover; }
.ah-product-title { font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem); }
.ah-desc { color: var(--ah-ink-soft); }
.ah-specs { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: .6rem; margin: 1.25rem 0; }
.ah-specs > div { background: var(--ah-paper); border: 1px solid var(--ui-line); border-radius: 14px; padding: .6rem .8rem; }
.ah-specs dt { font-size: .74rem; color: var(--ah-ink-soft); text-transform: uppercase; letter-spacing: .06em; }
.ah-specs dd { margin: .15rem 0 0; font-weight: 600; }
.ah-rules { display: flex; flex-wrap: wrap; gap: .4rem; margin-block-end: 1rem; }
.ah-tiers { border-collapse: collapse; margin-block: .5rem 1rem; min-inline-size: 16rem; }
.ah-tiers caption { text-align: start; font-weight: 700; padding-block-end: .3rem; }
.ah-tiers th, .ah-tiers td { padding: .35rem .7rem; border-block-end: 1px solid var(--ui-line); text-align: start; }
.ah-share { display: flex; gap: .5rem; flex-wrap: wrap; }
.ah-order-box { margin-block-start: 2.5rem; background: var(--ah-paper); border-radius: var(--ah-radius-lg); padding: clamp(1rem, .6rem + 1.5vw, 2rem); box-shadow: var(--ah-shadow); }
.ah-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ah-matrix { border-collapse: separate; border-spacing: 0; inline-size: 100%; }
.ah-matrix th, .ah-matrix td { padding: .5rem .5rem; border-block-end: 1px solid var(--ui-line); text-align: start; vertical-align: middle; }
.ah-matrix thead th { font-size: .82rem; font-weight: 700; }
.ah-matrix thead small, .ah-matrix th small { display: block; font-weight: 500; color: var(--ah-ink-soft); font-size: .76rem; }
.ah-matrix tbody th { font-weight: 600; white-space: nowrap; }
.ah-matrix tbody th .ah-sw { vertical-align: -3px; margin-inline-end: .35rem; }
.ah-qty { inline-size: 5.2rem; text-align: center; }
.ah-matrix-sm .ah-qty { inline-size: 4.3rem; }
.ah-num { text-align: end !important; font-variant-numeric: tabular-nums; }
.ah-stock { display: block; font-weight: 500; color: #2e7d5b; font-size: .74rem; }
.ah-free { margin-block-start: 1rem; }
.ah-free summary { cursor: pointer; font-weight: 600; }
.ah-matrix-foot, .ah-sticky-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; margin-block-start: 1.25rem; }
.ah-sticky-foot { position: sticky; inset-block-end: 0; background: color-mix(in oklab, var(--ui-bg) 90%, transparent); backdrop-filter: blur(8px); padding: .8rem 0; border-block-start: 1px solid var(--ui-line); z-index: 5; }
.ah-summary { margin: 0; font-size: 1.05rem; }

/* quick order */
.ah-quick-search input { min-inline-size: min(100%, 18rem); }
.ah-quick { display: grid; gap: .9rem; }
.ah-quick-row { display: grid; gap: 1rem; grid-template-columns: 4.5rem 1fr; background: var(--ah-paper); border-radius: 18px; padding: .8rem; box-shadow: var(--ah-shadow); }
.ah-quick-row .ah-table-wrap { grid-column: 1 / -1; }
@media (min-width: 64rem) { .ah-quick-row { grid-template-columns: 4.5rem 16rem 1fr; } .ah-quick-row .ah-table-wrap { grid-column: auto; } }
.ah-quick-row[hidden] { display: none; }
.ah-quick-thumb img { inline-size: 4.5rem; block-size: 5.6rem; object-fit: cover; border-radius: 12px; }
.ah-quick-info h2 { font-size: 1rem; margin: 0; }
.ah-quick-info h2 a { color: inherit; text-decoration: none; }

/* basket, checkout */
.ah-cart { display: grid; gap: 1.5rem; }
@media (min-width: 64rem) { .ah-cart { grid-template-columns: 1fr 22rem; align-items: start; } .ah-cart-summary { position: sticky; inset-block-start: calc(var(--ui-header-h) + 1rem); } }
.ah-cart-groups { display: grid; gap: 1rem; }
.ah-cart-group { padding: 1rem; }
.ah-cart-group-head { display: grid; grid-template-columns: 4rem 1fr auto; gap: 1rem; align-items: center; margin-block-end: .75rem; }
.ah-cart-group-head img { inline-size: 4rem; block-size: 5rem; object-fit: cover; border-radius: 10px; }
.ah-cart-group-head h2 { font-size: 1.02rem; margin: 0; }
.ah-cart-group-head h2 a { color: inherit; text-decoration: none; }
.ah-lines, .ah-table { inline-size: 100%; border-collapse: collapse; font-size: .92rem; }
.ah-lines th, .ah-lines td, .ah-table th, .ah-table td { padding: .55rem .5rem; border-block-end: 1px solid var(--ui-line); text-align: start; }
.ah-lines thead th, .ah-table thead th { font-size: .78rem; color: var(--ah-ink-soft); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.ah-inline-qty { display: inline-flex; gap: .3rem; }
.ah-cart-summary, .ah-form-card { padding: 1.25rem; display: grid; gap: .9rem; align-content: start; }
.ah-totals { margin: 0; display: grid; gap: .35rem; }
.ah-totals > div { display: flex; justify-content: space-between; gap: 1rem; }
.ah-totals dt { color: var(--ah-ink-soft); }
.ah-totals dd { margin: 0; font-variant-numeric: tabular-nums; }
.ah-totals .ah-grand { border-block-start: 1px solid var(--ui-line); padding-block-start: .5rem; font-weight: 750; font-size: 1.12rem; }
.ah-totals .ah-grand dt { color: inherit; }
.ah-tight { margin-block: .5rem; }
.ah-checkout { display: grid; gap: 1.25rem; }
@media (min-width: 64rem) { .ah-checkout { grid-template-columns: 1fr 22rem; } .ah-checkout > aside { grid-row: 1 / span 2; grid-column: 2; align-self: start; position: sticky; inset-block-start: calc(var(--ui-header-h) + 1rem); } }
.ah-fields { display: grid; gap: .9rem; grid-template-columns: 1fr; }
@media (min-width: 40rem) { .ah-fields { grid-template-columns: 1fr 1fr; } .ah-fields .ah-wide { grid-column: 1 / -1; } }
.ah-mini-lines { list-style: none; padding: 0; margin: 0; display: grid; gap: .35rem; font-size: .88rem; }
.ah-mini-lines li { display: flex; justify-content: space-between; gap: .75rem; }
.ah-accept { font-size: .9rem; }

/* orders */
.ah-status { display: inline-block; font-size: .74rem; font-weight: 700; padding: .2rem .6rem; border-radius: 999px; background: var(--ui-surface-2); color: var(--ui-ink-2); vertical-align: middle; letter-spacing: .02em; }
.ah-status-new, .ah-status-pending { background: var(--ah-butter); color: #6d5410; }
.ah-status-reviewing { background: var(--ah-sky); color: #23476a; }
.ah-status-approved, .ah-status-delivered { background: var(--ah-mint); color: #1f5a46; }
.ah-status-in_production, .ah-status-ready { background: var(--ah-blush); color: #8a3d2a; }
.ah-status-shipped { background: #e4e0f7; color: #45338a; }
.ah-status-cancelled, .ah-status-rejected, .ah-status-suspended { background: #f6dede; color: #9b2c2c; }
:root[data-theme="dark"] .ah-status-new, :root[data-theme="dark"] .ah-status-pending, :root[data-theme="dark"] .ah-status-reviewing,
:root[data-theme="dark"] .ah-status-approved, :root[data-theme="dark"] .ah-status-delivered, :root[data-theme="dark"] .ah-status-in_production,
:root[data-theme="dark"] .ah-status-ready, :root[data-theme="dark"] .ah-status-shipped { color: var(--ui-ink); }
.ah-progress { list-style: none; padding: 0; margin: 1rem 0 1.5rem; display: grid; grid-template-columns: repeat(7, 1fr); gap: .3rem; counter-reset: s; }
.ah-progress li { display: grid; gap: .4rem; justify-items: center; text-align: center; font-size: .75rem; color: var(--ah-ink-soft); }
.ah-progress i { inline-size: 100%; block-size: 6px; border-radius: 99px; background: var(--ui-line); }
.ah-progress li.is-done i { background: var(--ui-primary); }
.ah-progress li[aria-current="step"] span { color: var(--ui-ink); font-weight: 700; }
.ah-progress.is-cancelled { opacity: .45; }
@media (max-width: 40rem) { .ah-progress span { display: none; } .ah-progress li[aria-current="step"] span { display: block; grid-column: 1; } }
.ah-order-grid { display: grid; gap: 1.25rem; }
@media (min-width: 64rem) { .ah-order-grid { grid-template-columns: 1fr 22rem; align-items: start; } }
.ah-order-grid > .ui-card, .ah-order-side > .ui-card { padding: 1.1rem; }
.ah-order-side { display: grid; gap: 1rem; }
.ah-kv { margin: 0; display: grid; gap: .35rem; }
.ah-kv > div { display: flex; justify-content: space-between; gap: 1rem; }
.ah-kv dt { color: var(--ah-ink-soft); }
.ah-kv dd { margin: 0; }
.ah-timeline { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.ah-timeline li { position: relative; padding-inline-start: 1.2rem; display: grid; }
.ah-timeline li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: .4rem; inline-size: .55rem; block-size: .55rem; border-radius: 50%; background: var(--ui-line-strong); }
.ah-timeline li.is-done::before { background: var(--ui-good); }
.ah-timeline p { margin: .1rem 0 0; }
.ah-docs { list-style: none; padding: 0; margin: 0; display: grid; gap: .45rem; }
.ah-docs li { display: flex; justify-content: space-between; gap: .5rem; }
.ah-dealer-state { border-radius: 16px; padding: 1rem 1.2rem; margin-block: 1rem; background: var(--ah-butter); }
.ah-dealer-state.is-approved { background: var(--ah-mint); }
.ah-dealer-state.is-rejected, .ah-dealer-state.is-suspended { background: #f6dede; color: #6d1f1f; }
.ah-dealer-state p { margin: .4rem 0 0; }

/* steps, info pages */
.ah-steps { list-style: none; padding: 0; margin: 1.5rem 0 2rem; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
.ah-steps li { background: var(--ui-bg); border-radius: var(--ah-radius-lg); padding: 1.2rem; border: 1px solid var(--ui-line); }
.ah-steps b { display: inline-grid; place-items: center; inline-size: 2.2rem; block-size: 2.2rem; border-radius: 50%; background: var(--ah-blush); color: var(--ui-primary); font-family: var(--ui-font-display); }
.ah-steps li:nth-child(2) b { background: var(--ah-sky); } .ah-steps li:nth-child(3) b { background: var(--ah-butter); } .ah-steps li:nth-child(4) b { background: var(--ah-mint); }
.ah-steps h3 { margin: .7rem 0 .3rem; font-size: 1.05rem; }
.ah-steps p { margin: 0; color: var(--ah-ink-soft); font-size: .92rem; }
.ah-steps-col { grid-template-columns: 1fr; }
.ah-split { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 60rem) { .ah-split { grid-template-columns: 1.2fr .8fr; } }
.ah-rounded { inline-size: 100%; block-size: auto; border-radius: var(--ah-radius-lg); aspect-ratio: 4 / 5; object-fit: cover; }
.ah-values { list-style: none; padding: 0; margin: 2.5rem 0 0; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
.ah-values li { background: var(--ah-paper); border-radius: 18px; padding: 1.2rem; box-shadow: var(--ah-shadow); }
.ah-values h3 { margin: 0 0 .4rem; font-size: 1.05rem; }
.ah-values p { margin: 0; color: var(--ah-ink-soft); }
.ah-faq details { border-block-end: 1px solid var(--ui-line); padding-block: .8rem; }
.ah-faq summary { cursor: pointer; font-weight: 650; }
.ah-contact-cards { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); margin-block-start: 1.5rem; }
.ah-contact-cards .ui-card { padding: 1.2rem; }
.ah-error-code { font-family: var(--ui-font-display); font-size: 4rem; font-weight: 800; color: var(--ui-accent); margin: 0; }

/* contact strip, WhatsApp button */
.ah-contact-strip { background: var(--ah-paper); border-block-start: 1px solid var(--ui-line); }
.ah-contact-inner { display: flex; flex-wrap: wrap; gap: 1rem 2rem; justify-content: space-between; align-items: center; padding-block: 1.5rem; }
.ah-contact-inner p { margin: 0; }
.ah-contact-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.ah-wa-float { position: fixed; inset-inline-end: 1rem; inset-block-end: calc(1rem + var(--ui-safe-bottom)); z-index: 40; inline-size: 3.25rem; block-size: 3.25rem; border-radius: 50%; display: grid; place-items: center; background: #25d366; color: #fff; box-shadow: 0 8px 24px -8px rgb(0 0 0 / .45); }
.ah-wa-float:hover { transform: scale(1.05); }
@media print { .ah-wa-float { display: none; } }

/* printable catalogue */
.ah-print { background: #fff; color: #1f2433; }
.ah-print-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; padding: 1.5rem; border-block-end: 3px solid var(--ui-primary); }
.ah-print-brand { font-family: var(--ui-font-display); font-weight: 800; font-size: 1.3rem; color: var(--ui-primary); margin: 0; }
.ah-print-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 1rem; padding: 1.5rem; }
.ah-print-item { display: grid; grid-template-columns: 6.5rem 1fr; gap: .8rem; break-inside: avoid; border: 1px solid #e5e1da; border-radius: 12px; padding: .6rem; }
.ah-print-item img { inline-size: 6.5rem; block-size: 8.1rem; object-fit: cover; border-radius: 8px; }
.ah-print-item h2 { font-size: .98rem; margin: 0 0 .3rem; }
.ah-print-item p { margin: .15rem 0; }
.ah-print-foot { padding: 0 1.5rem 1.5rem; }
@media print {
  .ah-noprint { display: none !important; }
  .ah-print-grid { grid-template-columns: repeat(3, 1fr); padding: 0; }
  .ah-print-head { padding: 0 0 .8rem; }
  @page { size: A4; margin: 12mm; }
}