:root{--rcg-menu-red:#cc3030;--rcg-menu-red-dark:#a92424;--rcg-menu-ink:#171719;--rcg-menu-muted:#66656a;--rcg-menu-cream:#f3efea;--rcg-menu-line:rgba(23, 23, 25, 0.12)}.rcg-skip-link{position:fixed;top:8px;left:12px;z-index:1000000;padding:11px 16px;border-radius:8px;background:#fff;color:#171719;font-weight:800;transform:translateY(-150%)}.rcg-skip-link:focus{color:#171719;transform:translateY(0)}.rcg-live-header .rcg-desktop-nav>li>a[aria-current=page]{background:rgba(255,255,255,.14);color:#fff}.rcg-mega-menu,.rcg-mega-menu-item{position:static}.rcg-mega-menu>summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:8px;color:#fff;font-size:15px;font-weight:700;line-height:1;list-style:none;cursor:pointer;touch-action:manipulation}.rcg-mega-menu>summary::-webkit-details-marker,.rcg-mobile-services>summary::-webkit-details-marker{display:none}.rcg-mega-menu>summary::after,.rcg-mobile-services>summary::after{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;content:"";transform:rotate(45deg) translateY(-2px);transform-origin:center;transition:transform 180ms ease}.rcg-mega-menu>summary:hover,.rcg-mega-menu>summary[aria-current=page],.rcg-mega-menu[open]>summary{color:#fff;background:rgba(255,255,255,.11)}.rcg-mega-menu[open]>summary::after,.rcg-mobile-services[open]>summary::after{transform:rotate(225deg) translate(-1px,-1px)}.rcg-mega-menu>summary:focus-visible,.rcg-mobile-menu>summary:focus-visible,.rcg-mobile-services>summary:focus-visible{outline:3px solid #fff;outline-offset:3px}.rcg-mega-panel{position:absolute;top:calc(100% + 14px);left:50%;z-index:40;display:grid;grid-template-columns:minmax(240px,0.8fr) minmax(0,2.4fr);gap:0;width:min(1140px,calc(100vw - 64px));padding:12px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:var(--rcg-menu-cream);box-shadow:0 30px 85px rgba(0,0,0,.38);color:var(--rcg-menu-ink);transform:translateX(-50%)}.rcg-mega-panel::before{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0 27%,rgba(204,48,48,.035) 27% 100%),linear-gradient(rgba(23,23,25,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,25,.035) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;content:"";pointer-events:none}.rcg-mega-intro{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:292px;padding:28px;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 88% 12%,rgba(204,48,48,.4),transparent 32%),linear-gradient(145deg,#242427,#111113);color:#fff}.rcg-mega-intro::after{position:absolute;right:-72px;bottom:-92px;width:190px;height:190px;border:1px solid rgba(204,48,48,.48);border-radius:50%;content:"";pointer-events:none}.rcg-mega-intro__copy{position:relative;z-index:1}.rcg-mega-intro strong{display:block;max-width:12ch;margin-bottom:14px;color:#fff;font-size:clamp(24px, 2vw, 31px);font-weight:800;line-height:1.08}.rcg-mega-intro p{max-width:29ch;margin:0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.62}.rcg-live-header .nav-area .rcg-mega-intro__link{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:var(--rcg-menu-red);color:#fff;font-size:14px;font-weight:800;white-space:nowrap}.rcg-live-header .nav-area .rcg-mega-intro__link:focus-visible,.rcg-live-header .nav-area .rcg-mega-intro__link:hover{background:var(--rcg-menu-red-dark);color:#fff}.rcg-mega-groups{position:relative;z-index:1;display:grid;grid-template-columns:0.8fr 1.35fr 1fr;gap:0;padding:18px 8px}.rcg-mega-group{min-width:0;padding:6px 22px;border-left:1px solid var(--rcg-menu-line)}.rcg-mega-group:first-child{border-left:0}.rcg-mega-group__title{margin:0 0 12px;color:var(--rcg-menu-ink);font-size:13px;font-weight:800;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.rcg-mega-group__links{display:grid;gap:3px}.rcg-live-header .nav-area a.rcg-mega-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:8px 10px;border-radius:7px;color:#242428;font-size:14px;font-weight:700;line-height:1.25;text-decoration:none;touch-action:manipulation}.rcg-live-header .nav-area a.rcg-mega-link:not([aria-disabled=true])::after{color:var(--rcg-menu-red);font-size:18px;line-height:1;content:"›"}.rcg-live-header .nav-area a.rcg-mega-link:focus-visible,.rcg-live-header .nav-area a.rcg-mega-link:hover,.rcg-live-header .nav-area a.rcg-mega-link[aria-current=page]{background:#fff;color:var(--rcg-menu-red-dark);box-shadow:0 8px 24px rgba(23,23,25,.08)}.rcg-mega-intro__link:focus-visible,.rcg-mega-link:focus-visible,.rcg-mobile-panel a:focus-visible{outline:3px solid var(--rcg-menu-red);outline-offset:2px}.rcg-live-header .nav-area a.rcg-mega-link[aria-disabled=true]{color:#57565b;cursor:not-allowed}.rcg-live-header .nav-area a.rcg-mega-link[aria-disabled=true]:focus-visible,.rcg-live-header .nav-area a.rcg-mega-link[aria-disabled=true]:hover{background:rgba(255,255,255,.58);color:#3c3b40;box-shadow:none}.rcg-mega-link__status{flex:0 0 auto;color:#8d3c3c;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.rcg-mobile-services{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.rcg-mobile-services>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 14px;border-radius:8px;color:#fff;font-weight:800;list-style:none;cursor:pointer;touch-action:manipulation}.rcg-mobile-services>summary:hover,.rcg-mobile-services>summary[aria-current=page],.rcg-mobile-services[open]>summary{background:rgba(204,48,48,.2)}.rcg-mobile-services__body{padding:2px 8px 12px}.rcg-mobile-services__group{margin:10px 6px 4px;color:rgba(255,255,255,.56);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rcg-mobile-panel .rcg-mobile-service-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:9px 10px;color:#fff;font-size:14px;line-height:1.25}.rcg-mobile-panel .rcg-mobile-service-link[aria-disabled=true]{color:rgba(255,255,255,.67);cursor:not-allowed}.rcg-mobile-panel .rcg-mobile-service-link[aria-current=page]{background:rgba(204,48,48,.28)}.rcg-mobile-panel>a[aria-current=page]{background:rgba(204,48,48,.28);color:#fff}.rcg-site-footer{background-color:#111113!important;background-image:linear-gradient(180deg,#18181c 0%,#0e0e10 100%)!important;color:#fff!important;padding-top:60px;padding-bottom:0}.rcg-site-footer p,.rcg-site-footer .disc,.rcg-site-footer .single-nav-area-footer.use-link a,.rcg-site-footer .copyright-wrapper p,.rcg-site-footer .right-nav a{color:rgba(255,255,255,.8)!important}.rcg-site-footer .copyright-wrapper p a{white-space:nowrap}@media only screen and (min-width:992px){.rcg-site-footer .copyright-wrapper p{white-space:nowrap}}.rcg-site-footer .single-nav-area-footer.use-link a:focus-visible,.rcg-site-footer .single-nav-area-footer.use-link a:hover,.rcg-site-footer .right-nav a:focus-visible,.rcg-site-footer .right-nav a:hover{color:#fff!important}.rcg-site-footer .rcg-footer-address{margin:16px 0 20px;color:rgba(255,255,255,.72);font-style:normal;line-height:1.7}.rcg-site-footer .rcg-footer-address a{color:rgba(255,255,255,.82)}.rcg-site-footer .rcg-footer-address a:focus-visible,.rcg-site-footer .rcg-footer-address a:hover{color:#fff}.rcg-site-footer .footer-wrapper-left-one .disc{max-width:38ch}.rcg-site-footer .rcg-social-label{color:#fff;font-size:11px;font-weight:900;letter-spacing:-.02em}.social-area-wrapper-one ul li a,.rcg-site-footer .social-area-wrapper-one ul li a{width:40px;height:40px;background:#171717;border:1px solid #2f3336;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-area-wrapper-one ul li a i,.rcg-site-footer .social-area-wrapper-one ul li a i{color:#fff!important;transition:color .3s ease}.social-area-wrapper-one ul li a:focus-visible,.social-area-wrapper-one ul li a:hover,.rcg-site-footer .social-area-wrapper-one ul li a:focus-visible,.rcg-site-footer .social-area-wrapper-one ul li a:hover{background:var(--rcg-menu-red,#cc3030)!important;border-color:transparent!important}.social-area-wrapper-one ul li a:focus-visible i,.social-area-wrapper-one ul li a:hover i,.rcg-site-footer .social-area-wrapper-one ul li a:focus-visible i,.rcg-site-footer .social-area-wrapper-one ul li a:hover i{color:#fff!important}.rcg-site-footer .footer-wrapper-right{gap:clamp(24px,3vw,52px)}.rcg-site-footer .single-nav-area-footer{min-width:0}.rcg-site-footer .single-nav-area-footer .title{margin-bottom:22px;color:#fff}.rcg-site-footer .single-nav-area-footer.use-link a{position:relative;min-height:34px;padding-left:28px}.rcg-site-footer .single-nav-area-footer.use-link a::before{position:absolute;top:50%;left:0;color:rgba(255,255,255,.58);font-size:18px;line-height:1;content:"→";transform:translateY(-50%);transition:color 180ms ease,transform 180ms ease}.rcg-site-footer .single-nav-area-footer.use-link a:focus-visible::before,.rcg-site-footer .single-nav-area-footer.use-link a:hover::before,.rcg-site-footer .single-nav-area-footer.use-link a[aria-current=page]::before{color:var(--rcg-menu-red);transform:translate(4px,-50%)}.rcg-site-footer a.is-section-current,.rcg-site-footer a[aria-current=page]{color:#fff}.rcg-site-footer .news-letter p{max-width:31ch}.rcg-site-footer .rcg-mail-form{display:grid;gap:12px}.rcg-site-footer .rcg-mail-form input{width:100%;min-height:50px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.08);color:#fff}.rcg-site-footer .rcg-mail-form input::placeholder{color:rgba(255,255,255,.7)}.rcg-site-footer .rcg-mail-form input:focus-visible{outline:3px solid rgba(204,48,48,.72);outline-offset:2px}.rcg-site-footer .btn-subscribe,.rcg-site-footer .btn-subscribe:focus,.rcg-site-footer .btn-subscribe:focus-visible,.rcg-site-footer .btn-subscribe:hover{width:100%;min-height:48px;border-radius:8px;color:#fff!important}.rcg-site-footer .btn-subscribe:focus-visible,.rcg-site-footer .btn-subscribe:hover{background:var(--rcg-menu-red-dark)}.rcg-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media only screen and (max-width:1199px){.rcg-mega-menu-item{display:none}.rcg-mobile-panel{width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain;background:#111113;scrollbar-color:var(--rcg-menu-red) rgba(255,255,255,0.08)}}@media only screen and (max-width:991px){.rcg-site-footer .footer-wrapper-right{flex-wrap:wrap}.rcg-site-footer .single-nav-area-footer,.rcg-site-footer .single-nav-area-footer.news-letter,.rcg-site-footer .single-nav-area-footer.use-link{flex:1 1 44%}}@media only screen and (max-width:575px){.rcg-mobile-panel{right:-2px;padding:8px}.rcg-site-footer .single-nav-area-footer,.rcg-site-footer .single-nav-area-footer.news-letter,.rcg-site-footer .single-nav-area-footer.use-link{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.rcg-mega-menu>summary::after,.rcg-mobile-services>summary::after{transition:none}}
 /* Desktop Hover Open Support for Mega Menu */ @media only screen and (min-width: 992px) { .rcg-mega-menu-item:hover > .rcg-mega-menu > summary, .rcg-mega-menu[open] > summary { color: #fff; background: rgba(255, 255, 255, 0.14); } }
 /* Invisible Hover Bridge to eliminate air gap between header and mega panel */ .rcg-mega-menu { position: relative; } .rcg-mega-panel::after { content: ""; position: absolute; top: -24px; left: 0; right: 0; height: 28px; background: transparent; pointer-events: auto; }
 /* ========================================================================== HOMEPAGE REFERENCE TYPOGRAPHY SYSTEM (RABEIROCG.COM SOURCE OF TRUTH) ========================================================================== */ /* 1. All Headings & Title Symbols (Gantari, sans-serif) */ h1, h2, h3, h4, h5, h6, .title, .rcg-reviews-heading, .rcg-commercial-heading h2, .rcg-exact-copy h2, .rcg-property-intro__copy h2, .rcg-editorial-split__copy h2, .rcg-commercial-scope h3, .rcg-commercial-intake h3, .rcg-commercial-control-grid h3, .rcg-commercial-process-list h3, .rcg-commercial-closeout h3, .rcg-service-suite-card__body h3, .rcg-pillar-service-link strong, .single-service-area-3 a .title { font-family: "Gantari", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; } /* 2. All Body Copy, Paragraphs, Lists & Interactive UI Elements (Inter, sans-serif) */ body, p, li, span, a, input, select, textarea, label, address, figcaption, .disc, .rcg-exact-copy > p, .rcg-content-disclosure__body, .rcg-content-disclosure__body p, .rcg-content-disclosure__body li, .rcg-commercial-copy > p, .rcg-commercial-scope p, .rcg-commercial-control-grid p, .rcg-commercial-process-list p, .rcg-commercial-closeout li, .rcg-commercial-intake li, .rcg-commercial-faq-list details p, .rcg-service-suite-card__body p, .rcg-pillar-service-link p { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; } /* 3. All Buttons & Action CTAs (Inter, sans-serif) */ .rts-btn, button, .btn-primary, .btn-white, .btn-subscribe, a.rts-btn { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; }
 /* ========================================================================== COMPREHENSIVE MOBILE RESPONSIVE FIXES (SCALING TO 320PX MOBILE SCREENS) ========================================================================== */ /* 1. Prevent mid-letter word breaks globally */ h1, h2, h3, h4, h5, h6, .title, p, span, a, li { word-break: normal !important; overflow-wrap: break-word !important; hyphens: none !important; } /* 2. Responsive Hero & Section Headings */ @media only screen and (max-width: 991px) { .rcg-services-hero .banner-three-content .title, .banner-three-content .title, .rcg-commercial-heading h2, .rcg-exact-copy h2, .rcg-property-intro__copy h2 { font-size: clamp(28px, 5vw, 38px) !important; line-height: 1.2 !important; } } @media only screen and (max-width: 767px) { .rcg-services-hero { min-height: auto !important; padding: 110px 0 50px !important; } .rcg-services-hero .banner-three-content { margin-top: 0 !important; padding: 0 0 30px !important; } .rcg-services-hero .banner-three-content .title, .banner-three-content .title, .title-style-two-center .title, .title-style-three-center .title, .rcg-commercial-heading h2, .rcg-exact-copy h2, .rcg-property-intro__copy h2 { font-size: clamp(24px, 6.5vw, 32px) !important; line-height: 1.22 !important; margin-bottom: 16px !important; } .rcg-services-hero .hero-credential-panel, .hero-credential-panel { position: relative !important; right: auto !important; bottom: auto !important; max-width: 100% !important; margin: 24px 0 0 !important; padding: 20px !important; } .hero-proof-row { flex-wrap: wrap !important; gap: 8px !important; } .hero-service-list { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; } .hero-service-list span { font-size: 12px !important; padding: 4px 10px !important; } .button-wrapper { flex-direction: column !important; align-items: stretch !important; width: 100% !important; gap: 10px !important; } .button-wrapper .rts-btn { width: 100% !important; justify-content: center !important; text-align: center !important; } /* 3. Grid Systems Mobile Layout */ .rcg-services-grid, .rcg-pillar-service-links, .rcg-service-cards, .rcg-commercial-control-grid, .rcg-commercial-process-list, .rcg-services-dark-list { grid-template-columns: 1fr !important; gap: 20px !important; } .rcg-pillar-service-link { min-height: auto !important; padding: 24px !important; } .rcg-service-suite-card__media { height: 200px !important; min-height: 200px !important; } .rcg-service-suite-card__body { padding: 20px !important; } .rcg-service-suite-card__action { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; } .rcg-service-suite-card__action a { width: 100% !important; justify-content: center !important; } /* 4. Section Gaps & Padding on Mobile */ .rts-section-gap { padding: 50px 0 !important; } .rts-section-gapBottom { padding-bottom: 50px !important; } .rts-section-gapTop { padding-top: 50px !important; } } @media only screen and (max-width: 479px) { .rcg-services-hero .banner-three-content .title, .banner-three-content .title, .rcg-commercial-heading h2 { font-size: clamp(22px, 6vw, 26px) !important; } header.header-three .logo-area { width: 135px !important; padding: 6px 10px !important; } header.header-three .logo-area img { max-height: 48px !important; width: auto !important; } }
 /* ========================================================================== MOBILE HERO BANNERS & CREDENTIAL PANEL OVERFLOW FIXES (TABLET & MOBILE) ========================================================================== */ @media only screen and (max-width: 991px) { /* A. Clean Compact Padding on All Top Banners */ .rcg-services-hero, .rts-banner-three, .rcg-about-hero, .rcg-contact-hero, .rcg-commercial-hero { min-height: auto !important; height: auto !important; padding: 105px 0 40px !important; } .banner-three-content, .rcg-services-hero .banner-three-content { margin-top: 0 !important; padding: 0 !important; max-width: 100% !important; } /* B. Fix Info Box / Credential Panel Mobile Overflow */ .hero-credential-panel, .rcg-services-hero .hero-credential-panel, .banner-three-content + .hero-credential-panel { position: relative !important; inset: auto !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; margin: 24px 0 0 0 !important; padding: 20px !important; box-sizing: border-box !important; display: block !important; background: rgba(15, 15, 17, 0.78) !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 12px !important; } .hero-credential-panel strong { font-size: 17px !important; line-height: 1.3 !important; margin: 6px 0 !important; word-break: normal !important; overflow-wrap: break-word !important; } .hero-credential-panel span, .hero-credential-panel a { font-size: 13px !important; word-break: break-word !important; overflow-wrap: break-word !important; } } @media only screen and (max-width: 767px) { .rcg-services-hero, .rts-banner-three, .rcg-about-hero, .rcg-contact-hero, .rcg-commercial-hero { padding: 95px 0 30px !important; } .banner-three-content .title, .rcg-services-hero .banner-three-content .title { font-size: clamp(24px, 6.2vw, 32px) !important; line-height: 1.22 !important; margin-bottom: 14px !important; } .hero-proof-row, .hero-service-list { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-bottom: 16px !important; } .hero-proof-row span, .hero-service-list span { font-size: 12px !important; padding: 5px 11px !important; } }
 /* Hide Floating Credential / Address Box on Mobile Screens (< 992px) */ @media only screen and (max-width: 991px) { .hero-credential-panel, .rcg-services-hero .hero-credential-panel, .rcg-about-hero .hero-credential-panel, .rcg-contact-hero .hero-credential-panel, .banner-three-content + .hero-credential-panel { display: none !important; } }
 /* ======================================================================== /* Enhanced High-Visibility Mobile Drawer Styling */ .rcg-offcanvas-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 99999; width: min(350px, 88vw); height: 100vh; display: flex; flex-direction: column; background: radial-gradient(circle at 90% 10%, rgba(204, 48, 48, 0.22), transparent 40%), linear-gradient(180deg, #17171a 0%, #111113 100%); color: #ffffff; box-shadow: -20px 0 60px rgba(0, 0, 0, 0.65); transform: translateX(100%); transition: transform 340ms cubic-bezier(0.16, 1, 0.3, 1); overflow-y: auto; -webkit-overflow-scrolling: touch; } .rcg-offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); background: rgba(26, 26, 30, 0.95); backdrop-filter: blur(10px); } .rcg-offcanvas-logo-img { height: 52px !important; width: auto !important; max-width: 190px !important; object-fit: contain !important; filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.4)) !important; } .rcg-offcanvas-close { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background: rgba(255, 255, 255, 0.08); color: #ffffff; font-size: 18px; cursor: pointer; transition: background 220ms ease, border-color 220ms ease, transform 220ms ease; } .rcg-offcanvas-close:hover { background: #cc3030; border-color: #cc3030; color: #ffffff; transform: rotate(90deg); } .rcg-offcanvas-body { flex: 1; padding: 24px 20px; overflow-y: auto; } .rcg-offcanvas-icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: rgba(204, 48, 48, 0.15); color: #ff5555; font-size: 15px; flex-shrink: 0; transition: background 200ms ease, color 200ms ease; } .rcg-offcanvas-link, .rcg-offcanvas-summary { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 12px; color: #ffffff !important; font-size: 16px; font-weight: 850; text-decoration: none; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); transition: background 220ms ease, border-color 220ms ease, transform 220ms ease; cursor: pointer; list-style: none; } .rcg-offcanvas-link:hover, .rcg-offcanvas-summary:hover, .rcg-offcanvas-link[aria-current="page"] { background: linear-gradient(90deg, rgba(204, 48, 48, 0.25), rgba(204, 48, 48, 0.1)); border-color: rgba(204, 48, 48, 0.5); color: #ffffff !important; transform: translateX(4px); } .rcg-offcanvas-link:hover .rcg-offcanvas-icon, .rcg-offcanvas-summary:hover .rcg-offcanvas-icon { background: #cc3030; color: #ffffff; } .rcg-offcanvas-summary::-webkit-details-marker { display: none; } .rcg-offcanvas-summary::after { margin-left: auto; content: "❯"; font-size: 13px; transition: transform 220ms ease; color: #ff5555; } .rcg-offcanvas-details[open] .rcg-offcanvas-summary::after { transform: rotate(90deg); } .rcg-offcanvas-subnav { display: flex; flex-direction: column; gap: 6px; padding: 12px 0 12px 14px; margin-top: 6px; border-left: 2px solid rgba(204, 48, 48, 0.4); } .rcg-offcanvas-sublink { display: flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: 8px; color: rgba(255, 255, 255, 0.86) !important; font-size: 14px; font-weight: 600; text-decoration: none; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); transition: background 180ms ease, color 180ms ease, transform 180ms ease; } .rcg-offcanvas-sublink:hover { background: rgba(255, 255, 255, 0.08); color: #ffffff !important; transform: translateX(4px); } .rcg-offcanvas-sublink--all { color: #ff5555 !important; font-weight: 850; background: rgba(204, 48, 48, 0.12); border-color: rgba(204, 48, 48, 0.3); } .rcg-offcanvas-footer { padding: 22px 24px; border-top: 1px solid rgba(255, 255, 255, 0.14); background: rgba(26, 26, 30, 0.95); backdrop-filter: blur(10px); text-align: center; } .rcg-offcanvas-footer .rts-btn { box-shadow: 0 10px 28px rgba(204, 48, 48, 0.35); } .rcg-offcanvas-license { margin-top: 14px; margin-bottom: 0; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.65); }

/* ==========================================================================
   FORCE DISABLE OLD DROPDOWN MENU & ENABLE POPUP SLIDE-IN DRAWER
   ========================================================================== */
details.rcg-mobile-menu .rcg-mobile-panel,
.rcg-mobile-panel,
.header-three .rcg-mobile-panel {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

 /* ========================================================================== BULLETPROOF HIGH-VISIBILITY OFFCANVAS SLIDE-IN POPUP DRAWER ========================================================================== */ details.rcg-mobile-menu .rcg-mobile-panel, .rcg-mobile-panel { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important; } .rcg-offcanvas-overlay { position: fixed !important; inset: 0 !important; z-index: 999998 !important; background: rgba(10, 10, 12, 0.78) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 320ms cubic-bezier(0.16, 1, 0.3, 1), visibility 320ms ease !important; } .rcg-offcanvas-drawer { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 999999 !important; width: min(350px, 86vw) !important; height: 100vh !important; display: flex !important; flex-direction: column !important; background: radial-gradient(circle at 90% 10%, rgba(204, 48, 48, 0.28), transparent 45%), linear-gradient(180deg, #17171a 0%, #111113 100%) !important; color: #ffffff !important; box-shadow: -20px 0 60px rgba(0, 0, 0, 0.75) !important; transform: translateX(100%) !important; transition: transform 340ms cubic-bezier(0.16, 1, 0.3, 1) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } body.rcg-offcanvas-active { overflow: hidden !important; } body.rcg-offcanvas-active .rcg-offcanvas-overlay { opacity: 1 !important; visibility: visible !important; } body.rcg-offcanvas-active .rcg-offcanvas-drawer { transform: translateX(0) !important; }

/* ==========================================================================
   CLEAN & MINIMALIST OFFCANVAS SLIDE-IN POPUP DRAWER STYLING
   ========================================================================== */
.rcg-offcanvas-drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 999999 !important;
  width: min(340px, 85vw) !important;
  height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  background: #141416 !important;
  color: #ffffff !important;
  box-shadow: -15px 0 50px rgba(0, 0, 0, 0.6) !important;
  transform: translateX(100%) !important;
  transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow-y: auto !important;
}

.rcg-offcanvas-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 20px 24px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: #1a1a1d !important;
}

.rcg-offcanvas-logo-box {
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  text-decoration: none !important;
}

.rcg-offcanvas-logo-img {
  height: 64px !important;
  width: auto !important;
  max-width: 200px !important;
  object-fit: contain !important;
}

.rcg-offcanvas-close {
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
  font-size: 18px !important;
  cursor: pointer !important;
  transition: background 200ms ease, border-color 200ms ease !important;
}

.rcg-offcanvas-close:hover {
  background: #cc3030 !important;
  border-color: #cc3030 !important;
  color: #ffffff !important;
}

.rcg-offcanvas-body {
  flex: 1 !important;
  padding: 24px 20px !important;
  overflow-y: auto !important;
}

.rcg-offcanvas-nav ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.rcg-offcanvas-nav li {
  margin-bottom: 6px !important;
}

.rcg-offcanvas-link,
.rcg-offcanvas-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 18px !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease !important;
  cursor: pointer !important;
  list-style: none !important;
}

.rcg-offcanvas-link:hover,
.rcg-offcanvas-summary:hover,
.rcg-offcanvas-link[aria-current="page"] {
  background: rgba(204, 48, 48, 0.14) !important;
  border-color: rgba(204, 48, 48, 0.35) !important;
  color: #ffffff !important;
}

.rcg-offcanvas-summary::-webkit-details-marker {
  display: none !important;
}

.rcg-offcanvas-summary::after {
  content: "❯" !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  transition: transform 200ms ease !important;
}

.rcg-offcanvas-details[open] .rcg-offcanvas-summary::after {
  transform: rotate(90deg) !important;
  color: #ff5555 !important;
}

.rcg-offcanvas-subnav {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 10px 0 10px 14px !important;
  margin-top: 4px !important;
  border-left: 2px solid rgba(204, 48, 48, 0.35) !important;
}

.rcg-offcanvas-sublink {
  display: block !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background 160ms ease, color 160ms ease !important;
}

.rcg-offcanvas-sublink:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.rcg-offcanvas-sublink--all {
  color: #ff5555 !important;
  font-weight: 700 !important;
}

.rcg-offcanvas-footer {
  padding: 20px 24px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: #1a1a1d !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.rcg-offcanvas-footer .rts-btn {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  justify-content: center !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
}

.rcg-offcanvas-license {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  text-align: center !important;
}