/* Reseller Hat V180 — consolidated homepage CSS. */
/* Extra correction for excessive blank space before the winter collection on homepage preview. */
#rhat-home .rhat-hero{margin-bottom:0!important}
#rhat-home .rhat-hero + section,
#rhat-home .rhat-hero + div,
#rhat-home .rhat-section:first-of-type,
#rhat-home .rhat-home-department:first-of-type{margin-top:0!important;padding-top:0!important}
#rhat-home .rhat-section:first-of-type .rhat-section-head,
#rhat-home .rhat-home-department:first-of-type .rhat-section-head{margin-top:0!important;padding-top:0!important}
/* Tighten the blank gap between quick-link cards and Winter Collection. */
#rhat-home .rhat-quick{margin-bottom:0!important;padding-bottom:0!important}
#rhat-home .rhat-quick + .rhat-winter-section{margin-top:-34px!important;padding-top:0!important}
#rhat-home .rhat-winter-section{margin-top:0!important;padding-top:0!important}
@media(max-width:767px){
  #rhat-home .rhat-quick + .rhat-winter-section{margin-top:-42px!important}
  #rhat-home .rhat-winter-section{padding-top:0!important}
}

/* 2026-10 homepage-only compact layout refinement; keep existing grid columns and hero unchanged. */
/* Follow-up: tighten whitespace above all homepage category/product sections only. */
#rhat-home .rhat-section,
#rhat-home .rhat-home-department,
#rhat-home .rhat-winter-section,
#rhat-home .rhat-main-category-section{margin-top:0!important}
#rhat-home .rhat-section{padding-top:18px!important}
#rhat-home .rhat-section-head{margin-top:0!important;margin-bottom:9px!important;padding-top:0!important}
#rhat-home .rhat-section-head h2{margin-top:0!important;margin-bottom:4px!important}
#rhat-home .rhat-home-department{margin-bottom:10px!important}
#rhat-home .rhat-winter-section{padding-top:14px!important;margin-bottom:10px!important}
#rhat-home .rhat-main-category-section{padding-top:12px!important;padding-bottom:6px!important}
@media(max-width:767px){
  #rhat-home .rhat-section{padding-top:12px!important}
  #rhat-home .rhat-section-head{margin-bottom:7px!important}
  #rhat-home .rhat-section-head h2{margin-bottom:3px!important;line-height:1.3}
  #rhat-home .rhat-home-department{margin-bottom:7px!important}
  #rhat-home .rhat-winter-section{padding-top:9px!important;margin-bottom:7px!important}
  #rhat-home .rhat-main-category-section{padding-top:8px!important;padding-bottom:4px!important}
}

#rhat-home{max-width:100%;overflow-x:clip}
#rhat-home *{box-sizing:border-box}
#rhat-home .rhat-section{padding-top:30px}
#rhat-home .rhat-home-department{margin-top:14px;margin-bottom:16px}
#rhat-home .rhat-section-head{gap:12px;margin-bottom:14px}
#rhat-home .rhat-main-category-section{padding-top:18px!important;padding-bottom:8px!important}
#rhat-home .rhat-winter-section{margin-top:16px;margin-bottom:18px}
#rhat-home .rhat-winter-category-links{margin-bottom:12px}
#rhat-home .rhat-business-section{margin-top:16px;margin-bottom:16px;padding:28px 20px;border-radius:20px}
#rhat-home .rhat-business-heading{margin-bottom:16px}
#rhat-home .rhat-business-heading h2{margin:5px 0 7px;line-height:1.3}
#rhat-home .rhat-business-heading p{line-height:1.6}
#rhat-home .rhat-business-steps{gap:10px}
#rhat-home .rhat-business-steps article{min-width:0;padding:13px;gap:10px}
#rhat-home .rhat-business-steps h3{overflow-wrap:anywhere;line-height:1.4}
#rhat-home .rhat-business-steps p{overflow-wrap:anywhere;line-height:1.5}
#rhat-home .products, #rhat-home ul.products{min-width:0;max-width:100%}
#rhat-home ul.products li.product{min-width:0;max-width:100%;box-sizing:border-box}
#rhat-home ul.products li.product img{display:block;max-width:100%;height:auto;object-fit:contain}
#rhat-home .product-small, #rhat-home .box-text, #rhat-home .product-title{min-width:0;max-width:100%}
#rhat-home .product-title a{overflow-wrap:anywhere;word-break:normal}
#rhat-home .product-small .button, #rhat-home .product-small .add-to-cart-button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
#rhat-home .rhat-main-category-card, #rhat-home .rhat-main-category-image, #rhat-home .rhat-main-category-bar{min-width:0;max-width:100%}
@media(max-width:767px){
  #rhat-home .rhat-section{padding-top:22px}
  #rhat-home .rhat-section-head{margin-bottom:10px;gap:7px}
  #rhat-home .rhat-home-department{margin-top:10px;margin-bottom:12px}
  #rhat-home .rhat-winter-section{margin-top:12px;margin-bottom:14px}
  #rhat-home .rhat-business-section{margin-top:12px;margin-bottom:12px;padding:18px 12px;border-radius:16px}
  #rhat-home .rhat-business-heading{margin-bottom:12px}
  #rhat-home .rhat-business-heading h2{font-size:21px;line-height:1.3}
  #rhat-home .rhat-business-heading p{font-size:12px;line-height:1.55}
  #rhat-home .rhat-business-steps{gap:8px}
  #rhat-home .rhat-business-steps article{padding:11px 9px;border-radius:12px}
  #rhat-home .rhat-business-steps article>span{margin-bottom:6px}
  #rhat-home .rhat-business-steps h3{font-size:12px;line-height:1.35}
  #rhat-home .rhat-business-steps p{font-size:10px;line-height:1.45}
  #rhat-home .rhat-blog{padding-bottom:22px}
}


/* Reseller business section: responsive, mobile-first presentation */
.rhat-home .rhat-business-section{margin-top:18px;margin-bottom:18px;padding:58px 24px;background:linear-gradient(135deg,#f7f9fc 0%,#eef3f8 100%);border:1px solid #e3e9f0;border-radius:26px}
.rhat-home .rhat-business-heading{text-align:center;max-width:760px;margin:0 auto 30px}.rhat-home .rhat-business-heading h2{margin:7px 0 10px;font-size:30px}.rhat-home .rhat-business-heading p{margin:0;line-height:1.8;color:#637286}
.rhat-home .rhat-business-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rhat-home .rhat-business-steps article{display:flex;gap:12px;align-items:flex-start;padding:18px;background:#fff;border:1px solid #e1e7ee;border-radius:17px;box-shadow:0 8px 22px rgba(53,72,96,.05)}.rhat-home .rhat-business-steps article>span{flex:0 0 auto;font-weight:800;font-size:13px;line-height:30px;width:30px;height:30px;text-align:center;border-radius:50%;background:#edf2f7;color:#40556f}.rhat-home .rhat-business-steps h3{font-size:15px;margin:2px 0 6px}.rhat-home .rhat-business-steps p{font-size:12px;line-height:1.65;color:#718096;margin:0}
@media(max-width:767px){.rhat-home .rhat-business-section{margin-top:12px;margin-bottom:12px;padding:34px 14px;border-radius:20px}.rhat-home .rhat-business-heading{margin-bottom:20px}.rhat-home .rhat-business-heading h2{font-size:22px;line-height:1.35}.rhat-home .rhat-business-heading p{font-size:12px;line-height:1.7}.rhat-home .rhat-business-steps{grid-template-columns:1fr 1fr;gap:9px}.rhat-home .rhat-business-steps article{display:block;padding:14px 12px;min-width:0}.rhat-home .rhat-business-steps article>span{display:block;margin-bottom:9px}.rhat-home .rhat-business-steps h3{font-size:13px;line-height:1.4}.rhat-home .rhat-business-steps p{font-size:11px;line-height:1.6}}
@media(max-width:390px){.rhat-home .rhat-business-steps{grid-template-columns:1fr}.rhat-home .rhat-business-steps article{display:flex;padding:13px}.rhat-home .rhat-business-steps article>span{margin-bottom:0}}


.rhat-brand-mark{margin-bottom:14px}.rhat-brand-mark img{max-width:175px;height:auto;max-height:44px;object-fit:contain;display:block}.rhat-hero-note{margin-top:14px;font-size:12px;opacity:.62}.rhat-trust-strip{border-bottom:1px solid #edf0f4;background:#fff}.rhat-trust-strip .container{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.rhat-trust-strip .container>div{padding:19px 16px;border-right:1px solid #edf0f4}.rhat-trust-strip .container>div:last-child{border-right:0}.rhat-trust-strip b,.rhat-trust-strip span{display:block}.rhat-trust-strip b{font-size:13px}.rhat-trust-strip span{font-size:11px;opacity:.55;margin-top:4px}.rhat-home .ux-products .product-small,.rhat-home .products .product-small{transition:transform .2s ease,box-shadow .2s ease}.rhat-home .ux-products .product-small:hover,.rhat-home .products .product-small:hover{transform:translateY(-3px)}.rhat-section-head>a{font-size:13px}.rhat-quick-card:focus-visible,.rhat-business-path-card:focus-visible,.rhat-btn:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.rhat-home{overflow:hidden}.rhat-home .container{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px}.rhat-hero{background:linear-gradient(135deg,#ffffff 0%,#f3f8fd 58%,#fff8ef 100%);color:#173553;padding:72px 0 44px}.rhat-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.rhat-eyebrow,.rhat-kicker{display:block;font-size:11px;letter-spacing:2px;font-weight:800;opacity:.68}.rhat-hero h1{font-size:52px;line-height:1.08;margin:12px 0 20px;color:#fff}.rhat-hero h1 strong{color:#fff}.rhat-hero p{max-width:610px;font-size:17px;line-height:1.8;opacity:.86;margin:0 0 27px}.rhat-actions{display:flex;gap:12px;flex-wrap:wrap}.rhat-btn{margin:0!important;border-radius:12px!important;padding:12px 20px!important;min-height:46px}.rhat-hero .button.secondary,.rhat-final-cta .button.secondary{background:transparent!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important}.rhat-hero-visual{min-height:340px;position:relative;display:grid;place-items:center}.rhat-orbit{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}.rhat-orbit-one{width:330px;height:330px}.rhat-orbit-two{width:230px;height:230px}.rhat-hero-card{position:absolute;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:18px 22px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.rhat-hero-card span{font-size:28px;display:block}.rhat-hero-card b,.rhat-hero-card small{display:block}.rhat-hero-card small{opacity:.7;margin-top:3px}.rhat-card-main{transform:translateY(-5px);text-align:center}.rhat-card-reseller{left:0;top:45px}.rhat-card-fulfillment{right:0;bottom:35px}.rhat-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-27px;position:relative;z-index:2}.rhat-quick-card{display:flex;align-items:center;gap:12px;padding:18px;background:#fff;border:1px solid #e8ebf0;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.07);text-decoration:none!important;color:#111827!important}.rhat-quick-card>span{font-size:27px}.rhat-quick-card div{min-width:0;flex:1}.rhat-quick-card b,.rhat-quick-card small{display:block}.rhat-quick-card small{font-size:11px;opacity:.58;margin-top:3px}.rhat-quick-card em{font-style:normal;opacity:.5}.rhat-section{padding-top:72px}.rhat-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.rhat-section-head h2{margin:5px 0 5px;font-size:28px}.rhat-section-head p{margin:0;opacity:.62}.rhat-section-head>a{font-weight:700;text-decoration:none;white-space:nowrap}.rhat-business{margin-top:72px;padding:72px 0}.rhat-business-reseller{background:#f5f7fb}.rhat-business-legacy{background:#111827;color:#fff}.rhat-business-grid{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:70px}.rhat-business-grid-reverse{grid-template-columns:.75fr 1fr}.rhat-business h2{font-size:35px;margin:7px 0 15px}.rhat-business p{line-height:1.8;opacity:.75}.rhat-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.rhat-steps div{padding:14px;border:1px solid #e1e5eb;border-radius:14px;background:#fff}.rhat-steps b{display:block;font-size:12px;opacity:.5}.rhat-steps span{display:block;font-weight:700;font-size:13px;margin-top:5px}.rhat-business-art{min-height:280px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.03));display:grid;place-items:center;align-content:center;text-align:center}.rhat-business-art div{font-size:100px}.rhat-business-art span{font-size:13px;opacity:.7}.rhat-feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.rhat-feature-list span{padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;font-size:13px}.rhat-trust-section{background:#f6f8fb;margin-top:72px;padding-bottom:72px}.rhat-verified-reseller-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rhat-verified-reseller-card{display:flex;gap:15px;padding:20px;background:#fff;border:1px solid #e7eaf0;border-radius:20px}.rhat-verified-reseller-avatar img{border-radius:50%;display:block}.rhat-verified-reseller-body{flex:1}.rhat-verified-reseller-body h3{margin:7px 0 3px}.rhat-verified-reseller-body p{margin:0 0 10px;opacity:.6;font-size:13px}.rhat-verified-badge{font-size:11px;font-weight:800;padding:5px 9px;border-radius:99px;background:#edf6ff;color:#145ea8}.rhat-mini-stats{display:flex;gap:15px;font-size:12px;opacity:.7;margin-bottom:10px}.rhat-verified-reseller-body>a{font-weight:700;text-decoration:none;font-size:13px}.rhat-empty-trust{text-align:center;padding:35px;background:#fff;border-radius:20px;border:1px dashed #d8dde5}.rhat-empty-trust span{font-size:32px}.rhat-empty-trust h3{margin:8px 0}.rhat-empty-trust p{margin:0;opacity:.6}.rhat-how{padding-top:72px}.rhat-how-inner{padding:40px;border:1px solid #e6eaf0;border-radius:25px}.rhat-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:30px}.rhat-flow>div{text-align:center;padding:20px 10px;background:#f7f8fa;border-radius:17px}.rhat-flow b{font-size:27px;display:block}.rhat-flow strong,.rhat-flow small{display:block}.rhat-flow small{opacity:.55;font-size:11px;margin-top:3px}.rhat-flow i{font-style:normal;font-size:24px;opacity:.4}.rhat-business-path{margin-top:72px;padding:72px 0;background:#f6f8fb}.centered{justify-content:center;text-align:center}.rhat-business-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.rhat-business-path-card{background:#fff;border:1px solid #e3e7ed;border-radius:22px;padding:30px;text-align:center;text-decoration:none!important;color:#111827!important}.rhat-business-path-card.featured{border:2px solid #111827;transform:translateY(-7px)}.rhat-business-path-card>span{font-size:42px}.rhat-business-path-card h3{margin:12px 0 6px}.rhat-business-path-card p{min-height:42px;opacity:.62}.rhat-business-path-card strong{display:block;margin-top:20px}.rhat-why{padding-top:72px}.rhat-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rhat-why-grid>div{padding:24px;border:1px solid #e6e9ef;border-radius:18px}.rhat-why-grid span{font-size:28px}.rhat-why-grid h3{font-size:17px;margin:10px 0 5px}.rhat-why-grid p{font-size:13px;line-height:1.65;opacity:.62;margin:0}.rhat-blog{padding-bottom:72px}.rhat-final-cta{background:#111827;color:#fff;text-align:center;padding:75px 0}.rhat-final-cta>div>span{font-size:11px;letter-spacing:2px;opacity:.6}.rhat-final-cta h2{font-size:38px;margin:10px 0}.rhat-final-cta p{opacity:.7;margin-bottom:24px}

.rhat-main-category-section{padding-top:30px!important;padding-bottom:14px!important}
.rhat-main-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.rhat-main-category-card{display:block;position:relative;min-width:0;overflow:visible;text-decoration:none!important;background:transparent;line-height:0;box-shadow:none;border:0!important;border-radius:18px;transition:transform .2s ease,filter .2s ease}
.rhat-main-category-card:hover{transform:translateY(-3px);filter:none}
.rhat-main-category-card:focus-visible{outline:3px solid #5579a8;outline-offset:4px;border-radius:18px}
.rhat-main-category-image{display:block;width:100%;line-height:0;background:#f7f8fa;border-radius:18px;overflow:hidden;box-shadow:0 7px 18px rgba(42,58,78,.09)}
.rhat-main-category-img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.rhat-main-category-img--empty{min-height:150px;background:#f7f8fa}
.rhat-main-category-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:calc(100% - 22px);min-height:46px;margin:-12px auto 0;padding:8px 14px;border-radius:13px;background:var(--rhat-category-color);color:var(--rhat-category-text);box-shadow:0 7px 16px rgba(42,58,78,.13);line-height:1.15;border:1px solid rgba(255,255,255,.72)}
.rhat-main-category-name{display:block;min-width:0;padding:0;text-align:center;font-size:15px;line-height:1.2;font-weight:800;color:var(--rhat-category-text);white-space:normal}
@media(max-width:900px){.rhat-main-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.rhat-main-category-bar{width:calc(100% - 14px);min-height:42px;margin:-10px auto 0;padding:7px 8px;border-radius:12px}.rhat-main-category-name{font-size:12px;line-height:1.18}}
@media(max-width:600px){.rhat-main-category-img--empty{min-height:105px}.rhat-main-category-section{padding-top:18px!important;padding-bottom:8px!important}.rhat-main-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rhat-main-category-card{border-radius:12px}.rhat-main-category-image{border-radius:12px}.rhat-main-category-bar{width:calc(100% - 8px);min-height:32px;margin:-8px auto 0;padding:5px 4px;border-radius:10px;box-shadow:0 4px 10px rgba(42,58,78,.12)}.rhat-main-category-name{font-size:10px;line-height:1.12;font-weight:800}}
@media(max-width:900px){.rhat-trust-strip .container{grid-template-columns:repeat(2,1fr)}.rhat-trust-strip .container>div:nth-child(2){border-right:0}.rhat-trust-strip .container>div:nth-child(-n+2){border-bottom:1px solid #edf0f4}.rhat-hero-inner,.rhat-business-grid,.rhat-business-grid-reverse{grid-template-columns:1fr}.rhat-hero-copy{text-align:center}.rhat-hero-copy p{margin-left:auto;margin-right:auto}.rhat-actions{justify-content:center}.rhat-hero-visual{min-height:300px}.rhat-quick{grid-template-columns:repeat(2,1fr)}.rhat-verified-reseller-grid,.rhat-business-path-grid{grid-template-columns:1fr}.rhat-business-path-card.featured{transform:none}.rhat-why-grid{grid-template-columns:repeat(2,1fr)}.rhat-business-art{order:2}.rhat-business-grid-reverse .rhat-business-art{order:2}.rhat-business-grid-reverse>div:last-child{order:1}.rhat-flow{grid-template-columns:1fr 1fr;gap:10px}.rhat-flow i{display:none}.rhat-hero h1{font-size:42px}}
@media(max-width:600px){.rhat-brand-mark img{margin-left:auto;margin-right:auto;max-width:150px}.rhat-trust-strip .container{grid-template-columns:1fr 1fr}.rhat-trust-strip .container>div{padding:13px 8px}.rhat-trust-strip b{font-size:11px}.rhat-trust-strip span{font-size:9px}.rhat-home .container{padding-left:12px;padding-right:12px}.rhat-hero{padding:45px 0 48px}.rhat-hero h1{font-size:34px}.rhat-hero p{font-size:14px}.rhat-hero-visual{min-height:255px;transform:scale(.88)}.rhat-card-reseller{left:0;top:30px}.rhat-card-fulfillment{right:0;bottom:25px}.rhat-quick{margin-top:-18px;gap:8px}.rhat-quick-card{padding:12px 10px;border-radius:13px}.rhat-quick-card>span{font-size:22px}.rhat-quick-card b{font-size:12px}.rhat-quick-card small{font-size:9px}.rhat-section{padding-top:50px}.rhat-section-head{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:18px}.rhat-section-head h2{font-size:23px}.rhat-business{margin-top:50px;padding:50px 0}.rhat-business h2{font-size:27px}.rhat-steps{grid-template-columns:1fr}.rhat-feature-list{grid-template-columns:1fr}.rhat-how{padding-top:50px}.rhat-how-inner{padding:22px 14px}.rhat-flow{grid-template-columns:1fr 1fr}.rhat-business-path,.rhat-why{padding-top:50px}.rhat-why-grid{grid-template-columns:1fr}.rhat-blog{padding-bottom:50px}.rhat-final-cta{padding:55px 0}.rhat-final-cta h2{font-size:29px}.rhat-btn{width:100%;text-align:center}.rhat-actions{width:100%}}

/* Reseller Hat — calm, clean visual refinement */
.rhat-home{background:#fff;color:#263244}
.rhat-home .rhat-hero{background:linear-gradient(135deg,#f7f9fc 0%,#eef4fb 55%,#f8f4f7 100%);color:#263244;border-bottom:1px solid #e8edf3}
.rhat-home .rhat-hero h1,.rhat-home .rhat-hero h1 strong{color:#263244}
.rhat-home .rhat-hero p{color:#536173;opacity:1}
.rhat-home .rhat-eyebrow,.rhat-home .rhat-kicker{color:#617087;opacity:1}
.rhat-home .rhat-hero-note{color:#687587;opacity:1}
.rhat-home .rhat-hero-card{background:rgba(255,255,255,.88);border:1px solid #e1e8f0;box-shadow:0 12px 30px rgba(50,65,85,.10);color:#263244;backdrop-filter:blur(8px)}
.rhat-home .rhat-hero-card small{color:#687587;opacity:1}
.rhat-home .rhat-orbit{border-color:#dbe4ee}
.rhat-home .rhat-hero .button.primary{background:#5579a8!important;border-color:#5579a8!important;color:#fff!important}
.rhat-home .rhat-hero .button.secondary{background:#fff!important;border:1px solid #d5deea!important;color:#425a78!important}
.rhat-home .rhat-quick-card{box-shadow:0 7px 22px rgba(45,61,80,.08);border-color:#e2e8ef;color:#263244!important}
.rhat-home .rhat-quick-card small{color:#718096;opacity:1}
.rhat-home .rhat-trust-strip{background:#fff;border-color:#e8edf3}
.rhat-home .rhat-trust-strip .container>div{border-color:#edf1f5}
.rhat-home .rhat-trust-strip span{color:#718096;opacity:1}
.rhat-home .rhat-section-head p{color:#687587;opacity:1}
.rhat-home .rhat-section-head>a{color:#5579a8}
.rhat-home .rhat-business{color:#263244}
.rhat-home .rhat-business-reseller{background:#f7f9fc}
.rhat-home .rhat-business-legacy{background:#f3f6fa;color:#263244;border-top:1px solid #e7edf4;border-bottom:1px solid #e7edf4}
.rhat-home .rhat-business p{color:#687587;opacity:1}
.rhat-home .rhat-business-art{background:linear-gradient(145deg,#eef4fa,#f8f6f8);border:1px solid #e3e9f0}
.rhat-home .rhat-feature-list span{border-color:#e1e7ef;background:#fff}
.rhat-home .rhat-verified-reseller-card,.rhat-home .rhat-steps div,.rhat-home .rhat-business-path-card{box-shadow:0 7px 22px rgba(45,61,80,.06)}
.rhat-home .rhat-trust-section,.rhat-home .rhat-business-path{background:#f7f9fc}
.rhat-home .rhat-how-inner{background:#fff;box-shadow:0 7px 22px rgba(45,61,80,.05)}
.rhat-home .rhat-flow>div{background:#f6f8fb}
.rhat-home .rhat-business-path-card.featured{border-color:#6a86ad}
.rhat-home .rhat-final-cta{background:#f3f6fa;color:#263244;border-top:1px solid #e5ebf2}
.rhat-home .rhat-final-cta p{color:#687587;opacity:1}
.rhat-home .rhat-final-cta>div>span{color:#718096;opacity:1}
.rhat-home .rhat-final-cta .button.primary{background:#5579a8!important;border-color:#5579a8!important;color:#fff!important}
.rhat-home .rhat-final-cta .button.secondary{background:#fff!important;border:1px solid #d5deea!important;color:#425a78!important}
.rhat-main-category-section{padding-top:30px!important;padding-bottom:8px}
.rhat-main-category-grid{gap:20px}
.rhat-main-category-card{border:1px solid #e5eaf0;border-radius:18px;box-shadow:0 8px 22px rgba(42,58,78,.07);background:#fff}
.rhat-main-category-card:hover{transform:translateY(-3px);filter:none;box-shadow:0 12px 28px rgba(42,58,78,.11)}
.rhat-main-category-image{background:#f7f8fa}
.rhat-main-category-bar{box-shadow:0 5px 14px rgba(42,58,78,.13);background:var(--rhat-category-color);}
.rhat-main-category-icon{background:rgba(255,255,255,.10)}
@media(max-width:600px){
  .rhat-home .rhat-hero{padding:28px 0 30px}
  .rhat-home .rhat-hero-inner{gap:10px}
  .rhat-home .rhat-hero h1{font-size:28px;line-height:1.12;margin:8px 0 12px}
  .rhat-home .rhat-hero p{font-size:13px;line-height:1.58;margin-bottom:15px}
  .rhat-home .rhat-hero-visual{min-height:190px;transform:scale(.72);transform-origin:center top;margin-bottom:-42px}
  .rhat-home .rhat-card-reseller{top:24px}
  .rhat-home .rhat-card-fulfillment{bottom:18px}
  .rhat-home .rhat-hero-card{padding:13px 16px;border-radius:16px}
  .rhat-home .rhat-hero-card span{font-size:22px}
  .rhat-home .rhat-hero-card small{font-size:10px}
  .rhat-home .rhat-actions{gap:8px}
  .rhat-home .rhat-btn{min-height:42px;padding:10px 14px!important;font-size:12px!important}
  .rhat-main-category-grid{gap:8px}
  .rhat-main-category-card{border-radius:11px}
  .rhat-main-category-bar{box-shadow:0 4px 10px rgba(42,58,78,.12)}
}


.rhat-reference-hero-art{display:none}
@media(min-width:768px){
  .rhat-reference-hero-art{display:block;position:absolute;right:8%;top:50%;width:330px;height:330px;transform:translateY(-50%);pointer-events:none}
  .rhat-ref-art-glow{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle,rgba(11,95,168,.14),rgba(245,130,22,.07) 58%,transparent 70%)}
  .rhat-ref-phone{position:absolute;left:88px;top:22px;width:154px;height:286px;border:7px solid #102d4a;border-radius:30px;background:#fff;box-shadow:0 26px 50px rgba(6,47,88,.22);transform:rotate(7deg);overflow:hidden}
  .rhat-ref-phone-notch{position:absolute;z-index:2;left:50%;top:6px;transform:translateX(-50%);width:52px;height:13px;border-radius:0 0 9px 9px;background:#102d4a}
  .rhat-ref-phone-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 12px 12px;background:linear-gradient(180deg,#f8fbff,#fff8ee)}
  .rhat-ref-phone-screen img{width:105px;height:auto;object-fit:contain;margin-bottom:8px}.rhat-ref-phone-screen strong{font-size:17px;color:#08375f}.rhat-ref-phone-screen small{font-size:8px;color:#718399;text-align:center;margin-top:4px}.rhat-ref-phone-icons{display:flex;gap:8px;margin-top:22px}.rhat-ref-phone-icons i{font-style:normal;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#fff;box-shadow:0 5px 13px rgba(6,47,88,.10);font-size:14px}
  .rhat-ref-bubble{position:absolute;z-index:3;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#fff;box-shadow:0 12px 28px rgba(6,47,88,.14);font-weight:900;font-size:25px}.rhat-ref-bubble-f{left:12px;top:80px;color:#1877f2}.rhat-ref-bubble-t{right:10px;top:118px;color:#111}.rhat-ref-bubble-b{right:20px;bottom:42px;font-size:20px}
}
@media(max-width:767px){
  .rhat-home .rhat-reference-hero-art{display:block;position:relative;width:210px;height:185px;margin:6px auto -4px;pointer-events:none}
  .rhat-home .rhat-ref-art-glow{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle,rgba(11,95,168,.12),rgba(245,130,22,.08) 58%,transparent 72%)}
  .rhat-home .rhat-ref-phone{position:absolute;left:65px;top:7px;width:92px;height:169px;border:5px solid #102d4a;border-radius:21px;background:#fff;box-shadow:0 18px 34px rgba(6,47,88,.18);transform:rotate(7deg);overflow:hidden}
  .rhat-home .rhat-ref-phone-notch{position:absolute;z-index:2;left:50%;top:4px;transform:translateX(-50%);width:34px;height:8px;border-radius:0 0 6px 6px;background:#102d4a}
  .rhat-home .rhat-ref-phone-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 7px 7px;background:linear-gradient(180deg,#f8fbff,#fff8ee)}
  .rhat-home .rhat-ref-phone-screen img{width:62px;height:auto;object-fit:contain;margin-bottom:3px}.rhat-home .rhat-ref-phone-screen strong{font-size:9px;color:#08375f}.rhat-home .rhat-ref-phone-screen small{font-size:5px;color:#718399;text-align:center;margin-top:2px}.rhat-home .rhat-ref-phone-icons{display:flex;gap:3px;margin-top:10px}.rhat-home .rhat-ref-phone-icons i{font-style:normal;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:#fff;box-shadow:0 3px 7px rgba(6,47,88,.10);font-size:8px}
  .rhat-home .rhat-ref-bubble{position:absolute;z-index:3;width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#fff;box-shadow:0 8px 18px rgba(6,47,88,.12);font-weight:900;font-size:17px}.rhat-home .rhat-ref-bubble-f{left:20px;top:40px;color:#1877f2}.rhat-home .rhat-ref-bubble-t{right:20px;top:62px;color:#111}.rhat-home .rhat-ref-bubble-b{right:24px;bottom:15px;font-size:14px}
}

/* Random product rail */
.rhat-random-products{padding-top:34px!important;padding-bottom:8px!important}
.rhat-random-products__grid .products{margin-bottom:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.rhat-random-products__grid .products .product-small{width:auto!important;max-width:none!important;margin:0!important}
.rhat-random-products__grid .products.row{margin-left:0!important;margin-right:0!important}
.rhat-random-products__grid .product-small .box-text{padding-bottom:12px!important}
.rhat-random-products__grid .product-small .product-title{font-size:14px!important;line-height:1.45!important}
.rhat-random-products__grid .product-small .price{font-size:13px!important}
.rhat-random-products__grid.is-refreshing{opacity:.55;transition:opacity .18s ease}
/* Hero: simpler, calmer and more stable than the previous floating-orbit treatment. */
.rhat-home .rhat-hero{background:#f5f7fa!important;padding:64px 0 58px!important}
.rhat-home .rhat-hero-inner{grid-template-columns:1.08fr .92fr!important;gap:58px!important}
.rhat-home .rhat-hero-copy{max-width:650px}
.rhat-home .rhat-hero h1{font-size:48px!important;letter-spacing:-.6px!important}
.rhat-home .rhat-hero p{max-width:620px!important}
.rhat-home .rhat-hero-visual{min-height:330px!important;transform:none!important}
.rhat-home .rhat-orbit{display:none!important}
.rhat-home .rhat-hero-card{position:relative!important;inset:auto!important;transform:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e1e7ee!important;box-shadow:0 8px 24px rgba(45,61,80,.08)!important}
.rhat-home .rhat-card-main{z-index:2!important;padding:25px 34px!important;border-radius:20px!important}
.rhat-home .rhat-card-reseller{margin:-150px 150px 0 -160px!important}
.rhat-home .rhat-card-fulfillment{margin:18px -155px 0 155px!important}
.rhat-home .rhat-hero-card span{font-size:25px!important}
.rhat-home .rhat-hero-card b{font-size:15px!important}
.rhat-home .rhat-hero-card small{font-size:10px!important}
/* Mobile: exactly three product columns, compact flow and no hero crowding. */
@media(max-width:767px){
  .rhat-random-products{padding-top:34px!important}
  .rhat-random-products__grid .products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .rhat-random-products__grid .products .product-small{width:auto!important}
  .rhat-random-products__grid .product-small .product-title{font-size:11px!important}
  .rhat-random-products__grid .product-small .price{font-size:11px!important}
  .rhat-home .rhat-hero{padding:36px 0 30px!important}
  .rhat-home .rhat-hero-inner{grid-template-columns:1fr!important;gap:8px!important}
  .rhat-home .rhat-hero h1{font-size:31px!important;letter-spacing:0!important}
  .rhat-home .rhat-hero-visual{min-height:205px!important;display:grid!important;place-items:center!important;margin-top:3px!important}
  .rhat-home .rhat-card-main{padding:18px 25px!important}
  .rhat-home .rhat-card-reseller{margin:-105px 115px 0 -120px!important}
  .rhat-home .rhat-card-fulfillment{margin:12px -118px 0 118px!important}
  .rhat-home .rhat-hero-card{padding:12px 15px!important;border-radius:14px!important}
  .rhat-home .rhat-hero-card span{font-size:21px!important}
  .rhat-home .rhat-hero-card b{font-size:12px!important}
  .rhat-home .rhat-hero-card small{font-size:9px!important}
}
@media(max-width:380px){
  .rhat-random-products__grid .products{gap:8px!important}
  .rhat-home .rhat-hero h1{font-size:28px!important}
  .rhat-home .rhat-hero-visual{transform:scale(.92)!important;transform-origin:center top!important;margin-bottom:-12px!important}
}

/* Final production refinements requested for V70. */
.rhat-home .rhat-hero{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 58%,#f8f7f5 100%)!important}
.rhat-home .rhat-hero .button.primary,.rhat-home .rhat-final-cta .button.primary{background:#667f9e!important;border-color:#667f9e!important}
.rhat-home .rhat-quick-card,.rhat-home .rhat-business-path-card,.rhat-home .rhat-how-inner{box-shadow:0 6px 18px rgba(45,61,80,.055)!important}
.rhat-path-steps{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:14px 0 0;font-size:11px;color:#718096}
.rhat-path-steps b{color:#607792}
.rhat-path-link{display:block;margin-top:17px;font-size:12px;font-weight:700;color:#5f7898!important;text-decoration:none!important}
@media(max-width:767px){
  /* Marketplace Features: desktop only. */
  .rhat-home .rhat-trust-strip{display:none!important}
  /* Four-step flow stays on one compact horizontal line. */
  .rhat-home .rhat-flow{display:flex!important;align-items:stretch!important;justify-content:space-between!important;gap:2px!important;margin-top:14px!important;overflow:visible!important}
  .rhat-home .rhat-flow>div{flex:1 1 0!important;min-width:0!important;padding:9px 2px!important;border-radius:10px!important}
  .rhat-home .rhat-flow>div b{font-size:17px!important;line-height:1.1!important;margin-bottom:3px!important}
  .rhat-home .rhat-flow>div strong{font-size:9px!important;line-height:1.15!important;white-space:nowrap!important}
  .rhat-home .rhat-flow>div small{display:none!important}
  .rhat-home .rhat-flow>i{display:flex!important;flex:0 0 8px!important;align-items:center!important;justify-content:center!important;transform:none!important;font-size:13px!important;opacity:.38!important}
  /* Detailed path cards remain readable but compact on phones. */
  .rhat-home .rhat-business-path-grid{gap:10px!important}
  .rhat-home .rhat-business-path-card{padding:19px 15px!important;border-radius:16px!important}
  .rhat-home .rhat-business-path-card>span{font-size:31px!important}
  .rhat-home .rhat-business-path-card h3{font-size:18px!important;margin:7px 0 5px!important}
  .rhat-home .rhat-business-path-card p{min-height:0!important;font-size:11.5px!important;line-height:1.65!important;margin-bottom:0!important}
  .rhat-home .rhat-path-steps{gap:4px;font-size:9.5px;line-height:1.35;margin-top:11px}
  .rhat-home .rhat-path-link{margin-top:12px;font-size:10.5px}
}

.rhat-category-heading{margin:0 0 24px;text-align:left}.rhat-category-heading h2{font-size:30px;line-height:1.25;margin:6px 0 7px;color:#243247}.rhat-category-heading p{max-width:760px;margin:0;color:#718096;font-size:13px;line-height:1.75}
.rhat-hero{position:relative;overflow:hidden}.rhat-hero-inner{position:relative;z-index:3}.rhat-hero-visual{position:relative;overflow:visible;isolation:isolate}.rhat-hero-products-bg{position:absolute;inset:-45px -25px -35px -25px;z-index:-2;pointer-events:none;overflow:hidden}.rhat-hero-product-float{position:absolute;display:block;width:72px;height:72px;padding:7px;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(52,72,96,.10);opacity:.48;animation:rhatHeroFloat var(--rhat-duration,8s) ease-in-out var(--rhat-delay,0s) infinite alternate}.rhat-hero-product-float img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}.rhat-hero-product-1{left:2%;top:6%}.rhat-hero-product-2{left:25%;top:18%}.rhat-hero-product-3{right:5%;top:4%}.rhat-hero-product-4{left:11%;top:57%}.rhat-hero-product-5{left:39%;top:67%}.rhat-hero-product-6{right:11%;top:52%}.rhat-hero-visual-shield{position:absolute;inset:-35px -20px;z-index:-1;border-radius:42px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.86) 0%,rgba(248,250,252,.68) 46%,rgba(248,250,252,.18) 78%,transparent 100%);pointer-events:none}.rhat-home .rhat-hero-card{z-index:2}
.rhat-reseller-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 24px}.rhat-reseller-details>div{padding:14px 13px;background:#fff;border:1px solid #e2e7ee;border-radius:13px}.rhat-reseller-details strong,.rhat-reseller-details span{display:block}.rhat-reseller-details strong{font-size:12px;color:#40556f;margin-bottom:5px}.rhat-reseller-details span{font-size:11px;line-height:1.65;color:#718096}
@keyframes rhatHeroFloat{0%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(5px,-14px,0) rotate(2deg)}100%{transform:translate3d(-4px,12px,0) rotate(4deg)}}
@media(max-width:767px){.rhat-home .rhat-hero-card{display:none!important}.rhat-home .rhat-quick{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:-16px!important}.rhat-home .rhat-quick-card{padding:10px 5px!important;min-width:0!important;display:block!important;text-align:center!important;border-radius:11px!important}.rhat-home .rhat-quick-card:nth-child(4){display:none!important}.rhat-home .rhat-quick-card>span{display:block!important;font-size:19px!important;line-height:1.1!important;margin-bottom:3px}.rhat-home .rhat-quick-card b{font-size:10px!important;line-height:1.15!important;white-space:nowrap!important}.rhat-home .rhat-quick-card small{font-size:8px!important;line-height:1.2!important;margin-top:2px!important;white-space:nowrap!important}.rhat-home .rhat-quick-card em{display:none!important}.rhat-home .rhat-category-heading{margin-bottom:17px}.rhat-home .rhat-category-heading h2{font-size:22px;margin-top:4px}.rhat-home .rhat-category-heading p{font-size:11px;line-height:1.65}.rhat-home .rhat-business-reseller{display:none!important}.rhat-home .rhat-hero-products-bg{inset:-20px -15px -20px -15px}.rhat-home .rhat-hero-product-float{width:52px;height:52px;padding:5px;border-radius:14px;opacity:.30}.rhat-home .rhat-hero-product-float img{border-radius:9px}.rhat-home .rhat-hero-visual-shield{inset:-20px -10px}.rhat-home .rhat-hero-visual{min-height:255px}.rhat-home .rhat-reseller-details{grid-template-columns:1fr;gap:8px}}

/* V70 wholesaler section refinement */
.rhat-home .rhat-business-legacy{background:linear-gradient(135deg,#f7f9fc 0%,#eef3f8 100%);color:#243247;border-top:1px solid #e5ebf2;border-bottom:1px solid #e5ebf2;padding:82px 0}
.rhat-home .rhat-business-legacy .rhat-business-grid{max-width:1120px;margin:0 auto;grid-template-columns:.72fr 1.28fr;gap:64px}
.rhat-home .rhat-business-legacy .rhat-business-art{min-height:330px;background:#fff;border:1px solid #e1e8f0;box-shadow:0 18px 45px rgba(53,72,96,.08);border-radius:28px}
.rhat-home .rhat-business-legacy .rhat-business-art div{font-size:92px;margin-bottom:12px}
.rhat-home .rhat-business-legacy .rhat-business-art span{color:#637286;opacity:1;font-weight:700}
.rhat-home .rhat-business-legacy h2{font-size:38px;line-height:1.25;color:#243247;margin:8px 0 16px}
.rhat-home .rhat-business-legacy p{max-width:720px;color:#566579;opacity:1;line-height:1.9;font-size:15px}
.rhat-home .rhat-business-legacy .rhat-feature-list{gap:12px;margin:25px 0 28px}
.rhat-home .rhat-business-legacy .rhat-feature-list span{background:#fff;border:1px solid #e1e8f0;color:#415169;border-radius:14px;padding:14px 16px;font-weight:600;box-shadow:0 5px 16px rgba(53,72,96,.045)}
.rhat-home .rhat-business-legacy .rhat-btn{background:#315f8f!important;border-color:#315f8f!important;color:#fff!important;box-shadow:0 9px 20px rgba(49,95,143,.18)}
@media(max-width:767px){.rhat-home .rhat-business-legacy{display:none!important}}

/* V71: compact mobile hero — remove the helper note and unused decorative block/space. */
@media (max-width: 767px){
  .rhat-home .rhat-hero-note{display:none!important;}
  .rhat-home .rhat-hero-visual{display:none!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important;}
  .rhat-home .rhat-hero{padding-bottom:18px!important;}
}
@media (max-width: 600px){
  .rhat-home .rhat-hero{padding-top:24px!important;padding-bottom:16px!important;}
  .rhat-home .rhat-quick{margin-top:-10px!important;}
}

/* Trust section: readable, compact mobile cards; never force content into one horizontal line. */
.rhat-home .rhat-trust-section{padding-top:52px!important;padding-bottom:58px!important}
.rhat-home .rhat-verified-reseller-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.rhat-home .rhat-verified-reseller-card{min-width:0!important;box-sizing:border-box!important}
@media(max-width:600px){
  .rhat-home .rhat-trust-section{margin-top:42px!important;padding-top:36px!important;padding-bottom:42px!important}
  .rhat-home .rhat-trust-section .rhat-section-head{display:block!important;margin-bottom:18px!important}
  .rhat-home .rhat-trust-section .rhat-section-head h2{font-size:22px!important;line-height:1.3!important;margin:5px 0 7px!important}
  .rhat-home .rhat-trust-section .rhat-section-head p{font-size:11.5px!important;line-height:1.65!important}
  .rhat-home .rhat-trust-section .rhat-section-head>a{display:inline-block!important;margin-top:5px!important;font-size:11px!important}
  .rhat-home .rhat-verified-reseller-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .rhat-home .rhat-verified-reseller-card{display:block!important;padding:14px 11px!important;border-radius:15px!important;text-align:center!important}
  .rhat-home .rhat-verified-reseller-card>div{min-width:0!important}
  .rhat-home .rhat-verified-reseller-card img,.rhat-home .rhat-verified-reseller-card .avatar{margin:0 auto 8px!important}
  .rhat-home .rhat-verified-reseller-card h3{font-size:14px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
  .rhat-home .rhat-verified-reseller-card p,.rhat-home .rhat-verified-reseller-card small{font-size:10px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
}
@media(max-width:360px){.rhat-home .rhat-verified-reseller-grid{grid-template-columns:1fr!important}}

/* Reseller Hat — VIP / international premium visual layer.
 * Visual-only: no URLs, data, WooCommerce logic or existing sections are changed.
 */
.rhat-home{--rh-navy:#062d52;--rh-navy-2:#0a416f;--rh-orange:#f58a16;--rh-gold:#f5b84b;--rh-ink:#172b43;--rh-muted:#65758a;--rh-line:rgba(6,45,82,.10);background:#f7f9fc!important;color:var(--rh-ink)}
.rhat-home .rhat-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f3f8fd 58%,#fff8ef 100%)!important;color:#173553!important;border:0!important;padding:72px 0 44px!important}
.rhat-home .rhat-hero:before{content:"";position:absolute;width:520px;height:520px;right:-170px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(245,184,75,.22),transparent 66%);pointer-events:none}
.rhat-home .rhat-hero:after{content:"";position:absolute;width:340px;height:340px;left:-180px;bottom:-230px;border-radius:50%;background:radial-gradient(circle,rgba(8,120,249,.22),transparent 68%);pointer-events:none}
.rhat-home .rhat-hero-inner{position:relative;z-index:2}
.rhat-home .rhat-eyebrow{color:#f7c768;opacity:1;letter-spacing:2.8px}
.rhat-home .rhat-hero h1{font-weight:900;letter-spacing:-.9px;text-shadow:none;color:#062f58}
.rhat-home .rhat-hero p{color:#50677e;opacity:1}
.rhat-home .rhat-hero .button.primary,.rhat-home .rhat-btn{background:linear-gradient(135deg,#ffb52e 0%,#f47b12 100%)!important;border:0!important;color:#082b4b!important;box-shadow:0 12px 28px rgba(245,138,22,.30)!important;font-weight:900!important}
.rhat-home .rhat-hero .button.secondary{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.12)!important}
.rhat-home .rhat-quick{margin-top:-32px!important;gap:14px!important}
.rhat-home .rhat-quick-card{position:relative;overflow:hidden;padding:20px 18px!important;border:1px solid rgba(6,45,82,.08)!important;border-radius:18px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 16px 38px rgba(6,45,82,.10)!important;transition:transform .2s ease,box-shadow .2s ease!important}
.rhat-home .rhat-quick-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--rh-orange),var(--rh-gold));border-radius:8px}
.rhat-home .rhat-quick-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 45px rgba(6,45,82,.15)!important}
.rhat-home .rhat-quick-card>span{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:14px;background:linear-gradient(145deg,#fff4dd,#fffaf1);box-shadow:inset 0 0 0 1px rgba(245,138,22,.13);font-size:23px}
.rhat-home .rhat-quick-card b{color:var(--rh-navy);font-weight:900}
.rhat-home .rhat-quick-card small{color:var(--rh-muted);opacity:1}
.rhat-home .rhat-section{padding-top:76px}
.rhat-home .rhat-section-head{margin-bottom:28px}
.rhat-home .rhat-kicker{color:#b36b0c;opacity:1;letter-spacing:2px}
.rhat-home .rhat-section-head h2{color:var(--rh-navy);font-weight:900;letter-spacing:-.35px}
.rhat-home .rhat-section-head p{color:var(--rh-muted);opacity:1}
.rhat-home .rhat-section-head>a{color:#0a568e!important;font-weight:900}
.rhat-home .rhat-trust-strip{background:#fff;border-top:1px solid rgba(6,45,82,.05);border-bottom:1px solid rgba(6,45,82,.08)}
.rhat-home .rhat-trust-strip .container>div{padding:21px 18px;border-color:rgba(6,45,82,.07)}
.rhat-home .rhat-trust-strip b{color:var(--rh-navy);font-weight:900}
.rhat-home .rhat-trust-strip span{color:var(--rh-muted);opacity:1}
.rhat-home .rhat-business-section{border:1px solid rgba(6,45,82,.08)!important;background:linear-gradient(135deg,#fff 0%,#f4f8fc 100%)!important;box-shadow:0 18px 50px rgba(6,45,82,.08)!important}
.rhat-home .rhat-business-heading h2{color:var(--rh-navy);font-weight:900}
.rhat-home .rhat-business-heading p{color:var(--rh-muted)!important}
.rhat-home .rhat-business-steps article{border-color:rgba(6,45,82,.09)!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(6,45,82,.06)!important}
.rhat-home .rhat-business-steps article>span{background:linear-gradient(145deg,#fff1d6,#fff9ed)!important;color:#a85e08!important}
.rhat-home .rhat-trust-section{background:linear-gradient(135deg,#f3f7fb 0%,#fbfaf6 100%)!important;border-top:1px solid rgba(6,45,82,.06)}
.rhat-home .rhat-verified-reseller-card{border-color:rgba(6,45,82,.09)!important;border-radius:20px!important;box-shadow:0 14px 34px rgba(6,45,82,.07)!important}
.rhat-home .rhat-verified-badge{background:#fff4dc!important;color:#a35e06!important;border:1px solid rgba(245,138,22,.18)}
.rhat-home .rhat-why-grid>div{background:#fff;border-color:rgba(6,45,82,.08);border-radius:18px;box-shadow:0 10px 28px rgba(6,45,82,.05)}
.rhat-home .rhat-why-grid h3{color:var(--rh-navy);font-weight:900}
.rhat-home .rhat-why-grid p{color:var(--rh-muted);opacity:1}
.rhat-home .rhat-final-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f3f8fd 58%,#fff8ef 100%)!important;padding:82px 0!important}
.rhat-home .rhat-final-cta h2{font-weight:900}

@media(max-width:767px){
  .rhat-home .rhat-hero{padding:30px 0 26px!important;border-radius:0 0 28px 28px!important}
  .rhat-home .rhat-eyebrow{font-size:9px!important;letter-spacing:2px!important}
  .rhat-home .rhat-hero h1{font-size:30px!important;line-height:1.17!important;margin:9px 0 12px!important;letter-spacing:-.5px!important}
  .rhat-home .rhat-hero p{font-size:13px!important;line-height:1.72!important;color:rgba(255,255,255,.84)!important}
  .rhat-home .rhat-actions{gap:9px!important}
  .rhat-home .rhat-btn{min-height:46px!important;border-radius:13px!important;font-size:12px!important;box-shadow:0 9px 22px rgba(245,138,22,.22)!important}
  .rhat-home .rhat-quick{margin-top:-12px!important;padding:0 10px!important;gap:8px!important}
  .rhat-home .rhat-quick-card{min-height:96px!important;padding:13px 8px!important;border-radius:15px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;text-align:center!important;box-shadow:0 12px 26px rgba(6,45,82,.09)!important}
  .rhat-home .rhat-quick-card:before{width:100%;height:3px;top:0;left:0}
  .rhat-home .rhat-quick-card>span{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:18px}
  .rhat-home .rhat-quick-card div{width:100%}
  .rhat-home .rhat-quick-card b{font-size:11px!important;line-height:1.25!important}
  .rhat-home .rhat-quick-card small{font-size:8.5px!important;line-height:1.35!important;white-space:normal!important}
  .rhat-home .rhat-section{padding-top:44px!important}
  .rhat-home .rhat-section-head{margin-bottom:17px!important}
  .rhat-home .rhat-kicker{font-size:9px!important;letter-spacing:1.7px!important}
  .rhat-home .rhat-section-head h2{font-size:21px!important;line-height:1.25!important;margin:5px 0 6px!important}
  .rhat-home .rhat-section-head p{font-size:11px!important;line-height:1.55!important}
  .rhat-home .rhat-section-head>a{font-size:10px!important}
  .rhat-home .rhat-business-section{margin:12px 10px!important;padding:28px 12px!important;border-radius:20px!important}
  .rhat-home .rhat-business-heading h2{font-size:21px!important;line-height:1.35!important}
  .rhat-home .rhat-business-heading p{font-size:11px!important;line-height:1.65!important}
  .rhat-home .rhat-business-steps{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .rhat-home .rhat-business-steps article{padding:13px 10px!important;border-radius:14px!important}
  .rhat-home .rhat-business-steps h3{font-size:12px!important}
  .rhat-home .rhat-business-steps p{font-size:10px!important}
  .rhat-home .rhat-trust-section{margin-top:38px!important;padding-top:38px!important;padding-bottom:42px!important}
  .rhat-home .rhat-verified-reseller-grid{gap:9px!important}
  .rhat-home .rhat-verified-reseller-card{padding:13px 9px!important;border-radius:15px!important;box-shadow:0 10px 24px rgba(6,45,82,.06)!important}
  .rhat-home .rhat-verified-reseller-body h3{font-size:13px!important}
  .rhat-home .rhat-verified-reseller-body p{font-size:9.5px!important}
  .rhat-home .rhat-mini-stats{gap:5px!important;font-size:9px!important;flex-wrap:wrap;justify-content:center}
  .rhat-home .rhat-final-cta{padding:54px 0 72px!important}
  .rhat-home .rhat-final-cta h2{font-size:27px!important;line-height:1.25!important}
}
@media(max-width:380px){
  .rhat-home .rhat-hero h1{font-size:27px!important}
  .rhat-home .rhat-quick-card{min-height:91px!important}
  .rhat-home .rhat-quick-card small{font-size:8px!important}
}

/* Final mobile correction: readable premium hero + staged line-by-line motion.
 * Content remains visible even if animation is delayed/unsupported. */
@media (max-width:767px){
  #header .rhat-production-header .rhat-header-inner{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:0!important;
    height:62px!important;
    min-height:62px!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  #header .rhat-production-header .rhat-header-menu{grid-column:1!important;width:42px!important;min-width:42px!important}
  #header .rhat-production-header .rhat-header-logo{grid-column:2!important;min-width:0!important;width:auto!important;height:62px!important;padding:0 4px!important;overflow:hidden!important}
  #header .rhat-production-header .rhat-header-logo .rhat-logo-link{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
  #header .rhat-production-header .rhat-header-logo-image{display:block!important;width:auto!important;max-width:100%!important;max-height:50px!important;height:auto!important;object-fit:contain!important}
  #header .rhat-production-header .rhat-header-actions{grid-column:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1px!important;height:62px!important;min-width:0!important;white-space:nowrap!important}
  #header .rhat-production-header .rhat-header-search-trigger,
  #header .rhat-production-header .rhat-mobile-account-link,
  #header .rhat-production-header .rhat-mobile-cart-link{
    width:32px!important;height:42px!important;min-width:32px!important;flex:0 0 32px!important;padding:0!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;
  }
  #header .rhat-production-header .rhat-header-search-trigger .rhat-header-svg,
  #header .rhat-production-header .rhat-mobile-account-link .rhat-header-svg{width:22px!important;height:22px!important}
  #header .rhat-production-header .rhat-mobile-account-tools{display:flex!important;align-items:center!important;gap:0!important;height:42px!important;margin:0!important;flex:0 0 auto!important}
  #header .rhat-production-header .rhat-mobile-balance-toggle{
    height:34px!important;min-height:34px!important;max-width:82px!important;width:auto!important;padding:0 7px!important;margin:0!important;
    border:1px solid rgba(245,138,22,.28)!important;border-radius:999px!important;background:linear-gradient(180deg,#fffaf0,#fff)!important;
    color:#7a4b08!important;font:800 10px/1 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;
  }
  #header .rhat-production-header .rhat-mobile-account-divider{display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
  #header .rhat-production-header .rhat-mobile-account-link{color:#0b416b!important}
  #header .rhat-production-header .rhat-header-cart{display:flex!important;align-items:center!important;flex:0 0 32px!important;width:32px!important;margin:0!important}
  #header .rhat-production-header .rhat-desktop-cart{display:none!important}
  #header .rhat-production-header .rhat-mobile-cart-link{color:#0b416b!important;text-decoration:none!important}
  #header .rhat-production-header .rhat-mobile-cart-svg{position:relative;width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  #header .rhat-production-header .rhat-mobile-cart-svg svg{width:26px!important;height:26px!important;display:block!important}
  #header .rhat-production-header .rhat-mobile-cart-count{position:absolute!important;right:-3px!important;top:-3px!important;min-width:15px!important;height:15px!important;padding:0 3px!important;border-radius:999px!important;background:#f58a16!important;color:#fff!important;font:800 8px/15px Arial,sans-serif!important;text-align:center!important;box-shadow:0 3px 8px rgba(245,138,22,.25)!important}

  /* Restore a bright premium hero; no dark overlay. */
  .rhat-home .rhat-hero{
    background:
      radial-gradient(circle at 92% 8%,rgba(245,184,75,.18),transparent 28%),
      radial-gradient(circle at 4% 92%,rgba(7,70,115,.08),transparent 32%),
      linear-gradient(135deg,#ffffff 0%,#f3f7fb 58%,#fff8ed 100%)!important;
    color:#102a43!important;border-bottom:1px solid rgba(6,45,82,.08)!important;
    padding:30px 0 25px!important;border-radius:0 0 26px 26px!important;
  }
  .rhat-home .rhat-hero:before{background:radial-gradient(circle,rgba(245,184,75,.12),transparent 66%)!important}
  .rhat-home .rhat-hero:after{background:radial-gradient(circle,rgba(6,65,110,.08),transparent 68%)!important}
  .rhat-home .rhat-hero-copy{position:relative!important;z-index:2!important;text-align:left!important}
  .rhat-home .rhat-eyebrow{display:inline-block!important;color:#b66a0a!important;opacity:1!important;font-weight:900!important;letter-spacing:2.4px!important;transform:none!important;filter:none!important;animation:none!important}
  .rhat-home .rhat-hero h1{color:#092f52!important;text-shadow:none!important;font-size:30px!important;line-height:1.18!important;margin:10px 0 14px!important;opacity:1!important;transform:none!important;filter:none!important}
  .rhat-home .rhat-hero h1 strong{color:#102a43!important}
  .rhat-home .rhat-hero-line{display:inline-block!important;opacity:1!important;filter:none!important}
  .rhat-home .rhat-hero-line-one{animation:none!important}
  .rhat-home .rhat-hero-line-two{animation:none!important}
  .rhat-home .rhat-hero p{color:#52657a!important;opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
  .rhat-home .rhat-actions{opacity:1!important;transform:none!important;animation:none!important}
  .rhat-home .rhat-hero .button.primary{background:linear-gradient(135deg,#fe9a18,#f06d00)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px rgba(240,109,0,.22)!important}
  .rhat-home .rhat-hero .button.secondary{background:#fff!important;color:#0b416b!important;border:1px solid rgba(6,45,82,.14)!important;box-shadow:0 8px 20px rgba(6,45,82,.07)!important}
  .rhat-home .rhat-hero-note{opacity:1!important;color:#718095!important;animation:none!important}
}
@media(max-width:380px){
  #header .rhat-production-header .rhat-header-inner{grid-template-columns:40px minmax(0,1fr) auto!important;padding:0 6px!important}
  #header .rhat-production-header .rhat-header-menu{width:40px!important;min-width:40px!important}
  #header .rhat-production-header .rhat-mobile-menu-trigger{width:38px!important;min-width:38px!important;height:38px!important}
  #header .rhat-production-header .rhat-header-logo-image{max-height:48px!important}
  #header .rhat-production-header .rhat-header-search-trigger,
  #header .rhat-production-header .rhat-mobile-account-link,
  #header .rhat-production-header .rhat-mobile-cart-link{width:29px!important;min-width:29px!important;flex-basis:29px!important}
  #header .rhat-production-header .rhat-mobile-balance-toggle{max-width:72px!important;padding:0 5px!important;font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){
  .rhat-home .rhat-eyebrow,.rhat-home .rhat-hero-line-one,.rhat-home .rhat-hero-line-two,.rhat-home .rhat-hero p,.rhat-home .rhat-actions{animation:none!important}
}
@keyframes rhatEyebrowFinal{from{transform:translateX(-12px);filter:blur(2px)}to{transform:none;filter:none}}
@keyframes rhatHeroLineLeft{from{transform:translateX(-34px);filter:blur(4px)}to{transform:none;filter:none}}
@keyframes rhatHeroLineRight{from{transform:translateX(34px);filter:blur(4px)}to{transform:none;filter:none}}
@keyframes rhatHeroParagraph{from{transform:translateY(18px);filter:blur(3px)}to{transform:none;filter:none}}
@keyframes rhatHeroActionsFinal{from{transform:translateY(12px) scale(.98)}to{transform:none}}

/* Premium product + category presentation — visual-only, preserves WooCommerce behavior. */
.rhat-home .rhat-section{position:relative}
.rhat-home .rhat-section-head{padding-bottom:2px}
.rhat-home .rhat-section-head .rhat-kicker{position:relative;padding-left:12px}
.rhat-home .rhat-section-head .rhat-kicker:before{content:"";position:absolute;left:0;top:1px;width:3px;height:15px;border-radius:9px;background:linear-gradient(180deg,#ff8a1f,#0d5fa8)}
.rhat-home .rhat-main-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rhat-home .rhat-main-category-card{position:relative;display:block;overflow:hidden;border-radius:22px;background:#fff;border:1px solid #e5ebf2;box-shadow:0 10px 30px rgba(22,52,84,.07);text-decoration:none!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.rhat-home .rhat-main-category-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(22,52,84,.12);border-color:#d4e0ec}
.rhat-home .rhat-main-category-image{display:block;aspect-ratio:1.35/1;background:linear-gradient(135deg,#f8fafc,#eef4fa);overflow:hidden}
.rhat-home .rhat-main-category-img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .45s ease}
.rhat-home .rhat-main-category-card:hover .rhat-main-category-img{transform:scale(1.045)}
.rhat-home .rhat-main-category-img--empty{background:radial-gradient(circle at 30% 25%,#fff 0,#f2f6fa 55%,#e9eff5 100%)}
.rhat-home .rhat-main-category-bar{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;min-height:43px;padding:7px 13px;border-radius:14px;background:color-mix(in srgb,var(--rhat-category-color) 92%,#fff);box-shadow:0 8px 20px rgba(21,43,66,.10);backdrop-filter:blur(8px)}
.rhat-home .rhat-main-category-name{font-size:13px;line-height:1.25;font-weight:800;color:var(--rhat-category-text)}
.rhat-home .rhat-random-products .products,.rhat-home .rhat-section .products{gap:12px!important}
.rhat-home .rhat-random-products .product-small,.rhat-home .rhat-section .product-small{background:#fff;border:1px solid #e6ebf1;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(25,52,82,.055);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.rhat-home .rhat-random-products .product-small:hover,.rhat-home .rhat-section .product-small:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(25,52,82,.11);border-color:#d8e2ec}
.rhat-home .rhat-random-products .product-small .box-image,.rhat-home .rhat-section .product-small .box-image{margin:0!important;background:#f8fafc}
.rhat-home .rhat-random-products .product-small .box-image img,.rhat-home .rhat-section .product-small .box-image img{transition:transform .35s ease}
.rhat-home .rhat-random-products .product-small:hover .box-image img,.rhat-home .rhat-section .product-small:hover .box-image img{transform:scale(1.015)}
.rhat-home .rhat-random-products .product-small .box-text,.rhat-home .rhat-section .product-small .box-text{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:6px!important;padding:10px 10px 12px!important;min-height:0!important}
.rhat-home .rhat-random-products .product-small .product-title,.rhat-home .rhat-section .product-small .product-title{display:block!important;flex:0 0 auto!important;overflow:visible!important;overflow-wrap:anywhere!important;white-space:normal!important;font-size:14px!important;line-height:1.45!important;font-weight:700;color:#203a58;margin:0 0 2px!important;min-height:0!important}
.rhat-home .rhat-random-products .product-small .price,.rhat-home .rhat-section .product-small .price{margin:0!important;padding:0!important}
.rhat-home .rhat-random-products .product-small .rhat-login-price-gate,.rhat-home .rhat-section .product-small .rhat-login-price-gate{margin:2px 0 0!important;flex:0 0 auto!important;min-height:0!important}
.rhat-home .rhat-random-products .product-small .box-text>* ,.rhat-home .rhat-section .product-small .box-text>*{margin-bottom:0!important}
.rhat-home .rhat-random-products .product-small .price,.rhat-home .rhat-section .product-small .price{font-size:14px!important;font-weight:800;color:#0d5fa8;overflow-wrap:anywhere}
.rhat-home .rhat-random-products .product-small .button,.rhat-home .rhat-section .product-small .button{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:auto!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center;line-height:1.25!important;border-radius:10px!important;font-size:12px!important;min-height:38px!important;padding:7px 7px!important}
.rhat-home .ux-products .flickity-button{width:36px;height:36px;border:1px solid #dfe7ef;background:#fff;box-shadow:0 7px 18px rgba(22,52,84,.10);opacity:1}
.rhat-home .ux-products .flickity-button:disabled{opacity:.35}
@media(max-width:767px){
  .rhat-home .rhat-main-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .rhat-home .rhat-main-category-card{border-radius:16px}
  .rhat-home .rhat-main-category-bar{left:7px;right:7px;bottom:7px;min-height:36px;padding:6px 9px;border-radius:11px}
  .rhat-home .rhat-main-category-name{font-size:10.5px}
  .rhat-home .rhat-random-products .products,.rhat-home .rhat-section .products{gap:8px!important}
  .rhat-home .rhat-random-products .product-small,.rhat-home .rhat-section .product-small{border-radius:14px}
  .rhat-home .rhat-random-products .product-small .box-text,.rhat-home .rhat-section .product-small .box-text{padding:7px 7px 9px!important}
  .rhat-home .rhat-random-products .product-small .product-title,.rhat-home .rhat-section .product-small .product-title{display:block!important;overflow:visible!important;overflow-wrap:anywhere!important;white-space:normal!important;font-size:11.5px!important;line-height:1.4!important}
  .rhat-home .rhat-random-products .product-small .price,.rhat-home .rhat-section .product-small .price{font-size:11.5px!important;overflow-wrap:anywhere}
  .rhat-home .ux-products .flickity-button{display:none}
}
@media(max-width:380px){.rhat-home .rhat-main-category-grid{gap:8px}.rhat-home .rhat-main-category-name{font-size:10px}}

/* Mobile-only polish: selected products grid and section heading; leave hero and other sections untouched. */
@media(max-width:767px){
  .rhat-home #rhat-random-products .rhat-random-products__grid .products,
  #rhat-random-products .rhat-random-products__grid .products{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  .rhat-home #rhat-random-products .rhat-random-products__grid .product-small,
  #rhat-random-products .rhat-random-products__grid .product-small{
    height:auto!important;min-width:0!important;
  }
  .rhat-home #rhat-random-products .rhat-random-products__grid .box-image,
  #rhat-random-products .rhat-random-products__grid .box-image{aspect-ratio:4/4.7!important;overflow:hidden!important}
  .rhat-home #rhat-random-products .rhat-random-products__grid .box-image img,
  #rhat-random-products .rhat-random-products__grid .box-image img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
  .rhat-home #rhat-random-products .rhat-section-head,
  #rhat-random-products .rhat-section-head{margin-top:0!important;padding-top:0!important;align-items:flex-start!important}
  .rhat-home #rhat-random-products .rhat-section-head h2,
  #rhat-random-products .rhat-section-head h2{margin-top:0!important;padding-top:0!important;line-height:1.25!important}
}

/* Premium Reseller Business + Trust refinement */
.rhat-home .rhat-premium-business{position:relative;margin:54px 0 0;padding:64px 20px;background:linear-gradient(145deg,#ffffff 0%,#f4f8fc 55%,#eef5fb 100%);border:1px solid rgba(8,53,94,.08);border-radius:30px;box-shadow:0 24px 70px rgba(8,53,94,.09);overflow:hidden}
.rhat-home .rhat-premium-business:before{content:"";position:absolute;width:280px;height:280px;right:-110px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(247,163,45,.20),rgba(247,163,45,0) 70%);pointer-events:none}
.rhat-home .rhat-premium-business:after{content:"";position:absolute;width:220px;height:220px;left:-100px;bottom:-130px;border-radius:50%;background:radial-gradient(circle,rgba(35,105,173,.14),rgba(35,105,173,0) 70%);pointer-events:none}
.rhat-home .rhat-business-heading{position:relative;z-index:1;text-align:center;max-width:790px;margin:0 auto 34px}
.rhat-home .rhat-business-heading .rhat-kicker{color:#d27a11;opacity:1;letter-spacing:2.4px}
.rhat-home .rhat-business-heading h2{font-size:32px;line-height:1.3;margin:8px 0 12px;color:#092f55;font-weight:900}
.rhat-home .rhat-business-heading p{font-size:14px;line-height:1.85;color:#65758a;margin:0}
.rhat-home .rhat-business-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.rhat-home .rhat-business-steps article{position:relative;min-width:0;padding:21px 16px;background:rgba(255,255,255,.92);border:1px solid rgba(8,53,94,.09);border-radius:19px;box-shadow:0 12px 30px rgba(8,53,94,.065);transition:transform .2s ease,box-shadow .2s ease}
.rhat-home .rhat-business-steps article:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(8,53,94,.10)}
.rhat-home .rhat-business-steps article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#fff0d1,#fffaf0);color:#b76a12;border:1px solid rgba(215,139,34,.18);font-size:12px;line-height:1;margin-bottom:13px}
.rhat-home .rhat-business-steps h3{font-size:15px;line-height:1.45;color:#123c64;margin:0 0 7px;font-weight:800}
.rhat-home .rhat-business-steps p{font-size:11.5px;line-height:1.7;color:#728196;margin:0}
.rhat-home .rhat-trust-section{margin-top:54px;padding:68px 0 72px;background:linear-gradient(180deg,#f5f9fd 0%,#eef4f9 100%);border-top:1px solid rgba(8,53,94,.06);border-bottom:1px solid rgba(8,53,94,.05)}
.rhat-home .rhat-trust-section .rhat-section-head{align-items:center}
.rhat-home .rhat-trust-section .rhat-kicker{color:#d27a11;opacity:1}
.rhat-home .rhat-trust-section .rhat-section-head h2{color:#092f55;font-weight:900}
.rhat-home .rhat-trust-section .rhat-section-head p{color:#65758a;opacity:1}
.rhat-home .rhat-verified-reseller-card{position:relative;overflow:hidden;padding:22px;background:rgba(255,255,255,.95);border:1px solid rgba(8,53,94,.08);border-radius:22px;box-shadow:0 15px 38px rgba(8,53,94,.07)}
.rhat-home .rhat-verified-reseller-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#f4a62b,#1c5d91);opacity:.8}
.rhat-home .rhat-verified-reseller-avatar img{width:68px;height:68px;border:3px solid #fff;box-shadow:0 5px 18px rgba(8,53,94,.12)}
.rhat-home .rhat-verified-badge{background:#eef8f0;color:#24733c;border:1px solid #d7eedc}
.rhat-home .rhat-verified-reseller-body h3{color:#153d62;font-size:16px}
.rhat-home .rhat-mini-stats{color:#6d7e91}
.rhat-home .rhat-verified-reseller-body>a{color:#175b8f}
.rhat-home .rhat-empty-trust{background:rgba(255,255,255,.82);border-color:#cfdce8;box-shadow:0 10px 30px rgba(8,53,94,.04)}
@media(max-width:767px){
 .rhat-home .rhat-premium-business{margin:38px 10px 0;padding:31px 12px 18px;border-radius:22px;box-shadow:0 16px 42px rgba(8,53,94,.08)}
 .rhat-home .rhat-business-heading{margin-bottom:20px}
 .rhat-home .rhat-business-heading h2{font-size:22px;line-height:1.38}
 .rhat-home .rhat-business-heading p{font-size:11.5px;line-height:1.75}
 .rhat-home .rhat-business-steps{grid-template-columns:1fr 1fr;gap:9px}
 .rhat-home .rhat-business-steps article{padding:15px 12px;border-radius:15px}
 .rhat-home .rhat-business-steps article>span{width:32px;height:32px;border-radius:10px;margin-bottom:9px;font-size:10px}
 .rhat-home .rhat-business-steps h3{font-size:12.5px}
 .rhat-home .rhat-business-steps p{font-size:10px;line-height:1.6}
 .rhat-home .rhat-trust-section{margin-top:38px;padding:48px 0 54px}
 .rhat-home .rhat-trust-section .rhat-section-head{align-items:flex-start}
 .rhat-home .rhat-verified-reseller-grid{grid-template-columns:1fr;gap:10px}
 .rhat-home .rhat-verified-reseller-card{padding:17px;border-radius:18px}
 .rhat-home .rhat-verified-reseller-avatar img{width:56px;height:56px}
}
@media(max-width:390px){.rhat-home .rhat-business-steps{grid-template-columns:1fr}.rhat-home .rhat-business-steps article{display:flex;gap:10px}.rhat-home .rhat-business-steps article>span{flex:0 0 auto;margin-bottom:0}}
<style id="rhat-next-premium-why-blog-cta-footer">
/* Premium Why + Blog + CTA + Footer visual layer — content/functionality untouched. */
.rhat-home .rhat-why{position:relative;padding-top:76px;padding-bottom:20px}
.rhat-home .rhat-why:before{content:"";position:absolute;left:50%;top:35px;width:92%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(13,95,168,.16),rgba(245,138,22,.18),transparent)}
.rhat-home .rhat-why .rhat-section-head{margin-bottom:28px}
.rhat-home .rhat-why .rhat-section-head .rhat-kicker{color:#d27a11;opacity:1}
.rhat-home .rhat-why .rhat-section-head h2{color:#092f55;font-weight:900;font-size:31px}
.rhat-home .rhat-why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.rhat-home .rhat-why-grid>div{position:relative;min-height:178px;padding:24px 21px;background:linear-gradient(145deg,#fff 0%,#f8fbfe 100%);border:1px solid rgba(8,53,94,.08);border-radius:20px;box-shadow:0 12px 34px rgba(8,53,94,.055);overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.rhat-home .rhat-why-grid>div:after{content:"";position:absolute;width:105px;height:105px;right:-38px;top:-38px;border-radius:50%;background:radial-gradient(circle,rgba(245,166,43,.15),transparent 68%);pointer-events:none}
.rhat-home .rhat-why-grid>div:hover{transform:translateY(-5px);box-shadow:0 19px 42px rgba(8,53,94,.10);border-color:rgba(13,95,168,.16)}
.rhat-home .rhat-why-grid span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#fff4df,#eef6fd);border:1px solid rgba(13,95,168,.08);font-size:25px;margin-bottom:14px}
.rhat-home .rhat-why-grid h3{font-size:16px;line-height:1.4;color:#123d63;margin:0 0 7px;font-weight:850}
.rhat-home .rhat-why-grid p{font-size:12px;line-height:1.7;color:#728196;opacity:1;margin:0}
.rhat-home .rhat-blog{padding-top:76px;padding-bottom:76px}
.rhat-home .rhat-blog .rhat-section-head .rhat-kicker{color:#d27a11;opacity:1}
.rhat-home .rhat-blog .rhat-section-head h2{color:#092f55;font-weight:900;font-size:29px}
.rhat-home .rhat-blog .rhat-section-head p{color:#718095;opacity:1}
.rhat-home .rhat-blog .post-item,.rhat-home .rhat-blog .box-blog-post,.rhat-home .rhat-blog .post{border-radius:20px;overflow:hidden;background:#fff;border:1px solid #e3eaf1;box-shadow:0 12px 32px rgba(8,53,94,.06);transition:transform .24s ease,box-shadow .24s ease}
.rhat-home .rhat-blog .post-item:hover,.rhat-home .rhat-blog .box-blog-post:hover,.rhat-home .rhat-blog .post:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,53,94,.10)}
.rhat-home .rhat-blog .post-title{color:#153d62;font-weight:800;line-height:1.45}
.rhat-home .rhat-blog .is-divider{background:#f0a22a;opacity:.55}
.rhat-home .rhat-final-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#062f55 0%,#0b4e78 58%,#123f61 100%);padding:82px 0;color:#fff}
.rhat-home .rhat-final-cta:before{content:"";position:absolute;width:360px;height:360px;left:-150px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(245,166,43,.22),transparent 67%);pointer-events:none}
.rhat-home .rhat-final-cta:after{content:"";position:absolute;width:320px;height:320px;right:-150px;bottom:-180px;border-radius:50%;background:radial-gradient(circle,rgba(72,166,226,.20),transparent 68%);pointer-events:none}
.rhat-home .rhat-final-cta .container{position:relative;z-index:1}
.rhat-home .rhat-final-cta>div>span{display:inline-block;color:#ffd48a;opacity:1;letter-spacing:2.8px;font-weight:800}
.rhat-home .rhat-final-cta h2{font-size:40px;line-height:1.2;font-weight:900;margin:11px 0 12px;text-shadow:0 5px 24px rgba(0,0,0,.12)}
.rhat-home .rhat-final-cta p{max-width:650px;margin:0 auto 28px;color:rgba(255,255,255,.78);opacity:1;line-height:1.8}
.rhat-home .rhat-final-cta .rhat-actions{justify-content:center}
.rhat-home .rhat-final-cta .button.primary{background:linear-gradient(135deg,#ffad32,#f2760a)!important;border:0!important;color:#fff!important;box-shadow:0 13px 30px rgba(245,121,12,.28)!important}
.rhat-home .rhat-final-cta .button.secondary{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.32)!important;color:#fff!important;backdrop-filter:blur(8px)}
/* Footer: premium surface only; configured widgets/links/payment icons remain intact. */
#footer.footer-wrapper{border-top:1px solid #e6edf3;background:linear-gradient(180deg,#f7fafc 0%,#eef4f8 100%)}
#footer .footer-1,#footer .footer-2,#footer .footer-3,#footer .footer-4{color:#53677c}
#footer .widget-title,#footer .footer-title{color:#0b3f67;font-weight:850;letter-spacing:.2px}
#footer a{color:#526a80;transition:color .2s ease,transform .2s ease}
#footer a:hover{color:#0d5fa8}
#footer ul.menu>li>a,#footer .menu-item>a{border-bottom-color:rgba(13,95,168,.08)}
#footer .payment-icons,.footer .payment-icons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#footer .payment-icons .icon,.footer .payment-icons .icon{border-radius:8px;box-shadow:0 4px 12px rgba(8,53,94,.08)}
@media(max-width:767px){
 .rhat-home .rhat-why{padding-top:58px;padding-bottom:8px}
 .rhat-home .rhat-why:before{top:28px;width:88%}
 .rhat-home .rhat-why .rhat-section-head h2{font-size:24px;line-height:1.35}
 .rhat-home .rhat-why-grid{grid-template-columns:1fr 1fr;gap:10px}
 .rhat-home .rhat-why-grid>div{min-height:160px;padding:17px 14px;border-radius:16px}
 .rhat-home .rhat-why-grid span{width:40px;height:40px;border-radius:12px;font-size:21px;margin-bottom:10px}
 .rhat-home .rhat-why-grid h3{font-size:13px}
 .rhat-home .rhat-why-grid p{font-size:10.5px;line-height:1.6}
 .rhat-home .rhat-blog{padding-top:58px;padding-bottom:58px}
 .rhat-home .rhat-blog .rhat-section-head h2{font-size:23px;line-height:1.4}
 .rhat-home .rhat-final-cta{padding:60px 14px}
 .rhat-home .rhat-final-cta h2{font-size:29px;line-height:1.3}
 .rhat-home .rhat-final-cta p{font-size:12px;line-height:1.75}
 #footer{padding-bottom:78px}
}
@media(max-width:390px){
 .rhat-home .rhat-why-grid{grid-template-columns:1fr}
 .rhat-home .rhat-why-grid>div{min-height:auto}
 .rhat-home .rhat-final-cta h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){
 .rhat-home .rhat-why-grid>div,.rhat-home .rhat-blog .post-item,.rhat-home .rhat-blog .box-blog-post,.rhat-home .rhat-blog .post{transition:none}
}

/* ============================================================
   RESELLER HAT — REFERENCE MOBILE DESIGN (FINAL AUTHORITY)
   This layer is visual-only. WooCommerce/account/checkout logic is untouched.
   Target: the supplied mobile reference screenshot.
   ============================================================ */
@media (max-width:767px){
  :root{
    --rref-navy:#062f58;
    --rref-blue:#0d5fa8;
    --rref-orange:#f47b16;
    --rref-gold:#ffbd4b;
    --rref-ink:#163a63;
    --rref-muted:#64758a;
  }

  body.home, body.front-page, body.home #main, body.front-page #main{
    background:#f8fafc!important;
  }

  /* ---------- Header: menu | logo | search | balance | account | cart ---------- */
  #header .rhat-production-header,
  #header .rhat-production-header .header-main,
  #header .rhat-production-header .header-bg-container{
    background:#fff!important;
    background-image:none!important;
    border:0!important;
    box-shadow:0 3px 18px rgba(10,55,95,.08)!important;
  }
  #header .rhat-production-header .rhat-header-inner{
    height:78px!important;
    min-height:78px!important;
    max-width:none!important;
    width:100%!important;
    padding:0 28px!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 58px auto 54px 58px!important;
    gap:7px!important;
    align-items:center!important;
  }
  #header .rhat-production-header .rhat-header-menu{width:58px!important;min-width:58px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  #header .rhat-production-header .rhat-mobile-menu-trigger{display:flex!important;width:50px!important;height:58px!important;padding:0!important;margin:0!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;color:var(--rref-navy)!important}
  #header .rhat-production-header .rhat-header-logo{grid-column:2!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
  #header .rhat-production-header #logo{margin:0!important;padding:0!important}
  #header .rhat-production-header #logo img,
  #header .rhat-production-header .rhat-header-logo-image{
    width:auto!important;max-width:250px!important;height:auto!important;max-height:64px!important;display:block!important;object-fit:contain!important;background:transparent!important;
  }
  #header .rhat-production-header .rhat-header-actions{display:contents!important}
  #header .rhat-production-header .rhat-header-search-trigger{grid-column:3!important;width:58px!important;height:58px!important;margin:0!important;padding:0!important;color:var(--rref-navy)!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important}
  #header .rhat-production-header .rhat-header-svg{width:30px!important;height:30px!important;stroke-width:1.8!important}
  #header .rhat-production-header .rhat-mobile-account-tools{grid-column:4!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;height:58px!important;margin:0!important;min-width:122px!important}
  #header .rhat-production-header .rhat-mobile-balance-toggle{
    min-width:122px!important;height:48px!important;padding:5px 17px!important;border:1.5px solid rgba(244,123,22,.34)!important;border-radius:28px!important;background:linear-gradient(180deg,#fffdf9,#fff8ed)!important;color:var(--rref-navy)!important;box-shadow:0 4px 14px rgba(244,123,22,.08)!important;font-size:11px!important;line-height:1.15!important;font-weight:900!important;
  }
  #header .rhat-production-header .rhat-mobile-balance-value{font-size:15px!important;color:#087f6d!important;margin-left:5px!important}
  #header .rhat-production-header .rhat-mobile-account-divider{display:none!important}
  #header .rhat-production-header .rhat-mobile-account-link{grid-column:5!important;width:54px!important;height:58px!important;color:var(--rref-navy)!important;border:0!important}
  #header .rhat-production-header .rhat-mobile-account-link .rhat-header-svg{width:31px!important;height:31px!important}
  #header .rhat-production-header .rhat-header-cart{grid-column:6!important;width:58px!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  #header .rhat-production-header .rhat-mobile-cart-link{display:flex!important;width:58px!important;height:58px!important;align-items:center!important;justify-content:center!important;color:var(--rref-navy)!important}
  #header .rhat-production-header .rhat-mobile-cart-svg{position:relative!important;width:39px!important;height:39px!important;display:block!important}
  #header .rhat-production-header .rhat-mobile-cart-svg svg{width:39px!important;height:39px!important;stroke-width:1.65!important}
  #header .rhat-production-header .rhat-mobile-cart-count{position:absolute!important;right:-4px!important;top:-2px!important;min-width:22px!important;height:22px!important;padding:0 5px!important;border-radius:50%!important;background:#f45122!important;color:#fff!important;font:900 11px/22px Arial,sans-serif!important;text-align:center!important;border:2px solid #fff!important}
  #header .rhat-production-header .rhat-desktop-cart{display:none!important}
  #header .rhat-production-header > .container{display:none!important}

  /* ---------- Hero: light airy reference composition ---------- */
  .rhat-home .rhat-hero{
    position:relative!important;overflow:hidden!important;min-height:360px!important;padding:32px 20px 18px!important;border-radius:0!important;background:linear-gradient(135deg,#fffdf8 0%,#f4faff 48%,#eef7ff 72%,#fff8ec 100%)!important;color:var(--rref-ink)!important;border:0!important;
  }
  .rhat-home .rhat-hero:before{content:""!important;position:absolute!important;right:-150px!important;top:-80px!important;width:430px!important;height:430px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(86,181,244,.17),transparent 68%)!important;pointer-events:none!important}
  .rhat-home .rhat-hero:after{content:""!important;position:absolute!important;left:-170px!important;bottom:-180px!important;width:390px!important;height:390px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,184,68,.25),transparent 68%)!important;pointer-events:none!important}
  .rhat-home .rhat-hero-inner{display:block!important;position:relative!important;max-width:none!important;width:100%!important;padding:0!important;z-index:2!important}
  .rhat-home .rhat-hero-copy{position:relative!important;z-index:4!important;width:100%!important;max-width:none!important;padding-right:116px!important}
  .rhat-home .rhat-eyebrow{display:block!important;color:var(--rref-orange)!important;font-size:12px!important;letter-spacing:0!important;font-weight:900!important;opacity:1!important;margin:0 0 12px!important}
  .rhat-home .rhat-eyebrow:before{content:'✦  '!important;color:var(--rref-orange)!important}
  .rhat-home .rhat-eyebrow:after{content:'  —'!important;color:#e8a33d!important}
  .rhat-home .rhat-hero h1{font-family:inherit!important;font-size:38px!important;line-height:1.05!important;letter-spacing:-1.2px!important;font-weight:950!important;color:#073369!important;margin:0 0 17px!important;text-shadow:none!important}
  .rhat-home .rhat-hero h1 strong{color:#073369!important}
  .rhat-home .rhat-hero h1 .rhat-hero-line-two{color:#073369!important}
  .rhat-home .rhat-hero h1 .rhat-hero-orange-word{color:#f15b1b!important}
  .rhat-home .rhat-hero h1 .rhat-hero-navy-word{color:#073369!important}
  .rhat-home .rhat-hero p{max-width:none!important;font-size:14px!important;line-height:1.7!important;color:#53677e!important;opacity:1!important;margin:0 0 17px!important;font-weight:500!important}
  .rhat-home .rhat-hero-note{display:none!important}
  .rhat-home .rhat-actions{display:flex!important;gap:9px!important;flex-wrap:nowrap!important;align-items:center!important}
  .rhat-home .rhat-btn{min-height:47px!important;height:47px!important;padding:8px 15px!important;border-radius:24px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;margin:0!important}
  .rhat-home .rhat-hero .button.primary{background:linear-gradient(100deg,#0665b7 0%,#0877d1 60%,#f17b19 100%)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(8,101,183,.22)!important}
  .rhat-home .rhat-hero .button.secondary{background:#fff!important;color:#0a4c85!important;border:1.5px solid #0a5c9d!important;box-shadow:none!important}

  /* Reference phone + floating social/shop bubbles. */
  .rhat-home .rhat-reference-hero-art{display:block!important;position:absolute!important;right:-8px!important;top:88px!important;width:176px!important;height:270px!important;margin:0!important;z-index:3!important;pointer-events:none!important}
  .rhat-home .rhat-ref-art-glow{inset:0!important;background:radial-gradient(circle,rgba(61,171,238,.22),rgba(245,151,41,.08) 55%,transparent 73%)!important}
  .rhat-home .rhat-ref-phone{left:47px!important;top:22px!important;width:105px!important;height:212px!important;border:5px solid #092f53!important;border-radius:25px!important;box-shadow:0 22px 38px rgba(8,47,83,.23)!important;transform:rotate(7deg)!important}
  .rhat-home .rhat-ref-phone-notch{top:4px!important;width:39px!important;height:9px!important;border-radius:0 0 7px 7px!important;background:#092f53!important}
  .rhat-home .rhat-ref-phone-screen{padding:18px 7px 7px!important;background:linear-gradient(180deg,#fff,#fff8ef)!important}
  .rhat-home .rhat-ref-phone-screen img{width:71px!important;margin-bottom:5px!important}
  .rhat-home .rhat-ref-phone-screen strong{font-size:11px!important;color:#0b3e69!important}
  .rhat-home .rhat-ref-phone-screen small{font-size:5px!important;line-height:1.35!important;color:#71839a!important}
  .rhat-home .rhat-ref-phone-icons{gap:4px!important;margin-top:13px!important}
  .rhat-home .rhat-ref-phone-icons i{width:21px!important;height:21px!important;border-radius:7px!important;font-size:9px!important}
  .rhat-home .rhat-ref-bubble{width:43px!important;height:43px!important;border-radius:13px!important;background:#fff!important;box-shadow:0 12px 25px rgba(8,47,83,.16)!important;font-size:22px!important}
  .rhat-home .rhat-ref-bubble-f{left:2px!important;top:57px!important;color:#1877f2!important}
  .rhat-home .rhat-ref-bubble-t{right:1px!important;top:97px!important;color:#111!important}
  .rhat-home .rhat-ref-bubble-b{right:4px!important;bottom:18px!important;font-size:18px!important}
  .rhat-home .rhat-reference-hero-art:before{content:'🛍️'!important;position:absolute!important;z-index:5!important;left:7px!important;bottom:39px!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#ff8b20!important;display:grid!important;place-items:center!important;font-size:21px!important;box-shadow:0 12px 24px rgba(244,123,22,.25)!important}
  .rhat-home .rhat-reference-hero-art:after{content:'🏪'!important;position:absolute!important;z-index:5!important;right:-1px!important;bottom:67px!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#ff9d32!important;display:grid!important;place-items:center!important;font-size:20px!important;box-shadow:0 12px 24px rgba(244,123,22,.25)!important}
  .rhat-home .rhat-hero-visual{display:none!important}

  /* Feature row directly below hero copy, matching the reference rhythm. */
  .rhat-home .rhat-trust-strip{display:block!important;position:relative!important;background:rgba(255,255,255,.88)!important;border:0!important;margin:0!important;box-shadow:0 4px 18px rgba(8,47,83,.05)!important;z-index:5!important}
  .rhat-home .rhat-trust-strip .container{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;padding:13px 10px!important}
  .rhat-home .rhat-trust-strip .container>div{padding:0 8px!important;border-right:1px solid rgba(8,47,83,.16)!important;text-align:center!important;min-width:0!important}
  .rhat-home .rhat-trust-strip .container>div:last-child{border-right:0!important}
  .rhat-home .rhat-trust-strip b{display:block!important;color:#234d76!important;font-size:9px!important;line-height:1.35!important;font-weight:900!important;white-space:nowrap!important}
  .rhat-home .rhat-trust-strip span{display:none!important}

  /* ---------- Three pastel shortcut cards ---------- */
  .rhat-home .rhat-quick{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:18px 0 0!important;padding:0 14px!important;position:relative!important;z-index:4!important}
  .rhat-home .rhat-quick-card{min-width:0!important;min-height:166px!important;padding:17px 12px 12px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;border:1px solid rgba(8,47,83,.07)!important;border-radius:18px!important;box-shadow:0 9px 25px rgba(8,47,83,.08)!important;overflow:hidden!important;background:#fff!important;color:#123c67!important}
  .rhat-home .rhat-quick-card:nth-child(1){background:linear-gradient(145deg,#fffaf4,#fff3df)!important}
  .rhat-home .rhat-quick-card:nth-child(2){background:linear-gradient(145deg,#f7fbff,#eef7ff)!important}
  .rhat-home .rhat-quick-card:nth-child(3){background:linear-gradient(145deg,#f6fff9,#effaf4)!important}
  .rhat-home .rhat-quick-card:nth-child(4){display:none!important}
  .rhat-home .rhat-quick-card:before{display:none!important}
  .rhat-home .rhat-quick-card>span{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;border-radius:50%!important;background:rgba(255,255,255,.58)!important;box-shadow:inset 0 0 0 1px rgba(8,47,83,.04)!important;font-size:27px!important;margin-bottom:13px!important}
  .rhat-home .rhat-quick-card div{min-width:0!important;width:100%!important;flex:0 0 auto!important}
  .rhat-home .rhat-quick-card b{font-size:15px!important;line-height:1.25!important;color:#123b66!important;font-weight:950!important;display:block!important}
  .rhat-home .rhat-quick-card small{font-size:10px!important;line-height:1.55!important;color:#6b7c91!important;opacity:1!important;display:block!important;margin-top:7px!important;white-space:normal!important}
  .rhat-home .rhat-quick-card em{position:absolute!important;right:12px!important;bottom:12px!important;width:31px!important;height:31px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:17px!important;color:#17466f!important;background:rgba(255,255,255,.62)!important;font-style:normal!important}

  /* ---------- Popular products: reference heading and compact rail ---------- */
  .rhat-home .rhat-section{padding-top:38px!important}
  .rhat-home .rhat-section-head{display:block!important;margin:0 14px 16px!important}
  .rhat-home .rhat-section-head .rhat-kicker{font-size:11px!important;letter-spacing:0!important;color:#173e69!important;font-weight:900!important;border-left:4px solid #f47b16!important;padding-left:9px!important}
  .rhat-home .rhat-section-head h2{font-size:26px!important;line-height:1.25!important;color:#0b3560!important;margin:6px 0 4px!important;font-weight:950!important;letter-spacing:-.7px!important}
  .rhat-home .rhat-section-head p{font-size:10.5px!important;line-height:1.6!important;color:#77879a!important;margin:0!important}
  .rhat-home .rhat-section-head>a{float:right!important;margin-top:-43px!important;border:1px solid #e9a033!important;border-radius:20px!important;padding:8px 13px!important;color:#15446e!important;font-size:10px!important;background:#fff!important;font-weight:900!important}
  .rhat-home .rhat-section .ux-products,.rhat-home .rhat-section .products{margin-left:0!important;margin-right:0!important}
  .rhat-home .rhat-section .flickity-slider{display:flex!important}

  /* Keep the first product row visually close to the supplied screenshot. */
  .rhat-home .rhat-section ul.products{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;overflow:hidden!important}
  .rhat-home .rhat-section ul.products li.product{width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
  .rhat-home .rhat-section ul.products li.product .box-image{border-radius:12px!important;overflow:hidden!important;margin-bottom:6px!important}
  .rhat-home .rhat-section ul.products li.product .box-image img{aspect-ratio:1/1!important;object-fit:cover!important;border-radius:12px!important}

  /* ---------- Fixed bottom navigation ---------- */
  body.home,body.front-page{padding-bottom:86px!important}
  .rhat-mobile-bottom-nav,
  body.home .rhat-mobile-bottom-nav,
  body.front-page .rhat-mobile-bottom-nav{
    left:0!important;right:0!important;bottom:0!important;width:100%!important;height:80px!important;min-height:80px!important;padding:5px 8px max(6px,env(safe-area-inset-bottom))!important;border:1px solid rgba(8,47,83,.08)!important;border-bottom:0!important;border-radius:25px 25px 0 0!important;background:rgba(255,255,255,.985)!important;box-shadow:0 -10px 30px rgba(8,47,83,.13)!important;backdrop-filter:blur(16px)!important;z-index:2147483000!important
  }
  .rhat-mobile-bottom-nav__item{height:64px!important;border-radius:0!important;background:transparent!important;color:#5b6e86!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;font-size:10px!important;font-weight:800!important}
  .rhat-mobile-bottom-nav__item.is-active:not(.rhat-mobile-bottom-nav__item--featured){background:transparent!important;color:#5b6e86!important}
  .rhat-mobile-bottom-nav__item .rhat-mobile-bottom-nav__icon-wrap{width:32px!important;height:32px!important}
  .rhat-mobile-bottom-nav__item .rhat-mobile-bottom-nav__icon{width:27px!important;height:27px!important}
  .rhat-mobile-bottom-nav__item .rhat-mobile-bottom-nav__icon svg{width:27px!important;height:27px!important;stroke:#526b88!important;stroke-width:1.75!important}
  .rhat-mobile-bottom-nav__item--featured{height:78px!important;margin-top:-31px!important;transform:none!important;color:#fff!important}
  .rhat-mobile-bottom-nav__item:active,.rhat-mobile-bottom-nav__item--featured:active{transform:none!important}
}
@media(max-width:430px){
  #header .rhat-production-header .rhat-header-inner{padding-left:10px!important;padding-right:10px!important;grid-template-columns:43px minmax(0,1fr) 42px auto 38px 42px!important;gap:2px!important}
  #header .rhat-production-header .rhat-header-menu{width:43px!important;min-width:43px!important}
  #header .rhat-production-header .rhat-mobile-menu-trigger{width:43px!important}
  #header .rhat-production-header #logo img,#header .rhat-production-header .rhat-header-logo-image{max-width:190px!important;max-height:58px!important}
  #header .rhat-production-header .rhat-header-search-trigger{width:42px!important}
  #header .rhat-production-header .rhat-mobile-account-tools{min-width:92px!important}
  #header .rhat-production-header .rhat-mobile-balance-toggle{min-width:92px!important;height:44px!important;padding:4px 8px!important;font-size:9px!important}
  #header .rhat-production-header .rhat-mobile-account-link{width:38px!important}
  #header .rhat-production-header .rhat-header-cart,#header .rhat-production-header .rhat-mobile-cart-link{width:42px!important}
  #header .rhat-production-header .rhat-mobile-cart-svg,#header .rhat-production-header .rhat-mobile-cart-svg svg{width:31px!important;height:31px!important}
  .rhat-home .rhat-hero{min-height:350px!important;padding:27px 14px 15px!important}
  .rhat-home .rhat-hero-copy{padding-right:105px!important}
  .rhat-home .rhat-hero h1{font-size:31px!important;line-height:1.08!important;margin-bottom:14px!important}
  .rhat-home .rhat-hero p{font-size:11.5px!important;line-height:1.68!important;margin-bottom:14px!important}
  .rhat-home .rhat-btn{font-size:10px!important;padding:7px 11px!important;min-height:42px!important;height:42px!important}
  .rhat-home .rhat-reference-hero-art{right:-12px!important;top:94px!important;transform:scale(.91)!important;transform-origin:top right!important}
  .rhat-home .rhat-trust-strip .container{padding-left:4px!important;padding-right:4px!important}
  .rhat-home .rhat-trust-strip .container>div{padding:0 4px!important}
  .rhat-home .rhat-trust-strip b{font-size:8px!important}
  .rhat-home .rhat-quick{gap:7px!important;padding-left:9px!important;padding-right:9px!important;margin-top:13px!important}
  .rhat-home .rhat-quick-card{min-height:143px!important;padding:13px 10px 10px!important;border-radius:15px!important}
  .rhat-home .rhat-quick-card>span{width:49px!important;height:49px!important;font-size:23px!important;margin-bottom:10px!important}
  .rhat-home .rhat-quick-card b{font-size:12px!important}
  .rhat-home .rhat-quick-card small{font-size:8.5px!important;line-height:1.5!important}
  .rhat-home .rhat-quick-card em{right:8px!important;bottom:8px!important;width:27px!important;height:27px!important;font-size:15px!important}
  .rhat-home .rhat-section{padding-top:30px!important}
  .rhat-home .rhat-section-head{margin-left:9px!important;margin-right:9px!important}
  .rhat-home .rhat-section-head h2{font-size:22px!important}
  .rhat-home .rhat-section-head>a{margin-top:-38px!important;font-size:8.5px!important;padding:7px 10px!important}
}

/* FINAL MOBILE HEADER AUTHORITY — search is a first-class header action on every device. */
@media (max-width:767px){
  #header .rhat-production-header{position:relative!important;height:78px!important;min-height:78px!important;overflow:visible!important;z-index:10000!important}
  #header .rhat-production-header .rhat-header-inner{display:grid!important;grid-template-columns:38px minmax(0,1fr) 98px 38px 38px 40px!important;grid-template-rows:78px!important;align-items:center!important;column-gap:3px!important;width:100%!important;max-width:none!important;height:78px!important;min-height:78px!important;margin:0!important;padding:0 7px!important;box-sizing:border-box!important;overflow:visible!important}
  #header .rhat-production-header .rhat-header-menu{grid-column:1!important;grid-row:1!important;display:flex!important;width:38px!important;min-width:38px!important;height:78px!important;align-items:center!important;justify-content:center!important}
  #header .rhat-production-header .rhat-mobile-menu-trigger{display:flex!important;width:38px!important;min-width:38px!important;height:46px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
  #header .rhat-production-header .rhat-header-logo{grid-column:2!important;grid-row:1!important;display:flex!important;width:auto!important;min-width:0!important;height:78px!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;padding:0!important;overflow:visible!important}
  #header .rhat-production-header .rhat-header-logo .rhat-logo-link{display:flex!important;width:100%!important;min-width:0!important;height:78px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;overflow:visible!important}
  #header .rhat-production-header .rhat-header-logo-image{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:61px!important;margin:0 auto!important;object-fit:contain!important}
  #header .rhat-production-header .rhat-header-actions,#header .rhat-production-header .rhat-mobile-account-tools,#header .rhat-production-header .rhat-header-cart{display:contents!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important}
  #header .rhat-production-header .rhat-header-actions:before,#header .rhat-production-header .rhat-header-actions:after,#header .rhat-production-header .rhat-mobile-account-tools:before,#header .rhat-production-header .rhat-mobile-account-tools:after{display:none!important;content:none!important}
  #header .rhat-production-header .rhat-header-search-trigger{grid-column:4!important;grid-row:1!important;display:flex!important;width:38px!important;min-width:38px!important;height:46px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;color:#123b63!important}
  #header .rhat-production-header .rhat-header-search-trigger .rhat-search-svg{display:block!important;width:23px!important;height:23px!important;stroke:currentColor!important;fill:none!important}
  #header .rhat-production-header .rhat-mobile-balance-toggle{grid-column:3!important;grid-row:1!important;display:flex!important;width:98px!important;min-width:98px!important;max-width:98px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:4px 7px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;gap:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border:1.5px solid rgba(244,123,22,.34)!important;border-radius:999px!important;background:linear-gradient(180deg,#fffdf9,#fff8ed)!important;color:#062f58!important;box-shadow:0 4px 14px rgba(244,123,22,.08)!important;font-size:10px!important;line-height:1.1!important;font-weight:900!important}
  #header .rhat-production-header .rhat-mobile-balance-label{display:inline!important;white-space:nowrap!important}
  #header .rhat-production-header .rhat-mobile-balance-value{display:none!important;white-space:nowrap!important;font-size:14px!important;color:#087f6d!important;margin-left:2px!important}
  #header .rhat-production-header .rhat-mobile-balance-toggle.is-revealed .rhat-mobile-balance-label{display:none!important}
  #header .rhat-production-header .rhat-mobile-balance-toggle.is-revealed .rhat-mobile-balance-value{display:inline!important}
  #header .rhat-production-header .rhat-mobile-account-divider{display:none!important}
  #header .rhat-production-header .rhat-mobile-account-link{grid-column:5!important;grid-row:1!important;display:flex!important;width:38px!important;min-width:38px!important;height:46px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;color:#123b63!important}
  #header .rhat-production-header .rhat-mobile-account-link .rhat-header-svg{display:block!important;width:29px!important;height:29px!important;stroke:currentColor!important;fill:none!important}
  #header .rhat-production-header .rhat-mobile-cart-link{grid-column:6!important;grid-row:1!important;display:flex!important;width:40px!important;min-width:40px!important;height:46px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;position:relative!important;background:transparent!important;border:0!important;color:#123b63!important;text-decoration:none!important}
  #header .rhat-production-header .rhat-mobile-cart-svg{position:relative!important;display:flex!important;width:34px!important;height:34px!important;align-items:center!important;justify-content:center!important}
  #header .rhat-production-header .rhat-mobile-cart-svg svg{display:block!important;width:31px!important;height:31px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  #header .rhat-production-header .rhat-mobile-cart-count{position:absolute!important;right:-3px!important;top:-2px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:50%!important;background:#f45122!important;color:#fff!important;font:900 9px/18px Arial,sans-serif!important;text-align:center!important;border:2px solid #fff!important}
  #header .rhat-production-header .rhat-desktop-cart{display:none!important}
  #header .rhat-production-header>.container:not(.rhat-header-inner){display:none!important}
}
@media (max-width:380px){
  #header .rhat-production-header .rhat-header-inner{grid-template-columns:34px minmax(0,1fr) 78px 34px 34px 36px!important;column-gap:2px!important;padding:0 5px!important}
  #header .rhat-production-header .rhat-header-menu,#header .rhat-production-header .rhat-mobile-menu-trigger{width:34px!important;min-width:34px!important}
  #header .rhat-production-header .rhat-mobile-balance-toggle{width:78px!important;min-width:78px!important;max-width:78px!important;font-size:9px!important;padding-left:4px!important;padding-right:4px!important}
  #header .rhat-production-header .rhat-header-search-trigger{width:34px!important;min-width:34px!important}
  #header .rhat-production-header .rhat-mobile-account-link{width:34px!important;min-width:34px!important}
  #header .rhat-production-header .rhat-mobile-cart-link{width:36px!important;min-width:36px!important}
  #header .rhat-production-header .rhat-header-logo-image{max-height:55px!important}
}

/* Final mobile hero artwork: move it upward/right so it never covers copy or CTAs. */
@media (max-width:767px){
  .rhat-home .rhat-hero{position:relative!important;overflow:hidden!important}
  .rhat-home .rhat-reference-hero-art{
    display:block!important;
    position:absolute!important;
    right:-42px!important;
    top:10px!important;
    width:166px!important;
    height:258px!important;
    margin:0!important;
    z-index:1!important;
    pointer-events:none!important;
    transform:scale(.88)!important;
    transform-origin:top right!important;
  }
  .rhat-home .rhat-hero-copy{position:relative!important;z-index:4!important}
  .rhat-home .rhat-ref-art-glow{
    inset:-18px!important;
    border-radius:50%!important;
    background:
      radial-gradient(circle at 55% 42%,rgba(64,177,240,.22) 0 16%,rgba(64,177,240,.10) 34%,transparent 67%),
      radial-gradient(circle at 50% 70%,rgba(245,130,22,.18),transparent 58%)!important;
    filter:blur(1px)!important;
    animation:rhatHeroGlowPulse 4.8s ease-in-out infinite!important;
  }
  .rhat-home .rhat-reference-hero-art:before{
    content:''!important;
    position:absolute!important;
    z-index:0!important;
    left:-22px!important;
    top:45px!important;
    width:215px!important;
    height:215px!important;
    border-radius:50%!important;
    border:1.5px solid rgba(16,106,175,.14)!important;
    box-shadow:
      0 0 0 18px rgba(16,106,175,.025),
      0 0 0 38px rgba(245,130,22,.025)!important;
    animation:rhatHeroOrbit 9s linear infinite!important;
  }
  .rhat-home .rhat-reference-hero-art:after{
    content:''!important;
    position:absolute!important;
    z-index:0!important;
    left:-5px!important;
    top:72px!important;
    width:180px!important;
    height:86px!important;
    border-top:3px solid rgba(11,119,198,.18)!important;
    border-radius:50%!important;
    transform:rotate(-18deg)!important;
    filter:blur(.2px)!important;
    animation:rhatHeroRibbon 5.5s ease-in-out infinite!important;
  }
  .rhat-home .rhat-ref-phone{
    z-index:2!important;
    top:18px!important;
    box-shadow:0 24px 45px rgba(8,47,83,.22),0 0 30px rgba(70,173,230,.12)!important;
    animation:rhatHeroPhoneFloat 4.5s ease-in-out infinite!important;
  }
  .rhat-home .rhat-ref-bubble{z-index:3!important;animation:rhatHeroBubbleFloat 3.8s ease-in-out infinite!important}
  .rhat-home .rhat-ref-bubble-f{animation-delay:-.8s!important}
  .rhat-home .rhat-ref-bubble-t{animation-delay:-1.7s!important}
  .rhat-home .rhat-ref-bubble-b{animation-delay:-2.5s!important}
  @keyframes rhatHeroPhoneFloat{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-7px)}}
  @keyframes rhatHeroBubbleFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.035)}}
  @keyframes rhatHeroGlowPulse{0%,100%{opacity:.78;transform:scale(.96)}50%{opacity:1;transform:scale(1.03)}}
  @keyframes rhatHeroOrbit{to{transform:rotate(360deg)}}
  @keyframes rhatHeroRibbon{0%,100%{transform:rotate(-18deg) translateX(-4px);opacity:.45}50%{transform:rotate(-12deg) translateX(10px);opacity:.9}}
}
@media (max-width:380px){
  .rhat-home .rhat-reference-hero-art{right:-48px!important;top:5px!important;transform:scale(.82)!important}
}
@media (prefers-reduced-motion:reduce){
  .rhat-home .rhat-ref-phone,.rhat-home .rhat-ref-bubble,.rhat-home .rhat-ref-art-glow,.rhat-home .rhat-reference-hero-art:before,.rhat-home .rhat-reference-hero-art:after{animation:none!important}
}

/* Final hero social orbit: professional SVG badges, smooth orbit, pause on hover/touch. */
@media (max-width:767px){
  .rhat-home .rhat-reference-hero-art{overflow:visible!important}
  .rhat-home .rhat-social-orbit{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    z-index:9!important;pointer-events:auto!important;
    animation:rhatSocialOrbit 12s linear infinite!important;
    transform-origin:50% 50%!important;
  }
  .rhat-home .rhat-social-orbit.is-paused{animation-play-state:paused!important}
  .rhat-home .rhat-ref-social{
    position:absolute!important;display:grid!important;place-items:center!important;
    width:48px!important;height:48px!important;margin:0!important;padding:0!important;
    border-radius:50%!important;background:#fff!important;
    border:1px solid rgba(226,232,240,.95)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.16),0 0 0 6px rgba(255,255,255,.42)!important;
    text-decoration:none!important;pointer-events:auto!important;
    transition:transform .22s ease,box-shadow .22s ease!important;
  }
  .rhat-home .rhat-ref-social svg{display:block!important;width:25px!important;height:25px!important;fill:currentColor!important}
  .rhat-home .rhat-ref-social-f{left:0!important;top:34px!important;color:#1877F2!important}
  .rhat-home .rhat-ref-social-t{right:-2px!important;top:88px!important;color:#111827!important}
  .rhat-home .rhat-ref-social-x{right:7px!important;bottom:28px!important;color:#0F172A!important}
  .rhat-home .rhat-ref-social:hover,.rhat-home .rhat-ref-social:focus-visible{transform:scale(1.12)!important;box-shadow:0 16px 32px rgba(15,23,42,.2),0 0 0 7px rgba(255,255,255,.55)!important;outline:none!important}
  .rhat-home .rhat-reference-hero-art:before{
    content:''!important;left:-18px!important;top:36px!important;width:205px!important;height:205px!important;
    border:2px solid rgba(245,107,0,.16)!important;
    box-shadow:0 0 0 14px rgba(245,107,0,.035),0 0 0 32px rgba(16,106,175,.028)!important;
    animation:rhatHeroOrbit 18s linear infinite!important;
  }
  .rhat-home .rhat-reference-hero-art:after{
    content:''!important;left:3px!important;top:68px!important;width:180px!important;height:90px!important;
    border-top:3px solid rgba(255,107,0,.18)!important;border-radius:50%!important;
    animation:rhatHeroRibbon 5.5s ease-in-out infinite!important;
  }
}
@media (max-width:380px){
  .rhat-home .rhat-ref-social{width:43px!important;height:43px!important}
  .rhat-home .rhat-ref-social svg{width:22px!important;height:22px!important}
  .rhat-home .rhat-ref-social-f{left:1px!important;top:38px!important}
  .rhat-home .rhat-ref-social-t{right:-1px!important;top:87px!important}
  .rhat-home .rhat-ref-social-x{right:5px!important;bottom:25px!important}
}
@keyframes rhatSocialOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .rhat-home .rhat-social-orbit,.rhat-home .rhat-reference-hero-art:before,.rhat-home .rhat-reference-hero-art:after{animation:none!important}
}

/* V76 — real homepage preview inside hero phone + refined CTA controls. */
.rhat-home .rhat-ref-phone-screen{padding:0!important;display:block!important;background:#fff!important;overflow:hidden!important;position:relative!important}
.rhat-home .rhat-ref-homepage-preview{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:top center!important;margin:0!important}
.rhat-home .rhat-ref-phone{background:#fff!important;overflow:hidden!important}
.rhat-home .rhat-btn{display:grid!important;flex:1 1 0!important;grid-template-columns:24px minmax(0,1fr) 20px!important;align-items:center!important;column-gap:8px!important;text-align:left!important;min-width:0!important}
.rhat-home .rhat-btn .rhat-btn-icon{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;line-height:0!important}
.rhat-home .rhat-btn .rhat-btn-icon svg{width:22px!important;height:22px!important;display:block!important}
.rhat-home .rhat-btn .rhat-btn-text{display:block!important;min-width:0!important;white-space:nowrap!important;text-align:center!important;line-height:1.2!important}
.rhat-home .rhat-btn .rhat-btn-arrow{display:block!important;width:20px!important;text-align:center!important;font-size:23px!important;font-weight:800!important;line-height:1!important}
.rhat-home .rhat-hero .button.primary{background:#FF6B00!important;border-color:#FF6B00!important;color:#fff!important}
.rhat-home .rhat-hero .button.primary .rhat-btn-icon,.rhat-home .rhat-hero .button.primary .rhat-btn-arrow{color:#fff!important}
.rhat-home .rhat-hero .button.secondary{background:#fff!important;border:1.5px solid #AFC0D0!important;color:#123E63!important}
.rhat-home .rhat-hero .button.secondary .rhat-btn-icon,.rhat-home .rhat-hero .button.secondary .rhat-btn-arrow{color:#123E63!important}
.rhat-home .rhat-hero-description p{margin-bottom:12px!important}
.rhat-home .rhat-hero-description p:last-child{margin-top:4px!important;padding-left:12px!important;border-left:3px solid #FF6B00!important}
@media(max-width:767px){
  .rhat-home .rhat-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center!important}
  .rhat-home .rhat-ref-phone-screen{padding:0!important}
  .rhat-home .rhat-btn{grid-template-columns:20px minmax(0,1fr) 17px!important;column-gap:5px!important;min-height:47px!important;height:47px!important;padding:7px 9px!important;border-radius:24px!important}
  .rhat-home .rhat-btn .rhat-btn-icon{width:20px!important;height:20px!important}
  .rhat-home .rhat-btn .rhat-btn-icon svg{width:19px!important;height:19px!important}
  .rhat-home .rhat-btn .rhat-btn-text{font-size:11px!important;font-weight:900!important}
  .rhat-home .rhat-btn .rhat-btn-arrow{width:17px!important;font-size:20px!important}
}
@media(max-width:390px){
  .rhat-home .rhat-btn{grid-template-columns:18px minmax(0,1fr) 16px!important;column-gap:4px!important;padding-left:8px!important;padding-right:8px!important}
  .rhat-home .rhat-btn .rhat-btn-icon{width:18px!important;height:18px!important}
  .rhat-home .rhat-btn .rhat-btn-icon svg{width:17px!important;height:17px!important}
  .rhat-home .rhat-btn .rhat-btn-text{font-size:10px!important}
  .rhat-home .rhat-btn .rhat-btn-arrow{width:16px!important;font-size:19px!important}
}

/* Absolute final override: professional social badges + smooth orbit around hero artwork. */
.rhat-home .rhat-reference-hero-art{overflow:visible!important}
.rhat-home .rhat-social-orbit{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:9!important;pointer-events:auto!important;animation:rhatSocialOrbit 12s linear infinite!important;transform-origin:50% 50%!important}
.rhat-home .rhat-social-orbit.is-paused{animation-play-state:paused!important}
.rhat-home .rhat-ref-social{position:absolute!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin:0!important;padding:0!important;border-radius:50%!important;background:#fff!important;border:1px solid #E2E8F0!important;box-shadow:0 12px 28px rgba(15,23,42,.16),0 0 0 6px rgba(255,255,255,.45)!important;text-decoration:none!important;pointer-events:auto!important;transition:transform .22s ease,box-shadow .22s ease!important;line-height:1!important}
.rhat-home .rhat-ref-social svg{display:block!important;width:25px!important;height:25px!important;fill:currentColor!important}
.rhat-home .rhat-ref-social-f{left:0!important;top:34px!important;color:#1877F2!important}
.rhat-home .rhat-ref-social-t{right:-2px!important;top:88px!important;color:#111827!important}
.rhat-home .rhat-ref-social-x{right:7px!important;bottom:28px!important;color:#0F172A!important}
.rhat-home .rhat-ref-social:hover,.rhat-home .rhat-ref-social:focus-visible{transform:scale(1.12)!important;box-shadow:0 16px 32px rgba(15,23,42,.20),0 0 0 7px rgba(255,255,255,.60)!important;outline:none!important}
@media (min-width:768px){
 .rhat-home .rhat-social-orbit{animation-duration:15s!important}
 .rhat-home .rhat-ref-social{width:54px!important;height:54px!important}
 .rhat-home .rhat-ref-social svg{width:28px!important;height:28px!important}
 .rhat-home .rhat-ref-social-f{left:0!important;top:48px!important}
 .rhat-home .rhat-ref-social-t{right:0!important;top:104px!important}
 .rhat-home .rhat-ref-social-x{right:4px!important;bottom:28px!important}
}
@media (max-width:380px){
 .rhat-home .rhat-ref-social{width:43px!important;height:43px!important}
 .rhat-home .rhat-ref-social svg{width:22px!important;height:22px!important}
 .rhat-home .rhat-ref-social-f{left:1px!important;top:38px!important}
 .rhat-home .rhat-ref-social-t{right:-1px!important;top:87px!important}
 .rhat-home .rhat-ref-social-x{right:5px!important;bottom:25px!important}
}
@keyframes rhatSocialOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.rhat-home .rhat-social-orbit{animation:none!important}}

/* V75 — mobile Hero typography, spacing and professional brand palette refinement. */
.rhat-home .rhat-hero{color:#23384d!important}
.rhat-home .rhat-hero .rhat-eyebrow{color:#C56A16!important;font-weight:850!important;letter-spacing:.15px!important}
.rhat-home .rhat-hero .rhat-eyebrow:before{color:#D97706!important}
.rhat-home .rhat-hero .rhat-eyebrow:after{color:#D9A15A!important}
.rhat-home .rhat-hero h1{color:#0B355A!important;text-wrap:balance!important}
.rhat-home .rhat-hero h1 .rhat-hero-orange-word{color:#E86A12!important}
.rhat-home .rhat-hero h1 .rhat-hero-navy-word,
.rhat-home .rhat-hero h1 strong{color:#0B355A!important}
.rhat-home .rhat-hero-description p{color:#52677B!important;font-weight:500!important}
.rhat-home .rhat-hero-description p:last-child{color:#314E69!important;font-weight:750!important}
.rhat-home .rhat-hero .button.primary{background:#E96A12!important;border-color:#E96A12!important;box-shadow:0 10px 24px rgba(233,106,18,.20)!important}
.rhat-home .rhat-hero .button.primary:hover{background:#D95D09!important;border-color:#D95D09!important}
.rhat-home .rhat-hero .button.secondary{background:rgba(255,255,255,.96)!important;border:1.5px solid #B8C7D6!important;color:#123E63!important;box-shadow:0 7px 18px rgba(11,53,90,.06)!important}
.rhat-home .rhat-hero .button.secondary:hover{background:#F8FAFC!important;border-color:#8FA7BC!important}

/* Trust strip: quieter hierarchy so the Hero remains the focal point. */
.rhat-home .rhat-trust-strip{background:#FBFCFE!important;border-bottom:1px solid #E5EBF1!important}
.rhat-home .rhat-trust-strip .container>div{border-color:#E5EBF1!important}
.rhat-home .rhat-trust-strip b{color:#234A6B!important;font-weight:800!important}
.rhat-home .rhat-trust-strip span{color:#718397!important;opacity:1!important}

/* Quick cards: one restrained visual system instead of three competing colors. */
.rhat-home .rhat-quick-card,
.rhat-home .rhat-quick-card:nth-child(1),
.rhat-home .rhat-quick-card:nth-child(2),
.rhat-home .rhat-quick-card:nth-child(3){
  background:linear-gradient(145deg,#FFFFFF 0%,#F8FAFC 100%)!important;
  border:1px solid #DCE5ED!important;
  box-shadow:0 10px 26px rgba(15,53,83,.075)!important;
}
.rhat-home .rhat-quick-card>span{background:#F4F8FB!important;box-shadow:inset 0 0 0 1px #E1E9F0!important}
.rhat-home .rhat-quick-card b{color:#173F61!important}
.rhat-home .rhat-quick-card small{color:#718397!important}
.rhat-home .rhat-quick-card em{color:#2D5D82!important;background:#F3F7FA!important}

@media(max-width:767px){
  .rhat-home .rhat-hero{padding-top:29px!important;padding-bottom:17px!important}
  .rhat-home .rhat-hero-copy{padding-right:118px!important}
  .rhat-home .rhat-eyebrow{font-size:11.5px!important;margin-bottom:10px!important}
  .rhat-home .rhat-hero h1{font-size:29px!important;line-height:1.15!important;letter-spacing:-.45px!important;margin-bottom:15px!important}
  .rhat-home .rhat-hero-description{max-width:100%!important;margin-bottom:15px!important}
  .rhat-home .rhat-hero-description p{font-size:12.5px!important;line-height:1.72!important;margin-bottom:10px!important;max-width:100%!important}
  .rhat-home .rhat-hero-description p:last-child{font-size:12.6px!important;margin-top:1px!important}
  .rhat-home .rhat-actions{gap:8px!important}
  .rhat-home .rhat-btn{font-size:10.5px!important;font-weight:850!important;letter-spacing:.05px!important}
  .rhat-home .rhat-trust-strip b{font-size:8.5px!important;line-height:1.3!important}
  .rhat-home .rhat-trust-strip span{font-size:7.5px!important;line-height:1.35!important;margin-top:3px!important}
}
@media(max-width:390px){
  .rhat-home .rhat-hero{padding-left:13px!important;padding-right:13px!important}
  .rhat-home .rhat-hero-copy{padding-right:112px!important}
  .rhat-home .rhat-eyebrow{font-size:11px!important}
  .rhat-home .rhat-hero h1{font-size:27px!important;line-height:1.16!important;letter-spacing:-.35px!important;margin-bottom:14px!important}
  .rhat-home .rhat-hero-description p{font-size:12px!important;line-height:1.7!important;margin-bottom:9px!important}
  .rhat-home .rhat-hero-description p:last-child{font-size:12.1px!important}
  .rhat-home .rhat-btn{font-size:10px!important;padding-left:10px!important;padding-right:10px!important}
}

/* V77: final requested Hero phone preview + CTA color/centering + softer orange orbit. */
.rhat-home .rhat-ref-phone-screen{
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:inherit!important;
}
.rhat-home .rhat-ref-phone-screen picture{display:block!important;width:100%!important;height:100%!important;line-height:0!important}.rhat-home .rhat-ref-phone-screen .rhat-ref-homepage-preview{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center top!important;
  border:0!important;
  border-radius:inherit!important;
}
/* Make the orange disc/glow behind the phone softer and less visually dominant. */
.rhat-home .rhat-ref-art-glow{
  background:
    radial-gradient(circle at 52% 44%,rgba(61,171,238,.16) 0 18%,rgba(61,171,238,.075) 38%,transparent 66%),
    radial-gradient(circle at 50% 68%,rgba(245,130,22,.065),transparent 57%)!important;
}
@media(max-width:767px){
  .rhat-home .rhat-ref-art-glow{
    background:
      radial-gradient(circle at 52% 44%,rgba(61,171,238,.16) 0 18%,rgba(61,171,238,.07) 38%,transparent 66%),
      radial-gradient(circle at 50% 68%,rgba(245,130,22,.055),transparent 57%)!important;
  }
}
/* Primary CTA: royal-blue/indigo through orange into reddish-orange, as requested. */
.rhat-home .rhat-hero .button.primary{
  background:linear-gradient(90deg,#1D4ED8 0%,#2563EB 34%,#FF6B00 73%,#E94B24 100%)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(37,99,235,.18),0 8px 22px rgba(233,75,36,.13)!important;
}
.rhat-home .rhat-hero .button.primary:hover,
.rhat-home .rhat-hero .button.primary:focus-visible{
  background:linear-gradient(90deg,#1E40AF 0%,#1D4ED8 34%,#F15A24 73%,#D93F1D 100%)!important;
  color:#fff!important;
}
/* Secondary CTA keeps the same premium shape with a gradient border. */
.rhat-home .rhat-hero .button.secondary{
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#1D4ED8 0%,#2563EB 42%,#FF6B00 100%) border-box!important;
  border:1.6px solid transparent!important;
  color:#123E63!important;
  box-shadow:0 7px 18px rgba(15,23,42,.055)!important;
}
.rhat-home .rhat-hero .button.secondary:hover,
.rhat-home .rhat-hero .button.secondary:focus-visible{
  background:linear-gradient(#f8fbff,#fff) padding-box,linear-gradient(90deg,#1D4ED8 0%,#2563EB 42%,#FF6B00 100%) border-box!important;
  color:#0F172A!important;
}
/* Keep icon, Bengali text and arrow visually centered in the same three-column rhythm. */
.rhat-home .rhat-hero .rhat-btn{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 28px!important;
  align-items:center!important;
  justify-items:center!important;
  column-gap:8px!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.rhat-home .rhat-hero .rhat-btn .rhat-btn-icon{
  grid-column:1!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  margin:0!important;
}
.rhat-home .rhat-hero .rhat-btn .rhat-btn-icon svg{
  display:block!important;
  width:23px!important;
  height:23px!important;
}
.rhat-home .rhat-hero .rhat-btn .rhat-btn-text{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  line-height:1.2!important;
}
.rhat-home .rhat-hero .rhat-btn .rhat-btn-arrow{
  grid-column:3!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  margin:0!important;
  text-align:center!important;
  line-height:1!important;
}
.rhat-home .rhat-hero .button.primary .rhat-btn-icon,
.rhat-home .rhat-hero .button.primary .rhat-btn-arrow{color:#fff!important}
.rhat-home .rhat-hero .button.secondary .rhat-btn-icon,
.rhat-home .rhat-hero .button.secondary .rhat-btn-arrow{color:#123E63!important}
@media(max-width:767px){
  .rhat-home .rhat-hero .rhat-actions{gap:10px!important}
  .rhat-home .rhat-hero .rhat-btn{
    min-height:50px!important;
    height:50px!important;
    padding:8px 10px!important;
    border-radius:25px!important;
    grid-template-columns:23px minmax(0,1fr) 23px!important;
    column-gap:5px!important;
  }
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-icon{width:23px!important;height:23px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-icon svg{width:21px!important;height:21px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-text{font-size:11.5px!important;font-weight:900!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-arrow{width:23px!important;font-size:21px!important;font-weight:900!important}
}
@media(max-width:390px){
  .rhat-home .rhat-hero .rhat-actions{gap:7px!important}
  .rhat-home .rhat-hero .rhat-btn{grid-template-columns:21px minmax(0,1fr) 21px!important;column-gap:4px!important;padding-left:8px!important;padding-right:8px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-icon{width:21px!important;height:21px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-icon svg{width:19px!important;height:19px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-text{font-size:10.5px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-arrow{width:21px!important;font-size:20px!important}
}

/* V78 — user-requested Hero refinement: floating quick cards, clean square Hero, premium CTAs, softer phone orbit. */
.rhat-home .rhat-trust-strip{display:none!important}
.rhat-home .rhat-quick{
  position:relative!important;
  z-index:30!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:0!important;
  margin-bottom:-34px!important;
  padding-top:0!important;
}
.rhat-home .rhat-quick-card{
  min-width:0!important;
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 22px!important;
  align-items:center!important;
  column-gap:10px!important;
  padding:13px 14px!important;
  min-height:74px!important;
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(10px)!important;
  color:#123E63!important;
}
.rhat-home .rhat-quick-card>span{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:13px!important;background:#F5F8FC!important;
  box-shadow:inset 0 0 0 1px #E3EAF1!important;font-size:22px!important;
}
.rhat-home .rhat-quick-card div{min-width:0!important}
.rhat-home .rhat-quick-card b{display:block!important;color:#123E63!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important}
.rhat-home .rhat-quick-card small{display:block!important;color:#718397!important;font-size:10px!important;line-height:1.35!important;margin-top:4px!important;white-space:normal!important}
.rhat-home .rhat-quick-card em{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#F1F5F9!important;color:#315B7D!important;font-style:normal!important;font-size:16px!important;font-weight:900!important}
.rhat-home .rhat-quick-card:hover{transform:translateY(-2px)!important;box-shadow:0 18px 38px rgba(15,23,42,.11)!important}

/* Keep the Hero square at the bottom — no rounded corners. */
.rhat-home .rhat-hero{border-radius:0!important}

/* Premium CTA palette: smooth royal-blue/indigo into warm orange-red; no harsh color break. */
.rhat-home .rhat-hero .button.primary{
  background:linear-gradient(90deg,#1D4ED8 0%,#3B5FE8 35%,#F97316 78%,#E4572E 100%)!important;
  border:0!important;color:#fff!important;
  box-shadow:0 10px 25px rgba(29,78,216,.16),0 8px 22px rgba(228,87,46,.12)!important;
}
.rhat-home .rhat-hero .button.primary:hover,.rhat-home .rhat-hero .button.primary:focus-visible{
  background:linear-gradient(90deg,#1E40AF 0%,#3155D8 35%,#EA580C 78%,#D9482B 100%)!important;color:#fff!important;
}
.rhat-home .rhat-hero .button.secondary{
  background:#fff!important;
  border:1.6px solid transparent!important;
  background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#1D4ED8,#6366F1,#F97316)!important;
  background-origin:border-box!important;background-clip:padding-box,border-box!important;
  color:#123E63!important;
  box-shadow:0 8px 20px rgba(15,23,42,.055)!important;
}
.rhat-home .rhat-hero .button.secondary:hover,.rhat-home .rhat-hero .button.secondary:focus-visible{color:#0F3556!important}

/* More generous CTA width so Bengali text, icon and arrow never collide. */
.rhat-home .rhat-hero .rhat-actions{display:flex!important;align-items:center!important;gap:12px!important}
.rhat-home .rhat-hero .rhat-btn{
  flex:0 1 245px!important;min-width:0!important;min-height:54px!important;height:54px!important;
  display:grid!important;grid-template-columns:28px minmax(0,1fr) 24px!important;
  align-items:center!important;column-gap:8px!important;padding:8px 14px!important;border-radius:17px!important;
  box-sizing:border-box!important;text-align:center!important;
}
.rhat-home .rhat-hero .rhat-btn .rhat-btn-icon{width:28px!important;height:28px!important;display:grid!important;place-items:center!important}
.rhat-home .rhat-hero .rhat-btn .rhat-btn-icon svg{width:22px!important;height:22px!important}
.rhat-home .rhat-hero .rhat-btn .rhat-btn-text{font-size:14px!important;font-weight:900!important;text-align:center!important;white-space:nowrap!important}
.rhat-home .rhat-hero .rhat-btn .rhat-btn-arrow{width:24px!important;font-size:23px!important;font-weight:900!important;text-align:center!important}

/* The phone preview should show the complete supplied homepage screenshot, without browser chrome. */
.rhat-home .rhat-ref-phone-screen{overflow:hidden!important;background:#fff!important;padding:0!important}
.rhat-home .rhat-ref-phone-screen .rhat-ref-homepage-preview{width:100%!important;height:100%!important;object-fit:fill!important;object-position:center top!important;display:block!important;border:0!important;margin:0!important}

/* Make the orange disc/glow behind the phone subtle rather than dominant. */
.rhat-home .rhat-ref-art-glow{opacity:.62!important}
.rhat-home .rhat-reference-hero-art:before{border-color:rgba(245,107,0,.09)!important;box-shadow:0 0 0 14px rgba(245,107,0,.018),0 0 0 32px rgba(16,106,175,.022)!important}

@media(max-width:767px){
  /* Floating cards sit at the top edge of the Hero, leaving the CTAs completely clear. */
  .rhat-home .rhat-quick{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
    margin-left:8px!important;margin-right:8px!important;margin-bottom:-28px!important;padding:0!important;
  }
  .rhat-home .rhat-quick-card{
    min-height:76px!important;padding:10px 6px!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;
    text-align:center!important;border-radius:15px!important;
  }
  .rhat-home .rhat-quick-card>span{width:34px!important;height:34px!important;border-radius:11px!important;font-size:18px!important}
  .rhat-home .rhat-quick-card b{font-size:10px!important;line-height:1.2!important}
  .rhat-home .rhat-quick-card small{font-size:7.5px!important;line-height:1.25!important;margin-top:1px!important}
  .rhat-home .rhat-quick-card em{position:absolute!important;right:5px!important;bottom:5px!important;width:17px!important;height:17px!important;font-size:12px!important}

  .rhat-home .rhat-hero{padding-top:58px!important;padding-bottom:24px!important;border-radius:0!important}
  .rhat-home .rhat-hero .rhat-actions{gap:8px!important}
  .rhat-home .rhat-hero .rhat-btn{
    flex:1 1 0!important;width:calc(50% - 4px)!important;min-height:52px!important;height:52px!important;
    grid-template-columns:22px minmax(0,1fr) 19px!important;column-gap:4px!important;
    padding:7px 8px!important;border-radius:26px!important;
  }
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-icon{width:22px!important;height:22px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-icon svg{width:20px!important;height:20px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-text{font-size:11px!important;line-height:1.15!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-arrow{width:19px!important;font-size:21px!important}

  .rhat-home .rhat-ref-phone-screen .rhat-ref-homepage-preview{object-fit:fill!important}
}
@media(max-width:390px){
  .rhat-home .rhat-quick{gap:5px!important;margin-left:5px!important;margin-right:5px!important}
  .rhat-home .rhat-quick-card{min-height:72px!important;padding:8px 4px!important}
  .rhat-home .rhat-quick-card>span{width:31px!important;height:31px!important;font-size:17px!important}
  .rhat-home .rhat-quick-card b{font-size:9px!important}
  .rhat-home .rhat-quick-card small{font-size:7px!important}
  .rhat-home .rhat-hero{padding-top:55px!important}
  .rhat-home .rhat-hero .rhat-btn{grid-template-columns:20px minmax(0,1fr) 17px!important;column-gap:3px!important;padding-left:6px!important;padding-right:6px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-icon{width:20px!important;height:20px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-icon svg{width:18px!important;height:18px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-text{font-size:10px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-arrow{width:17px!important;font-size:19px!important}
}

/* V79 — Quick cards belong directly BELOW the Hero CTAs, floating lightly over the next section. */
.rhat-home .rhat-quick{
  position:relative!important;
  z-index:20!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:-22px!important;
  margin-bottom:0!important;
  padding:0 18px!important;
}
.rhat-home .rhat-quick-card{
  min-width:0!important;
  min-height:78px!important;
  padding:12px 13px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 22px!important;
  align-items:center!important;
  column-gap:9px!important;
  position:relative!important;
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.10)!important;
  backdrop-filter:blur(10px)!important;
}
.rhat-home .rhat-quick-card>span{
  width:40px!important;height:40px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  background:#F5F8FC!important;
  box-shadow:inset 0 0 0 1px #E2EAF2!important;
  font-size:21px!important;
}
.rhat-home .rhat-quick-card b{font-size:13px!important;line-height:1.25!important;font-weight:900!important;color:#123E63!important}
.rhat-home .rhat-quick-card small{font-size:10px!important;line-height:1.35!important;color:#718397!important;margin-top:3px!important}
.rhat-home .rhat-quick-card em{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#F1F5F9!important;color:#315B7D!important;font-size:15px!important;font-style:normal!important;font-weight:900!important}
/* Keep the cards visually floating without ever covering the CTA row. */
.rhat-home .rhat-hero .rhat-actions{position:relative!important;z-index:25!important}
@media(max-width:767px){
  .rhat-home .rhat-quick{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:-18px!important;
    padding:0 8px!important;
  }
  .rhat-home .rhat-quick-card{
    min-height:76px!important;
    padding:9px 5px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:3px!important;
    text-align:center!important;
    border-radius:15px!important;
  }
  .rhat-home .rhat-quick-card>span{width:34px!important;height:34px!important;border-radius:11px!important;font-size:18px!important}
  .rhat-home .rhat-quick-card b{font-size:10px!important;line-height:1.2!important}
  .rhat-home .rhat-quick-card small{font-size:7.5px!important;line-height:1.25!important;margin-top:1px!important}
  .rhat-home .rhat-quick-card em{position:absolute!important;right:5px!important;bottom:5px!important;width:17px!important;height:17px!important;font-size:12px!important}
}
@media(max-width:390px){
  .rhat-home .rhat-quick{gap:5px!important;padding:0 5px!important;margin-top:-16px!important}
  .rhat-home .rhat-quick-card{min-height:72px!important;padding:8px 4px!important}
  .rhat-home .rhat-quick-card>span{width:31px!important;height:31px!important;font-size:17px!important}
  .rhat-home .rhat-quick-card b{font-size:9px!important}
  .rhat-home .rhat-quick-card small{font-size:7px!important}
}

/* V80 — premium mobile-first hero refinement: calm palette, clean phone preview, balanced CTAs and floating quick cards. */
.rhat-home .rhat-hero{position:relative!important;overflow:visible!important;background:linear-gradient(145deg,#f8fbff 0%,#eef6fd 54%,#fffaf4 100%)!important;border-bottom:0!important}
.rhat-home .rhat-hero h1{color:#0F3556!important;letter-spacing:-.7px!important}
.rhat-home .rhat-hero h1 .rhat-hero-orange-word{color:#EA6A18!important}
.rhat-home .rhat-hero h1 .rhat-hero-navy-word{color:#0F3556!important}
.rhat-home .rhat-hero-description p{color:#52677A!important;max-width:610px!important}
.rhat-home .rhat-hero-description p:last-child{display:inline-flex!important;align-items:center!important;min-height:42px!important;margin-top:2px!important;padding:7px 14px!important;border-left:3px solid #F97316!important;border-radius:0 12px 12px 0!important;background:rgba(255,247,237,.72)!important;color:#234B69!important;box-sizing:border-box!important}
.rhat-home .rhat-hero-note{display:none!important}
/* CTA system: one family, one visual rhythm. */
.rhat-home .rhat-hero .rhat-actions{align-items:stretch!important;gap:12px!important}
.rhat-home .rhat-hero .rhat-btn{border-radius:18px!important;min-height:54px!important;height:54px!important;box-sizing:border-box!important}
.rhat-home .rhat-hero .button.primary{
  background:linear-gradient(100deg,#1D4ED8 0%,#4338CA 52%,#F97316 100%)!important;
  background-color:#1D4ED8!important;background-image:linear-gradient(100deg,#1D4ED8 0%,#4338CA 52%,#F97316 100%)!important;
  border:0!important;color:#fff!important;
  box-shadow:0 12px 26px rgba(37,99,235,.16),0 8px 22px rgba(249,115,22,.10)!important;
}
.rhat-home .rhat-hero .button.primary:hover,.rhat-home .rhat-hero .button.primary:focus-visible{filter:brightness(.98)!important;transform:translateY(-1px)!important}
.rhat-home .rhat-hero .button.secondary{
  background:#fff!important;background-image:none!important;background-color:#fff!important;
  border:1.5px solid #CBD5E1!important;color:#173F60!important;
  box-shadow:0 9px 22px rgba(15,53,86,.07),inset 0 0 0 1px rgba(37,99,235,.05)!important;
}
.rhat-home .rhat-hero .button.secondary:hover,.rhat-home .rhat-hero .button.secondary:focus-visible{border-color:#93C5FD!important;background:#F8FBFF!important;color:#173F60!important;transform:translateY(-1px)!important}
.rhat-home .rhat-hero .rhat-btn .rhat-btn-icon,.rhat-home .rhat-hero .rhat-btn .rhat-btn-text,.rhat-home .rhat-hero .rhat-btn .rhat-btn-arrow{align-self:center!important}
/* Phone: use the actual site crop, not browser chrome. */
.rhat-home .rhat-ref-phone-screen{background:#fff!important;overflow:hidden!important;padding:0!important}
.rhat-home .rhat-ref-phone-screen .rhat-ref-homepage-preview{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;transform:none!important}
.rhat-home .rhat-ref-art-glow{opacity:.36!important;background:radial-gradient(circle,rgba(37,99,235,.09) 0%,rgba(249,115,22,.055) 46%,transparent 72%)!important}
.rhat-home .rhat-reference-hero-art:before{border-color:rgba(249,115,22,.075)!important;box-shadow:0 0 0 14px rgba(249,115,22,.014),0 0 0 32px rgba(37,99,235,.016)!important}
.rhat-home .rhat-reference-hero-art:after{border-top-color:rgba(249,115,22,.10)!important}
/* Floating shortcuts: below the CTA row, never above it. */
.rhat-home .rhat-quick{position:relative!important;z-index:20!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:-28px!important;margin-bottom:0!important;padding:0 18px!important}
.rhat-home .rhat-quick-card{min-width:0!important;min-height:88px!important;padding:12px 12px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 24px!important;align-items:center!important;column-gap:9px!important;position:relative!important;overflow:hidden!important;border:1px solid rgba(203,213,225,.88)!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 15px 34px rgba(15,23,42,.09)!important;backdrop-filter:blur(12px)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.rhat-home .rhat-quick-card:hover{transform:translateY(-3px)!important;box-shadow:0 19px 38px rgba(15,23,42,.12)!important;border-color:#CBD5E1!important}
.rhat-home .rhat-quick-card>span{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:linear-gradient(145deg,#F8FAFC,#EEF5FB)!important;color:#245B83!important;box-shadow:inset 0 0 0 1px #E2EAF2!important;font-size:0!important}
.rhat-home .rhat-quick-card>span svg{width:23px!important;height:23px!important;display:block!important}
.rhat-home .rhat-quick-card b{font-size:13px!important;line-height:1.2!important;font-weight:900!important;color:#123E63!important}
.rhat-home .rhat-quick-card small{font-size:10px!important;line-height:1.35!important;color:#718397!important;margin-top:4px!important}
.rhat-home .rhat-quick-card em{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#F8FAFC!important;color:#315B7D!important;font-size:15px!important;font-style:normal!important;font-weight:900!important;box-shadow:inset 0 0 0 1px #E2E8F0!important}
.rhat-home .rhat-quick-card:nth-child(1)>span{color:#E56B1F!important;background:linear-gradient(145deg,#FFF8F1,#FFF1E6)!important}
.rhat-home .rhat-quick-card:nth-child(2)>span{color:#245B83!important;background:linear-gradient(145deg,#F3F8FD,#EAF3FB)!important}
.rhat-home .rhat-quick-card:nth-child(3)>span{color:#B27A17!important;background:linear-gradient(145deg,#FFFDF2,#F7F4E8)!important}
/* More air before the product rail after the floating layer. */
.rhat-home .rhat-quick + .rhat-section{padding-top:54px!important}
@media(max-width:767px){
  .rhat-home .rhat-hero{padding:27px 0 58px!important}
  .rhat-home .rhat-hero-inner{gap:6px!important}
  .rhat-home .rhat-hero h1{font-size:31px!important;line-height:1.08!important;letter-spacing:-.35px!important;margin:8px 0 13px!important}
  .rhat-home .rhat-hero-business-word{display:block!important}
  .rhat-home .rhat-hero-description{margin-bottom:14px!important}
  .rhat-home .rhat-hero-description p{font-size:13px!important;line-height:1.62!important;margin-bottom:10px!important}
  .rhat-home .rhat-hero-description p:last-child{font-size:12.2px!important;line-height:1.45!important;min-height:44px!important;padding:7px 12px!important;margin-top:2px!important}
  .rhat-home .rhat-actions{gap:9px!important}
  .rhat-home .rhat-hero .rhat-btn{flex:1 1 0!important;width:calc(50% - 4.5px)!important;min-height:52px!important;height:52px!important;border-radius:18px!important;grid-template-columns:21px minmax(0,1fr) 18px!important;column-gap:4px!important;padding:7px 9px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-icon{width:21px!important;height:21px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-icon svg{width:19px!important;height:19px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-text{font-size:10.8px!important;font-weight:900!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-arrow{width:18px!important;font-size:20px!important}
  .rhat-home .rhat-reference-hero-art{width:210px!important;height:185px!important;margin:2px auto -5px!important}
  .rhat-home .rhat-ref-phone{left:61px!important;top:4px!important;width:98px!important;height:178px!important;border-width:5px!important;border-radius:22px!important}
  .rhat-home .rhat-ref-phone-notch{width:35px!important;height:8px!important}
  .rhat-home .rhat-ref-phone-screen .rhat-ref-homepage-preview{object-fit:cover!important;object-position:top center!important}
  .rhat-home .rhat-quick{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:-30px!important;padding:0 7px!important}
  .rhat-home .rhat-quick-card{min-height:82px!important;padding:8px 5px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;text-align:center!important;border-radius:16px!important;box-shadow:0 13px 28px rgba(15,23,42,.085)!important}
  .rhat-home .rhat-quick-card>span{width:35px!important;height:35px!important;border-radius:12px!important}
  .rhat-home .rhat-quick-card>span svg{width:20px!important;height:20px!important}
  .rhat-home .rhat-quick-card b{font-size:9.8px!important;line-height:1.2!important}
  .rhat-home .rhat-quick-card small{font-size:7.4px!important;line-height:1.25!important;margin-top:1px!important}
  .rhat-home .rhat-quick-card em{position:absolute!important;right:5px!important;bottom:5px!important;width:18px!important;height:18px!important;font-size:12px!important}
  .rhat-home .rhat-quick + .rhat-section{padding-top:48px!important}
}
@media(max-width:390px){
  .rhat-home .rhat-hero{padding-top:25px!important;padding-bottom:56px!important}
  .rhat-home .rhat-hero h1{font-size:29px!important}
  .rhat-home .rhat-hero-description p{font-size:12.4px!important}
  .rhat-home .rhat-hero .rhat-btn{grid-template-columns:19px minmax(0,1fr) 17px!important;column-gap:3px!important;padding-left:7px!important;padding-right:7px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-icon{width:19px!important;height:19px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-icon svg{width:17px!important;height:17px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-text{font-size:10px!important}
  .rhat-home .rhat-hero .rhat-btn .rhat-btn-arrow{width:17px!important;font-size:19px!important}
  .rhat-home .rhat-quick{gap:5px!important;padding:0 5px!important;margin-top:-27px!important}
  .rhat-home .rhat-quick-card{min-height:78px!important}
  .rhat-home .rhat-quick-card b{font-size:9.2px!important}
  .rhat-home .rhat-quick-card small{font-size:6.8px!important}
}
@media(min-width:768px){
  .rhat-home .rhat-hero{padding:58px 0 68px!important}
  .rhat-home .rhat-hero h1{font-size:50px!important}
  .rhat-home .rhat-quick{margin-top:-34px!important}
}

/* V83 FINAL: clean mobile geometry + new premium palette + separated social motion. */
#rhat-home.rhat-home .rhat-hero{
  position:relative!important;overflow:hidden!important;
  background:linear-gradient(135deg,#F8F7FF 0%,#F2F7FF 48%,#F2FCF9 100%)!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;
  padding:18px 0 28px!important;
  color:#1E1B4B!important;
}
#rhat-home.rhat-home .rhat-hero:before,
#rhat-home.rhat-home .rhat-hero:after{display:none!important;content:none!important}
#rhat-home.rhat-home .rhat-hero-inner{
  display:block!important;width:100%!important;max-width:1180px!important;
  margin:0 auto!important;padding:0 20px!important;box-sizing:border-box!important;
  position:relative!important;z-index:2!important;
}
#rhat-home.rhat-home .rhat-hero-copy{
  width:100%!important;max-width:none!important;padding:0 150px 0 0!important;
  margin:0!important;box-sizing:border-box!important;position:relative!important;z-index:4!important;
  text-align:left!important;
}
#rhat-home.rhat-home .rhat-eyebrow{
  margin:0 0 9px!important;color:#6D28D9!important;font-size:12px!important;
  line-height:1.2!important;letter-spacing:.2px!important;font-weight:900!important;
}
#rhat-home.rhat-home .rhat-eyebrow:before{color:#7C3AED!important}
#rhat-home.rhat-home .rhat-eyebrow:after{color:#A78BFA!important}
#rhat-home.rhat-home .rhat-hero h1{
  margin:0 0 14px!important;font-size:32px!important;line-height:1.10!important;
  letter-spacing:-.65px!important;font-weight:950!important;color:#1E1B4B!important;
  text-shadow:none!important;overflow:visible!important;
}
#rhat-home.rhat-home .rhat-hero h1 .rhat-hero-orange-word{color:#7C3AED!important}
#rhat-home.rhat-home .rhat-hero h1 .rhat-hero-navy-word,
#rhat-home.rhat-home .rhat-hero h1 strong{color:#1E1B4B!important}
#rhat-home.rhat-home .rhat-hero-business-word{color:#3730A3!important}
#rhat-home.rhat-home .rhat-hero-description{
  width:100%!important;max-width:610px!important;margin:0 0 15px!important;
  padding:0!important;box-sizing:border-box!important;
}
#rhat-home.rhat-home .rhat-hero-description p{
  margin:0 0 9px!important;color:#536174!important;font-size:13px!important;
  line-height:1.68!important;font-weight:520!important;max-width:100%!important;
}
#rhat-home.rhat-home .rhat-hero-description p:last-child{
  display:block!important;min-height:0!important;margin:1px 0 0!important;
  padding:8px 12px!important;border-left:3px solid #7C3AED!important;
  border-radius:0 12px 12px 0!important;background:rgba(255,255,255,.72)!important;
  color:#312E81!important;font-weight:850!important;
}
#rhat-home.rhat-home .rhat-hero-note{display:none!important}

/* Both CTAs use one premium color family, with centered icon/text/arrow. */
#rhat-home.rhat-home .rhat-actions{
  width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;
  gap:12px!important;flex-wrap:nowrap!important;margin:0!important;position:relative!important;z-index:40!important;
}
#rhat-home.rhat-home .rhat-hero .rhat-btn{
  flex:0 1 235px!important;width:235px!important;min-width:0!important;height:52px!important;min-height:52px!important;
  margin:0!important;padding:7px 12px!important;box-sizing:border-box!important;border-radius:17px!important;
  display:grid!important;grid-template-columns:24px minmax(0,1fr) 20px!important;align-items:center!important;
  column-gap:6px!important;text-align:center!important;white-space:nowrap!important;
}
#rhat-home.rhat-home .rhat-hero .button.primary,
#rhat-home.rhat-home .rhat-hero .button.secondary{
  background:linear-gradient(110deg,#4F46E5 0%,#6366F1 52%,#7C3AED 100%)!important;
  background-color:#4F46E5!important;color:#fff!important;border:0!important;
  box-shadow:0 12px 26px rgba(79,70,229,.20)!important;
}
#rhat-home.rhat-home .rhat-hero .button.primary:hover,
#rhat-home.rhat-home .rhat-hero .button.secondary:hover,
#rhat-home.rhat-home .rhat-hero .button.primary:focus-visible,
#rhat-home.rhat-home .rhat-hero .button.secondary:focus-visible{
  color:#fff!important;filter:brightness(1.03)!important;transform:translateY(-1px)!important;
}
#rhat-home.rhat-home .rhat-btn-icon,
#rhat-home.rhat-home .rhat-btn-text,
#rhat-home.rhat-home .rhat-btn-arrow{align-self:center!important}
#rhat-home.rhat-home .rhat-btn-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;color:#fff!important}
#rhat-home.rhat-home .rhat-btn-icon svg{width:21px!important;height:21px!important;display:block!important}
#rhat-home.rhat-home .rhat-btn-text{color:#fff!important;font-size:12px!important;font-weight:900!important;line-height:1.2!important;text-align:center!important}
#rhat-home.rhat-home .rhat-btn-arrow{width:20px!important;color:#fff!important;font-size:22px!important;font-weight:900!important;line-height:1!important;text-align:center!important}

/* Phone artwork: softer violet/teal halo, no harsh orange disc. */
#rhat-home.rhat-home .rhat-reference-hero-art{
  display:block!important;position:absolute!important;right:-8px!important;top:62px!important;
  width:178px!important;height:258px!important;margin:0!important;z-index:2!important;
  pointer-events:none!important;overflow:visible!important;
}
#rhat-home.rhat-home .rhat-ref-art-glow{
  position:absolute!important;inset:-6px!important;border-radius:50%!important;opacity:1!important;filter:none!important;
  background:radial-gradient(circle,rgba(99,102,241,.16) 0%,rgba(20,184,166,.08) 40%,transparent 72%)!important;
}
#rhat-home.rhat-home .rhat-reference-hero-art:before{
  content:''!important;position:absolute!important;left:-8px!important;top:42px!important;width:190px!important;height:190px!important;
  border-radius:50%!important;border:2px solid rgba(99,102,241,.10)!important;
  background:radial-gradient(circle,rgba(99,102,241,.11),rgba(20,184,166,.055) 55%,transparent 72%)!important;
  box-shadow:0 0 0 14px rgba(99,102,241,.025)!important;animation:none!important;
}
#rhat-home.rhat-home .rhat-reference-hero-art:after{display:none!important;content:none!important}
#rhat-home.rhat-home .rhat-ref-phone{
  left:57px!important;top:13px!important;width:105px!important;height:224px!important;
  border:5px solid #172554!important;border-radius:26px!important;background:#fff!important;
  box-shadow:0 24px 42px rgba(30,27,75,.18)!important;transform:rotate(7deg)!important;overflow:hidden!important;
}
#rhat-home.rhat-home .rhat-ref-phone-notch{background:#172554!important}
#rhat-home.rhat-home .rhat-ref-phone-screen{padding:0!important;background:#fff!important;overflow:hidden!important;display:block!important}
#rhat-home.rhat-home .rhat-ref-phone-screen .rhat-ref-homepage-preview{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:top center!important;margin:0!important;transform:none!important;
}

/* Social badges: three distinct positions, independent floating/orbit paths; never stack together. */
#rhat-home.rhat-home .rhat-social-orbit{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  z-index:12!important;pointer-events:none!important;animation:none!important;transform:none!important;
}
#rhat-home.rhat-home .rhat-ref-social{
  position:absolute!important;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;
  margin:0!important;padding:0!important;border-radius:50%!important;background:#fff!important;
  border:1px solid rgba(226,232,240,.98)!important;box-shadow:0 10px 24px rgba(30,27,75,.14),0 0 0 5px rgba(255,255,255,.55)!important;
  pointer-events:auto!important;text-decoration:none!important;line-height:1!important;
  animation-duration:9s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important;
  animation-play-state:running!important;will-change:transform!important;
}
#rhat-home.rhat-home .rhat-ref-social svg{display:block!important;width:24px!important;height:24px!important;fill:currentColor!important}
#rhat-home.rhat-home .rhat-ref-social-f{left:2px!important;top:45px!important;color:#1877F2!important;animation-name:rhatSocialFloatF!important}
#rhat-home.rhat-home .rhat-ref-social-t{right:0!important;top:58px!important;color:#111827!important;animation-name:rhatSocialFloatT!important;animation-delay:-3s!important}
#rhat-home.rhat-home .rhat-ref-social-x{left:18px!important;bottom:20px!important;color:#111827!important;animation-name:rhatSocialFloatX!important;animation-delay:-6s!important}
#rhat-home.rhat-home .rhat-social-orbit.is-paused .rhat-ref-social{animation-play-state:paused!important}
#rhat-home.rhat-home .rhat-ref-social:hover,
#rhat-home.rhat-home .rhat-ref-social:focus-visible{
  animation-play-state:paused!important;transform:scale(1.10)!important;
  box-shadow:0 15px 30px rgba(30,27,75,.20),0 0 0 7px rgba(255,255,255,.68)!important;outline:none!important;
}
@keyframes rhatSocialFloatF{
  0%,100%{transform:translate(0,0) rotate(-4deg)}25%{transform:translate(8px,-5px) rotate(2deg)}50%{transform:translate(13px,5px) rotate(5deg)}75%{transform:translate(5px,9px) rotate(0deg)}
}
@keyframes rhatSocialFloatT{
  0%,100%{transform:translate(0,0) rotate(4deg)}25%{transform:translate(-8px,7px) rotate(-2deg)}50%{transform:translate(-12px,-3px) rotate(-5deg)}75%{transform:translate(-4px,-9px) rotate(1deg)}
}
@keyframes rhatSocialFloatX{
  0%,100%{transform:translate(0,0) rotate(-3deg)}25%{transform:translate(-6px,-8px) rotate(2deg)}50%{transform:translate(7px,-10px) rotate(5deg)}75%{transform:translate(11px,1px) rotate(0deg)}
}

/* Quick cards: remain directly below CTAs, lightly floating, never covering the buttons. */
#rhat-home.rhat-home .rhat-quick{
  position:relative!important;z-index:30!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;margin:-12px auto 0!important;padding:0 20px!important;box-sizing:border-box!important;
}
#rhat-home.rhat-home .rhat-quick-card{
  min-width:0!important;min-height:86px!important;padding:10px 8px!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;
  text-align:center!important;border:1px solid rgba(226,232,240,.96)!important;border-radius:17px!important;
  background:rgba(255,255,255,.94)!important;box-shadow:0 12px 28px rgba(30,27,75,.09)!important;
  backdrop-filter:blur(10px)!important;color:#27235A!important;
}
#rhat-home.rhat-home .rhat-quick-card>span{width:36px!important;height:36px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#F3F1FF!important;color:#5B21B6!important;box-shadow:inset 0 0 0 1px #E9E4FF!important;font-size:0!important}
#rhat-home.rhat-home .rhat-quick-card>span svg{width:20px!important;height:20px!important;display:block!important}
#rhat-home.rhat-home .rhat-quick-card b{font-size:10px!important;line-height:1.2!important;font-weight:900!important;color:#29245F!important}
#rhat-home.rhat-home .rhat-quick-card small{font-size:7.3px!important;line-height:1.25!important;color:#74718A!important;margin:0!important;white-space:nowrap!important}
#rhat-home.rhat-home .rhat-quick-card em{position:absolute!important;right:5px!important;bottom:5px!important;width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#F5F3FF!important;color:#5B21B6!important;font-size:11px!important;box-shadow:inset 0 0 0 1px #E7E1FF!important}
#rhat-home.rhat-home .rhat-quick-card:nth-child(2)>span{background:#EEF9F7!important;color:#0F766E!important;box-shadow:inset 0 0 0 1px #D8F0EC!important}
#rhat-home.rhat-home .rhat-quick-card:nth-child(3)>span{background:#EEF2FF!important;color:#3730A3!important;box-shadow:inset 0 0 0 1px #DDE3FF!important}
#rhat-home.rhat-home .rhat-quick + .rhat-section{padding-top:48px!important}

@media(max-width:767px){
  #rhat-home.rhat-home .rhat-hero-inner{padding-left:20px!important;padding-right:20px!important}
  #rhat-home.rhat-home .rhat-hero-copy{padding-right:138px!important}
  #rhat-home.rhat-home .rhat-hero{padding-top:18px!important;padding-bottom:27px!important;min-height:0!important}
  #rhat-home.rhat-home .rhat-hero h1{font-size:30px!important;line-height:1.10!important;margin-bottom:13px!important}
  #rhat-home.rhat-home .rhat-hero-description p{font-size:12.4px!important;line-height:1.64!important}
  #rhat-home.rhat-home .rhat-hero-description p:last-child{font-size:12px!important;padding:7px 10px!important}
  #rhat-home.rhat-home .rhat-actions{gap:9px!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn{flex:1 1 0!important;width:auto!important;height:50px!important;min-height:50px!important;border-radius:17px!important;padding:7px 8px!important;grid-template-columns:19px minmax(0,1fr) 17px!important;column-gap:4px!important}
  #rhat-home.rhat-home .rhat-btn-icon{width:19px!important;height:19px!important}
  #rhat-home.rhat-home .rhat-btn-icon svg{width:18px!important;height:18px!important}
  #rhat-home.rhat-home .rhat-btn-text{font-size:10.5px!important}
  #rhat-home.rhat-home .rhat-btn-arrow{width:17px!important;font-size:19px!important}
  #rhat-home.rhat-home .rhat-reference-hero-art{right:-8px!important;top:57px!important;width:178px!important;height:258px!important}
  #rhat-home.rhat-home .rhat-ref-phone{left:57px!important;top:13px!important;width:105px!important;height:224px!important}
  #rhat-home.rhat-home .rhat-quick{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:-11px!important;padding:0 20px!important}
  #rhat-home.rhat-home .rhat-quick-card{min-height:84px!important;border-radius:16px!important;padding:8px 4px!important}
}
@media(max-width:430px){
  #rhat-home.rhat-home .rhat-hero-inner{padding-left:18px!important;padding-right:18px!important}
  #rhat-home.rhat-home .rhat-hero-copy{padding-right:128px!important}
  #rhat-home.rhat-home .rhat-hero h1{font-size:28px!important;letter-spacing:-.35px!important}
  #rhat-home.rhat-home .rhat-hero-description p{font-size:11.9px!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn{height:48px!important;min-height:48px!important;border-radius:16px!important}
  #rhat-home.rhat-home .rhat-btn-text{font-size:9.8px!important}
  #rhat-home.rhat-home .rhat-reference-hero-art{right:-15px!important;top:55px!important;transform:scale(.94)!important;transform-origin:top right!important}
  #rhat-home.rhat-home .rhat-quick{padding-left:18px!important;padding-right:18px!important;gap:6px!important}
  #rhat-home.rhat-home .rhat-quick-card{min-height:80px!important}
  #rhat-home.rhat-home .rhat-quick-card b{font-size:9.3px!important}
  #rhat-home.rhat-home .rhat-quick-card small{font-size:6.7px!important}
}
@media(max-width:380px){
  #rhat-home.rhat-home .rhat-hero-copy{padding-right:116px!important}
  #rhat-home.rhat-home .rhat-hero h1{font-size:27px!important}
  #rhat-home.rhat-home .rhat-hero-description p{font-size:11.5px!important}
  #rhat-home.rhat-home .rhat-reference-hero-art{right:-20px!important;transform:scale(.88)!important}
}
@media(prefers-reduced-motion:reduce){
  #rhat-home.rhat-home .rhat-ref-social{animation:none!important}
}

/* V84 — independent social motion + longer balanced hero CTAs.
 * Visual-only refinement; links, WooCommerce data and existing functionality remain untouched.
 */
#rhat-home.rhat-home .rhat-social-orbit{pointer-events:none!important;animation:none!important;transform:none!important}
#rhat-home.rhat-home .rhat-ref-social{
  width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
  border-radius:50%!important;pointer-events:auto!important;will-change:transform!important;
  animation-duration:10s!important;animation-timing-function:cubic-bezier(.45,.05,.55,.95)!important;
  animation-iteration-count:infinite!important;animation-play-state:running!important;
}
/* Each badge follows its own independent loop so TikTok and X never share one orbit. */
#rhat-home.rhat-home .rhat-ref-social-f{left:0!important;top:43px!important;animation-name:rhatSocialIndependentF!important}
#rhat-home.rhat-home .rhat-ref-social-t{right:0!important;top:62px!important;animation-name:rhatSocialIndependentT!important;animation-delay:-3.3s!important}
#rhat-home.rhat-home .rhat-ref-social-x{left:17px!important;bottom:16px!important;animation-name:rhatSocialIndependentX!important;animation-delay:-6.6s!important}
@keyframes rhatSocialIndependentF{
  0%,100%{transform:translate(0,0) rotate(-6deg)}
  20%{transform:translate(11px,-8px) rotate(5deg)}
  40%{transform:translate(16px,3px) rotate(9deg)}
  60%{transform:translate(7px,12px) rotate(-2deg)}
  80%{transform:translate(-5px,5px) rotate(-7deg)}
}
@keyframes rhatSocialIndependentT{
  0%,100%{transform:translate(0,0) rotate(5deg)}
  20%{transform:translate(-10px,-7px) rotate(-4deg)}
  40%{transform:translate(-16px,4px) rotate(-8deg)}
  60%{transform:translate(-8px,13px) rotate(2deg)}
  80%{transform:translate(5px,6px) rotate(7deg)}
}
@keyframes rhatSocialIndependentX{
  0%,100%{transform:translate(0,0) rotate(-4deg)}
  20%{transform:translate(-10px,-9px) rotate(5deg)}
  40%{transform:translate(5px,-15px) rotate(9deg)}
  60%{transform:translate(14px,-4px) rotate(-2deg)}
  80%{transform:translate(7px,8px) rotate(-7deg)}
}
#rhat-home.rhat-home .rhat-social-orbit.is-paused .rhat-ref-social,
#rhat-home.rhat-home .rhat-ref-social:hover,
#rhat-home.rhat-home .rhat-ref-social:focus-visible{animation-play-state:paused!important}

/* Longer, centered CTA buttons with equal visual weight. */
#rhat-home.rhat-home .rhat-actions{
  display:flex!important;justify-content:center!important;align-items:center!important;
  gap:14px!important;width:100%!important;box-sizing:border-box!important;
}
#rhat-home.rhat-home .rhat-hero .rhat-btn{
  flex:0 1 214px!important;width:214px!important;max-width:214px!important;
  height:54px!important;min-height:54px!important;padding:8px 13px!important;
  border-radius:18px!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:22px minmax(0,1fr) 20px!important;
  align-items:center!important;justify-items:center!important;column-gap:6px!important;
  text-align:center!important;white-space:nowrap!important;
}
#rhat-home.rhat-home .rhat-btn-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important}
#rhat-home.rhat-home .rhat-btn-icon svg{width:21px!important;height:21px!important;display:block!important}
#rhat-home.rhat-home .rhat-btn-text{font-size:11.5px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;justify-self:center!important}
#rhat-home.rhat-home .rhat-btn-arrow{width:20px!important;font-size:20px!important;line-height:1!important;font-weight:900!important;justify-self:center!important}

@media(max-width:767px){
  #rhat-home.rhat-home .rhat-actions{justify-content:center!important;gap:12px!important;padding:0!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn{flex:0 1 210px!important;width:210px!important;max-width:210px!important;height:54px!important;min-height:54px!important;border-radius:18px!important}
}
@media(max-width:430px){
  #rhat-home.rhat-home .rhat-actions{gap:10px!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn{flex:1 1 0!important;width:auto!important;max-width:none!important;height:52px!important;min-height:52px!important;padding-left:9px!important;padding-right:9px!important;border-radius:17px!important;grid-template-columns:21px minmax(0,1fr) 19px!important;column-gap:5px!important}
  #rhat-home.rhat-home .rhat-btn-text{font-size:10.8px!important}
  #rhat-home.rhat-home .rhat-btn-arrow{font-size:19px!important}
}
@media(max-width:360px){
  #rhat-home.rhat-home .rhat-actions{gap:8px!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn{height:50px!important;min-height:50px!important;padding-left:7px!important;padding-right:7px!important;grid-template-columns:19px minmax(0,1fr) 18px!important;column-gap:4px!important}
  #rhat-home.rhat-home .rhat-btn-text{font-size:10px!important}
}

/* V85 FINAL: wider CTAs + independently orbiting social badges + current homepage preview. */
#rhat-home.rhat-home .rhat-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:16px!important;width:100%!important;box-sizing:border-box!important}
#rhat-home.rhat-home .rhat-hero .rhat-btn{flex:1 1 0!important;width:auto!important;max-width:none!important;height:62px!important;min-height:62px!important;padding:8px 16px!important;border-radius:20px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:26px minmax(0,1fr) 24px!important;align-items:center!important;column-gap:8px!important;white-space:nowrap!important}
#rhat-home.rhat-home .rhat-btn-icon{width:26px!important;height:26px!important}
#rhat-home.rhat-home .rhat-btn-icon svg{width:25px!important;height:25px!important}
#rhat-home.rhat-home .rhat-btn-text{font-size:13px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important}
#rhat-home.rhat-home .rhat-btn-arrow{width:24px!important;font-size:23px!important;line-height:1!important;font-weight:900!important}

/* Each social badge has its own small elliptical motion path; no shared orbit rotation. */
#rhat-home.rhat-home .rhat-social-orbit{transform:none!important;animation:none!important;pointer-events:none!important}
#rhat-home.rhat-home .rhat-ref-social{pointer-events:auto!important;animation-iteration-count:infinite!important;animation-timing-function:ease-in-out!important;animation-play-state:running!important;will-change:transform!important}
#rhat-home.rhat-home .rhat-ref-social-f{animation-name:rhatFBLoop!important;animation-duration:6.8s!important}
#rhat-home.rhat-home .rhat-ref-social-t{animation-name:rhatTikLoop!important;animation-duration:7.6s!important;animation-delay:-2.4s!important}
#rhat-home.rhat-home .rhat-ref-social-x{animation-name:rhatXLoop!important;animation-duration:7.1s!important;animation-delay:-4.5s!important}
@keyframes rhatFBLoop{0%,100%{transform:translate(0,0) rotate(-7deg)}25%{transform:translate(8px,-5px) rotate(3deg)}50%{transform:translate(13px,2px) rotate(7deg)}75%{transform:translate(6px,8px) rotate(-2deg)}}
@keyframes rhatTikLoop{0%,100%{transform:translate(0,0) rotate(6deg)}25%{transform:translate(-7px,6px) rotate(-3deg)}50%{transform:translate(-13px,-1px) rotate(-7deg)}75%{transform:translate(-5px,-8px) rotate(2deg)}}
@keyframes rhatXLoop{0%,100%{transform:translate(0,0) rotate(-5deg)}25%{transform:translate(-6px,-8px) rotate(3deg)}50%{transform:translate(9px,-11px) rotate(7deg)}75%{transform:translate(13px,-2px) rotate(-2deg)}}
#rhat-home.rhat-home .rhat-social-orbit.is-paused .rhat-ref-social,#rhat-home.rhat-home .rhat-ref-social:hover,#rhat-home.rhat-home .rhat-ref-social:focus-visible{animation-play-state:paused!important}

@media(max-width:767px){
  #rhat-home.rhat-home .rhat-actions{width:calc(100% + 128px)!important;max-width:calc(100% + 128px)!important;gap:12px!important;margin-right:-128px!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn{height:58px!important;min-height:58px!important;border-radius:19px!important;padding-left:14px!important;padding-right:14px!important;grid-template-columns:25px minmax(0,1fr) 23px!important;column-gap:7px!important}
  #rhat-home.rhat-home .rhat-btn-text{font-size:12.4px!important}
  #rhat-home.rhat-home .rhat-btn-arrow{font-size:22px!important}
}
@media(max-width:430px){
  #rhat-home.rhat-home .rhat-actions{width:calc(100% + 128px)!important;max-width:calc(100% + 128px)!important;margin-right:-128px!important;gap:10px!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn{height:58px!important;min-height:58px!important;border-radius:18px!important;padding-left:12px!important;padding-right:12px!important;grid-template-columns:24px minmax(0,1fr) 22px!important;column-gap:6px!important}
  #rhat-home.rhat-home .rhat-btn-icon,#rhat-home.rhat-home .rhat-btn-icon svg{width:23px!important;height:23px!important}
  #rhat-home.rhat-home .rhat-btn-text{font-size:11.5px!important}
  #rhat-home.rhat-home .rhat-btn-arrow{font-size:21px!important}
}
@media(max-width:360px){
  #rhat-home.rhat-home .rhat-actions{width:calc(100% + 116px)!important;max-width:calc(100% + 116px)!important;margin-right:-116px!important;gap:8px!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn{height:56px!important;min-height:56px!important}
  #rhat-home.rhat-home .rhat-btn-text{font-size:10.8px!important}
}

/* V87: Category section only. Hero and its approved artwork/buttons are untouched. */
#rhat-home.rhat-home .rhat-main-category-section{
  position:relative!important;
  margin-top:0!important;
  padding-top:52px!important;
  padding-bottom:44px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#fbfcff 48%,#ffffff 100%)!important;
  border-top:1px solid rgba(79,70,229,.045)!important;
  border-bottom:1px solid rgba(15,23,42,.035)!important;
  border-radius:0!important;
}
#rhat-home.rhat-home .rhat-main-category-section:before{
  content:""!important;
  position:absolute!important;
  width:300px!important;height:300px!important;
  left:-180px!important;top:40px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(99,102,241,.09),rgba(99,102,241,0) 70%)!important;
  pointer-events:none!important;
}
#rhat-home.rhat-home .rhat-main-category-section:after{
  content:""!important;
  position:absolute!important;
  width:260px!important;height:260px!important;
  right:-150px!important;bottom:-80px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(20,184,166,.065),rgba(20,184,166,0) 70%)!important;
  pointer-events:none!important;
}
#rhat-home.rhat-home .rhat-category-heading{
  position:relative!important;z-index:1!important;
  max-width:820px!important;
  margin:0 auto 30px!important;
  text-align:center!important;
}
#rhat-home.rhat-home .rhat-category-heading .rhat-kicker{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 13px!important;
  border-radius:999px!important;
  background:rgba(99,102,241,.08)!important;
  color:#5B4FE8!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:1.4px!important;
}
#rhat-home.rhat-home .rhat-category-heading h2{
  margin:10px 0 9px!important;
  color:#102A43!important;
  font-size:32px!important;
  line-height:1.22!important;
  font-weight:900!important;
  letter-spacing:-.4px!important;
}
#rhat-home.rhat-home .rhat-category-heading p{
  max-width:720px!important;
  margin:0 auto!important;
  color:#64748B!important;
  font-size:14px!important;
  line-height:1.8!important;
  font-weight:500!important;
}
#rhat-home.rhat-home .rhat-main-category-grid{
  position:relative!important;z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
#rhat-home.rhat-home .rhat-main-category-card{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(15,23,42,.065)!important;
  text-decoration:none!important;
  transform:translateY(0)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
#rhat-home.rhat-home .rhat-main-category-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(99,102,241,.22)!important;
  box-shadow:0 18px 38px rgba(49,46,129,.11)!important;
}
#rhat-home.rhat-home .rhat-main-category-image{
  display:block!important;
  width:100%!important;
  aspect-ratio:1.18/1!important;
  overflow:hidden!important;
  background:#F8FAFC!important;
  border-radius:0!important;
}
#rhat-home.rhat-home .rhat-main-category-img{
  display:block!important;
  width:100%!important;height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  transition:transform .45s cubic-bezier(.2,.7,.2,1)!important;
}
#rhat-home.rhat-home .rhat-main-category-card:hover .rhat-main-category-img{
  transform:scale(1.045)!important;
}
#rhat-home.rhat-home .rhat-main-category-bar{
  position:absolute!important;
  left:12px!important;right:12px!important;bottom:12px!important;
  width:auto!important;
  min-height:44px!important;
  margin:0!important;
  padding:7px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.88)!important;
  color:#16324F!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 9px 22px rgba(15,23,42,.13)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
#rhat-home.rhat-home .rhat-main-category-name{
  display:block!important;
  width:100%!important;
  color:#16324F!important;
  text-align:center!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
#rhat-home.rhat-home .rhat-main-category-card:focus-visible{
  outline:3px solid rgba(79,70,229,.28)!important;
  outline-offset:3px!important;
}
@media(max-width:1000px){
  #rhat-home.rhat-home .rhat-main-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
}
@media(max-width:767px){
  #rhat-home.rhat-home .rhat-main-category-section{padding-top:40px!important;padding-bottom:30px!important}
  #rhat-home.rhat-home .rhat-category-heading{margin-bottom:22px!important;padding:0 4px!important}
  #rhat-home.rhat-home .rhat-category-heading h2{font-size:25px!important;line-height:1.25!important;margin-top:9px!important}
  #rhat-home.rhat-home .rhat-category-heading p{font-size:12px!important;line-height:1.72!important}
  #rhat-home.rhat-home .rhat-main-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  #rhat-home.rhat-home .rhat-main-category-card{border-radius:15px!important;box-shadow:0 7px 18px rgba(15,23,42,.055)!important}
  #rhat-home.rhat-home .rhat-main-category-image{aspect-ratio:1.08/1!important}
  #rhat-home.rhat-home .rhat-main-category-bar{left:6px!important;right:6px!important;bottom:6px!important;min-height:35px!important;padding:5px 5px!important;border-radius:10px!important}
  #rhat-home.rhat-home .rhat-main-category-name{font-size:10px!important;line-height:1.15!important}
}
@media(max-width:390px){
  #rhat-home.rhat-home .rhat-main-category-section{padding-top:34px!important}
  #rhat-home.rhat-home .rhat-category-heading h2{font-size:22px!important}
  #rhat-home.rhat-home .rhat-category-heading p{font-size:11px!important}
  #rhat-home.rhat-home .rhat-main-category-grid{gap:8px!important}
  #rhat-home.rhat-home .rhat-main-category-card{border-radius:13px!important}
  #rhat-home.rhat-home .rhat-main-category-bar{left:5px!important;right:5px!important;bottom:5px!important;min-height:31px!important;padding:4px 3px!important;border-radius:9px!important}
  #rhat-home.rhat-home .rhat-main-category-name{font-size:9px!important}
}

/* V88: premium category refinement only.
 * Keep category artwork fully visible; move labels below the image with a small premium overlap.
 * No hero/header/product/business/checkout changes.
 */
#rhat-home.rhat-home .rhat-main-category-card{
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding-bottom:2px!important;
}
#rhat-home.rhat-home .rhat-main-category-image{
  position:relative!important;
  overflow:hidden!important;
  aspect-ratio:1.16/1!important;
  border-radius:20px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  background:#F8FAFC!important;
  box-shadow:0 9px 24px rgba(15,23,42,.075)!important;
}
#rhat-home.rhat-home .rhat-main-category-img{
  object-fit:cover!important;
  object-position:center!important;
}
#rhat-home.rhat-home .rhat-main-category-bar{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:3!important;
  width:calc(100% - 22px)!important;
  min-height:42px!important;
  margin:-10px auto 0!important;
  padding:7px 30px 7px 12px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.97)!important;
  color:#17324D!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 9px 22px rgba(15,23,42,.13)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
#rhat-home.rhat-home .rhat-main-category-bar:after{
  content:'›'!important;
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:22px!important;
  height:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#F1F5F9!important;
  color:#5B4FE8!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
}
#rhat-home.rhat-home .rhat-main-category-name{
  padding:0!important;
  color:#17324D!important;
  font-size:13px!important;
  line-height:1.22!important;
  font-weight:900!important;
}
#rhat-home.rhat-home .rhat-main-category-card:hover .rhat-main-category-image{
  box-shadow:0 14px 30px rgba(15,23,42,.11)!important;
}
#rhat-home.rhat-home .rhat-main-category-card:hover .rhat-main-category-bar{
  box-shadow:0 12px 25px rgba(15,23,42,.15)!important;
}
@media(max-width:1000px){
  #rhat-home.rhat-home .rhat-main-category-grid{gap:14px!important}
}
@media(max-width:767px){
  #rhat-home.rhat-home .rhat-main-category-image{
    aspect-ratio:1.10/1!important;
    border-radius:15px!important;
  }
  #rhat-home.rhat-home .rhat-main-category-bar{
    width:calc(100% - 12px)!important;
    min-height:35px!important;
    margin:-7px auto 0!important;
    padding:5px 25px 5px 5px!important;
    border-radius:10px!important;
    box-shadow:0 6px 15px rgba(15,23,42,.11)!important;
  }
  #rhat-home.rhat-home .rhat-main-category-name{
    font-size:10px!important;
    line-height:1.15!important;
  }
  #rhat-home.rhat-home .rhat-main-category-bar:after{
    right:6px!important;
    width:19px!important;
    height:19px!important;
    font-size:16px!important;
  }
}
@media(max-width:390px){
  #rhat-home.rhat-home .rhat-main-category-image{border-radius:13px!important}
  #rhat-home.rhat-home .rhat-main-category-bar{
    width:calc(100% - 10px)!important;
    min-height:32px!important;
    margin:-6px auto 0!important;
    padding:4px 22px 4px 3px!important;
    border-radius:9px!important;
  }
  #rhat-home.rhat-home .rhat-main-category-name{font-size:9px!important}
  #rhat-home.rhat-home .rhat-main-category-bar:after{
    right:4px!important;
    width:18px!important;
    height:18px!important;
  }
}

/* V86: mobile hero artwork lift only. Phone + all three social badges move together.
 * No other hero, button, card, content or functionality changes.
 */
@media (max-width:767px){
  #rhat-home.rhat-home .rhat-reference-hero-art{top:15px!important}
}
@media (max-width:430px){
  #rhat-home.rhat-home .rhat-reference-hero-art{top:14px!important}
}
@media (max-width:360px){
  #rhat-home.rhat-home .rhat-reference-hero-art{top:12px!important}
}

/* V135 FINAL: Desktop is the same component set as the approved mobile homepage.
 * Desktop-only visual blocks are removed; no WooCommerce/business logic is changed.
 */
@media (min-width:768px){
  /* Never show homepage components that mobile intentionally hides. */
  #rhat-home.rhat-home .rhat-hero-visual,
  #rhat-home.rhat-home .rhat-hero-card,
  #rhat-home.rhat-home .rhat-hero-note,
  #rhat-home.rhat-home .rhat-quick-card:nth-child(4),
  #rhat-home.rhat-home .rhat-business-reseller,
  #rhat-home.rhat-home .rhat-business-legacy,
  #rhat-home.rhat-home .rhat-trust-strip{display:none!important}

  /* Same mobile hero composition, centered on the larger screen. */
  #rhat-home.rhat-home .rhat-hero{padding:27px 0 58px!important;min-height:0!important;height:auto!important;border-radius:0 0 26px 26px!important;overflow:hidden!important}
  #rhat-home.rhat-home .rhat-hero-inner{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;max-width:760px!important;margin:0 auto!important;padding:0 20px!important}
  #rhat-home.rhat-home .rhat-hero-copy{width:100%!important;max-width:760px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
  #rhat-home.rhat-home .rhat-eyebrow{font-size:12px!important;margin-bottom:4px!important}
  #rhat-home.rhat-home .rhat-hero h1{font-size:31px!important;line-height:1.08!important;letter-spacing:-.35px!important;margin:8px 0 13px!important;max-width:720px!important}
  #rhat-home.rhat-home .rhat-hero-business-word{display:block!important}
  #rhat-home.rhat-home .rhat-hero-description{max-width:680px!important;margin:0 auto 14px!important}
  #rhat-home.rhat-home .rhat-hero-description p{font-size:13px!important;line-height:1.62!important;margin-bottom:10px!important}
  #rhat-home.rhat-home .rhat-hero-description p:last-child{font-size:12.2px!important;line-height:1.45!important;min-height:44px!important;padding:7px 12px!important;margin-top:2px!important}
  #rhat-home.rhat-home .rhat-actions{display:flex!important;justify-content:center!important;align-items:stretch!important;gap:9px!important;width:100%!important;max-width:620px!important;margin:0 auto!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn{flex:1 1 0!important;width:calc(50% - 4.5px)!important;max-width:none!important;min-height:52px!important;height:52px!important;border-radius:18px!important;grid-template-columns:21px minmax(0,1fr) 18px!important;column-gap:4px!important;padding:7px 9px!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn .rhat-btn-icon{width:21px!important;height:21px!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn .rhat-btn-icon svg{width:19px!important;height:19px!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn .rhat-btn-text{font-size:10.8px!important;font-weight:900!important;white-space:nowrap!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn .rhat-btn-arrow{width:18px!important;font-size:20px!important}
  #rhat-home.rhat-home .rhat-reference-hero-art{display:block!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:210px!important;height:185px!important;margin:2px auto -5px!important;pointer-events:none!important}
  #rhat-home.rhat-home .rhat-ref-phone{left:61px!important;top:4px!important;width:98px!important;height:178px!important;border-width:5px!important;border-radius:22px!important}
  #rhat-home.rhat-home .rhat-ref-phone-notch{width:35px!important;height:8px!important}
  #rhat-home.rhat-home .rhat-ref-phone-screen .rhat-ref-homepage-preview{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;transform:none!important}

  /* Same three quick cards as mobile — no fourth desktop card. */
  #rhat-home.rhat-home .rhat-quick{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important;max-width:760px!important;margin:-30px auto 0!important;padding:0 7px!important;box-sizing:border-box!important}
  #rhat-home.rhat-home .rhat-quick-card{min-height:82px!important;padding:8px 5px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;text-align:center!important;border-radius:16px!important;box-shadow:0 13px 28px rgba(15,23,42,.085)!important}
  #rhat-home.rhat-home .rhat-quick-card>span{width:35px!important;height:35px!important;border-radius:12px!important}
  #rhat-home.rhat-home .rhat-quick-card>span svg{width:20px!important;height:20px!important}
  #rhat-home.rhat-home .rhat-quick-card b{font-size:9.8px!important;line-height:1.2!important}
  #rhat-home.rhat-home .rhat-quick-card small{font-size:7.4px!important;line-height:1.25!important;margin-top:1px!important}
  #rhat-home.rhat-home .rhat-quick-card em{position:absolute!important;right:5px!important;bottom:5px!important;width:18px!important;height:18px!important;font-size:12px!important}

  /* Same mobile category grid. */
  #rhat-home.rhat-home .rhat-main-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  #rhat-home.rhat-home .rhat-main-category-image{aspect-ratio:1.10/1!important;border-radius:15px!important}
  #rhat-home.rhat-home .rhat-main-category-bar{width:calc(100% - 12px)!important;min-height:35px!important;margin:-7px auto 0!important;padding:5px 25px 5px 5px!important;border-radius:10px!important}
  #rhat-home.rhat-home .rhat-main-category-name{font-size:10px!important;line-height:1.15!important}

  /* Product rail remains the same compact card language, simply uses four columns. */
  #rhat-home.rhat-home .rhat-section-head{margin-bottom:17px!important}
  #rhat-home.rhat-home .rhat-section-head h2,#rhat-home.rhat-home .rhat-category-heading h2{font-size:22px!important;line-height:1.2!important}
  #rhat-home.rhat-home .rhat-section-head p,#rhat-home.rhat-home .rhat-category-heading p{font-size:11px!important;line-height:1.65!important}
  #rhat-home.rhat-home .products.row,#rhat-home.rhat-home ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  #rhat-home.rhat-home ul.products li.product .box-image img,#rhat-home.rhat-home .products.row .box-image img{aspect-ratio:1/1!important;object-fit:cover!important;border-radius:9px!important}
  #rhat-home.rhat-home ul.products li.product .box-text,#rhat-home.rhat-home .products.row .box-text{padding:4px 2px 8px!important}
}

/* V137: Desktop/Laptop hero uses the SAME horizontal mobile geometry.
 * The artwork stays beside the copy instead of dropping below the CTA row.
 */
@media (min-width:768px){
  #rhat-home.rhat-home .rhat-hero{
    padding:18px 0 40px!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  #rhat-home.rhat-home .rhat-hero-inner{
    display:block!important;
    width:100%!important;
    max-width:860px!important;
    margin:0 auto!important;
    padding:0 24px!important;
    box-sizing:border-box!important;
    position:relative!important;
    min-height:300px!important;
  }
  #rhat-home.rhat-home .rhat-hero-copy{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 225px 0 0!important;
    box-sizing:border-box!important;
    position:relative!important;
    z-index:4!important;
    text-align:center!important;
  }
  #rhat-home.rhat-home .rhat-eyebrow{margin:0 0 8px!important;font-size:12px!important}
  #rhat-home.rhat-home .rhat-hero h1{
    font-size:34px!important;
    line-height:1.08!important;
    letter-spacing:-.45px!important;
    margin:7px 0 12px!important;
    max-width:none!important;
  }
  #rhat-home.rhat-home .rhat-hero-business-word{display:block!important}
  #rhat-home.rhat-home .rhat-hero-description{
    width:100%!important;
    max-width:610px!important;
    margin:0 auto 13px!important;
  }
  #rhat-home.rhat-home .rhat-hero-description p{
    font-size:12.5px!important;
    line-height:1.55!important;
    margin-bottom:8px!important;
  }
  #rhat-home.rhat-home .rhat-hero-description p:last-child{
    min-height:42px!important;
    padding:7px 10px!important;
    margin-top:1px!important;
  }
  #rhat-home.rhat-home .rhat-actions{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    gap:8px!important;
    margin:0!important;
    justify-content:center!important;
    align-items:stretch!important;
    flex-wrap:nowrap!important;
  }
  #rhat-home.rhat-home .rhat-hero .rhat-btn{
    flex:1 1 0!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:17px!important;
    padding:7px 7px!important;
    grid-template-columns:19px minmax(0,1fr) 17px!important;
    column-gap:3px!important;
  }
  #rhat-home.rhat-home .rhat-hero .rhat-btn .rhat-btn-icon{width:19px!important;height:19px!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn .rhat-btn-icon svg{width:17px!important;height:17px!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn .rhat-btn-text{font-size:10px!important;white-space:nowrap!important}
  #rhat-home.rhat-home .rhat-hero .rhat-btn .rhat-btn-arrow{width:17px!important;font-size:19px!important}

  /* Keep the phone/social artwork in the hero's right side, like mobile. */
  #rhat-home.rhat-home .rhat-reference-hero-art{
    display:block!important;
    position:absolute!important;
    right:0!important;
    top:18px!important;
    left:auto!important;
    width:210px!important;
    height:250px!important;
    margin:0!important;
    transform:none!important;
    z-index:2!important;
    pointer-events:none!important;
  }
  #rhat-home.rhat-home .rhat-ref-phone{
    left:61px!important;
    top:4px!important;
    width:98px!important;
    height:178px!important;
    border-width:5px!important;
    border-radius:22px!important;
  }
  #rhat-home.rhat-home .rhat-ref-phone-notch{width:35px!important;height:8px!important}
  #rhat-home.rhat-home .rhat-ref-phone-screen .rhat-ref-homepage-preview{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;transform:none!important;
  }
  /* The quick cards begin immediately after the hero, not inside the artwork. */
  #rhat-home.rhat-home .rhat-quick{margin-top:-28px!important;position:relative!important;z-index:10!important}
}

@media (min-width:768px) and (max-width:920px){
  #rhat-home.rhat-home .rhat-hero-inner{max-width:820px!important;padding-left:18px!important;padding-right:18px!important}
  #rhat-home.rhat-home .rhat-hero-copy{padding-right:205px!important}
  #rhat-home.rhat-home .rhat-reference-hero-art{right:-4px!important;transform:scale(.94)!important;transform-origin:top right!important}
}

/* Phase 65: remove browser tap/focus/active background from ALL mobile header icons. */
@media (max-width: 767px) {
  .site-header a,
  .site-header button,
  .site-header a:hover,
  .site-header a:focus,
  .site-header a:active,
  .site-header button:hover,
  .site-header button:focus,
  .site-header button:active,
  #masthead a,
  #masthead button,
  #masthead a:hover,
  #masthead a:focus,
  #masthead a:active,
  #masthead button:hover,
  #masthead button:focus,
  #masthead button:active {
    background: transparent !important;
    background-color: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}

/* Phase 66 — tightly pack the homepage product cards without changing columns. */
#rhat-random-products .rhat-random-products__grid .products.row {
  gap: 4px !important;
  margin-left: -5px !important;
  margin-right: -5px !important;
  width: calc(100% + 10px) !important;
  box-sizing: border-box !important;
  align-items: start !important;
}
#rhat-random-products .rhat-random-products__grid .products.row > .product-small {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
}
#rhat-random-products .rhat-random-products__grid .product-small > .col-inner,
#rhat-random-products .rhat-random-products__grid .product-small .product-small.box {
  height: auto !important;
  min-height: 0 !important;
}
#rhat-random-products .rhat-random-products__grid .product-small .box-text {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 6px 6px 7px !important;
}
#rhat-random-products .rhat-random-products__grid .product-small .title-wrapper {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 4px !important;
  flex: none !important;
}
#rhat-random-products .rhat-random-products__grid .product-small .product-title {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
}
#rhat-random-products .rhat-random-products__grid .product-small .price-wrapper {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
}
@media (min-width: 768px) {
  #rhat-random-products .rhat-random-products__grid .products.row {
    gap: 8px !important;
    margin-left: -6px !important;
    margin-right: -6px !important;
    width: calc(100% + 12px) !important;
  }
}

/* Reseller Hat — polished reseller steps section (draft-only refinement). */
#reseller-business-path{
  position:relative;isolation:isolate;overflow:hidden;
  margin:38px auto 42px;padding:52px clamp(14px,3vw,38px) 36px;
  background:
    radial-gradient(ellipse at 4% 0%,rgba(245,158,11,.13),transparent 34%),
    radial-gradient(ellipse at 100% 8%,rgba(74,122,201,.12),transparent 34%),
    linear-gradient(135deg,#f9fbff 0%,#f2f6fc 58%,#fffaf3 100%);
  border:1px solid #e1e8f2;border-radius:28px;
  box-shadow:0 18px 46px rgba(25,48,79,.085);
}
#reseller-business-path:before,#reseller-business-path:after{
  content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;
}
#reseller-business-path:before{width:190px;height:190px;right:-86px;top:40%;background:rgba(255,255,255,.42)}
#reseller-business-path:after{width:130px;height:130px;left:-65px;bottom:-55px;background:rgba(255,255,255,.52)}
#reseller-business-path>.container{position:relative;z-index:1;max-width:1180px}
#reseller-business-path .rhat-business-heading{max-width:790px;margin:0 auto 30px;text-align:center}
#reseller-business-path .rhat-business-heading>.rhat-kicker{
  display:inline-flex;align-items:center;justify-content:center;margin:0 auto 10px;padding:7px 13px;
  border:1px solid #dce6f2;border-radius:999px;background:rgba(255,255,255,.78);
  color:#55749c;font-size:10px;font-weight:850;letter-spacing:1.7px;line-height:1.2;
  box-shadow:0 4px 12px rgba(40,65,98,.045)
}
#reseller-business-path .rhat-business-heading h2{
  margin:0 auto 12px;color:#172b45;font-size:clamp(25px,3vw,35px);
  font-weight:850;line-height:1.25;letter-spacing:-.5px
}
#reseller-business-path .rhat-business-heading h2:after{
  content:"";display:block;width:58px;height:4px;margin:14px auto 0;border-radius:10px;
  background:linear-gradient(90deg,#f59e0b,#ed7b21)
}
#reseller-business-path .rhat-business-heading p{
  max-width:730px;margin:0 auto;color:#63748a;font-size:14px;line-height:1.85
}
#reseller-business-path .rhat-business-steps{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch
}
#reseller-business-path .rhat-business-steps article{
  --rhat-step-accent:#5579a8;--rhat-step-soft:#eef4fc;
  position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:218px;
  padding:22px 19px 20px;overflow:hidden;
  border:1px solid #e4eaf2;border-top:4px solid var(--rhat-step-accent);border-radius:20px;
  background:rgba(255,255,255,.94);box-shadow:0 9px 24px rgba(33,54,83,.055);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}
#reseller-business-path .rhat-business-steps article:nth-child(1){--rhat-step-accent:#d97706;--rhat-step-soft:#fff4df}
#reseller-business-path .rhat-business-steps article:nth-child(2){--rhat-step-accent:#3974c6;--rhat-step-soft:#eaf3ff}
#reseller-business-path .rhat-business-steps article:nth-child(3){--rhat-step-accent:#7957bb;--rhat-step-soft:#f2edff}
#reseller-business-path .rhat-business-steps article:nth-child(4){--rhat-step-accent:#16856d;--rhat-step-soft:#e5f7f0}
#reseller-business-path .rhat-business-steps article:after{
  content:"";position:absolute;width:92px;height:92px;right:-37px;top:28px;border-radius:50%;
  background:var(--rhat-step-soft);opacity:.65;pointer-events:none
}
#reseller-business-path .rhat-business-steps article>span{
  position:relative;z-index:1;display:grid;place-items:center;flex:0 0 52px;
  width:52px;height:52px;margin:0 0 17px;border:1px solid color-mix(in srgb,var(--rhat-step-accent) 15%,white);
  border-radius:16px;background:var(--rhat-step-soft);color:var(--rhat-step-accent);
  font-size:16px;font-weight:900;line-height:1;letter-spacing:.4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)
}
#reseller-business-path .rhat-business-steps article>div{position:relative;z-index:1;min-width:0}
#reseller-business-path .rhat-business-steps h3{
  margin:0 0 8px;color:#20324a;font-size:15px;font-weight:800;line-height:1.48
}
#reseller-business-path .rhat-business-steps p{
  margin:0;color:#6b7a8e;font-size:12.5px;line-height:1.75
}
@media(hover:hover){
  #reseller-business-path .rhat-business-steps article:hover{
    transform:translateY(-5px);border-color:#d7e1ee;
    box-shadow:0 16px 32px rgba(33,54,83,.11)
  }
}
@media(max-width:900px){
  #reseller-business-path{margin:28px auto 32px;padding:38px 20px 24px;border-radius:24px}
  #reseller-business-path .rhat-business-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  #reseller-business-path .rhat-business-steps article{min-height:195px;padding:19px 17px}
}
@media(max-width:600px){
  #reseller-business-path{margin:22px 0 28px;padding:30px 12px 16px;border-radius:21px}
  #reseller-business-path .rhat-business-heading{margin-bottom:21px}
  #reseller-business-path .rhat-business-heading>.rhat-kicker{font-size:9px;padding:6px 10px;margin-bottom:9px}
  #reseller-business-path .rhat-business-heading h2{font-size:23px;line-height:1.3;letter-spacing:-.25px}
  #reseller-business-path .rhat-business-heading h2:after{margin-top:11px;width:46px;height:3px}
  #reseller-business-path .rhat-business-heading p{font-size:12px;line-height:1.75}
  #reseller-business-path .rhat-business-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #reseller-business-path .rhat-business-steps article{min-height:0;padding:15px 12px 16px;border-radius:16px;border-top-width:3px}
  #reseller-business-path .rhat-business-steps article>span{width:42px;height:42px;flex-basis:42px;margin-bottom:12px;border-radius:13px;font-size:14px}
  #reseller-business-path .rhat-business-steps article:after{width:66px;height:66px;right:-29px;top:24px}
  #reseller-business-path .rhat-business-steps h3{font-size:12.5px;line-height:1.45;margin-bottom:6px}
  #reseller-business-path .rhat-business-steps p{font-size:11px;line-height:1.65}
}
@media(max-width:360px){
  #reseller-business-path .rhat-business-steps{grid-template-columns:1fr}
  #reseller-business-path .rhat-business-steps article{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:14px}
  #reseller-business-path .rhat-business-steps article>span{flex-basis:42px;flex-shrink:0;margin:0}
  #reseller-business-path .rhat-business-steps article>div{flex:1}
}

/* Mobile edge-to-edge pass: reduce unused outer and inner space. */
@media(max-width:600px){
  #reseller-business-path{
    box-sizing:border-box!important;display:block!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:16px 0 20px!important;padding:24px 9px 10px!important;
    border-left:1px solid #e1e8f2!important;border-right:1px solid #e1e8f2!important;
    border-radius:18px!important;overflow:hidden!important;
    box-shadow:0 10px 26px rgba(25,48,79,.055)
  }
  #reseller-business-path>.container{box-sizing:border-box!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  #reseller-business-path .rhat-business-heading{margin-bottom:16px!important;padding:0 3px;min-width:0}
  #reseller-business-path .rhat-business-heading>.rhat-kicker{margin-bottom:7px;padding:5px 9px}
  #reseller-business-path .rhat-business-heading h2{font-size:21px;line-height:1.25;margin-bottom:8px}
  #reseller-business-path .rhat-business-heading h2:after{margin-top:8px}
  #reseller-business-path .rhat-business-heading p{font-size:11.5px;line-height:1.62;overflow-wrap:anywhere}
  #reseller-business-path .rhat-business-steps{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
  #reseller-business-path .rhat-business-steps article{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:12px 10px 13px!important;border-radius:13px!important}
  #reseller-business-path .rhat-business-steps article>span{width:36px;height:36px;flex-basis:36px;margin-bottom:9px;border-radius:11px;font-size:12px}
  #reseller-business-path .rhat-business-steps h3{font-size:12px;line-height:1.4;margin-bottom:5px;overflow-wrap:anywhere}
  #reseller-business-path .rhat-business-steps p{font-size:10.5px;line-height:1.55;overflow-wrap:anywhere}
}
@media(max-width:360px){
  #reseller-business-path{padding:21px 8px 9px!important;margin-top:12px!important;margin-bottom:16px!important}
  #reseller-business-path .rhat-business-heading h2{font-size:20px}
  #reseller-business-path .rhat-business-steps{grid-template-columns:1fr!important;gap:7px!important}
  #reseller-business-path .rhat-business-steps article{display:flex!important;flex-direction:row;align-items:flex-start;gap:10px;padding:11px!important}
  #reseller-business-path .rhat-business-steps article>span{width:34px;height:34px;flex-basis:34px;flex-shrink:0;margin:0;border-radius:10px}
  #reseller-business-path .rhat-business-steps article>div{flex:1;min-width:0}
  #reseller-business-path .rhat-business-steps h3{font-size:12px}
  #reseller-business-path .rhat-business-steps p{font-size:10.5px}
}

/* Compact reseller steps: less vertical height and shorter copy. */
#reseller-business-path{margin-top:22px!important;margin-bottom:24px!important}
#reseller-business-path .rhat-business-heading{margin-bottom:20px!important}
#reseller-business-path .rhat-business-heading h2{margin-bottom:8px!important}
#reseller-business-path .rhat-business-heading h2:after{margin-top:9px!important}
#reseller-business-path .rhat-business-heading p{line-height:1.65!important}
#reseller-business-path .rhat-business-steps{gap:12px!important}
#reseller-business-path .rhat-business-steps article{min-height:0!important;padding:16px 16px 15px!important}
#reseller-business-path .rhat-business-steps article>span{width:42px;height:42px;flex-basis:42px;margin-bottom:11px}
#reseller-business-path .rhat-business-steps h3{margin-bottom:6px!important}
#reseller-business-path .rhat-business-steps p{line-height:1.6!important}
@media(max-width:900px){
  #reseller-business-path{margin-top:18px!important;margin-bottom:20px!important}
  #reseller-business-path .rhat-business-heading{margin-bottom:15px!important}
  #reseller-business-path .rhat-business-steps{gap:9px!important}
  #reseller-business-path .rhat-business-steps article{padding:13px 12px!important}
  #reseller-business-path .rhat-business-steps article>span{width:36px;height:36px;flex-basis:36px;margin-bottom:8px}
}
@media(max-width:600px){
  #reseller-business-path{margin-top:14px!important;margin-bottom:15px!important;padding-top:18px!important;padding-bottom:8px!important}
  #reseller-business-path .rhat-business-heading{margin-bottom:12px!important}
  #reseller-business-path .rhat-business-heading>.rhat-kicker{margin-bottom:5px!important}
  #reseller-business-path .rhat-business-heading h2{font-size:20px!important;margin-bottom:5px!important}
  #reseller-business-path .rhat-business-heading h2:after{margin-top:6px!important}
  #reseller-business-path .rhat-business-heading p{font-size:11px!important;line-height:1.5!important}
  #reseller-business-path .rhat-business-steps{gap:7px!important}
  #reseller-business-path .rhat-business-steps article{padding:10px 9px 11px!important;border-radius:12px!important}
  #reseller-business-path .rhat-business-steps article>span{width:32px;height:32px;flex-basis:32px;margin-bottom:7px;border-radius:9px;font-size:11px}
  #reseller-business-path .rhat-business-steps h3{font-size:11.5px!important;line-height:1.35!important;margin-bottom:4px!important}
  #reseller-business-path .rhat-business-steps p{font-size:10px!important;line-height:1.45!important}
}
@media(max-width:360px){
  #reseller-business-path .rhat-business-steps article{padding:9px!important;gap:8px}
  #reseller-business-path .rhat-business-steps article>span{width:30px;height:30px;flex-basis:30px}
}

/* Homepage compact pass: tighten vertical rhythm without removing sections or products. */
.rhat-home .rhat-section{padding-top:38px!important}
.rhat-home .rhat-section-head{margin-bottom:16px!important}
.rhat-home .rhat-main-category-section{padding-top:18px!important;padding-bottom:6px!important}
.rhat-home .rhat-main-category-grid{gap:12px!important}
.rhat-home .rhat-trust-strip .container>div{padding-top:13px;padding-bottom:13px}
.rhat-home .rhat-quick{gap:10px!important}
.rhat-home .rhat-quick-card{padding:13px 14px}
.rhat-home .rhat-business{margin-top:32px!important;padding:38px 0!important}
.rhat-home .rhat-business h2{margin-top:5px;margin-bottom:10px}
.rhat-home .rhat-steps{margin:16px 0;gap:8px}
.rhat-home .rhat-how{padding-top:34px!important}
.rhat-home .rhat-how-inner{padding:28px!important}
.rhat-home .rhat-flow{margin-top:18px;gap:8px}
.rhat-home .rhat-business-path{margin-top:34px!important;padding:38px 0!important}
.rhat-home .rhat-why{padding-top:34px!important}
.rhat-home .rhat-why-grid{gap:10px}
.rhat-home .rhat-why-grid>div{padding:17px}
.rhat-home .rhat-trust-section{margin-top:34px!important;padding-bottom:36px!important}
.rhat-home .rhat-verified-reseller-grid{gap:12px}
.rhat-home .rhat-verified-reseller-card{padding:15px}
.rhat-home .rhat-blog{padding-bottom:36px!important}
.rhat-home .rhat-final-cta{padding:42px 0!important}
.rhat-home .rhat-final-cta h2{margin:7px 0;font-size:32px}
.rhat-home .products.row,.rhat-home .ux-products.row{row-gap:10px!important}
@media(max-width:900px){
  .rhat-home .rhat-section{padding-top:30px!important}
  .rhat-home .rhat-main-category-grid{gap:9px!important}
  .rhat-home .rhat-business{margin-top:26px!important;padding:30px 0!important}
  .rhat-home .rhat-business-path{margin-top:26px!important;padding:30px 0!important}
  .rhat-home .rhat-how{padding-top:28px!important}
  .rhat-home .rhat-why{padding-top:28px!important}
}
@media(max-width:600px){
  .rhat-home .rhat-section{padding-top:24px!important}
  .rhat-home .rhat-section-head{margin-bottom:12px!important;gap:6px!important}
  .rhat-home .rhat-section-head h2{font-size:20px!important;line-height:1.3;margin:3px 0!important}
  .rhat-home .rhat-section-head p{font-size:11px;line-height:1.5}
  .rhat-home .rhat-main-category-section{padding-top:12px!important;padding-bottom:4px!important}
  .rhat-home .rhat-main-category-grid{gap:7px!important}
  .rhat-home .rhat-trust-strip .container>div{padding:10px 7px!important}
  .rhat-home .rhat-quick{gap:7px!important;margin-top:-12px!important}
  .rhat-home .rhat-quick-card{padding:10px 8px!important;gap:8px!important}
  .rhat-home .rhat-quick-card>span{font-size:19px!important}
  .rhat-home .rhat-quick-card b{font-size:11px!important}
  .rhat-home .rhat-quick-card small{font-size:9px!important;line-height:1.35}
  .rhat-home .rhat-business{margin-top:20px!important;padding:24px 0!important}
  .rhat-home .rhat-business h2{font-size:23px!important;line-height:1.3}
  .rhat-home .rhat-business p{font-size:12px;line-height:1.6}
  .rhat-home .rhat-steps{margin:12px 0;gap:7px}
  .rhat-home .rhat-steps div{padding:10px}
  .rhat-home .rhat-feature-list{gap:7px;margin:13px 0}
  .rhat-home .rhat-feature-list span{padding:9px 10px}
  .rhat-home .rhat-how{padding-top:20px!important}
  .rhat-home .rhat-how-inner{padding:18px 11px!important;border-radius:18px}
  .rhat-home .rhat-flow{margin-top:12px;gap:7px}
  .rhat-home .rhat-flow>div{padding:12px 7px;border-radius:12px}
  .rhat-home .rhat-flow b{font-size:21px}
  .rhat-home .rhat-flow small{font-size:10px}
  .rhat-home .rhat-business-path{margin-top:20px!important;padding:24px 0!important}
  .rhat-home .rhat-business-path-card{padding:18px!important;border-radius:16px}
  .rhat-home .rhat-business-path-card>span{font-size:32px}
  .rhat-home .rhat-business-path-card p{min-height:0;margin-bottom:8px}
  .rhat-home .rhat-why{padding-top:20px!important}
  .rhat-home .rhat-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .rhat-home .rhat-why-grid>div{padding:12px!important;border-radius:13px}
  .rhat-home .rhat-why-grid span{font-size:22px}
  .rhat-home .rhat-why-grid h3{font-size:13px;line-height:1.35;margin:7px 0 4px}
  .rhat-home .rhat-why-grid p{font-size:11px;line-height:1.5}
  .rhat-home .rhat-trust-section{margin-top:20px!important;padding-bottom:22px!important}
  .rhat-home .rhat-verified-reseller-grid{gap:9px}
  .rhat-home .rhat-verified-reseller-card{padding:12px;gap:10px;border-radius:15px}
  .rhat-home .rhat-blog{padding-bottom:22px!important}
  .rhat-home .rhat-final-cta{padding:30px 0!important}
  .rhat-home .rhat-final-cta h2{font-size:24px!important;line-height:1.3}
  .rhat-home .rhat-final-cta p{font-size:12px;line-height:1.55;margin-bottom:16px}
  .rhat-home .rhat-section .products.row,.rhat-home .rhat-section .ux-products.row{row-gap:7px!important}
}