.refined-india {
  position: relative;
  isolation: isolate;
  grid-template-columns: minmax(0, 28%) minmax(0, 55%) minmax(0, 1fr);
  gap: clamp(14px, 1.25vw, 24px);
  align-items: center;
  min-height: 340px;
  margin: 26px 3.5vw;
  padding: 28px clamp(24px, 3vw, 48px);
  border-radius: 18px;
  background-color: #eaf6f3;
  background-image: url("assets/homepage/india-reads-banner-v2.jpg");
  background-size: cover;
  background-position: right center;
}
.refined-india > img { display: none; }
.refined-india .india-reads-copy { align-self: center; margin-left: 0; padding: 10px clamp(20px, 2vw, 34px) 10px 0; }
.refined-india .india-reads-copy .eyebrow { margin: 0 0 10px; color: #284c70; }
.refined-india .india-reads-copy h2 { margin: 0; color: #10264c; font: 700 clamp(26px, 2.3vw, 36px)/1.05 var(--sans); letter-spacing: -1px; }
.refined-india .india-reads-copy > p:not(.eyebrow) { max-width: 420px; margin: 12px 0 18px; color: #203e61; font-size: 13px; line-height: 1.5; }
.refined-india .india-reads-copy > a { display: inline-flex; gap: 12px; align-items: center; padding: 11px 17px; border-radius: 24px; background: #10264c; color: #fff; font-size: 12px; font-weight: 700; }
.refined-india .india-reads-copy > a:hover { background: #2846a5; }
.india-collection { min-width: 0; container: india-books / inline-size; }
.india-collection-note { margin: 0 22px 8px; color: #385673; font: 10px/1.3 var(--sans); }
.india-carousel-wrap { position: relative; min-width: 0; padding: 0 22px; }
.india-cover-track { display: flex; gap: clamp(10px, 1.2vw, 18px); min-width: 0; overflow-x: auto; overflow-y: hidden; padding: 8px 3px 13px; scrollbar-width: none; -ms-overflow-style: none; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain; touch-action: pan-x; }
.india-cover-track::-webkit-scrollbar { display: none; width: 0; height: 0; }
.india-cover-slot { flex: 0 0 calc((100% - 4 * clamp(10px, 1.2vw, 18px)) / 5); aspect-ratio: 2 / 3; display: grid; place-items: center; padding: 10px; border: 1px dashed #53708a99; border-radius: 3px; background: #f7f5edcc; color: #17395f; text-align: center; scroll-snap-align: start; box-shadow: 0 5px 15px #10264c1b; }
.india-cover-slot span { font: 600 11px/1.45 var(--sans); }
.india-carousel-wrap > button { position: absolute; z-index: 2; top: 50%; display: grid; place-items: center; width: 42px; height: 42px; padding: 0; transform: translateY(-50%); border: 1px solid #dce5ed; border-radius: 50%; background: #fff; color: #10264c; box-shadow: 0 3px 10px #10264c20; font: 22px/1 var(--sans); cursor: pointer; }
.india-carousel-wrap > button:hover:not(:disabled) { background: #10264c; color: #fff; }
.india-carousel-wrap > button:focus-visible,.india-cover-track:focus-visible { outline: 3px solid #2846a5; outline-offset: 3px; }
.india-carousel-prev { left: 2px; }
.india-carousel-next { right: 2px; }
.india-carousel-wrap > button:disabled,.india-carousel-wrap > button[hidden] { display: none; }
.india-carousel-status { margin: 0 24px; color: #385673; font: 10px var(--sans); }
@media (max-width: 900px) and (min-width: 681px) {
  .refined-india { grid-template-columns: minmax(0, 42%) minmax(0, 44%) minmax(0, 1fr); gap: clamp(12px, 2vw, 16px); min-height: 320px; margin: 20px 4vw; padding: 22px 20px; background-size: auto 130%; background-position: 65% center; }
  .refined-india .india-reads-copy { max-width: none; margin-left: 0; margin-bottom: 0; padding: 8px 18px 8px 0; }
  .refined-india .india-reads-copy .eyebrow { margin-bottom: 8px; font-size: 9px; }
  .refined-india .india-reads-copy h2 { font-size: clamp(23px, 3.15vw, 29px); }
  .refined-india .india-reads-copy > p:not(.eyebrow) { margin: 9px 0 12px; font-size: 11px; }
  .refined-india .india-reads-copy > a { gap: 8px; padding: 9px 11px; font-size: 10px; white-space: nowrap; }
  .india-collection-note { margin: 0 14px 7px; font-size: 9px; }
  .india-carousel-wrap { padding: 0 18px; }
  .india-cover-track { padding: 7px 3px 10px; }
  .india-cover-slot { padding: 7px; }
  .india-cover-slot span { font-size: 9px; }
  .india-carousel-wrap > button { width: 36px; height: 36px; font-size: 19px; }
  .india-carousel-prev { left: 0; }
  .india-carousel-next { right: 0; }
  .india-carousel-status { margin: 0 18px; }
}
@media (max-width: 680px) {
  .refined-india { grid-template-columns: minmax(0, 1fr); min-height: 0; margin: 20px 4vw; padding: 22px 20px; background-size: auto 165%; background-position: center; }
  .refined-india .india-reads-copy { max-width: 680px; margin: 0 0 18px; }
}
@media (max-width: 1100px) and (min-width: 901px) {
  .refined-india { grid-template-columns: minmax(0, 32%) minmax(0, 51%) minmax(0, 1fr); }
  .refined-india .india-reads-copy { margin-left: 0; padding-right: 20px; }
}
@container india-books (max-width: 780px) {
  .india-cover-slot { flex-basis: calc((100% - 3 * clamp(10px, 1.2vw, 18px)) / 4); }
}
@container india-books (max-width: 610px) {
  .india-cover-slot { flex-basis: calc((100% - 2 * clamp(10px, 1.2vw, 18px)) / 3); }
}
@container india-books (max-width: 430px) {
  .india-cover-slot { flex-basis: calc((100% - clamp(10px, 1.2vw, 18px)) / 2); }
}
@media (max-width: 600px) {
  .refined-india { display: block; min-height: 0; margin: 18px 5vw; padding: 22px 16px 18px; background-position: center; }
  .refined-india .india-reads-copy { margin-left: 0; padding: 0 4px 10px; }
  .refined-india .india-reads-copy h2 { font-size: 29px; }
  .refined-india .india-reads-copy > p:not(.eyebrow) { margin: 8px 0 12px; font-size: 12px; }
  .refined-india .india-reads-copy > a { padding: 9px 13px; font-size: 11px; }
  .india-collection-note { margin: 4px 12px 5px; font-size: 9px; }
  .india-carousel-wrap { padding: 0 12px; }
  .india-cover-track { gap: 12px; padding: 7px 4px 12px; }
  .india-cover-slot { flex-basis: calc((100% - 12px) / 2); padding: 8px; }
  .india-cover-slot span { font-size: 10px; }
  .india-carousel-wrap > button { width: 36px; height: 36px; font-size: 19px; }
  .india-carousel-prev { left: -1px; }
  .india-carousel-next { right: -1px; }
  .india-carousel-status { margin: 0 14px; }
}