/* ══════════════════════════════════════════════════════════════
   BuyFly USA — dark elegant premium reseller skin
   Charcoal + champagne gold · Bricolage Grotesque / Manrope
   Overrides the Radios light theme. Loaded LAST.
   ══════════════════════════════════════════════════════════════ */
:root{
  --bg:#121316; --bg-2:#16181d; --surface:#1b1e24; --surface-2:#22262f;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
  --text:#eceef2; --text-dim:#a3a9b4; --text-faint:#6d7480;
  --gold:#2563eb; --gold-bright:#3b82f6; --gold-dim:rgba(37,99,235,.16);
  --header:#0e0f13;
  --disp:"Bricolage Grotesque",Georgia,serif;
  --ui:"Manrope",system-ui,sans-serif;
  /* neutralize theme accent vars → gold/neutral (kills stray blue/red) */
  --color-primary:#2563eb; --color-primary-rgb:46,166,255;
  --color-primary-2:#2563eb; --color-primary-3:#2563eb; --color-orange:#2563eb;
  --color-red:#3b82f6; --color-red-deep:#2563eb; --color-heading:#eceef2;
}
html,body{background:var(--bg)!important;color:var(--text)!important;font-family:var(--ui)!important}
body{font-size:15px;line-height:1.6}
h1,h2,h3,h4,h5,.title,.product__title{font-family:var(--disp)!important;color:var(--text)!important;letter-spacing:-.01em}
a{color:inherit}
::selection{background:var(--gold-dim)}
img{background:transparent}

/* kill leftover light surfaces from the theme */
.shop-area,.shop-page,.product-area,section,main,.container,.container-fluid,.row{background:transparent!important}
.gray-bg,.grey-bg,.bg-light,.white-bg,.bg-white{background:var(--bg)!important}

/* ── slim elegant announcement bar (replaces social strip) ── */
.header__top,.header__top-info-wrap,.header__social,.header__language{display:none!important}
.bf-announce{background:var(--header);color:var(--text-dim);text-align:center;
  font:600 12px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;padding:11px 16px;border-bottom:1px solid var(--line)}
.bf-announce b{color:var(--gold)}

/* ── header ── */
.header,.header__style-one,.header__middle{background:var(--header)!important;border:0!important}
.header__middle{padding:14px 0!important;border-bottom:1px solid var(--line)!important}
.bf-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.bf-brand img{height:46px;width:auto;filter:drop-shadow(0 0 12px rgba(37,99,235,.35))}
.bf-brand .wm{font-family:var(--disp);font-weight:800;font-size:23px;line-height:1;letter-spacing:.01em;color:#fff}
.bf-brand .wm b{color:var(--gold);font-weight:800}
/* search → dark pill */
.header__search-box,.header__search,.search-box,form.search{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;overflow:hidden}
.header__search-box input,.search-box input,input[type="search"],input[type="text"].form-control{background:transparent!important;color:var(--text)!important;border:0!important}
.header__search-box input::placeholder{color:var(--text-faint)!important}
.header__search-box select,.select2,.nice-select{background:var(--surface-2)!important;color:var(--text-dim)!important;border:0!important}
.header__search-box button,.search-btn{background:var(--gold)!important;color:#141414!important;border:0!important}
/* header icons → light */
.header__icons a,.header__icons i,.header__middle a,.header__middle i,.header__account,.header__wishlist,.header__cart i,.header__language a{color:var(--text-dim)!important}
.header__icons a:hover,.header__middle a:hover{color:var(--gold)!important}
.header__icons .badge,.cart-count,.wishlist-count{background:var(--gold)!important;color:#141414!important}
/* hide cart/wishlist (no on-site checkout) */
.header__cart,.header__wishlist,.header__language,.header__cat-wrap{display:none!important}

/* ── elegant category nav ── */
.bf-nav{position:sticky;top:0;z-index:40;background:rgba(14,15,19,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line)}
.bf-nav .in{width:min(1300px,94%);margin:auto;display:flex;gap:6px;overflow-x:auto;padding:0 2px}
.bf-nav .in::-webkit-scrollbar{display:none}
.bf-nav a{flex:none;font:600 12.5px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);
  padding:16px 16px;position:relative;white-space:nowrap;cursor:pointer;transition:color .2s}
.bf-nav a::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--gold);
  transform:scaleX(0);transition:transform .22s;transform-origin:left}
.bf-nav a:hover,.bf-nav a.active{color:var(--text)}
.bf-nav a:hover::after,.bf-nav a.active::after{transform:scaleX(1)}

/* ── sorting/result bar ── */
.shop-top,.product-topbar,.shorting,.product__topbar,.ecommerce-topbar{background:transparent!important;border:0!important}
.shop-top,.product__topbar{border-bottom:1px solid var(--line)!important;color:var(--text-dim)!important;padding-bottom:18px!important;margin-bottom:26px!important}
.nice-select,.orderby,select{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important}

/* ── product grid: even, generous ── */
ul.products,.products,.product-list,.shop-area ul.products{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:22px!important;
  margin:0!important;padding:0!important;list-style:none!important}
.shop-area .row,.product-area .row{display:block!important}

/* CARD = li.product */
li.product,.product__item,.product-card,.product-item,.single-product{
  background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:14px!important;
  overflow:hidden!important;display:flex!important;flex-direction:column!important;height:100%!important;
  width:100%!important;margin:0!important;list-style:none!important;
  box-shadow:none!important;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;cursor:pointer}
li.product:hover,.product__item:hover{transform:translateY(-4px);border-color:var(--line-2)!important;box-shadow:0 18px 44px rgba(0,0,0,.5)}
li.product::before{display:none!important}

/* IMAGE block = .product-holder */
.product-holder{display:block!important;position:relative!important;background:#20242c!important;
  aspect-ratio:1/1;overflow:hidden;margin:0!important;border-bottom:1px solid var(--line)}
.product-holder > a{display:block;width:100%;height:100%}
.product-holder img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .45s;display:block}
li.product:hover .product-holder img{transform:scale(1.05)}
/* hide theme hover action icons (compare/cart/wishlist) — we use the modal */
.product__action{display:none!important}
/* quick-view hint */
.product-holder::after{content:"Quick View";position:absolute;left:0;right:0;bottom:0;padding:11px;text-align:center;
  font:700 11px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:#141414;background:var(--gold);
  transform:translateY(100%);transition:transform .24s;pointer-events:none}
li.product:hover .product-holder::after{transform:translateY(0)}

/* CONTENT = .product-info (below image, padded, transparent) */
.product-info{background:transparent!important;padding:15px 16px 18px!important;display:flex!important;
  flex-direction:column!important;flex:1!important;border:0!important}
/* stars own row */
.product__review,.rating-star{margin:0 0 9px!important;padding:0!important;display:flex;align-items:center;gap:7px;line-height:1;list-style:none}
.rating-star li,.rating-star i,.product__review i{color:var(--gold)!important;font-size:12px}
.product__review span{color:var(--text-faint)!important;font-size:11px}
/* hide fake availability */
.product__available,.product__progress{display:none!important}
/* title */
.product__title{font-size:14.5px!important;line-height:1.4!important;font-weight:700!important;
  margin:0 0 auto!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.product__title a{color:var(--text)!important;font-family:var(--disp)!important}
.product__title a:hover{color:var(--gold-bright)!important}
/* price */
.product__price{margin:12px 0 0!important}
.product__price .new,.product__price{color:var(--gold-bright)!important;font-family:var(--disp)!important;font-weight:700!important;font-size:18px!important}
.product__price .old{color:var(--text-faint)!important;font-size:13px!important;text-decoration:line-through}
/* NEW ribbon */
[class*="badge"],.product-holder .new,.pro-badge{background:var(--gold)!important;color:#141414!important}

/* ── sidebar widgets ── */
.shop-sidebar,.widget-area,.sidebar{background:transparent!important}
.widget{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:22px!important;margin-bottom:20px!important}
.widget__title,.widget h2,.widget h3,.widget-title{font-family:var(--disp)!important;color:var(--text)!important;font-size:16px!important;
  border:0!important;padding:0 0 14px!important;margin:0 0 6px!important;position:relative}
.widget__title::after,.widget-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--gold)}
.widget__category a,.widget a,.widget li a{color:var(--text-dim)!important}
.widget__category a:hover,.widget li a:hover{color:var(--gold)!important}
.widget__category li,.widget li{border-color:var(--line)!important}
.widget input{background:var(--bg-2)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.ui-slider,.price_slider,.slider-range{background:var(--surface-2)!important}
.ui-slider-range,.ui-slider .ui-slider-range{background:var(--gold)!important}
.ui-slider-handle{background:var(--gold-bright)!important;border:0!important}
.widget .btn,.widget button{background:var(--gold)!important;color:#141414!important;border:0!important}

/* ── footer ── */
.bf-footer{background:var(--header)!important;border-top:1px solid var(--line)}
.bf-footer h5{color:var(--text)!important;font-family:var(--disp)!important}
.bf-footer a:hover{color:var(--gold)!important}
.bf-footer .bf-foot-brand img{filter:drop-shadow(0 0 10px rgba(37,99,235,.3))}
.bf-foot-bottom a{color:var(--gold)!important}

/* ── quick-view modal ── */
.bf-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:22px;
  background:rgba(8,9,11,.86);backdrop-filter:blur(6px)}
.bf-modal.open{display:flex;animation:bfFade .25s ease}
@keyframes bfFade{from{opacity:0}to{opacity:1}}
.bf-modal__panel{width:min(880px,100%);max-height:90vh;overflow:hidden;background:var(--surface);border:1px solid var(--line-2);
  border-radius:18px;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 40px 100px rgba(0,0,0,.7);animation:bfPop .28s cubic-bezier(.2,.7,.3,1)}
@keyframes bfPop{from{transform:translateY(16px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.bf-modal__img{background:#181b21;display:flex;align-items:center;justify-content:center;padding:26px}
.bf-modal__img img{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px}
.bf-modal__body{padding:34px 32px;display:flex;flex-direction:column;overflow:auto}
.bf-modal__eyebrow{font:700 11px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.bf-modal__title{font-family:var(--disp);font-weight:700;font-size:24px;line-height:1.2;color:var(--text);margin:0 0 14px}
.bf-modal__price{font-family:var(--disp);font-weight:700;font-size:30px;color:var(--gold-bright);margin:0 0 18px}
.bf-modal__meta{font-size:14px;color:var(--text-dim);line-height:1.7;margin-bottom:8px}
.bf-modal__trust{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-faint);margin:6px 0 26px}
.bf-modal__trust b{color:var(--text-dim);font-weight:600}
.bf-modal__cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--gold);color:#141414;
  font:700 14px/1 var(--ui);letter-spacing:.03em;padding:16px 22px;border-radius:11px;text-decoration:none;transition:.2s}
.bf-modal__cta:hover{background:var(--gold-bright);transform:translateY(-2px)}
.bf-modal__sub{margin-top:14px;font-size:13px;color:var(--text-faint);text-align:center}
.bf-modal__sub a{color:var(--gold)}
.bf-modal__close{position:absolute;top:16px;right:18px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);
  background:rgba(0,0,0,.4);color:var(--text);font-size:18px;display:grid;place-items:center;cursor:pointer;transition:.2s}
.bf-modal__close:hover{background:var(--gold);color:#141414;border-color:var(--gold)}
@media(max-width:720px){
  .bf-modal__panel{grid-template-columns:1fr;max-height:92vh;overflow:auto}
  .bf-modal__img{padding:18px}.bf-modal__body{padding:24px}
}

/* ── responsive grid ── */
@media(max-width:600px){
  .shop-area .row,.product-area .row{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .bf-brand .wm{font-size:19px}
}

/* ── hero / banner section dark ── */
.hero,.hero-area,.hero-section,.banner-area,.slider-area,[class*="hero"]{background:var(--bg)!important}
.hero__content .title,.hero .title,.hero__content h1,.hero__content h2{color:var(--text)!important}
.hero__content .subtitle,.hero .subtitle{color:var(--gold)!important}
.hero__content p{color:var(--text-dim)!important}
.hero__product,.hero__thumb{background:transparent!important}
/* Top Product card dark */
.hero__sidebar,.top-product,.deal-product{background:var(--surface)!important;border:1px solid var(--line)!important}
/* tab headers (New Arrivals / Recent etc) */
.product__nav a,.nav-tabs a,.tab-menu a{color:var(--text-dim)!important}
.product__nav a.active,.nav-tabs a.active{color:#141414!important;background:var(--gold)!important}
/* section headings */
.section-title,.sec-title,h2.title,.heading{color:var(--text)!important}
/* light inner shapes in hero — tone down */
.hero__shape,.hero__bg{opacity:.06!important}

/* ── fixes: hero CTA contrast, logo clipping, kill news/blog ── */
.hero__content .btn,.hero__content a.btn,.hero .btn,.hero__content .shop-now,
.hero__content a[href*="shop"],.hero__btn,.hero__content .link{
  color:var(--gold-bright)!important;font-weight:700!important;letter-spacing:.06em!important}
.hero__content .btn i,.hero__content .shop-now i,.hero__btn i{color:var(--gold-bright)!important}
.hero__content .btn:hover{color:#fff!important}
/* logo must never clip */
.header__logo,.bf-brand{overflow:visible!important}
.header__middle,.header{overflow:visible!important}
.bf-brand img{height:44px!important;width:auto!important;object-fit:contain!important;display:block}
/* remove demo news / blog sections */
.news-area,.blog-area,.latest-news,.news-section,[class*="blog-"],[class*="-news"],
.news,.blog,.rd-news,.recent-news{display:none!important}
/* remove the demo brand-tabs ("Smartphone/Tablet/Monitor" Nokia/Samsung) — not his brands */
.product-brand,.brand-area,.brand-product,.brand-tab{display:none!important}

/* kill demo Lorem Ipsum product descriptions (store grid = photo + title + price only) */
.product-descr,.product__descr,.product__text,.product-desc,.product__desc,[class*="descr"],
.product-content p,.product-info p{display:none!important}
/* tighten card content now that descr is gone */
.product-info{padding:15px 16px 18px!important}

/* ── eBay store CTAs ── */
.bf-ebay-cta{display:inline-flex;align-items:center;gap:7px;margin-left:22px;
  font:700 13px/1 var(--ui);letter-spacing:.04em;color:#141414;background:var(--gold);
  padding:12px 20px;border-radius:10px;text-decoration:none;transition:.2s;white-space:nowrap}
.bf-ebay-cta:hover{background:var(--gold-bright);transform:translateY(-2px);color:#141414!important}
.bf-grid-cta{text-align:center;margin-top:40px}
.bf-grid-cta a{display:inline-flex;align-items:center;gap:9px;font:700 14px/1 var(--ui);letter-spacing:.04em;
  color:var(--gold-bright);border:1px solid var(--line-2);padding:16px 30px;border-radius:12px;text-decoration:none;transition:.2s}
.bf-grid-cta a:hover{border-color:var(--gold);background:var(--gold-dim);color:#fff!important}
@media(max-width:820px){.bf-ebay-cta{margin-left:auto;padding:10px 14px;font-size:12px}}

/* ── hero cleanup: remove 29% badge + funky white circle ── */
.hero__product-offer,.hero .discount,.hero__offer{display:none!important}
.hero__product::before,.hero__product::after,.hero__product-wrap::before,.hero__product-wrap::after,
.hero__thumb::before,.hero__thumb::after,.hero__shape,.hero__circle,
.hero [class*="circle"],.hero [class*="shape"],.hero .bg-white,.hero__product .bg-shape{
  background:transparent!important;box-shadow:none!important;display:none!important;content:none!important}
.hero__product,.hero__product-wrap,.hero__thumb{background:transparent!important}

/* ── gold buttons → white text (slightly deeper gold for contrast) ── */
.bf-ebay-cta,.bf-modal__cta{background:#1d4ed8!important;color:#fff!important}
.bf-ebay-cta:hover,.bf-modal__cta:hover{background:#3b82f6!important;color:#fff!important}
.header__search-box button,.search-btn,.widget .btn,.widget button,.header__search-box .btn{color:#fff!important}

/* ── hero subtitle: clean gold label, no bar ── */
.hero__content .subtitle{background:transparent!important;color:var(--gold)!important;padding:0!important;
  font:700 13px/1 var(--ui)!important;letter-spacing:.18em!important;text-transform:uppercase!important;display:inline-block;margin-bottom:18px!important}
/* strip leftover hero demo progress/stock bar */
.hero__content .product__progress,.hero__content .product__available,.hero__content .progress,
.hero__content .mxw_343,.hero__content .ul_li_between{display:none!important}

/* kill hero white circle */
.hero__product-carousel::before,.hero__product-carousel::after{display:none!important;background:none!important;content:none!important}

/* subtitle: plain blue label, never a bar */
.hero__content .subtitle,.hero .subtitle{background:none!important;background-color:transparent!important;
  color:#3b82f6!important;padding:0!important;border-radius:0!important;box-shadow:none!important;
  font:700 13px/1 var(--ui)!important;letter-spacing:.18em!important;text-transform:uppercase!important;
  display:inline-block!important;width:auto!important;height:auto!important;margin-bottom:16px!important}
.hero__content .subtitle::before,.hero__content .subtitle::after{display:none!important}
/* feature icons container tint fallback */
.feature__icon img,.feature__item img{filter:none}

/* ══ PERSONALIZATION — his logo DNA: blue + red + flag + water ══ */
:root{ --red:#d7263d; --red-bright:#f0384c; }

/* red as the secondary accent — NEW ribbons + sale energy */
[class*="badge"],.product-holder .new,.pro-badge,.product__thumb .new,
li.product .product__badge,.product__item .product__badge{background:var(--red)!important;color:#fff!important}
.bf-nav a.active::after,.bf-nav a:hover::after{background:linear-gradient(90deg,var(--red),#2563eb)!important}
.bf-announce b{color:#3b82f6!important}
.header__cat, .subtitle{}

/* ── ghost American flag — footer, faint like his logo's flag drape ── */
.bf-footer{position:relative;overflow:hidden}
.bf-footer::before{content:"";position:absolute;top:-40px;right:-60px;width:620px;height:326px;
  background:url('../img/brand/us-flag.svg') no-repeat center/contain;
  opacity:.05;transform:rotate(-6deg);pointer-events:none;
  -webkit-mask-image:linear-gradient(200deg,#000,transparent 75%);mask-image:linear-gradient(200deg,#000,transparent 75%)}

/* ── water reflection — subtle animated shimmer at footer top (his logo's water) ── */
.bf-footer{border-top:0!important}
.bf-water{position:relative;height:80px;margin-top:60px;overflow:hidden;
  background:linear-gradient(180deg,transparent,rgba(37,99,235,.05))}
.bf-water::before,.bf-water::after{content:"";position:absolute;left:-50%;right:-50%;bottom:0;height:140%;
  background:radial-gradient(120% 80% at 50% 120%,rgba(37,99,235,.22),transparent 60%);
  filter:blur(8px);animation:bfwave 7s ease-in-out infinite}
.bf-water::after{animation-delay:-3.5s;opacity:.6;background:radial-gradient(120% 80% at 40% 120%,rgba(215,38,61,.14),transparent 60%)}
@keyframes bfwave{0%,100%{transform:translateX(-6%) scaleY(1)}50%{transform:translateX(6%) scaleY(1.12)}}
.bf-water .line{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.5),transparent)}

/* ── bigger footer social icons ── */
.bf-social{display:flex;gap:12px;margin-top:14px}
.bf-social a{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;
  border:1px solid var(--line-2);color:var(--text-dim);font-size:18px;transition:.2s;text-decoration:none}
.bf-social a:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-2px)}
/* subtle blue+red glow behind the hero product (echoes the logo) */
.hero__product-wrap{position:relative}
.hero__product-wrap::after{content:"";position:absolute;inset:-8% 8%;z-index:-1;border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.16),transparent 62%);filter:blur(30px)}

/* flag + water: make them actually visible (were too faint) */
.bf-footer::before{opacity:.13!important;-webkit-mask-image:linear-gradient(210deg,#000,transparent 88%)!important;mask-image:linear-gradient(210deg,#000,transparent 88%)!important}
.bf-water{height:110px!important;margin-top:20px!important;background:linear-gradient(180deg,transparent,rgba(37,99,235,.10))!important}
.bf-water::before{background:radial-gradient(120% 90% at 50% 130%,rgba(37,99,235,.42),transparent 62%)!important;filter:blur(10px)!important}
.bf-water::after{background:radial-gradient(120% 90% at 42% 130%,rgba(215,38,61,.26),transparent 62%)!important}
.bf-water .line{background:linear-gradient(90deg,transparent,rgba(59,130,246,.7),transparent)!important;box-shadow:0 0 14px rgba(37,99,235,.5)}
/* second ghost flag in hero bg for presence */
.hero{position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;top:-8%;right:-6%;width:720px;height:378px;z-index:0;pointer-events:none;
  background:url('../img/brand/us-flag.svg') no-repeat center/contain;opacity:.06;transform:rotate(-8deg);
  -webkit-mask-image:radial-gradient(60% 60% at 70% 30%,#000,transparent);mask-image:radial-gradient(60% 60% at 70% 30%,#000,transparent)}
.hero .wrap,.hero__content,.hero__product{position:relative;z-index:1}

/* ══ MOBILE (playbook: collapse 7 items at lg, 44px targets, center short things) ══ */
.bf-burger{display:none}
@media(max-width:1023px){
  /* header layout: brand left, burger right */
  .header__middle .container,.header__middle .row{display:flex!important;align-items:center;justify-content:space-between}
  .header__search-box,.header__wrap .header__search-box{display:none!important}
  .bf-ebay-cta{display:none!important}
  .bf-nav{display:none!important}   /* desktop category rail hidden; lives in menu */
  .bf-burger{display:grid!important;gap:5px;width:46px;height:46px;place-content:center;
    background:transparent;border:1px solid var(--line-2);border-radius:11px;cursor:pointer;margin-left:auto;padding:0 12px}
  .bf-burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:.25s}
  html.bf-menu-open .bf-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  html.bf-menu-open .bf-burger span:nth-child(2){opacity:0}
  html.bf-menu-open .bf-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* center hero SHORT content (headline/eyebrow/CTA), keep it tidy */
  .hero__content{text-align:center!important}
  .hero__content .subtitle{margin-inline:auto}
  .hero__content .btn,.hero__content a{justify-content:center}
  .hero .wrap,.hero .container{text-align:center}

  /* tap targets */
  .bf-nav a,.widget a,.product__title a,.footer a,.bf-footer a{min-height:44px;display:flex;align-items:center}
  .bf-modal__cta{min-height:48px}
}

/* mobile menu panel */
.bf-mobile-menu{position:fixed;inset:0 0 0 auto;width:min(340px,86vw);z-index:9998;background:var(--bg-2);
  border-left:1px solid var(--line-2);transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.3,1);
  display:flex;flex-direction:column;padding:26px 22px;overflow-y:auto;box-shadow:-20px 0 60px rgba(0,0,0,.5)}
html.bf-menu-open .bf-mobile-menu{transform:none}
.bf-menu-backdrop{position:fixed;inset:0;z-index:9997;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:.3s}
html.bf-menu-open .bf-menu-backdrop{opacity:1;visibility:visible}
.bf-mobile-menu .mm-search{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:22px}
.bf-mobile-menu .mm-search input{flex:1;background:none;border:0;color:var(--text);font-size:16px;outline:none}
.bf-mobile-menu h6{font:700 11px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin:0 0 12px}
.bf-mobile-menu a.mm-link{display:flex;align-items:center;min-height:48px;color:var(--text);font-family:var(--disp);
  font-weight:600;font-size:16px;border-bottom:1px solid var(--line);text-decoration:none}
.bf-mobile-menu a.mm-link:active{color:#3b82f6}
.bf-mobile-menu .mm-ebay{margin-top:24px;display:flex;align-items:center;justify-content:center;min-height:52px;
  background:#1d4ed8;color:#fff;border-radius:12px;font-weight:700;text-decoration:none;letter-spacing:.03em}

/* ── mobile: logo always visible, hero stacks cleanly, framed ── */
@media(max-width:1023px){
  .bf-brand{display:inline-flex!important;visibility:visible!important}
  .bf-brand img{height:40px!important;display:block!important}
  .bf-brand .wm{display:inline-block!important;font-size:20px!important}
  .header__logo{display:block!important}

  /* hero: single column, centered, product framed */
  .hero .wrap,.hero .container,.hero .row{display:block!important}
  .hero__content{margin-bottom:26px}
  .hero__product,.hero__product-wrap{width:100%!important;max-width:420px;margin:0 auto!important}
  .hero__product-carousel,.hero__product-item{border-radius:16px;overflow:hidden}
  .hero__product img{width:100%!important;height:auto!important;border-radius:16px;
    border:1px solid var(--line-2);background:#fff}
  /* Featured Find sidebar: stack below, framed, not smashed */
  .hot-deal__slide-wrap,.hero__sidebar{width:100%!important;max-width:420px;margin:26px auto 0!important}
  .hero__product-carousel-nav{justify-content:center}
  .notch{clip-path:none!important}   /* notch breaks on narrow widths */
}

/* professional framing — give the store grid a contained, bordered feel */
.bf-shop-section .container{max-width:1240px}
.bf-shop-section{border-top:1px solid var(--line)}
@media(max-width:600px){
  ul.products,.products{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .product-info{padding:12px!important}
  .product__title{font-size:13px!important}
  .product__price .new{font-size:16px!important}
}

/* ── category sections ── */
.bf-cat{margin-bottom:52px;scroll-margin-top:90px}
.bf-cat-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px;
  padding-bottom:14px;border-bottom:1px solid var(--line)}
.bf-cat-head h3{font-family:var(--disp);font-weight:700;font-size:26px;color:var(--text);margin:0;position:relative;padding-left:16px}
.bf-cat-head h3::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:3px;
  background:linear-gradient(180deg,#2563eb,#d7263d)}
.bf-cat-head span{font:600 12px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}
@media(max-width:600px){.bf-cat-head h3{font-size:20px}.bf-cat{margin-bottom:38px}}

/* ══════ CHECKLIST FIXES (2026-07-24) ══════ */

/* 3. SHOP NOW -> real filled button */
.hero__btn{display:inline-flex!important;align-items:center;gap:10px!important;
  background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;color:#fff!important;
  font:700 14px/1 var(--ui)!important;letter-spacing:.04em!important;text-transform:uppercase;
  padding:16px 30px!important;border-radius:12px!important;text-decoration:none!important;
  box-shadow:0 10px 26px rgba(37,99,235,.3)!important;transition:.2s!important;border:0!important}
.hero__btn:hover{transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(37,99,235,.45)!important;color:#fff!important}
.hero__btn i{color:#fff!important}

/* 7. subtitle: tighter tracking so SELLER reads correctly */
.hero__content .subtitle,.hero .subtitle{letter-spacing:.1em!important}

/* 5. ghost flag — visible (hero + footer) */
.bf-footer::before{opacity:.16!important}
.hero::after{opacity:.09!important;width:640px!important;height:336px!important}

/* 6. water — stronger shimmer */
.bf-water{height:120px!important}
.bf-water::before{background:radial-gradient(130% 100% at 50% 135%,rgba(37,99,235,.55),transparent 60%)!important}
.bf-water::after{background:radial-gradient(130% 100% at 42% 135%,rgba(215,38,61,.34),transparent 60%)!important}
.bf-water .line{background:linear-gradient(90deg,transparent,rgba(59,130,246,.9),transparent)!important;box-shadow:0 0 18px rgba(37,99,235,.7)!important}

/* 1. MOBILE HEADER — force logo(left) + burger(right) to render */
@media(max-width:1023px){
  .header{display:block!important}
  .header__middle{display:block!important;position:relative!important;padding:14px 16px!important;
    min-height:66px!important;background:var(--header)!important;border-bottom:1px solid var(--line)!important}
  .header__middle .container,.header__middle .row,.header__middle .header__wrap,.header__middle > div{display:block!important}
  .header__search-box,.header__icons,.header__lang,.header__language,.bf-ebay-cta,
  .header__cat-wrap,.select-box,.hamburger_menu,.header__top{display:none!important}
  .header__logo{display:inline-block!important;vertical-align:middle}
  .bf-brand{display:inline-flex!important;align-items:center;gap:9px}
  .bf-brand img{height:36px!important;display:block!important;filter:drop-shadow(0 0 8px rgba(37,99,235,.45))}
  .bf-brand .wm{display:inline-block!important;font-size:17px!important;color:#fff!important}
  .bf-burger{display:grid!important;position:absolute!important;right:16px;top:50%;transform:translateY(-50%);margin:0!important}

  /* 4. hero: content ABOVE image, centered, no big gap */
  .hero{padding:26px 16px 32px!important}
  .hero .wrap,.hero .container,.hero .row{display:flex!important;flex-direction:column!important}
  .hero__content{order:0!important;text-align:center!important;margin:0 auto 24px!important;max-width:520px}
  .hero__product,.hero__product-wrap{order:1!important}
  .hot-deal__slide-wrap,.hero__sidebar{order:2!important}
  .hero__content .subtitle{margin:0 auto 14px!important}
  .hero__btn{margin-top:6px!important}
}

/* 2. drawer completeness */
.bf-mobile-menu .mm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.bf-mobile-menu .mm-brand{font-family:var(--disp);font-weight:800;font-size:19px;color:#fff}
.bf-mobile-menu .mm-brand b{color:#3b82f6}
.bf-mobile-menu .mm-close{width:42px;height:42px;border-radius:11px;border:1px solid var(--line-2);
  background:transparent;color:var(--text);font-size:24px;cursor:pointer;line-height:1}
.bf-mobile-menu .mm-trust{margin-top:20px;font-size:12px;color:var(--text-faint);text-align:center;letter-spacing:.04em}

/* ══════ CHECKLIST 2 (2026-07-24) — flag/water visible, footer centered ══════ */

/* 1. flag now that the path works — clearly present */
.bf-footer::before{opacity:.22!important;top:-20px!important;right:-30px!important;width:560px!important;height:295px!important;
  -webkit-mask-image:linear-gradient(215deg,#000,transparent 92%)!important;mask-image:linear-gradient(215deg,#000,transparent 92%)!important}
.hero::after{opacity:.13!important;top:-6%!important;right:-4%!important;width:620px!important;height:326px!important}

/* 2. water — obvious reflection */
.bf-water{height:130px!important;margin-top:0!important}
.bf-water::before{background:radial-gradient(140% 110% at 50% 140%,rgba(37,99,235,.75),transparent 60%)!important;filter:blur(6px)!important}
.bf-water::after{background:radial-gradient(140% 110% at 42% 140%,rgba(215,38,61,.45),transparent 58%)!important}
.bf-water .line{background:linear-gradient(90deg,transparent,rgba(59,130,246,1),transparent)!important;box-shadow:0 0 22px rgba(37,99,235,.9)!important;height:2px!important}

/* 3. footer readable + centered on mobile */
.bf-footer a,.bf-footer li,.bf-footer p{color:#c2c9d4!important}       /* was too grey */
.bf-footer h5{color:#fff!important}
.bf-foot-brand p{color:#c2c9d4!important}
@media(max-width:767px){
  .bf-foot-grid{grid-template-columns:1fr!important;text-align:center!important;gap:30px!important}
  .bf-foot-brand{display:flex;flex-direction:column;align-items:center}
  .bf-social{justify-content:center!important}
  .bf-footer ul{display:flex;flex-direction:column;align-items:center}
  .bf-foot-bottom{flex-direction:column;gap:8px;text-align:center;align-items:center}
  /* 4. footer logo bigger */
  .bf-foot-brand img{height:76px!important}
  .bf-foot-brand p{max-width:34ch}
}

/* 4b. footer logo bigger (desktop too) */
.bf-foot-brand img{height:70px!important;filter:drop-shadow(0 0 14px rgba(37,99,235,.5))!important}

/* 6. kill empty spacing around the CTA -> footer -> water */
.bf-grid-cta{margin-top:30px!important;margin-bottom:0!important}
.bf-shop-section{padding-bottom:20px!important}
.bf-water{margin-bottom:0!important}
.bf-footer{padding-top:36px!important}
@media(max-width:767px){
  .bf-shop-section{padding-bottom:8px!important}
  .hero{padding-bottom:20px!important}
}

/* ══════ CHECKLIST 3 — kill floating 0s + one clean burger ══════ */
/* showcase site, no cart — remove ALL theme cart/wishlist/account/count chrome everywhere */
.header__icons,.icon.wishlist-icon,.wishlist-icon,.cart_btn,.header__cart,.header__wishlist,
.count,.item-count,.cart-count,.wishlist-count,.hamburger_menu,.header__icons .icon{display:none!important}

/* my burger is the ONLY menu trigger — clean, professional */
.bf-burger{background:transparent;border:1px solid var(--line-2);border-radius:11px;
  width:46px;height:46px;padding:0;place-content:center;gap:5px;cursor:pointer;transition:.2s}
.bf-burger:hover{border-color:#2563eb;background:rgba(37,99,235,.08)}
.bf-burger span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:.25s}

/* ══════ CHECKLIST 4 — bigger biz name + full logo in drawer ══════ */
/* 1. bigger biz-name wording in header */
.bf-brand .wm{font-size:26px!important;letter-spacing:.005em}
.bf-brand img{height:50px!important}
@media(max-width:1023px){
  .bf-brand .wm{font-size:23px!important}
  .bf-brand img{height:42px!important}
}

/* 2. full logo lockup in the mobile drawer */
.bf-mobile-menu .mm-top{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.bf-mobile-menu .mm-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
.bf-mobile-menu .mm-brand img{height:46px;width:auto;filter:drop-shadow(0 0 10px rgba(37,99,235,.5))}
.bf-mobile-menu .mm-brand span{font-family:var(--disp);font-weight:800;font-size:22px;color:#fff;line-height:1}
.bf-mobile-menu .mm-brand span b{color:#3b82f6}
.bf-mobile-menu{width:min(360px,88vw)}

/* ══════ CHECKLIST 5 — real logo water + button margin ══════ */
/* 1. button bottom margin */
.bf-grid-cta{margin-bottom:46px!important}

/* 2+3. real water from his logo, anchored to footer bottom */
.bf-water{height:150px!important;margin:0!important;position:relative;overflow:hidden;
  background:url('../img/brand/water.jpg') center bottom/cover no-repeat!important}
.bf-water::before,.bf-water::after{display:none!important}   /* kill fake gradient */
.bf-water .line{position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(59,130,246,.9),transparent)!important;
  box-shadow:0 0 20px rgba(37,99,235,.8)!important}
/* footer sits on the water — anchor a water reflection to the very bottom */
.bf-footer{position:relative;overflow:hidden}
.bf-footer::after{content:"";position:absolute;left:0;right:0;bottom:0;height:170px;z-index:0;pointer-events:none;
  background:url('../img/brand/water.jpg') center bottom/cover no-repeat;opacity:.85;
  -webkit-mask-image:linear-gradient(transparent,rgba(0,0,0,.4) 40%,#000);mask-image:linear-gradient(transparent,rgba(0,0,0,.4) 40%,#000)}
.bf-footer .container{position:relative;z-index:1}

/* ══════ CHECKLIST 6 — thin split (not water band), flag down, full logo, center mobile ══════ */
/* 1+2. middle band -> thin glowing split; keep footer-bottom water (.bf-footer::after) */
.bf-water{height:1px!important;background:linear-gradient(90deg,transparent,rgba(59,130,246,.75),transparent)!important;
  margin:26px 0 0!important;overflow:visible!important;box-shadow:0 0 16px rgba(37,99,235,.5)!important}
.bf-water .line{display:none!important}

/* 3. footer flag opacity down */
.bf-footer::before{opacity:.08!important}

/* 4. full uncropped logo in footer */
.bf-foot-brand img{height:auto!important;width:150px!important;max-width:60%!important;object-fit:contain!important;
  filter:drop-shadow(0 0 16px rgba(37,99,235,.55))!important}

/* 5. feature strip + content centered on mobile */
@media(max-width:1023px){
  .feature__item,.feature__wrap .feature__item{text-align:center!important}
  .feature__item .feature__content,.feature__content{text-align:center!important}
  .feature__item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;padding:22px 16px!important}
  .feature__icon,.feature__item img{margin:0 auto!important}
  .section-heading,.sec-title,.bf-cat-head{text-align:center!important}
  .bf-cat-head{flex-direction:column;align-items:center;gap:6px}
  .bf-cat-head h3{padding-left:0!important}
  .bf-cat-head h3::before{display:none!important}
}

/* ══════ CHECKLIST 7 — horizontal scroll rows + colored socials ══════ */
/* 1. category row = horizontal scroll (swipe on mobile) */
.bf-cat ul.bf-row{display:flex!important;grid-template-columns:none!important;gap:16px!important;
  overflow-x:auto!important;overflow-y:visible;padding:4px 2px 16px!important;margin:0!important;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;list-style:none}
.bf-cat ul.bf-row::-webkit-scrollbar{height:6px}
.bf-cat ul.bf-row::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}
.bf-cat ul.bf-row > li{flex:0 0 240px!important;width:240px!important;scroll-snap-align:start;margin:0!important}
.bf-cat ul.bf-row.bf-row-one{justify-content:center}
@media(max-width:600px){.bf-cat ul.bf-row > li{flex:0 0 200px!important;width:200px!important}}

/* 2. header "view all on eBay" */
.bf-cat-head{align-items:center!important}
.bf-cat-more{font:700 12px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:#3b82f6!important;
  text-decoration:none;white-space:nowrap;border:1px solid var(--line-2);padding:9px 14px;border-radius:9px;transition:.2s}
.bf-cat-more:hover{border-color:#2563eb;background:rgba(37,99,235,.1);color:#fff!important}

/* 3. see-more card at end of each row */
.bf-more-card{flex:0 0 200px!important;width:200px!important}
.bf-more-card a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;min-height:280px;
  border:1px dashed var(--line-2);border-radius:14px;color:var(--text-dim);text-decoration:none;transition:.2s;text-align:center}
.bf-more-card a:hover{border-color:#2563eb;color:#fff;background:rgba(37,99,235,.06)}
.bf-more-card .pl{font-size:34px;font-weight:300;color:#3b82f6}
.bf-more-card .tx{font:700 13px/1.3 var(--ui);letter-spacing:.04em;text-transform:uppercase}

/* 5. colored social icons (was messy) */
.bf-social a{border:1px solid var(--line);background:var(--surface)}
.bf-social a .fa-ebay,.bf-social a .fa-brands.fa-ebay{color:#e53238}
.bf-social a .fa-facebook-f{color:#1877f2}
.bf-social a .fa-instagram{color:#e1306c}
.bf-social a:hover{transform:translateY(-3px);border-color:currentColor}
.bf-social a[aria-label="eBay"]:hover{background:rgba(229,50,56,.14);border-color:#e53238}
.bf-social a[aria-label="Facebook"]:hover{background:rgba(24,119,242,.16);border-color:#1877f2}
.bf-social a[aria-label="Instagram"]:hover{background:rgba(225,48,108,.16);border-color:#e1306c}

/* ══════ CHECKLIST 8 — sticky header + fade on scroll ══════ */
.header__middle{position:sticky!important;top:0;z-index:60;
  transition:background .3s ease, backdrop-filter .3s ease, box-shadow .3s ease, padding .3s ease}
html.bf-scrolled .header__middle{background:rgba(12,13,17,.72)!important;backdrop-filter:blur(16px) saturate(1.2);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 8px 30px rgba(0,0,0,.45);border-bottom-color:var(--line-2)!important}
@media(min-width:1024px){
  html.bf-scrolled .header__middle{padding-top:9px!important;padding-bottom:9px!important}  /* subtle shrink */
  .bf-nav{position:sticky;top:78px;z-index:55}
  html.bf-scrolled .bf-nav{top:64px;background:rgba(14,15,19,.72)!important}
}

/* ══════ CHECKLIST 9 — full logo header/drawer, marquee, drawer socials ══════ */
/* 1. full logo in header */
.bf-brand{gap:10px!important}
.bf-fulllogo{height:52px!important;width:auto!important;object-fit:contain!important;
  filter:drop-shadow(0 0 10px rgba(37,99,235,.5))!important}
.bf-usa{font-family:var(--disp);font-weight:600;font-size:19px;letter-spacing:.1em;color:#a3a9b4}
@media(max-width:1023px){.bf-fulllogo{height:46px!important}.bf-usa{font-size:16px}}

/* 2. full logo in drawer */
.bf-mobile-menu .mm-brand img{height:52px!important;width:auto!important;object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(37,99,235,.5))}

/* 3. announce marquee (one line) */
.bf-announce{white-space:nowrap!important;overflow:hidden!important}
.bf-announce .bf-marq{display:inline-block;padding-left:0;animation:bf-marq 26s linear infinite;will-change:transform}
@keyframes bf-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(min-width:1024px){.bf-announce .bf-marq{animation:none;padding-left:0}
  .bf-announce{white-space:normal!important}}  /* desktop fits, no scroll needed */

/* 4+5. drawer socials + centered */
.bf-mobile-menu .mm-social{display:flex;justify-content:center;gap:12px;margin-top:22px}
.bf-social{justify-content:center!important}
.bf-social a{display:grid;place-items:center;width:46px;height:46px;border-radius:12px}
.bf-social a i{line-height:1}

/* ══════ keep BUYFLY USA wording next to the full logo ══════ */
.bf-brand .wm{display:inline-flex!important;align-items:baseline;gap:.28em;font-family:var(--disp);font-weight:800;
  font-size:24px!important;line-height:1;color:#fff!important;letter-spacing:.01em}
.bf-brand .wm b{color:#3b82f6!important;font-weight:800}
.bf-brand .wm .bf-usa{font-weight:600;color:#a3a9b4;letter-spacing:.08em;font-size:.82em}
@media(max-width:1023px){.bf-brand .wm{font-size:20px!important}}
/* drawer wordmark */
.bf-mobile-menu .mm-brand{gap:12px}
.bf-mobile-menu .mm-wm{font-family:var(--disp);font-weight:800;font-size:20px;color:#fff;line-height:1}
.bf-mobile-menu .mm-wm b{color:#3b82f6}
.bf-mobile-menu .mm-wm .bf-usa{color:#a3a9b4;font-weight:600}

/* ══════ CHECKLIST 10 — bigger logo (drawer big+centered), flag at bottom ══════ */
/* drawer: big centered full logo, full length */
.bf-mobile-menu .mm-top{flex-direction:column!important;align-items:center!important;position:relative;padding-top:6px!important;gap:10px}
.bf-mobile-menu .mm-brand{flex-direction:column!important;align-items:center!important;gap:8px!important;text-align:center}
.bf-mobile-menu .mm-brand img{height:auto!important;width:130px!important;max-width:70%}
.bf-mobile-menu .mm-wm{font-size:24px!important}
.bf-mobile-menu .mm-close{position:absolute!important;top:2px;right:2px}

/* header: bigger logo + wordmark (readable) */
.bf-fulllogo{height:56px!important}
.bf-brand .wm{font-size:26px!important}
@media(max-width:1023px){.bf-fulllogo{height:50px!important}.bf-brand .wm{font-size:21px!important}}

/* flag bg anchored at the footer bottom (behind content), water still at very bottom */
.bf-footer::before{top:auto!important;bottom:70px!important;left:50%!important;right:auto!important;
  transform:translateX(-50%) rotate(0)!important;width:min(760px,92%)!important;height:400px!important;opacity:.07!important;
  -webkit-mask-image:radial-gradient(62% 62% at 50% 50%,#000,transparent 80%)!important;
  mask-image:radial-gradient(62% 62% at 50% 50%,#000,transparent 80%)!important}

/* ══════ FIX: restore sticky header (body_wrap overflow was killing it) ══════ */
.body_wrap,.body-wrap,#body_wrap{overflow:visible!important}
html,body{overflow-x:clip!important}   /* clip prevents h-scroll WITHOUT breaking position:sticky */

/* ══════ FIX 2: sticky on .header (its parent spans the page), not .header__middle ══════ */
.header__middle{position:static!important}
.header{position:sticky!important;top:0;z-index:60;
  transition:background .3s ease, backdrop-filter .3s ease, box-shadow .3s ease}
html.bf-scrolled .header{background:rgba(12,13,17,.72)!important;backdrop-filter:blur(16px) saturate(1.2);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 8px 30px rgba(0,0,0,.45)}
html.bf-scrolled .header .header__middle{background:transparent!important;border-bottom-color:var(--line-2)!important}

/* ══════ FIX: subtitle "Seller" reading as "SELLEP" — mixed case, clear terminal r ══════ */
.hero__content .subtitle,.hero .subtitle{text-transform:none!important;letter-spacing:.04em!important;font-weight:700!important}

/* ══════════════════════════════════════════════════════════
   CHROME / EMBOSSED pass — his logo is metallic, not flat
   ══════════════════════════════════════════════════════════ */
/* chrome silver metallic text */
.bf-brand .wm,.hero__content h1,.bf-modal__title,.bf-cat-head h3,
.bf-shop-section .section-heading .title,.bf-shop-section h2.title{
  background:linear-gradient(180deg,#f4f8ff 0%,#c3d1e6 38%,#8598b3 50%,#b3c3d9 60%,#e2ecf7 80%,#9db0c9 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  -webkit-text-fill-color:transparent;text-shadow:0 1px 1px rgba(255,255,255,.06),0 2px 4px rgba(0,0,0,.45);
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
/* chrome-BLUE for FLY + accents (glossy electric) */
.bf-brand .wm b,.mm-wm b{
  background:linear-gradient(180deg,#9fcbff 0%,#3b82f6 46%,#1e5fd0 56%,#1546a8 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent}
.bf-usa{-webkit-text-fill-color:initial}

/* prices → glossy chrome-blue */
.product__price .new,.product__price,.bf-modal__price{
  background:linear-gradient(180deg,#bfe0ff,#3b82f6 55%,#1e5fd0)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}

/* embossed metallic buttons (bevel + inner highlight + drop) */
.hero__btn,.bf-ebay-cta,.bf-modal__cta,.mm-ebay,.header__search-box button,.search-btn{
  background:linear-gradient(180deg,#5aa2ff 0%,#2563eb 50%,#1546a8 100%)!important;color:#fff!important;
  border:1px solid rgba(150,195,255,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 7px rgba(0,0,0,.35), 0 8px 22px rgba(37,99,235,.42)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45)!important}
.hero__btn:hover,.bf-ebay-cta:hover,.bf-modal__cta:hover{
  background:linear-gradient(180deg,#6fb0ff,#2f6fef 50%,#1c56c8)!important;transform:translateY(-2px);color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), inset 0 -3px 7px rgba(0,0,0,.3), 0 12px 30px rgba(37,99,235,.55)!important}

/* card depth — embossed top edge + richer surface */
li.product,.product__item{
  background:linear-gradient(180deg,#20242e,#171a21)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 2px 8px rgba(0,0,0,.4)!important}
li.product:hover,.product__item:hover{box-shadow:inset 0 1px 0 rgba(120,170,255,.18), 0 18px 44px rgba(0,0,0,.55), 0 0 26px rgba(37,99,235,.14)!important}

/* nav underline + accents → glossy blue */
.bf-nav a::after{background:linear-gradient(90deg,#3b82f6,#1e5fd0)!important;height:3px!important;box-shadow:0 0 10px rgba(37,99,235,.6)}
.bf-cat-head h3::before{background:linear-gradient(180deg,#5aa2ff,#1546a8)!important;box-shadow:0 0 8px rgba(37,99,235,.5)}

/* hero: full logo prominent above the headline */
.bf-hero-logo{display:block;width:200px;max-width:64%;height:auto;margin-bottom:22px;
  filter:drop-shadow(0 4px 16px rgba(37,99,235,.5)) drop-shadow(0 2px 3px rgba(0,0,0,.5))}
@media(max-width:1023px){.bf-hero-logo{width:170px;margin-inline:auto}}

/* header full logo — add metallic sheen frame */
.bf-fulllogo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(37,99,235,.45))!important}

/* DustinTN watermark @ 1% */
.bf-watermark{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.01;
  background:url('../img/brand/dustintn.webp') repeat;background-size:190px auto}

/* ══════ polish: feature contrast + scroll-hint on rows ══════ */
/* feature strip subtext more readable */
.feature__item p,.feature__content p,.feature__item span:not(.new){color:#9aa7b8!important}
.feature__item h4,.feature__item h5,.feature__title{color:#f2f5fa!important}

/* scroll-hint: fade the right edge of category rows so it reads as "more →" */
.bf-cat{position:relative}
.bf-cat ul.bf-row{scroll-padding-left:2px}
.bf-cat::after{content:"";position:absolute;top:64px;bottom:22px;right:0;width:60px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--bg));opacity:.9;z-index:2}
.bf-cat ul.bf-row.bf-row-one::after{display:none}

/* view-all link + see-more card a touch more inviting */
.bf-cat-more{color:#7db8ff!important}
.bf-more-card a:hover .pl{transform:scale(1.15);transition:.2s}

/* ══════ FILL OUT: 50/50 section layout + hero image glow ══════ */
/* two categories side-by-side, cards fill the width */
@media(min-width:1024px){
  .bf-cats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:44px 34px!important;align-items:start}
  .bf-cat{margin-bottom:0!important}
  .bf-cat ul.bf-row{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:visible!important;
    gap:14px!important;padding:4px 0 0!important}
  .bf-cat ul.bf-row > li,.bf-cat .bf-more-card{flex:none!important;width:auto!important}
  .bf-more-card a{min-height:0;height:100%}
  .bf-cat::after{display:none!important}   /* no scroll fade in grid mode */
}
/* mobile: single column sections, 2-up cards */
@media(max-width:1023px){
  .bf-cat ul.bf-row{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:visible!important;gap:12px!important}
  .bf-cat ul.bf-row > li,.bf-cat .bf-more-card{flex:none!important;width:auto!important}
  .bf-cat::after{display:none!important}
}

/* blue glow around the main hero (rotating) images */
.hero__product-carousel,.hero__product-item,.hero__product img,.hero__product-wrap{position:relative}
.hero__product-item img,.hero__product-carousel img,.hero__product > .hero__product-wrap img{
  border-radius:16px!important;
  box-shadow:0 0 0 1px rgba(120,170,255,.25), 0 0 40px rgba(37,99,235,.55), 0 0 90px rgba(37,99,235,.3)!important}
.hero__product-wrap::after{content:"";position:absolute;inset:2%;z-index:-1;border-radius:20px;
  background:radial-gradient(circle,rgba(37,99,235,.45),transparent 68%)!important;filter:blur(34px)!important}

/* header emblem sizing (landscape winged mark, renders full) */
.bf-fulllogo{height:52px!important;width:auto!important;max-width:none!important;object-fit:contain!important}
@media(max-width:1023px){.bf-fulllogo{height:46px!important}}

/* ══════ FIX: mobile category rows = horizontal carousel (no blank grid cells) ══════ */
@media(max-width:1023px){
  .bf-cats{display:block!important}
  .bf-cat{margin-bottom:38px!important}
  .bf-cat ul.bf-row{display:flex!important;grid-template-columns:none!important;
    overflow-x:auto!important;overflow-y:visible!important;gap:12px!important;padding:4px 2px 14px!important;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .bf-cat ul.bf-row::-webkit-scrollbar{height:5px}
  .bf-cat ul.bf-row::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}
  .bf-cat ul.bf-row > li{flex:0 0 210px!important;width:210px!important;scroll-snap-align:start;margin:0!important}
  .bf-cat .bf-more-card{flex:0 0 170px!important;width:170px!important}
  .bf-more-card a{min-height:100%}
  /* scroll-hint fade back on mobile */
  .bf-cat::after{content:""!important;display:block!important;position:absolute;top:52px;bottom:16px;right:0;width:44px;
    pointer-events:none;background:linear-gradient(90deg,transparent,var(--bg));z-index:2}
  .bf-cat ul.bf-row.bf-row-one::after,.bf-cat.bf-row-one::after{display:none!important}
}