/* UltrasZone 2026, visual redesign only. Structure and behavior stay untouched. */

:root {
  --white: #f3f0e9;
  --card: #151515;
  --off: #111111;
  --light: #303030;
  --black: #070707;
  --ink: #f3f0e9;
  --muted: #a5a29c;
  --accent: #cf1f2c;
  --accent-deep: #a80f1c;
  --ember: #cf1f2c;
  --glow: rgba(207, 31, 44, .38);
  --cyan: var(--accent);
  --cyan2: var(--accent);
}

html { color-scheme: dark; background: #070707; }

body {
  background:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
    #0a0a0a;
  background-size: 38px 38px;
  color: var(--ink);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .2;
  background:
    repeating-linear-gradient(17deg, transparent 0 7px, rgba(255,255,255,.025) 8px, transparent 9px),
    radial-gradient(circle at 18% 2%, rgba(207,31,44,.12), transparent 30%);
}

::selection { background: var(--accent); color: #fff; }

nav:not(.uz-mobnav) {
  padding: 15px 42px;
  background: rgba(6,6,6,.94);
  border-color: rgba(255,255,255,.13);
  box-shadow: 0 8px 30px rgba(0,0,0,.2);
}

.logo, .nav-links a, .nav-ig, .nav-cart { color: #f5f2ea; }
.logo { font-size: 2rem; letter-spacing: 6px; text-shadow: 2px 2px 0 rgba(255,255,255,.06); }
.logo span { color: var(--accent); }
.nav-links { gap: 30px; }
.nav-links a { opacity: .66; font-weight: 800; }
.nav-links a:hover, .nav-links a.active { color: #fff; opacity: 1; }
.nav-links a.active { border-bottom: 2px solid var(--accent); padding-bottom: 5px; }
.sub-menu { background: #0d0d0d; border-color: #303030; box-shadow: 12px 14px 0 rgba(0,0,0,.38); }
.sub-menu a:hover { background: #191919; color: var(--accent); }
.nav-cta, .btn-primary, .pdp-add, .cs-checkout, .co-pay-btn, .uz-drawer-checkout {
  background: var(--accent);
  color: #fff;
  border: 1px solid #e83542;
  box-shadow: 4px 4px 0 #4b070d;
}
.nav-cta:hover, .btn-primary:hover, .pdp-add:hover, .cs-checkout:hover, .co-pay-btn:hover, .uz-drawer-checkout:hover {
  background: #ef3040;
  color: #fff;
  box-shadow: 1px 1px 0 #4b070d, 0 0 28px var(--glow);
  transform: translate(2px,2px);
}
.btn-outline { color: #e8e4dc; border-color: #4b4b4b; }
.btn-outline:hover { color: #fff; border-color: var(--accent); background: rgba(207,31,44,.1); }
.hamburger span { background: #fff; }

.mobile-menu { background: #080808; }
.mobile-menu a, .mm-label { color: #f3f0e9; }
.mobile-menu .m-sub, .mm-group { border-color: #2b2b2b; }
.mobile-menu .m-cta { background: var(--accent); }

.hero {
  min-height: 88vh;
  padding: 145px 8vw 90px;
  background:
    linear-gradient(90deg, rgba(0,0,0,.1), rgba(0,0,0,.7)),
    radial-gradient(circle at 70% 45%, rgba(207,31,44,.23), transparent 28%),
    linear-gradient(135deg, #171717, #050505 65%);
  border-bottom: 1px solid #2f2f2f;
}
.hero::before {
  background:
    linear-gradient(116deg, transparent 0 58%, rgba(207,31,44,.15) 58% 59%, transparent 59% 64%, rgba(207,31,44,.07) 64% 77%, transparent 77%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 5px);
  background-size: auto;
}
.hero::after {
  content: "ULTRA\A ZONE";
  white-space: pre;
  position: absolute;
  inset-inline-start: 56%;
  top: 50%;
  transform: translateY(-48%) rotate(-5deg);
  font-family: 'Bebas Neue','Karantina', sans-serif;
  font-size: clamp(8rem, 18vw, 17rem);
  line-height: .72;
  letter-spacing: -4px;
  color: transparent;
  -webkit-text-stroke: 2px rgba(255,255,255,.08);
  text-shadow: 16px 16px 0 rgba(207,31,44,.08);
  pointer-events: none;
}
.hero-left { position: relative; z-index: 2; max-width: 690px; }
.hero-eyebrow, .section-label { color: #d6d2ca; font-weight: 900; }
.hero-eyebrow::before, .section-label::before { background: var(--accent); box-shadow: none; height: 4px; }
.hero-title, .section-title, .page-hero-title, .pdp-title, .cart-page-title, .co-title, .nf-title {
  color: #f5f2ea;
  text-transform: uppercase;
  text-shadow: 4px 4px 0 rgba(255,255,255,.045);
}
.hero-title { font-size: clamp(5.2rem, 10vw, 9.4rem); line-height: .82; max-width: 760px; }
.hero-title .accent, .page-hero-title .accent, .nf-code span { color: var(--accent); text-shadow: 4px 4px 0 #52070d; }
.hero-sub, .lead { color: #bbb7af; max-width: 470px; border-inline-start: 2px solid #353535; padding-inline-start: 18px; }

.ticker-wrap { background: var(--accent); border: 0; padding: 12px 0; }
.ticker { color: #fff; font-weight: 900; }
.ticker .hi { color: #0a0a0a; }

section, .org-strip, .ig-section { position: relative; }
.section-title { border-bottom: 1px solid #303030; padding-bottom: 16px; margin-bottom: 32px; }
.section-title::after { content: ""; display: block; width: 76px; height: 5px; background: var(--accent); margin-top: 14px; }

.org-strip { background: #0d0d0d; border-block: 1px solid #2f2f2f; }
.org-grid { gap: 1px; background: #2d2d2d; border: 1px solid #2d2d2d; }
/* Org cards are team-coloured through the inline --org variable set on each
   card in index.html, so the dark theme only supplies the shared chrome. */
.org-card { background: #101010; min-height: 156px; justify-content: center; position: relative; overflow: hidden; }
.org-card:hover { box-shadow: none; }
.org-name { color: #efece5; font-size: 1.15rem; }
.org-sub { color: #8e8b85; }

.categories { gap: 2px; background: #2b2b2b; border: 1px solid #2b2b2b; }
.cat-card, .cat-card:first-child { min-height: 390px; background: #121212; }
.cat-card:nth-child(1) .cat-bg, .cat-card:nth-child(2) .cat-bg, .cat-card:nth-child(3) .cat-bg {
  background:
    linear-gradient(140deg, rgba(207,31,44,.27), transparent 48%),
    repeating-linear-gradient(45deg, #141414 0 16px, #101010 16px 32px);
}
.cat-card:nth-child(2) .cat-bg { filter: brightness(.8); }
.cat-card:nth-child(3) .cat-bg { filter: brightness(.65); }
.cat-emoji { color: #fff; opacity: .055; }
.cat-card:hover .cat-emoji { opacity: .13; }
.cat-inner { background: linear-gradient(to top, #050505 0%, rgba(5,5,5,.18) 70%); border: 1px solid rgba(255,255,255,.04); }
.cat-name { font-size: 2.1rem; }
.cat-line { height: 5px; box-shadow: none; }

.products-grid { gap: 18px; }
.product-card { background: #111; border: 1px solid #292929; transition: transform .2s, border-color .2s; }
.product-card:hover { transform: translateY(-5px); border-color: #4a4a4a; }
.product-img { background: #000; }
.product-card:hover .product-img { background: #050505; }
/* Overlay removed: the radial rings printed visible circles over every photo. */
.product-img::before { content: none; }
.product-img::after { height: 5px; box-shadow: none; }
.product-badge { background: var(--accent); color: #fff; box-shadow: 3px 3px 0 #56070d; }
.product-info { padding: 16px; border-top: 1px solid #292929; }
.product-name, .product-price { color: #f4f1e9; }
.product-type { color: #797670; }
.product-add { color: var(--accent); }

.trust-bar { background: #080808 !important; border-color: #2c2c2c !important; }
.trust-item { border-color: #282828 !important; }
.trust-title { color: #f2efe8 !important; }
.trust-sub { color: #777 !important; }
.trust-item svg { color: var(--accent) !important; }

.manifesto-section { background: #060606; border-block: 1px solid #303030; }
.manifesto-section::before { color: var(--accent); opacity: .055; }
.m-text { font-size: clamp(3.1rem, 6vw, 6rem); }
.m-text em, .stat-num { color: var(--accent); text-shadow: 3px 3px 0 #4c070c; }
.m-right { color: #9d9992; }
.stats { border-top: 1px solid #303030; padding-top: 24px; }

.ig-section, .newsletter { background: #101010 !important; }
.ig-btn { background: transparent; border: 1px solid #484848; box-shadow: 4px 4px 0 #242424; }
.ig-btn:hover { background: var(--accent); color: #fff; }
.newsletter, .nl-form input { color: #f3f0e9; }
.nl-form input { background: #0a0a0a !important; border-color: #393939 !important; }

.page-hero {
  background:
    linear-gradient(110deg, transparent 55%, rgba(207,31,44,.13)),
    repeating-linear-gradient(0deg, #101010 0 5px, #0e0e0e 5px 10px);
  border-bottom: 1px solid #303030;
}
.page-hero::before { background-size: 42px 42px; opacity: .28; }
.page-hero-sub { color: #a9a59e; }
.page-hero-badge, .org-badge { background: var(--accent); color: #fff; box-shadow: 4px 4px 0 #4d070c; }

.org-hero { background: #080808 !important; border-bottom: 1px solid #303030; }
.org-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg, transparent 50%, rgba(207,31,44,.14)); }
.org-title { color: #fff !important; text-shadow: 4px 4px 0 rgba(255,255,255,.05); }
.org-watermark { color: rgba(255,255,255,.035) !important; }

.about-strip, .box, .contact-grid > *, .cart-summary, .co-summary {
  background: #111 !important;
  border: 1px solid #303030 !important;
}
.about-text, .box, .contact-grid, .cart-page-count, .co-field label { color: #aaa69f; }

.pdp { max-width: 1380px; gap: 1px; padding-top: 115px; }
.pdp-gallery { background: #0d0d0d; border: 1px solid #2d2d2d; padding: 14px; }
.pdp-main-img, .pdp-thumb { background: #000; color: rgba(255,255,255,.12); }
/* Same ring overlay, removed from the product detail page too. */
.pdp-main-img::after { content: none; }
.pdp-thumb { border-color: #292929; }
.pdp-thumb:hover, .pdp-thumb.active { border-color: var(--accent); }
.pdp-info { background: #0d0d0d; border: 1px solid #2d2d2d; padding: 40px 44px; }
.pdp-breadcrumb, .pdp-breadcrumb a, .pdp-desc, .pdp-meta div { color: #8f8b84; }
.pdp-price { color: #fff; }
.pdp-price .old { color: #6f6c67; }
.pdp-stock { color: #d6d2ca; border-bottom: 1px solid #303030; width: 100%; padding-bottom: 20px; }
.pdp-stock::before { background: var(--accent); border-radius: 0; }
.pdp-label { color: #d8d4cc; }
.pdp-size, .pdp-qty, .pdp-wish { color: #e8e4dc; border-color: #3a3a3a; }
.pdp-size:hover, .pdp-wish:hover { border-color: var(--accent); }
.pdp-size.active { background: var(--accent); border-color: var(--accent); color: #fff; box-shadow: 3px 3px 0 #4f070d; }
.pdp-qty button { color: #fff; }
.pdp-qty button:hover { background: #1d1d1d; }
.pdp-meta { border-color: #303030; }
.pdp-meta strong { color: #d8d4cc; }
.related { border-top: 1px solid #292929; }

.cart-page, .co-wrap, .nf { color: #e8e4dc; }
.cart-line { border-color: #2e2e2e; }
.cl-img, .co-field input, .co-field select, .co-field textarea { background: #141414; border-color: #343434; color: #f1eee7; }
.cl-name, .cl-price-now, .cs-title, .cs-row, .cs-total, .co-section-title, .co-sum-name, .co-sum-row, .co-sum-total { color: #f2efe8; }
.cl-meta, .cl-price-each, .cs-secure, .co-secure { color: #87847e; }
.cl-qty { border-color: #353535; }
.cl-qty button { color: #fff; }
.cs-total, .co-sum-total { border-color: var(--accent); }
.cs-ship-track { background: #292929; }
.cs-ship-fill, .co-ship-fill { background: var(--accent); }
.cart-empty { border-color: #333; }

footer { background: #050505; border-top: 1px solid #303030; position: relative; }
footer::before { content: "ULTRASZONE"; position: absolute; inset-inline-end: 3vw; bottom: 0; font-family: 'Bebas Neue','Karantina',sans-serif; font-size: clamp(5rem,14vw,12rem); color: rgba(255,255,255,.018); pointer-events: none; }
.footer-logo span, .footer-ig, .footer-col a:hover { color: var(--accent); }
.footer-col-title { color: #f3f0e9; border-bottom: 2px solid var(--accent); display: inline-block; padding-bottom: 5px; }

#uz-search-overlay { background: rgba(5,5,5,.98); }
.uz-search-item { border: 1px solid #2c2c2c; }
.uz-search-item:hover { background: rgba(207,31,44,.12); }
.uz-sr-price, .uz-search-label { color: var(--accent); }

#uz-drawer { background: #0e0e0e; border-inline-end: 1px solid #333; }
.uz-drawer-head, .uz-drawer-item { border-color: #2d2d2d; }
.uz-drawer-title, .uz-di-name, .uz-di-price, .uz-drawer-total { color: #f3f0e9; }
.uz-di-img, #uz-drawer-foot { background: #151515; }
.uz-di-size, .uz-drawer-subtotal, .uz-drawer-ship-line { color: #8f8b84; }
.uz-di-qty { border-color: #353535; }
.uz-qty-btn { color: #fff; }
.uz-drawer-total { border-color: var(--accent); }

#uz-back-top { background: var(--accent); box-shadow: 3px 3px 0 #50070d; }

@media (max-width: 900px) {
  nav:not(.uz-mobnav) { padding: 14px 20px; }
  .hero { min-height: 76vh; padding: 118px 24px 72px; }
  .hero::after { inset-inline-start: 42%; opacity: .45; font-size: 10rem; }
  .hero-title { font-size: clamp(4rem, 19vw, 6.6rem); }
  .categories { background: transparent; border: 0; gap: 10px; }
  .cat-card, .cat-card:first-child { min-height: 280px; border: 1px solid #303030; }
  .pdp { padding: 95px 18px 48px; }
  .pdp-info { padding: 28px 22px; }
  .products-grid { gap: 10px; }
  .product-info { padding: 12px; }
  .org-grid { gap: 1px; }
}

@media (max-width: 560px) {
  .hero-title { font-size: clamp(3.6rem, 20vw, 5.2rem); }
  .hero-sub { font-size: .86rem; }
  .hero-actions { align-items: stretch; }
  .hero-actions a { text-align: center; flex: 1 1 100%; }
  .section-title { font-size: 2.5rem; }
  .product-name { font-size: .8rem; }
  .product-price { font-size: .86rem; }
  .pdp-actions { flex-wrap: wrap; }
  .pdp-add { min-width: calc(100% - 68px); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* ─────────────────────────────────────────────────────────────
   CONCRETE MONOCHROME REVISION
   Neutral everywhere; organization pages inherit club colors.
   ───────────────────────────────────────────────────────────── */
:root {
  --accent: #e7e7e2;
  --accent-deep: #b9b9b4;
  --ember: #e7e7e2;
  --cyan: var(--accent);
  --cyan2: var(--accent-deep);
  --glow: rgba(255,255,255,.13);
  --team-on: #080808;
  --accent-shadow: #41413f;
  --team-wash: rgba(255,255,255,.06);
  --team-secondary: #70706d;
}

body {
  background:
    radial-gradient(ellipse at 12% 8%, rgba(255,255,255,.08), transparent 27%),
    radial-gradient(ellipse at 78% 28%, rgba(255,255,255,.035), transparent 24%),
    radial-gradient(ellipse at 42% 72%, rgba(0,0,0,.5), transparent 34%),
    repeating-linear-gradient(17deg, transparent 0 11px, rgba(255,255,255,.015) 12px, transparent 13px 27px),
    linear-gradient(135deg, #191919 0%, #0c0c0c 48%, #141414 100%);
  background-attachment: fixed;
}

body::before {
  opacity: .34;
  mix-blend-mode: soft-light;
  background:
    repeating-radial-gradient(ellipse at 18% 31%, rgba(255,255,255,.12) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(103deg, transparent 0 19px, rgba(0,0,0,.18) 20px, transparent 21px 43px);
  background-size: 31px 29px, 83px 71px;
}

nav:not(.uz-mobnav) {
  background:
    linear-gradient(rgba(8,8,8,.94), rgba(8,8,8,.94)),
    repeating-linear-gradient(18deg, transparent 0 8px, rgba(255,255,255,.03) 9px);
}
.logo span, .footer-logo span { color: #a9a9a4; }
.nav-links a.active { border-color: #e2e2dd; }
.nav-cta, .btn-primary, .pdp-add, .cs-checkout, .co-pay-btn, .uz-drawer-checkout {
  background: #e7e7e2;
  color: #090909;
  border-color: #fff;
  box-shadow: 4px 4px 0 #41413f;
}
.nav-cta:hover, .btn-primary:hover, .pdp-add:hover, .cs-checkout:hover, .co-pay-btn:hover, .uz-drawer-checkout:hover {
  background: #fff;
  color: #090909;
  box-shadow: 1px 1px 0 #41413f, 0 0 24px rgba(255,255,255,.13);
}

.hero {
  background:
    linear-gradient(92deg, rgba(0,0,0,.08), rgba(0,0,0,.66)),
    radial-gradient(ellipse at 68% 38%, rgba(255,255,255,.1), transparent 25%),
    radial-gradient(ellipse at 74% 74%, rgba(255,255,255,.035), transparent 19%),
    linear-gradient(135deg, #252525, #070707 67%);
}
.hero::before {
  opacity: .62;
  background:
    linear-gradient(116deg, transparent 0 58%, rgba(255,255,255,.08) 58% 59%, transparent 59% 64%, rgba(255,255,255,.035) 64% 77%, transparent 77%),
    repeating-radial-gradient(ellipse at 70% 42%, rgba(255,255,255,.06) 0 1px, transparent 2px 8px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 5px);
  background-size: auto, 29px 23px, auto;
}
.hero::after {
  text-shadow: 16px 16px 0 rgba(255,255,255,.025);
  -webkit-text-stroke-color: rgba(255,255,255,.095);
}
.hero-title .accent, .page-hero-title .accent, .nf-code span {
  color: #f0f0ec;
  text-shadow: 4px 4px 0 #41413f;
}
.hero-eyebrow::before, .section-label::before, .section-title::after,
.cat-line, .product-img::after { background: #d8d8d3; }

.ticker-wrap { background: #deded9; }
.ticker { color: #090909; }
.ticker .hi { color: #686864; }

.org-strip, .ig-section, .newsletter, .manifesto-section,
.about-strip, .box, .contact-grid > *, .cart-summary, .co-summary {
  background-image:
    radial-gradient(ellipse at 18% 20%, rgba(255,255,255,.045), transparent 30%),
    repeating-linear-gradient(21deg, transparent 0 13px, rgba(255,255,255,.012) 14px, transparent 15px 31px) !important;
}
.org-card::before { background: var(--card-accent, #d9d9d4); }
.org-card[href="lafamilia.html"] { --card-accent:#ffd60a; }
.org-card[href="ultras-hapoel.html"] { --card-accent:#df1820; }
.org-card[href="maccabi-fanatics.html"] { --card-accent:#ffd200; }
.org-card[href="green-monkeys.html"] { --card-accent:#009a4d; }
.org-card[href="vatos-locos.html"] { --card-accent:#ffd60a; }
.org-card[href="ultra-south.html"] { --card-accent:#d71920; }
.org-card[href="other-orgs.html"] { --card-accent:#d9d9d4; }
.org-card:hover { border-color: var(--card-accent); }

.cat-card:nth-child(1) .cat-bg,
.cat-card:nth-child(2) .cat-bg,
.cat-card:nth-child(3) .cat-bg {
  background:
    radial-gradient(ellipse at 50% 30%, rgba(255,255,255,.08), transparent 35%),
    repeating-radial-gradient(ellipse at 17% 23%, rgba(255,255,255,.045) 0 1px, transparent 2px 8px),
    linear-gradient(140deg, #262626, #0d0d0d 66%);
}
/* The repeating-radial-gradient here was the source of the ring pattern
   showing through product images. Both overlays are now off. */
.product-img::before, .pdp-main-img::after { background: none; content: none; }
.product-badge { background: #e2e2dd; color: #080808; box-shadow: 3px 3px 0 #454542; }
.manifesto-section::before { color: #fff; }
.m-text em, .stat-num { color: #ecece7; text-shadow: 3px 3px 0 #454542; }

.page-hero {
  background:
    radial-gradient(ellipse at 82% 38%, rgba(255,255,255,.08), transparent 24%),
    repeating-radial-gradient(ellipse at 12% 27%, rgba(255,255,255,.04) 0 1px, transparent 2px 8px),
    linear-gradient(110deg, #1f1f1f, #0b0b0b 68%);
}
.page-hero-badge, .org-badge { background: #e4e4df; color: #080808; box-shadow: 4px 4px 0 #444441; }
.uz-search-item:hover { background: rgba(255,255,255,.08); }
#uz-back-top { background: #e4e4df; color: #080808; box-shadow: 3px 3px 0 #464643; }

/* Team palettes: color stays inside each organization's page. */
:is(.team-lafamilia, .r-lafamilia) {
  --accent:#ffd60a; --accent-deep:#ffd60a; --team-secondary:#161616;
  --team-on:#080808; --accent-shadow:#594b00; --team-wash:rgba(255,214,10,.12);
}
:is(.team-ultras-hapoel, .r-ultras-hapoel) {
  --accent:#df1820; --accent-deep:#df1820; --team-secondary:#f1f1ec;
  --team-on:#fff; --accent-shadow:#56080c; --team-wash:rgba(223,24,32,.15);
}
:is(.team-maccabi-fanatics, .r-maccabi-fanatics) {
  --accent:#ffd200; --accent-deep:#ffd200; --team-secondary:#103f91;
  --team-on:#080808; --accent-shadow:#103f91; --team-wash:rgba(16,63,145,.32);
}
:is(.team-green-monkeys, .r-green-monkeys) {
  --accent:#00a651; --accent-deep:#00a651; --team-secondary:#f3f3ee;
  --team-on:#fff; --accent-shadow:#004e26; --team-wash:rgba(0,166,81,.16);
}
:is(.team-vatos-locos, .r-vatos-locos) {
  --accent:#ffd60a; --accent-deep:#ffd60a; --team-secondary:#111;
  --team-on:#080808; --accent-shadow:#594b00; --team-wash:rgba(255,214,10,.12);
}
:is(.team-ultra-south, .r-ultra-south) {
  --accent:#d71920; --accent-deep:#d71920; --team-secondary:#f1f1ec;
  --team-on:#fff; --accent-shadow:#55070c; --team-wash:rgba(215,25,32,.15);
}
:is(.team-other-orgs, .r-other-orgs) {
  --accent:#e2e2dd; --accent-deep:#b9b9b4; --team-secondary:#6e6e6a;
  --team-on:#080808; --accent-shadow:#454542; --team-wash:rgba(255,255,255,.065);
}

:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .org-hero {
  background:
    radial-gradient(ellipse at 82% 32%, var(--team-wash), transparent 33%),
    linear-gradient(125deg, color-mix(in srgb, var(--team-secondary) 22%, #0a0a0a) 0%, #080808 58%) !important;
  border-bottom: 5px solid var(--accent);
}
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .org-hero::before {
  opacity: .48;
  background-image:
    repeating-radial-gradient(ellipse at 17% 31%, rgba(255,255,255,.065) 0 1px, transparent 2px 8px),
    linear-gradient(115deg, transparent 0 62%, var(--team-wash) 62% 63%, transparent 63%) !important;
  background-size: 31px 27px, auto !important;
}
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .org-hero::after {
  background: linear-gradient(115deg, transparent 48%, var(--team-wash));
}
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .org-title .accent {
  color: var(--accent) !important;
  text-shadow: 4px 4px 0 var(--accent-shadow) !important;
}
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .org-watermark {
  color: var(--accent) !important;
  opacity: .07 !important;
}
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .org-badge,
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .btn-primary,
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .product-badge {
  background: var(--accent) !important;
  color: var(--team-on) !important;
  border-color: var(--accent) !important;
  box-shadow: 4px 4px 0 var(--accent-shadow) !important;
}
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .product-card:hover {
  border-color: var(--accent);
}
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .product-img::after,
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .section-title::after,
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .section-label::before {
  background: var(--accent);
}
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .section-label,
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .product-add,
:is(body.team-page, .r-lafamilia, .r-ultras-hapoel, .r-maccabi-fanatics, .r-green-monkeys, .r-vatos-locos, .r-ultra-south, .r-other-orgs) .logo span {
  color: var(--accent);
}

/* ═══════════════════════════════════════════════════════════════
   DARK-THEME TEXT LEGIBILITY
   The base stylesheet was written for a light page, so a number of
   elements still asked for near-black text. On this dark site they
   rendered black-on-black and were effectively invisible.
   Everything below is text that sits on a dark surface, recoloured
   to grey. Dark text on a light or accent-coloured surface (cart
   badge, primary buttons, active chips) is intentionally left alone.
   ═══════════════════════════════════════════════════════════════ */
:root { --grey-strong:#e6e3dc; --grey-body:#c4c1ba; --grey-soft:#8e8b85; }

/* SEO / guide / gift / city landing pages, headings were unreadable */
.seo-body h2,
.seo-body h3,
.seo-faq-item summary,
.seo-pick-name        { color: var(--grey-strong); }
.seo-body p,
.seo-body li          { color: var(--grey-body); }

/* Mobile menu */
.mobile-menu .mm-home,
.mobile-menu .m-close { color: var(--grey-strong); }

/* Cart drawer */
.uz-drawer-empty-title      { color: var(--grey-strong); }
.uz-drawer-close:hover,
.uz-drawer-viewcart:hover   { color: var(--grey-strong); }

/* Sticky add-to-cart bar on mobile product pages */
.uz-pdp-bar .uz-pdp-bar-price { color: var(--grey-strong); }

/* Misc controls */
#uz-back-top:hover    { color: var(--grey-strong); }
.uz-di-img svg        { color: rgba(255,255,255,.22); }
.product-img          { color: rgba(255,255,255,.10); }

/* Live filter chips */
.uz-fchip             { color: var(--grey-body); border-color: rgba(255,255,255,.18); }
.uz-fchip:hover       { color: var(--accent); border-color: var(--accent); }
.uz-fchip.active      { background: var(--accent); border-color: var(--accent); color: #0a0a0a; }

/* Terms + disclaimer on the about page */
.uz-terms             { color: var(--grey-body); }
.uz-terms h3          { color: var(--grey-strong); border-bottom-color: rgba(255,255,255,.14); }
.uz-terms strong      { color: var(--grey-strong); }
#disclaimer p         { color: var(--grey-body); }
#disclaimer strong    { color: var(--grey-strong); }