/* =========================
   GLOBAL
========================= */

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: #ffffff;
    color: #102a43;
}


/* =========================
   PIKASHOW HERO
========================= */

.pika-hero {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 14px auto;
    padding: 38px 48px;

    border: 1px solid #f1d56d;
    border-radius: 16px;

    background: linear-gradient(
        135deg,
        #FFFDF2 0%,
        #FFF2A6 35%,
        #FFD84D 68%,
        #FFF7CC 100%
    );

    box-shadow: 0 8px 28px rgba(255, 193, 7, 0.10);
}

.pika-hero-inner {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 44px;
    align-items: center;
}

.pika-hero-left {
    text-align: center;
}

.pika-hero-badge {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 18px;

    background: rgba(255,255,255,.78);
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 40px;

    color: #e85d04;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.pika-hero-left h1 {
    max-width: 760px;
    margin: 0 auto;

    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.8px;

    color: #102a43;
}

.pika-hero-left h1 span {
    color: #ff6b00;
}

.pika-hero-left > p {
    max-width: 760px;
    margin: 18px auto 0;

    color: #34495e;
    font-size: 18px;
    line-height: 1.65;
    font-weight: 600;
}


/* BUTTONS */

.pika-hero-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-top: 24px;
}

.pika-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 50px;
    padding: 0 28px;

    background: #ffbd00;
    color: #111827;

    border-radius: 8px;
    text-decoration: none;

    font-size: 17px;
    font-weight: 800;

    transition: .2s ease;
}

.pika-download-btn:hover {
    background: #ffae00;
    transform: translateY(-2px);
}

.pika-secondary-link {
    color: #102a43;
    text-decoration: none;

    font-size: 16px;
    font-weight: 700;
}

.pika-secondary-link:hover {
    color: #ff6b00;
}


/* TRUST */

.pika-hero-trust {
    display: flex;
    justify-content: center;
    gap: 24px;

    margin-top: 18px;

    color: #425b76;
    font-size: 14px;
    font-weight: 700;
}


/* RIGHT CARDS */

.pika-hero-right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.pika-hero-card {
    display: flex;
    align-items: center;
    gap: 14px;

    min-height: 118px;
    padding: 18px;

    background: rgba(255,255,255,.94);

    border: 1px solid #eadfba;
    border-radius: 13px;

    box-shadow: 0 5px 14px rgba(20, 45, 75, .06);
}

.pika-card-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;

    background: #fff1b8;
    color: #f97316;

    font-size: 23px;
    font-weight: 800;
}

.pika-card-content h3 {
    margin: 0 0 5px;

    color: #102a43;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 800;
}

.pika-card-content p {
    margin: 0;

    color: #52677e;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
}


/* =========================
   INTRO SECTION
========================= */

.pika-intro {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 22px auto;
    padding: 32px 38px;

    background: linear-gradient(
        135deg,
        #FFFDF5 0%,
        #FFF5BF 35%,
        #FFE36D 68%,
        #FFF9D8 100%
    );

    border: 1px solid #f1dc85;
    border-radius: 14px;

    box-shadow: 0 6px 22px rgba(255, 193, 7, 0.09);
}

.pika-intro .pika-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.pika-intro h2 {
    position: relative;

    margin: 0 0 18px;
    padding-left: 16px;

    color: #102a43;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 800;
}

.pika-intro h2::before {
    content: "";
    position: absolute;

    left: 0;
    top: 3px;

    width: 5px;
    height: 34px;

    background: #ff6b00;
    border-radius: 10px;
}

.pika-intro p {
    margin: 0 0 14px;

    color: #34495e;
    font-size: 17px;
    line-height: 1.8;
    font-weight: 600;
}

.pika-intro p:last-child {
    margin-bottom: 0;
}


/* INTERNAL LINK */

.pika-home-link {
    color: #d95f00;
    font-weight: 800;
    text-decoration: none;
}

.pika-home-link:hover {
    color: #ff6b00;
    text-decoration: underline;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1100px) {

    .pika-hero {
        padding: 32px 24px;
    }

    .pika-hero-inner {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .pika-hero-right {
        max-width: 760px;
        width: 100%;
        margin: 0 auto;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 650px) {

    .pika-hero {
        width: calc(100% - 16px);
        margin: 8px auto;
        padding: 24px 14px;
        border-radius: 13px;
    }

    .pika-hero-inner {
        display: block;
    }

    .pika-hero-badge {
        margin-bottom: 13px;
        padding: 7px 11px;

        font-size: 10px;
        letter-spacing: .8px;
    }

    .pika-hero-left h1 {
        max-width: 100%;
        font-size: 29px;
        line-height: 1.16;
        letter-spacing: -.4px;
    }

    .pika-hero-left > p {
        margin-top: 14px;
        padding: 0 2px;

        font-size: 15px;
        line-height: 1.65;
        font-weight: 600;
    }

    .pika-hero-actions {
        flex-direction: column;
        gap: 10px;
        margin-top: 18px;
    }

    .pika-download-btn {
        width: 100%;
        max-width: 280px;
        min-height: 48px;
        padding: 0 20px;

        font-size: 16px;
    }

    .pika-secondary-link {
        font-size: 14px;
    }

    .pika-hero-trust {
        flex-wrap: wrap;
        gap: 7px 12px;
        margin-top: 16px;

        font-size: 12px;
    }

    .pika-hero-right {
        grid-template-columns: 1fr;
        gap: 10px;

        margin-top: 24px;
    }

    .pika-hero-card {
        min-height: auto;
        padding: 14px;
        gap: 12px;

        text-align: left;
    }

    .pika-card-icon {
        width: 46px;
        height: 46px;
        min-width: 46px;

        font-size: 19px;
    }

    .pika-card-content h3 {
        font-size: 16px;
    }

    .pika-card-content p {
        font-size: 13px;
        line-height: 1.45;
    }


    /* INTRO MOBILE */

    .pika-intro {
        width: calc(100% - 16px);
        margin: 14px auto;
        padding: 22px 16px;
        border-radius: 12px;
    }

    .pika-intro h2 {
        margin-bottom: 14px;
        padding-left: 12px;

        font-size: 25px;
        line-height: 1.2;
    }

    .pika-intro h2::before {
        width: 4px;
        height: 27px;
        top: 1px;
    }

    .pika-intro p {
        margin-bottom: 12px;

        font-size: 15px;
        line-height: 1.7;
        font-weight: 600;
    }
}
/* =========================================
   WHAT IS PIKASHOW SECTION
========================================= */

.pika-what-is {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 22px auto;
    padding: 34px 38px;

    background: linear-gradient(
        120deg,
        #FFFDF5 0%,
        #FFF8D6 35%,
        #FFED91 70%,
        #FFFBEA 100%
    );

    border: 1px solid #f0df8c;
    border-radius: 14px;

    box-shadow: 0 6px 22px rgba(255, 193, 7, 0.08);
}


/* CONTAINER */

.pika-what-is .pika-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
}


/* HEADING */

.pika-what-is h2 {
    position: relative;

    margin: 0 0 20px;
    padding-bottom: 12px;

    color: #102a43;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 800;
}

.pika-what-is h2::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: 0;

    width: 70px;
    height: 4px;

    background: #ff6b00;
    border-radius: 20px;
}


/* PARAGRAPH */

.pika-what-is p {
    margin: 0 0 15px;

    color: #34495e;
    font-size: 17px;
    line-height: 1.8;
    font-weight: 600;
}

.pika-what-is p:last-child {
    margin-bottom: 0;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .pika-what-is {
        padding: 28px 26px;
    }

    .pika-what-is h2 {
        font-size: 29px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .pika-what-is {
        width: calc(100% - 16px);
        margin: 14px auto;
        padding: 22px 16px;

        border-radius: 12px;
    }

    .pika-what-is h2 {
        margin-bottom: 16px;
        padding-bottom: 10px;

        font-size: 25px;
        line-height: 1.2;
    }

    .pika-what-is h2::after {
        width: 55px;
        height: 4px;
    }

    .pika-what-is p {
        margin-bottom: 12px;

        font-size: 15px;
        line-height: 1.7;
        font-weight: 600;
    }
}
/* =========================================
   PIKASHOW APP DETAILS
========================================= */

.pika-app-details {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;
}

.pika-app-details-inner {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 45px;
    align-items: center;
}


/* =========================================
   LEFT APP IMAGE
========================================= */

.pika-app-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pika-app-image img {
    display: block;

    width: 260px;
    height: 260px;

    object-fit: cover;

    border-radius: 28px;

    box-shadow: 0 10px 30px rgba(16, 42, 67, 0.12);
}


/* =========================================
   RIGHT CARDS
========================================= */

.pika-app-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.pika-info-card {
    min-height: 165px;
    padding: 20px 15px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    background: linear-gradient(
        180deg,
        #FFD93D 0%,
        #FFE97D 38%,
        #FFF5BD 72%,
        #FFFDF2 100%
    );

    border: 1px solid #e5c84d;
    border-radius: 14px;

    box-shadow: 0 5px 16px rgba(255, 193, 7, 0.10);

    transition: transform .25s ease, box-shadow .25s ease;
}

.pika-info-card:hover {
    transform: translateY(-4px);

    box-shadow: 0 10px 24px rgba(255, 193, 7, 0.18);
}


/* ICON */

.pika-info-icon {
    min-height: 35px;
    margin-bottom: 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 28px;
    line-height: 1;
}


/* TITLE */

.pika-info-card h3 {
    margin: 0 0 9px;

    color: #102a43;

    font-size: 20px;
    line-height: 1.25;
    font-weight: 800;
}


/* VALUE */

.pika-info-card p {
    margin: 0;

    color: #34495e;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .pika-app-details-inner {
        grid-template-columns: 240px 1fr;
        gap: 25px;
    }

    .pika-app-image img {
        width: 210px;
        height: 210px;
    }

    .pika-info-card {
        min-height: 150px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

    .pika-app-details {
        width: calc(100% - 16px);
        margin: 22px auto;
    }

    .pika-app-details-inner {
        display: block;
    }


    /* IMAGE TOP */

    .pika-app-image {
        margin-bottom: 22px;
    }

    .pika-app-image img {
        width: 160px;
        height: 160px;

        border-radius: 22px;
    }


    /* 2 CARDS PER ROW */

    .pika-app-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .pika-info-card {
        min-height: 135px;
        padding: 15px 8px;

        border-radius: 10px;
    }

    .pika-info-icon {
        min-height: 28px;
        margin-bottom: 7px;

        font-size: 23px;
    }

    .pika-info-card h3 {
        margin-bottom: 6px;

        font-size: 15px;
        line-height: 1.25;
    }

    .pika-info-card p {
        font-size: 13px;
        line-height: 1.35;
    }
}


/* VERY SMALL MOBILE */

@media (max-width: 360px) {

    .pika-app-info-grid {
        grid-template-columns: 1fr;
    }

} 
/* =========================================
   KEY FEATURES OF PIKASHOW
========================================= */

.pika-features {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;
}


/* =========================================
   SECTION HEADING
========================================= */

.pika-features-heading {
    position: relative;
    margin-bottom: 24px;
    padding: 22px 25px;

    text-align: center;

    background: linear-gradient(
        120deg,
        #FFFDF2 0%,
        #FFF3A6 45%,
        #FFD93D 100%
    );

    border: 1px solid #efd15b;
    border-radius: 14px;

    box-shadow: 0 6px 20px rgba(255, 193, 7, 0.10);
}

.pika-features-heading h2 {
    margin: 0 0 7px;

    color: #102a43;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 800;
}

.pika-features-heading p {
    margin: 0;

    color: #425b76;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
}


/* =========================================
   FEATURES GRID
========================================= */

.pika-features-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}


/* =========================================
   FEATURE CARD
========================================= */

.pika-feature-card {
    position: relative;
    overflow: hidden;

    padding: 25px 25px 24px;

    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #fffdf4 55%,
        #fff4bd 100%
    );

    border: 1px solid #eadb9b;
    border-radius: 15px;

    box-shadow: 0 7px 22px rgba(16, 42, 67, 0.07);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


/* TOP YELLOW LINE */

.pika-feature-card::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #FFD93D,
        #ffb800,
        #ff7a00
    );
}


/* HOVER */

.pika-feature-card:hover {
    transform: translateY(-5px);

    border-color: #f0c94c;

    box-shadow: 0 12px 30px rgba(255, 193, 7, 0.15);
}


/* =========================================
   ICON
========================================= */

.pika-feature-icon {
    width: 56px;
    height: 56px;

    margin-bottom: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        135deg,
        #FFF5B8,
        #FFD93D
    );

    border: 1px solid #f0ca42;
    border-radius: 15px;

    box-shadow: 0 5px 14px rgba(255, 193, 7, 0.15);

    font-size: 26px;
    line-height: 1;
}


/* =========================================
   CARD HEADING
========================================= */

.pika-feature-card h3 {
    margin: 0 0 11px;

    color: #102a43;

    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;
}


/* =========================================
   CARD PARAGRAPH
========================================= */

.pika-feature-card p {
    margin: 0;

    color: #425b76;

    font-size: 16px;
    line-height: 1.75;
    font-weight: 600;
}


/* =========================================
   LAST CARD
   7 FEATURES = LAST ONE FULL WIDTH
========================================= */

.pika-feature-card:last-child {
    grid-column: 1 / -1;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .pika-features {
        width: calc(100% - 24px);
    }

    .pika-features-grid {
        gap: 15px;
    }

    .pika-feature-card {
        padding: 22px 20px;
    }

    .pika-feature-card h3 {
        font-size: 20px;
    }

    .pika-feature-card p {
        font-size: 15px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .pika-features {
        width: calc(100% - 16px);
        margin: 20px auto;
    }


    /* HEADING */

    .pika-features-heading {
        margin-bottom: 15px;
        padding: 18px 14px;

        border-radius: 11px;
    }

    .pika-features-heading h2 {
        margin-bottom: 6px;

        font-size: 25px;
        line-height: 1.25;
    }

    .pika-features-heading p {
        font-size: 14px;
        line-height: 1.55;
    }


    /* ONE CARD PER ROW */

    .pika-features-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .pika-feature-card,
    .pika-feature-card:last-child {
        grid-column: auto;
    }


    /* CARD */

    .pika-feature-card {
        padding: 19px 16px 18px;

        border-radius: 12px;
    }

    .pika-feature-card::before {
        height: 4px;
    }


    /* ICON */

    .pika-feature-icon {
        width: 48px;
        height: 48px;

        margin-bottom: 12px;

        border-radius: 12px;

        font-size: 22px;
    }


    /* TEXT */

    .pika-feature-card h3 {
        margin-bottom: 8px;

        font-size: 19px;
        line-height: 1.3;
    }

    .pika-feature-card p {
        font-size: 15px;
        line-height: 1.65;
        font-weight: 600;
    }
}
/* =========================================
   DOWNLOAD & INSTALL PIKASHOW
========================================= */

.pika-download-install {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;
}


/* =========================================
   MAIN HEADING
========================================= */

.pika-download-heading {
    padding: 24px 26px;
    margin-bottom: 22px;

    text-align: center;

    background: linear-gradient(
        135deg,
        #FFFDF2 0%,
        #FFF1A3 45%,
        #FFD93D 100%
    );

    border: 1px solid #ecd05b;
    border-radius: 14px;

    box-shadow: 0 6px 20px rgba(255, 193, 7, 0.10);
}

.pika-download-heading h2 {
    margin: 0 0 9px;

    color: #102a43;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 800;
}

.pika-download-heading p {
    max-width: 1000px;
    margin: 0 auto;

    color: #425b76;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
}


/* =========================================
   INSTALL BLOCKS
========================================= */

.pika-install-block,
.pika-pc-method {
    position: relative;
    overflow: hidden;

    margin-bottom: 18px;
    padding: 26px 28px;

    background: linear-gradient(
        135deg,
        #ffffff 0%,
        #fffdf4 55%,
        #fff6c8 100%
    );

    border: 1px solid #eadca2;
    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(16, 42, 67, 0.07);
}


/* TOP ACCENT LINE */

.pika-install-block::before,
.pika-pc-method::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #FFD93D,
        #ffb800,
        #ff7a00
    );
}


/* =========================================
   BLOCK HEADINGS
========================================= */

.pika-install-block h3,
.pika-pc-method h2 {
    margin: 0 0 14px;

    color: #102a43;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 800;
}

.pika-pc-method h2 {
    font-size: 28px;
}


/* =========================================
   PARAGRAPHS
========================================= */

.pika-install-block p,
.pika-pc-method p {
    margin: 0 0 16px;

    color: #425b76;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 600;
}


/* =========================================
   STEP LIST
========================================= */

.pika-install-block ul,
.pika-pc-method ul {
    margin: 0;
    padding: 0;

    list-style: none;

    counter-reset: pika-step;
}

.pika-install-block li,
.pika-pc-method li {
    position: relative;

    margin-bottom: 11px;
    padding: 13px 16px 13px 54px;

    background: #ffffff;

    border: 1px solid #eee2b9;
    border-radius: 10px;

    color: #34495e;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;

    counter-increment: pika-step;
}

.pika-install-block li:last-child,
.pika-pc-method li:last-child {
    margin-bottom: 0;
}


/* STEP NUMBER */

.pika-install-block li::before,
.pika-pc-method li::before {
    content: counter(pika-step);

    position: absolute;

    left: 14px;
    top: 50%;

    width: 28px;
    height: 28px;

    transform: translateY(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        135deg,
        #FFD93D,
        #ffb800
    );

    color: #102a43;

    border-radius: 50%;

    font-size: 13px;
    font-weight: 800;
}


/* =========================================
   PC METHOD SPECIAL STYLE
========================================= */

.pika-pc-method {
    background: linear-gradient(
        135deg,
        #fffdf5 0%,
        #fff4c4 55%,
        #ffe98c 100%
    );
}

.pika-pc-method::before {
    background: linear-gradient(
        90deg,
        #ff7a00,
        #ffb800,
        #FFD93D
    );
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .pika-download-install {
        width: calc(100% - 24px);
    }

    .pika-download-heading {
        padding: 22px 20px;
    }

    .pika-download-heading h2 {
        font-size: 29px;
    }

    .pika-install-block,
    .pika-pc-method {
        padding: 23px 20px;
    }

    .pika-install-block h3 {
        font-size: 22px;
    }

    .pika-pc-method h2 {
        font-size: 25px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .pika-download-install {
        width: calc(100% - 16px);
        margin: 20px auto;
    }


    /* MAIN HEADING */

    .pika-download-heading {
        margin-bottom: 14px;
        padding: 19px 14px;

        border-radius: 11px;
    }

    .pika-download-heading h2 {
        margin-bottom: 7px;

        font-size: 24px;
        line-height: 1.3;
    }

    .pika-download-heading p {
        font-size: 14px;
        line-height: 1.6;
    }


    /* BLOCK */

    .pika-install-block,
    .pika-pc-method {
        margin-bottom: 13px;
        padding: 20px 15px;

        border-radius: 11px;
    }

    .pika-install-block::before,
    .pika-pc-method::before {
        height: 4px;
    }


    /* HEADING */

    .pika-install-block h3,
    .pika-pc-method h2 {
        margin-bottom: 11px;

        font-size: 20px;
        line-height: 1.3;
    }

    .pika-pc-method h2 {
        font-size: 22px;
    }


    /* PARAGRAPH */

    .pika-install-block p,
    .pika-pc-method p {
        margin-bottom: 13px;

        font-size: 15px;
        line-height: 1.65;
    }


    /* LIST ITEM */

    .pika-install-block li,
    .pika-pc-method li {
        margin-bottom: 9px;
        padding: 11px 11px 11px 47px;

        border-radius: 9px;

        font-size: 14px;
        line-height: 1.55;
    }


    /* NUMBER */

    .pika-install-block li::before,
    .pika-pc-method li::before {
        left: 11px;

        width: 26px;
        height: 26px;

        font-size: 12px;
    }
}
/* =========================================
   LATEST VERSION + POPULARITY
========================================= */

.pika-latest-popularity {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;
}


/* =========================================
   LATEST VERSION
========================================= */

.pika-latest-version {
    position: relative;
    overflow: hidden;

    margin-bottom: 28px;
    padding: 30px 32px;

    background: linear-gradient(
        120deg,
        #FFFDF4 0%,
        #FFF7C9 40%,
        #FFE77A 72%,
        #FFF9DD 100%
    );

    border: 1px solid #ead36a;
    border-radius: 15px;

    box-shadow: 0 7px 24px rgba(255, 193, 7, 0.09);
}


/* LEFT ACCENT */

.pika-latest-version::before {
    content: "";
    position: absolute;

    left: 0;
    top: 0;

    width: 6px;
    height: 100%;

    background: linear-gradient(
        180deg,
        #ff7a00,
        #ffb800,
        #FFD93D
    );
}


/* LATEST HEADING */

.pika-latest-version h2 {
    margin: 0 0 17px;

    color: #102a43;

    font-size: 30px;
    line-height: 1.3;
    font-weight: 800;
}


/* LATEST TEXT */

.pika-latest-version p {
    margin: 0 0 13px;

    color: #34495e;

    font-size: 16px;
    line-height: 1.8;
    font-weight: 600;
}

.pika-latest-version p:last-child {
    margin-bottom: 0;
}


/* =========================================
   POPULARITY SECTION
========================================= */

.pika-popularity {
    width: 100%;
}


/* HEADING */

.pika-popularity-heading {
    margin-bottom: 20px;
    padding: 20px 24px;

    text-align: center;

    background: linear-gradient(
        135deg,
        #FFD93D 0%,
        #FFE983 50%,
        #FFF7C8 100%
    );

    border: 1px solid #e9cc55;
    border-radius: 13px;
}

.pika-popularity-heading h2 {
    margin: 0;

    color: #102a43;

    font-size: 30px;
    line-height: 1.3;
    font-weight: 800;
}


/* =========================================
   3 CARD GRID
========================================= */

.pika-popularity-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}


/* CARD */

.pika-popularity-card {
    position: relative;
    overflow: hidden;

    padding: 26px 23px;

    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #fffdf4 60%,
        #fff4bb 100%
    );

    border: 1px solid #eadb9b;
    border-radius: 15px;

    box-shadow: 0 7px 22px rgba(16, 42, 67, 0.07);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


/* BOTTOM ACCENT */

.pika-popularity-card::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #FFD93D,
        #ffb800,
        #ff7a00
    );
}


/* HOVER */

.pika-popularity-card:hover {
    transform: translateY(-5px);

    box-shadow: 0 12px 30px rgba(255, 193, 7, 0.15);
}


/* =========================================
   ICON
========================================= */

.pika-popularity-icon {
    width: 58px;
    height: 58px;

    margin: 0 0 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        135deg,
        #FFF4A8,
        #FFD93D
    );

    border: 1px solid #eac53e;
    border-radius: 50%;

    box-shadow: 0 5px 15px rgba(255, 193, 7, 0.16);

    color: #102a43;

    font-size: 26px;
    line-height: 1;
    font-weight: 800;
}


/* =========================================
   CARD HEADING
========================================= */

.pika-popularity-card h3 {
    margin: 0 0 11px;

    color: #102a43;

    font-size: 21px;
    line-height: 1.3;
    font-weight: 800;
}


/* =========================================
   CARD TEXT
========================================= */

.pika-popularity-card p {
    margin: 0;

    color: #425b76;

    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
}


/* =========================================
   BOTTOM TEXT
========================================= */

.pika-popularity-bottom {
    margin: 18px 0 0;
    padding: 17px 20px;

    background: #fffbea;

    border-left: 4px solid #FFD93D;
    border-radius: 7px;

    color: #425b76;

    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 950px) {

    .pika-popularity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pika-popularity-card:last-child {
        grid-column: 1 / -1;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .pika-latest-popularity {
        width: calc(100% - 16px);
        margin: 20px auto;
    }


    /* LATEST */

    .pika-latest-version {
        margin-bottom: 18px;
        padding: 21px 16px 21px 19px;

        border-radius: 11px;
    }

    .pika-latest-version::before {
        width: 4px;
    }

    .pika-latest-version h2 {
        margin-bottom: 12px;

        font-size: 23px;
        line-height: 1.3;
    }

    .pika-latest-version p {
        margin-bottom: 11px;

        font-size: 15px;
        line-height: 1.7;
    }


    /* POPULARITY HEADING */

    .pika-popularity-heading {
        margin-bottom: 13px;
        padding: 17px 13px;

        border-radius: 10px;
    }

    .pika-popularity-heading h2 {
        font-size: 23px;
        line-height: 1.3;
    }


    /* ONE CARD PER ROW */

    .pika-popularity-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .pika-popularity-card:last-child {
        grid-column: auto;
    }


    /* CARD */

    .pika-popularity-card {
        padding: 19px 16px 20px;

        border-radius: 11px;
    }

    .pika-popularity-card::after {
        height: 4px;
    }


    /* ICON */

    .pika-popularity-icon {
        width: 48px;
        height: 48px;

        margin-bottom: 11px;

        font-size: 21px;
    }


    /* TEXT */

    .pika-popularity-card h3 {
        margin-bottom: 8px;

        font-size: 19px;
    }

    .pika-popularity-card p {
        font-size: 15px;
        line-height: 1.65;
    }


    /* BOTTOM NOTE */

    .pika-popularity-bottom {
        margin-top: 13px;
        padding: 14px 13px;

        font-size: 15px;
        line-height: 1.65;
    }
}
/* =========================================
   PIKASHOW ALTERNATIVES
========================================= */

.pika-alternatives {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;
}

/* HEADING BOX */
.pika-alternatives-heading {
    margin-bottom: 22px;
    padding: 24px 26px;

    text-align: center;

    background: linear-gradient(
        135deg,
        #FFFDF2 0%,
        #FFF2A8 45%,
        #FFD93D 100%
    );

    border: 1px solid #edcf58;
    border-radius: 14px;

    box-shadow: 0 6px 20px rgba(255, 193, 7, 0.10);
}

.pika-alternatives-heading h2 {
    margin: 0 0 8px;

    color: #102a43;

    font-size: 32px;
    line-height: 1.3;
    font-weight: 800;
}

.pika-alternatives-heading p {
    max-width: 1000px;
    margin: 0 auto;

    color: #425b76;

    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
}


/* =========================================
   GRID
========================================= */

.pika-alternatives-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}


/* =========================================
   CARD
========================================= */

.pika-alternative-card {
    position: relative;
    overflow: hidden;

    min-height: 210px;
    padding: 25px 24px 23px;

    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #fffdf5 58%,
        #fff3b4 100%
    );

    border: 1px solid #eadb9b;
    border-radius: 15px;

    box-shadow: 0 7px 22px rgba(16, 42, 67, 0.07);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


/* ORANGE/YELLOW TOP LINE */

.pika-alternative-card::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(
        90deg,
        #FFD93D,
        #ffb800,
        #ff7a00
    );
}


/* HOVER */

.pika-alternative-card:hover {
    transform: translateY(-5px);

    border-color: #eac846;

    box-shadow: 0 12px 30px rgba(255, 193, 7, 0.15);
}


/* =========================================
   NUMBER BADGE
========================================= */

.pika-alt-number {
    width: 52px;
    height: 52px;

    margin-bottom: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        135deg,
        #FFD93D,
        #ffb800
    );

    border: 1px solid #e8bf28;
    border-radius: 14px;

    box-shadow: 0 5px 14px rgba(255, 193, 7, 0.18);

    color: #102a43;

    font-size: 18px;
    line-height: 1;
    font-weight: 900;
}


/* =========================================
   CARD HEADING
========================================= */

.pika-alternative-card h3 {
    margin: 0 0 10px;

    color: #102a43;

    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;
}


/* =========================================
   CARD TEXT
========================================= */

.pika-alternative-card p {
    margin: 0;

    color: #425b76;

    font-size: 16px;
    line-height: 1.75;
    font-weight: 600;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .pika-alternatives {
        width: calc(100% - 24px);
    }

    .pika-alternatives-heading h2 {
        font-size: 29px;
    }

    .pika-alternatives-grid {
        gap: 14px;
    }

    .pika-alternative-card {
        min-height: 200px;
        padding: 22px 20px;
    }

    .pika-alternative-card h3 {
        font-size: 20px;
    }

    .pika-alternative-card p {
        font-size: 15px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .pika-alternatives {
        width: calc(100% - 16px);
        margin: 20px auto;
    }

    .pika-alternatives-heading {
        margin-bottom: 14px;
        padding: 19px 14px;

        border-radius: 11px;
    }

    .pika-alternatives-heading h2 {
        margin-bottom: 7px;

        font-size: 24px;
        line-height: 1.3;
    }

    .pika-alternatives-heading p {
        font-size: 14px;
        line-height: 1.6;
    }

    .pika-alternatives-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .pika-alternative-card {
        min-height: auto;
        padding: 19px 16px 18px;

        border-radius: 11px;
    }

    .pika-alternative-card::before {
        height: 4px;
    }

    .pika-alt-number {
        width: 45px;
        height: 45px;

        margin-bottom: 11px;

        border-radius: 11px;

        font-size: 15px;
    }

    .pika-alternative-card h3 {
        margin-bottom: 8px;

        font-size: 19px;
        line-height: 1.3;
    }

    .pika-alternative-card p {
        font-size: 15px;
        line-height: 1.65;
        font-weight: 600;
    }
}
/* =========================================
   SYSTEM REQUIREMENTS
========================================= */

.pika-requirements {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;
}


/* =========================================
   HEADING BOX
========================================= */

.pika-requirements-heading {
    margin-bottom: 22px;
    padding: 24px 26px;

    text-align: center;

    background: linear-gradient(
        135deg,
        #FFFDF2 0%,
        #FFF3AD 45%,
        #FFD93D 100%
    );

    border: 1px solid #edcf58;
    border-radius: 14px;

    box-shadow: 0 6px 20px rgba(255, 193, 7, 0.10);
}

.pika-requirements-heading h2 {
    margin: 0 0 8px;

    color: #102a43;

    font-size: 32px;
    line-height: 1.3;
    font-weight: 800;
}

.pika-requirements-heading p {
    max-width: 1050px;
    margin: 0 auto;

    color: #425b76;

    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
}


/* =========================================
   GRID
========================================= */

.pika-requirements-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}


/* =========================================
   CARD
========================================= */

.pika-requirement-card {
    position: relative;
    overflow: hidden;

    min-height: 170px;
    padding: 22px 20px;

    display: flex;
    align-items: flex-start;
    gap: 15px;

    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #fffdf4 58%,
        #fff3b6 100%
    );

    border: 1px solid #eadb9b;
    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(16, 42, 67, 0.07);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


/* TOP ACCENT */

.pika-requirement-card::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #FFD93D,
        #ffb800,
        #ff7a00
    );
}


/* HOVER */

.pika-requirement-card:hover {
    transform: translateY(-4px);

    border-color: #e9c94b;

    box-shadow: 0 12px 28px rgba(255, 193, 7, 0.15);
}


/* =========================================
   ICON
========================================= */

.pika-requirement-icon {
    flex: 0 0 54px;

    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        135deg,
        #FFF4A6,
        #FFD93D
    );

    border: 1px solid #e8c33a;
    border-radius: 14px;

    box-shadow: 0 5px 14px rgba(255, 193, 7, 0.16);

    font-size: 24px;
    line-height: 1;
}


/* =========================================
   CONTENT
========================================= */

.pika-requirement-content {
    min-width: 0;
}

.pika-requirement-content span {
    display: block;

    margin-bottom: 4px;

    color: #d86500;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.pika-requirement-content h3 {
    margin: 0 0 7px;

    color: #102a43;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
}

.pika-requirement-content p {
    margin: 0;

    color: #425b76;

    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
}


/* =========================================
   NOTE
========================================= */

.pika-requirements-note {
    margin-top: 18px;
    padding: 16px 18px;

    background: linear-gradient(
        90deg,
        #FFFBE9,
        #FFF3B5
    );

    border: 1px solid #eadb99;
    border-left: 5px solid #ffb800;
    border-radius: 9px;

    color: #425b76;

    font-size: 15px;
    line-height: 1.65;
    font-weight: 600;
}

.pika-requirements-note strong {
    color: #102a43;
    font-weight: 800;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .pika-requirements {
        width: calc(100% - 24px);
    }

    .pika-requirements-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .pika-requirements-heading h2 {
        font-size: 29px;
    }

    .pika-requirement-card {
        min-height: 155px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .pika-requirements {
        width: calc(100% - 16px);
        margin: 20px auto;
    }

    .pika-requirements-heading {
        margin-bottom: 14px;
        padding: 19px 14px;

        border-radius: 11px;
    }

    .pika-requirements-heading h2 {
        margin-bottom: 7px;

        font-size: 24px;
        line-height: 1.3;
    }

    .pika-requirements-heading p {
        font-size: 14px;
        line-height: 1.6;
    }

    .pika-requirements-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .pika-requirement-card {
        min-height: auto;

        padding: 18px 15px;

        gap: 12px;

        border-radius: 11px;
    }

    .pika-requirement-icon {
        flex-basis: 46px;

        width: 46px;
        height: 46px;

        border-radius: 11px;

        font-size: 20px;
    }

    .pika-requirement-content span {
        font-size: 11px;
    }

    .pika-requirement-content h3 {
        margin-bottom: 5px;

        font-size: 18px;
    }

    .pika-requirement-content p {
        font-size: 14px;
        line-height: 1.55;
    }

    .pika-requirements-note {
        margin-top: 13px;
        padding: 13px 12px;

        border-left-width: 4px;

        font-size: 14px;
        line-height: 1.6;
    }
}
/* =========================================
   PROS & CONS
========================================= */

.pika-pros-cons {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;
}


/* MAIN HEADING */

.pika-pros-cons-heading {
    margin-bottom: 20px;
    padding: 24px 25px;

    text-align: center;

    background: linear-gradient(
        135deg,
        #FFFDF2 0%,
        #FFF2A8 45%,
        #FFD93D 100%
    );

    border: 1px solid #edcf58;
    border-radius: 14px;

    box-shadow: 0 6px 20px rgba(255, 193, 7, 0.10);
}

.pika-pros-cons-heading h2 {
    margin: 0 0 8px;

    color: #102a43;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 800;
}

.pika-pros-cons-heading p {
    max-width: 950px;
    margin: 0 auto;

    color: #425b76;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
}


/* =========================================
   LEFT + RIGHT GRID
========================================= */

.pika-pc-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}


/* COLUMN */

.pika-pc-column {
    padding: 22px;

    border-radius: 15px;

    box-shadow: 0 7px 22px rgba(16, 42, 67, 0.07);
}


/* PROS LEFT */

.pika-pros-column {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f4fff7 100%
    );

    border: 1px solid #b8e3c8;
}


/* CONS RIGHT */

.pika-cons-column {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #fff5f3 100%
    );

    border: 1px solid #efc2bd;
}


/* =========================================
   COLUMN TITLE
========================================= */

.pika-pc-column-title {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 17px;
    padding-bottom: 14px;

    border-bottom: 1px solid #e5e5e5;
}

.pika-pc-column-title span {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;
    font-size: 22px;
    font-weight: 900;
}

.pika-pc-column-title h3 {
    margin: 0;

    color: #102a43;
    font-size: 23px;
    font-weight: 800;
}


/* GREEN PROS ICON */

.pika-pros-column .pika-pc-column-title span {
    background: #22a55b;
}


/* RED CONS ICON */

.pika-cons-column .pika-pc-column-title span {
    background: #e74c3c;
}


/* =========================================
   STEPS
========================================= */

.pika-pc-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pika-pc-item {
    display: flex;
    align-items: center;
    gap: 12px;

    min-height: 62px;
    padding: 11px 14px;

    background: #ffffff;

    border: 1px solid #e7e7e7;
    border-radius: 10px;
}


/* NUMBER */

.pika-pc-number {
    flex: 0 0 34px;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
}


/* PRO NUMBER */

.pika-pros-column .pika-pc-number {
    background: #22a55b;
}


/* CONS NUMBER */

.pika-cons-column .pika-pc-number {
    background: #e74c3c;
}


/* TEXT */

.pika-pc-item p {
    margin: 0;

    color: #425b76;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 600;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

    .pika-pros-cons {
        width: calc(100% - 16px);
        margin: 20px auto;
    }

    .pika-pros-cons-heading {
        margin-bottom: 14px;
        padding: 19px 14px;
        border-radius: 11px;
    }

    .pika-pros-cons-heading h2 {
        font-size: 24px;
    }

    .pika-pros-cons-heading p {
        font-size: 14px;
        line-height: 1.6;
    }


    /* PROS TOP - CONS BOTTOM */

    .pika-pc-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .pika-pc-column {
        padding: 15px;
        border-radius: 11px;
    }

    .pika-pc-column-title {
        margin-bottom: 12px;
        padding-bottom: 11px;
    }

    .pika-pc-column-title span {
        width: 36px;
        height: 36px;

        font-size: 18px;
    }

    .pika-pc-column-title h3 {
        font-size: 20px;
    }

    .pika-pc-list {
        gap: 8px;
    }

    .pika-pc-item {
        min-height: 56px;

        padding: 9px 10px;
        gap: 10px;

        border-radius: 8px;
    }

    .pika-pc-number {
        flex-basis: 30px;

        width: 30px;
        height: 30px;

        font-size: 10px;
    }

    .pika-pc-item p {
        font-size: 14px;
        line-height: 1.5;
    }
}
/* =========================================
   PIKASHOW FAQs
   OPEN FAQ STYLE
========================================= */

.pika-faqs {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;
}


/* =========================================
   MAIN FAQ HEADING
========================================= */

.pika-faqs-heading {
    margin-bottom: 22px;
    padding: 22px 25px;

    text-align: center;

    background: linear-gradient(
        100deg,
        #FFD93D 0%,
        #FFE978 50%,
        #FFB347 100%
    );

    border-radius: 12px;
    border: 1px solid #edc744;

    box-shadow: 0 5px 18px rgba(255, 193, 7, 0.12);
}

.pika-faqs-heading h2 {
    margin: 0 0 6px;

    color: #102a43;

    font-size: 32px;
    line-height: 1.3;
    font-weight: 800;
}

.pika-faqs-heading p {
    max-width: 900px;
    margin: 0 auto;

    color: #34495e;

    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
}


/* =========================================
   FAQ LIST
========================================= */

.pika-faq-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}


/* =========================================
   FAQ CARD
========================================= */

.pika-faq-item {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #eeeeee;
    border-radius: 11px;

    box-shadow: 0 5px 18px rgba(16, 42, 67, 0.08);
}


/* =========================================
   QUESTION
========================================= */

.pika-faq-item h3 {
    margin: 0;
    padding: 18px 21px;

    background: linear-gradient(
        100deg,
        #FFD93D 0%,
        #FFE879 48%,
        #FFB56B 100%
    );

    color: #102a43;

    font-size: 18px;
    line-height: 1.45;
    font-weight: 800;
}


/* =========================================
   ANSWER
========================================= */

.pika-faq-item p {
    margin: 0;
    padding: 18px 21px;

    background: #ffffff;

    color: #34495e;

    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
}


/* =========================================
   HOVER
========================================= */

.pika-faq-item {
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.pika-faq-item:hover {
    transform: translateY(-2px);

    box-shadow: 0 9px 24px rgba(255, 193, 7, 0.14);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .pika-faqs {
        width: calc(100% - 24px);
    }

    .pika-faqs-heading h2 {
        font-size: 29px;
    }

    .pika-faq-item h3 {
        font-size: 17px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .pika-faqs {
        width: calc(100% - 16px);
        margin: 20px auto;
    }


    /* MAIN HEADING */

    .pika-faqs-heading {
        margin-bottom: 14px;
        padding: 18px 13px;

        border-radius: 10px;
    }

    .pika-faqs-heading h2 {
        margin-bottom: 5px;

        font-size: 24px;
        line-height: 1.3;
    }

    .pika-faqs-heading p {
        font-size: 14px;
        line-height: 1.55;
    }


    /* GAP BETWEEN FAQS */

    .pika-faq-list {
        gap: 12px;
    }


    /* FAQ CARD */

    .pika-faq-item {
        border-radius: 9px;
    }


    /* QUESTION */

    .pika-faq-item h3 {
        padding: 14px 13px;

        font-size: 15px;
        line-height: 1.45;
    }


    /* ANSWER */

    .pika-faq-item p {
        padding: 14px 13px;

        font-size: 14px;
        line-height: 1.65;
    }


    /* NO MOVEMENT ON MOBILE */

    .pika-faq-item:hover {
        transform: none;
    }

}
/* =========================================
   PIKASHOW CONCLUSION
========================================= */

.pika-conclusion {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;
}


/* =========================================
   MAIN BOX
========================================= */

.pika-conclusion-box {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.6fr);
    align-items: center;
    gap: 40px;

    padding: 38px 42px;

    background: linear-gradient(
        135deg,
        #FFFDF2 0%,
        #FFF7CF 40%,
        #FFE77A 72%,
        #FFF4B8 100%
    );

    border: 1px solid #ead36a;
    border-radius: 18px;

    box-shadow: 0 8px 28px rgba(255, 193, 7, 0.11);
}


/* TOP DECORATION LINE */

.pika-conclusion-box::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 6px;

    background: linear-gradient(
        90deg,
        #FFD93D,
        #ffb800,
        #ff7a00
    );
}


/* =========================================
   CONTENT
========================================= */

.pika-conclusion-content {
    position: relative;
    z-index: 2;
}


/* FINAL THOUGHTS LABEL */

.pika-conclusion-label {
    display: inline-flex;
    align-items: center;

    margin-bottom: 12px;
    padding: 7px 14px;

    background: #ffffff;

    border: 1px solid #e9ca50;
    border-radius: 30px;

    color: #d86600;

    font-size: 13px;
    line-height: 1;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.5px;

    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.10);
}


/* HEADING */

.pika-conclusion-content h2 {
    position: relative;

    margin: 0 0 19px;
    padding-bottom: 12px;

    color: #102a43;

    font-size: 34px;
    line-height: 1.25;
    font-weight: 800;
}


/* HEADING UNDERLINE */

.pika-conclusion-content h2::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: 0;

    width: 65px;
    height: 4px;

    background: #ff7a00;

    border-radius: 20px;
}


/* PARAGRAPH */

.pika-conclusion-content p {
    margin: 0 0 14px;

    color: #34495e;

    font-size: 16px;
    line-height: 1.8;
    font-weight: 600;
}

.pika-conclusion-content p:last-child {
    margin-bottom: 0;
}


/* =========================================
   IMAGE
========================================= */

.pika-conclusion-image {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;
}


/* IMAGE BACKGROUND */

.pika-conclusion-image::before {
    content: "";
    position: absolute;

    width: 290px;
    height: 290px;

    background: rgba(255, 255, 255, 0.50);

    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 50%;
}


/* ACTUAL IMAGE */

.pika-conclusion-image img {
    position: relative;
    z-index: 2;

    display: block;

    width: 100%;
    max-width: 300px;
    height: auto;

    object-fit: contain;

    border-radius: 24px;

    filter: drop-shadow(
        0 12px 18px rgba(16, 42, 67, 0.15)
    );
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 950px) {

    .pika-conclusion {
        width: calc(100% - 24px);
    }

    .pika-conclusion-box {
        grid-template-columns: minmax(0, 1.2fr) 250px;

        gap: 25px;

        padding: 32px 28px;
    }

    .pika-conclusion-content h2 {
        font-size: 30px;
    }

    .pika-conclusion-image img {
        max-width: 230px;
    }

    .pika-conclusion-image::before {
        width: 220px;
        height: 220px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .pika-conclusion {
        width: calc(100% - 16px);
        margin: 20px auto;
    }

    .pika-conclusion-box {
        display: flex;
        flex-direction: column;

        gap: 22px;

        padding: 24px 16px 22px;

        border-radius: 12px;
    }

    .pika-conclusion-box::before {
        height: 4px;
    }


    /* CONTENT */

    .pika-conclusion-content {
        width: 100%;
    }

    .pika-conclusion-label {
        margin-bottom: 10px;

        padding: 6px 11px;

        font-size: 11px;
    }

    .pika-conclusion-content h2 {
        margin-bottom: 14px;
        padding-bottom: 10px;

        font-size: 25px;
    }

    .pika-conclusion-content h2::after {
        width: 52px;
        height: 4px;
    }

    .pika-conclusion-content p {
        margin-bottom: 11px;

        font-size: 15px;
        line-height: 1.7;
    }


    /* IMAGE */

    .pika-conclusion-image {
        width: 100%;
    }

    .pika-conclusion-image img {
        width: 190px;
        max-width: 70%;

        border-radius: 18px;
    }

    .pika-conclusion-image::before {
        width: 180px;
        height: 180px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 380px) {

    .pika-conclusion-box {
        padding-left: 13px;
        padding-right: 13px;
    }

    .pika-conclusion-image img {
        width: 165px;
    }

    .pika-conclusion-image::before {
        width: 155px;
        height: 155px;
    }
}
/* =========================================
   PIKASHOW APP INFORMATION TABLE
========================================= */

.pika-table-section {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;
}


/* =========================================
   HEADING
========================================= */

.pika-table-heading {
    margin-bottom: 18px;
    padding: 25px 25px;

    text-align: center;

    background: linear-gradient(
        135deg,
        #FFFDF2 0%,
        #FFF2A8 45%,
        #FFD93D 100%
    );

    border: 1px solid #edcf58;
    border-radius: 14px;

    box-shadow: 0 6px 20px rgba(255, 193, 7, 0.10);
}


/* LABEL */

.pika-table-label {
    display: inline-block;

    margin-bottom: 8px;
    padding: 6px 12px;

    background: #ffffff;

    border: 1px solid #e7c64a;
    border-radius: 30px;

    color: #d86600;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: 0.7px;
}


/* HEADING */

.pika-table-heading h2 {
    margin: 0 0 8px;

    color: #102a43;

    font-size: 32px;
    line-height: 1.3;
    font-weight: 800;
}


/* DESCRIPTION */

.pika-table-heading p {
    max-width: 900px;
    margin: 0 auto;

    color: #425b76;

    font-size: 16px;
    line-height: 1.65;
    font-weight: 600;
}


/* =========================================
   TABLE WRAPPER
========================================= */

.pika-table-wrap {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #eadb9b;
    border-radius: 14px;

    box-shadow: 0 7px 24px rgba(16, 42, 67, 0.08);
}


/* =========================================
   ROW
========================================= */

.pika-table-row {
    display: grid;
    grid-template-columns: 38% 62%;

    min-height: 64px;

    border-bottom: 1px solid #eee5c2;
}

.pika-table-row:last-child {
    border-bottom: 0;
}


/* ALTERNATE ROW */

.pika-table-row:nth-child(even) {
    background: #fffdf5;
}


/* =========================================
   LEFT SIDE
========================================= */

.pika-table-name {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 20px;

    background: linear-gradient(
        90deg,
        #FFF4B3 0%,
        #FFF9DD 100%
    );

    border-right: 1px solid #eadb9b;

    color: #102a43;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 800;
}


/* ICON */

.pika-table-icon {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #FFD93D;

    border-radius: 9px;

    font-size: 17px;
}


/* =========================================
   RIGHT SIDE
========================================= */

.pika-table-value {
    display: flex;
    align-items: center;

    padding: 14px 22px;

    color: #425b76;

    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}


/* FREE BADGE */

.pika-free-badge {
    display: inline-flex;

    padding: 5px 13px;

    background: #e9f9ef;

    border: 1px solid #b7e2c6;
    border-radius: 30px;

    color: #168447;

    font-size: 13px;
    font-weight: 800;
}


/* =========================================
   HOVER
========================================= */

.pika-table-row {
    transition: background 0.2s ease;
}

.pika-table-row:hover {
    background: #fff9dd;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .pika-table-section {
        width: calc(100% - 16px);
        margin: 20px auto;
    }

    .pika-table-heading {
        margin-bottom: 13px;
        padding: 19px 13px;

        border-radius: 11px;
    }

    .pika-table-heading h2 {
        font-size: 24px;
    }

    .pika-table-heading p {
        font-size: 14px;
        line-height: 1.6;
    }

    .pika-table-wrap {
        border-radius: 10px;
    }


    /* 42% LEFT / 58% RIGHT */

    .pika-table-row {
        grid-template-columns: 43% 57%;

        min-height: 58px;
    }

    .pika-table-name {
        gap: 7px;

        padding: 10px 8px;

        font-size: 13px;
        line-height: 1.35;
    }

    .pika-table-icon {
        width: 28px;
        height: 28px;

        flex-basis: 28px;

        border-radius: 7px;

        font-size: 13px;
    }

    .pika-table-value {
        padding: 10px 11px;

        font-size: 13px;
        line-height: 1.4;
    }

    .pika-free-badge {
        padding: 4px 10px;

        font-size: 11px;
    }
}
/* =========================================
   PIKASHOW QUICK APP INFO
========================================= */

.pika-quick-info {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;

    overflow: hidden;

    background: #102a43;

    border: 1px solid #102a43;
    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(16, 42, 67, 0.12);
}


/* TITLE AREA */

.pika-quick-info-title {
    padding: 25px 28px;

    background: linear-gradient(
        110deg,
        #FFD93D 0%,
        #FFE97D 55%,
        #FFB347 100%
    );
}

.pika-quick-info-title span {
    display: block;

    margin-bottom: 5px;

    color: #b95700;

    font-size: 12px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: 1px;
}

.pika-quick-info-title h2 {
    margin: 0;

    color: #102a43;

    font-size: 30px;
    line-height: 1.25;
    font-weight: 800;
}


/* =========================================
   INFORMATION STRIP
========================================= */

.pika-quick-info-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    padding: 18px;
    gap: 1px;

    background: rgba(255,255,255,0.14);
}


/* ITEM */

.pika-quick-item {
    min-height: 90px;

    padding: 18px 15px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background: #ffffff;
}


/* FIRST ROW CORNERS */

.pika-quick-item:nth-child(1) {
    border-radius: 9px 0 0 0;
}

.pika-quick-item:nth-child(4) {
    border-radius: 0 9px 0 0;
}


/* LAST ROW */

.pika-quick-item:nth-child(5) {
    border-radius: 0 0 0 9px;
}

.pika-quick-item:nth-child(8) {
    border-radius: 0 0 9px 0;
}


/* SMALL LABEL */

.pika-quick-item small {
    display: block;

    margin-bottom: 6px;

    color: #788896;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: .4px;
}


/* VALUE */

.pika-quick-item strong {
    color: #102a43;

    font-size: 18px;
    line-height: 1.3;
    font-weight: 800;
}


/* YELLOW MARK */

.pika-quick-item::before {
    content: "";

    width: 28px;
    height: 3px;

    margin-bottom: 10px;

    background: #FFD93D;

    border-radius: 10px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .pika-quick-info-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .pika-quick-item {
        border-radius: 0 !important;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .pika-quick-info {
        width: calc(100% - 16px);
        margin: 20px auto;

        border-radius: 12px;
    }

    .pika-quick-info-title {
        padding: 19px 15px;
    }

    .pika-quick-info-title span {
        font-size: 10px;
    }

    .pika-quick-info-title h2 {
        font-size: 24px;
    }


    /* TWO DETAILS PER ROW */

    .pika-quick-info-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        padding: 10px;
        gap: 1px;
    }

    .pika-quick-item {
        min-height: 78px;

        padding: 13px 10px;
    }

    .pika-quick-item small {
        margin-bottom: 4px;

        font-size: 10px;
    }

    .pika-quick-item strong {
        font-size: 14px;

        overflow-wrap: anywhere;
    }

    .pika-quick-item::before {
        width: 22px;
        height: 3px;

        margin-bottom: 7px;
    }
}
/* =========================================
   PIKASHOW HEADER
========================================= */

.site-header {
    position: sticky;
    top: 0;
    z-index: 999;

    width: 100%;

    background: rgba(255, 255, 255, 0.96);

    border-bottom: 1px solid #eadb9b;

    box-shadow: 0 4px 18px rgba(16, 42, 67, 0.06);

    backdrop-filter: blur(10px);
}

.header-container {
    width: calc(100% - 30px);
    max-width: 1500px;

    min-height: 74px;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;
}


/* LOGO */

.site-logo {
    display: inline-flex;
    align-items: center;

    color: #102a43;

    font-size: 29px;
    line-height: 1;
    font-weight: 900;

    text-decoration: none;
}

.site-logo::before {
    content: "";

    width: 11px;
    height: 34px;

    margin-right: 9px;

    background: linear-gradient(
        180deg,
        #FFD93D,
        #ffb800,
        #ff7a00
    );

    border-radius: 20px;
}


/* NAV */

.main-nav {
    display: flex;
    align-items: center;

    gap: 7px;
}

.main-nav a {
    position: relative;

    padding: 10px 13px;

    color: #34495e;

    font-size: 14px;
    line-height: 1;
    font-weight: 700;

    text-decoration: none;

    border-radius: 8px;

    transition:
        background .2s ease,
        color .2s ease;
}

.main-nav a:hover {
    background: #fff3a6;
    color: #102a43;
}


/* ACTIVE STYLE */

.main-nav a:first-child {
    background: #FFD93D;
    color: #102a43;
}


/* =========================================
   MOBILE HEADER
========================================= */

@media (max-width: 750px) {

    .header-container {
        width: calc(100% - 16px);

        min-height: auto;

        padding: 14px 0;

        flex-direction: column;

        gap: 12px;
    }

    .site-logo {
        font-size: 25px;
    }

    .site-logo::before {
        width: 9px;
        height: 29px;
    }

    .main-nav {
        width: 100%;

        justify-content: center;

        gap: 4px;

        flex-wrap: wrap;
    }

    .main-nav a {
        padding: 8px 9px;

        font-size: 12px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 400px) {

    .main-nav {
        gap: 2px;
    }

    .main-nav a {
        padding: 7px 6px;

        font-size: 11px;
    }
}
/* =========================================
   PIKASHOW FOOTER
========================================= */

.site-footer {
    position: relative;

    width: calc(100% - 30px);
    max-width: 1500px;

    margin: 35px auto 15px;

    overflow: hidden;

    background: #102a43;

    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(16, 42, 67, 0.12);
}


/* TOP YELLOW LINE */

.site-footer::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 6px;

    background: linear-gradient(
        90deg,
        #FFD93D,
        #ffb800,
        #ff7a00
    );
}


.footer-container {
    min-height: 100px;

    padding: 34px 25px 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
}

.footer-container p {
    margin: 0;

    color: #dbe7f2;

    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
}


/* PIKASHOW NAME HIGHLIGHT */

.footer-container p::first-letter {
    color: #FFD93D;
}


/* =========================================
   MOBILE FOOTER
========================================= */

@media (max-width: 650px) {

    .site-footer {
        width: calc(100% - 16px);

        margin: 25px auto 8px;

        border-radius: 11px;
    }

    .site-footer::before {
        height: 4px;
    }

    .footer-container {
        min-height: 80px;

        padding: 27px 15px 22px;
    }

    .footer-container p {
        font-size: 12px;
        line-height: 1.6;
    }
}
/* =========================================
   STATIC PAGES
========================================= */

.pika-static-page {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;
}

.pika-static-header {
    margin-bottom: 20px;
    padding: 32px 35px;

    background: linear-gradient(
        120deg,
        #FFFDF2 0%,
        #FFF2A8 45%,
        #FFD93D 100%
    );

    border: 1px solid #edcf58;
    border-radius: 16px;

    box-shadow: 0 7px 22px rgba(255, 193, 7, .10);
}

.pika-static-header span {
    display: inline-block;

    margin-bottom: 9px;
    padding: 6px 12px;

    background: #102a43;

    border-radius: 5px;

    color: #fff;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .8px;
}

.pika-static-header h1 {
    margin: 0 0 8px;

    color: #102a43;

    font-size: 36px;
    line-height: 1.25;
    font-weight: 800;
}

.pika-static-header p {
    margin: 0;

    color: #425b76;

    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
}


/* CONTENT */

.pika-static-content {
    padding: 32px 36px;

    background: #fff;

    border: 1px solid #eadfae;
    border-radius: 16px;

    box-shadow: 0 7px 24px rgba(16, 42, 67, .07);
}

.pika-static-content h2 {
    position: relative;

    margin: 30px 0 13px;
    padding-left: 15px;

    color: #102a43;

    font-size: 25px;
    line-height: 1.3;
    font-weight: 800;
}

.pika-static-content h2:first-child {
    margin-top: 0;
}

.pika-static-content h2::before {
    content: "";

    position: absolute;

    left: 0;
    top: 3px;

    width: 5px;
    height: 27px;

    background: linear-gradient(
        180deg,
        #FFD93D,
        #ff7a00
    );

    border-radius: 10px;
}

.pika-static-content p {
    margin: 0 0 15px;

    color: #425b76;

    font-size: 16px;
    line-height: 1.8;
    font-weight: 600;
}


/* CONTACT BOX */

.pika-contact-box {
    margin: 20px 0;
    padding: 20px 22px;

    background: linear-gradient(
        135deg,
        #fffdf3,
        #fff4b5
    );

    border: 1px solid #ead05c;
    border-radius: 12px;
}

.pika-contact-box strong {
    display: block;

    margin-bottom: 5px;

    color: #102a43;

    font-size: 15px;
    font-weight: 800;
}

.pika-contact-box p {
    margin: 0;

    color: #d86600;

    font-weight: 800;
}


/* MOBILE */

@media (max-width: 650px) {

    .pika-static-page {
        width: calc(100% - 16px);
        margin: 20px auto;
    }

    .pika-static-header {
        margin-bottom: 13px;
        padding: 23px 16px;

        border-radius: 12px;
    }

    .pika-static-header h1 {
        font-size: 27px;
    }

    .pika-static-header p {
        font-size: 14px;
        line-height: 1.6;
    }

    .pika-static-content {
        padding: 22px 16px;

        border-radius: 12px;
    }

    .pika-static-content h2 {
        margin-top: 24px;

        font-size: 21px;
    }

    .pika-static-content h2::before {
        height: 23px;
    }

    .pika-static-content p {
        font-size: 15px;
        line-height: 1.7;
    }

    .pika-contact-box {
        padding: 16px;
    }
}
/* =========================================
   CUSTOM 404 PAGE
========================================= */

.pika-404 {
    width: calc(100% - 30px);
    max-width: 1500px;

    min-height: 65vh;

    margin: 30px auto;

    display: flex;
    align-items: center;
    justify-content: center;
}

.pika-404-box {
    position: relative;
    overflow: hidden;

    width: 100%;
    max-width: 850px;

    padding: 55px 35px;

    text-align: center;

    background: linear-gradient(
        135deg,
        #FFFDF2 0%,
        #FFF5B8 45%,
        #FFD93D 100%
    );

    border: 1px solid #e8cb50;
    border-radius: 20px;

    box-shadow: 0 12px 35px rgba(16, 42, 67, 0.10);
}


/* TOP LINE */

.pika-404-box::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 6px;

    background: linear-gradient(
        90deg,
        #FFD93D,
        #ffb800,
        #ff7a00
    );
}


/* 404 NUMBER */

.pika-404-number {
    margin-bottom: 5px;

    color: #102a43;

    font-size: clamp(90px, 13vw, 150px);
    line-height: .9;
    font-weight: 900;

    letter-spacing: -6px;
}


/* BADGE */

.pika-404-badge {
    display: inline-block;

    margin: 15px 0 14px;
    padding: 7px 14px;

    background: #102a43;

    border-radius: 30px;

    color: #ffffff;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: 1px;
}


/* HEADING */

.pika-404-box h1 {
    margin: 0 0 13px;

    color: #102a43;

    font-size: 31px;
    line-height: 1.3;
    font-weight: 800;
}


/* TEXT */

.pika-404-box p {
    max-width: 620px;

    margin: 0 auto 24px;

    color: #425b76;

    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
}


/* HOME BUTTON */

.pika-404-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;

    padding: 0 24px;

    background: #102a43;

    border: 2px solid #102a43;
    border-radius: 10px;

    color: #ffffff;

    font-size: 14px;
    font-weight: 800;

    text-decoration: none;

    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease;
}

.pika-404-btn:hover {
    transform: translateY(-2px);

    background: #ffffff;

    color: #102a43;
}


/* SITE NAME */

.pika-404-site {
    margin-top: 25px;

    color: #b86100;

    font-size: 13px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 1px;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .pika-404 {
        width: calc(100% - 16px);

        min-height: 60vh;

        margin: 20px auto;
    }

    .pika-404-box {
        padding: 42px 16px 35px;

        border-radius: 14px;
    }

    .pika-404-box::before {
        height: 4px;
    }

    .pika-404-number {
        font-size: 95px;

        letter-spacing: -4px;
    }

    .pika-404-badge {
        margin-top: 13px;

        font-size: 10px;
    }

    .pika-404-box h1 {
        font-size: 24px;
    }

    .pika-404-box p {
        font-size: 14px;
        line-height: 1.65;
    }

    .pika-404-btn {
        min-height: 44px;

        padding: 0 20px;

        font-size: 13px;
    }
}
/* =========================================
   PIKASHOW DOWNLOAD PAGE
========================================= */

.pika-download-page {
    width: calc(100% - 30px);
    max-width: 1500px;
    margin: 30px auto;
}

.pika-download-page-box {
    display: grid;
    grid-template-columns: 1fr 330px;
    gap: 40px;
    align-items: center;

    padding: 38px 42px;

    background: linear-gradient(
        135deg,
        #fffdf2 0%,
        #fff3a9 48%,
        #ffd93d 100%
    );

    border: 1px solid #e8cb50;
    border-radius: 18px;

    box-shadow: 0 8px 28px rgba(255,193,7,.10);
}

.pika-download-page-label {
    display: inline-block;

    margin-bottom: 11px;
    padding: 7px 13px;

    background: #102a43;
    border-radius: 6px;

    color: #fff;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .8px;
}

.pika-download-page-content h1 {
    margin: 0 0 14px;

    color: #102a43;

    font-size: 38px;
    line-height: 1.2;
    font-weight: 900;
}

.pika-download-page-content > p {
    max-width: 850px;

    margin: 0 0 22px;

    color: #425b76;

    font-size: 16px;
    line-height: 1.75;
    font-weight: 600;
}


/* INFO BOXES */

.pika-download-meta {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 10px;

    margin-bottom: 22px;
}

.pika-download-meta div {
    padding: 13px 12px;

    background: rgba(255,255,255,.85);

    border: 1px solid #e6cf68;
    border-radius: 10px;
}

.pika-download-meta span {
    display: block;

    margin-bottom: 4px;

    color: #758394;

    font-size: 11px;
    font-weight: 700;
}

.pika-download-meta strong {
    color: #102a43;

    font-size: 14px;
    font-weight: 800;
}


/* BUTTON */

.pika-main-download-btn,
.pika-final-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 50px;

    padding: 0 25px;

    background: #102a43;

    border: 2px solid #102a43;
    border-radius: 10px;

    color: #fff;

    font-size: 14px;
    font-weight: 800;

    text-decoration: none;

    transition: .2s ease;
}

.pika-main-download-btn:hover,
.pika-final-download-btn:hover {
    background: #fff;
    color: #102a43;
}


/* IMAGE */

.pika-download-page-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pika-download-page-image img {
    display: block;

    width: 260px;
    height: 260px;

    object-fit: cover;

    border-radius: 28px;

    box-shadow: 0 12px 30px rgba(16,42,67,.15);
}


/* CONTENT SECTIONS */

.pika-download-info,
.pika-download-steps,
.pika-download-final {
    margin-top: 20px;
    padding: 30px 32px;

    background: #fff;

    border: 1px solid #eadfae;
    border-radius: 15px;

    box-shadow: 0 7px 22px rgba(16,42,67,.06);
}

.pika-download-info h2,
.pika-download-steps h2,
.pika-download-final h2 {
    margin: 0 0 13px;

    color: #102a43;

    font-size: 27px;
    font-weight: 800;
}

.pika-download-info p,
.pika-download-final p {
    margin: 0;

    color: #425b76;

    font-size: 16px;
    line-height: 1.75;
    font-weight: 600;
}


/* STEPS */

.pika-download-step {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 10px;
    padding: 13px 16px;

    background: #fffdf3;

    border: 1px solid #eee0a4;
    border-radius: 10px;
}

.pika-download-step:last-child {
    margin-bottom: 0;
}

.pika-download-step span {
    flex: 0 0 35px;

    width: 35px;
    height: 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffd93d;

    border-radius: 50%;

    color: #102a43;

    font-size: 11px;
    font-weight: 900;
}

.pika-download-step p {
    margin: 0;

    color: #425b76;

    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
}


/* FINAL DOWNLOAD */

.pika-download-final {
    text-align: center;

    background: linear-gradient(
        135deg,
        #fffdf2,
        #fff2a8,
        #ffd93d
    );
}

.pika-download-final > span {
    display: inline-block;

    margin-bottom: 8px;

    color: #d86600;

    font-size: 12px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: .8px;
}

.pika-download-final p {
    max-width: 700px;

    margin: 0 auto 20px;
}


/* MOBILE */

@media (max-width: 700px) {

    .pika-download-page {
        width: calc(100% - 16px);
        margin: 20px auto;
    }

    .pika-download-page-box {
        display: flex;
        flex-direction: column;

        gap: 23px;

        padding: 24px 16px;

        border-radius: 12px;
    }

    .pika-download-page-content h1 {
        font-size: 28px;
    }

    .pika-download-page-content > p {
        font-size: 15px;
        line-height: 1.7;
    }

    .pika-download-meta {
        grid-template-columns: repeat(2, 1fr);
    }

    .pika-download-page-image img {
        width: 170px;
        height: 170px;

        border-radius: 20px;
    }

    .pika-download-info,
    .pika-download-steps,
    .pika-download-final {
        margin-top: 14px;
        padding: 21px 15px;

        border-radius: 11px;
    }

    .pika-download-info h2,
    .pika-download-steps h2,
    .pika-download-final h2 {
        font-size: 22px;
    }

    .pika-download-info p,
    .pika-download-final p {
        font-size: 14px;
        line-height: 1.65;
    }

    .pika-download-step {
        padding: 11px;
        gap: 10px;
    }

    .pika-download-step p {
        font-size: 14px;
    }
}
.site-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.site-logo img {
    display: block;
    width: auto;
    height: 48px;
    max-width: 190px;
    object-fit: contain;
}

@media (max-width: 750px) {
    .site-logo img {
        height: 42px;
        max-width: 170px;
    }
}