/* ============================================================
   Brand Page — single brand view
   ============================================================ */
.bp-crumb{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12px;font-weight:500;color:rgba(253,243,227,.45);margin-bottom:36px}
.bp-crumb a{color:rgba(253,243,227,.45);transition:color .15s}.bp-crumb a:hover{color:rgba(253,243,227,.8)}
.bp-crumb-sep{opacity:.5}
.brand-hero{background:var(--ink);position:relative;overflow:hidden;padding:52px 0 0}
.brand-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 65% at 75% 40%,rgba(218,161,91,.18) 0,transparent 65%),radial-gradient(ellipse 35% 50% at 5% 80%,rgba(240,103,36,.13) 0,transparent 60%);pointer-events:none}
.brand-hero-inner{position:relative;z-index:1}
.brand-hero-layout{display:grid;grid-template-columns:1fr 336px;gap:64px;align-items:center;padding-bottom:64px}
.brand-hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}
.brand-eyebrow-tier{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;background:rgba(240,103,36,.18);color:var(--orange);padding:5px 12px;border-radius:99px}
.brand-eyebrow-verified{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:rgba(45,106,79,.22);color:#4ade80;padding:5px 12px;border-radius:99px;display:inline-flex;align-items:center;gap:5px}
.brand-hero-identity{display:flex;align-items:center;gap:26px;margin-bottom:22px}
.brand-hero-logo-el{width:96px;height:96px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:24px;font-weight:800;color:white;letter-spacing:-.04em;flex-shrink:0;box-shadow:0 8px 32px rgba(240,103,36,.4)}
.brand-hero-name{font-family:var(--font-editorial);font-size:clamp(50px,7vw,88px);color:var(--cream);line-height:1;letter-spacing:-.01em}
.brand-hero-desc{font-size:16px;color:rgba(253,243,227,.68);line-height:1.72;max-width:540px;margin-bottom:32px}
.brand-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.btn-follow{display:inline-flex;align-items:center;gap:8px;background:rgba(253,243,227,.08);border:1.5px solid rgba(253,243,227,.2);color:var(--cream);border-radius:999px;padding:12px 22px;font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}
.btn-follow:hover{background:rgba(253,243,227,.14);border-color:rgba(253,243,227,.38)}
.btn-follow.following{background:rgba(240,103,36,.15);border-color:var(--orange);color:var(--orange)}
.btn-shop-all{display:inline-flex;align-items:center;gap:7px;background:var(--orange);color:white;border-radius:999px;padding:12px 24px;font-family:var(--font-display);font-size:13px;font-weight:700;cursor:pointer;border:none;text-decoration:none;transition:all .2s}
.btn-shop-all:hover{background:var(--orange-deep);transform:translateY(-1px);box-shadow:0 6px 20px rgba(240,103,36,.4)}
.btn-share-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:rgba(253,243,227,.08);border:1.5px solid rgba(253,243,227,.15);border-radius:50%;color:rgba(253,243,227,.65);cursor:pointer;transition:all .2s}
.btn-share-icon:hover{background:rgba(253,243,227,.14);color:var(--cream)}
.brand-stats-wrap{display:flex;flex-direction:column;gap:13px}
.brand-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.brand-stat-card{background:rgba(253,243,227,.05);border:1px solid rgba(253,243,227,.08);border-radius:14px;padding:18px 16px}
.brand-stat-card strong{display:block;font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--cream);line-height:1;margin-bottom:5px}
.brand-stat-card span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(253,243,227,.38);font-weight:600}
.brand-auth-seal{background:rgba(45,106,79,.15);border:1px solid rgba(74,222,128,.2);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px}
.brand-auth-seal-icon{width:40px;height:40px;background:rgba(74,222,128,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#4ade80}
.brand-auth-seal-text strong{display:block;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--cream);margin-bottom:2px}
.brand-auth-seal-text span{font-size:11px;color:rgba(253,243,227,.48);line-height:1.4}
.brand-preview-strip{border-top:1px solid rgba(253,243,227,.07);overflow:hidden;padding:18px 0}
.brand-preview-track{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.brand-preview-track::-webkit-scrollbar{display:none}
.brand-preview-item{width:78px;height:78px;border-radius:12px;overflow:hidden;flex-shrink:0;cursor:pointer;transition:transform .2s,opacity .2s,border-color .2s;opacity:.6;border:2px solid transparent}
.brand-preview-item:hover{transform:scale(1.06);opacity:1;border-color:var(--orange)}
.brand-preview-item img{width:100%;height:100%;object-fit:cover}
.brand-products-section{padding:0 0 80px}
.brand-toolbar{position:sticky;top:120px;z-index:40;background:rgba(253,243,227,.93);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(123,51,49,.1);padding:14px 0;margin-bottom:36px}
.brand-toolbar-inner{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}
.brand-cat-tabs{display:flex;gap:6px;flex-wrap:wrap}
.brand-cat-tab{background:transparent;border:1.5px solid rgba(123,51,49,.12);border-radius:999px;padding:7px 16px;font-family:var(--font-display);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);cursor:pointer;transition:all .15s;white-space:nowrap}
.brand-cat-tab:hover{background:var(--cream-deep);color:var(--ink);border-color:rgba(123,51,49,.2)}
.brand-cat-tab.active{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.brand-toolbar-right{display:flex;align-items:center;gap:12px}
.brand-sort-label{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink-soft);opacity:.7;white-space:nowrap}
.brand-sort-select{background:var(--paper);border:1.5px solid rgba(123,51,49,.12);border-radius:8px;padding:7px 12px;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;outline:none;transition:border-color .15s}
.brand-sort-select:focus{border-color:var(--orange)}
.brand-count-label{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink-soft);opacity:.6;white-space:nowrap}
.bp-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bp-prod-card{background:var(--paper);border-radius:var(--radius);border:1.5px solid rgba(123,51,49,.07);overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s;text-decoration:none;color:var(--ink);display:flex;flex-direction:column}
.bp-prod-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(123,51,49,.12);border-color:rgba(240,103,36,.2)}
.bp-prod-img-wrap{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--cream-deep);flex-shrink:0}
.bp-prod-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.bp-prod-card:hover .bp-prod-img-wrap img{transform:scale(1.05)}
.bp-prod-cond{position:absolute;top:10px;left:10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:20px;line-height:1.4}
.cond-ex{background:#1e7a47;color:white}
.cond-vg{background:var(--blue);color:white}
.cond-gd{background:var(--orange);color:white}
.bp-wish{position:absolute;top:10px;right:10px;width:32px;height:32px;background:rgba(255,255,255,.88);border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:var(--maroon);opacity:0;transition:opacity .2s,transform .2s,background .2s}
.bp-prod-card:hover .bp-wish{opacity:1}
.bp-wish:hover{background:white;transform:scale(1.12)}
.bp-wish.on{opacity:1;color:var(--orange)}
.bp-prod-body{padding:14px 14px 16px;flex:1;display:flex;flex-direction:column;gap:8px}
.bp-prod-name{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink);line-height:1.3}
.bp-prod-row{display:flex;align-items:center;justify-content:space-between}
.bp-prod-price{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--maroon)}
.bp-prod-size{font-size:11px;font-weight:600;background:var(--cream-deep);padding:3px 8px;border-radius:6px;color:var(--ink-soft)}
.bp-prod-add{width:100%;background:var(--ink);color:var(--cream);border:none;border-radius:8px;padding:10px;font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:auto;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s,background .2s}
.bp-prod-card:hover .bp-prod-add{opacity:1;transform:translateY(0)}
.bp-prod-add:hover{background:var(--orange)}
.btn-load-more{background:transparent;border:2px solid rgba(123,51,49,.18);border-radius:999px;padding:14px 48px;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all .2s}
.btn-load-more:hover{background:var(--ink);border-color:var(--ink);color:var(--cream);transform:translateY(-1px)}
.brand-about-section{padding:64px 0;background:var(--paper);border-top:1px solid rgba(123,51,49,.08)}
.brand-about-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.brand-about-label{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--orange);margin-bottom:14px}
.brand-about-title{font-family:var(--font-editorial);font-size:40px;color:var(--ink);line-height:1.1;margin-bottom:22px}
.brand-about-body p{font-size:15px;color:var(--ink-soft);line-height:1.75;margin-bottom:16px}
.brand-facts{display:flex;flex-direction:column}
.brand-fact{display:flex;align-items:baseline;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(123,51,49,.08);gap:12px}
.brand-fact:first-child{border-top:1px solid rgba(123,51,49,.08)}
.brand-fact-label{font-family:var(--font-display);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);opacity:.65;flex-shrink:0}
.brand-fact-value{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--ink);text-align:right}
.brand-related-section{padding:56px 0 72px;background:var(--cream)}
.brand-related-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}
.brand-related-head h2{font-family:var(--font-editorial);font-size:28px;color:var(--ink)}
.brand-related-see-all{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--orange);display:inline-flex;align-items:center;gap:5px;transition:gap .2s}
.brand-related-see-all:hover{gap:8px}
.brand-related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.brand-rel-card{background:var(--paper);border-radius:var(--radius);border:1.5px solid rgba(123,51,49,.07);padding:20px 14px 18px;text-align:center;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .22s,box-shadow .22s,border-color .22s}
.brand-rel-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(123,51,49,.1);border-color:rgba(240,103,36,.25)}
.brand-rel-logo{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:-.04em}
.brand-rel-name{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--ink)}
.brand-rel-count{font-size:11px;color:var(--ink-soft);font-weight:500}
.logo-bg-vintage{background:linear-gradient(135deg,var(--orange) 0,var(--orange-deep) 100%);color:white}
@media(max-width:1024px){.brand-hero-layout{grid-template-columns:1fr;gap:36px}.brand-stats-grid{grid-template-columns:repeat(4,1fr)}.bp-product-grid{grid-template-columns:repeat(3,1fr)}.brand-about-inner{grid-template-columns:1fr}.brand-related-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:768px){.bp-product-grid{grid-template-columns:repeat(2,1fr)}.brand-stats-grid{grid-template-columns:repeat(2,1fr)}.brand-hero-name{font-size:52px}.brand-hero-layout{padding-bottom:40px}.brand-toolbar{top:108px}.brand-related-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.brand-related-grid{grid-template-columns:repeat(2,1fr)}.brand-hero-actions{flex-direction:column;align-items:flex-start}.bp-product-grid{gap:12px}}

/* shop.js uses .loved for saved-state (matches .on) */
.bp-wish.loved{opacity:1;color:var(--orange)}

/* On touch devices there's no hover, so the reveal-on-hover "Add to Cart"
   button would never appear — keep it visible (it's already full-width). */
@media (hover: none), (max-width: 768px) {
  .bp-prod-add { opacity: 1; transform: none; }
}

/* All tier logo themes (shared with brands.css) */
.logo-bg-designer{background:linear-gradient(135deg,var(--maroon) 0,var(--maroon-deep) 100%);color:var(--gold)}
.logo-bg-streetwear{background:linear-gradient(135deg,#2d2826 0,#1a1110 100%);color:var(--cream)}
.logo-bg-sportswear{background:linear-gradient(135deg,var(--blue) 0,#0d82b8 100%);color:white}
.logo-bg-local{background:linear-gradient(135deg,#40916c 0,#2d6a4f 100%);color:white}
.logo-bg-other{background:linear-gradient(135deg,#9d8189 0,#6b5563 100%);color:white}