/* rhat-mobile-ux */ :root{ --rhat-navy:#002f5b; --rhat-navy-deep:#071b33; --rhat-orange:#fe8f12; --rhat-orange-deep:#f26b00; --rhat-red:#ef2b24; --rhat-ink:#15243a; --rhat-soft:#f6f8fb; --rhat-border:rgba(0,47,91,.12); } body{color:var(--rhat-ink)} a{color:var(--rhat-navy)} a:hover{color:var(--rhat-orange-deep)} .button:not(.is-outline),button[type="submit"],input[type="submit"]{background-color:var(--rhat-orange);border-color:var(--rhat-orange);color:#fff} .button:not(.is-outline):hover,button[type="submit"]:hover,input[type="submit"]:hover{background-color:var(--rhat-orange-deep);border-color:var(--rhat-orange-deep);color:#fff} .header-wrapper .header-main,.header-wrapper .header-bottom{border-color:var(--rhat-border)} .header-wrapper .header-main{box-shadow:0 1px 0 rgba(0,47,91,.06)} .header-wrapper .header-bottom{background:var(--rhat-navy)!important;color:#fff} .header-wrapper .header-bottom a{color:#fff} .header-wrapper .header-bottom a:hover{color:#ffd08b} #footer{background:var(--rhat-navy-deep);color:#fff} #footer a{color:#ffd08b} #footer a:hover{color:#fff} .rhat-mobile-bottom-nav{display:none} @media(max-width:767px){ body{padding-bottom:calc(78px + env(safe-area-inset-bottom))} .rhat-mobile-bottom-nav{position:fixed;z-index:99999;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;min-height:68px;height:calc(68px + env(safe-area-inset-bottom));padding:5px 6px max(5px,env(safe-area-inset-bottom));border:0;border-top:1px solid rgba(0,47,91,.12);border-radius:0;background:rgba(255,255,255,.98);box-shadow:0 -8px 28px rgba(7,27,51,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .rhat-mobile-bottom-nav__item{display:flex;min-width:0;height:58px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:17px;color:#5d6878;text-decoration:none!important;font-size:10px;font-weight:800;line-height:1.1;position:relative;transition:transform .18s ease,color .18s ease,background .18s ease} .rhat-mobile-bottom-nav__item.is-active{background:rgba(0,47,91,.08);color:var(--rhat-navy)} .rhat-mobile-bottom-nav__icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px} .rhat-mobile-bottom-nav__icon{display:grid;place-items:center;width:24px;height:24px} .rhat-mobile-bottom-nav__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .rhat-mobile-bottom-nav__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px}.rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__label{display:none} .rhat-mobile-bottom-nav__badge{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--rhat-red);color:#fff;font-size:8px;line-height:17px;text-align:center;font-weight:900;border:2px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.12)} .rhat-mobile-bottom-nav__item--featured{height:72px;margin-top:-25px;transform:translateY(-1px);z-index:2;color:#fff;border-radius:50%;overflow:visible} .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon-wrap{width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,var(--rhat-orange),var(--rhat-orange-deep));border:5px solid #fff;box-shadow:0 9px 24px rgba(242,107,0,.34),0 0 0 1px rgba(0,47,91,.10)} .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon{width:36px;height:36px} .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon svg{width:31px;height:31px;stroke-width:1.9} .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__badge{top:1px;right:2px;border-color:#fff} .rhat-mobile-bottom-nav__item:active{transform:scale(.96)} .rhat-mobile-bottom-nav__item--featured:active{transform:translateY(-1px) scale(.96)} .rhat-mobile-bottom-nav__item:focus-visible{outline:2px solid var(--rhat-orange);outline-offset:2px} ul.products,.products.row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-left:0!important;margin-right:0!important} ul.products li.product,.products.row>.product{width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important} ul.products li.product .box-image,.products.row .box-image{margin-bottom:5px!important} ul.products li.product .box-image img,.products.row .box-image img{width:100%!important;aspect-ratio:1/1;object-fit:cover;border-radius:9px} ul.products li.product .box-text,.products.row .box-text{padding:4px 2px 8px!important} ul.products li.product .woocommerce-loop-product__title{font-size:10px!important;line-height:1.25!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 3px!important} ul.products li.product .price{font-size:10px!important;line-height:1.2!important;margin:0!important} ul.products li.product .button{font-size:9px!important;min-height:28px!important;padding:4px 5px!important;border-radius:7px!important;margin-top:4px!important} .single-product .product-gallery,.single-product .product-info{padding-left:10px!important;padding-right:10px!important} .woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-checkout-payment,.woocommerce-checkout form.checkout{border-radius:12px!important} .woocommerce-cart .shop_table,.woocommerce-checkout .shop_table{font-size:12px!important} .woocommerce-cart .cart-collaterals,.woocommerce-checkout .col2-set,.woocommerce-checkout #order_review{padding:10px!important} .woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{padding:14px!important;border-radius:14px!important;margin:10px 0!important} .rhat-notifications{margin:0!important}.rhat-notifications article{border-radius:14px!important;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.06);border-color:rgba(0,47,91,.08)!important} .rhat-native-content{overflow-x:hidden} } @media(max-width:380px){.rhat-mobile-bottom-nav{left:6px;right:6px}.rhat-mobile-bottom-nav__label{font-size:9px}ul.products,.products.row{gap:5px!important}} @media(min-width:768px){.rhat-mobile-bottom-nav{display:none!important}} /* rhat-final-brand-visual-overrides */ :root{ --rhat-navy:#002f5b; --rhat-navy-deep:#071b33; --rhat-orange:#fe8f12; --rhat-orange-deep:#f26b00; --rhat-red:#ef2b24; --rhat-cream:#fff8ef; --rhat-footer-text:rgba(255,255,255,.82); } /* Premium footer palette: deep navy base + warm orange brand accents. */ #footer.footer-wrapper, #footer.footer-wrapper .footer-1, #footer.footer-wrapper .footer-2, #footer .footer-1, #footer .footer-2{ background:#071b33!important; background-image:none!important; color:var(--rhat-footer-text)!important; } #footer.footer-wrapper{border-top:4px solid var(--rhat-orange)!important} #footer .widget-title, #footer .widget-title a, #footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6{color:#fff!important} #footer p,#footer li,#footer .textwidget,#footer .widget{color:var(--rhat-footer-text)!important} #footer a{color:#ffd08b!important;text-decoration:none} #footer a:hover,#footer a:focus{color:#fff!important} #footer .absolute-footer{background:#041426!important;color:rgba(255,255,255,.68)!important;border-top:1px solid rgba(255,255,255,.10)!important} #footer .absolute-footer a{color:#ffd08b!important} #footer .social-icons .button, #footer .social-icons a{border-color:rgba(255,255,255,.22)!important;color:#fff!important} #footer .social-icons .button:hover, #footer .social-icons a:hover{background:var(--rhat-orange)!important;border-color:var(--rhat-orange)!important;color:#fff!important} #footer .is-divider{background-color:rgba(254,143,18,.65)!important} /* Mobile navigation: full-width, flush to the physical bottom with only top corners rounded. */ @media(max-width:767px){ body,body.home,body.front-page{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important} .rhat-mobile-bottom-nav, body.home .rhat-mobile-bottom-nav, body.front-page .rhat-mobile-bottom-nav{ position:fixed!important; left:0!important;right:0!important;bottom:0!important; width:100%!important; margin:0!important; border-radius:22px 22px 0 0!important; overflow:visible!important; background:rgba(255,255,255,.985)!important; border:1px solid rgba(0,47,91,.10)!important; border-bottom:0!important; box-shadow:0 -10px 30px rgba(7,27,51,.18),0 -1px 0 rgba(254,143,18,.32)!important; z-index:2147483000!important; } .rhat-mobile-bottom-nav__item{position:relative!important;z-index:1} .rhat-mobile-bottom-nav__item--featured{z-index:3!important} .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon-wrap{box-shadow:0 10px 26px rgba(242,107,0,.38),0 0 0 1px rgba(0,47,91,.10)!important} .rhat-mobile-bottom-nav__item.is-active:not(.rhat-mobile-bottom-nav__item--featured){background:rgba(0,47,91,.07)!important} } @media(max-width:380px){ .rhat-mobile-bottom-nav{left:0!important;right:0!important} } /* rhat-vibrant-brand-mobile-final */ :root{ --rhat-violet:#6d28d9; --rhat-pink:#ec0f7a; --rhat-blue:#0878f9; --rhat-cyan:#06b6d4; --rhat-orange:#ff7a00; --rhat-green:#10b981; --rhat-purple:#7c3aed; --rhat-page:#fbfbff; --rhat-text:#24324a; --rhat-border:rgba(109,40,217,.14); } /* No black/dark visual blocks: replace the old dark brand surfaces with vivid gradients. */ body{background:var(--rhat-page)!important;color:var(--rhat-text)!important} /* Header: light warm brand surface keeps the navy/orange/red logo crisp. It applies equally before and after sticky scrolling; no dark/purple background is allowed to reduce contrast with the navy logo artwork. */ #header, #header .header-wrapper, #header .header-main, #header .header-bottom, #header .header-bg-container, #header.transparent .header-wrapper, #header.transparent .header-main, #header.transparent .header-bottom{ background:#fff7e8!important; background-image:none!important; color:#102a43!important; border-color:rgba(254,143,18,.24)!important; } #header .header-main a,#header .header-bottom a,#header .nav-dark a, #header .header-main .icon-menu,#header .header-bottom .icon-menu, #header .header-nav-main>li>a,#header .header-bottom-nav>li>a{color:#102a43!important} #header .header-main a:hover,#header .header-bottom a:hover, #header .header-nav-main>li>a:hover,#header .header-bottom-nav>li>a:hover{color:#d95f00!important;opacity:1} #header .header-main{box-shadow:0 3px 18px rgba(15,35,60,.08)!important} #header .header-bottom{box-shadow:0 2px 12px rgba(254,143,18,.08)!important} #header .rhat-header-logo-image{background:transparent!important} /* Reseller Hat mobile header actions: Balance → Profile → Cart. Search is available from the mobile menu. */ .rhat-mobile-account-tools{display:none} @media(max-width:767px){ #header .rhat-production-header .rhat-header-inner{display:flex!important;align-items:center!important;gap:0!important;min-height:54px!important;height:54px!important;padding-left:10px!important;padding-right:10px!important} #header .rhat-production-header .rhat-header-menu{flex:0 0 auto!important;width:auto!important} #header .rhat-production-header .rhat-header-logo{flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important} #header .rhat-production-header .rhat-header-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:5px!important} #header .rhat-production-header .rhat-header-cart{display:flex!important;align-items:center!important} #header .rhat-production-header .rhat-header-cart .cart-item{display:flex!important;align-items:center!important;margin:0!important} #header .rhat-production-header .rhat-header-cart .header-button{margin:0!important} #header .rhat-production-header .rhat-header-cart .header-cart-title{display:none!important} #header .rhat-production-header .rhat-header-cart .header-cart-link{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:40px!important;padding:0!important;margin:0!important} #header .rhat-production-header .rhat-header-cart .rhat-cart-svg{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:30px!important;height:30px!important} #header .rhat-production-header .rhat-header-cart .rhat-cart-svg svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important} #header .rhat-production-header .rhat-header-cart .rhat-cart-count{position:absolute!important;right:-2px!important;top:-1px!important;min-width:15px!important;height:15px!important;padding:0 3px!important;border-radius:999px!important;background:var(--rhat-orange)!important;color:#fff!important;font:800 8px/15px Arial,sans-serif!important;text-align:center!important} #header .rhat-production-header .rhat-header-search-trigger{width:32px!important;height:40px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important} #header .rhat-production-header .rhat-header-svg{width:22px!important;height:22px!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-account-tools{display:flex!important;align-items:center!important;gap:7px!important;height:40px!important;margin-left:1px!important} #header .rhat-production-header .rhat-mobile-balance-toggle{display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;text-decoration:none!important;font:800 10px/1 Arial,sans-serif!important;color:#102a43!important;background:transparent!important;border:0!important;padding:4px 2px!important;margin:0!important;cursor:pointer!important;min-width:0!important} #header .rhat-production-header .rhat-mobile-balance-value{display:none!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{width:1px!important;height:24px!important;background:rgba(16,42,67,.25)!important;display:block!important;flex:0 0 1px!important} #header .rhat-production-header .rhat-mobile-account-link{width:32px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;color:#102a43!important} #header .rhat-production-header .rhat-mobile-account-link:hover{color:#d95f00!important} } @media(max-width:380px){ #header .rhat-production-header .rhat-header-inner{padding-left:7px!important;padding-right:7px!important} #header .rhat-production-header .rhat-header-actions{gap:2px!important} #header .rhat-production-header .rhat-mobile-account-tools{gap:4px!important} #header .rhat-production-header .rhat-mobile-balance-toggle{font-size:9px!important} #header .rhat-production-header .rhat-header-cart .header-cart-link,#header .rhat-production-header .rhat-header-search-trigger,#header .rhat-production-header .rhat-mobile-account-link{width:29px!important} } .rhat-home{background:var(--rhat-page)!important} .rhat-home .rhat-hero{background:linear-gradient(135deg,#ffffff 0%,#f3f8fd 58%,#fff8ef 100%)!important} .rhat-home .rhat-business-legacy, .rhat-home .rhat-final-cta{background:linear-gradient(125deg,#5b21b6 0%,#0878f9 45%,#06b6d4 100%)!important;color:#fff!important} .rhat-home .rhat-business-reseller{background:linear-gradient(125deg,#fff0f8 0%,#f1edff 55%,#e8f7ff 100%)!important} .rhat-home .rhat-trust-section,.rhat-home .rhat-legacy-membership{background:linear-gradient(135deg,#f7f4ff 0%,#fff3fa 55%,#eefaff 100%)!important} .rhat-home .rhat-how-inner{background:linear-gradient(135deg,#fff,#f6f2ff)!important;border-color:var(--rhat-border)!important} .rhat-home .rhat-flow>div{background:#fff!important;border:1px solid var(--rhat-border)} .rhat-home .rhat-quick-card,.rhat-home .rhat-legacy-membership-card,.rhat-home .rhat-legacy-wholesaler-card,.rhat-home .rhat-steps div{border-color:var(--rhat-border)!important;box-shadow:0 10px 28px rgba(109,40,217,.07)!important} .rhat-home .rhat-btn,.rhat-home .button.primary{background:linear-gradient(100deg,var(--rhat-violet),var(--rhat-pink),var(--rhat-orange))!important;border:0!important;color:#fff!important;box-shadow:0 8px 20px rgba(236,15,122,.22)!important} .rhat-home .rhat-btn:hover,.rhat-home .button.primary:hover{filter:brightness(1.06)!important;color:#fff!important} .rhat-home .rhat-business-legacy .rhat-btn,.rhat-home .rhat-final-cta .rhat-btn{background:linear-gradient(100deg,#06b6d4,#0878f9,#7c3aed)!important} .rhat-home .rhat-main-category-card{box-shadow:0 10px 25px rgba(109,40,217,.08)!important} .rhat-home .rhat-main-category-bar{box-shadow:0 7px 20px rgba(109,40,217,.20)!important} /* Site-wide buttons/links: vivid brand colors without changing functionality. */ .button:not(.is-outline),button[type="submit"],input[type="submit"],.single_add_to_cart_button,.checkout-button{ background:linear-gradient(100deg,var(--rhat-violet),var(--rhat-pink),var(--rhat-orange))!important; border-color:transparent!important;color:#fff!important; } .button:not(.is-outline):hover,button[type="submit"]:hover,input[type="submit"]:hover,.single_add_to_cart_button:hover,.checkout-button:hover{filter:brightness(1.06)!important;color:#fff!important} a,.woocommerce-loop-product__title{color:var(--rhat-violet)} a:hover{color:var(--rhat-pink)} .badge,.onsale,.product-label,.label-new,.label-hot,.label-sale{background:linear-gradient(100deg,var(--rhat-pink),var(--rhat-orange))!important;color:#fff!important} .bg-primary,.bg-fill.bg-primary,.has-primary-background-color{background:linear-gradient(100deg,var(--rhat-violet),var(--rhat-pink))!important} .text-primary,.has-primary-color{color:var(--rhat-violet)!important} .message-wrapper,.woocommerce-message,.woocommerce-info{border-left-color:var(--rhat-pink)!important} #footer,#footer.footer-wrapper,#footer.footer-2,#footer .footer-1,#footer .footer-2,#footer .absolute-footer{ background:linear-gradient(125deg,#5b21b6 0%,#0878f9 52%,#06b6d4 100%)!important;color:rgba(255,255,255,.92)!important; } #footer{border-top:4px solid #ff7a00!important} #footer a,#footer .widget-title,#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6{color:#fff!important} #footer a:hover{color:#ffe2f1!important} /* Sidebars are desktop/computer-only. On phones there is no sidebar or sidebar filter drawer. */ @media(max-width:767px){ #secondary,.widget-area#secondary,#shop-sidebar,#product-sidebar,.shop-sidebar,.product-sidebar, .sidebar-inner,.woocommerce-sidebar,.col.sidebar-main,.off-canvas-sidebar, .mfp-wrap #shop-sidebar,.mfp-wrap #product-sidebar{display:none!important} .filter-button,.filter-button-wrapper,.shop-sidebar-button{display:none!important} .page-wrapper,.main-page-wrapper,.content-area,.col-main,.large-9,.large-8,.large-7{width:100%!important;max-width:100%!important;flex-basis:100%!important;margin-left:0!important;margin-right:0!important} /* Compact mobile hero: keep the message and actions; remove the oversized decorative visual. */ .rhat-home .rhat-hero{padding:30px 0 28px!important} .rhat-home .rhat-hero-inner{grid-template-columns:1fr!important;gap:0!important} .rhat-home .rhat-hero-copy{max-width:none!important} .rhat-home .rhat-eyebrow{font-size:9px!important;letter-spacing:1.3px!important} .rhat-home .rhat-hero h1{font-size:30px!important;line-height:1.12!important;margin:8px 0 12px!important} .rhat-home .rhat-hero p{font-size:13px!important;line-height:1.6!important;margin-bottom:16px!important;max-width:none!important} .rhat-home .rhat-actions{gap:8px!important} .rhat-home .rhat-btn{min-height:40px!important;padding:9px 13px!important;font-size:11px!important;border-radius:10px!important} .rhat-home .rhat-hero-note{font-size:10px!important;margin-top:9px!important} .rhat-home .rhat-hero-visual{display:none!important} .rhat-home .rhat-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:-12px!important;padding-left:10px!important;padding-right:10px!important} .rhat-home .rhat-quick-card{padding:11px 9px!important;border-radius:12px!important;gap:7px!important} .rhat-home .rhat-quick-card>span{font-size:20px!important} .rhat-home .rhat-quick-card b{font-size:11px!important} .rhat-home .rhat-quick-card small{font-size:9px!important} .rhat-home .rhat-trust-strip .container{grid-template-columns:repeat(2,1fr)!important} .rhat-home .rhat-trust-strip .container>div{padding:11px 9px!important} .rhat-home .rhat-trust-strip b{font-size:10px!important} .rhat-home .rhat-trust-strip span{font-size:9px!important} .rhat-home .rhat-section{padding-top:38px!important} .rhat-home .rhat-section-head{gap:8px!important;margin-bottom:14px!important} .rhat-home .rhat-section-head h2{font-size:20px!important} .rhat-home .rhat-section-head p{font-size:11px!important;line-height:1.45!important} .rhat-home .rhat-business{margin-top:38px!important;padding:40px 0!important} .rhat-home .rhat-business-grid,.rhat-home .rhat-business-grid-reverse{grid-template-columns:1fr!important;gap:22px!important} .rhat-home .rhat-business-art{min-height:150px!important;border-radius:20px!important} .rhat-home .rhat-business-art div{font-size:64px!important} .rhat-home .rhat-business h2{font-size:25px!important} .rhat-home .rhat-business p{font-size:13px!important;line-height:1.65!important} .rhat-home .rhat-steps{grid-template-columns:1fr!important;gap:7px!important;margin:16px 0!important} .rhat-home .rhat-feature-list{grid-template-columns:1fr!important} .rhat-home .rhat-legacy-wholesaler-grid,.rhat-home .rhat-legacy-membership-grid,.rhat-home .rhat-why-grid{grid-template-columns:1fr!important} .rhat-home .rhat-how{padding-top:40px!important} .rhat-home .rhat-how-inner{padding:20px 14px!important;border-radius:18px!important} .rhat-home .rhat-flow{grid-template-columns:1fr!important;gap:7px!important;margin-top:18px!important} .rhat-home .rhat-flow>i{transform:rotate(90deg);font-size:18px!important} .rhat-home .rhat-legacy-membership{margin-top:40px!important;padding:42px 0!important} .rhat-home .rhat-why{padding-top:42px!important} .rhat-home .rhat-blog{padding-bottom:42px!important} .rhat-home .rhat-final-cta{padding:45px 0!important} .rhat-home .rhat-final-cta h2{font-size:27px!important} /* Keep homepage main-category cards at exactly three columns on mobile. */ .rhat-home .rhat-main-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important} .rhat-home .rhat-main-category-bar{left:4px!important;right:4px!important;bottom:4px!important;min-height:34px!important;grid-template-columns:28px minmax(0,1fr) 14px!important;padding:2px 3px 2px 2px!important;border-radius:18px!important} .rhat-home .rhat-main-category-icon{width:28px!important;height:28px!important} .rhat-home .rhat-main-category-icon svg{width:16px!important;height:16px!important} .rhat-home .rhat-main-category-name{font-size:9px!important;line-height:1.08!important;padding:0 2px!important} .rhat-home .rhat-main-category-arrow{font-size:20px!important} } @media(min-width:768px){ .rhat-mobile-bottom-nav{display:none!important} } /* Final VIP header treatment — visual only. */ #header .rhat-production-header{border-bottom:1px solid rgba(245,138,22,.18)!important} @media(max-width:767px){ #header .rhat-production-header .rhat-header-inner{min-height:58px!important;height:58px!important;padding:0 9px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 8px 26px rgba(6,45,82,.10)!important} #header .rhat-production-header .rhat-header-menu .rhat-mobile-menu-trigger{width:40px!important;height:42px!important;border-radius:12px!important;background:#f4f7fa!important;color:#07375f!important} #header .rhat-production-header .rhat-header-logo{padding:0 5px!important} #header .rhat-production-header .rhat-header-logo .rhat-logo-link{display:flex!important;align-items:center!important;justify-content:center!important} #header .rhat-production-header .rhat-header-logo-image{width:auto!important;max-width:178px!important;height:auto!important;max-height:46px!important;object-fit:contain!important} #header .rhat-production-header .rhat-header-actions{gap:3px!important} #header .rhat-production-header .rhat-header-search-trigger, #header .rhat-production-header .rhat-mobile-account-link, #header .rhat-production-header .rhat-header-cart .header-cart-link{width:36px!important;height:42px!important;border-radius:11px!important} #header .rhat-production-header .rhat-header-search-trigger:hover, #header .rhat-production-header .rhat-mobile-account-link:hover, #header .rhat-production-header .rhat-header-cart .header-cart-link:hover{background:#f5f8fb!important} #header .rhat-production-header .rhat-mobile-account-tools{gap:5px!important;height:42px!important} #header .rhat-production-header .rhat-mobile-balance-toggle{min-height:34px!important;padding:0 7px!important;border:1px solid rgba(245,138,22,.28)!important;border-radius:999px!important;background:linear-gradient(180deg,#fffaf0,#fff)!important;color:#8a5108!important;font-size:9px!important;box-shadow:0 4px 12px rgba(245,138,22,.08)!important} #header .rhat-production-header .rhat-mobile-balance-toggle.is-revealed{color:#07375f!important;background:#f4f8fc!important;border-color:rgba(6,45,82,.14)!important} #header .rhat-production-header .rhat-mobile-account-divider{height:25px!important;background:rgba(6,45,82,.16)!important} #header .rhat-production-header .rhat-header-cart .rhat-cart-svg{width:32px!important;height:32px!important} #header .rhat-production-header .rhat-header-cart .rhat-cart-svg svg{width:25px!important;height:25px!important;stroke-width:1.65!important} #header .rhat-production-header .rhat-header-cart .rhat-cart-count{right:-1px!important;top:-1px!important;background:#f58a16!important;box-shadow:0 3px 8px rgba(245,138,22,.28)!important} } @media(max-width:380px){ #header .rhat-production-header .rhat-header-logo-image{max-width:156px!important} #header .rhat-production-header .rhat-header-search-trigger,#header .rhat-production-header .rhat-mobile-account-link,#header .rhat-production-header .rhat-header-cart .header-cart-link{width:32px!important} #header .rhat-production-header .rhat-mobile-balance-toggle{padding:0 5px!important;font-size:8px!important} } /* rhat-mobile-header-geometry-lock */ @media (max-width:767px){ #header .rhat-production-header .rhat-header-inner{ display:grid!important; grid-template-columns:40px minmax(0,1fr) 34px auto 34px 34px!important; align-items:center!important; column-gap:4px!important; width:100%!important; max-width:none!important; min-height:58px!important; height:58px!important; padding:0 8px!important; box-sizing:border-box!important; overflow:visible!important; } #header .rhat-production-header .rhat-header-menu{ grid-column:1!important;grid-row:1!important;width:40px!important;min-width:40px!important; display:flex!important;align-items:center!important;justify-content:center!important; } #header .rhat-production-header .rhat-header-logo{ grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important; padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important; overflow:hidden!important; } #header .rhat-production-header .rhat-header-logo .rhat-logo-link{ display:flex!important;align-items:center!important;justify-content:flex-start!important; width:100%!important;min-width:0!important;margin:0!important; } #header .rhat-production-header .rhat-header-logo-image{ display:block!important;width:auto!important;max-width:100%!important;height:auto!important; max-height:47px!important;object-fit:contain!important;margin:0!important; } #header .rhat-production-header .rhat-header-actions{ display:contents!important; } #header .rhat-production-header .rhat-header-search-trigger{ grid-column:3!important;grid-row:1!important;width:34px!important;height:42px!important; min-width:34px!important;margin:0!important;padding:0!important;display:flex!important; align-items:center!important;justify-content:center!important;border:0!important;background:transparent!important; } #header .rhat-production-header .rhat-mobile-account-tools{ display:contents!important; } #header .rhat-production-header .rhat-mobile-balance-toggle{ grid-column:4!important;grid-row:1!important;width:auto!important;min-width:68px!important;max-width:88px!important; height:36px!important;min-height:36px!important;margin:0!important;padding:0 8px!important; display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important; overflow:hidden!important;text-overflow:ellipsis!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;width:34px!important;height:42px!important;min-width:34px!important; margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important; } #header .rhat-production-header .rhat-header-cart{ display:contents!important; } #header .rhat-production-header .rhat-mobile-cart-link{ grid-column:6!important;grid-row:1!important;width:34px!important;height:42px!important;min-width:34px!important; margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important; position:relative!important; } #header .rhat-production-header .rhat-mobile-cart-svg{ position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important; width:32px!important;height:32px!important; } #header .rhat-production-header .rhat-mobile-cart-svg svg{ width:27px!important;height:27px!important;display:block!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:-2px!important;top:-2px!important;min-width:16px!important;height:16px!important; padding:0 4px!important;border-radius:999px!important;background:#f58a16!important;color:#fff!important; font:800 9px/16px Arial,sans-serif!important;text-align:center!important;box-sizing:border-box!important; } #header .rhat-production-header .rhat-desktop-cart{display:none!important} #header .rhat-production-header .rhat-header-menu .rhat-mobile-menu-trigger{ width:40px!important;height:42px!important;margin:0!important;padding:0!important; display:flex!important;align-items:center!important;justify-content:center!important; } #header .rhat-production-header .rhat-header-svg{width:23px!important;height:23px!important;display:block!important} } @media (max-width:380px){ #header .rhat-production-header .rhat-header-inner{ grid-template-columns:36px minmax(0,1fr) 30px auto 30px 32px!important; column-gap:2px!important;padding:0 6px!important; } #header .rhat-production-header .rhat-header-menu{width:36px!important;min-width:36px!important} #header .rhat-production-header .rhat-header-menu .rhat-mobile-menu-trigger{width:36px!important} #header .rhat-production-header .rhat-header-search-trigger{width:30px!important;min-width:30px!important} #header .rhat-production-header .rhat-mobile-account-link{width:30px!important;min-width:30px!important} #header .rhat-production-header .rhat-mobile-cart-link{width:32px!important;min-width:32px!important} #header .rhat-production-header .rhat-mobile-balance-toggle{min-width:60px!important;max-width:74px!important;padding:0 5px!important;font-size:8px!important} #header .rhat-production-header .rhat-mobile-cart-svg svg{width:25px!important;height:25px!important} } /* rhat-mobile-premium-polish-final */ @media (max-width:767px){ /* Header uses a fixed 3-zone grid so logo/actions can never overlap. */ #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; min-height:60px!important; height:60px!important; padding:0 8px!important; overflow:hidden!important; box-sizing:border-box!important; } #header .rhat-production-header .rhat-header-menu{ grid-column:1!important; width:42px!important; min-width:42px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; } #header .rhat-production-header .rhat-mobile-menu-trigger{ width:40px!important;height:40px!important;min-width:40px!important; margin:0!important;padding:0!important;border-radius:12px!important; display:flex!important;align-items:center!important;justify-content:center!important; background:#f7f9fb!important;color:#07375f!important;box-shadow:0 4px 12px rgba(7,55,95,.07)!important; } #header .rhat-production-header .rhat-header-logo{ grid-column:2!important; min-width:0!important; width:auto!important; height:60px!important; padding:0 5px!important; margin:0!important; display:flex!important;align-items:center!important;justify-content:center!important; overflow:hidden!important; } #header .rhat-production-header .rhat-header-logo .rhat-logo-link{ display:flex!important;align-items:center!important;justify-content:center!important; width:100%!important;min-width:0!important;overflow:hidden!important; } #header .rhat-production-header .rhat-header-logo-image{ display:block!important;width:auto!important;height:auto!important; max-width:100%!important;max-height:52px!important;object-fit:contain!important; flex:0 1 auto!important; } #header .rhat-production-header .rhat-header-actions{ grid-column:3!important; width:auto!important; min-width:0!important; display:flex!important;align-items:center!important;justify-content:flex-end!important; gap:2px!important;height:60px!important;overflow:visible!important; } #header .rhat-production-header .rhat-header-search-trigger, #header .rhat-production-header .rhat-mobile-account-link, #header .rhat-production-header .rhat-header-cart .header-cart-link{ width:32px!important;height:40px!important;min-width:32px!important; padding:0!important;margin:0!important;border-radius:10px!important; display:flex!important;align-items:center!important;justify-content:center!important; flex:0 0 32px!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:2px!important; width:auto!important;height:40px!important;margin:0!important;flex:0 0 auto!important; } #header .rhat-production-header .rhat-mobile-balance-toggle{ width:auto!important;min-width:0!important;max-width:76px!important;height:34px!important;min-height:34px!important; padding:0 5px!important;margin:0!important;border:1px solid rgba(245,138,22,.24)!important; border-radius:999px!important;background:#fffaf1!important;color:#173b5f!important; box-shadow:0 3px 10px rgba(245,138,22,.08)!important; font-size:10px!important;font-weight:800!important;line-height:1!important; white-space:nowrap!important;overflow:hidden!important; } #header .rhat-production-header .rhat-mobile-account-divider{display:none!important;width:0!important;margin:0!important} #header .rhat-production-header .rhat-header-cart{display:flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important} #header .rhat-production-header .rhat-header-cart .cart-item{display:flex!important;align-items:center!important;margin:0!important;padding:0!important} #header .rhat-production-header .rhat-header-cart .header-button{margin:0!important;padding:0!important} #header .rhat-production-header .rhat-header-cart .rhat-cart-svg{ width:30px!important;height:30px!important;position:relative!important; display:flex!important;align-items:center!important;justify-content:center!important; } #header .rhat-production-header .rhat-header-cart .rhat-cart-svg svg{ width:24px!important;height:24px!important;display:block!important; fill:none!important;stroke:currentColor!important;stroke-width:1.75!important; stroke-linecap:round!important;stroke-linejoin:round!important; } #header .rhat-production-header .rhat-header-cart .rhat-cart-count{ right:-2px!important;top:-1px!important;min-width:15px!important;height:15px!important; font:800 8px/15px Arial,sans-serif!important;background:#fe8f12!important;color:#fff!important; box-shadow:0 3px 8px rgba(254,143,18,.24)!important; } /* Premium light hero — restores readable contrast and removes the harsh purple wash. */ .rhat-home .rhat-hero{ position:relative!important;overflow:hidden!important; background: radial-gradient(circle at 92% 12%,rgba(254,143,18,.16),transparent 30%), radial-gradient(circle at 8% 88%,rgba(0,47,91,.08),transparent 34%), linear-gradient(135deg,#fbfdff 0%,#f2f6fa 58%,#fff8ef 100%)!important; color:#102a43!important;border-bottom:1px solid rgba(0,47,91,.08)!important; } .rhat-home .rhat-hero:before{ content:"";position:absolute;right:-90px;top:-110px;width:260px;height:260px;border-radius:50%; background:rgba(254,143,18,.08);pointer-events:none; } .rhat-home .rhat-hero-copy{position:relative;z-index:1!important;text-align:left!important} .rhat-home .rhat-eyebrow{ display:inline-block!important;color:#b76508!important;font-weight:800!important; letter-spacing:2px!important;opacity:0!important;animation:rhatHeroEyebrow .65s cubic-bezier(.2,.8,.2,1) .08s forwards!important; } .rhat-home .rhat-hero h1{ color:#092f52!important;text-shadow:none!important;opacity:0!important; animation:rhatHeroTitle .78s cubic-bezier(.18,.8,.2,1) .22s forwards!important; } .rhat-home .rhat-hero h1 strong{color:#102a43!important} .rhat-home .rhat-hero p{ color:#52657a!important;opacity:0!important; animation:rhatHeroCopy .72s cubic-bezier(.2,.75,.2,1) .42s forwards!important; } .rhat-home .rhat-actions{ opacity:0!important;animation:rhatHeroActions .7s cubic-bezier(.2,.8,.2,1) .62s forwards!important; } .rhat-home .rhat-hero-note{ color:#718095!important;opacity:0!important; animation:rhatHeroNote .62s ease-out .8s forwards!important; } .rhat-home .rhat-hero .button.primary{ background:linear-gradient(135deg,#fe8f12,#f26b00)!important;border-color:#fe8f12!important; box-shadow:0 12px 26px rgba(254,143,18,.22)!important; } .rhat-home .rhat-hero .button.secondary{ background:rgba(255,255,255,.9)!important;border:1px solid rgba(0,47,91,.14)!important;color:#0b416b!important; box-shadow:0 8px 20px rgba(0,47,91,.07)!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:49px!important} #header .rhat-production-header .rhat-header-logo{padding:0 3px!important} #header .rhat-production-header .rhat-header-search-trigger, #header .rhat-production-header .rhat-mobile-account-link, #header .rhat-production-header .rhat-header-cart .header-cart-link{width:30px!important;min-width:30px!important;flex-basis:30px!important} #header .rhat-production-header .rhat-mobile-balance-toggle{max-width:70px!important;padding:0 4px!important;font-size:9px!important} } @media(prefers-reduced-motion:reduce){ .rhat-home .rhat-eyebrow,.rhat-home .rhat-hero h1,.rhat-home .rhat-hero p,.rhat-home .rhat-actions,.rhat-home .rhat-hero-note{opacity:1!important;animation:none!important} } @keyframes rhatHeroEyebrow{from{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}} @keyframes rhatHeroTitle{from{opacity:0;transform:translateY(22px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:none}} @keyframes rhatHeroCopy{from{opacity:0;transform:translateX(-18px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}} @keyframes rhatHeroActions{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}} @keyframes rhatHeroNote{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} /* rhat-hero-visibility-safety-final */ @media(max-width:767px){ .rhat-home .rhat-hero{ position:relative!important; background: radial-gradient(circle at 90% 8%,rgba(245,138,22,.13),transparent 28%), radial-gradient(circle at 5% 92%,rgba(7,55,95,.07),transparent 34%), linear-gradient(135deg,#fbfdff 0%,#f3f7fb 58%,#fff9f0 100%)!important; color:#102a43!important; } .rhat-home .rhat-hero-copy, .rhat-home .rhat-eyebrow, .rhat-home .rhat-hero h1, .rhat-home .rhat-hero p, .rhat-home .rhat-actions, .rhat-home .rhat-hero-note{ visibility:visible!important; opacity:1!important; } .rhat-home .rhat-eyebrow{color:#a65d09!important;animation:rhatHeroRevealEyebrow .55s cubic-bezier(.2,.8,.2,1) both!important} .rhat-home .rhat-hero h1{color:#092f52!important;text-shadow:none!important;animation:rhatHeroRevealTitle .7s cubic-bezier(.18,.8,.2,1) .08s both!important} .rhat-home .rhat-hero h1 strong{color:#102a43!important} .rhat-home .rhat-hero p{color:#52657a!important;animation:rhatHeroRevealCopy .65s cubic-bezier(.2,.75,.2,1) .16s both!important} .rhat-home .rhat-actions{animation:rhatHeroRevealActions .6s cubic-bezier(.2,.8,.2,1) .24s both!important} .rhat-home .rhat-hero-note{color:#718095!important;animation:rhatHeroRevealNote .55s ease-out .32s both!important} .rhat-home .rhat-hero .button.primary{background:linear-gradient(135deg,#f58a16,#e96d00)!important;border-color:#f58a16!important;color:#fff!important;box-shadow:0 12px 26px rgba(245,138,22,.20)!important} .rhat-home .rhat-hero .button.secondary{background:#fff!important;border:1px solid rgba(7,55,95,.14)!important;color:#0b416b!important;box-shadow:0 8px 20px rgba(7,55,95,.07)!important} } @media(prefers-reduced-motion:reduce){ .rhat-home .rhat-eyebrow,.rhat-home .rhat-hero h1,.rhat-home .rhat-hero p,.rhat-home .rhat-actions,.rhat-home .rhat-hero-note{animation:none!important;opacity:1!important;visibility:visible!important} } @keyframes rhatHeroRevealEyebrow{from{transform:translateY(9px);filter:blur(3px)}to{transform:none;filter:none}} @keyframes rhatHeroRevealTitle{from{transform:translateY(18px) scale(.988);filter:blur(4px)}to{transform:none;filter:none}} @keyframes rhatHeroRevealCopy{from{transform:translateX(-12px);filter:blur(2px)}to{transform:none;filter:none}} @keyframes rhatHeroRevealActions{from{transform:translateY(12px) scale(.98)}to{transform:none}} @keyframes rhatHeroRevealNote{from{transform:translateY(7px);filter:blur(2px)}to{transform:none;filter:none}} /* rhat-reference-premium-ui-final */ :root{ --rhat-navy:#062f58; --rhat-blue:#0b5fa8; --rhat-orange:#f58216; --rhat-orange-2:#ff9d2e; --rhat-ink:#173553; --rhat-muted:#61758a; --rhat-surface:#ffffff; --rhat-page:#f7faff; } /* Premium mobile header: fixed zones prevent logo/icon collisions. */ @media(max-width:767px){ #header .rhat-production-header{height:64px!important;min-height:64px!important;background:#fff!important;border-bottom:1px solid rgba(6,47,88,.10)!important;box-shadow:0 7px 22px rgba(6,47,88,.10)!important} #header .rhat-production-header .rhat-header-inner{ display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important; width:100%!important;max-width:none!important;height:64px!important;min-height:64px!important;padding:0 9px!important;gap:0!important; } #header .rhat-production-header .rhat-header-menu{width:42px!important;min-width:42px!important;height:44px!important;display:flex!important;align-items:center!important} #header .rhat-production-header .rhat-mobile-menu-trigger{width:42px!important;height:42px!important;border-radius:13px!important;background:#f4f8fc!important;color:var(--rhat-navy)!important} #header .rhat-production-header .rhat-header-logo{min-width:0!important;height:64px!important;padding:0 3px!important;overflow:visible!important} #header .rhat-production-header .rhat-header-logo-image{width:145px!important;max-width:100%!important;max-height:52px!important;height:auto!important;object-fit:contain!important;margin:0 auto!important} #header .rhat-production-header .rhat-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;min-width:0!important;height:64px!important;gap:2px!important;overflow:visible!important} #header .rhat-production-header .rhat-header-search-trigger{width:34px!important;min-width:34px!important;height:42px!important;border-radius:10px!important;color:var(--rhat-navy)!important;background:transparent!important} #header .rhat-production-header .rhat-header-search-trigger .rhat-header-svg{width:27px!important;height:27px!important;stroke-width:1.9!important} #header .rhat-production-header .rhat-mobile-account-tools{display:flex!important;align-items:center!important;height:42px!important;gap:3px!important;margin:0!important;flex:0 0 auto!important} #header .rhat-production-header .rhat-mobile-balance-toggle{height:36px!important;min-height:36px!important;max-width:none!important;padding:0 9px!important;margin:0!important;border:1px solid rgba(245,130,22,.25)!important;border-radius:999px!important;background:linear-gradient(180deg,#fffdf8,#fff7ea)!important;color:var(--rhat-navy)!important;font-size:10px!important;font-weight:900!important;box-shadow:0 4px 13px rgba(245,130,22,.10)!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{width:34px!important;min-width:34px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--rhat-navy)!important} #header .rhat-production-header .rhat-mobile-account-link .rhat-header-svg{width:27px!important;height:27px!important;stroke-width:1.8!important} #header .rhat-production-header .rhat-header-cart{width:36px!important;min-width:36px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important} #header .rhat-production-header .rhat-header-cart .rhat-mobile-cart-link{display:flex!important;visibility:visible!important;opacity:1!important;width:36px!important;height:42px!important;align-items:center!important;justify-content:center!important;color:var(--rhat-navy)!important;text-decoration:none!important;position:relative!important} #header .rhat-production-header .rhat-header-cart .rhat-mobile-cart-svg{display:flex!important;width:32px!important;height:32px!important;align-items:center!important;justify-content:center!important;position:relative!important} #header .rhat-production-header .rhat-header-cart .rhat-mobile-cart-svg svg{display:block!important;width:29px!important;height:29px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important} #header .rhat-production-header .rhat-header-cart .rhat-mobile-cart-count{position:absolute!important;right:-2px!important;top:-2px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:999px!important;background:var(--rhat-orange)!important;color:#fff!important;font:900 9px/16px Arial,sans-serif!important;text-align:center!important;box-shadow:0 3px 8px rgba(245,130,22,.25)!important} #header .rhat-production-header .rhat-desktop-cart{display:none!important;visibility:hidden!important} /* No separator, pseudo-dot or inherited divider between balance/profile. */ #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{content:none!important;display:none!important} } @media(max-width:390px){ #header .rhat-production-header .rhat-header-inner{grid-template-columns:39px minmax(0,1fr) auto!important;padding:0 6px!important} #header .rhat-production-header .rhat-mobile-menu-trigger{width:39px!important;height:39px!important} #header .rhat-production-header .rhat-header-logo-image{width:132px!important;max-height:49px!important} #header .rhat-production-header .rhat-header-search-trigger{width:31px!important;min-width:31px!important} #header .rhat-production-header .rhat-mobile-balance-toggle{padding:0 7px!important;font-size:9px!important} #header .rhat-production-header .rhat-mobile-account-link{width:31px!important;min-width:31px!important} #header .rhat-production-header .rhat-header-cart{width:33px!important;min-width:33px!important;flex-basis:33px!important} #header .rhat-production-header .rhat-mobile-cart-link{width:33px!important} } /* Homepage: airy international marketplace visual system. */ .rhat-home{background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%)!important;color:var(--rhat-ink)!important} .rhat-home .rhat-hero{ position:relative!important;overflow:hidden!important;padding:72px 0 44px!important;color:var(--rhat-ink)!important; background: radial-gradient(circle at 90% 16%,rgba(245,130,22,.18),transparent 24%), radial-gradient(circle at 10% 88%,rgba(12,98,174,.10),transparent 28%), linear-gradient(135deg,#ffffff 0%,#f3f8fd 58%,#fff8ef 100%)!important; border-bottom:0!important; } .rhat-home .rhat-hero:before{content:"";position:absolute;inset:auto -90px -130px auto;width:390px;height:390px;border-radius:50%;background:rgba(245,130,22,.07);pointer-events:none} .rhat-home .rhat-hero-inner{position:relative;z-index:1;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;gap:46px!important} .rhat-home .rhat-eyebrow{color:var(--rhat-orange)!important;opacity:1!important;letter-spacing:2.5px!important;font-size:12px!important;font-weight:900!important} .rhat-home .rhat-hero h1{color:var(--rhat-navy)!important;font-size:54px!important;line-height:1.04!important;letter-spacing:-.7px!important;margin:12px 0 20px!important;text-shadow:none!important} .rhat-home .rhat-hero h1 strong{color:var(--rhat-navy)!important} .rhat-home .rhat-hero p{max-width:650px!important;color:#50677e!important;font-size:17px!important;line-height:1.85!important;opacity:1!important} .rhat-home .rhat-hero .rhat-actions{gap:13px!important} .rhat-home .rhat-hero .rhat-btn{border-radius:999px!important;min-height:50px!important;padding:12px 23px!important;font-weight:900!important} .rhat-home .rhat-hero .button.primary{background:linear-gradient(100deg,#0759a0,#0b73c6,#f58216)!important;box-shadow:0 13px 28px rgba(8,92,163,.20)!important} .rhat-home .rhat-hero .button.secondary{background:#fff!important;border:1.5px solid #0b5fa8!important;color:#0b4f88!important;box-shadow:0 9px 22px rgba(8,70,120,.08)!important} .rhat-home .rhat-hero-note{color:#73859a!important;opacity:1!important} .rhat-home .rhat-hero-visual{min-height:370px!important} .rhat-home .rhat-hero-visual:before{content:"";position:absolute;width:285px;height:285px;border-radius:50%;background:linear-gradient(145deg,rgba(11,95,168,.12),rgba(245,130,22,.12));box-shadow:inset 0 0 0 1px rgba(11,95,168,.08);} .rhat-home .rhat-hero-card{background:rgba(255,255,255,.92)!important;color:var(--rhat-ink)!important;border:1px solid rgba(11,95,168,.10)!important;box-shadow:0 18px 45px rgba(9,55,95,.13)!important;backdrop-filter:blur(12px)} .rhat-home .rhat-quick{margin-top:-18px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important} .rhat-home .rhat-quick-card{min-height:118px!important;padding:20px!important;border:1px solid rgba(11,95,168,.08)!important;border-radius:20px!important;box-shadow:0 14px 34px rgba(8,55,95,.08)!important} .rhat-home .rhat-quick-card>span{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#fff8e9,#edf6ff);font-size:28px;flex:0 0 54px} .rhat-home .rhat-quick-card b{font-size:15px!important;color:var(--rhat-navy)!important} .rhat-home .rhat-quick-card small{font-size:11px!important;color:#718399!important;opacity:1!important} .rhat-home .rhat-quick-card em{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f6f9fc;color:var(--rhat-blue);opacity:1!important} .rhat-home .rhat-trust-strip{margin-top:12px;background:#fff!important;border-top:1px solid rgba(6,47,88,.06);border-bottom:1px solid rgba(6,47,88,.06)!important} .rhat-home .rhat-trust-strip .container>div{padding:20px 18px!important} .rhat-home .rhat-trust-strip b{color:var(--rhat-navy)!important} .rhat-home .rhat-trust-strip span{color:#74859a!important;opacity:1!important} .rhat-home .rhat-section-head h2,.rhat-home .rhat-category-heading h2{color:var(--rhat-navy)!important} .rhat-home .rhat-section-head p,.rhat-home .rhat-category-heading p{color:#708197!important;opacity:1!important} .rhat-home .rhat-kicker{color:var(--rhat-orange)!important;opacity:1!important} .rhat-home .rhat-business-section,.rhat-home .rhat-trust-section,.rhat-home .rhat-business-path{background:linear-gradient(135deg,#f8fbff,#fffaf2)!important;border-color:rgba(11,95,168,.08)!important} .rhat-home .rhat-why-grid>div,.rhat-home .rhat-verified-reseller-card,.rhat-home .rhat-business-steps article{border-color:rgba(11,95,168,.09)!important;box-shadow:0 12px 30px rgba(8,55,95,.06)!important} .rhat-home .rhat-final-cta{background:linear-gradient(135deg,#062f58 0%,#0b5fa8 72%,#f58216 145%)!important} /* Premium staged hero entrance; content stays visible even if animations are disabled. */ .rhat-home .rhat-hero-line{display:inline-block;opacity:1!important;animation-fill-mode:both} .rhat-home .rhat-hero-line-one{animation:rhatRefLineLeft .72s cubic-bezier(.2,.8,.2,1) .08s both} .rhat-home .rhat-hero-line-two{animation:rhatRefLineRight .78s cubic-bezier(.2,.8,.2,1) .18s both} .rhat-home .rhat-hero p{animation:rhatRefCopy .72s cubic-bezier(.2,.8,.2,1) .34s both} .rhat-home .rhat-actions{animation:rhatRefActions .65s cubic-bezier(.2,.8,.2,1) .48s both} .rhat-home .rhat-hero-note{animation:rhatRefNote .6s ease-out .62s both} @keyframes rhatRefLineLeft{from{transform:translateX(-34px);opacity:.15}to{transform:none;opacity:1}} @keyframes rhatRefLineRight{from{transform:translateX(34px);opacity:.15}to{transform:none;opacity:1}} @keyframes rhatRefCopy{from{transform:translateY(18px);opacity:.15}to{transform:none;opacity:1}} @keyframes rhatRefActions{from{transform:translateY(14px) scale(.98);opacity:.2}to{transform:none;opacity:1}} @keyframes rhatRefNote{from{transform:translateY(8px);opacity:.2}to{transform:none;opacity:1}} @media(max-width:767px){ .rhat-home .rhat-hero{padding:28px 0 34px!important;background: radial-gradient(circle at 92% 7%,rgba(245,130,22,.15),transparent 25%), radial-gradient(circle at 8% 92%,rgba(11,95,168,.09),transparent 28%), linear-gradient(135deg,#ffffff 0%,#f5f9fd 64%,#fff8ef 100%)!important;color:var(--rhat-ink)!important;border-radius:0 0 30px 30px!important} .rhat-home .rhat-hero-inner{grid-template-columns:1fr!important;gap:10px!important} .rhat-home .rhat-hero-copy{text-align:left!important} .rhat-home .rhat-eyebrow{font-size:10px!important;margin-left:2px!important} .rhat-home .rhat-hero h1{font-size:32px!important;line-height:1.08!important;margin:9px 0 14px!important;letter-spacing:-.3px!important} .rhat-home .rhat-hero p{font-size:13px!important;line-height:1.72!important;margin-bottom:18px!important;color:#536a80!important} .rhat-home .rhat-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important} .rhat-home .rhat-hero .rhat-btn{width:100%!important;min-height:48px!important;padding:11px 15px!important;font-size:12px!important;border-radius:15px!important} .rhat-home .rhat-hero-note{font-size:10px!important;margin-top:10px!important} .rhat-home .rhat-hero-visual{display:none!important} .rhat-home .rhat-quick{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:-8px!important;padding:0 10px!important} .rhat-home .rhat-quick-card{min-height:126px!important;padding:12px 7px!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:7px!important} .rhat-home .rhat-quick-card>span{width:48px;height:48px;flex-basis:48px;border-radius:15px;font-size:24px!important} .rhat-home .rhat-quick-card div{width:100%!important} .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.4!important} .rhat-home .rhat-quick-card em{display:none!important} .rhat-home .rhat-trust-strip{margin-top:10px!important} .rhat-home .rhat-trust-strip .container{grid-template-columns:repeat(2,1fr)!important} .rhat-home .rhat-trust-strip .container>div{padding:13px 8px!important;text-align:center!important} .rhat-home .rhat-trust-strip b{font-size:9px!important} .rhat-home .rhat-trust-strip span{font-size:8px!important} .rhat-home .rhat-section{padding-top:42px!important} .rhat-home .rhat-section-head h2{font-size:23px!important;line-height:1.2!important} .rhat-home .rhat-section-head p{font-size:10.5px!important} .rhat-home .rhat-main-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important} .rhat-home .rhat-main-category-card{border-radius:16px!important} .rhat-home .rhat-business-section{padding:34px 13px!important;border-radius:22px!important} .rhat-home .rhat-business-steps{grid-template-columns:1fr 1fr!important} .rhat-home .rhat-why-grid{grid-template-columns:1fr 1fr!important;gap:9px!important} .rhat-home .rhat-why-grid>div{padding:16px 12px!important;border-radius:16px!important} .rhat-home .rhat-why-grid h3{font-size:13px!important} .rhat-home .rhat-why-grid p{font-size:10px!important} } @media(max-width:390px){ .rhat-home .rhat-hero h1{font-size:29px!important} .rhat-home .rhat-quick-card{min-height:120px!important} .rhat-home .rhat-quick-card b{font-size:10px!important} .rhat-home .rhat-quick-card small{font-size:8px!important} } @media(prefers-reduced-motion:reduce){ .rhat-home .rhat-hero-line,.rhat-home .rhat-hero p,.rhat-home .rhat-actions,.rhat-home .rhat-hero-note{animation:none!important;opacity:1!important;transform:none!important} } /* Bottom navigation follows the reference: Home / Product / Notification / Category / Account. No active-page tint; notification remains the only featured control. */ @media(max-width:767px){ .rhat-mobile-bottom-nav{background:rgba(255,255,255,.98)!important;border-top:1px solid rgba(6,47,88,.10)!important;box-shadow:0 -10px 30px rgba(6,47,88,.12)!important} .rhat-mobile-bottom-nav__item.is-active{background:transparent!important;color:#5d6878!important} .rhat-mobile-bottom-nav__item--featured{color:#fff!important} } /* rhat-mobile-header-reference-final */ @media(max-width:767px){ #header .rhat-production-header{ height:74px!important;min-height:74px!important;width:100%!important; overflow:visible!important;background:#fff!important; border-bottom:1px solid rgba(6,47,88,.10)!important; box-shadow:0 5px 18px rgba(6,47,88,.08)!important; } #header .rhat-production-header > .rhat-header-inner, #header .rhat-production-header .rhat-header-inner{ display:grid!important; grid-template-columns:44px minmax(0,1fr) 42px 118px 42px 46px!important; grid-template-rows:74px!important; align-items:center!important; width:100%!important;max-width:none!important;height:74px!important;min-height:74px!important; margin:0!important;padding:0 8px!important;gap:0!important; box-sizing:border-box!important;overflow:visible!important; } #header .rhat-production-header .rhat-header-menu{ grid-column:1!important;grid-row:1!important;width:44px!important;min-width:44px!important;height:74px!important; display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important; } #header .rhat-production-header .rhat-mobile-menu-trigger{ display:flex!important;width:42px!important;min-width:42px!important;height:48px!important; align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important; background:transparent!important;border:0!important;color:#07375f!important; } #header .rhat-production-header .rhat-header-logo{ grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;height:74px!important; display:flex!important;align-items:center!important;justify-content:center!important;padding:0 3px!important; margin:0!important;overflow:visible!important;position:relative!important;z-index:2!important; } #header .rhat-production-header .rhat-logo-link{ display:flex!important;align-items:center!important;justify-content:center!important; width:100%!important;max-width:100%!important;height:74px!important;overflow:visible!important;margin:0!important; } #header .rhat-production-header .rhat-header-logo-image{ display:block!important;width:auto!important;max-width:100%!important;height:auto!important; max-height:62px!important;object-fit:contain!important;margin:0 auto!important; } /* Flatten the old action wrappers into the six grid zones. */ #header .rhat-production-header .rhat-header-actions{display:contents!important;width:auto!important;height:auto!important;overflow:visible!important} #header .rhat-production-header .rhat-mobile-account-tools{display:contents!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important} #header .rhat-production-header .rhat-header-search-trigger{ grid-column:3!important;grid-row:1!important;width:42px!important;min-width:42px!important;height:50px!important; display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important; background:transparent!important;border:0!important;color:#07375f!important; } #header .rhat-production-header .rhat-header-search-trigger .rhat-header-svg{width:30px!important;height:30px!important;stroke-width:1.8!important} #header .rhat-production-header .rhat-mobile-balance-toggle{ grid-column:4!important;grid-row:1!important;width:118px!important;min-width:118px!important;max-width:118px!important; height:46px!important;min-height:46px!important;margin:0!important;padding:4px 9px!important;box-sizing:border-box!important; display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important; border:1px solid rgba(245,130,22,.30)!important;border-radius:999px!important; background:linear-gradient(180deg,#fffdf9,#fff7ea)!important;color:#07375f!important; font:900 12px/1.1 Arial,sans-serif!important;box-shadow:0 4px 13px rgba(245,130,22,.10)!important; } #header .rhat-production-header .rhat-mobile-balance-label{display:inline!important} #header .rhat-production-header .rhat-mobile-balance-value{display:none!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-flex!important} #header .rhat-production-header .rhat-mobile-account-divider{display:none!important;width:0!important;height:0!important} #header .rhat-production-header .rhat-mobile-account-link{ grid-column:5!important;grid-row:1!important;width:42px!important;min-width:42px!important;height:50px!important; display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important; background:transparent!important;border:0!important;color:#07375f!important;text-decoration:none!important; } #header .rhat-production-header .rhat-mobile-account-link .rhat-header-svg{width:31px!important;height:31px!important;stroke-width:1.8!important} #header .rhat-production-header .rhat-header-cart{ grid-column:6!important;grid-row:1!important;width:46px!important;min-width:46px!important;height:74px!important; display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important; } #header .rhat-production-header .rhat-desktop-cart{display:none!important;visibility:hidden!important} #header .rhat-production-header .rhat-mobile-cart-link{ display:flex!important;visibility:visible!important;opacity:1!important;width:46px!important;min-width:46px!important;height:50px!important; align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important; color:#07375f!important;text-decoration:none!important;position:relative!important; } #header .rhat-production-header .rhat-mobile-cart-svg{width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important} #header .rhat-production-header .rhat-mobile-cart-svg svg{display:block!important;width:34px!important;height:34px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.75!important} #header .rhat-production-header .rhat-mobile-cart-count{top:-2px!important;right:-2px!important;min-width:19px!important;height:19px!important;line-height:19px!important;font-size:10px!important;background:#f45122!important;border:2px solid #fff!important} #header .rhat-production-header > .container:not(.rhat-header-inner){display:none!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{content:none!important;display:none!important} } @media(max-width:430px){ #header .rhat-production-header > .rhat-header-inner, #header .rhat-production-header .rhat-header-inner{ grid-template-columns:40px minmax(0,1fr) 34px 82px 36px 40px!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:40px!important;min-width:40px!important;height:46px!important} #header .rhat-production-header .rhat-header-search-trigger{width:34px!important;min-width:34px!important;height:46px!important} #header .rhat-production-header .rhat-header-search-trigger .rhat-header-svg{width:27px!important;height:27px!important} #header .rhat-production-header .rhat-mobile-balance-toggle{width:82px!important;min-width:82px!important;max-width:82px!important;height:40px!important;min-height:40px!important;padding:3px 5px!important;font-size:9px!important} #header .rhat-production-header .rhat-mobile-account-link{width:36px!important;min-width:36px!important;height:46px!important} #header .rhat-production-header .rhat-mobile-account-link .rhat-header-svg{width:28px!important;height:28px!important} #header .rhat-production-header .rhat-header-cart{width:40px!important;min-width:40px!important} #header .rhat-production-header .rhat-mobile-cart-link{width:40px!important;min-width:40px!important} #header .rhat-production-header .rhat-mobile-cart-svg,#header .rhat-production-header .rhat-mobile-cart-svg svg{width:31px!important;height:31px!important} #header .rhat-production-header .rhat-mobile-cart-count{min-width:17px!important;height:17px!important;line-height:17px!important;font-size:9px!important} #header .rhat-production-header .rhat-header-logo-image{max-height:56px!important} } @media(max-width:370px){ #header .rhat-production-header > .rhat-header-inner, #header .rhat-production-header .rhat-header-inner{grid-template-columns:38px minmax(0,1fr) 31px 74px 34px 38px!important;padding:0 5px!important} #header .rhat-production-header .rhat-mobile-balance-toggle{width:74px!important;min-width:74px!important;max-width:74px!important;font-size:8.5px!important;padding:3px 3px!important} #header .rhat-production-header .rhat-header-logo-image{max-height:53px!important} } /* rhat-mobile-header-six-slot-final */ @media (max-width:767px){ #header .rhat-production-header{height:78px!important;min-height:78px!important;overflow:visible!important;position:relative!important;z-index:99999!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;overflow:visible!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;box-sizing:border-box!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;min-width:0!important;width:auto!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 .rhat-logo-link{display:flex!important;min-width:0!important;width:100%!important;height:78px!important;align-items:center!important;justify-content:center!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;flex:0 1 auto!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;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;box-shadow:none!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;width:0!important;height:0!important;margin:0!important;padding:0!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{display:flex!important;width:34px!important;height:34px!important;align-items:center!important;justify-content:center!important;position:relative!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;padding:0 5px!important;column-gap:2px!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} } /* rhat-reference-home-footer-authority */ .rhat-home{background:linear-gradient(180deg,#fff 0%,#f7fafd 48%,#fff 100%)!important;color:#123a62!important;} .rhat-home .rhat-hero{background:linear-gradient(135deg,#fff 0%,#f1f8fd 56%,#fff5e9 100%)!important;color:#123a62!important;border-bottom:1px solid #e5edf4!important;} .rhat-home .rhat-hero h1,.rhat-home .rhat-hero h1 strong{color:#073b68!important;} .rhat-home .rhat-hero .rhat-hero-orange-word{color:#ed5b16!important;} .rhat-home .rhat-hero p{color:#53677d!important;opacity:1!important;} .rhat-home .rhat-eyebrow,.rhat-home .rhat-kicker{color:#e46a13!important;opacity:1!important;} .rhat-home .rhat-quick-card{background:linear-gradient(145deg,#fff,#f8fbfd)!important;border:1px solid #e2ebf3!important;box-shadow:0 14px 34px rgba(7,59,104,.08)!important;} .rhat-home .rhat-trust-strip{background:#fff!important;border-color:#e5edf4!important;} .rhat-home .rhat-section-head h2,.rhat-home .rhat-category-heading h2,.rhat-home .rhat-business-heading h2,.rhat-home .rhat-trust-section h2,.rhat-home .rhat-why h2,.rhat-home .rhat-blog h2{color:#073b68!important;} .rhat-home .rhat-section-head p,.rhat-home .rhat-category-heading p{color:#697b8f!important;opacity:1!important;} .rhat-home .rhat-main-category-card,.rhat-home .rhat-section .product-small,.rhat-home .rhat-why-grid>div,.rhat-home .rhat-blog .post-item,.rhat-home .rhat-blog .box-blog-post,.rhat-home .rhat-blog .post{border-color:#e2ebf3!important;box-shadow:0 12px 32px rgba(7,59,104,.06)!important;} .rhat-home .rhat-business-section{background:linear-gradient(135deg,#fff,#eef6fc)!important;border-color:#dfe9f2!important;} .rhat-home .rhat-trust-section{background:linear-gradient(135deg,#f2f8fd,#fffaf3)!important;} .rhat-home .rhat-final-cta{background:linear-gradient(135deg,#073b68,#0d5f9d 68%,#f47b16)!important;} .rhat-mobile-bottom-nav__item.is-active:not(.rhat-mobile-bottom-nav__item--featured){background:transparent!important;color:#5d6878!important;} .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon-wrap{background:linear-gradient(145deg,#ffb12e,#f47b16)!important;} @media(max-width:767px){.rhat-home .rhat-hero{border-radius:0 0 26px 26px!important}.rhat-home .rhat-quick-card{border-radius:16px!important}} /* rhat-footer-premium-palette-v89 */ /* Premium footer: midnight navy + royal violet, harmonized with the approved hero palette. */ #footer, #footer.footer-wrapper { background:linear-gradient(145deg,#07152b 0%,#0b2140 48%,#24104f 100%)!important; background-image:linear-gradient(145deg,#07152b 0%,#0b2140 48%,#24104f 100%)!important; color:#dbe7f6!important; border-top:3px solid #8b5cf6!important; } #footer .footer-widgets, #footer .footer-widgets.footer-1, #footer .footer-widgets.footer-2, #footer .footer-1, #footer .footer-2 { color:#dbe7f6!important; background:transparent!important; background-image:none!important; } /* Keep widget areas visually separated without changing their structure. */ #footer .footer-1 { background:linear-gradient(160deg,rgba(255,255,255,.025),rgba(139,92,246,.045))!important; } #footer .footer-2 { background:linear-gradient(160deg,rgba(139,92,246,.045),rgba(59,130,246,.035))!important; border-top:1px solid rgba(255,255,255,.08)!important; } #footer .widget-title, #footer .widget-title a, #footer .footer-title, #footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6 { color:#ffffff!important; font-weight:850!important; } #footer .widget-title:after, #footer .footer-title:after { background:#a78bfa!important; } #footer p, #footer li, #footer .textwidget, #footer .widget { color:rgba(229,238,249,.82)!important; } #footer a, #footer .menu-item>a, #footer ul.menu>li>a { color:#dbe7ff!important; } #footer a:hover, #footer a:focus, #footer .menu-item>a:hover, #footer .menu-item>a:focus { color:#ffb86b!important; } #footer ul.menu>li>a, #footer .menu-item>a { border-bottom-color:rgba(167,139,250,.12)!important; } #footer .reseller-hat-footer-legal-nav>li>a { background:rgba(255,255,255,.045)!important; border:1px solid rgba(167,139,250,.12)!important; color:#dbe7ff!important; } #footer .reseller-hat-footer-legal-nav>li>a:hover, #footer .reseller-hat-footer-legal-nav>li>a:focus { background:rgba(139,92,246,.16)!important; border-color:rgba(167,139,250,.30)!important; color:#fff!important; } #footer .is-divider { background:#8b5cf6!important; opacity:.65!important; } /* Payment/copyright strip: darker premium base with a restrained violet-blue glow. */ #footer .absolute-footer { background:linear-gradient(135deg,#050e1e 0%,#101c3c 52%,#24134d 100%)!important; color:rgba(226,235,247,.72)!important; border-top:1px solid rgba(167,139,250,.18)!important; } #footer .absolute-footer a { color:#dbe7ff!important; } #footer .absolute-footer a:hover, #footer .absolute-footer a:focus { color:#ffb86b!important; } #footer .payment-icons { display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:wrap!important; } #footer .payment-icons .payment-icon, #footer .payment-icons .icon { display:flex!important; align-items:center!important; justify-content:center!important; min-width:58px!important; min-height:34px!important; padding:5px 9px!important; border-radius:10px!important; background:rgba(255,255,255,.08)!important; border:1px solid rgba(255,255,255,.10)!important; box-shadow:0 7px 18px rgba(0,0,0,.16)!important; } #footer .payment-icons svg { max-width:52px!important; max-height:25px!important; fill:currentColor!important; color:rgba(255,255,255,.92)!important; } @media(max-width:767px){ #footer{border-top-width:3px!important;} #footer .payment-icons{gap:6px!important;} #footer .payment-icons .payment-icon, #footer .payment-icons .icon{min-width:54px!important;min-height:32px!important;padding:4px 7px!important;border-radius:9px!important;} } /* rhat-balance-toggle-desktop-parity-v143 */ @media (min-width:768px){ #header .rhat-production-header .rhat-mobile-balance-toggle .rhat-mobile-balance-label{display:inline!important;white-space:nowrap!important} #header .rhat-production-header .rhat-mobile-balance-toggle .rhat-mobile-balance-value{display:none!important;white-space:nowrap!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} } /* rhat-mobile-bottom-nav-unified-v148 */ @media (max-width:767px){ body, body.home, body.front-page{ padding-bottom:calc(70px + env(safe-area-inset-bottom))!important; } .rhat-mobile-bottom-nav, body.home .rhat-mobile-bottom-nav, body.front-page .rhat-mobile-bottom-nav{ position:fixed!important; left:0!important; right:0!important; bottom:0!important; width:100%!important; height:calc(62px + env(safe-area-inset-bottom))!important; min-height:62px!important; display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; align-items:end!important; padding:3px 8px max(3px,env(safe-area-inset-bottom))!important; margin:0!important; border:1px solid #e3e8ee!important; border-bottom:0!important; border-radius:24px 24px 0 0!important; background:#ffffff!important; box-shadow:0 -8px 28px rgba(20,42,66,.13)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; overflow:visible!important; z-index:2147483000!important; } .rhat-mobile-bottom-nav__item, body.home .rhat-mobile-bottom-nav__item, body.front-page .rhat-mobile-bottom-nav__item{ position:relative!important; display:flex!important; width:100%!important; height:52px!important; min-width:0!important; margin:0!important; padding:1px 2px 2px!important; align-items:center!important; justify-content:center!important; flex-direction:column!important; gap:3px!important; border:0!important; border-radius:14px!important; background:transparent!important; color:#607084!important; text-decoration:none!important; font-size:10px!important; font-weight:800!important; line-height:1.15!important; box-shadow:none!important; transform:none!important; transition:color .18s ease,transform .18s ease!important; } .rhat-mobile-bottom-nav__item.is-active:not(.rhat-mobile-bottom-nav__item--featured){ color:#0b3f68!important; background:transparent!important; } .rhat-mobile-bottom-nav__item:not(.rhat-mobile-bottom-nav__item--featured):active{ transform:scale(.96)!important; } .rhat-mobile-bottom-nav__icon-wrap{ position:relative!important; display:flex!important; width:34px!important; height:34px!important; align-items:center!important; justify-content:center!important; border:1px solid #e3e9ef!important; border-radius:11px!important; background:#f8fafc!important; box-shadow:0 2px 7px rgba(26,48,72,.07)!important; color:#607084!important; transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important; } .rhat-mobile-bottom-nav__item.is-active:not(.rhat-mobile-bottom-nav__item--featured) .rhat-mobile-bottom-nav__icon-wrap{ background:#eef5fa!important; border-color:#c9d9e6!important; color:#0b3f68!important; box-shadow:0 3px 9px rgba(11,63,104,.10)!important; } .rhat-mobile-bottom-nav__icon{ display:grid!important; place-items:center!important; width:25px!important; height:25px!important; } .rhat-mobile-bottom-nav__icon svg{ width:23px!important; height:23px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.85!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .rhat-mobile-bottom-nav__label{ display:block!important; max-width:100%!important; padding:0 2px!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; color:inherit!important; } .rhat-mobile-bottom-nav__item--featured{ height:72px!important; margin-top:-32px!important; padding:0!important; color:#fff!important; border-radius:50%!important; z-index:3!important; } .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon-wrap{ width:66px!important; height:66px!important; border:5px solid #fff!important; border-radius:50%!important; background:linear-gradient(145deg,#ffad2f 0%,#f47716 100%)!important; color:#fff!important; box-shadow:0 8px 20px rgba(235,113,18,.27),0 0 0 1px rgba(11,63,104,.08)!important; } .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon{ width:35px!important; height:35px!important; } .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon svg{ width:30px!important; height:30px!important; stroke:#fff!important; stroke-width:1.9!important; } .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__label{display:none!important} .rhat-mobile-bottom-nav__badge{ position:absolute!important; top:-1px!important; right:-1px!important; min-width:18px!important; height:18px!important; padding:0 4px!important; border:2px solid #fff!important; border-radius:999px!important; background:#ef5a24!important; color:#fff!important; font-size:8px!important; font-weight:900!important; line-height:14px!important; text-align:center!important; box-shadow:0 2px 6px rgba(0,0,0,.14)!important; } .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__badge{ top:0!important; right:0!important; } } @media(max-width:380px){ .rhat-mobile-bottom-nav{padding-left:5px!important;padding-right:5px!important} .rhat-mobile-bottom-nav__label{font-size:9px!important} .rhat-mobile-bottom-nav__icon-wrap{width:32px!important;height:32px!important} .rhat-mobile-bottom-nav__icon{width:24px!important;height:24px!important} .rhat-mobile-bottom-nav__icon svg{width:22px!important;height:22px!important} } /* V148 final design lock: the four standard icons keep their V146 sizes/colors. * Only the white navigation surface becomes thinner; the notification remains oversized * and protrudes only modestly above that surface. */ @media(max-width:767px){ .rhat-mobile-bottom-nav{height:calc(62px + env(safe-area-inset-bottom))!important;min-height:62px!important;padding:3px 8px max(3px,env(safe-area-inset-bottom))!important} .rhat-mobile-bottom-nav__item:not(.rhat-mobile-bottom-nav__item--featured){height:52px!important;padding:1px 2px 2px!important} .rhat-mobile-bottom-nav__icon-wrap{width:34px!important;height:34px!important} .rhat-mobile-bottom-nav__icon{width:25px!important;height:25px!important} .rhat-mobile-bottom-nav__icon svg{width:23px!important;height:23px!important} .rhat-mobile-bottom-nav__item--featured{width:auto!important;height:68px!important;margin-top:-22px!important;padding:0!important;transform:none!important;overflow:visible!important} .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon-wrap{width:66px!important;height:66px!important;border-width:3px!important;border-color:rgba(255,255,255,.82)!important} .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon{width:35px!important;height:35px!important} .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon svg{width:30px!important;height:30px!important} } @media(max-width:380px){ .rhat-mobile-bottom-nav__icon-wrap{width:34px!important;height:34px!important} .rhat-mobile-bottom-nav__icon{width:25px!important;height:25px!important} .rhat-mobile-bottom-nav__icon svg{width:23px!important;height:23px!important} .rhat-mobile-bottom-nav__label{font-size:10px!important} } /* V148 home-page lock: the homepage has legacy inline CSS with high specificity; * explicitly pin the same final geometry there so Home cannot diverge. */ @media(max-width:767px){ body.home .rhat-mobile-bottom-nav, body.front-page .rhat-mobile-bottom-nav{ height:calc(62px + env(safe-area-inset-bottom))!important; min-height:62px!important; padding:3px 8px max(3px,env(safe-area-inset-bottom))!important; border:1px solid #e3e8ee!important; border-bottom:0!important; border-radius:24px 24px 0 0!important; background:#fff!important; box-shadow:0 -8px 28px rgba(20,42,66,.13)!important; } body.home .rhat-mobile-bottom-nav__item:not(.rhat-mobile-bottom-nav__item--featured), body.front-page .rhat-mobile-bottom-nav__item:not(.rhat-mobile-bottom-nav__item--featured){ height:52px!important; margin:0!important; padding:1px 2px 2px!important; background:transparent!important; } body.home .rhat-mobile-bottom-nav__item--featured, body.front-page .rhat-mobile-bottom-nav__item--featured{ height:68px!important; margin-top:-22px!important; padding:0!important; transform:none!important; overflow:visible!important; } body.home .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon-wrap, body.front-page .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon-wrap{ width:66px!important; height:66px!important; border:3px solid rgba(255,255,255,.82)!important; } } @media(min-width:768px){ .rhat-mobile-bottom-nav{display:none!important} } /* FINAL SAFETY LOCK — custom mobile bottom navigation is mobile-only. */ @media (min-width:768px){.rhat-mobile-bottom-nav,.rhat-mobile-bottom-nav__item{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}} /* PHASE 53 — header notification + balance/icon parity only. */ @media (min-width:768px){ #header .rhat-production-header .rhat-clean-header-v170__balance-button, #header .rhat-production-header .rhat-clean-header-v170__icon-button{ width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important; padding:0!important;margin:0!important;box-sizing:border-box!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; gap:5px!important;border:1px solid rgba(18,59,99,.14)!important;border-radius:12px!important; background:linear-gradient(180deg,#fff,#f7fbff)!important;color:#123b63!important; box-shadow:0 4px 12px rgba(18,59,99,.07)!important;text-decoration:none!important; } #header .rhat-production-header .rhat-clean-header-v170__balance-button{cursor:pointer!important;font:inherit!important;} #header .rhat-production-header .rhat-clean-header-v170__balance-icon, #header .rhat-production-header .rhat-clean-header-v170__notification-icon{ width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 22px!important; } #header .rhat-production-header .rhat-clean-header-v170__balance-icon svg, #header .rhat-production-header .rhat-clean-header-v170__notification-icon svg{ width:22px!important;height:22px!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-clean-header-v170__balance-button .rhat-clean-header-v170__desktop-label, #header .rhat-production-header .rhat-clean-header-v170__icon-button .rhat-clean-header-v170__desktop-label{ display:inline!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important; } #header .rhat-production-header .rhat-clean-header-v170__balance-button{width:auto!important;min-width:132px!important;padding:0 12px!important;} #header .rhat-production-header .rhat-clean-header-v170__notification{position:relative!important;width:auto!important;min-width:44px!important;padding:0 11px!important;} #header .rhat-production-header .rhat-clean-header-v170__notification-badge{position:absolute!important;top:-5px!important;right:-5px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:999px!important;background:#f45122!important;color:#fff!important;border:2px solid #fff!important;font:900 9px/14px Arial,sans-serif!important;text-align:center!important;box-sizing:border-box!important;} } @media (max-width:767px){ /* Header notification belongs to the mobile bottom navigation, not the top header. * Hide only the duplicate top-header control so it cannot wrap below the header. */ #header .rhat-production-header .rhat-clean-header-v170__notification{display:none!important;} #header .rhat-production-header .rhat-clean-header-v170__balance-icon{display:none!important;} #header .rhat-production-header .rhat-clean-header-v170__balance-button{gap:0!important;} #header .rhat-production-header .rhat-mobile-cart-link{transform:translateX(-4px)!important;} } /* PHASE 57 — Mobile header balance parity + safe spacing lock. * Visual-only correction: balance uses the same surface/border/shadow as * profile/search/cart, while preserving its readable label. The header grid * reserves fixed space for every control so the logo and cart badge cannot * be clipped or collide on narrow screens. */ @media (max-width:767px){ #header .rhat-production-header{ overflow:visible!important; } #header .rhat-production-header .rhat-clean-header-v170__inner{ display:grid!important; grid-template-columns:minmax(0,1fr) 92px 42px 42px 42px!important; grid-template-rows:58px!important; align-items:center!important; column-gap:6px!important; width:100%!important; height:58px!important; min-height:58px!important; padding:0 8px!important; margin:0!important; box-sizing:border-box!important; overflow:visible!important; } #header .rhat-production-header .rhat-clean-header-v170__logo{ grid-column:1!important; grid-row:1!important; min-width:0!important; width:auto!important; max-width:100%!important; height:58px!important; padding:0!important; margin:0!important; overflow:visible!important; justify-self:start!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; } #header .rhat-production-header .rhat-clean-header-v170__logo .rhat-logo-link{ display:flex!important; align-items:center!important; justify-content:flex-start!important; width:auto!important; max-width:100%!important; min-width:0!important; overflow:visible!important; } #header .rhat-production-header .rhat-clean-header-v170__logo .rhat-header-logo-image{ display:block!important; width:145px!important; max-width:100%!important; max-height:50px!important; height:auto!important; object-fit:contain!important; margin:0!important; } /* Balance deliberately matches the other header control surfaces. */ #header .rhat-production-header .rhat-clean-header-v170__balance{ grid-column:2!important; grid-row:1!important; width:92px!important; min-width:92px!important; height:58px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; justify-self:center!important; overflow:visible!important; } #header .rhat-production-header .rhat-clean-header-v170__balance-button{ width:92px!important; min-width:92px!important; height:42px!important; min-height:42px!important; margin:0!important; padding:0 7px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; border:1px solid #e3e9ef!important; border-radius:12px!important; background:#f8fafc!important; color:#607084!important; box-shadow:0 2px 7px rgba(26,48,72,.07)!important; gap:0!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } #header .rhat-production-header .rhat-clean-header-v170__balance-button:hover, #header .rhat-production-header .rhat-clean-header-v170__balance-button:focus-visible, #header .rhat-production-header .rhat-clean-header-v170__balance-button.is-revealed{ background:#eef5fa!important; border-color:#c9d9e6!important; color:#0b3f68!important; box-shadow:0 3px 9px rgba(11,63,104,.10)!important; } #header .rhat-production-header .rhat-clean-header-v170__balance-icon{display:none!important;} #header .rhat-production-header .rhat-clean-header-v170__balance-button .rhat-mobile-balance-label{ display:inline!important; max-width:100%!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; font-size:10px!important; line-height:1!important; font-weight:800!important; color:inherit!important; } #header .rhat-production-header .rhat-clean-header-v170__balance-button .rhat-mobile-balance-value{ display:none!important; max-width:100%!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; color:inherit!important; } #header .rhat-production-header .rhat-clean-header-v170__balance-button.is-revealed .rhat-mobile-balance-value{display:inline!important;} /* Four utility controls share one geometry and equal gaps. */ #header .rhat-production-header .rhat-clean-header-v170__profile, #header .rhat-production-header .rhat-clean-header-v170__search, #header .rhat-production-header .rhat-clean-header-v170__cart{ grid-row:1!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; margin:0!important; padding:0!important; justify-self:center!important; align-self:center!important; transform:none!important; box-sizing:border-box!important; overflow:visible!important; } #header .rhat-production-header .rhat-clean-header-v170__profile{grid-column:3!important;} #header .rhat-production-header .rhat-clean-header-v170__search{grid-column:4!important;display:flex!important;} #header .rhat-production-header .rhat-clean-header-v170__cart{grid-column:5!important;} #header .rhat-production-header .rhat-clean-header-v170__icon-button{ width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; margin:0!important; padding:0!important; box-sizing:border-box!important; border:1px solid #e3e9ef!important; border-radius:12px!important; background:#f8fafc!important; color:#607084!important; box-shadow:0 2px 7px rgba(26,48,72,.07)!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; } #header .rhat-production-header .rhat-clean-header-v170__icon-button:hover, #header .rhat-production-header .rhat-clean-header-v170__icon-button:focus-visible{ background:#eef5fa!important; border-color:#c9d9e6!important; color:#0b3f68!important; box-shadow:0 3px 9px rgba(11,63,104,.10)!important; } #header .rhat-production-header .rhat-clean-header-v170__profile svg, #header .rhat-production-header .rhat-clean-header-v170__search svg{ width:23px!important; height:23px!important; flex:0 0 23px!important; } #header .rhat-production-header .rhat-clean-header-v170__cart .rhat-mobile-cart-svg{ display:flex!important; width:29px!important; height:29px!important; align-items:center!important; justify-content:center!important; position:relative!important; overflow:visible!important; } #header .rhat-production-header .rhat-clean-header-v170__cart .rhat-mobile-cart-svg svg{ display:block!important; width:27px!important; height:27px!important; flex:0 0 27px!important; } #header .rhat-production-header .rhat-clean-header-v170__cart .rhat-mobile-cart-count{ top:-4px!important; right:-5px!important; z-index:5!important; } } @media (max-width:390px){ #header .rhat-production-header .rhat-clean-header-v170__inner{ grid-template-columns:minmax(0,1fr) 82px 38px 38px 38px!important; column-gap:5px!important; padding:0 6px!important; } #header .rhat-production-header .rhat-clean-header-v170__logo .rhat-header-logo-image{ width:138px!important; max-height:47px!important; } #header .rhat-production-header .rhat-clean-header-v170__balance, #header .rhat-production-header .rhat-clean-header-v170__balance-button{ width:82px!important; min-width:82px!important; } #header .rhat-production-header .rhat-clean-header-v170__balance-button .rhat-mobile-balance-label{font-size:9px!important;} #header .rhat-production-header .rhat-clean-header-v170__profile, #header .rhat-production-header .rhat-clean-header-v170__search, #header .rhat-production-header .rhat-clean-header-v170__cart, #header .rhat-production-header .rhat-clean-header-v170__icon-button{ width:38px!important; min-width:38px!important; max-width:38px!important; height:40px!important; min-height:40px!important; flex-basis:38px!important; } #header .rhat-production-header .rhat-clean-header-v170__profile svg, #header .rhat-production-header .rhat-clean-header-v170__search svg{width:22px!important;height:22px!important;} #header .rhat-production-header .rhat-clean-header-v170__cart .rhat-mobile-cart-svg svg{width:25px!important;height:25px!important;} } /* PHASE 61 — MOBILE HEADER ONLY: remove notification icon/control. */ @media (max-width:767px){ #header .rhat-production-header .rhat-clean-header-v170__notification{ display:none!important; visibility:hidden!important; width:0!important; min-width:0!important; max-width:0!important; flex:0 0 0!important; padding:0!important; margin:0!important; pointer-events:none!important; } } /* PHASE 61 — MOBILE BOTTOM NAV NOTIFICATION COLOR * Replace the yellow/orange featured notification surface with the * Reseller Hat brand navy. No other mobile bottom-nav item is changed. */ @media (max-width:767px){ .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon-wrap{ background:#0b3f68!important; color:#fff!important; border-color:#fff!important; box-shadow:0 8px 20px rgba(11,63,104,.28),0 0 0 1px rgba(0,47,91,.10)!important; } .rhat-mobile-bottom-nav__item--featured .rhat-mobile-bottom-nav__icon svg{ stroke:#fff!important; } } /* PHASE 62 — FINAL MOBILE BOTTOM NAV RESTORE. * The custom five-item mobile navigation must remain visible on phones. * This late rule only restores the custom nav; it does not alter its design. */ @media (max-width: 767px){ .rhat-mobile-bottom-nav{ position:fixed!important; left:0!important; right:0!important; bottom:0!important; z-index:99999!important; display:grid!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; } .rhat-mobile-bottom-nav__item{display:flex!important;visibility:visible!important;opacity:1!important;} } @media (min-width: 768px){ .rhat-mobile-bottom-nav, .rhat-mobile-bottom-nav__item{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!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; } } /* Site-wide product grid rule: preserve existing mobile/desktop column counts; tighten only card spacing. */ @media(max-width:767px){ body ul.products, body .products.row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} body ul.products li.product, body .products.row>.product{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important} } @media(min-width:768px){ body ul.products, body .products.row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important} body ul.products li.product, body .products.row>.product{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important} } @media(max-width:380px){ body ul.products, body .products.row{gap:8px!important} }