/* ================================================================
 * SAKUROS – LP „Pagrindinis" KOMPAKTINIS variantas (1360px)
 *
 * Kraunamas PAPILDOMAI po sakuros-base.css + lp-pagrindinis.css,
 * tik puslapiuose su template „LP – Pagrindinis (1360px)".
 *
 * Idėja: viskas identiška pilnam variantui, tik turinys siauresnis
 * (konteineris 1360px vietoj 1690px) ir viskas proporcingai (×0,80)
 * mažiau – šriftai, tarpai, padding'ai, margin'ai.
 *
 * Metodas (kad būtų tiksliai proporcinga ir nuspėjama):
 *   - clamp() MIN ir vw dedamosios NEKEIČIAMOS – todėl siaurame /
 *     mobiliame ekrane abu variantai atrodo vienodai;
 *   - keičiama tik clamp() MAX riba (×0,80) – plačiame ekrane
 *     kompaktinis variantas „užsifiksuoja" ties 80% pilno dydžio.
 *
 * Tipografija eina per --sk-fs-* kintamuosius, todėl užtenka juos
 * perrašyti .lp-1360 wrapper'yje – visi šriftai sumažėja automatiškai.
 * Sekcijų raw clamp tarpai perrašomi taškiškai žemiau.
 * ============================================================== */

/* ----------------------------------------------------------------
 * KINTAMIEJI – konteineris + šriftų skalė (×0,80 max riba)
 * -------------------------------------------------------------- */
.lp-1360 {
    --sk-container: 1360px;
    --sk-container-wide: 1456px; /* 1810 × 0,804 */

    --sk-fs-h1: clamp(52px, 5.1vw, 92px);            /* padidinta hero kontrastui (dizainerės pastaba) */
    --sk-fs-h2: clamp(34px, 3.91vw, 60px);           /* 75 → 60 */
    --sk-fs-h2-atliekame: clamp(38px, 4.79vw, 74px); /* 92 → 74 */
    --sk-fs-h2-cta: clamp(40px, 4.6vw, 76px);        /* padidinta CTA antraštė (dizainerės pastaba) */
    --sk-fs-h2-pasitiki: clamp(30px, 3.33vw, 51px);  /* 64 → 51 */
    --sk-fs-card-title: clamp(24px, 2.4vw, 37px);    /* 46 → 37 */
    --sk-fs-kodel-title: clamp(24px, 2.6vw, 40px);   /* 50 → 40 */
    --sk-fs-lead: clamp(17px, 1.61vw, 25px);         /* 31 → 25 */
    --sk-fs-sub: clamp(16px, 1.67vw, 26px);          /* 32 → 26 */
    --sk-fs-list: clamp(16px, 1.82vw, 28px);         /* 35 → 28 */
    --sk-fs-body: clamp(15px, 1.3vw, 20px);          /* 25 → 20 */
    --sk-fs-quote: clamp(15px, 1.35vw, 21px);        /* 26 → 21 */
    --sk-fs-name: clamp(20px, 1.77vw, 27px);         /* 34 → 27 */
    --sk-fs-btn: clamp(13px, 1.2vw, 19px);           /* 23 → 19 */
}

/* --- Avada wrapper'io nulinimas (naujas body class) --- */
.page-template-lp-pagrindinis-1360 #main {
    padding: 0 !important;
}

.page-template-lp-pagrindinis-1360 #main .fusion-row {
    max-width: 100% !important;
}

.page-template-lp-pagrindinis-1360 #content {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

@media (max-width: 640px) {
    .page-template-lp-pagrindinis-1360 #main .fusion-column-wrapper {
        margin: 0 !important;
    }
}

/* ----------------------------------------------------------------
 * BENDRI ELEMENTAI (base override'ai)
 * -------------------------------------------------------------- */
.lp-1360 .lp-section-head {
    margin-bottom: clamp(40px, 4.2vw, 64px); /* 80 → 64 */
}

.lp-1360 .lp-section-head h2 {
    margin-bottom: clamp(12px, 1vw, 16px) !important; /* 20 → 16 */
}

.lp-1360 .btn-sakuros {
    padding: clamp(10px, 0.9vw, 14px) clamp(24px, 2.1vw, 32px); /* 17/40 → 14/32 */
}

.lp-1360 .lp-btn-row {
    gap: clamp(16px, 1.7vw, 26px);       /* 32 → 26 */
    margin-top: clamp(24px, 2.5vw, 38px); /* 48 → 38 */
}

/* ----------------------------------------------------------------
 * HERO
 * -------------------------------------------------------------- */
.lp-1360 .lp-hero__inner {
    padding: clamp(48px, 5.2vw, 80px) 32px; /* 100 → 80 */
    gap: clamp(32px, 3.3vw, 51px);          /* 64 → 51 */
}

/* Vidutiniai ekranai (1025–1500px): didesnės hero šoninės paraštės.
   Specifiškumas 0,2,0 (kaip `.lp-1360 .lp-hero__inner`) + vėlesnė vieta
   faile, kad permuštų viršuje esantį kompaktinį 32px padding. */
@media (min-width: 1025px) and (max-width: 1500px) {
    .lp-1360 .lp-hero__inner {
        padding-left: clamp(48px, 6vw, 96px);
        padding-right: clamp(48px, 6vw, 96px);
    }
}

.lp-1360 .lp-hero__text {
    margin-top: clamp(24px, 2.5vw, 38px) !important; /* 48 → 38 */
}

.lp-1360 .lp-hero__media img {
    max-width: clamp(300px, 34vw, 520px); /* 650 → 520 */
}

/* ----------------------------------------------------------------
 * PASLAUGOS
 * -------------------------------------------------------------- */
.lp-1360 .lp-paslaugos {
    padding: clamp(56px, 5.2vw, 80px) 0; /* 100 → 80 */
}

.lp-1360 .lp-paslaugos__grid {
    gap: clamp(24px, 2.65vw, 41px); /* 51 → 41 */
}

.lp-1360 .lp-paslaugos__card {
    gap: clamp(20px, 1.8vw, 27px); /* 34 → 27 */
    padding: clamp(20px, 1.7vw, 26px) clamp(20px, 1.7vw, 26px) clamp(28px, 2.2vw, 34px); /* 32/32/42 → 26/26/34 */
    border-radius: clamp(14px, 1.15vw, 18px); /* 22 → 18 */
}

.lp-1360 .lp-paslaugos__card-img img {
    border-radius: clamp(8px, 0.6vw, 10px); /* 12 → 10 */
}

.lp-1360 .lp-paslaugos__more {
    margin-top: clamp(32px, 3.2vw, 50px); /* 62 → 50 */
}

/* ----------------------------------------------------------------
 * MES ATLIEKAME
 * -------------------------------------------------------------- */
.lp-1360 .lp-atliekame__box {
    border-radius: clamp(16px, 1.25vw, 19px);                    /* 24 → 19 */
    padding: clamp(32px, 4.4vw, 68px) clamp(24px, 4.4vw, 68px);  /* 85 → 68 */
    gap: clamp(32px, 4.7vw, 72px);                               /* 90 → 72 */
}

.lp-1360 .lp-atliekame__media img {
    max-width: 552px; /* 690 → 552 */
}

.lp-1360 .lp-atliekame__title {
    margin-bottom: clamp(24px, 2.4vw, 37px) !important; /* 46 → 37 */
}

.lp-1360 .lp-atliekame__list {
    margin: 0 0 clamp(32px, 3.2vw, 50px); /* 62 → 50 */
    gap: clamp(18px, 1.5vw, 22px);        /* 28 → 22 */
}

.lp-1360 .lp-atliekame__list li {
    padding-left: clamp(40px, 3.3vw, 51px);       /* 64 → 51 */
    background-size: clamp(24px, 1.75vw, 27px) auto; /* 34 → 27 */
}

.lp-1360 .lp-atliekame__pastraipos {
    margin: 0 0 clamp(32px, 3.2vw, 50px); /* 62 → 50 */
    gap: clamp(14px, 1.3vw, 19px);        /* 24 → 19 */
}

/* ----------------------------------------------------------------
 * KODĖL MES?
 * -------------------------------------------------------------- */
.lp-1360 .lp-kodel {
    padding: clamp(56px, 5.2vw, 80px) 0; /* 100 → 80 */
}

.lp-1360 .lp-kodel__grid {
    gap: clamp(24px, 3.6vw, 55px); /* 69 → 55 */
}

.lp-1360 .lp-kodel__card {
    border-radius: clamp(12px, 0.9vw, 14px);                    /* 18 → 14 */
    padding: clamp(28px, 3.3vw, 51px) clamp(24px, 3.75vw, 58px); /* 64/72 → 51/58 */
    grid-template-columns: clamp(56px, 4.7vw, 72px) 1fr;        /* 90 → 72 */
    gap: clamp(20px, 1.5vw, 22px);                              /* 28 → 22 */
}

.lp-1360 .lp-kodel__card-title::after {
    width: clamp(48px, 3.3vw, 51px);      /* 64 → 51 */
    margin-top: clamp(16px, 1.25vw, 19px); /* 24 → 19 */
}

.lp-1360 .lp-kodel__card-body {
    margin-top: clamp(20px, 1.6vw, 24px); /* 30 → 24 */
}

.lp-1360 .lp-kodel__intro {
    margin-bottom: clamp(16px, 1.55vw, 24px) !important; /* 30 → 24 */
}

/* ----------------------------------------------------------------
 * ATSILIEPIMAI
 * -------------------------------------------------------------- */
.lp-1360 .lp-atsiliepimai {
    padding: 0 0 clamp(56px, 5.2vw, 80px); /* 100 → 80 */
}

.lp-1360 .lp-atsiliepimai .lp-container {
    padding-top: clamp(56px, 4.7vw, 72px); /* 90 → 72 */
}

.lp-1360 .lp-atsiliepimai__slider {
    gap: clamp(8px, 1vw, 16px); /* 20 → 16 */
}

.lp-1360 .lp-atsiliepimai__card {
    padding: clamp(24px, 1.8vw, 29px) clamp(24px, 2.2vw, 35px) clamp(28px, 2.4vw, 37px); /* 36/44/46 → 29/35/37 */
    border-radius: clamp(12px, 0.9vw, 14px); /* 18 → 14 */
}

.lp-1360 .lp-atsiliepimai__quote {
    font-size: clamp(48px, 3.6vw, 56px); /* 70 → 56 */
}

.lp-1360 .lp-atsiliepimai__author {
    margin-top: clamp(20px, 1.8vw, 27px);  /* 34 → 27 */
    padding-top: clamp(14px, 1.3vw, 19px); /* 24 → 19 */
}

.lp-1360 .lp-atsiliepimai__nav {
    width: clamp(44px, 2.9vw, 45px);  /* 56 → 45 */
    height: clamp(44px, 2.9vw, 45px);
}

.lp-1360 .lp-atsiliepimai__more {
    margin-top: clamp(32px, 3.2vw, 50px); /* 62 → 50 */
}

/* ----------------------------------------------------------------
 * CTA
 * -------------------------------------------------------------- */
.lp-1360 .lp-cta__box {
    border-radius: clamp(16px, 1.25vw, 19px);                    /* 24 → 19 */
    padding: clamp(32px, 4.4vw, 68px) clamp(24px, 6.2vw, 96px);  /* 85/120 → 68/96 */
    gap: clamp(32px, 4.7vw, 72px);                               /* 90 → 72 */
}

.lp-1360 .lp-cta__text {
    margin-top: clamp(24px, 2.6vw, 40px) !important;    /* 50 → 40 */
    margin-bottom: clamp(32px, 3.3vw, 51px) !important; /* 64 → 51 */
}

.lp-1360 .lp-cta__media img {
    max-width: 520px; /* 650 → 520 */
}

/* ----------------------------------------------------------------
 * MUMIS PASITIKI
 * -------------------------------------------------------------- */
.lp-1360 .lp-pasitiki {
    padding: clamp(56px, 5.2vw, 80px) 0; /* 100 → 80 */
}

.lp-1360 .lp-pasitiki .lp-section-head {
    margin-bottom: clamp(32px, 3.3vw, 51px); /* 64 → 51 */
}

.lp-1360 .lp-pasitiki__logo {
    height: clamp(56px, 4.2vw, 64px); /* 80 → 64 */
}

.lp-1360 .lp-pasitiki__logo img {
    max-height: clamp(40px, 3.3vw, 51px);  /* 64 → 51 */
    max-width: clamp(120px, 9.4vw, 144px); /* 180 → 144 */
}
