/*!
 * REDMOBI Home — ULTIMATE AZ 2026 template.
 * Generated from REDMOBI_ULTIMATE_ONE_FILE_AZ_2026.html (style block).
 * Scope class is doubled so template rules out-rank Flatsome globals.
 * Do not hand-edit: rebuild with build-css.py instead.
 */

/* Inherited-colour normaliser.
   Flatsome styles bare elements (h1..h6, p, a, li). A rule on the element
   always beats an inherited value, so template blocks that set a colour on a
   dark container and rely on inheritance came out dark-on-dark (hero H1,
   "Sap mo" cards). Force these back to inherit; the template's own rules sit
   later in this file and still win on ties. */
.rm-home.rm-home h1,
.rm-home.rm-home h2,
.rm-home.rm-home h3,
.rm-home.rm-home h4,
.rm-home.rm-home h5,
.rm-home.rm-home h6,
.rm-home.rm-home p,
.rm-home.rm-home a,
.rm-home.rm-home li,
.rm-home.rm-home span,
.rm-home.rm-home small,
.rm-home.rm-home b,
.rm-home.rm-home strong,
.rm-home.rm-home em,
.rm-home.rm-home label,
.rm-home.rm-home div,
.rm-home.rm-home button{
  color:inherit;text-transform:none;letter-spacing:normal;
}

/* Flatsome also ships `.button, button, input[type=submit] ...
   {margin-right:1em;margin-bottom:1em}`. The template was authored against a
   bare reset, so those margins showed up as ragged gaps on every <button> it
   uses (nav CTA, category cards, quick cards, filter chips, wish buttons). */
.rm-home.rm-home button,
.rm-home.rm-home input,
.rm-home.rm-home select,
.rm-home.rm-home textarea,
.rm-home.rm-home fieldset{margin:0}

/* Collision guard: class names shared with Flatsome. Neutralise the inherited
   look here, then let the template's rules below re-apply their intent. */
.rm-home.rm-home .button,
.rm-home.rm-home .price,
.rm-home.rm-home .container,
.rm-home.rm-home .badge,
.rm-home.rm-home .overlay,
.rm-home.rm-home .header-main,
.rm-home.rm-home .icon,
.rm-home.rm-home .white,
.rm-home.rm-home .section,
.rm-home.rm-home .nav-row{
  background:none;border:0;border-radius:0;box-shadow:none;text-shadow:none;
  float:none;text-transform:none;letter-spacing:normal;line-height:inherit;
  min-height:0;max-width:none;width:auto;height:auto;margin:0;padding:0;
  color:inherit;font-size:inherit;font-weight:inherit;text-align:inherit;
  position:static;overflow:visible;transform:none;
}
.rm-home.rm-home{--red:#e60018;--red2:#ff2940;--red3:#97000e;--ink:#0b0e14;--muted:#667085;--line:#e7e9ee;--bg:#f5f6f8;--white:#fff;--dark:#080b10;--green:#168a4b;--amber:#b96b00;--blue:#1268e5;--shadow:0 18px 48px rgba(12,16,24,.09);--shadow2:0 28px 80px rgba(12,16,24,.16);--r:24px;--container:1320px}
.rm-home.rm-home *{box-sizing:border-box}
html{scroll-behavior:smooth}
.rm-home.rm-home{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
body.modal-open{overflow:hidden}
.rm-home.rm-home a{color:inherit;text-decoration:none}
.rm-home.rm-home button,.rm-home.rm-home input,.rm-home.rm-home select,.rm-home.rm-home textarea{font:inherit}
.rm-home.rm-home button{cursor:pointer}
.rm-home.rm-home img{max-width:100%;display:block}
.rm-home.rm-home .container{width:min(var(--container),calc(100% - 36px));margin-inline:auto}
.rm-home.rm-home .skip{position:fixed;left:16px;top:-80px;background:#fff;padding:10px 14px;border-radius:10px;z-index:200}
.rm-home.rm-home .skip:focus{top:14px}
.rm-home.rm-home .sprite{position:absolute;width:0;height:0;overflow:hidden}
.rm-home.rm-home .icon,.rm-home.rm-home .icon svg,.rm-home.rm-home svg.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rm-home.rm-home .eyebrow{font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--red)}
.rm-home.rm-home .button{border:1px solid transparent;min-height:48px;border-radius:14px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:850;transition:.2s}
.rm-home.rm-home .button:hover{transform:translateY(-2px)}
.rm-home.rm-home .button-primary{background:var(--red);color:#fff;box-shadow:0 12px 28px rgba(230,0,24,.2)}
.rm-home.rm-home .button-dark{background:#121720;color:#fff}
.rm-home.rm-home .button-white{background:#fff;color:var(--red)}
.rm-home.rm-home .button-outline{border-color:#d7dbe2;background:#fff}
.rm-home.rm-home .button-glass{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.08)}
.rm-home.rm-home .button-full{width:100%}
.rm-home.rm-home .icon-button{border:1px solid var(--line);background:#fff;border-radius:13px;width:46px;height:46px;display:grid;place-items:center;position:relative}
.rm-home.rm-home .badge{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}
.rm-home.rm-home .announcement{background:linear-gradient(90deg,#92000c,#e60018 50%,#92000c);color:#fff;font-size:13px}
.rm-home.rm-home .announcement-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.rm-home.rm-home .announcement-links{display:flex;gap:18px;opacity:.92}
.rm-home.rm-home .site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(0,0,0,.07);box-shadow:0 8px 26px rgba(10,14,20,.05);transition:none!important}
.rm-home.rm-home .header-main{height:78px;display:grid;grid-template-columns:210px 1fr auto;gap:20px;align-items:center}
.rm-home.rm-home .brand{display:flex;align-items:center;gap:10px}
.rm-home.rm-home .brand-mark{width:48px;height:48px;display:grid;place-items:center}
.rm-home.rm-home .brand-mark img{width:38px;height:38px;object-fit:contain}
.rm-home.rm-home .brand-copy strong{display:block;font-size:23px;letter-spacing:-1.2px;line-height:1}
.rm-home.rm-home .brand-copy strong b{color:var(--red)}
.rm-home.rm-home .brand-copy small{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;margin-top:5px;color:#606773}
.rm-home.rm-home .search-shell{height:48px;border:1px solid var(--line);border-radius:14px;background:#f8f9fb;display:flex;align-items:center;gap:10px;padding:0 14px;color:#79808c;text-align:left}
.rm-home.rm-home .search-shell span{flex:1}
.rm-home.rm-home .search-shell kbd{border:1px solid #d8dbe0;border-bottom-width:2px;border-radius:7px;padding:3px 7px;background:#fff;font-size:11px}
.rm-home.rm-home .header-actions{display:flex;align-items:center;gap:9px}
.rm-home.rm-home .header-contact{height:46px;border:1px solid #ffd4d9;background:#fff7f8;border-radius:13px;padding:0 13px;display:flex;gap:9px;align-items:center}
.rm-home.rm-home .header-contact small{display:block;font-size:10px;color:#777f8a}
.rm-home.rm-home .header-contact strong{font-size:13px;color:var(--red)}
.rm-home.rm-home .menu-button{display:none}
.rm-home.rm-home .desktop-nav{border-top:1px solid #f0f1f3;background:#fff}
.rm-home.rm-home .nav-row{height:50px;display:flex;align-items:center;gap:4px;position:relative}
.rm-home.rm-home .nav-row>a,.rm-home.rm-home .nav-row>button:not(.nav-cta){border:0;background:transparent;padding:9px 11px;border-radius:10px;font-size:13px;font-weight:800;white-space:nowrap}
.rm-home.rm-home .nav-row>a:hover,.rm-home.rm-home .nav-row>button:not(.nav-cta):hover{background:#fff0f2;color:var(--red)}
.rm-home.rm-home .nav-cta{margin-left:auto;border:0;background:var(--red);color:#fff;height:38px;border-radius:11px;padding:0 15px;font-weight:850}
.rm-home.rm-home .mega{position:absolute;left:0;right:0;top:50px;background:#fff;border:1px solid var(--line);border-radius:0 0 24px 24px;box-shadow:0 30px 80px rgba(15,23,42,.18);padding:24px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:18px}
.rm-home.rm-home .mega[hidden]{display:none}
.rm-home.rm-home .mega-feature{background:linear-gradient(145deg,#fff1f3,#fff);border:1px solid #ffd9de;border-radius:20px;padding:20px}
.rm-home.rm-home .mega-feature h3{font-size:25px;line-height:1.08;margin:7px 0 10px}
.rm-home.rm-home .mega-col h4{font-size:11px;color:var(--red);letter-spacing:.1em;text-transform:uppercase;margin:0 0 9px}
.rm-home.rm-home .mega-col button{width:100%;border:0;background:transparent;text-align:left;padding:8px 0;border-bottom:1px solid #f0f2f5;font-size:13px}
.rm-home.rm-home .mobile-menu{display:none}
.rm-home.rm-home .hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(255,105,123,.55),transparent 34%),linear-gradient(125deg,#5a0007,#b80010 46%,#ef0019);color:#fff}
.rm-home.rm-home .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 0 37%,rgba(255,255,255,.08) 37.3%,transparent 37.7%),linear-gradient(25deg,transparent 0 68%,rgba(255,255,255,.07) 68.3%,transparent 68.7%)}
.rm-home.rm-home .hero-grid{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;position:relative;z-index:1}
.rm-home.rm-home .hero h1{font-size:clamp(49px,5.3vw,78px);line-height:.98;letter-spacing:-3.7px;margin:20px 0 18px;max-width:710px}
.rm-home.rm-home .hero h1 em{font-style:normal;color:#ffd9de}
.rm-home.rm-home .hero p{font-size:18px;color:rgba(255,255,255,.86);max-width:660px}
.rm-home.rm-home .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.rm-home.rm-home .hero-proof{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px}
.rm-home.rm-home .hero-proof span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800}
.rm-home.rm-home .hero-proof svg{width:17px;height:17px}
.rm-home.rm-home .hero-stage{position:relative;min-height:430px;display:grid;place-items:center}
.rm-home.rm-home .ecosystem-orbit{width:410px;height:410px;border-radius:50%;border:1px solid rgba(255,255,255,.2);position:relative;display:grid;place-items:center;box-shadow:inset 0 0 70px rgba(255,255,255,.06)}
.rm-home.rm-home .orbit-core{width:230px;height:310px;border-radius:38px;background:linear-gradient(150deg,#313743,#0f131a);box-shadow:0 35px 75px rgba(0,0,0,.34),inset 0 0 0 2px rgba(255,255,255,.24);position:relative}
.rm-home.rm-home .orbit-core:before{content:"";position:absolute;left:24px;top:23px;width:102px;height:102px;border-radius:28px;background:rgba(255,255,255,.09)}
.rm-home.rm-home .orbit-core:after{content:"REDMOBI";position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font-size:13px;letter-spacing:.16em;font-weight:900;color:rgba(255,255,255,.28)}
.rm-home.rm-home .orbit-item{position:absolute;width:112px;min-height:72px;border-radius:17px;padding:11px;background:rgba(255,255,255,.96);color:#111820;box-shadow:0 16px 34px rgba(0,0,0,.17);font-size:11px;font-weight:850}
.rm-home.rm-home .orbit-item small{display:block;color:#68717e;font-weight:600;margin-top:2px}
.rm-home.rm-home .oi1{left:-26px;top:34px}
.rm-home.rm-home .oi2{right:-34px;top:70px}
.rm-home.rm-home .oi3{left:-42px;bottom:62px}
.rm-home.rm-home .oi4{right:-24px;bottom:25px}
.rm-home.rm-home .hero-strip{position:relative;z-index:3;margin-top:-34px}
.rm-home.rm-home .quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.rm-home.rm-home .quick-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:11px}
.rm-home.rm-home .quick-icon{width:45px;height:45px;border-radius:14px;background:#fff0f2;color:var(--red);display:grid;place-items:center;flex:0 0 auto}
.rm-home.rm-home .quick-card b{display:block;font-size:13px}
.rm-home.rm-home .quick-card small{display:block;color:var(--muted);font-size:11px}
.rm-home.rm-home .section{padding:74px 0}
.rm-home.rm-home .section.white{background:#fff}
.rm-home.rm-home .section-soft{background:#eef1f5}
.rm-home.rm-home .section-dark{background:linear-gradient(135deg,#0c1118,#1b222d);color:#fff}
.rm-home.rm-home .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}
.rm-home.rm-home .section-head h2{font-size:36px;line-height:1.08;letter-spacing:-1.5px;margin:7px 0 0}
.rm-home.rm-home .section-head p{max-width:540px;color:var(--muted)}
.rm-home.rm-home .section-dark .section-head p{color:#bcc4d0}
.rm-home.rm-home .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.rm-home.rm-home .category-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:21px;text-align:left;position:relative;overflow:hidden;min-height:218px;box-shadow:0 8px 26px rgba(15,23,42,.045);transition:.22s}
.rm-home.rm-home .category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#ffcbd2}
.rm-home.rm-home .category-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;bottom:-70px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent),transparent 82%),transparent)}
.rm-home.rm-home .category-icon{width:54px;height:54px;border-radius:17px;background:color-mix(in srgb,var(--accent),white 90%);color:var(--accent);display:grid;place-items:center;margin-bottom:30px}
.rm-home.rm-home .category-card h3{font-size:22px;margin:0 0 6px}
.rm-home.rm-home .category-card p{margin:0;color:var(--muted);font-size:13px}
.rm-home.rm-home .category-card .status{position:absolute;right:14px;top:14px;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;background:#eef8f1;color:var(--green)}
.rm-home.rm-home .category-card.planned{background:linear-gradient(145deg,#10151d,#242b36);color:#fff;border-color:#303845}
.rm-home.rm-home .category-card.planned p{color:#aeb7c3}
.rm-home.rm-home .category-card.planned .status{background:#323b47;color:#dfe4eb}
.rm-home.rm-home .architecture{background:linear-gradient(135deg,#fff4f5,#fff 45%,#f6f8fb);border:1px solid #ffd9de;border-radius:28px;padding:30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}
.rm-home.rm-home .architecture h3{font-size:34px;line-height:1.08;margin:8px 0 14px}
.rm-home.rm-home .architecture p{color:var(--muted)}
.rm-home.rm-home .tree{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;align-items:center}
.rm-home.rm-home .tree-node{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;text-align:center;box-shadow:0 7px 20px rgba(15,23,42,.05)}
.rm-home.rm-home .tree-node b{display:block;font-size:12px}
.rm-home.rm-home .tree-node small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.rm-home.rm-home .tree-arrow{text-align:center;color:var(--red);font-weight:900}
.rm-home.rm-home .catalog-shell{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}
.rm-home.rm-home .catalog-toolbar{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin-bottom:18px}
.rm-home.rm-home .filter-row{display:flex;gap:8px;flex-wrap:wrap}
.rm-home.rm-home .filter-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}
.rm-home.rm-home .filter-chip.active{background:#111820;color:#fff;border-color:#111820}
.rm-home.rm-home .catalog-selects{display:flex;gap:9px}
.rm-home.rm-home .catalog-selects select{height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 11px}
.rm-home.rm-home .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.rm-home.rm-home .product-card{border:1px solid var(--line);background:#fff;border-radius:21px;padding:14px;position:relative;box-shadow:0 7px 22px rgba(15,23,42,.045);transition:.22s}
.rm-home.rm-home .product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.rm-home.rm-home .product-badge{position:absolute;top:14px;left:14px;z-index:2;border-radius:8px;padding:5px 8px;background:var(--red);color:#fff;font-size:9px;font-weight:900}
.rm-home.rm-home .product-status{position:absolute;top:14px;right:14px;z-index:2;border-radius:999px;padding:5px 8px;background:#eef8f1;color:var(--green);font-size:9px;font-weight:900}
.rm-home.rm-home .product-status.preorder{background:#fff5df;color:var(--amber)}
.rm-home.rm-home .product-status.inquiry,.rm-home.rm-home .product-status.order{background:#edf4ff;color:var(--blue)}
.rm-home.rm-home .product-media{height:205px;border-radius:16px;background:radial-gradient(circle at 50% 20%,#fff,#eef1f5 75%);display:grid;place-items:center;overflow:hidden;margin-bottom:12px;position:relative}
.rm-home.rm-home .product-media:after{content:"";position:absolute;left:19%;right:19%;bottom:9%;height:14px;background:rgba(15,23,42,.13);filter:blur(11px);border-radius:50%}
.rm-home.rm-home .device{--device:#657080;position:relative;z-index:1;margin:auto}
.rm-home.rm-home .device.phone{width:96px;height:160px;border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--device),white 17%),color-mix(in srgb,var(--device),black 17%));box-shadow:inset 0 0 0 2px rgba(255,255,255,.28),0 18px 30px rgba(15,23,42,.19)}
.rm-home.rm-home .device.phone:before{content:"";position:absolute;left:11px;top:11px;width:50px;height:50px;border-radius:15px;background:rgba(255,255,255,.14)}
.rm-home.rm-home .device.tablet{width:128px;height:164px;border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--device),white 18%),color-mix(in srgb,var(--device),black 16%));box-shadow:inset 0 0 0 5px #12161d,0 18px 30px rgba(15,23,42,.18)}
.rm-home.rm-home .device.laptop{width:160px;height:104px;border-radius:10px 10px 5px 5px;background:linear-gradient(145deg,#252a32,#596170);box-shadow:inset 0 0 0 5px #11151b,0 16px 25px rgba(15,23,42,.17)}
.rm-home.rm-home .device.laptop:after{content:"";position:absolute;left:-17px;right:-17px;bottom:-11px;height:10px;border-radius:2px 2px 8px 8px;background:#b9bec5}
.rm-home.rm-home .device.watch{width:88px;height:104px;border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--device),white 16%),color-mix(in srgb,var(--device),black 16%));box-shadow:inset 0 0 0 6px #171b22,0 17px 26px rgba(15,23,42,.18)}
.rm-home.rm-home .device.watch:before,.rm-home.rm-home .device.watch:after{content:"";position:absolute;left:25px;width:38px;height:42px;background:#9fa5ad;z-index:-1}
.rm-home.rm-home .device.watch:before{top:-34px;border-radius:9px 9px 0 0}
.rm-home.rm-home .device.watch:after{bottom:-34px;border-radius:0 0 9px 9px}
.rm-home.rm-home .device.pods{width:116px;height:82px;border-radius:22px;background:linear-gradient(145deg,#fff,#dfe2e6);box-shadow:inset 0 0 0 1px #d3d6da,0 17px 26px rgba(15,23,42,.15)}
.rm-home.rm-home .device.pods:before{content:"";position:absolute;left:24px;right:24px;top:9px;height:2px;background:#c7cbd0}
.rm-home.rm-home .device.tv{width:124px;height:84px;border-radius:17px;background:linear-gradient(145deg,#1c2027,#05070a);box-shadow:0 17px 27px rgba(15,23,42,.22)}
.rm-home.rm-home .device.accessory{width:64px;height:118px;border-radius:20px;background:linear-gradient(145deg,#fff,#dadde1);box-shadow:inset 0 0 0 1px #d5d8dd,0 17px 26px rgba(15,23,42,.15)}
.rm-home.rm-home .product-card h3{font-size:15px;line-height:1.3;margin:0 0 6px}
.rm-home.rm-home .product-meta{font-size:11px;color:var(--muted);min-height:34px}
.rm-home.rm-home .product-specs{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}
.rm-home.rm-home .product-specs span{background:#f4f6f8;border-radius:8px;padding:5px 7px;font-size:9px;color:#515966}
.rm-home.rm-home .price-row{display:flex;align-items:baseline;gap:8px}
.rm-home.rm-home .price{font-size:19px;color:var(--red);font-weight:950}
.rm-home.rm-home .compare-price{text-decoration:line-through;color:#a0a6b0;font-size:11px}
.rm-home.rm-home .product-actions{display:grid;grid-template-columns:1fr 42px;gap:8px;margin-top:11px}
.rm-home.rm-home .product-actions .button{min-height:42px;font-size:12px}
.rm-home.rm-home .wish{border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-items:center}
.rm-home.rm-home .empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted)}
.rm-home.rm-home .trust-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}
.rm-home.rm-home .trust-panel{background:linear-gradient(145deg,#0e141c,#202936);border-radius:27px;padding:29px;color:#fff;position:relative;overflow:hidden}
.rm-home.rm-home .trust-panel h3{font-size:34px;line-height:1.08;margin:8px 0 15px}
.rm-home.rm-home .trust-panel p{color:#bbc4d0}
.rm-home.rm-home .trust-list{display:grid;gap:10px;margin-top:18px}
.rm-home.rm-home .trust-list span{display:flex;align-items:center;gap:9px;font-size:13px}
.rm-home.rm-home .trust-list i{width:23px;height:23px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#7cff9d;font-style:normal}
.rm-home.rm-home .profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.rm-home.rm-home .profile-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px}
.rm-home.rm-home .profile-card small{color:var(--muted)}
.rm-home.rm-home .profile-card h4{font-size:17px;margin:5px 0 12px}
.rm-home.rm-home .profile-lines{display:grid;gap:7px}
.rm-home.rm-home .profile-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;border-top:1px solid #eef0f3;padding-top:7px}
.rm-home.rm-home .profile-line b{color:var(--green)}
.rm-home.rm-home .service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}
.rm-home.rm-home .service-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px}
.rm-home.rm-home .service-card h3{font-size:16px;margin:13px 0 6px}
.rm-home.rm-home .service-card p{font-size:12px;color:var(--muted)}
.rm-home.rm-home .service-icon{width:48px;height:48px;border-radius:15px;background:#fff0f2;color:var(--red);display:grid;place-items:center}
.rm-home.rm-home .trade-banner{background:linear-gradient(110deg,#90000b,#ed0018);color:#fff;border-radius:28px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;overflow:hidden}
.rm-home.rm-home .trade-banner h3{font-size:36px;line-height:1.06;margin:8px 0 13px}
.rm-home.rm-home .trade-banner p{color:rgba(255,255,255,.83)}
.rm-home.rm-home .trade-families{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.rm-home.rm-home .trade-family{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:13px;text-align:center;font-size:12px;font-weight:850}
.rm-home.rm-home .final-cta{padding:62px 0;background:#fff}
.rm-home.rm-home .final-box{border-radius:28px;background:radial-gradient(circle at 80% 20%,#f64b5e,transparent 30%),linear-gradient(125deg,#610008,#d90016);color:#fff;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.rm-home.rm-home .final-box h2{font-size:36px;line-height:1.08;margin:6px 0}
.rm-home.rm-home .final-actions{display:flex;gap:10px;flex-wrap:wrap}
.rm-home.rm-home .site-footer{background:#080b10;color:#c4cbd4;border-top:3px solid var(--red);padding-top:42px}
.rm-home.rm-home .footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:28px;padding-bottom:30px}
.rm-home.rm-home .footer-brand p{font-size:13px;color:#a9b1bc}
.rm-home.rm-home .footer-column h3,.rm-home.rm-home .footer-store h3{color:#fff;font-size:14px;border-left:4px solid var(--red);padding-left:9px}
.rm-home.rm-home .footer-column a,.rm-home.rm-home .footer-column button{display:block;border:0;background:transparent;color:#aeb6c1;padding:5px 0;font-size:12px;text-align:left}
.rm-home.rm-home .footer-column a:hover,.rm-home.rm-home .footer-column button:hover{color:#fff}
.rm-home.rm-home .footer-store{background:#111720;border:1px solid #2d3541;border-radius:18px;padding:16px}
.rm-home.rm-home .footer-store p{font-size:12px}
.rm-home.rm-home .footer-bottom{border-top:1px solid #252b34;padding:17px 0 98px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#838d9a}
.rm-home.rm-home .mobile-bottom{display:none}
.rm-home.rm-home .floating{position:fixed;right:18px;bottom:92px;z-index:70;display:grid;gap:9px}
.rm-home.rm-home .floating a,.rm-home.rm-home .floating button{width:48px;height:48px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.18)}
.rm-home.rm-home .floating a{background:var(--red)}
.rm-home.rm-home .floating button{background:#0878df;font-weight:900;font-size:11px}
.rm-home.rm-home .toast{position:fixed;z-index:130;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;background:#111720;color:#fff;border-radius:12px;padding:12px 16px;transition:.23s;pointer-events:none}
.rm-home.rm-home .toast.show{opacity:1;transform:translate(-50%,0)}
.rm-home.rm-home .overlay{position:fixed;inset:0;z-index:120;background:rgba(3,6,10,.68);display:grid;place-items:center;padding:20px}
.rm-home.rm-home .overlay[hidden]{display:none}
.rm-home.rm-home .modal{width:min(760px,100%);max-height:min(860px,calc(100vh - 32px));overflow:auto;background:#fff;border-radius:25px;box-shadow:0 35px 90px rgba(0,0,0,.34)}
.rm-home.rm-home .modal-head{padding:22px 24px 14px;display:flex;align-items:start;justify-content:space-between;gap:15px}
.rm-home.rm-home .modal-head h2{margin:3px 0 0;font-size:28px}
.rm-home.rm-home .modal-body{padding:0 24px 24px}
.rm-home.rm-home .modal-close{border:0;background:#f0f2f5}
.rm-home.rm-home .search-field{height:52px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 14px}
.rm-home.rm-home .search-field input{flex:1;border:0;outline:0}
.rm-home.rm-home .search-results{display:grid;gap:8px;margin-top:15px}
.rm-home.rm-home .search-result{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;text-align:left}
.rm-home.rm-home .search-result .device{transform:scale(.32);width:96px;margin-left:-22px;margin-right:-18px}
.rm-home.rm-home .search-result small{display:block;color:var(--muted)}
.rm-home.rm-home .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rm-home.rm-home .form-grid label{font-size:12px;font-weight:800}
.rm-home.rm-home .form-grid input,.rm-home.rm-home .form-grid select,.rm-home.rm-home .form-grid textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:12px;padding:12px;outline:0}
.rm-home.rm-home .form-grid .full{grid-column:1/-1}
.rm-home.rm-home .choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}
.rm-home.rm-home .choice{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff;text-align:left}
.rm-home.rm-home .choice.active{border-color:var(--red);background:#fff4f5;box-shadow:0 0 0 3px rgba(230,0,24,.08)}
.rm-home.rm-home .quote{background:#f6f8fb;border:1px solid var(--line);border-radius:18px;padding:19px}
.rm-home.rm-home .quote strong{display:block;color:var(--red);font-size:31px}
.rm-home.rm-home .notice{font-size:11px;color:var(--muted);margin-top:10px}
@media(max-width:1100px){.rm-home.rm-home .header-main{grid-template-columns:175px 1fr auto}
.rm-home.rm-home .header-contact{display:none}
.rm-home.rm-home .quick-grid{grid-template-columns:repeat(3,1fr)}
.rm-home.rm-home .category-grid{grid-template-columns:repeat(2,1fr)}
.rm-home.rm-home .product-grid{grid-template-columns:repeat(3,1fr)}
.rm-home.rm-home .footer-grid{grid-template-columns:1.3fr repeat(3,1fr)}
.rm-home.rm-home .footer-store{grid-column:1/-1}
.rm-home.rm-home .service-grid{grid-template-columns:repeat(3,1fr)}
.rm-home.rm-home .mega{grid-template-columns:repeat(2,1fr)}
.rm-home.rm-home .architecture{grid-template-columns:1fr}
.rm-home.rm-home .tree{grid-template-columns:1fr 30px 1fr 30px 1fr}
.rm-home.rm-home .tree-node:nth-of-type(4),.rm-home.rm-home .tree-arrow:nth-of-type(4){display:none}}
@media(max-width:760px){.rm-home.rm-home .container{width:min(100% - 24px,var(--container))}
.rm-home.rm-home .announcement{display:none}
.rm-home.rm-home .site-header{top:0}
.rm-home.rm-home .header-main{height:66px;grid-template-columns:40px 118px 1fr 42px;gap:8px}
.rm-home.rm-home .menu-button{display:grid}
.rm-home.rm-home .brand-mark{width:37px;height:37px}
.rm-home.rm-home .brand-mark img{width:31px;height:31px}
.rm-home.rm-home .brand-copy strong{font-size:17px}
.rm-home.rm-home .brand-copy small{display:none}
.rm-home.rm-home .search-shell{height:42px;padding:0 10px}
.rm-home.rm-home .search-shell span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-home.rm-home .search-shell kbd{display:none}
.rm-home.rm-home .header-actions .icon-button:first-of-type{display:none}
.rm-home.rm-home .header-actions .icon-button:last-of-type{width:42px;height:42px}
.rm-home.rm-home .desktop-nav{display:none}
.rm-home.rm-home .mobile-menu{position:fixed;z-index:79;left:0;right:0;top:66px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 22px 45px rgba(0,0,0,.15);padding:12px}
.rm-home.rm-home .mobile-menu[hidden]{display:none}
.rm-home.rm-home .mobile-menu button:not(.button),.rm-home.rm-home .mobile-menu a:not(.button){width:100%;border:0;background:#fff;padding:13px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f3;font-weight:800;text-align:left}
.rm-home.rm-home .hero-grid{grid-template-columns:1fr;min-height:auto;padding:42px 0 32px;gap:20px}
.rm-home.rm-home .hero h1{font-size:48px;letter-spacing:-2.5px}
.rm-home.rm-home .hero p{font-size:15px}
.rm-home.rm-home .hero-stage{min-height:330px}
.rm-home.rm-home .ecosystem-orbit{width:300px;height:300px}
.rm-home.rm-home .orbit-core{width:162px;height:226px;border-radius:29px}
.rm-home.rm-home .orbit-item{width:93px;min-height:61px;padding:8px;font-size:9px}
.rm-home.rm-home .oi1{left:-2px;top:18px}
.rm-home.rm-home .oi2{right:-9px;top:47px}
.rm-home.rm-home .oi3{left:-8px;bottom:43px}
.rm-home.rm-home .oi4{right:-2px;bottom:16px}
.rm-home.rm-home .hero-strip{margin-top:-17px}
.rm-home.rm-home .quick-grid{grid-template-columns:repeat(2,1fr);gap:9px}
.rm-home.rm-home .quick-card{padding:12px 9px}
.rm-home.rm-home .quick-card small{display:none}
.rm-home.rm-home .quick-icon{width:39px;height:39px}
.rm-home.rm-home .section{padding:52px 0}
.rm-home.rm-home .section-head{align-items:start;flex-direction:column}
.rm-home.rm-home .section-head h2{font-size:29px}
.rm-home.rm-home .category-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.rm-home.rm-home .category-card{min-height:178px;padding:15px}
.rm-home.rm-home .category-icon{width:46px;height:46px;margin-bottom:20px}
.rm-home.rm-home .category-card h3{font-size:17px}
.rm-home.rm-home .category-card p{font-size:11px}
.rm-home.rm-home .architecture{padding:20px}
.rm-home.rm-home .architecture h3{font-size:28px}
.rm-home.rm-home .tree{display:grid;grid-template-columns:1fr}
.rm-home.rm-home .tree-arrow{transform:rotate(90deg)}
.rm-home.rm-home .tree-node:nth-of-type(4),.rm-home.rm-home .tree-arrow:nth-of-type(4){display:block}
.rm-home.rm-home .catalog-shell{padding:13px}
.rm-home.rm-home .catalog-toolbar{grid-template-columns:1fr}
.rm-home.rm-home .catalog-selects{display:grid;grid-template-columns:1fr 1fr}
.rm-home.rm-home .catalog-selects select{width:100%}
.rm-home.rm-home .product-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.rm-home.rm-home .product-card{padding:10px;border-radius:17px}
.rm-home.rm-home .product-media{height:155px}
.rm-home.rm-home .device.phone{transform:scale(.79)}
.rm-home.rm-home .device.tablet,.rm-home.rm-home .device.laptop,.rm-home.rm-home .device.watch,.rm-home.rm-home .device.pods,.rm-home.rm-home .device.tv,.rm-home.rm-home .device.accessory{transform:scale(.78)}
.rm-home.rm-home .product-card h3{font-size:13px}
.rm-home.rm-home .product-meta{font-size:10px}
.rm-home.rm-home .price{font-size:15px}
.rm-home.rm-home .compare-price{display:none}
.rm-home.rm-home .product-actions{grid-template-columns:1fr}
.rm-home.rm-home .product-actions .wish{display:none}
.rm-home.rm-home .trust-grid{grid-template-columns:1fr}
.rm-home.rm-home .trust-panel{padding:22px}
.rm-home.rm-home .trust-panel h3{font-size:28px}
.rm-home.rm-home .profile-grid{grid-template-columns:1fr}
.rm-home.rm-home .service-grid{grid-template-columns:repeat(2,1fr)}
.rm-home.rm-home .trade-banner{grid-template-columns:1fr;padding:23px}
.rm-home.rm-home .trade-banner h3{font-size:29px}
.rm-home.rm-home .trade-families{grid-template-columns:repeat(2,1fr)}
.rm-home.rm-home .final-box{align-items:flex-start;flex-direction:column;padding:24px}
.rm-home.rm-home .final-box h2{font-size:29px}
.rm-home.rm-home .footer-grid{grid-template-columns:1fr}
.rm-home.rm-home .footer-column{border-top:1px solid #252b34;padding-top:12px}
.rm-home.rm-home .footer-bottom{flex-direction:column;padding-bottom:105px}
.rm-home.rm-home .mobile-bottom{position:fixed;z-index:75;left:0;right:0;bottom:0;background:rgba(255,255,255,.98);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -9px 25px rgba(0,0,0,.08)}
.rm-home.rm-home .mobile-bottom button,.rm-home.rm-home .mobile-bottom a{border:0;background:transparent;color:#59616d;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;font-weight:800}
.rm-home.rm-home .mobile-bottom svg{width:20px;height:20px}
.rm-home.rm-home .mobile-bottom .main{color:var(--red)}
.rm-home.rm-home .mobile-bottom .main i{margin-top:-25px;width:51px;height:51px;border-radius:50%;background:var(--red);color:#fff;border:5px solid #fff;display:grid;place-items:center;font-style:normal;box-shadow:0 8px 20px rgba(230,0,24,.25)}
.rm-home.rm-home .floating{display:none}
.rm-home.rm-home .form-grid{grid-template-columns:1fr}
.rm-home.rm-home .form-grid .full{grid-column:auto}
.rm-home.rm-home .choice-grid{grid-template-columns:1fr 1fr}
.rm-home.rm-home .modal{border-radius:22px}
.rm-home.rm-home .modal-head{padding:19px 18px 12px}
.rm-home.rm-home .modal-body{padding:0 18px 20px}}
@media(max-width:760px){.rm-home.rm-home .header-main{grid-template-columns:40px 104px minmax(0,1fr) 42px}
.rm-home.rm-home .header-main>*{min-width:0}
.rm-home.rm-home .brand{min-width:0;overflow:hidden}
.rm-home.rm-home .brand-copy{min-width:0}
.rm-home.rm-home .brand-copy strong{white-space:nowrap}
.rm-home.rm-home .search-shell{min-width:0;width:100%;overflow:hidden}
.rm-home.rm-home .search-shell span{min-width:0}
.rm-home.rm-home .header-actions{min-width:0}
.rm-home.rm-home .ecosystem-orbit{max-width:calc(100vw - 54px)}
.rm-home.rm-home .orbit-item{max-width:96px}}
@media(max-width:760px){.rm-home.rm-home .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rm-home.rm-home .product-card{min-width:0}
.rm-home.rm-home .product-card h3,.rm-home.rm-home .product-meta,.rm-home.rm-home .product-specs,.rm-home.rm-home .price-row{min-width:0;overflow-wrap:anywhere}}
.rm-home.rm-home #familyNav{display:flex;align-items:center;gap:4px}
.rm-home.rm-home #familyNav button{border:0;background:transparent;padding:9px 11px;border-radius:10px;font-size:13px;font-weight:800;white-space:nowrap}
.rm-home.rm-home #familyNav button:hover{background:#fff0f2;color:var(--red)}
.rm-home.rm-home .mobile-menu #mobileFamilyNav button{gap:10px}
.rm-home.rm-home .mobile-menu #mobileFamilyNav button svg{width:21px;height:21px;color:var(--red);margin-right:8px}
.rm-home.rm-home .mobile-menu #mobileFamilyNav button span{margin-left:auto}
@media(max-width:760px){.rm-home.rm-home .mobile-menu:not([hidden]){display:block}}
.rm-home.rm-home .az-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.rm-home.rm-home .az-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow-1);transition:.22s}
.rm-home.rm-home .az-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2);border-color:#ffcbd2}
.rm-home.rm-home .az-card>b{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#fff0f2;color:var(--red);font-size:12px}
.rm-home.rm-home .az-card h3{font-size:20px;margin:18px 0 7px}
.rm-home.rm-home .az-card p{color:var(--muted);font-size:13px;min-height:42px}
.rm-home.rm-home .az-card span,.rm-home.rm-home .control-grid a{color:var(--red);font-size:12px;font-weight:900}
.rm-home.rm-home .control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rm-home.rm-home .control-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}
.rm-home.rm-home .control-grid span{font-size:11px;font-weight:950;color:var(--red)}
.rm-home.rm-home .control-grid h3{font-size:18px;margin:13px 0 7px}
.rm-home.rm-home .control-grid p{font-size:13px;color:var(--muted);min-height:78px}
.rm-home.rm-home .editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rm-home.rm-home .editorial-grid article{min-height:235px;border-radius:22px;padding:24px;color:#fff;background:radial-gradient(circle at 85% 10%,#f3485c,transparent 35%),linear-gradient(145deg,#5b0008,#c90015)}
.rm-home.rm-home .editorial-grid article:nth-child(2){background:radial-gradient(circle at 80% 20%,#414a57,transparent 35%),linear-gradient(145deg,#0c1016,#222a35)}
.rm-home.rm-home .editorial-grid article:nth-child(3){background:radial-gradient(circle at 80% 20%,#2f8bd8,transparent 35%),linear-gradient(145deg,#071b35,#0a5598)}
.rm-home.rm-home .editorial-grid small{font-weight:950;letter-spacing:.1em}
.rm-home.rm-home .editorial-grid h3{font-size:23px;line-height:1.12;margin:50px 0 10px}
.rm-home.rm-home .editorial-grid p{font-size:13px;color:rgba(255,255,255,.78)}
.rm-home.rm-home .route-rail{border-top:1px solid #252b34;padding:16px 0;display:flex;gap:8px;flex-wrap:wrap}
.rm-home.rm-home .route-rail a{border:1px solid #343b47;border-radius:999px;padding:7px 11px;font-size:11px}
.rm-home.rm-home .route-rail a:hover{color:#fff;border-color:#666}
.rm-home.rm-home .page-hero-az{padding:64px 0;background:radial-gradient(circle at 80% 20%,#ef5061,transparent 32%),linear-gradient(125deg,#5a0008,#db0017);color:#fff}
.rm-home.rm-home .page-hero-az h1{font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-2.5px;margin:12px 0}
.rm-home.rm-home .page-hero-az p{max-width:740px;color:rgba(255,255,255,.83);font-size:17px}
.rm-home.rm-home .breadcrumb-az{font-size:12px;color:rgba(255,255,255,.7)}
.rm-home.rm-home .page-content{padding:58px 0}
.rm-home.rm-home .page-layout{display:grid;grid-template-columns:260px 1fr;gap:24px}
.rm-home.rm-home .page-aside{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;height:max-content;position:sticky;top:145px}
.rm-home.rm-home .page-aside a{display:block;padding:10px;border-bottom:1px solid #edf0f3;font-size:13px;font-weight:800}
.rm-home.rm-home .page-main-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}
.rm-home.rm-home .page-main-card h2{font-size:31px}
.rm-home.rm-home .feature-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.rm-home.rm-home .feature-matrix article{border:1px solid var(--line);border-radius:16px;padding:17px}
.rm-home.rm-home .feature-matrix h3{font-size:17px;margin:0 0 7px}
.rm-home.rm-home .feature-matrix p{font-size:13px;color:var(--muted)}
.rm-home.rm-home .data-table{width:100%;border-collapse:collapse}
.rm-home.rm-home .data-table th,.rm-home.rm-home .data-table td{border-bottom:1px solid var(--line);padding:12px;text-align:left;font-size:13px}
.rm-home.rm-home .data-table th{color:#344054;background:#f8fafc}
.rm-home.rm-home .status-pill{display:inline-flex;border-radius:999px;padding:5px 9px;background:#e9f8ef;color:#17733c;font-size:10px;font-weight:900}
.rm-home.rm-home .status-pill.warn{background:#fff4dd;color:#925d00}
.rm-home.rm-home .page-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.rm-home.rm-home .page-form label{font-size:12px;font-weight:850}
.rm-home.rm-home .page-form input,.rm-home.rm-home .page-form select,.rm-home.rm-home .page-form textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:12px;padding:12px}
.rm-home.rm-home .page-form .full{grid-column:1/-1}
@media(max-width:900px){.rm-home.rm-home .control-grid{grid-template-columns:repeat(2,1fr)}
.rm-home.rm-home .page-layout{grid-template-columns:1fr}
.rm-home.rm-home .page-aside{position:static}
.rm-home.rm-home .az-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.rm-home.rm-home .az-grid,.rm-home.rm-home .control-grid,.rm-home.rm-home .editorial-grid,.rm-home.rm-home .feature-matrix{grid-template-columns:1fr}
.rm-home.rm-home .az-card p,.rm-home.rm-home .control-grid p{min-height:auto}
.rm-home.rm-home .page-hero-az{padding:45px 0}
.rm-home.rm-home .page-main-card{padding:20px}
.rm-home.rm-home .page-form{grid-template-columns:1fr}
.rm-home.rm-home .page-form .full{grid-column:auto}
.rm-home.rm-home .data-table{display:block;overflow-x:auto}}
.rm-home.rm-home .hero,.rm-home.rm-home .site-header,.rm-home.rm-home .desktop-nav{max-width:100%;overflow-x:clip}
.rm-home.rm-home .category-card,.rm-home.rm-home .product-card,.rm-home.rm-home .page-layout>*{min-width:0}
@media(min-width:761px) and (max-width:1100px){.rm-home.rm-home .desktop-nav{overflow-x:hidden}
.rm-home.rm-home .desktop-nav .nav-row{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.rm-home.rm-home .desktop-nav .nav-row::-webkit-scrollbar{display:none}
.rm-home.rm-home .hero-stage,.rm-home.rm-home .ecosystem-orbit{max-width:100%;overflow:visible}
.rm-home.rm-home .hero{overflow:hidden}
.rm-home.rm-home .category-card{overflow:hidden}}
@media(max-width:760px){.rm-home.rm-home .container{width:calc(100% - 24px)!important;max-width:none!important}
.rm-home.rm-home .page-layout,.rm-home.rm-home .page-aside,.rm-home.rm-home .page-main-card{width:100%;max-width:100%;min-width:0}
.rm-home.rm-home .page-main-card{overflow:hidden}
.rm-home.rm-home .data-table{width:100%;max-width:100%;overflow-x:auto}}
@media(max-width:760px){.rm-home.rm-home .header-main{grid-template-columns:40px 112px minmax(0,1fr) 42px}
.rm-home.rm-home .header-main .brand{gap:4px}
.rm-home.rm-home .header-main .brand-mark{width:31px;height:31px;border-radius:9px}
.rm-home.rm-home .header-main .brand-mark img{width:27px;height:27px}
.rm-home.rm-home .header-main .brand-copy strong{font-size:14px;letter-spacing:-.65px}}
/* Front page adopts the template's light canvas. */
body.rm-home-page{background:#f5f6f8}
body.rm-home-page #wrapper{background:transparent;padding-right:0}
/* The site sets #wrapper{padding-right:15px} for Flatsome's mobile
   off-canvas. It leaves a white strip down the right of this
   full-bleed layout, so drop it on the front page only. */
.rm-home{position:relative}

/* WordPress additions: real product photos, category counts, "see all" row.
   The prototype drew flat device shapes; WooCommerce products have images. */
.rm-home.rm-home .product-media{display:block;position:relative;overflow:hidden;border-radius:16px}
.rm-home.rm-home .product-photo{width:100%;height:190px;object-fit:contain;background:#fff;padding:10px;transition:transform .28s ease}
.rm-home.rm-home .product-card:hover .product-photo{transform:scale(1.04)}
.rm-home.rm-home .product-card h3 a{color:inherit}
.rm-home.rm-home .product-card h3 a:hover{color:var(--red)}
.rm-home.rm-home .product-actions .button-primary{flex:1;text-decoration:none}
.rm-home.rm-home .search-result{width:100%;text-align:left}
.rm-home.rm-home .search-result .product-photo{width:48px;height:48px;padding:2px;border-radius:10px}
.rm-home.rm-home .category-count{display:block;margin-top:8px;font-size:12px;font-weight:800;color:var(--red)}
.rm-home.rm-home .catalog-more{display:flex;justify-content:center;margin-top:22px}
.rm-home.rm-home .catalog-more[hidden]{display:none}

/* Product names wrap to 1 or 2 lines; pin price + actions to the card bottom
   so every row of cards lines up. */
.rm-home.rm-home .product-card{display:flex;flex-direction:column}
.rm-home.rm-home .product-card .price-row{margin-top:auto}

/* "Sap mo" cards are dark; keep their type and chip readable. */
.rm-home.rm-home .category-card.planned h3{color:#fff}
.rm-home.rm-home .category-card.planned .category-icon{color:#fff}
.rm-home.rm-home .category-card.planned .status{background:rgba(255,255,255,.14);color:#e6ebf2}
.rm-home.rm-home .category-card.planned .category-count{color:#ff8b96}

/* Keep the sticky header clear of the admin bar. */
.admin-bar .rm-home.rm-home .site-header{top:32px}
@media(max-width:782px){.admin-bar .rm-home.rm-home .site-header{top:46px}}
@media(max-width:760px){.rm-home.rm-home .product-photo{height:150px}}

/* Announcement bar. The prototype shipped .announcement styles but no
   markup, so the strip is authored in inc/home/header.html. */
.rm-home.rm-home .announcement-claim{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-home.rm-home .announcement-links a:hover{text-decoration:underline}
.rm-home.rm-home .announcement-links span{opacity:.85}

/* Brand mark is the "M" glyph cropped out of the full lockup: the lockup is
   5.6:1 and its "Mobi" half is white, so it cannot sit in a square box on a
   white header. */
.rm-home.rm-home .brand-mark img{width:100%;height:100%;object-fit:contain}
.rm-home.rm-home .brand-mark{width:42px;height:42px}
@media(max-width:760px){.rm-home.rm-home .brand-mark{width:34px;height:34px}}

/* Compact mobile header. WordPress makes #wpadminbar non-fixed below 600px,
   so retaining its 46px desktop offset after scrolling leaves the sticky
   header floating over page content. Pin the header to the viewport and keep
   every control on the same optical centre line. */
@media(max-width:760px){
  .rm-home.rm-home .site-header{
    top:0;
    background:#fff;
    box-shadow:0 5px 18px rgba(15,23,42,.10)
  }
  .rm-home.rm-home .header-main{
    height:60px;
    grid-template-columns:38px 108px minmax(0,1fr) 38px;
    gap:6px;
    width:calc(100% - 20px)!important
  }
  .rm-home.rm-home .icon-button,
  .rm-home.rm-home .header-actions .icon-button:last-of-type{
    width:38px;height:38px;min-width:38px;
    border-radius:11px
  }
  .rm-home.rm-home .menu-button{display:grid;align-items:center;justify-items:center}
  .rm-home.rm-home .menu-button .icon{width:20px;height:20px;margin:0}
  .rm-home.rm-home .header-main .brand{gap:4px;height:38px;align-items:center}
  .rm-home.rm-home .header-main .brand-mark{width:30px;height:30px;flex:0 0 30px}
  .rm-home.rm-home .header-main .brand-mark img{width:27px;height:27px}
  .rm-home.rm-home .search-shell{height:38px;border-radius:11px;padding:0 10px;gap:8px}
  .rm-home.rm-home .search-shell .icon{width:18px;height:18px;flex:0 0 18px}
  .rm-home.rm-home .header-actions{height:38px;align-items:center}
  .rm-home.rm-home .badge{right:-4px;top:-5px}
  .rm-home.rm-home .mobile-menu{top:60px}
}
@media(max-width:600px){
  .admin-bar .rm-home.rm-home .site-header{top:0}
}

/* Policy content already sits inside Flatsome's mobile page gutter. Remove
   the two additional horizontal padding layers that made long-form policy
   pages unnecessarily narrow. Card components keep their own inner spacing. */
@media(max-width:760px){
  body .rm-policy{padding-left:0!important;padding-right:0!important}
  body .rm-policy .rm-policy-panels{padding-left:0!important;padding-right:0!important}
}
body .rm-policy p.rm-policy-welcome{padding:14px 16px!important}

/* Header-only mode (every page except the front page). */
.rm-home--header-only{background:transparent}

/* Light cards that sit inside dark containers.
   .profile-card is a white card inside .section-dark{color:#fff} but never
   sets its own colour, so every label inherited white and vanished. Cards
   with a light background must state their text colour explicitly. */
.rm-home.rm-home .profile-card{color:var(--ink)}
.rm-home.rm-home .profile-card h4{color:var(--ink)}
.rm-home.rm-home .profile-card .profile-line span{color:var(--muted)}
.rm-home.rm-home .mega,
.rm-home.rm-home .quick-card{color:var(--ink)}

/* --- Sticky header fixes ---------------------------------------------
 * 1. flatsome-child/style.css sets `body{overflow:hidden}`. That makes <body>
 *    a scroll container, so position:sticky resolves against a box that never
 *    scrolls and the header slides away instead of pinning. `overflow-x:clip`
 *    still blocks horizontal scrolling but does NOT create a scroll container.
 *    `html body` out-specifies the theme's bare `body` regardless of load order.
 * 2. A sticky element can only stick inside its containing block. On pages
 *    other than the front page, .rm-home--header-only wraps just the header
 *    (~164px tall), so there was nothing to stick within. display:contents
 *    removes that box while keeping every `.rm-home ...` selector matching,
 *    handing the header #wrapper as its containing block.
 * ------------------------------------------------------------------ */
html body{overflow-x:clip;overflow-y:visible}
.rm-home--header-only{display:contents}

/* flatsome-child/style.css gives #main z-index:30, higher than .header-overlay's
 * z-index:22 — so page content always painted above the dimmed backdrop and ate
 * its clicks, on every page, regardless of the .active toggle. Put the overlay
 * back above #main but still below the drawer/header (79/80) that sit on it. */
.header-overlay{z-index:78!important}

/* Mobile bottom nav (Flatsome's own "footer-menu-mobile" location). It shipped
 * with no background — page content scrolled underneath and showed through —
 * plus five mismatched raster icons, one of which (logo.jpg) is a full photo
 * squeezed into a 20px slot. Hide the raster <img> icons and draw the same
 * five glyphs as inline SVG instead, keyed by each item's own menu ID. */
.footer-menu-mobile{background:#fff!important;border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -6px 18px rgba(15,23,42,.06);padding-bottom:env(safe-area-inset-bottom)}
.footer-menu-mobile .menu{display:flex;margin:0;padding:0;list-style:none}
.footer-menu-mobile .menu-item{flex:1;list-style:none}
.footer-menu-mobile .nav-top-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 2px 6px;color:#666;font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap;transition:color .15s ease}
.footer-menu-mobile .nav-top-link:hover,.footer-menu-mobile .nav-top-link:active{color:#e60018}
.footer-menu-mobile .ux-menu-icon{display:none}
.footer-menu-mobile .nav-top-link:before{content:"";width:21px;height:21px;display:block;background-repeat:no-repeat;background-position:center;background-size:contain}
.footer-menu-mobile #menu-item-2002 .nav-top-link:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 10 4l7 5.5'/%3E%3Cpath d='M4.5 8.7v6.3a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V8.7'/%3E%3C/svg%3E")}
.footer-menu-mobile #menu-item-2003 .nav-top-link:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23666' stroke-width='1.6' stroke-linecap='round'%3E%3Cline x1='3.5' y1='5.5' x2='16.5' y2='5.5'/%3E%3Cline x1='3.5' y1='10' x2='16.5' y2='10'/%3E%3Cline x1='3.5' y1='14.5' x2='16.5' y2='14.5'/%3E%3C/svg%3E")}
.footer-menu-mobile #menu-item-2108 .nav-top-link:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5 4.3 4h11.4l.8 4.5'/%3E%3Cpath d='M3.5 8.5a2 2 0 0 0 4 .3 2 2 0 0 0 4 0 2 2 0 0 0 4 0 2 2 0 0 0 4-.3'/%3E%3Cpath d='M4.5 9v6.5h11V9'/%3E%3C/svg%3E")}
.footer-menu-mobile #menu-item-2005 .nav-top-link:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='6.8' r='3'/%3E%3Cpath d='M3.8 16.5c1-3.3 3.8-4.8 6.2-4.8s5.2 1.5 6.2 4.8'/%3E%3C/svg%3E")}
.footer-menu-mobile #menu-item-2006 .nav-top-link:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23666'%3E%3Ccircle cx='4' cy='10' r='1.5'/%3E%3Ccircle cx='10' cy='10' r='1.5'/%3E%3Ccircle cx='16' cy='10' r='1.5'/%3E%3C/svg%3E")}

/* Flatsome ships a clearfix `.container:after{content:"";display:table}`.
 * The template's .container elements are flex/grid containers, so that
 * pseudo-element became a REAL extra item:
 *   - .announcement-inner (flex, space-between): a 3rd item swallowed one
 *     264px gap, so the right-hand links stopped short of the edge;
 *   - .header-main (grid 210px 1fr auto): a 4th item claimed a 210px track;
 *   - .nav-row (flex, gap 4px): pushed the "Đặt lịch ngay" button off the
 *     right edge.
 * The template defines no pseudo-elements on these classes, so clear them. */
.rm-home.rm-home .container::before,
.rm-home.rm-home .container::after{content:none;display:none}

/* Hard override. The site injects, for its own red header:
     .header-wrapper, #masthead, .header-main, .header-bg-color
       { background: linear-gradient(to bottom,#ff4b4b,#d60000) !important }
   The template reuses .header-main, so its top row inherited that gradient. */
.rm-home.rm-home .header-main{background:none!important}