.discovery-nav { display:flex; flex-wrap:wrap; gap:20px; margin-left:auto; font-size:14px; font-weight:700; }
.discovery-nav a,.discovery-back { color:var(--blue); text-underline-offset:5px; }
.discovery-section { width:min(1180px,calc(100% - 40px)); margin:54px auto; scroll-margin-top:24px; }
.browse-page main { width:min(1180px,calc(100% - 40px)); margin:auto; }
.browse-page main .discovery-section { width:100%; }
.discovery-section h2 { font-size:clamp(26px,3vw,40px); margin:8px 0 12px; letter-spacing:-.03em; }
.discovery-section>p { color:var(--muted); max-width:720px; line-height:1.8; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:26px; }
.product-entry { display:flex; flex-direction:column; align-items:flex-start; padding:30px; border:1px solid var(--line); border-radius:24px; background:#f3eee4; color:var(--ink); text-decoration:none; }
.product-entry:nth-child(2) { background:#edf2ec; }.product-entry:nth-child(3) { background:#f7e9e6; }
.product-symbol { display:grid; place-items:center; width:64px; height:64px; border-radius:18px; background:#fff9; font-size:36px; color:var(--blue); }
.product-entry h3 { font-size:26px; margin:22px 0 8px; }.product-entry p { line-height:1.8; margin:0 0 22px; }
.product-entry .entry-link { margin-top:auto; color:var(--blue); font-weight:750; }
.theme-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:26px; }
.theme-entry { display:block; padding:24px; border:1px solid var(--line); border-radius:22px; text-decoration:none; color:var(--ink); background:var(--paper); }
.theme-entry h3 { font-size:20px; margin:0 0 12px; }.theme-entry p { line-height:1.8; color:var(--muted); margin:0; }
.theme-entry:nth-child(3) { background:#112d40; color:#fff5d9; }.theme-entry:nth-child(3) p { color:#e4dcc8; }
.product-entry:hover,.theme-entry:hover,.browse-style:hover { outline:2px solid var(--blue); outline-offset:3px; }
.product-entry:focus-visible,.theme-entry:focus-visible,.browse-style:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }
.discovery-filters { display:flex; flex-wrap:wrap; gap:16px; margin:22px 0; }
.discovery-filters label { display:grid; gap:8px; flex:1 1 180px; font-weight:650; }
.discovery-filters select { width:100%; padding:12px; border:1px solid var(--line); border-radius:10px; background:white; color:var(--ink); font:inherit; }
.browse-hero { padding:55px 0 36px; max-width:850px; }.browse-hero h1 { font-size:clamp(36px,5vw,64px); letter-spacing:-.04em; line-height:1.2; margin:20px 0; }
.browse-hero p { font-size:18px; line-height:1.9; color:var(--muted); }.browse-note { font-size:14px!important; }
.browse-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:28px 0 64px; }
.browse-style { display:block; border:1px solid var(--line); border-radius:20px; background:white; overflow:hidden; text-decoration:none; color:var(--ink); padding:20px; }
.browse-style img { width:100%; aspect-ratio:1; object-fit:contain; background:#faf8f2; border-radius:12px; }
.browse-style h3 { font-size:22px; margin:18px 0 8px; }.browse-style p { color:var(--muted); line-height:1.7; }.browse-style>span { color:var(--blue); font-weight:700; }
.discovery-empty { padding:18px; border-radius:12px; background:var(--cream); }
@media(max-width:800px) { .theme-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .product-entry {padding:20px;} .site-header {flex-wrap:wrap; gap:18px;} .discovery-nav {margin-left:0;} }
@media(max-width:600px) { .product-grid,.browse-grid {grid-template-columns:1fr;} .theme-grid {grid-template-columns:1fr;} .discovery-section {margin:38px auto;} .browse-hero {padding:28px 0 18px;} .product-entry {padding:24px;} }