/* Product-first shopping: the same compact structure across collection palettes. */
body.catalog-first[data-theme]{--bg:#f9fafb;--fg:#3a0f34;--muted:#766d79;--line:#dce0e6;--surface:#f0f3f6;background:var(--bg);color:var(--fg)}
body.catalog-first[data-theme=women]{--bg:#f5f9fc;--surface:#eaf1f5;--fg:#2d4051;--muted:#687987;--line:#d9e2e9}
body.catalog-first[data-theme=men]{--bg:#111214;--surface:#1e2024;--fg:#eceef2;--muted:#b3b5bd;--line:#363940}
body.catalog-first[data-theme=kids]{--bg:#fffcf7;--surface:#f5eee7;--fg:#513b50;--muted:#857281;--line:#e8dedf}
body.catalog-first[data-theme] .header{position:relative;inset:auto;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:104px 56px 58px;align-items:center;gap:0;max-width:1440px;width:100%;height:auto;padding:0 5%;margin:auto;background:var(--bg);color:var(--fg);border:0;mix-blend-mode:normal;z-index:2}
body.catalog-first[data-theme] .header .shop-menu{grid-column:1;grid-row:1;display:grid;width:44px;height:44px;padding:10px;justify-self:start}
.header .shop-mobile-search{display:none}
body.catalog-first[data-theme] .header .brand{grid-column:2;grid-row:1;display:flex;width:auto;max-width:100%;justify-self:center;padding:6px 0}
body.catalog-first[data-theme] .header .brand .shop-brand-logo{display:block;width:174px;max-width:100%;height:auto;object-fit:contain;filter:none;opacity:1}
body.catalog-first[data-theme=men] .header .brand .shop-brand-logo{filter:invert(1)}
body.catalog-first[data-theme] .header .tools{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:14px;--fg:inherit;--bg:inherit;color:inherit;mix-blend-mode:normal}
body.catalog-first[data-theme] .header .tools .story-link,body.catalog-first[data-theme] .header .tools [data-action=search]{display:none}
body.catalog-first[data-theme] .header .tools .icon{width:34px;height:44px;padding:5px}
.catalog-first .icon svg{fill:none;stroke:currentColor;stroke-width:1.3}
body.catalog-first[data-theme] .header .primary{grid-column:1/-1;grid-row:3;display:flex;justify-content:center;align-items:stretch;gap:55px;border-bottom:1px solid var(--line);height:58px;width:100%;overflow:visible}
body.catalog-first[data-theme] .header .primary button{font:15px/1.3 Georgia,serif;letter-spacing:0;text-transform:none;min-height:44px;white-space:nowrap;padding:15px 5px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted)}
body.catalog-first[data-theme] .header .primary button[aria-pressed=true]{border-bottom-color:var(--fg);color:var(--fg)}
.catalog-first .shop-search{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid #bec7d2;border-radius:8px;height:48px;max-width:800px;width:100%;justify-self:center;background:var(--bg);color:var(--muted)}
.catalog-first .shop-search svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5}
.catalog-first .shop-search input{border:0;border-radius:0;outline:none;box-shadow:none;color:var(--fg);background:transparent;width:100%;font:16px/1.4 Arial,sans-serif;min-height:44px;min-width:0}
.catalog-first .shop-search input::placeholder{color:var(--muted);opacity:.8}
.catalog-first .shop-search:focus-within{outline:2px solid var(--fg);outline-offset:3px}
body.catalog-first[data-theme] #main{display:block}
body.catalog-first[data-theme] #main>.pieces-section{padding:0 5% 58px;max-width:1440px;width:100%;margin:auto;background:var(--bg);display:block}
body.catalog-first[data-theme] .pieces-section .filter-bar{display:flex;align-items:center;overflow:auto;scrollbar-width:none;gap:10px;padding:19px 0 7px;margin:0;white-space:nowrap;min-height:70px}
body.catalog-first[data-theme] .pieces-section .filter-bar::-webkit-scrollbar{display:none}
body.catalog-first[data-theme] .filter-bar button{flex-shrink:0;border:1px solid var(--line);border-radius:30px;padding:10px 20px;min-height:42px;font:13px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none;color:var(--muted);background:transparent}
body.catalog-first[data-theme] .filter-bar button[aria-pressed=true]{color:var(--bg);background:var(--fg);border-color:var(--fg)}
body.catalog-first[data-theme] .pieces-section .section-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 24px}
body.catalog-first[data-theme] #pieces-title{font:400 40px/1.15 Georgia,serif;letter-spacing:-.6px;text-transform:none;margin:0;scroll-margin-top:15px}
.catalog-first #catalog-count{font-size:11px;color:var(--muted);margin-top:6px;min-height:13px}
.catalog-first .shop-filter-button{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;font-size:12px;white-space:nowrap}
.catalog-first .shop-filter-button svg{width:20px;height:20px;fill:var(--bg);stroke:currentColor;stroke-width:1.4}
body.catalog-first[data-theme] .products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
body.catalog-first[data-theme] .product{min-width:0;position:relative;padding:0;background:transparent;color:var(--fg);border:0;box-shadow:none;display:flex;flex-direction:column}
body.catalog-first[data-theme] #products .product-image{border-radius:5px;aspect-ratio:1/1;background:#fff}
body.catalog-first[data-theme] #products .product-image img{object-fit:contain}
body.catalog-first[data-theme] .product .product-open{display:flex;flex:1;flex-direction:column;align-items:stretch;text-align:left;padding:0}
body.catalog-first[data-theme] .product h3{font:400 18px/1.4 Georgia,serif;text-transform:none;letter-spacing:0;margin:14px 0 5px;overflow-wrap:anywhere}
body.catalog-first[data-theme] .product h3.design-number-title{font:400 13px/1.5 Arial,sans-serif;letter-spacing:.1px;color:var(--fg)}
body.catalog-first[data-theme] .product .design-number{font-size:10px;color:var(--muted);margin:0 0 5px}
body.catalog-first[data-theme] .product-price{margin:5px 0 4px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
body.catalog-first[data-theme] .product-price strong{font:400 20px/1.4 Georgia,serif;letter-spacing:0}
body.catalog-first[data-theme] .product-price del{font:12px/1.4 Arial,sans-serif;color:var(--muted)}
body.catalog-first[data-theme] .product-meta{font:11px/1.5 Arial,sans-serif;letter-spacing:0;text-transform:none;color:var(--muted)}
body.catalog-first[data-theme] .product-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;margin-top:14px;gap:7px;border:0}
body.catalog-first[data-theme] .product-actions .buy-now,body.catalog-first[data-theme] .product-actions .product-add-bag,body.catalog-first[data-theme] .product-actions .product-video-call{display:flex;align-items:center;justify-content:center;grid-column:1/-1;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 8px;border-radius:3px;font:500 12px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none;text-align:center;white-space:normal;overflow-wrap:anywhere}
body.catalog-first[data-theme] .product-actions .buy-now{background:var(--fg);color:var(--bg);border:1px solid var(--fg);gap:12px}
body.catalog-first[data-theme] .product-actions .product-add-bag{background:transparent;color:var(--fg);border:1px solid var(--fg)}
body.catalog-first[data-theme] .product-actions .product-add-bag:hover:not(:disabled){background:var(--surface)}
body.catalog-first[data-theme] .product-actions .product-video-call{border:0;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
body.catalog-first[data-theme] .product-actions .product-video-call:hover{color:var(--fg)}
body.catalog-first[data-theme] .product-actions :focus-visible{outline:2px solid var(--fg);outline-offset:3px}
body.catalog-first[data-theme] .product .save{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:36px;height:36px;min-width:36px;border-radius:50%;background:#ffffffea;color:#3a0f34;border:0;font:27px/1 Arial,sans-serif;z-index:1}
.catalog-first .shop-empty,.catalog-first .shop-loading{grid-column:1/-1;padding:70px 20px;text-align:center;color:var(--muted);min-height:220px;font-size:14px}
.catalog-first .shop-empty button{margin-top:18px;color:var(--fg)}
.catalog-first .shop-loading{background:var(--surface);border-radius:5px}
.catalog-first .shop-more{display:block;margin:35px auto 0;min-height:46px;padding:12px 28px;border:1px solid var(--line);font-size:13px}
.catalog-first .shop-more[hidden]{display:none}
body.catalog-first[data-theme] #main>.home-story{display:none}
body.catalog-first[data-theme] footer.site-footer{padding:48px 5% 24px;background:var(--surface);color:var(--fg);border-top:1px solid var(--line)}
.catalog-first .shop-options{display:flex;flex-direction:column;gap:18px;margin-top:25px;font-size:14px}
.catalog-first .shop-options select{width:100%;padding:12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:16px Arial,sans-serif;border-radius:5px}
.catalog-first .shop-check{display:flex;align-items:center;gap:10px;min-height:44px}
.catalog-first .shop-check input{width:18px;height:18px;accent-color:var(--fg)}
.catalog-first .shop-options .button{margin:8px 0 0;justify-content:center;color:var(--bg);background:var(--fg);min-height:46px}
.catalog-first .shop-category-menu{display:flex;flex-direction:column;gap:0;margin-top:22px}
.catalog-first .shop-category-menu button,.catalog-first .shop-category-menu a{display:flex;align-items:center;justify-content:space-between;text-align:left;border-bottom:1px solid var(--line);min-height:50px;font-size:14px;padding:12px 0}
.catalog-first .shop-bottom-nav{display:none}
body.catalog-first[data-theme] dialog{max-width:800px;background:var(--bg);color:var(--fg)}
@media(max-width:800px){
 body.catalog-first[data-theme]{padding-bottom:calc(65px + env(safe-area-inset-bottom))}
 body.catalog-first[data-theme] .header{grid-template-rows:96px 50px 49px;padding:0 5%;grid-template-columns:88px minmax(0,1fr) 88px}
 body.catalog-first[data-theme] .header .brand .shop-brand-logo{width:158px}
 body.catalog-first[data-theme] .header .tools{gap:0}
 body.catalog-first[data-theme] .header .tools [data-action=wishlist]{display:none}
 body.catalog-first[data-theme] .header .tools .icon{width:44px;height:44px;padding:10px}
 body.catalog-first[data-theme] .header .tools .account-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px;flex:0 0 44px;text-transform:none}
 body.catalog-first[data-theme] .header .account-link svg{width:22px;height:22px;flex-shrink:0}
 body.catalog-first[data-theme] .header .account-link .account-label{position:static;display:block;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;clip-path:none;white-space:nowrap;border:0;font:10px/1 Arial,sans-serif;letter-spacing:0;text-transform:none}
 body.catalog-first[data-theme] .header .primary{height:49px;justify-content:space-between;gap:12px}
 body.catalog-first[data-theme] .header .primary button{font-size:15px;padding:12px 6px;min-height:44px}
 .catalog-first .shop-search{height:44px;padding:0 11px;gap:9px}
 .catalog-first .shop-search input{font-size:14px}
 body.catalog-first[data-theme] .pieces-section .filter-bar{padding:14px 0 4px;min-height:59px;gap:8px}
 body.catalog-first[data-theme] .filter-bar button{font-size:12px;min-height:38px;padding:8px 15px}
 body.catalog-first[data-theme] #main>.pieces-section{padding:0 5% 35px}
 body.catalog-first[data-theme] .pieces-section .section-bar{margin:15px 0 18px;gap:12px}
 body.catalog-first[data-theme] #pieces-title{font-size:30px}
 .catalog-first .shop-filter-button{font-size:11px;gap:6px}
 .catalog-first .shop-filter-button svg{width:18px;height:18px}
 body.catalog-first[data-theme] .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}
 body.catalog-first[data-theme] .product h3{font-size:16px;margin-top:10px}
 body.catalog-first[data-theme] .product h3.design-number-title{font-size:12px}
 body.catalog-first[data-theme] .product-price strong{font-size:19px}
 body.catalog-first[data-theme] .product-meta{font-size:10px}
 body.catalog-first[data-theme] .product .save{top:5px;right:5px;width:32px;height:32px;min-width:32px;font-size:25px}
 body.catalog-first[data-theme] .product-actions{margin-top:9px}
 .catalog-first .shop-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:10;border-top:1px solid var(--line);background:var(--bg);padding:6px 4% calc(6px + env(safe-area-inset-bottom));height:calc(65px + env(safe-area-inset-bottom))}
 .catalog-first .shop-bottom-nav button,.catalog-first .shop-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:11px/1.2 Arial,sans-serif;color:var(--muted);min-height:50px}
 .catalog-first .shop-bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4}
 .catalog-first .shop-bottom-nav [data-action=home]{color:var(--fg)}
 .catalog-first .shop-bottom-nav [data-action=home] svg{fill:currentColor;stroke-width:1}
 body.catalog-first[data-theme] footer.site-footer{padding:35px 6% 22px}
}
@media(max-width:370px){
 body.catalog-first[data-theme] .header .brand .shop-brand-logo{width:150px}
 body.catalog-first[data-theme] .header .primary button{font-size:14px}
 body.catalog-first[data-theme] #pieces-title{font-size:27px}
}