/* =========================================================
   RANDM TORNADO
   GLOBAL DESIGN SYSTEM V1
========================================================= */

:root{
  --rt-black:#09090d;
  --rt-black-2:#101016;
  --rt-black-3:#17171f;

  --rt-white:#ffffff;
  --rt-off:#f7f7f9;

  --rt-text:#18181d;
  --rt-muted:#70707b;

  --rt-line:#e8e8ed;

  --rt-purple:#7c3aed;
  --rt-purple-2:#a855f7;
  --rt-cyan:#22d3ee;
  --rt-pink:#ff3d9a;

  --rt-gradient:
    linear-gradient(
      100deg,
      #7c3aed 0%,
      #b946ef 46%,
      #22d3ee 100%
    );

  --rt-radius:18px;
  --rt-radius-sm:12px;

  --rt-shadow:
    0 20px 60px rgba(10,10,20,.12);

  --rt-shell:1280px;
}


/* =========================================================
   RESET / ASTRA
========================================================= */

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:#fff;
  color:var(--rt-text);
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-font-smoothing:antialiased;
}

body.rt-menu-open{
  overflow:hidden;
}

#masthead,
.site-header,
.site-footer,
.site-above-footer-wrap,
.site-primary-footer-wrap,
.site-below-footer-wrap{
  display:none !important;
}

.ast-container{
  max-width:var(--rt-shell);
}

.site-content{
  background:#fff;
}

.entry-content,
.entry-content p{
  color:var(--rt-text);
}


/* =========================================================
   SHARED
========================================================= */

.rt-shell-container{
  width:min(calc(100% - 40px),var(--rt-shell));
  margin:0 auto;
}

a{
  transition:
    color .2s ease,
    opacity .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}


/* =========================================================
   ANNOUNCEMENT BAR
========================================================= */

.rt-announcement{
  position:relative;
  z-index:1002;
  background:var(--rt-black);
  color:#fff;
  font-size:12px;
  line-height:1;
}

.rt-announcement__inner{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.rt-announcement__age{
  font-weight:800;
  letter-spacing:.04em;
}

.rt-announcement__desktop{
  color:rgba(255,255,255,.72);
}


/* =========================================================
   HEADER
========================================================= */

.rt-header{
  position:sticky;
  top:0;
  z-index:1000;
  width:100%;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(15,15,20,.08);
}

.admin-bar .rt-header{
  top:32px;
}

.rt-header__inner{
  min-height:74px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:48px;
}


/* LOGO */

.rt-brand{
  display:inline-flex;
  align-items:baseline;
  gap:7px;

  text-decoration:none !important;
  color:var(--rt-black) !important;
  white-space:nowrap;
}

.rt-brand__randm{
  font-size:18px;
  font-weight:600;
  letter-spacing:-.04em;
}

.rt-brand__tornado{
  font-size:21px;
  line-height:1;
  font-weight:950;
  letter-spacing:.055em;

  background:var(--rt-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}


/* DESKTOP NAV */

.rt-desktop-nav{
  display:flex;
  align-items:center;
  gap:34px;
}

.rt-desktop-nav a{
  position:relative;
  color:#27272f;
  text-decoration:none !important;
  font-size:14px;
  font-weight:650;
}

.rt-desktop-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-8px;
  height:2px;
  background:var(--rt-gradient);
  transition:right .2s ease;
}

.rt-desktop-nav a:hover{
  color:#000;
}

.rt-desktop-nav a:hover::after{
  right:0;
}


/* ACTIONS */

.rt-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.rt-header-icon{
  position:relative;
  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#111 !important;
  text-decoration:none !important;

  border:1px solid #e8e8ed;
  border-radius:50%;

  background:#fff;
}

.rt-header-icon:hover{
  border-color:#c9c9d2;
  transform:translateY(-1px);
}

.rt-header-icon svg{
  width:20px;
  height:20px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.rt-cart-count{
  position:absolute;
  top:-5px;
  right:-4px;

  min-width:18px;
  height:18px;
  padding:0 4px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:99px;
  background:var(--rt-purple);

  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1;
}


/* =========================================================
   LANGUAGE SWITCHER
========================================================= */

.rt-language{
  position:relative;
}

.rt-language summary{
  height:42px;
  padding:0 13px;

  display:flex;
  align-items:center;
  gap:7px;

  cursor:pointer;
  user-select:none;

  list-style:none;

  border:1px solid #e8e8ed;
  border-radius:99px;

  background:#fff;

  color:#17171d;
  font-size:12px;
  font-weight:800;
}

.rt-language summary::-webkit-details-marker{
  display:none;
}

.rt-language__globe{
  font-size:16px;
}

.rt-language__arrow{
  opacity:.5;
}

.rt-language-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;

  min-width:190px;
  padding:8px;

  border:1px solid #ededf1;
  border-radius:14px;

  background:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.14);
}

.rt-language-menu a{
  min-height:42px;
  padding:0 11px;

  display:flex;
  align-items:center;
  gap:10px;

  border-radius:9px;

  color:#292930 !important;
  text-decoration:none !important;

  font-size:13px;
  font-weight:600;
}

.rt-language-menu a:hover{
  background:#f5f5f8;
}

.rt-language-menu a.is-active{
  background:#f2ecff;
  color:var(--rt-purple) !important;
}

.rt-language-menu img{
  border-radius:2px;
}


/* =========================================================
   MOBILE HEADER / DRAWER
========================================================= */

.rt-mobile-menu-button{
  display:none;
  width:42px;
  height:42px;
  padding:0;

  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;

  border:1px solid #e8e8ed;
  border-radius:50%;
  background:#fff;
}

.rt-mobile-menu-button span{
  width:16px;
  height:1.5px;
  border-radius:2px;
  background:#111;
}

.rt-mobile-overlay{
  position:fixed;
  inset:0;
  z-index:1100;

  pointer-events:none;
  opacity:0;

  background:rgba(0,0,0,.48);

  transition:opacity .25s ease;
}

.rt-mobile-drawer{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  z-index:1101;

  width:min(86vw,390px);
  padding:24px;

  background:#fff;

  transform:translateX(-102%);
  transition:transform .28s ease;

  box-shadow:20px 0 70px rgba(0,0,0,.22);

  overflow-y:auto;
}

.rt-menu-open .rt-mobile-overlay{
  pointer-events:auto;
  opacity:1;
}

.rt-menu-open .rt-mobile-drawer{
  transform:translateX(0);
}

.rt-mobile-drawer__top{
  display:flex;
  align-items:center;
  justify-content:space-between;

  padding-bottom:23px;
  border-bottom:1px solid #ececf0;
}

.rt-mobile-drawer__title{
  font-size:18px;
  font-weight:900;
}

.rt-mobile-close{
  width:38px;
  height:38px;

  border:0;
  border-radius:50%;

  background:#f2f2f5;

  color:#111;
  font-size:25px;
  line-height:1;
}

.rt-mobile-nav{
  padding:20px 0;
}

.rt-mobile-nav a{
  min-height:54px;

  display:flex;
  align-items:center;

  border-bottom:1px solid #ededf1;

  color:#121217 !important;
  text-decoration:none !important;

  font-size:17px;
  font-weight:750;
}

.rt-mobile-languages{
  margin-top:14px;
}

.rt-mobile-languages__label{
  margin-bottom:10px;

  color:#858590;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.rt-mobile-languages__list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.rt-mobile-languages__list a{
  min-height:38px;
  padding:0 12px;

  display:flex;
  align-items:center;
  gap:7px;

  border:1px solid #e5e5eb;
  border-radius:99px;

  color:#303038 !important;
  text-decoration:none !important;

  font-size:12px;
  font-weight:650;
}

.rt-mobile-languages__list a.is-active{
  color:#fff !important;
  background:#17171d;
  border-color:#17171d;
}

.rt-mobile-drawer__notice{
  margin-top:28px;
  padding:14px;

  border-radius:12px;

  background:#f5f5f7;

  color:#6f6f79;
  font-size:12px;
  font-weight:650;
}


/* =========================================================
   GLOBAL BUTTONS / WOO
========================================================= */

button,
.button,
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  border-radius:10px !important;
  font-weight:750 !important;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  background:var(--rt-black) !important;
  color:#fff !important;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
  background:var(--rt-purple) !important;
}


/* =========================================================
   FOOTER
========================================================= */

.rt-footer{
  position:relative;
  z-index:10;

  padding:72px 0 24px;

  background:var(--rt-black);
  color:#fff;
}

.rt-footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:60px;

  padding-bottom:56px;
}

.rt-footer-logo{
  display:inline-flex;
  gap:6px;
  align-items:baseline;

  margin-bottom:20px;

  color:#fff !important;
  text-decoration:none !important;
}

.rt-footer-logo span{
  font-size:18px;
  font-weight:600;
}

.rt-footer-logo strong{
  font-size:21px;
  letter-spacing:.055em;

  background:var(--rt-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.rt-footer-brand p{
  max-width:390px;
  margin:0;

  color:rgba(255,255,255,.57);
  font-size:14px;
  line-height:1.7;
}

.rt-footer-age{
  display:inline-flex;
  margin-top:22px;
  padding:8px 12px;

  border:1px solid rgba(255,255,255,.15);
  border-radius:99px;

  color:rgba(255,255,255,.74);

  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
}

.rt-footer-column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
}

.rt-footer-column h3{
  margin:0 0 7px;

  color:#fff;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.rt-footer-column a{
  color:rgba(255,255,255,.57) !important;
  text-decoration:none !important;

  font-size:13px;
}

.rt-footer-column a:hover,
.rt-footer-column a.is-active{
  color:#fff !important;
}

.rt-footer-bottom{
  min-height:58px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  border-top:1px solid rgba(255,255,255,.11);

  color:rgba(255,255,255,.4);
  font-size:11px;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:980px){

  .rt-header__inner{
    grid-template-columns:auto 1fr auto;
    gap:16px;
    min-height:66px;
  }

  .rt-mobile-menu-button{
    display:flex;
  }

  .rt-desktop-nav{
    display:none;
  }

  .rt-brand{
    justify-self:start;
  }

  .rt-language{
    display:none;
  }

  .rt-footer-grid{
    grid-template-columns:1.6fr 1fr 1fr;
    gap:42px;
  }

  .rt-footer-languages{
    grid-column:1/-1;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
  }

  .rt-footer-languages h3{
    width:100%;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:640px){

  .rt-shell-container{
    width:min(calc(100% - 28px),var(--rt-shell));
  }

  .admin-bar .rt-header{
    top:46px;
  }

  .rt-announcement__inner{
    justify-content:center;
    min-height:31px;
  }

  .rt-announcement__desktop{
    display:none;
  }

  .rt-announcement__age{
    font-size:10px;
  }

  .rt-header__inner{
    min-height:62px;
  }

  .rt-brand{
    gap:5px;
  }

  .rt-brand__randm{
    font-size:15px;
  }

  .rt-brand__tornado{
    font-size:17px;
  }

  .rt-account-link{
    display:none;
  }

  .rt-header-icon,
  .rt-mobile-menu-button{
    width:38px;
    height:38px;
  }

  .rt-header-actions{
    gap:4px;
  }

  .rt-footer{
    padding:52px 0 20px;
  }

  .rt-footer-grid{
    grid-template-columns:1fr 1fr;
    gap:38px 24px;
    padding-bottom:40px;
  }

  .rt-footer-brand{
    grid-column:1/-1;
  }

  .rt-footer-languages{
    grid-column:1/-1;
  }

  .rt-footer-bottom{
    padding-top:18px;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
  }
}

/* =========================================================
   RANDM TORNADO
   LIGHT HOMEPAGE V2
========================================================= */

.home .site-content,
.home .site-main,
.home #primary,
.home article,
.home .ast-article-single,
.home .entry-content{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

.home .site-content > .ast-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

.home .entry-header{
  display:none !important;
}

.home .entry-content > .wp-block-html{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}


/* =========================================================
   LIGHT GLOBAL OVERRIDES
========================================================= */

.rt-announcement{
  background:#f3f0ff !important;
  color:#4b3a78 !important;
  border-bottom:1px solid #e9e4f8;
}

.rt-announcement__desktop{
  color:#776a96 !important;
}


/* =========================================================
   HERO
========================================================= */

.rtl-hero{
  position:relative;

  min-height:650px;
  padding:88px 0 78px;

  overflow:hidden;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #faf9ff 45%,
      #f2f8fb 100%
    );

  border-bottom:1px solid #ececf2;
}

.rtl-hero-bg{
  position:absolute;

  border-radius:50%;

  filter:blur(4px);

  pointer-events:none;
}

.rtl-hero-bg--one{
  width:620px;
  height:620px;

  right:-180px;
  top:-180px;

  background:
    radial-gradient(
      circle,
      rgba(124,58,237,.15),
      transparent 67%
    );
}

.rtl-hero-bg--two{
  width:520px;
  height:520px;

  right:150px;
  bottom:-290px;

  background:
    radial-gradient(
      circle,
      rgba(34,199,232,.15),
      transparent 68%
    );
}

.rtl-hero-grid{
  position:relative;
  z-index:2;

  min-height:480px;

  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);
  align-items:center;
  gap:70px;
}


/* COPY */

.rtl-hero-copy{
  max-width:690px;
}

.rtl-eyebrow{
  display:inline-flex;
  align-items:center;

  min-height:31px;
  padding:0 12px;

  margin-bottom:24px;

  border:1px solid #e3dcfa;
  border-radius:99px;

  background:#f8f5ff;

  color:#7651cf;

  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}

.rtl-hero h1{
  margin:0;

  color:#15151b;

  font-size:clamp(55px,6vw,88px);
  line-height:.94;
  letter-spacing:-.062em;
  font-weight:950;
}

.rtl-hero h1 span{
  display:block;

  padding-top:9px;

  background:
    linear-gradient(
      95deg,
      #7439e8 0%,
      #c347dd 48%,
      #22b9d6 100%
    );

  -webkit-background-clip:text;
  background-clip:text;

  color:transparent;
}

.rtl-hero-lead{
  max-width:590px;

  margin:28px 0 0 !important;

  color:#6f6f79 !important;

  font-size:16px;
  line-height:1.7;
}


/* BUTTONS */

.rtl-hero-actions{
  margin-top:31px;

  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:11px;
}

.rtl-btn{
  min-height:52px;
  padding:0 21px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;

  border-radius:11px;

  text-decoration:none !important;

  font-size:13px;
  font-weight:800;
}

.rtl-btn--primary{
  color:#fff !important;

  background:
    linear-gradient(
      105deg,
      #7036df,
      #9447e4 52%,
      #20b8d4
    );

  box-shadow:
    0 12px 30px rgba(117,58,222,.21);
}

.rtl-btn--primary:hover{
  transform:translateY(-2px);

  box-shadow:
    0 16px 38px rgba(117,58,222,.27);
}

.rtl-btn--secondary{
  color:#25252d !important;

  border:1px solid #ddddE6;

  background:#fff;
}

.rtl-btn--secondary:hover{
  border-color:#c8c8d4;

  transform:translateY(-1px);
}


/* HERO POINTS */

.rtl-hero-points{
  margin-top:43px;
  padding-top:23px;

  display:flex;
  flex-wrap:wrap;
  gap:28px;

  border-top:1px solid #e5e5eb;
}

.rtl-hero-points > div{
  min-width:130px;

  display:flex;
  align-items:center;
  gap:10px;
}

.rtl-hero-points strong{
  width:31px;
  height:31px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid #dfdfe7;
  border-radius:50%;

  background:#fff;

  color:#6e3bdd;

  font-size:10px;
}

.rtl-hero-points span{
  color:#797982;

  font-size:11px;
  font-weight:650;
}


/* =========================================================
   HERO PRODUCT VISUAL
========================================================= */

.rtl-hero-visual{
  position:relative;

  min-height:490px;
}

.rtl-product-stage{
  position:absolute;
  inset:0;

  display:flex;
  align-items:center;
  justify-content:center;
}

.rtl-product-stage::before{
  content:"";

  position:absolute;

  width:410px;
  height:410px;

  border-radius:50%;

  background:
    radial-gradient(
      circle at 40% 40%,
      rgba(255,255,255,.95),
      rgba(226,218,255,.55) 42%,
      rgba(212,243,249,.34) 67%,
      transparent 71%
    );

  box-shadow:
    inset 0 0 0 1px rgba(124,58,237,.08);
}

.rtl-product{
  position:absolute;

  width:92px;
  height:340px;

  padding:18px 0 22px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;

  border-radius:27px;

  box-shadow:
    0 30px 65px rgba(28,23,48,.18);

  color:#fff;
}

.rtl-product strong{
  font-size:31px;
  line-height:1;
}

.rtl-product small{
  margin-top:13px;

  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;

  opacity:.75;
}

.rtl-product-top{
  position:absolute;
  top:13px;

  width:34px;
  height:8px;

  border-radius:99px;

  background:rgba(255,255,255,.78);
}

.rtl-product--purple{
  z-index:3;

  height:375px;

  transform:translateY(8px);

  background:
    linear-gradient(
      180deg,
      #8359ff 0%,
      #8138e6 48%,
      #d148d3 100%
    );
}

.rtl-product--cyan{
  z-index:2;

  left:20%;

  transform:
    rotate(-10deg)
    translateY(10px);

  background:
    linear-gradient(
      180deg,
      #35d3e3,
      #3b8fe9 47%,
      #6541df
    );
}

.rtl-product--pink{
  z-index:2;

  right:20%;

  transform:
    rotate(10deg)
    translateY(10px);

  background:
    linear-gradient(
      180deg,
      #ff66b7,
      #ca46dc 49%,
      #713bdc
    );
}

.rtl-visual-badge{
  position:absolute;
  z-index:5;

  min-height:34px;
  padding:0 12px;

  display:flex;
  align-items:center;

  border:1px solid rgba(125,73,203,.13);
  border-radius:99px;

  background:rgba(255,255,255,.85);

  box-shadow:
    0 10px 28px rgba(55,43,85,.08);

  backdrop-filter:blur(12px);

  color:#63527e;

  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.rtl-visual-badge--one{
  right:5%;
  top:22%;
}

.rtl-visual-badge--two{
  left:2%;
  bottom:25%;
}


/* =========================================================
   TRUST STRIP
========================================================= */

.rtl-trust{
  background:#fff;

  border-bottom:1px solid #ededf2;
}

.rtl-trust-grid{
  min-height:110px;

  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
}

.rtl-trust-item{
  min-height:57px;
  padding:0 32px;

  display:flex;
  align-items:center;
  gap:15px;

  border-right:1px solid #ececf1;
}

.rtl-trust-item:first-child{
  padding-left:0;
}

.rtl-trust-item:last-child{
  border-right:0;
}

.rtl-trust-item > span{
  color:#c0b7dc;

  font-size:10px;
  font-weight:900;
}

.rtl-trust-item div{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.rtl-trust-item strong{
  color:#222229;

  font-size:13px;
}

.rtl-trust-item small{
  color:#92929a;

  font-size:11px;
}


/* =========================================================
   ENTRY SECTION
========================================================= */

.rtl-entry{
  padding:96px 0 105px;

  background:#f7f7fa;
}

.rtl-section-head{
  margin-bottom:38px;

  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
}

.rtl-section-head > div{
  max-width:680px;
}

.rtl-section-head span{
  color:#7640d7;

  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.rtl-section-head h2{
  margin:7px 0 10px;

  color:#18181e;

  font-size:clamp(32px,4vw,46px);
  line-height:1.08;
  letter-spacing:-.045em;
}

.rtl-section-head p{
  max-width:580px;

  margin:0 !important;

  color:#7e7e88 !important;

  font-size:13px;
  line-height:1.65;
}

.rtl-section-head > a{
  flex-shrink:0;

  color:#6e3bd5 !important;

  text-decoration:none !important;

  font-size:12px;
  font-weight:800;
}


/* CARDS */

.rtl-entry-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px;
}

.rtl-entry-card{
  overflow:hidden;

  display:flex;
  flex-direction:column;

  min-height:440px;

  border:1px solid #e6e6ed;
  border-radius:20px;

  background:#fff;

  color:#1a1a21 !important;
  text-decoration:none !important;

  box-shadow:
    0 12px 35px rgba(32,29,45,.04);
}

.rtl-entry-card:hover{
  transform:translateY(-4px);

  border-color:#dcd6eb;

  box-shadow:
    0 20px 46px rgba(32,29,45,.08);
}

.rtl-card-visual{
  position:relative;

  min-height:235px;

  display:flex;
  align-items:center;
  justify-content:center;

  overflow:hidden;
}

.rtl-card-visual--products{
  background:
    linear-gradient(
      145deg,
      #f4f0ff,
      #edf9fb
    );
}

.rtl-card-visual--new{
  background:
    linear-gradient(
      145deg,
      #eee8ff,
      #dfd2ff
    );
}

.rtl-card-visual--guide{
  background:
    linear-gradient(
      145deg,
      #eef8fb,
      #f6f5fc
    );
}


/* MINI PRODUCTS */

.rtl-mini-product{
  position:absolute;

  width:44px;
  height:155px;

  border-radius:15px;

  box-shadow:
    0 18px 35px rgba(68,54,106,.16);
}

.rtl-mini-product--p1{
  left:31%;

  transform:rotate(-10deg);

  background:
    linear-gradient(
      180deg,
      #7d59ff,
      #c145d5
    );
}

.rtl-mini-product--p2{
  z-index:2;

  width:50px;
  height:175px;

  background:
    linear-gradient(
      180deg,
      #36cddd,
      #7448e8
    );
}

.rtl-mini-product--p3{
  right:31%;

  transform:rotate(10deg);

  background:
    linear-gradient(
      180deg,
      #ff67b3,
      #763ee2
    );
}


/* NEW */

.rtl-new-circle{
  position:absolute;

  width:190px;
  height:190px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.94),
      rgba(255,255,255,.22)
    );
}

.rtl-card-visual--new strong{
  position:relative;
  z-index:2;

  color:#7340d5;

  font-size:42px;
  letter-spacing:.08em;
}


/* GUIDE */

.rtl-guide-icon{
  width:92px;
  height:92px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid #d6eaf0;
  border-radius:50%;

  background:#fff;

  color:#37a9c0;

  font-size:40px;
  font-weight:400;

  box-shadow:
    0 15px 35px rgba(45,112,127,.08);
}


/* CARD CONTENT */

.rtl-card-content{
  flex:1;

  padding:25px 25px 27px;

  display:flex;
  flex-direction:column;
}

.rtl-card-content small{
  color:#8b65d3;

  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}

.rtl-card-content h3{
  margin:7px 0 7px;

  color:#1b1b22;

  font-size:25px;
  letter-spacing:-.035em;
}

.rtl-card-content p{
  margin:0 !important;

  color:#85858e !important;

  font-size:12px;
  line-height:1.6;
}

.rtl-card-content > span{
  margin-top:auto;
  padding-top:25px;

  color:#373740;

  font-size:11px;
  font-weight:800;
}


/* =========================================================
   BRAND STRIP
========================================================= */

.rtl-brand-strip{
  padding:82px 0;

  background:#fff;
}

.rtl-brand-strip__inner{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  align-items:end;
  gap:70px;
}

.rtl-brand-strip span{
  color:#8149d8;

  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}

.rtl-brand-strip h2{
  margin:8px 0 0;

  color:#18181e;

  font-size:clamp(34px,4vw,52px);
  line-height:1.05;
  letter-spacing:-.05em;
}

.rtl-brand-strip p{
  max-width:470px;

  margin:0 !important;

  color:#82828c !important;

  font-size:14px;
  line-height:1.7;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

  .rtl-hero{
    min-height:auto;
    padding:70px 0;
  }

  .rtl-hero-grid{
    grid-template-columns:1fr;
    gap:35px;
  }

  .rtl-hero-visual{
    min-height:420px;
  }

  .rtl-entry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rtl-entry-card:last-child{
    grid-column:1/-1;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px){

  .rtl-hero{
    padding:55px 0 45px;
  }

  .rtl-hero h1{
    font-size:48px;
  }

  .rtl-hero-lead{
    font-size:15px;
  }

  .rtl-btn{
    width:100%;
  }

  .rtl-hero-points{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;

    margin-top:30px;
  }

  .rtl-hero-points > div{
    min-width:0;

    flex-direction:column;
    align-items:flex-start;
  }

  .rtl-hero-points span{
    font-size:9px;
  }

  .rtl-hero-visual{
    min-height:330px;
  }

  .rtl-product-stage::before{
    width:290px;
    height:290px;
  }

  .rtl-product{
    width:62px;
    height:220px;

    border-radius:19px;
  }

  .rtl-product--purple{
    height:245px;
  }

  .rtl-product--cyan{
    left:18%;
  }

  .rtl-product--pink{
    right:18%;
  }

  .rtl-product strong{
    font-size:23px;
  }

  .rtl-trust-grid{
    grid-template-columns:1fr;

    padding:11px 0;
  }

  .rtl-trust-item,
  .rtl-trust-item:first-child{
    min-height:66px;
    padding:0;

    border-right:0;
    border-bottom:1px solid #ececf1;
  }

  .rtl-trust-item:last-child{
    border-bottom:0;
  }

  .rtl-entry{
    padding:68px 0 75px;
  }

  .rtl-section-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .rtl-entry-grid{
    display:flex;
    gap:12px;

    overflow-x:auto;

    margin-right:-14px;
    padding-right:14px;
    padding-bottom:6px;

    scroll-snap-type:x mandatory;

    scrollbar-width:none;
  }

  .rtl-entry-grid::-webkit-scrollbar{
    display:none;
  }

  .rtl-entry-card,
  .rtl-entry-card:last-child{
    flex:0 0 83vw;

    min-height:400px;

    scroll-snap-align:start;
  }

  .rtl-brand-strip{
    padding:62px 0;
  }

  .rtl-brand-strip__inner{
    grid-template-columns:1fr;
    gap:22px;
  }

}



/* =========================================================
   RANDM TORNADO PRODUCT STANDARD V1
========================================================= */

.rt-model-standard{
  background:#fff;
  color:#19191f;
}

.rtms-hero{
  padding:90px 0 82px;
  background:
    radial-gradient(circle at 82% 20%,rgba(124,58,237,.10),transparent 28%),
    radial-gradient(circle at 92% 85%,rgba(34,199,232,.09),transparent 27%),
    linear-gradient(135deg,#fff 0%,#faf9ff 55%,#f5fafc 100%);
  border-bottom:1px solid #ececf1;
}

.rtms-kicker,
.rtms-section-head > span,
.rtms-naming span,
.rtms-note-box > span{
  color:#7843d7;
  font-size:10px;
  line-height:1.4;
  font-weight:900;
  letter-spacing:.15em;
}

.rtms-hero h1{
  margin:12px 0 20px;
  max-width:850px;
  font-size:clamp(45px,6vw,78px);
  line-height:.98;
  letter-spacing:-.06em;
  color:#17171c;
}

.rtms-lead{
  max-width:760px;
  margin:0 !important;
  color:#74747e !important;
  font-size:17px;
  line-height:1.75;
}


/* SECTIONS */

.rtms-rules,
.rtms-registry,
.rtms-naming,
.rtms-note{
  padding:88px 0;
}

.rtms-registry{
  background:#f7f7fa;
}

.rtms-section-head{
  max-width:760px;
  margin-bottom:38px;
}

.rtms-section-head h2{
  margin:8px 0 12px;
  color:#19191f;
  font-size:clamp(31px,4vw,45px);
  line-height:1.08;
  letter-spacing:-.045em;
}

.rtms-section-head p{
  margin:0 !important;
  color:#7c7c86 !important;
  font-size:14px;
  line-height:1.7;
}


/* RULES */

.rtms-rule-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.rtms-rule{
  padding:27px;
  border:1px solid #e7e7ed;
  border-radius:18px;
  background:#fff;
}

.rtms-rule > strong{
  color:#b1a4d0;
  font-size:11px;
}

.rtms-rule h3{
  margin:16px 0 9px;
  font-size:20px;
  color:#202027;
}

.rtms-rule p{
  margin:0 !important;
  color:#80808a !important;
  font-size:12px;
  line-height:1.65;
}


/* REGISTRY TABLE */

.rtms-table-wrap{
  overflow:hidden;
  border:1px solid #e4e4eb;
  border-radius:20px;
  background:#fff;
}

.rtms-table{
  min-width:760px;
}

.rtms-row{
  min-height:83px;
  display:grid;
  grid-template-columns:2.1fr 1fr .8fr 1fr;
  align-items:center;
  border-bottom:1px solid #eeeeF2;
}

.rtms-row:last-child{
  border-bottom:0;
}

.rtms-row > div{
  padding:18px 22px;
}

.rtms-row--head{
  min-height:51px;
  background:#f2f1f7;
  color:#73737e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}

.rtms-row strong{
  display:block;
  color:#1d1d24;
  font-size:14px;
}

.rtms-row small{
  display:block;
  margin-top:5px;
  color:#a0a0a9;
  font-size:10px;
}

.rtms-status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:99px;
  background:#f0ebff;
  color:#7040cb;
  font-size:9px;
  font-weight:900;
}


/* NAMING */

.rtms-naming{
  background:#fff;
}

.rtms-naming-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  gap:70px;
}

.rtms-naming h2{
  margin:9px 0 0;
  color:#19191f;
  font-size:clamp(42px,5vw,64px);
  line-height:.98;
  letter-spacing:-.055em;
}

.rtms-example{
  padding:38px;
  border:1px solid #e2deec;
  border-radius:22px;
  background:
    linear-gradient(145deg,#faf8ff,#f5fafc);
}

.rtms-example small{
  color:#8a65d3;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.rtms-example > strong{
  display:block;
  margin-top:10px;
  color:#1c1c22;
  font-size:29px;
  letter-spacing:-.035em;
}

.rtms-arrow{
  margin:18px 0;
  color:#8a5bdd;
  font-size:19px;
}

.rtms-example p{
  margin:0 0 16px !important;
  color:#7d7d87 !important;
  font-size:13px;
  line-height:1.7;
}

.rtms-example b{
  color:#282830;
  font-size:12px;
}


/* DATA POLICY */

.rtms-note{
  background:#f6f6f9;
}

.rtms-note-box{
  padding:48px;
  border-radius:24px;
  background:#19191f;
}

.rtms-note-box h2{
  margin:10px 0 12px;
  color:#fff;
  font-size:clamp(29px,4vw,43px);
  letter-spacing:-.045em;
}

.rtms-note-box p{
  max-width:760px;
  margin:0 !important;
  color:#aaaab5 !important;
  font-size:14px;
  line-height:1.75;
}


/* MOBILE */

@media(max-width:850px){

  .rtms-rule-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rtms-naming-grid{
    grid-template-columns:1fr;
    gap:35px;
  }

  .rtms-table-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

}

@media(max-width:600px){

  .rtms-hero{
    padding:62px 0 56px;
  }

  .rtms-rules,
  .rtms-registry,
  .rtms-naming,
  .rtms-note{
    padding:65px 0;
  }

  .rtms-rule-grid{
    display:flex;
    overflow-x:auto;
    gap:11px;
    padding-bottom:5px;
    scrollbar-width:none;
    scroll-snap-type:x mandatory;
  }

  .rtms-rule-grid::-webkit-scrollbar{
    display:none;
  }

  .rtms-rule{
    flex:0 0 78vw;
    scroll-snap-align:start;
  }

  .rtms-note-box{
    padding:32px 24px;
  }

}



/* =========================================================
   RANDM STANDARD PRODUCT PAGE V1
========================================================= */

.rt-product-standard{
  margin-top:45px;
  color:#1b1b21;
}

.rtps-intro,
.rtps-identity,
.rtps-naming,
.rtps-specs,
.rtps-policy{
  margin:0 0 70px;
}

.rtps-kicker,
.rtps-section-head > span,
.rtps-policy-box > span{
  color:#7741d5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.rtps-intro h2,
.rtps-section-head h2{
  margin:8px 0 13px;
  color:#19191f;
  font-size:clamp(30px,4vw,45px);
  line-height:1.07;
  letter-spacing:-.045em;
}

.rtps-lead,
.rtps-section-head p{
  max-width:760px;
  margin:0 !important;
  color:#7e7e88 !important;
  font-size:14px;
  line-height:1.75;
}


/* IDENTITY */

.rtps-identity-grid{
  margin-top:28px;

  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.rtps-data-card{
  min-height:125px;
  padding:23px;

  display:flex;
  flex-direction:column;
  justify-content:space-between;

  border:1px solid #e5e5ec;
  border-radius:16px;

  background:#fafafd;
}

.rtps-data-card small{
  color:#9696a0;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}

.rtps-data-card strong{
  color:#202027;
  font-size:18px;
}


/* NAMING */

.rtps-name-box{
  margin-top:28px;

  display:grid;
  grid-template-columns:.9fr 1.1fr;

  overflow:hidden;

  border:1px solid #e3e3ea;
  border-radius:20px;
}

.rtps-name-standard{
  padding:38px;

  background:
    linear-gradient(
      145deg,
      #f0eaff,
      #eefbfc
    );
}

.rtps-name-standard small,
.rtps-name-alias small{
  display:block;

  margin-bottom:12px;

  color:#7a50ca;

  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.rtps-name-standard strong{
  color:#1d1d24;

  font-size:30px;
  line-height:1.15;
}

.rtps-name-alias{
  padding:38px;

  background:#fff;
}

.rtps-name-alias p{
  margin:0 0 18px !important;

  color:#7f7f89 !important;

  font-size:13px;
  line-height:1.7;
}

.rtps-name-alias b{
  color:#28282f;
  font-size:12px;
}


/* SPECS */

.rtps-spec-grid{
  margin-top:29px;

  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));

  border:1px solid #e6e6ec;
  border-radius:18px;

  overflow:hidden;
}

.rtps-spec-grid > div{
  min-height:100px;
  padding:23px;

  display:flex;
  flex-direction:column;
  justify-content:space-between;

  border-right:1px solid #ececf1;
  border-bottom:1px solid #ececf1;
}

.rtps-spec-grid > div:nth-child(3n){
  border-right:0;
}

.rtps-spec-grid > div:nth-last-child(-n+3){
  border-bottom:0;
}

.rtps-spec-grid span{
  color:#96969f;

  font-size:10px;
  font-weight:700;
}

.rtps-spec-grid strong{
  color:#7552b5;

  font-size:13px;
}


/* POLICY */

.rtps-policy-box{
  padding:42px;

  border-radius:22px;

  background:#19191f;
}

.rtps-policy-box h2{
  margin:9px 0 12px;

  color:#fff;

  font-size:clamp(28px,4vw,40px);
  letter-spacing:-.045em;
}

.rtps-policy-box p{
  max-width:760px;

  margin:0 !important;

  color:#adadb7 !important;

  font-size:13px;
  line-height:1.75;
}


/* MOBILE */

@media(max-width:750px){

  .rtps-identity-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rtps-name-box{
    grid-template-columns:1fr;
  }

  .rtps-spec-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rtps-spec-grid > div,
  .rtps-spec-grid > div:nth-child(3n),
  .rtps-spec-grid > div:nth-last-child(-n+3){
    border-right:1px solid #ececf1;
    border-bottom:1px solid #ececf1;
  }

  .rtps-spec-grid > div:nth-child(2n){
    border-right:0;
  }

  .rtps-spec-grid > div:nth-last-child(-n+2){
    border-bottom:0;
  }

}

@media(max-width:480px){

  .rtps-identity-grid{
    grid-template-columns:1fr;
  }

  .rtps-spec-grid{
    grid-template-columns:1fr;
  }

  .rtps-spec-grid > div,
  .rtps-spec-grid > div:nth-child(2n){
    border-right:0;
  }

  .rtps-spec-grid > div:nth-last-child(-n+2){
    border-bottom:1px solid #ececf1;
  }

  .rtps-spec-grid > div:last-child{
    border-bottom:0;
  }

  .rtps-name-standard,
  .rtps-name-alias,
  .rtps-policy-box{
    padding:28px 23px;
  }

}



/* =========================================================
   RANDM TORNADO REAL HERO IMAGE V1
========================================================= */

/* Hide old CSS mock devices */
.rtl-product-stage{
  display:none !important;
}


/* Desktop real hero */

.rtl-hero-visual{
  position:relative;

  min-height:500px;

  background-image:
    url("https://randmtornado.com/wp-content/uploads/2026/09/randm-tornado-hero-desktop-europe-series.webp");

  background-repeat:no-repeat;

  background-position:center center;

  background-size:cover;

  border-radius:28px;

  overflow:hidden;

  box-shadow:
    0 25px 70px rgba(54,44,90,.11);

  border:1px solid rgba(124,58,237,.07);
}


/* subtle fade so image blends into hero */

.rtl-hero-visual::after{
  content:"";

  position:absolute;
  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(250,249,255,.15) 0%,
      transparent 18%,
      transparent 100%
    );
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

  .rtl-hero-visual{
    min-height:520px;

    background-position:center center;

    background-size:cover;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px){

  .rtl-hero-visual{
    min-height:520px;

    margin-top:5px;

    border-radius:22px;

    background-image:
      url("https://randmtornado.com/wp-content/uploads/2026/09/randm-tornado-hero-mobile-europe-series.webp");

    background-position:center center;

    background-size:cover;

    box-shadow:
      0 18px 45px rgba(54,44,90,.10);
  }

  .rtl-hero-visual::after{
    display:none;
  }

}


/* very small phones */

@media(max-width:430px){

  .rtl-hero-visual{
    min-height:485px;
  }

}



/* =========================================================
   RANDM TORNADO HERO FULL BACKGROUND V2
   Desktop = full hero artwork
   Mobile  = dedicated vertical artwork
========================================================= */


/* =========================================================
   DESKTOP
========================================================= */

@media(min-width:901px){

  .rtl-hero{
    position:relative;

    min-height:610px;

    padding:82px 0 72px;

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.94) 28%,
        rgba(255,255,255,.72) 42%,
        rgba(255,255,255,.10) 58%,
        rgba(255,255,255,0) 72%
      ),
      url("https://randmtornado.com/wp-content/uploads/2026/09/randm-tornado-hero-desktop-europe-series.webp");

    background-repeat:no-repeat;

    background-position:center center;

    background-size:cover;

    border-bottom:1px solid #ececf2;
  }


  /* Generated background already has its own lighting */
  .rtl-hero-bg{
    display:none !important;
  }


  /*
   * Keep two-column geometry.
   * Right column becomes the reserved product-image zone.
   */
  .rtl-hero-grid{
    min-height:455px;

    grid-template-columns:
      minmax(0,.86fr)
      minmax(480px,1.14fr);

    gap:32px;
  }


  .rtl-hero-copy{
    position:relative;
    z-index:4;

    max-width:590px;
  }


  /*
   * Desktop product artwork is now part of the full hero.
   * Remove old embedded card completely.
   */
  .rtl-hero-visual{
    display:none !important;
  }


  .rtl-hero h1{
    text-shadow:
      0 1px 0 rgba(255,255,255,.25);
  }


  .rtl-hero-lead{
    max-width:520px;
  }


  .rtl-hero-points{
    max-width:540px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media(min-width:701px) and (max-width:900px){

  .rtl-hero{
    min-height:auto;

    padding:65px 0 52px;

    background:
      linear-gradient(
        135deg,
        #ffffff 0%,
        #faf9ff 50%,
        #f3f9fc 100%
      );
  }


  .rtl-hero-bg{
    display:none !important;
  }


  .rtl-hero-grid{
    display:block;

    min-height:auto;
  }


  .rtl-hero-copy{
    max-width:650px;
  }


  .rtl-hero-visual{
    display:block !important;

    width:100%;

    min-height:0;

    aspect-ratio:2 / 1;

    margin-top:42px;

    border:0;

    border-radius:22px;

    background-image:
      url("https://randmtornado.com/wp-content/uploads/2026/09/randm-tornado-hero-desktop-europe-series.webp");

    background-repeat:no-repeat;

    background-position:center center;

    background-size:cover;

    box-shadow:none;
  }


  .rtl-hero-visual::after{
    display:none !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px){

  .rtl-hero{
    min-height:auto;

    padding:52px 0 34px;

    background:
      linear-gradient(
        180deg,
        #ffffff 0%,
        #faf9ff 70%,
        #f5f9fc 100%
      );
  }


  .rtl-hero-bg{
    display:none !important;
  }


  .rtl-hero-grid{
    display:block;

    min-height:auto;
  }


  .rtl-hero-copy{
    max-width:none;
  }


  /*
   * Use dedicated vertical mobile artwork.
   */
  .rtl-hero-visual{
    display:block !important;

    width:100%;

    min-height:0;

    aspect-ratio:4 / 5;

    margin-top:34px;

    border:0;

    border-radius:20px;

    background-image:
      url("https://randmtornado.com/wp-content/uploads/2026/09/randm-tornado-hero-mobile-europe-series.webp");

    background-repeat:no-repeat;

    background-position:center center;

    background-size:cover;

    box-shadow:
      0 16px 40px rgba(53,45,90,.08);
  }


  .rtl-hero-visual::after{
    display:none !important;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:430px){

  .rtl-hero h1{
    font-size:46px;
  }


  .rtl-hero-visual{
    aspect-ratio:4 / 5;

    border-radius:17px;
  }

}



/* =========================================================
   RANDM TORNADO HOMEPAGE SERIES V1
========================================================= */

.rts-series{
  padding:94px 0 105px;

  background:#f7f7fa;
}


/* HEADER */

.rts-series-head{
  margin-bottom:34px;

  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  gap:30px;
}

.rts-series-head > div{
  max-width:720px;
}

.rts-series-head span{
  color:#7440d4;

  font-size:10px;
  font-weight:900;

  letter-spacing:.14em;
}

.rts-series-head h2{
  margin:8px 0 10px;

  color:#18181e;

  font-size:clamp(32px,4vw,46px);
  line-height:1.08;

  letter-spacing:-.045em;
}

.rts-series-head p{
  max-width:610px;

  margin:0 !important;

  color:#80808a !important;

  font-size:13px;
  line-height:1.65;
}

.rts-series-head > a{
  flex-shrink:0;

  color:#7040d3 !important;

  font-size:12px;
  font-weight:800;

  text-decoration:none !important;
}


/* GRID */

.rts-series-track{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:15px;
}


/* CARD */

.rts-series-card{
  position:relative;

  overflow:hidden;

  border:1px solid #e5e5ec;
  border-radius:20px;

  background:#fff;

  color:#19191f !important;

  text-decoration:none !important;

  box-shadow:
    0 12px 32px rgba(30,27,42,.04);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.rts-series-card:hover{
  transform:translateY(-5px);

  border-color:#d9d1eb;

  box-shadow:
    0 22px 48px rgba(37,30,57,.09);
}


/* IMAGE */

.rts-series-image{
  position:relative;

  aspect-ratio:1 / 1;

  overflow:hidden;

  background:
    linear-gradient(
      145deg,
      #faf9ff,
      #f1f4ff
    );
}

.rts-series-image img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  transition:
    transform .45s ease;
}

.rts-series-card:hover
.rts-series-image img{
  transform:scale(1.025);
}


/* PUFF BADGE */

.rts-series-puff{
  position:absolute;

  top:15px;
  right:15px;

  min-height:31px;

  padding:0 10px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(255,255,255,.7);

  border-radius:99px;

  background:
    rgba(255,255,255,.88);

  backdrop-filter:
    blur(10px);

  color:#6232c8 !important;

  box-shadow:
    0 8px 22px rgba(35,25,65,.08);

  font-size:9px !important;
  font-weight:900;

  letter-spacing:.06em !important;
}


/* COPY */

.rts-series-copy{
  min-height:145px;

  padding:21px 20px 23px;

  display:flex;
  flex-direction:column;
}

.rts-series-copy small{
  color:#8a64d6;

  font-size:8px;
  font-weight:900;

  letter-spacing:.12em;
}

.rts-series-copy h3{
  margin:8px 0 12px;

  color:#1d1d24;

  font-size:19px;
  line-height:1.18;

  letter-spacing:-.025em;
}

.rts-series-copy > span{
  margin-top:auto;

  color:#55555e !important;

  font-size:10px !important;
  font-weight:800;

  letter-spacing:0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

  .rts-series-track{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px){

  .rts-series{
    padding:68px 0 74px;
  }


  .rts-series-head{
    margin-bottom:27px;

    align-items:flex-start;
    flex-direction:column;

    gap:14px;
  }


  .rts-series-track{
    display:flex;

    gap:12px;

    overflow-x:auto;

    margin-right:-14px;

    padding-right:14px;
    padding-bottom:6px;

    scroll-snap-type:
      x mandatory;

    scrollbar-width:none;
  }


  .rts-series-track::-webkit-scrollbar{
    display:none;
  }


  .rts-series-card{
    flex:0 0 78vw;

    max-width:330px;

    scroll-snap-align:start;
  }


  .rts-series-copy{
    min-height:137px;
  }

}



/* =========================================================
   RANDM TORNADO HOMEPAGE STANDARD SECTION V1
========================================================= */

.rth-standard{
  padding:96px 0 105px;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #faf9ff 55%,
      #f4fafc 100%
    );

  border-top:1px solid #ececf1;
}


/* HEADER */

.rth-standard-head{
  max-width:760px;

  margin-bottom:38px;
}

.rth-standard-head > span{
  color:#7540d4;

  font-size:10px;
  font-weight:900;

  letter-spacing:.15em;
}

.rth-standard-head h2{
  margin:8px 0 12px;

  color:#18181e;

  font-size:clamp(34px,4vw,48px);
  line-height:1.06;

  letter-spacing:-.048em;
}

.rth-standard-head p{
  max-width:620px;

  margin:0 !important;

  color:#7f7f89 !important;

  font-size:14px;
  line-height:1.7;
}


/* GRID */

.rth-standard-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:15px;
}


/* CARD */

.rth-standard-card{
  position:relative;

  min-height:285px;

  padding:30px;

  display:flex;
  flex-direction:column;

  border:1px solid #e5e5ec;
  border-radius:20px;

  background:rgba(255,255,255,.92);

  box-shadow:
    0 12px 32px rgba(32,28,45,.035);
}

.rth-standard-card:hover{
  transform:translateY(-4px);

  border-color:#dcd5eb;

  box-shadow:
    0 20px 45px rgba(38,31,58,.075);
}


/* NUMBER */

.rth-standard-number{
  width:43px;
  height:43px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      #f0eaff,
      #eaf9fb
    );

  color:#7240cc;

  font-size:10px;
  font-weight:900;

  letter-spacing:.05em;
}


/* TEXT */

.rth-standard-card h3{
  margin:26px 0 10px;

  color:#1d1d24;

  font-size:23px;
  line-height:1.15;

  letter-spacing:-.035em;
}

.rth-standard-card p{
  margin:0 !important;

  color:#85858f !important;

  font-size:12px;
  line-height:1.7;
}

.rth-standard-card a{
  margin-top:auto;
  padding-top:26px;

  color:#6636c7 !important;

  font-size:11px;
  font-weight:800;

  text-decoration:none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px){

  .rth-standard{
    padding:68px 0 76px;
  }


  .rth-standard-grid{
    display:flex;

    gap:12px;

    overflow-x:auto;

    margin-right:-14px;

    padding-right:14px;
    padding-bottom:6px;

    scroll-snap-type:x mandatory;

    scrollbar-width:none;
  }


  .rth-standard-grid::-webkit-scrollbar{
    display:none;
  }


  .rth-standard-card{
    flex:0 0 80vw;

    max-width:340px;

    min-height:270px;

    scroll-snap-align:start;
  }

}



/* =========================================================
   RANDM TORNADO
   BRAND STANDARD CARDS V2
========================================================= */


/* =========================================================
   CARD BASE
========================================================= */

.rth-standard-card{
  position:relative;

  min-height:330px;

  padding:
    168px
    28px
    28px;

  overflow:hidden;

  border-radius:22px;

  background:#fff;

  border:
    1px solid
    rgba(100,80,150,.12);

  box-shadow:
    0 14px 38px
    rgba(36,30,52,.045);

  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}


.rth-standard-card:hover{
  transform:translateY(-6px);

  box-shadow:
    0 24px 55px
    rgba(41,34,61,.10);

  border-color:
    rgba(116,64,212,.20);
}



/* =========================================================
   TOP VISUAL AREA
========================================================= */

.rth-standard-card::before{
  content:"";

  position:absolute;

  top:0;
  left:0;
  right:0;

  height:138px;

  border-bottom:
    1px solid
    rgba(95,78,135,.08);

  background:
    radial-gradient(
      circle at 82% 24%,
      rgba(255,255,255,.95) 0 9%,
      rgba(255,255,255,.35) 10% 18%,
      transparent 19%
    ),
    radial-gradient(
      circle at 18% 82%,
      rgba(255,255,255,.55),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #f1ecff 0%,
      #e7e1ff 58%,
      #edf8fb 100%
    );
}


/* =========================================================
   CARD 1
   MODEL SYSTEM
========================================================= */

.rth-standard-card:nth-child(1)::before{

  background:
    radial-gradient(
      circle at 80% 22%,
      rgba(255,255,255,.88) 0 8%,
      rgba(255,255,255,.22) 9% 17%,
      transparent 18%
    ),
    linear-gradient(
      135deg,
      #f3eeff 0%,
      #e9e4ff 52%,
      #e8f5fb 100%
    );
}


.rth-standard-card:nth-child(1)::after{
  content:"MODEL SYSTEM";

  position:absolute;

  top:98px;
  left:28px;

  color:#6840c0;

  font-size:9px;
  font-weight:900;

  letter-spacing:.16em;
}



/* =========================================================
   CARD 2
   VERIFIED DATA
========================================================= */

.rth-standard-card:nth-child(2)::before{

  background:
    radial-gradient(
      circle at 78% 23%,
      rgba(255,255,255,.95) 0 8%,
      rgba(255,255,255,.28) 9% 17%,
      transparent 18%
    ),
    linear-gradient(
      135deg,
      #eef9fc 0%,
      #e5f4fa 54%,
      #eef1ff 100%
    );
}


.rth-standard-card:nth-child(2)::after{
  content:"VERIFIED DATA";

  position:absolute;

  top:98px;
  left:28px;

  color:#298ca6;

  font-size:9px;
  font-weight:900;

  letter-spacing:.16em;
}



/* =========================================================
   CARD 3
   EUROPE MARKET
========================================================= */

.rth-standard-card:nth-child(3)::before{

  background:
    radial-gradient(
      circle at 80% 24%,
      rgba(255,255,255,.95) 0 8%,
      rgba(255,255,255,.24) 9% 17%,
      transparent 18%
    ),
    linear-gradient(
      135deg,
      #f3f0ff 0%,
      #ece8ff 48%,
      #e7f7fa 100%
    );
}


.rth-standard-card:nth-child(3)::after{
  content:"EUROPE MARKET";

  position:absolute;

  top:98px;
  left:28px;

  color:#6250bd;

  font-size:9px;
  font-weight:900;

  letter-spacing:.16em;
}



/* =========================================================
   NUMBER BADGE
========================================================= */

.rth-standard-number{

  position:absolute;

  top:27px;
  left:28px;

  z-index:2;

  width:48px;
  height:48px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:15px;

  background:
    rgba(255,255,255,.78);

  border:
    1px solid
    rgba(255,255,255,.9);

  box-shadow:
    0 8px 26px
    rgba(75,55,130,.10);

  backdrop-filter:
    blur(12px);

  color:#7140ce;

  font-size:11px;
  font-weight:900;

  letter-spacing:.06em;
}


/* different accent for verified data */

.rth-standard-card:nth-child(2)
.rth-standard-number{
  color:#2395af;
}


/* =========================================================
   BIG DECORATIVE SYMBOLS
========================================================= */

.rth-standard-card:nth-child(1)
.rth-standard-number::after{

  content:"M";

  position:absolute;

  left:76px;
  top:-3px;

  color:
    rgba(111,64,204,.13);

  font-size:74px;
  line-height:1;

  font-weight:950;

  letter-spacing:-.08em;
}


.rth-standard-card:nth-child(2)
.rth-standard-number::after{

  content:"✓";

  position:absolute;

  left:78px;
  top:-7px;

  color:
    rgba(32,157,184,.14);

  font-size:72px;
  line-height:1;

  font-weight:800;
}


.rth-standard-card:nth-child(3)
.rth-standard-number::after{

  content:"EU";

  position:absolute;

  left:76px;
  top:2px;

  color:
    rgba(103,75,193,.13);

  font-size:56px;
  line-height:1;

  font-weight:950;

  letter-spacing:-.06em;
}



/* =========================================================
   COPY
========================================================= */

.rth-standard-card h3{

  margin:
    0
    0
    11px;

  color:#19191f;

  font-size:23px;
  line-height:1.16;

  letter-spacing:-.04em;
}


.rth-standard-card p{

  margin:0 !important;

  max-width:330px;

  color:#81818b !important;

  font-size:12px;
  line-height:1.72;
}



/* =========================================================
   CTA
========================================================= */

.rth-standard-card a{

  position:relative;

  margin-top:auto;

  padding-top:27px;

  display:inline-flex;
  align-items:center;

  width:max-content;

  color:#6637c7 !important;

  font-size:10px;
  font-weight:900;

  text-decoration:none !important;
}


.rth-standard-card:nth-child(2) a{
  color:#258da7 !important;
}


.rth-standard-card a::after{

  content:"";

  position:absolute;

  left:0;
  bottom:-4px;

  width:0;
  height:1px;

  background:currentColor;

  transition:
    width .25s ease;
}


.rth-standard-card:hover a::after{
  width:100%;
}



/* =========================================================
   SUBTLE BOTTOM ACCENT
========================================================= */

.rth-standard-card{
  border-bottom:
    3px solid
    rgba(112,64,205,.16);
}


.rth-standard-card:nth-child(2){
  border-bottom-color:
    rgba(35,158,183,.18);
}


.rth-standard-card:nth-child(3){
  border-bottom-color:
    rgba(105,80,190,.17);
}



/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px){

  .rth-standard-card{

    flex:0 0 82vw;

    max-width:340px;

    min-height:325px;

    padding:
      158px
      24px
      25px;

    border-radius:20px;
  }


  .rth-standard-card::before{
    height:130px;
  }


  .rth-standard-card::after{
    left:24px !important;
    top:92px !important;
  }


  .rth-standard-number{
    left:24px;
    top:24px;
  }


  .rth-standard-card h3{
    font-size:22px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media(max-width:430px){

  .rth-standard-card{
    flex-basis:85vw;
  }

}



/* =========================================================
   RANDM TORNADO
   HIDE WPML DEFAULT FOOTER LANGUAGE SWITCHER
========================================================= */

.wpml-ls-statics-footer,
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer,
.wpml-ls-legacy-dropdown.wpml-ls-statics-footer,
.wpml-ls-legacy-dropdown-click.wpml-ls-statics-footer{
  display:none !important;
}


/* Remove possible WPML footer spacing */

body > .wpml-ls-statics-footer{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}



/* =========================================================
   RANDM TORNADO 15000 PRODUCT PAGE V1
========================================================= */

body.postid-90{
  background:#f7f7fa;
}


/* =========================================================
   PRODUCT SHELL
========================================================= */

body.postid-90
.site-content{
  padding-top:38px;
  padding-bottom:80px;
}


body.postid-90
.site-content > .ast-container{
  max-width:1240px;
  padding-left:22px;
  padding-right:22px;
}


body.postid-90
div.product{
  display:grid;
  grid-template-columns:
    minmax(0,1.03fr)
    minmax(430px,.97fr);

  gap:58px;

  align-items:start;
}


/* =========================================================
   GALLERY
========================================================= */

body.postid-90
.woocommerce-product-gallery{
  width:100% !important;
  float:none !important;

  margin:0 !important;

  padding:20px;

  border:1px solid #e7e6ed;

  border-radius:26px;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f5f3fb
    );

  box-shadow:
    0 18px 55px rgba(40,34,58,.055);

  overflow:hidden;
}


body.postid-90
.woocommerce-product-gallery__wrapper{
  border-radius:20px;

  overflow:hidden;

  background:
    linear-gradient(
      145deg,
      #f8f6ff,
      #eef6fa
    );
}


body.postid-90
.woocommerce-product-gallery__image img{
  width:100% !important;
  height:auto !important;

  display:block;

  object-fit:contain;
}


body.postid-90
.woocommerce-product-gallery__trigger{
  top:32px !important;
  right:32px !important;

  border-radius:50% !important;

  background:
    rgba(255,255,255,.92) !important;

  box-shadow:
    0 8px 22px rgba(35,30,55,.10);
}


/* =========================================================
   SUMMARY
========================================================= */

body.postid-90
.summary.entry-summary{
  width:100% !important;
  float:none !important;

  margin:0 !important;

  padding:8px 0 0;
}


.rt15-eyebrow{
  display:inline-flex;

  min-height:31px;

  padding:0 12px;

  align-items:center;

  border:1px solid #ddd4f6;

  border-radius:99px;

  background:#f4f0ff;

  color:#7040cb;

  font-size:9px;
  font-weight:900;

  letter-spacing:.14em;
}


body.postid-90
.product_title{
  margin:
    17px
    0
    10px !important;

  color:#18181e;

  font-size:
    clamp(38px,4.6vw,60px) !important;

  line-height:.98 !important;

  letter-spacing:-.055em;

  font-weight:900;
}


/* =========================================================
   SUBTITLE
========================================================= */

.rt15-subtitle{
  display:flex;
  flex-wrap:wrap;

  gap:7px;

  margin-bottom:21px;
}


.rt15-subtitle span{
  display:inline-flex;

  min-height:29px;

  padding:0 10px;

  align-items:center;

  border:1px solid #e4e3ea;

  border-radius:99px;

  background:#fff;

  color:#71717b;

  font-size:9px;
  font-weight:750;
}


/* =========================================================
   PRICE
========================================================= */

body.postid-90
.summary .price{
  margin:
    6px
    0
    17px !important;

  color:#6332c7 !important;

  font-size:30px !important;
  line-height:1.1;

  font-weight:900;
}


body.postid-90
.summary .price .woocommerce-Price-currencySymbol{
  font-size:.72em;
}


/* =========================================================
   INTRO
========================================================= */

.rt15-intro{
  max-width:580px;

  margin:
    0
    0
    25px;

  padding-bottom:24px;

  border-bottom:1px solid #e6e5eb;
}


.rt15-intro p{
  margin:0 !important;

  color:#74747e !important;

  font-size:14px;
  line-height:1.72;
}


.rt15-intro strong{
  color:#292930;
}


/* =========================================================
   VARIATIONS
========================================================= */

body.postid-90
.variations_form{
  margin-top:0;
}


body.postid-90
table.variations{
  width:100%;

  margin:0 0 17px !important;

  border:0 !important;
}


body.postid-90
table.variations tr,
body.postid-90
table.variations th,
body.postid-90
table.variations td{
  display:block;

  width:100%;

  padding:0 !important;

  border:0 !important;
}


body.postid-90
table.variations th.label{
  margin-bottom:9px;
}


body.postid-90
table.variations label{
  color:#24242b;

  font-size:12px;
  font-weight:850;
}


body.postid-90
table.variations select{
  width:100% !important;

  min-height:54px;

  padding:
    0
    48px
    0
    15px;

  border:
    1px solid
    #dad9e2 !important;

  border-radius:12px;

  background-color:#fff;

  color:#25252d;

  font-size:13px;

  box-shadow:none !important;
}


body.postid-90
.reset_variations{
  display:inline-flex !important;

  margin-top:8px !important;

  color:#8058cc !important;

  font-size:10px !important;

  text-decoration:none !important;
}


/* =========================================================
   VARIATION PRICE
========================================================= */

body.postid-90
.single_variation_wrap{
  margin-top:11px;
}


body.postid-90
.woocommerce-variation-price{
  margin-bottom:12px;
}


body.postid-90
.woocommerce-variation-price .price{
  font-size:24px !important;
}


/* =========================================================
   QUANTITY + ADD TO CART
========================================================= */

body.postid-90
.woocommerce-variation-add-to-cart{
  display:grid;

  grid-template-columns:92px 1fr;

  gap:10px;

  align-items:stretch;
}


body.postid-90
.quantity{
  width:92px;

  margin:0 !important;
}


body.postid-90
.quantity .qty{
  width:100% !important;
  height:56px;

  border:
    1px solid
    #dad9e2;

  border-radius:12px;

  background:#fff;

  color:#222228;

  font-weight:800;
}


body.postid-90
.single_add_to_cart_button{
  min-height:56px !important;

  margin:0 !important;

  border:0 !important;

  border-radius:12px !important;

  background:
    linear-gradient(
      105deg,
      #7036df,
      #9648e5 52%,
      #24b8d4
    ) !important;

  color:#fff !important;

  font-size:13px !important;
  font-weight:850 !important;

  box-shadow:
    0 13px 30px
    rgba(112,54,223,.20);

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}


body.postid-90
.single_add_to_cart_button:hover{
  transform:translateY(-2px);

  box-shadow:
    0 18px 38px
    rgba(112,54,223,.28);
}


/* =========================================================
   PURCHASE NOTES
========================================================= */

.rt15-purchase-notes{
  margin-top:22px;

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  overflow:hidden;

  border:
    1px solid
    #e4e3e9;

  border-radius:16px;

  background:#fff;
}


.rt15-purchase-notes > div{
  min-height:75px;

  padding:14px;

  display:flex;
  flex-direction:column;

  justify-content:center;

  border-right:
    1px solid
    #ecebf0;
}


.rt15-purchase-notes > div:last-child{
  border-right:0;
}


.rt15-purchase-notes strong{
  color:#26262d;

  font-size:13px;
}


.rt15-purchase-notes span{
  margin-top:3px;

  color:#92929b;

  font-size:9px;
}


/* =========================================================
   PRODUCT STANDARD
========================================================= */

.rt15-standard-link{
  margin-top:16px;

  padding:20px;

  border:
    1px solid
    #e2def0;

  border-radius:16px;

  background:
    linear-gradient(
      140deg,
      #f7f3ff,
      #f1f9fb
    );
}


.rt15-standard-link > span{
  color:#7540d1;

  font-size:8px;
  font-weight:900;

  letter-spacing:.14em;
}


.rt15-standard-link p{
  margin:
    7px
    0
    9px !important;

  color:#74747e !important;

  font-size:11px;
  line-height:1.6;
}


.rt15-standard-link a{
  color:#6738c6 !important;

  font-size:10px;
  font-weight:850;

  text-decoration:none !important;
}


/* =========================================================
   HIDE DEFAULT EXTRA CLUTTER ON FIRST SCREEN
========================================================= */

body.postid-90
.product_meta{
  display:none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

  body.postid-90
  div.product{
    grid-template-columns:1fr;

    gap:34px;
  }


  body.postid-90
  .woocommerce-product-gallery{
    max-width:650px;

    margin:
      0
      auto !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

  body.postid-90
  .site-content{
    padding-top:18px;
  }


  body.postid-90
  .site-content > .ast-container{
    padding-left:14px;
    padding-right:14px;
  }


  body.postid-90
  div.product{
    gap:25px;
  }


  body.postid-90
  .woocommerce-product-gallery{
    padding:10px;

    border-radius:20px;
  }


  body.postid-90
  .woocommerce-product-gallery__wrapper{
    border-radius:15px;
  }


  body.postid-90
  .product_title{
    font-size:39px !important;
  }


  .rt15-subtitle{
    margin-bottom:18px;
  }


  body.postid-90
  .woocommerce-variation-add-to-cart{
    grid-template-columns:78px 1fr;
  }


  body.postid-90
  .quantity{
    width:78px;
  }


  .rt15-purchase-notes > div{
    padding:12px 8px;
  }

}