/* ***** Common Css **** */
:root {
    scroll-behavior: initial;

    /* Modrá zo značky. Bola tu napísaná stodvakrát priamo ako #2D2E79, takže
       zmena odtieňa znamenala stodva opráv a jedno zabudnuté miesto by ostalo
       v starej farbe. `shop.css` si ju berie odtiaľto; admin má vlastnú kópiu
       (`css/admin.css`, `--color-navy`), lebo tento súbor nenačítava — tie dve
       hodnoty musia ostať rovnaké. */
    --brand-navy: #2D2E79;
}
p.d-block.text-center.custom-info-label {
    width: 450px;
    margin: 0 auto 2rem auto;
    padding: 0.5rem 2rem;
    background: #E4BE6E;
    border-radius: 2rem;
    color: white;
}
p.d-block.text-center.custom-info-label path {
    fill: var(--brand-navy) !important;
}
p.d-block.text-center.custom-info-label {
    color: var(--brand-navy);
}

img.icon-nav {
    max-width: 20px;
}



.custome-box p {
    font-size: 18px;
    line-height: 28px;
}

.motor-tax-box ul li {
    list-style: square;
    margin-left: 1rem;
}

.motor-tax-box h3 {
    font-size: 1.5rem;
    color: var(--brand-navy);
}
.motor-tax-box ul {
    padding: 1rem;
    color: white;
    margin-left: 1rem;
    font-size: 14px;
    line-height: 22px;
    background: var(--brand-navy);
    margin: 0 0 20px;
}


p.d-block.text-center.custom-info-label svg {
    max-width: 2rem !important;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
}
div#service-packages-list {
    display: flex;
    justify-content: center;
}

ol,
ul {
    margin: 0;
    padding: 0;
}
img {
    display: block;
}
figure{margin: 0;}
a,button {
    transition: 0.15s linear;
    -webkit-transition: 0.15s linear;
    text-decoration: none;
}

body {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: none;    
}
.main-wrpper {
    height:auto;
    width: 100%;
}
.container{
    max-width: 1550px;
}
/* ***** End Common Css **** */

/* **** Topbar **** */
.topbar {
    background: var(--brand-navy);
    color: #fff;
    font-size: 14px;
}
.topbar-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 44px;
}
.topbar-phones {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
.topbar-phones a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-weight: 600;
}
.topbar-phones a i {
    color: #E4BE6E;
}
.topbar-phones a:hover {
    color: #E4BE6E;
}
.topbar-right {
    display: flex;
    align-items: center;
    gap: 18px;
}
.topbar-socials {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Prepínač jazyka. Tlačidlo je len text s glóbusom — v tmavom pruhu má
   byť pokojné; rozbalené menu je svetlé, aby sa čítalo ako obsah. */
.lang-switch__toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 30px;
    background: transparent;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}
.lang-switch__toggle:hover,
.lang-switch__toggle[aria-expanded="true"] {
    border-color: #E4BE6E;
    color: #E4BE6E;
}
.lang-switch__toggle i {
    font-size: 14px;
}
.lang-switch__caret {
    transition: transform .2s ease;
}
.lang-switch__toggle[aria-expanded="true"] .lang-switch__caret {
    transform: rotate(180deg);
}
.lang-switch__menu.dropdown-menu {
    min-width: 210px;
    margin-top: 10px;
    padding: 8px;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(45, 46, 121, 0.18);
}
/* Dvadsaťtri jazykov v jednom stĺpci je pás dlhší než obrazovka. Preto stĺpce.

   `column-count`, nie grid, a to zámerne: Bootstrap ovláda dropdown cez
   `display: none` a `display: block`, takže `display: grid` by menu nechalo
   otvorené natrvalo. Stĺpce sa na `display: block` navrstvia bez zásahu doň. */
@media (min-width: 576px) {
    .lang-switch__menu.dropdown-menu {
        min-width: 420px;
        column-count: 2;
        column-gap: 4px;
    }
}
@media (min-width: 992px) {
    .lang-switch__menu.dropdown-menu {
        min-width: 620px;
        column-count: 3;
    }
}
/* Bez tohto by sa riadok mohol rozpoltiť medzi dva stĺpce. */
.lang-switch__menu.dropdown-menu > li {
    break-inside: avoid;
    page-break-inside: avoid;
}
.lang-switch__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 12px;
    color: var(--brand-navy);
    font-size: 14px;
}
.lang-switch__item:hover {
    background: #F6F7F9;
    color: var(--brand-navy);
}
.lang-switch__item.is-on {
    background: #F6F7F9;
    font-weight: 600;
}
.lang-switch__item svg {
    margin-left: auto;
    color: #E4BE6E;
    width: 14px;
    height: 14px;
    flex: none;
}
/* Vlajka je obrázok s pomerom 4:3 — orezaná na pásik, aby riadky menu
   mali rovnakú výšku a vlajka nevyzerala ako plagát. */
.lang-switch__flag {
    display: block;
    width: 24px;
    height: 18px;
    border-radius: 3px;
    object-fit: cover;
    flex: none;
    box-shadow: 0 0 0 1px rgba(45, 46, 121, 0.12);
}
.lang-switch__toggle .lang-switch__flag {
    width: 22px;
    height: 16px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.lang-switch__code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 24px;
    border-radius: 6px;
    background: var(--brand-navy);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    flex: none;
}
.lang-switch__item.is-on .lang-switch__code {
    background: #E4BE6E;
    color: var(--brand-navy);
}

/* Ten istý prepínač v mobilnom paneli. Panel je svetlý, takže tlačidlo
   nemôže ostať biele ako v tmavom pruhu nad hlavičkou, a menu sa vysúva
   nahor od ľavého okraja — vpravo pod ním už nič nie je. */
.nav-drawer-foot .lang-switch__toggle {
    border-color: #E5E7EB;
    color: var(--brand-navy);
}
.nav-drawer-foot .lang-switch__toggle:hover,
.nav-drawer-foot .lang-switch__toggle[aria-expanded="true"] {
    border-color: var(--brand-navy);
    color: var(--brand-navy);
}
.nav-drawer-foot .lang-switch__toggle .lang-switch__flag {
    box-shadow: 0 0 0 1px rgba(45, 46, 121, 0.15);
}
/* V mobilnom paneli je zoznam súčasťou panela, nie plávajúce menu.

   Vysúvané nahor nad tlačidlo pretekalo nad začiatok `.nav-drawer-body` —
   pod hlavičku s logom, na nízkom telefóne až nad obrazovku. Obsah nad
   začiatkom posuvnej oblasti sa odrolovať nedá, takže Čeština a Dansk
   ostali nedosiahnuteľné. `vh` to nezachráni: na mobile počíta výšku bez
   lišty prehliadača, teda väčšiu, než je naozaj vidieť.

   Preto `position: static` — zoznam sa rozbalí pod tlačidlom v toku panela
   a roluje sa s ním jedným pohybom, bez vnoreného posuvníka. Na tlačidlo
   po otvorení doroluje nav-drawer.js.

   Jeden stĺpec: panel je široký `min(380px, 90vw)`, dva by z neho vytiekli.
   `columns: auto`, nie `column-count: 1` — viacstĺpcový kontajner s výškou
   pretečie do ďalších stĺpcov doprava, mimo panel. */
.nav-drawer-foot .lang-switch__menu.dropdown-menu {
    position: static;
    inset: auto;
    transform: none;
    width: 100%;
    min-width: 0;
    margin: 10px 0 0;
    max-height: none;
    overflow: visible;
    columns: auto;
    box-shadow: none;
    border: 1px solid #E5E7EB;
}
.topbar-socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 14px;
}
.topbar-socials a:hover {
    background: #E4BE6E;
    color: var(--brand-navy);
}
/* **** End Topbar **** */

/* **** Header **** */
header {
    position:relative;
    top: 0px;
    left: 0;
    right: 0;
    background:#fff;
    padding: 35px 0;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
header.nav-new{
    padding: 15px 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: none;
}
.navbar .container .navbar-brand,
.navbar .container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar-brand {
    float: none;
    height: auto;
    padding: 0;
}
/* Logo sa drží šírkou, nie výškou: verzie so sloganom a bez neho sú rovnako
   široké, líšia sa len výškou — nápis je tak v každom jazyku rovnaký. */
.navbar-brand img {
    max-width: 100%;
    width: 220px;
    height: auto;
}
.navbar {
    background: transparent;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.nav-row{
    display: flex;
    align-items: center;
    width: 100%;
}
.navbar-light .navbar-nav {
    margin: 0 auto;
}
.navbar-light .navbar-nav li {
    margin-right: .5rem;
}
.navbar-light .navbar-nav li:last-child {
    margin-right: 0;
}
/* Pilulka navigácie ako na starom webe: tmavomodrá výplň, zlatý text,
   pri hoveri text zbelie. */
.navbar-light .navbar-nav .nav-link{
    padding: 10px 0px;
    font-family: inherit;
    cursor: pointer;
    background: var(--brand-navy);
    color: #E4BE6E !important;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    transition: 0.15s linear;
    -webkit-transition: 0.15s linear;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff !important;
}
/* Zaoblenie a vnútorné odsadenie platia len na desktope — na mobile
   preberá zoznam responsive.css. Blok musí stáť za pravidlom vyššie,
   inak mu základné `padding: 10px 0px` prebije odsadenie. */
@media screen and (min-width: 991px) {
    .navbar-light .navbar-nav .nav-link {
        display: flex;
        align-items: center;
        gap: 5px;
        border-radius: 2rem;
        padding: 10px 1rem;
    }
}
.dropdown-toggle::after{display: none;}
.navbar-light .navbar-nav li .dropdown-menu{
    padding: 0;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #F6F7F9;
    overflow: hidden;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-nav li .dropdown-menu li{
    margin: 0;
}
.navbar-light .navbar-nav li .dropdown-menu li a{
    display: block;
    font-size: 14px;
    padding: 8px 10px;
    font-weight: normal;
    color: var(--brand-navy);
}
.navbar-light .navbar-nav li .dropdown-menu li a:hover{
    background: var(--brand-navy);
    color: #fff;
}

.btn-nav{
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
    padding: 10px 24px;
    border-radius: 32px;
    background: #E4BE6E;
    color: var(--brand-navy);
    font-size: 14px;
    font-weight: 600;
}
.btn-nav figure{
    min-width: 16px;
    margin-right: 16px;
}
.navbar .btn-nav:hover{
    background: #E4BE6E;
    color: #fff;
}
.navbar .btn-nav:hover img{ 
    filter: invert(1) brightness(5);
}
.btn-main:hover, .btn-secondary:hover, .btn-primary:hover{
    cursor: pointer;
}


.dropdown-menu:focus, 
.dropdown-menu:focus-visible {
    outline: none !important; 
    box-shadow: none !important;
}
.dropdown-menu {
    -webkit-appearance: none !important; /* Remove macOS styling */
    appearance: none !important;
}
@supports (-webkit-touch-callout: none) {
    .dropdown-menu {
        background-color: #fff !important;
    }
}
/* **** End Header **** */

/* **** toggler **** */
.navbar-light .navbar-toggler {background-color: transparent;border-radius: 0;outline: none;box-shadow: none;border: none;height: 40px;width: 40px;padding: 0;}
.navbar-light .navbar-toggler:focus {box-shadow: none;outline: none; }
.navbar-light .navbar-toggler .navbar-toggler-icon {background-image: unset;}
.navbar-toggler:active, .navbar-toggler:focus { outline: none; }
.navbar-light .navbar-toggler-icon {width: 14px;height: 18px;background-image: none;position: relative;border-bottom: 2px solid #333;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {width: 30px;position: absolute;height: 2px;background-color: #333;top: 0;right: 0;content: "";z-index: 2;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after {top: 8px;width: 22px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);width: 30px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);width: 30px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}
/* **** End toggler **** */

/* **** Home Page **** */
.hero-banner{
    position: relative;
}
.hero-banner-row .row{
    padding: 60px 0;
}
.hero-banner-row{
    padding: 30px 60px 0;
    background: #F6F7F9;
    border-radius: 32px;
    position: relative;
}
.hero-banner-row .row{
    align-items: center;
}
.banner-data h6,
.banner-data .eyebrow{
    margin: 0 0 16px;
    font-family: 'Kumbh Sans';
    font-weight: 800;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #E4BE6E;
}
.banner-data h1{
    font-size: 32px;
    font-weight: bold;
    color: var(--brand-navy);
    line-height: 40px;
    margin: 0 0 16px;
}
.banner-data p{
    font-size: 16px;
    font-weight: normal;
    color: #506EB5;
    line-height: 25px;
    margin: 0 0 16px;
}
.banner-data p strong{
    font-weight: bold;
}
.banner-data ul{
    margin: 0 0 24px;
}
.banner-data ul li{
    font-size: 16px;
    font-weight: normal;
    color: #506EB5;
    line-height: 25px;
    margin: 0 0 8px;
    position: relative;
    padding: 0 0 0 32px;
}
.banner-data ul li:last-child{
    margin: 0;
}
.banner-data ul li:before{
    position: absolute;
    content: '';
    width: 18px;
    height: 11px;
    background: url('/images/theme/chackic.svg') 0 0 no-repeat;
    background-size: 100% 100%;
    top: 5px;
    left: 0;
}
.btn-main{
    display: table;
    padding: 10px 32px;
    background: #E4BE6E;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    color: var(--brand-navy);
}
.btn-main:hover{
    background: var(--brand-navy);
    color: #fff;
}

.hero-img{
    position: relative;
}
.hero-img figure{
    max-width: 492px;
    aspect-ratio: 1/1;
}
.hero-img figure img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.hero-servbox-2{
    width:fit-content;
    /* `fit-content` sa riadi obsahom, nie rodičom — pri dlhšom mene menovka
       prerástla svoj stĺpec a vytŕčala zo stránky. Strop ju necháva rásť
       presne po okraj bloku a ďalej sa zalomí. */
    max-width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 24px;
    box-shadow: 0px 117px 47px rgba(0, 0, 0, 0.01), 0px 66px 39px rgba(0, 0, 0, 0.05), 0px 29px 29px rgba(0, 0, 0, 0.09), 0px 7px 16px rgba(0, 0, 0, 0.1);
    border-radius: 32px;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}
.hero-servbox a{
    width:fit-content;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 24px;
    box-shadow: 0px 117px 47px rgba(0, 0, 0, 0.01), 0px 66px 39px rgba(0, 0, 0, 0.05), 0px 29px 29px rgba(0, 0, 0, 0.09), 0px 7px 16px rgba(0, 0, 0, 0.1);
    border-radius: 32px;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}
.service-banner-wrp .hero-servbox{
    width:fit-content;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 24px;
    box-shadow: 0px 117px 47px rgba(0, 0, 0, 0.01), 0px 66px 39px rgba(0, 0, 0, 0.05), 0px 29px 29px rgba(0, 0, 0, 0.09), 0px 7px 16px rgba(0, 0, 0, 0.1);
    border-radius: 32px;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}
.hero-servbox a:hover {
    background-color: #f8f9fa;
    transform: translateY(-3px); 
    box-shadow: 0px 58px 30px rgba(0, 0, 0, 0.01),
                0px 33px 25px rgba(0, 0, 0, 0.04),
                0px 15px 15px rgba(0, 0, 0, 0.07),
                0px 5px 10px rgba(0, 0, 0, 0.08); 
}
.hero-one a{
    left: 18%;
    bottom: 0%;
}
.hero-two a{
    bottom: auto;
    top: 12%;
    right: 0;
    left: auto;
}
.hero-three a{
    bottom: auto;
    top: -5%;
    left: auto;
}
.hero-servbox a figure{
    min-width: 42px;
    margin-right: 16px;
}
.hero-servbox a figure img{
    border-radius: 0%;
}
.hero-servdt h4,
.hero-servdt .person-name{
    font-size: 24px;
    font-weight: bold;
    color: var(--brand-navy);
    line-height: 34px;
    margin: 0;
}
.hero-servdt h2{
    font-size: 24px;
    font-weight: bold;
    color: var(--brand-navy);
    line-height: 34px;
    margin: 0;
}

.hero-servdt p{
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    color: #506EB5;
    line-height: 25px;
}

.help-business-wrp{
    padding: 20px 0;
}
.help-business-row{
    padding: 32px 50px;
    background: var(--brand-navy);
    border-radius: 32px;
}
.help-business-row .row{
    align-items: center;
}
.help-business-row .col-md-3{
    width: 20%;
}
.help-business-row .col-md-9{
    width: 80%;
}
.help-business-row h2{
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 25px;
    max-width: 175px;
}
.help-business-row ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}
/* Odkaz musí byť blokový: ako riadkový prvok jeho vnútorné odsadenie
   nezväčší riadok, takže zalomená druhá pilulka liezla cez prvú. */
.help-business-row ul li a{
    display: inline-block;
    padding: 10px 32px;
    background: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    color: var(--brand-navy);
    line-height: 22px;
}
.help-business-row ul li a:hover{
    background: #E4BE6E;
    color: var(--brand-navy);
}

.professional-administrative-wrp{
    padding: 40px 0;
    position: relative;
}
.professional-administrative-wrp .row{
    align-items: center;
}
.titlebar{
    margin: 0 0 30px;
}
.titlebar h6,
.titlebar .eyebrow{
    margin: 0 0 16px;
    font-family: 'Kumbh Sans';
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0.2em;
    color: #E4BE6E;
}
.titlebar h2{
    margin: 0;
    font-size: 36px;
    font-weight: bold;
    color: var(--brand-navy);
    line-height: 54px;
}
.professional-administrative-data .titlebar{
    max-width: 500px;
}
.professional-administrative-data p{
    margin: 0 0 30px;
    font-size: 16px;
    font-weight: normal;
    color: #2E2E2E;
    line-height: 24px;
}
.professional-administrative-data p strong{
    font-weight: bold;
}
.counter-row ul{
    display: flex;
    flex-wrap: wrap;
}
.counter-row ul li{
    width: 33.33%;
}
.counter-row ul li h3{
    margin: 0;
    font-weight: 600;
    font-size: 40px;
    line-height: 63px;
    letter-spacing: -0.03em;
    color: #E4BE6E;
}
.counter-row ul li p{
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    color: #2E2E2E;
    line-height: 24px;
}
.professional-administrative-img{
    position: relative;
    max-width: 460px;
    padding: 0 0 0 60px;
}
.professional-administrative-img .professional-imgbox figure{
    position: relative;
}
.professional-administrative-img .professional-imgbox figure img{
    width: 100%;
    height: 495px;
    box-shadow: 0px 217px 87px rgba(0, 0, 0, 0.01), 0px 122px 73px rgba(0, 0, 0, 0.05), 0px 54px 54px rgba(0, 0, 0, 0.09), 0px 14px 30px rgba(0, 0, 0, 0.1);
    border-radius: 32px;
    object-fit: cover;
    position: relative;
    z-index: 1;
}
.professional-administrative-img .professional-imgbox figure:after{
    position: absolute;
    content: '';
    background: #F6F7F9;
    border-radius: 32px;
    width: 100%;
    height: 100%;
    right: -24px;
    bottom: -24px;
}
.advise-box{
    padding: 16px 16px 24px;
    width: 116px;
    background: #E4BE6E;
    box-shadow: 0px 117px 47px rgba(0, 0, 0, 0.01), 0px 66px 39px rgba(0, 0, 0, 0.05), 0px 29px 29px rgba(0, 0, 0, 0.09), 0px 7px 16px rgba(0, 0, 0, 0.1);
    border-radius: 32px;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 5;
}
.advise-box figure{
    margin: 0 auto 16px;
    display: table;
}
.advise-box figure img{
    width: auto;
    height: auto;
}
.advise-box h4,
.advise-box h3{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    text-align: center;
    margin: 0 auto 16px;
}
/* Bez citátu je nadpis posledný — odsadenie pod ním by nechalo v bubline
   prázdny pás. */
.advise-box h4:last-child,
.advise-box h3:last-child{
    margin-bottom: 0;
}
.advise-box p{
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    line-height: 20px;
}

.comprehensive-wrp{
    padding: 60px 0;
    position: relative;
}
.comprehensive-data .titlebar{
    max-width: 500px;
}
.for-clients-logo{
    display: flex;
    align-items: center;
    padding: 25px 50px;
    background: #F6F7F9;
    border-radius: 32px 32px 0 0;
    width: fit-content;
    position: relative;
}
.for-clients-logo:after{
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background: radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 30px, #F6F7F9 31px);
    background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 30px, #F6F7F9 31px);
    right: -30px;
    bottom: 0;
}
.for-clients-logo figure{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 8px;
    filter: drop-shadow(0px 13px 5px rgba(0, 0, 0, 0.01)) drop-shadow(0px 7px 4px rgba(0, 0, 0, 0.05)) drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.09)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
}
.for-clients-logo figure img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.for-clients-logo h6,
.for-clients-logo .eyebrow{
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: var(--brand-navy);
}
/* Šírka je stropom, nie príkazom: pevných 670 px pretŕčalo pod 1400 px
   z polovičného stĺpca von zo stránky a medzi oboma blokmi neostala medzera
   mriežky. Blok sa teraz zmestí do stĺpca a nad 1400 px vyzerá ako predtým. */
.for-clients-data{
    padding: 55px 90px 75px 50px;
    background: #F6F7F9;
    border-radius: 0 32px 32px 32px;
    width: 100%;
    max-width: 670px;
}
.for-clients-data .titlebar h2{
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
}
.for-clients-data p{
    margin: 0 0 30px;
    font-size: 16px;
    font-weight: normal;
    color: #2E2E2E;
    line-height: 24px;
}
.for-clients-data p strong{
    font-weight: bold;
}
.for-clients-data ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
}
.for-clients-data ul li{
    margin: 0 8px 8px 0;
}
.for-clients-data ul li a{
    padding: 16px 16px;
    background: #fff;
    border-radius: 30px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
    color: var(--brand-navy);
    font-family: 'Kumbh Sans';
    display: block;
}

/* Modrá varianta karty služieb. Strieda sa so svetlou, aby dve karty vedľa
   seba neboli jedna sivá plocha — tvar aj rozloženie ostávajú rovnaké,
   mení sa len farba. */
.clients-blue-block .for-clients-logo{
    background: #506EB5;
}
.clients-blue-block .for-clients-logo:after{
    background: radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 30px, #506EB5 31px);
    background: -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 30px, #506EB5 31px);
}
.clients-blue-block .for-clients-logo h6,
.clients-blue-block .for-clients-logo .eyebrow{
    color: #fff;
}
.clients-blue-block .for-clients-data{
    background: #506EB5;
    width: 100%;
    max-width: 650px;
    padding: 58px 50px;
}
.clients-blue-block .for-clients-data .titlebar h2{
    color: #fff;
}
.clients-blue-block .for-clients-data p{
    color: #fff;
}
.clients-blue-block .for-clients-data ul li a{
    color: #506EB5;
}

.client-review-box{
    padding: 32px;
    border-radius: 32px;
    background: var(--brand-navy);
    display: flex;
    align-items: center;
    margin: 18px 0 0 auto;
    max-width: 550px;
}
.client-user{
    min-width: 148px;
    margin-right: 34px;
}
.client-user figure img{
    width: 148px;
    height: 148px;
    border-radius: 100%;
    object-fit: cover;
}
.client-data p{
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 24px;
    margin: 0 0 16px;
}
.client-data h4{
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 24px;
}
.client-data h4 span{
    display: block;
    font-size: 14px;
    font-weight: 300;
}

.testimonial-wrp{
    padding: 20px 0;
}
.testimonial-wrp .titlebar{
    text-align: center;
    margin: 0 auto 40px;
}
.testimonial-wrp .titlebar p{
    font-size: 16px;
    font-weight: normal;
    color: #2E2E2E;
    line-height: 24px;
    max-width: 610px;
    margin: 20px auto 0;
}
.testimonial-wrp .titlebar p strong{
    font-weight: bold;
}
/* Posuvník recenzií (custom.js). Bez JavaScriptu ostane `.testimonial-slider`
   obyčajnou mriežkou — karty sú pod sebou a celé čitateľné. Triedu `is-ready`
   vešia skript až keď výrez a stopu naozaj postavil. */
.testimonial-slider {
    display: grid;
    gap: 20px;
}
.testimonial-slider.is-ready {
    display: block;
}
.testimonial-viewport {
    overflow: hidden;
    margin: 0 -10px;
}
.testimonial-track {
    display: flex;
    transition: transform 1.5s ease;
}
/* Rovnaký diel stopy na každú kartu — koľko ich je vidieť, určuje šírka
   stopy, ktorú počíta skript. */
.testimonial-track .testimonial-boxin {
    flex: 1 0 0;
    min-width: 0;
    margin: 0 10px;
}
@media (prefers-reduced-motion: reduce) {
    .testimonial-track {
        transition: none;
    }
}
.testimonial-boxin{
    padding: 10px 24px 15px 0;
    position: relative;
}
.testimonial-boxin:after{
    position: absolute;
    content: '';
    border-radius: 32px;
    background: #F6F7F9;
    width: 90%;
    height:100%;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.testimonial-block{
    padding: 40px;
    background: #fff;
    position: relative;
    border-radius: 32px;
    z-index: 1;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.raiting-box{
    margin: 0 0 34px;
}
.raiting-box figure{
    display: flex;
    align-items: center;
}
.raiting-box figure img{
    margin-right: 8px;
    width: 24px;
}
.raiting-box figure img:last-child{
    margin: 0;
}
.testimonial-block p{
    margin: 0 0 16px;
    font-size: 14px;
    font-weight: 300;
    color: #2E2E2E;
    line-height: 20px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.testimonial-block h4,
.testimonial-block h3{
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #2E2E2E;
    line-height: 24px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.testimonial-block h4 span,
.testimonial-block h3 span{
    font-size: 14px;
    font-weight: 300;
    display: block;
}
.testimonial-dots{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto 0;
    /* Reset odrážok niesol slick.css, ktorý je preč. */
    list-style: none;
    padding: 0;
}
.testimonial-dots li{
    line-height: 0;
    margin-right: 15px;
}
.testimonial-dots li:last-child{
    margin: 0;
}
.testimonial-dots li button{
    width: 5px;
    height: 5px;
    border: none;
    font-size: 0;
    background: var(--brand-navy);
    border-radius: 100px;
    opacity: 0.70;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.testimonial-dots li.is-on button{
    opacity: 1;
    width: 20px;
    height: 5px;
}
.testimonial-boxin.is-center:after{
    opacity: 1;
    visibility: visible;
}
.testimonial-boxin.is-center .testimonial-block{
    background: #506EB5;
}
.testimonial-boxin.is-center .testimonial-block h4,
.testimonial-boxin.is-center .testimonial-block h3,
.testimonial-boxin.is-center .testimonial-block p{
    color: #fff;
}

.waste-wrp{
    padding: 92px 0 30px;
}
#one{order: 1;}
#two{order: 2;}
#three{order: 3;}
.waste-wrp-row{
    position: relative;
    background: linear-gradient(270deg, #506EB5 0.77%, var(--brand-navy) 100%);
    border-radius: 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 40px;
}
.waste-data{
    width: 30%;
}
.waste-data .titlebar h2{
    font-size: 36px;
    line-height: 43px;
    color: #fff;
}
.waste-data p{
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 24px;
    margin: 0;
}
.waste-data p strong{
    font-weight: bold;
}

.waste-img-box{
    width: 40%;
    margin: 0 auto;
}
.waste-img-box figure img{
    width: 100%;
}
.waste-img-box figure.waste-img{
    position: relative;
    z-index: 1;
}
.waste-shap {
    max-width: 600px;
    position: absolute;
    bottom: 0;
    left: 47%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    margin: 0 auto;
}
.waste-shap img{
    width: 100%;
}
.contact-waste{
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
}
.contact-waste .btn-main{
    margin: 30px 0 0;
}

.price-list-wrp{
    padding: 30px 0 100px;
}
.price-list-wrp .titlebar{
    text-align: center;
    max-width: 610px;
    margin: 0 auto 40px;
}
.price-list-wrp .titlebar p{
    margin: 30px auto 0;
    font-size: 16px;
    font-weight: normal;
    color: #2E2E2E;
    line-height: 24px;
}
.price-list-wrp .titlebar p strong{
    font-weight: bold;
}
.price-list-box{
    padding: 40px;
    background: #F6F7F9;
    border-radius: 32px;
    display: flex;
    flex-flow: column;
    height: 100%;
}
.price-list-ic figure{
    margin: 0 0 16px;
}
.price-list-box h3{
    font-size: 32px;
    font-weight: bold;
    word-break: break-word;
    color: var(--brand-navy);
    line-height: 38px;
    margin: 0 0 16px;
    min-height: 134px;
}
.price-act{
    margin: auto 0 0 0;
}
.price-act h6,
.price-act .eyebrow{
    font-size: 16px;
    font-weight: 300;
    color: #2E2E2E;
    line-height: 24px;
    margin: 0 0 16px;
}
.price-act h4{
    font-size: 24px;
    font-weight: 600;
    color: var(--brand-navy);
    line-height: 24px;
    margin: 0;
}
.see-allbox{
    background: #E4BE6E;
}
.see-allbox .btn-secondary{
    padding: 10px 32px;
    background: var(--brand-navy);
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    display: table;
}
.see-allbox .btn-secondary:hover{
    background: #2E2E2E;
    color: #fff;
}

footer{
    background: #030020;
    border-radius: 32px 32px 0 0;
}
.footer-top{
    padding: 50px 0 20px;
}
/* Odkazy so sociálnymi sieťami držia pravý okraj, kategórie služieb si delia
   zvyšok. Kým to bol jeden rad stĺpcov, štvrtý stĺpec — odkazy — spadol pod
   prvú kategóriu; teraz sa tam zalomí až ďalšia kategória. */
.footer-links{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(160px, 240px);
    gap: 40px 32px;
    align-items: start;
}
/* Dva stĺpce, nie viac — tretia krajina si sadne pod prvú a pätička ostane
   čitateľná aj s dlhými názvami služieb. */
.footer-services{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 32px;
    align-items: start;
}
.footer-abt{
    max-width: 352px;
}
.footer-abt a{
    display: table;
    margin: 0 0 24px;
}
.footer-abt a img{
    width: 220px;
    height: auto;
}
.footer-abt p{
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 24px;
}
.footer-contact h3,.quicklinks h3{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 24px;
    margin: 0 0 24px;
}
.quicklinks ul li{
    margin: 0 0 16px;
}
.quicklinks ul li:last-child{
    margin: 0;
}
.quicklinks ul li a{
    padding: 0 0 8px;
    font-size: 14px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.30);
    line-height: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    display: block;
}
.quicklinks ul li a:hover{
    color: #fff;
}
.quicklinks ul li:last-child {
    margin: 0;
}
.quicklinks ul li:last-child a{
    border: none;
    padding: 0;
}
/* Nadpis kategórie vedie na výpis služieb — je to najkratšia cesta k celej
   kategórii, keď je zoznam pod ním skrátený na päť položiek. */
.quicklinks h3 a{
    color: inherit;
}
.quicklinks h3 a:hover{
    color: rgba(255, 255, 255, 0.70);
}
.quicklinks ul li.quicklinks__more a{
    color: #E4BE6E;
    font-weight: 400;
    border: none;
    padding: 0;
}
.quicklinks ul li.quicklinks__more a:hover{
    color: #fff;
}
.footer-contact .social-bx{
    display: flex;
    align-items: center;
    margin: 0 0 40px;
}
.footer-contact .social-bx a{
    margin-right: 8px;
}
.footer-contact .social-bx a:last-child{
    margin: 0;
}
.footer-contact .social-bx a:hover{
    opacity: 0.70;
}
.footer-contact ul li{
    margin: 0 0 16px;
}
.footer-contact ul li:last-child{
    margin: 0;
}
.footer-contact ul li a{
    font-size: 16px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.30);
    line-height: 24px;
}
.footer-contact ul li a:hover{
    color: #fff;
}

.copyright{
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
}
.copyright p{
    margin: 0;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    line-height: 24px;
}
/* **** End Home Page **** */

/* **** Service Page **** */
.service-banner-wrp{
    position: relative;
    background: #F6F7F9;
    border-radius: 32px;
    padding: 30px 60px 0;
}
.service-banner-wrp .row{
    align-items: center;
}
.service-banner-data h6,
.service-banner-data .eyebrow{
    margin: 0 0 16px;
    font-family: 'Kumbh Sans';
    font-weight: 800;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #E4BE6E;
}
.service-banner-data h1{
    margin: 0 0 16px;
    font-size: 48px;
    font-weight: bold;
    color: var(--brand-navy);
    line-height: 54px;
}
.service-banner-data p{
    font-size: 16px;
    font-weight: normal;
    color: #506EB5;
    line-height: 25px;
    margin: 0 0 25px;
}
.service-banner-data h5{
    font-size: 16px;
    font-weight: 600;
    color: #506EB5;
    line-height: 24px;
    margin: 0 0 16px;
}
.service-banner-data ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 590px;
}
.service-banner-data ul li{
    padding: 10px 32px;
    border-radius: 30px;
    margin: 0 8px 8px 0;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: var(--brand-navy);
    line-height: 22px;
    display: flex;
    align-items: center;
}
.service-banner-data ul li figure{
    min-width: 18px;
    margin-right: 8px;
}

.service-banner-img{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 50px 0 0;
}
.service-img{
    max-width: 410px;
    margin: 0 0 -20px;
    position: relative;
}
.service-img:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 90%;
    background: #E4BE6E;
    border-radius: 32px;
    right: -25px;
    bottom: -25px;
}
.service-img img{
    width: 100%;
    position: relative;
    z-index: 1;
    border-radius: 0 0 32px 32px;
}
.service-img .hero-one{
    z-index: 2;
    bottom: 0;
    right: -70px;
    left: auto;
    top: auto;
}

.motorvehical-wrp{
    padding: 85px 0 40px;
}
.motorvehical-sidebar{
    padding: 46px 32px;
    border-radius: 32px;
    background: var(--brand-navy);
    position: sticky;
    max-width: 368px;
    top: 15px;
}
.motorvehical-sidebar h2{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 32px;
    margin: 0 0 10px;
}
.motorvehical-sidebar p{
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    margin: 0 0 32px;
    line-height: 24px;
}
.motorvehical-sidebar p strong{
    font-weight: bold;
}
.motorvehical-sidebar .row{
    margin: 0 -8px;
}
.motorvehical-sidebar .row .col-md-12,
.motorvehical-sidebar .row .col-md-6{
    padding: 0 8px;
}
.motorvehical-sidebar .form-group{
    margin: 0 0 16px;
}
.motorvehical-sidebar .form-group .form-control{
    padding: 16px;
    background: #fff;
    border: none;
    height: auto;
    box-shadow: none;
    border-radius: 12px;
    font-size: 14px;
    font-weight: normal;
    color: #506EB5;
    line-height: 24px;
}
.motorvehical-sidebar .form-group .form-control::placeholder{
    color: #506EB5;
}
/* Chyby v tmavom paneli. Tá istá tmavá červená, akú má formulár na bielom
   pozadí, na modrej zmizne — tu preto hláška svieti svetlejšou a chybné pole
   dostane prstenec, aby sa dalo nájsť aj bez čítania textu. */
.motorvehical-sidebar .invalid-feedback{
    color: #FFB4AB;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin: 6px 0 0;
}
.motorvehical-sidebar .invalid-feedback a{
    color: #FFB4AB;
    text-decoration: underline;
}
.motorvehical-sidebar .form-group .form-control.is-invalid{
    box-shadow: 0 0 0 2px #FFB4AB;
}
/* Zaškrtávacie políčko je priehľadné, chybu preto nesie jeho biely
   štvorec z labelu. */
.motorvehical-sidebar .styled-checkbox.is-invalid + label:before{
    box-shadow: 0 0 0 2px #FFB4AB;
}
.custome-box{
    padding: 15px 15px 45px;
    background: #fff;
    border-radius: 12px;
}
.custome-box [type="radio"]:checked,
.custome-box [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custome-box figure{
    margin: 0 auto 5px;
}
.custome-box [type="radio"]:checked + label p,
.custome-box [type="radio"]:not(:checked) + label p{
    color: #506EB5;
    margin: 0 auto;
}
.custome-box [type="radio"]:checked + label,
.custome-box [type="radio"]:not(:checked) + label{
    position: relative;
    padding: 0;
    cursor: pointer;
    line-height: 20px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    color: #506EB5;
    line-height: 24px;
}
.custome-box [type="radio"]:checked + label:before,
.custome-box [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    bottom:-25px;
    right: 0;
    margin:  auto;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(46, 46, 46, 0.20);
    border-radius: 100%;
    background: #fff;
}
.custome-box [type="radio"]:checked + label:after,
.custome-box [type="radio"]:not(:checked) + label:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    width: 20px;
    height: 20px;
    background-color: #506EB5;
    line-height: 22px;
    position: absolute;
    bottom:-25px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custome-box [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custome-box [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.pricing-totalbx{
    margin: 32px 0 24px;
}
.pricing-totalbx h3{
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    line-height: 36px;
}
.pricing-totalbx h3 span{
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    margin: 0 8px 0 0;
}

.custome-chackbx .styled-checkbox {
    position: absolute;
    opacity: 0;
}
.custome-chackbx .styled-checkbox + label{
    position: relative;
    cursor: pointer;
    padding: 0 0 0 34px;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    line-height: 24px;
}
.custome-chackbx .styled-checkbox + label a{
    color: #fff;
    text-decoration: underline;
}
.custome-chackbx .styled-checkbox + label a:hover{
    color: #E4BE6E;
}
.custome-chackbx .styled-checkbox + label:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border-radius: 4px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background: #fff;
}
.custome-chackbx .styled-checkbox:checked + label:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2E79' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #E4BE6E;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: var(--brand-navy);
    text-align: center;
}
.motorvehical-sidebar .btn-main{
    border: none;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 12px 0 0;
}
.motorvehical-sidebar .btn-main figure{
    margin-right: 8px;
    min-width: 24px;
}
.motorvehical-sidebar .btn-main:hover{
    background: #fff;
    color: var(--brand-navy);
}
.motor-tax-wrp{
    padding: 0 0 0 30px;
}
.motor-tax-box{
    margin: 0 0 20px;
    overflow: hidden;
}
.motor-tax-wrp h2{
    font-size: 36px;
    font-weight: bold;
    color: var(--brand-navy);
    line-height: 54px;
    margin: 0 0 30px;
}
.motor-tax-wrp p{
    font-size: 16px;
    font-weight: 300;
    color: var(--brand-navy);
    line-height: 24px;
    margin: 0 0 30px;
}
.motor-tax-wrp p strong{
    font-weight: bold;
}

.application-processed-box{
    margin: 0 0 50px;
}
.processed-row{
    padding: 60px;
    border-radius: 32px;
    background: var(--brand-navy);
}
.processed-box figure{
    margin: 0 0 16px;
    max-width: 42px;
}
.processed-box h3{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    margin: 0 0 16px;
}
.processed-box p{
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 24px;
}

.faqlist-block .accordion .accordion-item {
    margin: 0 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(39, 39, 39, 0.2);
}
.faqlist-block .accordion .accordion-item .accordion-button {
    font-size: 20px;
    line-height: 30px;
    color:var(--brand-navy);
    font-weight: bold;
    border-radius: 0;
    padding: 16px 50px  16px 0;
    background-color: transparent;
    position: relative;
}
.faqlist-block .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}
.faqlist-block .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.faqlist-block .accordion .accordion-item .accordion-button::after {
    display: none;
}
.faqlist-block .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292D32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14.5 6-6 6 6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    right: 0;
    top: 15px;
    font-size: 18px;
    color: #292D32;
    font-weight: 300;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.faqlist-block .accordion .accordion-item .accordion-button.collapsed:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292D32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9.5 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
.faqlist-block .accordion .accordion-body{
    padding: 0 60px 16px 0;
}
.faqlist-block .accordion .accordion-body p{
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    color: var(--brand-navy);
    line-height: 24px;
}


.service-prcing-row{
    padding: 40px 80px;
    background: #F6F7F9;
    border-radius: 32px;
}
.service-prcing-row .titlebar{
    margin: 0 auto 30px;
    max-width: 610px;
    text-align: center;
}
.service-prcing-row .titlebar p{
    margin: 30px auto 0;
    font-size: 16px;
    font-weight: 300;
    color: var(--brand-navy);
    line-height: 24px;
}
/* .service-prcing-row .row{
    align-items: flex-end;
} */
#service-packages-list > *{ display: flex;}
.service-price-box{
    padding: 40px;
    background: #fff;
    border-radius: 32px;
    position: relative;
}
.service-price-box .pkg-title{
    font-size: 20px;
    font-weight: bold;
    color: var(--brand-navy);
    line-height: 38px;
    margin: 0 0 32px;
}
.service-price-box .pkg-price{
    margin: 0 0 24px;
    font-size: 36px;
    font-weight: bold;
    color: var(--brand-navy);
    line-height: 36px;
}
.service-price-box .pkg-price span{
    display: block;
    font-size: 14px;
    font-weight: 300;
    color: #A1A2A2;
    line-height: 24px;
}
.service-price-box p{
    font-size: 14px;
    font-weight: 300;
    color: var(--brand-navy);
    line-height: 24px;
    margin: 0 0 24px;
}
.service-price-box .btn-main{
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    background: var(--brand-navy);
    color: #fff;
    line-height: 24px;
    margin: 0 auto 32px;
}
.service-price-box .btn-main:hover{
    background: #2E2E2E;
}
.service-price-box .pkg-subtitle{
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    margin: 0 0 24px;
    color: var(--brand-navy);
}
.service-price-box ul li{
    margin: 0 0 8px;
    padding: 0 0 0 34px;
    position: relative;
    font-size: 14px;
    font-weight: 300;
    color: var(--brand-navy);
}
.service-price-box ul li:before{
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #E4BE6E;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    top: 0;
    left: 0;
}
.populer-serviceplan{
    background: #E4BE6E;
}
.populer-serviceplan label{
    padding: 6px 24px;
    display: table;
    font-size: 12px;
    font-weight: 600;
    color: #E4BE6E;
    line-height: 16px;
    border-radius: 30px;
    background: #2E2E2E;
    margin: 0 0 32px;
    position: relative;
    z-index: 1;
}
.populer-serviceplan h4,.populer-serviceplan p,.populer-serviceplan h5,
.populer-serviceplan .pkg-price{
    position: relative;
    z-index: 1;
    color: #2E2E2E;
}
.populer-serviceplan ul li{
    color: #2E2E2E;
}
.populer-serviceplan ul li:before{
    background: #2E2E2E;
    color: #E4BE6E;
}
.populer-serviceplan .pkg-price span{
    color: rgba(46, 46, 46, 0.50);
}
.populer-serviceplan .btn-main{
    background: #2E2E2E;
    color: #E4BE6E;
}
.populer-serviceplan .btn-main:hover{
    background: var(--brand-navy);
    color: #fff;
}
.monogram{
    position: absolute;
    top: 0;
    right: 0;
    max-width: 85%;
}
.monogram img{width: 100%;}

.worry-wrp{
    padding: 40px 0 50px;
    /* Menovka v rohu fotky visí zámerne 35 px mimo svojho bloku
       (`.worry-img .hero-one`). Pri šírke okolo 1440 px sa tých pár pixelov
       nezmestilo ani do stránky a celý web sa dal posunúť doprava. Orezanie
       na sekcii zoberie len to, čo by inak trčalo von — previs cez fotku
       ostáva presne taký, aký bol. */
    overflow: hidden;
}
.worry-row{
    display: flex;
    flex-wrap: wrap;
    background: var(--brand-navy);
    border-radius: 32px;
}
.worry-data{
    width: 50%;
    padding: 60px;
}
.worry-data .titlebar h2{
    color: #fff;
}
.worry-data p{
    margin: 0 0 30px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 24px;
}
.worry-data p strong{
    font-weight: bold;
}
.google-raiting{
    margin: 0 0 30px;
    display: flex;
    align-items: center;
}
.google-raiting .google-ic{
    min-width: 50px;
    max-width: 50px;
    margin-right: 16px;
}
.google-raiting .google-ic img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 100%;
}
.raitingbx-google{
    display: flex;
    align-items: center;
}
.raitingbx-google figure{
    display: flex;
    align-items: center;
}
.raitingbx-google figure img{
    width: 16px;
    height: auto;
    margin-right:3px;
}
.raitingbx-google span{
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    line-height: 22px;
}
.google-data h5,
.google-data .google-rating{
    display: block;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    margin: 5px 0 0;
    color: #fff;
}
.worry-data .btn-main:hover{
    background: #fff;
    color: var(--brand-navy);
}


.worry-img{
    width: 50%;
    position: relative;
    border-radius: 0 32px 32px 0;
}
.worry-img figure,
.worry-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 32px 32px 0;
}
.worry-img:after{
    position: absolute;
    content: '';
    background: var(--brand-navy);
    opacity: 0.30;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 0 32px 32px 0;
    left: 0;
}
.worry-img .hero-one{
    left: auto;
    bottom: 30px;
    right: -35px;
    top: auto;
    z-index: 2;
}
.worry-img .hero-one figure{
    min-width: 42px;
    max-width: 42px;
    margin-right: 16px;
}
/* **** End Service Page **** */



/* ***** ADDED BY ME ***** */
.services-service-wrp ul{
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 590px;
}
.services-service-wrp ul li{
    background-color: transparent;
    padding: 0 0 0 0;
    color: #506EB5;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; 
}

.price-list-text-wrp{
    display: flex;
    flex-direction: column;
}
.price-list-text-wrp h3{
    font-size: 24px;
    min-height: 0;
}
.price-list-text-wrp p{
    color: var(--brand-navy);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; 
}
#contact-banner p,
#contact-banner h3{
    max-width: 64.5rem;
}
.contact-banner-wrp{
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 8px;
    border-radius: 32px;
    background: #EEF0F5;
    margin-bottom: 57px;
}
.contact-banner-wrp h4,
.contact-banner-wrp .contact-value{
    color: var(--brand-navy);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.contact-banner-wrp p{
    margin-bottom: 0;
}
.contact-worry-wrp .worry-data{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.contact-worry-wrp .worry-data a{
    max-width: max-content;
}
/* Vodoznak je 497 px široký a sedí na `right: -15px`, teda zámerne vytŕča
   z bloku. Na úzkom displeji tým vytŕčal aj zo stránky a celý web sa dal
   posunúť o 3 px doprava. Orezanie na bloku to rieši bez toho, aby sa
   vodoznak na širokom displeji čo i len pohol. */
.contact-worry-wrp .worry-data{
    overflow: hidden;
}
.contact-worry-wrp .worry-data svg{
    position: absolute;
    bottom: 0;
    right: -15px
}

.contact-profile h6,
.contact-profile .eyebrow{
    color: #E4BE6E;
    font-family: "Kumbh Sans";
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.contact-profile h2{
    color: var(--brand-navy);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 24px;
}
.contact-profile h4,
.contact-profile .person-name{
    color: var(--brand-navy);
    font-size: 20px;
    font-weight: 700;
}
.contact-profile h4 span,
.contact-profile .person-name span{
    color: var(--brand-navy);
    font-size: 14px;
    font-weight: 300;
}
.contact-profile p{
    margin-bottom: 6px;
    color: var(--brand-navy);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
}
.contact-profile .container .row > :first-child{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.profile-card-img img{
    width: 181px;
    height: auto;
    border-radius: 50%;
}
.contact-profiles-wrpper{
    gap: 24px;
}

.contact-profile{
    /* padding-top: 3.75rem; */
}
.contact-profile form input,
.contact-profile form textarea{
    border: none;
    border-radius: 0;
    border-bottom: 1px solid var(--brand-navy);
}
.contact-profile form .form-check-input{
    width: 20px;
    height: 20px;
    border: 1px solid var(--brand-navy);
}
.contact-profile form .form-check-input:checked{
    background-color: var(--brand-navy) !important;
}
.contact-profile .form-check-label{
    color: var(--brand-navy);
    font-size: 14px;
    font-weight: 300;
    line-height: 24px; 
}
.contact-profile .form-check-label a{
    color: var(--brand-navy);
    font-size: 14px;
    font-weight: 300;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.contact-profile form input::placeholder,
.contact-profile form textarea::placeholder {
    color: var(--brand-navy);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.contact-profile .form-control{
    padding: 18px 0;
}
/* Medzera medzi poľami. Predtým ju držala prázdna hláška pod poľom, takže
   formulár sa pri chybe roztiahol a bez chyby sa polia takmer lepili. Tu je
   nastavená natvrdo a chyba už len pribudne do vyhradeného miesta. */
.contact-profile .contact-form .form-group{
    margin: 0 0 20px;
}
.contact-profile button{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #E4BE6E;
    width: 100%;
}
.contact-profile button:hover{
    border: 1px solid var(--brand-navy);
}
.contact-profile .btn-main svg path{
    transition: 0.4s linear;
}
.contact-profile .btn-main:hover svg path {
    stroke: #ffffff;
}
.contact-profile .form-control:focus{
    box-shadow: none;
}
.contact-profile 
span#priceValue{
    color: #FFF;
    font-size: 36px;
    font-weight: 700;
    line-height: 24px; 
}

/* alert success */
.alert-success{
    background-color: #fff;
    color: var(--brand-navy);
}
.contact-profile a{
    text-decoration: none;
    color: var(--brand-navy);
}
.for-clients-data ul li a {
    transition: .4s ease;
}
.for-clients-data ul li a:hover {
    background: var(--brand-navy);
    color: #FFF;
}
/* Modrá karta má dlaždice biele — hover ich tmaví, nie naopak. */
.clients-blue-block .for-clients-data ul li a:hover {
    background: var(--brand-navy);
    color: #FFF;
}
/* .service-banner-data ul li:hover {
    background: var(--brand-navy);
    color: #FFF;
} */
.service-banner-data ul li {
    transition: .4s ease;
}
.quicklinks ul li a,
.footer-contact ul li a {
    color: #e6e6e6;
}
.quicklinks ul li a:hover,
.footer-contact ul li a:hover {
    color: #b1b1b1;
}
label.form-check-label{
    margin-left: 1rem;
}
.detail-contact label.form-check-label{
    color: var(--brand-navy);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
}
.detail-contact .form-check-input:checked{
    background-color: var(--brand-navy);
    border-color: var(--brand-navy);
}
.detail-contact .form-check-input:focus{
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
.detail-contact .form-check-input[type=checkbox]{
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

.price-list-box {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  height: 100%;
  will-change: transform, box-shadow;
  justify-content: space-between;
}

.price-list-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
}

/* 404 error page */
.error-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 8rem 1.25rem 6rem;
  color: var(--brand-navy);
}
.error-content h1 {
  font-size: 8rem;
  margin: 0;
  text-align: center;
}

.error-content p {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 1.25rem;
}


/* Recenzia sa neoreže sama od seba — orezanie zapína trieda, ktorú dá
   JavaScript len textu, ktorý sa naozaj nezmestí. Bez JS je vidieť celý. */
.review-text {
    position: relative;
    margin-bottom: 5px;
}

/* Tri riadky — 3 × line-height odstavca v recenzii (20px). Karty v karuseli
   tak majú rovnakú výšku bez ohľadu na dĺžku recenzie. */
.review-text.truncated {
    max-height: 60px;
    overflow: hidden;
    /* Posledný riadok sa vytráca — čitateľ vidí, že text pokračuje,
       aj keby prehliadal odkaz pod ním. */
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}

.review-text > *:last-child {
    margin-bottom: 0;
}

/* Odkazy sú <button> — prepínajú zobrazenie, nikam nevedú. Tlačidlu treba
   zobrať vzhľad tlačidla, aby vyzeralo ako odkaz v recenzii.

   Farbu má podľa karty: biele karty modrý text, prostredná karta karuselu
   je modrá a text na nej biely — rovnako ako nadpis a odstavec vedľa. */
.read-more-link,
.read-less-link {
    display: block;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    color: #506EB5;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    margin-top: 5px;
}

.testimonial-boxin.is-center .testimonial-block .read-more-link,
.testimonial-boxin.is-center .testimonial-block .read-less-link {
    color: #fff;
}

.read-more-link[hidden],
.read-less-link[hidden] {
    display: none;
}

.read-more-link:hover,
.read-less-link:hover {
    text-decoration: underline;
}

.detail-contact{
    padding: 60px 0;
}
.detail-contact .container .row{
    justify-content: center;
}
#motorvehical-sidebar-detail-page{
    max-width: 100%;
}
#motorvehical-sidebar-detail-page h2{
    text-align: center;
}
#motorvehical-sidebar-detail-page p{
    text-align: center;
}

/* DETAIL CONTACT */
.detail-contact-left{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.sumary-wrp, .detail-left-down, .also-wrp, .cntc-wrp{ margin: 0;}
.detail-contact h4{
    color: #E4BE6E;
    font-family: "Kumbh Sans";
    font-size: 12px;
    font-weight: 800;
    line-height: 25px; 
    letter-spacing: 2.4px;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.detail-contact-left h4{
    margin-bottom: 0;
}
.detail-contact h3{
    color: var(--brand-navy);
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
}
.detail-contact p{
    color: var(--brand-navy);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px; 
}
.sumary-wrp{
    display: flex;
    flex-direction: column;
    padding: 24px 40px;
    border-radius: 32px;
    background: #F6F7F9;
}
.sumary-wrp > *{
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid #CED8EB;
    align-items: center;
}
.sumary-wrp > :nth-last-child(2){
    border-bottom: none;
}
.sumary{
    border-top: 1px solid #506EB5;
    border-bottom: none;
}
.sumary-wrp-right{
    display: flex;
    //flex-direction: column;
    gap: 8px;
}
.delete-summary-item{
    margin-top: 3px;
}
.sumary-wrp-right p{
    color: var(--brand-navy);
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.sumary-wrp-right a img{
    transition: filter 0.2s ease; 
    filter: none;
}
.sumary-wrp-right a:hover img{
      filter: invert(27%) sepia(94%) saturate(7400%) hue-rotate(357deg) brightness(96%) contrast(115%);

}
.also-wrp{
    padding: 40px;
    border-radius: 32px;
    background: var(--brand-navy);
}
.also-wrp p, .also-wrp h3, .also-wrp a{
    color: #fff;
}
.also-wrp p{
    font-family: Poppins;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px; 
}
.also-wrp h3{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    display: flex;
    gap: 16px;
    align-items: center;
}
.also-wrp a{
    color: rgba(255, 255, 255, 0.5) !important;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    gap: 8px;
    align-items: center;
    width: fit-content;
    cursor: pointer;
}
.also-wrp span img{
    opacity: 0.5;
}
.also-card{
    padding: 16px 0;
    border-bottom: 1px solid rgba(238, 240, 245, 0.10);
}
.also-wrp a:hover{
    color: rgba(255, 255, 255, 1) !important;
}
.also-wrp a:hover span img{
    opacity: 1;
}
.also-wrp > :first-child .row:last-child{
    border-bottom: none;
}
.detail-contact-left > :last-child{
    padding: 40px;
    border-radius: 32px;
    background: #F6F7F9;
}
.detail-left-down p{
    font-weight: 700;
}
.detail-contact .contact-form .form-group input[type="text"].form-control {
    border-radius: 12px;
    background: #FFF; 
    padding: 16px;

    border: none;
    height: auto; 
    width: 100%; 
    box-sizing: border-box; 
    font-size: 1rem; 
    line-height: 1.5; 
    color: #506EB5;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; 
}
.detail-contact .contact-form .form-group input[type="text"].form-control::placeholder {
    color: #506EB5;
    font-family: 'Poppins', sans-serif; 
    font-size: 14px; 
    font-style: normal;
    font-weight: 400; 
    line-height: 24px; 
    opacity: 1; 
}
.detail-contact .contact-form .form-group input[type="text"].form-control:focus {
    border: 1px solid #506EB5;
    box-shadow: none;
}
.detail-contact .contact-form #contactFormFields {
    row-gap: 16px; 
}
.detail-contact .custome-chackbx span{
    color: var(--brand-navy);
    font-family: Poppins;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px; /* 200% */
}
.detail-contact .custome-chackbx .styled-checkbox + label a{
    color: var(--brand-navy);
    font-family: Poppins;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.detail-contact .btn-main{
    display: flex;
    gap: 8px;
    width: 100%;
    justify-content: center;
    border: none;
    margin-top: 24px;
}
.contact-profile .contact-form .btn-main:hover figure img {
  filter: brightness(0) invert(1); 
}
.cntc-wrp{
    padding: 40px;
    border-radius: 32px;
    background: #EEF0F5;
}
.cntc-wrp > :first-child{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.cntc-wrp h3{
    color: var(--brand-navy);
    font-family: Poppins;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px; 
}
.cntc-wrp a{
    border-radius: 30px;
    background: #E4BE6E;
    padding: 10px 32px;

    color: var(--brand-navy);
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    width: fit-content;
}
.cntc-wrp a:hover{
    background: var(--brand-navy);
    color: #fff;
}
.detail-contact-right{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* END DETAIL CONTACT */

#header-cart-indicator {
  position: fixed;    
  bottom: 25px;      
  right: 25px;           
  z-index: 1000;         

  background-color: #E4BE6E; 
  color: var(--brand-navy);          
  padding: 12px 18px;    
  border-radius: 50px;  
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
  cursor: pointer;       

  display: flex;         
  align-items: center;   
  gap: 8px;             

  transition: transform 0.2s ease-in-out, background-color 0.2s ease;
}


#header-cart-indicator{
    display: flex ;
    gap: 20px;
    padding: 24px;
    border-radius: 32px;
    background: #E4BE6E;
    box-shadow: 0px 182px 51px 0px rgba(0, 0, 0, 0.00), 0px 117px 47px 0px rgba(0, 0, 0, 0.01), 0px 66px 39px 0px rgba(0, 0, 0, 0.05), 0px 29px 29px 0px rgba(0, 0, 0, 0.09), 0px 7px 16px 0px rgba(0, 0, 0, 0.10);
}
#header-cart-indicator span{
    display: flex;
    flex-direction: column;
}
#header-cart-indicator span p{
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
}

#header-cart-indicator:hover {
  /* background-color: var(--brand-navy);  */
  color: #fff;
  transform: scale(1.05);  
}

#header-cart-indicator #header-cart-total-price {
  color: #FFF;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; 
    margin: 0;
}


.toastify.on.toastify-right.toastify-top,
.toastify.on.toastify-right.toastify-top,
.toastify.on.toastify-right.toastify-top,
.toastify.on.toastify-right.toastify-top{
    padding: 24px 32px;
    border-radius: 32px;
}
.my-toastify p {
  margin-right: 40px;
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 1.3;
  color: inherit;
}
.my-toastify h3 {
  margin: 0;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  font-weight: bold;
  color: inherit;
  margin-right: 16px
}

button.toast-close{
    position: absolute !important;
    top: 16px;
    right: 24px;
}
.toastify-close:hover {
  opacity: 1;
}

/* ***** */
/* TERMS */
/* ***** */

.terms{ padding: 20px 0;}
.terms p, .terms h3, .terms h4, .terms ul li{
    color: var(--brand-navy);
}
.terms h4{
    margin-top: 1rem;
}
.terms ul {
    padding-left: 60px;
    list-style: none;
}

.terms ul li {
    list-style-type: disc;
    display: list-item;
    margin-bottom: 5px;
}

/* Právny text píše právnik, nie sadzač — a nájde sa v ňom aj odkaz na 169
   znakov (zoznam subjektov ARS vo VOP). Bez zalomenia taký odkaz roztiahol
   na 320 px celú stránku do strany. */
.terms { overflow-wrap: break-word; }
.terms a { word-break: break-word; }

/* Odsadenie zoznamov je na úzkom telefóne štvrtina šírky. */
@media (max-width: 575px) {
    .terms ul, .terms ol { padding-left: 24px; }
}

.thank-you{ padding: 60px 0; color: var(--brand-navy);}
.thank-you h1{ font-size: 4rem; margin-bottom: 1rem;}
.thank-you p{font-size: 1rem;}

.btn-main figure{
    align-items: center;
    justify-content: center;
    display: flex;
}

/* MOST WANTED */
.most-wanted-serviceplan{
    background: var(--brand-navy);
}
.most-wanted-serviceplan label {
    padding: 6px 24px;
    display: table;
    font-size: 12px;
    font-weight: 600;
    color: #2E2E2E;
    line-height: 16px;
    border-radius: 30px;
    background: #Fff;
    margin: 0 0 32px;
    position: relative;
    z-index: 1;
}
.most-wanted-serviceplan h4, .most-wanted-serviceplan p, .most-wanted-serviceplan h5, .most-wanted-serviceplan h3 {
    position: relative;
    z-index: 1;
    color: #Fff;
}
.most-wanted-serviceplan ul li{
    color: #fff;
}
.most-wanted-serviceplan ul li:before{
    background: #fff;
    color: #2E2E2E;
}
.most-wanted-serviceplan .btn-main{
    background: #fff;
    color: #2E2E2E;
}
.most-wanted-serviceplan .btn-main:hover {
    background: #2E2E2E;
    color: #fff;
}
.most-wanted-serviceplan h3 span{
    color: rgba(255, 255, 255, 0.5);
}

.btn-discount{
    display: table;
    padding: 10px 32px;
    background: #E4BE6E;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    color: var(--brand-navy);
}
.btn-discount:hover{
    background: var(--brand-navy);
    color: #fff;
}
.totals-table {
    background-color: transparent !important;
    border: 0 !important;
    table-layout: auto;
  }
  .totals-table td {
    background-color: transparent !important;
    border: 0 !important;
    padding: .25rem .5rem;
    white-space: nowrap;
    vertical-align: baseline;
  }

  .text-total-xl {
    color: var(--brand-navy) !important;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
}

  .text-total-s {
    color: var(--brand-navy);
    font-family: Poppins;
    font-size: 15px;
    font-weight: 300;
}
/* **** Mobilné menu — vysúvací panel ****
   Vzhľad drží zvyšok webu: biela plocha, tmavomodrý text, zlatý akcent
   a svetlosivé krúžky ako v pätičke. Panel je len do 991 px (d-lg-none). */
.nav-drawer.offcanvas{
    --bs-offcanvas-width: min(380px, 90vw);
    border: 0;
    background: #fff;
}
.nav-drawer-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 24px;
    border-bottom: 1px solid #EDEFF4;
}
.nav-drawer-title{
    font-size: 18px;
    font-weight: bold;
    color: var(--brand-navy);
}
.nav-drawer-title img{width: 150px;height: auto;}
.nav-drawer-close{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #F6F7F9;
    color: var(--brand-navy);
}
.nav-drawer-close svg{width: 18px;height: 18px;}
.nav-drawer-close:hover{background: var(--brand-navy);color: #E4BE6E;}
/* Späť je celý riadok, nie len šípka — na dotyk je terč veľký ako palec. */
.nav-drawer-back{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--brand-navy);
}
.nav-drawer-back svg{width: 20px;height: 20px;}
.nav-drawer-back:hover{color: #E4BE6E;}

.nav-drawer-body{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 8px 24px 24px;
    overflow-y: auto;
}
.nav-drawer-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav-drawer-link{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid #EDEFF4;
    background: transparent;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    color: var(--brand-navy);
}
.nav-drawer-link:hover{color: #E4BE6E;}
.nav-drawer-flag{
    width: auto;
    height: 20px;
    flex: none;
    border-radius: 3px;
}
.nav-drawer-chevron{
    width: 18px;
    height: 18px;
    flex: none;
    margin-left: auto;
    color: #E4BE6E;
}

/* Siete a dve akcie sedia naspodku panela. */
.nav-drawer-foot{
    margin-top: auto;
    padding-top: 22px;
}
.nav-drawer-socials{
    display: flex;
    gap: 10px;
    /* Prepínač jazyka a siete sú dve rôzne veci — nalepené na seba vyzerali
       ako jeden ovládací panel. */
    margin-top: 16px;
}
.nav-drawer-socials a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F6F7F9;
    color: var(--brand-navy);
    font-size: 15px;
}
.nav-drawer-socials a:hover{background: var(--brand-navy);color: #E4BE6E;}

.nav-drawer .shop-nav{
    width: 100%;
    margin: 22px 0 0;
    padding-top: 22px;
    border-top: 1px solid #EDEFF4;
    gap: 10px;
}
.nav-drawer .shop-nav > *{flex: 1 1 0;}
.nav-drawer .shop-iconbtn,
.nav-drawer .shop-cart{justify-content: center;padding: 13px 16px;}

.nav-drawer .btn-main{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 24px;
    font-size: 15px;
}
/* **** End Mobilné menu **** */

/* Ikony rozhrania po Font Awesome
   ------------------------------------------------------------------
   Sedem glyfov stálo 156 kB CSS a webfonty z cudzej domény, obe
   v kritickej ceste vykreslenia. Sú to teraz inline SVG z
   `partials/icon.blade.php`, ktoré dedia farbu textu — veľkosť im
   ale musí dať miesto, kam patria, inak sa roztiahnu na šírku rodiča. */
.topbar-phones a svg {
    width: 15px;
    height: 15px;
    flex: none;
    color: #E4BE6E;
}
.topbar-socials a svg,
.nav-drawer-socials a svg {
    width: 16px;
    height: 16px;
}
.lang-switch__toggle svg {
    width: 14px;
    height: 14px;
    flex: none;
}
/* Šípka prepínača jazyka je odteraz obal okolo SVG, nie znak vo fonte —
   otáčanie pri rozbalení preto potrebuje vlastné zobrazenie. */
.lang-switch__caret {
    display: inline-flex;
}
.navbar-light .navbar-nav .nav-link svg {
    width: 12px;
    height: 12px;
    margin: 0 0 0 5px;
    flex: none;
    vertical-align: middle;
}