/* Shared navigation and catalog presentation for static and React pages. */
.site-nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.site-nav-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid #E5E0DC;border-radius:999px;color:#444;background:#fff;text-decoration:none;font-size:14px;font-weight:500}
.nav.site-navigation,.cc-nav{height:auto;min-height:56px;padding:4px 20px;gap:8px;flex-wrap:wrap;background:#fff;border-bottom:1px solid #EEE9E5;z-index:20}
.cc-nav-right{flex-wrap:wrap;gap:6px}
.site-nav-links a:hover,.cc-nav-btn:hover{background:#F5EAE8}
.browse .product-cards,.product-grid{gap:16px;align-items:stretch}
.browse .product-cards li,.product-card.has-photo,.product-card.compact.has-art{border:1px solid #E5E0DC;border-radius:14px;background:#fff;overflow:hidden;box-shadow:none}
.browse .product-cards li{padding:0;display:flex;flex-direction:column;align-items:stretch;min-width:0}
.browse .product-cards .info{padding:12px 14px 0;flex:1;min-width:0}
.browse .product-cards .name,.product-card .card-name,.product-card.compact .card-name{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.browse .product-cards .brand-line,.card-brand{font-size:12px;color:#645B56}
.browse .card-top{flex-wrap:wrap;gap:4px 8px}.browse .card-price{font-size:15px;font-weight:600}
.browse .card-bottom{padding:0 14px 14px;flex-wrap:wrap;gap:6px;margin-top:12px}
.browse .card-bottom details{flex-basis:100%}
.browse .card-bottom .btn{width:100%;background:linear-gradient(120deg,#F9C5DA,#E6D3F3,#BEE2F7);border-color:#E2CBE0;color:#1A1A1A;min-height:40px}
.browse .product-photo,.product-photo{display:flex;align-items:center;justify-content:center;min-height:96px;padding:12px;background:#F5F0ED}
.browse .product-art,.product-art{background:var(--art-bg,#F5F0ED)}
.browse .product-art svg,.product-card.compact .product-art svg{height:72px;width:60px}
.art-body{fill:var(--art-body,#E8A598)}.art-cap{fill:var(--art-cap,#8C4538)}.art-label{fill:#fff;opacity:.75}.art-line{fill:var(--art-cap,#8C4538);opacity:.35}
.art-shampoo{--art-bg:#EAF3FB;--art-body:#A9CBEA;--art-cap:#3D6C93}
.art-conditioner{--art-bg:#F5EAE8;--art-body:#E8A598;--art-cap:#8C4538}
.art-leavein{--art-bg:#EEF7F0;--art-body:#9FD6C1;--art-cap:#2E7D5B}
.art-styling{--art-bg:#F7F0E3;--art-body:#E3C48F;--art-cap:#8A6420}
.art-oil{--art-bg:#FBF4DF;--art-body:#EBC867;--art-cap:#8A6420}
.art-mask{--art-bg:#F0ECF7;--art-body:#C3B2E0;--art-cap:#5E4A86}
.brand-search input{width:100%;min-height:40px;padding:8px;border:1px solid #CDBFB6;border-radius:8px;font:inherit;font-size:13px;margin-bottom:8px}
.brand-search-empty{font-size:13px;color:#645B56}
.browse-selected-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.browse-selected-filters button{border:1px solid #E2CBE0;background:#F5EAE8;color:#8C4538;border-radius:999px;min-height:36px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.match-page-count{font-size:13px;color:#645B56;margin:12px 0}
.match-pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin-top:24px}
.match-pagination a,.match-pagination>span[aria-disabled]{display:inline-flex;min-width:40px;min-height:44px;padding:0 12px;align-items:center;justify-content:center;border:1px solid #E5E0DC;border-radius:8px;background:#fff;color:#444;text-decoration:none;font-size:13px}
.match-page-item{display:inline-flex;align-items:center;gap:6px}
.match-pagination [aria-current="page"]{background:#8C4538;color:#fff;border-color:#8C4538}
.match-pagination [aria-disabled]{color:#817872;background:#F7F3F0}
#more-title{scroll-margin-top:100px}
@media(min-width:701px){.product-card.has-photo,.product-card.compact.has-art{display:flex;flex-direction:column;padding:0}.product-card .card-body,.product-card.compact .card-body{padding:12px 14px 8px;flex:1}.product-card .card-actions,.product-card.compact .card-actions{padding:0 14px 14px}.product-card .card-top-row{flex-wrap:wrap}.browse .product-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1200px){main.browse{max-width:1320px}.browse-layout.enhanced{grid-template-columns:210px minmax(0,1fr)}.browse .product-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.nav.site-navigation,.cc-nav{padding:4px 12px}.site-nav-links a,.cc-nav-btn{font-size:12px;padding:0 10px}.site-nav-links{gap:4px}.browse .product-cards{grid-template-columns:1fr}.browse .product-cards li{display:block}.brand-search input{font-size:16px}.browse .product-art{min-height:72px}.browse .product-art svg{height:56px}}
/* The quiz link keeps the quiz's gradient so it stands out in the menu. */
.site-nav-links a.nav-quiz,.cc-nav-btn.nav-quiz{background:linear-gradient(120deg,#F9C5DA 0%,#E6D3F3 50%,#BEE2F7 100%);border-color:#E2CBE0;color:#1A1A1A;font-weight:600}
.site-nav-links .nav-short,.cc-nav .nav-label-short{display:none}
/* Phones: one row. Short labels; anything that still doesn't fit scrolls sideways instead of wrapping. */
@media(max-width:700px){.nav.site-navigation,.cc-nav{flex-wrap:nowrap;min-height:52px}.site-nav-links,.cc-nav-right{flex-wrap:nowrap;overflow-x:auto;min-width:0;scrollbar-width:none;justify-content:flex-start;margin-left:auto}.site-nav-links::-webkit-scrollbar,.cc-nav-right::-webkit-scrollbar{display:none}.site-nav-links a,.cc-nav-btn{flex-shrink:0;min-height:40px}.nav-phone-hide{display:none!important}}
@media(max-width:480px){.site-nav-links .nav-long,.cc-nav .nav-label-long{display:none}.site-nav-links .nav-short,.cc-nav .nav-label-short{display:inline}.cc-nav .nav-long{display:none}}
/* Phone result cards: keep the price and store button inside the card's right edge. */
@media(max-width:700px){.product-card.has-photo,.product-card.has-art,.product-card.compact.has-art{padding-right:14px}}