/* Meridian — a modern home and lifestyle store. Search-first header with a
   category bar, room circles, boxed product cards on warm grey bands. */

:root { --logo-size: 1.6rem; --nav-size: .93rem; --nav-weight: 600; --eyebrow-tracking: .14em; --card-title-weight: 600; --heading-tracking: -.025em; }

/* Header */
.m-utility { font-size: .8rem; }
.m-utility .utility__inner { min-height: 2.4rem; }
.m-utility__text { opacity: .75; }
.m-main__inner { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 1rem; min-height: 4.6rem; }
@media (min-width: 990px) { .m-main__inner { grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(1.5rem, 3vw, 3rem); min-height: 5.4rem; } }
.m-logo .logo__text { font-weight: 800; letter-spacing: -.035em; }
.m-icons { justify-self: end; gap: .35rem; }
.m-search { position: relative; display: flex; align-items: center; width: 100%; max-width: 640px; justify-self: center; height: 3.1rem; border-radius: 99px; background: rgba(var(--color-foreground), .055); border: 1px solid transparent; transition: border-color .2s, background-color .2s, box-shadow .2s; }
.m-search:focus-within { background: rgb(var(--color-background)); border-color: rgb(var(--color-heading)); box-shadow: 0 0 0 4px rgba(var(--color-heading), .06); }
.m-search > svg { position: absolute; left: 1.1rem; width: 1.2rem; height: 1.2rem; opacity: .55; pointer-events: none; }
.m-search input { flex: 1; min-width: 0; height: 100%; padding: 0 1rem 0 3rem; border: 0; background: transparent; font-size: .95rem; outline: none; }
.m-search input::-webkit-search-cancel-button { display: none; }
.m-search__btn { height: calc(100% - .5rem); margin-right: .25rem; padding: 0 1.25rem; border: 0; border-radius: 99px; background: rgb(var(--color-heading)); color: rgb(var(--color-background)); font-size: .86rem; font-weight: 600; transition: background-color .2s; }
.m-search__btn:hover { background: rgb(var(--color-accent)); color: rgb(var(--color-accent-foreground)); }
.m-search--mobile { max-width: none; height: 2.8rem; margin: 0 auto .8rem; width: calc(100% - 2 * var(--gutter)); padding: 0; }
.m-account { gap: .6rem; padding-right: .8rem; }
.m-account__text { display: grid; text-align: left; font-size: .88rem; font-weight: 600; line-height: 1.15; }
.m-account__text small { font-size: .72rem; font-weight: 400; opacity: .6; }
.m-cart { height: 2.9rem; padding: 0 1.05rem 0 .9rem; }
.m-cart .cart-count { margin-left: .1rem; }
.m-cats { border-top: 1px solid rgb(var(--color-border)); border-bottom: 1px solid rgb(var(--color-border)); }
.m-cats__inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.2rem; }
.m-nav { margin-left: calc(var(--nav-pad, .85rem) * -1); }
.m-nav .nav__link { padding-block: .95rem; }
.m-nav__sale > .nav__link { color: rgb(var(--color-sale, 196, 51, 47)); }
.m-cats__promo { display: inline-flex; align-items: center; gap: .5rem; padding: .45rem .9rem; border-radius: 99px; background: rgba(var(--color-foreground), .055); font-size: .8rem; font-weight: 600; white-space: nowrap; }
.m-cats__promo svg { width: 1rem; height: 1rem; }
.m-cats .mega { top: calc(100% + 1px); }
.m-mega__all { font-weight: 600; color: rgb(var(--color-heading)) !important; }
.header-wrapper.is-scrolled .m-utility { display: none; }
.m-drawer-phone { display: inline-flex; align-items: center; gap: .5rem; margin-top: 1.4rem; font-weight: 600; }
.m-drawer-phone svg { width: 1.1rem; height: 1.1rem; }

/* Hero */
.hero--overlay .hero__title { max-width: 13ch; }
.hero--overlay .eyebrow--pill { background: rgba(255, 255, 255, .16); backdrop-filter: blur(6px); color: #fff; }
.hero--overlay .hero__points { margin-top: 2.2rem; padding-top: 1.6rem; border-top: 1px solid rgba(255, 255, 255, .25); max-width: 34rem; }

/* Room circles with a pill name */
.collection-list--pill .tile__media { aspect-ratio: 1; border-radius: 50%; }
.collection-list--pill .tile__label { top: auto; bottom: .6rem; transform: translateX(-50%); font-size: .88rem; padding: .45rem 1rem; }
.collection-list--pill .tile:hover .tile__label { background: rgb(var(--color-heading)); color: rgb(var(--color-background)); }
@media (max-width: 749px) { .collection-list .grid { --cols-mobile: 3 !important; } .collection-list--pill .tile__label { font-size: .74rem; padding: .3rem .65rem; bottom: .2rem; } }

/* Product cards: boxed and white on the warm grey bands */
.color-scheme-2 .card--boxed { border-color: transparent; background: rgba(255, 255, 255, .62); }
.color-scheme-2 .card--boxed:hover { background: rgba(255, 255, 255, .9); }
.card--boxed .card__info { gap: .25rem; }
.card__vendor { letter-spacing: .08em; }
.featured-collection .tabs-row { gap: .3rem; }

/* Picture with text */
.iwt__badge { left: -1rem; right: auto; top: 2rem; bottom: auto; }

/* Footer */
.m-footer__trust { border-bottom: 1px solid rgb(var(--color-border)); }
.m-footer__trust-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.4rem 1rem; padding-block: 2.2rem; }
@media (min-width: 990px) { .m-footer__trust-grid { grid-template-columns: repeat(4, 1fr); } }
.m-trust { display: flex; align-items: center; gap: .9rem; }
.m-trust__icon { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: rgb(var(--color-background-alt, 255, 255, 255)); color: rgb(var(--color-heading)); flex: none; }
.m-trust__icon svg { width: 1.35rem; height: 1.35rem; }
.m-trust strong { display: block; font-size: .95rem; color: rgb(var(--color-heading)); }
.m-trust span { font-size: .84rem; color: rgba(var(--color-foreground), .7); }
.m-footer__main { display: grid; gap: 2.4rem 2rem; padding-block: clamp(2.8rem, 5vw, 4.2rem); }
@media (min-width: 750px) { .m-footer__main { grid-template-columns: 1fr 1fr; } }
@media (min-width: 990px) { .m-footer__main { grid-template-columns: 1.5fr 1fr 1fr 1.5fr; } }
.m-footer__about { margin: 1.1rem 0 1.4rem; color: rgba(var(--color-foreground), .75); max-width: 30ch; }
.m-footer__fold summary { display: flex; align-items: center; justify-content: space-between; list-style: none; cursor: default; }
.m-footer__fold summary::-webkit-details-marker { display: none; }
.m-footer__fold summary svg { display: none; width: 1rem; height: 1rem; }
@media (max-width: 749px) {
  .m-footer__col { border-bottom: 1px solid rgb(var(--color-border)); }
  .m-footer__fold summary { cursor: pointer; padding-block: .3rem; }
  .m-footer__fold summary svg { display: block; }
  .m-footer__fold .footer__links { padding-bottom: 1.2rem; }
}
.m-news .field__input { border-radius: 99px; background: rgb(var(--color-background-alt, 255, 255, 255)); }
.m-footer__social { margin-top: 1.4rem; margin-left: -.5rem; }
.m-footer .footer__bottom { border-color: rgb(var(--color-border)); }