@font-face{font-family:'nova_regular';src:url(../fonts/NovaSans/NovaSans-Regular.eot);src:url(../fonts/NovaSans/NovaSans-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/NovaSans/NovaSans-Regular.woff2) format("woff2"),url(../fonts/NovaSans/NovaSans-Regular.woff) format("woff");font-weight:400;font-style:normal}
.page.page-production {background-color:#000; padding-bottom: 220px;}
.page-production .slider-wrapper {margin-right: -13px;}
.page-production .carousel.slide {height: 370px;}
.page-production .carousel.slide.start {height: 540px;}
.page-production .start .carousel-caption {bottom: 36px;}
.page-production .carousel-caption {bottom: 110px;}
.page-production .logo-wrapper img:first-of-type {bottom: 80px;width: 106px;height: auto;}
.page-production .logo-wrapper img:last-of-type {width: 300px;height: auto;}
.page-production .slider-wrapper > * {flex: 0 0 314px;}
.page-production .slider:not(.alphabet) .slider-wrapper .thumb-box:last-of-type {margin-right: 0px;}
.page-production .carousel-caption .description {font-family: "nova_regular";text-align: center;-webkit-line-clamp:unset;text-shadow: 0 4px 19.7px rgba(0, 0, 0, 0.19);}
.page-production .carousel-caption .description p {text-shadow: 0 4px 19.7px #000;font-family: "nova_regular";font-size: 16px;font-style: normal;font-weight: 300;line-height: 22px; margin-top: 24px;}
.page-production .carousel-caption .description p span {font-size: 12px;text-shadow: 0 4px 19.7px rgba(0, 0, 0, 0.19);}    
.marquee {padding: 0;}
.marquee-item {padding: 0 15px;}
.marquee-item a {pointer-events: none;}
.marquee-item img {height: auto;}
.tavex {width: 162px;}
.paradise {width: 152px;}
.citycash {width: 228px;}
.asics {width: 118px;}
.balkan {width: 157px;}
.born {width: 165px;}
.oberon {width: 157px;}
.papas {width: 159px;}
.pulse {width: 137px;}
.sdi {width: 115px;}
.traki {width: 164px;}
.pizzalab {width: 204px;}
.queisser {width: 204px;}
.lactoflor {width: 160px;}
.a1 {width: 84px;}
@media (min-width: 1280px) {
    .wrapper {max-width: 1375px;padding: 0px;}    
    .page-production .carousel-inner picture {opacity: 0.7;height: 450px;display: block;width: 100%;}
    .page.page-production {padding-bottom: 300px;}
    .page-production .slider-wrapper {gap: 24px;}
    .page-production .description {max-width: 710px;}
    .page-production .carousel.slide, .page-production .carousel-inner > .item, .page-production .carousel.slide.start {height: 692px;}
    .page-production .carousel-inner {height: 692px;}
    .page-production .carousel-inner picture {height: 100%;}
    .page-production .carousel-inner picture img {width: 100%;}
    .page-production .carousel-caption {max-width: 778px; bottom: 170px;left: 50%;transform: translateX(-50%);margin-left: 0;}
    .page-production .carousel-caption {bottom: 360px;}
    .page-production .start .carousel-caption {bottom: 170px;}
    .page-production .logo-wrapper > * {left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
    .page-production .logo-wrapper img:first-of-type {bottom: 110px;width: 146px;font-size: 18px;}
    .page-production .logo-wrapper img:last-of-type {width: 472px;}
    .page-production .carousel-caption .description {margin-top: 0;font-size: 28px;line-height: 36px;}
    .page-production .carousel-caption .description p:first-of-type {margin-top: 62px; margin-bottom: 22px;font-size: 18px;line-height: 24px;}
    .page-production .carousel-caption .description p:last-of-type {margin-top: 0px;}
    .page-production .carousel-caption .description p span {font-size: 14px;}
    .marquee-item img {width: auto; max-width: 100%;}
    .marquee {margin-top: -100px;}
    .marquee-item {padding: 0 25px;}
}
.site-footer {width:100%;height:60px;background-color:#1d0707;border-top:1px solid rgba(255, 255, 255, 0.18);color:#ffffff;}
.site-footer__inner {width:100%;max-width:1320px;height:100%;margin-right:auto;margin-left:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.site-footer__copyright {margin:0;font-size:12px;font-weight:400;line-height:12px;color: rgba(255, 255, 255, 0.70);text-shadow: 0 4px 19.7px rgba(0, 0, 0, 0.19);white-space:nowrap;}
.site-footer__nav {display:flex;align-items:center;gap:32px;}
.site-footer__link {display:inline-block;font-family:"nova_regular";font-size:12px;font-weight:400;line-height:12px;color:#fff;text-shadow: 0 4px 19.7px rgba(0, 0, 0, 0.19);text-decoration:none;white-space:nowrap;}
.site-footer__link:active, .site-footer__link:hover, a.site-footer__link:focus {color:#F5D4A4;}
@media (max-width:767px) {.site-footer {height:auto;min-height:60px;}
.site-footer__inner {min-height:60px;height:auto;padding:12px 16px;flex-direction:column-reverse;justify-content:center;gap:8px;text-align:center;}
.site-footer__copyright {font-size:12px;line-height:10px;white-space:normal;}
.site-footer__nav {display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin: 10px;}
.site-footer__link {font-size:12px;line-height:10px;}
}
@media (max-width:375px) {.site-footer__inner {padding:12px;}
.site-footer__nav {gap:10px;}
.site-footer__link, .site-footer__copyright {font-size:12px;}
}
.promo-section {background-color:#000;}
.promo-section .wrapper {display: flex; flex-direction: column;}
.client-section {margin-bottom: 90px;margin-right: -13px;}
.client-section .slider {margin-top: 0; padding-left: 0;}
.client-section__header {display: flex; flex-direction: column; align-items: flex-start;margin-bottom: 24px;}
.vidyano-desktop > *:first-child .client-section__header,
.vidyano-mobile > *:first-child .client-section__header {z-index: 1;position: relative;}

/* Desktop Layout for single-card clients */
.clients-grouped-row {
    display: grid;
    grid-template-columns: repeat(auto-fill, 314px);
    justify-content: flex-start; /* Подравняване в ляво */
    gap: 30px;
    margin-bottom: 90px;
    width: 100%;
}
.grouped-client-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 314px;
}
.grouped-client-col .client-section__header {
    margin-bottom: 24px;
    height: 180px; /* Фиксирана еднаква височина за всички хедъри за подравняване */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Логото най-горе, за да е подравнено на една линия с другите редове */
}
.grouped-client-col .client-section__logo {
    max-height: 55px; /* Максимална еднаква височина за логата */
}
.grouped-client-card-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.grouped-client-card-wrap .promo-card {
    max-width: 100%;
    width: 100%;
    height: 100%; /* Задължително за еднаква височина на кутиите */
}

@media (min-width: 1280px) {
    .grouped-client-col .client-section__header {
        height: 180px;
    }
}

/* Visibility wrappers for Desktop/Mobile responsive layout */
.vidyano-desktop {
    display: none !important;
}
.vidyano-mobile {
    display: block !important;
}
.vidyano-mobile .client-section {
    max-width: 100%; /* Позволява на слайдера да се разгърне до края на екрана */
   box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}
.vidyano-mobile .slider-wrapper:first-child {
    margin-left: 0 !important;
}
@media (min-width: 1280px) {
    .vidyano-desktop {
        display: block !important;
    }
    .vidyano-mobile {
        display: none !important;
    }
}

.client-section__logo {height: auto; margin-bottom: 15px; object-fit: contain;}
.client-paradise .client-section__logo {width: 167px;}
.client-tavex .client-section__logo {width: 172px;}
.client-citycash .client-section__logo {width: 226px;}
.client-znt .client-section__logo {width: 222px;}
.client-section__subtitle {font-family: "nova_regular", sans-serif; font-size: 15px; color: #aaaaaa; margin: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.5); line-height: 1.4;}
.client-paradise .client-section__subtitle span {color: #F6C33E;}
.client-citycash .client-section__subtitle span {color: #FF7D89;}
.client-znt .client-section__subtitle span {color: #F5D4A4;}
.promo-cards-grid {display: flex; flex-wrap: wrap; gap: 25px; margin: 0 auto; max-width: 1200px; }
.promo-card {
    background-color:#1F1E1C;
    border-radius:6px;
    display:flex;
    flex-direction:column;
    height: 520px; /* Задаваме еднаква твърда височина за всички промо карти, за да се подравнят бутоните отдолу */
    max-width:314px;
    width:100%;
    overflow:hidden;
    color:#ffffff;
    font-family:"nova_regular", sans-serif;
    box-shadow:0 10px 20px rgba(0, 0, 0, 0.4);
    transition:transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
}
.promo-card__image-wrap {position:relative;width:100%;height:240px;overflow:hidden;background-color:#1f1e1c;}
.promo-card__image {width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.promo-card__body {padding:10px 16px 16px 16px;display:flex;flex-direction:column;flex-grow:1;}
.promo-card__title {
    font-size:15px;
    font-weight:400;
    line-height:1.4em;
    height: 4.2em; /* Пази височината на 3 реда заглавие */
    margin:0 0 16px 0;
    color:#ffffff;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.promo-card__title span {color:#F5D4A4;}
.promo-card__details {
    margin-bottom:24px;
    height: 60px; /* Фиксирана височина */
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.promo-card__description {font-size:13.5px;line-height:1.45;color:#aaaaaa;margin:0;}
.promo-card__price-block {display:flex;flex-direction:column;gap:4px;}
.promo-card__price-current {font-size:28px;font-weight:400;color:#F5D4A4;}
.promo-card__price-vat {font-size:13px;font-weight:400;color:#888888;margin-left:6px;}
.promo-card__price-regular {font-family:"Open Sans", sans-serif;font-size:14px;color:rgba(255, 255, 255, 0.66);}
.promo-card__price-regular del {color:#666666;}
.promo-card__price-regular a {color:#F5D4A4; text-decoration: none;}
.promo-card__discount-badge {color:#e33e3e;font-weight:600;margin-left:8px;}
.promo-card__action-box {margin-top:auto;width:100%;box-sizing:border-box;border:1px dashed #72716F;background-color:#2D2B28;padding:16px;border-radius:6px;min-height:115px;display:flex;flex-direction:column;justify-content:space-between;}
.promo-card__action-text {font-family:"Open Sans", sans-serif;font-size:14px;line-height:18px;color:rgba(255, 255, 255, 0.66);margin:0 0 12px 0;}
.promo-card__code-row, .promo-card__apply-row, .promo-card__email-row {display:none;}
.promo-card--apply .promo-card__apply-row {display:block;}
.promo-card--copy .promo-card__code-row {display:flex;align-items:center;justify-content:space-between;gap:10px;}
.promo-card--email .promo-card__email-row {display:flex;align-items:center;gap:0;}
.promo-card--email .promo-card__email-input {border-radius:6px 0 0 6px;border-right:none;}
.promo-card--email .promo-card__btn {border-radius:0 6px 6px 0;max-width:100px;width:auto;font-size:13px;padding:9px 12px;}
.promo-card__code-wrapper {background-color:#1F1E1C;border-radius:3px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;position:relative;user-select:none;transition:background-color 0.2s ease, border-color 0.2s ease;flex-grow:1;max-width:85px;box-sizing:border-box;}
.promo-card__code-wrapper:hover {background-color:#403F3C;}
.promo-card__code {font-family:"nova_regular";font-size:12px;font-weight:300;color:#ffffff;text-transform:uppercase;}
.promo-card__copy-btn {background:none;border:none;padding:0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color 0.2s ease;}
.promo-card__code-wrapper:hover .promo-card__copy-btn {color:#ffffff;}
.promo-card__tooltip {position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(5px);background-color:#27ae60;color:#ffffff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;pointer-events:none;box-shadow:0 4px 10px rgba(0, 0, 0, 0.4);z-index:5;}
.promo-card__tooltip::after {content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:4px;border-style:solid;border-color:#27ae60 transparent transparent transparent;}
.promo-card__code-wrapper.copied .promo-card__tooltip {opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.promo-card__email-input {background-color:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.1);border-radius:6px 0 0 6px;padding:9px 12px;color:#ffffff;font-size:13px;flex-grow:1;min-width:0;height:38px;box-sizing:border-box;transition:border-color 0.2s ease, background-color 0.2s ease;}
.promo-card__email-input:focus {outline:none;border-color:rgba(255, 255, 255, 0.2);background-color:rgba(255, 255, 255, 0.12);}
.promo-card__email-input::placeholder {color:#888888;}
.promo-card__btn {display:inline-flex;align-items:center;justify-content:center;background-image:url('/files/nova/images/vidyano_red_btn.png');background-size:contain;background-position:center;background-repeat:repeat-x;color:#ffffff;text-decoration:none;font-weight:400;font-size:14px;padding:9px 12px;border-radius:6px;border:none;height:38px;cursor:pointer;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.25);text-shadow:0 0.3px 0.4px rgba(0, 0, 0, 0.60);transition:background-color 0.2s ease, transform 0.1s ease, color 0.2s ease, filter 0.2s ease;white-space:nowrap;text-align:center;line-height:1.4;box-sizing:border-box;}
.promo-card__btn:hover, .promo-card__btn:active, .promo-card__btn:focus {filter:brightness(1.1);color:#ffffff;text-decoration:none;background-image:url('/files/nova/images/vidyano_red_btn_hover.png')}
.promo-card__btn:active {transform:scale(0.97);}
.promo-card__btn--red {max-width:100px;width:100%;}
.promo-card__btn--wide {width:100%;max-width:none;}

.client-section__subtitle {max-width: 320px;color:#FFF;font-family:"nova_regular";font-size:18px;font-style:normal;font-weight:400;line-height:24px;}
.client-section__subtitle span {color:#F6C33E;}
@media (min-width: 1280px) {
    .promo-section {margin-top: -300px;} 
    .slider-outer-wrapper {margin-bottom: 0px;}
    .client-section { margin-bottom: 60px;}
    .client-section__header {margin-bottom: 30px;}
    .client-paradise .client-section__logo {width: 205px;}
    .client-tavex .client-section__logo {width: 219px;}
    .client-citycash .client-section__logo {width: 318px;}
    .client-znt .client-section__logo {width: 226px;}
}