/* Loaded only by the homepage hero. Keep listing/detail layouts unchanged. */
.pk-homepage { width:100%; min-width:0; }
.pk-homepage .container { width:92%; max-width:1920px; margin-inline:auto; }
.pk-homepage #rentHero { min-height:0; padding:clamp(28px,4vw,72px) 0; overflow:visible; }
.pk-homepage #rentHero > .container > .row { row-gap:24px; }
.pk-homepage #rentHero .hero-title { position:static; left:auto; top:auto; padding-right:clamp(12px,3vw,60px); }
.pk-homepage #rentHero #heroTitle { display:block; background:none; padding:0; border-radius:0; text-align:left; font-size:clamp(26px,2.6vw,48px); line-height:1.2; max-width:22ch; margin-bottom:18px; }
.pk-homepage #rentHero .hero-title p { display:block; background:none; box-shadow:none; border-radius:0; padding:0; text-align:left; color:#edf3ff; font-size:clamp(15px,1.1vw,19px); line-height:1.7; max-width:52ch; margin-bottom:14px; }
.pk-homepage #rentHero .hero-title #pkHeroUrdu { text-align:right; line-height:2; }
.pk-homepage #rentHero .hero-title .pk-hero-note { color:#ffd578; font-size:13px; margin:20px 0 0; }
.pk-homepage #rentHero .rent-card { background:#fff; color:#1f2e4e; border:1px solid #dce5f1; padding:clamp(16px,2vw,30px); box-shadow:0 12px 32px #001b4233; }
.pk-homepage #rentHero [hidden] { display:none!important; }
.pk-homepage #rentHero .pk-hero-modes { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:18px; }
.pk-homepage #rentHero .pk-hero-modes button { border:1px solid #c6d6eb; border-radius:10px; background:#f1f5fc; color:#003b95; font-size:16px; font-weight:700; padding:13px 8px; min-height:48px; }
.pk-homepage #rentHero .pk-hero-modes button[aria-pressed="true"] { background:#003b95; border-color:#003b95; color:#fff; }
.pk-homepage #rentHero .rent-tabs,.pk-homepage #rentHero .pk-seat-modes { display:flex; gap:6px; margin-bottom:18px; }
.pk-homepage #rentHero .rent-tabs button,.pk-homepage #rentHero .pk-seat-modes button { flex:1; padding:9px 6px; font-size:13px; font-weight:600; border:1px solid #d4dfed; border-radius:7px; background:#fff; color:#1f2e4e; min-height:40px; }
.pk-homepage #rentHero .rent-tabs button.active,.pk-homepage #rentHero .pk-seat-modes button[aria-pressed="true"] { background:#edf3fc; border-color:#003b95; color:#003b95; box-shadow:inset 0 -2px #003b95; }
.pk-homepage #rentHero .rent-city { background:#f5f8fc; color:#003b95; border:1px solid #cedbeb; }
.pk-homepage #rentHero .rent-city input,.pk-homepage #rentHero .rent-city select { color:#1f2e4e; min-width:0; }
.pk-homepage #rentHero .rent-city input::placeholder { color:#586982; opacity:1; }
.pk-homepage #rentHero .pk-hero-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
.pk-homepage #rentHero .pk-date-field { grid-column:1/-1; }
.pk-homepage #rentHero label { display:block; font-size:13px; font-weight:600; margin-bottom:6px; color:#1f2e4e; }
.pk-homepage #rentHero .pk-hero-fields select,.pk-homepage #rentHero .pk-hero-fields input { width:100%; min-width:0; height:46px; border:1px solid #c8d6e9; border-radius:8px; padding:9px 12px; background:#fff; color:#1f2e4e; font:inherit; }
.pk-homepage #rentHero .pk-hero-submit,.pk-homepage #rentHero #rentSearchBtn { width:100%; border:0; border-radius:8px; min-height:46px; margin-top:18px!important; padding:10px 16px; background:#003b95; color:#fff; font-weight:700; }
.pk-homepage #rentHero button:focus-visible,.pk-homepage #rentHero input:focus-visible,.pk-homepage #rentHero select:focus-visible { outline:3px solid #e8ae36; outline-offset:3px; }
.pk-homepage .pakrents-vehicle-section,.pk-homepage .popular-section { padding-block:32px; }
.nav-bar > .container { width:92%; max-width:1920px; }
@media(min-width:2200px) { .pk-homepage .container,.nav-bar > .container { max-width:90vw; } }
@media(max-width:991px) {
 .pk-homepage .container,.nav-bar > .container { width:100%; padding-inline:20px; }
 .pk-homepage #rentHero .hero-title { padding-right:12px; }
 .pk-homepage #rentHero #heroTitle { max-width:none; }
 .pk-homepage #rentHero .hero-title p { max-width:none; }
}
@media(max-width:480px) {
 .pk-homepage .container,.nav-bar > .container { padding-inline:12px; }
 .pk-homepage #rentHero { padding-block:24px; }
 .pk-homepage #rentHero .pk-hero-modes button { font-size:14px; }
 .pk-homepage #rentHero .rent-tabs button,.pk-homepage #rentHero .pk-seat-modes button { font-size:12px; padding:8px 4px; }
 .pk-homepage #rentHero .pk-hero-fields { grid-template-columns:minmax(0,1fr); gap:12px; }
 .pk-homepage #rentHero .pk-date-field { grid-column:auto; }
 .nav-bar .navbar-brand h1 { font-size:25px; }
 .nav-bar .pk-post-ad { font-size:13px; padding:8px 12px; }
}

.pk-homepage #rentHero .shuttle-tabs button {flex:1;border:1px solid #cedbeb;border-radius:8px;padding:10px 8px;min-height:44px;background:#fff;color:#1f2e4e;font:inherit;font-size:14px;}
.pk-homepage #rentHero .shuttle-tabs button.active {background:#003b95;border-color:#003b95;color:#fff;}