/* PC-only homepage. The original page and the mobile sidebar remain untouched. */
@media (max-width: 700px) { .rensino-desktop-home { display: none !important; } }
@media (min-width: 701px) {
  .rensino-legacy-pc { display: none !important; }
  body:has(.rensino-desktop-home) .mobile_nav { display: none !important; }
  .rensino-desktop-home {
    --rh-blue: #0757ad; --rh-deep: #07325a; --rh-green: #78c918;
    --rh-ink: #152b37; --rh-muted: #60717b; --rh-line: #d9e3e7;
    display: block; width: 100%; overflow: clip; color: var(--rh-ink);
    background: #fff; font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
  }
  .rensino-desktop-home * { box-sizing: border-box; }
  .rensino-desktop-home a { text-decoration: none; }
  .rh-wrap { width: min(100% - 96px, 1480px); margin-inline: auto; }
  .rh-section { padding: 105px 0 112px; }
  .rh-section-top { display: flex; gap: 25px; align-items: center; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; color: #6a7c83; }
  .rh-index { white-space: nowrap; color: var(--rh-blue); }
  .rh-rule { flex: 1; height: 1px; background: var(--rh-line); }
  .rh-overline { white-space: nowrap; }
  .rh-overline i, .rh-eyebrow i { color: var(--rh-green); font-size: 17px; vertical-align: middle; margin-right: 8px; }
  .rh-heading-row { display: flex; justify-content: space-between; align-items: end; gap: 70px; margin: 35px 0 38px; }
  .rh-heading-row > div { min-width: 0; }
  .rh-heading-row > p { max-width: 390px; margin-bottom: 9px; font-size: 15px; line-height: 1.8; color: var(--rh-muted); }
  .rh-eyebrow { color: var(--rh-blue); font-size: 12px; font-weight: 700; letter-spacing: 1.3px; }
  .rh-heading-row h2 { margin: 14px 0 0; font-size: clamp(34px, 3.8rem, 61px); line-height: 1.12; font-weight: 700; letter-spacing: 0; }
  .rh-heading-row h2 span { color: var(--rh-blue); }
  .rh-button { display: inline-flex; align-items: center; gap: 30px; min-height: 54px; padding: 0 22px; font-size: 14px; font-weight: 700; transition: background .2s, transform .2s; }
  .rh-button i { font-size: 20px; }
  .rh-button:hover { transform: translateY(-2px); }
  .rh-button-green { background: var(--rh-green); color: #122b2f; }
  .rh-button-green:hover { background: #9ce23c; }

  .rh-hero { min-height: 100vh; min-height: 100svh; position: relative; display: flex; align-items: center; color: #fff; background: #174c70; }
  .rh-hero-image { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; object-position: center; }
  .rh-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(1, 28, 53, .57) 0%, rgba(3, 41, 67, .28) 42%, transparent 67%); }
  .rh-hero-content { position: relative; z-index: 1; padding-top: 85px; }
  .rh-kicker { display: flex; align-items: center; gap: 12px; font-size: 11px; font-weight: 700; letter-spacing: 1.7px; }
  .rh-kicker > span:not(.rh-kicker-line) { opacity: .52; }
  .rh-kicker-line { width: 29px; height: 2px; background: var(--rh-green); }
  .rh-hero h1 { max-width: 830px; margin: 29px 0 25px; font-size: clamp(52px, 5.2rem, 84px); line-height: 1.08; font-weight: 700; letter-spacing: 0; }
  .rh-hero h1 em, .rh-custom h2 em { font-style: normal; color: #a5ed50; }
  .rh-hero-lede { max-width: 555px; font-size: 18px; line-height: 1.75; color: #e8f2f6; }
  .rh-actions { margin-top: 42px; display: flex; align-items: center; gap: 34px; }
  .rh-text-link { display: inline-flex; gap: 12px; align-items: center; color: #fff; font-size: 14px; font-weight: 600; }
  .rh-text-link i { font-size: 20px; }
  .rh-hero-side { position: absolute; z-index: 1; right: 48px; bottom: 42px; display: flex; align-items: center; gap: 22px; font-size: 12px; font-weight: 700; letter-spacing: 1px; }
  .rh-hero-side span { opacity: .7; font-size: 10px; letter-spacing: 1.5px; }

  .rh-categories { background: #fff; }
  .rh-range-tags { display: flex; gap: 24px; margin-bottom: 26px; color: #506870; font-size: 12px; font-weight: 600; }
  .rh-range-tags span { display: inline-flex; gap: 7px; align-items: center; }
  .rh-range-tags i { color: var(--rh-blue); font-size: 17px; }
  .rh-category-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--rh-line); border-left: 1px solid var(--rh-line); }
  .rh-category { position: relative; min-width: 0; height: 265px; display: flex; flex-direction: column; overflow: hidden; border-right: 1px solid var(--rh-line); border-bottom: 1px solid var(--rh-line); background: #f5f8f9; }
  .rh-category::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(6, 35, 57, .85), transparent 52%); pointer-events: none; }
  .rh-category img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
  .rh-category:hover img { transform: scale(1.06); }
  .rh-category-info { position: absolute; z-index: 1; bottom: 18px; left: 18px; right: 36px; display: flex; flex-direction: column; gap: 3px; color: #fff; }
  .rh-category-info strong { font-size: 16px; line-height: 1.3; font-weight: 700; }
  .rh-category-info span { font-size: 11px; opacity: .83; }
  .rh-category > i { position: absolute; z-index: 1; color: #fff; right: 15px; bottom: 25px; font-size: 18px; }
  .rh-more-row { margin-top: 22px; display: flex; justify-content: space-between; align-items: center; gap: 25px; color: var(--rh-muted); font-size: 13px; }
  .rh-more-row a, .rh-factory-note a { display: inline-flex; gap: 12px; align-items: center; color: var(--rh-blue); font-weight: 700; white-space: nowrap; }
  .rh-more-row a i, .rh-factory-note a i { font-size: 19px; }

  .rh-factory { background: #eef5f7; }
  .rh-factory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .rh-factory-image { position: relative; height: 270px; overflow: hidden; background: #c3d5de; margin: 0; }
  .rh-factory-lead { grid-column: span 2; grid-row: span 2; height: 552px; }
  .rh-factory-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
  .rh-factory-image:hover img { transform: scale(1.035); }
  .rh-factory-image::after { content: ''; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(2, 25, 39, .66)); pointer-events: none; }
  .rh-factory-image figcaption { position: absolute; z-index: 1; bottom: 19px; left: 20px; color: #fff; font-size: 14px; font-weight: 700; }
  .rh-factory-image figcaption span { display: block; color: #b6ee76; font-size: 11px; margin-bottom: 3px; }
  .rh-factory-note { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 20px; color: #687e86; font-size: 12px; }

  .rh-featured { background: #fff; }
  .rh-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
  .rh-product { min-width: 0; display: block; color: var(--rh-ink); border-bottom: 1px solid var(--rh-line); }
  .rh-product-media { display: block; aspect-ratio: 1.22; overflow: hidden; background: #f2f6f7; }
  .rh-product-media img { width: 100%; height: 100%; object-fit: contain; transition: transform .35s; }
  .rh-product:hover img { transform: scale(1.045); }
  .rh-product-copy { padding: 15px 0 18px; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; min-height: 112px; }
  .rh-product-copy strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.5; }
  .rh-product-copy > span { color: var(--rh-blue); font-size: 12px; font-weight: 700; }
  .rh-product-copy i { font-size: 16px; vertical-align: middle; }

  .rh-custom { position: relative; min-height: 630px; display: flex; align-items: center; background: #1b344b; color: #fff; }
  .rh-custom > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .rh-custom::after { position: absolute; inset: 0; content: ''; background: linear-gradient(90deg, rgba(3, 25, 42, .82), rgba(5, 40, 62, .54) 44%, transparent 78%); }
  .rh-custom-inner { position: relative; z-index: 1; padding-block: 90px; }
  .rh-custom-copy { max-width: 600px; }
  .rh-custom .rh-eyebrow { color: #d9f4c6; }
  .rh-custom h2 { font-size: 65px; line-height: 1.1; margin: 23px 0; letter-spacing: 0; }
  .rh-custom-copy > p:not(.rh-eyebrow) { max-width: 490px; font-size: 17px; line-height: 1.8; color: #e9f1f3; margin-bottom: 31px; }

  .rh-process { background: #f6faf9; padding-bottom: 85px; }
  .rh-steps { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; margin: 55px 0 50px; border-top: 1px solid #bed1d6; border-bottom: 1px solid #bed1d6; }
  .rh-steps li { position: relative; min-width: 0; padding: 29px 28px 35px 0; }
  .rh-steps li:not(:last-child) { border-right: 1px solid #d6e2e5; margin-right: 24px; }
  .rh-steps li::before { position: absolute; top: -4px; left: 0; width: 34px; height: 7px; background: var(--rh-green); content: ''; }
  .rh-step-no { display: block; color: var(--rh-blue); font-size: 12px; font-weight: 700; }
  .rh-steps li > i { display: block; margin: 22px 0 17px; font-size: 34px; color: var(--rh-blue); }
  .rh-steps h3 { margin: 0 0 9px; font-size: 19px; line-height: 1.3; }
  .rh-steps p { max-width: 235px; color: var(--rh-muted); font-size: 13px; line-height: 1.75; }
  .rh-process-cta { display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 21px; font-weight: 700; }
  .rh-process-cta a { display: inline-flex; gap: 18px; align-items: center; color: var(--rh-blue); font-size: 15px; }
  .rh-process-cta i { font-size: 22px; }
  body:has(.rensino-desktop-home) .cs-section { background: #fff; padding-top: 105px; padding-bottom: 110px; }
  body:has(.rensino-desktop-home) .cs-section .cs-eyebrow { color: #0757ad; }
  body:has(.rensino-desktop-home) .cs-section .cs-container { max-width: 1480px; }
}
@media (min-width: 701px) and (max-width: 1024px) {
  .rh-wrap { width: min(100% - 44px, 1480px); }
  .rh-section { padding: 78px 0 84px; }
  .rh-heading-row { align-items: start; gap: 35px; }
  .rh-heading-row h2 { font-size: 42px; }
  .rh-heading-row > p { max-width: 310px; }
  .rh-hero { min-height: 100vh; min-height: 100svh; }
  .rh-hero::after { background: linear-gradient(90deg, rgba(1, 28, 53, .78) 0%, rgba(3, 41, 67, .58) 58%, rgba(3, 41, 67, .08) 100%); }
  .rh-hero-content { padding-top: 70px; }
  .rh-hero h1 { max-width: 620px; font-size: 58px; }
  .rh-hero-lede { max-width: 510px; }
  .rh-hero-side { right: 24px; bottom: 25px; }
  .rh-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .rh-category { height: 225px; }
  .rh-factory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rh-factory-lead { grid-column: span 2; height: 520px; }
  .rh-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rh-custom { min-height: 570px; }
  .rh-custom h2 { font-size: 52px; }
  .rh-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 0; }
  .rh-steps li { border-bottom: 1px solid #d6e2e5; }
  .rh-steps li:nth-child(2) { border-right: 0; margin-right: 0; }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .rh-wrap { width: min(100% - 64px, 1480px); }
  .rh-heading-row h2 { font-size: 43px; }
  .rh-hero h1 { font-size: 65px; }
  .rh-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .rh-factory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rh-steps h3 { font-size: 17px; }
}