:root{
  --bg:#070704;--bg2:#0d0d08;--card:#12120d;--card2:#18170f;--hover:#1f1d13;--line:#2a281b;--line2:#3a3523;--text:#f7f2df;--muted:#a39b82;--gold:#f5c542;--gold2:#d49a13;--gold3:#ffe08a;--green:#22c55e;--red:#fb7185;--yellow:#facc15;--blue:#60a5fa;--display:'Playfair Display',serif;--body:'Inter',sans-serif;--mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);background:radial-gradient(circle at 20% -10%,rgba(245,197,66,.18),transparent 32%),radial-gradient(circle at 90% 18%,rgba(245,197,66,.08),transparent 24%),linear-gradient(180deg,#060604,#0b0b07 55%,#050503);color:var(--text);line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(245,197,66,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,66,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 80%)}button,input,select{font:inherit}button{cursor:pointer}input,select{width:100%;padding:12px 13px;border:1px solid var(--line2);background:#090906;color:var(--text);border-radius:12px;outline:none}input:focus,select:focus{border-color:rgba(245,197,66,.7);box-shadow:0 0 0 3px rgba(245,197,66,.08)}.hidden{display:none!important}.full{width:100%}
.navbar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px 42px;border-bottom:1px solid rgba(245,197,66,.13);background:rgba(7,7,4,.82);backdrop-filter:blur(22px)}.logo{display:flex;gap:11px;align-items:center;font-weight:900;font-size:23px;letter-spacing:-.6px}.logo span{color:var(--gold)}.logo-mark{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold3),var(--gold2));color:#080804;border-radius:13px;font-family:var(--display);font-size:24px;font-weight:800;box-shadow:0 10px 28px rgba(245,197,66,.22)}.nav-links{display:flex;gap:8px;list-style:none}.nav-links a{padding:9px 15px;border-radius:999px;color:var(--muted);font-weight:800;font-size:13px}.nav-links a:hover{background:rgba(245,197,66,.1);color:var(--gold3)}
.btn{border:0;border-radius:12px;padding:10px 18px;font-weight:900;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.22s}.btn-primary,.btn-coral{background:linear-gradient(135deg,var(--gold3),var(--gold));color:#090906;box-shadow:0 15px 40px rgba(245,197,66,.16)}.btn-primary:hover,.btn-coral:hover,.btn-view:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-ghost{background:rgba(255,255,255,.025);border:1px solid var(--line2);color:var(--text)}.btn-ghost:hover{border-color:rgba(245,197,66,.65);color:var(--gold3);background:rgba(245,197,66,.06)}.btn-danger{background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.28);color:var(--red)}.btn-small{padding:7px 11px;font-size:12px}.icon-btn{width:35px;height:35px;background:#0a0a06;border:1px solid var(--line2);color:var(--text);border-radius:10px}
.hero{text-align:center;max-width:1180px;margin:auto;padding:86px 30px 36px}.eyebrow{display:inline-flex;gap:10px;align-items:center;background:rgba(245,197,66,.08);border:1px solid rgba(245,197,66,.24);color:var(--gold3);border-radius:999px;padding:7px 16px;font-size:12px;margin-bottom:24px;font-weight:800}.eyebrow b{background:linear-gradient(135deg,var(--gold3),var(--gold));color:#080804;border-radius:999px;padding:3px 9px}.hero h1{font-family:var(--display);font-size:clamp(50px,7vw,96px);line-height:.92;font-weight:800;letter-spacing:-4px;max-width:980px;margin:auto}.hero em,.pricing em,.section-head em,.page h1 em{color:var(--gold);font-style:normal}.hero p{color:var(--muted);font-size:18px;max-width:760px;margin:24px auto}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.mini-trust{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:34px;padding:22px 0 0;border-top:1px solid rgba(245,197,66,.1);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.7px}.mini-trust b{display:block;color:var(--text);font-family:var(--display);font-size:30px;line-height:1}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.35}}
.pricing{max-width:1160px;margin:18px auto 24px;padding:0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing article{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(245,197,66,.06),rgba(255,255,255,.025));border:1px solid rgba(245,197,66,.14);border-radius:22px;padding:24px;transition:.25s}.pricing article:hover{border-color:rgba(245,197,66,.45);transform:translateY(-4px);background:linear-gradient(180deg,rgba(245,197,66,.1),rgba(255,255,255,.03))}.pricing article span{font-family:var(--mono);font-size:11px;color:var(--gold);letter-spacing:1px}.pricing b{display:block;margin-top:12px;font-family:var(--display);font-size:31px;font-weight:800;line-height:1}.pricing p{color:var(--muted);font-size:13px;margin-top:8px}.audience-strip{max-width:1160px;margin:0 auto 18px;padding:0 30px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.audience-strip div{text-align:center;border:1px solid rgba(245,197,66,.11);background:rgba(255,255,255,.025);border-radius:999px;padding:10px;font-size:12px;color:var(--gold3);font-weight:800}
.buyer-tabs,.filter-bar{position:sticky;z-index:70;background:rgba(7,7,4,.9);backdrop-filter:blur(20px);border-block:1px solid rgba(245,197,66,.1);display:flex;gap:9px;overflow:auto;padding:13px 30px}.buyer-tabs{top:73px}.filter-bar{top:125px}.buyer-tabs button,.filter-bar button{white-space:nowrap;border:1px solid var(--line);background:#10100b;color:var(--muted);border-radius:999px;padding:9px 15px;font-weight:800;font-size:12px}.buyer-tabs button.active,.filter-bar button.active,.buyer-tabs button:hover,.filter-bar button:hover{background:linear-gradient(135deg,var(--gold3),var(--gold));color:#080804;border-color:transparent}.filter-bar span{opacity:.7;margin-left:4px}
.container{max-width:1240px;margin:auto;padding:34px 30px 72px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-head small{display:block;color:var(--gold);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}.section-head h2,.page h1,.panel h2,.drawer-head h3{font-family:var(--display);font-size:44px;line-height:1;font-weight:800;letter-spacing:-1.4px}.section-head p{color:var(--muted)}.search-box{min-width:min(330px,100%)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.panel,.features>div,.live-card,.box,.login-card,.modal-card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(245,197,66,.12);border-radius:22px}.card{position:relative;overflow:hidden;padding:19px;display:flex;flex-direction:column;gap:13px;transition:.25s;min-height:325px}.card:before{content:"";position:absolute;inset:-1px -1px auto -1px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.65}.card:hover{background:linear-gradient(180deg,rgba(245,197,66,.075),rgba(255,255,255,.025));border-color:rgba(245,197,66,.35);transform:translateY(-5px);box-shadow:0 28px 70px rgba(0,0,0,.35)}.card-top{display:flex;justify-content:space-between;gap:12px}.brand{display:flex;gap:11px;align-items:center}.logo-img{width:50px;height:50px;min-width:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px;background:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.logo-img img{width:100%;height:100%;object-fit:contain;display:block}.brand-name{font-family:var(--mono);font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.8px}.discount,.status{font-size:10px;font-weight:900;border-radius:999px;padding:4px 8px}.discount{background:rgba(251,113,133,.12);color:#ff9aad;border:1px solid rgba(251,113,133,.22)}.status{background:rgba(245,197,66,.13);color:var(--gold3);border:1px solid rgba(245,197,66,.25)}.card-title{font-weight:900;line-height:1.25;font-size:17px;color:#fff8df}.card-desc{color:var(--muted);font-size:12px;min-height:40px}.card-meta{display:flex;gap:7px;flex-wrap:wrap;padding-top:11px;border-top:1px solid rgba(245,197,66,.1);font-size:11px;color:var(--muted)}.sold{background:rgba(34,197,94,.08);color:#7ee7a0;padding:2px 7px;border-radius:999px}.stock-low{color:var(--red)!important}.card-footer{display:flex;justify-content:space-between;align-items:end;margin-top:auto}.price-old{display:block;text-decoration:line-through;color:#766f5c;font-size:12px}.price-new{font-family:var(--display);font-size:36px;line-height:1;color:var(--gold3);font-weight:800}.price-new span{font-size:17px;color:var(--gold);margin-right:1px}.btn-view{background:linear-gradient(135deg,var(--gold3),var(--gold));color:#080804;border:0;padding:9px 13px;border-radius:11px;font-size:12px;font-weight:900}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.features>div{padding:24px}.features b{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--gold3),var(--gold));color:#080804;display:grid;place-items:center;margin-bottom:14px;font-weight:900}.features h3{font-size:18px;margin-bottom:4px}.features p,.box p,.drawer-head p,.page p,.panel p{color:var(--muted);font-size:13px}.live-card{padding:24px}.live-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.live-item{display:flex;gap:12px;align-items:center;border:1px solid rgba(245,197,66,.1);border-radius:15px;padding:13px;background:rgba(0,0,0,.2)}.live-avatar,.sale-popup>div:first-child{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold3),var(--gold));color:#080804;font-family:var(--display);font-weight:800}.live-item p{font-size:11px;color:var(--muted)}.live-time{font-family:var(--mono);font-size:10px;color:var(--gold);margin-left:auto}
.cart-pill{position:fixed;right:22px;top:86px;z-index:95;background:linear-gradient(135deg,var(--gold3),var(--gold));color:#080804;border:0;border-radius:999px;padding:11px 17px;font-weight:900;box-shadow:0 18px 40px rgba(245,197,66,.16)}.cart-drawer{position:fixed;right:22px;top:140px;width:min(440px,calc(100vw - 44px));z-index:96;background:#0d0d08;border:1px solid rgba(245,197,66,.18);border-radius:24px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.7);display:none;max-height:74vh;overflow:auto}.cart-drawer.active{display:block}.drawer-head{display:flex;justify-content:space-between;gap:14px}.drawer-head h3{font-size:34px}.cart-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(245,197,66,.09)}.cart-info{display:flex;gap:10px;align-items:center}.cart-item small{color:var(--muted)}.box{padding:15px;margin-top:14px;display:grid;gap:10px}.total-box{border-color:rgba(245,197,66,.25)}
.page{display:none;position:relative;z-index:1;max-width:1280px;margin:auto;padding:30px}.page.active{display:block}.page-top{display:flex;justify-content:space-between;margin-bottom:22px}.payment-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.panel{padding:24px}.wallet-box{border:1px solid rgba(245,197,66,.14);border-radius:16px;background:rgba(0,0,0,.22);padding:15px;margin-top:12px}.wallet-box p,.summary-row,.box p{display:flex;justify-content:space-between;gap:10px}.wallet-address{word-break:break-all;font-family:var(--mono);font-size:12px;border:1px dashed rgba(245,197,66,.25);border-radius:12px;padding:12px;margin:10px 0;background:rgba(245,197,66,.045)}.status.pending{background:rgba(250,204,21,.13);color:var(--yellow)}.status.approved{background:rgba(34,197,94,.13);color:var(--green)}.status.rejected{background:rgba(251,113,133,.13);color:var(--red)}.status.delivered{background:rgba(96,165,250,.13);color:var(--blue)}
.login-card{max-width:430px;margin:80px auto;padding:24px;display:grid;gap:13px}.center{justify-content:center}.admin-layout{display:grid;grid-template-columns:250px 1fr;gap:20px}.sidebar{background:linear-gradient(180deg,rgba(245,197,66,.06),rgba(255,255,255,.02));border:1px solid rgba(245,197,66,.13);border-radius:24px;padding:18px;position:sticky;top:92px;align-self:start;display:grid;gap:8px}.sidebar button{background:rgba(0,0,0,.2);border:1px solid rgba(245,197,66,.1);color:var(--text);padding:12px;border-radius:13px;text-align:left;font-weight:900}.sidebar button:hover{background:linear-gradient(135deg,var(--gold3),var(--gold));color:#080804}.admin-main{display:grid;gap:18px}.dash{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dash>div{background:linear-gradient(180deg,rgba(245,197,66,.06),rgba(255,255,255,.02));border:1px solid rgba(245,197,66,.13);border-radius:20px;padding:18px}.dash span{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:800}.dash h2{font-family:var(--display);font-size:38px;line-height:1;color:var(--gold3);font-weight:800}.panel-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid rgba(245,197,66,.09);padding:13px;font-size:13px;white-space:nowrap}th{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.wallet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wallet-grid .box{margin:0}.side-banner{position:fixed;top:50%;z-index:60;transform:translateY(-50%);width:98px;text-align:center;background:#0d0d08;border:1px solid rgba(245,197,66,.16);border-radius:18px;padding:14px 12px;box-shadow:0 20px 50px #000}.side-banner.left{left:18px}.side-banner.right{right:18px}.side-banner span{display:block;font-size:28px}.side-banner b{display:block;color:var(--gold);font-family:var(--mono)}.side-banner small{color:var(--muted);font-size:10px}.sale-popup{position:fixed;left:24px;bottom:24px;z-index:90;background:#0d0d08;border:1px solid rgba(245,197,66,.16);border-radius:16px;padding:14px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 20px 55px #000;transform:translateY(150%);transition:.5s}.sale-popup.show{transform:translateY(0)}.sale-popup span,.sale-popup small{display:block;color:var(--muted);font-size:12px}.sale-popup small{font-size:10px;color:var(--gold)}.sale-popup button{background:transparent;border:0;color:var(--muted)}.modal{display:none;position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.78);place-items:center;padding:20px}.modal.active{display:grid}.modal-card{width:min(480px,100%);padding:20px;display:grid;gap:10px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(100px);z-index:200;background:#0d0d08;border:1px solid var(--gold);border-radius:14px;padding:12px 18px;font-weight:900;opacity:0;transition:.25s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1120px){.side-banner{display:none}.grid{grid-template-columns:repeat(3,1fr)}.audience-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.nav-links{display:none}.pricing,.grid,.features,.live-list,.payment-grid,.admin-layout,.wallet-grid{grid-template-columns:1fr 1fr}.dash{grid-template-columns:1fr 1fr}.payment-grid,.admin-layout{grid-template-columns:1fr}.navbar{padding:14px 20px}.sidebar{position:static}.filter-bar{top:64px}.buyer-tabs{top:64px}.section-head h2{font-size:38px}.hero h1{letter-spacing:-2px}.section-head{align-items:start;flex-direction:column}}@media(max-width:560px){.pricing,.grid,.features,.live-list,.dash,.wallet-grid,.audience-strip{grid-template-columns:1fr}.section-head,.panel-head{display:block}.cart-pill{top:auto;bottom:82px}.cart-drawer{top:95px;right:12px;width:calc(100vw - 24px)}.hero{padding-top:52px}.hero h1{font-size:48px}.navbar .logo{font-size:18px}.container{padding-inline:18px}.buyer-tabs,.filter-bar{padding-inline:18px}}

/* ================= SIGNUP PAGE ================= */
.nav-actions{display:flex;align-items:center;gap:10px}
.signup-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:start}
.signup-intro{min-height:100%;display:flex;flex-direction:column;justify-content:center}
.signup-intro h1{font-family:var(--display);font-size:clamp(42px,5vw,70px);line-height:.95;font-weight:800;letter-spacing:-2px;margin:10px 0 14px}
.signup-benefits{display:grid;gap:12px;margin-top:22px}
.signup-benefits div{display:flex;gap:12px;align-items:center;border:1px solid rgba(245,197,66,.12);background:rgba(245,197,66,.04);padding:12px;border-radius:15px;color:var(--muted);font-size:14px}
.signup-benefits b{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold3),var(--gold));color:#080804;flex:0 0 auto}
.signup-form{display:grid;gap:13px}
.signup-form h2{font-family:var(--display);font-size:42px;line-height:1;font-weight:800}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
textarea{width:100%;min-height:105px;resize:vertical;padding:12px 13px;border:1px solid var(--line2);background:#090906;color:var(--text);border-radius:12px;outline:none;font:inherit}
textarea:focus{border-color:rgba(245,197,66,.7);box-shadow:0 0 0 3px rgba(245,197,66,.08)}
.form-note{color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:900px){.signup-grid{grid-template-columns:1fr}.nav-actions .btn-ghost{display:none}}
@media(max-width:560px){.form-row{grid-template-columns:1fr}.signup-form h2{font-size:34px}}


/* ROLE-BASED PERSONALIZED PRODUCT SORTING */
.recommend-card{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border:1px solid rgba(245,197,66,.25);
  background:linear-gradient(135deg,rgba(245,197,66,.11),rgba(255,255,255,.025));
  border-radius:20px;
}
.recommend-card b{color:var(--gold3);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.recommend-card span{color:var(--muted);font-size:13px;flex:1}
.recommended-product{border-color:rgba(245,197,66,.36)!important;box-shadow:0 22px 60px rgba(245,197,66,.06)}
.recommend-badge{position:absolute;right:14px;top:14px;z-index:2;background:linear-gradient(135deg,var(--gold3),var(--gold));color:#080804;border-radius:999px;padding:4px 9px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.recommended-product .discount{margin-top:25px}
@media(max-width:560px){.recommend-card{align-items:flex-start;flex-direction:column}.recommend-card b{white-space:normal}.recommended-product .discount{margin-top:28px}}


/* =========================================================
   BRILLIANT-INSPIRED TOP + DOWN PAGE STYLE
   Product cards/product section structure unchanged
========================================================= */

.brilliant-style{
  background:#f7f7f2;
  color:#171717;
}

.brilliant-style::before{
  display:none;
}

.learn-topic-bar{
  position:sticky;
  top:72px;
  z-index:86;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  background:#fbfbf7;
  border-bottom:1px solid #ecebe4;
  min-height:58px;
}

.learn-topic-bar button{
  border:0;
  border-right:1px solid #ecebe4;
  background:transparent;
  color:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:15px;
  font-weight:700;
  transition:.2s;
}

.learn-topic-bar button:hover{
  background:#f1efe6;
}

.topic-icon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  font-size:24px;
  font-weight:900;
  line-height:1;
}

.topic-icon.purple{color:#8b5cf6}
.topic-icon.violet{color:#7c3aed}
.topic-icon.red{color:#ef4444}
.topic-icon.blue{color:#2563eb}
.topic-icon.orange{color:#d97706}
.topic-icon.gold{color:#ca8a04}

.brilliant-style .navbar{
  background:#ffffff;
  border-bottom:1px solid #ecebe4;
  box-shadow:0 8px 30px rgba(0,0,0,.035);
}

.brilliant-style .logo{color:#141414}
.brilliant-style .logo span{color:#111}
.brilliant-style .logo-mark{background:#111;color:#fff;box-shadow:none}
.brilliant-style .nav-links a{color:#333}
.brilliant-style .nav-links a:hover{background:#f1efe6;color:#000}
.brilliant-style .btn-primary{background:#111;color:#fff;box-shadow:none}
.brilliant-style .btn-ghost{background:#fff;color:#111;border:1px solid #d8d6cc}
.brilliant-style .btn-ghost:hover{background:#f1efe6;color:#111;border-color:#c7c3b5}

.brilliant-style .brilliant-hero{
  max-width:1240px;
  padding:92px 42px 42px;
  text-align:left;
  background:
    radial-gradient(circle at 85% 20%,rgba(245,197,66,.22),transparent 28%),
    radial-gradient(circle at 8% 8%,rgba(139,92,246,.13),transparent 22%),
    #f7f7f2;
}

.brilliant-style .brilliant-hero .eyebrow{
  background:#fff;
  color:#555;
  border:1px solid #e6e2d7;
  border-radius:999px;
  margin-bottom:28px;
  box-shadow:0 10px 30px rgba(0,0,0,.035);
}

.brilliant-style .brilliant-hero .eyebrow b{background:#111;color:#fff}

.brilliant-style .brilliant-hero h1{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(54px,7vw,98px);
  line-height:.98;
  letter-spacing:-3px;
  font-weight:700;
  max-width:980px;
  margin:0;
  color:#111;
}

.brilliant-style .brilliant-hero h1 em{color:#111;font-style:italic}
.brilliant-style .brilliant-hero p{color:#55534b;font-size:20px;max-width:780px;margin:26px 0}
.brilliant-style .brilliant-hero .hero-actions{justify-content:flex-start}
.brilliant-style .brilliant-hero .btn-coral{background:#111;color:#fff;box-shadow:none}

.brilliant-trust{
  margin-top:48px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #dedbd0;
  border-bottom:1px solid #dedbd0;
  background:rgba(255,255,255,.45);
}

.brilliant-trust div{padding:24px 20px;border-right:1px solid #dedbd0}
.brilliant-trust div:last-child{border-right:0}
.brilliant-trust strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1;color:#111}
.brilliant-trust span{display:block;margin-top:8px;color:#77736a;font-size:13px;font-weight:700}

.brilliant-style .brilliant-paths{background:#f7f7f2;margin-top:20px}
.brilliant-style .brilliant-paths article{background:#fff;border:1px solid #e3e0d5;color:#111;border-radius:18px;box-shadow:0 16px 45px rgba(0,0,0,.045)}
.brilliant-style .brilliant-paths article:hover{background:#fffdf5;border-color:#c9a227;transform:translateY(-4px)}
.brilliant-style .brilliant-paths article span{color:#9b7a12}
.brilliant-style .brilliant-paths b{font-family:Georgia,'Times New Roman',serif;color:#111}
.brilliant-style .brilliant-paths em{color:#111;font-style:italic}
.brilliant-style .brilliant-paths p{color:#68645c}

.brilliant-style .brilliant-audience{background:#f7f7f2}
.brilliant-style .brilliant-audience div{background:#fff;border:1px solid #e3e0d5;color:#111;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.03)}

.brilliant-style #products{
  background:
    radial-gradient(circle at 20% -10%,rgba(245,197,66,.16),transparent 28%),
    linear-gradient(180deg,#080804,#0c0c07);
  color:var(--text);
  max-width:none;
  padding-left:max(30px,calc((100vw - 1240px)/2));
  padding-right:max(30px,calc((100vw - 1240px)/2));
}

.brilliant-style #products .section-head h2,
.brilliant-style #products .section-head p,
.brilliant-style #products .section-head small{color:inherit}
.brilliant-style #products .search-box input{background:#090906;color:var(--text);border-color:var(--line2)}

.brilliant-style .buyer-tabs,
.brilliant-style .filter-bar{background:#080804}
.brilliant-style .buyer-tabs{top:130px}
.brilliant-style .filter-bar{top:182px}

.brilliant-style main > section.container:not(#products){background:#f7f7f2;color:#111;max-width:1240px}
.brilliant-style main > section.container:not(#products) .section-head h2{font-family:Georgia,'Times New Roman',serif;color:#111}
.brilliant-style main > section.container:not(#products) .section-head small{color:#9b7a12}
.brilliant-style main > section.container:not(#products) .section-head p{color:#666259}
.brilliant-style main > section.container:not(#products) .features > div,
.brilliant-style main > section.container:not(#products) .live-card{background:#fff;border:1px solid #e3e0d5;color:#111;box-shadow:0 16px 42px rgba(0,0,0,.04)}
.brilliant-style main > section.container:not(#products) .features p,
.brilliant-style main > section.container:not(#products) .live-card p{color:#666259}
.brilliant-style main > section.container:not(#products) .features b{background:#111;color:#fff}

@media(max-width:980px){
  .learn-topic-bar{grid-template-columns:repeat(3,1fr);top:68px}
  .brilliant-trust{grid-template-columns:repeat(2,1fr)}
  .brilliant-trust div:nth-child(2){border-right:0}
  .brilliant-style .buyer-tabs{top:126px}
  .brilliant-style .filter-bar{top:178px}
}

@media(max-width:560px){
  .learn-topic-bar{display:flex;overflow-x:auto}
  .learn-topic-bar button{min-width:max-content;padding:14px 18px}
  .brilliant-style .brilliant-hero{padding:62px 22px 32px}
  .brilliant-style .brilliant-hero h1{font-size:46px;letter-spacing:-1.6px}
  .brilliant-trust{grid-template-columns:1fr}
  .brilliant-trust div{border-right:0;border-bottom:1px solid #dedbd0}
}

/* =========================================================
   TYPOGRAPHY + SPACING POLISH UPDATE
   Smaller, cleaner, more premium reading experience
========================================================= */

.brilliant-style{
  font-size:14px;
  letter-spacing:-0.01em;
}

.brilliant-style .navbar{
  min-height:54px;
  padding:10px 34px;
}

.brilliant-style .logo{
  font-size:19px;
  gap:9px;
}

.brilliant-style .logo-mark{
  width:34px;
  height:34px;
  border-radius:10px;
  font-size:19px;
}

.brilliant-style .nav-links{
  gap:6px;
}

.brilliant-style .nav-links a{
  padding:7px 12px;
  font-size:12px;
  font-weight:800;
}

.brilliant-style .btn{
  padding:8px 13px;
  font-size:12px;
  border-radius:10px;
}

.learn-topic-bar{
  top:55px;
  min-height:46px;
}

.learn-topic-bar button{
  font-size:12.5px;
  font-weight:800;
  gap:8px;
}

.topic-icon{
  width:18px;
  height:18px;
  font-size:18px;
}

.brilliant-style .brilliant-hero{
  max-width:1120px;
  padding:64px 36px 30px;
}

.brilliant-style .brilliant-hero .eyebrow{
  font-size:11px;
  padding:6px 13px 6px 6px;
  margin-bottom:20px;
}

.brilliant-style .brilliant-hero .eyebrow b{
  padding:3px 8px;
  font-size:10px;
}

.brilliant-style .brilliant-hero h1{
  font-size:clamp(42px,5vw,72px);
  line-height:1.03;
  letter-spacing:-2.4px;
  max-width:820px;
}

.brilliant-style .brilliant-hero p{
  font-size:15.5px;
  line-height:1.72;
  max-width:670px;
  margin:20px 0 22px;
  color:#5d5a52;
}

.brilliant-style .brilliant-hero .hero-actions{
  gap:9px;
}

.brilliant-trust{
  margin-top:34px;
}

.brilliant-trust div{
  padding:17px 16px;
}

.brilliant-trust strong{
  font-size:25px;
  letter-spacing:-0.8px;
}

.brilliant-trust span{
  margin-top:5px;
  font-size:11px;
  line-height:1.4;
}

.brilliant-style .brilliant-paths{
  max-width:1040px;
  margin:18px auto 18px;
  gap:13px;
}

.brilliant-style .brilliant-paths article{
  padding:19px 20px;
  border-radius:16px;
}

.brilliant-style .brilliant-paths article span{
  font-size:10px;
}

.brilliant-style .brilliant-paths b{
  font-size:24px;
  letter-spacing:-0.8px;
}

.brilliant-style .brilliant-paths p{
  font-size:12px;
  line-height:1.55;
  margin-top:7px;
}

.brilliant-style .brilliant-audience{
  max-width:1040px;
  margin-bottom:18px;
  gap:9px;
}

.brilliant-style .brilliant-audience div{
  padding:8px 10px;
  font-size:11px;
}

.brilliant-style .buyer-tabs,
.brilliant-style .filter-bar{
  top:auto;
  position:sticky;
}

.brilliant-style .buyer-tabs{
  top:55px;
}

.brilliant-style .filter-bar{
  top:102px;
}

.brilliant-style .buyer-tabs button,
.brilliant-style .filter-bar button{
  padding:8px 13px;
  font-size:11px;
}

.brilliant-style #products{
  padding-top:30px;
}

.brilliant-style #products .section-head h2{
  font-size:36px;
  letter-spacing:-1px;
}

.brilliant-style #products .section-head p{
  font-size:13px;
  line-height:1.55;
}

.brilliant-style #products .section-head small{
  font-size:10px;
}

.brilliant-style .search-box input{
  padding:10px 12px;
  font-size:13px;
}

.brilliant-style main > section.container:not(#products){
  padding-top:42px;
  padding-bottom:52px;
}

.brilliant-style main > section.container:not(#products) .section-head h2{
  font-size:34px;
  line-height:1.08;
  letter-spacing:-1px;
}

.brilliant-style main > section.container:not(#products) .section-head p{
  font-size:13px;
  line-height:1.6;
}

.brilliant-style main > section.container:not(#products) .features > div,
.brilliant-style main > section.container:not(#products) .live-card{
  border-radius:18px;
}

.brilliant-style .features > div{
  padding:20px;
}

.brilliant-style .features h3{
  font-size:16px;
}

.brilliant-style .features p{
  font-size:12px;
  line-height:1.55;
}

.brilliant-style .live-item{
  padding:11px;
}

.brilliant-style .live-item strong{
  font-size:13px;
}

.brilliant-style .live-item p{
  font-size:10.5px;
}

.brilliant-style .side-banner{
  width:76px;
  padding:11px 8px;
  border-radius:14px;
}

.brilliant-style .side-banner span{
  font-size:21px;
}

.brilliant-style .side-banner b{
  font-size:11px;
}

.brilliant-style .side-banner small{
  font-size:9px;
}

@media(max-width:980px){
  .learn-topic-bar{
    top:55px;
  }

  .brilliant-style .brilliant-hero{
    padding:52px 24px 28px;
  }

  .brilliant-style .brilliant-hero h1{
    font-size:clamp(38px,8vw,58px);
    letter-spacing:-1.5px;
  }

  .brilliant-style .brilliant-hero p{
    font-size:14.5px;
  }
}

@media(max-width:560px){
  .brilliant-style .navbar{
    padding:10px 14px;
  }

  .learn-topic-bar{
    top:55px;
  }

  .learn-topic-bar button{
    padding:12px 14px;
  }

  .brilliant-style .brilliant-hero{
    padding:42px 18px 24px;
  }

  .brilliant-style .brilliant-hero h1{
    font-size:38px;
    line-height:1.05;
  }

  .brilliant-style .brilliant-hero p{
    font-size:14px;
    line-height:1.65;
  }

  .brilliant-trust strong{
    font-size:23px;
  }

  .brilliant-style .brilliant-paths article{
    padding:17px;
  }

  .brilliant-style main > section.container:not(#products) .section-head h2,
  .brilliant-style #products .section-head h2{
    font-size:30px;
  }
}


/* =========================================================
   WHITE MARKETPLACE REDESIGN — CLEAN A TO Z USER FLOW
   Makes middle/product area white and improves readability.
========================================================= */

.brilliant-style{
  background:#f8f7f1!important;
  color:#111!important;
}

.brilliant-style .navbar{
  height:58px;
  padding:11px 34px!important;
}

.brilliant-style .logo{
  font-size:18px!important;
}

.brilliant-style .logo-mark{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  font-size:18px!important;
}

.brilliant-style .nav-links a{
  font-size:12px!important;
  padding:8px 12px!important;
}

.brilliant-style .nav-actions .btn{
  padding:8px 12px!important;
  font-size:12px!important;
}

.learn-topic-bar{
  top:58px!important;
  min-height:48px!important;
  background:#ffffff!important;
  border-top:1px solid #eee9dc!important;
  border-bottom:1px solid #e3dfd2!important;
}

.learn-topic-bar button{
  min-height:48px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#191919!important;
}

.topic-icon{
  width:18px!important;
  height:18px!important;
  font-size:18px!important;
}

.brilliant-style .brilliant-hero{
  max-width:1180px!important;
  padding:64px 34px 30px!important;
  background:
    radial-gradient(circle at 82% 15%,rgba(245,197,66,.18),transparent 26%),
    radial-gradient(circle at 10% 10%,rgba(124,58,237,.08),transparent 24%),
    #f8f7f1!important;
}

.brilliant-style .brilliant-hero .eyebrow{
  padding:6px 12px!important;
  font-size:10.5px!important;
  margin-bottom:18px!important;
}

.brilliant-style .brilliant-hero h1{
  font-size:clamp(42px,5.5vw,72px)!important;
  line-height:1.02!important;
  letter-spacing:-2.4px!important;
  max-width:820px!important;
}

.brilliant-style .brilliant-hero p{
  font-size:15.5px!important;
  line-height:1.7!important;
  max-width:690px!important;
  margin:20px 0 22px!important;
  color:#4c4a43!important;
}

.brilliant-style .hero-actions{
  gap:9px!important;
}

.brilliant-style .hero-actions .btn{
  padding:10px 14px!important;
  font-size:12px!important;
}

.brilliant-trust{
  margin-top:32px!important;
  background:#fff!important;
  border:1px solid #e2dece!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 14px 36px rgba(0,0,0,.045)!important;
}

.brilliant-trust div{
  padding:18px 18px!important;
  border-color:#e2dece!important;
}

.brilliant-trust strong{
  font-size:25px!important;
}

.brilliant-trust span{
  font-size:11px!important;
  margin-top:5px!important;
}

.brilliant-style .brilliant-paths,
.brilliant-style .brilliant-audience{
  max-width:1180px!important;
}

.brilliant-style .brilliant-paths{
  margin-top:10px!important;
  margin-bottom:14px!important;
}

.brilliant-style .brilliant-paths article{
  padding:18px!important;
  border-radius:16px!important;
}

.brilliant-style .brilliant-paths b{
  font-size:24px!important;
}

.brilliant-style .brilliant-paths p{
  font-size:12px!important;
}

.brilliant-style .brilliant-audience div{
  font-size:11px!important;
  padding:8px 9px!important;
}

.market-guide{
  max-width:1180px;
  margin:22px auto 16px;
  padding:0 30px;
}

.guide-head{
  max-width:720px;
  margin-bottom:16px;
}

.guide-head small{
  display:block;
  color:#9b7a12;
  font-family:var(--mono);
  font-size:10.5px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1.3px;
  margin-bottom:6px;
}

.guide-head h2{
  font-family:Georgia,'Times New Roman',serif;
  font-size:36px;
  line-height:1.08;
  letter-spacing:-1.2px;
  color:#111;
}

.guide-head p{
  margin-top:10px;
  color:#57544c;
  font-size:14px;
  line-height:1.65;
}

.guide-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.guide-grid article{
  background:#fff;
  border:1px solid #e4dfd0;
  border-radius:18px;
  padding:18px;
  box-shadow:0 12px 32px rgba(0,0,0,.035);
}

.guide-grid article span{
  display:inline-flex;
  width:30px;
  height:30px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-family:var(--mono);
  font-size:11px;
  font-weight:900;
  margin-bottom:12px;
}

.guide-grid article h3{
  font-size:15px;
  color:#111;
  margin-bottom:6px;
}

.guide-grid article p{
  color:#5f5b52;
  font-size:12px;
  line-height:1.58;
}

.role-helper{
  max-width:1180px;
  margin:0 auto 22px;
  padding:0 30px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.role-helper div{
  background:#fffaf0;
  border:1px solid #e5d8b2;
  border-radius:16px;
  padding:14px 16px;
}

.role-helper b{
  display:block;
  color:#111;
  font-size:13px;
  margin-bottom:4px;
}

.role-helper span{
  display:block;
  color:#716853;
  font-size:11.5px;
  line-height:1.45;
}

/* Product area now white, not black */
.brilliant-style #products{
  max-width:1180px!important;
  background:#f8f7f1!important;
  color:#111!important;
  padding:34px 30px 58px!important;
  border-top:1px solid #e4dfd0!important;
}

.brilliant-style #products .section-head{
  align-items:center!important;
}

.brilliant-style #products .section-head small{
  color:#9b7a12!important;
}

.brilliant-style #products .section-head h2{
  font-family:Georgia,'Times New Roman',serif!important;
  color:#111!important;
  font-size:36px!important;
}

.brilliant-style #products .section-head h2 em{
  color:#111!important;
  font-style:italic!important;
}

.brilliant-style #products .section-head p{
  color:#5a564e!important;
  font-size:13px!important;
}

.brilliant-style #products .search-box input{
  background:#fff!important;
  color:#111!important;
  border:1px solid #d8d1be!important;
}

.brilliant-style .buyer-tabs,
.brilliant-style .filter-bar{
  background:#fff!important;
  border-color:#e4dfd0!important;
}

.brilliant-style .buyer-tabs{top:58px!important;}
.brilliant-style .filter-bar{top:106px!important;}

.brilliant-style .buyer-tabs button,
.brilliant-style .filter-bar button{
  background:#f8f7f1!important;
  color:#333!important;
  border:1px solid #ddd6c3!important;
}

.brilliant-style .buyer-tabs button.active,
.brilliant-style .filter-bar button.active,
.brilliant-style .buyer-tabs button:hover,
.brilliant-style .filter-bar button:hover{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
}

.brilliant-style .card{
  background:#fff!important;
  border:1px solid #e1dccb!important;
  border-radius:18px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.045)!important;
  min-height:310px!important;
}

.brilliant-style .card:before{
  background:linear-gradient(90deg,transparent,#c9a227,transparent)!important;
  opacity:.35!important;
}

.brilliant-style .card:hover{
  background:#fffdf7!important;
  border-color:#c9a227!important;
  box-shadow:0 18px 42px rgba(0,0,0,.07)!important;
}

.brilliant-style .brand-name{
  color:#9b7a12!important;
}

.brilliant-style .card-title{
  color:#111!important;
  font-size:16px!important;
}

.brilliant-style .card-desc{
  color:#5f5b52!important;
  font-size:12px!important;
}

.brilliant-style .card-meta{
  border-color:#ece5d4!important;
  color:#6d685d!important;
}

.brilliant-style .sold{
  background:#f0fdf4!important;
  color:#15803d!important;
}

.brilliant-style .status{
  background:#fff7d6!important;
  color:#8a6500!important;
  border-color:#ead185!important;
}

.brilliant-style .discount{
  background:#fff1f2!important;
  color:#be123c!important;
  border-color:#fecdd3!important;
}

.brilliant-style .price-old{
  color:#9a9386!important;
}

.brilliant-style .price-new{
  color:#111!important;
  font-size:31px!important;
}

.brilliant-style .price-new span{
  color:#8a6500!important;
}

.brilliant-style .btn-view{
  background:#111!important;
  color:#fff!important;
  box-shadow:none!important;
}

.brilliant-style .logo-img{
  background:#fff!important;
  border:1px solid #e3decf!important;
}

/* Lower page clarity */
.brilliant-style main > section.container:not(#products){
  max-width:1180px!important;
  background:#f8f7f1!important;
  color:#111!important;
}

.brilliant-style main > section.container:not(#products) .features > div,
.brilliant-style main > section.container:not(#products) .live-card,
.brilliant-style .live-item{
  background:#fff!important;
  border-color:#e2ddcc!important;
}

.brilliant-style .live-item strong,
.brilliant-style .features h3{
  color:#111!important;
}

.brilliant-style .live-time{
  color:#9b7a12!important;
}

.brilliant-style .cart-pill,
.brilliant-style .side-banner,
.brilliant-style .sale-popup,
.brilliant-style .cart-drawer,
.brilliant-style .panel,
.brilliant-style .login-card,
.brilliant-style .modal-card,
.brilliant-style .box{
  background:#fff!important;
  color:#111!important;
  border-color:#e2ddcc!important;
}

.brilliant-style .drawer-head h3,
.brilliant-style .page h1,
.brilliant-style .panel h2{
  color:#111!important;
}

.brilliant-style .box p,
.brilliant-style .drawer-head p,
.brilliant-style .page p,
.brilliant-style .panel p{
  color:#5c574e!important;
}

.brilliant-style .cart-pill,
.brilliant-style .btn-coral,
.brilliant-style .btn-primary{
  background:#111!important;
  color:#fff!important;
  box-shadow:none!important;
}

@media(max-width:980px){
  .guide-grid,
  .role-helper{
    grid-template-columns:repeat(2,1fr);
  }

  .brilliant-style #products .section-head{
    align-items:flex-start!important;
  }
}

@media(max-width:560px){
  .guide-grid,
  .role-helper{
    grid-template-columns:1fr;
  }

  .market-guide,
  .role-helper,
  .brilliant-style #products{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .guide-head h2,
  .brilliant-style #products .section-head h2{
    font-size:30px!important;
  }

  .brilliant-style .filter-bar{top:104px!important;}
}

/* =========================================================
   SMART CLEAN FINAL OVERRIDES
   - Hero no eyebrow
   - Buyer choice simple cards
   - A-to-Z guide moved down
   - Order button placed mid-right
   - Less scroll, clearer first screen
========================================================= */

.brilliant-style .brilliant-hero{
  padding:48px 34px 22px!important;
  min-height:auto!important;
  background:
    radial-gradient(circle at 84% 10%,rgba(245,197,66,.18),transparent 24%),
    radial-gradient(circle at 10% 8%,rgba(124,58,237,.07),transparent 22%),
    #f8f7f1!important;
}

.brilliant-style .brilliant-hero h1{
  font-size:clamp(38px,4.8vw,62px)!important;
  line-height:1.04!important;
  letter-spacing:-1.8px!important;
  max-width:850px!important;
}

.brilliant-style .brilliant-hero p{
  font-size:14.5px!important;
  line-height:1.65!important;
  max-width:660px!important;
  margin:16px 0 18px!important;
}

.brilliant-style .hero-main-actions{
  margin-top:6px!important;
  margin-bottom:4px!important;
}

.brilliant-style .hero-main-actions .btn{
  padding:10px 16px!important;
  font-size:12px!important;
  border-radius:12px!important;
}

.brilliant-trust{
  margin-top:22px!important;
  border-radius:16px!important;
}

.brilliant-trust div{
  padding:14px 16px!important;
}

.brilliant-trust strong{
  font-size:23px!important;
}

.brilliant-trust span{
  font-size:10.5px!important;
}

.brilliant-style .buyer-choice-cards{
  margin-top:8px!important;
  margin-bottom:10px!important;
  gap:12px!important;
}

.brilliant-style .buyer-choice-cards article{
  padding:16px 18px!important;
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}

.brilliant-style .buyer-choice-cards article span{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#111!important;
  color:#fff!important;
  margin:0!important;
  font-size:10px!important;
}

.brilliant-style .buyer-choice-cards b{
  margin:0!important;
  font-size:23px!important;
  line-height:1!important;
}

.brilliant-style .buyer-choice-cards p{
  display:none!important;
}

.brilliant-style .audience-strip{
  margin-bottom:8px!important;
}

.smart-summary{
  max-width:1180px;
  margin:0 auto 18px;
  padding:0 30px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.smart-summary div{
  background:#fff;
  border:1px solid #e3dfd2;
  border-radius:14px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  box-shadow:0 10px 24px rgba(0,0,0,.025);
}

.smart-summary b{
  width:24px;
  height:24px;
  min-width:24px;
  border-radius:50%;
  background:#111;
  color:#fff;
  display:grid;
  place-items:center;
  font-family:var(--mono);
  font-size:10px;
}

.smart-summary span{
  color:#24231f;
  font-size:12px;
  font-weight:900;
}

/* Put the guide lower, not on first screen */
.market-guide{
  margin:34px auto 16px!important;
  padding-top:28px!important;
  border-top:1px solid #e3dfd2!important;
}

.guide-head h2{
  font-size:32px!important;
}

.guide-grid article{
  padding:16px!important;
}

.role-helper{
  margin-bottom:26px!important;
}

/* Main order button lower/middle right */
.brilliant-style .cart-pill{
  top:42%!important;
  right:20px!important;
  transform:translateY(-50%)!important;
  z-index:94!important;
  border-radius:999px!important;
  padding:12px 17px!important;
}

.brilliant-style .cart-drawer{
  top:24%!important;
}

/* Make product entry clear and close to first screen */
.brilliant-style .buyer-tabs{
  top:58px!important;
  padding:10px 30px!important;
}

.brilliant-style .filter-bar{
  top:102px!important;
  padding:10px 30px!important;
}

.brilliant-style #products{
  padding-top:26px!important;
}

.brilliant-style #products .section-head h2{
  font-size:32px!important;
}

/* Cleaner down-page cards */
.brilliant-style main > section.container:not(#products){
  padding-top:42px!important;
  padding-bottom:44px!important;
}

.brilliant-style main > section.container:not(#products) .section-head h2{
  font-size:32px!important;
}

@media(max-width:980px){
  .smart-summary{
    grid-template-columns:repeat(2,1fr);
  }
  .brilliant-style .cart-pill{
    top:auto!important;
    bottom:82px!important;
    transform:none!important;
  }
}

@media(max-width:560px){
  .brilliant-style .brilliant-hero{
    padding:38px 20px 20px!important;
  }
  .brilliant-style .brilliant-hero h1{
    font-size:38px!important;
    letter-spacing:-1.2px!important;
  }
  .brilliant-style .brilliant-hero p{
    font-size:13.5px!important;
  }
  .smart-summary{
    grid-template-columns:1fr!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .brilliant-style .buyer-choice-cards article{
    min-height:64px!important;
  }
  .brilliant-style .buyer-choice-cards b{
    font-size:20px!important;
  }
}


/* ===== BUYER OPTION BUTTONS UPDATE ===== */
.brilliant-style .buyer-choice-cards article{
  cursor:pointer!important;
  position:relative!important;
  justify-content:flex-start!important;
}

.brilliant-style .buyer-choice-cards article button{
  margin-left:auto;
  border:1px solid #d8d1bd;
  background:#fff;
  color:#111;
  border-radius:999px;
  padding:8px 14px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  transition:.2s;
}

.brilliant-style .buyer-choice-cards article:hover button,
.brilliant-style .buyer-choice-cards article.active-choice button{
  background:#111;
  color:#fff;
  border-color:#111;
}

.brilliant-style .buyer-choice-cards article.active-choice{
  border-color:#111!important;
  box-shadow:0 18px 42px rgba(0,0,0,.08)!important;
}

.brilliant-style .buyer-choice-cards article.active-choice span{
  background:#f5c542!important;
  color:#111!important;
}

@media(max-width:560px){
  .brilliant-style .buyer-choice-cards article button{
    margin-left:0;
    padding:7px 12px;
    font-size:10px;
  }
}


/* =========================================================
   FINAL FIX: SEARCH VISIBLE + CLEAN BUYER-FIRST PAGE
   Removes floating promo/role rows visually, stops sticky overlap,
   and makes product names/search readable.
========================================================= */
.side-banner,
.audience-strip,
.smart-summary{
  display:none !important;
}

/* Keep buyer cards visible and compact on first screen */
.brilliant-style .brilliant-hero{
  padding-bottom:18px !important;
}

.brilliant-style .buyer-choice-cards{
  margin-top:8px !important;
  margin-bottom:22px !important;
}

.buyer-choice-cards article{
  min-height:112px !important;
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  gap:18px !important;
}

.buyer-choice-cards article span{
  width:34px !important;
  height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#111 !important;
  color:#fff !important;
  border-radius:999px !important;
  font-size:11px !important;
  margin:0 !important;
}

.buyer-choice-cards article b{
  margin:0 !important;
  font-size:28px !important;
  line-height:1.05 !important;
  white-space:normal !important;
}

.buyer-choice-cards article button{
  margin:0 !important;
  white-space:nowrap !important;
  border:1px solid #d8d1bd !important;
  background:#fff !important;
  color:#111 !important;
  border-radius:999px !important;
  padding:9px 15px !important;
  font-size:12px !important;
  font-weight:900 !important;
}

.buyer-choice-cards article.active-choice,
.buyer-choice-cards article:hover{
  border-color:#111 !important;
  background:#fffdf4 !important;
}

.buyer-choice-cards article.active-choice button,
.buyer-choice-cards article:hover button{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
}

/* Product navigation should not cover cards */
.brilliant-style .buyer-tabs,
.brilliant-style .filter-bar,
.buyer-tabs,
.filter-bar{
  position:relative !important;
  top:auto !important;
  z-index:20 !important;
}

.brilliant-style .buyer-tabs{
  border-top:1px solid #e4dfd0 !important;
}

/* Search row always visible before product grid */
.product-search-row{
  max-width:1180px;
  margin:0 auto;
  padding:18px 30px 14px;
  display:grid;
  grid-template-columns:1fr minmax(360px,520px);
  align-items:center;
  gap:18px;
  background:#f8f7f1;
  border-top:1px solid #e4dfd0;
}

.product-search-row small{
  display:block;
  color:#9b7a12;
  font-family:var(--mono);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1.3px;
  margin-bottom:4px;
}

.product-search-row b{
  display:block;
  color:#111;
  font-family:Georgia,'Times New Roman',serif;
  font-size:26px;
  line-height:1.1;
  letter-spacing:-.6px;
}

.product-search-row input{
  width:100% !important;
  height:46px !important;
  background:#fff !important;
  color:#111 !important;
  border:1px solid #cfc8b4 !important;
  border-radius:14px !important;
  padding:0 16px !important;
  font-size:14px !important;
  box-shadow:0 10px 26px rgba(0,0,0,.035) !important;
}

.product-search-row input:focus{
  border-color:#111 !important;
  box-shadow:0 0 0 4px rgba(0,0,0,.06) !important;
}

/* Product section spacing after controls */
.brilliant-style #products{
  padding-top:24px !important;
}

.brilliant-style #products .section-head{
  margin-bottom:28px !important;
}

/* Full product/account names */
.card{
  min-height:342px !important;
}
.card-top{
  align-items:flex-start !important;
}
.brand{
  align-items:flex-start !important;
  min-width:0 !important;
  flex:1 !important;
}
.card-title{
  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:unset !important;
  max-width:100% !important;
  font-size:18px !important;
  line-height:1.18 !important;
  word-break:normal !important;
}
.brand-name{
  margin-bottom:4px !important;
}
.discount{
  flex:0 0 auto !important;
  margin-left:8px !important;
}
.card-desc{
  min-height:58px !important;
  font-size:13px !important;
  line-height:1.55 !important;
}
.card-footer{
  padding-top:8px !important;
}

/* Floating order button should not hide products */
.cart-pill{
  right:26px !important;
  top:auto !important;
  bottom:28px !important;
}

@media(max-width:900px){
  .product-search-row{
    grid-template-columns:1fr;
    padding:16px 18px 12px;
  }
  .buyer-choice-cards article{
    grid-template-columns:1fr !important;
    gap:10px !important;
    min-height:auto !important;
  }
  .buyer-choice-cards article button{
    width:max-content !important;
  }
}

@media(max-width:560px){
  .product-search-row b{font-size:22px}
  .product-search-row input{height:44px !important}
  .card-title{font-size:17px !important}
}

/* FINAL FIX: remove right-side floating Order button */
.cart-pill,
.brilliant-style .cart-pill{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}


/* =========================================================
   SIGNUP REQUIRED + CLEAN WHITE SIGNUP FORM UPDATE
========================================================= */
.brilliant-style .signup-form,
.brilliant-style .signup-intro{
  background:#fff!important;
  border:1px solid #e3dfd2!important;
  box-shadow:0 16px 42px rgba(0,0,0,.045)!important;
  color:#111!important;
}

.brilliant-style .signup-intro .eyebrow{
  background:#f8f7f1!important;
  color:#5a554a!important;
  border:1px solid #e3dfd2!important;
  box-shadow:none!important;
}

.brilliant-style .signup-intro .eyebrow b{
  background:#111!important;
  color:#fff!important;
}

.brilliant-style .signup-intro h1,
.brilliant-style .signup-form h2{
  color:#111!important;
}

.brilliant-style .signup-intro p,
.brilliant-style .signup-form p,
.brilliant-style .signup-benefits span{
  color:#5c584f!important;
}

.brilliant-style .signup-benefits div{
  background:#fffaf0!important;
  border:1px solid #eadfbd!important;
  color:#4f493d!important;
}

.brilliant-style .signup-benefits b{
  background:#111!important;
  color:#fff!important;
}

.brilliant-style .signup-form input,
.brilliant-style .signup-form select,
.brilliant-style .signup-form textarea{
  background:#fff!important;
  color:#111!important;
  border:1px solid #d9d3c4!important;
  box-shadow:none!important;
}

.brilliant-style .signup-form input::placeholder,
.brilliant-style .signup-form textarea::placeholder{
  color:#8b867b!important;
}

.brilliant-style .signup-form input:focus,
.brilliant-style .signup-form select:focus,
.brilliant-style .signup-form textarea:focus{
  border-color:#111!important;
  box-shadow:0 0 0 4px rgba(17,17,17,.07)!important;
}

.brilliant-style .signup-form .btn-coral{
  min-height:50px!important;
  border-radius:999px!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(0,0,0,.14)!important;
  font-size:14px!important;
  letter-spacing:.1px!important;
}

.brilliant-style .signup-form .btn-coral:hover{
  background:#2b2b2b!important;
  transform:translateY(-2px)!important;
}

.brilliant-style .form-note{display:none!important;}


/* SIGNED-IN NAV BADGE — hides Sign Up after user signup */
.account-badge{
  display:none;
  align-items:center;
  gap:9px;
  min-height:38px;
  padding:6px 7px 6px 10px;
  border:1px solid #e1dac7;
  background:#fff;
  color:#111;
  border-radius:999px;
  box-shadow:0 8px 22px rgba(0,0,0,.04);
}
.account-badge .account-dot{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-weight:900;
  font-size:12px;
  flex:0 0 auto;
}
.account-badge b{
  display:block;
  font-size:12px;
  line-height:1;
  max-width:110px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.account-badge small{
  display:block;
  color:#807a6f;
  font-size:10px;
  line-height:1.1;
  margin-top:2px;
  max-width:110px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.account-badge button{
  border:0;
  background:#f1efe6;
  color:#111;
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-weight:900;
}
.account-badge button:hover{
  background:#111;
  color:#fff;
}
@media(max-width:700px){
  .account-badge small{display:none}
  .account-badge b{max-width:70px}
  .account-badge button{display:none}
}


/* ================= FOOTER: ABOUT / CONTACT / PRIVACY ================= */
.site-footer{
  max-width:1180px;
  margin:34px auto 0;
  padding:34px 30px 24px;
  color:#111;
  border-top:1px solid #e4dfd0;
}
.footer-main{
  display:grid;
  grid-template-columns:1.6fr .8fr .8fr .8fr;
  gap:22px;
  align-items:start;
  padding-bottom:26px;
}
.footer-brand p{
  color:#5d5a52;
  font-size:13px;
  line-height:1.65;
  max-width:390px;
  margin:14px 0;
}
.footer-logo{
  justify-content:flex-start;
}
.footer-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.footer-badges span{
  border:1px solid #ded7c6;
  background:#fff;
  color:#5b5648;
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-weight:900;
}
.footer-col h4{
  font-family:Georgia,'Times New Roman',serif;
  font-size:18px;
  color:#111;
  margin-bottom:12px;
}
.footer-col a{
  display:block;
  color:#5d5a52;
  font-size:13px;
  font-weight:700;
  margin:8px 0;
  text-decoration:none;
  cursor:pointer;
}
.footer-col a:hover{
  color:#111;
  text-decoration:underline;
}
.footer-info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  padding:22px 0;
  border-top:1px solid #e9e4d6;
  border-bottom:1px solid #e9e4d6;
}
.footer-info-card{
  background:#fff;
  border:1px solid #e3ddce;
  border-radius:18px;
  padding:18px;
  box-shadow:0 12px 32px rgba(0,0,0,.035);
}
.footer-info-card small{
  display:block;
  color:#9b7a12;
  font-family:var(--mono);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1.3px;
  margin-bottom:8px;
}
.footer-info-card h3{
  font-family:Georgia,'Times New Roman',serif;
  font-size:22px;
  line-height:1.12;
  color:#111;
  margin-bottom:10px;
}
.footer-info-card p{
  color:#5d5a52;
  font-size:13px;
  line-height:1.65;
}
.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-top:18px;
  color:#777166;
  font-size:12px;
  font-weight:700;
}
@media(max-width:900px){
  .footer-main{grid-template-columns:1fr 1fr;}
  .footer-info-grid{grid-template-columns:1fr;}
  .footer-bottom{align-items:flex-start;flex-direction:column;}
}
@media(max-width:560px){
  .site-footer{padding:28px 18px 22px;}
  .footer-main{grid-template-columns:1fr;}
}

/* Smart admin live-edit controls */
.admin-main table input,
.admin-main table textarea,
#settingsPanel input,
#settingsPanel textarea {
  width: 100%;
  min-width: 95px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  border-radius: 10px;
  padding: 9px 10px;
  outline: none;
}
#settingsPanel textarea { min-height: 90px; resize: vertical; margin-top: 10px; }
.admin-main table input:focus,
#settingsPanel input:focus,
#settingsPanel textarea:focus { border-color: rgba(245,197,66,.65); }
#sourcePanel h3 { margin-top: 22px; }
.wallet-box small { display: block; margin-top: 10px; opacity: .78; line-height: 1.5; }

/* Premium sliding category filter */
.filter-bar{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:12px 30px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  overflow:hidden !important;
  background:#f8f7f1 !important;
  border-top:1px solid #e4dfd0 !important;
  border-bottom:1px solid #e4dfd0 !important;
}

.category-track{
  flex:1 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  overflow-x:auto !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
  padding:2px 1px !important;
}

.category-track::-webkit-scrollbar{display:none !important;}

.live-category-slider{
  cursor:grab !important;
}

.live-category-slider:active{
  cursor:grabbing !important;
}

.live-category-slider::after{
  content:"LIVE SLIDE";
  display:none;
}

.filter-bar:hover .cat-btn{
  animation-play-state:paused !important;
}

.filter-bar .cat-btn{
  flex:0 0 auto !important;
  white-space:nowrap !important;
  border:1px solid #ddd6c3 !important;
  background:#fffaf2 !important;
  color:#171717 !important;
  border-radius:999px !important;
  padding:9px 17px !important;
  font-size:12px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  box-shadow:0 8px 20px rgba(20,20,20,.04) !important;
  transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease !important;
}

.filter-bar .cat-btn span{
  margin-left:5px !important;
  opacity:.65 !important;
}

.filter-bar .cat-btn:hover{
  background:#f1e3c8 !important;
  color:#111 !important;
  border-color:#cfb77d !important;
  transform:translateY(-1px) !important;
}

.filter-bar .cat-btn.active,
.brilliant-style .filter-bar .cat-btn.active{
  background:#080808 !important;
  color:#fff !important;
  border-color:#080808 !important;
}

.filter-bar .cat-arrow,
.brilliant-style .filter-bar .cat-arrow{
  flex:0 0 auto !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  padding:0 !important;
  border-radius:50% !important;
  border:1px solid #111 !important;
  background:#111 !important;
  color:#fff !important;
  font-size:23px !important;
  line-height:1 !important;
  cursor:pointer !important;
  display:grid !important;
  place-items:center !important;
  box-shadow:0 10px 22px rgba(0,0,0,.12) !important;
}

.filter-bar .cat-arrow:hover,
.brilliant-style .filter-bar .cat-arrow:hover{
  background:#c49a4a !important;
  border-color:#c49a4a !important;
  color:#080804 !important;
}

@media(max-width:560px){
  .filter-bar{padding-inline:14px !important;}
  .filter-bar .cat-arrow{width:30px !important;height:30px !important;min-width:30px !important;font-size:20px !important;}
  .filter-bar .cat-btn{padding:8px 14px !important;font-size:11px !important;}
}


/* Support bot */
.support-widget{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:1200;
  display:flex;
  align-items:flex-end;
  flex-direction:column;
  gap:12px;
}
.support-fab{
  border:none;
  background:#111;
  color:#fff;
  border-radius:999px;
  padding:12px 16px;
  display:flex;
  align-items:center;
  gap:10px;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
  cursor:pointer;
  font-weight:800;
}
.support-fab:hover{transform:translateY(-1px);}
.support-fab-dot,.status-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#33d17a;
  display:inline-block;
  box-shadow:0 0 0 6px rgba(51,209,122,.14);
}
.support-fab-icon{font-size:18px;line-height:1;}
.support-fab-text{white-space:nowrap;}
.support-panel{
  width:340px;
  max-width:calc(100vw - 28px);
  background:#fffdf8;
  border:1px solid #e8dcc8;
  border-radius:22px;
  box-shadow:0 26px 60px rgba(0,0,0,.16);
  overflow:hidden;
  display:none;
}
.support-panel.open{display:block;animation:supportUp .22s ease;}
@keyframes supportUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.support-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 18px;
  background:linear-gradient(135deg,#111,#262626);
  color:#fff;
}
.support-head strong{display:block;font-size:16px;}
.support-head small{opacity:.78;}
.support-status{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 16px;
  border-bottom:1px solid #efe4d4;
  background:#fff7ea;
  color:#5a4a31;
  font-size:12px;
}
.support-messages{
  padding:14px;
  height:320px;
  overflow-y:auto;
  background:#fffdf8;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.support-msg{
  max-width:84%;
  padding:10px 12px;
  border-radius:16px;
  font-size:13px;
  line-height:1.45;
  box-shadow:0 8px 18px rgba(0,0,0,.04);
}
.support-msg.user{
  align-self:flex-end;
  background:#111;
  color:#fff;
  border-bottom-right-radius:5px;
}
.support-msg.bot{
  align-self:flex-start;
  background:#f4ead9;
  color:#1a1a1a;
  border:1px solid #eadac0;
  border-bottom-left-radius:5px;
}
.support-msg small{display:block;opacity:.68;margin-top:5px;font-size:11px;}
.support-quick{
  display:flex;
  gap:8px;
  padding:0 14px 12px;
  flex-wrap:wrap;
}
.support-quick button{
  border:1px solid #e3d2b2;
  background:#fff;
  color:#1a1a1a;
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.support-quick button:hover{background:#f1e3c8;}
.support-compose{
  display:flex;
  gap:8px;
  padding:12px 14px 14px;
  border-top:1px solid #efe4d4;
  background:#fff;
}
.support-compose input{
  flex:1;
  border:1px solid #ddcfbb;
  border-radius:14px;
  padding:12px 13px;
  outline:none;
  background:#fffdf8;
}
@media(max-width:760px){
  .support-widget{right:12px;bottom:16px;top:auto;transform:none;}
  .support-panel{width:min(340px, calc(100vw - 24px));}
  .support-fab{padding:12px 14px;}
  .support-fab-text{display:none;}
}


/* Updated hero heading: simple & smart font */
.brilliant-style .brilliant-hero h1{
  font-family:'Inter',sans-serif !important;
  font-size:clamp(42px,5.8vw,82px) !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  letter-spacing:-2.1px !important;
  max-width:980px !important;
}
.brilliant-style .brilliant-hero h1 em{
  font-style:normal !important;
  color:#111 !important;
}


/* Smaller hero heading + updated subtext spacing */
.brilliant-style .brilliant-hero h1{
  font-size: clamp(34px, 4.6vw, 68px) !important;
  line-height: 1.08 !important;
  max-width: 820px !important;
  letter-spacing: -1.8px !important;
}
.brilliant-style .brilliant-hero p{
  max-width: 620px !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}
@media(max-width: 560px){
  .brilliant-style .brilliant-hero h1{
    font-size: 36px !important;
    line-height: 1.12 !important;
  }
  .brilliant-style .brilliant-hero p{
    font-size: 15px !important;
  }
}


/* Coddy-style catalog mega menu */
.catalog-nav-item{
  position:relative;
}
.catalog-nav-btn{
  border:1px solid #dfd7c9;
  background:#fffdf8;
  color:#111;
  border-radius:9px;
  padding:10px 18px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:7px;
}
.catalog-nav-btn:hover,
.catalog-nav-btn.active{
  background:#111;
  color:#fff;
  border-color:#111;
}
.catalog-mega{
  position:fixed;
  top:76px;
  left:50%;
  transform:translateX(-50%);
  width:min(940px, calc(100vw - 36px));
  z-index:1150;
  display:none;
}
.catalog-mega.show{
  display:block;
  animation:catalogDrop .18s ease;
}
@keyframes catalogDrop{
  from{opacity:0; transform:translate(-50%,-8px);}
  to{opacity:1; transform:translate(-50%,0);}
}
.catalog-mega-inner{
  background:#292b2d;
  border:1px solid #3f4448;
  border-radius:0 0 12px 12px;
  overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.30);
}
.catalog-mega-top{
  display:flex;
  gap:10px;
  align-items:center;
  padding:0 0 10px;
  background:#232527;
}
.catalog-tab{
  border:1px solid #464b50;
  background:#303336;
  color:#f7f7f7;
  border-radius:8px;
  padding:11px 20px;
  font-weight:800;
  cursor:pointer;
  margin:0;
}
.catalog-tab.active{
  background:#34383c;
}
.catalog-tab.muted{
  color:#cfd3d7;
}
.catalog-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
  padding:14px;
}
.catalog-card{
  background:#292c2f;
  border:1px solid #454a50;
  border-radius:10px;
  padding:13px 10px 10px;
  min-height:134px;
  position:relative;
  cursor:pointer;
  transition:.2s ease;
}
.catalog-card:hover{
  background:#32363a;
  transform:translateY(-2px);
  border-color:#6a727a;
}
.catalog-card img{
  width:24px;
  height:24px;
  object-fit:contain;
  display:block;
  margin-bottom:10px;
}
.catalog-card > span{
  position:absolute;
  top:12px;
  right:11px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:1px solid #4f555b;
  color:#b6bec7;
  border-radius:4px;
  font-size:10px;
}
.catalog-card h3{
  color:#fff;
  font-family:'Inter',sans-serif;
  font-size:15px;
  font-weight:800;
  margin:6px 0 12px;
  min-height:34px;
  display:flex;
  align-items:flex-end;
}
.catalog-card div{
  display:flex;
  gap:5px;
  border-top:1px solid #4a5056;
  padding-top:9px;
}
.catalog-card button{
  flex:1;
  border:1px solid #50565c;
  background:#25282b;
  color:#dfe3e7;
  border-radius:5px;
  padding:7px 5px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.catalog-card button:hover{
  background:#111;
  color:#fff;
}
.catalog-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:16px 20px;
  background:#1c82ad;
  color:#fff;
  font-size:15px;
}
.catalog-footer button{
  border:none;
  background:#fff;
  color:#0d5f83;
  border-radius:8px;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
}
@media(max-width:980px){
  .catalog-mega{top:66px;width:calc(100vw - 20px);}
  .catalog-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:560px){
  .catalog-grid{grid-template-columns:repeat(2,1fr);}
  .catalog-footer{display:block;}
  .catalog-footer button{margin-top:10px;width:100%;}
}


/* Always-visible Coddy.Tech inspired Catalog section */
.coddy-catalog-home{
  max-width:1180px;
  margin:18px auto 0;
  background:#292c2f;
  border:1px solid #3e444a;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 22px 70px rgba(0,0,0,.20);
  display:block !important;
}
.coddy-catalog-tabs{
  display:flex;
  gap:10px;
  padding:10px 12px 8px;
  background:#222528;
  border-bottom:1px solid #3d4247;
}
.coddy-tab{
  border:1px solid #4a5056;
  background:#303337;
  color:#eff3f5;
  border-radius:8px;
  padding:10px 18px;
  font-weight:800;
  cursor:pointer;
}
.coddy-tab.active{background:#363a3f;color:#fff;}
.coddy-language-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
  padding:14px 16px 16px;
}
.coddy-language-card{
  background:#292c2f;
  border:1px solid #444a50;
  border-radius:10px;
  padding:14px 12px 10px;
  min-height:130px;
  position:relative;
  cursor:pointer;
  transition:.2s ease;
}
.coddy-language-card:hover{
  background:#33373b;
  transform:translateY(-2px);
  border-color:#69727a;
}
.coddy-language-card img{
  width:25px;
  height:25px;
  display:block;
  object-fit:contain;
  margin-bottom:10px;
}
.coddy-language-card .play-mini{
  position:absolute;
  right:10px;
  top:10px;
  width:26px;
  height:26px;
  border:1px solid #50565e;
  background:#25282b;
  color:#d7dde3;
  border-radius:4px;
  font-size:10px;
  cursor:pointer;
}
.coddy-language-card h3{
  color:#fff;
  font-family:'Inter',sans-serif;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
  margin:4px 0 12px;
  min-height:34px;
  display:flex;
  align-items:flex-end;
}
.coddy-language-card div{
  display:flex;
  gap:6px;
  border-top:1px solid #4c5258;
  padding-top:9px;
}
.coddy-language-card div button{
  flex:1;
  border:1px solid #555b62;
  background:#25282b;
  color:#dfe4e8;
  border-radius:5px;
  padding:7px 4px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.coddy-language-card div button:hover{background:#111;color:#fff;}
.coddy-catalog-bottom{
  background:#1b82ad;
  color:#fff;
  padding:16px 20px;
  font-size:16px;
}
.coddy-catalog-bottom p{margin:0;color:#fff;}
.coddy-catalog-bottom button{
  border:none;
  background:transparent;
  color:#fff;
  text-decoration:underline;
  font-weight:900;
  font-size:inherit;
  cursor:pointer;
}
@media(max-width:980px){
  .coddy-catalog-home{margin:12px 12px 0;}
  .coddy-language-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:560px){
  .coddy-language-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;}
  .coddy-language-card{min-height:120px;padding:12px 10px;}
  .coddy-tab{padding:9px 13px;font-size:13px;}
}


/* Catalog section hidden on homepage until user clicks Catalog/Resources */
.coddy-catalog-home{
  display:none !important;
}
.coddy-catalog-home.show{
  display:block !important;
}


/* HD real logos in catalog */
.coddy-language-card img, .catalog-card img{width:34px !important;height:34px !important;object-fit:contain !important;image-rendering:auto !important;filter:none !important;}
.coddy-language-card img{margin-bottom:12px !important;}
.catalog-card img{margin-bottom:12px !important;}


/* Premium real-logo catalog polish */
.coddy-language-card img,
.catalog-card img{
  width:40px !important;
  height:40px !important;
  object-fit:contain !important;
  display:block !important;
  padding:5px !important;
  border-radius:12px !important;
  background:#f7f8fa !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5), 0 8px 18px rgba(0,0,0,.12) !important;
}
.coddy-language-card .logo-pair{
  display:flex !important;
  gap:7px !important;
  align-items:center !important;
  border:0 !important;
  padding:0 !important;
  margin:0 0 12px !important;
}
.coddy-language-card .logo-pair img{
  margin:0 !important;
  width:34px !important;
  height:34px !important;
  padding:4px !important;
}
.coddy-language-card h3{
  margin-top:10px !important;
}
.catalog-card h3{
  margin-top:10px !important;
}


/* Best Coddy-like catalog dropdown */
.catalog-mega{display:none !important;}
.nav-catalog-item{display:flex;align-items:center;}
.nav-catalog-btn{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  border:1px solid #d6d6d6;
  background:#2c2f34;
  color:#f2f5f7 !important;
  padding:10px 16px;
  border-radius:8px;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  line-height:1;
}
.nav-catalog-btn:hover,.nav-catalog-btn.active{
  background:#34383d;
  color:#fff !important;
  border-color:#4d555e;
}
.nav-catalog-btn span{font-size:11px;opacity:.9}
.coddy-catalog-home{
  position:fixed !important;
  top:84px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(980px, calc(100vw - 26px)) !important;
  margin:0 !important;
  background:#292c30 !important;
  border:1px solid #40464d !important;
  border-radius:14px !important;
  overflow:hidden !important;
  z-index:1400 !important;
  box-shadow:0 34px 80px rgba(0,0,0,.30) !important;
  display:none !important;
}
.coddy-catalog-home.show{display:block !important;animation:coddyDrop .18s ease;}
@keyframes coddyDrop{from{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.coddy-catalog-tabs{
  display:flex !important;
  gap:10px !important;
  padding:10px 12px !important;
  background:#222529 !important;
  border-bottom:1px solid #3d434a !important;
}
.coddy-tab{
  border:1px solid #4a5057 !important;
  background:#31353a !important;
  color:#e8edf0 !important;
  border-radius:8px !important;
  padding:10px 16px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}
.coddy-tab.active{background:#3a3e43 !important;color:#fff !important;}
.coddy-language-grid{
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:10px !important;
  padding:12px !important;
}
.coddy-language-card{
  background:#292c30 !important;
  border:1px solid #454b52 !important;
  border-radius:10px !important;
  padding:12px 11px 10px !important;
  min-height:132px !important;
  position:relative !important;
}
.coddy-language-card:hover{background:#32363b !important;border-color:#677079 !important;transform:translateY(-1px) !important;}
.coddy-language-card .play-mini{
  position:absolute !important;
  top:9px !important;
  right:9px !important;
  width:24px !important;
  height:24px !important;
  border:1px solid #505761 !important;
  background:#26292d !important;
  color:#d5dde5 !important;
  border-radius:4px !important;
  font-size:10px !important;
}
.coddy-language-card img{
  width:30px !important;
  height:30px !important;
  margin-bottom:10px !important;
  padding:3px !important;
  border-radius:10px !important;
  background:#f8fafb !important;
}
.coddy-language-card .logo-pair{margin:0 0 10px !important;gap:6px !important;border:0 !important;padding:0 !important;}
.coddy-language-card .logo-pair img{width:30px !important;height:30px !important;padding:3px !important;}
.coddy-language-card h3{
  font-size:14px !important;
  min-height:36px !important;
  margin:3px 0 11px !important;
  color:#fff !important;
}
.coddy-language-card div{gap:5px !important;border-top:1px solid #4b5158 !important;padding-top:9px !important;}
.coddy-language-card div button{
  border:1px solid #555c64 !important;
  background:#26292d !important;
  color:#e1e6ea !important;
  border-radius:5px !important;
  padding:7px 4px !important;
  font-size:11px !important;
  font-weight:800 !important;
}
.coddy-catalog-bottom{
  background:#1f84ae !important;
  color:#fff !important;
  padding:16px 18px !important;
  font-size:15px !important;
}
body.catalog-open{overflow-x:hidden;}
@media(max-width:1020px){
  .coddy-catalog-home{width:calc(100vw - 20px) !important;}
  .coddy-language-grid{grid-template-columns:repeat(3,1fr) !important;}
}
@media(max-width:560px){
  .nav-catalog-btn{padding:8px 12px;font-size:13px;}
  .coddy-catalog-home{top:70px !important;width:calc(100vw - 14px) !important;max-height:80vh;overflow:auto !important;}
  .coddy-language-grid{grid-template-columns:repeat(2,1fr) !important;gap:8px !important;padding:10px !important;}
  .coddy-language-card{min-height:120px !important;padding:10px 9px 9px !important;}
  .coddy-language-card h3{font-size:13px !important;min-height:34px !important;}
}


/* Pixel-polished Coddy-like catalog */
.navbar{
  z-index:1501 !important;
}
.nav-catalog-btn{
  background:#2b2f33 !important;
  border:1px solid #464d54 !important;
  color:#eef3f6 !important;
  border-radius:8px !important;
  padding:10px 18px !important;
  font-size:14px !important;
  font-weight:800 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease !important;
}
.nav-catalog-btn:hover,
.nav-catalog-btn.active{
  background:#343a40 !important;
  border-color:#616a73 !important;
  transform:translateY(-1px) !important;
}
.nav-catalog-btn span{
  font-size:11px !important;
  opacity:.8 !important;
  transform:translateY(-1px) !important;
}
.coddy-catalog-home{
  top:86px !important;
  width:min(820px, calc(100vw - 26px)) !important;
  border-radius:0 0 10px 10px !important;
  background:#282c30 !important;
  border:1px solid #3f454c !important;
  border-top:0 !important;
  box-shadow:0 24px 60px rgba(0,0,0,.32) !important;
}
.coddy-catalog-tabs{
  padding:9px 10px !important;
  background:#222629 !important;
}
.coddy-tab{
  background:#2f3439 !important;
  border:1px solid #4d555d !important;
  color:#f0f3f6 !important;
  border-radius:7px !important;
  padding:10px 17px !important;
  font-size:14px !important;
}
.coddy-tab:hover,
.coddy-tab.active{
  background:#373d43 !important;
  border-color:#65707a !important;
}
.coddy-language-grid{
  grid-template-columns:repeat(6,1fr) !important;
  gap:9px !important;
  padding:10px 12px 12px !important;
}
.coddy-language-card{
  min-height:117px !important;
  padding:11px 10px 8px !important;
  border-radius:8px !important;
  background:#292d31 !important;
  border:1px solid #454c53 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.coddy-language-card:hover{
  background:#33383d !important;
  border-color:#6b747e !important;
  transform:translateY(-2px) !important;
}
.coddy-language-card img{
  width:26px !important;
  height:26px !important;
  padding:2px !important;
  border-radius:7px !important;
  margin-bottom:7px !important;
  background:#f7f8fa !important;
}
.coddy-language-card .logo-pair{
  gap:5px !important;
  margin-bottom:7px !important;
}
.coddy-language-card .logo-pair img{
  width:26px !important;
  height:26px !important;
  padding:2px !important;
}
.coddy-language-card .play-mini{
  top:9px !important;
  right:9px !important;
  width:23px !important;
  height:23px !important;
  background:#25292d !important;
  border:1px solid #505861 !important;
  color:#c7d0d8 !important;
  border-radius:4px !important;
}
.coddy-language-card h3{
  font-size:13.5px !important;
  font-weight:800 !important;
  min-height:30px !important;
  margin:2px 0 8px !important;
  color:#f5f7f9 !important;
}
.coddy-language-card div{
  gap:5px !important;
  border-top:1px solid #4a525a !important;
  padding-top:7px !important;
}
.coddy-language-card div button{
  height:27px !important;
  padding:0 5px !important;
  border-radius:5px !important;
  background:#24282c !important;
  border:1px solid #525a63 !important;
  color:#dfe5ea !important;
  font-size:10.5px !important;
  line-height:27px !important;
}
.coddy-language-card div button:hover{
  background:#101214 !important;
  color:#fff !important;
  border-color:#78828d !important;
}
.coddy-catalog-bottom{
  background:#1f82aa !important;
  padding:14px 18px !important;
  font-size:15px !important;
  font-weight:600 !important;
}
.coddy-catalog-bottom button{
  color:#fff !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}
@media(max-width:1020px){
  .coddy-catalog-home{width:calc(100vw - 18px) !important;}
  .coddy-language-grid{grid-template-columns:repeat(3,1fr) !important;}
}
@media(max-width:560px){
  .coddy-catalog-home{top:68px !important;max-height:82vh;overflow:auto !important;}
  .coddy-language-grid{grid-template-columns:repeat(2,1fr) !important;}
}


/* Official/Wikimedia HD logos from user logo list */
.coddy-language-card img{
  background:#ffffff !important;
  object-fit:contain !important;
}
.coddy-language-card .logo-pair{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  border:0 !important;
  padding:0 !important;
}
.coddy-language-card .logo-pair img{
  background:#ffffff !important;
}


/* Learning playground like online code editor */
.language-playground{
  display:none;
  max-width:1320px;
  margin:26px auto 40px;
  background:#1f2225;
  border:1px solid #3f454b;
  border-radius:16px;
  overflow:hidden;
  color:#f4f7f9;
  box-shadow:0 26px 70px rgba(0,0,0,.24);
}
.language-playground.show{display:grid;grid-template-columns:250px 1fr;}
.language-sidebar{
  background:#202326;
  border-right:1px solid #3a4046;
  padding:18px 10px;
  max-height:720px;
  overflow:auto;
}
.sidebar-title{
  color:#9ca5ad;
  font-size:12px;
  font-weight:900;
  letter-spacing:1.3px;
  margin:0 10px 10px;
}
.lang-row{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  border:none;
  background:transparent;
  color:#e9eef2;
  padding:10px 12px;
  border-radius:9px;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  text-align:left;
}
.lang-row:hover,.lang-row.active{background:#2c3136;color:#49bff2;}
.lang-row img{width:22px;height:22px;object-fit:contain;background:#fff;border-radius:5px;padding:2px;}
.playground-main{padding:22px 28px 30px;}
.playground-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;}
.playground-head h2{font-family:'Inter',sans-serif;font-size:34px;line-height:1.05;margin:0 0 8px;color:#fff;letter-spacing:-1px;}
.playground-head p{color:#aeb6bd;margin:0;font-size:15px;}
.code-window{border:1px solid #41484f;border-radius:13px;overflow:hidden;background:#202326;}
.code-toolbar{height:50px;background:#272b2f;border-bottom:1px solid #3d444b;display:flex;justify-content:space-between;align-items:center;padding:0 14px;}
.code-toolbar span{background:#2e3439;border:1px solid #4b535b;border-radius:7px;padding:8px 14px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#fff;}
.code-toolbar button{border:1px solid #4a525b;background:#25292d;color:#dbe2e8;border-radius:7px;padding:8px 12px;font-weight:800;cursor:pointer;}
.code-toolbar .run-btn{background:#1d91c5;border-color:#1d91c5;color:#fff;}
.stdin-box{padding:12px 14px;border-bottom:1px solid #3b4249;background:#24282c;}
.stdin-box b{font-family:'JetBrains Mono',monospace;font-size:12px;color:#b3bbc2;margin-right:8px;}
.stdin-box span{color:#8e979f;font-size:13px;}
.stdin-box textarea{display:block;width:100%;min-height:64px;margin-top:10px;background:#1f2225;color:#fff;border:1px solid #343a40;border-radius:8px;padding:10px;font-family:'JetBrains Mono',monospace;resize:vertical;}
.editor-output-grid{display:grid;grid-template-columns:1.45fr .95fr;min-height:360px;}
.editor-box{display:grid;grid-template-columns:54px 1fr;border-right:1px solid #3b4249;}
.editor-lines{background:#202326;color:#88919a;text-align:right;padding:14px 12px;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.65;border-right:1px solid #30363c;white-space:pre;}
#playgroundCode{width:100%;height:100%;min-height:360px;background:#1f2225;color:#f6f7f8;border:0;outline:0;padding:14px;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.65;resize:none;}
.output-box{background:#202326;}
.output-head{height:45px;border-bottom:1px solid #3b4249;color:#9ea7af;font-weight:900;letter-spacing:1px;font-size:12px;padding:15px;}
#playgroundOutput{margin:0;padding:15px;color:#dfe6eb;font-family:'JetBrains Mono',monospace;font-size:13px;white-space:pre-wrap;}
.playground-docs{margin-top:22px;padding:22px;border:1px solid #3d444b;background:#24282c;border-radius:14px;}
.playground-docs h3{margin:0 0 10px;color:#fff;font-size:24px;}
.playground-docs p{color:#bac2c9;line-height:1.65;}
.lesson-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;}
.lesson-card{background:#1f2225;border:1px solid #3d444b;border-radius:12px;padding:14px;}
.lesson-card b{display:block;color:#fff;margin-bottom:6px;}
.lesson-card span{color:#adb6bd;font-size:13px;line-height:1.5;}
@media(max-width:980px){
  .language-playground.show{grid-template-columns:1fr;}
  .language-sidebar{max-height:none;border-right:0;border-bottom:1px solid #3a4046;}
  #languageList{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
  .editor-output-grid{grid-template-columns:1fr;}
  .editor-box{border-right:0;border-bottom:1px solid #3b4249;}
  .lesson-cards{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .language-playground{margin:16px 10px;}
  .playground-main{padding:18px 14px;}
  #languageList{grid-template-columns:repeat(2,1fr);}
  .playground-head{display:block;}
  .playground-head h2{font-size:28px;}
  .code-toolbar{height:auto;gap:10px;align-items:flex-start;flex-direction:column;padding:12px;}
}


/* Catalog open/close symbol */
#coddyCatalogToggleBtn span,
#catalogToggleSymbol{
  display:inline-grid;
  place-items:center;
  min-width:14px;
  font-weight:900;
  font-size:15px;
}


/* Official logo polish for language catalog */
.coddy-language-card img,
.lang-row img{
  object-fit: contain !important;
}
.coddy-language-card img{
  background:#ffffff !important;
  border-radius:8px !important;
  padding:3px !important;
}
.coddy-language-card .logo-pair img{
  background:#ffffff !important;
}


/* Compact smart hero + buyer filter cards */
.brilliant-style .brilliant-hero{
  padding-top: 22px !important;
  padding-bottom: 16px !important;
}
.brilliant-style .brilliant-hero h1{
  font-size: clamp(28px, 4vw, 56px) !important;
  line-height: 1.08 !important;
  max-width: 760px !important;
  letter-spacing: -1.2px !important;
  margin-bottom: 10px !important;
}
.brilliant-style .brilliant-hero h1 em{
  font-style: normal !important;
}
.brilliant-style .brilliant-hero p{
  font-size: 15px !important;
  line-height: 1.5 !important;
  max-width: 560px !important;
  margin: 14px 0 0 !important;
  color: #605c54 !important;
}
.brilliant-style .hero-main-actions{
  margin-top: 18px !important;
}
.brilliant-style .brilliant-trust{
  margin-top: 18px !important;
}

.brilliant-style .buyer-choice-cards{
  margin-top: 10px !important;
  gap: 12px !important;
}
.brilliant-style .buyer-choice-cards article,
.buyer-choice-cards article{
  min-height: 108px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
.brilliant-style .buyer-choice-cards article span,
.buyer-choice-cards article span{
  width: 28px !important;
  height: 28px !important;
  font-size: 11px !important;
  margin-bottom: 6px !important;
}
.brilliant-style .buyer-choice-cards article small,
.buyer-choice-cards article small{
  display: block !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .7px !important;
  text-transform: uppercase !important;
  color: #8c8068 !important;
  margin-bottom: 4px !important;
}
.brilliant-style .buyer-choice-cards article b,
.buyer-choice-cards article b{
  font-size: 15px !important;
  line-height: 1.15 !important;
  margin-bottom: 10px !important;
}
.brilliant-style .buyer-choice-cards article button,
.buyer-choice-cards article button{
  align-self: flex-start !important;
  min-width: 92px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Hide extra sticky buyer tabs section if any remains */
.buyer-tabs,
.brilliant-style .buyer-tabs{
  display: none !important;
}

@media (max-width: 768px){
  .brilliant-style .brilliant-hero h1{
    font-size: 34px !important;
  }
  .brilliant-style .brilliant-hero p{
    font-size: 14px !important;
  }
  .brilliant-style .buyer-choice-cards article,
  .buyer-choice-cards article{
    min-height: 100px !important;
    padding: 12px 14px !important;
  }
}


/* Minimal buyer filter buttons */
.brilliant-style .buyer-choice-cards,
.buyer-choice-cards{
  grid-template-columns: repeat(3, minmax(0, 180px)) !important;
  justify-content: start !important;
  gap: 12px !important;
  margin-top: 10px !important;
}
.brilliant-style .buyer-choice-cards article,
.buyer-choice-cards article{
  min-height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
}
.brilliant-style .buyer-choice-cards article span,
.brilliant-style .buyer-choice-cards article small,
.brilliant-style .buyer-choice-cards article b,
.buyer-choice-cards article span,
.buyer-choice-cards article small,
.buyer-choice-cards article b{
  display: none !important;
}
.brilliant-style .buyer-choice-cards article button,
.buyer-choice-cards article button{
  width: auto !important;
  min-width: 116px !important;
  height: 40px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid #d9cdb6 !important;
  background: #fffaf2 !important;
  color: #171717 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  align-self: unset !important;
  cursor: pointer !important;
  transition: .2s ease !important;
}
.brilliant-style .buyer-choice-cards article:hover button,
.brilliant-style .buyer-choice-cards article.active-choice button,
.buyer-choice-cards article:hover button,
.buyer-choice-cards article.active-choice button{
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}
.brilliant-style .buyer-choice-cards article.active-choice,
.buyer-choice-cards article.active-choice{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
@media (max-width: 768px){
  .brilliant-style .buyer-choice-cards,
  .buyer-choice-cards{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .brilliant-style .buyer-choice-cards article button,
  .buyer-choice-cards article button{
    min-width: 0 !important;
    width: 100% !important;
    height: 38px !important;
    font-size: 12px !important;
    padding: 0 10px !important;
  }
}


/* Replace Marketplace title with Single / Reseller / Bulk switch */
.marketplace-buyer-switch{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:4px;
}
.marketplace-buyer-btn{
  border:1px solid #d9cdb6;
  background:#fffaf2;
  color:#171717;
  border-radius:999px;
  min-width:108px;
  height:38px;
  padding:0 18px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.2s ease;
}
.marketplace-buyer-btn:hover,
.marketplace-buyer-btn.active{
  background:#111;
  color:#fff;
  border-color:#111;
}
.visually-hidden-title{
  display:none !important;
}
@media(max-width:560px){
  .marketplace-buyer-switch{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:8px;
  }
  .marketplace-buyer-btn{
    min-width:0;
    width:100%;
    padding:0 10px;
    font-size:12px;
  }
}


/* Remove old top buyer cards completely */
.buyer-choice-cards,
.brilliant-style .buyer-choice-cards{
  display:none !important;
}

/* Center marketplace Single / Reseller / Bulk tabs */
.marketplace-buyer-switch{
  width:100% !important;
  justify-content:center !important;
  align-items:center !important;
  gap:22px !important;
  margin:0 auto 12px !important;
  text-align:center !important;
}
.section-head:has(.marketplace-buyer-switch){
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}
.marketplace-buyer-btn{
  min-width:130px !important;
  height:40px !important;
}
@media(max-width:560px){
  .marketplace-buyer-switch{
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:8px !important;
  }
  .marketplace-buyer-btn{
    min-width:0 !important;
    width:100% !important;
  }
}


/* Search title + search box on live slider line */
.compact-search-title{
  padding: 18px 30px 8px !important;
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.compact-search-title div{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}
.compact-search-title small{
  display:none !important;
}
.compact-search-title b{
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: -.4px !important;
  color:#111 !important;
}

.filter-search-line{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  width:100% !important;
  padding: 0 30px 14px !important;
  background:#fffdf8 !important;
  border-bottom:1px solid #e8ddca !important;
  position:relative !important;
  z-index:65 !important;
}
.filter-search-line .filter-bar{
  flex:1 1 auto !important;
  min-width:0 !important;
  position:relative !important;
  top:auto !important;
  padding: 10px 0 !important;
  border:0 !important;
  background:transparent !important;
}
.slider-search-box{
  flex:0 0 360px !important;
}
.slider-search-box input{
  width:100% !important;
  height:42px !important;
  border:1px solid #d9cdb6 !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#111 !important;
  padding:0 18px !important;
  font-size:13px !important;
  outline:none !important;
  box-shadow:0 10px 28px rgba(0,0,0,.04) !important;
}
.slider-search-box input:focus{
  border-color:#111 !important;
  box-shadow:0 0 0 4px rgba(0,0,0,.06) !important;
}

@media(max-width:900px){
  .filter-search-line{
    flex-direction:column !important;
    align-items:stretch !important;
    padding: 0 18px 14px !important;
  }
  .slider-search-box{
    flex:0 0 auto !important;
    width:100% !important;
  }
  .filter-search-line .filter-bar{
    width:100% !important;
  }
}


/* More compact hero heading + better search alignment */
.brilliant-style .brilliant-hero{
  padding-top: 14px !important;
  padding-bottom: 12px !important;
}
.brilliant-style .brilliant-hero h1{
  font-size: clamp(24px, 3.2vw, 44px) !important;
  line-height: 1.08 !important;
  max-width: 640px !important;
  letter-spacing: -0.8px !important;
  margin-bottom: 8px !important;
}
.brilliant-style .brilliant-hero h1 em{
  font-style: normal !important;
}
.brilliant-style .brilliant-hero p{
  font-size: 13px !important;
  line-height: 1.45 !important;
  max-width: 500px !important;
  margin-top: 10px !important;
}
.brilliant-style .hero-main-actions{
  margin-top: 14px !important;
}
.brilliant-style .brilliant-trust{
  margin-top: 14px !important;
}

/* Search label and box in one smart row */
.compact-search-title{
  display: none !important;
}
.filter-search-line{
  display:grid !important;
  grid-template-columns: 1fr auto !important;
  align-items:center !important;
  gap:16px !important;
  padding: 10px 30px 14px !important;
}
.filter-search-line::before{
  content:"Search";
  font-size:22px;
  font-weight:900;
  color:#111;
  letter-spacing:-.4px;
  margin-right:6px;
  grid-column: 1 / 2;
  grid-row: 1;
  align-self:center;
  justify-self:start;
}
.filter-search-line .filter-bar{
  grid-column: 1 / 2 !important;
  grid-row: 2 !important;
  width:100% !important;
  padding-top:8px !important;
}
.slider-search-box{
  grid-column: 2 / 3 !important;
  grid-row: 1 / 3 !important;
  width:390px !important;
  flex:none !important;
  align-self:center !important;
}
.slider-search-box input{
  height:44px !important;
  border-radius:999px !important;
  font-size:13px !important;
}

@media(max-width:900px){
  .filter-search-line{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    padding: 10px 18px 14px !important;
  }
  .filter-search-line::before{
    content:"Search";
    font-size:20px;
    margin:0;
  }
  .slider-search-box{
    width:100% !important;
  }
  .filter-search-line .filter-bar{
    width:100% !important;
    padding-top:0 !important;
  }
}


/* Put search box back in the marked hero/middle area */
.hero-search-return{
  max-width: 620px;
  margin: -4px auto 18px;
  padding: 0 22px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.hero-search-return input{
  width:100%;
  height:44px;
  border:1px solid #d9cdb6;
  border-radius:999px;
  background:#fff;
  color:#111;
  padding:0 20px;
  font-size:13px;
  outline:none;
  box-shadow:0 12px 32px rgba(0,0,0,.05);
}
.hero-search-return input:focus{
  border-color:#111;
  box-shadow:0 0 0 4px rgba(0,0,0,.06);
}

/* Clean category slider line after moving search back */
.filter-search-line{
  display:block !important;
  padding: 0 30px 14px !important;
}
.filter-search-line::before{
  content:"" !important;
  display:none !important;
}
.filter-search-line .filter-bar{
  width:100% !important;
  padding-top:10px !important;
}
.slider-search-box{
  display:none !important;
}

@media(max-width:900px){
  .hero-search-return{
    max-width:100%;
    margin: 0 auto 14px;
    padding:0 18px;
  }
  .filter-search-line{
    padding: 0 18px 14px !important;
  }
}


/* Search input + search button in one line */
.hero-search-return{
  max-width: 900px !important;
  margin: 0 auto 10px !important;
  padding: 0 22px !important;
}
.hero-search-wrap{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 170px !important;
  gap: 14px !important;
  align-items: center !important;
  width: 100% !important;
}
.hero-search-return input{
  width: 100% !important;
  height: 46px !important;
  border: 1px solid #1d1d1d !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111 !important;
  padding: 0 20px !important;
  font-size: 13px !important;
  outline: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.04) !important;
}
.hero-search-btn{
  width: 100% !important;
  height: 44px !important;
  border: 1px solid #111 !important;
  border-radius: 10px !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: .2s ease !important;
}
.hero-search-btn:hover{
  background: #222 !important;
  transform: translateY(-1px) !important;
}

/* Tighten space around category slider and buyer tabs */
.filter-search-line{
  padding: 0 20px 8px !important;
  margin-bottom: 4px !important;
}
.filter-search-line .filter-bar{
  padding-top: 2px !important;
  padding-bottom: 0 !important;
}
#products.container{
  padding-top: 4px !important;
}
#products .section-head{
  margin-top: 2px !important;
  margin-bottom: 10px !important;
}
.marketplace-buyer-switch{
  margin: 0 auto 6px !important;
  gap: 16px !important;
}
.marketplace-buyer-btn{
  min-width: 110px !important;
  height: 38px !important;
}

/* Slightly tighter live slider chips so full line fits better */
.filter-bar{
  gap: 10px !important;
}
.filter-bar button{
  height: 38px !important;
  padding: 0 16px !important;
  font-size: 12px !important;
}

@media (max-width: 900px){
  .hero-search-return{
    max-width: 100% !important;
    padding: 0 18px !important;
  }
  .hero-search-wrap{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .hero-search-btn{
    border-radius: 999px !important;
    height: 42px !important;
  }
  .filter-search-line{
    padding: 0 12px 8px !important;
  }
  .filter-bar{
    gap: 8px !important;
  }
  .marketplace-buyer-switch{
    gap: 10px !important;
  }
}


/* Final smart fit for search row + category slider + buyer tabs */
.hero-search-return{
  max-width: 1080px !important;
  margin: 2px auto 10px !important;
  padding: 0 18px !important;
}
.hero-search-wrap{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 156px !important;
  gap: 14px !important;
  align-items: center !important;
}
.hero-search-return input{
  height: 46px !important;
  border: 1.5px solid #2b2b2b !important;
  border-radius: 999px !important;
  padding: 0 20px !important;
  font-size: 13px !important;
}
.hero-search-btn{
  height: 46px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .1px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.08) !important;
}

/* Slider line no longer squeezed */
.filter-search-line{
  max-width: 1240px !important;
  margin: 0 auto 4px !important;
  padding: 0 14px 8px !important;
}
.filter-search-line .filter-bar{
  width: 100% !important;
  padding-top: 2px !important;
}
.filter-bar{
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  overflow: hidden !important;
}
.filter-bar .cat-arrow{
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 26px !important;
  line-height: 1 !important;
  background: #0f0f10 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 10px 18px rgba(0,0,0,.10) !important;
}
.filter-bar .category-track{
  min-width: 0 !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 2px 2px !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
}
.filter-bar .category-track::-webkit-scrollbar{
  display: none !important;
}
.filter-bar .cat-btn{
  flex: 0 0 auto !important;
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  border: 1px solid #dacfb9 !important;
  background: #fffaf2 !important;
  color: #222 !important;
}
.filter-bar .cat-btn.active,
.filter-bar .cat-btn:hover{
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}
.filter-bar .cat-btn span{
  margin-left: 4px !important;
}

/* Buyer tabs fit nicely under slider */
#products.container{
  padding-top: 0 !important;
}
#products .section-head{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}
.marketplace-buyer-switch{
  margin: 0 auto 8px !important;
  gap: 12px !important;
}
.marketplace-buyer-btn{
  min-width: 118px !important;
  height: 38px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
}

/* Better overall spacing under trust stats */
.brilliant-style .brilliant-trust{
  margin-bottom: 12px !important;
}

@media (max-width: 900px){
  .hero-search-return{
    max-width: 100% !important;
    padding: 0 14px !important;
  }
  .hero-search-wrap{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .hero-search-btn{
    height: 44px !important;
    border-radius: 999px !important;
  }
  .filter-search-line{
    padding: 0 10px 8px !important;
  }
  .filter-bar{
    grid-template-columns: 38px minmax(0, 1fr) 38px !important;
    gap: 8px !important;
  }
  .filter-bar .cat-arrow{
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    font-size: 22px !important;
  }
  .filter-bar .cat-btn{
    height: 36px !important;
    padding: 0 13px !important;
    font-size: 11.5px !important;
  }
  .marketplace-buyer-switch{
    gap: 10px !important;
  }
}


/* RoyalClue.com branding */
.logo-text, .brand-name{
  letter-spacing: -0.2px;
}

/* Smaller live chat button with online status */
.support-pill{
  min-width: 0 !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  gap: 8px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.14) !important;
}
.support-pill .green-dot{
  width: 10px !important;
  height: 10px !important;
  box-shadow: 0 0 0 4px rgba(34,197,94,.18) !important;
}
.support-pill .chat-bubble{
  font-size: 13px !important;
}
.support-pill .support-pill-text{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  line-height:1.05 !important;
}
.support-pill .support-pill-text b{
  font-size: 13px !important;
  font-weight: 800 !important;
  color:#fff !important;
}
.support-pill .support-pill-text small{
  font-size: 10px !important;
  color:#8cf3b0 !important;
  font-weight:700 !important;
}

/* Card method safe placeholder */
.safe-card-box{
  margin-top: 14px;
  border: 1px solid #e4d9c5;
  background: #fffaf2;
  border-radius: 16px;
  padding: 16px;
}
.safe-card-title{
  font-size: 18px;
  font-weight: 900;
  color:#111;
  margin-bottom: 8px;
}
.safe-card-box p{
  margin: 0 0 12px;
  color:#5e574b;
}
.safe-card-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.safe-card-grid input{
  width:100%;
  height:42px;
  border:1px solid #ddd2bd;
  border-radius:12px;
  background:#f6f1e8;
  padding:0 14px;
  color:#777;
}
.safe-card-box small{
  display:block;
  margin-top:10px;
  color:#7a6f5a;
  line-height:1.5;
}
@media(max-width: 560px){
  .safe-card-grid{
    grid-template-columns: 1fr;
  }
  .support-pill{
    padding: 7px 11px !important;
  }
}


/* RoyalClue branding update */
.logo-mark{background:transparent !important;box-shadow:none !important;padding:0 !important;overflow:visible !important;}
.logo-mark img{width:42px;height:42px;display:block;object-fit:contain;}
.brilliant-style .logo-mark{background:transparent !important;color:transparent !important;}
.footer-logo .logo-mark img{width:40px;height:40px;}
.logo div span{color:#c9991a !important;}