/* CollectiveOnline PHP UI, aligned with approved URBAN ED. 03 design tokens.
   Original reference CSS remains in urban-original.css; all public HTML is SSR. */
body {min-height:100vh} body.page-general{background:var(--paper)}
.site-header .icon-btn {font-size:25px;line-height:1}.search-inline span{font-size:24px;color:var(--acid)}
.stat-symbol{font-size:33px;color:var(--acid);width:36px;display:inline-block}.site-disclosure{padding-top:25px!important;padding-bottom:45px!important;font-size:13px;line-height:1.75;color:var(--muted)}.site-disclosure a{font-weight:800;text-decoration:underline;color:var(--ink)}
.empty-state {grid-column:1/-1;width:100%;margin:14px 0 40px;min-height:235px}.empty-state .empty-symbol{font-size:36px;color:#89ab15}.empty-state p{max-width:520px;margin:14px auto 22px}.empty-state h3{margin:13px 0;line-height:1.1}.empty-state .btn{margin-top:8px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:22px 0 5px;font-size:11px;color:var(--muted)}.breadcrumbs a:last-child{color:var(--ink);font-weight:760}.breadcrumbs a:hover{color:#81aa00}
.product-meta .product-sub{font-size:11px;color:var(--muted);min-height:30px;margin:8px 0 0}.product-card .product-cta {display:block;background:var(--acid);padding:12px 9px;margin:13px 11px 11px;color:#101210;text-align:center;border-radius:5px;font-weight:850;font-size:11px}.product-card .product-cta:hover{background:#b4e825}
.product-card .favorite{display:grid;place-items:center;font-size:24px;line-height:1}.favorite.is-fav,.favorite-detail.is-fav{color:#ba233c}.product-card .product-tag{background:#202721d9;color:#dbff8b}
.brand-tile{display:grid;place-items:center;min-height:110px;padding:12px;text-align:center}.brand-tile:hover{background:#252928;color:#c9ff29}
.page-hero{background:#171a18;color:#f8faf4}.page-hero .container{position:relative}.page-hero h1{max-width:1100px}.page-hero p{color:#bbc6b7;max-width:690px;line-height:1.6}.brand-cover{background:linear-gradient(120deg,#131613,#202820 65%,#303a22)}.journal-cover{background:linear-gradient(95deg,#0c0e0cde,#1c291e88),url('../img/editorial-street.jpg') center 45%/cover;min-height:315px}
.catalog-shell{padding-bottom:70px}.catalog-content .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-content .product-image{height:260px}.facet-form{display:flex;flex-direction:column;gap:11px;margin:21px 0}.facet-form label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.facet-form input,.facet-form select{width:100%;background:var(--paper);color:var(--ink);padding:12px;border:1px solid var(--line);border-radius:5px}.facet-form button{margin-top:7px}.filter-reset{font-size:11px;text-decoration:underline}.filter-help{font-size:11px;line-height:1.7;color:var(--muted)}.filter-link{display:block;margin:14px 0;font-size:12px}.catalog-shell aside h3{font-size:12px;letter-spacing:.09em;margin-top:28px}.category-editorial{margin:60px 0 30px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.category-editorial h2{font-size:30px;letter-spacing:-.055em;text-transform:uppercase}.category-editorial h3{font-size:15px;text-transform:uppercase}.category-editorial p{font-size:14px;color:var(--muted);line-height:1.85;max-width:850px}.link-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.link-chips a{padding:12px 15px;border:1px solid var(--line);border-radius:5px;font-size:12px;font-weight:750}.link-chips a:hover{background:var(--acid);color:#111}
.brand-filter,.search-hero-form{display:flex;align-items:end;gap:11px;margin:25px 0}.brand-filter label{font-size:12px;font-weight:800}.brand-filter input,.search-hero-form input{flex:1;min-width:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:15px}.brand-filter button{padding:15px 20px}.search-hero-form{max-width:770px}.search-hero-form input{font-size:15px}.search-results-heading{font-size:31px;letter-spacing:-.055em}.brands-directory .tile{transition:transform .18s,border-color .18s}.brands-directory .tile:hover{transform:translateY(-3px);border-color:#92ba15}
.detail-brand{font-size:17px!important;color:var(--ink)!important;font-weight:700}.detail-side .favorite-detail{margin-top:12px}.offer-link{display:block;text-align:center;background:var(--acid);padding:12px 9px;border-radius:5px;color:#151615;font-size:11px;font-weight:850}.offer-heading{font-size:18px;letter-spacing:-.035em}.detail-picture img{object-fit:contain}.detail-side details{margin:18px 0}.detail-side .notice{font-size:13px}
.editorial-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.article-tile{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:300px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.article-tile h2{font-size:29px;letter-spacing:-.06em;margin:10px 0 0;line-height:1.1}.article-tile p{font-size:13px;line-height:1.75;color:var(--muted)}.article-tile b{margin-top:auto;font-size:12px}.article-tile:hover{border-color:#b4e825}.article-body{max-width:960px;margin:45px auto 110px}.article-body p{font-size:16px;line-height:2;color:var(--muted)}.article-body h2{margin-top:42px;font-size:29px;letter-spacing:-.05em}.legal-copy{padding-bottom:40px}
.favorites-list .favorite-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--paper);margin:9px 0;padding:14px;border-radius:4px;text-align:left}.favorite-row a{font-size:15px;font-weight:800}.favorite-row button{background:var(--acid);border:0;padding:10px 15px;color:#111}
.mobile-bottom a{gap:0!important;font-size:24px!important}.mobile-bottom small{font-size:9px;font-weight:600}.site-footer{margin-top:45px}.footer-desc{max-width:390px}.filter-panel{align-self:start}.filters-overlay{position:fixed;inset:0;background:#0009;z-index:139}.filter-top h2{font-size:22px;letter-spacing:-.035em}.empty-state a.btn.alt{color:var(--ink);border:1px solid var(--line)}
@media(max-width:920px){.editorial-articles{grid-template-columns:repeat(2,1fr)}.catalog-content .product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.ticker{min-height:25px}.hero h1{font-size:clamp(53px,13vw,79px)}.hero-note{display:none}.catalog-content .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-content .product-image{height:168px}.catalog-content .product-card .product-cta{padding:10px 5px;font-size:10px}.filter-panel{padding:26px}.brand-filter{align-items:stretch;flex-direction:column}.brand-filter input{width:100%}.search-hero-form{align-items:stretch;flex-direction:column}.search-hero-form button{width:100%}.editorial-articles{grid-template-columns:1fr}.article-tile{min-height:240px}.category-editorial{margin:38px 0 25px;padding:20px}.category-editorial h2{font-size:24px}.detail-brand{font-size:14px!important}.brand-wall{grid-template-columns:repeat(2,1fr)}.site-disclosure{padding:26px 17px}.mobile-bottom{padding-bottom:env(safe-area-inset-bottom)}.empty-state{padding:31px 15px}.empty-state h3{font-size:22px}.search-results-heading{font-size:24px}}

.compare-add{display:block;width:calc(100% - 22px);border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px;margin:10px 11px 0;font-size:10px;font-weight:800;border-radius:5px}.compare-add:hover{border-color:#c9ff29}.compare-table{width:100%;border-collapse:collapse}.compare-table td,.compare-table th{border:1px solid var(--line);padding:15px;text-align:left}.compare-results{margin-bottom:18px}

/* Native navigation disclosures: crawlable links and keyboard access without JS. */
.nav-dropdown{position:relative}.nav-dropdown>summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;user-select:none;font:inherit;font-size:12px;font-weight:760}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-chevron{font-size:16px;line-height:1;transition:transform .15s}.nav-dropdown[open]>summary{color:var(--acid);border-bottom-color:var(--acid)}.nav-dropdown[open] .nav-chevron{transform:rotate(180deg)}
.nav-panel{position:absolute;top:100%;left:0;width:310px;max-width:calc(100vw - 32px);padding:18px;background:#181e1a;color:#edf0e9;border:1px solid #3c4939;border-radius:0 0 10px 10px;box-shadow:0 18px 38px #0006;max-height:calc(100dvh - 160px);overflow:auto;z-index:110}.nav-panel a{display:block;border-radius:5px;font-size:13px;line-height:1.45;padding:11px 12px}.nav-panel a:hover,.nav-panel a:focus-visible{background:#2c3727;color:#d2ff52}.nav-panel .nav-all{display:flex;justify-content:space-between;gap:14px;color:var(--acid);font-weight:800;border-bottom:1px solid #3c4939;border-radius:0;padding:5px 12px 15px;margin-bottom:10px}.nav-destinations{display:grid;gap:2px}.nav-dropdown-brands .nav-panel{left:auto;right:0;width:650px}.nav-dropdown-brands .nav-destinations{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:7px}
@media(min-width:921px) and (max-width:1190px){.header-tools .search-inline{display:none}}
@media(max-width:920px){.mobile-menu.open{max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding-bottom:30px}.mobile-menu .nav-dropdown{border-bottom:1px solid #3c443d}.mobile-menu .nav-dropdown>summary{padding:15px;justify-content:space-between;font-size:14px;font-weight:800;border:0}.mobile-menu .nav-panel{position:static;width:100%;max-width:none;max-height:none;overflow:visible;padding:0 4px 14px;background:#141a16;border:0;border-radius:7px;box-shadow:none}.mobile-menu .nav-panel a{padding:12px;font-size:13px;font-weight:600;border:0}.mobile-menu .nav-panel .nav-all{font-weight:800;padding-top:14px;border-bottom:1px solid #3c443d;margin:0 8px 8px}.mobile-menu .nav-dropdown-brands .nav-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-menu .nav-panel a{overflow-wrap:anywhere}}

.brand-tape a:hover{text-decoration:underline;text-underline-offset:4px}.brand-tape a:focus-visible{outline:2px solid #131613;outline-offset:5px;border-radius:2px}

.product-no-photo{height:100%;min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;text-align:center;padding:32px;background:var(--surface);color:var(--ink)}.product-no-photo strong{font-size:clamp(20px,3vw,36px);letter-spacing:-.04em}.product-no-photo span{font-size:12px;line-height:1.6;color:var(--muted)}.detail-picture .product-no-photo{min-height:390px}.offer-row small{display:block;line-height:1.6}

/* Audit UX fixes: explicit contrast, keyboard access and stable local collections. */
body{font-family:Arial,Helvetica,sans-serif}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:focus-visible{outline:3px solid #648b00;outline-offset:3px}:root[data-theme="dark"] :focus-visible,.site-header :focus-visible,.page-hero :focus-visible,.editorial-band :focus-visible{outline-color:#d2ff52}.search-inline:focus-within{outline:3px solid #d2ff52;outline-offset:2px}.search-shortcut{display:grid}.header-tools .icon-btn{width:44px;height:44px;flex-shrink:0}.header-tools{gap:4px}.editorial-band{background:#111414;color:#f8faf4}.editorial-band .editorial-text p{color:#c1ccbE}.hero-slogan{font-size:clamp(65px,8.15vw,132px);line-height:.94;letter-spacing:-.055em;margin:0 0 28px;font-weight:900;text-transform:uppercase}.hero-slogan em{font-style:normal;color:var(--acid)}.hero-slogan span{color:transparent;-webkit-text-stroke:1.7px #e3f0dc}
.filter-heading{font-size:22px;font-weight:800}.results-count{font-size:22px;letter-spacing:-.025em;font-weight:800;margin:10px 0}.pagination{flex-wrap:wrap;margin:35px 0}.pagination span{padding:12px;min-width:44px;border-radius:5px;text-align:center}.pagination a{min-width:44px;text-align:center}.variant-picker{margin:22px 0}.variant-picker label{display:block;font-weight:700;margin-bottom:10px}.variant-picker select{max-width:100%;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:5px;min-width:180px}.offer-row[hidden],.variant-picker[hidden]{display:none}.offer-price small{overflow-wrap:anywhere}.detail-side{min-width:0}.detail-side h1{overflow-wrap:anywhere;letter-spacing:-.04em}.compare-add[aria-pressed="true"]{background:var(--acid);color:#111}.favorite{min-width:44px;min-height:44px}.favorite-row img,.saved-model img{width:100%;height:180px;object-fit:contain;background:#fff}.saved-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.saved-model{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-width:0}.saved-model h2{font-size:18px;line-height:1.4;overflow-wrap:anywhere}.saved-model p{font-size:13px;line-height:1.6}.saved-model .btn{font-size:11px}.saved-model button,.collection-clear{display:block;padding:12px;margin-top:14px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);min-height:44px}.saved-model .saved-price{font-size:20px;font-weight:800}.saved-model .saved-image-link{display:block}.collection-status{padding:15px;border:1px solid var(--line);margin-bottom:20px}.filter-toggle,.mobile-filter-close{min-width:44px;min-height:44px}.toast{max-width:calc(100vw - 30px)}
@media(min-width:1191px){.search-shortcut{display:none}.header-main{gap:20px}.nav-links{gap:15px}.header-tools{margin-left:8px}}
@media(min-width:921px) and (max-width:1190px){.header-main{gap:10px}.nav-links{gap:10px}.header-tools{margin-left:0}.header-tools .icon-btn{width:38px;min-width:38px}.logo{font-size:22px}.nav-dropdown>summary{font-size:11px}}
@media(max-width:920px){.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-slogan{font-size:clamp(60px,11vw,100px)}.header-tools .search-shortcut{display:grid}}
@media(max-width:680px){.hero-slogan{font-size:clamp(48px,12vw,82px)}.header-main{gap:4px}.header-tools{gap:0}.logo{font-size:20px}.logo em{font-size:6px}.header-tools .icon-btn{width:40px;min-width:40px;height:44px}.mobile-bottom{height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.toast{bottom:calc(72px + env(safe-area-inset-bottom))}.product-bottom{align-items:start;flex-direction:column;gap:2px}.product-meta{padding:10px}.product-card .product-cta,.compare-add{margin-left:0;margin-right:0;width:100%;min-height:44px}.product-tag{max-width:calc(100% - 60px);font-size:7px}.saved-grid{gap:10px}.saved-model{padding:10px}.saved-model h2{font-size:15px}.offer-row{grid-template-columns:1fr 1fr}.offer-row .offer-link{grid-column:1/-1;min-height:44px}.page-hero h1{font-size:clamp(35px,10vw,52px);overflow-wrap:anywhere}.brand-heading .brand-word{font-size:clamp(50px,13vw,100px)}.category-card>div{right:10px}.category-card small{letter-spacing:.08em}.section-heading h2{font-size:clamp(28px,8vw,37px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.hero-bg{background:none!important}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:right center}.hero-bg{display:block}.category-card:before{display:none}.category-photo{position:absolute;inset:0;z-index:-2;display:block}.category-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.category-card.women .category-photo img{object-position:center 18%}.category-card.men .category-photo img{object-position:center 14%}.category-card:after{z-index:-1}.editorial-picture{background-image:url('../img/editorial-street.jpg');background-image:image-set(url('../img/editorial-street-1100.webp') type('image/webp'),url('../img/editorial-street.jpg') type('image/jpeg'))}.product-image picture,.detail-picture picture{display:block;width:100%;height:100%}@media(max-width:680px){.hero-bg img{object-position:62% center}.editorial-picture{background-image:image-set(url('../img/editorial-street-640.webp') type('image/webp'),url('../img/editorial-street.jpg') type('image/jpeg'))}}
.detail-shell{grid-template-areas:"photo info" "gallery info";grid-template-rows:auto 1fr;row-gap:18px}.detail-picture{grid-area:photo}.detail-side{grid-area:info}.product-gallery{grid-area:gallery;display:flex;gap:10px;overflow:auto}.gallery-thumb{flex:0 0 90px;height:110px;border:1px solid var(--line);background:#fff;border-radius:5px;overflow:hidden}.gallery-thumb img{height:100%;width:100%;object-fit:contain}.gallery-thumb picture{height:100%;display:block}.product-attributes{display:grid;grid-template-columns:auto 1fr;font-size:13px;gap:10px 20px;padding:18px;border:1px solid var(--line);border-radius:5px}.product-attributes dt{font-weight:700}.product-attributes dd{margin:0;line-height:1.6}@media(max-width:680px){.detail-shell{grid-template-areas:"photo" "gallery" "info";grid-template-rows:auto auto auto}}

.hero-note .hero-note-heading{font-size:22px;letter-spacing:-.04em;margin:12px 0 9px;font-weight:800;line-height:1.2;color:inherit}