/* Six review directions share the same products, detail sources and navigation. */
.room-collage,.room-tagline{display:none}
.is-product[data-design] .intro{display:none}
.design-review{background:#102b47;color:white;border-bottom:1px solid #29435d}
.design-review>.wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:46px}
.design-review a{display:flex;align-items:center;min-height:44px;font-size:12px}
.design-review select{max-width:65%;min-height:36px;border:1px solid #52687e;border-radius:5px;padding:5px 28px 5px 10px;background:#102b47;color:white;font:inherit;font-size:12px}
.design-review select:focus-visible{outline:2px solid white;outline-offset:2px}

/* 02 — Natural home: warm paper, open horizontal rows. */
body[data-design=b]{background:#f7f5ef;--ink:#30352f;--muted:#6b7068;--line:#dcded3;--pale:#eaece2}
[data-design=b] .header{height:106px;justify-content:center;position:relative}
[data-design=b] .header nav{position:absolute;right:0}
[data-design=b] .room{height:auto;display:flex;flex-direction:column;border-radius:0;background:transparent;overflow:visible}
[data-design=b] .room-copy{position:static;transform:none;padding:28px 0 34px;text-align:center;color:var(--ink)}
[data-design=b] .room-copy h1{font-size:42px;font-weight:500;line-height:1.4}
[data-design=b] .room-copy p{font-size:14px;margin-top:15px;color:var(--muted)}
[data-design=b] .room>img{height:300px;border-radius:14px;object-position:center 65%}
[data-design=b] .intro-content{border:0;padding-block:32px}
[data-design=b] .search{border-color:#b6bcb4;border-radius:14px;background:#fffefa}
[data-design=b] .search-submit{border-radius:0 14px 14px 0}
[data-design=b]:not(.is-product) .catalog{padding-top:18px}
[data-design=b]:not(.is-product) .product-grid{grid-template-columns:1fr 1fr;gap:32px}
[data-design=b]:not(.is-product) .product{display:grid;grid-template-columns:46% 1fr;gap:0 22px;padding-bottom:28px;border-bottom:1px solid var(--line);align-content:start}
[data-design=b]:not(.is-product) .product-image{grid-row:1 / 3;border-radius:14px}
[data-design=b]:not(.is-product) .product-info{padding:5px 0 14px;align-self:center}
[data-design=b]:not(.is-product) h3{font-weight:550;font-size:20px}
[data-design=b]:not(.is-product) .purchase-links{align-self:end}
[data-design=b] .purchase-links a{border-radius:10px}
[data-design=b] .brand{border-radius:14px}

/* 03 — Living magazine: strong type, asymmetric photography, fine rules. */
body[data-design=c]{--ink:#192126;--muted:#636b72;--line:#d5d9dc;--pale:#f4f5f5}
[data-design=c] .header{border-bottom:1px solid var(--line)}
[data-design=c] .room{height:380px;display:grid;grid-template-columns:42% 58%;border-radius:0;background:white;padding-top:28px}
[data-design=c] .room-copy{position:static;transform:none;align-self:center;color:var(--ink);padding:0 30px 24px 0}
[data-design=c] .room-copy h1{font-size:62px;line-height:1.12;letter-spacing:-3px;font-weight:760}
[data-design=c] .room-copy p{font-size:13px;letter-spacing:-.3px}
[data-design=c] .room>img{object-position:75% center}
[data-design=c] .intro-content{padding-block:28px}
[data-design=c] .finder-heading h2{font-weight:550;font-size:19px}
[data-design=c] .search,[data-design=c] .search-submit,[data-design=c] .product-image,[data-design=c] .purchase-links a,[data-design=c] .brand{border-radius:0}
[data-design=c] h2{color:var(--ink);font-weight:700}
[data-design=c]:not(.is-product) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
[data-design=c]:not(.is-product) .product:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:0 40px;padding:0 0 34px;border-bottom:1px solid var(--line)}
[data-design=c]:not(.is-product) .product:first-child .product-image{grid-row:1 / 3;aspect-ratio:1.4}
[data-design=c]:not(.is-product) .product:first-child .product-info{align-self:center}
[data-design=c]:not(.is-product) .product:first-child h3{font-size:30px}
[data-design=c]:not(.is-product) .purchase-links{grid-template-columns:1fr 1fr;gap:8px}
[data-design=c] .purchase-links a:not(.details-link){border-color:var(--line)}
[data-design=c] .product-number{border-radius:0}
[data-design=c] .brand{border-top:1px solid var(--ink);background:white;padding-inline:0}

/* 04 — Product finder: search first, compact cards for ad traffic. */
body[data-design=d]{background:#f2f7fc;--pale:#e5f0fa;--line:#d8e4ef}
[data-design=d] .wrap{max-width:900px}
[data-design=d] .intro{display:flex;flex-direction:column}
[data-design=d] .intro-content{order:-1;display:block;padding:24px 0 20px;border:0}
[data-design=d] .room-copy{position:static;transform:none;text-align:center;margin-bottom:24px}
[data-design=d] .room-copy h1{font-size:38px;line-height:1.35;font-weight:700;letter-spacing:-1.3px}
[data-design=d] .room-copy p,[data-design=d] .finder-heading{display:none}
[data-design=d] .finder-fields{max-width:620px;margin:auto}
[data-design=d] .search{border-color:#b9cee2;border-radius:12px}
[data-design=d] .search-submit{border-radius:0 12px 12px 0}
[data-design=d] .room{height:160px;border-radius:10px}
[data-design=d] .room>img{object-position:center 59%}
[data-design=d] .room-tagline{display:block;position:absolute;left:26px;top:50%;transform:translateY(-50%);font-size:21px;font-weight:600;line-height:1.5;color:var(--navy);max-width:160px;margin:0}
[data-design=d] .catalog{padding-top:25px}
[data-design=d] .catalog-heading h2{font-size:22px}
[data-design=d] .categories{gap:8px;border:0;margin-bottom:18px}
[data-design=d] .categories button{flex:1;border:1px solid #cbdae8;background:white;border-radius:7px;min-height:44px;padding:7px}
[data-design=d] .categories button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}
[data-design=d]:not(.is-product) .product-grid{grid-template-columns:1fr 1fr;gap:14px}
[data-design=d]:not(.is-product) .product{display:grid;grid-template-columns:104px 1fr;gap:14px;padding:16px;border-radius:12px;background:white}
[data-design=d]:not(.is-product) .product-info{align-self:center;padding:0}
[data-design=d]:not(.is-product) .product-info h3{font-size:18px}
[data-design=d]:not(.is-product) .purchase-links{grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:8px}
[data-design=d]:not(.is-product) .purchase-links a:not(.details-link){border-color:#c6d8e8}
[data-design=d] .product-number{background:var(--navy);color:white;top:0;left:0;border-radius:6px 0 6px 0;font-size:12px}
[data-design=d] .brand{margin-top:38px;padding:30px;background:#e3effa}
[data-design=d] .brand-wordmark{font-size:58px}

/* 05 — Photo gallery: expansive photos, one item per row on phones. */
[data-design=e] .room{height:500px;border-radius:0}
[data-design=e] .room-copy{top:28%;left:6%}
[data-design=e] .room-copy h1{font-size:39px;line-height:1.5;font-weight:550}
[data-design=e] .room-copy p{display:none}
[data-design=e] .intro-content{grid-template-columns:1fr;border:0;padding:26px 0 8px;gap:0}
[data-design=e] .finder-heading{display:none}
[data-design=e] .finder-fields{width:100%;max-width:700px;margin:auto}
[data-design=e] .search{border:0;border-bottom:1px solid var(--navy);border-radius:0;gap:12px;padding-bottom:8px}
[data-design=e] .search-icon{display:none}
[data-design=e] .search input{padding-left:0}
[data-design=e] .search-submit{border-radius:3px;margin:0;min-height:48px}
[data-design=e] .search:focus-within{box-shadow:none}
[data-design=e] .search input:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
[data-design=e] .catalog-heading h2{font-weight:500}
[data-design=e]:not(.is-product) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 30px}
[data-design=e] .product-image{border-radius:2px}
[data-design=e]:not(.is-product) .product-info{position:relative;padding:16px 0 20px}
[data-design=e]:not(.is-product) .product-info h3{font-size:24px;font-weight:550}
[data-design=e]:not(.is-product) .purchase-links{grid-template-columns:1fr 1fr;gap:10px}
[data-design=e] .purchase-links a{border-radius:3px;min-height:48px}
[data-design=e]:not(.is-product) .purchase-links a:not(.details-link){border-color:var(--line)}
[data-design=e] .brand{border-radius:0;background:#f2f4f4}

/* 06 — Soft blue: real product photographs in a playful composition. */
[data-design=f]{--pale:#eaf5ff;--line:#dce9f4}
[data-design=f] .room{height:390px;border-radius:24px;background:#eaf5ff}
[data-design=f] .room>img,[data-design=f] .room figcaption{display:none}
[data-design=f] .room-copy{top:45%;left:5%;z-index:1;pointer-events:none}
[data-design=f] .room-copy h1{font-size:45px;font-weight:700;line-height:1.4}
[data-design=f] .room-copy p{font-size:14px}
[data-design=f] .room-collage{display:block;position:absolute;width:46%;height:100%;right:2%;top:0}
[data-design=f] .room-collage img{position:absolute;width:54%;height:auto;aspect-ratio:1;object-fit:contain;border:9px solid white;border-radius:6px;box-shadow:0 8px 24px #012d6d0a}
[data-design=f] .room-collage img:first-child{left:0;top:12%;transform:rotate(-8deg);z-index:1}
[data-design=f] .room-collage img:last-child{right:0;bottom:8%;transform:rotate(8deg)}
[data-design=f] .intro-content{border:0}
[data-design=f] .search{border-radius:16px;border:2px solid var(--navy);padding:5px;background:white}
[data-design=f] .search-submit{border-radius:11px;margin:0;min-height:44px}
[data-design=f] .search input{height:44px}
[data-design=f] .categories{gap:8px;border:0}
[data-design=f] .categories button{flex:1;border:0;border-radius:12px;background:var(--pale);color:var(--navy);min-height:44px;padding:8px}
[data-design=f] .categories button[aria-pressed=true]{background:var(--navy);color:white}
[data-design=f]:not(.is-product) .product{padding:16px;border:1px solid var(--line);border-radius:20px}
[data-design=f] .product-image{border-radius:12px}
[data-design=f] .product-number{border-radius:6px;background:#e4f2ff}
[data-design=f] .purchase-links a{border-radius:10px}
[data-design=f] .brand{border-radius:24px;background:#eaf5ff}

@media(max-width:760px){
  [data-design=b] .header{height:88px;justify-content:space-between}
  [data-design=b] .header nav{position:static}
  [data-design=b] .room{margin:0}
  [data-design=b] .room-copy{padding:14px 0 25px;text-align:left}
  [data-design=b] .room-copy h1{font-size:30px;letter-spacing:-1.1px;line-height:1.45}
  [data-design=b] .room-copy p{display:block;font-size:12px;margin-top:12px}
  [data-design=b] .room>img{height:184px;border-radius:12px;object-position:72% center}
  [data-design=b] .intro-content{padding:24px 0 4px}
  [data-design=b] .finder-heading h2{font-size:17px;font-weight:500}
  [data-design=b]:not(.is-product) .catalog{padding-top:26px}
  [data-design=b]:not(.is-product) .product-grid{grid-template-columns:1fr;gap:22px}
  [data-design=b]:not(.is-product) .product{grid-template-columns:42% 1fr;gap:0 18px;padding-bottom:22px}
  [data-design=b]:not(.is-product) .product-image{grid-row:1 / 2}
  [data-design=b]:not(.is-product) .product-info{padding:8px 0}
  [data-design=b]:not(.is-product) h3{font-size:20px}
  [data-design=b]:not(.is-product) .purchase-links{grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
  [data-design=b]:not(.is-product) .purchase-links a:not(.details-link){border-color:#c8cec5}
  [data-design=b] .brand{margin-inline:0;padding:28px 22px}
  [data-design=c] .room{height:auto;grid-template-columns:1fr;padding-top:26px;margin-inline:0;overflow:visible}
  [data-design=c] .room-copy{padding:0 0 24px}
  [data-design=c] .room-copy h1{font-size:43px;line-height:1.16;letter-spacing:-2px}
  [data-design=c] .room-copy p{display:block;font-size:12px;margin-top:14px}
  [data-design=c] .room>img{height:165px;width:84%;justify-self:end;object-position:83% center}
  [data-design=c] .intro-content{padding:22px 0 15px}
  [data-design=c] .finder-heading{display:none}
  [data-design=c] .finder-fields{margin:0}
  [data-design=c]:not(.is-product) .product-grid{gap:26px 16px}
  [data-design=c]:not(.is-product) .product:first-child{grid-template-columns:46% 1fr;gap:0 18px;padding-bottom:24px}
  [data-design=c]:not(.is-product) .product:first-child .product-image{grid-row:1;aspect-ratio:1}
  [data-design=c]:not(.is-product) .product:first-child h3{font-size:22px}
  [data-design=c]:not(.is-product) .product:first-child .purchase-links{grid-column:1 / -1;margin-top:16px;grid-template-columns:1fr 1fr}
  [data-design=c]:not(.is-product) .purchase-links{grid-template-columns:1fr;gap:4px}
  [data-design=c] .brand{margin-inline:0}
  [data-design=d] .header{height:64px}
  [data-design=d] .intro-content{padding:14px 0 13px}
  [data-design=d] .room-copy{text-align:left;margin-bottom:20px}
  [data-design=d] .room-copy h1{font-size:28px;letter-spacing:-.9px;line-height:1.4}
  [data-design=d] .finder-fields{margin:0}
  [data-design=d] .room{height:105px;margin:0;border-radius:9px}
  [data-design=d] .room-tagline{font-size:16px;left:18px;max-width:122px}
  [data-design=d] .room figcaption{font-size:8px}
  [data-design=d] .catalog{padding-top:22px}
  [data-design=d] .catalog-heading{align-items:baseline}
  [data-design=d] .catalog-heading>div{display:flex;align-items:baseline;gap:12px}
  [data-design=d] .catalog-heading h2{font-size:19px;letter-spacing:-.5px}
  [data-design=d] .result-status{font-size:10px}
  [data-design=d] .categories{gap:6px;margin-bottom:14px}
  [data-design=d] .categories button{font-size:12px;padding:6px 3px}
  [data-design=d]:not(.is-product) .product-grid{grid-template-columns:1fr;gap:12px}
  [data-design=d]:not(.is-product) .product{grid-template-columns:88px 1fr;gap:12px 16px;padding:14px}
  [data-design=d]:not(.is-product) .product-info h3{font-size:18px}
  [data-design=d]:not(.is-product) .product-detail{font-size:12px}
  [data-design=d] .brand{margin-inline:0;padding:26px 20px}
  [data-design=d] .brand-wordmark{font-size:50px}
  [data-design=d].is-product .catalog-heading>div{display:block}
  [data-design=e] .room{height:320px}
  [data-design=e] .room>img{object-position:62% center}
  [data-design=e] .room-copy{top:24%;left:24px;transform:none}
  [data-design=e] .room-copy h1{font-size:27px;line-height:1.5}
  [data-design=e] .intro-content{padding:24px 0 4px}
  [data-design=e] .finder-fields{margin:0}
  [data-design=e]:not(.is-product) .product-grid{grid-template-columns:1fr;gap:34px}
  [data-design=e]:not(.is-product) .product-image{aspect-ratio:1.12}
  [data-design=e]:not(.is-product) .product-info{padding:16px 0}
  [data-design=e]:not(.is-product) .product-info h3{font-size:23px}
  [data-design=e]:not(.is-product) .product-category{font-size:11px}
  [data-design=e]:not(.is-product) .product-detail{font-size:12px}
  [data-design=e] .purchase-links a{font-size:14px}
  [data-design=f] .room{height:312px;margin-inline:0;border-radius:20px}
  [data-design=f] .room-copy{left:22px;top:22px;transform:none}
  [data-design=f] .room-copy h1{font-size:29px;line-height:1.35;letter-spacing:-1.2px}
  [data-design=f] .room-collage{width:78%;height:200px;right:4%;top:auto;bottom:-10px}
  [data-design=f] .room-collage img{width:52%;border-width:6px}
  [data-design=f] .room-collage img:first-child{top:8%;left:0}
  [data-design=f] .room-collage img:last-child{bottom:16%;right:0}
  [data-design=f] .intro-content{padding:24px 0 0}
  [data-design=f] .finder-heading h2{font-size:18px}
  [data-design=f] .search-icon{margin-left:7px}
  [data-design=f] .search input{padding-inline:7px;min-height:44px;font-size:16px}
  [data-design=f] .search-submit{min-width:54px;padding-inline:12px}
  [data-design=f] .categories{gap:5px}
  [data-design=f] .categories button{font-size:12px;padding:7px 3px;border-radius:9px}
  [data-design=f]:not(.is-product) .product-grid{gap:16px 10px}
  [data-design=f]:not(.is-product) .product{padding:10px;border-radius:15px}
  [data-design=f]:not(.is-product) .product-info h3{font-size:16px}
  [data-design=f] .product-image{border-radius:9px}
  [data-design=f] .brand{margin-inline:0;padding:28px 22px}
}
@media(max-width:360px){
  [data-design=b] .room-copy h1{font-size:27px}
  [data-design=c] .room-copy h1{font-size:40px}
  [data-design=d] .room-copy h1{font-size:25px}
  [data-design=d] .catalog-heading>div{display:block}
  [data-design=e] .room-copy h1{font-size:25px}
  [data-design=f] .room-copy h1{font-size:26px}
  [data-design=f] .room{height:290px}
  [data-design=f] .room-collage{width:86%;height:180px}
}
