/* Pikes Peak Auto Theme 1.4.3 — realistic category cards + more cinematic homepage slider */

/* Real-photo category cards */
.ppag-feature-bar{padding:38px max(16px,calc((100vw - 1360px)/2))!important;background:linear-gradient(180deg,#081624 0%,#07111f 100%)!important}
.ppag-feature-bar__inner{max-width:1360px;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px!important;align-items:stretch}
.ppag-feature-item{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:12px 12px 16px;text-decoration:none!important;border:1px solid rgba(71,132,175,.42);border-radius:18px;background:linear-gradient(180deg,rgba(14,37,58,.94),rgba(7,17,31,.98));box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden;min-height:224px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.ppag-feature-item::after{content:"";position:absolute;inset:auto 0 0 0;height:52%;background:linear-gradient(180deg,rgba(4,12,22,0) 0%,rgba(4,12,22,.2) 14%,rgba(4,12,22,.94) 100%);pointer-events:none}
.ppag-feature-item:hover{transform:translateY(-5px);border-color:#5be0ff;box-shadow:0 24px 52px rgba(2,123,193,.22),0 0 0 1px rgba(110,225,255,.18) inset}
.ppag-feature-item:focus-visible{outline:3px solid #8de6ff;outline-offset:4px}
.ppag-feature-icon-box,.ppag-feature-tag,.ppag-feature-label,.ppag-feature-hint{position:relative;z-index:2}
.ppag-feature-icon-box{width:100%!important;height:122px!important;display:flex!important;align-items:flex-end;justify-content:center;padding:0;border:0!important;border-radius:14px!important;background:radial-gradient(circle at 50% 110%,rgba(23,155,236,.28),rgba(17,36,54,.14) 46%,rgba(17,36,54,0) 74%)!important;box-shadow:none!important;overflow:hidden}
.ppag-feature-item--photo .ppag-feature-icon-box{height:132px!important;background:radial-gradient(circle at 50% 94%,rgba(36,178,255,.35),transparent 66%)!important}
.ppag-feature-photo{display:block;width:100%;height:100%;background-image:var(--ppag-feature-photo);background-size:cover;background-position:center center;border-radius:12px;box-shadow:inset 0 -40px 60px rgba(0,0,0,.22);transform:scale(1.02);transition:transform .35s ease,filter .35s ease;filter:saturate(1.02) contrast(1.03) brightness(.98)}
.ppag-feature-item:hover .ppag-feature-photo{transform:scale(1.06);filter:saturate(1.06) contrast(1.05) brightness(1.02)}
.ppag-feature-item--icon .ppag-feature-icon-box{padding-inline:10px}
.ppag-feature-item--icon .ppag-feature-icon-box img{display:block!important;width:min(100%,156px)!important;height:auto!important;max-height:94px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.38));transition:transform .3s ease,filter .3s ease}
.ppag-feature-item:hover .ppag-feature-icon-box img{transform:scale(1.05) translateY(-2px);filter:drop-shadow(0 12px 22px rgba(0,0,0,.4))}
.ppag-feature-tag{margin-top:14px;font:800 10px/1.15 var(--ppag-font-head)!important;letter-spacing:.18em!important;text-transform:uppercase;color:#61d9ff!important}
.ppag-feature-label{margin-top:8px;font:900 21px/1 var(--ppag-font-head)!important;color:#fff!important;letter-spacing:.03em!important;text-transform:uppercase;white-space:normal;text-align:left;text-shadow:0 6px 24px rgba(0,0,0,.35)}
.ppag-feature-hint{margin-top:8px;font:600 12px/1.4 var(--ppag-font-body)!important;color:#a6c8de!important;text-align:left;letter-spacing:0;max-width:18ch}
.ppag-feature-hint span{color:#79e1ff}

/* Slider styling tuned toward dealership promo-video feel */
.pph.ppi{min-height:min(82vh,860px)!important;background:#06111d;overflow:hidden}
.pph-slide{transition:opacity 1.05s ease,visibility 0s 1.05s}
.pph-slide.is-active{transition:opacity 1.05s ease}
.pph-slide::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 78% 26%,rgba(58,194,255,.16),transparent 24%),linear-gradient(180deg,rgba(7,16,29,.12),rgba(7,16,29,.46))}
.pph-bg{position:absolute;inset:0!important;overflow:hidden}
.pph-bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,11,20,.18) 0%,rgba(4,11,20,0) 26%,rgba(4,11,20,0) 74%,rgba(4,11,20,.28) 100%)}
.pph-bg img{width:100%;height:100%;object-fit:cover;object-position:65% 52%;transform:scale(1.13) translate3d(1.8%,0,0);transition:transform 8.5s cubic-bezier(.19,.62,.17,1),filter 1s ease!important;filter:brightness(.7) saturate(1.04) contrast(1.04)}
.pph-slide.is-active .pph-bg img{transform:scale(1.03) translate3d(0,0,0)!important;filter:brightness(.78) saturate(1.09) contrast(1.04)}
.pph-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,8,15,.94) 0%,rgba(2,8,15,.84) 22%,rgba(4,11,20,.5) 48%,rgba(4,11,20,.24) 64%,rgba(4,11,20,.82) 100%),radial-gradient(circle at 75% 24%,rgba(66,192,255,.18),transparent 18%),linear-gradient(180deg,rgba(4,12,22,.12) 0%,rgba(4,12,22,.46) 54%,rgba(3,10,18,.94) 100%)}
.pph-inner{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:34px;padding-bottom:72px!important}
.pph-copy{max-width:640px;transform:translateY(18px);opacity:0;transition:transform .9s .22s ease,opacity .9s .22s ease}
.pph-slide.is-active .pph-copy{transform:none;opacity:1}
.pph-eyebrow{font-size:12px!important;letter-spacing:.24em!important;margin-bottom:16px!important;color:#c4d7e8!important;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.pph-eyebrow span{color:#61d9ff}
.pph-title{font-size:clamp(54px,6vw,96px)!important;line-height:.93!important;letter-spacing:-.025em!important;text-shadow:0 14px 40px rgba(0,0,0,.42)}
.pph-title span{font-size:.34em!important;letter-spacing:.16em!important;margin-bottom:12px!important;background:linear-gradient(180deg,#cbf4ff,#54cbff)!important;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pph-trim{margin-top:14px!important;max-width:42ch;font-size:19px!important;color:#d8e5f0!important;text-shadow:0 2px 14px rgba(0,0,0,.32)}
.pph-specs{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 28px!important}
.pph-specs li{padding:8px 14px!important;background:rgba(7,21,37,.62)!important;border:1px solid rgba(100,204,255,.2)!important;backdrop-filter:blur(10px)}
.pph-cta .ppi-btn{min-height:52px!important;height:auto!important;padding:14px 24px!important}
.pph-badge{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:28px 28px 24px!important;width:min(318px,30vw)!important;height:auto!important;min-height:220px;border-radius:28px!important;margin:0 2.2vw 20px auto!important;background:linear-gradient(180deg,rgba(8,24,40,.82),rgba(6,15,27,.95))!important;border:1px solid rgba(108,213,255,.34)!important;box-shadow:0 0 0 1px rgba(135,226,255,.09) inset,0 26px 58px rgba(0,0,0,.42),0 0 70px rgba(12,145,220,.14)!important;backdrop-filter:blur(12px);transform:translateY(18px);opacity:0;transition:transform .85s .34s ease,opacity .85s .34s ease,box-shadow .25s ease}
.pph-slide.is-active .pph-badge{transform:none;opacity:1}
.pph-badge:hover{box-shadow:0 0 0 1px rgba(135,226,255,.16) inset,0 26px 58px rgba(0,0,0,.42),0 0 70px rgba(12,145,220,.24)!important}
.pph-badge__name{font-size:14px!important;letter-spacing:.08em!important;color:#cbe2f3;text-align:left;width:100%}
.pph-badge__label{font-size:10px!important;letter-spacing:.2em!important;margin-top:14px!important;color:#78dfff!important}
.pph-badge__big{font-size:68px!important;line-height:.9!important;margin:8px 0!important;align-items:flex-start}
.pph-badge__big sup{font-size:27px!important;margin-top:7px!important}
.pph-badge__big small{font-size:21px!important;margin:8px 0 0 6px!important}
.pph-badge__big small em{font-size:9px!important;letter-spacing:.1em!important}
.pph-badge__big--price{font-size:48px!important;line-height:.96!important}
.pph-badge__fine{font-size:11px!important;max-width:220px;line-height:1.45!important;color:#d2dfeb}
.pph-arrow{opacity:1!important;border-color:rgba(255,255,255,.18)!important;background:rgba(7,19,32,.55)!important;backdrop-filter:blur(10px)}
.pph-arrow:hover{background:#0a78bd!important;border-color:#60d7ff!important}
.pph-dots{left:clamp(18px,8vw,110px)!important;bottom:30px!important;transform:none!important;gap:10px!important}
.pph-dot{width:56px!important;height:14px!important;background:linear-gradient(transparent 42%,rgba(255,255,255,.18) 42%,rgba(255,255,255,.18) 66%,transparent 66%)!important;border-radius:10px!important}
.pph-dot span{margin-top:5px!important;height:4px!important;border-radius:4px!important;background:#54cbff!important;box-shadow:0 0 14px rgba(84,203,255,.8)!important}
.pph-controls{bottom:18px!important;right:28px!important}
.pph-toggle{background:rgba(7,20,33,.88)!important;border-color:rgba(109,198,234,.42)!important}
.pph-toggle:hover,.pph-toggle:focus-visible{background:#0a78bd!important;border-color:#9be9ff!important}

@media(max-width:1180px){
  .ppag-feature-bar__inner{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .pph.ppi{min-height:760px!important}
  .pph-inner{padding-bottom:76px!important}
  .pph-badge{width:min(300px,36vw)!important;margin-right:0!important}
}
@media(max-width:740px){
  .ppag-feature-bar{padding:20px 12px!important}
  .ppag-feature-bar__inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .ppag-feature-item{min-height:205px;padding:10px 10px 14px}
  .ppag-feature-icon-box{height:110px!important}
  .ppag-feature-item--photo .ppag-feature-icon-box{height:112px!important}
  .ppag-feature-tag{margin-top:10px;font-size:9px!important;letter-spacing:.14em!important}
  .ppag-feature-label{margin-top:7px;font-size:18px!important}
  .ppag-feature-hint{margin-top:6px;font-size:11px!important;max-width:none}
  .pph.ppi,.pph-inner{min-height:720px!important}
  .pph-inner{padding:16px 18px 86px!important;align-items:flex-end!important}
  .pph-copy{max-width:none}
  .pph-title{font-size:clamp(42px,10.5vw,66px)!important}
  .pph-title span{font-size:.36em!important;letter-spacing:.14em!important}
  .pph-trim{font-size:15px!important}
  .pph-specs{margin:16px 0 18px!important}
  .pph-badge{width:100%!important;max-width:270px;min-height:0!important;padding:18px 18px 16px!important;border-radius:20px!important;margin:14px 0 0 auto!important}
  .pph-badge__name{font-size:12px!important}
  .pph-badge__big{font-size:44px!important}
  .pph-badge__big--price{font-size:32px!important}
  .pph-badge__fine{font-size:10px!important}
  .pph-dots{left:18px!important;bottom:22px!important;gap:6px!important}
  .pph-dot{width:30px!important}
  .pph-controls{right:14px!important;bottom:10px!important}
}
@media(max-width:370px){
  .ppag-feature-item{min-height:190px}
  .ppag-feature-icon-box,.ppag-feature-item--photo .ppag-feature-icon-box{height:100px!important}
  .ppag-feature-label{font-size:16px!important}
  .ppag-feature-hint{font-size:10px!important}
  .pph.ppi,.pph-inner{min-height:740px!important}
}
@media(prefers-reduced-motion:reduce){
  .ppag-feature-photo,.ppag-feature-item,.pph-slide,.pph-badge,.pph-copy,.pph-bg img{transition:none!important;animation:none!important;transform:none!important}
}