/* ============================================================
   ANJALI LABTECH — MOBILE WEB OVERRIDES (375px target)
   Loaded AFTER style.css and after each page's inline <style>.
   Only touches the mobile build; the desktop site is untouched.
   Strategy: tighten type scale, section rhythm, and force every
   image-bearing grid to 2-across (per client request), while
   keeping every component, class hook, and JS behaviour intact.
   ============================================================ */
   
@media only screen and (max-width: 767px) {
    .hero {
         
        min-height:550px;
    }
}
  
@media (max-width: 480px) {

  :root {
    --h1-display: 32px;
    --h1-page: 28px;
    --h2: 24px;
    --h3: 19px;
    --body: 14px;
    --caption: 11px;

    --section-pad: 48px;
    --feature-pad: 56px;
    --card-pad: 16px;
  }

  body {
    font-size: var(--body);
    line-height: 1.6;
  }

  .wrap {
    padding: 0 18px;
  }

  h1 {
    font-size: var(--h1-display);
  }

  h2 {
    font-size: var(--h2);
  }

  h3 {
    font-size: var(--h3);
  }

  .section-head {
    margin-bottom: 32px;
  }

  .section-head h2 {
    font-size: var(--h2);
    margin-top: 8px;
  }

  .section-head p {
    font-size: 14px;
    margin-top: 10px;
  }

  section>.wrap>p,
  .section-head p {
    font-size: 14px;
  }

  .btn {
    font-size: 12px;
    padding: 13px 22px;
  }

  .btn-row {
    gap: 12px;
    margin-top: 20px;
  }

  /* ---------- HEADER ---------- */
  .logo-img {
    height: 48px;
  }

  .logo-row {
    padding: 14px 18px 10px;
  }

  .util-inner {
    padding: 8px 18px;
  }

  .util-link {
    font-size: 10.5px;
  }

  .util-left {
    gap: 12px;
  }

  .util-right {
    gap: 14px;
  }

  .nav-row {
    padding: 0 18px 10px;
  }

  .site-header {
    position: relative;
  }

  .nav-toggle {
    position: absolute;
    right: 18px;
    font-size: 20px;
    top: -18px;
    z-index: 10;
  }

  .nav-links {
    width: 86%;
    max-width: none;
    padding: 84px 24px;
    gap: 22px;
  }

  .nav-links a {
    font-size: 13px;
  }

  .mega-inner {
    padding: 18px 0;
    gap: 18px;
  }

  .mega-intro h3 {
    font-size: 18px;
  }

  .mega-intro p {
    font-size: 13px;
    max-width: none;
  }

  .mega-links .dlink {
    font-size: 13.5px;
  }

  /* announcement bar */
  .announcement-bar {
    font-size: 11px;
    padding: 8px 14px;
    height: 32px;
  }

  /* ---------- HERO ---------- */
  .hero {
    min-height: 78vh;
       min-height: 240px;
  }

  .hero.short {
    min-height: 56vh;
  }

  .hero-content {
    padding: 0 18px 40px;
  }

  .hero .eyebrow {
    font-size: 10.5px;
  }

  .hero h1 {
    font-size: var(--h1-display);
    max-width: none;
    margin-top: 10px;
  }

  .hero p.subline {
    font-size: 14px;
    max-width: none;
    margin-top: 12px;
  }

  .hero-flat {
    padding: 70px 0 44px;
  }

  .hero-strip {
    gap: 24px;
    margin-top: 28px;
    padding-top: 18px;
  }

  .hero-strip .stat .num {
    font-size: 20px;
  }

  .hero-strip .stat .lbl {
    font-size: 10px;
  }

  .pill-row {
    gap: 8px;
    margin-top: 16px;
  }

  .pill {
    font-size: 10.5px;
    padding: 6px 12px;
  }

  /* ---------- STATS BAR ---------- */
  .stats-bar,
  .stats-bar.cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .stat-cell {
    padding: 26px 14px;
  }

  .stat-cell .num {
    font-size: 24px;
  }

  .stat-cell .lbl {
    font-size: 10px;
  }

  /* ---------- CHAIN DIAGRAM ---------- */
  .chain-node {
    padding: 20px 16px;
    min-width: 0;
  }

  .chain-node .chain-label {
    font-size: 11.5px;
  }

  .chain-node p {
    font-size: 12.5px;
  }

  /* ---------- GRIDS / CARDS — force 2-across everywhere ---------- */
  .grid {
    gap: 16px;
  }

  .grid-2,
  .grid-3,
  .grid-4,
  .grid-6,
  .kc-grid,
  .dmd-grid,
  .ring-grid,
  .director-grid,
  .mgmt-grid,
  .board-grid,
  .readmore-grid,
  .network-grid,
  .events-grid,
  .why-grid,
  .tech-case-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }

  /* full-width single elements that should stay full-width */
  .form-row,
  .impact-stats-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .card {
    padding: var(--card-pad);
  }

  .card h3 {
    font-size: 14.5px;
    margin-top: 8px;
  }

  .card p {
    font-size: 12px;
    margin-top: 6px;
  }

  .card .tag {
    font-size: 9.5px;
  }

  .card-icon .icon-mark {
    width: 38px;
    height: 38px;
    font-size: 14px;
    margin-bottom: 12px;
  }

  /* ---------- FEATURE ROW ---------- */
  .feature-row {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .feature-row h3 {
    font-size: 20px;
    margin-top: 8px;
  }

  .feature-row p {
    font-size: 13.5px;
    margin-top: 10px;
  }

  .feature-row .tag {
    font-size: 10px;
  }

  /* ---------- SPLIT CARDS ---------- */
  .split-cards {
    grid-template-columns: 1fr;
  }

  .split-cards .scard {
    padding: 28px 20px;
  }

  .split-cards .certs {
    font-size: 13px;
    gap: 12px;
  }

  /* ---------- CUT SELECTOR ---------- */
  .cut-selector,
  .cut-selector-light {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px;
  }

  .cut-item {
    padding: 18px 8px;
  }

  .cut-item svg {
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
  }

  .cut-item .cname {
    font-size: 10px;
  }

  /* ---------- FILTER BAR ---------- */
  .filter-bar {
    gap: 8px;
    margin-bottom: 24px;
  }

  .filter-btn {
    padding: 7px 14px;
    font-size: 11px;
  }

  /* ---------- TIMELINE ---------- */
  .timeline {
    margin-top: 32px;
  }

  .tl-node {
    min-width: 128px;
    padding-right: 12px;
  }

  .tl-node .tl-year {
    font-size: 18px;
    margin-top: 12px;
  }

  .tl-node .tl-text {
    font-size: 11px;
    max-width: 130px;
  }

  .phase-band {
    padding: 12px 16px;
    margin: 32px 0 18px;
  }

  .phase-band .pname,
  .phase-band .prange {
    font-size: 11px;
  }

  .step-grid,
  .step-grid-12 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px;
  }

  .step-card {
    padding: 14px;
  }

  .step-card .step-no {
    font-size: 17px;
  }

  .step-card .step-name {
    font-size: 12px;
  }

  /* ---------- TABLE ---------- */
  table.compare th,
  table.compare td {
    padding: 10px 8px;
    font-size: 12px;
  }

  table.compare th {
    font-size: 10px;
  }

  .quote-block {
    font-size: 19px;
    line-height: 1.45;
  }

  /* ---------- INFO STRIP ---------- */
  .info-strip {
    grid-template-columns: repeat(2, 1fr);
  }

  .info-cell {
    padding: 18px 10px;
    border-bottom: 1px solid var(--line);
  }

  .info-cell:nth-last-child(-n+2) {
    border-bottom: none;
  }

  .info-cell .ival {
    font-size: 19px;
  }

  .info-cell .ilabel {
    font-size: 9.5px;
  }

  .info-cell .isub {
    font-size: 10.5px;
  }

  /* ---------- FORMS ---------- */
  .form-card {
    padding: 24px 18px;
  }

  .form-row,
  .form-row.full {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 12px;
  }

  label {
    font-size: 10.5px;
  }

  input,
  select,
  textarea {
    font-size: 13.5px;
    padding: 11px 12px;
  }

  .form-note {
    font-size: 11px;
  }

  /* ---------- OFFICE CARDS ---------- */
  .office-card .map-ph {
    height: 140px;
    font-size: 11px;
  }

  .office-card .obody {
    padding: 18px;
  }

  .office-card h3 {
    font-size: 16px;
  }

  .office-card .oline {
    font-size: 12px;
  }

  /* ---------- ROLE LIST ---------- */
  .dept-block {
    margin-bottom: 30px;
  }

  .dept-block h4 {
    font-size: 11px;
    margin-bottom: 12px;
    padding-bottom: 10px;
  }

  .role-row {
    padding: 13px 0;
    gap: 10px;
  }

  .role-row .rname {
    font-size: 13px;
  }

  .role-row .ropen {
    font-size: 10px;
  }

  .note-flag {
    font-size: 11.5px;
    padding: 12px 14px;
  }

  /* ---------- FOOTER ---------- */
  .site-footer {
    padding: 44px 0 22px;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px 16px;
  }

  .footer-grid h4 {
    font-size: 11px;
    margin-bottom: 12px;
  }

  .footer-grid a,
  .footer-grid p {
    font-size: 12px;
    margin-bottom: 8px;
  }

  .footer-bottom {
    font-size: 10.5px;
    margin-top: 32px;
    padding-top: 18px;
    gap: 8px;
  }

  .pre-footer-outer {
    padding: 28px 18px;
  }

  /* ---------- IMPACT / DIVIDED COLS ---------- */
  .impact-wrap {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .impact-left h2 {
    font-size: 22px;
  }

  .impact-left p {
    font-size: 12.5px;
  }

  .impact-stat .inum {
    font-size: 30px;
  }

  .impact-stat .ilbl {
    font-size: 11px;
  }

  .divided-cols {
    grid-template-columns: 1fr 1fr !important;
    gap: 20px 14px !important;
  }

  .divided-cols .dcol {
    border-left: none !important;
    border-top: 1px solid var(--line);
    padding: 16px 0 0 !important;
  }

  .divided-cols .dcol:nth-child(-n+2) {
    border-top: none;
    padding-top: 0;
  }

  .divided-cols .dcol h4 {
    font-size: 10.5px;
  }

  .divided-cols .dcol p {
    font-size: 12px;
  }

  .custom-divided {
    grid-template-columns: 1fr 1fr !important;
  }

  .custom-col h3 {
    font-size: 14px;
  }

  .custom-col p {
    font-size: 12px;
  }

  /* ---------- PRODUCT GRID ---------- */
  .product-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .product-row-2 {
    grid-template-columns: 1fr 1fr;
  }

  .product-card.large {
    min-height: 200px;
  }

  .product-card.wide {
    min-height: 140px;
  }

  .product-card .label-banner {
    padding: 18px 14px 12px;
  }

  .product-card .label-banner .pname {
    font-size: 14.5px;
  }

  /* ---------- KNOWLEDGE CENTER GRID ---------- */
  .kc-item .kc-cap {
    font-size: 12px;
    margin-top: 10px;
  }

  /* ---------- EVENTS (HOME) ---------- */
  .events-grid-home {
    grid-template-columns: 1fr !important;
    gap: 28px;
  }

  .events-block h3 {
    font-size: 11px;
    margin-bottom: 14px;
  }

  /* Previous events — 1 card at 60% width, buttons below */
  .events-grid-home .events-block:last-child .events-prev-wrap {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    gap: 12px 8px;
    align-items: start;
  }

  .events-grid-home .events-block:last-child .events-prev-track {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 113%;
    overflow: hidden;
  }

  .events-grid-home .events-block:last-child .events-prev-track .card {
    flex: 0 0 113%;
    min-width: 113%;
    padding: 0;
  }

  .events-grid-home .events-block:last-child .events-prev-track .card img {
    height: 140px;
    object-fit: cover;
    width: 113%;
  }

  .events-grid-home .events-block:last-child .events-prev-track .card h3 {
    font-size: 13px;
    padding: 10px 12px 4px;
  }

  .events-grid-home .events-block:last-child .events-prev-track .card p {
    font-size: 11px;
    padding: 0 12px;
  }

  .events-grid-home .events-block:last-child .events-prev-track .card .btn-row {
    padding: 10px 12px 12px;
    margin-top: 0;
  }

  .events-grid-home .events-block:last-child .events-scroll-btn.prev {
    grid-column: 1;
    grid-row: 2;
  }

  .events-grid-home .events-block:last-child .events-scroll-btn.next {
    grid-column: 3;
    grid-row: 2;
  }

  .events-scroll-btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  /* Upcoming event card — smaller on mobile */
  .events-grid-home .events-block:first-child .card img {
    height: 140px;
    object-fit: cover;
  }

  .events-grid-home .events-block:first-child .card {
    padding: 0;
    max-width: 100%;
  }

  .events-grid-home .events-block:first-child .card h3 {
    font-size: 13px;
    padding: 10px 12px 4px;
  }

  .events-grid-home .events-block:first-child .card p {
    font-size: 11px;
    padding: 0 12px;
  }

  .events-grid-home .events-block:first-child .card .btn-row {
    padding: 10px 12px 12px;
    margin-top: 0;
  }



  /* ---------- CTA BOX ---------- */
  .cta-box {
    padding: 36px 22px;
  }

  /* ---------- MISC TYPE NORMALISATION ---------- */
  .feature-row h3 {
    font-size: 19px;
  }

  .events-grid .card h3 {
    font-size: 14px;
  }

  .events-grid .card p {
    font-size: 11.5px;
  }

  .why-item h3,
  .why-row .why-item h3 {
    font-size: 14px;
  }

  .why-item p {
    font-size: 12px;
  }

  .card h3 {
    font-size: 14.5px;
  }

  .card p {
    font-size: 12px;
  }

  .logo-strip {
    font-size: 13px;
    gap: 16px;
    padding: 22px 0;
  }

  /* ---------- PERSON MODAL (About page) ---------- */
  .person-overlay {
    padding: 0;
  }

  .person-modal {
    position: fixed !important;
    top: 5vh !important;
    left: 12px !important;
    right: 12px !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    max-height: 88vh;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    grid-template-columns: 1fr !important;
    z-index: 901;
  }

  .person-modal-photo {
    aspect-ratio: unset;
    height: 300px;
    order: -1;
    overflow: hidden;
  }

  .person-modal-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
  }

  .person-modal-info {
    padding: 16px 16px 20px;
    min-width: 0;
    overflow: hidden;
  }

  .person-modal-name-block {
    padding-left: 12px;
    margin-bottom: 10px;
  }

  .person-modal-name-block h2 {
    font-size: 15px;
    word-break: break-word;
  }

  .person-modal-name-block p {
    font-size: 11px;
    word-break: break-word;
  }

  .person-modal-bio {
    font-size: 12px;
    line-height: 1.55;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
  }

  .person-modal-close {
    width: 28px;
    height: 28px;
    font-size: 14px;
    top: 8px;
    right: 8px;
  }

  /* ---------- NETWORK CARDS (About) ---------- */
  .ncard h3 {
    font-size: 16px;
  }

  .ncard .ntag {
    font-size: 10px;
  }

  .ncard p {
    font-size: 12px;
  }

  .ncard .ncontact {
    font-size: 11.5px;
  }

  /* ---------- READ MORE CARDS (About) ---------- */
  .readmore-grid {
    gap: 18px 14px !important;
  }

  .rcard {
    flex-direction: column;
    gap: 8px;
  }

  .rcard img {
    width: 100%;
    height: 110px;
  }

  .rcard h3 {
    font-size: 12.5px;
  }

  .rcard .rtag {
    font-size: 9px;
    padding: 2px 8px;
  }

  .rcard .rdate {
    font-size: 10.5px;
  }

  /* ---------- CONTACT PAGE: Global Network row ---------- */
  .network-heading {
    font-size: 24px;
  }

  .network-row {
    margin-top: 24px;
  }

  .network-item h3 {
    font-size: 16px;
  }

  .network-item .ntype {
    font-size: 10.5px;
    margin-bottom: 10px;
  }

  .network-item .naddr {
    font-size: 12.5px;
    margin-bottom: 12px;
  }

  .network-item .ncontact {
    font-size: 12.5px;
  }

  /* ---------- DIAMOND INVENTORY: filter sidebar + cards ---------- */
  .dmd-acc-head {
    font-size: 16px;
    padding-bottom: 12px;
  }

  .dmd-acc {
    margin-bottom: 18px;
    padding-bottom: 12px;
  }

  .shape-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px;
  }

  .shape-btn .cname,
  .shape-btn span {
    font-size: 9px;
  }

  .dmd-card-body {
    padding: 14px 14px 16px;
  }

  .dmd-card-body h3 {
    font-size: 14.5px;
    margin-bottom: 4px;
  }

  .dmd-spec {
    font-size: 11.5px;
    margin-bottom: 12px;
  }

  .dmd-view-btn {
    font-size: 11.5px;
    padding: 10px 0;
  }

  .dmd-pagination {
    gap: 6px;
    margin-top: 30px;
  }

  .dmd-page-btn {
    min-width: 32px;
    height: 32px;
    font-size: 12px;
  }

  .dmd-grid.list-view .dmd-card-body {
    padding: 12px 14px;
    gap: 6px;
  }

  .dmd-grid.list-view .dmd-view-btn {
    padding: 10px 16px;
  }

  /* ---------- DIAMONDS PAGE: why-grid forced 2-col + border fix ---------- */
  .why-grid .why-item {
    border-right: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line) !important;
    padding: 22px 16px;
  }

  .why-grid .why-item:nth-child(2n) {
    border-right: none !important;
  }

  .why-grid .why-item:nth-last-child(-n+2) {
    border-bottom: none !important;
  }

  .why-grid .why-item h3 {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .why-grid .why-item p {
    font-size: 12px;
  }

  .band-wrap {
    padding: 0 18px;
  }

  .pill-row-lines {
    gap: 10px 14px;
  }

  .pill-plain {
    font-size: 11px;
    padding-right: 12px;
  }

  .band-banner .band-text {
    font-size: 13px;
    margin-top: 14px;
  }

  .scard-heading {
    font-size: 19px;
    margin-bottom: 12px;
  }

  .split-cards-transparent .scard p {
    font-size: 12.5px;
  }

  /* ---------- EVENTS PAGE: popup + upcoming feature ---------- */
  .event-popup-title {
    font-size: 19px;
  }

  .event-popup-meta {
    font-size: 12px;
  }

  .event-popup-desc {
    font-size: 13px;
  }

  .event-popup-highlight-text {
    font-size: 13px;
  }

  .event-popup-btn {
    font-size: 11.5px;
    padding: 11px 18px;
  }

  .events-grid .card .card-link {
    font-size: 11.5px;
  }

  /* ---------- INVESTOR PAGE: IR tabs, sidebar, doc rows ---------- */
  .irtabs-nav {
    gap: 8px;
    margin-bottom: 28px;
  }

  .irtab {
    font-size: 11px;
  }

  .irtabs-sep {
    font-size: 11px;
  }

  .ir-subitem {
    font-size: 13px;
    padding: 13px 14px;
  }

  .ir-subitem span {
    font-size: 14px;
  }

  .ir-year-row {
    gap: 6px;
    margin-bottom: 14px;
    flex-wrap: wrap;
  }

  .ir-year {
    font-size: 12px;
    padding: 8px 14px;
  }

  .ir-doc-row {
    font-size: 13px;
    padding: 14px 16px;
  }

  .ir-text-row {
    font-size: 13px;
    padding: 16px;
  }

  .board-member h4 {
    font-size: 13px;
  }

  .board-member p {
    font-size: 11px;
  }

  /* ---------- JEWELLERY PAGE ---------- */
  .cert-row {
    font-size: 12px;
    gap: 8px;
    margin-bottom: 16px;
  }

  .cert-copy {
    font-size: 13px;
    margin-bottom: 22px;
  }

  .mangalsutra-card .feature-row h3 {
    font-size: 19px !important;
  }

  .mangalsutra-card .feature-row p {
    font-size: 12.5px !important;
  }

  /* ---------- RINGS PAGE: category banner, filter, cards ---------- */
  .cat-banner-inner {
    padding: 0 16px;
  }

  .cat-item {
    padding: 12px 16px;
    font-size: 9.5px;
    gap: 6px;
  }

  .cat-thumb {
    width: 40px;
    height: 40px;
  }

  .ring-filter h3 {
    font-size: 18px;
    padding-bottom: 12px;
  }

  .ring-filter-item {
    font-size: 13px;
    padding: 12px 0;
  }

  .ring-radio {
    width: 15px;
    height: 15px;
  }

  .ring-clear-btn {
    font-size: 11.5px;
    padding: 8px 14px;
  }

  .ring-count {
    font-size: 11.5px;
  }

  .ring-card-body {
    padding: 14px 14px 16px;
  }

  .ring-card-body h3 {
    font-size: 14.5px;
    margin-bottom: 4px;
  }

  .ring-spec {
    font-size: 11.5px;
  }

  .ring-sku {
    font-size: 10.5px;
    margin-bottom: 12px;
  }

  .ring-order-btn {
    font-size: 11.5px;
    padding: 10px 0;
  }

  .ring-pagination {
    gap: 6px;
    margin-top: 30px;
  }

  .ring-page-btn {
    min-width: 32px;
    height: 32px;
    font-size: 12px;
  }

  /* ---------- KNOWLEDGE CENTER PAGES: comparison table, benefit icons ---------- */
  table.compare {
    min-width: 480px;
  }

  .feature-quote {
    font-size: 15px;
    margin-top: 16px;
  }

  .benefit-icon-row {
    gap: 22px 14px !important;
  }

  .bicon-item img {
    width: 40px;
    height: 40px;
  }

  .bicon-item p {
    font-size: 11.5px;
    max-width: 120px;
  }

  /* ---------- PROCESS PAGES: step cards ---------- */
  .pstep-no {
    width: 30px;
    height: 30px;
    font-size: 15px;
    top: 8px;
    left: 8px;
  }

  .pstep-card h3 {
    font-size: 14.5px;
    margin-bottom: 6px;
  }

  .pstep-card p {
    font-size: 11.5px;
  }

  /* ---------- SEMICONDUCTOR PAGE: tech-case-row forced 2-col border fix ---------- */
  .tech-case-row .tc-item {
    border-right: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line) !important;
    padding: 0 12px 18px 0 !important;
  }

  .tech-case-row .tc-item:nth-child(2n) {
    border-right: none !important;
    padding-right: 0 !important;
  }

  .tech-case-row .tc-item:nth-last-child(-n+2) {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }

  .tech-case-row .tc-item h3 {
    font-size: 14px !important;
  }

  .tech-case-row .tc-item p {
    font-size: 11.5px !important;
  }
}

/* Slightly wider band (481–600px) so larger phones still get the
   2-across treatment and tightened spacing, just with a touch more room. */
@media (min-width: 481px) and (max-width: 600px) {

  .grid-2,
  .grid-3,
  .grid-4,
  .grid-6,
  .kc-grid,
  .dmd-grid,
  .ring-grid,
  .director-grid,
  .mgmt-grid,
  .board-grid,
  .readmore-grid,
  .network-grid,
  .events-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .cut-selector,
  .cut-selector-light {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}