/**
 * Phone Carousel - Frontend stili (v14)
 * Ar redzamām blakus bildēm
 */

/* ============================================
   WRAPPER
   ============================================ */
.phca-carousel-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 20px auto;
    padding: 10px 0;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-select: none;
    touch-action: pan-y;
    overflow: visible;
}

.phca-carousel-wrapper *,
.phca-carousel-wrapper *::before,
.phca-carousel-wrapper *::after {
    box-sizing: border-box;
}

/* ============================================
   STAGE
   ============================================ */
.phca-carousel-wrapper .phca-stage {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 640px;
    padding: 0;
    overflow: hidden;
}

/* ============================================
   FONA SLAIDI
   ============================================ */
.phca-carousel-wrapper .phca-bg-slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.phca-carousel-wrapper .phca-bg-slide {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 270px !important;
    height: 540px !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 30px;
    overflow: hidden;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1),
                opacity 0.6s ease,
                filter 0.6s ease;
    z-index: 1;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
    box-shadow: none !important;
    border: none !important;
}

.phca-carousel-wrapper .phca-bg-slide img,
.phca-carousel-wrapper .phca-bg-slide video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
    transform: translate(calc(-50% - 255px), -50%) scale(0.85);
    opacity: 0.95;
    z-index: 3;
    filter: brightness(0.85);
}

.phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
    transform: translate(calc(-50% + 255px), -50%) scale(0.85);
    opacity: 0.95;
    z-index: 3;
    filter: brightness(0.85);
}

.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev {
    transform: translate(calc(-50% - 450px), -50%) scale(0.7);
    opacity: 0.4;
    z-index: 2;
    filter: blur(2px) brightness(0.7);
}

.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
    transform: translate(calc(-50% + 450px), -50%) scale(0.7);
    opacity: 0.4;
    z-index: 2;
    filter: blur(2px) brightness(0.7);
}

/* ============================================
   TELEFONA RĀMIS
   ============================================ */
.phca-carousel-wrapper .phca-phone {
    position: relative;
    width: 300px;
    height: 615px;
    background: #ffffff;
    border-radius: 42px;
    padding: 11px;
    z-index: 10;
    flex-shrink: 0;
    margin: 0;
    border: 1px solid #999999;
    box-shadow: none;
}

/* Sānu pogas */
.phca-carousel-wrapper .phca-btn {
    position: absolute;
    background: #999999;
    border-radius: 2px;
    z-index: 11;
}

.phca-carousel-wrapper .phca-btn-silent {
    left: -3px;
    top: 75px;
    width: 4px;
    height: 22px;
    border-radius: 2px 0 0 2px;
}

.phca-carousel-wrapper .phca-btn-up {
    left: -4px;
    top: 110px;
    width: 5px;
    height: 50px;
    border-radius: 2px 0 0 2px;
}

.phca-carousel-wrapper .phca-btn-down {
    left: -4px;
    top: 175px;
    width: 5px;
    height: 50px;
    border-radius: 2px 0 0 2px;
}

.phca-carousel-wrapper .phca-btn-power {
    right: -4px;
    top: 135px;
    width: 5px;
    height: 70px;
    border-radius: 0 2px 2px 0;
}

/* Ekrāns */
.phca-carousel-wrapper .phca-phone-screen {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 32px;
    overflow: hidden;
    background: #000;
    box-shadow: none;
    border: none;
}

/* Notch */
.phca-carousel-wrapper .phca-notch {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 95px;
    height: 25px;
    background: #000;
    border-radius: 999px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 12px;
}

.phca-carousel-wrapper .phca-camera {
    display: block;
    width: 8px;
    height: 8px;
    background: #1a1a2e;
    border-radius: 50%;
    box-shadow: inset 0 0 3px rgba(50, 100, 200, 0.6);
}

/* ============================================
   SCREEN SLAIDI
   ============================================ */
.phca-carousel-wrapper .phca-screen-slides {
    position: relative;
    width: 100%;
    height: 100%;
}

.phca-carousel-wrapper .phca-screen-slide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;
    box-shadow: none !important;
    border: none !important;
}

.phca-carousel-wrapper .phca-screen-slide.phca-screen-active {
    opacity: 1;
    z-index: 2;
}

.phca-carousel-wrapper .phca-screen-slide img,
.phca-carousel-wrapper .phca-screen-slide video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ============================================
   PUNKTIŅI
   ============================================ */
.phca-carousel-wrapper .phca-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 25px;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

.phca-carousel-wrapper .phca-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    transition: all 0.3s ease;
    box-shadow: none;
}

.phca-carousel-wrapper .phca-dot:hover {
    background: rgba(0, 0, 0, 0.4);
}

.phca-carousel-wrapper .phca-dot.phca-dot-active {
    background: #2271b1;
    width: 30px;
    border-radius: 5px;
}

/* ============================================
   TUKŠS PAZIŅOJUMS
   ============================================ */
.phca-empty-notice {
    padding: 20px;
    background: #fff4e5;
    border-left: 4px solid #ffb74d;
    color: #663c00;
    border-radius: 4px;
    margin: 20px 0;
}

/* ============================================
   MOBILĀ ADAPTĀCIJA
   ============================================ */
@media (max-width: 1024px) {
    .phca-carousel-wrapper .phca-stage {
        height: 560px;
    }

    .phca-carousel-wrapper .phca-phone {
        width: 260px;
        height: 533px;
        border-radius: 36px;
        padding: 10px;
    }

    .phca-carousel-wrapper .phca-phone-screen {
        border-radius: 28px;
    }

    .phca-carousel-wrapper .phca-notch {
        width: 82px;
        height: 21px;
        padding-right: 10px;
    }

    .phca-carousel-wrapper .phca-bg-slide {
        width: 235px !important;
        height: 470px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 220px), -50%) scale(0.85);
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 220px), -50%) scale(0.85);
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev {
        transform: translate(calc(-50% - 390px), -50%) scale(0.7);
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
        transform: translate(calc(-50% + 390px), -50%) scale(0.7);
    }

    .phca-carousel-wrapper .phca-btn-silent { top: 65px; height: 20px; }
    .phca-carousel-wrapper .phca-btn-up { top: 95px; height: 42px; }
    .phca-carousel-wrapper .phca-btn-down { top: 150px; height: 42px; }
    .phca-carousel-wrapper .phca-btn-power { top: 115px; height: 60px; }
}

@media (max-width: 768px) {
    .phca-carousel-wrapper .phca-stage {
        height: 470px;
    }

    .phca-carousel-wrapper .phca-phone {
        width: 215px;
        height: 441px;
        border-radius: 30px;
        padding: 8px;
    }

    .phca-carousel-wrapper .phca-phone-screen {
        border-radius: 24px;
    }

    .phca-carousel-wrapper .phca-notch {
        width: 68px;
        height: 18px;
        top: 8px;
        padding-right: 8px;
    }

    .phca-carousel-wrapper .phca-camera {
        width: 6px;
        height: 6px;
    }

    .phca-carousel-wrapper .phca-bg-slide {
        width: 195px !important;
        height: 390px !important;
        border-radius: 24px;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 185px), -50%) scale(0.8);
        opacity: 0.6;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 185px), -50%) scale(0.8);
        opacity: 0.6;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev,
    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
        opacity: 0;
    }

    .phca-carousel-wrapper .phca-btn-silent { top: 55px; height: 16px; }
    .phca-carousel-wrapper .phca-btn-up { top: 80px; height: 35px; }
    .phca-carousel-wrapper .phca-btn-down { top: 125px; height: 35px; }
    .phca-carousel-wrapper .phca-btn-power { top: 95px; height: 50px; }
}

@media (max-width: 480px) {
    .phca-carousel-wrapper .phca-stage {
        height: 410px;
    }

    .phca-carousel-wrapper .phca-phone {
        width: 190px;
        height: 390px;
        border-radius: 28px;
        padding: 7px;
    }

    .phca-carousel-wrapper .phca-phone-screen {
        border-radius: 22px;
    }

    .phca-carousel-wrapper .phca-notch {
        width: 60px;
        height: 16px;
        top: 6px;
        padding-right: 7px;
    }

    .phca-carousel-wrapper .phca-camera {
        width: 5px;
        height: 5px;
    }

    .phca-carousel-wrapper .phca-bg-slide {
        width: 170px !important;
        height: 340px !important;
        border-radius: 20px;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 160px), -50%) scale(0.75);
        opacity: 0.5;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 160px), -50%) scale(0.75);
        opacity: 0.5;
    }

    .phca-carousel-wrapper .phca-btn-silent { top: 50px; height: 14px; }
    .phca-carousel-wrapper .phca-btn-up { top: 72px; height: 30px; }
    .phca-carousel-wrapper .phca-btn-down { top: 110px; height: 30px; }
    .phca-carousel-wrapper .phca-btn-power { top: 85px; height: 45px; }
}

@media (max-width: 380px) {
    .phca-carousel-wrapper .phca-stage {
        height: 360px;
    }

    .phca-carousel-wrapper .phca-phone {
        width: 165px;
        height: 340px;
        border-radius: 24px;
        padding: 6px;
    }

    .phca-carousel-wrapper .phca-phone-screen {
        border-radius: 18px;
    }

    .phca-carousel-wrapper .phca-notch {
        width: 52px;
        height: 14px;
        top: 5px;
        padding-right: 6px;
    }

    .phca-carousel-wrapper .phca-bg-slide {
        width: 148px !important;
        height: 295px !important;
        border-radius: 18px;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 140px), -50%) scale(0.72);
        opacity: 0.5;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 140px), -50%) scale(0.72);
        opacity: 0.5;
    }
}

/* ============================================
   ACCESSIBILITY
   ============================================ */
@media (prefers-reduced-motion: reduce) {
    .phca-carousel-wrapper .phca-bg-slide,
    .phca-carousel-wrapper .phca-screen-slide {
        transition: opacity 0.3s ease;
    }
}

.phca-carousel-wrapper .phca-dot:focus-visible {
    outline: 3px solid #2271b1;
    outline-offset: 2px;
}


/* ============================================
   FIX v15 — sānu bildes redzamas
   ============================================ */

/* Izvelkam karuseli ārā no šaura WordPress/Elementor konteinera */
.phca-carousel-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

/* Galvenais labojums: stage nedrīkst nogriezt sānu bildes */
.phca-carousel-wrapper .phca-stage {
    width: min(100vw, 1200px) !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
}

/* Arī fona slaidu slānis nedrīkst griezt nost */
.phca-carousel-wrapper .phca-bg-slides {
    overflow: visible !important;
}

/* Noklusējumā fona slaidi paslēpti */
.phca-carousel-wrapper .phca-bg-slide {
    visibility: hidden;
    opacity: 0;
}

/* Redzamas tikai JS piešķirtās pozīcijas */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-prev,
.phca-carousel-wrapper .phca-bg-slide.phca-bg-next,
.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev,
.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
    visibility: visible !important;
}

/* Kreisā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
    transform: translate(calc(-50% - 335px), -50%) scale(0.86) !important;
    opacity: 0.95 !important;
    z-index: 5 !important;
    filter: brightness(0.86) !important;
}

/* Labā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
    transform: translate(calc(-50% + 335px), -50%) scale(0.86) !important;
    opacity: 0.95 !important;
    z-index: 5 !important;
    filter: brightness(0.86) !important;
}

/* Tālākā kreisā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev {
    transform: translate(calc(-50% - 575px), -50%) scale(0.70) !important;
    opacity: 0.35 !important;
    z-index: 4 !important;
    filter: blur(2px) brightness(0.7) !important;
}

/* Tālākā labā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
    transform: translate(calc(-50% + 575px), -50%) scale(0.70) !important;
    opacity: 0.35 !important;
    z-index: 4 !important;
    filter: blur(2px) brightness(0.7) !important;
}

/* 1024px */
@media (max-width: 1024px) {
    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 285px), -50%) scale(0.85) !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 285px), -50%) scale(0.85) !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev {
        transform: translate(calc(-50% - 485px), -50%) scale(0.70) !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
        transform: translate(calc(-50% + 485px), -50%) scale(0.70) !important;
    }
}

/* 768px */
@media (max-width: 768px) {
    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 245px), -50%) scale(0.80) !important;
        opacity: 0.65 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 245px), -50%) scale(0.80) !important;
        opacity: 0.65 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev,
    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

/* 480px */
@media (max-width: 480px) {
    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 205px), -50%) scale(0.75) !important;
        opacity: 0.55 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 205px), -50%) scale(0.75) !important;
        opacity: 0.55 !important;
    }
}

/* 380px */
@media (max-width: 380px) {
    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 178px), -50%) scale(0.72) !important;
        opacity: 0.5 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 178px), -50%) scale(0.72) !important;
        opacity: 0.5 !important;
    }
}

/* ============================================
   FIX v16 — Coverflow efekts, bildes tuvu telefonam
   ============================================ */

/* Karuselis pilnā ekrāna platumā */
.phca-carousel-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

/* Stage nedrīkst nogriezt sānu bildes */
.phca-carousel-wrapper .phca-stage {
    width: min(100vw, 1180px) !important;
    max-width: 1180px !important;
    height: 660px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
    perspective: 1200px;
}

/* Fona slaidu zona */
.phca-carousel-wrapper .phca-bg-slides {
    overflow: visible !important;
    z-index: 1 !important;
}

/* Telefons vienmēr priekšā */
.phca-carousel-wrapper .phca-phone {
    z-index: 30 !important;
}

/* Visi fona slaidi noklusējumā paslēpti centrā */
.phca-carousel-wrapper .phca-bg-slide {
    width: 270px !important;
    height: 540px !important;
    top: 50% !important;
    left: 50% !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translate(-50%, -50%) scale(0.72) !important;
    transform-origin: center center !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    transition:
        transform 0.75s cubic-bezier(0.22, 0.61, 0.36, 1),
        opacity 0.75s ease,
        filter 0.75s ease,
        box-shadow 0.75s ease !important;
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.20) !important;
    pointer-events: none !important;
}

/* Aktīvie sānu slaidi redzami */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-prev,
.phca-carousel-wrapper .phca-bg-slide.phca-bg-next,
.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev,
.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Kreisā tuvā bilde — tuvu telefonam */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
    transform: translate(calc(-50% - 215px), -50%) scale(0.92) rotate(-2deg) !important;
    opacity: 0.78 !important;
    z-index: 12 !important;
    filter: brightness(0.82) saturate(0.95) !important;
}

/* Labā tuvā bilde — tuvu telefonam */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
    transform: translate(calc(-50% + 215px), -50%) scale(0.92) rotate(2deg) !important;
    opacity: 0.78 !important;
    z-index: 12 !important;
    filter: brightness(0.82) saturate(0.95) !important;
}

/* Kreisā tālā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev {
    transform: translate(calc(-50% - 385px), -50%) scale(0.80) rotate(-4deg) !important;
    opacity: 0.38 !important;
    z-index: 6 !important;
    filter: blur(0.8px) brightness(0.72) saturate(0.9) !important;
}

/* Labā tālā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
    transform: translate(calc(-50% + 385px), -50%) scale(0.80) rotate(4deg) !important;
    opacity: 0.38 !important;
    z-index: 6 !important;
    filter: blur(0.8px) brightness(0.72) saturate(0.9) !important;
}

/* Bildes/video aizpilda karti */
.phca-carousel-wrapper .phca-bg-slide img,
.phca-carousel-wrapper .phca-bg-slide video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 1024px */
@media (max-width: 1024px) {
    .phca-carousel-wrapper .phca-stage {
        height: 580px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide {
        width: 235px !important;
        height: 470px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 185px), -50%) scale(0.90) rotate(-2deg) !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 185px), -50%) scale(0.90) rotate(2deg) !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev {
        transform: translate(calc(-50% - 320px), -50%) scale(0.78) rotate(-4deg) !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
        transform: translate(calc(-50% + 320px), -50%) scale(0.78) rotate(4deg) !important;
    }
}

/* 768px */
@media (max-width: 768px) {
    .phca-carousel-wrapper .phca-stage {
        height: 490px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide {
        width: 195px !important;
        height: 390px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 145px), -50%) scale(0.86) rotate(-2deg) !important;
        opacity: 0.58 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 145px), -50%) scale(0.86) rotate(2deg) !important;
        opacity: 0.58 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev {
        transform: translate(calc(-50% - 250px), -50%) scale(0.72) rotate(-4deg) !important;
        opacity: 0.20 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
        transform: translate(calc(-50% + 250px), -50%) scale(0.72) rotate(4deg) !important;
        opacity: 0.20 !important;
    }
}

/* 480px */
@media (max-width: 480px) {
    .phca-carousel-wrapper .phca-stage {
        height: 420px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide {
        width: 170px !important;
        height: 340px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 122px), -50%) scale(0.82) rotate(-2deg) !important;
        opacity: 0.45 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 122px), -50%) scale(0.82) rotate(2deg) !important;
        opacity: 0.45 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev,
    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

/* ============================================
   FIX v17 — tuvāks parauga coverflow efekts
   ============================================ */

.phca-carousel-wrapper .phca-stage {
    height: 660px !important;
    perspective: 1400px !important;
}

/* Telefons priekšā */
.phca-carousel-wrapper .phca-phone {
    z-index: 50 !important;
}

/* Kopējais sānu kartēm */
.phca-carousel-wrapper .phca-bg-slide {
    width: 285px !important;
    height: 570px !important;
    border-radius: 32px !important;
    box-shadow: 0 35px 75px rgba(0, 0, 0, 0.22) !important;
}

/* Kreisā tuvā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
    transform: translate(calc(-50% - 235px), -50%) scale(0.94) rotate(-2deg) !important;
    opacity: 0.86 !important;
    z-index: 18 !important;
    filter: brightness(0.88) saturate(1) !important;
}

/* Labā tuvā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
    transform: translate(calc(-50% + 235px), -50%) scale(0.94) rotate(2deg) !important;
    opacity: 0.86 !important;
    z-index: 18 !important;
    filter: brightness(0.88) saturate(1) !important;
}

/* Kreisā tālā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev {
    transform: translate(calc(-50% - 430px), -50%) scale(0.82) rotate(-4deg) !important;
    opacity: 0.48 !important;
    z-index: 8 !important;
    filter: blur(0.5px) brightness(0.78) saturate(0.95) !important;
}

/* Labā tālā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
    transform: translate(calc(-50% + 430px), -50%) scale(0.82) rotate(4deg) !important;
    opacity: 0.48 !important;
    z-index: 8 !important;
    filter: blur(0.5px) brightness(0.78) saturate(0.95) !important;
}

/* Responsīvais */
@media (max-width: 1024px) {
    .phca-carousel-wrapper .phca-bg-slide {
        width: 245px !important;
        height: 490px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 200px), -50%) scale(0.92) rotate(-2deg) !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 200px), -50%) scale(0.92) rotate(2deg) !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev {
        transform: translate(calc(-50% - 350px), -50%) scale(0.78) rotate(-4deg) !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
        transform: translate(calc(-50% + 350px), -50%) scale(0.78) rotate(4deg) !important;
    }
}

@media (max-width: 768px) {
    .phca-carousel-wrapper .phca-bg-slide {
        width: 200px !important;
        height: 400px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 150px), -50%) scale(0.85) rotate(-2deg) !important;
        opacity: 0.55 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 150px), -50%) scale(0.85) rotate(2deg) !important;
        opacity: 0.55 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev,
    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
        opacity: 0.18 !important;
    }
}

@media (max-width: 480px) {
    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 120px), -50%) scale(0.80) rotate(-2deg) !important;
        opacity: 0.38 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 120px), -50%) scale(0.80) rotate(2deg) !important;
        opacity: 0.38 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev,
    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

/* ============================================
   FIX v18 — precīzāks stacked/coverflow efekts
   ============================================ */

.phca-carousel-wrapper .phca-stage {
    height: 650px !important;
    perspective: 1500px !important;
}

/* Telefons priekšplānā */
.phca-carousel-wrapper .phca-phone {
    z-index: 60 !important;
}

/* Visas sānu kartes */
.phca-carousel-wrapper .phca-bg-slide {
    width: 270px !important;
    height: 540px !important;
    border-radius: 30px !important;
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.24) !important;
}

/* Kreisā tuvā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
    transform: translate(calc(-50% - 215px), -50%) scale(0.94) rotate(-2.5deg) !important;
    opacity: 0.88 !important;
    z-index: 22 !important;
    filter: brightness(0.86) saturate(1) !important;
}

/* Labā tuvā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
    transform: translate(calc(-50% + 215px), -50%) scale(0.94) rotate(2.5deg) !important;
    opacity: 0.88 !important;
    z-index: 22 !important;
    filter: brightness(0.86) saturate(1) !important;
}

/* Kreisā tālā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev {
    transform: translate(calc(-50% - 400px), -50%) scale(0.80) rotate(-4deg) !important;
    opacity: 0.42 !important;
    z-index: 10 !important;
    filter: blur(0.6px) brightness(0.78) saturate(0.95) !important;
}

/* Labā tālā bilde */
.phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
    transform: translate(calc(-50% + 400px), -50%) scale(0.80) rotate(4deg) !important;
    opacity: 0.42 !important;
    z-index: 10 !important;
    filter: blur(0.6px) brightness(0.78) saturate(0.95) !important;
}

/* ============================================
   FIX v19 — Mobile layout fix
   ============================================ */

/* Planšetes un mazi ekrāni */
@media (max-width: 768px) {

    .phca-carousel-wrapper {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

    .phca-carousel-wrapper .phca-stage {
        height: 500px !important;
        width: 100vw !important;
        max-width: 100vw !important;
        overflow: visible !important;
        perspective: 1000px !important;
    }

    .phca-carousel-wrapper .phca-phone {
        width: 220px !important;
        height: 451px !important;
        border-radius: 32px !important;
        padding: 8px !important;
        z-index: 60 !important;
    }

    .phca-carousel-wrapper .phca-phone-screen {
        border-radius: 26px !important;
    }

    .phca-carousel-wrapper .phca-notch {
        width: 68px !important;
        height: 18px !important;
        top: 8px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide {
        width: 175px !important;
        height: 350px !important;
        border-radius: 24px !important;
        box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18) !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 135px), -50%) scale(0.84) rotate(-2deg) !important;
        opacity: 0.55 !important;
        z-index: 18 !important;
        filter: brightness(0.84) saturate(0.95) !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 135px), -50%) scale(0.84) rotate(2deg) !important;
        opacity: 0.55 !important;
        z-index: 18 !important;
        filter: brightness(0.84) saturate(0.95) !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-prev,
    .phca-carousel-wrapper .phca-bg-slide.phca-bg-far-next {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .phca-carousel-wrapper .phca-dots {
        margin-top: 16px !important;
    }
}

/* Telefoni */
@media (max-width: 480px) {

    .phca-carousel-wrapper .phca-stage {
        height: 455px !important;
    }

    .phca-carousel-wrapper .phca-phone {
        width: 205px !important;
        height: 420px !important;
        border-radius: 30px !important;
        padding: 7px !important;
    }

    .phca-carousel-wrapper .phca-phone-screen {
        border-radius: 24px !important;
    }

    .phca-carousel-wrapper .phca-notch {
        width: 62px !important;
        height: 17px !important;
        top: 7px !important;
    }

    .phca-carousel-wrapper .phca-camera {
        width: 6px !important;
        height: 6px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide {
        width: 150px !important;
        height: 300px !important;
        border-radius: 21px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 112px), -50%) scale(0.82) rotate(-2deg) !important;
        opacity: 0.42 !important;
        z-index: 16 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 112px), -50%) scale(0.82) rotate(2deg) !important;
        opacity: 0.42 !important;
        z-index: 16 !important;
    }

    .phca-carousel-wrapper .phca-dots {
        margin-top: 12px !important;
        gap: 7px !important;
    }

    .phca-carousel-wrapper .phca-dot {
        width: 10px !important;
        height: 10px !important;
    }

    .phca-carousel-wrapper .phca-dot.phca-dot-active {
        width: 34px !important;
    }
}

/* Ļoti mazi telefoni */
@media (max-width: 380px) {

    .phca-carousel-wrapper .phca-stage {
        height: 405px !important;
    }

    .phca-carousel-wrapper .phca-phone {
        width: 178px !important;
        height: 365px !important;
        border-radius: 26px !important;
        padding: 6px !important;
    }

    .phca-carousel-wrapper .phca-phone-screen {
        border-radius: 20px !important;
    }

    .phca-carousel-wrapper .phca-notch {
        width: 54px !important;
        height: 15px !important;
        top: 6px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide {
        width: 128px !important;
        height: 256px !important;
        border-radius: 18px !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-prev {
        transform: translate(calc(-50% - 95px), -50%) scale(0.80) rotate(-2deg) !important;
        opacity: 0.36 !important;
    }

    .phca-carousel-wrapper .phca-bg-slide.phca-bg-next {
        transform: translate(calc(-50% + 95px), -50%) scale(0.80) rotate(2deg) !important;
        opacity: 0.36 !important;
    }
}

/* Aktīvā punkta krāsa */
.phca-carousel-wrapper .phca-dot.phca-dot-active {
    background: #FF2E54 !important;
}

/* Tastatūras fokusa krāsa arī rozā */
.phca-carousel-wrapper .phca-dot:focus-visible {
    outline-color: #FF2E54 !important;
}