:root{--ink:#111;--muted:#646464;--line:#e7e7e7;--soft:#f6f6f4;--accent:#d9fb56;--panel:#fff;--shadow:0 16px 38px rgba(0,0,0,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;letter-spacing:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(18px,4vw,54px)}
.header-left{display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{width:34px;height:34px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center}
.desktop-nav{display:flex;align-items:center;gap:18px;font-size:14px}.desktop-nav a,.nav-trigger{border:0;background:transparent;font:inherit;color:#222;cursor:pointer}.header-search{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;min-width:min(380px,35vw);background:#fafafa}.header-search input{border:0;outline:0;background:transparent;padding:10px 14px;width:100%}.header-search button{border:0;background:#111;color:#fff;width:38px;height:38px;cursor:pointer}
.mobile-nav{display:none;gap:8px;overflow:auto;padding:10px 18px;border-bottom:1px solid var(--line);background:#fff}.mobile-nav a{white-space:nowrap;background:#f3f3f3;border-radius:999px;padding:8px 12px;font-size:13px}
.hero{background:linear-gradient(135deg,#171717,#030303);color:#fff;padding:72px clamp(18px,4vw,54px) 58px}.hero-inner{max-width:1120px;margin:0 auto}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:#8b8b8b;font-weight:800}.hero .eyebrow{color:var(--accent)}h1{font-size:clamp(42px,7vw,86px);line-height:.94;margin:14px 0 24px}.hero-search{display:flex;max-width:740px;background:#fff;border-radius:999px;padding:6px;box-shadow:var(--shadow)}.hero-search input{flex:1;border:0;outline:0;padding:16px 18px;font-size:16px;border-radius:999px}.hero-search button{border:0;background:var(--accent);color:#111;border-radius:999px;padding:0 24px;font-weight:800;cursor:pointer}.hero-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-stats span{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 12px;color:#e8e8e8}
main>section,.detail-page{padding:32px clamp(18px,4vw,54px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-head h2{font-size:26px;margin:0}.section-head p{margin:0;color:var(--muted)}.section-head select{border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:#fff}
.brand-grid{display:flex;gap:10px;flex-wrap:wrap}.brand-grid button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;cursor:pointer}.brand-grid button:hover{background:#111;color:#fff}
.featured-grid,.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:16px;overflow:auto;padding-bottom:8px}
.product-card{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.04);transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.product-media{position:relative;display:block;aspect-ratio:1/1;background:var(--soft);overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover}.hot-badge{position:absolute;top:10px;left:10px;background:var(--accent);font-weight:900;font-size:12px;border-radius:999px;padding:6px 9px;z-index:2}
.product-info{padding:13px}.product-title{font-weight:750;line-height:1.3;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;justify-content:space-between;align-items:center;margin:12px 0 4px;color:var(--muted);font-size:13px}.price{font-weight:900;color:#111;font-size:18px}.source-price{color:var(--muted);font-size:12px;margin-bottom:12px}.view-btn{display:block;text-align:center;border:1px solid #111;border-radius:6px;padding:9px;font-weight:800}
.category-row{background:#fbfbfb;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.site-footer{background:#111;color:#cfcfcf;padding:28px clamp(18px,4vw,54px);font-size:14px}
.breadcrumb{max-width:1180px;margin:0 auto 16px;color:var(--muted);font-size:14px}.product-detail{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,.92fr);gap:34px}.gallery{min-width:0}.main-image{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}.thumbs img{aspect-ratio:1/1;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.detail-copy h1{font-size:clamp(28px,4vw,48px);line-height:1.05}.detail-price{margin:18px 0}.detail-price strong{display:block;font-size:34px;font-weight:900}.detail-price span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.detail-copy p{color:#454545;line-height:1.7}.source-panel{border:1px solid var(--line);border-radius:8px;padding:16px;margin:22px 0;background:#fafafa}.source-panel h2{margin:0 0 12px}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.source-grid a{background:#111;color:#fff;border-radius:6px;padding:10px;text-align:center;font-weight:800;font-size:14px}.original-link{display:inline-block;border-bottom:2px solid #111;font-weight:800}
.hidden{display:none!important}
@media (max-width:920px){.desktop-nav,.header-search{display:none}.mobile-nav{display:flex}.featured-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail{grid-template-columns:1fr}.hero{padding-top:54px}main>section,.detail-page{padding-left:18px;padding-right:18px}}
@media (max-width:540px){.featured-grid,.product-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.hero-search{border-radius:8px;display:block}.hero-search input{width:100%;border-radius:8px}.hero-search button{width:100%;height:44px}.source-grid{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(4,1fr)}}

.category-menu{position:relative;display:inline-flex;align-items:center}.category-dropdown{position:absolute;top:calc(100% + 12px);left:0;z-index:50;display:none;grid-template-columns:repeat(2,minmax(150px,1fr));gap:6px;min-width:380px;max-width:min(560px,calc(100vw - 40px));padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 45px rgba(0,0,0,.14)}.category-menu.is-open .category-dropdown,.category-menu:hover .category-dropdown,.category-menu:focus-within .category-dropdown{display:grid}.category-dropdown a{display:block;padding:9px 10px;border-radius:6px;white-space:normal;line-height:1.25;color:#222}.category-dropdown a:hover{background:#f4f4f4}.nav-trigger[aria-expanded="true"]{font-weight:700}@media (max-width:920px){.category-menu{display:none}}


/* large category dropdown panel 20260626 */
.desktop-nav{gap:22px}.category-menu{position:relative;display:inline-flex;align-items:center;z-index:70}.category-menu .nav-trigger{display:inline-flex;align-items:center;gap:12px;min-width:250px;justify-content:center;padding:18px 28px;border-radius:999px;background:#f2542f;color:#fff;font-weight:900;font-size:24px;line-height:1;border:0;box-shadow:none}.category-caret{font-size:24px;line-height:1;transform:translateY(-2px);transition:transform .18s ease}.category-menu.is-open .category-caret{transform:translateY(2px) rotate(180deg)}.category-dropdown{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%);z-index:80;display:none;width:520px;max-width:calc(100vw - 42px);max-height:520px;overflow-y:auto;padding:22px 26px;background:#11141d;border:1px solid rgba(242,84,47,.75);border-radius:22px;box-shadow:0 26px 70px rgba(0,0,0,.38)}.category-dropdown::before{content:"";position:absolute;left:30px;right:30px;top:-18px;height:3px;background:#f2542f}.category-menu.is-open .category-dropdown,.category-menu:hover .category-dropdown,.category-menu:focus-within .category-dropdown{display:block}.category-dropdown a,.category-dropdown-link{display:block;padding:14px 0;color:#fff!important;font-size:22px;font-weight:900;line-height:1.25;white-space:normal;text-decoration:none}.category-dropdown a:hover{color:#dfff55!important;background:transparent}.category-dropdown::-webkit-scrollbar{width:14px}.category-dropdown::-webkit-scrollbar-track{background:#fff}.category-dropdown::-webkit-scrollbar-thumb{background:#8f8f8f;border-radius:999px;border:3px solid #fff}.category-dropdown{scrollbar-color:#8f8f8f #fff;scrollbar-width:auto}@media (max-width:920px){.category-menu{display:none}.category-dropdown{display:none}}


/* detail typography and category label cleanup 20260626 */
.category-menu .nav-trigger{gap:0!important}.category-caret{display:none!important}.product-detail{align-items:flex-start!important;gap:42px!important}.detail-info h1{font-size:clamp(34px,4.2vw,62px)!important;line-height:1.06!important;letter-spacing:0!important;max-width:820px!important}.detail-price{font-size:clamp(28px,3vw,44px)!important;line-height:1.1!important;margin:24px 0!important}.detail-info p{font-size:18px!important;line-height:1.55!important}.detail-info .eyebrow{font-size:15px!important;letter-spacing:.16em!important}.detail-actions{margin-top:22px!important}.buy-link-btn,.how-buy-link{font-size:18px!important;padding:15px 26px!important}@media (max-width:920px){.detail-info h1{font-size:clamp(30px,9vw,46px)!important}.detail-price{font-size:30px!important}.detail-info p{font-size:16px!important}}


/* force small product detail typography 20260626 */
html body main .product-detail{max-width:1240px!important;gap:40px!important;align-items:flex-start!important}
html body main .product-detail .detail-info{padding-top:10px!important;max-width:620px!important}
html body main .product-detail .detail-info .eyebrow{font-size:13px!important;line-height:1.2!important;letter-spacing:.18em!important;margin:0 0 16px!important;color:#8b8b8b!important;font-weight:900!important;text-transform:uppercase!important}
html body main .product-detail .detail-info h1{font-size:28px!important;line-height:1.24!important;letter-spacing:0!important;font-weight:900!important;margin:0 0 22px!important;max-width:620px!important;word-break:normal!important;overflow-wrap:anywhere!important}
html body main .product-detail .detail-price{font-size:34px!important;line-height:1.1!important;font-weight:900!important;margin:0 0 26px!important}
html body main .product-detail .detail-info p{font-size:16px!important;line-height:1.6!important;margin:0 0 18px!important;color:#333!important}
html body main .product-detail .detail-actions{margin-top:18px!important;display:flex!important;gap:12px!important;flex-wrap:wrap!important}
html body main .product-detail .buy-link-btn,html body main .product-detail .how-buy-link{font-size:16px!important;line-height:1.2!important;padding:14px 24px!important;border-radius:8px!important}
@media (min-width:1500px){html body main .product-detail .detail-info h1{font-size:30px!important}html body main .product-detail .detail-price{font-size:36px!important}}
@media (max-width:920px){html body main .product-detail .detail-info h1{font-size:26px!important}html body main .product-detail .detail-price{font-size:30px!important}html body main .product-detail .detail-info p{font-size:15px!important}}


/* premium streetwear palette 20260626 */
:root{--ink:#111318;--muted:#6f665d;--line:#e4d8c9;--soft:#f3eadf;--accent:#f2552f;--accent-2:#dfff55;--panel:#fffaf2;--deep:#090b10;--olive:#638f35;--clay:#b84b34;--shadow:0 18px 46px rgba(41,28,18,.12)}
html{background:#f6f0e7}body{color:var(--ink)!important;background:#f6f0e7!important}.site-header{background:rgba(255,250,242,.94)!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(180,157,132,.35)!important;box-shadow:0 8px 28px rgba(25,19,14,.05)}.brand{letter-spacing:-.01em}.brand-mark{background:linear-gradient(135deg,#111318,#2b211b)!important;color:#fff!important;box-shadow:inset 0 0 0 2px rgba(242,85,47,.25)}.desktop-nav a{color:#241f1b!important}.desktop-nav a:hover{color:var(--accent)!important}.header-search{background:#fffaf2!important;border-color:#dfd2c1!important;box-shadow:0 8px 24px rgba(35,24,15,.05)}.header-search button{background:#111318!important;color:#fff!important}.hero{background:radial-gradient(circle at 74% 22%,rgba(242,85,47,.24),transparent 34%),radial-gradient(circle at 20% 78%,rgba(223,255,85,.12),transparent 30%),linear-gradient(135deg,#0a0b10 0%,#15110e 52%,#08090c 100%)!important;color:#fff!important}.hero .eyebrow{color:var(--accent-2)!important}.hero-search{background:#fffaf2!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}.hero-search button{background:var(--accent-2)!important;color:#111318!important}.hero-stats span{border-color:rgba(255,250,242,.22)!important;background:rgba(255,250,242,.06)!important}.brand-grid button{background:#fffaf2!important;border-color:#e1d4c4!important;color:#2b251f!important;box-shadow:0 6px 18px rgba(35,24,15,.04)}.brand-grid button:hover{background:#111318!important;color:#fff!important;border-color:#111318!important}.product-card{background:#fffaf2!important;border-color:#e4d8c9!important;box-shadow:0 10px 28px rgba(35,24,15,.08)!important}.product-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(35,24,15,.16)!important;border-color:#d4bca4!important}.product-media{background:#f3eadf!important}.hot-badge{background:var(--accent-2)!important;color:#111318!important;box-shadow:0 8px 20px rgba(171,210,35,.24)}.product-title{color:#151515!important}.product-meta{color:#776c61!important}.price{color:var(--olive)!important}.view-btn{border-color:#111318!important;color:#111318!important;background:#fffaf2!important}.view-btn:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.category-row{background:#f0e6da!important;border-color:#e0d3c2!important}.site-footer{background:#090b10!important;color:#d7cec2!important}.category-menu>.nav-trigger{background:linear-gradient(135deg,#f2552f,#d94a2f)!important;color:#fff!important;box-shadow:0 14px 34px rgba(242,85,47,.24)!important}.category-dropdown{background:#11141d!important;border-color:rgba(242,85,47,.82)!important;box-shadow:0 30px 80px rgba(0,0,0,.42)!important}.category-dropdown::before{background:#f2552f!important}.category-dropdown a:hover{color:var(--accent-2)!important}.product-detail{background:#fffaf2!important;border:1px solid #e4d8c9!important;border-radius:18px!important;padding:28px!important;box-shadow:0 22px 70px rgba(35,24,15,.11)!important}.detail-media img,.main-image{background:#f3eadf!important;border-color:#e4d8c9!important;border-radius:10px!important}.detail-info .eyebrow{color:#8b8177!important}.detail-info h1{color:#111318!important}.detail-price{color:var(--olive)!important}.detail-info p{color:#423a33!important}.buy-link-btn{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.how-buy-link{background:#fffaf2!important;color:#111318!important;border-color:#d9c8b5!important}.buy-link-btn:hover,.how-buy-link:hover{filter:brightness(.96)}.buy-platform-modal{background:rgba(9,11,16,.68)!important}.buy-platform-content{background:#fffaf2!important;border:1px solid #e4d8c9!important}.platform-item{background:#fff6e9!important;border-color:#e1d4c4!important;color:#111318!important}.platform-item:hover{background:#111318!important;color:#fff!important}.detail-gallery img,.detail-copy img{border-radius:10px!important;background:#f3eadf!important}.source-panel{background:#fff6e9!important;border-color:#e1d4c4!important}


/* hero Whats contact strip 20260626 */
.hero-whats{display:inline-flex;align-items:center;justify-content:center;min-width:min(680px,100%);margin:0 0 28px;padding:16px 26px;border:1px solid rgba(223,255,85,.32);border-radius:999px;background:rgba(255,250,242,.08);color:#fffaf2;font-size:22px;font-weight:900;letter-spacing:.01em;box-shadow:0 16px 44px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,250,242,.08)}.hero-whats::before{content:"";width:10px;height:10px;border-radius:50%;background:#dfff55;margin-right:12px;box-shadow:0 0 18px rgba(223,255,85,.75)}@media (max-width:720px){.hero-whats{width:100%;font-size:17px;padding:13px 16px;margin-bottom:22px}}


/* Whats hero 8x emphasis 20260626 */
.hero-whats{font-size:clamp(56px,6.6vw,176px)!important;line-height:.95!important;font-weight:950!important;letter-spacing:-.035em!important;min-width:min(1280px,100%)!important;padding:30px 46px!important;margin:0 0 34px!important;border-width:2px!important;border-radius:28px!important;color:#fff!important;text-shadow:0 8px 34px rgba(0,0,0,.32)!important;background:rgba(255,250,242,.06)!important;box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,250,242,.09)!important}.hero-whats::before{width:24px!important;height:24px!important;margin-right:24px!important;box-shadow:0 0 28px rgba(223,255,85,.9)!important}@media (max-width:920px){.hero-whats{font-size:clamp(34px,10vw,72px)!important;padding:22px 24px!important;border-radius:20px!important}.hero-whats::before{width:16px!important;height:16px!important;margin-right:14px!important}}@media (max-width:540px){.hero-whats{font-size:clamp(28px,9vw,42px)!important;letter-spacing:-.02em!important;padding:18px 16px!important}}


/* Whats compact hero bar 20260626 */
.hero-whats{display:flex!important;align-items:center!important;justify-content:center!important;width:min(1080px,82vw)!important;min-width:0!important;margin:0 auto 26px!important;padding:18px 28px!important;border:2px solid rgba(99,170,92,.34)!important;border-radius:8px!important;background:linear-gradient(90deg,rgba(246,250,238,.68),rgba(255,238,241,.58))!important;color:#58bf67!important;font-size:clamp(28px,3vw,46px)!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.015em!important;text-transform:none!important;text-shadow:none!important;box-shadow:0 12px 34px rgba(0,0,0,.08)!important}.hero-whats::before{display:none!important}@media (max-width:920px){.hero-whats{width:min(92vw,760px)!important;font-size:clamp(22px,5vw,34px)!important;padding:15px 18px!important;margin-bottom:22px!important}}@media (max-width:540px){.hero-whats{font-size:clamp(18px,5vw,26px)!important;padding:13px 12px!important}}


/* Whats tone refinement 20260627 */
.hero-whats{color:#8f5a32!important;background:linear-gradient(90deg,rgba(255,250,242,.78),rgba(246,234,223,.64))!important;border-color:rgba(184,75,52,.26)!important;box-shadow:0 14px 34px rgba(65,42,24,.10),inset 0 0 0 1px rgba(255,255,255,.45)!important}.hero-whats strong{color:#638f35!important}


/* more category button and category pages 20260627 */
.more-category-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9c8b5;background:#fffaf2;color:#111318;border-radius:8px;padding:14px 24px;font-weight:900;font-size:16px;line-height:1.2;text-decoration:none}.more-category-link:hover{background:#111318;color:#fff;border-color:#111318}.category-page-hero{background:radial-gradient(circle at 72% 22%,rgba(242,85,47,.18),transparent 32%),linear-gradient(135deg,#0a0b10,#1b120e);color:#fff;padding:58px clamp(18px,4vw,54px)}.category-page-hero h1{font-size:clamp(44px,7vw,92px);margin:10px 0 10px}.category-page-hero p{color:#e5ddd2;font-size:18px}.category-page-products{padding:34px clamp(18px,4vw,54px)}.category-back-link{border:1px solid #d9c8b5;border-radius:999px;padding:10px 14px;font-weight:800;background:#fffaf2}.category-back-link:hover{background:#111318;color:#fff}


/* detail nav All Categories dropdown 20260627 */
.site-header .nav-category-menu{position:relative;display:inline-flex;align-items:center;z-index:1000}.site-header .nav-category-menu>.nav-trigger{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:0;background:transparent;color:#241f1b;font:inherit;cursor:pointer;border-radius:8px;font-weight:500}.site-header .nav-category-menu>.nav-trigger:hover{background:#f3eadf;color:#f2552f}.site-header .nav-category-menu .category-dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);z-index:1100;display:none;width:430px;max-width:calc(100vw - 36px);max-height:440px;overflow-y:auto;padding:18px 24px;background:#11141d;border:1px solid rgba(242,85,47,.78);border-radius:18px;box-shadow:0 26px 70px rgba(0,0,0,.34)}.site-header .nav-category-menu.is-open .category-dropdown,.site-header .nav-category-menu:hover .category-dropdown,.site-header .nav-category-menu:focus-within .category-dropdown{display:block}.site-header .nav-category-menu .category-dropdown a{display:block;padding:11px 0;color:#fff!important;font-size:18px;font-weight:900;line-height:1.25;text-decoration:none;white-space:normal}.site-header .nav-category-menu .category-dropdown a:hover{color:#dfff55!important}.site-header .nav-category-menu .category-dropdown::-webkit-scrollbar{width:12px}.site-header .nav-category-menu .category-dropdown::-webkit-scrollbar-track{background:#fff}.site-header .nav-category-menu .category-dropdown::-webkit-scrollbar-thumb{background:#8f8f8f;border-radius:999px;border:3px solid #fff}@media (max-width:920px){.site-header .nav-category-menu{display:none}}

/* detail nav All Categories click/hover fallback 20260627 */
.site-header .nav-category-menu.is-open .category-dropdown,
.site-header .nav-category-menu:focus-within .category-dropdown,
.site-header .nav-category-menu:hover .category-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.site-header .nav-category-menu.is-open .nav-trigger::after,
.site-header .nav-category-menu:hover .nav-trigger::after {
  transform: rotate(180deg);
}

/* outfitreps independent ocean theme 20260627 */
:root{
  --ink:#0b1020;
  --muted:#697386;
  --line:#d9e3ee;
  --soft:#edf4f7;
  --panel:#fbfdff;
  --accent:#2de2d1;
  --accent-2:#6ea8ff;
  --signal:#ff6b5e;
  --price:#0f9f88;
  --deep:#07111f;
  --navy:#101827;
  --shadow:0 18px 44px rgba(8,24,42,.12);
}
html{background:#edf4f7!important}
body{background:linear-gradient(180deg,#f7fbff 0%,#edf4f7 54%,#f6f0ea 100%)!important;color:var(--ink)!important}
.site-header{background:rgba(251,253,255,.93)!important;border-bottom:1px solid rgba(46,226,209,.18)!important;box-shadow:0 12px 32px rgba(8,24,42,.10)!important;backdrop-filter:blur(16px)!important}
.brand{gap:12px!important;color:#0b1020!important;font-weight:950!important}
.brand-mark{width:48px!important;height:48px!important;border-radius:16px!important;background:transparent!important;box-shadow:0 12px 28px rgba(18,38,68,.20)!important;border:0!important;overflow:hidden!important;display:inline-grid!important;place-items:center!important;color:transparent!important;font-size:0!important}
.brand-mark img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important}
.desktop-nav a{color:#20283a!important;font-weight:760!important}
.desktop-nav a:hover{color:#0f9f88!important}
.nav-trigger{background:linear-gradient(135deg,#12b8a6,#6ea8ff)!important;color:#fff!important;box-shadow:0 18px 42px rgba(46,226,209,.28)!important;border:0!important}
.nav-trigger::after{border-top-color:#fff!important}
.category-dropdown{background:linear-gradient(180deg,#101827,#060914)!important;border:1px solid rgba(46,226,209,.42)!important;box-shadow:0 28px 74px rgba(4,10,22,.48)!important}
.category-dropdown-link{color:rgba(247,251,255,.94)!important}
.category-dropdown-link:hover{background:rgba(46,226,209,.16)!important;color:#fff!important}
.header-search{background:#fff!important;border:1px solid rgba(105,115,134,.22)!important;box-shadow:0 12px 32px rgba(8,24,42,.08)!important}
.header-search button{background:#07111f!important;color:#fff!important}
.hero{background:radial-gradient(circle at 22% 12%,rgba(46,226,209,.22),transparent 28%),radial-gradient(circle at 78% 18%,rgba(255,107,94,.22),transparent 30%),linear-gradient(135deg,#07111f 0%,#102337 48%,#101827 100%)!important;color:#fff!important}
.eyebrow{color:#2de2d1!important;letter-spacing:.16em!important}
.hero h1{color:#fff!important;text-shadow:0 12px 44px rgba(0,0,0,.26)!important}
.hero-search{background:#fff!important;border:5px solid rgba(247,251,255,.18)!important;box-shadow:0 24px 70px rgba(5,12,25,.28)!important}
.hero-search button{background:linear-gradient(135deg,#2de2d1,#a7f3d0)!important;color:#07111f!important}
.hero-whats{color:#124d55!important;background:linear-gradient(90deg,rgba(247,251,255,.88),rgba(232,247,248,.74))!important;border-color:rgba(46,226,209,.32)!important;box-shadow:0 18px 52px rgba(46,226,209,.16)!important}
.brands,.featured-picks,.category-row,.all-products{background:transparent!important}
.brand-list button{background:#fff!important;border:1px solid rgba(105,115,134,.20)!important;color:#20283a!important;box-shadow:0 9px 22px rgba(8,24,42,.06)!important}
.brand-list button:hover{border-color:#2de2d1!important;color:#0f766e!important;box-shadow:0 14px 30px rgba(46,226,209,.18)!important}
.product-card{background:#fbfdff!important;border:1px solid rgba(105,115,134,.16)!important;border-radius:14px!important;box-shadow:0 16px 38px rgba(8,24,42,.10)!important}
.product-card:hover{border-color:rgba(46,226,209,.45)!important;box-shadow:0 26px 58px rgba(8,24,42,.16)!important;transform:translateY(-4px)!important}
.hot-badge{background:linear-gradient(135deg,#2de2d1,#a7f3d0)!important;color:#07111f!important}
.price,.detail-price{color:#0f9f88!important}
.view-btn,.buy-link-btn{background:linear-gradient(135deg,#07111f,#102337)!important;color:#fff!important;border-color:#07111f!important}
.view-btn:hover,.buy-link-btn:hover{background:linear-gradient(135deg,#0f9f88,#2de2d1)!important;color:#07111f!important;border-color:#2de2d1!important}
.how-buy-link,.more-category-link{background:#fff!important;border-color:rgba(105,115,134,.24)!important;color:#101827!important}
.product-detail{background:#fbfdff!important;border:1px solid rgba(105,115,134,.16)!important;box-shadow:0 22px 55px rgba(8,24,42,.12)!important}
.detail-info h1{color:#0b1020!important}
.buy-platform-content{background:#fbfdff!important;border:1px solid rgba(46,226,209,.28)!important}
.platform-item:hover{background:#e6fbf8!important;color:#0f766e!important}
.site-footer{background:#07111f!important;color:rgba(247,251,255,.72)!important}
@media(max-width:920px){.brand-mark{width:42px!important;height:42px!important;border-radius:14px!important}.hero{padding-top:50px!important}}
/* end outfitreps independent ocean theme 20260627 */

/* codex bold euro-street theme deployed 20260628 */
/* Outfitreps bold euro-street theme
   Drop this after the existing stylesheet so these variables and overrides win. */

:root {
  --ink: #f4f7fb;
  --muted: #9ca6b6;
  --line: rgba(255, 255, 255, 0.13);
  --soft: #151924;
  --panel: #0f121a;
  --accent: #d7ff32;
  --accent-2: #315cff;
  --signal: #ff2f7d;
  --price: #d7ff32;
  --deep: #05060a;
  --navy: #090d18;
  --shadow: 0 22px 70px rgba(0, 0, 0, 0.38);
}

html {
  background: var(--deep) !important;
}

body {
  color: var(--ink) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(49, 92, 255, 0.28), transparent 30rem),
    radial-gradient(circle at 88% 2%, rgba(255, 47, 125, 0.22), transparent 24rem),
    linear-gradient(180deg, #05060a 0%, #0a0d14 48%, #10131b 100%) !important;
}

.site-header {
  background: rgba(5, 6, 10, 0.82) !important;
  border-bottom: 1px solid rgba(215, 255, 50, 0.18) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.34) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
}

.brand,
.desktop-nav a,
.site-header .nav-category-menu > .nav-trigger {
  color: var(--ink) !important;
}

.brand {
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

.brand-mark {
  background: #0b0f1a !important;
  border: 1px solid rgba(215, 255, 50, 0.28) !important;
  box-shadow: 0 0 0 4px rgba(215, 255, 50, 0.06), 0 16px 36px rgba(0, 0, 0, 0.42) !important;
}

.desktop-nav a {
  font-weight: 850 !important;
}

.desktop-nav a:hover {
  color: var(--accent) !important;
}

.header-search {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: none !important;
}

.header-search input {
  color: var(--ink) !important;
}

.header-search input::placeholder {
  color: rgba(244, 247, 251, 0.54) !important;
}

.header-search button {
  background: var(--accent) !important;
  color: #05060a !important;
  font-weight: 950 !important;
}

.nav-trigger,
.category-menu > .nav-trigger {
  background: linear-gradient(135deg, var(--signal), var(--accent-2)) !important;
  color: #fff !important;
  box-shadow: 0 18px 48px rgba(255, 47, 125, 0.28), 0 10px 38px rgba(49, 92, 255, 0.22) !important;
}

.category-dropdown {
  background: rgba(7, 9, 16, 0.96) !important;
  border: 1px solid rgba(215, 255, 50, 0.32) !important;
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.62) !important;
}

.category-dropdown a,
.category-dropdown-link {
  color: var(--ink) !important;
}

.category-dropdown a:hover,
.category-dropdown-link:hover {
  color: var(--accent) !important;
  background: rgba(215, 255, 50, 0.09) !important;
}

.hero,
.category-page-hero {
  background:
    linear-gradient(90deg, rgba(5, 6, 10, 0.72), rgba(5, 6, 10, 0.2)),
    radial-gradient(circle at 76% 24%, rgba(215, 255, 50, 0.18), transparent 24rem),
    linear-gradient(135deg, #05060a 0%, #11182a 44%, #270817 100%) !important;
  color: var(--ink) !important;
}

.eyebrow,
.hero .eyebrow {
  color: var(--accent) !important;
  letter-spacing: 0.16em !important;
}

.hero h1,
.category-page-hero h1 {
  color: #fff !important;
  text-transform: uppercase !important;
  text-shadow: 0 16px 56px rgba(0, 0, 0, 0.52) !important;
}

.hero-search {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.48) !important;
}

.hero-search input {
  background: transparent !important;
  color: var(--ink) !important;
}

.hero-search input::placeholder {
  color: rgba(244, 247, 251, 0.58) !important;
}

.hero-search button {
  background: var(--accent) !important;
  color: #05060a !important;
}

.hero-whats {
  color: var(--accent) !important;
  background: rgba(215, 255, 50, 0.08) !important;
  border-color: rgba(215, 255, 50, 0.34) !important;
  box-shadow: 0 20px 60px rgba(215, 255, 50, 0.12) !important;
}

main > section,
.brands,
.featured-picks,
.category-row,
.all-products,
.category-page-products {
  background: transparent !important;
}

.section-head h2 {
  color: #fff !important;
  text-transform: uppercase !important;
}

.section-head p,
.product-meta,
.source-price,
.detail-info p,
.category-page-hero p {
  color: var(--muted) !important;
}

.brand-grid button,
.brand-list button,
.category-back-link,
.more-category-link,
.how-buy-link {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: var(--ink) !important;
}

.brand-grid button:hover,
.brand-list button:hover,
.category-back-link:hover,
.more-category-link:hover,
.how-buy-link:hover {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #05060a !important;
}

.product-card {
  background: rgba(15, 18, 26, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.32) !important;
}

.product-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(215, 255, 50, 0.46) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(215, 255, 50, 0.18) !important;
}

.product-media {
  background: #151924 !important;
}

.hot-badge {
  background: var(--signal) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(255, 47, 125, 0.32) !important;
}

.product-title,
.detail-info h1 {
  color: #fff !important;
}

.price,
.detail-price,
.detail-price strong {
  color: var(--price) !important;
}

.view-btn,
.buy-link-btn,
.source-grid a {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #05060a !important;
}

.view-btn:hover,
.buy-link-btn:hover,
.source-grid a:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #05060a !important;
}

.product-detail,
.source-panel,
.buy-platform-content,
.platform-item {
  background: rgba(15, 18, 26, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: var(--shadow) !important;
}

.main-image,
.thumbs img,
.detail-media img,
.detail-gallery img,
.detail-copy img {
  background: #151924 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.site-footer {
  background: #05060a !important;
  color: rgba(244, 247, 251, 0.64) !important;
  border-top: 1px solid rgba(215, 255, 50, 0.12) !important;
}

.mobile-nav {
  background: rgba(5, 6, 10, 0.92) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.mobile-nav a {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--ink) !important;
}

