/* Parkify Parking Details Enterprise */
:root{--pp-bg:#06111f;--pp-panel:#0b1a2b;--pp-panel2:#102238;--pp-line:rgba(148,163,184,.16);--pp-text:#f8fafc;--pp-muted:#91a4ba;--pp-green:#22d3a6;--pp-blue:#4d8dff;--pp-red:#fb7185}
body.pf-parking-detail-page{background:radial-gradient(circle at 10% 0%,rgba(34,211,166,.09),transparent 32rem),radial-gradient(circle at 90% 0%,rgba(77,141,255,.12),transparent 38rem),var(--pp-bg)}
.pp-page,.pp-page *{box-sizing:border-box}.pp-page{padding:22px 0 70px;color:var(--pp-text)}.pp-shell{width:min(calc(100% - clamp(18px,4vw,64px)),1560px);margin:auto}
.pp-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:16px;color:var(--pp-muted);font-size:.78rem}.pp-breadcrumb a{color:#a8b9cb;text-decoration:none}.pp-breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
.pp-gallery{position:relative}.pp-gallery-main{position:relative;width:100%;height:clamp(340px,58vw,720px);overflow:hidden;padding:0;border:1px solid var(--pp-line);border-radius:24px;background:#081521;cursor:pointer}.pp-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.pp-gallery-main:hover img{transform:scale(1.015)}.pp-gallery-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,10,18,.6))}.pp-gallery-count,.pp-gallery-open-label{position:absolute;bottom:18px;display:flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(4,13,23,.72);backdrop-filter:blur(14px);font-size:.76rem;font-weight:900}.pp-gallery-count{left:18px}.pp-gallery-open-label{right:18px}.pp-gallery-nav{position:absolute;top:45%;z-index:2;width:48px;height:48px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(4,13,23,.72);color:#fff;font-size:2rem;cursor:pointer}.pp-gallery-nav--prev{left:16px}.pp-gallery-nav--next{right:16px}.pp-thumbnails{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(110px,150px);gap:10px;overflow-x:auto;padding:12px 2px}.pp-thumbnail{height:86px;overflow:hidden;padding:0;border:2px solid transparent;border-radius:13px;background:#0b1a2b;cursor:pointer}.pp-thumbnail.is-active{border-color:var(--pp-green)}.pp-thumbnail img{width:100%;height:100%;object-fit:cover}
.pp-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:30px 0 22px}.pp-live-line{display:flex;align-items:center;gap:8px;color:#83efd1;font-size:.73rem;font-weight:900;text-transform:uppercase}.pp-live-line i{width:8px;height:8px;border-radius:50%;background:var(--pp-green);box-shadow:0 0 0 7px rgba(34,211,166,.1)}.pp-heading h1{margin:12px 0 8px;font-size:clamp(36px,5vw,70px);line-height:.98;letter-spacing:-.06em}.pp-heading p{margin:0;color:#b0c0d2}.pp-heading-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.pp-heading-meta span{padding:8px 10px;border:1px solid var(--pp-line);border-radius:999px;background:rgba(255,255,255,.035);font-size:.72rem;font-weight:800}.pp-heading-actions{display:flex;gap:10px;flex-wrap:wrap}.pp-heading-actions a,.pp-heading-actions button{min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--pp-line);border-radius:12px;background:rgba(255,255,255,.045);color:#fff;text-decoration:none;font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}
.pp-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.pp-content{display:grid;gap:16px}.pp-card,.pp-booking-card{border:1px solid var(--pp-line);border-radius:19px;background:rgba(11,26,43,.9);box-shadow:0 20px 60px rgba(0,0,0,.18)}.pp-card{padding:clamp(20px,3vw,32px)}.pp-card-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:20px}.pp-card-head span{display:block;color:var(--pp-green);font-size:.68rem;font-weight:900;text-transform:uppercase}.pp-card-head h2{margin:7px 0 0;font-size:clamp(24px,3vw,38px);letter-spacing:-.05em}.pp-card-head small{color:var(--pp-muted)}
.pp-stat-grid,.pp-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pp-stat-grid article,.pp-price-grid article{padding:16px;border:1px solid var(--pp-line);border-radius:14px;background:rgba(255,255,255,.025)}.pp-stat-grid span,.pp-price-grid span{display:block;color:var(--pp-muted);font-size:.72rem}.pp-stat-grid strong,.pp-price-grid strong{display:block;margin-top:7px;font-size:1.45rem}.pp-capacity-bar{height:10px;margin-top:14px;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.12)}.pp-capacity-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--pp-green),var(--pp-blue));transition:.3s}
.pp-description{color:#b9c7d7;line-height:1.8}.pp-owner-row{display:flex;gap:12px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--pp-line)}.pp-owner-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--pp-green),var(--pp-blue));font-weight:950}.pp-owner-row span,.pp-owner-row strong{display:block}.pp-owner-row span{color:var(--pp-muted);font-size:.72rem}
.pp-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pp-feature-grid article{min-height:96px;display:grid;align-content:center;gap:8px;padding:14px;border:1px solid var(--pp-line);border-radius:14px;background:rgba(255,255,255,.025)}.pp-feature-grid i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(34,211,166,.1);color:#8cf2d4;font-style:normal;font-size:.75rem;font-weight:900}
.pp-slot-legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px;color:var(--pp-muted);font-size:.73rem}.pp-slot-legend span{display:flex;align-items:center;gap:7px}.pp-slot-legend i{width:10px;height:10px;border-radius:50%}.pp-slot-legend .is-free{background:var(--pp-green)}.pp-slot-legend .is-occupied{background:var(--pp-red)}.pp-slot-legend .is-blocked{background:#64748b}.pp-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px}.pp-slot{min-height:70px;display:grid;place-items:center;padding:9px;border:1px solid var(--pp-line);border-radius:13px;text-align:center}.pp-slot span{font-weight:900}.pp-slot small{font-size:.65rem}.pp-slot.is-free{background:rgba(34,211,166,.08);border-color:rgba(34,211,166,.23);color:#baf7e6}.pp-slot.is-occupied{background:rgba(251,113,133,.07);border-color:rgba(251,113,133,.2);color:#fecdd3}.pp-slot.is-blocked{background:rgba(100,116,139,.08);color:#94a3b8}
.pp-schedule{display:grid}.pp-schedule article{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--pp-line)}.pp-schedule article:last-child{border-bottom:0}.pp-schedule span{color:#b7c5d5}.pp-schedule .is-closed{color:#fda4af}.pp-empty-inline{padding:24px;border:1px dashed var(--pp-line);border-radius:14px;color:var(--pp-muted);text-align:center}
.pp-booking-card{position:sticky;top:92px;padding:22px}.pp-booking-price span,.pp-booking-price small{color:var(--pp-muted)}.pp-booking-price strong{display:inline-block;margin:0 5px;font-size:2rem}.pp-booking-status{display:flex;align-items:center;gap:9px;margin:18px 0;padding:13px;border:1px solid rgba(34,211,166,.22);border-radius:13px;background:rgba(34,211,166,.07);color:#baf7e6}.pp-booking-status span{width:9px;height:9px;border-radius:50%;background:var(--pp-green)}.pp-booking-status.is-full{border-color:rgba(251,113,133,.22);background:rgba(251,113,133,.07);color:#fecdd3}.pp-booking-status.is-full span{background:var(--pp-red)}.pp-booking-info article{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--pp-line);font-size:.76rem}.pp-booking-info span{color:var(--pp-muted)}.pp-reserve-button,.pp-map-button{min-height:50px;display:flex;align-items:center;justify-content:center;margin-top:14px;border-radius:12px;text-decoration:none;font-size:.84rem;font-weight:900}.pp-reserve-button{background:linear-gradient(135deg,var(--pp-green),var(--pp-blue));color:#fff}.pp-map-button{border:1px solid var(--pp-line);background:rgba(255,255,255,.04);color:#fff}.pp-reserve-button.is-disabled{pointer-events:none;background:rgba(148,163,184,.12);color:#718096}.pp-booking-note{display:block;margin-top:12px;color:var(--pp-muted);text-align:center}
.pp-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:800;display:none;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--pp-line);background:rgba(7,17,29,.95);backdrop-filter:blur(18px)}.pp-mobile-bar strong,.pp-mobile-bar span{display:block}.pp-mobile-bar span{color:var(--pp-muted);font-size:.7rem}.pp-mobile-bar a{min-height:44px;display:flex;align-items:center;padding:0 18px;border-radius:11px;background:linear-gradient(135deg,var(--pp-green),var(--pp-blue));color:#fff;text-decoration:none;font-weight:900}.pp-mobile-bar a.is-disabled{pointer-events:none;background:rgba(148,163,184,.12);color:#718096}
.pp-lightbox{position:fixed;inset:0;z-index:13000;display:grid;place-items:center;padding:18px}.pp-lightbox[hidden]{display:none}.pp-lightbox-backdrop{position:absolute;inset:0;background:rgba(2,8,15,.9);backdrop-filter:blur(14px)}.pp-lightbox-card{position:relative;z-index:1;width:min(94vw,1500px);height:min(90vh,920px);display:grid;place-items:center}.pp-lightbox-card img{max-width:100%;max-height:100%;object-fit:contain}.pp-lightbox-close,.pp-lightbox-prev,.pp-lightbox-next{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.15);background:rgba(5,14,24,.75);color:#fff;cursor:pointer}.pp-lightbox-close{right:0;top:0;width:46px;height:46px;border-radius:14px;font-size:1.5rem}.pp-lightbox-prev,.pp-lightbox-next{top:50%;width:50px;height:58px;border-radius:15px;font-size:2.2rem}.pp-lightbox-prev{left:0}.pp-lightbox-next{right:0}.pp-lightbox-counter{position:absolute;bottom:0;padding:10px 13px;border-radius:12px;background:rgba(5,14,24,.75);font-weight:900}body.pp-lightbox-open{overflow:hidden}
.pp-missing{min-height:70vh;display:grid;place-items:center;padding:30px}.pp-missing>div{width:min(100%,620px);padding:40px;border:1px solid var(--pp-line);border-radius:20px;background:var(--pp-panel)}.pp-missing span{color:var(--pp-green);font-weight:900}.pp-missing h1{font-size:clamp(32px,5vw,62px);letter-spacing:-.06em}.pp-missing p{color:var(--pp-muted)}.pp-missing a{display:inline-flex;margin-top:12px;padding:13px 16px;border-radius:12px;background:linear-gradient(135deg,var(--pp-green),var(--pp-blue));color:#fff;text-decoration:none;font-weight:900}
@media(max-width:1100px){.pp-layout{grid-template-columns:1fr}.pp-booking-card{position:static}.pp-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.pp-page{padding-top:10px;padding-bottom:100px}.pp-shell{width:calc(100% - 12px)}.pp-gallery-main{height:56vw;min-height:260px;border-radius:17px}.pp-gallery-open-label{display:none}.pp-heading{align-items:flex-start;flex-direction:column;padding-top:22px}.pp-heading-actions{width:100%}.pp-heading-actions a,.pp-heading-actions button{flex:1}.pp-stat-grid,.pp-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-mobile-bar{display:flex}.pp-booking-card{display:none}}
@media(max-width:460px){.pp-gallery-main{height:64vw;min-height:230px}.pp-thumbnail{height:72px}.pp-thumbnails{grid-auto-columns:100px}.pp-card{padding:17px}.pp-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-heading h1{font-size:38px}}