/* BizzBee visual system — white canvas, ink, honey amber, and editorial product cards */
:root{--blue:#f2b705;--blue-d:#ce9200;--navy:#17181c;--darkbar:#111214;--ink:#202124;--bg:#fff;--line:#ece8df;--red:#dc3b35;--green:#15803d;--purple:#6d28d9;--honey:#f2b705;--honey-soft:#fff6d8;--augencia-violet:#6d28d9;--augencia-cyan:#06b6d4}
html{background:#fff}
body{background:#fff;color:#202124}
.topbar{background:#111214;color:#e6e6e6}
.header{background:#fff;box-shadow:0 1px 0 #ece8df}
.logo-img{height:54px;max-width:225px;object-fit:contain}
.searchbox{border-color:#dedbd3;border-radius:12px}
.searchbox:focus-within{border-color:#d79c00;box-shadow:0 0 0 3px rgba(242,183,5,.16)}
.search-btn{background:#17181c;border-radius:12px}
.search-btn:hover{background:#f2b705}
.search-btn:hover svg{stroke:#17181c}
.nav{background:#17181c}
.catbtn{background:#f2b705;color:#17181c;border-radius:11px;font-weight:700}
.catbtn>svg{stroke:#17181c}
.catbtn .chev{stroke:#17181c}
.catbtn:hover{background:#ffd34d}
.mobmenu:hover{background:#f2b705}
.badge{background:#f2b705;color:#17181c}
.hero{background-color:#fff;border:1px solid #f0ede6;border-radius:24px;box-shadow:0 20px 60px rgba(32,33,36,.06)}
.hero::before{background:linear-gradient(90deg,rgba(255,255,255,.97) 12%,rgba(255,255,255,.9) 39%,rgba(255,255,255,.05) 76%)}
.hero .blue{color:#202124;text-decoration:underline;text-decoration-color:#f2b705;text-decoration-thickness:5px;text-underline-offset:7px}
.hero-txt h1{letter-spacing:-.045em}
.btn-primary,.btn-main{background:#f2b705;color:#17181c;border:1px solid #e4aa00;font-weight:700;box-shadow:0 8px 18px rgba(209,153,0,.17)}
.btn-primary:hover,.btn-main:hover{background:#ffd34d;color:#17181c;transform:translateY(-2px)}
.btn-white{border:1px solid #e8e4dc;background:#fff;color:#202124}
.btn-white:hover{border-color:#e4aa00;background:#fff8e1;color:#17181c}
.fnacbadge,.countbubble{background:#fff7dc;color:#4b3900;border:1px solid #f0dd9f}
.truststrip{background:#fffaf0;border:1px solid #f1e8cf}
.tit+.tit::before{background:#e8dfca}
.tit svg{stroke:#d29400}
.whyit,.prodcard,.product-card,.filterbox,.checkout-card{border-color:#eee9df}
.whyit:hover,.prodcard:hover,.product-card:hover{box-shadow:0 18px 38px rgba(32,33,36,.10)}
.promo.dark,.mega-side{background:linear-gradient(145deg,#17181c 0%,#24252a 100%)}
.promo .blue,.promo [style*="color:#f2b705"]{color:#f2b705!important}
.page-hero{background:#fff;color:#202124;border:1px solid #f0ede6;border-radius:16px;box-shadow:0 8px 24px rgba(32,33,36,.04)}
.page-hero h1{letter-spacing:-.04em;color:#202124}
.page-hero p{color:#596273}
.page-hero .countbubble{background:#fff7dc;color:#4b3900;border:1px solid #f0dd9f}
.crumbs a:hover,.mainnav a:hover,.catdrop a:hover{color:#b98200}
.mainnav a.active::after{background:#f2b705}
.hact:hover{background:#fff7dc;color:#b98200}
.hact:hover .hact-lbl{color:#b98200}
.bottomnav .bnact,.bottomnav .bn-it.active{color:#b98200}
.bottomnav .bn-it.active::before{background:#f2b705}
.tags a:hover,.chips button.active{background:#fff3c2;color:#473500}
.discount,.sale-badge{background:#17181c;color:#ffd348}
.pfilters,.filters{border-color:#ede8de}
.footer{background:#141518;color:#e7e5e0}
.footer a:hover{color:#ffd348}
.footer .foot-bot{border-top-color:rgba(255,255,255,.13);align-items:center}
.paychips span{border-color:rgba(255,255,255,.2)}
/* Premium promotions on the offers landing */
.offer-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 34px}
.offer-highlight-card{min-height:228px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;border-radius:22px;background:#111214;border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 30px rgba(31,30,26,.12);transition:transform .28s ease,box-shadow .28s ease,border-color .28s}
.offer-highlight-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(31,30,26,.2);border-color:rgba(242,183,5,.6)}
.offer-highlight-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,14,16,.97) 0%,rgba(13,14,16,.88) 31%,rgba(13,14,16,.12) 76%)}
.offer-highlight-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .55s ease}
.offer-highlight-card:hover img{transform:scale(1.045)}
.offer-copy{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:25px;max-width:68%;color:#f6f4ef}
.offer-eyebrow{font-size:10px;line-height:1.2;letter-spacing:.14em;font-weight:800;color:#ffd348}
.offer-copy strong{font-size:clamp(18px,2.1vw,26px);line-height:1.14;letter-spacing:-.035em;color:#fff}
.offer-cta{display:inline-flex;align-items:center;gap:10px;margin-top:3px;font-size:12px;font-weight:700;color:#f6f4ef}
.offer-cta b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#f2b705;color:#17181c;font-size:14px;transition:transform .2s}
.offer-highlight-card:hover .offer-cta b{transform:translate(2px,-2px)}
/* Agency credit: the whole sign-off is one safe, obvious outbound link. */
.built-by-augencia{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:8px 12px;border-radius:999px;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);transition:transform .25s,border-color .25s,background .25s}
.js .built-by-augencia:not(.is-visible){opacity:0;transform:translateY(11px);filter:blur(4px)}
.js .built-by-augencia.is-visible{animation:augenciaReveal .9s cubic-bezier(.2,.8,.2,1) both}
.built-by-augencia:hover{transform:translateY(-2px);border-color:rgba(6,182,212,.7);background:rgba(109,40,217,.12)}
.built-prefix,.built-tech{color:#c7c8cc}
.augencia-word{font-size:13px;font-weight:800;letter-spacing:.015em;background:linear-gradient(105deg,#a78bfa 0%,#6d28d9 46%,#06b6d4 82%,#a78bfa 100%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:augenciaGradient 4s linear infinite}
.built-by-augencia svg{width:12px;height:12px;stroke:#06b6d4;fill:none;stroke-width:1.8;opacity:.95}
@keyframes augenciaReveal{0%{opacity:0;transform:translateY(11px);filter:blur(4px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes augenciaGradient{to{background-position:220% center}}
@media(max-width:900px){.offer-highlights{grid-template-columns:1fr 1fr}.offer-highlight-card:last-child{grid-column:1/-1}.logo-img{height:48px;max-width:195px}}
@media(max-width:620px){.logo-img{height:39px;max-width:160px}.offer-highlights{grid-template-columns:1fr;gap:13px;margin:20px 0 26px}.offer-highlight-card,.offer-highlight-card:last-child{grid-column:auto;min-height:202px}.offer-copy{padding:21px;max-width:72%}.built-by-augencia{margin:10px 0 0 auto;font-size:10px}.footer .foot-bot{flex-wrap:wrap;gap:10px}.hero{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.built-by-augencia,.augencia-word{animation:none!important}.offer-highlight-card,.offer-highlight-card img{transition:none}}