/* A legible buying list: photograph and item identity share the same row. */
.search-help{font-size:var(--small);line-height:1.75;color:var(--sub);margin:-6px 0 15px}
.search-suggestions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 14px}
.search-suggestions button{min-height:49px;border:1px solid #a9a9a9;background:transparent;font-size:16px;padding:9px 3px;word-break:keep-all}
.search-suggestions button[aria-pressed=true]{background:#2f2f2f;color:white;border-color:#2f2f2f}
.search-style-note{font-size:14px;color:var(--sub);line-height:1.8;margin-bottom:22px}
.search-empty-help{font-size:var(--read);color:var(--sub);margin:12px 0 22px}
body[data-page=collection] .search-box input{padding-right:45px}
body[data-page=collection] .categories{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important}
html[data-readable=large] .search-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-readable=large] .search-suggestions button{font-size:20px}
@media(max-width:360px){.search-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}.search-box input::placeholder{font-size:15px}}
.catalog-intro{padding:22px 22px 20px}
.catalog-intro h1{font-size:32px;font-weight:500;letter-spacing:-1.2px;line-height:1.5;margin:0 0 7px}
.catalog-intro>p:last-child{font-size:var(--read);color:var(--sub);line-height:1.8}
body[data-page=collection] .collection-tools{padding:0 20px}
body[data-page=collection] .categories{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:0;border-block:1px solid #b9b9b9}
body[data-page=collection] .category{background:transparent;border:0;border-radius:0;min-height:60px;color:var(--sub);padding:8px 3px;display:flex;align-items:center;justify-content:center;gap:5px}
body[data-page=collection] .category[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink);font-weight:700}
body[data-page=collection] .category small{font-size:13px;font-weight:400}
body[data-page=collection] .search-label{margin-top:22px;font-size:16px;font-weight:400}
body[data-page=collection] .search-box input{border-color:#bebebe;background:#fdfdfd}
.catalog-switch{display:flex;gap:12px;align-items:center;justify-content:space-between}
.catalog-switch .view-toggle{flex:1;max-width:240px;min-width:0}
.catalog-switch .view-toggle button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:16px;padding:9px 8px;min-height:52px}
.catalog-switch svg{width:18px;height:18px;flex-shrink:0}
.overview-shortcut{font-size:15px;min-height:48px;display:flex;align-items:center;white-space:nowrap;border-bottom:1px solid #a6a6a6}
.catalog-result{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin:17px 0 0;font-size:13px;color:var(--sub)}
.catalog-result .result-count{font-size:14px}
#catalog-products{display:block;padding-top:20px}
.catalog-group+.catalog-group{margin-top:34px}
.catalog-group-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #b0b0b0;padding:0 0 12px;margin-bottom:18px}
.catalog-group-heading h2{font-size:23px;line-height:1.5;display:flex;align-items:center;gap:12px;font-weight:500}
.catalog-group-heading h2 span{font:italic 21px Georgia,serif;color:#808080}
.catalog-group-heading>p{font-size:14px;color:var(--sub)}
.catalog-list{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.listing-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);column-gap:18px;row-gap:10px;min-width:0;border-bottom:1px solid var(--line);padding-bottom:18px}
.listing-photo{display:block;position:relative;aspect-ratio:3/4;background:#ebebeb;min-width:0;align-self:start;overflow:hidden}
.listing-photo img{display:block;width:100%;height:100%;object-fit:contain}
.listing-photo .ai-mini{font-size:11px;right:auto;left:6px;bottom:6px;padding:2px 5px;line-height:1.5}
.listing-info{min-width:0;display:flex;flex-direction:column;padding-top:3px}
.listing-category{font-size:13px;line-height:1.6;color:var(--sub);margin-bottom:7px}
.listing-number{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-bottom:10px}
.listing-number span{font-size:11px;letter-spacing:1px;vertical-align:middle;color:var(--sub);font-weight:400}
.listing-info h3{font-size:19px;font-weight:500;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.listing-selected{display:flex;align-items:center;gap:7px;font-size:16px;color:var(--sub);margin:12px 0 10px;line-height:1.5}
.listing-selected .swatch{width:12px;height:12px;flex-shrink:0;border:1px solid #00000022}
.listing-size{font-size:var(--small);color:var(--sub);overflow-wrap:anywhere;margin-bottom:12px}
.listing-detail{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;font-size:16px;border-top:1px solid var(--line);margin-top:auto;padding-top:3px}
.listing-detail>span{font-size:23px;font-weight:400}
.listing-colors{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap;min-width:0;padding-top:3px}
.listing-colors button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #bebebe;background:transparent;padding:8px 11px;min-height:46px;font-size:15px;color:var(--sub);line-height:1.4;flex:1;white-space:nowrap}
.listing-colors button[aria-pressed=true]{border-color:#484848;background:#e8e8e8;color:#2c2c2c;box-shadow:inset 0 0 0 1px #484848;font-weight:600}
.listing-colors .swatch{width:14px;height:14px;border:1px solid #00000022;flex-shrink:0}
.public-products{display:grid;grid-template-columns:minmax(0,1fr);gap:25px;padding:24px 20px 32px}
.public-products img{object-fit:contain}
#catalog-products[data-view=photos] .catalog-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}
#catalog-products[data-view=photos] .listing-card{display:flex;flex-direction:column;gap:0;padding-bottom:14px}
#catalog-products[data-view=photos] .listing-photo{width:100%;margin-bottom:13px}
#catalog-products[data-view=photos] .listing-info{flex:1}
#catalog-products[data-view=photos] .listing-number{font-size:23px;margin-bottom:7px}
#catalog-products[data-view=photos] .listing-category{display:none}
#catalog-products[data-view=photos] .listing-info h3{font-size:17px}
#catalog-products[data-view=photos] .listing-selected{font-size:15px;margin:8px 0}
#catalog-products[data-view=photos] .listing-detail{min-height:46px}
#catalog-products[data-view=photos] .listing-colors{gap:5px;display:grid;grid-template-columns:1fr;margin-top:9px}
#catalog-products[data-view=photos] .listing-colors button{font-size:14px;min-height:44px}
html[data-readable=large] .catalog-switch{flex-wrap:wrap}
html[data-readable=large] .listing-info h3{font-size:22px}
html[data-readable=large] .listing-detail,html[data-readable=large] .listing-selected,html[data-readable=large] .listing-colors button{font-size:18px}
html[data-readable=large] #catalog-products[data-view=photos] .catalog-list{grid-template-columns:minmax(0,1fr)}
html[data-readable=large] #catalog-products[data-view=photos] .listing-colors{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:360px){
 .catalog-intro{padding:20px 16px 18px}.catalog-intro h1{font-size:29px}
 body[data-page=collection] .collection-tools{padding-inline:16px}
 .listing-card{column-gap:13px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
 .listing-number{font-size:23px}.listing-info h3{font-size:17px}.listing-category{font-size:12px;margin-bottom:5px}
 .listing-selected{margin:8px 0;font-size:15px}.listing-detail{font-size:15px}
 .listing-colors button{font-size:14px;padding-inline:6px}
 .catalog-switch{gap:8px}.catalog-switch .view-toggle button{font-size:15px;padding-inline:6px;gap:5px}
 .catalog-switch svg{width:16px}.overview-shortcut{font-size:13px}
 .public-products{padding-inline:16px}
 html[data-readable=large] .listing-card{grid-template-columns:minmax(0,1fr)}
 html[data-readable=large] .listing-photo{width:100%;aspect-ratio:4/4.8}
 html[data-readable=large] .listing-info h3{font-size:22px}
}

/* Controls sit outside the photograph so buyers can explicitly switch views. */
.listing-preview-options{display:grid;grid-template-columns:1fr 1fr;border:1px solid #b7b7b7;margin:0 0 10px}
.listing-preview-options button{min-width:0;min-height:44px;background:#ffffff;color:#333333;font-size:14px;padding:5px 6px}
.listing-preview-options button+button{border-left:1px solid #b7b7b7}
.listing-preview-options button[aria-pressed=true]{background:#222222;color:#ffffff;font-weight:600}
html[data-readable=large] .listing-preview-options button{font-size:18px}

/* Keep result updates available to screen readers without displaying counts. */
.catalog-result.visually-hidden{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;white-space:nowrap}

/* Collection: the same quiet, warm editorial language as the home page. */
body[data-page=collection] .catalog-intro{padding:44px 22px 28px}
body[data-page=collection] .catalog-eyebrow{margin:0 0 15px;color:#766d62;font-size:10px;line-height:1.4;letter-spacing:.18em;font-weight:500}
body[data-page=collection] .catalog-intro h1{margin:0 0 10px;color:#302d29;font-size:clamp(27px,6vw,34px);line-height:1.4;font-weight:400;letter-spacing:-.035em}
body[data-page=collection] .catalog-intro>p:last-child{font-size:15px;line-height:1.8;color:#686158;word-break:keep-all}
body[data-page=collection] .collection-tools{padding:0 22px}
body[data-page=collection] .search-label{margin:0 0 10px;color:#514b44;font-size:14px;font-weight:500}
body[data-page=collection] .search-box input{min-height:54px;border:1px solid #d4ccc0!important;background:#fbf9f5!important;border-radius:0}
body[data-page=collection] .search-box input:focus-visible{outline:2px solid #75695c;outline-offset:2px}
body[data-page=collection] .search-help{margin:9px 0 12px;color:#71695f;font-size:13px;line-height:1.6}
body[data-page=collection] .search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
body[data-page=collection] .search-suggestions button{min-width:86px;min-height:42px;padding:8px 17px;border:1px solid #d8d0c5;background:transparent;color:#544c43;font-size:14px;font-weight:400}
body[data-page=collection] .search-suggestions button[aria-pressed=true]{border-color:#51483e;background:#51483e;color:#fff}
body[data-page=collection] .search-style-note{margin:0 0 24px;color:#71695f;font-size:12px;line-height:1.65;word-break:keep-all}
body[data-page=collection] .categories{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))!important;border-color:#ded7cd}
body[data-page=collection] .category{min-height:55px;color:#756d63;font-size:15px;font-weight:400}
body[data-page=collection] .category[aria-pressed=true]{color:#302d29;box-shadow:inset 0 -2px #6d5e4f;font-weight:600}
body[data-page=collection] .catalog-switch{gap:12px;margin-top:21px}
body[data-page=collection] .view-toggle{border:1px solid #d8d0c5}
body[data-page=collection] .view-toggle button{min-height:46px;padding:8px;color:#625a51;background:transparent;font-size:14px;font-weight:400}
body[data-page=collection] .view-toggle button[aria-pressed=true]{background:#51483e;color:#fff}
body[data-page=collection] .overview-shortcut{min-height:44px;padding:0 1px;border-color:#c8bfb3;color:#514b44;font-size:14px}
body[data-page=collection] #catalog-products{padding-top:32px}
body[data-page=collection] .catalog-group+.catalog-group{margin-top:52px}
body[data-page=collection] .catalog-group-heading{padding-bottom:14px;margin-bottom:23px;border-color:#dcd5cb}
body[data-page=collection] .catalog-group-heading h2{gap:12px;font-size:21px;line-height:1.5;font-weight:400}
body[data-page=collection] .catalog-group-heading h2 span{font-size:13px;color:#8a8075;font-weight:400;font-style:normal;letter-spacing:.06em}
body[data-page=collection] .catalog-list{row-gap:30px}
body[data-page=collection] .listing-card{column-gap:16px;row-gap:12px;padding-bottom:23px;border-color:#e2dcd3}
body[data-page=collection] .listing-info{padding-top:3px}
body[data-page=collection] .listing-category{font-size:12px;letter-spacing:.03em;color:#81776c}
body[data-page=collection] .listing-number{font-size:22px;line-height:1.3;letter-spacing:.01em;font-weight:400;color:#39332e}
body[data-page=collection] .listing-number span{font-size:10px;letter-spacing:.12em;color:#81776c}
body[data-page=collection] .listing-info h3{font-size:17px;line-height:1.55;font-weight:500}
body[data-page=collection] .listing-selected{margin:10px 0;color:#71675d;font-size:14px}
body[data-page=collection] .listing-detail{border-color:#e0d9cf;color:#514b44;font-size:14px}
body[data-page=collection] .listing-detail>span{font-size:20px;font-weight:300}
body[data-page=collection] .listing-colors{gap:7px}
body[data-page=collection] .listing-colors button{min-height:44px;border-color:#ded7cd;background:transparent;color:#5d554c;font-size:14px;box-shadow:none}
body[data-page=collection] .listing-colors button[aria-pressed=true]{border-color:#827363;background:#ede8e0;color:#302d29;box-shadow:inset 0 0 0 1px #827363}
body[data-page=collection] .listing-preview-options{border-color:#d9d0c4}
body[data-page=collection] .listing-preview-options button{background:transparent;color:#675f56;font-size:13px}
body[data-page=collection] .listing-preview-options button+button{border-color:#d9d0c4}
body[data-page=collection] .listing-preview-options button[aria-pressed=true]{background:#62574b;color:#fff;font-weight:500}
body[data-page=collection] .notice{padding:24px;background:#f1ede7;color:#655c52;font-size:14px;line-height:1.8}
@media(min-width:800px){
 body[data-page=collection] .catalog-intro{padding:72px clamp(48px,6vw,88px) 32px}
 body[data-page=collection] .catalog-intro h1{font-size:36px}
 body[data-page=collection] .collection-tools,body[data-page=collection] .catalog-wrap{padding-left:clamp(48px,6vw,88px);padding-right:clamp(48px,6vw,88px)}
 body[data-page=collection] .collection-tools{max-width:820px}
 body[data-page=collection] #catalog-products{padding-top:42px}
 body[data-page=collection] .catalog-list{column-gap:38px;row-gap:38px}
}
@media(max-width:360px){
 body[data-page=collection] .catalog-intro{padding-inline:16px}
 body[data-page=collection] .collection-tools{padding-inline:16px}
 body[data-page=collection] .listing-card{column-gap:12px}
 body[data-page=collection] .listing-info h3{font-size:16px}
 body[data-page=collection] .overview-shortcut{font-size:13px}
}
html[data-readable=large] body[data-page=collection] .listing-info h3{font-size:22px}
html[data-readable=large] body[data-page=collection] .listing-detail,html[data-readable=large] body[data-page=collection] .listing-selected,html[data-readable=large] body[data-page=collection] .listing-colors button,html[data-readable=large] body[data-page=collection] .listing-preview-options button{font-size:18px}
html[data-readable=large] body[data-page=collection] .search-suggestions button{font-size:20px}

/* Separate product ordering from the photo/list layout controls. */
body[data-page=collection] .catalog-order{display:flex;max-width:420px;margin:0 0 16px;border:1px solid #d8d0c5}
body[data-page=collection] .catalog-order button{flex:1;min-width:0;min-height:46px;border:0;background:transparent;color:#625a51;font-size:14px;padding:9px 4px;white-space:nowrap}
body[data-page=collection] .catalog-order button+button{border-left:1px solid #d8d0c5}
body[data-page=collection] .catalog-order button[aria-pressed=true]{background:#51483e;color:#fff}
body[data-page=collection] .catalog-order button:focus-visible{outline:2px solid #75695c;outline-offset:2px}
html[data-readable=large] body[data-page=collection] .catalog-order button{font-size:clamp(14px,4vw,18px)}
