/* NT Group shared theme, linked last in the <head> of every public page.
   Each division keeps its own colours and layout; this file only sets Roboto as
   the common typeface and draws the group's tri-colour stripe along the top. */

:root {
  --ntg-font: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --ntg-mono: 'Roboto Mono', ui-monospace, Menlo, monospace;
  --ntg-auto: #d7263d;
  --ntg-digital: #e2572b;
  --ntg-organic: #1f6e52;

  /* The font tokens each site's stylesheet already reads */
  --font-head: var(--ntg-font);   /* NT Automotive */
  --font-body: var(--ntg-font);
  --serif: var(--ntg-font);       /* home page, DECODE, NTmart, QR service */
  --sans: var(--ntg-font);
  --mono: var(--ntg-mono);
  --font: var(--ntg-font);        /* NTmart Go */
}

/* Pages that name a font directly instead of through a token: Organic (Tailwind),
   the parts search page, and the page loaders. */
html body,
html body.font-sans,
html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6,
#nt-loader .nt-loader-mark {
  font-family: var(--ntg-font);
}

/* Tri-colour stripe: fixed, so it never shifts a site's own sticky header */
.ntg-stripe {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 4px;
  z-index: 2147483000;
  pointer-events: none;
  background: linear-gradient(90deg,
    var(--ntg-auto) 0 33.333%,
    var(--ntg-digital) 33.333% 66.666%,
    var(--ntg-organic) 66.666% 100%);
}
@media print { .ntg-stripe { display: none; } }

/* No decorative dash before the small labels above headings */
:root[data-ntg="decode"] .eyebrow::before,
:root[data-ntg="auto"] .eyebrow::before { display: none; content: none; }

/* ==========================================================================
   Compact layout. Each page carries data-ntg="<site>" on <html>; these rules
   tighten that site's own spacing and cap image sizes without touching its
   stylesheet. The :root[...] prefix outranks the site's single-class rules.
   ========================================================================== */

/* Photos below are scaled down whole, never cropped: a capped height with
   width:auto keeps each image's own proportions. */
:root[data-ntg="auto"] .hero-media img,
:root[data-ntg="auto"] .split-media img,
:root[data-ntg="decode"] .feature-card img.card-shot,
:root[data-ntg="decode"] .split img,
:root[data-ntg="ntmart"] .split-media img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

/* NT Organic (Tailwind utility classes) */
:root[data-ntg="organic"] nav.p-6 { padding-top: 1rem; padding-bottom: 1rem; }
:root[data-ntg="organic"] header.hero-gradient { min-height: 44vh; margin-bottom: 2rem; }
:root[data-ntg="organic"] header h1 { font-size: clamp(1.9rem, 4vw, 3rem); margin-bottom: 1rem; }
:root[data-ntg="organic"] header p { font-size: 1.05rem; margin-bottom: 1.25rem; }
:root[data-ntg="organic"] header a { padding: .7rem 1.4rem; }
:root[data-ntg="organic"] h2 { font-size: clamp(1.45rem, 2.6vw, 2rem); margin-bottom: .75rem; }
:root[data-ntg="organic"] .py-20 { padding-top: 3rem; padding-bottom: 3rem; }
:root[data-ntg="organic"] .py-16 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
:root[data-ntg="organic"] .py-12 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
:root[data-ntg="organic"] .pb-16 { padding-bottom: 2.25rem; }
:root[data-ntg="organic"] .mb-16 { margin-bottom: 2.25rem; }
:root[data-ntg="organic"] .mb-20 { margin-bottom: 2.5rem; }
:root[data-ntg="organic"] .mb-14, :root[data-ntg="organic"] .mb-12 { margin-bottom: 1.75rem; }
:root[data-ntg="organic"] .mb-10 { margin-bottom: 1.5rem; }
:root[data-ntg="organic"] .gap-12 { gap: 1.5rem; }
:root[data-ntg="organic"] .gap-6 { gap: 1rem; }
:root[data-ntg="organic"] .p-10 { padding: 1.5rem; }
:root[data-ntg="organic"] .p-8 { padding: 1.25rem; }
:root[data-ntg="organic"] .text-4xl { font-size: 1.9rem; }

/* NT Automotive and Doucetop */
:root[data-ntg="auto"] .section { padding: clamp(2rem, 3.5vw, 3.5rem) 0; }
:root[data-ntg="auto"] .section-sm { padding: clamp(1.25rem, 2.5vw, 2rem) 0; }
:root[data-ntg="auto"] .section-head { margin-bottom: 1.5rem; }
:root[data-ntg="auto"] .hero { padding: clamp(2rem, 4.5vw, 3.75rem) 0; }
:root[data-ntg="auto"] .hero h1 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); }
:root[data-ntg="auto"] .hero-media img { max-height: 340px; }
:root[data-ntg="auto"] .page-hero { padding: clamp(2rem, 4vw, 3rem) 0 clamp(1.25rem, 2.5vw, 2rem); }
:root[data-ntg="auto"] .page-hero h1 { font-size: clamp(1.6rem, 3vw, 2.3rem); }
:root[data-ntg="auto"] .grid { gap: 1.1rem; }
:root[data-ntg="auto"] .card-body { padding: 1rem 1.1rem 1.15rem; }
/* Cards, gallery tiles and the slider keep their box but show the whole photo */
:root[data-ntg="auto"] .card-media { aspect-ratio: auto; height: 200px; display: flex; align-items: center; justify-content: center; }
:root[data-ntg="auto"] .card-media img,
:root[data-ntg="auto"] .lb-grid img,
:root[data-ntg="auto"] .slider-track .slide img {
  width: auto; height: auto; max-width: 100%; max-height: 100%;
  object-fit: contain; display: block; margin: auto;
}
:root[data-ntg="auto"] .lb-grid figure,
:root[data-ntg="auto"] .slider-track .slide { display: flex; align-items: center; justify-content: center; }

/* Brand cards: the brand image fills the whole card, with the name over a dark
   fade at the bottom (same treatment as Organic's ladybird card). The square
   card matches the square brand images, so nothing is cut off. */
:root[data-ntg="auto"] .card.center { position: relative; aspect-ratio: 1 / 1; height: auto; justify-content: flex-end; }
:root[data-ntg="auto"] .card.center .card-media { position: absolute; inset: 0; height: auto; aspect-ratio: auto; display: block; }
:root[data-ntg="auto"] .card.center .card-media img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; }
:root[data-ntg="auto"] .card.center::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(8, 9, 11, 0) 45%, rgba(8, 9, 11, 0.88) 100%);
}
:root[data-ntg="auto"] .card.center .card-body { position: relative; z-index: 2; flex: 0 0 auto; padding: 0.9rem 1rem 1rem; }
:root[data-ntg="auto"] .card.center .card-title { color: #fff; margin: 0; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); }
:root[data-ntg="auto"] .split { gap: clamp(1.5rem, 3vw, 2.5rem); }
:root[data-ntg="auto"] .split-media img { max-height: 320px; }
:root[data-ntg="auto"] .logo-tile { padding: 1rem .75rem; }
:root[data-ntg="auto"] .logo-tile img { max-height: 44px; }
:root[data-ntg="auto"] .stat-card { padding: 1.4rem; }
:root[data-ntg="auto"] .site-footer { padding-top: clamp(2rem, 4vw, 3rem); }

/* DECODE, and both QR generator pages */
:root[data-ntg="decode"] .hero { padding: 44px 0 34px; }
:root[data-ntg="decode"] .hero h1 { font-size: clamp(28px, 4.2vw, 42px); }
:root[data-ntg="decode"] .hero p.lede { margin: 14px 0 22px; }
:root[data-ntg="decode"] section.block { padding: 52px 0; }
:root[data-ntg="decode"] section.block.tight { padding: 34px 0; }
:root[data-ntg="decode"] .section-head { margin-bottom: 26px; }
:root[data-ntg="decode"] .features-grid { gap: 14px; }
:root[data-ntg="decode"] .feature-card { padding: 20px 20px; }
:root[data-ntg="decode"] .feature-card img.card-shot { max-height: 180px; }
/* Photo cards: the card's photo (set inline) fills the card, a dark fade sits
   over it, and the text reads white at the bottom. */
:root[data-ntg="decode"] .photo-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #16332A;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  color: #fff;
}
:root[data-ntg="decode"] .photo-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(10, 22, 16, 0.1) 0%, rgba(10, 22, 16, 0.45) 45%, rgba(10, 22, 16, 0.88) 100%);
}
:root[data-ntg="decode"] .photo-card h3,
:root[data-ntg="decode"] .photo-card p { color: #fff; }
:root[data-ntg="decode"] .photo-card p { opacity: 0.9; }
:root[data-ntg="decode"] .features-grid.cols-2 .photo-card { min-height: 260px; }
/* Brand logos are fitted to the card's width at the top so no letters get cut;
   the text sits in the dark band below. */
:root[data-ntg="decode"] .gem-card.photo-card { border-left: 3px solid var(--emerald); }
:root[data-ntg="decode"] .photo-card.logo-card {
  min-height: 270px;
  background-size: 100% auto;
  background-position: center top;
}
/* GPU logo cards (technology page): white fade and dark text instead */
:root[data-ntg="decode"] .features-grid.cols-2 .photo-card.logo-card {
  min-height: 380px;
  background-color: #fff;
  border: 1px solid var(--line);
}
:root[data-ntg="decode"] .features-grid.cols-2 .photo-card.logo-card::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.92) 78%, #fff 100%);
}
:root[data-ntg="decode"] .features-grid.cols-2 .photo-card.logo-card h3 { color: var(--ink); }
:root[data-ntg="decode"] .features-grid.cols-2 .photo-card.logo-card p { color: #524A40; opacity: 1; }
:root[data-ntg="decode"] .photo-card.logo-card::before {
  background: linear-gradient(180deg, rgba(10, 22, 16, 0) 0%, rgba(10, 22, 16, 0) 55%, rgba(10, 22, 16, 0.9) 78%, #16332A 100%);
}
:root[data-ntg="decode"] .gem-card.coral.photo-card { border-left-color: var(--coral); }
/* Brands we stock: white fade under each logo and dark text */
:root[data-ntg="decode"] .gem-card.photo-card { background-color: #fff; border-top: 1px solid var(--line); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
:root[data-ntg="decode"] .gem-card.photo-card::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.92) 78%, #fff 100%);
}
:root[data-ntg="decode"] .gem-card.photo-card h3 { color: var(--ink); }
:root[data-ntg="decode"] .gem-card.photo-card p { color: #524A40; opacity: 1; }
/* Desktops and monitors: whole photo, smaller, on the right; text on a
   white fade to the left */
:root[data-ntg="decode"] .features-grid.cols-2 .photo-card:not(.logo-card) {
  min-height: 220px;
  justify-content: center;
  background-color: #fff;
  background-size: auto 80%;
  background-position: right 20px center;
  border: 1px solid var(--line);
}
:root[data-ntg="decode"] .features-grid.cols-2 .photo-card:not(.logo-card)::before {
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.95) 40%, rgba(255, 255, 255, 0) 62%);
}
:root[data-ntg="decode"] .features-grid.cols-2 .photo-card:not(.logo-card) > * { max-width: 48%; }
:root[data-ntg="decode"] .features-grid.cols-2 .photo-card:not(.logo-card) h3 { color: var(--ink); }
:root[data-ntg="decode"] .features-grid.cols-2 .photo-card:not(.logo-card) p { color: #524A40; opacity: 1; }
/* Photo splits: the side photo becomes the block's background, darkest on
   the left where the text sits. */
:root[data-ntg="decode"] .split.photo-split {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 300px;
  padding: clamp(28px, 4vw, 48px);
  border-radius: var(--radius);
  background-color: #16332A;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #fff;
}
:root[data-ntg="decode"] .split.photo-split::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(10, 22, 16, 0.9) 0%, rgba(10, 22, 16, 0.7) 50%, rgba(10, 22, 16, 0.3) 100%);
}
:root[data-ntg="decode"] .split.photo-split > div { max-width: 560px; }
:root[data-ntg="decode"] .split.photo-split h2,
:root[data-ntg="decode"] .split.photo-split h3,
:root[data-ntg="decode"] .split.photo-split p { color: #fff; }
:root[data-ntg="decode"] .split.photo-split .eyebrow { color: #7FBFA0; }
:root[data-ntg="decode"] .split.photo-split .btn-outline { color: #fff; border-color: rgba(255, 255, 255, 0.7); }
:root[data-ntg="decode"] .split { gap: 24px; }
:root[data-ntg="decode"] .split img { max-height: 320px; }
:root[data-ntg="decode"] .cta p { margin: 12px auto 22px; }
:root[data-ntg="decode"] footer.footer-full { padding-top: 44px; }

/* NTmart POS */
:root[data-ntg="ntmart"] section { padding: 40px 0; }
:root[data-ntg="ntmart"] .hero { padding: 32px 0 0; }
:root[data-ntg="ntmart"] .hero h1 { font-size: clamp(28px, 4.2vw, 44px); }
:root[data-ntg="ntmart"] .hero p.lede { font-size: 16.5px; margin: 12px 0 18px; }
:root[data-ntg="ntmart"] .hero-note { margin-top: 12px; }
:root[data-ntg="ntmart"] .page-head { padding: 32px 0 0; }
:root[data-ntg="ntmart"] .page-head h1 { font-size: clamp(26px, 3.8vw, 38px); }
:root[data-ntg="ntmart"] .page-head p { font-size: 16px; margin-top: 10px; }
:root[data-ntg="ntmart"] .section-head { margin-bottom: 20px; }
:root[data-ntg="ntmart"] .section-head h2 { font-size: clamp(22px, 2.8vw, 30px); }
:root[data-ntg="ntmart"] .section-head p { font-size: 15.5px; margin-top: 10px; }
:root[data-ntg="ntmart"] .eyebrow { margin-bottom: 10px; }
:root[data-ntg="ntmart"] .marquee { padding-top: 14px; padding-bottom: 14px; }
:root[data-ntg="ntmart"] .marquee-item img { height: 30px; }
:root[data-ntg="ntmart"] .bento,
:root[data-ntg="ntmart"] .bento-grid { gap: 10px; }
:root[data-ntg="ntmart"] .bento-card { padding: 16px 18px; gap: 6px; }
:root[data-ntg="ntmart"] .bento-card .icon { width: 32px; height: 32px; font-size: 15px; margin-bottom: 0; }
:root[data-ntg="ntmart"] .bento-card h3 { font-size: 16px; }
:root[data-ntg="ntmart"] .bento-card p { font-size: 14px; }
:root[data-ntg="ntmart"] .bento-card.tall { min-height: 0; }
:root[data-ntg="ntmart"] .bento-card .more-link { padding-top: 6px; }
:root[data-ntg="ntmart"] .bento-stat .stat-value { font-size: clamp(26px, 3.2vw, 34px); }
:root[data-ntg="ntmart"] .bento-stat .stat-unit { margin-bottom: 6px; }
:root[data-ntg="ntmart"] .price-card { padding: 20px 18px; }
:root[data-ntg="ntmart"] .faq { gap: 8px; }
:root[data-ntg="ntmart"] .faq summary { padding: 12px 18px; font-size: 15px; }
:root[data-ntg="ntmart"] .faq .faq-body { padding: 0 18px 14px; }
:root[data-ntg="ntmart"] .split { gap: 20px; }
:root[data-ntg="ntmart"] .split-media img { max-height: 300px; }
:root[data-ntg="ntmart"] .showcase-frame { max-width: 860px; margin-left: auto; margin-right: auto; }
:root[data-ntg="ntmart"] .rig-shot { max-width: 520px; }
:root[data-ntg="ntmart"] .cta h2 { font-size: clamp(24px, 3vw, 32px); }
:root[data-ntg="ntmart"] .cta p { margin: 10px auto 18px; }
:root[data-ntg="ntmart"] footer { padding: 22px 0; }

/* NTmart Go */
:root[data-ntg="go"] h1 { font-size: clamp(1.7rem, 3.6vw, 2.5rem); }
:root[data-ntg="go"] h2 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); }
:root[data-ntg="go"] h3 { font-size: 1.1rem; }
:root[data-ntg="go"] .header-home .container { padding-top: 32px; padding-bottom: 64px; }
:root[data-ntg="go"] .header-home--small .container { padding-top: 28px; padding-bottom: 56px; }
:root[data-ntg="go"] .header-home__title { margin: 12px 0 10px; }
:root[data-ntg="go"] .header-home__description { font-size: 1.05rem; }
:root[data-ntg="go"] .header-home__btns { margin-top: 16px; }
:root[data-ntg="go"] .header-home__row { row-gap: 20px; }
:root[data-ntg="go"] .screenshot--hero { max-width: 480px; margin-left: auto; }
:root[data-ntg="go"] .section { padding: 40px 0; }
:root[data-ntg="go"] .section--tight { padding: 28px 0; }
:root[data-ntg="go"] .section__head { margin-bottom: 20px; }
:root[data-ntg="go"] .section__description { font-size: 1rem; }
:root[data-ntg="go"] .feature-row { padding: 30px 0; }
:root[data-ntg="go"] .feature-row .row { row-gap: 20px; }
:root[data-ntg="go"] .feature-row .screenshot:not(.screenshot--dialog) { max-width: 460px; margin-left: auto; margin-right: auto; }
:root[data-ntg="go"] .screenshot--dialog { max-width: 300px; }
:root[data-ntg="go"] .screenshot--wide { max-width: 720px; margin-left: auto; margin-right: auto; }
:root[data-ntg="go"] .card:not(.faq__card) { padding: 20px; }
:root[data-ntg="go"] .card__title { margin-bottom: 6px; }
:root[data-ntg="go"] .step { padding-top: 44px; }
:root[data-ntg="go"] .check-list li { margin-bottom: 6px; }
:root[data-ntg="go"] .illustration__row { padding: 10px 14px; }
:root[data-ntg="go"] .pricing__card-lead { min-height: 0; }
:root[data-ntg="go"] .pricing__card-price { font-size: 2.1rem; margin: 8px 0 4px; }
:root[data-ntg="go"] .faq__card { margin-bottom: 8px; }
:root[data-ntg="go"] .faq__card-title { padding: 13px 18px; font-size: 1rem; }
:root[data-ntg="go"] .faq__card-description { padding: 0 18px 14px; }
:root[data-ntg="go"] .footer-menu { padding-top: 32px; padding-bottom: 22px; }
@media (max-width: 767px) {
  :root[data-ntg="go"] .section { padding: 30px 0; }
}

/* ==========================================================================
   Machined cards, every site. Taken from NTmart POS: no border at all, a slab
   one step lighter than the page, a 1px highlight along the top edge, and a
   soft drop shadow. Kept last so it overrides any border set above.
   ========================================================================== */
:root {
  --ntg-panel-hi: rgba(255, 255, 255, 0.9);
  --ntg-panel-shadow: 0 1px 2px rgba(16, 32, 26, 0.07), 0 10px 22px -16px rgba(16, 32, 26, 0.22);
  --ntg-panel-shadow-hover: 0 1px 3px rgba(16, 32, 26, 0.10), 0 18px 34px -18px rgba(16, 32, 26, 0.28);
  --ntg-panel-hi-dark: rgba(255, 255, 255, 0.075);
  --ntg-panel-shadow-dark: 0 1px 2px rgba(0, 0, 0, 0.45), 0 10px 24px -18px rgba(0, 0, 0, 0.9);
  --ntg-panel-shadow-dark-hover: 0 1px 2px rgba(0, 0, 0, 0.5), 0 18px 38px -20px rgba(0, 0, 0, 0.95);
}

/* Light cards: DECODE, QR tool, NTmart Go, Organic, Doucetop */
:root[data-ntg="decode"] .feature-card,
:root[data-ntg="decode"] .gem-card,
:root[data-ntg="decode"] .panel,
:root[data-ntg="go"] .card,
:root[data-ntg="go"] .faq__card,
:root[data-ntg="organic"] .bg-white.rounded-2xl,
:root[data-ntg="organic"] .card-blur,
:root[data-ntg="auto"][data-theme="light"] .card,
:root[data-ntg="auto"][data-theme="light"] .stat-card,
:root[data-ntg="auto"][data-theme="light"] .logo-tile {
  border: 0 !important;
  background-color: #fff;
  box-shadow: inset 0 1px 0 var(--ntg-panel-hi), var(--ntg-panel-shadow);
}
:root[data-ntg="decode"] .feature-card:hover,
:root[data-ntg="decode"] .gem-card:hover,
:root[data-ntg="go"] .card:hover,
:root[data-ntg="organic"] .bg-white.rounded-2xl:hover,
:root[data-ntg="organic"] .card-blur:hover,
:root[data-ntg="auto"][data-theme="light"] .card:hover,
:root[data-ntg="auto"][data-theme="light"] .logo-tile:hover {
  box-shadow: inset 0 1px 0 var(--ntg-panel-hi), var(--ntg-panel-shadow-hover);
}
:root[data-ntg="go"] .faq__card[open] {
  box-shadow: inset 0 1px 0 var(--ntg-panel-hi), 0 0 0 1px var(--accent-soft), var(--ntg-panel-shadow);
}

/* Photo cards keep their photo and dark fade: only the border goes */
:root[data-ntg="decode"] .photo-card { box-shadow: var(--ntg-panel-shadow); }
:root[data-ntg="decode"] .photo-card:not(.logo-card) { background-color: #16332A; }
:root[data-ntg="decode"] .features-grid.cols-2 .photo-card:not(.logo-card),
:root[data-ntg="decode"] .photo-card.logo-card { background-color: #fff; }

/* Dark cards: home page, NT Automotive, Organic's dark sections */
:root[data-ntg="home"] .card,
:root[data-ntg="auto"]:not([data-theme="light"]) .card,
:root[data-ntg="auto"]:not([data-theme="light"]) .stat-card,
:root[data-ntg="auto"]:not([data-theme="light"]) .logo-tile,
:root[data-ntg="auto"]:not([data-theme="light"]) .lb-grid figure,
:root[data-ntg="organic"] .bg-white\/5.rounded-2xl {
  border: 0 !important;
  box-shadow: inset 0 1px 0 var(--ntg-panel-hi-dark), var(--ntg-panel-shadow-dark);
}
:root[data-ntg="home"] .card:hover,
:root[data-ntg="auto"]:not([data-theme="light"]) .card:hover,
:root[data-ntg="auto"]:not([data-theme="light"]) .logo-tile:hover {
  box-shadow: inset 0 1px 0 var(--ntg-panel-hi-dark), var(--ntg-panel-shadow-dark-hover);
}
:root[data-ntg="organic"] .bg-white\/5.rounded-2xl { background-color: rgba(255, 255, 255, 0.07); }

/* Machined cards are square: no rounded corners anywhere */
:root[data-ntg="home"] .card,
:root[data-ntg="auto"] .card,
:root[data-ntg="auto"] .card-media,
:root[data-ntg="auto"] .stat-card,
:root[data-ntg="auto"] .logo-tile,
:root[data-ntg="auto"] .lb-grid figure,
:root[data-ntg="decode"] .feature-card,
:root[data-ntg="decode"] .gem-card,
:root[data-ntg="decode"] .panel,
:root[data-ntg="decode"] .photo-card,
:root[data-ntg="decode"] .split.photo-split,
:root[data-ntg="decode"] .feature-card img,
:root[data-ntg="decode"] .gem-card img,
:root[data-ntg="go"] .card,
:root[data-ntg="go"] .faq__card,
:root[data-ntg="organic"] .rounded-2xl,
:root[data-ntg="organic"] .card-blur,
:root[data-ntg="organic"] .ladybird-card,
:root[data-ntg="organic"] #partners .rounded-3xl {
  border-radius: 0 !important;
}

/* Organic's partner cards on the green band */
:root[data-ntg="organic"] #partners .rounded-3xl {
  border: 0 !important;
  box-shadow: inset 0 1px 0 var(--ntg-panel-hi-dark), var(--ntg-panel-shadow-dark);
}