.elementor-8437 .elementor-element.elementor-element-200710ca{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8437 .elementor-element.elementor-element-200710ca.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8437 .elementor-element.elementor-element-a55c094{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-43f5fc9 );--border-color:var( --e-global-color-43f5fc9 );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8437 .elementor-element.elementor-element-075ef17{--display:flex;}.elementor-8437 .elementor-element.elementor-element-540e249{--display:flex;}.elementor-8437 .elementor-element.elementor-element-57cfa71{--display:flex;}.elementor-8437 .elementor-element.elementor-element-42a3a68{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8437 .elementor-element.elementor-element-200710ca{--width:101.637%;}}/* Start custom CSS */<style>
.ntilt-page{
  --ntilt-black:#111111;
  --ntilt-text:#292929;
  --ntilt-muted:#6d6d6d;
  --ntilt-line:#dededb;
  --ntilt-soft:#f4f4f1;
  --ntilt-white:#ffffff;
  --ntilt-red:#d62532;
  --ntilt-red-dark:#ad1824;
  --ntilt-radius:24px;
  --ntilt-radius-sm:16px;
  --ntilt-shadow:0 18px 50px rgba(17,17,17,.08);
  color:var(--ntilt-text);
  font-family:inherit;
  line-height:1.7;
}

.ntilt-page,
.ntilt-page *{
  box-sizing:border-box;
}

.ntilt-page img{
  display:block;
  max-width:100%;
  height:auto;
}

.ntilt-page a{
  text-decoration:none;
}

.ntilt-section{
  position:relative;
  padding:84px 24px;
  overflow:hidden;
}

.ntilt-section--soft{
  background:var(--ntilt-soft);
}

.ntilt-section--dark{
  background:var(--ntilt-black);
  color:var(--ntilt-white);
}

.ntilt-inner{
  width:min(1180px,100%);
  margin:0 auto;
}

.ntilt-heading{
  max-width:780px;
  margin-bottom:34px;
}

.ntilt-heading--center{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.ntilt-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  color:var(--ntilt-red);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1.4;
  text-transform:uppercase;
}

.ntilt-eyebrow::before{
  content:"";
  width:28px;
  height:2px;
  border-radius:99px;
  background:currentColor;
}

.ntilt-eyebrow--light{
  color:#ff8a93;
}

.ntilt-page h2,
.ntilt-page h3,
.ntilt-page p,
.ntilt-page ul,
.ntilt-page figure{
  margin-top:0;
}

.ntilt-page h2{
  margin-bottom:18px;
  color:var(--ntilt-black);
  font-size:clamp(34px,4.7vw,58px);
  font-weight:760;
  letter-spacing:-.045em;
  line-height:1.04;
}

.ntilt-page h3{
  margin-bottom:12px;
  color:var(--ntilt-black);
  font-size:clamp(21px,2.2vw,28px);
  font-weight:720;
  letter-spacing:-.025em;
  line-height:1.2;
}

.ntilt-section--dark h2,
.ntilt-section--dark h3,
.ntilt-showroom h2,
.ntilt-showroom h3{
  color:var(--ntilt-white);
}

.ntilt-page p{
  margin-bottom:18px;
}

.ntilt-page p:last-child{
  margin-bottom:0;
}

.ntilt-lead{
  color:#454545;
  font-size:clamp(18px,2vw,22px);
  line-height:1.55;
}

.ntilt-section--dark .ntilt-lead,
.ntilt-showroom .ntilt-lead{
  color:rgba(255,255,255,.78);
}

.ntilt-intro-grid,
.ntilt-split,
.ntilt-showroom-grid,
.ntilt-spec-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:56px;
  align-items:center;
}

.ntilt-split--reverse .ntilt-media{
  order:2;
}

.ntilt-media{
  margin:0;
  overflow:hidden;
  border:1px solid var(--ntilt-line);
  border-radius:var(--ntilt-radius);
  background:var(--ntilt-white);
  box-shadow:var(--ntilt-shadow);
}

.ntilt-media img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}

.ntilt-media--catalogue img{
  object-fit:contain;
  background:#f7f7f5;
}

.ntilt-media figcaption{
  padding:13px 18px 15px;
  border-top:1px solid var(--ntilt-line);
  color:var(--ntilt-muted);
  font-size:13px;
  line-height:1.5;
}

.ntilt-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.ntilt-button{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  padding:12px 22px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:14px;
  font-weight:750;
  line-height:1.2;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
}

.ntilt-button:hover{
  transform:translateY(-2px);
}

.ntilt-button--primary{
  background:var(--ntilt-red);
  color:var(--ntilt-white)!important;
}

.ntilt-button--primary:hover{
  background:var(--ntilt-red-dark);
}

.ntilt-button--secondary{
  border-color:var(--ntilt-black);
  background:transparent;
  color:var(--ntilt-black)!important;
}

.ntilt-button--secondary:hover{
  background:var(--ntilt-black);
  color:var(--ntilt-white)!important;
}

.ntilt-button--light{
  background:var(--ntilt-white);
  color:var(--ntilt-black)!important;
}

.ntilt-button--outline-light{
  border-color:rgba(255,255,255,.55);
  background:transparent;
  color:var(--ntilt-white)!important;
}

.ntilt-button--outline-light:hover{
  border-color:var(--ntilt-white);
  background:var(--ntilt-white);
  color:var(--ntilt-black)!important;
}

.ntilt-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
}

.ntilt-pill{
  display:inline-flex;
  padding:8px 13px;
  border:1px solid var(--ntilt-line);
  border-radius:999px;
  background:var(--ntilt-white);
  color:var(--ntilt-text);
  font-size:13px;
  font-weight:700;
}

.ntilt-decision-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}

.ntilt-decision-card,
.ntilt-card,
.ntilt-mode-card,
.ntilt-compat-card,
.ntilt-accessory-card,
.ntilt-guide-card{
  position:relative;
  padding:30px;
  border:1px solid var(--ntilt-line);
  border-radius:var(--ntilt-radius);
  background:var(--ntilt-white);
}

.ntilt-decision-card--yes{
  border-top:5px solid var(--ntilt-red);
}

.ntilt-decision-card--consider{
  border-top:5px solid var(--ntilt-black);
}

.ntilt-card-label,
.ntilt-video-type{
  display:inline-flex;
  margin-bottom:14px;
  color:var(--ntilt-red);
  font-size:11px;
  font-weight:850;
  letter-spacing:.12em;
  line-height:1.4;
  text-transform:uppercase;
}

.ntilt-check-list,
.ntilt-feature-list{
  display:grid;
  gap:10px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
}

.ntilt-check-list li,
.ntilt-feature-list li{
  position:relative;
  padding-left:27px;
}

.ntilt-check-list li::before,
.ntilt-feature-list li::before{
  content:"✓";
  position:absolute;
  top:0;
  left:0;
  color:var(--ntilt-red);
  font-weight:900;
}

.ntilt-card-note,
.ntilt-note{
  margin-top:20px;
  padding:14px 16px;
  border-left:3px solid var(--ntilt-red);
  border-radius:0 12px 12px 0;
  background:rgba(214,37,50,.06);
  color:#4e4e4e;
  font-size:14px;
}

.ntilt-fact-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}

.ntilt-fact{
  min-height:114px;
  padding:20px;
  border:1px solid var(--ntilt-line);
  border-radius:var(--ntilt-radius-sm);
  background:var(--ntilt-white);
}

.ntilt-fact-label{
  display:block;
  margin-bottom:7px;
  color:var(--ntilt-muted);
  font-size:12px;
  font-weight:750;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.ntilt-fact strong{
  display:block;
  color:var(--ntilt-black);
  font-size:18px;
  line-height:1.3;
}

.ntilt-video-wrap{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:44px;
  align-items:center;
}

.ntilt-video-frame{
  position:relative;
  overflow:hidden;
  border-radius:var(--ntilt-radius);
  background:#000;
  box-shadow:0 24px 70px rgba(0,0,0,.32);
}

.ntilt-video-frame--landscape{
  aspect-ratio:16/9;
}

.ntilt-video-frame--portrait{
  aspect-ratio:9/16;
}

.ntilt-video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.ntilt-callout{
  margin-top:25px;
  padding:22px;
  border-radius:var(--ntilt-radius-sm);
  background:var(--ntilt-black);
  color:var(--ntilt-white);
}

.ntilt-callout strong{
  color:var(--ntilt-white);
}

.ntilt-angle-grid,
.ntilt-mode-grid,
.ntilt-compat-grid,
.ntilt-accessory-grid,
.ntilt-guide-grid{
  display:grid;
  gap:18px;
}

.ntilt-angle-grid,
.ntilt-mode-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:32px;
}

.ntilt-angle-card{
  padding:26px;
  border:1px solid var(--ntilt-line);
  border-radius:var(--ntilt-radius);
  background:var(--ntilt-white);
}

.ntilt-angle-value{
  display:block;
  margin-bottom:14px;
  color:var(--ntilt-red);
  font-size:clamp(36px,5vw,60px);
  font-weight:850;
  letter-spacing:-.06em;
  line-height:1;
}

.ntilt-number-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}

.ntilt-number-card{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:16px;
  align-items:start;
  padding:22px;
  border:1px solid var(--ntilt-line);
  border-radius:var(--ntilt-radius-sm);
  background:var(--ntilt-white);
}

.ntilt-number{
  display:grid;
  width:50px;
  height:50px;
  place-items:center;
  border-radius:50%;
  background:var(--ntilt-red);
  color:var(--ntilt-white);
  font-size:18px;
  font-weight:850;
}

.ntilt-mode-card{
  overflow:hidden;
  padding:0;
}

.ntilt-mode-card img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}

.ntilt-mode-card-content{
  padding:24px;
}

.ntilt-mode-number{
  display:inline-flex;
  margin-bottom:10px;
  color:var(--ntilt-red);
  font-size:12px;
  font-weight:850;
  letter-spacing:.1em;
}

.ntilt-compat-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:30px;
}

.ntilt-compat-card h3,
.ntilt-accessory-card h3{
  font-size:20px;
}

.ntilt-icon{
  display:grid;
  width:44px;
  height:44px;
  margin-bottom:17px;
  place-items:center;
  border-radius:14px;
  background:rgba(214,37,50,.09);
  color:var(--ntilt-red);
  font-size:21px;
  font-weight:900;
}

.ntilt-accessory-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.ntilt-accessory-card{
  min-height:178px;
}

.ntilt-table-wrap{
  overflow-x:auto;
  border:1px solid var(--ntilt-line);
  border-radius:var(--ntilt-radius);
  background:var(--ntilt-white);
}

.ntilt-table{
  width:100%;
  border-collapse:collapse;
  min-width:680px;
}

.ntilt-table th,
.ntilt-table td{
  padding:17px 20px;
  border-bottom:1px solid var(--ntilt-line);
  text-align:left;
  vertical-align:top;
}

.ntilt-table tr:last-child th,
.ntilt-table tr:last-child td{
  border-bottom:0;
}

.ntilt-table thead th{
  background:var(--ntilt-black);
  color:var(--ntilt-white);
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.ntilt-table tbody th{
  width:28%;
  color:var(--ntilt-black);
  font-weight:750;
}

.ntilt-size-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-top:28px;
}

.ntilt-size-card{
  padding:30px;
  border:1px solid var(--ntilt-line);
  border-radius:var(--ntilt-radius);
  background:var(--ntilt-white);
}

.ntilt-size-card--featured{
  border-color:var(--ntilt-red);
  box-shadow:0 16px 42px rgba(214,37,50,.11);
}

.ntilt-size-value{
  display:block;
  margin-bottom:10px;
  color:var(--ntilt-red);
  font-size:34px;
  font-weight:850;
  letter-spacing:-.04em;
  line-height:1;
}

.ntilt-spec-card{
  overflow:hidden;
  border:1px solid var(--ntilt-line);
  border-radius:var(--ntilt-radius);
  background:var(--ntilt-white);
}

.ntilt-spec-row{
  display:grid;
  grid-template-columns:minmax(150px,.75fr) minmax(0,1.25fr);
  gap:20px;
  padding:15px 20px;
  border-bottom:1px solid var(--ntilt-line);
}

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

.ntilt-spec-row span{
  color:var(--ntilt-muted);
  font-size:13px;
  font-weight:700;
}

.ntilt-spec-row strong{
  color:var(--ntilt-black);
  font-size:14px;
}

.ntilt-service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.ntilt-service-card{
  padding:28px;
  border:1px solid var(--ntilt-line);
  border-radius:var(--ntilt-radius);
  background:var(--ntilt-white);
}

.ntilt-service-card strong{
  display:block;
  margin-bottom:8px;
  color:var(--ntilt-black);
  font-size:20px;
}

.ntilt-support-videos .ntilt-guide-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.ntilt-guide-card{
  padding:0;
  overflow:hidden;
}

.ntilt-guide-card-content{
  padding:24px;
}

.ntilt-short-wrap{
  max-width:360px;
  margin-top:34px;
}

.ntilt-faq-inner{
  max-width:900px;
}

.ntilt-faq-list{
  display:grid;
  gap:12px;
}

.ntilt-faq-list details{
  overflow:hidden;
  border:1px solid var(--ntilt-line);
  border-radius:var(--ntilt-radius-sm);
  background:var(--ntilt-white);
}

.ntilt-faq-list summary{
  position:relative;
  cursor:pointer;
  padding:21px 58px 21px 22px;
  color:var(--ntilt-black);
  font-size:16px;
  font-weight:760;
  list-style:none;
}

.ntilt-faq-list summary::-webkit-details-marker{
  display:none;
}

.ntilt-faq-list summary::after{
  content:"+";
  position:absolute;
  top:50%;
  right:22px;
  transform:translateY(-50%);
  color:var(--ntilt-red);
  font-size:27px;
  font-weight:500;
}

.ntilt-faq-list details[open] summary::after{
  content:"–";
}

.ntilt-faq-answer{
  padding:0 22px 22px;
  color:#4f4f4f;
}

.ntilt-showroom{
  background:var(--ntilt-black);
  color:var(--ntilt-white);
}

.ntilt-showroom p{
  color:rgba(255,255,255,.76);
}

.ntilt-showroom-panel{
  display:grid;
  gap:1px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  border-radius:var(--ntilt-radius);
  background:rgba(255,255,255,.15);
}

.ntilt-showroom-panel > div{
  padding:22px;
  background:#1b1b1b;
}

.ntilt-showroom-panel span{
  display:block;
  margin-bottom:6px;
  color:#ff8a93;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.ntilt-showroom-panel strong{
  color:var(--ntilt-white);
  font-size:17px;
}

.ntilt-resource-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.ntilt-resource-card{
  display:block;
  padding:28px;
  border:1px solid var(--ntilt-line);
  border-radius:var(--ntilt-radius);
  background:var(--ntilt-white);
  color:var(--ntilt-text)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.ntilt-resource-card:hover{
  transform:translateY(-3px);
  border-color:var(--ntilt-red);
  box-shadow:var(--ntilt-shadow);
}

.ntilt-resource-card span{
  display:block;
  margin-bottom:9px;
  color:var(--ntilt-red);
  font-size:11px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.ntilt-resource-card strong{
  display:block;
  margin-bottom:8px;
  color:var(--ntilt-black);
  font-size:21px;
  line-height:1.25;
}

.ntilt-summary-box{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:34px;
  align-items:center;
  padding:42px;
  border:1px solid var(--ntilt-line);
  border-radius:var(--ntilt-radius);
  background:var(--ntilt-soft);
}

.ntilt-summary-points{
  display:grid;
  gap:10px;
}

.ntilt-summary-point{
  padding:14px 16px;
  border-radius:14px;
  background:var(--ntilt-white);
  color:var(--ntilt-black);
  font-weight:720;
}

@media (max-width:1024px){
  .ntilt-section{padding:70px 22px;}
  .ntilt-intro-grid,
  .ntilt-split,
  .ntilt-showroom-grid,
  .ntilt-spec-grid,
  .ntilt-video-wrap{
    gap:36px;
  }
  .ntilt-fact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ntilt-compat-grid,
  .ntilt-accessory-grid,
  .ntilt-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:767px){
  .ntilt-section{padding:56px 18px;}
  .ntilt-page h2{font-size:clamp(32px,10vw,44px);}
  .ntilt-intro-grid,
  .ntilt-split,
  .ntilt-showroom-grid,
  .ntilt-spec-grid,
  .ntilt-video-wrap,
  .ntilt-decision-grid,
  .ntilt-size-grid,
  .ntilt-resource-grid,
  .ntilt-summary-box{
    grid-template-columns:1fr;
    gap:28px;
  }
  .ntilt-split--reverse .ntilt-media{order:0;}
  .ntilt-angle-grid,
  .ntilt-mode-grid,
  .ntilt-compat-grid,
  .ntilt-accessory-grid,
  .ntilt-service-grid,
  .ntilt-support-videos .ntilt-guide-grid,
  .ntilt-number-grid{
    grid-template-columns:1fr;
  }
  .ntilt-decision-card,
  .ntilt-card,
  .ntilt-mode-card-content,
  .ntilt-compat-card,
  .ntilt-accessory-card,
  .ntilt-size-card,
  .ntilt-service-card,
  .ntilt-resource-card{
    padding:24px;
  }
  .ntilt-mode-card{padding:0;}
  .ntilt-actions{
    flex-direction:column;
  }
  .ntilt-button{
    width:100%;
  }
  .ntilt-fact-grid{
    grid-template-columns:1fr 1fr;
  }
  .ntilt-spec-row{
    grid-template-columns:1fr;
    gap:4px;
  }
  .ntilt-summary-box{
    padding:28px;
  }
}

@media (max-width:480px){
  .ntilt-fact-grid{grid-template-columns:1fr;}
}
/* =========================================================
   NITURE TILT — COLOUR RHYTHM + BLOCK 17 READABILITY PATCH
   Append this at the very end of Block 0 Global CSS.
   No HTML changes are required for the colour assignments.
   ========================================================= */

.ntilt-page{
  --ntilt-soft-strong:#efefea;
  --ntilt-warm:#faf9f6;
  --ntilt-accent-soft:#f8ecee;
  --ntilt-charcoal:#171717;
}

/* Make every block background explicit so Elementor cannot flatten it. */
.ntilt-section{
  border-top:1px solid rgba(17,17,17,.045);
  background:#ffffff!important;
}

/* Warm neutral blocks */
.ntilt-section[aria-labelledby="ntilt-intro-title"],
.ntilt-section[aria-labelledby="ntilt-size-title"],
.ntilt-section[aria-labelledby="ntilt-guides-title"],
.ntilt-section[aria-labelledby="ntilt-resources-title"]{
  background:var(--ntilt-warm)!important;
}

/* Stronger soft-grey blocks */
.ntilt-section[aria-labelledby="ntilt-decision-title"],
.ntilt-section[aria-labelledby="ntilt-motor-title"],
.ntilt-section[aria-labelledby="ntilt-compatibility-title"],
.ntilt-section[aria-labelledby="ntilt-spec-title"],
.ntilt-section[aria-labelledby="ntilt-faq-title"]{
  background:var(--ntilt-soft-strong)!important;
}

/* Pale Niture-red accent blocks */
.ntilt-section[aria-labelledby="ntilt-angle-title"],
.ntilt-section[aria-labelledby="ntilt-modes-title"],
.ntilt-section[aria-labelledby="ntilt-service-title"]{
  background:
    radial-gradient(circle at 88% 12%,rgba(214,37,50,.10),transparent 28%),
    var(--ntilt-accent-soft)!important;
}

/* Clean white blocks */
.ntilt-section[aria-labelledby="ntilt-difference-title"],
.ntilt-section[aria-labelledby="ntilt-zone-title"],
.ntilt-section[aria-labelledby="ntilt-accessories-title"]{
  background:#ffffff!important;
}

/* Dark visual-break blocks */
.ntilt-section[aria-labelledby="ntilt-video-title"],
.ntilt-section[aria-labelledby="ntilt-comparison-title"]{
  background:
    radial-gradient(circle at 88% 12%,rgba(214,37,50,.18),transparent 30%),
    linear-gradient(135deg,var(--ntilt-charcoal) 0%,#111111 100%)!important;
  color:#ffffff!important;
}

.ntilt-section[aria-labelledby="ntilt-video-title"] h2,
.ntilt-section[aria-labelledby="ntilt-video-title"] h3,
.ntilt-section[aria-labelledby="ntilt-comparison-title"] h2,
.ntilt-section[aria-labelledby="ntilt-comparison-title"] h3{
  color:#ffffff!important;
}

.ntilt-section[aria-labelledby="ntilt-video-title"] p,
.ntilt-section[aria-labelledby="ntilt-comparison-title"] p{
  color:rgba(255,255,255,.80)!important;
}

/* Keep white cards readable when placed on a dark section. */
.ntilt-section[aria-labelledby="ntilt-comparison-title"] .ntilt-table-wrap,
.ntilt-section[aria-labelledby="ntilt-comparison-title"] .ntilt-card,
.ntilt-section[aria-labelledby="ntilt-comparison-title"] .ntilt-resource-card{
  background:#ffffff!important;
  color:#292929!important;
}

.ntilt-section[aria-labelledby="ntilt-comparison-title"] .ntilt-table-wrap p,
.ntilt-section[aria-labelledby="ntilt-comparison-title"] .ntilt-card p,
.ntilt-section[aria-labelledby="ntilt-comparison-title"] .ntilt-resource-card p{
  color:#4e4e4e!important;
}

/* Add depth to white cards on coloured backgrounds. */
.ntilt-section[aria-labelledby="ntilt-decision-title"] .ntilt-decision-card,
.ntilt-section[aria-labelledby="ntilt-angle-title"] .ntilt-angle-card,
.ntilt-section[aria-labelledby="ntilt-motor-title"] .ntilt-number-card,
.ntilt-section[aria-labelledby="ntilt-modes-title"] .ntilt-mode-card,
.ntilt-section[aria-labelledby="ntilt-compatibility-title"] .ntilt-compat-card,
.ntilt-section[aria-labelledby="ntilt-service-title"] .ntilt-service-card,
.ntilt-section[aria-labelledby="ntilt-faq-title"] details{
  box-shadow:0 14px 34px rgba(17,17,17,.065);
}

/* =========================================================
   BLOCK 17 — SHOWROOM CTA READABILITY
   Dark main section + white information panel.
   ========================================================= */

.ntilt-showroom{
  background:
    radial-gradient(circle at 82% 18%,rgba(214,37,50,.27),transparent 30%),
    linear-gradient(135deg,#111111 0%,#171717 58%,#2b1115 100%)!important;
  color:#ffffff!important;
}

.ntilt-showroom .ntilt-eyebrow,
.ntilt-showroom .ntilt-eyebrow--light{
  color:#ff9aa2!important;
}

.ntilt-showroom h2,
.ntilt-showroom h3{
  color:#ffffff!important;
}

.ntilt-showroom p,
.ntilt-showroom .ntilt-lead{
  color:rgba(255,255,255,.84)!important;
}

.ntilt-showroom-panel{
  gap:0!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.30);
}

.ntilt-showroom-panel > div{
  border-bottom:1px solid #dededb;
  background:#ffffff!important;
}

.ntilt-showroom-panel > div:last-child{
  border-bottom:0;
}

.ntilt-showroom-panel span{
  color:#ad1824!important;
}

.ntilt-showroom-panel strong{
  color:#111111!important;
}

.ntilt-showroom-panel .ntilt-actions{
  margin-top:0;
}

/* Works with the original Block 17 button classes. */
.ntilt-showroom-panel .ntilt-button--light{
  background:#d62532!important;
  color:#ffffff!important;
}

.ntilt-showroom-panel .ntilt-button--light:hover{
  background:#ad1824!important;
}

.ntilt-showroom-panel .ntilt-button--outline-light{
  border-color:#111111!important;
  background:transparent!important;
  color:#111111!important;
}

.ntilt-showroom-panel .ntilt-button--outline-light:hover{
  background:#111111!important;
  color:#ffffff!important;
}

/* Also supports the revised primary/secondary Block 17 buttons. */
.ntilt-showroom-panel .ntilt-button--secondary{
  border-color:#111111!important;
  color:#111111!important;
}

.ntilt-showroom-panel .ntilt-button--secondary:hover{
  background:#111111!important;
  color:#ffffff!important;
}

/* Give the final summary a warmer red-accented finish. */
.ntilt-summary-box{
  border-color:rgba(214,37,50,.18)!important;
  background:
    radial-gradient(circle at 88% 16%,rgba(214,37,50,.10),transparent 30%),
    var(--ntilt-accent-soft)!important;
}
/* TILT WORKTOP MATERIAL PANEL */

.ntilt-material-panel {
  margin-top: 34px;
  padding: clamp(24px, 4vw, 42px);
  background: #ffffff;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(17, 17, 17, 0.06);
}

.ntilt-material-copy {
  max-width: 760px;
  margin-bottom: 28px;
}

.ntilt-material-copy h3 {
  margin: 10px 0 12px;
}

.ntilt-material-copy p {
  margin: 0;
}

.ntilt-material-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.ntilt-material-item {
  padding: 22px;
  background: #f4f4f1;
  border-radius: 16px;
}

.ntilt-material-item > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 14px;
  background: #d62532;
  color: #ffffff;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 800;
}

.ntilt-material-item strong {
  display: block;
  margin-bottom: 8px;
  color: #111111;
  font-size: 16px;
  line-height: 1.4;
}

.ntilt-material-item p {
  margin: 0;
  color: #626262;
  font-size: 14px;
  line-height: 1.65;
}

@media (max-width: 900px) {
  .ntilt-material-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .ntilt-material-grid {
    grid-template-columns: 1fr;
  }

  .ntilt-material-panel {
    padding: 22px;
  }
}
</style>/* End custom CSS */