/* ARTU: architectural room photography and deliberate editorial scale.
   Resident: product-first hierarchy. Nornorm: compact pill controls.
   Existing image data, navigation, favorites and filter behavior are unchanged. */
.listing-page{
  max-width:1600px;
  padding:36px clamp(24px,5.4vw,86px) 104px;
}
.listing-page .breadcrumb{
  margin-bottom:32px;
  font-size:11px;
  gap:9px;
}
.listing-page>.eyebrow{
  color:var(--muted);
  font-size:10px;
  letter-spacing:.1em;
}
.listing-page .listing-title{
  max-width:1000px;
  margin:13px 0 18px;
  font-size:clamp(46px,5vw,72px);
  font-weight:500;
  letter-spacing:-.055em;
  line-height:1.04;
}
.listing-page .listing-subtitle{
  max-width:700px;
  margin:0;
  font-size:15px;
  line-height:1.7;
}
.listing-page .catalog-tools{
  margin-top:30px;
}
.listing-page .catalog-toolbar{
  width:min(100%,960px);
  min-height:50px;
  gap:10px;
  border:0;
}
.listing-page .collection-picker,
.listing-page .catalog-search,
.listing-page .filter-toggle,
.listing-page .catalog-sort{
  min-height:50px;
  border-radius:999px;
  box-shadow:none;
}
.listing-page .collection-picker .collection-picker-image{
  background:var(--canvas);
}
.listing-page .result-summary{
  min-height:58px;
  padding:14px 0 19px;
}
.listing-page .product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px 24px;
  align-items:stretch;
}
.listing-page .product-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:0;
  border:0;
  border-radius:20px;
  background:var(--surface);
  box-shadow:none;
}
.listing-page .product-card .product-photo{
  flex-shrink:0;
  aspect-ratio:1.13;
  border:0;
  border-radius:20px 20px 0 0;
  box-shadow:none;
  background:var(--surface-hover);
}
.listing-page .product-card .product-photo>img{
  object-position:center 56%;
  transition:transform 700ms var(--ease-lux);
}
.listing-page .product-card .product-badge{
  top:15px;
  left:15px;
  padding:6px 11px;
  border:0;
  background:var(--surface);
  color:var(--ink);
  font-size:10px;
  letter-spacing:0;
}
.listing-page .product-card .save-button{
  top:14px;
  right:14px;
  width:44px;
  height:44px;
  border:0;
  box-shadow:none;
}
.listing-page .product-card .save-button[aria-pressed=true]{
  background:var(--favorite);
  color:var(--on-favorite);
}
.listing-page .product-card .product-meta{
  flex:1;
  padding:20px 22px 20px;
  border-radius:0 0 20px 20px;
  background:var(--surface);
}
.listing-page .product-card .product-meta-top{
  gap:5px 12px;
  font-size:10px;
  letter-spacing:0;
}
.listing-page .product-card .product-meta-top>span:first-child{
  font-size:11px;
  font-weight:400;
}
.listing-page .product-card .product-title-row{
  min-height:46px;
  margin-top:9px;
  gap:14px;
}
.listing-page .product-card .product-meta h3{
  font-size:clamp(25px,2.1vw,31px);
  line-height:1.12;
  letter-spacing:-.04em;
  font-weight:500;
}
.listing-page .product-card .material-swatch{
  flex-basis:42px;
  width:42px;
  height:42px;
  border:3px solid var(--surface);
  box-shadow:0 0 0 1px var(--line);
}
.listing-page .product-card .product-meta-bottom{
  min-height:44px;
  margin-top:13px;
  padding-top:0;
  gap:8px 12px;
  align-items:center;
  border:0;
}
.listing-page .product-card .product-meta-bottom>span,
.listing-page .product-card .product-meta-bottom>span:last-child{
  font-size:20px;
  font-weight:500;
  letter-spacing:-.025em;
}
.listing-page .product-card .product-meta-bottom small{
  font-size:11px;
  font-weight:400;
  letter-spacing:0;
}
.listing-page .product-card .product-details-link{
  justify-content:center;
  min-height:40px;
  padding:8px 15px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--ink);
  background:transparent;
  font-size:11px;
  line-height:1.4;
  text-decoration:none;
}
.listing-page .product-card .product-spec-line{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
}
.listing-page .product-card .product-spec-line>span{
  padding:0 5px;
}
.listing-page .import-note{
  max-width:760px;
  margin-top:30px;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}

/* A collection opens with one room photograph and a compact factual introduction. */
.listing-page .collection-intro{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  align-items:center;
  gap:clamp(30px,5vw,74px);
  margin-bottom:32px;
}
.listing-page .collection-intro h1{
  margin:13px 0 21px;
  font-size:clamp(48px,5vw,72px);
  font-weight:500;
  letter-spacing:-.05em;
  line-height:1.04;
}
.listing-page .collection-intro p{
  max-width:530px;
  font-size:14px;
  line-height:1.8;
}
.listing-page .collection-cover{
  width:100%;
  height:auto;
  aspect-ratio:1.6;
  border-radius:20px;
  object-fit:cover;
  object-position:center 58%;
}
.listing-page .collection-facts{
  gap:8px;
  margin-top:24px;
}
.listing-page .collection-facts span{
  padding:7px 13px;
  border:0;
  border-radius:999px;
  background:var(--surface);
  color:var(--ink);
  font-size:11px;
}

/* The library is a photographic index rather than an oversized text menu. */
.collection-picker-dialog.collection-library{
  width:min(1180px,calc(100% - 64px));
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--canvas);
  box-shadow:0 24px 80px rgba(var(--ink-rgb),.15);
}
.collection-library .collection-library-header{
  padding:29px 32px 20px;
  background:var(--surface);
  border-bottom:0;
}
.collection-library .picker-heading{
  align-items:flex-start;
  gap:24px;
  margin-bottom:24px;
}
.collection-library .picker-heading .eyebrow{
  font-size:9px;
  letter-spacing:.1em;
}
.collection-library .picker-heading h2{
  max-width:700px;
  margin-top:10px;
  font-size:40px;
  font-weight:500;
  line-height:1.1;
  letter-spacing:-.045em;
}
.collection-library .collection-library-tools{
  gap:12px;
}
.collection-library .collection-library-search{
  border-radius:999px;
  background:var(--canvas);
}
.collection-library .collection-all-link{
  padding-inline:20px;
  border-radius:999px;
  background:var(--ink);
  color:var(--surface);
  border-color:var(--ink);
}
.collection-library .collection-all-link>span{
  color:var(--surface);
  opacity:.8;
}
.collection-library .collection-all-link[aria-current=page]{
  background:var(--ink);
  color:var(--surface);
  border-color:var(--ink);
}
.collection-library .collection-library-status{
  margin-top:14px;
  font-size:11px;
}
.collection-library .collection-library-body{
  padding:24px 32px 32px;
}
.collection-library .collection-library-grid{
  gap:24px;
}
.collection-library .collection-library-card{
  padding:0;
  border:0;
  border-radius:18px;
  background:var(--surface);
  box-shadow:none;
}
.collection-library .collection-library-photo{
  aspect-ratio:1.8;
  border:0;
  border-radius:18px 18px 0 0;
}
.collection-library .collection-library-photo>img{
  object-position:center 58%;
}
.collection-library .collection-library-card[aria-current=page] .collection-library-photo{
  outline:0;
}
.collection-library .collection-library-card[aria-current=page]{
  box-shadow:inset 0 0 0 2px var(--ink);
}
.collection-library .collection-library-selected{
  top:14px;
  left:14px;
  padding:7px 11px;
  color:var(--on-action);
  background:var(--action);
}
.collection-library .collection-library-caption{
  margin:0;
  padding:17px 20px 0;
  gap:12px;
}
.collection-library .collection-library-name{
  font-size:25px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:-.035em;
}
.collection-library .collection-library-count{
  color:var(--muted);
  font-size:11px;
}
.collection-library .collection-library-price{
  margin:0;
  padding:6px 20px 20px;
  color:var(--muted);
  font-size:12px;
}
.collection-library .collection-library-card:not(:has(.collection-library-price)) .collection-library-caption{
  padding-bottom:20px;
}
.collection-library .collection-library-card:focus-visible{
  outline:2px solid var(--ink);
  outline-offset:4px;
}
@media(hover:hover) and (pointer:fine){
  .listing-page .product-card .product-photo:hover{box-shadow:none}
  .listing-page .product-card .product-photo:hover>img{transform:translate3d(0,0,0) scale(1.03)}
  .listing-page .product-card .product-details-link:hover{
    background:var(--ink);
    border-color:var(--ink);
    color:var(--surface);
  }
  .listing-page .product-card .save-button[aria-pressed=true]:hover{
    background:var(--favorite-hover);
    color:var(--on-favorite);
    border-color:var(--favorite-hover);
  }
  .collection-library .collection-all-link:hover{
    background:var(--ink);
    color:var(--surface);
    border-color:var(--ink);
  }
}
@media(max-width:1100px){
  .listing-page{padding-inline:32px}
  .listing-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}
  .listing-page .product-card .product-meta h3{font-size:29px}
}
@media(max-width:850px){
  .listing-page{padding:28px 24px 76px}
  .listing-page .listing-title{font-size:56px}
  .listing-page .collection-intro{gap:28px}
  .listing-page .collection-intro h1{font-size:52px}
  .listing-page .collection-intro p{font-size:13px}
  .listing-page .product-card .product-meta{padding:18px}
  .listing-page .product-card .product-meta h3{font-size:25px}
  .listing-page .product-card .material-swatch{flex-basis:36px;width:36px;height:36px}
  .listing-page .product-card .product-meta-bottom>span,
  .listing-page .product-card .product-meta-bottom>span:last-child{font-size:19px}
  .listing-page .product-card .product-details-link{padding:8px 12px;font-size:11px}
  .collection-picker-dialog.collection-library{width:calc(100% - 32px);border-radius:22px}
  .collection-library .collection-library-header{padding:25px 24px 19px}
  .collection-library .picker-heading h2{font-size:34px}
  .collection-library .collection-library-body{padding:22px 24px 28px}
  .collection-library .collection-library-grid{gap:20px}
  .collection-library .collection-library-caption{padding:15px 16px 0;flex-wrap:wrap;gap:5px 12px}
  .collection-library .collection-library-name{font-size:23px}
  .collection-library .collection-library-price{padding:6px 16px 18px}
}
@media(max-width:600px){
  .listing-page{padding:23px 20px 66px}
  .listing-page .breadcrumb{font-size:10px;margin-bottom:27px}
  .listing-page .listing-title{margin:12px 0 18px;font-size:46px;line-height:1.07}
  .listing-page .listing-subtitle{max-width:460px;font-size:13px;line-height:1.7}
  .listing-page .catalog-tools{margin-top:25px}
  .listing-page .product-grid{gap:24px 16px}
  .listing-page .product-card{border-radius:18px}
  .listing-page .product-card .product-photo{aspect-ratio:1.12;border-radius:18px 18px 0 0}
  .listing-page .product-card .product-meta{padding:17px 16px 18px;border-radius:0 0 18px 18px}
  .listing-page .product-card .product-meta-top{font-size:10px}
  .listing-page .product-card .product-meta-top>span:first-child{font-size:11px}
  .listing-page .product-card .product-title-row{margin-top:7px;gap:11px}
  .listing-page .product-card .product-meta h3{font-size:25px}
  .listing-page .product-card .product-meta-bottom{gap:5px 9px;margin-top:9px}
  .listing-page .product-card .product-meta-bottom>span,
  .listing-page .product-card .product-meta-bottom>span:last-child{font-size:18px}
  .listing-page .product-card .product-meta-bottom small{font-size:10px;margin-left:3px}
  .listing-page .product-card .product-details-link{min-height:44px;font-size:11px;padding:9px 11px}
  .listing-page .product-card .product-spec-line{margin-top:10px;padding-top:10px;font-size:10px}
  .listing-page .collection-intro{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-bottom:28px}
  .listing-page .collection-intro h1{font-size:47px;margin:11px 0 18px}
  .listing-page .collection-intro p{font-size:13px}
  .listing-page .collection-cover{aspect-ratio:1.5;border-radius:18px}
  .listing-page .collection-facts{margin-top:19px;gap:7px}
  .listing-page .collection-facts span{padding:7px 11px;font-size:10px}
  .collection-picker-dialog.collection-library{width:calc(100% - 20px);border-radius:20px}
  .collection-library .collection-library-header{padding:22px 19px 17px}
  .collection-library .picker-heading{gap:16px;margin-bottom:20px}
  .collection-library .picker-heading h2{font-size:30px;line-height:1.12;margin-top:9px}
  .collection-library .collection-library-tools{gap:10px}
  .collection-library .collection-all-link{padding-inline:16px}
  .collection-library .collection-library-body{padding:19px 19px 25px}
  .collection-library .collection-library-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .collection-library .collection-library-caption{flex-wrap:nowrap;padding:16px 17px 0;gap:12px}
  .collection-library .collection-library-name{font-size:24px}
  .collection-library .collection-library-price{padding:6px 17px 19px}
}
@media(max-width:480px){
  .listing-page .product-grid{grid-template-columns:minmax(0,1fr);gap:23px}
  .listing-page .product-card .product-meta{padding:19px 20px 20px}
  .listing-page .product-card .product-meta h3{font-size:29px}
  .listing-page .product-card .product-meta-top{font-size:11px}
  .listing-page .product-card .product-meta-top>span:first-child{font-size:12px}
  .listing-page .product-card .product-title-row{margin-top:8px}
  .listing-page .product-card .material-swatch{flex-basis:40px;width:40px;height:40px}
  .listing-page .product-card .product-meta-bottom{margin-top:12px;gap:9px 12px}
  .listing-page .product-card .product-meta-bottom>span,
  .listing-page .product-card .product-meta-bottom>span:last-child{font-size:21px}
  .listing-page .product-card .product-meta-bottom small{font-size:11px;margin-left:5px}
  .listing-page .product-card .product-details-link{padding:9px 16px;font-size:12px}
  .listing-page .product-card .product-spec-line{font-size:11px;margin-top:12px;padding-top:12px}
}
@media(prefers-reduced-motion:reduce){
  .listing-page .product-card .product-photo>img{transition:none}
  .listing-page .product-card .product-photo:hover>img{transform:translate3d(0,0,0) scale(1)}
}