﻿/* Deepam Cabs — tablet breakpoints (css_v2) */
@media(min-width:992px){
  .intro-grid{grid-template-columns:1.05fr .95fr;gap:64px}
}
@media(min-width:768px){.routes-grid{grid-template-columns:repeat(2,1fr)}}

@media(min-width:1200px){.routes-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:992px){.why-grid--five{grid-template-columns:repeat(2,1fr)}}

@media(min-width:992px){
  .reviews-grid{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:768px){
  .corporate-solution{grid-template-columns:1.05fr .95fr;gap:48px;margin-bottom:56px}
  .corporate-benefits{grid-template-columns:repeat(2,1fr)}
  .corporate-solution__actions{justify-content:flex-start}
}

@media(min-width:992px){
  .corporate-benefits{grid-template-columns:repeat(3,1fr)}
}

@media(min-width:1200px){
  .corporate-benefits{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:768px){
  .nav-toggle{display:none}
  .site-nav{display:block!important;position:static!important;transform:none!important;background:transparent!important;padding:0!important}
  .booking-form-shell{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr) minmax(120px,160px) minmax(120px,160px) auto;
    gap:12px 16px;
    align-items:end;
  }
  .booking-grid--primary,
  .booking-grid--return.is-expanded,
  .booking-grid--submit{display:contents}
  .booking-grid--return:not(.is-expanded){display:none}
  .m3-field--pickup{grid-column:1;grid-row:1}
  .m3-field--dropoff{grid-column:2;grid-row:1}
  .m3-field--pick-date{grid-column:3;grid-row:1}
  .m3-field--pick-time{grid-column:4;grid-row:1}
  .booking-grid--submit .m3-field--submit{grid-column:5;grid-row:1;align-self:stretch;display:flex}
  #drop_date_div{grid-column:3;grid-row:2}
  #drop_time_div{grid-column:4;grid-row:2}
  .booking-grid--return.is-expanded{max-height:none;margin:0;opacity:1;transform:none;overflow:visible;pointer-events:auto}
  .btn-search{width:auto;min-width:156px;white-space:nowrap}
  .why-grid{grid-template-columns:repeat(2,1fr)}
}

@media(min-width:992px){
  .site-nav ul{gap:4px}
  .premium-booking-page .site-header .header-inner{padding:12px 24px;min-height:64px}

  /* Hero — premium hierarchy, booking widget as focal point */
  .hero{
    min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;
    justify-content:flex-start;align-items:center;
    padding:calc(64px + 24px) 32px clamp(48px,6vh,72px);
    gap:0;overflow:visible;
  }
  .hero__stack{max-width:1120px}
  .hero__content{max-width:650px}
  .hero h1{
    font-size:clamp(1.75rem,2.4vw,2.25rem);
    line-height:1.14;
    margin:0 0 28px;
    letter-spacing:-.035em;
    font-weight:700;
  }
  .hero__lead{
    font-size:clamp(.875rem,1.05vw,.975rem);
    margin:0 auto 32px;
    max-width:500px;
    line-height:1.5;
    color:rgba(255,255,255,.76);
  }
  .hero__trust{margin-bottom:40px;font-size:.8125rem;gap:8px}
  .hero__trust-item{padding:5px 12px;font-size:.8125rem}

  /* Compact luxury booking widget */
  .hero .booking-card{
    margin-top:clamp(100px,10vh,128px);
    margin-bottom:-56px;
    max-width:1120px;
    border-radius:14px;
    background:rgba(12,18,32,.62);
    backdrop-filter:blur(32px) saturate(1.15);-webkit-backdrop-filter:blur(32px) saturate(1.15);
    border:1px solid rgba(255,255,255,.1);
    box-shadow:0 16px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07);
  }
  .hero .booking-card__header{padding:10px 16px 12px;gap:8px}
  .hero .booking-card__header-row--top{gap:10px}
  .hero .booking-card__service-label{font-size:.625rem;letter-spacing:.12em}
  .hero .booking-card__service-link{padding:6px 12px;font-size:.6875rem}
  .hero .trip-pill{padding:2px}
  .hero .trip-pill__slider{top:2px;left:2px;height:calc(100% - 4px)}
  .hero .trip-pill label{padding:6px 14px;font-size:.6875rem;font-weight:600}
  .hero .booking-card__body{padding:14px 16px 16px}

  /* Compact booking shell — aligned return row under pickup date/time */
  .hero .booking-form-shell{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(0,1.55fr) minmax(108px,128px) minmax(96px,116px) auto;
    gap:8px 10px;
    align-items:stretch;
  }
  .hero .booking-grid--primary,
  .hero .booking-grid--return.is-expanded,
  .hero .booking-grid--submit{display:contents}
  .hero .booking-grid--return:not(.is-expanded){display:none}
  .hero .m3-field--pickup{grid-column:1;grid-row:1}
  .hero .m3-field--dropoff{grid-column:2;grid-row:1}
  .hero .m3-field--pick-date{grid-column:3;grid-row:1}
  .hero .m3-field--pick-time{grid-column:4;grid-row:1}
  .hero .booking-grid--submit .m3-field--submit{grid-column:5;grid-row:1;align-self:stretch;display:flex}
  .hero #drop_date_div{grid-column:3;grid-row:2}
  .hero #drop_time_div{grid-column:4;grid-row:2}
  .hero .booking-grid--return.is-expanded{max-height:none;margin:0;opacity:1;transform:none;overflow:visible;pointer-events:auto}
  .hero .m3-field{min-height:48px;margin:0}
  .hero .m3-input-wrap{height:48px;border-radius:10px;--field-bg:rgba(255,255,255,.03)}
  .hero .m3-input-wrap:has(input:hover),.hero .m3-input-wrap:has(textarea:hover){--field-bg:rgba(255,255,255,.045)}
  .hero .m3-input-wrap:has(input:focus),.hero .m3-input-wrap:has(textarea:focus){--field-bg:rgba(255,255,255,.05)}
  .hero .m3-input-wrap input,.hero .m3-input-wrap textarea{
    height:48px;padding:14px 10px 14px 36px;
    font-size:.8125rem;border-radius:10px;
    background:var(--field-bg);
    border-color:rgba(255,255,255,.1);
  }
  .hero .m3-input-wrap input:hover{border-color:rgba(255,255,255,.16)}
  .hero .m3-input-wrap input:focus,.hero .m3-input-wrap textarea:focus{
    padding:13px 9px 13px 35px;
  }
  .hero .m3-field--location .m3-input-wrap input{padding-right:44px}
  .hero .m3-field--location .m3-input-wrap input:focus{padding-right:43px}
  .hero .m3-input-wrap:has(.m3-input-wrap__icon) label{left:36px;font-size:.8125rem}
  .hero .m3-input-wrap input:focus+label,.hero .m3-input-wrap input:not(:placeholder-shown)+label,.hero .m3-input-wrap input.is-filled+label{
    left:16px;font-size:.8125rem;font-weight:600;color:#39B54A;background:var(--field-bg);border-radius:4px;padding:0 4px;
  }
  .hero .m3-input-wrap__icon{left:12px;width:15px;height:15px}
  .hero .btn-search{
    min-height:48px;height:auto;min-width:128px;padding:4px 18px 4px 4px;
    font-size:.8125rem;border-radius:999px;letter-spacing:.02em;
    box-shadow:0 12px 30px rgba(34,197,94,.30);
  }
  .hero .btn-search__icon{width:38px;height:38px;margin-right:10px;font-size:.875rem}
  .hero .btn-search:hover{box-shadow:0 16px 36px rgba(34,197,94,.36);transform:translateY(-2px)}
  .hero .m3-field--submit{align-self:stretch;display:flex}
  .hero .m3-field--submit .btn-search{width:100%}
  .hero .m3-field--location:focus-within,.hero .m3-field--location.is-dropdown-active{z-index:999900}
  .hero .autocomplete-list{border-radius:0 0 10px 10px;max-height:220px}
  .hero .m3-input-wrap.is-dropdown-open input,.hero .m3-input-wrap.is-picker-open input{border-radius:10px 10px 0 0}
  .hero .booking-card.is-results-view{
    background:var(--results-surface);
    backdrop-filter:none;-webkit-backdrop-filter:none;
    border:1px solid var(--results-border);
    box-shadow:0 12px 40px rgba(0,0,0,.36);
  }
}

@media(min-width:768px) and (max-width:991px){
  .booking-card__header{padding:12px 16px}
  .booking-card__body{padding:14px 16px 16px}
  .hero .booking-card{
    margin-top:clamp(80px,9vh,100px);
    margin-bottom:-40px;
  }
}
@media(min-width:768px){body.has-sticky-cta{padding-bottom:0}.sticky-cta{display:none!important}}

