/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/
@font-face {
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("assets/fonts/material-symbols-outlined-subset.woff2") format("woff2");
}

:root {
    --font-icons: "Material Symbols Outlined";
    --softip-gradient: linear-gradient(90deg,rgb(105,190,40) 0%,rgb(217,230,101) 100%);
    --softip-gradient-brand: var(--softip-gradient);
    --ghost-color: rgb(230,231,230);
    --softip-green: var(--nv-primary-accent);
    --softip-ink: rgb(51,52,51);
    --softip-border: rgb(230,231,230);
    --softip-gray: rgb(110,111,110);
    --softip-gradient-icon: linear-gradient(120deg,rgb(105,190,40) 0%,rgb(217,230,101) 100%);
    --softip-black: #000;
    --softip-white: #fff;
    --softip-border-dark: rgb(51,52,51);
    --space-arrow-gap: 15px;
    --space-link-arrow-gap: 20px;
    --space-grid-gap: 15px;
    --space-col-gap: 30px;
    --space-stack: 15px;
    --section-pad-top: 100px;
    --section-pad-bottom: 130px;
    --footer-pad: 40px;
    --radius-dot: 1px;
    --radius-button: 2px;
    --radius-link: 3px;
    --header-height: 50px;
    --hero-height: 678px;
    --pillar-icon: 128px;
}

.msym {
    font-family: var(--font-icons);
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    font-feature-settings: 'liga';
}

.outline {
    font-variation-settings:
            'FILL' 0,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24;
}

.filled {
    font-variation-settings:
            'FILL' 1,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24;
}

/* =========================================================
   GRADIENTOVÉ WORDPRESS SOCIAL ICONS
   Facebook: samostatné „f“
   Instagram a LinkedIn: tvary z pôvodného HTML
   ========================================================= */

/* Odstránenie pôvodných pozadí WordPress ikon */
.fancy-social-icons .wp-social-link,
.fancy-social-icons .wp-block-social-link-anchor {
    background: transparent !important;
}

/* Anchor zostáva v pôvodnej veľkosti */
.fancy-social-icons .wp-block-social-link-anchor {
    position: relative !important;
}

/* Pôvodné SVG zachová rozloženie, ale nebude viditeľné */
.fancy-social-icons .wp-block-social-link-anchor svg {
    opacity: 0 !important;
}

/* Spoločná gradientová ikona */
.fancy-social-icons .wp-block-social-link-anchor::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;

    width: 24px;
    height: 24px;

    transform: translate(-50%, -50%);
    pointer-events: none;

    background: linear-gradient(
            90deg,
            #69BE28 0%,
            #D9E665 100%
    );

    /* Instagram a LinkedIn */
    clip-path: var(--fancy-icon-shape, none);
    -webkit-clip-path: var(--fancy-icon-shape, none);

    /* Facebook */
    mask-image: var(--fancy-icon-mask, none);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;

    -webkit-mask-image: var(--fancy-icon-mask, none);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

/* Zmenšenie Facebook „f“ na výšku ostatných ikon */
.fancy-social-icons
.wp-social-link-facebook
.wp-block-social-link-anchor::before {
    width: 18px;
    height: 18px;
}

/* =========================================================
   FACEBOOK – samostatné „f“ bez kruhu
   ========================================================= */

.fancy-social-icons .wp-social-link-facebook {
    --fancy-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06H297V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E");
}

/* =========================================================
   INSTAGRAM
   ========================================================= */

.fancy-social-icons .wp-social-link-instagram {
    --fancy-icon-shape: path("M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622M12,3C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3zM12,7.378c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378zM12,15c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15zM16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z");
}

/* =========================================================
   LINKEDIN
   ========================================================= */

.fancy-social-icons .wp-social-link-linkedin {
    --fancy-icon-shape: path("M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3C21,3.582,20.418,3,19.7,3zM8.339,18.338H5.667v-8.59h2.672V18.338zM7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574zM18.339,18.338h-2.669v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z");
}

/* Odkazy v konkrétnom menu päty */
.widget-area .widget_nav_menu .menu-item > a {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* Šípka za odkazom */
.widget-area .widget_nav_menu .menu-item > a::after {
    content: "arrow_right_alt";

    display: block;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;

    font-family: "Material Symbols Outlined";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;

    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    font-variation-settings:
            "FILL" 0,
            "wght" 400,
            "GRAD" 0,
            "opsz" 20;

    -webkit-font-smoothing: antialiased;
}
.widget-area .widget_nav_menu .menu-item > a:hover,
.footer-kontakt a:hover {
    color: var(--nv-primary-accent);
}
/* typography */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgb(51,51,51);
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: var(--softip-ink);
    background: rgba(217,230,101,.45);
    border-radius: 20px;
    padding: 6px 16px;
}

/* Všeobecné */
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: var(--softip-ink);
    background: rgba(217,230,101,.45);
    border-radius: 20px;
    padding: 6px 16px;
}
/* Gradient s hover efektom */
.fancy-button-bg,
.fancy-button-bg a,
.header-main-inner .button-primary {
    background: linear-gradient(
            90deg,
            #69BE28 0%,
            #D9E665 100%
    ) !important;
}

.fancy-button-bg:hover,
.fancy-button-bg a:hover,
.header-main-inner .button-primary:hover {
    background: linear-gradient(
            90deg,
            #6EC82A 0%,
            #E4F26A 100%
    ) !important;
}

/* Rovnaký gradient bez hover efektu */
.fancy-bg,
.fancy-bg:hover {
    background: linear-gradient(
            90deg,
            #69BE28 0%,
            #D9E665 100%
    ) !important;
}

.wp-block-button__link {
    transition: filter .15s ease,box-shadow .15s ease;
    box-shadow: 0 8px 20px rgba(105,190,40,.25);
    height: 53px;
}
.wp-block-button__link:hover {
    filter: brightness(1.05);
}
.wp-block-themeisle-blocks-button-group .wp-block-themeisle-blocks-button.wp-block-button:is(.is-style-outline) .wp-block-button__link {
    box-shadow: inset 0 0 0 1px var(--ghost-color),0 6px 16px rgba(0,0,0,.05);
    border-color: rgba(230,231,230,.5);
}

/* countdown */
.stk-block-countdown__digit {
    font-variant-numeric: tabular-nums;
    background: var(--softip-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.stk-block-countdown__divider-colon {
    color: var(--ghost-color);
}
.stk-block-countdown__label {
    margin-top: 0;
}

/* pomocne */
.blob {
    position: absolute;
    border-radius: 52% 48% 60% 40%/55% 45% 55% 45%;
    pointer-events: none;
}
.blob-a {
    width: 420px;
    height: 400px;
    right: -70px;
    top: -30px;
    background: rgba(217,230,101,.4);
}
.blob-b {
    width: 180px;
    height: 170px;
    left: -30px;
    bottom: 10px;
    background: rgba(105,190,40,.16);
    border-radius: 48% 52% 42% 58%/50% 48% 52% 50%;
}

.grid-a-1-a .wp-block-group__inner-container {
    grid-template-columns: auto 1fr auto;
}
@media (max-width: 959px) {
    .grid-a-1-a .wp-block-group__inner-container {
        grid-template-columns: auto 1fr;
    }
    .grid-a-1-a .wp-block-group__inner-container > :last-child {
        grid-column: 1 / -1;
    }
}
@media (max-width: 599px) {
    .grid-a-1-a .wp-block-group__inner-container > * {
        /* grid-column: 1 / -1; */
    }
}
.g-color {
    color: var(--nv-primary-accent);;
}
.big-analogy em {
    font-style: normal;
    background: var(--softip-gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* ako to funguje */
.vflow{max-width:860px;margin:0 auto;position:relative;display:flex;flex-direction:column;gap:0}
.phase{background:#fff;border-radius:18px;box-shadow:0 16px 40px rgba(51,52,51,.09);padding:34px 38px 38px;display:grid;grid-template-columns:230px 1fr;gap:12px 44px;position:relative}
.phase.ph-b{background:var(--softip-black)}
.ph-side{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ph-side .eyebrow{gap:6px}
.phase.ph-b .ph-side .eyebrow{background:var(--softip-gradient-brand)}
.ph-side h3{font-size:22px;line-height:30px;font-weight:700;color:var(--softip-ink)}
.phase.ph-b .ph-side h3{color:var(--softip-white)}
.ph-side p{font-size:14px;line-height:22px;color:var(--softip-gray)}
.ph-side .where{display:flex;align-items:center;gap:8px;font-size:13px;line-height:18px;font-weight:600;color:var(--softip-ink);padding-top:4px}
.ph-side .where .msym{font-size:18px;color:var(--softip-green)}
.phase.ph-b .ph-side .where{color:var(--softip-white)}
.ph-side .dl{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;line-height:18px;font-weight:600;color:var(--softip-green);text-decoration:underline}
.ph-side .dl .msym{font-size:18px;text-decoration:none}
.steps-v{display:flex;flex-direction:column;gap:0;counter-reset:fs}
.sv{display:grid;grid-template-columns:36px 1fr;gap:16px;position:relative;padding-bottom:22px}
.sv::before{content:"";position:absolute;left:17px;top:38px;bottom:2px;width:2px;background:var(--softip-border)}
.sv:last-child{padding-bottom:0}
.sv:last-child::before{display:none}
.phase.ph-b .sv::before{background:var(--softip-border-dark)}
.sv .n{width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--softip-green);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--softip-ink)}
.phase.ph-b .sv .n{background:var(--softip-gradient-brand);box-shadow:0 6px 14px rgba(105,190,40,.3)}
.sv b{display:block;font-size:15px;line-height:24px;font-weight:700;color:var(--softip-ink);padding-top:6px}
.sv span{display:block;font-size:14px;line-height:22px;color:var(--softip-gray)}
.sv .sv-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:14px;line-height:22px;font-weight:600;color:var(--softip-green);text-decoration:underline}.sv .sv-link .msym{display:inline;font-size:16px;color:inherit;text-decoration:none}
.phase.ph-b .sv b{color:var(--softip-white)}
.sv .warn{margin-top:10px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;background:rgba(217,230,101,.35);border-radius:10px;padding:12px 14px;font-size:13px;line-height:20px;color:var(--softip-ink)}
.sv .warn .msym{font-size:20px;color:var(--softip-ink);padding-top:1px}
.sv .warn a{color:var(--softip-green);font-weight:600;text-decoration:underline}
.sv .hint{margin-top:8px;display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:600;color:var(--softip-green);background:rgba(105,190,40,.12);border-radius:var(--radius-link);padding:5px 10px}
.sv .hint .msym{font-size:15px}
.flow-join{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 0;text-align:center}
.flow-join .msym{font-size:30px;color:var(--softip-green)}
.flow-join span{font-size:13px;line-height:20px;color:var(--softip-gray);max-width:420px}
.flow-cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding-top:40px;position:relative}
@media(max-width:820px){.phase{grid-template-columns:1fr;gap:22px;padding:28px 24px 30px}}
@media(max-width:560px){.sv{grid-template-columns:30px 1fr;gap:12px}.sv .n{width:30px;height:30px;font-size:13px}.sv::before{left:14px;top:32px}}

.fears .wp-block-group__inner-container {
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}
.fears .wp-block-group__inner-container p {
    margin-bottom: 0;
}
.fear .wp-block-group__inner-container {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 26px rgba(51,52,51,.07);
    padding: 22px 26px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 18px;
    align-items: center;
}
.fear .wp-block-group__inner-container .q {
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    color: var(--softip-gray);
}
.fear .wp-block-group__inner-container .msym {
    font-size: 20px;
    color: var(--softip-green);
}
.fear .wp-block-group__inner-container .a {
    font-size: 15px;
    line-height: 24px;
    color: var(--softip-ink);
}
.fear .wp-block-group__inner-container .a strong {
    color: var(--softip-green);
}
@media (max-width: 640px) {
    .fear .wp-block-group__inner-container .msym {
        transform: rotate(90deg);
        justify-self: start;
    }
}
@media (max-width: 640px) {
    .fear .wp-block-group__inner-container {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}
.note-center {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: var(--softip-gray);
    max-width: 620px;
    margin: 0 auto;
    padding-bottom: 48px;
    position: relative;
}

.check-item .msym {
    font-size: 20px;
    color: var(--softip-green);
    flex-shrink: 0;
    margin-top: 2px;
}

/* form */
.form{max-width:640px;margin:0 auto;background:#fff;border-radius:18px;padding:44px;box-shadow:0 16px 40px rgba(51,52,51,.09);display:flex;flex-direction:column;gap:18px;position:relative}
.form label{display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:18px;font-weight:600;color:var(--softip-ink);text-align:left}
.form label small{font-weight:400;color:var(--softip-gray)}
.form input[type=text],.form input[type=email],.form input[type=tel],.form textarea{border:1px solid var(--softip-border);border-radius:10px;padding:13px 16px;font-family:var(--font-core);font-size:14px;line-height:22px;color:var(--softip-ink);outline:none;background:#fff}
.form input:focus,.form textarea:focus{border-color:var(--softip-green)}
.form textarea{min-height:120px;resize:vertical}
.gdpr{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:20px;color:var(--softip-gray);font-weight:400;margin-bottom: 0;}
.gdpr input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--softip-green);flex-shrink:0}
.form .submit-btn {display:flex;justify-content:center;margin-bottom: 0;}
.form .btn{align-self:center;box-shadow:none;margin:0 auto;display: inline-flex;align-items: center;justify-content: center;gap: 15px;height: 53px;}
.form-note{text-align:center;font-size:13px;line-height:20px;color:var(--softip-gray)}
.form-ok{display:none;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:20px 0}
.form-ok .msym{font-size:44px;color:var(--softip-green)}
.form-ok b{font-size:18px;color:var(--softip-ink)}
.form-ok p{font-size:14px;color:var(--softip-gray)}
.form input, .form textarea {width: 100%;}

/* kalkulačka v2 */
.calc2{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;position:relative;align-items:start}
.calc2 .panel{background:#fff;border-radius:18px;padding:32px;box-shadow:0 16px 40px rgba(51,52,51,.09)}
.calc2 .flabel{display:block;font-size:13px;line-height:18px;font-weight:700;color:var(--softip-ink);padding-bottom:10px}
.calc2 input[type=number]{width:100%;height:56px;border:1px solid var(--softip-border);border-radius:10px;padding:0 18px;font-family:var(--font-core);font-size:22px;font-weight:600;color:var(--softip-ink-alt);outline:none;background:#fff}
.calc2 input[type=number]:focus{border-color:var(--softip-green);box-shadow:0 0 0 3px rgba(105,190,40,.16)}
.calc2 .qbtns{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}
.calc2 .qbtn{background:rgb(248,251,244);border:none;border-radius:16px;padding:7px 14px;font-family:var(--font-core);font-size:12px;line-height:16px;font-weight:600;color:var(--softip-ink);cursor:pointer;transition:box-shadow .15s ease,color .15s ease}
.calc2 .qbtn:hover{box-shadow:inset 0 0 0 1px var(--softip-green);color:var(--softip-green)}
.sup-label{display:block;font-size:13px;line-height:18px;font-weight:700;color:var(--softip-ink);padding:28px 0 10px}
.sup-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sup-card{border:1px solid var(--softip-border);border-radius:12px;padding:14px 16px;cursor:pointer;display:block;background:#fff;transition:border-color .15s ease,background .15s ease}
.sup-card:hover{border-color:var(--softip-green)}
.sup-card.selected{border-color:var(--softip-green);background:rgb(248,251,244);box-shadow:0 6px 16px rgba(105,190,40,.14)}
.sup-card input{position:absolute;opacity:0;pointer-events:none}
.sup-card strong{display:block;font-size:14px;line-height:20px;font-weight:700;color:var(--softip-ink-alt)}
.sup-card small{display:block;font-size:12px;line-height:18px;color:var(--softip-gray)}
.calc2 .hint{font-size:13px;line-height:20px;color:var(--softip-gray);padding-top:16px;margin:0}
.calc-res{background:var(--softip-black);border-radius:18px;padding:32px;box-shadow:0 20px 48px rgba(51,52,51,.18)}
.calc-res .kicker{font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--softip-green)}
.calc-res .total{font-weight:700;font-size:40px;line-height:50px;color:var(--softip-white);padding-top:8px}
.calc-res .vat{font-size:13px;line-height:20px;color:var(--softip-gray);padding-bottom:20px}
.calc-res dl{margin:0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:10px}
.calc-res dl>div{display:flex;justify-content:space-between;gap:14px}
.calc-res dt{font-size:13px;line-height:20px;color:var(--softip-gray)}
.calc-res dd{margin:0;font-size:14px;line-height:20px;font-weight:700;color:var(--softip-white)}
.calc-res .snote{font-size:12px;line-height:18px;color:var(--softip-gray);padding-top:16px;margin:0}
.calc-res p{font-size:14px;line-height:22px;color:var(--softip-gray);margin:0}
.calc-res .btn{margin-top:22px;width:100%;justify-content:center}
.ptable-wrap{overflow-x:auto;background:#fff;border-radius:18px;box-shadow:0 16px 40px rgba(51,52,51,.09);position:relative;-webkit-overflow-scrolling:touch}
.ptable{width:100%;border-collapse:collapse;min-width:640px}
.ptable th{text-align:left;font-size:12px;line-height:18px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--softip-white);background:var(--softip-green);padding:18px 20px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.28)}
.ptable th:last-child{border-right:none}
.ptable td{font-size:14px;line-height:22px;color:var(--softip-ink);padding:14px 20px;border-bottom:1px solid rgb(240,242,238);border-right:1px solid rgb(240,242,238);transition:background .15s ease,color .15s ease}
.ptable td:last-child{border-right:none}
.ptable tr:last-child td{border-bottom:none}
.ptable tbody tr:hover td{background:rgb(233,246,222);color:var(--softip-ink-alt);cursor:default}
.ptable tbody tr:hover td:first-child{box-shadow:inset 4px 0 0 var(--softip-green)}
.ptable tr.active td{background:rgb(233,246,222);font-weight:600;color:var(--softip-ink-alt)}
.ptable tr.active td:first-child{box-shadow:inset 4px 0 0 var(--softip-green)}
.ptable-scroll-hint{display:none;font-size:12px;line-height:18px;color:var(--softip-gray);padding:10px 0 0;align-items:center;gap:6px}
.ptable-scroll-hint .msym{font-size:16px;color:var(--softip-green)}
.ptable-note{font-size:13px;line-height:22px;color:var(--softip-gray);padding:0 0 22px;position:relative;max-width:760px}
@media(max-width:960px){.calc2{grid-template-columns:1fr}.ptable-scroll-hint{display:flex}}
@media(max-width:640px){
    .calc2 .panel,.calc-res{padding:24px}
    .sup-opts{grid-template-columns:1fr}
    .calc2 .panel{height:auto!important}
    .qbtns,.sup-label,.sup-opts,.hint{top:0!important}
    .ptable-scroll-hint{display:none}
    .ptable{min-width:0}
    .ptable thead{display:none}
    .ptable tbody,.ptable tr,.ptable td{display:block;width:100%}
    .ptable-wrap{background:transparent;box-shadow:none;border-radius:0;overflow:visible}
    .ptable tbody{display:flex;flex-direction:column;gap:14px}
    .ptable tr{background:#fff;border:1px solid var(--softip-border);border-radius:14px;overflow:hidden;padding:0;box-shadow:0 8px 20px rgba(51,52,51,.07);transition:border-color .15s ease,box-shadow .15s ease}
    .ptable td{border-right:none;border-bottom:1px solid rgb(240,242,238);padding:11px 16px;display:flex;justify-content:space-between;gap:14px;text-align:right}
    .ptable td:first-child{background:var(--softip-green);border-bottom:none;padding:13px 16px;font-weight:700;color:var(--softip-white)}
    .ptable td:first-child::before{color:rgba(255,255,255,.85)}
    .ptable td:last-child{border-bottom:none}
    .ptable td::before{content:attr(data-th);flex:0 0 42%;text-align:left;font-size:11px;line-height:18px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--softip-gray)}
    .ptable tbody tr:hover{border-color:var(--softip-green);box-shadow:0 10px 24px rgba(105,190,40,.22)}
    .ptable tbody tr:hover td{background:#fff}
    .ptable tbody tr:hover td:first-child{background:var(--softip-green);box-shadow:none}
    .ptable tr.active{border-color:var(--softip-green);box-shadow:0 10px 24px rgba(105,190,40,.22)}
    .ptable tr.active td{background:rgb(233,246,222)}
    .ptable tr.active td:first-child{background:var(--softip-green);box-shadow:none}
}