/* Brand entry presentation only. The model and detail views keep their own controls. */
.product-grid.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:28px 24px}
.brand-card{--brand-ink:#a2493e;--brand-tint:#fff0e9;--brand-edge:#ede4df;border:1px solid var(--brand-edge);border-radius:8px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.brand-card[data-brand-cover="BROOKLYN"]{--brand-ink:#355b85;--brand-tint:#edf4ff;--brand-edge:#e0e7ef}
.brand-card[data-brand-cover="HIKEPLUS"]{--brand-ink:#477747;--brand-tint:#eff8e5;--brand-edge:#e1eadb}
.brand-card[data-brand-cover="HARTMANN"]{--brand-ink:#766044;--brand-tint:#f6f1e6;--brand-edge:#e9e3d8}
.brand-card[data-brand-cover="KREEDO"]{--brand-ink:#337a9b;--brand-tint:#e9f7fd;--brand-edge:#dfeaf0}
.brand-card[data-brand-cover="OCULE"]{--brand-ink:#716080;--brand-tint:#f3edf9;--brand-edge:#e8e1ed}
.brand-card[data-brand-cover="ONPEDDER"]{--brand-ink:#966071;--brand-tint:#fbeef3;--brand-edge:#efdee5}
.brand-card[data-brand-cover="15grams"]{--brand-ink:#39776f;--brand-tint:#eaf7f2;--brand-edge:#ddebe5}
.brand-card[data-brand-cover="MODERN MEOW"]{--brand-ink:#a36c24;--brand-tint:#fff7df;--brand-edge:#eee5cc}
.brand-card:hover,.brand-card:focus-within{border-color:var(--brand-ink);box-shadow:0 5px 22px #202c3810}
.brand-card-heading{padding:28px 26px 12px;background:linear-gradient(180deg,var(--brand-tint),#fff)}
.brand-card .product-title{font-size:clamp(23px,2.15vw,34px);font-weight:500;letter-spacing:-.045em;line-height:1.2;color:var(--brand-ink)}
.brand-card .product-title button{min-height:40px}
.brand-card-series{margin:7px 0 0;font-size:14px;letter-spacing:.095em;line-height:1.5;color:#6b7377}
.brand-card .frame-card-gallery{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;padding-bottom:10px;background:#fff}
.brand-card .frame-card-gallery[aria-busy=true]::after{display:none}
.brand-card.real-product-card .product-visual{aspect-ratio:1.62;padding:0;background:transparent;border:0}
.brand-card .card-main-photo{pointer-events:none}
.brand-card .normalized-photo{background:transparent}
.brand-card img{-webkit-user-drag:none;user-select:none}
.brand-card .card-colour-arrow{top:50%;bottom:auto;transform:translateY(-50%);width:32px;height:44px;color:#5f6c70;opacity:0;pointer-events:none;transition:opacity .18s,color .18s}
.brand-card .card-colour-arrow.previous{left:0}
.brand-card .card-colour-arrow.next{right:0}
.brand-card .card-colour-arrow svg{width:22px;height:22px}
.brand-card:hover .card-colour-arrow,.brand-card:focus-within .card-colour-arrow{opacity:.85;pointer-events:auto}
.brand-card .card-colour-arrow:hover{opacity:1;color:var(--brand-ink)}
.brand-card .is-dragging,.brand-card .is-dragging .product-visual{cursor:grabbing}
.brand-cover-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.product-grid.brand-grid.list-mode{grid-template-columns:1fr;gap:18px}
.brand-grid.list-mode .brand-card{grid-template-columns:minmax(190px,.7fr) minmax(0,1fr);padding:0;border:1px solid var(--brand-edge);gap:0}
.brand-grid.list-mode .brand-card-heading{padding:24px 28px}
.brand-grid.list-mode .frame-card-gallery{width:100%;max-width:410px;justify-self:end;padding-bottom:0}
.brand-grid.list-mode .product-visual{aspect-ratio:2.2}
@media(max-width:1050px) and (min-width:641px){.product-grid.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card .product-title{font-size:27px}}
.brand-mobile-open,.brand-mobile-caption,.mobile-brand-count,.brand-directory-prompt,.category-all-short{display:none}
@media(max-width:640px){
  .site-header{height:72px;border-bottom:0}
  .collection-sidebar{padding-top:0;margin:0 -18px;border-bottom:1px solid var(--line)}
  #category-nav{gap:9px;padding:0 18px;scrollbar-width:none}
  #category-nav::-webkit-scrollbar{display:none}
  #category-nav .category-button{position:relative;border:0;border-radius:0;padding:15px 10px 14px;min-height:48px;margin:0!important;font-size:14px;background:transparent;color:var(--ink);letter-spacing:0}
  #category-nav .category-button.active{font-weight:600;box-shadow:inset 0 -2px var(--ink)}
  #category-nav [data-category=all] .category-name{display:none}
  #category-nav .category-all-short{display:inline}
  main.brand-directory{padding-top:22px}
  .brand-directory>#collection-breadcrumb,.brand-directory .collection-heading .eyebrow,.brand-directory #collection-description,.brand-directory .collection-index,.brand-directory #collection-title>span{display:none}
  .brand-directory .collection-heading{align-items:baseline;gap:12px;padding-bottom:18px}
  .brand-directory #collection-title{font-size:clamp(27px,7.7vw,34px);line-height:1.15;margin:0;letter-spacing:-.05em}
  .brand-directory .mobile-brand-count{display:block;flex-shrink:0;color:var(--muted);font-size:14px;white-space:nowrap}
  .brand-directory .collection-tools{padding:0;border:0;display:block}
  .brand-directory .collection-tools .search-box{display:flex;width:100%;max-width:none;min-width:0;padding:0 12px;border:1px solid transparent;border-radius:8px;height:46px;background:#f3f4f7}
  .brand-directory .collection-tools .search-box:focus-within{border-color:#819099}
  .brand-directory .search-box input{font-size:16px;height:42px}
  .brand-directory .search-box svg{width:20px;height:20px}
  .brand-directory .collection-tools .view-switch,.brand-directory #clear-filters,.brand-directory .sample-note{display:none}
  .brand-directory .results-bar{min-height:0;height:20px;padding:0}
  .brand-directory #results-count{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .brand-directory-prompt,.brand-grid .brand-mobile-caption,.brand-card .brand-mobile-open{display:none}
  .product-grid.brand-grid,.product-grid.brand-grid.list-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;overflow:visible;touch-action:pan-y pinch-zoom}
  .brand-grid .brand-card,.brand-grid.list-mode .brand-card{display:block;min-width:0;padding:0;border:1px solid var(--brand-edge);border-radius:10px;background:#fff;overflow:hidden;box-shadow:none}
  .brand-grid .brand-card{--brand-ink:#ad382f;--brand-tint:#ffded5;--brand-edge:#f0ded9}
  .brand-grid .brand-card[data-brand-cover="BROOKLYN"]{--brand-ink:#295b91;--brand-tint:#dceaff;--brand-edge:#dfe7f1}
  .brand-grid .brand-card[data-brand-cover="HIKEPLUS"]{--brand-ink:#31672f;--brand-tint:#e1f8bf;--brand-edge:#e1ecd6}
  .brand-grid .brand-card[data-brand-cover="HARTMANN"]{--brand-ink:#786040;--brand-tint:#f1e7d5;--brand-edge:#eae3d8}
  .brand-grid .brand-card[data-brand-cover="KREEDO"]{--brand-ink:#226d94;--brand-tint:#d8f1ff;--brand-edge:#dae8ef}
  .brand-grid .brand-card[data-brand-cover="OCULE"]{--brand-ink:#71317e;--brand-tint:#efe0fc;--brand-edge:#e9def1}
  .brand-grid .brand-card[data-brand-cover="ONPEDDER"]{--brand-ink:#953f67;--brand-tint:#f9deeb;--brand-edge:#efdfe6}
  .brand-grid .brand-card[data-brand-cover="15grams"]{--brand-ink:#196a6b;--brand-tint:#d1faf4;--brand-edge:#d7eae6}
  .brand-grid .brand-card[data-brand-cover="MODERN MEOW"]{--brand-ink:#946019;--brand-tint:#fff0ba;--brand-edge:#eee3c6}
  .brand-grid .brand-card-heading,.brand-grid.list-mode .brand-card-heading{min-width:0;padding:16px 12px 12px;background:linear-gradient(180deg,var(--brand-tint),#fff)}
  .brand-grid .brand-card .product-title{font-size:clamp(18px,5.4vw,26px);line-height:1.2;letter-spacing:-.05em}
  .brand-grid .brand-card .product-title button{min-height:30px;white-space:nowrap;max-width:100%}
  .brand-grid .brand-card[data-brand-cover="MODERN MEOW"] .product-title{font-size:clamp(14px,4.35vw,23px)}
  .brand-grid .brand-card-series,.brand-directory[data-collection=all] .brand-card-series{display:block;font-size:clamp(12px,3.25vw,14px);letter-spacing:.015em;line-height:1.4;margin:2px 0 0;color:#666e77}
  .brand-grid .brand-card .frame-card-gallery,.brand-grid.list-mode .frame-card-gallery{width:100%;max-width:none;padding:0 0 10px;touch-action:pan-y pinch-zoom}
  .brand-grid .brand-card .product-visual,.brand-grid.list-mode .product-visual{height:auto;aspect-ratio:1.3;padding:0;border:0;background:#fff;touch-action:pan-y pinch-zoom}
  .brand-grid .brand-card .card-colour-arrow{display:none}
  .brand-grid .brand-card:focus-within{border-color:var(--brand-ink)}
  .brand-directory .collection-footer{margin-top:28px}
}
@media(hover:none){.brand-card .card-colour-arrow{opacity:.55;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.brand-card,.brand-card .card-colour-arrow{transition:none}}