.station .cost { display: none; }
.station:has([data-toggle="custom"]) { display: none; }
.photo[class*="extra-"] { background-image: url('/mumbai-more-stations.png'); background-size: 400% 400%; }
.extra-0 { background-position: 0 0; } .extra-1 { background-position: 50% 0; } .extra-2 { background-position: 100% 0; }
.extra-3 { background-position: 0 33.333%; } .extra-4 { background-position: 50% 33.333%; } .extra-5 { background-position: 100% 33.333%; }
.extra-6 { background-position: 0 66.667%; } .extra-7 { background-position: 50% 66.667%; } .extra-8 { background-position: 100% 66.667%; }
.extra-9 { background-position: 0 100%; }
.custom-request { max-width: 660px; margin: 0 auto 48px; padding: 22px; border: 1px solid #dfd3e9; border-radius: 18px; background: #fcf8ff; text-align: left; }
.custom-request label { font-weight: 650; font-size: 1.05rem; }
.custom-request p { margin: 8px 0 14px; font-size: .9rem; }
.custom-request input { width: 100%; border: 1px solid #bca6cc; border-radius: 8px; padding: 12px; }
/* The source image is square but contains three columns and four rows:
   scale both axes equally so the food is not stretched. */
.photo[class*="extra-"] { background-size: 400% 400%; }
.extra-0,.extra-3,.extra-6,.extra-9 { background-position-x: 5.56%; }
.extra-1,.extra-4,.extra-7 { background-position-x: 50%; }
.extra-2,.extra-5,.extra-8 { background-position-x: 94.44%; }

.about-strood { padding: 80px max(24px, 7vw); color: #231428; background: #fff; }
.about-heading { text-align: center; max-width: 700px; margin: 0 auto 35px; }
.about-heading span { color: #7100c4; font-size: .8rem; font-weight: 700; letter-spacing: .14em; }
.about-heading h2 { font-size: clamp(2.2rem, 5vw, 4.2rem); line-height: 1.02; margin: 12px 0; font-weight: 650; }
.about-story { max-width: 1000px; margin: auto; display: flex; align-items: center; gap: 6%; }
.about-copy { flex: 1; font-size: 1.05rem; line-height: 1.7; }
.about-copy h3 { color: #7100c4; font-size: 1.6rem; margin-bottom: 0; }
.about-art { flex: 0 0 32%; aspect-ratio: 1 / 1.1; background-image: url('/about-illustrations.png'); background-size: 230% auto; background-repeat: no-repeat; }
.about-art-first { background-position: 100% 0; order: 2; }
.about-art-second { background-position: 0 90%; order: -1; }
.about-values { max-width: 1000px; margin: 35px auto; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; text-align: center; font-size: .9rem; font-weight: 650; }
.about-values span { display: block; width: 54px; height: 54px; line-height: 54px; margin: 0 auto 9px; border-radius: 50%; background: #f4e5ff; color: #7100c4; font-size: 1.7rem; }
.contact .brand-name { filter: url(#logo-white-key); }
.strood-services { padding: 70px 24px; background: #fff9ed; color: #211d18; text-align: center; }
.services-heading { max-width: 760px; margin: auto; }
.services-heading span { color: #7100c4; font-size: .78rem; letter-spacing: .1em; font-weight: 700; }
.services-heading h2 { margin: 10px 0; color: #7100c4; font-size: clamp(2rem, 4vw, 3rem); }
.services-heading p, .service-card p, .service-note { line-height: 1.6; }
.service-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); max-width: 1100px; margin: 36px auto 20px; gap: 24px; text-align: left; }
.service-card { overflow: hidden; border-radius: 20px; background: white; border: 1px solid #eadcc7; }
.service-card img { width: 100%; aspect-ratio: 1.45; object-fit: contain; display: block; background: white; }
.service-card > div:last-child { padding: 24px; }
.service-card h3 { margin: 0; color: #7100c4; font-size: 1.7rem; }
.service-premium h3 { color: var(--yellow); }
.service-card li { margin: 9px 0; line-height: 1.4; }
.service-comparison { max-width: 1100px; margin: 32px auto 0; overflow-x: auto; background: #fff; border: 1px solid #eadcc7; border-radius: 20px; text-align: left; }
.service-comparison table { width: 100%; min-width: 620px; border-collapse: collapse; }
.service-comparison th, .service-comparison td { padding: 19px 24px; border-bottom: 1px solid #ece5db; font-size: 1rem; }
.service-comparison th { font-size: 1.05rem; text-transform: uppercase; letter-spacing: .02em; }
.service-comparison th:first-child, .service-comparison td:first-child { width: 36%; font-weight: 650; }
.service-comparison th.street { color: #fff; background: #7100c4; text-align: center; }
.service-comparison th.strood { color: #fff; background: #efad17; text-align: center; }
.service-comparison td:not(:first-child) { text-align: center; font-weight: 600; }
.service-comparison tbody tr:last-child td { border-bottom: 0; }
.service-art-placeholder { aspect-ratio: 1.45; display: grid; place-items: center; background: #fff3c9; color: #efad17; font-size: 7rem; }
.service-note { max-width: 750px; margin: 20px auto; color: #5b5651; font-size: .9rem; }
.service-cta { display: inline-block; padding: 13px 24px; border-radius: 999px; color: white; background: #7100c4; text-decoration: none; font-weight: 600; }
@media(max-width:700px) { .service-grid { grid-template-columns: 1fr; } .strood-services { padding: 55px 20px; } }
.strood-connects { max-width: 1000px; margin: 35px auto 60px; text-align: center; }
.strood-connects h3 { color: #7100c4; font-size: clamp(1.5rem, 3vw, 2.3rem); }
.strood-connects img { display: block; width: 100%; height: auto; }
.strood-connects p { max-width: 760px; margin: 16px auto; line-height: 1.6; }
.strood-connects a { display: inline-block; margin-top: 12px; padding: 13px 22px; background: #7100c4; color: #fff; border-radius: 999px; text-decoration: none; font-weight: 600; }
@media(max-width: 600px) { .about-strood { padding: 55px 20px; } .about-story { flex-direction: column; } .about-art { width: min(70%, 260px); flex: none; } .about-art-first { order: -1; } .about-values { gap: 3px; font-size: .68rem; } .about-values span { width: 38px; height: 38px; line-height: 38px; font-size: 1.25rem; } }