/* Urban Roo Atelier production CSS bundle. Generated from the reviewed modular sources. */

/* === typography.css === */
@font-face {
  font-family: "Urban Roo Editorial";
  src: url("../fonts/urban-roo-editorial-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Urban Roo Sans";
  src: url("../fonts/urban-roo-sans-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: "Urban Roo Editorial Fallback";
  src: local("Georgia");
  size-adjust: 93.88%;
  ascent-override: 103.6%;
  descent-override: 33.5%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Urban Roo Sans Fallback";
  src: local("Arial");
  size-adjust: 92.18%;
  ascent-override: 100%;
  descent-override: 32.6%;
  line-gap-override: 0%;
}

:root {
  --ur-serif: "Urban Roo Editorial", "Urban Roo Editorial Fallback", Georgia, "Times New Roman", serif;
  --ur-sans: "Urban Roo Sans", "Urban Roo Sans Fallback", Arial, Helvetica, sans-serif;
}


/* === tokens.css === */
:root {
    --ur-ink: #121212;
    --ur-paper: #f7f5f0;
    --ur-white: #fff;
    --ur-soft: #ece8df;
    --ur-muted: #5f5c55;
    --ur-line: rgb(18 18 18 / 14%);
    --ur-accent: #8e5f50;
    --ur-serif: "Urban Roo Editorial", "Urban Roo Editorial Fallback", Georgia, "Times New Roman", serif;
    --ur-sans: "Urban Roo Sans", "Urban Roo Sans Fallback", Arial, Helvetica, sans-serif;
    --ur-shell: min(92vw, 95rem);
    --ur-header: 4.875rem;
    --ur-announcement: 2rem;
    --ur-control: 2.75rem;
    --ur-text-xs: 0.7rem;
    --ur-text-sm: 0.78rem;
    --ur-text-md: 1rem;
    --ur-space-section: clamp(5rem, 8vw, 9rem);
    --ur-ease: cubic-bezier(.2, .7, .2, 1);
}


/* === base.css === */
*, *::before, *::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; overflow-x: clip; }
  body {
    margin: 0;
    overflow-wrap: break-word;
    background: var(--ur-paper);
    color: var(--ur-ink);
    font-family: var(--ur-sans);
    font-size: 16px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
  }
  body.is-panel-open { overflow: hidden; }
  img, picture, svg, video { display: block; max-inline-size: 100%; }
  img { block-size: auto; }
  a { color: inherit; text-decoration: none; }
  button, input, select, textarea { font: inherit; }
  button, [type="button"], [type="submit"], select { min-block-size: var(--ur-control); }
  :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
  }
  h1, h2, h3, p { overflow-wrap: anywhere; }
  .screen-reader-text {
    position: absolute !important;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .screen-reader-text:focus, .skip-link:focus {
    inline-size: auto;
    block-size: auto;
    clip: auto;
    inset-block-start: .625rem;
    inset-inline-start: .625rem;
    z-index: 9999;
    padding: .75rem 1rem;
    background: var(--ur-white);
    color: var(--ur-ink);
  }


/* === layout.css === */
.site-shell { inline-size: var(--ur-shell); margin-inline: auto; min-inline-size: 0; }
  .site-shell-narrow { inline-size: min(90vw, 56rem); margin-inline: auto; }
  .section-space { padding-block: var(--ur-space-section); }
  .section-space--tight-top { padding-block-start: 1rem; }

  .site-header {
    position: sticky;
    inset-block-start: 0;
    z-index: 80;
    block-size: var(--ur-header);
    background: rgb(247 245 240 / 94%);
    backdrop-filter: blur(15px);
    border-block-end: 1px solid transparent;
    transition: border-color .25s, box-shadow .25s;
  }
  .site-header.is-scrolled { border-color: var(--ur-line); box-shadow: 0 8px 30px rgb(0 0 0 / 3.5%); }
  .site-header__inner { block-size: 100%; display: grid; grid-template-columns: 11.25rem minmax(0, 1fr) 11.25rem; align-items: center; }
  .site-header__brand { display: flex; align-items: center; min-inline-size: 0; }
  .primary-nav { justify-self: center; min-inline-size: 0; }
  .primary-nav__list { display: flex; align-items: center; gap: clamp(1.1rem, 2vw, 2.35rem); list-style: none; margin: 0; padding: 0; }
  .primary-nav__list > li > a { display: flex; align-items: center; gap: .3rem; min-block-size: var(--ur-control); }
  .primary-nav .nav-dropdown { position: relative; }
  .primary-nav .nav-dropdown__panel {
    position: absolute;
    inset-block-start: calc(100% + 1px);
    inset-inline: auto 0;
    z-index: 90;
    inline-size: min(21rem, calc(100vw - 2rem));
    max-block-size: calc(100dvh - var(--ur-header) - var(--ur-announcement) - 1rem);
    overflow-y: auto;
    transform: none;
  }
  .site-header__actions { justify-self: end; display: flex; align-items: center; gap: .1rem; }
  .mobile-menu-button { display: none; }

  .mega-menu { position: absolute; inset-inline: 0; inset-block-start: 100%; z-index: 75; }
  .mega-menu__inner { display: grid; grid-template-columns: 1.05fr 1fr .95fr; gap: 4vw; padding-block: 2.4rem; }
  .mega-menu__links { display: grid; grid-template-columns: 1fr 1fr; align-content: start; min-inline-size: 0; }
  .mega-menu__feature { position: relative; min-block-size: 15.625rem; overflow: hidden; }

  .mobile-nav { position: fixed; inset: 0 auto 0 0; z-index: 95; inline-size: min(88vw, 26.875rem); padding: 1.1rem 1.25rem 1.5rem; display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; }
  .mobile-nav__header { display: flex; align-items: center; justify-content: space-between; }
  .mobile-nav__footer { margin-block-start: auto; display: flex; gap: 1.25rem; }
  .mobile-nav .nav-dropdown__panel { position: static; inline-size: 100%; }
  .search-panel { position: fixed; inset-inline: 0; inset-block-start: var(--ur-announcement); z-index: 100; max-block-size: calc(100dvh - var(--ur-announcement)); overflow-y: auto; }
  .search-panel__inner { padding-block: 2rem 2.4rem; }
  .search-panel__heading { display: flex; justify-content: space-between; align-items: center; }
  .search-form-large { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; }
  .search-form-large input { min-inline-size: 0; inline-size: 100%; }

  .lux-hero { min-block-size: calc(100svh - var(--ur-header) - var(--ur-announcement)); display: grid; grid-template-columns: minmax(0, 58%) minmax(0, 42%); }
  .lux-hero__image { min-inline-size: 0; min-block-size: 38.75rem; overflow: hidden; }
  .lux-hero__picture { display: block; inline-size: 100%; block-size: 100%; }
  .lux-hero__media, .lux-hero__image > img { inline-size: 100%; block-size: 100%; object-fit: cover; }
  .lux-hero__copy { min-inline-size: 0; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(3rem, 6vw, 7rem) clamp(2rem, 5vw, 6rem) 2rem; }
  .lux-hero__copy-inner { max-inline-size: 35rem; }
  .lux-hero__actions { display: flex; align-items: center; gap: 1.4rem; flex-wrap: wrap; }
  .lux-hero__index { display: flex; justify-content: space-between; gap: 1rem; }

  .home-intro__grid { display: grid; grid-template-columns: 1fr 2.1fr; gap: 5vw; }
  .section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; }
  .wardrobe-editorial__grid { display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 1.1rem; }
  .wardrobe-editorial__meta { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1rem; align-items: start; }
  .collection-editorial__grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 1rem; min-block-size: 40.625rem; }
  .site-footer__top { display: grid; grid-template-columns: 1.1fr 1fr 1.15fr; gap: 5vw; }
  .site-footer__nav { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
  .site-footer__bottom { display: flex; justify-content: space-between; gap: 2rem; }

  .entry-content, .term-description, .woocommerce-product-details__short-description { min-inline-size: 0; }

  @media (max-width: 73.75rem) {
    .site-header { backdrop-filter: none; }
    .site-header__inner { grid-template-columns: auto minmax(0, 1fr) auto; }
    .primary-nav { display: none; }
    .mobile-menu-button { display: grid; }
    .site-header__brand { justify-self: center; }
    .site-header__actions .header-account { display: none; }
    .lux-hero { grid-template-columns: minmax(0, 54%) minmax(0, 46%); }
    .wardrobe-editorial__grid, .collection-editorial__grid { grid-template-columns: 1.1fr .9fr; }
    .wardrobe-editorial__card:last-child, .collection-editorial__card:last-child { grid-column: 1 / -1; }
    .site-footer__top { grid-template-columns: 1fr 1fr; }
    .site-footer__newsletter { grid-column: 1 / -1; }
  }

  @media (max-width: 56.25rem) {
    :root { --ur-header: 4.375rem; }
    .lux-hero { grid-template-columns: minmax(0, 1fr); min-block-size: auto; }
    .lux-hero__image { min-block-size: 70svh; }
    .lux-hero__copy { padding: 3.2rem 5vw 2rem; }
    .home-intro__grid { grid-template-columns: 1fr; gap: 1.5rem; }
    .wardrobe-editorial__grid, .collection-editorial__grid { grid-template-columns: 1fr 1fr; }
    .wardrobe-editorial__card:last-child, .collection-editorial__card:last-child { grid-column: 1 / -1; }
    .single-product div.product, .woocommerce-products-header { grid-template-columns: minmax(0, 1fr); }
    .site-footer__top { grid-template-columns: 1fr; }
    .site-footer__newsletter { grid-column: auto; }
  }

  @media (max-width: 37.5rem) {
    :root { --ur-shell: min(90vw, 95rem); }
    .lux-hero__image { min-block-size: 58svh; }
    .lux-hero__copy { padding-block-start: 2.4rem; }
    .lux-hero__actions, .section-heading { align-items: flex-start; flex-direction: column; }
    .wardrobe-editorial__grid, .collection-editorial__grid { grid-template-columns: minmax(0, 1fr); }
    .wardrobe-editorial__card:last-child, .collection-editorial__card:last-child { grid-column: auto; }
    .site-footer__nav { grid-template-columns: 1fr; }
    .site-footer__bottom { align-items: flex-start; flex-direction: column; }
  }

  /* Portrait phones keep the campaign, identity and both actions in one view. */
  @media (max-width: 37.5rem) and (min-height: 31.3125rem) {
    .lux-hero {
      position: relative;
      display: block;
      block-size: calc(100svh - var(--ur-header) - var(--ur-announcement));
      min-block-size: 41rem;
    }
    .lux-hero__image { block-size: 100%; min-block-size: 0; }
    .lux-hero__copy {
      position: absolute;
      z-index: 2;
      inset: auto .75rem .75rem;
      max-block-size: calc(100% - 1.5rem);
      overflow-y: auto;
      padding: 1rem;
      background: rgb(247 245 240 / 96%);
      backdrop-filter: blur(10px);
    }
    .lux-hero__index { display: none; }
  }

  /* Portrait tablets use a compact full-width campaign band, not a soft crop. */
  @media (min-width: 37.5625rem) and (max-width: 56.25rem) and (min-height: 31.3125rem) {
    .lux-hero { min-block-size: calc(100svh - var(--ur-header) - var(--ur-announcement)); }
    .lux-hero__image { block-size: 40svh; min-block-size: 0; }
    .lux-hero__copy { min-block-size: calc(60svh - var(--ur-header) - var(--ur-announcement)); padding: 1.5rem 5vw 1rem; }
    .lux-hero__index { display: none; }
  }

  /* Short landscape keeps identity, state and the primary action in view. */
  @media (orientation: landscape) and (min-width: 35rem) and (max-height: 31.25rem) {
    .lux-hero {
      grid-template-columns: minmax(10rem, 34%) minmax(0, 66%);
      block-size: calc(100svh - var(--ur-header) - var(--ur-announcement));
      min-block-size: 13.25rem;
    }
    .lux-hero__image { min-block-size: 0; block-size: 100%; }
    .lux-hero__copy { padding: .65rem clamp(1rem, 3vw, 2rem); overflow-y: auto; }
    .lux-hero__copy-inner { max-inline-size: none; }
    .lux-hero__index { display: none; }
  }

  /* Standard laptop heights reserve the complete CTA row above the fold. */
  @media (min-width: 56.3125rem) and (max-height: 53.125rem) {
    .lux-hero { block-size: calc(100svh - var(--ur-header) - var(--ur-announcement)); min-block-size: 33.75rem; }
    .lux-hero__image { min-block-size: 0; block-size: 100%; }
    .lux-hero__copy { padding-block: clamp(1.25rem, 3vh, 2.5rem) 1.25rem; }
  }


/* === components.css === */
.eyebrow { display: block; font-size: var(--ur-text-xs); font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
  .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, input[type="submit"] {
    display: inline-flex; align-items: center; justify-content: center; min-block-size: 3.25rem; padding-inline: 1.6rem;
    border: 1px solid var(--ur-ink); border-radius: 0; background: var(--ur-ink); color: var(--ur-white);
    font-size: var(--ur-text-xs); font-weight: 650; letter-spacing: .13em; text-transform: uppercase; transition: .25s var(--ur-ease);
  }
  .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, input[type="submit"]:hover { background: var(--ur-accent); border-color: var(--ur-accent); color: var(--ur-white); }
  .text-link { display: inline-flex; align-items: center; gap: .6rem; min-block-size: var(--ur-control); padding-block: .65rem .28rem; border-block-end: 1px solid currentColor; font-size: var(--ur-text-xs); font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
  .text-link svg { inline-size: 1rem; fill: none; stroke: currentColor; stroke-width: 1.6; }
  .icon-button { display: grid; place-items: center; inline-size: var(--ur-control); block-size: var(--ur-control); padding: 0; border: 0; background: none; color: currentColor; cursor: pointer; }
  .icon-button svg { inline-size: 1.25rem; block-size: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }

  .nav-dropdown > details > summary {
    position: relative;
    display: flex;
    align-items: center;
    gap: .42rem;
    min-block-size: var(--ur-control);
    list-style: none;
    cursor: pointer;
  }
  .nav-dropdown > details > summary[aria-current="location"] { font-weight: 700; }
  .nav-dropdown > details > summary::-webkit-details-marker { display: none; }
  .nav-dropdown__chevron { display: inline-flex; transition: transform .2s var(--ur-ease); }
  .nav-dropdown__chevron svg { inline-size: .9rem; block-size: .9rem; fill: none; stroke: currentColor; stroke-width: 1.6; }
  .nav-dropdown details[open] > summary .nav-dropdown__chevron { transform: rotate(180deg); }
  .nav-dropdown__panel { background: var(--ur-paper); border: 1px solid var(--ur-line); box-shadow: 0 1.25rem 3rem rgb(18 18 18 / 9%); }
  .nav-dropdown__list { list-style: none; margin: 0; padding: .65rem 1rem; }
  .nav-dropdown__list li + li { border-block-start: 1px solid var(--ur-line); }
  .nav-dropdown__list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-block-size: var(--ur-control);
    padding-block: .65rem;
    font-size: var(--ur-text-sm);
  }
  .nav-dropdown__list a svg { inline-size: 1rem; block-size: 1rem; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.5; transition: transform .2s var(--ur-ease); }
  .nav-dropdown__list a:hover svg, .nav-dropdown__list a:focus-visible svg { transform: translateX(.2rem); }
  .nav-dropdown__list a[aria-current="page"] { font-weight: 700; }
  .primary-nav .nav-dropdown > details > summary { font-size: var(--ur-text-sm); }
  .primary-nav .nav-dropdown > details[open] > summary::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: -.15rem; block-size: 1px; background: currentColor; }
  .mobile-nav .nav-dropdown > details > summary {
    justify-content: space-between;
    padding-block: 1rem;
    border-block-end: 1px solid var(--ur-line);
    font: 400 1.8rem/1 var(--ur-serif);
  }
  .mobile-nav .nav-dropdown__panel { border: 0; border-block-end: 1px solid var(--ur-line); box-shadow: none; }
  .mobile-nav .nav-dropdown__list { padding: .35rem 0 .75rem 1rem; }
  .mobile-nav .nav-dropdown__list a { color: var(--ur-muted); font-size: var(--ur-text-sm); letter-spacing: .06em; text-transform: uppercase; }
  .collections-index__empty { display: grid; grid-template-columns: minmax(15rem, .78fr) minmax(0, 1.22fr); align-items: center; gap: clamp(2rem, 6vw, 7rem); max-inline-size: 75rem; margin-inline: auto; }
  .collections-index__empty-media { display: block; min-inline-size: 0; overflow: hidden; background: #e8e4dc; }
  .collections-index__empty-media img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 4 / 5; object-fit: cover; }
  .collections-index__empty .no-results { max-inline-size: 35rem; text-align: start; }
  .collections-index__empty .no-results h2 { font: 400 clamp(2.5rem, 5vw, 5rem)/.94 var(--ur-serif); letter-spacing: -.04em; }
  .content-main { padding-block: clamp(3rem, 7vw, 7rem); }
  .editorial-page-header { padding-block-end: clamp(2rem, 4vw, 4rem); }
  .editorial-page-header h1, .not-found-page h1 { max-inline-size: 13ch; margin: .65rem 0 0; font: 400 clamp(3.5rem, 7vw, 7.5rem)/.9 var(--ur-serif); letter-spacing: -.045em; }
  .editorial-page__hero { inline-size: var(--ur-shell); max-block-size: min(72svh, 50rem); margin: 0 auto clamp(3rem, 6vw, 6rem); overflow: hidden; background: #e8e4dc; }
  .editorial-page__hero picture { display: block; }
  .editorial-page__hero img { display: block; inline-size: 100%; block-size: min(72svh, 50rem); object-fit: cover; }
  .editorial-page .entry-content { padding-block-end: clamp(2rem, 5vw, 5rem); font-size: 1rem; line-height: 1.75; }
  .editorial-page .entry-content h2 { margin-block: 2.5rem .75rem; font-size: clamp(2rem, 3.5vw, 3.4rem); line-height: 1; }
  .no-results--editorial { display: grid; grid-template-columns: minmax(14rem, .7fr) minmax(0, 1.3fr); align-items: center; gap: clamp(2rem, 6vw, 6rem); max-inline-size: 70rem; margin-block: 2rem 6rem; }
  .no-results__media { display: block; overflow: hidden; background: #e8e4dc; }
  .no-results__media img { display: block; inline-size: 100%; aspect-ratio: 4/5; object-fit: cover; }
  .no-results--editorial h2 { margin: 0 0 1rem; font: 400 clamp(2.6rem, 5vw, 5.4rem)/.94 var(--ur-serif); letter-spacing: -.04em; }
  .not-found-page { min-block-size: calc(100svh - var(--ur-header) - var(--ur-announcement)); display: grid; align-items: center; padding-block: clamp(4rem, 9vw, 9rem); }
  .not-found-page p { max-inline-size: 38rem; color: var(--ur-muted); font-size: 1.05rem; }
  .not-found-page__actions, .button-row { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-block-start: 1.5rem; }
  @media (max-width: 43.75rem) {
    .collections-index__empty { grid-template-columns: minmax(0, 1fr); }
    .collections-index__empty-media { max-block-size: 62svh; }
    .no-results--editorial { grid-template-columns: minmax(0, 1fr); }
    .no-results__media { max-block-size: 52svh; }
    .editorial-page__hero img { block-size: 58svh; }
  }

  .announcement-bar { min-block-size: var(--ur-announcement); display: flex; align-items: center; justify-content: center; padding: .4rem 5vw; background: var(--ur-ink); color: var(--ur-white); font-size: var(--ur-text-xs); font-weight: 600; letter-spacing: .16em; text-align: center; text-transform: uppercase; }
  .urbanroo-brand { display: inline-flex; align-items: center; min-block-size: var(--ur-control); }
  .urbanroo-brand img, .urbanroo-brand__image { inline-size: auto; block-size: 3.625rem; object-fit: contain; }
  .urbanroo-brand__forced-label { display: none; font-family: var(--ur-serif); font-size: 1.35rem; letter-spacing: .06em; text-transform: uppercase; }
  .header-cart { position: relative; }
  .header-cart-count { position: absolute; inset-block-start: 1px; inset-inline-end: 1px; min-inline-size: 1.125rem; block-size: 1.125rem; padding-inline: 4px; display: inline-flex; align-items: center; justify-content: center; border-radius: 99px; background: #a45134; color: var(--ur-white); font-size: var(--ur-text-xs); font-weight: 700; line-height: 1; pointer-events: none; }

  .mega-menu { visibility: hidden; opacity: 0; transform: translateY(-8px); background: var(--ur-paper); border-block: 1px solid var(--ur-line); transition: .25s var(--ur-ease); }
  .has-mega-menu:hover > .mega-menu, .has-mega-menu:focus-within > .mega-menu { visibility: visible; opacity: 1; transform: translateY(0); }
  .mega-menu__links a { min-block-size: var(--ur-control); padding-block: .7rem; border-block-end: 1px solid var(--ur-line); }
  .mega-menu__links span { display: block; font: 400 1.05rem var(--ur-serif); }
  .mega-menu__links small, .mega-menu__feature small { display: block; margin-block-start: .15rem; color: var(--ur-muted); font-size: var(--ur-text-xs); letter-spacing: .1em; text-transform: uppercase; }
  .mega-menu__feature img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; }
  .mega-menu__feature::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgb(0 0 0 / 55%), transparent 60%); }
  .mega-menu__feature span { position: absolute; z-index: 2; inset-inline-start: 1.2rem; inset-block-end: 1rem; color: var(--ur-white); }
  .mega-menu__feature strong { display: block; font: 400 1.7rem var(--ur-serif); }

  .site-overlay { position: fixed; inset: 0; z-index: 85; visibility: hidden; opacity: 0; background: rgb(0 0 0 / 33%); transition: .2s; }
  .is-panel-open .site-overlay { visibility: visible; opacity: 1; }
  .mobile-nav { background: var(--ur-paper); transform: translateX(-102%); transition: .3s var(--ur-ease); }
  .is-menu-open .mobile-nav { transform: translateX(0); }
  .mobile-nav__header { padding-block-end: 1rem; border-block-end: 1px solid var(--ur-line); }
  .mobile-nav__list { list-style: none; margin: 1rem 0; padding: 0; }
  .mobile-nav__list > li > a { display: flex; align-items: center; justify-content: space-between; min-block-size: var(--ur-control); padding-block: 1rem; border-block-end: 1px solid var(--ur-line); font: 400 1.8rem/1 var(--ur-serif); }
  .mobile-nav__sub { display: none; padding-block: .7rem 1rem; }
  .mobile-nav__sub a { display: block; min-block-size: var(--ur-control); padding-block: .75rem; color: var(--ur-muted); font-size: var(--ur-text-sm); letter-spacing: .08em; text-transform: uppercase; }
  .mobile-nav .has-mega-menu.is-open .mobile-nav__sub { display: block; }
  .mobile-nav__footer { padding-block-start: 1rem; border-block-start: 1px solid var(--ur-line); font-size: var(--ur-text-xs); letter-spacing: .1em; text-transform: uppercase; }
  .search-panel { background: var(--ur-paper); border-block-end: 1px solid var(--ur-line); transform: translateY(-110%); transition: .28s var(--ur-ease); }
  .is-search-open .search-panel { transform: translateY(0); }
  .search-panel__heading { font-size: var(--ur-text-xs); letter-spacing: .12em; text-transform: uppercase; }
  .search-form-large { margin-block-start: 1rem; border-block-end: 1px solid var(--ur-ink); }
  .search-form-large input { border: 0; background: transparent; padding-block: .75rem; font: 400 clamp(2rem, 4vw, 4.4rem)/1 var(--ur-serif); outline: 0; }
  .search-form-large button { border: 0; background: none; }
  .search-form-large button svg { inline-size: 1.75rem; fill: none; stroke: var(--ur-ink); }

  .lux-hero { background: var(--ur-paper); border-block-end: 1px solid var(--ur-line); }
  .lux-hero__media { object-position: var(--ur-hero-position, 50% 50%); }
  .lux-hero h1 { margin: 1rem 0 1.5rem; font: 400 clamp(4rem, 7vw, 8.2rem)/.88 var(--ur-serif); letter-spacing: -.045em; }
  .lux-hero p { max-inline-size: 31.25rem; margin: 0; color: var(--ur-muted); font-size: clamp(1rem, 1.3vw, 1.25rem); }
  .lux-hero__actions { margin-block-start: 2.1rem; }
  .lux-hero__index { padding-block-start: 3rem; border-block-start: 1px solid var(--ur-line); font-size: var(--ur-text-xs); font-weight: 650; letter-spacing: .14em; text-transform: uppercase; }
  .home-intro h2 { max-inline-size: 59.375rem; margin: 0; font: 400 clamp(3rem, 5.5vw, 6.8rem)/.95 var(--ur-serif); letter-spacing: -.035em; }
  .home-intro p { max-inline-size: 43.125rem; margin: 1.6rem 0 0; color: var(--ur-muted); font-size: 1.08rem; }
  .section-heading { margin-block-end: 2.2rem; }
  .section-heading h2 { margin: .55rem 0 0; font: 400 clamp(2.5rem, 4.4vw, 5.2rem)/.95 var(--ur-serif); letter-spacing: -.03em; }
  .wardrobe-editorial__card { background: var(--ur-white); }
  .wardrobe-editorial__image { aspect-ratio: 4 / 5; overflow: hidden; }
  .wardrobe-editorial__image img { inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform .6s var(--ur-ease); }
  .wardrobe-editorial__card:hover img { transform: scale(1.018); }
  .wardrobe-editorial__meta { padding: 1.2rem; border-block-start: 1px solid var(--ur-line); }
  .wardrobe-editorial__meta > span { font-size: var(--ur-text-xs); letter-spacing: .12em; }
  .wardrobe-editorial__meta h3 { margin: 0; font: 400 2rem var(--ur-serif); }
  .wardrobe-editorial__meta p { margin: .35rem 0 0; color: var(--ur-muted); font-size: .8rem; }
  .manifesto-strip { padding-block: 1rem; overflow: hidden; background: var(--ur-ink); color: var(--ur-white); }
  .manifesto-strip p { margin: 0; font: 400 clamp(1.25rem, 2vw, 2rem) var(--ur-serif); text-align: center; letter-spacing: .03em; }
  .collection-editorial__card { position: relative; min-block-size: 32.5rem; overflow: hidden; }
  .collection-editorial__card.is-featured { min-block-size: 40.625rem; }
  .collection-editorial__card img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform .7s var(--ur-ease); }
  .collection-editorial__card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgb(0 0 0 / 55%), transparent 60%); }
  .collection-editorial__card:hover img { transform: scale(1.02); }
  .collection-editorial__card span { position: absolute; z-index: 2; inset-inline-start: 1.3rem; inset-block-end: 1.2rem; color: var(--ur-white); }
  .collection-editorial__card small, .collection-editorial__card strong { display: block; }
  .collection-editorial__card small { font-size: var(--ur-text-xs); letter-spacing: .12em; text-transform: uppercase; }
  .collection-editorial__card strong { margin-block-start: .3rem; font: 400 clamp(1.8rem, 2.5vw, 3rem) var(--ur-serif); }
  .brand-note { background: #e9e4da; }
  .brand-note__inner { max-inline-size: 68.75rem; text-align: center; }
  .brand-note h2 { margin: 1rem auto 1.2rem; font: 400 clamp(4rem, 8vw, 9rem)/.88 var(--ur-serif); letter-spacing: -.05em; }
  .brand-note p { max-inline-size: 42.5rem; margin: 0 auto 1.6rem; color: var(--ur-muted); font-size: 1.05rem; }
  .brand-note .text-link { margin-inline: auto; }

  .entry-header, .archive-header { padding-block: clamp(3rem, 6vw, 6rem) 2rem; }
  .entry-title { font: 400 clamp(3rem, 6vw, 7rem)/.92 var(--ur-serif); letter-spacing: -.04em; }
  .entry-content { max-inline-size: 56.25rem; margin-inline: auto; }
  .entry-content h2, .entry-content h3 { font-family: var(--ur-serif); font-weight: 400; }
  .collections-page { padding-block: clamp(3rem, 6vw, 6rem); }

  .site-footer { padding: clamp(4rem, 7vw, 7rem) 0 2rem; background: var(--ur-ink); color: var(--ur-white); }
  .site-footer__top { padding-block-end: 4rem; }
  .site-footer__brand p { max-inline-size: 16.25rem; margin-block-start: 1rem; color: rgb(255 255 255 / 72%); font: 400 1.2rem var(--ur-serif); }
  .site-footer .urbanroo-brand img, .site-footer .urbanroo-brand__image { block-size: 4.5rem; filter: brightness(0) invert(1); }
  .site-footer__nav h2 { margin: 0 0 1rem; font-size: var(--ur-text-xs); letter-spacing: .12em; text-transform: uppercase; }
  .site-footer__nav a { display: block; min-block-size: var(--ur-control); padding-block: .7rem; color: rgb(255 255 255 / 78%); font-size: var(--ur-text-sm); }
  .site-footer__newsletter h2 { margin: .7rem 0 .8rem; font: 400 2.4rem/1 var(--ur-serif); }
  .site-footer__newsletter p { color: rgb(255 255 255 / 70%); font-size: .8rem; }
  .site-footer__bottom { padding-block-start: 1.2rem; border-block-start: 1px solid rgb(255 255 255 / 18%); font-size: var(--ur-text-xs); letter-spacing: .08em; text-transform: uppercase; }
  .site-footer__bottom div { display: flex; gap: 1.2rem; }

  @media (max-width: 56.25rem) {
    .urbanroo-brand img, .urbanroo-brand__image { block-size: 3.25rem; }
    .lux-hero h1 { font-size: clamp(4rem, 13vw, 7rem); }
    .lux-hero__index { margin-block-start: 3rem; }
  }
  @media (max-width: 37.5rem) {
    .lux-hero h1 { font-size: clamp(3.6rem, 17vw, 5.7rem); }
    .collection-editorial__card, .collection-editorial__card.is-featured { min-block-size: 115vw; }
    .search-form-large input { font-size: 2.1rem; }
  }
  @media (max-width: 37.5rem) and (min-height: 31.3125rem) {
    .lux-hero h1 { margin: .45rem 0 .7rem; font-size: clamp(2.55rem, 11.5vw, 3.25rem); line-height: .92; }
    .lux-hero p { font-size: .86rem; line-height: 1.45; }
    .lux-hero__actions { margin-block-start: .75rem; gap: .35rem; }
  }
  @media (min-width: 37.5625rem) and (max-width: 56.25rem) and (min-height: 31.3125rem) {
    .lux-hero h1 { margin: .55rem 0 .8rem; font-size: clamp(3rem, 8vw, 4.2rem); line-height: .92; }
    .lux-hero__actions { margin-block-start: 1rem; }
  }
  @media (orientation: landscape) and (min-width: 35rem) and (max-height: 31.25rem) {
    .lux-hero .eyebrow { font-size: var(--ur-text-xs); }
    .lux-hero h1 { margin: .2rem 0 .4rem; font-size: clamp(1.9rem, 5.3vw, 3rem); line-height: .92; }
    .lux-hero p { font-size: .75rem; line-height: 1.3; }
    .lux-hero__actions { margin-block-start: .45rem; gap: .65rem; }
    .lux-hero__actions .button { min-block-size: var(--ur-control); padding-inline: 1rem; }
    .lux-hero__actions .text-link { padding-block: .5rem .2rem; }
  }
  @media (min-width: 56.3125rem) and (max-height: 53.125rem) {
    .lux-hero h1 { margin-block: .65rem 1rem; font-size: clamp(3.5rem, 6vw, 5.4rem); }
    .lux-hero__actions { margin-block-start: 1.25rem; }
    .lux-hero__index { padding-block-start: 1.25rem; }
  }


/* === woocommerce.css === */
.shop-main { padding-block: clamp(3rem, 6vw, 6rem); }
  .woocommerce-breadcrumb { margin-block-end: 2rem; color: var(--ur-muted); font-size: var(--ur-text-xs); letter-spacing: .08em; text-transform: uppercase; }
  .breadcrumb-separator { margin-inline: .45rem; }
  .woocommerce-products-header { display: grid; grid-template-columns: 1fr 1fr; gap: 4vw; align-items: end; margin-block-end: 3rem; padding-block-end: 2rem; border-block-end: 1px solid var(--ur-line); }
  .woocommerce-products-header__title.page-title { margin: 0; font: 400 clamp(3.8rem, 7vw, 8rem)/.9 var(--ur-serif); letter-spacing: -.045em; }
  .term-description { max-inline-size: 38.75rem; color: var(--ur-muted); }
  .ur-archive-editorial { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(12rem, .72fr) minmax(0, 1.28fr); gap: clamp(1.4rem, 4vw, 4rem); align-items: center; margin-block-start: 2rem; padding-block-start: 2rem; border-block-start: 1px solid var(--ur-line); }
  .ur-archive-editorial__media { display: block; min-inline-size: 0; overflow: hidden; background: #e8e4dc; }
  .ur-archive-editorial__media img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 4 / 5; object-fit: cover; }
  .ur-archive-editorial__copy { max-inline-size: 34rem; }
  .ur-archive-editorial__copy h2 { margin: .75rem 0 1rem; font: 400 clamp(2.1rem, 4vw, 4.5rem)/.95 var(--ur-serif); letter-spacing: -.035em; }
  .ur-archive-editorial__copy p { color: var(--ur-muted); }
  .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { font-size: var(--ur-text-xs); letter-spacing: .08em; text-transform: uppercase; }
  .woocommerce .woocommerce-ordering select { min-block-size: var(--ur-control); border: 0; border-block-end: 1px solid var(--ur-ink); background: transparent; }

  .woocommerce ul.products, .ur-product-grid { --ur-grid-columns: 3; display: grid; grid-template-columns: repeat(var(--ur-grid-columns), minmax(0, 1fr)); gap: 3.7rem 1rem; margin: 2rem auto 0; min-inline-size: 0; padding: 0; list-style: none; }
  .woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
  .woocommerce ul.products li.product { float: none; inline-size: auto; min-inline-size: 0; margin: 0; }
  .woocommerce ul.products li.product a img { inline-size: 100%; margin: 0 0 .85rem; aspect-ratio: 4 / 5; object-fit: cover; background: #eeebe4; transition: transform .45s var(--ur-ease); }
  .woocommerce ul.products li.product:hover a img { transform: scale(1.008); }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0; margin: .2rem 0 0; font: 400 1.2rem/1.2 var(--ur-serif); }
  .woocommerce ul.products li.product .price { margin-block-start: .35rem; color: var(--ur-muted); font-size: .76rem; }
  .woocommerce ul.products li.product .button { display: none; }

  /* Explicit count contract plus a markup-only fallback for current Woo loops. */
  .woocommerce ul.products[data-product-count="0"], .ur-product-grid[data-product-count="0"],
  .woocommerce ul.products.is-count-0, .ur-product-grid.is-count-0 { display: none; }
  .woocommerce ul.products[data-product-count="1"], .ur-product-grid[data-product-count="1"],
  .woocommerce ul.products.is-count-1, .ur-product-grid.is-count-1,
  .woocommerce ul.products:has(> li:only-child) { --ur-grid-columns: 1; max-inline-size: 31rem; }
  .woocommerce ul.products[data-product-count="2"], .ur-product-grid[data-product-count="2"],
  .woocommerce ul.products.is-count-2, .ur-product-grid.is-count-2,
  .woocommerce ul.products:has(> li:nth-child(2):last-child) { --ur-grid-columns: 2; max-inline-size: 62rem; }
  .woocommerce ul.products[data-product-count="many"], .ur-product-grid[data-product-count="many"],
  .woocommerce ul.products.is-count-many, .ur-product-grid.is-count-many { --ur-grid-columns: 3; max-inline-size: none; }

  .woocommerce span.onsale { min-inline-size: auto; min-block-size: var(--ur-control); padding: .7rem .65rem; border-radius: 0; background: var(--ur-ink); font-size: var(--ur-text-xs); line-height: 1.2; letter-spacing: .1em; text-transform: uppercase; }
  .single-product div.product { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(22.5rem, .82fr); gap: clamp(2rem, 5vw, 6rem); }
  body.single-product.woocommerce div.product div.images, .single-product div.product .woocommerce-product-gallery { float: none; inline-size: auto; min-inline-size: 0; max-inline-size: 100%; }
  .single-product div.product .summary { float: none; inline-size: auto; min-inline-size: 0; position: static; }
  .single-product div.product .product_title { margin: .45rem 0 1rem; font: 400 clamp(3rem, 5vw, 6rem)/.92 var(--ur-serif); letter-spacing: -.04em; }
  .single-product div.product p.price { color: var(--ur-ink); font-size: 1rem; }
  .single-product div.product .woocommerce-product-details__short-description { color: var(--ur-muted); font-size: .95rem; }
  .single-product div.product form.cart table.variations { inline-size: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0 .65rem; }
  .single-product div.product form.cart table.variations tr { display: grid; grid-template-columns: 5.625rem minmax(0, 1fr); gap: 1rem; align-items: center; }
  .single-product div.product form.cart table.variations th.label, .single-product div.product form.cart table.variations td.value { display: block; inline-size: auto; min-inline-size: 0; padding: 0; }
  .single-product div.product form.cart select { inline-size: 100%; min-block-size: 3rem; border: 1px solid var(--ur-line); background: var(--ur-white); padding-inline: .75rem; }
  .single-product div.product form.cart .reset_variations { display: inline-flex; align-items: center; min-block-size: var(--ur-control); float: none; clear: both; margin: .25rem 0 0; color: var(--ur-muted); font-size: var(--ur-text-xs); letter-spacing: .07em; text-transform: uppercase; }
  .single-product div.product .woocommerce-variation-add-to-cart { display: flex; align-items: stretch; gap: .7rem; flex-wrap: wrap; inline-size: 100%; }
  .single-product div.product form.cart .quantity .qty { min-block-size: 3.5rem; inline-size: 4.75rem; border: 1px solid var(--ur-line); background: var(--ur-white); }
  .single-product div.product form.cart .single_add_to_cart_button { flex: 1 1 14.375rem; min-block-size: 3.5rem; margin: 0; }
  .product_meta, .product-service-note, .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: var(--ur-text-xs); }
  .product-service-note { display: grid; gap: .75rem; margin-block-start: 1.8rem; padding-block-start: 1.2rem; border-block-start: 1px solid var(--ur-line); }
  .product-service-note > div { display: grid; grid-template-columns: 8.125rem minmax(0, 1fr); gap: 1rem; }
  .woocommerce div.product div.images img { background: #ece9e2; }
  .woocommerce div.product div.images .flex-control-thumbs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(8.75rem, 100%), 1fr)); gap: .55rem; margin-block-start: .6rem; }
  .woocommerce div.product div.images .flex-control-thumbs li { float: none; inline-size: auto; min-inline-size: 0; }
  .woocommerce div.product .woocommerce-tabs { position: relative; z-index: 2; clear: both; grid-column: 1 / -1; inline-size: 100%; margin-block-start: 4rem; padding-block-start: 1.2rem; border-block-start: 1px solid var(--ur-line); background: var(--ur-paper); }
  .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; border-block-end: 1px solid var(--ur-line); }
  .woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
  .woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0 2rem 0 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
  .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a { min-block-size: var(--ur-control); padding-block: 1rem; letter-spacing: .1em; text-transform: uppercase; }
  .woocommerce div.product .woocommerce-tabs .panel { position: relative; z-index: 2; max-inline-size: 51.25rem; margin: 2.5rem auto 0; overflow-wrap: anywhere; background: var(--ur-paper); }
  .related.products, .up-sells { grid-column: 1 / -1; margin-block-start: 5rem; }
  .related.products > h2, .up-sells > h2 { font: 400 clamp(2.5rem, 4vw, 4.5rem)/1 var(--ur-serif); }
  .woocommerce-message, .woocommerce-info, .woocommerce-error { border-block-start: 0; border-inline-start: 3px solid var(--ur-accent); background: #ece7dd; }
  .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .select2-container--default .select2-selection--single { min-block-size: 3rem; padding: .7rem .85rem; border: 1px solid var(--ur-line); border-radius: 0; background: var(--ur-white); }
  .woocommerce table.shop_table { border: 1px solid var(--ur-line); border-radius: 0; }

  @media (max-width: 63.9375rem) and (min-width: 37.5rem) {
    .woocommerce ul.products, .ur-product-grid { --ur-grid-columns: 2; }
    .woocommerce ul.products[data-product-count="many"], .ur-product-grid[data-product-count="many"],
    .woocommerce ul.products.is-count-many, .ur-product-grid.is-count-many { --ur-grid-columns: 2; }
  }
  @media (max-width: 56.25rem) {
    .single-product div.product { grid-template-columns: minmax(0, 1fr); gap: 2.4rem; }
    .woocommerce div.product .woocommerce-tabs { margin-block-start: 2.5rem; }
  }
  @media (max-width: 37.4375rem) {
    .ur-archive-editorial { grid-template-columns: minmax(0, 1fr); }
    .ur-archive-editorial__media { max-block-size: 58svh; }
    .woocommerce ul.products, .ur-product-grid { --ur-grid-columns: 1; gap: 2.4rem .65rem; max-inline-size: none; }
    .woocommerce ul.products[data-product-count], .ur-product-grid[data-product-count],
    .woocommerce ul.products.is-count-1, .ur-product-grid.is-count-1,
    .woocommerce ul.products.is-count-2, .ur-product-grid.is-count-2,
    .woocommerce ul.products.is-count-many, .ur-product-grid.is-count-many,
    .woocommerce ul.products:has(> li:only-child),
    .woocommerce ul.products:has(> li:nth-child(2):last-child) { --ur-grid-columns: 1; max-inline-size: none; }
    .single-product div.product form.cart table.variations tr { grid-template-columns: minmax(0, 1fr); gap: .4rem; }
    .single-product div.product .woocommerce-variation-add-to-cart { display: grid; grid-template-columns: 4.75rem minmax(0, 1fr); }
  }


/* === utilities.css === */
.u-wrap-anywhere, .search-header h1, .search-title { overflow-wrap: anywhere; word-break: normal; }
  .u-min-w-0 { min-inline-size: 0; }

  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  }

  @media (forced-colors: active) {
    .icon-button, .button, .text-link, .woocommerce a.button, .woocommerce button.button, input[type="submit"] { border: 1px solid ButtonText; forced-color-adjust: auto; }
    .icon-button svg { stroke: ButtonText; }
    .announcement-bar, .site-footer, .manifesto-strip { background: Canvas; color: CanvasText; border-color: CanvasText; }
    .site-overlay { background: CanvasText; opacity: .45; }
    .urbanroo-brand__image, .urbanroo-brand img { display: none; }
    .urbanroo-brand__forced-label { display: inline-block; color: LinkText; }
    .collection-editorial__card::after, .mega-menu__feature::after { display: none; }
  }