/* ============================================
   BREAKPOINT SYSTEM (Target)
   Base: 0–767px (no media query)
   Tablet: @media (min-width: 768px)
   Desktop: @media (min-width: 1024px)
   ============================================ */

/* ============================================
   PRIVATE Water Immune Landing Page Styles
   All styles scoped under .pwi-landing
   ============================================ */

/* Inter Font Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');

/* JetBrains Mono Font Import */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');

/* Suisse Intl Font Face */
/* Regular (400) font-face removed - not used and font file is broken */

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Bold-WebS.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Global reset to prevent double scrollbars */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    background: var(--pwi-text-white);
    overflow-x: hidden;
}

.pwi-landing {
    font-family: 'Inter', sans-serif;
    color: #ffffff;
    line-height: 1.6;
    width: 100%;
    height: auto;
    position: relative;
}

.pwi-landing * {
    box-sizing: border-box;
}

/* ============================================
   Typography
   ============================================ */


.pwi-landing h1 {
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    line-height: 1.2;
}

.pwi-landing h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 1.4;
}

.pwi-landing .pwi-hero-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1;
}

.pwi-landing h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

/* ============================================
   Colors & Variables
   ============================================ */

:root {
    --pwi-dark: #050508;
    --pwi-dark-alt: #111418;
    --pwi-gold: #C9A24E;
    --pwi-gold-light: #E9C46A;
    --pwi-gold-glow: rgba(201, 162, 78, 0.3);
    --text-main: rgba(255, 255, 255, 0.92);
    --text-accent: #E6D3A3; /* шампанско злато */
    /* Black theme for hero buttons */
    --pwi-black: #0E0E0E;
    --pwi-black-soft: rgba(0, 0, 0, 0.65);
    --pwi-black-glow: rgba(0, 0, 0, 0.35);
    /* White theme for hero buttons */
    --pwi-white: #FFFFFF;
    --pwi-white-soft: rgba(255, 255, 255, 0.9);
    --pwi-white-glow: rgba(255, 255, 255, 0.4);
    /* Light gray for button borders */
    --pwi-light-gray: #CCCCCC;
    --pwi-anthracite: #454545;
    --pwi-anthracite-light: #505050;
    --pwi-anthracite-dark: #3A3A3A;
    --pwi-anthracite-glow: rgba(69, 69, 69, 0.3);
    --pwi-text-white: #ffffff;
    --pwi-text-gray: #E5E5E5;
    --pwi-light-bg: #FAFAFA;
    --pwi-text-dark: #1a1a1a;
    
    /* ============================================
       Spacing Variables - Container & Section Margins/Padding
       ============================================ */
    
    /* Mobile (0-767px) */
    --pwi-container-padding-horizontal-mobile: 10px;
    --pwi-section-margin-horizontal-mobile: 10px;
    --pwi-section-margin-bottom-mobile: 40px;
    --pwi-container-margin-horizontal-mobile: 10px;
    --pwi-container-margin-bottom-mobile: 25px;
    
    /* Tablet (768px-1023px) */
    --pwi-container-padding-horizontal-tablet: 30px;
    --pwi-section-margin-horizontal-tablet: 30px;
    --pwi-section-margin-bottom-tablet: 40px;
    --pwi-container-margin-horizontal-tablet: 30px;
    --pwi-container-margin-bottom-tablet: 25px;
    
    /* Desktop (1024px+) */
    --pwi-container-padding-horizontal-desktop: 60px;
    --pwi-section-margin-horizontal-desktop: 60px;
    --pwi-section-margin-bottom-desktop: 60px;
    --pwi-container-margin-horizontal-desktop: 60px;
    --pwi-container-margin-bottom-desktop: 60px;
}

/* ============================================
   Video Header
   ============================================ */

.pwi-video-header {
    width: 100%; /* Пълна ширина на екрана */
    height: 30vh; /* 30% от височината на екрана */
    height: 33vh; /* was 768px: 33% от височината на екрана за мобилни устройства */
    position: relative;
    overflow: hidden;
    margin: 0 0 60px 0; /* Разстояние само отдолу */
    border-radius: 0; /* Без заоблени ръбове за пълна ширина */
    background-image: url('assets/images/header_pic.avif');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}



.pwi-video-header video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: center top;
    position: relative;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.pwi-video-header video.ready {
    opacity: 1;
}

.pwi-video-header-logo {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
    display: flex;
    align-items: center;
}

.pwi-header-logo-image {
    height: 60px; /* Base (Mobile): 0-767px */
    width: auto;
    display: block;
}

.pwi-video-header-icons {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    gap: 20px;
    align-items: center;
    z-index: 10;
}

.pwi-header-icon {
    width: 28px; /* Base (Mobile): 0-767px */
    height: 28px; /* Base (Mobile): 0-767px */
    filter: brightness(0) invert(1); /* Превръща иконите в бели */
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

.pwi-header-icon:hover {
    opacity: 1;
}

.pwi-video-header-text {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);

    color: rgba(255, 255, 255, 0.9);
    font-size: 24px; /* Base (Mobile) */
    font-weight: 700;
    font-family: 'Dancing Script', 'Great Vibes', 'Caveat', cursive;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 2px;
    font-style: normal;

    z-index: 10;
    opacity: 1;

    /* ⭐ леко усилена, но все още елегантна сянка */
    text-shadow:
        0 0 8px rgba(0, 0, 0, 0.45),     /* по-плътен ореол */
        2px 2px 10px rgba(0, 0, 0, 0.45), /* основна сянка – +2px blur */
        0 0 20px rgba(0, 0, 0, 0.25);    /* дълбочина */
}

/* ============================================
   Container
   ============================================ */

.pwi-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--pwi-container-padding-horizontal-mobile); /* Base (Mobile): 0-767px */
}

/* Mobile defaults moved from max-width:480 (0–767) */
.pwi-hero-container-wrapper .pwi-hero-nav,
.pwi-hero-container-2 .pwi-hero-nav,
.pwi-hero-container-3 .pwi-hero-nav {
    position: absolute !important;
    transform: translateY(-50%);
    font-size: 45px; /* 30px * 1.5 = 45px */
    width: 60px; /* 40px * 1.5 = 60px */
    height: 60px; /* 40px * 1.5 = 60px */
}

.pwi-hero-container-wrapper .pwi-hero-nav-prev,
.pwi-hero-container-2 .pwi-hero-nav-prev,
.pwi-hero-container-3 .pwi-hero-nav-prev {
    left: 5px !important;
}

.pwi-hero-container-wrapper .pwi-hero-nav-next,
.pwi-hero-container-2 .pwi-hero-nav-next,
.pwi-hero-container-3 .pwi-hero-nav-next {
    right: 5px !important;
}

.pwi-image-modal img {
    max-width: 100%;
    max-height: 80vh;
    width: auto;
    height: auto;
}

.pwi-zn-modal.active {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 80px;
}

.pwi-mg-modal.active {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 80px;
}

.pwi-k-modal.active {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 80px;
}

.pwi-recycle-modal.active {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 80px;
}

.pwi-mountain-modal.active {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 80px;
}

.pwi-limited-modal-body .pwi-order-delivery-title {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-flavor-modal.active {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 80px;
}

.pwi-design-modal.active {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 80px;
}

.pwi-immune-modal.active {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 80px;
}

.pwi-lab-results-card-modal .pwi-lab-results-icon {
    margin-bottom: 15px;
}

.pwi-lab-results-card-modal .pwi-lab-results-icon-img {
    width: 40px;
    height: 40px;
}

.pwi-lab-results-card-modal .pwi-lab-results-title {
    font-size: 20px;
    margin-bottom: 10px;
}

.pwi-lab-results-card-modal .pwi-lab-results-desc {
    font-size: 13px;
    margin-bottom: 15px;
}

.pwi-lab-results-card-modal .pwi-lab-results-arrow {
    font-size: 28px;
}

.pwi-product-info-modal.active {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 80px;
}

.pwi-product-info-handwritten {
    font-size: 16px !important;
}

.pwi-hero-buttons .pwi-btn-primary,
.pwi-hero-buttons .pwi-btn-secondary {
    padding: 10px 24px !important;
    font-size: 14px !important;
    border-width: 3px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    width: 140px !important;
}

/* Центриране на основния бутон и позициониране на допълнителния за малки екрани */
.pwi-hero-buttons-wrapper {
    position: relative !important;
}

#orderBtn {
    margin: 0 auto !important;
    border-color: var(--pwi-gold) !important;
    gap: 8px !important;
}

#orderBtn span {
    color: var(--pwi-black, #000);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

#orderBtn:hover {
    border-color: var(--pwi-gold) !important;
}

#moreBtn {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 auto !important; /* Центриране */
    height: 26.65px !important; /* 65% от 41px (orderBtn height) */
}

.pwi-hero-buttons-wrapper #moreBtn:hover {
    transform: translateY(-5px) !important; /* Движение нагоре при hover */
}

.pwi-btn {
    padding: 12px 28px;
    font-size: 15px;
    min-width: 160px;
    max-width: 160px;
    width: 160px;
    margin: 0 auto;
}

.pwi-hero-360-wrapper {
    align-self: flex-start !important; /* Подравняване отгоре в flex контейнера на малки екрани */
    margin: 0 auto !important; /* Центриране хоризонтално, без горен margin */
    width: 320px !important; /* Запазваме фиксираната ширина */
    max-width: 320px !important; /* Запазваме фиксираната ширина */
    height: 45vh !important; /* 45% от височината на екрана */
}

/* Позициониране на иконката в празното място над снимката за малки екрани */
.pwi-rotate-hint {
    top: 5px !important; /* В горната част на 30px padding-top пространството */
}

/* Коригиране на златния halo ефект за малки екрани */
.pwi-hero::before {
    width: calc(45vh * 0.4); /* 40% от височината на 360 изображението (45vh) */
    height: calc(45vh * 0.7); /* 70% от височината на 360 изображението (45vh) */
    top: calc(45vh / 2); /* Центриран спрямо 360 изображението (45vh височина) */
    left: 50%;
    transform: translate(-50%, -50%); /* Центриране */
    filter: blur(15px);
}

/* Златен слой за малки екрани */
.pwi-hero::after {
    display: none; /* ИЗКЛЮЧЕН - полупрозрачният филм е спрян */
    top: calc(45vh * 0.7); /* Започва на 70% от височината на 360 изображението (45vh) */
    left: 0;
    width: 100%; /* Покрива цялата ширина */
    bottom: 0; /* Стига до долната граница */
    transform: none; /* Премахваме transform за правилно позициониране */
    background: linear-gradient(to bottom,
        rgba(201, 162, 78, 0) 0%,
        rgba(201, 162, 78, 0.15) 1%,
        rgba(201, 162, 78, 0.25) 2%,
        rgba(201, 162, 78, 0.3) 3%,
        rgba(201, 162, 78, 0.3) 100%
    );
}

/* 360 Viewer за малки екрани */
.pwi-hero-360-viewer.Sirv,
.pwi-hero-360-viewer .Sirv,
.pwi-hero-360-viewer iframe,
.pwi-hero-360-viewer > div[class*="Sirv"],
.pwi-hero-360-viewer > div[data-src] {
    height: 45vh !important; /* 45% от височината на екрана */
}

/* Текст под 360 снимката за малки екрани */
.pwi-hero-360-text {
    font-size: 16.8px !important; /* 0.7em от 24px (размерът на .pwi-main-title на малки екрани) */
    margin-top: 12px !important;
    gap: 2px !important;
}

/* Балончета за малки екрани - още по-малки */
.pwi-hero-balloons {
    left: max(15px, calc(50% - 220px)) !important; /* Позициониране достатъчно вляво, но не по-малко от 15px от лявата страна */
    gap: 35px !important; /* По-малък gap */
}

.pwi-hero-balloon-circle {
    width: 50px !important;
    height: 50px !important;
    font-size: 12px !important;
}

.pwi-hero-balloon-text {
    font-size: 9px !important;
    max-width: 80px !important;
}

.pwi-hero-balloon-1 {
    margin-top: calc(-45vh * 0.167) !important;
}

.pwi-hero-balloon-3 {
    margin-top: calc(45vh * 0.167) !important;
}

.pwi-hero-text {
    margin-bottom: 20px;
    padding: 0 5px;
}

.pwi-hero-title {
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 1;
}

.pwi-hero-subtitle {
    font-size: 11px;
    line-height: 1;
}

.pwi-hero-personal {
    font-size: 13px;
    margin-top: 0;
}

.pwi-hero-bottle-wrapper {
    min-height: 280px;
    margin: 0 0 15px 0;
}

/* Увеличаваме размера на снимката на малки екрани */
.pwi-hero-bottle.Sirv,
.pwi-hero-bottle .Sirv,
.pwi-hero-bottle iframe,
.pwi-hero-bottle > div[class*="Sirv"],
.pwi-hero-bottle > div[data-src] {
    transform: scale(1.1) !important; /* Още по-голямо на малки екрани (1.1 = 10% по-голямо от оригинал) */
    transform-origin: top center;
}

.pwi-hero-halo {
    width: 90%;
    max-width: 300px;
}

.pwi-hero-halo-glow {
    width: 90%;
    max-width: 300px;
}

.pwi-hero-bottle {
    max-width: 180px;
}

/* Балончетата остават около бутилката и на малки екрани */
.pwi-bubble {
    position: absolute !important; /* Запазваме абсолютното позициониране */
    opacity: 1 !important;
    transform: scale(0.9) !important; /* Увеличено с 50% (от 0.6 на 0.9) */
    pointer-events: none;
}

.pwi-bubble-1 { top: 5% !important; left: -4% !important; } /* Двойно по-близо (от -8% на -4%) */
.pwi-bubble-2 { top: 50% !important; left: -5% !important; transform: translateY(-50%) scale(0.9) !important; } /* Двойно по-близо (от -10% на -5%) */
.pwi-bubble-3 { top: 80% !important; left: -4% !important; } /* Двойно по-близо (от -8% на -4%) */
.pwi-bubble-4 { top: 5% !important; right: -4% !important; } /* Двойно по-близо (от -8% на -4%) */
.pwi-bubble-5 { top: 50% !important; right: -5% !important; transform: translateY(-50%) scale(0.9) !important; } /* Двойно по-близо (от -10% на -5%) */
.pwi-bubble-6 { top: 80% !important; right: -4% !important; } /* Двойно по-близо (от -8% на -4%) */

.pwi-bubble-content {
    width: 100px;
    height: 100px;
    padding: 10px;
}

.pwi-bubble-content p {
    font-size: 9px;
}

.pwi-hero-cta {
    margin-top: 25px;
}

.pwi-section {
    padding: 40px 0; /* Padding само отгоре и отдолу на малки екрани */
    margin: 0 var(--pwi-section-margin-horizontal-mobile) var(--pwi-section-margin-bottom-mobile) var(--pwi-section-margin-horizontal-mobile); /* Base (Mobile): 0-767px */
}

/* Limited Edition Container - responsive за малки екрани */
.pwi-limited-edition-container {
    width: calc(100% - calc(var(--pwi-container-margin-horizontal-mobile) * 2));
    margin: 0 var(--pwi-container-margin-horizontal-mobile) var(--pwi-container-margin-bottom-mobile) var(--pwi-container-margin-horizontal-mobile); /* Base (Mobile): 0-767px */
}

.pwi-our-water-container {
    width: calc(100% - calc(var(--pwi-container-margin-horizontal-mobile) * 2));
    margin: 0 var(--pwi-container-margin-horizontal-mobile) var(--pwi-container-margin-bottom-mobile) var(--pwi-container-margin-horizontal-mobile); /* Base (Mobile): 0-767px */
}

/* Swiper контейнер за дизайн снимки */
.pwi-design-images-wrapper.swiper {
    width: 100%;
    padding: 0 var(--pwi-container-padding-horizontal-mobile); /* Отстояние от ръбовете на екрана */
    overflow: visible; /* Swiper управлява overflow */
}

.pwi-design-images-wrapper .swiper-wrapper {
    display: flex;
    align-items: center;
}

/* Височината на контейнерите се определя от това правило */
.pwi-design-images-wrapper .swiper-slide.pwi-design-image-container,
.pwi-design-image-container.swiper-slide {
    width: calc(50vh * 0.45) !important; /* Широчина: 45% от височината на контейнера (50vh * 0.45 = 22.5vh) */
    height: 50vh !important; /* Височина: 50% от височината на екрана */
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 50vh !important; /* Минимална височина за сигурност */
    max-height: 50vh !important; /* Максимална височина за сигурност */
}

/* Скриване на scrollbar-ите на Swiper */
.pwi-design-images-wrapper.swiper::-webkit-scrollbar {
    display: none;
}

.pwi-design-images-wrapper.swiper {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

.pwi-design-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 0;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.pwi-design-image:hover {
    opacity: 0.9;
}

/* Coming Soon Section - Base (Mobile: 0-767px) */
.pwi-coming-soon-wrapper {
    width: calc(100% - calc(var(--pwi-container-margin-horizontal-mobile) * 2));
    margin: 0 var(--pwi-container-margin-horizontal-mobile) var(--pwi-container-margin-bottom-mobile) var(--pwi-container-margin-horizontal-mobile);
}

.pwi-coming-soon-titles-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: calc(100% - 20px);
    margin: 0 10px 12px 10px;
    font-size: 24px;
    gap: 10px;
}

.pwi-coming-soon-images-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: calc(100% - 20px);
    margin: 0 10px 25px 10px;
    gap: 10px;
}

.pwi-coming-soon-item-title {
    flex: 1;
    min-width: 0;
    margin-top: 6px;
    text-align: center;
    display: block;
    font-size: 0.4em;
    font-weight: 400;
    font-family: 'JetBrains Mono', monospace !important;
    letter-spacing: 0.02em !important;
    line-height: 1.4;
    color: var(--pwi-text-dark);
    margin-bottom: 0;
    padding: 0;
}

.pwi-coming-soon-image-container {
    flex: 1;
    min-width: 0;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    height: 0;
    padding-bottom: 65%;
    background-color: #F5F5F0;
}

.pwi-coming-soon-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 0;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.pwi-coming-soon-image:hover {
    opacity: 0.9;
}

.pwi-coming-soon-badge {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 12px;
    background: rgba(69, 69, 69, 0.5);
    color: var(--pwi-text-white);
    font-weight: 600;
    z-index: 3;
    pointer-events: none;
    white-space: nowrap;
}


.pwi-history-container {
    width: calc(100% - calc(var(--pwi-container-margin-horizontal-mobile) * 2));
    margin: 0 var(--pwi-container-margin-horizontal-mobile) var(--pwi-container-margin-bottom-mobile) var(--pwi-container-margin-horizontal-mobile); /* Base (Mobile): 0-767px */
    height: auto;
    border-radius: 18px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative; /* За позициониране на бутона */
}

.pwi-history-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 18px;
}

.pwi-history-content {
    padding: 25px 20px;
}

.pwi-history-text {
    font-size: 14px;
    max-height: calc(100% - 25px);
    padding-bottom: 0;
}

.pwi-history-text::first-letter {
    font-size: 42px !important;
    line-height: 36px !important;
    margin-right: 4px !important;
    padding-right: 6px !important;
}

.pwi-story-signature {
    max-width: 120px;
    margin: 10px 0 10px 15px;
}

.pwi-history-card {
    bottom: 10px;
    min-width: 100px;
    height: 36px !important;
    border: 1px solid var(--pwi-gold);
    border-radius: 18px;
}

.pwi-history-arrow {
    font-size: 24px;
    top: 0 !important;
}

/* Water Path Wrapper - един под друг за малки екрани */
.pwi-water-path-wrapper {
    flex-direction: column;
    gap: 25px;
    width: calc(100% - 20px);
    margin: 0 10px 25px 10px; /* Base (Mobile): 0-767px */
}

.pwi-section-water-path-left,
.pwi-section-water-path-right {
    width: 100%;
    min-width: 0;
}

/* По-стегнат текст за малки екрани */
.pwi-section-water-path-left .pwi-container,
.pwi-section-water-path-right .pwi-container {
    padding: 0 var(--pwi-container-padding-horizontal-mobile); /* Base (Mobile): 0-767px */
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pwi-section-water-path-left .pwi-section-text,
.pwi-section-water-path-right .pwi-section-text {
    padding: 0 15px;
    text-align: left;
}

/* Immune Wrapper - един под друг за малки екрани */
.pwi-immune-wrapper {
    flex-direction: column;
    gap: 25px;
    width: calc(100% - 20px);
    margin: 0 10px 25px 10px; /* Base (Mobile): 0-767px */
}

.pwi-immune-wrapper-bottom {
    flex-direction: column;
    gap: 25px;
    width: calc(100% - 20px);
    margin: 0 10px 25px 10px; /* Base (Mobile): 0-767px */
}

.pwi-anthracite-wrapper {
    flex-direction: column;
    gap: 25px;
    width: calc(100% - 20px);
    margin: 0 10px 25px 10px; /* Base (Mobile): 0-767px */
}

.pwi-section-anthracite-left,
.pwi-section-anthracite-center,
.pwi-section-anthracite-right {
    width: 100%;
    min-width: 0;
}

.pwi-section-anthracite-left .pwi-container,
.pwi-section-anthracite-center .pwi-container,
.pwi-section-anthracite-right .pwi-container {
    padding: 0 var(--pwi-container-padding-horizontal-mobile); /* Base (Mobile): 0-767px */
}

.pwi-section-anthracite-left .pwi-section-text,
.pwi-section-anthracite-center .pwi-section-text,
.pwi-section-anthracite-right .pwi-section-text {
    padding: 0 15px;
}

.pwi-section-immune-bottom-left .pwi-container,
.pwi-section-immune-bottom-right .pwi-container {
    padding: 0 var(--pwi-container-padding-horizontal-mobile); /* Base (Mobile): 0-767px */
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pwi-section-immune-bottom-left .pwi-section-text,
.pwi-section-immune-bottom-right .pwi-section-text {
    padding: 0 15px;
    text-align: left;
}

.pwi-section-immune-left,
.pwi-section-immune-center,
.pwi-section-immune-right {
    width: 100%;
    min-width: 0;
}

/* По-стегнат текст за малки екрани */
.pwi-section-immune-left .pwi-container,
.pwi-section-immune-center .pwi-container,
.pwi-section-immune-right .pwi-container {
    padding: 0 var(--pwi-container-padding-horizontal-mobile); /* Base (Mobile): 0-767px */
}

.pwi-section-immune-left .pwi-section-text,
.pwi-section-immune-center .pwi-section-text,
.pwi-section-immune-right .pwi-section-text {
    padding: 0 15px;
}

.pwi-section-title {
    font-size: 26px;
    margin-bottom: 15px;
}

.pwi-section-lead,
.pwi-section-text {
    font-size: 14px;
}

.pwi-section-text p {
    margin-bottom: 12px;
}

.pwi-mineral-card {
    padding: 15px;
}

.pwi-mineral-icon {
    font-size: 32px;
    margin-bottom: 10px;
}

.pwi-mineral-title {
    font-size: 16px;
    margin-top: 12px;
}

.pwi-mineral-desc {
    font-size: 13px;
}

.pwi-value-item {
    padding: 15px 10px;
}

.pwi-value-icon {
    font-size: 32px;
    margin-bottom: 12px;
}

.pwi-value-icon-img {
    width: 32px;
    height: 32px;
}

.pwi-value-title {
    font-size: 16px;
}

.pwi-value-desc {
    font-size: 13px;
}


.pwi-value-card {
    padding: 20px;
}

.pwi-cta-title {
    font-size: 26px;
}

.pwi-cta-text {
    font-size: 14px;
    margin-bottom: 20px;
}

.pwi-footer-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0; /* Разстоянието между колоните се контролира от margin на колоните */
    padding: 40px 0; /* Отстояние отгоре и отдолу от границите на футъра */
    padding-left: var(--pwi-container-margin-horizontal-mobile); /* Base (Mobile): отстояние отляво */
    padding-right: var(--pwi-container-margin-horizontal-mobile); /* Base (Mobile): отстояние отдясно */
    margin: 0 !important; /* Премахнато всичко margin */
}

/* Уеднаквени правила за всички три колони на мобилни устройства */
.pwi-footer-social,
.pwi-footer-column {
    flex: none;
    width: 100%;
    height: auto !important; /* Премахва фиксирана височина - адаптира се според съдържанието */
    min-height: 0 !important; /* Премахва минимална височина */
    position: relative;
    left: auto;
    top: auto;
    margin-top: 0; /* Няма разстояние отгоре на първата колона */
    margin-bottom: 20px; /* Адекватно разстояние между колоните */
    text-align: left; /* Подравнено вляво на мобилни също */
    display: flex;
    flex-direction: column; /* Заглавие и съдържание вертикално */
    align-items: flex-start; /* Заглавието и съдържанието са подравнени вляво */
}

.pwi-footer-column:last-child,
.pwi-footer-social:last-child {
    margin-bottom: 0; /* Последната колона няма разстояние отдолу */
}

/* Уеднаквени стилове за заглавията на мобилни устройства */
.pwi-footer-social-text,
.pwi-footer-title {
    font-size: 12px;
    margin-bottom: 15px; /* Намалено от 20px */
    margin-top: 0; /* Премахнато разстояние отгоре */
    text-align: left; /* Заглавията са подравнени вляво */
    width: 100%; /* Заема пълната ширина на колоната */
    letter-spacing: 1px; /* Намалено от 2px за по-компактен текст на мобилни */
    white-space: nowrap; /* Заглавието остава на един ред */
    overflow: hidden; /* Скрива текста, ако не се побира */
    text-overflow: ellipsis; /* Добавя "..." ако текста е твърде дълъг */
}

.pwi-footer-copyright {
    margin-top: 0; /* Премахнато разстояние отгоре */
    padding-top: 0; /* Премахнато padding отгоре */
    padding-bottom: 10px; /* Намалено отстояние отдолу */
    text-align: center; /* Центриран текст хоризонтално */
    width: 100%;
    font-size: 11px;
}

.pwi-footer-links li {
    margin-bottom: 10px;
}

.pwi-footer-links li:last-child {
    margin-bottom: 0;
}

/* Правилата за margin са уеднаквени в комбинираното правило по-горе */

.pwi-footer-links {
    text-align: left; /* Линковете са подравнени вляво на мобилни */
    width: 100%; /* Заема пълната ширина на колоната */
}

.pwi-footer-links a {
    font-size: 13px;
}

.pwi-footer-social-icons {
    gap: 12px;
    justify-content: flex-start; /* Иконите са подравнени вляво на мобилни */
    width: 100%; /* Заема пълната ширина на колоната */
}

.pwi-footer-social-icon {
    width: 20px;
    height: 20px;
}

.pwi-footer-logo {
    margin-top: 30px;
    padding-top: 25px;
}

.pwi-footer-logo-image {
    max-width: 120px;
}

.pwi-story-text {
    font-size: 14px;
}

.pwi-story-text p:first-of-type::first-letter {
    font-size: 42px;
    line-height: 36px;
    margin-right: 0px;
}

.pwi-story-signature {
    max-width: 120px;
    margin: 10px 0 10px 15px;
}

.pwi-hero-buttons .pwi-btn-primary,
.pwi-hero-buttons .pwi-btn-secondary {
    width: 140px !important;
    max-width: 140px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
}

.pwi-btn-primary:not(.pwi-hero-buttons .pwi-btn-primary),
.pwi-btn-primary-large {
    padding: 14px 25px;
    font-size: 15px;
}

.pwi-contact-modal.active {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 80px;
}

.pwi-contact-modal-content {
    padding: 35px 20px 40px 20px;
    margin: 20px auto 80px auto;
    max-height: calc(100vh - 100px);
    max-height: calc(100dvh - 100px);
}

.pwi-contact-title {
    font-size: 24px;
}

.pwi-contact-subtitle {
    font-size: 14px;
    margin-bottom: 35px;
}

.pwi-form-success-title {
    font-size: 24px;
}

.pwi-form-success-text {
    font-size: 14px;
}

.pwi-form-group {
    margin-bottom: 12px;
}

.pwi-form-group-row {
    flex-direction: column;
    gap: 0;
    margin-bottom: 12px;
}

.pwi-form-field-wrapper {
    margin-bottom: 12px;
}

.pwi-form-field-wrapper:last-child {
    margin-bottom: 0;
}

.pwi-form-hint-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    display: none;
}

.pwi-form-input,
.pwi-form-select,
.pwi-form-textarea {
    padding: 12px 16px;
    font-size: 15px;
}

.pwi-form-submit {
    padding: 14px 28px;
    font-size: 15px;
}

.pwi-form-group-submit {
    margin-top: 12px;
}

.pwi-scroll-to-top svg {
    width: 18px;
    height: 18px;
}

.pwi-order-summary-row.pwi-order-total {
    font-size: 17.1px;
}



/* ============================================
   Buttons
   ============================================ */

.pwi-btn-primary {
    background: linear-gradient(135deg, #525252 0%, #3F3F3F 30%, #2F2F2F 70%, #252525 100%);
    color: var(--pwi-gold);
    border: 6px solid var(--pwi-gold);
    border-radius: 12px;
    padding: 18px 45px;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 10px 25px rgba(0, 0, 0, 0.6),
        0 5px 12px rgba(0, 0, 0, 0.4),
        inset 0 4px 8px rgba(255, 255, 255, 0.2),
        inset 0 2px 4px rgba(255, 255, 255, 0.15),
        inset 0 -4px 8px rgba(0, 0, 0, 0.6),
        inset 0 -2px 4px rgba(0, 0, 0, 0.5),
        0 0 20px rgba(201, 162, 78, 0.5),
        0 0 40px rgba(201, 162, 78, 0.3);
    transform: perspective(1000px) translateZ(5px);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.pwi-btn-primary::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(255, 255, 255, 0.15) 0%, 
        rgba(255, 255, 255, 0.08) 20%,
        transparent 40%,
        transparent 60%,
        rgba(0, 0, 0, 0.15) 80%,
        rgba(0, 0, 0, 0.3) 100%);
    border-radius: 12px;
    pointer-events: none;
    z-index: 0;
}

.pwi-btn-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(201, 162, 78, 0.2), transparent);
    transition: left 0.5s ease;
}

.pwi-btn-primary:hover::before {
    left: 100%;
}

.pwi-btn-primary:hover {
    border-color: var(--pwi-gold-light);
    color: var(--pwi-gold-light);
    background: linear-gradient(135deg, #505050 0%, #454545 50%, #3A3A3A 100%);
    box-shadow: 
        0 15px 35px rgba(0, 0, 0, 0.7),
        0 8px 16px rgba(0, 0, 0, 0.5),
        inset 0 2px 4px rgba(255, 255, 255, 0.2),
        inset 0 -2px 4px rgba(0, 0, 0, 0.5),
        0 0 30px rgba(201, 162, 78, 0.7),
        0 0 60px rgba(201, 162, 78, 0.4),
        0 0 80px rgba(201, 162, 78, 0.2);
    transform: translateY(-5px) perspective(1000px) translateZ(10px) scale(1.02);
    letter-spacing: 3px;
}

.pwi-btn-primary:active {
    transform: translateY(-2px) perspective(1000px) translateZ(3px) scale(0.98);
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.6),
        0 4px 10px rgba(0, 0, 0, 0.4),
        inset 0 2px 4px rgba(0, 0, 0, 0.3),
        0 0 20px rgba(201, 162, 78, 0.5);
}

.pwi-btn-primary-large {
    padding: 20px 60px;
    font-size: 20px;
}

/* ============================================
   Main Title (between header and hero)
   ============================================ */

.pwi-main-title {
    font-family: 'Nunito', sans-serif !important;
    font-size: 22px; /* Mobile (0-767px) */
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: -20px auto 10px auto; /* was 480px: margin-bottom: 10px */
    text-align: center;
    line-height: 1.2;
    padding: 0 10px; /* was 480px: 0 10px */
    max-width: 1200px;
}

/* Консолидирано правило за margin-top на секционните заглавия - Base (Mobile): 0-767px */
.pwi-main-title.pwi-main-title-limited,
.pwi-main-title.pwi-main-title-our-water,
.pwi-main-title.pwi-main-title-design,
.pwi-main-title.pwi-main-title-history,
.pwi-main-title.pwi-main-title-coming-soon,
.pwi-main-title.pwi-main-title-values {
    margin-top: 50px !important; /* Base (Mobile): 0-767px */
    font-family: 'Inter', system-ui, Arial, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.10em !important;
}

/* Margin-bottom правила за заглавия, които го изискват */
.pwi-main-title.pwi-main-title-our-water,
.pwi-main-title.pwi-main-title-design,
.pwi-main-title.pwi-main-title-history,
.pwi-main-title.pwi-main-title-coming-soon,
.pwi-main-title.pwi-main-title-values {
    margin-bottom: 10px !important; /* Base (Mobile): 0-767px */
}


/* Simple selectors moved from @media (max-width: 480px) */
.pwi-zn-modal-content {
    padding: 35px 20px 40px 20px; /* was 480px */
    margin: 20px auto 80px auto; /* was 480px */
    max-height: calc(100vh - 100px); /* was 480px */
    max-height: calc(100dvh - 100px); /* was 480px */
}

.pwi-zn-modal-header {
    margin-bottom: 20px; /* was 480px */
    padding-bottom: 10px; /* was 480px */
}

.pwi-zn-modal-icon {
    font-size: 40px; /* was 480px */
    margin-bottom: 10px; /* was 480px */
}

.pwi-zn-modal-title {
    font-size: 24px; /* was 480px */
}

.pwi-zn-modal-text {
    font-size: 13px; /* was 480px */
    line-height: 1.5; /* was 480px */
}

.pwi-mg-modal-content {
    padding: 35px 20px 40px 20px; /* was 480px */
    margin: 20px auto 80px auto; /* was 480px */
    max-height: calc(100vh - 100px); /* was 480px */
    max-height: calc(100dvh - 100px); /* was 480px */
}

.pwi-mg-modal-header {
    margin-bottom: 20px; /* was 480px */
    padding-bottom: 10px; /* was 480px */
}

.pwi-mg-modal-icon {
    font-size: 40px; /* was 480px */
    margin-bottom: 10px; /* was 480px */
}

.pwi-mg-modal-title {
    font-size: 24px; /* was 480px */
}

.pwi-mg-modal-text {
    font-size: 13px; /* was 480px */
    line-height: 1.5; /* was 480px */
}

.pwi-k-modal-content {
    padding: 35px 20px 40px 20px; /* was 480px */
    margin: 20px auto 80px auto; /* was 480px */
    max-height: calc(100vh - 100px); /* was 480px */
    max-height: calc(100dvh - 100px); /* was 480px */
}

.pwi-k-modal-header {
    margin-bottom: 20px; /* was 480px */
    padding-bottom: 10px; /* was 480px */
}

.pwi-k-modal-icon {
    font-size: 40px; /* was 480px */
    margin-bottom: 10px; /* was 480px */
}

.pwi-k-modal-title {
    font-size: 24px; /* was 480px */
}

.pwi-k-modal-text {
    font-size: 13px; /* was 480px */
    line-height: 1.5; /* was 480px */
}

.pwi-recycle-modal-content {
    padding: 35px 20px 40px 20px; /* was 480px */
    margin: 20px auto 80px auto; /* was 480px */
    max-height: calc(100vh - 100px); /* was 480px */
    max-height: calc(100dvh - 100px); /* was 480px */
}

.pwi-recycle-modal-header {
    margin-bottom: 20px; /* was 480px */
    padding-bottom: 10px; /* was 480px */
}

.pwi-recycle-modal-icon {
    font-size: 40px; /* was 480px */
    margin-bottom: 10px; /* was 480px */
}

.pwi-recycle-modal-title {
    font-size: 24px; /* was 480px */
}

.pwi-recycle-modal-text {
    font-size: 13px; /* was 480px */
    line-height: 1.5; /* was 480px */
}

.pwi-mountain-modal-content {
    padding: 35px 20px 40px 20px; /* was 480px */
    margin: 20px auto 80px auto; /* was 480px */
    max-height: calc(100vh - 100px); /* was 480px */
    max-height: calc(100dvh - 100px); /* was 480px */
}

.pwi-mountain-modal-header {
    margin-bottom: 20px; /* was 480px */
    padding-bottom: 10px; /* was 480px */
}

.pwi-mountain-modal-icon {
    font-size: 40px; /* was 480px */
    margin-bottom: 10px; /* was 480px */
}

.pwi-mountain-modal-title {
    font-size: 24px; /* was 480px */
}

.pwi-mountain-modal-text {
    font-size: 13px; /* was 480px */
    line-height: 1.5; /* was 480px */
}

.pwi-limited-modal-content {
    max-width: calc(100% - 20px); /* was 480px */
    padding: 35px 20px 40px 20px; /* was 480px */
    margin: 20px auto 80px auto; /* was 480px */
    max-height: none; /* was 480px */
}

.pwi-limited-modal-header {
    margin-bottom: 20px; /* was 480px */
    padding-bottom: 10px; /* was 480px */
}

.pwi-limited-modal-icon {
    font-size: 40px; /* was 480px */
    margin-bottom: 10px; /* was 480px */
}

.pwi-limited-modal-title {
    font-size: 24px; /* was 480px */
}

.pwi-limited-modal-text {
    font-size: 13px; /* was 480px */
    line-height: 1.5; /* was 480px */
}

.pwi-flavor-modal-content {
    padding: 35px 20px 40px 20px; /* was 480px */
    margin: 20px auto 80px auto; /* was 480px */
    max-height: calc(100vh - 100px); /* was 480px */
    max-height: calc(100dvh - 100px); /* was 480px */
}

.pwi-flavor-modal-header {
    margin-bottom: 20px; /* was 480px */
    padding-bottom: 10px; /* was 480px */
}

.pwi-flavor-modal-icon {
    font-size: 32px; /* was 480px */
    margin-bottom: 10px; /* was 480px */
}

.pwi-flavor-modal-title {
    font-size: 24px; /* was 480px */
}

.pwi-flavor-modal-text {
    font-size: 13px; /* was 480px */
    line-height: 1.5; /* was 480px */
}

.pwi-design-modal-content {
    padding: 35px 20px 40px 20px; /* was 480px */
    margin: 20px auto 80px auto; /* was 480px */
    max-height: calc(100vh - 100px); /* was 480px */
    max-height: calc(100dvh - 100px); /* was 480px */
}

.pwi-design-modal-header {
    margin-bottom: 20px; /* was 480px */
    padding-bottom: 10px; /* was 480px */
}

.pwi-design-modal-icon {
    font-size: 40px; /* was 480px */
    margin-bottom: 10px; /* was 480px */
}

.pwi-design-modal-title {
    font-size: 24px; /* was 480px */
}

.pwi-design-modal-text {
    font-size: 13px; /* was 480px */
    line-height: 1.5; /* was 480px */
}

.pwi-immune-modal-content {
    padding: 35px 20px 40px 20px; /* was 480px */
    margin: 20px auto 80px auto; /* was 480px */
    max-height: calc(100vh - 100px); /* was 480px */
    max-height: calc(100dvh - 100px); /* was 480px */
}

.pwi-immune-modal-header {
    margin-bottom: 20px; /* was 480px */
    padding-bottom: 10px; /* was 480px */
}

.pwi-immune-modal-title {
    font-size: 24px; /* was 480px */
}

.pwi-immune-modal-close {
    top: 10px; /* was 480px */
    right: 15px; /* was 480px */
    font-size: 32px; /* was 480px */
    width: 35px; /* was 480px */
    height: 35px; /* was 480px */
}

.pwi-immune-modal-text {
    font-size: 13px; /* was 480px */
    line-height: 1.5; /* was 480px */
}

.pwi-lab-results-card-modal {
    margin-top: 25px; /* was 480px */
    padding: 20px 15px; /* was 480px */
}

.pwi-product-info-content {
    padding: 35px 20px 40px 20px; /* was 480px */
    margin: 20px auto 80px auto; /* was 480px */
    max-height: calc(100vh - 100px); /* was 480px */
    max-height: calc(100dvh - 100px); /* was 480px */
}

.pwi-product-info-header {
    margin-bottom: 20px; /* was 480px */
    padding-bottom: 10px; /* was 480px */
}

.pwi-product-info-logo {
    max-width: 240px; /* was 480px */
    margin-bottom: 10px; /* was 480px */
}

.pwi-product-info-title {
    font-size: 24px; /* was 480px */
}

.pwi-product-info-section-title {
    font-size: 18px; /* was 480px */
    margin-bottom: 12px; /* was 480px */
}

.pwi-product-info-subtitle {
    font-size: 16px; /* was 480px */
    margin: 18px 0 10px 0; /* was 480px */
}

.pwi-product-info-text {
    font-size: 13px; /* was 480px */
    line-height: 1.5; /* was 480px */
    margin-bottom: 10px; /* was 480px */
}

.pwi-product-info-text-image {
    max-width: 120px; /* was 480px */
    margin-right: 12px; /* was 480px */
}

.pwi-contact-modal-content {
    padding: 35px 20px 40px 20px; /* was 480px */
    margin: 20px auto 80px auto; /* was 480px */
    max-height: calc(100vh - 100px); /* was 480px */
    max-height: calc(100dvh - 100px); /* was 480px */
}

.pwi-contact-title {
    font-size: 24px; /* was 480px */
}

.pwi-contact-subtitle {
    font-size: 14px; /* was 480px */
    margin-bottom: 35px; /* was 480px */
}

.pwi-form-success-title {
    font-size: 24px; /* was 480px */
}

.pwi-form-success-text {
    font-size: 14px; /* was 480px */
}

.pwi-form-group {
    margin-bottom: 12px; /* was 480px */
}

.pwi-form-group-row {
    flex-direction: column; /* was 480px */
    gap: 0; /* was 480px */
    margin-bottom: 12px; /* was 480px */
}

.pwi-form-field-wrapper {
    margin-bottom: 12px; /* was 480px */
}

.pwi-scroll-to-top {
    bottom: 15px; /* was 480px */
    right: 15px; /* was 480px */
    width: 40px; /* was 480px */
    height: 40px; /* was 480px */
}

.pwi-video-header {
    width: 100%; /* was 480px */
    margin: 0 0 25px 0; /* was 480px */
    height: 33vh; /* was 480px */
    border-radius: 0; /* was 480px */
}

.pwi-hero-text-placeholder {
    width: 20vw !important;
    max-width: none !important;
}

.pwi-video-header-logo {
    top: 10px;
    left: 10px;
}


.pwi-video-header-icons {
    top: 10px;
    right: 10px;
    gap: 12px;
}


.pwi-hero-container-wrapper {
    margin: 0 var(--pwi-container-margin-horizontal-mobile) var(--pwi-container-margin-bottom-mobile) var(--pwi-container-margin-horizontal-mobile); /* Base (Mobile): 0-767px */
    gap: 0;
}

.pwi-hero {
    padding: 5px 0 40px 0; /* was 480px */
    margin: 0; /* was 480px */
    align-items: flex-start !important; /* was 480px */
}

.pwi-hero-container-2 {
    padding: 30px 0 40px 0; /* was 480px */
}

.pwi-hero-container-3 {
    padding: 30px 0 40px 0; /* was 480px */
}

.pwi-hero-buttons {
    margin-top: 25px; /* was 480px */
    margin-bottom: 12px; /* was 480px */
    gap: 10px; /* was 480px */
    align-items: center !important; /* was 480px */
    width: 100%; /* was 480px */
    display: flex !important; /* was 480px */
    flex-direction: column !important; /* was 480px */
    justify-content: center; /* was 480px */
}

.pwi-hero-buttons-wrapper {
    position: relative !important; /* was 480px */
}

.pwi-order-unit-price {
    font-size: 24.7px; /* was 480px */
}

.pwi-order-unit-price-eur {
    font-size: 24.7px; /* was 480px */
}

.pwi-order-summary-row {
    font-size: 13.3px; /* was 480px */
}

.pwi-order-summary-row.pwi-order-total {
    font-size: 17.1px; /* was 480px */
}


.pwi-main-title-subtitle {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px; /* Mobile (0-767px) */
    font-weight: 400;
    letter-spacing: 0.02em;
    display: block;
    margin-top: 6px; /* was 480px: 6px */
    line-height: 1.4;
}

.pwi-main-title-handwritten {
    font-family: 'Dancing Script', 'Great Vibes', 'Caveat', cursive !important;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px; /* was 480px: 1px */
    color: #90837A !important;
}



/* ============================================
   HERO SECTION
   ============================================ */

/* Hero and Container 2 Wrapper */
.pwi-hero-container-wrapper {
    display: flex;
    gap: 0;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    position: relative;
}

/* Hero navigation arrows - positioned relative to wrapper */
.pwi-hero-container-wrapper .pwi-hero-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent !important;
    color: rgba(128, 128, 128, 0.5) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 40px;
    cursor: pointer;
    z-index: 1000;
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.8);
    paint-order: stroke fill;
}

.pwi-hero-container-wrapper .pwi-hero-nav:hover {
    color: rgba(128, 128, 128, 0.9) !important;
}

.pwi-hero-container-wrapper .pwi-hero-nav:active,
.pwi-hero-container-wrapper .pwi-hero-nav:focus {
    color: rgba(128, 128, 128, 1) !important;
    outline: none;
}

.pwi-hero-container-wrapper .pwi-hero-nav-prev {
    left: 10px;
}

.pwi-hero-container-wrapper .pwi-hero-nav-next {
    right: 10px;
}

/* Стрелки в отделните контейнери */
.pwi-hero-container-2 .pwi-hero-nav,
.pwi-hero-container-3 .pwi-hero-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent !important;
    color: rgba(128, 128, 128, 0.5) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 40px;
    cursor: pointer;
    z-index: 1000;
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.8);
    paint-order: stroke fill;
}

.pwi-hero-container-2 .pwi-hero-nav:hover,
.pwi-hero-container-3 .pwi-hero-nav:hover {
    color: rgba(128, 128, 128, 0.9) !important;
}

.pwi-hero-container-2 .pwi-hero-nav:active,
.pwi-hero-container-2 .pwi-hero-nav:focus,
.pwi-hero-container-3 .pwi-hero-nav:active,
.pwi-hero-container-3 .pwi-hero-nav:focus {
    color: rgba(128, 128, 128, 1) !important;
    outline: none;
}

.pwi-hero-container-2 .pwi-hero-nav-prev,
.pwi-hero-container-3 .pwi-hero-nav-prev {
    left: 10px;
}

.pwi-hero-container-2 .pwi-hero-nav-next,
.pwi-hero-container-3 .pwi-hero-nav-next {
    right: 10px;
}

/* Simple selectors moved from @media (max-width: 768px) */

.pwi-limited-modal.active {
    align-items: flex-start !important; /* was 768px */
}



/* Mobile styles for orderBtn to match other buttons */
.pwi-hero-buttons-wrapper .pwi-limited-edition-card {
    min-width: 120px !important; /* was 768px */
    height: 41px !important; /* was 768px */
    border-radius: 20.5px !important; /* was 768px */
    border: 1px solid var(--pwi-light-gray) !important;
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
}

/* More button е 65% от размера на order button */
.pwi-hero-buttons-wrapper #moreBtn {
    width: 78px !important; /* 65% от 120px */
    min-width: 78px !important;
    max-width: 78px !important;
    height: 26.65px !important; /* 65% от 41px */
    border-radius: 13.325px !important; /* 65% от 20.5px */
    border: 1px solid var(--pwi-light-gray) !important; /* Тънка светло сива рамка */
    background: rgba(255, 255, 255, 0.3) !important; /* Бял фон с 30% прозрачност */
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
}



.pwi-lab-results-icon-img {
    width: 36px; /* was 768px */
    height: 36px; /* was 768px */
}

.pwi-product-info-modal.active {
    align-items: flex-start; /* was 768px */
}

.pwi-product-info-content {
    max-width: calc(100% - 20px); /* was 768px */
    max-height: calc(100vh - 100px); /* was 768px */
    max-height: calc(100dvh - 100px); /* was 768px */
}

.pwi-product-info-logo {
    max-width: 300px; /* was 768px */
}

.pwi-product-info-close {
    width: 35px; /* was 768px */
    height: 35px; /* was 768px */
}


.pwi-product-info-text-image {
    max-width: 150px; /* was 768px */
}

.pwi-zn-modal.active {
    align-items: flex-start; /* was 768px */
}

.pwi-zn-modal-content {
    max-width: calc(100% - 20px); /* was 768px */
    max-height: calc(100vh - 100px); /* was 768px */
    max-height: calc(100dvh - 100px); /* was 768px */
}



.pwi-zn-modal-close {
    width: 35px; /* was 768px */
    height: 35px; /* was 768px */
}


.pwi-mg-modal.active {
    align-items: flex-start; /* was 768px */
}

.pwi-mg-modal-content {
    max-width: calc(100% - 20px); /* was 768px */
    max-height: calc(100vh - 100px); /* was 768px */
    max-height: calc(100dvh - 100px); /* was 768px */
}


.pwi-mg-modal-title {
    font-size: 28px; /* was 768px */
}

.pwi-mg-modal-close {
    font-size: 32px; /* was 768px */
    width: 35px; /* was 768px */
    height: 35px; /* was 768px */
}

.pwi-mg-modal-text {
    font-size: 14px; /* was 768px */
    line-height: 1.6; /* was 768px */
}

.pwi-k-modal.active {
    align-items: flex-start; /* was 768px */
}

.pwi-k-modal-content {
    max-width: calc(100% - 20px); /* was 768px */
    max-height: calc(100vh - 100px); /* was 768px */
    max-height: calc(100dvh - 100px); /* was 768px */
}

.pwi-k-modal-header {
}

.pwi-k-modal-icon {
    font-size: 48px; /* was 768px */
}

.pwi-k-modal-title {
    font-size: 28px; /* was 768px */
}

.pwi-k-modal-close {
    font-size: 32px; /* was 768px */
    width: 35px; /* was 768px */
    height: 35px; /* was 768px */
}

.pwi-k-modal-text {
    font-size: 14px; /* was 768px */
    line-height: 1.6; /* was 768px */
}

.pwi-recycle-modal.active {
    align-items: flex-start; /* was 768px */
}

.pwi-recycle-modal-content {
    max-width: calc(100% - 20px); /* was 768px */
    max-height: calc(100vh - 100px); /* was 768px */
    max-height: calc(100dvh - 100px); /* was 768px */
}

.pwi-recycle-modal-header {
}

.pwi-recycle-modal-icon {
    font-size: 48px; /* was 768px */
}

.pwi-recycle-modal-title {
    font-size: 28px; /* was 768px */
}

.pwi-recycle-modal-close {
    font-size: 32px; /* was 768px */
    width: 35px; /* was 768px */
    height: 35px; /* was 768px */
}

.pwi-recycle-modal-text {
    font-size: 14px; /* was 768px */
    line-height: 1.6; /* was 768px */
}

.pwi-mountain-modal.active {
    align-items: flex-start; /* was 768px */
}

.pwi-mountain-modal-content {
    max-width: calc(100% - 20px); /* was 768px */
    max-height: calc(100vh - 100px); /* was 768px */
    max-height: calc(100dvh - 100px); /* was 768px */
}

.pwi-mountain-modal-header {
}

.pwi-mountain-modal-icon {
    font-size: 48px; /* was 768px */
}

.pwi-mountain-modal-title {
    font-size: 28px; /* was 768px */
}

.pwi-mountain-modal-close {
    font-size: 32px; /* was 768px */
    width: 35px; /* was 768px */
    height: 35px; /* was 768px */
}

.pwi-mountain-modal-text {
    font-size: 14px; /* was 768px */
    line-height: 1.6; /* was 768px */
}

.pwi-limited-modal-content {
    max-width: calc(100% - 20px); /* was 768px */
    max-height: none; /* was 768px */
}

.pwi-limited-modal-header {
}

.pwi-limited-modal-icon {
    font-size: 48px; /* was 768px */
}

.pwi-limited-modal-title {
    font-size: 28px; /* was 768px */
}

.pwi-limited-modal-close {
    font-size: 32px; /* was 768px */
    width: 35px; /* was 768px */
    height: 35px; /* was 768px */
}

.pwi-limited-modal-text {
    font-size: 14px; /* was 768px */
    line-height: 1.6; /* was 768px */
}

.pwi-flavor-modal.active {
    align-items: flex-start; /* was 768px */
}

.pwi-flavor-modal-content {
    max-width: calc(100% - 20px); /* was 768px */
    max-height: calc(100vh - 100px); /* was 768px */
    max-height: calc(100dvh - 100px); /* was 768px */
}

.pwi-flavor-modal-header {
}

.pwi-flavor-modal-icon {
    font-size: 36px; /* was 768px */
}

.pwi-flavor-modal-title {
    font-size: 28px; /* was 768px */
}

.pwi-flavor-modal-close {
    font-size: 32px; /* was 768px */
    width: 35px; /* was 768px */
    height: 35px; /* was 768px */
}

.pwi-flavor-modal-text {
    font-size: 14px; /* was 768px */
    line-height: 1.6; /* was 768px */
}

.pwi-design-modal.active {
    align-items: flex-start; /* was 768px */
}

.pwi-design-modal-content {
    max-width: calc(100% - 20px); /* was 768px */
    max-height: calc(100vh - 100px); /* was 768px */
    max-height: calc(100dvh - 100px); /* was 768px */
}

.pwi-design-modal-header {
}

.pwi-design-modal-icon {
    font-size: 48px; /* was 768px */
}

.pwi-design-modal-title {
    font-size: 28px; /* was 768px */
}

.pwi-design-modal-close {
    font-size: 32px; /* was 768px */
    width: 35px; /* was 768px */
    height: 35px; /* was 768px */
}

.pwi-design-modal-text {
    font-size: 14px; /* was 768px */
    line-height: 1.6; /* was 768px */
}

.pwi-immune-modal.active {
    align-items: flex-start; /* was 768px */
}

.pwi-immune-modal-content {
    max-width: calc(100% - 20px); /* was 768px */
    max-height: calc(100vh - 100px); /* was 768px */
    max-height: calc(100dvh - 100px); /* was 768px */
}

.pwi-immune-modal-header {
}

.pwi-immune-modal-title {
    font-size: 28px; /* was 768px */
}

.pwi-immune-modal-close {
    font-size: 32px; /* was 768px */
    width: 35px; /* was 768px */
    height: 35px; /* was 768px */
}

.pwi-immune-modal-text {
    font-size: 14px; /* was 768px */
    line-height: 1.6; /* was 768px */
}

.pwi-contact-modal.active {
    align-items: flex-start; /* was 768px */
}

.pwi-contact-modal-content {
    max-width: calc(100% - 20px); /* was 768px */
    max-height: calc(100vh - 100px); /* was 768px */
    max-height: calc(100dvh - 100px); /* was 768px */
}

.pwi-contact-title {
    font-size: 28px; /* was 768px */
}

.pwi-contact-subtitle {
    font-size: 15px; /* was 768px */
}

.pwi-form-success-title {
    font-size: 28px; /* was 768px */
}

.pwi-form-success-text {
    font-size: 18px; /* was 768px */
}

.pwi-form-group {
}

.pwi-form-group-row {
    flex-direction: column; /* was 768px */
}

.pwi-form-field-wrapper {
}

.pwi-order-modal-content {
    max-height: calc(100vh - 100px); /* was 768px */
    max-height: calc(100dvh - 100px); /* was 768px */
}

.pwi-order-modal-close {
    font-size: 30.4px; /* was 768px */
    width: 33.25px; /* was 768px */
    height: 33.25px; /* was 768px */
}

.pwi-order-product-title {
    font-size: 22.8px; /* was 768px */
}

.pwi-order-delivery-title {
    font-size: 22.8px; /* was 768px */
}

.pwi-order-gallery-modal-content {
    max-width: 95%; /* was 768px */
}

.pwi-order-gallery-modal-close {
    font-size: 30.4px; /* was 768px */
    width: 33.25px; /* was 768px */
    height: 33.25px; /* was 768px */
}

.pwi-order-gallery-prev,
.pwi-order-gallery-next {
    width: 38px; /* was 768px */
    height: 38px; /* was 768px */
    font-size: 22.8px; /* was 768px */
}

.pwi-order-gallery-thumb {
    width: 57px;
    height: 57px;
}

.pwi-hero-text-placeholder {
    width: 20vw !important;
    max-width: none !important;
}


.pwi-hero-container-wrapper {
    scroll-snap-type: x mandatory;
}

.pwi-hero {
    align-items: flex-start !important; /* was 768px */
}

.pwi-hero-container-2 {
}

.pwi-hero-container-3 {
}

.pwi-hero-buttons {
    align-items: center !important; /* was 768px */
    width: 100%; /* was 768px */
    display: flex !important; /* was 768px */
    flex-direction: column !important; /* was 768px */
    justify-content: center; /* was 768px */
}

    .pwi-hero-buttons-wrapper {
        position: relative !important; /* was 768px */
        min-height: 41px !important; /* was 768px */
        flex-direction: column !important; /* Вертикално подреждане */
        align-items: center !important;
        gap: 18px !important;
    }

    #orderBtn {
    min-width: 120px !important; /* was 768px */
    height: 41px !important; /* was 768px */
    border-radius: 20.5px !important; /* was 768px */
    position: relative !important;
}

#moreBtn {
    position: relative !important; /* was 768px */
    height: 26.65px !important; /* 65% от 41px (orderBtn height) */
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 auto !important;
}

.pwi-btn {
    font-size: 16px; /* was 768px */
    min-width: 180px; /* was 768px */
    max-width: 180px; /* was 768px */
    width: 180px; /* was 768px */
}

.pwi-hero-360-wrapper {
    align-self: flex-start !important; /* was 768px */
    width: 320px !important; /* was 768px */
    max-width: 320px !important; /* was 768px */
    height: 45vh !important; /* was 768px */
}

.pwi-rotate-hint {
}

.pwi-hero-360-text {
    font-size: 19.6px !important; /* was 768px */
}

.pwi-hero-balloons {
    height: 45vh !important; /* was 768px */
}

.pwi-hero-balloon-circle {
    width: 60px !important; /* was 768px */
    height: 60px !important; /* was 768px */
    font-size: 14px !important; /* was 768px */
}

.pwi-hero-balloon-text {
    font-size: 10px !important; /* was 768px */
    max-width: 90px !important; /* was 768px */
}

.pwi-hero-balloon-1 {
}

.pwi-hero-balloon-3 {
}

.pwi-hero-content {
}

.pwi-hero-text {
    flex-direction: column; /* was 768px */
    align-items: center; /* was 768px */
}

.pwi-hero-text-right {
    align-items: center; /* was 768px */
    text-align: center; /* was 768px */
}

.pwi-hero-title {
    font-size: 24px; /* was 768px */
    letter-spacing: 1px; /* was 768px */
    line-height: 1; /* was 768px */
}

.pwi-hero-subtitle {
    font-size: 13px; /* was 768px */
    line-height: 1; /* was 768px */
}

.pwi-hero-personal {
    font-size: 15px; /* was 768px */
}

.pwi-hero-bottle-wrapper {
    min-height: 350px; /* was 768px */
    max-width: 100%; /* was 768px */
}

.pwi-bubble {
    position: absolute !important; /* was 768px */
    opacity: 1 !important; /* was 768px */
    transform: scale(1.05) !important; /* was 768px */
    pointer-events: none; /* was 768px */
}

.pwi-bubble-lines-svg {
    display: none; /* was 768px */
}

.pwi-bubble-line {
    display: none; /* was 768px */
}

.pwi-bubble-content {
    width: 110px; /* was 768px */
    height: 110px; /* was 768px */
}

.pwi-hero-halo {
    width: 85%; /* was 768px */
    height: 110%; /* was 768px */
    max-width: 350px; /* was 768px */
}

.pwi-hero-halo-glow {
    width: 85%; /* was 768px */
    height: 110%; /* was 768px */
    max-width: 350px; /* was 768px */
}

.pwi-hero-bottle {
    max-width: 200px; /* was 768px */
    height: auto; /* was 768px */
}

.pwi-hero-cta {
}

.pwi-section {
}

/* Mobile defaults moved from max-width:768 (0–767) */
.pwi-hero-container-wrapper .pwi-hero-nav,
.pwi-hero-container-2 .pwi-hero-nav,
.pwi-hero-container-3 .pwi-hero-nav {
    position: absolute !important;
    transform: translateY(-50%);
    font-size: 60px; /* was 768px */
    width: 75px; /* was 768px */
    height: 75px; /* was 768px */
}


.pwi-image-modal img {
    max-width: 100%; /* was 768px */
    max-height: 85vh; /* was 768px */
    width: auto; /* was 768px */
    height: auto; /* was 768px */
}

/* Base (0-767px): намалени размери */
@media (max-width: 767px) {
    
    .pwi-limited-edition-card:not(.pwi-hero-buttons-wrapper .pwi-limited-edition-card) {
        min-width: 90px !important; /* 75% от 120px (намалено с 25%) */
        height: 30.75px !important; /* 75% от 41px (намалено с 25%) */
        border-radius: 15.375px !important; /* 75% от 20.5px (намалено с 25%) */
    }
    
    .pwi-our-water-card {
        min-width: 90px !important; /* 75% от 120px (намалено с 25%) */
        height: 30.75px !important; /* 75% от 41px (намалено с 25%) */
        border-radius: 15.375px !important; /* 75% от 20.5px (намалено с 25%) */
    }
    
    /* Lab results modal table - mobile responsive */
    .pwi-lab-modal-content {
        padding: 15px 10px;
        max-width: calc(100% - 20px);
    }
    
    .pwi-lab-table-wrapper {
        overflow-x: visible;
        overflow-y: visible;
        margin-top: 12px;
        width: 100%;
    }
    
    .pwi-lab-table {
        font-size: clamp(9px, 2.2vw, 11px);
        width: 100%;
        table-layout: fixed;
        line-height: 1.3;
    }
    
    .pwi-lab-table th,
    .pwi-lab-table td {
        padding: clamp(4px, 1.2vw, 6px) clamp(3px, 1vw, 5px);
        font-size: clamp(9px, 2.2vw, 11px) !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .pwi-lab-table tbody td {
        font-size: clamp(9px, 2.2vw, 11px) !important;
    }
    
    /* Remove min-width constraints and set proportional column widths */
    .pwi-lab-table th:nth-child(1),
    .pwi-lab-table td:nth-child(1) {
        min-width: 0;
        width: 28%;
    }
    
    .pwi-lab-table th:nth-child(2),
    .pwi-lab-table td:nth-child(2) {
        min-width: 0;
        width: 32%;
    }
    
    .pwi-lab-table th:nth-child(3),
    .pwi-lab-table td:nth-child(3) {
        min-width: 0;
        width: 20%;
    }
    
    .pwi-lab-table th:nth-child(4),
    .pwi-lab-table td:nth-child(4) {
        min-width: 0;
        width: 20%;
        white-space: normal;
        word-break: break-word;
    }
    
    .pwi-lab-table thead th {
        font-size: clamp(9px, 2.2vw, 11px);
        padding: clamp(5px, 1.3vw, 7px) clamp(3px, 1vw, 5px);
        line-height: 1.2;
    }
}

.pwi-limited-modal-body .pwi-order-delivery-title {
    border-bottom: 2px solid var(--pwi-gold); /* was 768px */
}

.pwi-lab-modal.active {
    align-items: flex-start; /* was 768px */
}

.pwi-lab-modal-content {
    max-height: calc(100vh - 100px); /* was 768px */
    max-height: calc(100dvh - 100px); /* was 768px */
}

.pwi-limited-modal-content {
    max-width: calc(100% - 20px); /* was 768px */
    max-height: none; /* was 768px */
}

.pwi-limited-modal-header {
}

.pwi-lab-table {
    font-size: 11px; /* was 768px */
}

.pwi-lab-table th,
.pwi-lab-table td {
}

/* Min-width constraints removed for mobile responsiveness - handled in media query */

.pwi-hero-buttons .pwi-btn-primary,
.pwi-hero-buttons .pwi-btn-secondary {
    font-size: 14px !important; /* was 768px */
    border-width: 3px !important; /* was 768px */
    min-width: 140px !important; /* was 768px */
    max-width: 140px !important; /* was 768px */
    width: 140px !important; /* was 768px */
}

.pwi-hero-buttons-wrapper {
    position: relative !important; /* was 768px */
    min-height: 41px !important; /* was 768px */
    flex-direction: column !important; /* Вертикално подреждане */
    align-items: center !important;
    gap: 18px !important;
}

.pwi-hero-buttons-wrapper #moreBtn:hover {
    transform: translateY(-5px) !important; /* was 768px */
}

.pwi-btn {
    font-size: 16px; /* was 768px */
    min-width: 180px; /* was 768px */
    max-width: 180px; /* was 768px */
    width: 180px; /* was 768px */
}

.pwi-hero-360-wrapper {
    align-self: flex-start !important; /* was 768px */
    width: 320px !important; /* was 768px */
    max-width: 320px !important; /* was 768px */
    height: 45vh !important; /* was 768px */
}

.pwi-rotate-hint {
}

.pwi-hero::before {
    width: calc(45vh * 0.4); /* was 768px */
    height: calc(45vh * 0.7); /* was 768px */
    transform: translate(-50%, -50%); /* was 768px */
    filter: blur(15px); /* was 768px */
}

.pwi-hero::after {
    display: none; /* was 768px */
    width: 100%; /* was 768px */
    transform: none; /* was 768px */
    background: linear-gradient(to bottom,
        rgba(201, 162, 78, 0) 0%,
        rgba(201, 162, 78, 0.15) 1%,
        rgba(201, 162, 78, 0.25) 2%,
        rgba(201, 162, 78, 0.3) 3%,
        rgba(201, 162, 78, 0.3) 100%
    ); /* was 768px */
}

.pwi-hero-360-viewer.Sirv,
.pwi-hero-360-viewer .Sirv,
.pwi-hero-360-viewer iframe,
.pwi-hero-360-viewer > div[class*="Sirv"],
.pwi-hero-360-viewer > div[data-src] {
    height: 45vh !important; /* was 768px */
}

.pwi-hero-360-text {
    font-size: 19.6px !important; /* was 768px */
}

.pwi-hero-balloons {
    height: 45vh !important; /* was 768px */
}

.pwi-hero-balloon-circle {
    width: 60px !important; /* was 768px */
    height: 60px !important; /* was 768px */
    font-size: 14px !important; /* was 768px */
}

.pwi-hero-balloon-text {
    font-size: 10px !important; /* was 768px */
    max-width: 90px !important; /* was 768px */
}

.pwi-hero-balloon-1 {
}

.pwi-hero-balloon-3 {
}

.pwi-hero-content {
}

.pwi-hero-text {
    flex-direction: column; /* was 768px */
    align-items: center; /* was 768px */
}

.pwi-hero-text-right {
    align-items: center; /* was 768px */
    text-align: center; /* was 768px */
}

.pwi-hero-title {
    font-size: 24px; /* was 768px */
    letter-spacing: 1px; /* was 768px */
    line-height: 1; /* was 768px */
}

.pwi-hero-subtitle {
    font-size: 13px; /* was 768px */
    line-height: 1; /* was 768px */
}

.pwi-hero-personal {
    font-size: 15px; /* was 768px */
}

.pwi-hero-bottle-wrapper {
    min-height: 350px; /* was 768px */
    max-width: 100%; /* was 768px */
}

.pwi-hero-bottle.Sirv,
.pwi-hero-bottle .Sirv,
.pwi-hero-bottle iframe,
.pwi-hero-bottle > div[class*="Sirv"],
.pwi-hero-bottle > div[data-src] {
    transform: scale(1) !important; /* was 768px */
}

.pwi-bubble {
    position: absolute !important; /* was 768px */
    opacity: 1 !important; /* was 768px */
    transform: scale(1.05) !important; /* was 768px */
    pointer-events: none; /* was 768px */
}

.pwi-bubble-2 { transform: translateY(-50%) scale(1.05) !important; } /* was 768px */
.pwi-bubble-5 { transform: translateY(-50%) scale(1.05) !important; } /* was 768px */

.pwi-bubble-lines-svg {
    display: none; /* was 768px */
}

.pwi-bubble-line {
    display: none; /* was 768px */
}

.pwi-bubble-content {
    width: 110px; /* was 768px */
    height: 110px; /* was 768px */
}

.pwi-bubble-content p {
    font-size: 10px; /* was 768px */
    line-height: 1.2; /* was 768px */
}

.pwi-hero-bottle-wrapper {
    flex-direction: column; /* was 768px */
    align-items: center; /* was 768px */
    overflow: visible; /* was 768px */
}

.pwi-hero-halo {
    width: 85%; /* was 768px */
    height: 110%; /* was 768px */
    max-width: 350px; /* was 768px */
}

.pwi-hero-halo-glow {
    width: 85%; /* was 768px */
    height: 110%; /* was 768px */
    max-width: 350px; /* was 768px */
}

.pwi-hero-bottle {
    max-width: 200px; /* was 768px */
    height: auto; /* was 768px */
}

.pwi-hero-cta {
}

.pwi-section {
}


.pwi-design-images-wrapper {
    /* Размерите са премахнати - започваме отначало */
}

.pwi-design-images-wrapper::-webkit-scrollbar {
    display: none; /* was 768px */
}

.pwi-design-image-container {
    /* Размерите са премахнати - започваме отначало */
    scroll-snap-align: center;
}

.pwi-history-text {
    font-size: 15px; /* was 768px */
    line-height: 1.7; /* was 768px */
    max-height: calc(100% - 30px); /* was 768px */
}

.pwi-history-text::first-letter {
    font-size: 48px !important; /* was 768px */
    line-height: 40px !important; /* was 768px */
}

.pwi-story-signature {
    max-width: 150px; /* was 768px */
}

.pwi-history-card {
    min-width: 120px; /* was 768px */
    height: 41px !important; /* was 768px */
    border: 1px solid var(--pwi-gold); /* was 768px */
    border-radius: 20.5px; /* was 768px */
}

.pwi-history-arrow {
    font-size: 24px; /* was 768px */
}

.pwi-water-path-wrapper {
    flex-direction: column; /* was 768px */
    width: calc(100% - 40px); /* was 768px */
}

.pwi-section-water-path-left,
.pwi-section-water-path-right {
    width: 100%; /* was 768px */
    min-width: 0; /* was 768px */
}

.pwi-section-water-path-left .pwi-container,
.pwi-section-water-path-right .pwi-container {
    display: flex; /* was 768px */
    align-items: center; /* was 768px */
    justify-content: flex-start; /* was 768px */
}

.pwi-section-water-path-left .pwi-section-text,
.pwi-section-water-path-right .pwi-section-text {
    text-align: left; /* was 768px */
}

.pwi-immune-wrapper {
    flex-direction: column; /* was 768px */
    width: calc(100% - 40px); /* was 768px */
}

.pwi-immune-wrapper-bottom {
    flex-direction: column; /* was 768px */
    width: calc(100% - 40px); /* was 768px */
}

.pwi-anthracite-wrapper {
    flex-direction: column; /* was 768px */
    width: calc(100% - 40px); /* was 768px */
}

.pwi-section-anthracite-left,
.pwi-section-anthracite-center,
.pwi-section-anthracite-right {
    width: 100%; /* was 768px */
    min-width: 0; /* was 768px */
}

.pwi-section-anthracite-left .pwi-container,
.pwi-section-anthracite-center .pwi-container,
.pwi-section-anthracite-right .pwi-container {
}

.pwi-section-anthracite-left .pwi-section-text,
.pwi-section-anthracite-center .pwi-section-text,
.pwi-section-anthracite-right .pwi-section-text {
}

.pwi-section-immune-bottom-left,
.pwi-section-immune-bottom-right {
    width: 100%; /* was 768px */
    min-width: 0; /* was 768px */
}

.pwi-section-immune-bottom-left .pwi-container,
.pwi-section-immune-bottom-right .pwi-container {
    display: flex; /* was 768px */
    align-items: center; /* was 768px */
    justify-content: flex-start; /* was 768px */
}

.pwi-section-immune-bottom-left .pwi-section-text,
.pwi-section-immune-bottom-right .pwi-section-text {
    text-align: left; /* was 768px */
}

.pwi-section-immune-left,
.pwi-section-immune-center,
.pwi-section-immune-right {
    width: 100%; /* was 768px */
    min-width: 0; /* was 768px */
}

.pwi-section-immune-left .pwi-container,
.pwi-section-immune-center .pwi-container,
.pwi-section-immune-right .pwi-container {
}

.pwi-section-immune-left .pwi-section-text,
.pwi-section-immune-center .pwi-section-text,
.pwi-section-immune-right .pwi-section-text {
}

.pwi-section-content {
    grid-template-columns: 1fr; /* was 768px */
}

.pwi-section-content-reverse .pwi-section-text,
.pwi-section-content-reverse .pwi-section-image {
    order: 0; /* was 768px */
}

.pwi-section-title {
    font-size: 32px; /* was 768px */
    text-align: center; /* was 768px */
    line-height: 1.2; /* was 768px */
}

.pwi-section-text p {
}

.pwi-minerals-grid {
    display: flex !important; /* was 768px */
    flex-direction: column; /* was 768px */
}

.pwi-mineral-card {
    min-width: 100%; /* was 768px */
}

.pwi-mineral-icon {
}

.pwi-mineral-title {
}

.pwi-value-desc {
    font-size: 14px; /* was 768px */
}

.pwi-values-grid {
    grid-template-columns: 1fr; /* was 768px */
}

.pwi-value-item {
}

.pwi-value-icon {
    font-size: 36px; /* was 768px */
}

.pwi-value-icon-img {
    width: 36px; /* was 768px */
    height: 36px; /* was 768px */
}

.pwi-value-title {
    font-size: 18px; /* was 768px */
}

.pwi-value-desc {
    font-size: 14px; /* was 768px */
}


.pwi-value-card {
}

.pwi-cta-text {
}

.pwi-footer-content {
    flex-wrap: wrap; /* was 768px */
    gap: 30px; /* Базово отстояние от 30px между колоните по широчина (за tablet хоризонтално подреждане) */
}

/* Уеднаквени правила за всички три колони на tablet */
.pwi-footer-social,
.pwi-footer-column {
    flex: 0 0 auto; /* Адаптира се според съдържанието */
    width: auto; /* Широчината се адаптира според съдържанието */
    height: auto !important; /* Премахва фиксирана височина */
    min-height: 0 !important; /* Премахва минимална височина */
}

/* Уеднаквени стилове за заглавията на tablet */
.pwi-footer-social-text,
.pwi-footer-title {
    font-size: 13px; /* was 768px */
}

.pwi-footer-links a {
    font-size: 13px; /* was 768px */
}

.pwi-footer-logo {
}

.pwi-footer-logo-image {
    max-width: 150px; /* was 768px */
}

.pwi-story-text {
    font-size: 15px; /* was 768px */
    line-height: 1.7; /* was 768px */
}

.pwi-story-text p:first-of-type::first-letter {
    font-size: 48px; /* was 768px */
    line-height: 40px; /* was 768px */
}

.pwi-story-signature {
    max-width: 150px; /* was 768px */
}

.pwi-hero-buttons .pwi-btn-primary,
.pwi-hero-buttons .pwi-btn-secondary {
    width: 140px !important; /* was 768px */
    max-width: 140px !important; /* was 768px */
    font-size: 14px !important; /* was 768px */
}

.pwi-btn-primary:not(.pwi-hero-buttons .pwi-btn-primary),
.pwi-btn-primary-large {
    font-size: 16px; /* was 768px */
}

.pwi-scroll-to-top svg {
    width: 20px; /* was 768px */
    height: 20px; /* was 768px */
}

.pwi-form-field-wrapper:last-child {
}

.pwi-form-hint-wrapper {
    display: none; /* was 768px */
}

.pwi-form-group-submit {
}

.pwi-contact-modal-close {
    font-size: 32px; /* was 768px */
    width: 35px; /* was 768px */
    height: 35px; /* was 768px */
}

.pwi-limited-modal-body .pwi-order-delivery-title {
    border-bottom: 2px solid var(--pwi-gold); /* was 768px */
}

.pwi-order-form-actions {
    flex-direction: column; /* was 768px */
}

.pwi-order-back-btn,
.pwi-order-submit-btn {
    flex: 1; /* was 768px */
    width: 100%; /* was 768px */
}

#orderBtn {
}

#moreBtn {
    position: absolute !important; /* was 768px */
    height: 26.65px !important; /* 65% от 41px (orderBtn height) */
}

.pwi-hero-buttons-wrapper #moreBtn:hover {
    transform: translateY(-5px) !important; /* was 768px */
}

/* Mobile fixes for arrow positioning */


.pwi-hero-container-wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

/* Container Progress Indicator */
.pwi-container-progress-indicator {
    position: relative;
    width: 100%;
    z-index: 100;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(5px);
    padding: 8px 0; /* was 480px: 8px 0 */
    margin-bottom: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.pwi-progress-bar {
    width: calc(100% - 30px); /* was 480px: calc(100% - 30px) - 15px margin от всяка страна за малки екрани */
    width: calc(100% - 40px); /* was 768px: 20px margin от всяка страна за мобилни */
    height: 3px; /* was 480px: 3px */
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}

.pwi-progress-fill {
    height: 100%;
    background-color: #000000;
    width: 33.33%; /* Винаги 1/3 от широчината на бара */
    position: absolute;
    left: 0; /* Начално в ляво за първия контейнер */
    /* Без transition за точно 1:1 движение с контейнерите */
    border-radius: 2px;
}



/* Defaults moved from max-width:1024 (mobile+tablet legacy) */
.pwi-hero-text-placeholder.pwi-hero-text-clicked {
    transform: scale(1.1) !important; /* Само scale без translateY за таблет */
}

.pwi-lab-modal.active {
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 80px;
}

.pwi-lab-modal-content {
    padding: 30px 20px;
    max-width: 98%;
    margin: 20px auto 80px auto;
    max-height: calc(100vh - 100px);
    max-height: calc(100dvh - 100px);
}

.pwi-lab-modal-title {
    font-size: 28px;
}

.pwi-lab-table {
    font-size: 12px;
}

.pwi-lab-table th,
.pwi-lab-table td {
    padding: 8px 6px;
}



.pwi-hero {
    align-items: flex-start !important; /* Подравняване отгоре на таблети */
    min-height: auto !important;
    height: auto !important;
    padding-bottom: 40px !important; /* Extra padding for text placeholders */
}

.pwi-hero-container-2 {
    min-height: auto !important;
    height: auto !important;
    padding-bottom: 40px !important; /* Същия padding като hero секцията */
}

.pwi-hero-container-3 {
    min-height: auto !important;
    height: auto !important;
    padding-bottom: 40px !important; /* Същия padding като hero секцията */
}

.pwi-hero-360-wrapper {
    align-self: flex-start !important; /* Подравняване отгоре в flex контейнера на таблети */
    margin: 0 auto !important; /* Центриране хоризонтално, без горен margin */
}

/* Таблети: позициониране на placeholder-ите около 360 изображението */
.pwi-hero-text-placeholder {
    position: absolute !important;
    margin: 0 !important;
    width: 20vw !important; /* 20% от широчината на екрана за таблети и мобилни */
    max-width: none !important;
    padding: 12px 10px !important;
    box-sizing: border-box;
    font-size: 12px !important;
    pointer-events: auto !important; /* Уверяваме се че кликването работи */
    cursor: pointer !important;
    z-index: 10 !important; /* Уверяваме се че са над другите елементи */
}

/* 4 placeholder-а вдясно от 360 изображението */
.pwi-hero-text-right-1,
.pwi-hero-text-right-2,
.pwi-hero-text-right-3,
.pwi-hero-text-right-4 {
    right: 3vw !important; /* 3% от широчината на екрана */
    left: auto !important;
    /* top се задава динамично от JavaScript */
    transform: none !important;
}

.pwi-hero-title {
    font-size: 28px;
}

.pwi-hero-subtitle {
    font-size: 15px;
}

.pwi-hero-personal {
    font-size: 17px;
}

.pwi-hero-bottle-wrapper {
    min-height: 400px;
    max-width: 90%;
}

.pwi-bubble-1,
.pwi-bubble-2,
.pwi-bubble-3 {
    left: -8%;
}

.pwi-bubble-4,
.pwi-bubble-5,
.pwi-bubble-6 {
    right: -8%;
}

.pwi-bubble-content {
    width: 140px;
    height: 140px;
    padding: 18px;
}

.pwi-bubble-content p {
    font-size: 12px;
}


.pwi-section-title {
    font-size: 42px;
}

.pwi-section-content {
    gap: 50px;
}

.pwi-minerals-grid {
    gap: 25px;
}


/* Desktop: показва един контейнер на екрана с хоризонтален скрол (като на мобилни) */
@media (min-width: 1024px) {
    /* Design Images - Desktop: центриране по хоризонтала */
    .pwi-design-images-wrapper.swiper {
        display: flex !important;
        justify-content: center !important; /* Центриране на контейнерите */
        align-items: center !important;
    }
    
    .pwi-design-images-wrapper .swiper-wrapper {
        display: flex !important;
        justify-content: center !important; /* Центриране на слайдовете */
        align-items: center !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    
    .pwi-video-header-text {
        font-size: 60px; /* Desktop: 1024px+ */
    }
    
    .pwi-header-logo-image {
        height: 100px; /* Desktop: 1024px+ */
    }
    
    
    .pwi-container {
        padding: 0 var(--pwi-container-padding-horizontal-desktop) !important; /* Desktop: 1024px+ */
    }
    
    .pwi-section {
        margin: 0 var(--pwi-section-margin-horizontal-desktop) var(--pwi-section-margin-bottom-desktop) var(--pwi-section-margin-horizontal-desktop) !important; /* Desktop: 1024px+ - !important за да не се презаписва от глобалното правило на ред 5119 */
    }
    
    .pwi-design-images-wrapper.swiper {
        padding: 0 var(--pwi-container-padding-horizontal-desktop) !important; /* Desktop: 1024px+ */
    }
    
    .pwi-hero-container-wrapper {
        margin: 0 var(--pwi-container-margin-horizontal-desktop) var(--pwi-container-margin-bottom-desktop) var(--pwi-container-margin-horizontal-desktop) !important; /* Desktop: 1024px+ - унифицирано с другите контейнери */
        gap: 15px; /* Desktop: 1024px+ */
        overflow-x: auto; /* Оставяме скрол и на desktop */
        scroll-snap-type: x mandatory; /* Оставяме snap и на desktop */
        padding-bottom: 0;
    }
    
    .pwi-limited-edition-container {
        width: calc(100% - calc(var(--pwi-container-margin-horizontal-desktop) * 2)) !important;
        margin: 0 var(--pwi-container-margin-horizontal-desktop) var(--pwi-container-margin-bottom-desktop) var(--pwi-container-margin-horizontal-desktop) !important; /* Desktop: 1024px+ */
    }
    
    .pwi-our-water-container {
        width: calc(100% - calc(var(--pwi-container-margin-horizontal-desktop) * 2)) !important;
        margin: 0 var(--pwi-container-margin-horizontal-desktop) var(--pwi-container-margin-bottom-desktop) var(--pwi-container-margin-horizontal-desktop) !important; /* Desktop: 1024px+ */
    }
    
    .pwi-section-water-path-left .pwi-container,
    .pwi-section-water-path-right .pwi-container {
        padding: 0 var(--pwi-container-padding-horizontal-desktop) !important; /* Desktop: 1024px+ */
    }
    
    .pwi-section-anthracite-left .pwi-container,
    .pwi-section-anthracite-center .pwi-container,
    .pwi-section-anthracite-right .pwi-container {
        padding: 0 var(--pwi-container-padding-horizontal-desktop) !important; /* Desktop: 1024px+ */
    }
    
    .pwi-section-immune-bottom-left .pwi-container,
    .pwi-section-immune-bottom-right .pwi-container {
        padding: 0 var(--pwi-container-padding-horizontal-desktop) !important; /* Desktop: 1024px+ */
    }
    
    .pwi-section-immune-left .pwi-container,
    .pwi-section-immune-center .pwi-container,
    .pwi-section-immune-right .pwi-container {
        padding: 0 var(--pwi-container-padding-horizontal-desktop) !important; /* Desktop: 1024px+ */
    }
    
    .pwi-history-container {
        width: calc(100% - calc(var(--pwi-container-margin-horizontal-desktop) * 2)) !important;
        margin: 0 var(--pwi-container-margin-horizontal-desktop) var(--pwi-container-margin-bottom-desktop) var(--pwi-container-margin-horizontal-desktop) !important; /* Desktop: 1024px+ */
        border-radius: 18px;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        height: auto;
        cursor: pointer;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .pwi-history-container:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }
    
    .pwi-history-image {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 18px;
    }
    
    /* Coming Soon Section - Desktop (1024px+): Viewport-based height, image-driven width */
    /* Use CSS Grid on the wrapper to align each title above its corresponding image */
    .pwi-coming-soon-wrapper {
        display: grid;
        grid-template-columns: repeat(3, auto);
        grid-template-rows: auto auto; /* First row for titles, second row for images */
        justify-content: center;
        justify-items: center; /* Center each item in its grid cell */
        column-gap: 15px; /* Gap between columns */
        row-gap: 15px; /* Gap between title row and image row */
        margin: 0 var(--pwi-container-margin-horizontal-desktop) var(--pwi-container-margin-bottom-desktop) var(--pwi-container-margin-horizontal-desktop) !important;
        width: auto; /* Width defined by content */
    }
    
    .pwi-coming-soon-titles-wrapper {
        grid-row: 1; /* First row */
        grid-column: 1 / -1; /* Span all columns */
        display: contents; /* Make children participate in parent grid */
    }
    
    .pwi-coming-soon-item-title {
        text-align: center; /* Center text over image */
        white-space: nowrap; /* Prevent text wrapping */
        font-size: 14.4px; /* 36px × 0.4 = 14.4px for desktop */
    }
    
    .pwi-coming-soon-item-title:nth-child(1) {
        grid-row: 1;
        grid-column: 1;
    }
    
    .pwi-coming-soon-item-title:nth-child(2) {
        grid-row: 1;
        grid-column: 2;
    }
    
    .pwi-coming-soon-item-title:nth-child(3) {
        grid-row: 1;
        grid-column: 3;
    }
    
    .pwi-coming-soon-images-wrapper {
        grid-row: 2; /* Second row */
        grid-column: 1 / -1; /* Span all columns */
        display: contents; /* Make children participate in parent grid */
    }
    
    .pwi-coming-soon-image-container {
        height: 60vh; /* Viewport-based height */
        padding-bottom: 0; /* Remove width-based aspect ratio */
        width: auto; /* Width defined by image */
    }
    
    .pwi-coming-soon-image-container:nth-child(1) {
        grid-row: 2;
        grid-column: 1;
    }
    
    .pwi-coming-soon-image-container:nth-child(2) {
        grid-row: 2;
        grid-column: 2;
    }
    
    .pwi-coming-soon-image-container:nth-child(3) {
        grid-row: 2;
        grid-column: 3;
    }
    
    .pwi-coming-soon-image {
        position: relative; /* Change from absolute to relative */
        top: auto; /* Reset absolute positioning */
        left: auto; /* Reset absolute positioning */
        height: 100%; /* Full container height */
        width: auto; /* Width defined by image aspect ratio */
        object-fit: contain; /* Preserve aspect ratio, no stretching */
        display: block; /* Ensure proper display */
    }
    
    .pwi-hero {
        flex: 0 0 auto; /* Заема 100% ширина */
        min-width: 100%; /* Пълна ширина на екрана */
    }
    
    .pwi-hero-container-2 {
        flex: 0 0 auto; /* Заема 100% ширина */
        min-width: 100%; /* Пълна ширина на екрана */
    }
    
    .pwi-hero-container-3 {
        flex: 0 0 auto; /* Заема 100% ширина */
        min-width: 100%; /* Пълна ширина на екрана */
    }
    
    .pwi-hero-text-left-1.pwi-hero-text-clicked,
    .pwi-hero-text-left-2.pwi-hero-text-clicked,
    .pwi-hero-text-left-3.pwi-hero-text-clicked,
    .pwi-hero-text-left-4.pwi-hero-text-clicked {
        transform: translateX(-100%) scale(1.1) !important; /* Запазваме translateX(-100%) и добавяме scale */
    }
    
    .pwi-hero-text-right-1.pwi-hero-text-clicked,
    .pwi-hero-text-right-2.pwi-hero-text-clicked,
    .pwi-hero-text-right-3.pwi-hero-text-clicked,
    .pwi-hero-text-right-4.pwi-hero-text-clicked {
        transform: translateX(0) scale(1.1) !important; /* Запазваме translateX(0) и добавяме scale */
    }
    
    .pwi-hero-text-left-1,
    .pwi-hero-text-left-2,
    .pwi-hero-text-left-3,
    .pwi-hero-text-left-4 {
        left: calc(50% - 160px - 10vw); /* Лявата страна на снимката минус 10vw разстояние */
        transform: translateX(-100%) scale(0.9); /* Залепване за лявата рамка + начален scale за анимация */
        /* Padding се запазва за правилно позициониране на текста */
        animation: fadeInPlaceholder 0.6s ease-out forwards, scaleInPlaceholderLeft 0.6s ease-out forwards;
    }

    /* Позициониране спрямо височината на 360 снимката (720px) */
    /* ДИНАМИЧНО ПОЗИЦИОНИРАНЕ - top се задава от JavaScript */
    /* Снимката започва отгоре на hero секцията (align-self: flex-start), така че използваме процент от нейната височина */
    .pwi-hero-text-left-1 {
        /* top се задава динамично от JavaScript */
        transform: translateX(-100%) scale(0.9); /* Комбиниране на transform за анимация */
    }
    
    .pwi-hero-text-left-2 {
        /* top се задава динамично от JavaScript */
        transform: translateX(-100%) scale(0.9); /* Комбиниране на transform за анимация */
    }
    
    .pwi-hero-text-left-3 {
        /* top се задава динамично от JavaScript */
        transform: translateX(-100%) scale(0.9); /* Комбиниране на transform за анимация */
    }
    
    .pwi-hero-text-left-4 {
        /* top се задава динамично от JavaScript */
        transform: translateX(-100%) scale(0.9); /* Комбиниране на transform за анимация */
    }

    /* Desktop: Right column - positioning around the bottle */
    .pwi-hero-text-right-1,
    .pwi-hero-text-right-2,
    .pwi-hero-text-right-3,
    .pwi-hero-text-right-4 {
        left: calc(50% + 160px + 10vw); /* Дясната страна на снимката плюс 10vw разстояние */
        /* Padding се запазва за правилно позициониране на текста */
        animation: fadeInPlaceholder 0.6s ease-out forwards, scaleInPlaceholderRight 0.6s ease-out forwards;
    }
    
    .pwi-hero-text-right-1 {
        /* top се задава динамично от JavaScript */
        transform: translateX(0) scale(0.9); /* Комбиниране на transform за анимация */
    }
    
    .pwi-hero-text-right-2 {
        /* top се задава динамично от JavaScript */
        transform: translateX(0) scale(0.9); /* Комбиниране на transform за анимация */
    }
    
    .pwi-hero-text-right-3 {
        /* top се задава динамично от JavaScript */
        transform: translateX(0) scale(0.9); /* Комбиниране на transform за анимация */
    }
    
    .pwi-hero-text-right-4 {
        /* top се задава динамично от JavaScript */
        transform: translateX(0) scale(0.9); /* Комбиниране на transform за анимация */
    }
    
    /* Свързващи линии между placeholder-ите и 360 wrapper-а */
    /* Линиите са псевдо-елементи на placeholder-ите */
    .pwi-hero-text-placeholder::after {
        content: '';
        position: absolute;
        z-index: -1; /* Под placeholder-ите и wrapper-а */
        pointer-events: none;
        background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.76) 60%, rgba(255, 255, 255, 0.68) 70%, rgba(255, 255, 255, 0.56) 75%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0.24) 85%, rgba(255, 255, 255, 0.12) 90%, rgba(255, 255, 255, 0.04) 95%, transparent 100%); /* Плавно изчезване в края - бял с 80% непрозрачност */
        height: 2px; /* Дебелина на линията */
        box-shadow: 0 0 3px rgba(255, 255, 255, 0.24); /* Бял блясък с 80% непрозрачност */
        mask-image: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0.95) 60%, rgba(0, 0, 0, 0.85) 70%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.15) 90%, rgba(0, 0, 0, 0.05) 95%, transparent 100%);
        -webkit-mask-image: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0.95) 60%, rgba(0, 0, 0, 0.85) 70%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.15) 90%, rgba(0, 0, 0, 0.05) 95%, transparent 100%);
    }
    
    /* Лява колона: линиите започват от дясната страна на placeholder-а и отиват до лявата страна на wrapper-а */
    /* Placeholder-ът е на left: calc(50% - 160px - 10vw) с transform: translateX(-100%), така че дясната му страна е на calc(50% - 160px - 10vw) */
    /* Wrapper-ът е центриран на 50%, лявата му страна е на 50% - 160px */
    /* Разстоянието между дясната страна на placeholder-а и лявата страна на wrapper-а е 10vw */
    .pwi-hero-text-left-1::after,
    .pwi-hero-text-left-2::after,
    .pwi-hero-text-left-3::after,
    .pwi-hero-text-left-4::after {
        left: 100%; /* Започва от дясната страна на placeholder-а */
        top: 50%; /* Вертикално центриране */
        width: 10vw; /* Ширина до wrapper-а */
        transform-origin: left center; /* Точка на въртене: лявата страна на линията */
    }
    
    /* Горния ред (left-1): линията сочи към центъра на снимката */
    .pwi-hero-text-left-1::after {
        width: 100px; /* Фиксирана дължина 100px */
        transform: translateY(-50%) rotate(25deg); /* Наклон надолу надясно към центъра */
    }
    
    /* Средния ред (left-2): линията сочи към центъра на снимката */
    .pwi-hero-text-left-2::after {
        width: 100px; /* Фиксирана дължина 100px */
        transform: translateY(-50%) rotate(0deg); /* Хоризонтална линия към центъра */
    }
    
    /* Долния ред (left-3): линията сочи към центъра на снимката */
    .pwi-hero-text-left-3::after {
        width: 100px; /* Фиксирана дължина 100px */
        transform: translateY(-50%) rotate(-25deg); /* Наклон нагоре надясно към центъра */
    }
    
    /* Четвъртия ред (left-4): линията сочи към центъра на снимката */
    .pwi-hero-text-left-4::after {
        width: 100px; /* Фиксирана дължина 100px */
        transform: translateY(-50%) rotate(-35deg); /* Наклон нагоре надясно към центъра */
    }
    
    /* Дясна колона: линиите започват от лявата страна на placeholder-а и отиват до дясната страна на wrapper-а */
    /* Placeholder-ът е на left: calc(50% + 160px + 10vw), така че лявата му страна е на calc(50% + 160px + 10vw) */
    /* Wrapper-ът е центриран на 50%, дясната му страна е на 50% + 160px */
    /* Разстоянието между лявата страна на placeholder-а и дясната страна на wrapper-а е 10vw */
    .pwi-hero-text-right-1::after,
    .pwi-hero-text-right-2::after,
    .pwi-hero-text-right-3::after,
    .pwi-hero-text-right-4::after {
        right: 100%; /* Започва от лявата страна на placeholder-а */
        top: 50%; /* Вертикално центриране */
        width: 10vw; /* Ширина до wrapper-а */
        transform-origin: right center; /* Точка на въртене: дясната страна на линията */
        background: linear-gradient(to left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.76) 60%, rgba(255, 255, 255, 0.68) 70%, rgba(255, 255, 255, 0.56) 75%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0.24) 85%, rgba(255, 255, 255, 0.12) 90%, rgba(255, 255, 255, 0.04) 95%, transparent 100%); /* Плавно изчезване в края (наляво) - бял с 80% непрозрачност */
        box-shadow: 0 0 3px rgba(255, 255, 255, 0.24); /* Бял блясък с 80% непрозрачност */
        mask-image: linear-gradient(to left, black 0%, black 50%, rgba(0, 0, 0, 0.95) 60%, rgba(0, 0, 0, 0.85) 70%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.15) 90%, rgba(0, 0, 0, 0.05) 95%, transparent 100%);
        -webkit-mask-image: linear-gradient(to left, black 0%, black 50%, rgba(0, 0, 0, 0.95) 60%, rgba(0, 0, 0, 0.85) 70%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.15) 90%, rgba(0, 0, 0, 0.05) 95%, transparent 100%);
    }
    
    /* Горния ред (right-1): линията сочи към центъра на снимката, но стига само до границата на wrapper-а */
    /* Placeholder-ът е на 25% от височината (180px), центърът на снимката е на 50% (360px) */
    /* Линията стига до дясната страна на wrapper-а (10vw хоризонтално разстояние) */
    /* При наклон от -25deg, дължината на линията трябва да е 10vw / cos(25deg) ≈ 11.03vw */
    .pwi-hero-text-right-1::after {
        width: 100px; /* Фиксирана дължина 100px */
        transform: translateY(-50%) rotate(-25deg); /* Наклон надолу наляво към центъра */
    }
    
    /* Средния ред (right-2): линията сочи към центъра на снимката */
    .pwi-hero-text-right-2::after {
        width: 100px; /* Фиксирана дължина 100px */
        transform: translateY(-50%) rotate(0deg); /* Хоризонтална линия към центъра */
    }
    
    /* Долния ред (right-3): линията сочи към центъра на снимката */
    .pwi-hero-text-right-3::after {
        width: 100px; /* Фиксирана дължина 100px */
        transform: translateY(-50%) rotate(25deg); /* Наклон нагоре наляво към центъра */
    }
    
    /* Четвъртия ред (right-4): линията сочи към центъра на снимката */
    .pwi-hero-text-right-4::after {
        width: 100px; /* Фиксирана дължина 100px */
        transform: translateY(-50%) rotate(35deg); /* Наклон нагоре наляво към центъра */
    }
    
    .pwi-footer-content {
        display: flex;
        flex-direction: row; /* Хоризонтално подреждане за desktop */
        align-items: flex-start; /* Колоните започват отгоре, без разтягане */
        justify-content: flex-start; /* Колоните са подравнени вляво */
        gap: 30px; /* Базово отстояние от 30px между колоните по широчина */
        position: relative;
        z-index: 1;
        padding: 40px 0; /* Отстояние отгоре и отдолу от границите на футъра */
        padding-left: var(--pwi-container-margin-horizontal-desktop) !important; /* Desktop: отстояние отляво 100px */
        padding-right: var(--pwi-container-margin-horizontal-desktop) !important; /* Desktop: отстояние отдясно 100px */
        margin: 0; /* Премахнато всичко margin */
    }
    
    /* Уеднаквени правила за всички три колони */
    .pwi-footer-social,
    .pwi-footer-column {
        width: auto; /* Широчината се адаптира според съдържанието */
        text-align: left; /* Всичко в колоната е подравнено вляво */
        padding-bottom: 0; /* Премахва излишно разстояние отдолу */
        position: relative; /* Премахва absolute позициониране */
        left: auto;
        top: auto;
        margin: 0; /* Премахва различните margin стойности */
        display: flex;
        flex-direction: column; /* Заглавие и съдържание вертикално */
        align-items: flex-start; /* Заглавието и съдържанието са подравнени вляво */
    }
    
    .pwi-footer-links {
        padding-bottom: 0; /* Премахва излишно разстояние отдолу */
        margin-bottom: 0;
    }
    
    .pwi-footer-copyright {
        padding-left: 0; /* Премахнато за да може текстът да се центрира правилно */
        text-align: center; /* Центриран текст хоризонтално */
    }
    
    .pwi-footer-logo {
        padding-left: var(--pwi-container-margin-horizontal-desktop) !important; /* Desktop: отстояние отляво 100px */
    }
    
    .pwi-order-modal-close {
        position: absolute;
        top: 19px;
        right: 28.5px;
    }
    
    /* Values Section - Desktop (1024px+): 3 колони на един ред */
    .pwi-values-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .pwi-values-quote {
        font-size: 36px !important; /* Desktop: 1024px+ */
        margin: 40px 0 0 0; /* Намалено отстояние отдолу на Desktop */
    }
    
    /* Намаляване на padding и margin-bottom на секцията за Desktop */
    .pwi-section-values {
        padding: 10px 0 !important; /* Desktop: 1024px+ - намален padding отгоре и отдолу */
        margin: 0 var(--pwi-section-margin-horizontal-desktop) 20px var(--pwi-section-margin-horizontal-desktop) !important; /* Desktop: 1024px+ - хоризонтални отстояния 60px, намален margin-bottom */
        min-height: 0 !important; /* Премахва min-height: 50vh от .pwi-section за да няма излишно пространство */
    }
    
    /* Desktop правило за .pwi-section-cta */
    .pwi-section-cta {
        margin: 0 var(--pwi-container-margin-horizontal-desktop) 0 var(--pwi-container-margin-horizontal-desktop) !important; /* Desktop: 1024px+ - хоризонтални отстояния 100px */
    }
    
    .pwi-section-cta .pwi-container {
        padding: 0 var(--pwi-container-padding-horizontal-desktop) !important; /* Desktop: 1024px+ */
    }
    
    /* Typography overrides - Desktop */
    .pwi-main-title {
        font-size: 28px; /* Desktop (1024px+) */
    }
    
    .pwi-main-title-subtitle {
        font-size: 0.65em; /* Desktop (1024px+) */
    }
    
    /* Консолидирано правило за margin-top на секционните заглавия - Desktop: 1024px+ */
    .pwi-main-title.pwi-main-title-limited,
    .pwi-main-title.pwi-main-title-our-water,
    .pwi-main-title.pwi-main-title-design,
    .pwi-main-title.pwi-main-title-history,
    .pwi-main-title.pwi-main-title-coming-soon,
    .pwi-main-title.pwi-main-title-values {
        margin-top: 80px !important; /* Desktop: 1024px+ */
        font-family: 'Inter', system-ui, Arial, sans-serif !important;
        font-weight: 500 !important;
        letter-spacing: 0.10em !important;
    }
    
    /* Margin-bottom правила за заглавия, които го изискват - Desktop: 1024px+ */
    .pwi-main-title.pwi-main-title-our-water,
    .pwi-main-title.pwi-main-title-design,
    .pwi-main-title.pwi-main-title-history,
    .pwi-main-title.pwi-main-title-coming-soon,
    .pwi-main-title.pwi-main-title-values {
        margin-bottom: 10px !important; /* Desktop: 1024px+ */
    }
    
    /* Уеднаквени стилове за заглавията на колоните - Desktop версия */
    .pwi-footer-social-text,
    .pwi-footer-title {
        font-family: 'Montserrat', 'Poppins', 'Arial Black', sans-serif;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--pwi-text-white);
        margin: 0 0 20px 0;
        padding: 0;
        line-height: 1;
        display: block;
        text-align: left; /* Заглавията са подравнени вляво */
        width: 100%; /* Заема пълната ширина на колоната */
    }
    
}

.pwi-hero {
    position: relative;
    background: url('assets/images/Hero_background.avif') center center / cover no-repeat;
    background-color: transparent; /* Премахваме черния fallback цвят */
    padding: 0 0 60px 0; /* Padding само отдолу */
    margin: 0; /* Премахваме margin, защото wrapper-ът го управлява */
    background-position: center center; /* Фонът е центриран хоризонтално и вертикално */
    min-height: 600px; /* Минимална височина за 360 viewer */
    display: flex;
    border-radius: 18px; /* Заоблени ръбове */
    overflow: hidden; /* За да се вижда border-radius правилно с фоновете */
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 100%;
}

/* Container 2 */
.pwi-hero-container-2 {
    position: relative;
    background: var(--pwi-light-bg);
    padding: 0 0 60px 0; /* Същия padding като hero секцията */
    margin: 0;
    min-height: 600px; /* Същата височина като hero секцията */
    display: flex;
    border-radius: 18px;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 100%;
}

.pwi-container-2-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 18px;
}

/* Container 3 */
.pwi-hero-container-3 {
    position: relative;
    background: var(--pwi-light-bg);
    padding: 0 0 60px 0; /* Същия padding като hero секцията */
    margin: 0;
    min-height: 600px; /* Същата височина като hero секцията */
    display: flex;
    border-radius: 18px;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 100%;
}

.pwi-container-3-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 18px;
}

/* Limited Edition Immune Container */
.pwi-limited-edition-container {
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

.pwi-limited-edition-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 18px;
}

/* Картичка в контейнера Limited Edition */
/* Limited Edition Card */
.pwi-limited-edition-card {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--pwi-white);
    border: 1px solid var(--pwi-light-gray);
    border-radius: 30px;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    min-width: 120px;
    height: 41px !important;
    border-radius: 20.5px;
    line-height: normal !important;
    z-index: 10;
}

.pwi-limited-edition-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.5s ease;
}

.pwi-limited-edition-card:hover::before {
    left: 100%;
}

.pwi-limited-edition-card:hover {
    background: var(--pwi-white-soft);
    border-color: var(--pwi-light-gray);
    transform: translateX(-50%) translateY(-5px);
    box-shadow: 0 10px 30px var(--pwi-white-glow);
}

.pwi-hero-buttons-wrapper .pwi-limited-edition-card:hover {
    transform: translateY(-5px);
}

.pwi-hero-buttons-wrapper #moreBtn:hover {
    transform: translateY(-5px); /* Движение нагоре при hover */
}

.pwi-limited-edition-arrow {
    font-size: 32px !important;
    color: var(--pwi-black) !important;
    transition: transform 0.3s ease;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.pwi-limited-edition-card:hover .pwi-limited-edition-arrow {
    transform: translateX(10px);
}

/* White border and arrow for ourWaterCard */
#ourWaterCard {
    border-color: white !important;
    background: rgba(128, 128, 128, 0.35) !important;
}

#ourWaterCard .pwi-limited-edition-arrow {
    color: white !important;
}

#ourWaterCard:hover {
    border-color: white !important;
    background: rgba(128, 128, 128, 0.35) !important;
}

#ourWaterCard:hover .pwi-limited-edition-arrow {
    color: white !important;
}

/* Gold theme for limitedEditionCard and historyCard */
#limitedEditionCard,
#historyCard {
    background: rgba(201, 162, 78, 0.30) !important;
    border: 2px solid var(--pwi-gold) !important;
}

#limitedEditionCard::before,
#historyCard::before {
    background: linear-gradient(90deg, transparent, rgba(201, 162, 78, 0.2), transparent) !important;
}

#limitedEditionCard:hover,
#historyCard:hover {
    background: rgba(201, 162, 78, 0.40) !important;
    border-color: var(--pwi-gold) !important;
    box-shadow: 0 10px 30px var(--pwi-gold-glow) !important;
}

#limitedEditionCard .pwi-limited-edition-arrow,
#historyCard .pwi-limited-edition-arrow {
    color: var(--pwi-gold) !important;
}

#limitedEditionCard:hover .pwi-limited-edition-arrow,
#historyCard:hover .pwi-limited-edition-arrow {
    color: var(--pwi-gold) !important;
}

/* Our Water Container */
.pwi-our-water-container {
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    background: none;
}

.pwi-our-water-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 18px;
}

/* Картичка в контейнера Our Water */
.pwi-our-water-card {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(69, 69, 69, 0.5);
    border: 2px solid var(--pwi-text-white);
    border-radius: 30px;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    min-width: 120px; /* Tablet/Desktop: 768px+ */
    height: 41px !important; /* Tablet/Desktop: 768px+ */
    border-radius: 20.5px; /* Tablet/Desktop: 768px+ */
    line-height: 0 !important;
    z-index: 10;
}

.pwi-our-water-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(69, 69, 69, 0.2), transparent);
    transition: left 0.5s ease;
}

.pwi-our-water-card:hover::before {
    left: 100%;
}

.pwi-our-water-card:hover {
    background: rgba(69, 69, 69, 0.6);
    border-color: var(--pwi-text-white);
    transform: translateX(-50%) translateY(-5px);
    box-shadow: 0 10px 30px rgba(69, 69, 69, 0.3);
}

.pwi-our-water-arrow {
    font-size: 32px !important;
    color: var(--pwi-text-white) !important;
    transition: transform 0.3s ease;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    vertical-align: middle !important;
    position: relative;
    top: -4px;
}

.pwi-our-water-card:hover .pwi-our-water-arrow {
    transform: translateX(10px);
}

/* Design Images Wrapper */
.pwi-design-images-wrapper {
    /* Размерите са премахнати - започваме отначало */
}

.pwi-design-image-container {
    /* Размерите са премахнати - започваме отначало */
    border-radius: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.pwi-design-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 0;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.pwi-design-image:hover {
    opacity: 0.9;
}

.pwi-history-content {
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: 60px 40px 40px 40px;
    max-width: 800px;
    margin: 0 auto;
}

.pwi-history-text {
    font-size: 18px;
    line-height: 1.9;
    color: var(--pwi-text-dark);
    max-height: calc(100% - 50px);
    overflow: hidden;
    position: relative;
    padding-bottom: 0;
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.pwi-history-text::first-letter {
    font-size: 72px !important;
    font-family: 'Playfair Display', serif !important;
    float: left !important;
    line-height: 60px !important;
    padding-right: 10px !important;
    margin-right: 5px !important;
    margin-bottom: 0 !important;
    color: var(--pwi-gold) !important;
    font-weight: 700 !important;
}


.pwi-history-card {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(201, 162, 78, 0.15);
    border: 2px solid var(--pwi-gold);
    border-radius: 30px;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    min-width: 140px;
    height: 60px !important;
    line-height: 0 !important;
    z-index: 10;
}

.pwi-history-arrow {
    font-size: 32px !important;
    color: var(--pwi-gold) !important;
    transition: transform 0.3s ease;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    vertical-align: middle !important;
    position: relative;
    top: -4px;
}

.pwi-history-card:hover .pwi-history-arrow {
    transform: translateX(10px);
}

.pwi-story-signature {
    float: right;
    max-width: 200px;
    width: auto;
    height: auto;
    margin: 20px 0 20px 30px;
    display: block;
}

/* History Modal Styles */
.pwi-history-modal-body {
    margin-top: 20px;
}

.pwi-history-modal-text {
    font-size: 18px;
    line-height: 1.9;
    color: var(--pwi-text-dark);
}

.pwi-history-modal-text p {
    margin: 0 0 25px 0;
}

.pwi-history-modal-text p:last-child {
    margin-bottom: 0;
}

.pwi-history-modal-text p:first-of-type::first-letter {
    font-size: 72px;
    font-family: 'Playfair Display', serif;
    float: left;
    line-height: 60px;
    padding-right: 10px;
    color: var(--pwi-gold);
    font-weight: 700;
}

.pwi-history-modal-text .pwi-story-signature {
    float: right;
    max-width: 200px;
    width: auto;
    height: auto;
    margin: 20px 0 20px 30px;
    display: block;
}

/* Златен halo ефект в центъра зад 360 изображението - концентричен */
.pwi-hero::before {
    display: none; /* ИЗКЛЮЧЕН - halo ефектът е спрян */
    content: '';
    position: absolute;
    top: calc(720px / 2); /* Центриран спрямо 360 изображението (720px височина) */
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(720px * 0.4); /* 40% от височината на 360 изображението (720px) */
    height: calc(720px * 0.7); /* 70% от височината на 360 изображението (720px) */
    border-radius: 50%;
    background: radial-gradient(circle at center,
        #fff4a0 0%,
        #ffe080 10%,
        #ffd45c 25%,
        #f0b438 45%,
        #d8931e 60%,
        #a86c14 75%,
        rgba(168, 108, 20, 0.6) 85%,
        rgba(168, 108, 20, 0.4) 90%,
        rgba(168, 108, 20, 0.2) 95%,
        rgba(168, 108, 20, 0.1) 98%,
        transparent 100%);
    filter: blur(20px);
    z-index: 1; /* Под 360 изображението (z-index: 10), но над фона */
    pointer-events: none;
}

/* Златен слой над фона, под всички обекти - с плавно преливане */
.pwi-hero::after {
    display: none; /* ИЗКЛЮЧЕН - полупрозрачният филм е спрян */
    content: '';
    position: absolute;
    top: calc(720px * 0.7); /* Започва на 70% от височината на 360 изображението (720px) */
    left: 0;
    width: 100%; /* Покрива цялата ширина на hero секцията */
    bottom: 0; /* Стига до долната граница на hero секцията */
    background: linear-gradient(to bottom,
        rgba(201, 162, 78, 0) 0%, /* Прозрачно в началото */
        rgba(201, 162, 78, 0.15) 1%, /* По-бързо преливане за по-отчетлив ръб */
        rgba(201, 162, 78, 0.25) 2%,
        rgba(201, 162, 78, 0.3) 3%,
        rgba(201, 162, 78, 0.3) 100% /* 30% непрозрачност до края */
    );
    z-index: 1; /* Над фона, но под всички обекти (360 viewer има z-index: 10) */
    pointer-events: none; /* Не блокира взаимодействието */
}

/* Hero Buttons */
/* Стилове за limited edition card в hero секцията */
.pwi-hero-buttons .pwi-limited-edition-card {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
}

/* Стилове за иконката в limited edition card в hero секцията */
.pwi-hero-buttons .pwi-limited-edition-arrow {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain;
    display: block !important;
    margin: 0 auto !important;
    align-self: center !important;
    filter: brightness(0) saturate(100%);
}

#orderBtn .pwi-limited-edition-arrow {
    display: inline-block !important;
    margin: 0 !important;
    flex-shrink: 0;
    width: 18px !important;
    height: 18px !important;
}

.pwi-hero-buttons .pwi-limited-edition-card:hover .pwi-limited-edition-arrow {
    transform: none !important;
}

.pwi-hero-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-top: 40px;
    margin-bottom: 20px;
    z-index: 10;
    position: relative;
}

.pwi-hero-buttons-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; /* Хоризонтално центриране на всички елементи */
    justify-content: center; /* Вертикално центриране */
    gap: 18px;
    position: relative;
    width: 100%;
    min-height: 41px; /* Минимална височина за основния бутон */
}

/* Центриране на основния бутон */
#orderBtn {
    /* Центриран чрез justify-content: center */
    position: relative !important; /* За да участва в flex layout-а */
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
}

/* Позициониране на допълнителния бутон под основния */
#moreBtn {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 auto; /* Центриране */
    height: 26.65px; /* 65% от 41px (orderBtn height) */
    z-index: 11 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.pwi-hero-buttons .pwi-btn-primary,
.pwi-hero-buttons .pwi-btn-secondary {
    padding: 10px 24px;
    font-size: 14px;
    border-width: 3px;
    min-width: 140px;
    max-width: 140px;
    width: 140px;
}

/* Нов бутон More - 1/3 по-малък */
.pwi-more-button {
    width: 78px !important; /* 65% от 120px (orderBtn width) */
    min-width: 78px !important;
    max-width: 78px !important;
    height: 26.65px !important; /* 65% от 41px (orderBtn height) */
    font-size: 0.67em !important;
    border: 1px solid var(--pwi-light-gray) !important; /* Тънка светло сива рамка */
    background: rgba(255, 255, 255, 0.3) !important; /* Бял фон с 30% прозрачност */
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 10 !important;
}

.pwi-more-button-text {
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #62554C;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}


.pwi-btn {
    display: inline-block;
    padding: 16px 48px;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    min-width: 200px;
    max-width: 200px;
    width: 200px;
    box-sizing: border-box;
}

.pwi-btn-primary {
    background: linear-gradient(135deg, #C9A961 0%, #B8954F 100%);
    color: #2F2F2F; /* Антрацитен цвят */
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 15px rgba(201, 169, 97, 0.4);
    border: 2px solid #2F2F2F; /* Антрацитен цвят */
    font-weight: 700;
}

.pwi-btn-primary:hover {
    background: linear-gradient(135deg, #B8954F 0%, #A6823D 100%);
    box-shadow: 0 6px 20px rgba(201, 169, 97, 0.6);
    transform: translateY(-2px);
}

.pwi-btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(201, 169, 97, 0.4);
}

.pwi-btn-secondary {
    background: rgba(201, 169, 97, 0.1) !important; /* Златен фон с 90% прозрачност (10% видимост) */
    color: #2F2F2F; /* Антрацитен цвят */
    border: 2px solid #2F2F2F; /* Антрацитен цвят */
    box-shadow: 0 2px 8px rgba(201, 169, 97, 0.2);
}

.pwi-btn-secondary:hover {
    background: rgba(201, 169, 97, 0.2) !important; /* По-ярък при hover */
    box-shadow: 0 4px 12px rgba(201, 169, 97, 0.3);
    transform: translateY(-2px);
}

.pwi-btn-secondary:active {
    background: rgba(201, 169, 97, 0.1) !important; /* Запазваме 90% прозрачност при кликване */
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(201, 169, 97, 0.2);
}

/* Text placeholders around the bottle */
/* 
 * ВАЖНО: За да покажете картичките отново, коментирайте реда по-долу с "display: none !important;"
 * и разкоментирайте реда с "display: flex;" (ред 456)
 */
.pwi-hero-text-placeholder {
    display: none !important; /* КАРТИЧКИТЕ СА СКРИТИ - коментирайте този ред за да ги покажете */
    position: absolute;
    color: inherit; /* Наследява цвета от родителя */
    font-family: 'Inter', sans-serif;
    z-index: 5;
    padding: 20px; /* Намален padding за да работи flexbox центрирането */
    border: 1px solid rgba(255, 255, 255, 0.8); /* Бяла рамка с 80% непрозрачност */
    border-radius: 8px; /* Същия border-radius като минералните карти */
    background: rgba(201, 162, 78, 0.5); /* Златен фон с 50% непрозрачност */
    /* display: flex; */ /* Разкоментирайте този ред и коментирайте горния "display: none !important;" за да покажете картичките */
    flex-direction: column; /* Вертикално подреждане на елементите */
    justify-content: center; /* Вертикално центриране */
    align-items: center; /* Хоризонтално центриране */
    box-sizing: border-box;
    text-align: center; /* Центрирано подравняване като минералните карти */
    opacity: 0; /* Начално скрити за анимация */
    visibility: hidden; /* Скрити до изчисляване на позициите */
    animation: fadeInPlaceholder 0.6s ease-out forwards; /* Анимация за появяване - едновременно */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition за hover ефект */
    width: 200px; /* Фиксирана широчина за десктоп */
}

/* Дясната колона картички - 65% непрозрачност на фона */
.pwi-hero-text-right-1,
.pwi-hero-text-right-2,
.pwi-hero-text-right-3,
.pwi-hero-text-right-4 {
    background: rgba(201, 162, 78, 0.65); /* Златен фон с 65% непрозрачност */
}

.pwi-hero-text-placeholder:hover {
    transform: translateY(-5px); /* Същия hover ефект като минералните карти */
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.24); /* Бяла сянка с 80% непрозрачност */
}

/* Визуален фийдбек при кликване */
.pwi-hero-text-placeholder.pwi-hero-text-clicked {
    transform: scale(1.1) translateY(-5px) !important;
    background: rgba(201, 162, 78, 0.3) !important; /* По-ярък фон */
    border-color: rgba(255, 255, 255, 0.8) !important; /* Бяла рамка с 80% непрозрачност */
    border-width: 2px !important;
    box-shadow: 0 15px 40px rgba(201, 162, 78, 0.5) !important; /* По-силна сянка */
    transition: all 0.3s ease !important;
    z-index: 15 !important; /* По-висок z-index за да е над другите елементи */
}

/* Запазваме оригиналния transform за лявата и дясната колона при кликване */

/* За мобилна версия - запазваме позицията но добавяме визуален фийдбек */


.pwi-hero-text-placeholder p {
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 20px 0;
    color: inherit;
}

.pwi-hero-text-placeholder h2,
.pwi-hero-text-placeholder h3 {
    font-size: 48px;
    margin: 0 0 30px 0;
    color: inherit;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    line-height: 1.2;
}

/* По-малки размери за мобилна версия */

/* Анимация за появяване на placeholder-ите */
@keyframes fadeInPlaceholder {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Анимации за scale за лявата колона (с translateX(-100%)) */
@keyframes scaleInPlaceholderLeft {
    from {
        transform: translateX(-100%) scale(0.9);
    }
    to {
        transform: translateX(-100%) scale(1);
    }
}

/* Анимации за scale за дясната колона (с translateX(0)) */
@keyframes scaleInPlaceholderRight {
    from {
        transform: translateX(0) scale(0.9);
    }
    to {
        transform: translateX(0) scale(1);
    }
}

/* Стил на текста в placeholder-ите - като минералните карти */
.pwi-hero-text-placeholder span {
    display: block; /* Блоково показване */
    text-align: center; /* Центрирано подравняване като минералните карти */
    font-family: 'Inter', sans-serif; /* Същия шрифт като минералните карти */
    font-size: 24px; /* Намален с 50% от 48px */
    font-weight: 700; /* Същото тегло като .pwi-mineral-icon */
    color: rgba(255, 255, 255, 0.8); /* Бял цвят с 80% непрозрачност */
    line-height: 1.2;
    text-shadow: 
        -1px -1px 0 rgba(201, 162, 78, 0.8),
        1px -1px 0 rgba(201, 162, 78, 0.8),
        -1px 1px 0 rgba(201, 162, 78, 0.8),
        1px 1px 0 rgba(201, 162, 78, 0.8),
        0 -1px 0 rgba(201, 162, 78, 0.8),
        0 1px 0 rgba(201, 162, 78, 0.8),
        -1px 0 0 rgba(201, 162, 78, 0.8),
        1px 0 0 rgba(201, 162, 78, 0.8); /* Наситена златна рамка около буквите */
}

/* По-малък текст под основния текст в placeholder-ите */
.pwi-hero-text-placeholder .pwi-hero-text-subtitle {
    font-size: 14px; /* По-малък размер от основния текст */
    font-weight: 400; /* По-лек font-weight */
    color: rgba(255, 255, 255, 0.8); /* Бял цвят с 80% непрозрачност */
    margin-top: 4px; /* Малко разстояние от основния текст */
    line-height: 1.3;
    text-shadow: 
        -0.5px -0.5px 0 rgba(201, 162, 78, 0.8),
        0.5px -0.5px 0 rgba(201, 162, 78, 0.8),
        -0.5px 0.5px 0 rgba(201, 162, 78, 0.8),
        0.5px 0.5px 0 rgba(201, 162, 78, 0.8),
        0 -0.5px 0 rgba(201, 162, 78, 0.8),
        0 0.5px 0 rgba(201, 162, 78, 0.8),
        -0.5px 0 0 rgba(201, 162, 78, 0.8),
        0.5px 0 0 rgba(201, 162, 78, 0.8); /* Наситена златна рамка около буквите */
}


.pwi-hero-text-placeholder br {
    display: block;
    width: 100%;
    height: 0.5em;
}

/* Desktop: Left column - positioning around the bottle */
/* Breakpoint: 900px - достатъчно място за надписите отляво и отдясно */

/* When screen is not wide enough - stack below the bottle */

.pwi-hero-360-wrapper {
    position: relative;
    width: 320px; /* Фиксирана видима ширина - изрязваме страничните части */
    height: 720px; /* Фиксирана височина - същата като оригиналната (600px * 1.2 = 720px) */
    margin: 0 auto; /* Центриране хоризонтално, без горен margin */
    align-self: flex-start; /* Подравняване отгоре в flex контейнера */
    overflow: hidden; /* Ограничаваме видимата част до 320px ширина */
    z-index: 10; /* По-висок от линиите (z-index: 0) и placeholder-ите (z-index: 5) */
}

/* Балончета вляво от 360 бутилката */
.pwi-hero-balloons {
    position: absolute;
    left: calc(50% - 280px); /* Позициониране вляво от центъра, достатъчно далеч от 360 viewer-а (viewer е 320px, центриран, така че лявата му страна е на calc(50% - 160px), балончетата трябва да завършват поне 20px преди това) */
    top: 0;
    z-index: 15;
    display: none; /* Скрити балончетата */
    flex-direction: column;
    gap: 80px;
    align-items: center;
    height: 720px; /* Същата височина като 360 viewer-а */
    justify-content: center;
    min-width: 140px; /* Минимална ширина за балончетата */
}

.pwi-hero-balloon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.pwi-hero-balloon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.pwi-hero-balloon-text {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: white;
    text-align: center;
    line-height: 1.3;
    max-width: 120px;
    white-space: normal;
}

/* Позициониране на балончетата спрямо центъра на 360 изображението */
.pwi-hero-balloon-1 {
    margin-top: -120px; /* 120px над центъра */
}

.pwi-hero-balloon-2 {
    /* Средното е на центъра - без offset */
}

.pwi-hero-balloon-3 {
    margin-top: 120px; /* 120px под центъра */
}

/* Rotate hint иконка */
.pwi-rotate-hint {
    position: absolute;
    top: 15px; /* Позициониране в празното място над снимката */
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    opacity: 1;
    pointer-events: none;
    display: block !important;
    visibility: visible !important;
}

.pwi-rotate-hint-icon {
    width: 40px;
    height: 40px;
    filter: brightness(0) invert(1); /* Бяла иконка */
    opacity: 0.8;
    display: block;
}

@keyframes rotateHintAnimation {
    0% {
        transform: rotate(0deg);
        opacity: 0.8;
    }
    25% {
        transform: rotate(-90deg);
        opacity: 1;
    }
    50% {
        transform: rotate(-180deg);
        opacity: 0.8;
    }
    75% {
        transform: rotate(-270deg);
        opacity: 1;
    }
    100% {
        transform: rotate(-360deg);
        opacity: 0.8;
    }
}

.pwi-hero-360-viewer {
    width: 100%;
    height: 100%;
    display: block;
}

.pwi-hero-360-viewer.Sirv,
.pwi-hero-360-viewer .Sirv,
.pwi-hero-360-viewer iframe,
.pwi-hero-360-viewer > div[class*="Sirv"],
.pwi-hero-360-viewer > div[data-src] {
    width: 600px !important; /* Фиксиран размер на снимката - същият като преди */
    height: 720px !important; /* Фиксирана височина - същата като преди */
    display: block !important;
    transform: translateX(calc((320px - 600px) / 2)); /* Центриране: (320px - 600px) / 2 = -140px */
    transform-origin: center center;
}

/* Текст под 360 снимката */
.pwi-hero-360-text {
    font-family: 'Inter', sans-serif;
    font-size: 25.2px; /* 0.7em от 36px (размерът на .pwi-main-title) */
    font-weight: 400;
    color: white;
    text-align: center;
    margin-top: 20px;
    line-height: 1.4;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pwi-hero-360-text-line1 {
    display: block;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #62554C;
    font-size: 0.6em;
}

.pwi-hero-360-text-line2 {
    display: block;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #62554C;
    font-size: 0.7em;
}

.pwi-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    row-gap: 0;
}


/* Hero Text */
.pwi-hero-text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 1400px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 20px;
    padding-bottom: 0 !important;
    gap: 0;
    row-gap: 0;
    animation: fadeInDown 1s ease-out;
}

.pwi-hero-title {
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    font-weight: 400;
    color: var(--pwi-gold);
    margin: 0;
    margin-bottom: 0;
    padding: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-style: normal;
    line-height: 1;
}

.pwi-hero-text-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    gap: 0;
    row-gap: 0;
    padding: 0;
}

.pwi-hero-subtitle {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    color: var(--pwi-gold);
    font-weight: 400;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    letter-spacing: 0.5px;
    font-style: normal;
    line-height: 1;
}

.pwi-hero-personal {
    font-family: 'Caveat', cursive;
    font-size: 20px;
    color: var(--pwi-gold);
    font-weight: 500;
    font-style: normal;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    letter-spacing: 1px;
    line-height: 1;
}

/* Hero Bottle Wrapper */
.pwi-hero-bottle-wrapper {
    position: relative;
    width: 100%;
    max-width: 800px;
    min-height: auto; /* Не форсирай минимална височина - нека съдържанието определя височината */
    display: flex;
    align-items: flex-start; /* Подравняване отгоре вместо център */
    justify-content: center;
    margin: 0 auto 40px auto !important; /* Премахваме горния margin */
    margin-top: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    overflow: visible; /* Позволява на балончетата и другите елементи да излизат извън */
}


/* Златен Halo - правоъгълник със заоблени ъгли */
.pwi-hero-halo {
    position: absolute !important;
    width: 37%;
    height: 112%;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) perspective(1000px) translateZ(2px) !important;
    border-radius: 30px;
    background: transparent; /* Премахваме фона - ще го добавим в ::before */
    border: 6px solid var(--pwi-gold);
    box-shadow: 
        0 8px 16px rgba(0, 0, 0, 0.4),
        0 4px 8px rgba(0, 0, 0, 0.3),
        0 0 30px var(--pwi-gold-glow),
        0 0 50px rgba(201, 162, 78, 0.5);
    z-index: 2; /* Рамката е най-отгоре */
    overflow: hidden;
    pointer-events: none; /* Не блокира взаимодействието със снимката */
}

/* Фонът на правоъгълника - най-отдолу, под снимката */
.pwi-hero-halo::after {
    display: block !important; /* Показваме фона */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2F2F2F; /* Антрацитен фон */
    border-radius: 30px;
    box-shadow: 
        inset 0 2px 4px rgba(255, 255, 255, 0.08),
        inset 0 1px 2px rgba(255, 255, 255, 0.06),
        inset 0 -2px 4px rgba(0, 0, 0, 0.3),
        inset 0 -1px 2px rgba(0, 0, 0, 0.25);
    z-index: -1; /* Фонът е най-отдолу */
    pointer-events: none;
}

.pwi-hero-halo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(255, 255, 255, 0.08) 0%, 
        rgba(255, 255, 255, 0.04) 20%,
        transparent 40%,
        transparent 60%,
        rgba(0, 0, 0, 0.08) 80%,
        rgba(0, 0, 0, 0.15) 100%);
    border-radius: 30px;
    pointer-events: none;
    z-index: 1; /* Над снимката (z-index: 0), но под рамката (halo z-index: 2) */
    opacity: 0.5; /* Намаляваме непрозрачността за да се вижда снимката */
}


/* Супер ярък златен блясък зад бутилката */
.pwi-hero-bottle::before {
    display: none !important; /* Премахваме блясъка */
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 70%;
    background: radial-gradient(ellipse at center, 
        rgba(255, 215, 0, 1) 0%, 
        rgba(255, 223, 0, 1) 3%,
        rgba(255, 215, 0, 1) 6%,
        rgba(255, 223, 0, 0.98) 10%,
        rgba(255, 215, 0, 0.95) 15%,
        rgba(255, 223, 0, 0.9) 20%,
        rgba(233, 196, 106, 0.85) 30%, 
        rgba(233, 196, 106, 0.7) 45%, 
        rgba(201, 162, 78, 0.5) 65%, 
        rgba(201, 162, 78, 0.3) 85%, 
        rgba(201, 162, 78, 0) 100%);
    z-index: -1;
    pointer-events: none;
    filter: blur(12px);
    opacity: 1;
    box-shadow: 
        0 0 150px rgba(255, 215, 0, 1),
        0 0 200px rgba(255, 223, 0, 0.9),
        0 0 250px rgba(255, 215, 0, 0.7),
        0 0 300px rgba(233, 196, 106, 0.5);
}

@keyframes haloGlow {
    0%, 100% { 
        opacity: 0.6;
        transform: scale(1);
    }
    50% { 
        opacity: 0.8;
        transform: scale(1.05);
    }
}

@keyframes glowPulse {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
}

@keyframes gradientShift {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

/* Златен glow halo ефект зад бутилката - реален halo с избухваща светлина */
.pwi-hero-halo-glow {
    display: none !important; /* Скриваме glow ефекта */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 37%;
    height: 112%;
    background: radial-gradient(
        circle,
        rgba(233, 196, 106, 1) 0%,
        rgba(233, 196, 106, 0.95) 8%,
        rgba(201, 162, 78, 0.85) 15%,
        rgba(201, 162, 78, 0.6) 35%,
        rgba(201, 162, 78, 0.3) 55%,
        rgba(201, 162, 78, 0) 85%
    );
    filter: blur(35px);
    opacity: 1;
    z-index: 1;
    pointer-events: none;
    border-radius: 30px;
    overflow: hidden;
    clip-path: inset(0 round 30px);
}

/* Sirv 360 Viewer */
.pwi-hero-bottle {
    position: relative;
    z-index: 2; /* Над линиите (z-index: 1) */
    width: 100%;
    height: auto;
    max-width: none; /* Премахваме ограничението за да покажем пълния размер */
    max-height: none; /* Премахваме ограничението за да покажем пълния размер */
    object-fit: contain;
    display: block;
}

/* Sirv viewer iframe и контейнер - ограничаваме само Sirv viewer-а да не излиза извън */
.pwi-hero-bottle.Sirv,
.pwi-hero-bottle .Sirv,
.pwi-hero-bottle iframe,
.pwi-hero-bottle > div[class*="Sirv"],
.pwi-hero-bottle > div[data-src] {
    max-width: none !important; /* Премахваме ограничението на ширината */
    max-height: none !important; /* Премахваме ограничението на височината */
    width: 100% !important; /* Връщаме на оригиналния размер */
    height: auto !important;
    object-fit: contain;
    overflow: hidden;
    display: block;
    position: relative !important;
    z-index: 3 !important; /* Над линиите (z-index: 1) */
    /* Подобряване на качеството */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Намаляваме с 20% чрез transform */
    transform: scale(0.8) !important;
    transform-origin: top center; /* Трансформацията започва отгоре - доближава изображението */
    /* Показваме само 30% от средата - скриваме вляво и в дясно */
    clip-path: inset(0 35% 0 35%); /* Скриваме 35% отляво и 35% отдясно, оставяме 30% в средата */
    -webkit-clip-path: inset(0 35% 0 35%); /* Safari поддръжка */
    /* Центриране на увеличената снимка */
    margin: 0 auto !important;
    margin-top: 0 !important;
}

/* Балончета */
.pwi-bubble {
    position: absolute;
    z-index: 3;
    opacity: 0;
    transform: scale(0);
    pointer-events: none; /* Не блокират скролването и кликванията */
    /* Transition ще бъде зададен динамично от JavaScript */
}

/* Средните кръгчета изискват translateY(-50%) за центриране */
.pwi-bubble-2,
.pwi-bubble-5 {
    transform: translateY(-50%) scale(0);
}

/* Балончета разположени по формата на елипсата - следват кривата */
.pwi-bubble-1 { top: 5%; left: -7%; } /* Двойно по-близо (от -14% на -7%) */
.pwi-bubble-2 { top: 50%; left: -8%; } /* Двойно по-близо (от -16% на -8%) */
.pwi-bubble-3 { top: 80%; left: -7%; } /* Двойно по-близо (от -14% на -7%) */
.pwi-bubble-4 { top: 5%; right: -7%; } /* Двойно по-близо (от -14% на -7%) */
.pwi-bubble-5 { top: 50%; right: -8%; } /* Двойно по-близо (от -16% на -8%) */
.pwi-bubble-6 { top: 80%; right: -7%; } /* Двойно по-близо (от -14% на -7%) */

/* Клас за показване на кръгчето */
.pwi-bubble.show {
    opacity: 1;
    transform: scale(1.5); /* Увеличено с 50% (от 1 на 1.5) */
}

.pwi-bubble-2.show,
.pwi-bubble-5.show {
    opacity: 1;
    transform: translateY(-50%) scale(1.5); /* Увеличено с 50% (от 1 на 1.5) */
}

@keyframes bubbleFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Специална анимация за средните балончета, които трябва да останат центрирани */
@keyframes bubbleFadeInCentered {
    from {
        opacity: 0;
        transform: translateY(calc(20px - 50%)) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(-50%) scale(1);
    }
}

/* Специална анимация за долните балончета, които използват bottom позиция */
@keyframes bubbleFadeInBottom {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.pwi-bubble-content {
    background: linear-gradient(135deg, #4D4D4D 0%, #3F3F3F 30%, #353535 70%, #2F2F2F 100%);
    border: 4px solid var(--pwi-gold);
    border-radius: 50%;
    padding: 20px;
    box-shadow: 
        0 6px 12px rgba(0, 0, 0, 0.4),
        0 3px 6px rgba(0, 0, 0, 0.3),
        inset 0 2px 4px rgba(255, 255, 255, 0.08),
        inset 0 1px 2px rgba(255, 255, 255, 0.06),
        inset 0 -2px 4px rgba(0, 0, 0, 0.3),
        inset 0 -1px 2px rgba(0, 0, 0, 0.25),
        0 0 20px var(--pwi-gold-glow);
    position: relative;
    width: 195px; /* Увеличено с 50% (от 130px на 195px) */
    height: 195px; /* Увеличено с 50% (от 130px на 195px) */
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: perspective(1000px) translateZ(2px);
    pointer-events: none; /* Не блокират скролването */
}

.pwi-bubble-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 30% 30%, 
        rgba(255, 255, 255, 0.1) 0%, 
        rgba(255, 255, 255, 0.05) 20%,
        transparent 50%,
        rgba(0, 0, 0, 0.1) 80%,
        rgba(0, 0, 0, 0.2) 100%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.pwi-bubble-content p {
    margin: 0;
    color: var(--pwi-gold);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
}

/* Линиите се рисуват с SVG от JavaScript */
.pwi-bubble-line {
    display: none; /* Скриваме старите CSS линии */
}

.pwi-bubble-lines-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* Зад снимката (Sirv viewer z-index: 3) */
    pointer-events: none;
    overflow: visible; /* Уверяваме се че SVG не създава скролбар */
}

/* Hero CTA */
.pwi-hero-cta {
    margin-top: 40px;
    animation: fadeInUp 1s ease-out 0.5s forwards;
    opacity: 0;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   SECTIONS
   ============================================ */

/* Глобално правило за .pwi-section - margin се дефинира в media queries */
.pwi-section {
    position: relative;
    min-height: 50vh;
    border-radius: 18px; /* Заоблени ръбове */
    overflow: hidden; /* За да се вижда border-radius правилно с фоновете */
    /* margin се дефинира в базовите правила и media queries */
}

/* Wrapper за двете секции на един ред */
/* ПРАВИЛО ЗА DESKTOP - използва променливи в desktop media query */
.pwi-water-path-wrapper {
    display: flex;
    gap: 60px; /* Разделящо разстояние между двете секции */
    width: calc(100% - 120px); /* Desktop: изваждаме margin-ите от ляво и дясно (60px * 2) */
    margin: 0 60px 60px 60px; /* Desktop: разделящо разстояние от ляво и дясно 60px, отдолу 60px */
    box-sizing: border-box;
}

.pwi-section-water-path-left,
.pwi-section-water-path-right {
    flex: 1;
    min-width: 0; /* Позволява на flex елементите да се свиват */
    padding: 100px 0;
    margin: 0;
    position: relative;
    min-height: 50vh;
    border-radius: 18px; /* Заоблени ръбове */
    overflow: hidden; /* За да се вижда border-radius правилно с фоновете */
}

.pwi-section-water-path-left {
    background: url('assets/images/mountain.avif') no-repeat;
    background-color: var(--pwi-light-bg);
    color: var(--pwi-text-dark);
    background-size: 200% 100%;
    background-position: left center;
}

.pwi-section-water-path-right {
    background: url('assets/images/mountain.avif') no-repeat;
    background-color: var(--pwi-light-bg);
    color: var(--pwi-text-dark);
    background-size: 200% 100%;
    background-position: right center;
}

.pwi-section-water-path-left::before,
.pwi-section-water-path-right::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(250, 250, 250, 0.55);
    z-index: 0;
}

.pwi-section-water-path-left > *,
.pwi-section-water-path-right > * {
    position: relative;
    z-index: 1;
}

/* По-стегнат текст в секциите за водата */

.pwi-section-water-path-left .pwi-section-text {
    padding: 0 40px; /* Допълнително отстояние за текста */
    text-align: left;
    width: 100%;
}

.pwi-water-path-image-top {
    width: auto;
    max-width: 80px;
    height: auto;
    max-height: 4.5em; /* Приблизително 3 реда текст (1.5em line-height * 3) */
    margin-bottom: 15px;
    margin-right: 15px;
    object-fit: contain;
    float: left;
}

.pwi-section-water-path-right .pwi-section-text {
    padding: 0 var(--pwi-container-padding-horizontal-desktop); /* Desktop: по-голямо отстояние за текста в десния контейнер (100px) */
}

.pwi-section-water-path-right .pwi-section-image {
    padding: 0;
}

/* Снимка в десния контейнер с ховър ефект */
.pwi-water-path-image {
    width: 100%;
    max-height: 600px;
    height: auto;
    display: block;
    object-fit: contain;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.pwi-water-path-image:hover {
    transform: scale(1.05);
}

/* Модал за разглеждане на снимки */
.pwi-image-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    overflow: hidden;
    touch-action: none;
}

.pwi-image-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pwi-modal-content {
    position: relative;
    max-width: 98%; /* was 480px: 98% */
    max-width: 95%; /* was 768px */
    max-height: 98%; /* was 480px: 98% */
    max-height: 95%; /* was 768px */
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 20px; /* was 480px: 0 20px (was base: 0 150px) */
    touch-action: pan-x pan-y;
    pointer-events: auto;
}

.pwi-modal-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px; /* was 480px: 20px */
    font-weight: 400;
    color: #000000;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    white-space: nowrap;
    z-index: 10;
}

.pwi-image-modal img {
    max-width: 100%;
    max-height: 90vh;
    object-fit: contain;
    display: block;
    width: auto;
    height: auto;
}

.pwi-modal-badge {
    font-family: 'Inter', sans-serif;
    font-size: 14px; /* was 480px: 14px */
    font-weight: 600;
    color: var(--pwi-text-white);
    background: rgba(69, 69, 69, 0.5);
    padding: 5px 10px; /* was 480px: 5px 10px */
    border-radius: 20px;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    white-space: nowrap;
    z-index: 10;
}



.pwi-modal-close {
    position: absolute;
    top: 20px;
    right: 40px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10001;
    transition: color 0.3s ease;
}

.pwi-modal-close:hover {
    color: var(--pwi-gold);
}

.pwi-modal-nav,
.pwi-image-modal .pwi-modal-nav,
#prevBtn,
#nextBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent !important;
    color: rgba(128, 128, 128, 0.5) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 60px;
    cursor: pointer;
    z-index: 10001;
    transition: all 0.3s ease;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    opacity: 1;
    visibility: visible;
    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.8);
    paint-order: stroke fill;
}

.pwi-modal-nav:hover,
.pwi-image-modal .pwi-modal-nav:hover,
#prevBtn:hover,
#nextBtn:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-color: var(--pwi-gold) !important;
    color: var(--pwi-gold) !important;
}

.pwi-modal-nav:active,
.pwi-modal-nav:focus,
.pwi-image-modal .pwi-modal-nav:active,
.pwi-image-modal .pwi-modal-nav:focus,
#prevBtn:active,
#prevBtn:focus,
#nextBtn:active,
#nextBtn:focus {
    background-color: rgba(255, 255, 255, 0.4) !important;
    border-color: var(--pwi-gold) !important;
    color: var(--pwi-gold) !important;
    outline: none;
}

.pwi-modal-prev {
    left: 20px;
}

.pwi-modal-next {
    right: 20px;
}

/* Карта за лабораторни резултати */
.pwi-lab-results-card {
    background: rgba(201, 162, 78, 0.15);
    border: 2px solid var(--pwi-gold);
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.pwi-lab-results-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(201, 162, 78, 0.2), transparent);
    transition: left 0.5s ease;
}

.pwi-lab-results-card:hover::before {
    left: 100%;
}

.pwi-lab-results-card:hover {
    background: rgba(201, 162, 78, 0.25);
    border-color: var(--pwi-gold);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(201, 162, 78, 0.3);
}

.pwi-lab-results-icon {
    font-size: 48px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pwi-lab-results-icon-img {
    width: 48px;
    height: 48px;
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

.pwi-lab-results-title {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--pwi-gold);
    margin: 0 0 15px 0;
}

.pwi-lab-results-desc {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--pwi-text-white);
    margin: 0 0 20px 0;
    opacity: 0.9;
}

.pwi-lab-results-arrow {
    font-size: 32px;
    color: var(--pwi-gold);
    transition: transform 0.3s ease;
}

.pwi-lab-results-card:hover .pwi-lab-results-arrow {
    transform: translateX(10px);
}

/* Модал за лабораторни резултати */
.pwi-lab-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: none;
}

.pwi-lab-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-lab-modal.fade-out .pwi-lab-modal-content {
    animation: modalSlideOut 0.3s ease forwards;
}

@keyframes modalSlideOut {
    from {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
    to {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
}

.pwi-lab-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 12px;
    max-width: 95%;
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 40px auto;
    padding: 40px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: modalSlideIn 0.3s ease;
    color: var(--pwi-text-dark) !important;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto;
}

.pwi-lab-modal-content * {
    color: inherit;
}

@keyframes modalSlideIn {
    from {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}


.pwi-lab-modal-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0 0 30px 0;
    text-align: center;
    border-bottom: 2px solid var(--pwi-gold);
    padding-bottom: 15px;
    line-height: 1.2;
}

.pwi-lab-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
}

.pwi-lab-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-lab-modal-back {
    position: absolute;
    top: 20px;
    left: 30px;
    color: var(--pwi-text-dark);
    font-size: 32px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-lab-modal-back:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
    transform: translateX(-5px);
}

/* Limited Edition Modal - в стил на Mg модала */
.pwi-limited-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: pan-y;
}

.pwi-limited-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-limited-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.pwi-limited-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 18px;
    max-width: 720px;
    width: calc(100% - 40px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 40px auto;
    padding: 50px 40px 40px 40px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: limitedModalSlideIn 0.3s ease;
    color: var(--pwi-text-dark);
    z-index: 10001;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
}

@keyframes limitedModalSlideIn {
    from {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-limited-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-limited-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-limited-modal-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-limited-modal-title {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    text-align: center;
}

.pwi-limited-modal-body {
    margin-top: 20px;
}

.pwi-limited-modal-section {
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
}

.pwi-limited-modal-section:first-child {
    margin-top: 0;
}

.pwi-limited-modal-section:last-child {
    margin-bottom: 0;
}


.pwi-limited-modal-section-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(201, 162, 78, 0.3);
}

.pwi-limited-modal-icon {
    font-size: 64px;
    font-weight: 700;
    color: var(--pwi-gold);
    min-width: 80px;
    text-align: center;
}

.pwi-limited-modal-section-title {
    font-family: 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    text-transform: lowercase;
}

.pwi-limited-modal-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--pwi-text-dark);
    text-align: left;
}

.pwi-limited-modal-text p {
    margin: 0 0 20px 0;
}

.pwi-limited-modal-text p:last-child {
    margin-bottom: 0;
}

/* Картичка за химичен състав в Limited Edition модала */
.pwi-lab-results-card-limited-modal {
    background: rgba(201, 162, 78, 0.1);
    border: 2px solid var(--pwi-gold);
    border-radius: 12px;
    padding: 30px 40px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.pwi-lab-results-card-limited-modal::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(201, 162, 78, 0.15), transparent);
    transition: left 0.5s ease;
}

.pwi-lab-results-card-limited-modal:hover::before {
    left: 100%;
}

.pwi-lab-results-card-limited-modal:hover {
    background: rgba(201, 162, 78, 0.2);
    border-color: var(--pwi-gold);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(201, 162, 78, 0.25);
}

.pwi-lab-results-card-limited-modal .pwi-lab-results-icon-img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(90%) saturate(500%) hue-rotate(5deg) brightness(0.9);
    opacity: 0.9;
}

.pwi-lab-results-card-limited-modal .pwi-lab-results-desc {
    color: var(--pwi-text-dark);
    opacity: 0.8;
}

.pwi-lab-results-card-limited-modal:hover .pwi-lab-results-arrow {
    transform: translateX(10px);
}

/* ============================================
   Limited Edition Image Modal
   ============================================ */

.pwi-limited-image-modal-body {
    margin-top: 20px;
}

.pwi-limited-image-modal-body .pwi-order-delivery-title {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--pwi-gold);
}

/* Base (Mobile): 2 columns, smaller typography, tighter spacing */
.pwi-limited-image-modal-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    row-gap: 36px; /* Vertical spacing between containers */
    margin-top: 20px;
    width: 100%;
    box-sizing: border-box;
    overflow: visible; /* Allow lines to be visible */
}

.pwi-modal-card {
    min-height: 80px;
    min-width: 0;
    background: rgba(201, 162, 78, 0.05);
    border: 1px solid rgba(201, 162, 78, 0.2);
    border-radius: 8px;
    padding: 12px;
    font-size: 14px;
    line-height: 1.4;
    box-sizing: border-box;
    width: 100%;
    overflow: visible; /* Allow line to be visible outside container */
    /* Left column: original styles */
    font-family: 'Inter', system-ui, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--text-main); /* Apply text color from title-overlay */
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35); /* Apply text shadow from title-overlay */
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

/* First container in Row 1 - background image */
.pwi-limited-image-modal-grid > .pwi-modal-card:nth-child(3) {
    background-image: url('assets/images/ChatGPT Image Jan 1, 2026, 02_02_28 PM.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent; /* Override default background */
    border: none; /* Remove border to show image better */
}

/* Title overlay for better text readability */
.pwi-modal-card.title-overlay {
    padding: 28px 40px;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.35),
        rgba(0, 0, 0, 0.15)
    );
    border-radius: 16px;
    backdrop-filter: blur(1.5px); /* по желание */
    color: var(--text-main);
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
    /* Keep flex properties from .pwi-modal-card for centering */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Signature container for Flavor Architect card */
.pwi-modal-card-signature {
    position: relative;
    background-image: url('assets/images/flavor_book.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pwi-signature-image {
    position: absolute;
    bottom: 12px; /* Match padding of container */
    right: 12px;
    width: auto; /* Will be set by height for mobile/tablet */
    height: 20%; /* 20% of parent container height for mobile */
    text-align: right;
}

.pwi-signature-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* Gold line component - can be positioned anywhere in the grid */
.pwi-modal-grid-line {
    grid-column: 1 / -1; /* Span full width by default */
    height: 1px;
    background: var(--pwi-gold);
    opacity: 1;
    margin: 0;
    padding: 0;
    border: none;
}

/* Centered line - 50% width, centered */
.pwi-modal-grid-line--centered {
    width: 50%;
    justify-self: center;
    grid-column: 1 / -1; /* Span full width to allow centering */
}

/* Right column: use lab results desc style */
.pwi-modal-card--right {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.6;
    color: #000000;
    opacity: 1;
    text-transform: none; /* Keep original case */
    justify-content: flex-start;
    text-align: left;
    align-items: center; /* Vertically centered */
    text-shadow: none; /* Remove text shadow for right column */
    padding-top: 0;
    background: transparent;
    border: none;
}

/* Full-width card spans both columns */
.pwi-modal-card--full {
    grid-column: 1 / -1;
    /* Use same text styles as right column */
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.6;
    color: #000000;
    opacity: 1;
    text-transform: none;
    justify-content: flex-start;
    text-align: left;
    align-items: center;
    background: transparent;
    border: none;
    text-shadow: none; /* Remove text shadow for full-width cards */
}

/* Lab results card inside modal card - reset styles for container with lab results */
.pwi-modal-card--centered {
    grid-column: 1 / -1;
    justify-self: center;
    max-width: 400px;
    /* Reset font styles for container with lab results card */
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    color: inherit;
    display: block;
    align-items: normal;
    justify-content: normal;
    text-align: left;
    text-shadow: none; /* Remove text shadow for centered cards */
}

.pwi-modal-card .pwi-lab-results-card-limited-modal {
    margin-top: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Tablet (≥768px): 2 columns, increase font size and spacing */
@media (min-width: 768px) {
    .pwi-limited-image-modal-body .pwi-order-delivery-title {
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .pwi-limited-image-modal-grid {
        gap: 16px;
        row-gap: 42px; /* Vertical spacing between containers */
        margin-top: 25px;
    }
    
    .pwi-modal-card {
        min-height: 100px;
        padding: 16px;
        font-size: 24px; /* Left column size for tablet */
        line-height: 1.5;
    }
    
    /* Adjust line position for tablet */
    
    .pwi-modal-card--right {
        font-size: 16px; /* Right column: match lab results desc size */
        padding-top: 0;
    }
    
    .pwi-modal-card--centered {
        font-size: inherit;
    }
    
    /* Adjust signature positioning for tablet */
    .pwi-signature-image {
        bottom: 16px; /* Match tablet padding */
        height: 20%; /* 20% of parent container height for tablet */
        width: auto;
    }
}

/* Desktop (≥1024px): 2 columns, further increase typography and spacing */
@media (min-width: 1024px) {
    .pwi-limited-image-modal-body .pwi-order-delivery-title {
        margin-bottom: 30px;
        padding-bottom: 15px;
    }
    
    .pwi-limited-image-modal-grid {
        gap: 20px;
        row-gap: 48px; /* Vertical spacing between containers */
        margin-top: 30px;
    }
    
    .pwi-modal-card {
        min-height: 120px;
        padding: 20px;
        font-size: 28px; /* Left column size for desktop */
        line-height: 1.6;
    }
    
    
    .pwi-modal-card--right {
        font-size: 16px; /* Right column: match lab results desc size */
        padding-top: 0;
    }
    
    .pwi-modal-card--centered {
        font-size: inherit;
    }
    
    /* Adjust signature positioning for desktop */
    .pwi-signature-image {
        bottom: 20px; /* Match desktop padding */
        width: 20%; /* 20% of parent container width for desktop */
        height: auto;
    }
}

.pwi-lab-table-wrapper {
    overflow-x: auto;
    margin-top: 20px;
}

.pwi-lab-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    color: var(--pwi-text-dark);
}

.pwi-lab-table th,
.pwi-lab-table td {
    border: 1px solid #e0e0e0;
    padding: 12px 10px;
    vertical-align: top;
    text-align: left;
    color: var(--pwi-text-dark);
}

.pwi-lab-table thead th {
    background: var(--pwi-gold);
    color: var(--pwi-text-dark) !important;
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 10;
    text-align: center;
}

.pwi-lab-table tbody tr:nth-child(even) {
    background: #fafafa;
}

.pwi-lab-table tbody tr:hover {
    background: rgba(201, 162, 78, 0.1);
}

.pwi-lab-table tbody td {
    color: var(--pwi-text-dark) !important;
}

.pwi-lab-table td:nth-child(4) {
    white-space: nowrap;
    text-align: center;
}

.pwi-lab-table td:nth-child(3) {
    text-align: center;
}

/* Responsive стилове за модала */


/* Модал за информация за продукта PRIVATE */
.pwi-product-info-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: pan-y;
}

.pwi-product-info-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-product-info-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    touch-action: none;
    pointer-events: auto;
}

.pwi-product-info-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 18px;
    max-width: 720px;
    width: calc(100% - 40px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 40px auto;
    padding: 50px 40px 40px 40px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: productModalSlideIn 0.3s ease;
    color: var(--pwi-text-dark);
    z-index: 10001;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
}

@keyframes productModalSlideIn {
    from {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-product-info-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-product-info-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-product-info-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-product-info-logo {
    max-width: 400px;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pwi-product-info-title {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    text-align: center;
}

.pwi-product-info-body {
    margin-top: 20px;
}

.pwi-product-info-section-title {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0 0 20px 0;
    line-height: 1.3;
}

.pwi-product-info-subtitle {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--pwi-text-dark);
    margin: 25px 0 15px 0;
    line-height: 1.3;
    border-bottom: 2px solid var(--pwi-gold);
    padding-bottom: 10px;
}

.pwi-product-info-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--pwi-text-dark);
    margin: 0 0 15px 0;
    text-align: left;
}

.pwi-product-info-text-image {
    float: left;
    margin: 0 20px 10px 0;
    max-width: 100px;
    height: auto;
    display: block;
}

.pwi-product-info-handwritten {
    font-family: 'Dancing Script', 'Marck Script', 'Caveat', cursive !important;
    font-size: 20px !important;
    font-style: italic;
    color: var(--pwi-gold) !important;
    text-align: center;
    margin-top: 25px !important;
    padding-top: 20px;
    border-top: 1px solid rgba(201, 162, 78, 0.3);
}

/* Responsive стилове за модала за продукта */
.pwi-product-info-handwritten {
    font-size: 18px !important;
    margin-top: 20px !important;
}

/* ============================================
   Zn Modal - Имунна подкрепа
   ============================================ */

.pwi-zn-modal {
    display: none !important;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: pan-y;
    visibility: hidden;
}

.pwi-zn-modal.active {
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
}

.pwi-zn-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    touch-action: none;
    pointer-events: auto;
}

.pwi-zn-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 18px;
    max-width: 720px;
    width: calc(100% - 40px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 40px auto;
    padding: 50px 40px 40px 40px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    animation: znModalSlideIn 0.3s ease;
    color: var(--pwi-text-dark);
    z-index: 10001;
}

@keyframes znModalSlideIn {
    from {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-zn-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-zn-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-zn-modal-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-zn-modal-icon {
    font-size: 64px;
    font-weight: 700;
    color: var(--pwi-gold);
    margin-bottom: 15px;
    display: inline-block;
}

.pwi-zn-modal-title {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    text-align: center;
}

.pwi-zn-modal-body {
    margin-top: 20px;
}

.pwi-zn-modal-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--pwi-text-dark);
    margin: 0 0 20px 0;
    text-align: left;
}

.pwi-zn-modal-text:last-child {
    margin-bottom: 0;
}

/* Make Zn card clickable */
.pwi-zn-card {
    cursor: pointer;
}

.pwi-zn-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(201, 162, 78, 0.3);
}

/* Make Mg card clickable */
.pwi-mg-card {
    cursor: pointer;
}

.pwi-mg-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(201, 162, 78, 0.3);
}

/* Make K card clickable */
.pwi-k-card {
    cursor: pointer;
}

.pwi-k-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(201, 162, 78, 0.3);
}

/* Responsive стилове за Zn модала */


/* ============================================
   Mg Modal - Енергия и фокус
   ============================================ */

.pwi-mg-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: pan-y;
}

.pwi-mg-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-mg-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    touch-action: none;
    pointer-events: auto;
}

.pwi-mg-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 18px;
    max-width: 720px;
    width: calc(100% - 40px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 40px auto;
    padding: 50px 40px 40px 40px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    animation: mgModalSlideIn 0.3s ease;
    color: var(--pwi-text-dark);
    z-index: 10001;
}

@keyframes mgModalSlideIn {
    from {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-mg-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-mg-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-mg-modal-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-mg-modal-icon {
    font-size: 64px;
    font-weight: 700;
    color: var(--pwi-gold);
    margin-bottom: 15px;
    display: inline-block;
}

.pwi-mg-modal-title {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    text-align: center;
}

.pwi-mg-modal-body {
    margin-top: 20px;
}

.pwi-mg-modal-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--pwi-text-dark);
    margin: 0 0 20px 0;
    text-align: left;
}

.pwi-mg-modal-text:last-child {
    margin-bottom: 0;
}

/* Responsive стилове за Mg модала */


/* ============================================
   K Modal - Движение във всяка клетка
   ============================================ */

.pwi-k-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: pan-y;
}

.pwi-k-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-k-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    touch-action: none;
    pointer-events: auto;
}

.pwi-k-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 18px;
    max-width: 720px;
    width: calc(100% - 40px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 40px auto;
    padding: 50px 40px 40px 40px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    animation: kModalSlideIn 0.3s ease;
    color: var(--pwi-text-dark);
    z-index: 10001;
}

@keyframes kModalSlideIn {
    from {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-k-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-k-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-k-modal-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-k-modal-icon {
    font-size: 64px;
    font-weight: 700;
    color: var(--pwi-gold);
    margin-bottom: 15px;
    display: inline-block;
}

.pwi-k-modal-title {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    text-align: center;
}

.pwi-k-modal-body {
    margin-top: 20px;
}

.pwi-k-modal-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--pwi-text-dark);
    margin: 0 0 20px 0;
    text-align: left;
}

.pwi-k-modal-text:last-child {
    margin-bottom: 0;
}

/* Responsive стилове за K модала */


/* ============================================
   Recycle Modal - 100% рециклируема бутилка
   ============================================ */

.pwi-recycle-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: pan-y;
}

.pwi-recycle-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-recycle-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    touch-action: none;
    pointer-events: auto;
}

.pwi-recycle-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 18px;
    max-width: 720px;
    width: calc(100% - 40px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 40px auto;
    padding: 50px 40px 40px 40px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    animation: recycleModalSlideIn 0.3s ease;
    color: var(--pwi-text-dark);
    z-index: 10001;
}

@keyframes recycleModalSlideIn {
    from {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-recycle-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-recycle-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-recycle-modal-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-recycle-modal-icon {
    font-size: 64px;
    font-weight: 700;
    color: var(--pwi-gold);
    margin-bottom: 15px;
    display: inline-block;
}

.pwi-recycle-modal-title {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    text-align: center;
}

.pwi-recycle-modal-body {
    margin-top: 20px;
}

.pwi-recycle-modal-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--pwi-text-dark);
    margin: 0 0 20px 0;
    text-align: left;
}

.pwi-recycle-modal-text:last-child {
    margin-bottom: 0;
}

/* Responsive стилове за Recycle модала */


/* ============================================
   Mountain Modal - Планинска от защитен район
   ============================================ */

.pwi-mountain-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: pan-y;
}

.pwi-mountain-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-mountain-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    touch-action: none;
    pointer-events: auto;
}

.pwi-mountain-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 18px;
    max-width: 720px;
    width: calc(100% - 40px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 40px auto;
    padding: 50px 40px 40px 40px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    animation: mountainModalSlideIn 0.3s ease;
    color: var(--pwi-text-dark);
    z-index: 10001;
}

@keyframes mountainModalSlideIn {
    from {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-mountain-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-mountain-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-mountain-modal-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-mountain-modal-icon {
    font-size: 64px;
    font-weight: 700;
    color: var(--pwi-gold);
    margin-bottom: 15px;
    display: inline-block;
}

.pwi-mountain-modal-title {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    text-align: center;
}

.pwi-mountain-modal-body {
    margin-top: 20px;
}

.pwi-mountain-modal-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--pwi-text-dark);
    margin: 0 0 20px 0;
    text-align: left;
}

.pwi-mountain-modal-text:last-child {
    margin-bottom: 0;
}

/* Responsive стилове за Mountain модала */


/* ============================================
   Limited Modal - серия с месечен тираж
   ============================================ */

.pwi-limited-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pwi-limited-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-limited-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.pwi-limited-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-limited-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-limited-modal-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-limited-modal-icon {
    font-size: 64px;
    font-weight: 700;
    color: var(--pwi-gold);
    margin-bottom: 15px;
    display: inline-block;
}

.pwi-limited-modal-title {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    text-align: center;
}

.pwi-limited-modal-body {
    margin-top: 20px;
}

.pwi-limited-modal-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--pwi-text-dark);
    margin: 0 0 20px 0;
    text-align: left;
}

.pwi-limited-modal-text:last-child {
    margin-bottom: 0;
}

/* Responsive стилове за Limited модала */


/* ============================================
   Flavor Architect Modal - ръчно създадена
   ============================================ */

.pwi-flavor-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: pan-y;
}

.pwi-flavor-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-flavor-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    touch-action: none;
    pointer-events: auto;
}

.pwi-flavor-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 18px;
    max-width: 720px;
    width: calc(100% - 40px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 40px auto;
    padding: 50px 40px 40px 40px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    animation: flavorModalSlideIn 0.3s ease;
    color: var(--pwi-text-dark);
    z-index: 10001;
}

@keyframes flavorModalSlideIn {
    from {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-flavor-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-flavor-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-flavor-modal-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-flavor-modal-icon {
    font-size: 48px;
    font-weight: 700;
    color: var(--pwi-gold);
    margin-bottom: 15px;
    display: inline-block;
    line-height: 1.2;
}

.pwi-flavor-modal-title {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    text-align: center;
}

.pwi-flavor-modal-body {
    margin-top: 20px;
}

.pwi-flavor-modal-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--pwi-text-dark);
    margin: 0 0 20px 0;
    text-align: left;
}

.pwi-flavor-modal-text:last-child {
    margin-bottom: 0;
}

/* Responsive стилове за Flavor модала */


/* ============================================
   Design Modal - вдъхновен от златния минимализъм
   ============================================ */

.pwi-design-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: pan-y;
}

.pwi-design-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-design-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    touch-action: none;
    pointer-events: auto;
}

.pwi-design-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 18px;
    max-width: 720px;
    width: calc(100% - 40px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 40px auto;
    padding: 50px 40px 40px 40px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    animation: designModalSlideIn 0.3s ease;
    color: var(--pwi-text-dark);
    z-index: 10001;
}

@keyframes designModalSlideIn {
    from {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-design-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-design-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-design-modal-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-design-modal-icon {
    font-size: 64px;
    font-weight: 700;
    color: var(--pwi-gold);
    margin-bottom: 15px;
    display: inline-block;
}

.pwi-design-modal-title {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    text-align: center;
}

.pwi-design-modal-body {
    margin-top: 20px;
}

.pwi-design-modal-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--pwi-text-dark);
    margin: 0 0 20px 0;
    text-align: left;
}

.pwi-design-modal-text:last-child {
    margin-bottom: 0;
}

/* Responsive стилове за Design модала */


/* ============================================
   Immune Modal - Серия Immune
   ============================================ */

.pwi-immune-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: none;
}

.pwi-immune-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-immune-modal.fade-in {
    z-index: 10001; /* По-висок z-index от lab-modal за да е отгоре по време на транзицията */
}

.pwi-immune-modal.fade-in .pwi-immune-modal-content {
    transform: translateY(-30px) scale(0.95);
    opacity: 0;
    animation: immuneModalSlideIn 0.3s ease forwards;
}

.pwi-immune-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    touch-action: none;
    pointer-events: auto;
}

.pwi-immune-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 18px;
    max-width: 720px;
    width: calc(100% - 40px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 40px auto;
    padding: 50px 40px 40px 40px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    animation: immuneModalSlideIn 0.3s ease;
    color: var(--pwi-text-dark);
    z-index: 10001;
    pointer-events: auto;
}

@keyframes immuneModalSlideIn {
    from {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-immune-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-immune-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-immune-modal-header {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-immune-modal-title {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-gold);
    margin: 0;
    text-align: center;
}

.pwi-immune-modal-body {
    margin-top: 20px;
}

.pwi-immune-modal-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: var(--pwi-text-dark);
    margin: 0 0 20px 0;
    text-align: left;
}

.pwi-immune-modal-text:last-child {
    margin-bottom: 0;
}

/* Картичка за химичен състав в модала */
.pwi-lab-results-card-modal {
    margin-top: 40px;
    background: rgba(201, 162, 78, 0.1);
    border: 2px solid var(--pwi-gold);
    border-radius: 12px;
    padding: 30px 25px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.pwi-lab-results-card-modal::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(201, 162, 78, 0.15), transparent);
    transition: left 0.5s ease;
}

.pwi-lab-results-card-modal:hover::before {
    left: 100%;
}

.pwi-lab-results-card-modal:hover {
    background: rgba(201, 162, 78, 0.2);
    border-color: var(--pwi-gold);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(201, 162, 78, 0.25);
}

.pwi-lab-results-card-modal .pwi-lab-results-icon-img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(90%) saturate(500%) hue-rotate(5deg) brightness(0.9);
    opacity: 0.9;
}

.pwi-lab-results-card-modal .pwi-lab-results-desc {
    color: var(--pwi-text-dark);
    opacity: 0.8;
}

.pwi-lab-results-card-modal:hover .pwi-lab-results-arrow {
    transform: translateX(10px);
}

/* Responsive стилове за Immune модала */



/* Стари стилове за обратна съвместимост */
.pwi-section-water-path {
    background: url('assets/images/mountain.avif') center center / cover no-repeat;
    background-color: var(--pwi-light-bg);
    color: var(--pwi-text-dark);
    position: relative;
}

.pwi-section-water-path::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(250, 250, 250, 0.55);
    z-index: 0;
}

.pwi-section-water-path > * {
    position: relative;
    z-index: 1;
}

/* Wrapper за трите секции на един ред */
/* ПРАВИЛО ЗА DESKTOP - използва променливи в desktop media query */
.pwi-immune-wrapper {
    display: flex;
    gap: 60px; /* Разделящо разстояние между трите секции */
    width: calc(100% - 120px); /* Desktop: изваждаме margin-ите от ляво и дясно (60px * 2) */
    margin: 0 60px 60px 60px; /* Desktop: разделящо разстояние от ляво и дясно 60px, отдолу 60px */
    box-sizing: border-box;
}

/* Wrapper за трите контейнера под Пътят на PRIVATE */
/* Wrapper за секцията Антрацит - три контейнера */
/* ПРАВИЛО ЗА DESKTOP - използва променливи в desktop media query */
.pwi-anthracite-wrapper {
    display: flex;
    gap: 60px; /* Разделящо разстояние между трите секции */
    width: calc(100% - 120px); /* Desktop: изваждаме margin-ите от ляво и дясно (60px * 2) */
    margin: 0 60px 60px 60px; /* Desktop: разделящо разстояние от ляво и дясно 60px, отдолу 60px */
    box-sizing: border-box;
}

.pwi-section-anthracite-left,
.pwi-section-anthracite-center,
.pwi-section-anthracite-right {
    min-width: 0; /* Позволява на flex елементите да се свиват */
    padding: 100px 0;
    margin: 0;
    position: relative;
    min-height: 50vh;
    border-radius: 18px; /* Заоблени ръбове */
    overflow: hidden; /* За да се вижда border-radius правилно с фоновете */
    display: flex;
    flex-direction: column;
}

.pwi-section-anthracite-left,
.pwi-section-anthracite-right {
    flex: 1; /* Ляв и десен контейнер - еднаква ширина */
}

.pwi-section-anthracite-center {
    flex: 2; /* Среден контейнер - два пъти по-широк */
}

.pwi-section-anthracite-left {
    background: url('assets/images/07_09_2022_135410_granitogres-parma-antracite-podovi-plochki-anka-60x120.avif') no-repeat;
    background-color: var(--pwi-light-bg);
    color: var(--pwi-text-dark);
    background-size: 300% 100%;
    background-position: left center;
}

.pwi-section-anthracite-center {
    background: url('assets/images/07_09_2022_135410_granitogres-parma-antracite-podovi-plochki-anka-60x120.avif') no-repeat;
    background-color: var(--pwi-light-bg);
    color: var(--pwi-text-dark);
    background-size: 300% 100%;
    background-position: center center;
}

.pwi-section-anthracite-right {
    background: url('assets/images/07_09_2022_135410_granitogres-parma-antracite-podovi-plochki-anka-60x120.avif') no-repeat;
    background-color: var(--pwi-light-bg);
    color: var(--pwi-text-dark);
    background-size: 300% 100%;
    background-position: right center;
}

/* По-стегнат текст в секциите за трите контейнера */
/* ПРАВИЛО ПРЕМАХНАТО - дефинирано в desktop media query (ред 3253-3257) */
.pwi-section-anthracite-left .pwi-container,
.pwi-section-anthracite-center .pwi-container,
.pwi-section-anthracite-right .pwi-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 0;
    /* padding се дефинира в desktop media query */
}

.pwi-section-anthracite-left .pwi-section-text,
.pwi-section-anthracite-center .pwi-section-text,
.pwi-section-anthracite-right .pwi-section-text {
    padding: 0 40px; /* Допълнително отстояние за текста */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pwi-section-immune-left,
.pwi-section-immune-center,
.pwi-section-immune-right {
    flex: 1;
    min-width: 0; /* Позволява на flex елементите да се свиват */
    padding: 100px 0;
    margin: 0;
    position: relative;
    min-height: 50vh;
    border-radius: 18px; /* Заоблени ръбове */
    overflow: hidden; /* За да се вижда border-radius правилно с фоновете */
    display: flex;
    flex-direction: column;
}

.pwi-section-immune-left {
    background: url('assets/images/stars.avif') no-repeat;
    background-color: var(--pwi-dark-alt);
    color: var(--pwi-text-white);
    background-size: 300% 100%;
    background-position: left center;
}

.pwi-section-immune-center {
    background: url('assets/images/stars.avif') no-repeat;
    background-color: var(--pwi-dark-alt);
    color: var(--pwi-text-white);
    background-size: 300% 100%;
    background-position: center center;
}

.pwi-section-immune-right {
    background: url('assets/images/stars.avif') no-repeat;
    background-color: var(--pwi-dark-alt);
    color: var(--pwi-text-white);
    background-size: 300% 100%;
    background-position: right center;
}

.pwi-section-immune-left::before,
.pwi-section-immune-center::before,
.pwi-section-immune-right::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(17, 20, 24, 0.5);
    z-index: 0;
}

.pwi-section-immune-left > *,
.pwi-section-immune-center > *,
.pwi-section-immune-right > * {
    position: relative;
    z-index: 1;
}

/* По-стегнат текст в секциите за Immune */
/* ПРАВИЛО ПРЕМАХНАТО - дефинирано в desktop media query (ред 3264-3276) */
.pwi-section-immune-left .pwi-container,
.pwi-section-immune-center .pwi-container,
.pwi-section-immune-right .pwi-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 0;
    /* padding се дефинира в desktop media query */
}

.pwi-section-immune-left .pwi-section-text,
.pwi-section-immune-center .pwi-section-text,
.pwi-section-immune-right .pwi-section-text {
    padding: 0 40px; /* Допълнително отстояние за текста */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pwi-section-immune-right .pwi-minerals-grid {
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
}

/* Допълнителни секции за Серия Immune */
.pwi-immune-wrapper-bottom {
    margin-top: 0; /* Без допълнителен margin отгоре */
}

.pwi-section-immune-bottom-left,
.pwi-section-immune-bottom-right {
    flex: 1;
    min-width: 0;
    padding: 100px 0;
    margin: 0;
    position: relative;
    min-height: 50vh;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.pwi-section-immune-bottom-left {
    background: url('assets/images/stars.avif') no-repeat;
    background-color: var(--pwi-dark-alt);
    color: var(--pwi-text-white);
    background-size: 200% 100%;
    background-position: left center;
}

.pwi-section-immune-bottom-right {
    background: url('assets/images/stars.avif') no-repeat;
    background-color: var(--pwi-dark-alt);
    color: var(--pwi-text-white);
    background-size: 200% 100%;
    background-position: right center;
}

.pwi-section-immune-bottom-left::before,
.pwi-section-immune-bottom-right::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(17, 20, 24, 0.5);
    z-index: 0;
}

.pwi-section-immune-bottom-left > *,
.pwi-section-immune-bottom-right > * {
    position: relative;
    z-index: 1;
}

/* ПРАВИЛО ПРЕМАХНАТО - дефинирано в desktop media query (ред 3267-3270) */
.pwi-section-immune-bottom-left .pwi-container,
.pwi-section-immune-bottom-right .pwi-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    min-height: 0;
    /* padding се дефинира в desktop media query */
}

.pwi-section-immune-bottom-left .pwi-section-text,
.pwi-section-immune-bottom-right .pwi-section-text {
    padding: 0 40px;
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

/* Стари стилове за обратна съвместимост */
.pwi-section-immune {
    background: url('assets/images/stars.avif') center center / cover no-repeat;
    background-color: var(--pwi-dark-alt);
    color: var(--pwi-text-white);
    position: relative;
}

.pwi-section-immune::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(17, 20, 24, 0.5);
    z-index: 0;
}

.pwi-section-immune > * {
    position: relative;
    z-index: 1;
}

/* Навигация към начало */
.pwi-back-to-home {
    padding: 20px 10px 10px 10px;
    max-width: 1200px;
    margin: 0 auto;
}

.pwi-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--pwi-text-dark);
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
}

.pwi-back-link:hover {
    color: var(--pwi-gold);
    opacity: 0.9;
}

.pwi-back-arrow {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

.pwi-back-text {
    line-height: 1;
}

.pwi-section-story {
    background: var(--pwi-light-bg);
    color: var(--pwi-text-dark);
    padding-bottom: 30px !important; /* Намалено от 100px на 30px за десктоп */
}

.pwi-section-values {
    background: var(--pwi-light-bg);
    color: var(--pwi-text-dark);
    padding: 10px 0 !important; /* Base (Mobile): 0-767px - намален padding отгоре и отдолу */
    min-height: 0 !important; /* Премахва min-height: 50vh от .pwi-section за да няма излишно пространство */
}

.pwi-section-cta {
    background: linear-gradient(135deg, var(--pwi-dark) 0%, var(--pwi-dark-alt) 50%, var(--pwi-dark) 100%);
    color: var(--pwi-text-white);
    position: relative;
    overflow: hidden;
    padding: 0 !important; /* Премахнато всичко padding - принудително презаписва .pwi-section */
    margin: 0 var(--pwi-container-margin-horizontal-mobile) 0 var(--pwi-container-margin-horizontal-mobile) !important; /* Base (Mobile): 0-767px - използва променлива */
}

.pwi-section-cta .pwi-container {
    margin-left: auto;
    margin-right: 0;
    max-width: none;
    padding: 0 10px; /* Base (Mobile): 0-767px */
}

.pwi-section-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(201, 162, 78, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

/* Section Content */
.pwi-section-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.pwi-section-content-reverse {
    grid-template-columns: 1fr 1fr;
}

.pwi-section-content-reverse .pwi-section-text {
    order: 2;
}

.pwi-section-content-reverse .pwi-section-image {
    order: 1;
}

.pwi-section-title {
    font-size: 48px;
    margin: 0 0 30px 0;
    color: inherit;
}

.pwi-section-title-gold {
    color: var(--pwi-gold);
}

.pwi-section-lead {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.8;
    margin: 0 0 25px 0;
    color: inherit;
}

.pwi-section-text p {
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 20px 0;
    color: inherit;
}

.pwi-section-image {
    position: relative;
}

.pwi-image-placeholder {
    width: 100%;
    height: 400px;
    background: rgba(201, 162, 78, 0.1);
    border: 2px dashed var(--pwi-gold);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pwi-gold);
    font-size: 18px;
}

.pwi-image-placeholder-dark {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--pwi-gold);
}

/* ============================================
   Minerals Grid
   ============================================ */

.pwi-minerals-grid {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 40px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    align-items: stretch;
}

.pwi-mineral-card {
    text-align: center;
    padding: 30px 20px;
    background: rgba(201, 162, 78, 0.1);
    border: 1px solid var(--pwi-gold);
    border-radius: 8px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    flex: 1;
    min-width: 200px;
    max-width: 100%;
    box-sizing: border-box;
}

.pwi-mineral-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(201, 162, 78, 0.3);
}

.pwi-mineral-icon {
    font-size: 48px;
    font-weight: 700;
    color: var(--pwi-gold);
    margin-bottom: 15px;
    display: inline-block;
    width: auto;
    height: auto;
}

.pwi-mineral-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: var(--pwi-text-white);
}

.pwi-mineral-desc {
    font-size: 14px;
    color: var(--pwi-text-gray);
    margin: 0;
    line-height: 1.6;
}

/* ============================================
   Story Section
   ============================================ */

.pwi-story-content {
    max-width: 800px;
    margin: 0 auto;
}

.pwi-story-text {
    font-size: 18px;
    line-height: 1.9;
    color: var(--pwi-text-dark);
}

.pwi-story-text p {
    margin: 0 0 25px 0;
}

.pwi-story-text p:first-of-type::first-letter {
    font-size: 72px;
    font-family: 'Playfair Display', serif;
    float: left;
    line-height: 60px;
    padding-right: 10px;
    color: var(--pwi-gold);
}

.pwi-story-signature {
    float: right;
    max-width: 200px;
    width: auto;
    height: auto;
    margin: 20px 0 20px 30px;
    display: block;
}

/* ============================================
   Values Section
   ============================================ */

.pwi-values-grid {
    display: grid;
    grid-template-columns: 1fr; /* Base (Mobile): 0-767px - вертикално подреждане */
    gap: 50px;
    margin-bottom: 20px;
}

.pwi-value-item {
    text-align: center;
}

.pwi-value-icon {
    font-size: 48px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pwi-value-icon-img {
    width: 48px;
    height: 48px;
    filter: brightness(0) saturate(100%) invert(68%) sepia(45%) saturate(600%) hue-rotate(10deg) brightness(0.95);
}

.pwi-value-title {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: var(--pwi-text-dark);
}

.pwi-value-desc {
    font-size: 16px;
    color: #666;
    margin: 0;
}

.pwi-values-quote {
    text-align: center;
    font-size: 18px; /* Base (Mobile): 0-767px */
    font-style: italic;
    font-family: 'Playfair Display', serif;
    color: var(--pwi-gold);
    margin: 40px 0 0 0;
}

/* ============================================
   CTA Section
   ============================================ */

.pwi-cta-content {
    text-align: center;
    position: relative;
    z-index: 1;
}

.pwi-cta-title {
    font-size: 56px;
    margin: 0 0 20px 0;
    color: var(--pwi-text-white);
}

.pwi-cta-text {
    font-size: 20px;
    color: var(--pwi-text-gray);
    margin: 0 0 40px 0;
}

.pwi-cta-link {
    display: block;
    margin-top: 25px;
}

/* Footer Social Media - Base (Mobile) */
.pwi-footer-social {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    padding-top: 0;
    height: fit-content;
}

/* ПРАВИЛО ПРЕМАХНАТО - обединено в основния desktop media query (@media min-width: 1024px) на ред 3202 */

.pwi-footer-social-icons {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: flex-start; /* Иконите са подравнени вляво */
    width: 100%; /* Заема пълната ширина на колоната */
}

.pwi-footer-social-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.pwi-footer-social-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1); /* Бяла икона */
}

.pwi-footer-social-icon:hover {
    opacity: 0.7;
    transform: scale(1.1);
}

/* Footer Content - Three Columns - Desktop rules moved to @media (min-width: 1024px) */
/* Заглавията са уеднаквени в правилото за .pwi-footer-social-text и .pwi-footer-title по-горе */

.pwi-footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left; /* Линковете са подравнени вляво */
    width: 100%; /* Заема пълната ширина на колоната */
}

.pwi-footer-links li {
    margin-bottom: 12px;
}

.pwi-footer-links a {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: var(--pwi-text-gray);
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-block;
}

.pwi-footer-links a:hover {
    color: var(--pwi-gold);
}

/* Footer Logo */
.pwi-footer-logo {
    text-align: center;
    margin-top: 0;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 1;
}

.pwi-footer-logo-image {
    max-width: 200px;
    width: auto;
    height: auto;
    display: inline-block;
}

/* Footer Copyright */
.pwi-footer-copyright {
    margin-top: 0;
    padding-bottom: 10px; /* Намалено отстояние отдолу */
    text-align: center; /* Центриран текст хоризонтално */
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: var(--pwi-text-gray);
    z-index: 1;
    position: relative;
}

.pwi-cta-link:hover {
    color: var(--pwi-gold-light);
    text-decoration: underline;
}


/* ============================================
   Responsive Design
   ============================================ */



/* ============================================
   Scroll Animations (will be controlled by JS)
   ============================================ */

.pwi-fade-in {
    opacity: 1; /* Показваме секциите веднага - нека скролването работи */
    transform: translateY(0); /* Без начално отместване */
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.pwi-fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Премахване на фонове и ефекти в hero секцията за index2.html */
.pwi-landing-no-effects .pwi-hero-halo,
.pwi-landing-no-effects .pwi-hero-halo-glow,
.pwi-landing-no-effects .pwi-hero-bottle::before {
    display: none !important;
}

/* Кръгчетата и линиите остават видими */

/* Scroll to Top Button */
.pwi-scroll-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5); /* Бяло с 50% прозрачност */
    color: #000000; /* Черна стрелка */
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(20px);
}

.pwi-scroll-to-top.visible {
    display: flex;
    opacity: 1;
    transform: translateY(0);
}

.pwi-scroll-to-top:hover {
    background: rgba(255, 255, 255, 0.7); /* По-ярко бяло при hover */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-3px);
}

.pwi-scroll-to-top:active {
    transform: translateY(-1px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.pwi-scroll-to-top svg {
    width: 24px;
    height: 24px;
}

.pwi-scroll-to-top svg path {
    stroke: #000000; /* Черна стрелка */
}

/* Mobile стилове за Scroll to Top Button */

/* ============================================
   Contact Form Modal
   ============================================ */

.pwi-contact-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: pan-y;
}

.pwi-contact-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-contact-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    touch-action: none;
    pointer-events: auto;
}

.pwi-contact-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 18px;
    max-width: 750px;
    width: calc(100% - 40px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 40px auto;
    padding: 50px 40px 40px 40px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    animation: contactModalSlideIn 0.3s ease;
    color: var(--pwi-text-dark);
    z-index: 10001;
}

@keyframes contactModalSlideIn {
    from {
        transform: translateY(-30px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-contact-modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--pwi-text-dark);
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-contact-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-contact-wrapper {
    max-width: 100%;
    margin: 0;
}

.pwi-contact-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    text-align: center;
    line-height: 1.2;
}

.pwi-contact-subtitle {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #666;
    text-align: left;
    margin-bottom: 50px;
    line-height: 1.6;
}

.pwi-contact-form {
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.pwi-form-group {
    margin-bottom: 12px;
}

.pwi-form-group-row {
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
}

.pwi-form-field-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.pwi-form-hint-wrapper {
    margin-bottom: 0;
    margin-top: 0;
    display: none;
}

.pwi-form-group-checkbox {
    margin-bottom: 12px;
}

.pwi-form-group-submit {
    margin-bottom: 0;
    margin-top: 12px;
}

.pwi-form-label {
    display: none;
}

.pwi-form-required {
    color: #d32f2f;
    margin-left: 2px;
}

.pwi-form-input,
.pwi-form-select,
.pwi-form-textarea {
    width: 100%;
    padding: 14px 18px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: var(--pwi-text-dark);
    background: #e8e8e8;
    border: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

.pwi-form-input:focus,
.pwi-form-select:focus,
.pwi-form-textarea:focus {
    box-shadow: 0 0 0 2px rgba(201, 162, 78, 0.2);
}

/* Date input specific styling for Bulgarian locale (dd/mm/yyyy format, Monday as first day) */
.pwi-form-input[type="date"] {
    /* Ensure Bulgarian locale is applied */
    font-variant-numeric: tabular-nums;
}

.pwi-form-input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 1;
}

/* Flatpickr styling to match form design */
.flatpickr-calendar {
    font-family: 'Inter', sans-serif;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.flatpickr-months {
    background: var(--pwi-gold);
    border-radius: 8px 8px 0 0;
    padding: 10px;
}

.flatpickr-month {
    color: white;
}

.flatpickr-current-month {
    color: white;
    font-weight: 600;
}

.flatpickr-prev-month,
.flatpickr-next-month {
    color: white;
    fill: white;
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.flatpickr-weekdays {
    background: rgba(201, 162, 78, 0.1);
}

.flatpickr-weekday {
    color: var(--pwi-text-dark);
    font-weight: 600;
    font-size: 13px;
}

.flatpickr-day {
    border-radius: 4px;
    color: var(--pwi-text-dark);
}

.flatpickr-day:hover {
    background: rgba(201, 162, 78, 0.2);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: var(--pwi-gold);
    border-color: var(--pwi-gold);
    color: white;
}

.flatpickr-day.disabled,
.flatpickr-day.flatpickr-disabled {
    color: #ccc;
    cursor: not-allowed;
    opacity: 0.5;
}

.flatpickr-day.flatpickr-disabled:hover {
    background: transparent;
}

.pwi-form-input.pwi-form-input-error,
.pwi-form-select.pwi-form-input-error,
.pwi-form-textarea.pwi-form-input-error,
.pwi-form-checkbox.pwi-form-input-error {
    box-shadow: 0 0 0 2px rgba(211, 47, 47, 0.2);
    border: 1px solid rgba(211, 47, 47, 0.3);
}

.pwi-form-input-shake,
.pwi-form-select.pwi-form-input-shake,
.pwi-form-textarea.pwi-form-input-shake,
.pwi-form-checkbox.pwi-form-input-shake {
    animation: shake 0.6s ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    75% { transform: translateX(2px); }
}

.pwi-form-input::placeholder,
.pwi-form-textarea::placeholder {
    color: #999;
    opacity: 1;
}

.pwi-form-input:focus::placeholder,
.pwi-form-textarea:focus::placeholder {
    opacity: 0.5;
}

.pwi-form-input:not(:placeholder-shown)::placeholder,
.pwi-form-textarea:not(:placeholder-shown)::placeholder {
    opacity: 0;
}

.pwi-form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 12px;
    padding-right: 45px;
    cursor: pointer;
}

.pwi-form-textarea {
    resize: vertical;
    min-height: 120px;
    line-height: 1.6;
}

.pwi-form-conditional {
    margin-bottom: 28px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pwi-form-checkbox-label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    gap: 12px;
}

.pwi-form-checkbox {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: var(--pwi-gold);
    flex-shrink: 0;
}

.pwi-form-checkbox-text {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: var(--pwi-text-dark);
    line-height: 1.6;
}

.pwi-form-privacy-link {
    color: var(--pwi-gold);
    text-decoration: underline;
    transition: color 0.3s ease;
}

.pwi-form-privacy-link:hover {
    color: var(--pwi-gold-light);
}

.pwi-form-error {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: #d32f2f;
    margin-top: 4px;
    min-height: 0;
    height: auto;
    line-height: 1.4;
}

.pwi-form-hint {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #666;
    margin-top: 6px;
    font-style: italic;
}

.pwi-form-success {
    margin-bottom: 30px;
    text-align: center;
}

.pwi-form-success-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 36px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0 auto 15px auto;
    text-align: center;
    line-height: 1.2;
    padding: 0 20px;
}

.pwi-form-success-text {
    font-family: 'Inter', sans-serif;
    font-size: 25px;
    font-weight: 400;
    color: var(--pwi-text-dark);
    margin: 0;
    line-height: 1.4;
}

.pwi-form-submit {
    width: 100%;
    padding: 16px 32px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: var(--pwi-gold);
    border: 2px solid var(--pwi-gold);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pwi-form-submit:hover:not(:disabled) {
    background: var(--pwi-gold-light);
    border-color: var(--pwi-gold-light);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(201, 162, 78, 0.3);
}

.pwi-form-submit:active:not(:disabled) {
    transform: translateY(0);
}


.pwi-contact-link {
    cursor: pointer;
    text-decoration: none;
    transition: color 0.3s ease;
}

.pwi-contact-link:hover {
    color: var(--pwi-gold);
}

/* Responsive стилове за контактна форма модал */

/* ============================================
   Order Modal Styles
   ============================================ */

.pwi-order-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: none;
}

.pwi-order-modal.active {
    display: flex;
    align-items: flex-start; /* was 480px: flex-start */
    justify-content: center;
    opacity: 1;
    padding-top: 20px; /* was 480px: 20px */
    padding-bottom: 80px; /* was 480px: 80px */
    /* Note: 768px values same as 480px, already merged */
}

.pwi-order-modal.fade-in {
    z-index: 10001; /* По-висок z-index от lab-modal за да е отгоре по време на транзицията */
}

.pwi-order-modal.fade-in .pwi-order-modal-content {
    transform: translateY(-28.5px) scale(0.95);
    opacity: 0;
    animation: orderModalSlideIn 0.3s ease forwards;
}


.pwi-order-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    touch-action: none;
    pointer-events: auto;
}

.pwi-order-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 17.1px;
    max-width: 720px;
    width: calc(100% - 38px);
    max-height: calc(100vh - 100px); /* was 480px: calc(100vh - 100px) */
    max-height: calc(100dvh - 100px); /* was 480px: calc(100dvh - 100px) */
    margin: 20px auto 80px auto; /* was 480px: 20px auto 80px auto */
    padding: 28.5px 19px 28.5px 19px; /* was 480px: 28.5px 19px 28.5px 19px */
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 19px 57px rgba(0, 0, 0, 0.5);
    animation: orderModalSlideIn 0.3s ease;
    color: var(--pwi-text-dark);
    z-index: 10001;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto;
}

@keyframes orderModalSlideIn {
    from {
        transform: translateY(-28.5px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-order-modal-close {
    position: absolute;
    top: 19px;
    right: 28.5px;
    color: var(--pwi-text-dark);
    font-size: 38px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10002;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}


.pwi-order-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

/* Order Pages */
.pwi-order-page {
    display: none;
}

.pwi-order-page.active {
    display: block;
}

/* Page 1: Product */
.pwi-order-product-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 38px;
    align-items: start;
}

.pwi-order-left-column {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.pwi-order-right-column {
    display: flex;
    flex-direction: column;
    gap: 22.8px;
}

.pwi-order-gallery {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.pwi-order-main-image {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 11.4px;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pwi-order-main-image:hover {
    transform: scale(1.02);
    box-shadow: 0 3.8px 11.4px rgba(0, 0, 0, 0.1);
}

.pwi-order-main-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pwi-order-product-info {
    display: flex;
    flex-direction: column;
    gap: 22.8px;
}

.pwi-order-title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pwi-order-product-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 30.4px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0;
    line-height: 1.2;
    margin-bottom: -3.8px;
}

.pwi-order-volume-badge {
    font-family: 'Inter', sans-serif;
    font-size: 13.3px;
    font-weight: 600;
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.1);
    padding: 5.7px 11.4px;
    border-radius: 15.2px;
    display: inline-block;
    width: fit-content;
    margin-top: 0;
    margin-bottom: 0;
}

.pwi-order-price-info {
    display: flex;
    flex-direction: column;
    gap: 7.6px;
    padding: 15.2px;
    background: rgba(201, 162, 78, 0.1);
    border-radius: 7.6px;
    margin-top: 7.6px;
}

.pwi-order-unit-price {
    font-family: 'Inter', sans-serif;
    font-size: 30.4px;
    font-weight: 700;
    color: var(--pwi-text-dark);
}

.pwi-order-unit-price-eur {
    font-family: 'Inter', sans-serif;
    font-size: 30.4px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin-top: -3.8px;
    line-height: 1;
}

.pwi-order-min-order {
    font-family: 'Inter', sans-serif;
    font-size: 13.3px;
    color: #666;
}

.pwi-order-description {
    font-family: 'Inter', sans-serif;
    font-size: 15.2px;
    color: var(--pwi-text-dark);
    line-height: 1.6;
}

.pwi-order-features {
    font-family: 'Inter', sans-serif;
    background: #f5f5f5;
    padding: 15.2px;
    border-radius: 7.6px;
}

.pwi-order-features h3 {
    font-size: 17.1px;
    font-weight: 600;
    color: var(--pwi-text-dark);
    margin-bottom: 11.4px;
    margin-top: 0;
}

.pwi-order-features ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pwi-order-features li {
    font-size: 14.25px;
    color: #666;
    padding: 1.9px 0;
    padding-left: 22.8px;
    position: relative;
    line-height: 1.4;
}

.pwi-order-features li:before {
    content: "•";
    position: absolute;
    left: 7.6px;
    color: var(--pwi-gold);
    font-weight: bold;
}

.pwi-order-quantity {
    display: flex;
    flex-direction: column;
    gap: 11.4px;
    width: 100%;
}

.pwi-order-quantity-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 11.4px;
    width: 100%;
}

.pwi-order-qty-btn {
    width: 38px;
    height: 38px;
    border: 1.9px solid var(--pwi-gold);
    background: transparent;
    color: var(--pwi-gold);
    font-size: 22.8px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 7.6px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-shrink: 0;
}

.pwi-order-qty-btn:hover {
    background: var(--pwi-gold);
    color: white;
}

.pwi-order-qty-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7.6px;
    background: rgba(201, 162, 78, 0.1);
    padding: 7.6px 15.2px;
    border-radius: 7.6px;
    flex: 1;
    position: relative;
}

.pwi-order-qty-spacer {
    flex: 1;
    visibility: hidden;
}

.pwi-order-qty-input {
    width: 47.5px;
    height: 30.4px;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 17.1px;
    font-weight: 600;
    border: none;
    background: white;
    border-radius: 3.8px;
    color: var(--pwi-text-dark);
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    flex-shrink: 0;
}

.pwi-order-qty-label {
    flex: 1;
}

input[type="number"].pwi-order-qty-input::-webkit-outer-spin-button,
input[type="number"].pwi-order-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    display: none;
}

input[type="number"].pwi-order-qty-input {
    -moz-appearance: textfield;
}

.pwi-order-qty-input:focus {
    outline: none;
    background: white;
}

.pwi-order-qty-label {
    font-family: 'Inter', sans-serif;
    font-size: 13.3px;
    color: #666;
    white-space: nowrap;
}

.pwi-order-summary {
    padding: 19px;
    background: #f9f9f9;
    border-radius: 7.6px;
    display: flex;
    flex-direction: column;
    gap: 11.4px;
}

.pwi-order-summary-row {
    display: flex;
    justify-content: space-between;
    font-family: 'Inter', sans-serif;
    font-size: 15.2px;
    color: var(--pwi-text-dark);
}

/* Specific styling for delivery row to prevent layout shift */
#orderDeliveryRow {
    align-items: flex-start;
}

.pwi-order-summary-row.pwi-order-summary-product {
    justify-content: space-between;
    gap: 11.4px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.pwi-order-product-summary-info {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pwi-order-product-name-bold {
    font-weight: 700;
    white-space: nowrap;
}

.pwi-order-volume-badge-small {
    font-family: 'Inter', sans-serif;
    font-size: 10.45px;
    font-weight: 600;
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.1);
    padding: 2.85px 7.6px;
    border-radius: 11.4px;
    display: inline-block;
    width: fit-content;
}

.pwi-order-stacks-count-right {
    white-space: nowrap;
    margin-left: auto;
}

.pwi-order-summary-row.pwi-order-summary-product span:last-child {
    margin-left: auto;
}

.pwi-order-summary-row.pwi-order-total {
    font-size: 19px;
    font-weight: 700;
    padding-top: 11.4px;
    border-top: 1.9px solid var(--pwi-gold);
    margin-top: 3.8px;
}

.pwi-order-delivery-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5.7px;
    /* Fixed width to prevent layout shift when hint appears/disappears */
    width: 211px;
    flex-shrink: 0;
    /* Reserve height for hint to prevent vertical layout shift */
    min-height: 32.3px; /* Height of delivery fee + gap + hint */
    position: relative;
}

.pwi-order-delivery-hint {
    font-family: 'Inter', sans-serif;
    font-size: 11.4px;
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.1);
    padding: 3.8px 9.5px;
    border-radius: 11.4px;
    white-space: nowrap;
    font-weight: 500;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    display: inline-block;
    visibility: visible;
    opacity: 1;
    /* Fixed width to prevent layout shift when text changes */
    width: 211px;
    text-align: center;
    /* Always reserve space - don't collapse */
    height: 26px;
    min-height: 26px;
    flex-shrink: 0;
    box-sizing: border-box;
}

.pwi-order-delivery-hint.pwi-order-delivery-hint-hidden {
    visibility: hidden;
    opacity: 0;
    /* Keep all dimensions to reserve space and prevent layout shift */
    height: 26px;
    min-height: 26px;
    padding: 3.8px 9.5px;
    margin: 0;
    overflow: hidden;
    /* Keep display to maintain space */
    display: inline-block;
}

.pwi-order-continue-btn {
    width: 100%;
    padding: 15.2px 30.4px;
    font-family: 'Inter', sans-serif;
    font-size: 17.1px;
    font-weight: 600;
    color: white;
    background: var(--pwi-gold);
    border: none;
    border-radius: 7.6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pwi-order-continue-btn:hover {
    background: var(--pwi-gold-light);
    transform: translateY(-1.9px);
    box-shadow: 0 3.8px 11.4px rgba(201, 162, 78, 0.3);
}

/* Page 2: Delivery */
.pwi-order-delivery-wrapper {
    max-width: 665px;
    margin: 0 auto;
}

.pwi-order-delivery-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 34.2px;
    font-weight: 700;
    color: var(--pwi-text-dark);
    margin: 0 0 28.5px 0;
    text-align: center;
    line-height: 1.2;
}

/* Златна линия под заглавието в Limited Edition модала */
.pwi-limited-modal-body .pwi-order-delivery-title {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--pwi-gold);
}

.pwi-order-form {
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.pwi-order-review {
    background: rgba(201, 162, 78, 0.1);
    border-radius: 7.6px;
    padding: 11.4px 15.2px;
    margin-bottom: 28.5px;
    border: 1px solid rgba(201, 162, 78, 0.2);
    box-shadow: 0 2px 4px rgba(201, 162, 78, 0.1);
}

.pwi-order-review h3 {
    font-family: 'Inter', sans-serif;
    font-size: 15.2px;
    font-weight: 400;
    color: var(--pwi-text-dark);
    margin: 0 0 7.6px 0;
}

.pwi-order-review-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 7.6px;
    align-items: center;
}

.pwi-order-review-row {
    display: flex;
    align-items: center;
    gap: 3.8px;
    font-family: 'Inter', sans-serif;
    font-size: 12.35px;
    font-weight: 600;
    color: var(--pwi-text-dark);
    line-height: 1.2;
    white-space: nowrap;
}

.pwi-order-review-row:not(:last-child)::after {
    content: "•";
    color: #999;
    margin-left: 5.7px;
    font-weight: 400;
    font-size: 10px;
}

.pwi-order-invoice-fields {
    margin-top: 11.4px;
    padding-left: 19px;
    border-left: 2.85px solid var(--pwi-gold);
}

.pwi-order-label {
    font-family: 'Inter', sans-serif;
    font-size: 15.2px;
    font-weight: 500;
    color: var(--pwi-text-dark);
    display: block;
    margin-bottom: 7.6px;
}

.pwi-order-payment-label {
    font-family: 'Inter', sans-serif;
    font-size: 15.2px;
    font-weight: 500;
    color: var(--pwi-text-dark);
    display: block;
    margin-bottom: 11.4px;
}

.pwi-order-payment-options {
    display: flex;
    flex-direction: column;
    gap: 11.4px;
}

.pwi-order-payment-option {
    display: flex;
    align-items: center;
    gap: 11.4px;
    padding: 11.4px;
    border: 1.9px solid #e8e8e8;
    border-radius: 7.6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Inter', sans-serif;
    font-size: 15.2px;
    color: var(--pwi-text-dark);
}

.pwi-order-payment-option:hover {
    border-color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.05);
}

.pwi-order-payment-option input[type="radio"]:checked + span {
    font-weight: 600;
    color: var(--pwi-gold);
}

.pwi-order-payment-option input[type="radio"]:checked ~ span,
.pwi-order-payment-option:has(input[type="radio"]:checked) {
    border-color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.1);
}

.pwi-form-radio {
    width: 19px;
    height: 19px;
    cursor: pointer;
    accent-color: var(--pwi-gold);
}

.pwi-order-form-actions {
    display: flex;
    gap: 15.2px;
    margin-top: 28.5px;
}

.pwi-order-back-btn {
    flex: 1;
    padding: 15.2px 30.4px;
    font-family: 'Inter', sans-serif;
    font-size: 17.1px;
    font-weight: 600;
    color: var(--pwi-text-dark);
    background: transparent;
    border: 1.9px solid #e8e8e8;
    border-radius: 7.6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pwi-order-back-btn:hover {
    border-color: var(--pwi-gold);
    color: var(--pwi-gold);
}

.pwi-order-submit-btn {
    flex: 2;
    padding: 15.2px 30.4px;
    font-family: 'Inter', sans-serif;
    font-size: 17.1px;
    font-weight: 600;
    color: white;
    background: var(--pwi-gold);
    border: none;
    border-radius: 7.6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pwi-order-submit-btn:hover {
    background: var(--pwi-gold-light);
    transform: translateY(-1.9px);
    box-shadow: 0 3.8px 11.4px rgba(201, 162, 78, 0.3);
}

/* Responsive */
/* Mobile sticky bar */
.pwi-order-mobile-sticky-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    border-top: 0.95px solid #e8e8e8;
    padding: 15.2px 19px;
    padding-bottom: max(15.2px, env(safe-area-inset-bottom, 0px) + 15.2px);
    box-shadow: 0 -3.8px 11.4px rgba(0, 0, 0, 0.1);
    z-index: 10004;
    display: none;
    width: 100%;
    box-sizing: border-box;
    opacity: 1 !important;
    visibility: visible !important;
}

.pwi-order-mobile-add-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11.4px;
    width: 100%;
    padding: 15.2px;
    background: var(--pwi-gold);
    color: white;
    border: none;
    border-radius: 7.6px;
    font-family: 'Inter', sans-serif;
    font-size: 17.1px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pwi-order-mobile-add-btn:hover {
    background: var(--pwi-gold-light);
}

.pwi-order-mobile-cart-icon {
    width: 22.8px;
    height: 22.8px;
    filter: brightness(0) invert(1);
}

.pwi-order-mobile-quantity-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 11.4px;
    width: 100%;
}

.pwi-order-summary-mobile {
    padding: 19px;
    background: #f9f9f9;
    border-radius: 7.6px;
    margin-top: 19px;
    margin-bottom: 76px;
}






/* Gallery Modal */
.pwi-order-gallery-modal {
    display: none;
    position: fixed;
    z-index: 10001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    touch-action: pan-y;
}

.pwi-order-gallery-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.pwi-order-gallery-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    touch-action: none;
    pointer-events: auto;
}

.pwi-order-gallery-modal-content {
    position: relative;
    background: var(--pwi-light-bg);
    border-radius: 17.1px;
    max-width: 90%;
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    width: auto;
    padding: 47.5px 38px 38px 38px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 19px 57px rgba(0, 0, 0, 0.5);
    animation: galleryModalSlideIn 0.3s ease;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    color: var(--pwi-text-dark);
    z-index: 10002;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 19px;
}

@keyframes galleryModalSlideIn {
    from {
        transform: translateY(-28.5px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.pwi-order-gallery-modal-close {
    position: absolute;
    top: 19px;
    right: 28.5px;
    color: var(--pwi-text-dark);
    font-size: 38px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10003;
    transition: color 0.3s ease, background 0.3s ease;
    line-height: 1;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201, 162, 78, 0.1);
    border: none;
    padding: 0;
}

.pwi-order-gallery-modal-close:hover {
    color: var(--pwi-gold);
    background: rgba(201, 162, 78, 0.2);
}

.pwi-order-gallery-viewer {
    width: 100%;
    max-width: 570px;
    aspect-ratio: 1;
    border-radius: 11.4px;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pwi-order-gallery-viewer img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pwi-order-gallery-nav {
    display: flex;
    align-items: center;
    gap: 15.2px;
    justify-content: center;
}

.pwi-order-gallery-prev,
.pwi-order-gallery-next {
    width: 47.5px;
    height: 47.5px;
    border: 1.9px solid var(--pwi-gold);
    background: transparent;
    color: var(--pwi-gold);
    font-size: 30.4px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
}

.pwi-order-gallery-prev:hover,
.pwi-order-gallery-next:hover {
    background: var(--pwi-gold);
    color: white;
}

.pwi-order-gallery-thumbnails {
    display: flex;
    gap: 11.4px;
    justify-content: center;
}

.pwi-order-gallery-thumb {
    width: 76px;
    height: 76px;
    border-radius: 7.6px;
    overflow: hidden;
    cursor: pointer;
    border: 1.9px solid transparent;
    transition: border-color 0.3s ease;
    background: #f5f5f5;
}

.pwi-order-gallery-thumb:hover {
    border-color: var(--pwi-gold);
}

.pwi-order-gallery-thumb.active {
    border-color: var(--pwi-gold);
}

.pwi-order-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



@media (min-width: 768px) and (max-width: 1023px) { /* Tablet: 768px-1023px - променено за да не се прилага за desktop */
    
    /* Design Images - Tablet: първата снимка вляво */
    .pwi-design-images-wrapper.swiper {
        justify-content: flex-start; /* Първата снимка вляво */
    }
    
    .pwi-design-images-wrapper .swiper-wrapper {
        justify-content: flex-start; /* Подреждане отляво */
    }
    
    .pwi-video-header-text {
        font-size: 40px; /* Tablet: 768px+ */
    }
    
    .pwi-header-logo-image {
        height: 80px; /* Tablet: 768px+ */
    }
    
    
    .pwi-container {
        padding: 0 var(--pwi-container-padding-horizontal-tablet); /* Tablet: 768px+ */
    }
    
    .pwi-hero-container-wrapper {
        margin: 0 var(--pwi-container-margin-horizontal-tablet) var(--pwi-container-margin-bottom-tablet) var(--pwi-container-margin-horizontal-tablet); /* Tablet: 768px+ */
    }
    
    .pwi-limited-edition-container {
        width: calc(100% - calc(var(--pwi-container-margin-horizontal-tablet) * 2));
        margin: 0 var(--pwi-container-margin-horizontal-tablet) var(--pwi-container-margin-bottom-tablet) var(--pwi-container-margin-horizontal-tablet); /* Tablet: 768px+ */
    }
    
    .pwi-our-water-container {
        width: calc(100% - calc(var(--pwi-container-margin-horizontal-tablet) * 2));
        margin: 0 var(--pwi-container-margin-horizontal-tablet) var(--pwi-container-margin-bottom-tablet) var(--pwi-container-margin-horizontal-tablet); /* Tablet: 768px+ */
    }
    
    .pwi-coming-soon-wrapper {
        width: calc(100% - calc(var(--pwi-container-margin-horizontal-tablet) * 2));
        margin: 0 var(--pwi-container-margin-horizontal-tablet) var(--pwi-container-margin-bottom-tablet) var(--pwi-container-margin-horizontal-tablet); /* Tablet: 768px+ */
    }
    
    .pwi-hero-text-placeholder.pwi-hero-text-clicked {
        transform: scale(1.1) !important; /* Само scale без translateY за мобилна */
    }
    
    .pwi-hero-text-placeholder p {
        font-size: 10px !important;
        line-height: 1.4 !important;
        margin: 0 0 8px 0 !important;
    }
    
    .pwi-hero-text-placeholder h2,
    .pwi-hero-text-placeholder h3 {
        font-size: 14px !important;
        margin: 0 0 8px 0 !important;
        line-height: 1.2 !important;
    }
    
    .pwi-hero-text-placeholder span {
        font-size: 12px !important; /* Намален с 50% от 24px */
        line-height: 1.2 !important;
        font-weight: 700 !important; /* Запазваме същото тегло като .pwi-mineral-icon */
        color: rgba(255, 255, 255, 0.8) !important; /* Бял цвят с 80% непрозрачност */
        text-shadow: 
            -0.5px -0.5px 0 rgba(201, 162, 78, 0.8),
            0.5px -0.5px 0 rgba(201, 162, 78, 0.8),
            -0.5px 0.5px 0 rgba(201, 162, 78, 0.8),
            0.5px 0.5px 0 rgba(201, 162, 78, 0.8),
            0 -0.5px 0 rgba(201, 162, 78, 0.8),
            0 0.5px 0 rgba(201, 162, 78, 0.8),
            -0.5px 0 0 rgba(201, 162, 78, 0.8),
            0.5px 0 0 rgba(201, 162, 78, 0.8) !important; /* Наситена златна рамка около буквите */
    }
    
    .pwi-hero-text-placeholder .pwi-hero-text-subtitle {
        font-size: 8px !important; /* По-малък размер за мобилни устройства */
        margin-top: 2px !important;
        text-shadow: 
            -0.3px -0.3px 0 rgba(201, 162, 78, 0.8),
            0.3px -0.3px 0 rgba(201, 162, 78, 0.8),
            -0.3px 0.3px 0 rgba(201, 162, 78, 0.8),
            0.3px 0.3px 0 rgba(201, 162, 78, 0.8),
            0 -0.3px 0 rgba(201, 162, 78, 0.8),
            0 0.3px 0 rgba(201, 162, 78, 0.8),
            -0.3px 0 0 rgba(201, 162, 78, 0.8),
            0.3px 0 0 rgba(201, 162, 78, 0.8) !important; /* Наситена златна рамка около буквите */
    }
    
    /* Мобилна версия: позициониране на placeholder-ите около 360 изображението */
    .pwi-hero-text-placeholder {
        position: absolute !important;
        margin: 0 !important;
        width: 20vw !important; /* 20% от широчината на екрана за мобилна версия */
        max-width: none !important;
        padding: 12px 10px !important;
        box-sizing: border-box;
        font-size: 12px !important;
        pointer-events: auto !important; /* Уверяваме се че кликването работи */
        cursor: pointer !important;
        z-index: 10 !important; /* Уверяваме се че са над другите елементи */
    }
    
    /* ДИНАМИЧНО ПОЗИЦИОНИРАНЕ - top се задава от JavaScript */
    .pwi-hero-text-left-1,
    .pwi-hero-text-left-2,
    .pwi-hero-text-left-3,
    .pwi-hero-text-left-4,
    .pwi-hero-text-right-1,
    .pwi-hero-text-right-2,
    .pwi-hero-text-right-3,
    .pwi-hero-text-right-4 {
        /* top се задава динамично от JavaScript */
        transform: none !important;
    }
    
    /* 4 placeholder-а вдясно от 360 изображението */
    .pwi-hero-text-right-1,
    .pwi-hero-text-right-2,
    .pwi-hero-text-right-3,
    .pwi-hero-text-right-4 {
        right: 3vw !important; /* 3% от широчината на екрана */
        left: auto !important;
    }
    
    /* Линии от контейнерите към центъра на 360 изображението за мобилна версия */
    .pwi-hero-text-placeholder::after {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        z-index: -1 !important;
        pointer-events: none !important;
        background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.76) 60%, rgba(255, 255, 255, 0.68) 70%, rgba(255, 255, 255, 0.56) 75%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0.24) 85%, rgba(255, 255, 255, 0.12) 90%, rgba(255, 255, 255, 0.04) 95%, transparent 100%) !important; /* Плавно изчезване в края - бял с 80% непрозрачност */
        height: 2px !important;
        box-shadow: 0 0 3px rgba(255, 255, 255, 0.24) !important; /* Бял блясък с 80% непрозрачност */
        mask-image: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0.95) 60%, rgba(0, 0, 0, 0.85) 70%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.15) 90%, rgba(0, 0, 0, 0.05) 95%, transparent 100%) !important;
        -webkit-mask-image: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0.95) 60%, rgba(0, 0, 0, 0.85) 70%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.15) 90%, rgba(0, 0, 0, 0.05) 95%, transparent 100%) !important; /* Златен блясък - намален интензитет */
        width: 5vw !important; /* 5% от широчината на екрана */
    }
    
    /* Линии за левите контейнери - сочат надясно към центъра */
    .pwi-hero-text-left-1::after,
    .pwi-hero-text-left-2::after,
    .pwi-hero-text-left-3::after,
    .pwi-hero-text-left-4::after {
        left: 100% !important; /* Започва от дясната страна на контейнера */
        top: 50% !important;
        transform-origin: left center !important;
    }
    
    /* Горния контейнер (left-1) - линията сочи надолу надясно към центъра */
    .pwi-hero-text-left-1::after {
        transform: translateY(-50%) rotate(30deg) !important; /* Наклон надолу надясно */
    }
    
    /* Втори контейнер (left-2) - линията сочи леко надолу надясно към центъра */
    .pwi-hero-text-left-2::after {
        transform: translateY(-50%) rotate(15deg) !important; /* Наклон надолу надясно */
    }
    
    /* Трети контейнер (left-3) - линията сочи леко нагоре надясно към центъра */
    .pwi-hero-text-left-3::after {
        transform: translateY(-50%) rotate(-15deg) !important; /* Наклон нагоре надясно */
    }
    
    /* Долния контейнер (left-4) - линията сочи нагоре надясно към центъра */
    .pwi-hero-text-left-4::after {
        transform: translateY(-50%) rotate(-30deg) !important; /* Наклон нагоре надясно */
    }
    
    /* Линии за десните контейнери - сочат наляво към центъра */
    .pwi-hero-text-right-1::after,
    .pwi-hero-text-right-2::after,
    .pwi-hero-text-right-3::after,
    .pwi-hero-text-right-4::after {
        right: 100% !important; /* Започва от лявата страна на контейнера */
        top: 50% !important;
        transform-origin: right center !important;
        background: linear-gradient(to left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.76) 60%, rgba(255, 255, 255, 0.68) 70%, rgba(255, 255, 255, 0.56) 75%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0.24) 85%, rgba(255, 255, 255, 0.12) 90%, rgba(255, 255, 255, 0.04) 95%, transparent 100%) !important; /* Плавно изчезване в края (наляво) - бял с 80% непрозрачност */
        box-shadow: 0 0 3px rgba(255, 255, 255, 0.24) !important; /* Бял блясък с 80% непрозрачност */
        mask-image: linear-gradient(to left, black 0%, black 50%, rgba(0, 0, 0, 0.95) 60%, rgba(0, 0, 0, 0.85) 70%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.15) 90%, rgba(0, 0, 0, 0.05) 95%, transparent 100%) !important;
        -webkit-mask-image: linear-gradient(to left, black 0%, black 50%, rgba(0, 0, 0, 0.95) 60%, rgba(0, 0, 0, 0.85) 70%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.15) 90%, rgba(0, 0, 0, 0.05) 95%, transparent 100%) !important;
    }
    
    /* Горния контейнер (right-1) - линията сочи надолу наляво към центъра */
    .pwi-hero-text-right-1::after {
        transform: translateY(-50%) rotate(-30deg) !important; /* Наклон надолу наляво */
    }
    
    /* Втори контейнер (right-2) - линията сочи леко надолу наляво към центъра */
    .pwi-hero-text-right-2::after {
        transform: translateY(-50%) rotate(-15deg) !important; /* Наклон надолу наляво */
    }
    
    /* Трети контейнер (right-3) - линията сочи леко нагоре наляво към центъра */
    .pwi-hero-text-right-3::after {
        transform: translateY(-50%) rotate(15deg) !important; /* Наклон нагоре наляво */
    }
    
    /* Долния контейнер (right-4) - линията сочи нагоре наляво към центъра */
    .pwi-hero-text-right-4::after {
        transform: translateY(-50%) rotate(30deg) !important; /* Наклон нагоре наляво */
    }
    
    /* Запазваме оригиналния transform за контейнерите с translateY(-50%) */
    .pwi-hero-text-left-2.pwi-hero-text-clicked,
    .pwi-hero-text-left-3.pwi-hero-text-clicked,
    .pwi-hero-text-left-4.pwi-hero-text-clicked,
    .pwi-hero-text-right-2.pwi-hero-text-clicked,
    .pwi-hero-text-right-3.pwi-hero-text-clicked,
    .pwi-hero-text-right-4.pwi-hero-text-clicked {
        transform: scale(1.1) translateY(-50%) !important; /* Запазваме translateY(-50%) за центриране */
    }
    
    /* 4 placeholder-а вляво от 360 изображението */
    .pwi-hero-text-left-1,
    .pwi-hero-text-left-2,
    .pwi-hero-text-left-3,
    .pwi-hero-text-left-4 {
        left: 3vw !important; /* 3% от широчината на екрана */
        right: auto !important;
    }
    
    /* ДИНАМИЧНО ПОЗИЦИОНИРАНЕ - top се задава от JavaScript */
    .pwi-hero-text-left-1,
    .pwi-hero-text-left-2,
    .pwi-hero-text-left-3,
    .pwi-hero-text-left-4 {
        /* top се задава динамично от JavaScript */
        transform: none !important;
    }
    
    /* Typography overrides */
    .pwi-main-title {
        font-size: 24px; /* Tablet (768px-1023px) */
    }
    
    .pwi-main-title-subtitle {
        font-size: 0.60em; /* Tablet (768px-1023px) */
    }
    
    .pwi-main-title-handwritten {
        letter-spacing: 1.5px;
    }
    
    .pwi-modal-title {
        font-size: 24px;
    }
    
    .pwi-modal-badge {
        font-size: 16px;
    }
    
    .pwi-lab-results-title {
        font-size: 24px;
    }
    
    .pwi-lab-results-card-modal .pwi-lab-results-title {
        font-size: 24px;
    }
    
    .pwi-lab-results-card-modal .pwi-lab-results-desc {
        font-size: 14px;
    }
    
    .pwi-lab-modal-title {
        font-size: 24px;
    }
    
    .pwi-product-info-title {
        font-size: 28px;
    }
    
    .pwi-product-info-section-title {
        font-size: 20px;
    }
    
    .pwi-product-info-subtitle {
        font-size: 18px;
    }
    
    .pwi-product-info-text {
        font-size: 14px;
        line-height: 1.6;
    }
    
    .pwi-section-lead,
    .pwi-section-text {
        text-align: center;
        font-size: 15px;
        line-height: 1.6;
    }
    
    .pwi-mineral-icon {
        font-size: 36px;
    }
    
    .pwi-mineral-title {
        font-size: 18px;
    }
    
    .pwi-mineral-desc {
        font-size: 14px;
    }
    
    .pwi-cta-title {
        font-size: 32px;
        line-height: 1.2;
    }
    
    .pwi-cta-text {
        font-size: 16px;
        line-height: 1.6;
    }
    
    .pwi-limited-edition-arrow {
        font-size: 24px;
    }
    
    .pwi-our-water-arrow {
        font-size: 24px;
    }
    
    .pwi-lab-results-icon {
        font-size: 36px;
    }
    
    .pwi-product-info-close {
        font-size: 32px;
    }
    
    .pwi-product-info-handwritten {
        font-size: 18px !important;
    }
    
    .pwi-zn-modal-icon {
        font-size: 48px;
    }
    
    .pwi-zn-modal-title {
        font-size: 28px;
    }
    
    .pwi-zn-modal-close {
        font-size: 32px;
    }
    
    .pwi-zn-modal-text {
        font-size: 14px;
        line-height: 1.6;
    }
    
    .pwi-mg-modal-icon {
        font-size: 48px;
    }
    
    /* Spacing overrides (moved from Base "was 768px") */
    .pwi-k-modal.active {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    
    .pwi-k-modal-content {
        padding: 40px 25px 40px 25px;
        margin: 20px auto 80px auto;
    }
    
    .pwi-k-modal-header {
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .pwi-k-modal-icon {
        margin-bottom: 12px;
    }
    
    .pwi-recycle-modal.active {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    
    .pwi-recycle-modal-content {
        padding: 40px 25px 40px 25px;
        margin: 20px auto 80px auto;
    }
    
    .pwi-recycle-modal-header {
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .pwi-recycle-modal-icon {
        margin-bottom: 12px;
    }
    
    .pwi-mountain-modal.active {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    
    .pwi-mountain-modal-content {
        padding: 40px 25px 40px 25px;
        margin: 20px auto 80px auto;
    }
    
    .pwi-mountain-modal-header {
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .pwi-mountain-modal-icon {
        margin-bottom: 12px;
    }
    
    .pwi-limited-modal-icon {
        margin-bottom: 12px;
    }
    
    .pwi-flavor-modal.active {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    
    .pwi-flavor-modal-content {
        padding: 40px 25px 40px 25px;
        margin: 20px auto 80px auto;
    }
    
    .pwi-flavor-modal-header {
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .pwi-flavor-modal-icon {
        margin-bottom: 12px;
    }
    
    .pwi-design-modal.active {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    
    .pwi-design-modal-content {
        padding: 40px 25px 40px 25px;
        margin: 20px auto 80px auto;
    }
    
    .pwi-design-modal-header {
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .pwi-design-modal-icon {
        margin-bottom: 12px;
    }
    
    .pwi-immune-modal.active {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    
    .pwi-immune-modal-content {
        padding: 40px 25px 40px 25px;
        margin: 20px auto 80px auto;
    }
    
    .pwi-immune-modal-header {
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .pwi-contact-subtitle {
        margin-bottom: 40px;
    }
    
    .pwi-form-group {
        margin-bottom: 12px;
    }
    
    .pwi-form-group-row {
        gap: 0;
        margin-bottom: 12px;
    }
    
    .pwi-form-field-wrapper {
        margin-bottom: 12px;
    }
    
    .pwi-order-modal-content {
        padding: 33.25px 19px 33.25px 19px;
        margin: 20px auto 80px auto;
    }
    
    .pwi-order-gallery-modal-content {
        padding: 38px 23.75px 28.5px 23.75px;
    }
    
    .pwi-video-header-icons {
        gap: 15px;
        top: 15px;
        right: 15px;
    }
    
    
    .pwi-hero {
        padding: 5px 0 50px 0;
        margin: 0;
    }
    
    .pwi-hero-container-2 {
        padding: 30px 0 50px 0;
    }
    
    .pwi-hero-container-3 {
        padding: 30px 0 50px 0;
    }
    
    .pwi-hero-buttons {
        margin-top: 30px;
        margin-bottom: 15px;
        gap: 12px;
    }
    
    .pwi-hero-text {
        margin-bottom: 10px;
        padding: 0 10px;
    }
    
    .pwi-hero-text-right {
        margin-top: 0;
    }
    
    .pwi-hero-personal {
        margin-top: 0;
    }
    
    .pwi-hero-bottle-wrapper {
        margin: 0 0 20px 0;
    }
    
    .pwi-bubble-content {
        padding: 12px;
        margin: 0 auto;
    }
    
    .pwi-hero-cta {
        margin-top: 30px;
    }
    
    .pwi-section {
        padding: 50px 0;
        margin: 0 var(--pwi-section-margin-horizontal-tablet) var(--pwi-section-margin-bottom-tablet) var(--pwi-section-margin-horizontal-tablet);
    }
    
    .pwi-section-values {
        padding: 10px 0 !important; /* Tablet: 768px-1023px - намален padding отгоре и отдолу */
        min-height: 0 !important; /* Премахва min-height: 50vh от .pwi-section за да няма излишно пространство */
    }
    
    .pwi-hero-container-wrapper .pwi-hero-nav-prev,
    .pwi-hero-container-2 .pwi-hero-nav-prev,
    .pwi-hero-container-3 .pwi-hero-nav-prev {
        left: 10px !important;
    }
    
    .pwi-hero-container-wrapper .pwi-hero-nav-next,
    .pwi-hero-container-2 .pwi-hero-nav-next,
    .pwi-hero-container-3 .pwi-hero-nav-next {
        right: 10px !important;
    }
    
    .pwi-limited-edition-card:not(.pwi-hero-buttons-wrapper .pwi-limited-edition-card) {
        bottom: 15px;
    }
    
    .pwi-limited-modal-body .pwi-order-delivery-title {
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .pwi-lab-modal.active {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    
    .pwi-lab-modal-content {
        padding: 20px 15px;
        margin: 20px auto 80px auto;
    }
    
    .pwi-lab-modal-title {
        margin-bottom: 20px;
    }
    
    .pwi-lab-table th,
    .pwi-lab-table td {
        padding: 6px 4px;
    }
    
    .pwi-hero-buttons .pwi-btn-primary,
    .pwi-hero-buttons .pwi-btn-secondary {
        padding: 10px 24px !important;
    }
    
    .pwi-hero::before {
        top: calc(45vh / 2);
        left: 50%;
    }
    
    .pwi-hero::after {
        top: calc(45vh * 0.7);
        left: 0;
        bottom: 0;
    }
    
    .pwi-hero-bottle.Sirv,
    .pwi-hero-bottle .Sirv,
    .pwi-hero-bottle iframe,
    .pwi-hero-bottle > div[class*="Sirv"],
    .pwi-hero-bottle > div[data-src] {
        transform-origin: top center;
    }
    
    .pwi-bubble-1 {
        top: 5% !important;
        left: -5% !important;
    }
    
    .pwi-bubble-2 {
        top: 50% !important;
        left: -6% !important;
    }
    
    .pwi-bubble-3 {
        top: 80% !important;
        left: -5% !important;
    }
    
    .pwi-bubble-4 {
        top: 5% !important;
        right: -5% !important;
    }
    
    .pwi-bubble-5 {
        top: 50% !important;
        right: -6% !important;
    }
    
    .pwi-bubble-6 {
        top: 80% !important;
        right: -5% !important;
    }
    
    
    .pwi-design-images-wrapper {
        /* Размерите са премахнати - започваме отначало */
    }
    
    .pwi-design-image-container {
        /* Размерите са премахнати - започваме отначало */
    }
    
    /* Coming Soon Section - Tablet (768px+) */
    .pwi-coming-soon-titles-wrapper {
        width: calc(100% - 40px);
        margin: 0 20px 15px 20px;
        font-size: 36px;
        gap: 15px;
        flex-direction: row;
    }
    
    .pwi-coming-soon-images-wrapper {
        width: calc(100% - 40px);
        margin: 0 20px 25px 20px;
        gap: 15px;
        flex-direction: row;
    }
    
    .pwi-coming-soon-item-title {
        margin-top: 8px;
    }
    
    .pwi-coming-soon-badge {
        bottom: 12px;
        right: 12px;
        padding: 6px 12px;
        font-size: 12px;
        border-radius: 15px;
    }
    
    .pwi-history-container {
        width: calc(100% - calc(var(--pwi-container-margin-horizontal-tablet) * 2));
        margin: 0 var(--pwi-container-margin-horizontal-tablet) var(--pwi-container-margin-bottom-tablet) var(--pwi-container-margin-horizontal-tablet); /* Tablet: 768px+ */
        border-radius: 18px;
        overflow: hidden;
    }
    
    .pwi-history-image {
        border-radius: 18px;
    }
    
    .pwi-history-content {
        padding: 30px 25px;
    }
    
    .pwi-history-text {
        padding-bottom: 0;
    }
    
    .pwi-history-text::first-letter {
        margin-right: 6px !important;
        padding-right: 8px !important;
    }
    
    .pwi-story-signature {
        margin: 15px 0 15px 20px;
    }
    
    .pwi-history-card {
        bottom: 15px;
    }
    
    .pwi-history-arrow {
        top: 0 !important;
    }
    
    .pwi-water-path-wrapper {
        gap: 30px;
        margin: 0 20px 25px 20px;
    }
    
    .pwi-section-water-path-left .pwi-container,
    .pwi-section-water-path-right .pwi-container {
        padding: 0 var(--pwi-container-padding-horizontal-tablet);
    }
    
    .pwi-section-water-path-left .pwi-section-text,
    .pwi-section-water-path-right .pwi-section-text {
        padding: 0 20px;
    }
    
    .pwi-immune-wrapper {
        gap: 30px;
        margin: 0 20px 25px 20px;
    }
    
    .pwi-immune-wrapper-bottom {
        gap: 30px;
        margin: 0 20px 25px 20px;
    }
    
    .pwi-anthracite-wrapper {
        gap: 30px;
        margin: 0 20px 25px 20px;
    }
    
    .pwi-section-anthracite-left .pwi-container,
    .pwi-section-anthracite-center .pwi-container,
    .pwi-section-anthracite-right .pwi-container {
        padding: 0 var(--pwi-container-padding-horizontal-tablet);
    }
    
    .pwi-section-anthracite-left .pwi-section-text,
    .pwi-section-anthracite-center .pwi-section-text,
    .pwi-section-anthracite-right .pwi-section-text {
        padding: 0 20px;
    }
    
    .pwi-section-immune-bottom-left .pwi-container,
    .pwi-section-immune-bottom-right .pwi-container {
        padding: 0 var(--pwi-container-padding-horizontal-tablet);
    }
    
    .pwi-section-immune-bottom-left .pwi-section-text,
    .pwi-section-immune-bottom-right .pwi-section-text {
        padding: 0 20px;
    }
    
    .pwi-section-immune-left .pwi-container,
    .pwi-section-immune-center .pwi-container,
    .pwi-section-immune-right .pwi-container {
        padding: 0 var(--pwi-container-padding-horizontal-tablet);
    }
    
    .pwi-section-immune-left .pwi-section-text,
    .pwi-section-immune-center .pwi-section-text,
    .pwi-section-immune-right .pwi-section-text {
        padding: 0 20px;
    }
    
    .pwi-section-content {
        gap: 30px;
    }
    
    .pwi-section-title {
        margin-bottom: 20px;
    }
    
    .pwi-section-text p {
        margin-bottom: 15px;
    }
    
    .pwi-minerals-grid {
        gap: 20px;
        margin-top: 20px;
    }
    
    .pwi-mineral-card {
        padding: 20px;
    }
    
    .pwi-mineral-icon {
        margin-bottom: 12px;
    }
    
    .pwi-mineral-title {
        margin-top: 15px;
    }
    
    .pwi-values-grid {
        grid-template-columns: repeat(3, 1fr); /* Tablet: 768-1023px - 3 колони на един ред */
        gap: 25px;
    }
    
    .pwi-value-item {
        padding: 20px 15px;
    }
    
    .pwi-value-icon {
        margin-bottom: 15px;
    }
    
    .pwi-values-quote {
        font-size: 24px !important; /* Tablet: 768-1023px */
        margin: 30px 0 0 0;
    }
    
    .pwi-value-card {
        padding: 25px;
    }
    
    .pwi-cta-text {
        margin-bottom: 25px;
    }
    
    /* ПРАВИЛО ПРЕМАХНАТО - преместено в @media (min-width: 768px) and (max-width: 1023px) за да не се прилага за desktop */
    
    /* Уеднаквени правила за колоните на tablet */
    .pwi-footer-social,
    .pwi-footer-column {
        height: auto !important; /* Премахва фиксирана височина - адаптира се според съдържанието */
        min-height: 0 !important; /* Премахва минимална височина */
        margin-top: 0;
        margin-bottom: 20px; /* Адекватно разстояние между колоните */
    }
    
    .pwi-footer-column:last-child,
    .pwi-footer-social:last-child {
        margin-bottom: 0; /* Последната колона няма разстояние отдолу */
    }
    
    .pwi-footer-title {
        margin-bottom: 18px;
    }
    
    .pwi-footer-logo {
        margin-top: 40px;
        padding-top: 30px;
    }
    
    .pwi-story-text p:first-of-type::first-letter {
        margin-right: 0px;
    }
    
    .pwi-story-signature {
        margin: 15px 0 15px 20px;
    }
    
    .pwi-btn-primary:not(.pwi-hero-buttons .pwi-btn-primary),
    .pwi-btn-primary-large {
        padding: 16px 30px;
    }
    
    .pwi-form-field-wrapper:last-child {
        margin-bottom: 0;
    }
    
    .pwi-form-hint-wrapper {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .pwi-form-group-submit {
        margin-top: 12px;
    }
    
    .pwi-contact-modal-close {
        top: 10px;
        right: 15px;
    }
    
    .pwi-limited-modal-body .pwi-order-delivery-title {
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .pwi-container-progress-indicator {
        padding: 10px 0;
    }
    
    .pwi-scroll-to-top {
        bottom: 20px;
        right: 20px;
    }
    
    .pwi-main-title {
        margin-bottom: 12px;
        padding: 0 15px;
    }
    
    .pwi-main-title-subtitle {
        margin-top: 8px;
    }
    
    .pwi-video-header {
        margin: 0 0 25px 0;
    }
    
    .pwi-modal-content {
        padding: 0 40px;
    }
    
    .pwi-modal-title {
        /* margin-bottom removed - using absolute positioning */
    }
    
    .pwi-modal-badge {
        padding: 6px 12px;
    }
    
    .pwi-limited-modal.active {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .pwi-lab-results-card {
        padding: 30px 20px;
    }
    
    .pwi-product-info-modal.active {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    
    .pwi-product-info-content {
        padding: 40px 25px 40px 25px;
        margin: 20px auto 80px auto;
    }
    
    .pwi-product-info-header {
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .pwi-product-info-logo {
        margin-bottom: 12px;
    }
    
    .pwi-product-info-section-title {
        margin-bottom: 15px;
    }
    
    .pwi-product-info-subtitle {
        margin: 20px 0 12px 0;
    }
    
    .pwi-product-info-text {
        margin-bottom: 12px;
    }
    
    .pwi-product-info-text-image {
        margin-right: 15px;
    }
    
    .pwi-product-info-handwritten {
        margin-top: 20px !important;
    }
    
    .pwi-zn-modal.active {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    
    .pwi-zn-modal-content {
        padding: 40px 25px 40px 25px;
        margin: 20px auto 80px auto;
    }
    
    .pwi-zn-modal-header {
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .pwi-zn-modal-icon {
        margin-bottom: 12px;
    }
    
    .pwi-mg-modal.active {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    
    .pwi-mg-modal-content {
        padding: 40px 25px 40px 25px;
        margin: 20px auto 80px auto;
    }
    
    .pwi-mg-modal-header {
        margin-bottom: 25px;
        padding-bottom: 12px;
    }
    
    .pwi-mg-modal-icon {
        margin-bottom: 12px;
    }
    
    .pwi-lab-results-card-modal {
        margin-top: 30px;
        padding: 25px 20px;
    }
    
    .pwi-contact-modal.active {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    
    .pwi-contact-modal-content {
        padding: 40px 25px 40px 25px;
        margin: 20px auto 80px auto;
    }
}

/* Tablet-specific rules (768px-1023px) - отделни от desktop за да не се презаписват */
/* ПРАВИЛО ПРЕМАХНАТО - обединено в основния tablet media query (@media min-width: 768px and max-width: 1023px) на ред 9632 */