/*
Theme Name: ReplaceRemote B2B
Theme URI: https://replaceremote.com
Description: Professional B2B WordPress theme for ReplaceRemote OEM remote control manufacturer. SEO-optimized with Schema structured data, stacking page effect, WhatsApp integration, mobile nav.
Version: 2.0.0
Author: ReplaceRemote
*/

/* ═══ Design Tokens ═══ */
:root {
  --rr-bg:#fff;--rr-surface:#f8f8fa;--rr-fg:#1a1a2e;--rr-fg-2:#3d3d5c;--rr-muted:#6b6b80;
  --rr-accent:#4F01A3;--rr-accent-hover:#3d017e;--rr-accent-soft:#f5f0fa;--rr-accent-light:#924EC8;
  --rr-border:#e5e5ea;--rr-border-soft:#f0f0f3;
  --rr-font:'Inter','Segoe UI',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
  --rr-radius-sm:8px;--rr-radius-md:12px;--rr-radius-lg:16px;--rr-radius-pill:9999px;
  --rr-shadow:0 2px 8px rgba(26,26,46,.08);--rr-header-h:72px;--rr-container:1200px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
/* DEFAULT: flat, crawlable — stacking activates via JS */
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--rr-font);font-size:16px;line-height:1.7;color:var(--rr-fg);background:var(--rr-bg);-webkit-font-smoothing:antialiased}
.rr-app{background:var(--rr-fg)}
img{max-width:100%;height:auto;display:block}
a{color:var(--rr-accent);text-decoration:none;transition:color .15s}
a:hover{color:var(--rr-accent-hover)}
h1,h2,h3{font-weight:600;line-height:1.2}
.container{max-width:var(--rr-container);margin:0 auto;padding:0 24px}

/* ═══ Buttons ═══ */
.rr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--rr-radius-sm);font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .15s;border:none;text-decoration:none}
.rr-btn-primary{background:var(--rr-accent);color:#fff}
.rr-btn-primary:hover{background:var(--rr-accent-hover);color:#fff}
.rr-btn-outline{background:transparent;color:var(--rr-accent);border:1.5px solid var(--rr-accent)}
.rr-btn-outline:hover{background:var(--rr-accent-soft)}
.rr-btn-lg{padding:14px 36px;font-size:16px}
.rr-btn-sm{padding:6px 16px;font-size:12px}
.rr-btn-outline-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.rr-btn-outline-light:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.65);color:#fff}
.rr-btn-white{background:#fff;color:var(--rr-accent)}
.rr-btn-white:hover{background:var(--rr-accent-soft)}

/* ═══ Section heading ═══ */
.rr-sh{text-align:center;margin-bottom:28px}
.rr-eyebrow{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rr-accent);background:var(--rr-accent-soft);padding:3px 10px;border-radius:var(--rr-radius-pill);margin-bottom:8px}
.rr-sh h2{font-size:28px;margin-bottom:8px}
.rr-sh p{color:var(--rr-muted);max-width:560px;margin:0 auto;font-size:15px;line-height:1.6}
.rr-sh.light h2{color:#fff}
.rr-sh.light p{color:rgba(255,255,255,.62)}
.rr-sh.light .rr-eyebrow{color:var(--rr-accent-light);background:rgba(146,78,200,.15);border:1px solid rgba(146,78,200,.25)}

/* ═══ Cards ═══ */
.rr-card{background:var(--rr-bg);border:1px solid var(--rr-border);border-radius:var(--rr-radius-md);transition:border-color .15s,box-shadow .15s}
.rr-card:hover{border-color:var(--rr-accent-light);box-shadow:var(--rr-shadow)}
.rr-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rr-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rr-badge{position:absolute;top:6px;left:6px;background:var(--rr-accent);color:#fff;font-size:9px;font-weight:600;padding:2px 6px;border-radius:9999px}

/* ═══ Skip link ═══ */
.rr-skip{position:absolute;top:-100px;left:12px;z-index:9999;background:var(--rr-accent);color:#fff;padding:8px 16px;border-radius:var(--rr-radius-sm);font-size:14px;font-weight:600}
.rr-skip:focus{top:12px}

/* ═══ Header ═══ */
.rr-header{position:sticky;top:0;z-index:100;height:var(--rr-header-h);display:flex;align-items:center;background:#fff!important;border-bottom:1px solid var(--rr-border-soft)}
.rr-header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:var(--rr-container);margin:0 auto;padding:0 24px;height:100%}
.rr-logo{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:600;color:var(--rr-fg)!important}
.rr-logo-icon{color:var(--rr-accent);font-size:22px}
.rr-header-actions{display:flex;align-items:center;justify-content:flex-end}
/* Hamburger */
.rr-ham{display:none;background:none;border:none;cursor:pointer;padding:4px;z-index:101}
.rr-ham span{display:block;width:22px;height:2px;background:var(--rr-fg);margin:5px 0;transition:all .25s;border-radius:2px}
@media(max-width:640px){
  .rr-ham{display:block;grid-column:3;justify-self:end}
  .rr-nav{display:none;position:fixed;top:var(--rr-header-h);left:0;right:0;background:#fff;flex-direction:column;padding:12px 24px 20px;gap:0;border-bottom:1px solid var(--rr-border-soft);box-shadow:0 4px 12px rgba(0,0,0,.08)}
  .rr-nav.open{display:flex}
  .rr-nav a{padding:10px 0;font-size:15px;border-bottom:1px solid var(--rr-border-soft);width:100%}
  .rr-nav a:last-child{border-bottom:none}
  .rr-header-actions{display:none}
  .rr-header-inner{grid-template-columns:1fr auto auto;gap:16px}
}
.rr-nav{display:flex;align-items:center;justify-content:center;gap:32px}
.rr-nav a{font-size:13px;font-weight:500;color:var(--rr-fg-2)!important;padding:4px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap}
.rr-nav a:hover,.rr-nav a.active{color:var(--rr-accent)!important;border-bottom-color:var(--rr-accent)!important}

/* ═══ DEFAULT: Flat layers (Google sees everything) ═══ */
.rr-layer{padding:60px 0;overflow:visible}
.rr-layer.l1{background:linear-gradient(135deg,rgba(10,10,26,.92) 0%,rgba(20,10,40,.88) 30%,rgba(26,10,46,.85) 60%,rgba(13,13,36,.92) 100%),url('https://sc02.alicdn.com/kf/H8913c6490e91422c84f50ccfcdd5cb01G.jpg') center/cover no-repeat;color:#fff;text-align:center;position:relative;min-height:90vh;display:flex;align-items:center}
.rr-layer.l2{background:linear-gradient(180deg,rgba(248,248,250,.92) 0%,rgba(248,248,250,.86) 50%,rgba(248,248,250,.92) 100%),url('https://images.unsplash.com/photo-1497215728101-856f4ea42174?w=1920&q=80') center/cover no-repeat}
.rr-layer.l3{background:var(--rr-surface)}
.rr-layer.l4{background:var(--rr-fg);color:#fff}
.rr-layer.l5{background:var(--rr-bg)}

/* ═══ L1: HERO ═══ */
.l1::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(5,5,15,.7) 100%);z-index:0}
.l1-dots{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.05;background-image:radial-gradient(circle,#924EC8 1px,transparent 1px);background-size:40px 40px}
.l1-g1,.l1-g2{position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.l1-g1{top:-30%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(79,1,163,.12),transparent 70%)}
.l1-g2{bottom:-20%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(146,78,200,.08),transparent 70%)}
.l1-inner{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 24px}
.l1-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--rr-accent-light);background:rgba(146,78,200,.15);border:1px solid rgba(146,78,200,.25);padding:5px 14px;border-radius:var(--rr-radius-pill);margin-bottom:18px}
.l1 h1{font-size:46px;color:#fff;margin-bottom:16px;letter-spacing:-.02em}
.l1-sub{font-size:17px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}
.l1-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:36px}
.l1-metrics{display:flex;justify-content:center;gap:36px;flex-wrap:wrap}
.l1-m{display:flex;flex-direction:column;align-items:center;gap:2px}
.l1-m-num{font-size:26px;font-weight:700;color:#fff}
.l1-m-label{font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.04em;text-transform:uppercase}
.l1-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2;animation:bounce 2s infinite;display:none}
.l1-hint span{display:block;width:20px;height:20px;border-right:2px solid rgba(255,255,255,.3);border-bottom:2px solid rgba(255,255,255,.3);transform:rotate(45deg)}
@keyframes bounce{0%,100%{opacity:.2;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(5px)}}

/* ═══ L2: CATEGORIES ═══ */
.rr-layer.l2{position:relative}
.l2::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.03;background-image:radial-gradient(circle,#4F01A3 1px,transparent 1px);background-size:32px 32px}
.l2-inner{position:relative;z-index:1}
.l2-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.l2c{text-align:center;padding:28px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;background:rgba(255,255,255,.85)!important;backdrop-filter:blur(8px)}
.l2c-icon{font-size:32px}
.l2c-name{font-size:15px;font-weight:600}
.l2c-desc{font-size:13px;color:var(--rr-muted);line-height:1.5}
.l2c-link{font-size:13px;font-weight:500;color:var(--rr-accent)}

/* ═══ L3: HOT PRODUCTS ═══ */
.l3-desc{text-align:center;color:var(--rr-muted);font-size:15px;line-height:1.7;max-width:700px;margin:0 auto 8px}
.l3-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
.l3c{padding:0!important;overflow:hidden}
.l3c-img{background:var(--rr-bg);aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative}
.l3c-img img{width:58%;height:58%;object-fit:contain}
.l3c-body{padding:10px 12px}
.l3c-body h3{font-size:12px;margin-bottom:2px;line-height:1.3}
.l3c-model{font-size:10px;color:var(--rr-muted);margin-bottom:3px}
.l3c-price{display:flex;align-items:baseline;gap:2px;margin-bottom:3px}
.l3c-price strong{font-size:16px;font-weight:600;color:var(--rr-accent)}
.l3c-price span{font-size:11px;color:var(--rr-muted)}
.l3c-moq{font-size:10px;color:var(--rr-muted);background:var(--rr-surface);padding:1px 5px;border-radius:4px}
.l3-no-img{width:58%;height:58%;background:var(--rr-accent-soft);display:flex;align-items:center;justify-content:center;border-radius:var(--rr-radius-sm);font-size:10px;color:var(--rr-muted)}

/* ═══ L4: WHY CHOOSE US ═══ */
.l4-desc{text-align:center;color:rgba(255,255,255,.62);font-size:15px;line-height:1.7;max-width:700px;margin:0 auto 8px}
.l4-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:12px}
.l4c{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rr-radius-md);padding:36px 28px;text-align:center;transition:border-color .2s}
.l4c:hover{border-color:rgba(146,78,200,.4)}
.l4c-icon{font-size:44px;display:block;margin-bottom:14px}
.l4c h3{font-size:17px;color:#fff;margin-bottom:10px}
.l4c p{font-size:14px;color:rgba(255,255,255,.62);line-height:1.7}

/* ═══ L5: CLIENT SUCCESS ═══ */
.l5-desc{text-align:center;color:var(--rr-muted);font-size:15px;line-height:1.7;max-width:700px;margin:0 auto 8px}
.l5-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.l5c{padding:0!important;overflow:hidden}
.l5c-img{height:140px;background-size:cover;background-position:center}
.l5c-body{padding:20px}
.l5c-quote{font-size:14px;color:var(--rr-fg-2);line-height:1.7;font-style:italic;margin-bottom:12px}
.l5c-author{font-size:14px;font-weight:600;display:block;color:var(--rr-fg)}
.l5c-role{font-size:12px;color:var(--rr-muted)}

/* ═══ Inner Pages (Cases, Products, About, Services, etc.) ═══ */
.rr-content{background:#fff;color:var(--rr-fg);min-height:60vh;padding:48px 0 64px;margin-top:var(--rr-header-h)}
.rr-content .container{max-width:var(--rr-container)}
.rr-content h1,.rr-content h2,.rr-content h3,.rr-content h4{color:var(--rr-fg);font-weight:600}
.rr-content h2{font-size:28px;margin:32px 0 16px}
.rr-content h3{font-size:20px;margin:24px 0 12px}
.rr-content p,.rr-content li{color:var(--rr-fg-2);font-size:16px;line-height:1.8}
.rr-content a{color:var(--rr-accent)}
.rr-content a:hover{color:var(--rr-accent-hover)}
.rr-content img{max-width:100%;height:auto;border-radius:var(--rr-radius-sm)}

/* Inner page cards: override generic Gutenberg blocks */
.rr-content .wp-block-group,
.rr-content .wp-block-columns,
.rr-content .has-background{background:transparent!important;padding:0!important}
.rr-content .wp-block-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:24px 0}
.rr-content .wp-block-column{padding:0!important;margin:0!important;border:1px solid var(--rr-border);border-radius:var(--rr-radius-md);overflow:hidden}
.rr-content .wp-block-column > *{padding:20px 24px}
.rr-content .wp-block-column h3{font-size:17px;padding:0;margin:0 0 8px}
.rr-content .wp-block-column p{font-size:14px;line-height:1.7}
.rr-content .wp-block-column ul{list-style:none;padding:0;margin:12px 0 0}
.rr-content .wp-block-column li{padding:6px 0;font-size:14px;border-bottom:1px solid var(--rr-border-soft)}
.rr-content .wp-block-column li:last-child{border-bottom:none}
.rr-content .wp-block-column li::before{content:'✓ ';color:var(--rr-accent);font-weight:600}

/* Products page: center product images */
.rr-product-card{text-align:center;display:flex;flex-direction:column;align-items:center;padding:20px 16px!important}
.rr-product-card a[href*="/oem-bluetooth"],.rr-product-card a[href*="/contact"]{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1;background:var(--rr-surface);border-radius:var(--rr-radius-sm);margin-bottom:12px;overflow:hidden}
.rr-product-card a[href*="/oem-bluetooth"] img,.rr-product-card a[href*="/contact"] img{width:65%!important;height:65%!important;object-fit:contain;margin:0 auto}
.rr-product-card h3,.rr-product-card p{margin:4px 0}
.rr-product-card .rr-btn{margin-top:8px;width:auto!important;display:inline-flex!important}

/* Inner page buttons */
.rr-content .wp-block-button{display:inline-block;margin:16px 0}
.rr-content .wp-block-button__link{display:inline-flex!important;align-items:center;gap:8px;padding:13px 32px!important;border-radius:var(--rr-radius-sm)!important;font-size:15px!important;font-weight:600!important;background:var(--rr-accent)!important;color:#fff!important;text-decoration:none!important;width:auto!important;min-width:auto!important}
.rr-content .wp-block-button__link:hover{background:var(--rr-accent-hover)!important}
.rr-content .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* Inner page columns - 5-step process */
.rr-content .wp-block-columns.is-style-steps{grid-template-columns:repeat(5,1fr);gap:12px}
.rr-content .wp-block-columns.is-style-steps .wp-block-column{text-align:center;border:none;padding:16px 8px!important}
.rr-content .wp-block-columns.is-style-steps .wp-block-column h4{font-size:28px;color:var(--rr-accent);margin:0 0 4px}
.rr-content .wp-block-columns.is-style-steps .wp-block-column p{font-size:13px;line-height:1.5;color:var(--rr-muted)}

/* ═══ Single Product / Post Detail ═══ */
.rr-single{max-width:860px;margin:0 auto}
.rr-back{display:inline-block;color:var(--rr-muted);font-size:14px;margin-bottom:24px;transition:color .15s}
.rr-back:hover{color:var(--rr-accent)}
.rr-single-img{margin-bottom:32px;border-radius:var(--rr-radius-md);overflow:hidden;background:var(--rr-surface);text-align:center;padding:40px}
.rr-single-img img{max-height:400px;width:auto;display:inline-block}
.rr-single-header h1{font-size:30px;margin-bottom:16px}
.rr-single-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.rr-single-model{font-size:14px;color:var(--rr-muted);background:var(--rr-surface);padding:4px 10px;border-radius:var(--rr-radius-sm)}
.rr-single-price{font-size:18px;color:var(--rr-fg)}
.rr-single-price strong{color:var(--rr-accent);font-size:24px}
.rr-single-price span{font-size:14px;color:var(--rr-muted)}
.rr-single-moq{font-size:13px;color:var(--rr-muted);background:var(--rr-accent-soft);padding:4px 10px;border-radius:var(--rr-radius-sm)}
.rr-single-cta{margin:0 0 32px}
.rr-single-body{font-size:16px;line-height:1.8;color:var(--rr-fg-2);margin-bottom:40px}
.rr-single-body p,.rr-single-body ul,.rr-single-body ol{margin-bottom:16px}
.rr-single-specs{margin:40px 0;padding:28px;background:var(--rr-surface);border-radius:var(--rr-radius-md)}
.rr-single-specs h3{font-size:18px;margin-bottom:16px}
.rr-spec-table{width:100%;border-collapse:collapse}
.rr-spec-table th,.rr-spec-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--rr-border-soft);font-size:14px}
.rr-spec-table th{color:var(--rr-fg);font-weight:600;width:180px}
.rr-spec-table td{color:var(--rr-fg-2)}

@media(max-width:768px){
  .rr-content .wp-block-columns{grid-template-columns:1fr}
  .rr-content .wp-block-columns.is-style-steps{grid-template-columns:repeat(2,1fr)}
}

/* ═══ Products Page — Inquire Now buttons (FIXED: filled purple) ═══ */
.rr-card .rr-btn.rr-btn-outline,
.rr-product-card .rr-btn,
.rr-product-card a[href*="contact"],
a.rr-btn.rr-btn-sm[href*="contact"] {
  background: #4F01A3 !important;
  color: #fff !important;
  border: none !important;
  padding: 6px 14px !important;
  font-size: 11px !important;
  width: auto !important;
  min-width: auto !important;
  max-width: 100px !important;
  display: inline-flex !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

/* ═══ Detail Page — gallery image spacing ═══ */
.rr-gallery-main{padding:32px!important}
.rr-gallery-main img{max-height:340px!important;width:auto!important;object-fit:contain!important}

/* ═══ Product Detail Page (Alibaba-style) ═══ */
.rr-breadcrumb{padding:16px 20px 0;max-width:var(--rr-container);margin:0 auto;font-size:12px;color:var(--rr-muted)}
.rr-breadcrumb a{color:var(--rr-muted);text-decoration:none}.rr-breadcrumb a:hover{color:var(--rr-accent)}
.rr-breadcrumb span{color:var(--rr-fg)}
.rr-product{padding:28px 0 0}
.rr-product-grid{display:grid;grid-template-columns:45fr 55fr;gap:40px;align-items:start}
.rr-gallery{border-radius:var(--rr-radius-lg);overflow:hidden;position:sticky;top:calc(var(--rr-header-h) + 20px)}
.rr-gallery-main{background:var(--rr-surface);aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:32px}
.rr-gallery-main img{width:72%;height:72%;object-fit:contain}
.rr-gallery-thumbs{display:flex;gap:8px;margin-top:10px}
.rr-gallery-thumb{width:64px;height:64px;border-radius:var(--rr-radius-sm);background:var(--rr-surface);display:flex;align-items:center;justify-content:center;border:2px solid transparent;cursor:pointer;overflow:hidden}
.rr-gallery-thumb.active,.rr-gallery-thumb:hover{border-color:var(--rr-accent)}
.rr-gallery-thumb img{width:60%;height:60%;object-fit:contain}
.rr-info-cat{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rr-accent);background:var(--rr-accent-soft);padding:4px 10px;border-radius:var(--rr-radius-pill);margin-bottom:10px}
.rr-info h1{font-size:26px;line-height:1.25;margin-bottom:6px}
.rr-info-model{font-size:13px;color:var(--rr-muted);margin-bottom:16px}
.rr-price-box{background:var(--rr-accent-soft);border:1px solid rgba(79,1,163,.15);border-radius:var(--rr-radius-lg);padding:16px 20px;display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:16px}
.rr-price-box .rr-price{display:flex;align-items:baseline;gap:4px}
.rr-price-box .rr-price strong{font-size:34px;color:var(--rr-accent);font-weight:700;line-height:1}
.rr-price-box .rr-price span{font-size:15px;color:var(--rr-muted)}
.rr-price-box .rr-badges{display:flex;gap:8px;flex-wrap:wrap}
.rr-badge-moq{font-size:12px;padding:5px 12px;border-radius:var(--rr-radius-pill);font-weight:500;white-space:nowrap;background:var(--rr-accent);color:#fff}
.rr-badge-ship{font-size:12px;padding:5px 12px;border-radius:var(--rr-radius-pill);font-weight:500;white-space:nowrap;background:#e8f5e9;color:#2e7d32}
.rr-badge-time{font-size:12px;padding:5px 12px;border-radius:var(--rr-radius-pill);font-weight:500;white-space:nowrap;background:#fff3e0;color:#e67e22}
.rr-features{margin-bottom:20px}
.rr-features h3{font-size:14px;color:var(--rr-fg);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}
.rr-features ul{list-style:none;padding:0}
.rr-features li{padding:7px 0;font-size:14px;color:var(--rr-fg-2);line-height:1.6;display:flex;align-items:flex-start;gap:8px}
.rr-features li::before{content:'\2713';color:var(--rr-accent);font-weight:700;font-size:14px;flex-shrink:0;margin-top:2px}
.rr-certs-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.rr-certs-row .rr-cert{font-size:12px;font-weight:600;color:var(--rr-fg-2);padding:6px 12px;border:1px solid var(--rr-border);border-radius:var(--rr-radius-pill);display:flex;align-items:center;gap:4px}
.rr-cert-dot{width:7px;height:7px;border-radius:50%;background:#17a34a;display:inline-block}
.rr-cta-box{display:flex;gap:10px;flex-wrap:wrap;position:sticky;top:calc(var(--rr-header-h) + 12px)}
.rr-cta-box .rr-btn{flex:1;min-width:180px;padding:14px 24px;font-size:15px;border-radius:var(--rr-radius-sm)}
.rr-cta-box .rr-btn-primary{box-shadow:0 4px 14px rgba(79,1,163,.25)}
.rr-btn-wa{background:#25D366;color:#fff;border:none}.rr-btn-wa:hover{background:#1ebe5b;color:#fff}
.rr-divider{border:none;border-top:1px solid var(--rr-border-soft);margin:36px 0}
.rr-tabs{display:flex;gap:0;border-bottom:2px solid var(--rr-border-soft);margin-bottom:28px;overflow-x:auto}
.rr-tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--rr-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--rr-font)}
.rr-tab.active{color:var(--rr-accent);border-bottom-color:var(--rr-accent);font-weight:600}
.rr-tab:hover{color:var(--rr-accent)}
.rr-tab-content{margin-bottom:48px}
.rr-tab-content h2{font-size:22px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--rr-border-soft)}
.rr-tab-content p{font-size:15px;color:var(--rr-fg-2);line-height:1.8;margin-bottom:12px}
.rr-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--rr-border-soft);border-radius:var(--rr-radius-sm);overflow:hidden}
.rr-spec-item{display:flex;padding:12px 16px;border-bottom:1px solid var(--rr-border-soft);font-size:14px}
.rr-spec-item:nth-child(odd){background:var(--rr-surface)}
.rr-spec-label{color:var(--rr-fg);font-weight:600;min-width:140px;flex-shrink:0}
.rr-spec-value{color:var(--rr-fg-2)}
.rr-compat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.rr-compat-brand{border:1px solid var(--rr-border-soft);border-radius:var(--rr-radius-sm);padding:16px}
.rr-compat-brand h4{font-size:14px;color:var(--rr-accent);margin-bottom:8px}
.rr-compat-brand ul{list-style:none;padding:0}
.rr-compat-brand li{padding:3px 0;font-size:13px;color:var(--rr-fg-2)}
.rr-custom-table{width:100%;border-collapse:collapse;border:1px solid var(--rr-border-soft);border-radius:var(--rr-radius-sm);overflow:hidden}
.rr-custom-table th,.rr-custom-table td{padding:12px 16px;text-align:left;font-size:14px;border-bottom:1px solid var(--rr-border-soft)}
.rr-custom-table th{background:var(--rr-accent-soft);color:var(--rr-accent);font-weight:600}
.rr-custom-table td{color:var(--rr-fg-2)}
.rr-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rr-rel-card{border:1px solid var(--rr-border);border-radius:var(--rr-radius-sm);overflow:hidden;text-decoration:none;transition:border-color .15s;color:inherit;display:block}
.rr-rel-card:hover{border-color:var(--rr-accent-light)}
.rr-rel-card-img{background:var(--rr-surface);aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:16px}
.rr-rel-card-img img{width:55%;height:55%;object-fit:contain}
.rr-rel-card-body{padding:10px 12px}
.rr-rel-card-body h4{font-size:12px;margin-bottom:3px;line-height:1.3}
.rr-rel-card-price{font-size:14px;font-weight:600;color:var(--rr-accent)}
@media(max-width:900px){
  .rr-product-grid{grid-template-columns:1fr;gap:24px}.rr-gallery{position:static}
  .rr-specs-grid{grid-template-columns:1fr}.rr-compat-grid{grid-template-columns:1fr}
  .rr-rel-grid{grid-template-columns:repeat(2,1fr)}.rr-info h1{font-size:22px}.rr-price-box .rr-price strong{font-size:26px}
}

/* ═══ CTA + Footer ═══ */
.rr-cta{background:var(--rr-accent);padding:44px 0}
.rr-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.rr-cta h2{color:#fff;font-size:28px;margin-bottom:6px}
.rr-cta p{color:rgba(255,255,255,.75);font-size:15px}
.rr-footer{background:var(--rr-fg);color:rgba(255,255,255,.62);padding:52px 0 22px}
.rr-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;margin-bottom:32px}
.rr-footer h4{color:#fff;font-size:13px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}
.rr-footer a{display:block;font-size:13px;color:rgba(255,255,255,.52)!important;margin-bottom:6px;transition:color .15s}
.rr-footer a:hover{color:var(--rr-accent-light)!important}
.rr-footer-desc{font-size:13px;line-height:1.7;margin-top:4px}
.rr-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;color:rgba(255,255,255,.35)}
.rr-footer-bottom a{color:rgba(255,255,255,.35)!important;font-size:11px}
.rr-footer-bottom a:hover{color:var(--rr-accent-light)!important}
.rr-footer-social{display:flex;gap:6px;margin-top:8px}
.rr-footer-social a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.07);font-size:11px}
.rr-footer-social a:hover{background:var(--rr-accent)}

/* ═══ WhatsApp float ═══ */
.rr-wa{position:fixed;bottom:24px;left:24px;z-index:200;display:flex;align-items:center;gap:8px;background:#25D366;color:#fff;text-decoration:none;padding:12px 20px;border-radius:var(--rr-radius-pill);font-size:14px;font-weight:600;box-shadow:0 4px 16px rgba(37,211,102,.35);transition:all .2s;font-family:var(--rr-font);white-space:nowrap}
.rr-wa:hover{background:#1ebe5b;transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,.45);color:#fff}
.rr-wa-icon{font-size:20px;display:inline-block}
.rr-wa-pulse{position:absolute;inset:-4px;border-radius:var(--rr-radius-pill);border:2px solid #25D366;animation:wa-pulse 2s infinite;pointer-events:none}
@keyframes wa-pulse{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.15)}}
@media(max-width:640px){.rr-wa{padding:10px 16px;font-size:12px;bottom:16px;left:12px}.rr-wa-icon{font-size:17px}.rr-wa span{display:none}}

/* ═══ Toggle button ═══ */
.rr-toggle{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;align-items:center;gap:8px;background:var(--rr-accent);color:#fff;border:none;padding:10px 18px;border-radius:var(--rr-radius-pill);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px rgba(79,1,163,.35);transition:all .2s;font-family:var(--rr-font)}
.rr-toggle:hover{background:var(--rr-accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px rgba(79,1,163,.45)}
.rr-toggle-icon{display:inline-block;transition:transform .3s;font-size:15px}

/* ═══ STACKING MODE (JS-activated) ═══ */
html.stacking,html.stacking body{height:100%;overflow:hidden}
html.stacking .rr-app{height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}
html.stacking .rr-app::-webkit-scrollbar{width:5px}
html.stacking .rr-app::-webkit-scrollbar-thumb{background:rgba(146,78,200,.2);border-radius:3px}
html.stacking .rr-app::-webkit-scrollbar-track{background:transparent}
html.stacking .rr-stack{padding-top:var(--rr-header-h)}
html.stacking .rr-layer{position:sticky;padding:0!important;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
html.stacking .rr-layer.l1{top:var(--rr-header-h);z-index:1;height:calc(100vh - var(--rr-header-h));align-items:center}
html.stacking .rr-layer.l2{top:var(--rr-header-h);z-index:2;min-height:calc(100vh - var(--rr-header-h));padding:40px 0!important}
html.stacking .rr-layer.l3{top:var(--rr-header-h);z-index:3;min-height:calc(100vh - var(--rr-header-h));padding:12px 0!important}
html.stacking .rr-layer.l3 .rr-sh{margin-bottom:14px}
html.stacking .rr-layer.l3 .rr-sh h2{font-size:22px}
html.stacking .rr-layer.l3 .rr-sh p{font-size:13px}
html.stacking .l3-grid{gap:10px}
html.stacking .l3c-body{padding:6px 8px}
html.stacking .l3c-body h3{font-size:11px}
html.stacking .l3c-price strong{font-size:14px}
html.stacking .rr-layer.l4{top:var(--rr-header-h);z-index:4;min-height:calc(100vh - var(--rr-header-h));padding:24px 0!important}
html.stacking .rr-layer.l5{top:var(--rr-header-h);z-index:5;min-height:calc(100vh - var(--rr-header-h));padding:24px 0!important}
html.stacking .l1-hint{display:block}
html.stacking .rr-header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:var(--rr-header-h)!important;display:flex!important;align-items:center!important;background:#fff!important;backdrop-filter:none}
html.stacking .rr-toggle-icon{transform:rotate(180deg)}
html.stacking .rr-nav a{color:var(--rr-fg-2)!important}
html.stacking .rr-logo{color:var(--rr-fg)!important}

/* ═══ Print ═══ */
@media print{
  .rr-header,.rr-toggle,.l1-hint,.rr-cta{display:none!important}
  .rr-layer{position:static!important;break-inside:avoid;page-break-inside:avoid}
  body{color:#000;background:#fff}
}

/* ═══ Responsive ═══ */
@media(max-width:1024px){
  .l1 h1{font-size:32px}
  .rr-grid-4{grid-template-columns:repeat(3,1fr)}
  .rr-grid-3{grid-template-columns:repeat(2,1fr)}
  .l2-cats{grid-template-columns:repeat(2,1fr)}
  .l3-grid{grid-template-columns:repeat(3,1fr)}
  .l4-cards{grid-template-columns:repeat(2,1fr)}
  .l5-grid{grid-template-columns:repeat(2,1fr)}
  .rr-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .l3-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .l1 h1{font-size:26px}
  .l1-sub{font-size:15px}
  .l1-metrics{gap:16px}
  .l1-m-num{font-size:20px}
  .container{padding:0 14px}
  .rr-grid-3,.rr-grid-4,.l2-cats,.l3-grid{grid-template-columns:repeat(2,1fr)}
  .l4-cards,.l5-grid{grid-template-columns:1fr}
  .rr-footer-grid{grid-template-columns:1fr}
  .rr-nav{display:none}
  .rr-cta-inner{flex-direction:column;text-align:center}
  .rr-cta h2{font-size:22px}
  .rr-toggle{padding:8px 14px;font-size:11px;bottom:16px;right:16px}
  .rr-layer{padding:40px 0}
  .rr-layer.l1{min-height:80vh}
  .rr-footer-bottom{flex-direction:column;text-align:center}
}