/* 
===============================================
FONTURI PERSONALIZATE COFETĂRIA HETS - TEMPORAR DEZACTIVATE
PROBLEMA: Toate fișierele WOFF/WOFF2 sunt corupte (metadata text, nu binare)
SOLUȚIE TEMPORARĂ: Folosim fallback-uri sistem până la înlocuirea fonturilor
- Playfair Display → Georgia, serif
- Raleway → 'Segoe UI', Tahoma, sans-serif  
- Kalam → cursive
===============================================
*/

/* FONTURI CORUPTE - COMENTATE TEMPORAR
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/PlayfairDisplay-700.woff2') format('woff2'),
         url('fonts/PlayfairDisplay-700.woff') format('woff');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/Raleway-400.woff2') format('woff2'),
         url('fonts/Raleway-400.woff') format('woff');
}

@font-face {
    font-family: 'Kalam';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/Kalam-400.woff2') format('woff2'),
         url('fonts/Kalam-400.woff') format('woff');
}
*/

/* Dancing Script - Fonturi decorative cursive */
@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/DancingScript-400.ttf') format('truetype');
    unicode-range: U+0020-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 
                   U+0100-024F, U+1E00-1EFF, U+0218-021B;
}

@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/DancingScript-500.ttf') format('truetype');
    unicode-range: U+0020-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 
                   U+0100-024F, U+1E00-1EFF, U+0218-021B;
}

@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/DancingScript-600.ttf') format('truetype');
    unicode-range: U+0020-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 
                   U+0100-024F, U+1E00-1EFF, U+0218-021B;
}

@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/DancingScript-700.ttf') format('truetype');
    unicode-range: U+0020-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 
                   U+0100-024F, U+1E00-1EFF, U+0218-021B;
}

/* Cormorant Garamond - Font serif elegant pentru design special */
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/CormorantGaramond-600.ttf') format('truetype');
    unicode-range: U+0020-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 
                   U+0100-024F, U+1E00-1EFF, U+0218-021B;
}

@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/CormorantGaramond-700.ttf') format('truetype');
    unicode-range: U+0020-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 
                   U+0100-024F, U+1E00-1EFF, U+0218-021B;
}

/* Lora - Font serif pentru text body elegant */
@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/Lora-400.ttf') format('truetype');
    unicode-range: U+0020-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 
                   U+0100-024F, U+1E00-1EFF, U+0218-021B;
}

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/Lora-500.ttf') format('truetype');
    unicode-range: U+0020-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 
                   U+0100-024F, U+1E00-1EFF, U+0218-021B;
}

/* 
===============================================
VARIABILE CSS ȘI STILURI DE BAZĂ
===============================================
*/
:root{--color-background:#1a1a1a;--color-text:#f0f0f0;--color-primary-accent:#c5a47e;--color-secondary-accent:#222222;--font-headings:'Playfair Display',Georgia,serif;--font-body:'Raleway','Segoe UI',Tahoma,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-background);color:var(--color-text);line-height:1.7;contain:paint;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.content-padding{padding:100px 5%;text-align:center}
.section-title{font-family:var(--font-headings);font-size:2.8em;color:var(--color-primary-accent);margin-bottom:10px}
.section-subtitle{font-family:cursive;font-size:1.3em;max-width:700px;margin:0 auto 50px auto;font-weight:400;color:#ffffff;text-shadow:1px 1px 2px rgba(0,0,0,0.1);font-style:normal;letter-spacing:0.2px}

img{max-width:100%;height:auto;display:block;contain:layout style paint;opacity:1 !important;visibility:visible !important}
/* Toate imaginile cu loading="lazy" să fie vizibile instant */
img[loading="lazy"]{opacity:1 !important;visibility:visible !important}
/* Forțează vizibilitatea tuturor imaginilor */
.carousel-item img{width:250px;height:auto;object-fit:contain;max-height:250px;opacity:1 !important;visibility:visible !important}
.logo-img{height:120px;max-height:120px;width:auto;display:block;opacity:1 !important;visibility:visible !important}
.anpc-link img{width:171px!important;height:45px!important;max-width:171px!important;max-height:45px!important}
a{color:var(--color-primary-accent);text-decoration:none;transition:color 0.3s ease}
a:hover{color:#ffffff}
.main-header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:rgba(26,26,26,0.8);position:sticky;width:100%;top:0;z-index:1000;backdrop-filter:blur(5px);contain:layout style paint}
/* Desktop navigation - visible only on desktop */
.desktop-nav{display:flex}
.desktop-nav ul{list-style:none;display:flex;align-items:center}
.desktop-nav ul li a{font-family:var(--font-body);cursor:pointer;padding:10px 15px;font-weight:500;text-transform:uppercase;font-size:0.9em;border-bottom:2px solid transparent;transition:all 0.3s ease;padding-top:8px;padding-bottom:8px}
.desktop-nav ul li a.active,.desktop-nav ul li a:hover{color:#ffffff;border-bottom:2px solid var(--color-primary-accent)}

/* Mobile navigation - hidden by default */
.main-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:1000;flex-direction:column;justify-content:center;align-items:center}
.main-nav ul{list-style:none;display:flex;align-items:center}
.main-nav ul li a{font-family:var(--font-body);cursor:pointer;padding:10px 15px;font-weight:500;text-transform:uppercase;font-size:0.9em;border-bottom:2px solid transparent;transition:all 0.3s ease;padding-top:8px;padding-bottom:8px}
.main-nav ul li a.active,.main-nav ul li a:hover{color:#ffffff;border-bottom:2px solid var(--color-primary-accent)}

.nav-toggle{display:none}
.btn{display:inline-block;padding:12px 30px;font-family:var(--font-body);font-weight:500;text-transform:uppercase;border:2px solid var(--color-primary-accent);border-radius:50px;margin-top:20px;letter-spacing:1px;transition:all 0.3s ease;cursor:pointer}
.btn-primary{background:var(--color-primary-accent);color:var(--color-background)}
.btn-primary:hover,.btn-primary:focus{
    background:#b8946b;
    color:#1a1a1a;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(197, 164, 126, 0.3);
}

.btn-primary:active{background:#a78159;color:#1a1a1a}
.btn-secondary{background:transparent;color:var(--color-primary-accent)}
.btn-secondary:hover{
    background:var(--color-primary-accent);
    color:var(--color-background);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(197, 164, 126, 0.3);
}
.btn-whatsapp{background:#25D366 !important;color:white !important;border:2px solid #25D366 !important;border-color:#25D366 !important;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;margin-top:15px;box-shadow:0 6px 16px rgba(37,211,102,0.25);transform:translateZ(0);transition:transform .15s ease,box-shadow .2s ease;text-decoration:none !important}
.btn-whatsapp:hover{
    background:#1DAE54 !important;
    border-color:#1DAE54 !important;
    color:white !important;
    box-shadow:0 8px 20px rgba(29,174,84,0.4) !important;
    transform:translateY(-2px) !important;
    text-decoration:none !important;
}
.btn-whatsapp:focus,.btn-whatsapp:active,.btn-whatsapp:visited{background:#25D366 !important;color:white !important;border-color:#25D366 !important;text-decoration:none !important}
.btn-whatsapp svg{width:20px;height:20px;fill:white !important}
.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;overflow:hidden;background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url(https://i.ibb.co/t5jG7qy/backround.webp) no-repeat center center/cover;contain:layout style paint}
.hero-section::before{content:none}
.hero-content{position:relative;z-index:3}
.hero-slogan{font-family:var(--font-headings);font-size:4.5em;color:#ffffff;font-weight:700;text-shadow:2px 2px 10px rgba(0,0,0,0.5)}

/* === VINTAGE ABOUT SECTION === */
.vintage-about-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 20px;
}

.vintage-frame {
    position: relative;
    background: linear-gradient(145deg, #f4f1e8, #e8e0d0);
    border-radius: 8px;
    padding: 30px;
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border: 3px solid #8b7355;
}

/* Film Perforations */
.film-perforation {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    background: repeating-linear-gradient(
        to bottom,
        transparent 0px,
        transparent 15px,
        #6b5b47 15px,
        #6b5b47 25px,
        transparent 25px,
        transparent 40px
    );
    z-index: 1;
}

.film-left { left: 0; }
.film-right { right: 0; }

.vintage-content {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 40px;
    align-items: center;
    margin: 0 30px;
}

/* Vintage Photo Section */
.vintage-photo-section {
    text-align: center;
}

.vintage-photo {
    position: relative;
    display: inline-block;
    padding: 15px;
    background: #ffffff;
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transform: rotate(-2deg);
    transition: transform 0.3s ease;
}

.vintage-photo:hover {
    transform: rotate(0deg) scale(1.02);
}

.vintage-photo img {
    width: 280px;
    height: 200px;
    object-fit: cover;
    filter: sepia(25%) contrast(1.1) brightness(0.9);
    border: 2px solid #d4c4a8;
}

.photo-vintage-overlay {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background: 
        radial-gradient(circle at 20% 30%, rgba(139, 115, 85, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(101, 82, 62, 0.08) 0%, transparent 40%);
    pointer-events: none;
}

/* Photo Corners */
.photo-corner {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

.corner-tl {
    top: 8px;
    left: 8px;
    border-width: 15px 15px 0 0;
    border-color: #8b7355 transparent transparent transparent;
}

.corner-tr {
    top: 8px;
    right: 8px;
    border-width: 0 15px 15px 0;
    border-color: transparent #8b7355 transparent transparent;
}

.corner-bl {
    bottom: 8px;
    left: 8px;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #8b7355 transparent;
}

.corner-br {
    bottom: 8px;
    right: 8px;
    border-width: 15px 0 0 15px;
    border-color: transparent transparent transparent #8b7355;
}

.vintage-label {
    margin-top: 20px;
    position: relative;
}

.vintage-label h3 {
    font-family: var(--font-headings);
    font-size: 2.5em;
    color: #8b7355;
    margin: 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.vintage-label p {
    font-family: var(--font-body);
    font-style: italic;
    color: #6b5b47;
    margin: 5px 0 15px 0;
    font-size: 1.1em;
    letter-spacing: 1px;
}

.label-decoration {
    width: 60px;
    height: 2px;
    background: linear-gradient(to right, transparent, #c5a47e, transparent);
    margin: 0 auto;
    position: relative;
}

.label-decoration::before,
.label-decoration::after {
    content: '';
    position: absolute;
    top: -3px;
    width: 8px;
    height: 8px;
    background: #c5a47e;
    border-radius: 50%;
}

.label-decoration::before { left: -4px; }
.label-decoration::after { right: -4px; }

/* Vintage Text Section */
.vintage-text-section {
    background: rgba(255, 255, 255, 0.7);
    padding: 30px;
    border-radius: 5px;
    border: 1px solid #d4c4a8;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
}

.vintage-title {
    font-family: var(--font-headings);
    font-size: 2.2em;
    color: #8b7355;
    margin: 0 0 15px 0;
    text-align: center;
}

/* Mobile Vintage Label - ascuns pe desktop */
.mobile-vintage-label {
    display: none;
    text-align: center;
    margin-bottom: 20px;
}

.mobile-vintage-label h3 {
    font-family: var(--font-headings);
    font-size: 2.5em;
    color: #8b7355;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.mobile-vintage-label p {
    font-family: var(--font-body);
    font-size: 1.1em;
    color: #666;
    margin: 5px 0 10px 0;
    font-style: italic;
}

.mobile-vintage-label .label-decoration {
    width: 80px;
    height: 2px;
    background: linear-gradient(to right, transparent, #c5a47e, transparent);
    margin: 0 auto;
}

.vintage-divider {
    width: 100px;
    height: 3px;
    background: linear-gradient(to right, transparent, #c5a47e, transparent);
    margin: 0 auto 25px auto;
    position: relative;
}

.vintage-divider::before {
    content: '❦';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    color: #c5a47e;
    font-size: 1.2em;
    background: rgba(255, 255, 255, 0.9);
    padding: 0 8px;
}

.vintage-paragraph {
    font-size: 1.05em;
    line-height: 1.7;
    color: #4a4a4a;
    margin-bottom: 18px;
    text-align: left;
    position: relative;
    padding-left: 15px;
}

.vintage-paragraph::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    background: #c5a47e;
    border-radius: 50%;
}

/* Vintage Stamp */
.vintage-stamp {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    background: 
        radial-gradient(circle at center, #8b7355 30%, transparent 30%),
        repeating-conic-gradient(from 0deg at center, #8b7355 0deg 3deg, transparent 3deg 6deg);
    border-radius: 8px;
    transform: rotate(15deg);
    z-index: 10;
}

.stamp-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}

.stamp-year {
    font-size: 1.4em;
    line-height: 1;
}

.stamp-text {
    font-size: 0.8em;
    opacity: 0.9;
}

/* Vintage Effects */
.vintage-scratches {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0.1;
    background: 
        linear-gradient(45deg, transparent 48%, rgba(0, 0, 0, 0.02) 49%, rgba(0, 0, 0, 0.02) 51%, transparent 52%),
        linear-gradient(-45deg, transparent 48%, rgba(0, 0, 0, 0.02) 49%, rgba(0, 0, 0, 0.02) 51%, transparent 52%);
}

.vintage-dust {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: 
        radial-gradient(circle at 25% 25%, rgba(139, 115, 85, 0.03) 1px, transparent 1px),
        radial-gradient(circle at 75% 75%, rgba(139, 115, 85, 0.03) 1px, transparent 1px),
        radial-gradient(circle at 50% 90%, rgba(139, 115, 85, 0.02) 1px, transparent 1px);
    background-size: 50px 50px, 30px 30px, 70px 70px;
}

/* Vintage Animations - REMOVED */
.map-section{background:var(--color-secondary-accent)}
.map-container{position:relative;max-width:900px;height:600px;margin:50px auto}
.map-path-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.map-path{stroke-width:2px;stroke:var(--color-primary-accent);stroke-dasharray:1500;stroke-dashoffset:1500;animation:draw-path 5s ease-out forwards;animation-play-state:paused}
.map-container.is-visible .map-path{animation-play-state:running}
@keyframes draw-path{to{stroke-dashoffset:0}}
.map-point{position:absolute;width:250px;text-align:center;opacity:0;animation:fade-in-map-point 1s ease-out forwards;animation-play-state:paused}
.map-container.is-visible .map-point-1{animation-delay:0.5s;animation-play-state:running}
.map-container.is-visible .map-point-2{animation-delay:2s;animation-play-state:running}
.map-container.is-visible .map-point-3{animation-delay:3.5s;animation-play-state:running}
.map-container.is-visible .map-point-4{animation-delay:1.5s;animation-play-state:running}
@keyframes fade-in-map-point{to{opacity:1}}
.map-point .icon{margin:0 auto 15px auto;width:60px;height:60px;border-radius:50%;border:2px solid var(--color-primary-accent);background:var(--color-background);display:flex;align-items:center;justify-content:center}
.map-point .icon svg{width:32px;height:32px;stroke:var(--color-primary-accent);stroke-width:1.5}
.map-point h3{font-family:var(--font-headings);color:var(--color-primary-accent);font-size:1.4em}
.map-point p{font-family:var(--font-body);font-size:0.9em;opacity:0.8}
/* === CAROUSEL INFINIT SIMPLU === */
.gallery-section{background:var(--color-secondary-accent);margin:50px 0}

/* Carousel infinit fără întreruperi */
.infinite-carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    
    /* Fără borduri decorative - doar pozele */
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    padding: 0;
    margin: 60px auto 0 auto; /* Primul carusel - margin-bottom: 0 */
    max-width: 100%;
}

.carousel-track {
    display: flex;
    width: calc(18 * 402px); /* 18 imagini × (400px + 2px gap) = 7236px */
    animation: infiniteScroll 60s linear infinite;
    will-change: transform;
    border-radius: 0;
    transition: none; /* Elimină tranzițiile care pot interfera cu animația */
    overflow: hidden;
}

.carousel-item {
    flex: 0 0 320px; /* Imagini mai mici - 320px în loc de 400px */
    height: 280px; /* Înălțime redusă - 280px în loc de 340px */
    margin-right: 2px; /* Distanță foarte foarte mică între imagini - doar 2px */
    overflow: hidden;
    border-radius: 0; /* Fără colțuri rotunjite */
    box-shadow: none; /* FĂRĂ umbră gri */
    background-color: transparent; /* Fundal transparent pentru eliminarea diferențelor de alb */
}

.carousel-item:last-child {
    margin-right: 0; /* Eliminăm marginea de la ultima imagine */
}

.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Schimbat din cover în contain pentru a vedea toată poza */
    object-position: center;
    transition: transform 0.3s ease;
    border-radius: 0; /* Fără colțuri rotunjite pe imagini */
    display: block;
    /* Îmbunătățește contrastul pentru textul din imagini */
    filter: contrast(1.1) brightness(0.95) saturate(1.1);
    background-color: transparent; /* Fundal transparent în loc de alb */
}

/* Efect hover doar pe imagini, NU pe animație */
.carousel-item:hover img {
    transform: scale(1.05);
}

/* Animația infinită - curgere continuă cu gap foarte mic */
@keyframes infiniteScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-9 * 322px)); /* Jumătate din imagini = 9 × 322px (320px + 2px margin) */
    }
}

/* Forțare pornire animație - FĂRĂ PAUSE LA HOVER */
.carousel-track {
    animation-play-state: running !important;
    animation-fill-mode: none;
    animation-delay: 0s;
}

/* Al treilea carousel - pachet torturi - sens normal ca primul */
.torturi-carousel {
    margin-top: -10px; /* Suprapunere ca la al doilea */
    margin-bottom: 20px; /* Spațiu jos pentru secțiunea următoare */
}

.torturi-track {
    animation: infiniteScroll 70s linear infinite; /* Viteza diferită - 70s */
}

/* Responsive pentru carousel infinit */
@media (max-width: 768px) {
    /* Carouseluri de categorii - responsive pentru tablet - design simplu fără decorațiuni */
    .category-carousel {
        border-radius: 0; /* Eliminat border-radius */
        padding: 0; /* Eliminat padding */
        margin: 40px auto 30px auto;
        max-width: 95%;
        border-width: 0; /* Eliminat border */
    }
    
    .category-carousel .carousel-track {
        width: calc(36 * 300px); /* 36 imagini × 300px - FĂRĂ GAP */
        animation: categoryCarouselMobile 75s linear infinite;
        border-radius: 0; /* Eliminat border-radius */
    }
    
    .category-carousel .carousel-item {
        flex: 0 0 300px;
        height: 240px;
        margin-right: 0; /* FĂRĂ GAP - imagini complet lipite */
        border-radius: 0; /* Eliminat border-radius */
        box-shadow: none; /* Eliminat box-shadow */
        background-color: transparent;
        border: none; /* Eliminat border */
    }
    
    .category-carousel .carousel-item img {
        border-radius: 0; /* Eliminat border-radius */
        background-color: transparent;
        object-fit: cover; /* Înapoi la cover pe tablet */
    }

    @keyframes categoryCarouselMobile {
        0% { transform: translateX(0); }
        100% { transform: translateX(-10800px); } /* 36 * 300px FĂRĂ gap */
    }

    .infinite-carousel {
        border-radius: 0;
        padding: 0;
        margin: 40px auto 15px auto; /* Măresc spațiul de sus și pe mobile */
        max-width: 100%;
        min-height: auto;
    }
    
    .carousel-track {
        width: 12684px; /* 42 imagini × 302px (300px + 2px gap) = 12684px */
        animation: infiniteScrollMobile 90s linear infinite;
        border-radius: 0;
    }
    
    .carousel-item {
        flex: 0 0 300px;
        height: 240px; /* Înălțime mărită pe tablet */
        margin-right: 2px; /* Gap foarte mic pe mobile */
        border-radius: 0;
        box-shadow: none; /* FĂRĂ umbră gri pe mobile */
    }
    
    .carousel-item img {
        border-radius: 0;
    }
    
    @keyframes infiniteScrollMobile {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-6342px); /* 21 * (300px + 2px) = 21 * 302px = 6342px */
        }
    }
}

@media (max-width: 480px) {
    /* Carouseluri de categorii - responsive pentru mobile mic - design simplu fără decorațiuni */
    .category-carousel {
        border-radius: 0; /* Eliminat border-radius */
        padding: 0; /* Eliminat padding */
        margin: 30px auto 20px auto;
        max-width: 95%;
        border-width: 0; /* Eliminat border */
    }
    
    .category-carousel .carousel-track {
        width: calc(36 * 250px); /* 36 imagini × 250px - FĂRĂ GAP */
        animation: categoryCarouselSmall 80s linear infinite;
        border-radius: 0; /* Eliminat border-radius */
    }
    
    .category-carousel .carousel-item {
        flex: 0 0 250px;
        height: 200px;
        margin-right: 0; /* FĂRĂ GAP - imagini complet lipite */
        border-radius: 0; /* Eliminat border-radius */
        box-shadow: none; /* Eliminat box-shadow */
        background-color: transparent;
        border: none; /* Eliminat border */
    }
    
    .category-carousel .carousel-item img {
        border-radius: 0; /* Eliminat border-radius */
        background-color: transparent;
        object-fit: cover; /* Înapoi la cover pe mobile */
    }

    @keyframes categoryCarouselSmall {
        0% { transform: translateX(0); }
        100% { transform: translateX(-9000px); } /* 36 * 250px FĂRĂ gap */
    }

    .infinite-carousel {
        border-radius: 0;
        padding: 0;
        margin: 30px auto 10px auto; /* Măresc spațiul și pentru ecrane mici */
        max-width: 100%;
        border-width: 0;
        min-height: auto;
    }
    
    .carousel-track {
        width: 10542px; /* 42 imagini × 251px (250px + 1px gap) = 10542px */
        animation: infiniteScrollSmall 80s linear infinite;
        border-radius: 0;
    }
    
    .carousel-item {
        flex: 0 0 250px;
        height: 200px; /* Înălțime mărită pe mobile mic */
        margin-right: 1px; /* Gap extrem de mic pe mobile mic */
        border-radius: 0;
        box-shadow: none; /* FĂRĂ umbră gri pe mobile mic */
    }
    
    .carousel-item img {
        border-radius: 0;
    }
    
    @keyframes infiniteScrollSmall {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-5271px); /* 21 * (250px + 1px) = 21 * 251px = 5271px */
        }
    }
}

/* Stiluri generale pentru elemente **/

/* Carouseluri cu DESIGNUL VECHI pentru paginile de categorii - decorativ și elegant */
.category-carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    
    /* Container fără borduri - doar imaginile au design decorativ */
    border: none; /* Eliminat bordul */
    border-radius: 0; /* Eliminat border-radius */
    background: none; /* Eliminat fundalul */
    box-shadow: none; /* Eliminat umbrele */
    padding: 0; /* Eliminat padding-ul */
    margin: 60px auto 50px auto;
    max-width: 95%;
    backdrop-filter: none; /* Eliminat blur */
    height: auto; /* Înălțime automată */
}

.category-carousel .carousel-track {
    display: flex;
    width: calc(18 * 400px); /* 18 imagini × 400px - FĂRĂ GAP pentru imagini lipite */
    animation: categoryInfiniteScroll 60s linear infinite;
    will-change: transform;
    border-radius: 0; /* Eliminat border-radius de pe track */
    transition: none;
    overflow: hidden;
    height: auto; /* Înălțime automată pentru track */
}

.category-carousel .carousel-item {
    flex: 0 0 400px; /* Imagini mari pentru categorii */
    height: 340px; /* Înălțime standard */
    margin-right: 0; /* FĂRĂ GAP - imagini complet lipite */
    overflow: hidden;
    border-radius: 0; /* Eliminat colțurile rotunjite */
    box-shadow: none; /* Eliminat umbra */
    background-color: transparent; /* Fundal transparent pentru chenare */
    border: none; /* Eliminat bordul auriu */
    transition: none; /* Eliminat efectele de tranziție */
}

.category-carousel .carousel-item:last-child {
    margin-right: 0;
}

.category-carousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Înapoi la cover pentru umplere completă */
    object-position: center;
    transition: transform 0.3s ease;
    border-radius: 0; /* Eliminat colțurile rotunjite pe imagini */
    display: block;
    filter: contrast(1.05) brightness(0.98) saturate(1.05);
    background-color: transparent; /* Fundal transparent pentru imagini */
}

.category-carousel .carousel-item:hover img {
    transform: scale(1.05); /* Înapoi la hover normal */
}

/* Animație specifică pentru carouselurile de categorii - imagini lipite */
@keyframes categoryInfiniteScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-9 * 400px)); /* Jumătate din imagini = 9 × 400px FĂRĂ gap */
    }
}

/* Remove spacing to avoid "trenuleț" gaps in product portfolios */
#portfolio-tort .carousel-item,
#portfolio-prajitura .carousel-item,
#portfolio-candybar .carousel-item{margin:0}

/* Fill images to avoid whitespace in portfolio carousels */
#portfolio-tort .carousel-item img,
#portfolio-prajitura .carousel-item img,
#portfolio-candybar .carousel-item img{width:100%;height:100%;object-fit:cover}

/* (Reverted) Removed custom layout for #bunatati-carousel to use default carousel item sizes */
.categories-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.category-card{background:var(--color-secondary-accent);text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden}
.category-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,0.4)}
.category-card .card-image{height:400px;overflow:hidden}
.category-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}
.category-card:hover img{transform:scale(1.05)}
.category-card h3{font-family:var(--font-headings);font-size:1.8em;color:var(--color-primary-accent);padding:25px 10px 15px 10px}
.category-card .btn{margin-bottom:30px}
.cta-section{background:var(--color-secondary-accent);padding:60px 5%;text-align:center}
.cta-section h2{font-family:var(--font-headings);font-size:2.2em;margin-bottom:20px}
.reviews-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.review-card{background:var(--color-secondary-accent);padding:30px;border-radius:10px;text-align:left;border-top:3px solid var(--color-primary-accent);display:flex;flex-direction:column}
.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}
.review-location{font-family:var(--font-body);font-weight:500}
.review-stars{color:#fbbc05;font-size:1.2em;flex-shrink:0}
.review-text{font-family:var(--font-body);font-style:italic;opacity:0.9;margin-bottom:20px;flex-grow:1}
.reviewer-name{font-family:var(--font-body);font-weight:500;color:var(--color-primary-accent)}
.filter-buttons{margin-bottom:40px}
.filter-btn{font-family:var(--font-body);background:transparent;border:1px solid var(--color-primary-accent);color:var(--color-primary-accent);padding:10px 20px;margin:5px;border-radius:50px;cursor:pointer;transition:all 0.3s ease}
.filter-btn:hover,.filter-btn.active{background:var(--color-primary-accent);color:var(--color-background)}
.product-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.product-card{background:var(--color-secondary-accent);text-align:center;display:block}
.product-card img{width:100%;height:350px;object-fit:cover}
.product-card .product-info{padding:25px}
.product-card h3{font-family:var(--font-headings);font-size:1.6em;color:var(--color-primary-accent)}
.product-card p{font-family:var(--font-body);font-weight:300;opacity:0.8;margin:10px 0;min-height:50px}
.product-price{font-family:var(--font-body);font-size:1.2em;font-weight:500;color:var(--color-text);margin-top:15px}
.candybar-intro{margin:20px auto 35px;max-width:1000px;text-align:left;background:linear-gradient(135deg,rgba(197,164,126,0.08),rgba(255,255,255,0.02));border:1px solid rgba(197,164,126,0.25);border-radius:14px;padding:24px}
.candybar-title{font-family:var(--font-headings);color:#fff;font-size:1.8em;margin-bottom:8px}
.candybar-subtitle{font-family:var(--font-body);opacity:.95;margin-bottom:14px}
.candybar-box{background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px}
.candybar-list{columns:2;gap:18px;margin:10px 0 6px 16px}
.candybar-list li{font-family:var(--font-body);margin:4px 0}
/* Stiluri îmbunătățite pentru listele imbricate */
.candybar-list > li > strong {
    color: var(--color-primary-accent);
    font-weight: 600;
    display: block;
    margin-bottom: 3px;
}
.candybar-list ul{list-style-type:disc;margin-left:20px;margin-top:4px;margin-bottom:8px}
.candybar-list ul li{list-style-type:disc;margin:2px 0;font-size:0.95em;color:rgba(240,240,240,0.9)}
/* Elemente fără sub-liste */
.candybar-list > li:not(:has(ul)) {
    color: var(--color-primary-accent);
    font-weight: 500;
}
.price-note{font-family:var(--font-body);color:var(--color-primary-accent);font-weight:700;margin-bottom:8px}
.footnote{font-family:var(--font-body);opacity:.75;font-size:.95em;margin-top:6px}

/* === SERVICES GRID PENTRU SERVICII INCLUSE === */
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin: 30px 0;
}

.service-card {
    background: linear-gradient(145deg, rgba(26, 26, 26, 0.9), rgba(40, 40, 40, 0.9));
    backdrop-filter: blur(10px);
    border: 1px solid rgba(197, 164, 126, 0.2);
    border-radius: 20px;
    padding: 30px 25px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(145deg, rgba(197, 164, 126, 0.05), rgba(197, 164, 126, 0.15));
    border-radius: 20px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.service-card:hover {
    transform: translateY(-15px) scale(1.05);
    border-color: rgba(197, 164, 126, 0.6);
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.4),
        0 0 30px rgba(197, 164, 126, 0.2);
}

.service-card:hover::before {
    opacity: 1;
}

.service-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(197, 164, 126, 0.1);
    border: 2px solid var(--color-primary-accent);
    border-radius: 50%;
    transition: all 0.4s ease;
    position: relative;
    z-index: 2;
}

.service-icon svg {
    width: 40px;
    height: 40px;
    stroke: var(--color-primary-accent);
    fill: none;
    transition: all 0.4s ease;
}

.service-card:hover .service-icon {
    background: var(--color-primary-accent);
    transform: scale(1.1) rotateY(180deg);
    box-shadow: 0 0 20px rgba(197, 164, 126, 0.4);
}

.service-card:hover .service-icon svg {
    stroke: var(--color-background);
}

.service-card h3 {
    font-family: var(--font-headings);
    color: var(--color-primary-accent);
    font-size: 1.4em;
    margin: 0 0 15px 0;
    position: relative;
    z-index: 2;
    font-weight: 600;
}

.service-card p {
    color: var(--color-text);
    line-height: 1.6;
    font-size: 1em;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
    opacity: 0.9;
}

.service-note {
    display: block;
    font-size: 0.85em;
    color: rgba(197, 164, 126, 0.8);
    font-style: italic;
    margin-top: 8px;
    position: relative;
    z-index: 2;
}

/* === CONSOLIDAT: TOATE STILURILE PENTRU 768px === */
@media (max-width: 768px) {
    /* Hide desktop navigation on mobile */
    .desktop-nav{display:none !important}
    
    /* Show mobile navigation toggle button */
    .nav-toggle{display:block !important}
    
    /* Navigare */
    .content-padding{padding:60px 5%}
    .hero-slogan{font-size:2.5em;line-height:1.2}
    .section-title{font-size:2.1em}
    .main-header{padding:15px 5%}
    .logo-img{height:72px;max-height:72px}
    
    /* Mobile navigation overlay */
    .main-nav{
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100vh;
        background:rgba(0,0,0,0.3);
        backdrop-filter:blur(10px);
        opacity:0;
        visibility:hidden;
        transition:all 0.3s ease;
        z-index:10000;
        overflow:hidden;
        pointer-events:none;
    }
    
    body.nav-open{overflow:hidden !important;position:fixed !important;width:100% !important}
    
    /* FORȚEZ AFIȘAREA MENU-ULUI - FOARTE SPECIFIC */
    @media (max-width: 768px) {
        body.nav-open .main-nav{
            opacity:1 !important;
            visibility:visible !important;
            display:flex !important;
            pointer-events:auto !important;
            transform:translateX(0) !important;
        }
        
        .main-nav ul{
            height:100% !important;
            width:100% !important;
            display:flex !important;
            flex-direction:column !important;
            justify-content:center !important;
            align-items:center !important;
            gap:20px !important;
            padding:0 !important;
            margin:0 !important;
            list-style:none !important;
        }
        
        .main-nav ul li {
            width:auto !important;
            display:block !important;
        }
        
        .main-nav ul li a{
            font-size:1.5rem !important;
            padding:15px 30px !important;
            color:#ffffff !important;
            border-bottom:none !important;
            text-align:center !important;
            transition:all 0.3s ease !important;
            display:block !important;
            text-decoration:none !important;
            background:rgba(255,255,255,0.05) !important;
            border-radius:8px !important;
            margin:5px 0 !important;
        }
        
        .main-nav ul li a:hover{
            background:rgba(255,255,255,0.15) !important;
            color:#f1c27d !important;
            transform:translateY(-2px) !important;
        }
        
        .main-nav ul li a:hover,
        .main-nav ul li a.active{
            color:var(--color-primary-accent) !important;
            background:rgba(197,164,126,0.1) !important;
            border-radius:8px !important;
        }
        
        /* Mobile Navigation Close Button */
        .nav-close{
            position:absolute !important;
            top:30px !important;
            right:30px !important;
            background:transparent !important;
            border:none !important;
            cursor:pointer !important;
            z-index:10001 !important;
            width:50px !important;
            height:50px !important;
            display:flex !important;
            align-items:center !important;
            justify-content:center !important;
            border-radius:50% !important;
            transition:all 0.3s ease !important;
        }
        
        .nav-close:hover{
            background:rgba(255,255,255,0.1) !important;
            transform:scale(1.1) !important;
        }
        
        .close-icon{
            font-size:2rem !important;
            color:#ffffff !important;
            font-weight:300 !important;
            line-height:1 !important;
        }
        
        /* Anulează stilurile roșii pentru navigația mobilă */
        .nav-close .close-icon::before {
            display: none !important;
        }
    }

    /* Diverse componente mobile */
    .candybar-list{columns:1;margin:10px 0 6px 8px}
    
    /* Stiluri mobile îmbunătățite pentru liste */
    .candybar-list > li {
        margin-bottom: 8px;
        break-inside: avoid;
    }
    
    .candybar-list > li > strong {
        font-size: 1em;
        margin-bottom: 4px;
    }
    
    .candybar-list ul {
        margin-left: 15px;
        margin-top: 3px;
        margin-bottom: 6px;
    }
    
    .candybar-list ul li {
        font-size: 0.9em;
        line-height: 1.4;
        margin: 1px 0;
    }
    
    /* ÎMBUNĂTĂȚIRI MOBILE - Section subtitle și candybar responsive */
    .section-subtitle {
        font-size: 1.0em !important; /* Font mai mic pe mobile */
        max-width: 100% !important; /* Folosește întreaga lățime */
        margin: 0 auto 30px auto !important; /* Margin redus */
        line-height: 1.6 !important; /* Line-height mai compact */
        padding: 0 10px !important; /* Padding lateral pentru spațiere */
    }
    
    /* Candybar mobile improvements */
    .candybar-intro {
        margin: 15px auto 25px !important; /* Margin redus */
        max-width: 100% !important; /* Folosește întreaga lățime */
        padding: 18px !important; /* Padding redus */
        border-radius: 10px !important; /* Borduri mai mici */
    }
    
    .candybar-title {
        font-size: 1.5em !important; /* Font mai mic pe mobile */
        margin-bottom: 10px !important;
        line-height: 1.3 !important;
    }
    
    .candybar-subtitle {
        font-size: 0.95em !important; /* Font mai mic */
        line-height: 1.5 !important; /* Line-height mai compact */
        margin-bottom: 15px !important;
    }
    
    .candybar-box {
        padding: 12px !important; /* Padding redus */
        border-radius: 8px !important;
    }
    
    .candybar-list li {
        font-size: 0.9em !important; /* Font mai mic pentru liste */
        margin: 3px 0 !important; /* Margin redus între elemente */
        line-height: 1.4 !important;
    }
    
    .price-note {
        font-size: 0.95em !important; /* Font mai mic pentru preț */
        margin-bottom: 10px !important;
    }
    
    /* Services Grid Mobile Responsive */
    .services-grid {
        grid-template-columns: 1fr !important; /* O singură coloană pe mobile */
        gap: 20px !important;
        margin: 25px 0 !important;
    }
    
    .service-card {
        padding: 25px 20px !important;
        margin: 0 !important;
        min-height: 220px !important;
        border-radius: 15px !important;
    }
    
    .service-icon {
        width: 60px !important;
        height: 60px !important;
        margin: 0 auto 15px auto !important;
    }
    
    .service-icon svg {
        width: 32px !important;
        height: 32px !important;
    }
    
    .service-card h3 {
        font-size: 1.2em !important;
        margin-bottom: 10px !important;
    }
    
    .service-card p {
        font-size: 0.9em !important;
        line-height: 1.5 !important;
    }
    
    .service-note {
        font-size: 0.8em !important;
    }
    
    /* Vintage About Section - Mobile Responsive - PĂSTREAZĂ DESIGNUL DESKTOP */
    .vintage-about-container {
        padding: 20px 10px;
    }
    
    .vintage-frame {
        padding: 20px;
        border-width: 2px;
    }
    
    .vintage-content {
        /* SCHIMB la o singură coloană pe mobile - ascund poza */
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 0 10px;
    }
    
    /* Afișez eticheta mobile pe tablete */
    .mobile-vintage-label {
        display: block !important;
    }
    
    /* Ascund complet secțiunea cu poza pe mobile */
    .vintage-photo-section {
        display: none !important;
    }
    
    .vintage-photo img {
        width: 200px;
        height: 140px;
    }
    
    .vintage-label h3 {
        font-size: 1.8em;
    }
    
    .vintage-label p {
        font-size: 1em;
    }
    
    .vintage-text-section {
        padding: 20px;
    }
    
    .vintage-title {
        font-size: 1.6em;
    }
    
    .vintage-paragraph {
        font-size: 0.9em;
        line-height: 1.6;
        text-align: left;
        margin-bottom: 15px;
    }
    
    .vintage-stamp {
        width: 60px;
        height: 60px;
        top: 10px;
        right: 10px;
    }
    
    .stamp-year {
        font-size: 1.1em;
    }
    
    .film-perforation {
        width: 12px;
        background-size: 100% 20px;
    }
    
}

/* Media query pentru telefoane foarte mici */
@media (max-width: 480px) {    
    /* ÎMBUNĂTĂȚIRI EXTREME MOBILE - Telefoane foarte mici */
    .section-subtitle {
        font-size: 0.9em !important; /* Font foarte mic */
        line-height: 1.5 !important; /* Line-height foarte compact */
        margin: 0 auto 20px auto !important; /* Margin foarte redus */
        padding: 0 15px !important; /* Padding mai mare lateral */
        text-align: center !important; /* Centrat pe telefoane mici */
    }
    
    .content-padding {
        padding: 40px 15px !important; /* Padding foarte redus */
    }
    
    /* Candybar extreme mobile */
    .candybar-intro {
        margin: 10px auto 20px !important; /* Margin foarte redus */
        padding: 12px !important; /* Padding foarte mic */
        border-radius: 8px !important;
    }
    
    .candybar-title {
        font-size: 1.3em !important; /* Font foarte mic */
        margin-bottom: 8px !important;
    }
    
    .candybar-subtitle {
        font-size: 0.85em !important; /* Font foarte mic */
        line-height: 1.4 !important;
        margin-bottom: 12px !important;
    }
    
    .candybar-box {
        padding: 10px !important; /* Padding foarte mic */
    }
    
    .candybar-list li {
        font-size: 0.8em !important; /* Font foarte mic pentru liste */
        margin: 2px 0 !important; /* Margin foarte redus */
        line-height: 1.3 !important;
    }
    
    /* Stiluri îmbunătățite pentru liste pe telefoane mici */
    .candybar-list > li > strong {
        font-size: 0.85em !important;
        margin-bottom: 2px !important;
    }
    
    .candybar-list ul {
        margin-left: 12px !important;
        margin-top: 2px !important;
        margin-bottom: 4px !important;
    }
    
    .candybar-list ul li {
        font-size: 0.75em !important;
        line-height: 1.3 !important;
        margin: 1px 0 !important;
    }
    
    /* Services Grid pentru telefoane foarte mici */
    .services-grid {
        gap: 15px !important;
        margin: 20px 0 !important;
    }
    
    .service-card {
        padding: 20px 15px !important;
        min-height: 200px !important;
        border-radius: 12px !important;
    }
    
    .service-icon {
        width: 50px !important;
        height: 50px !important;
        margin: 0 auto 10px auto !important;
    }
    
    .service-icon svg {
        width: 24px !important;
        height: 24px !important;
    }
    
    .service-card h3 {
        font-size: 1.1em !important;
        margin-bottom: 8px !important;
    }
    
    .service-card p {
        font-size: 0.85em !important;
        line-height: 1.4 !important;
    }
    
    .service-note {
        font-size: 0.75em !important;
        margin-top: 6px !important;
    }

    /* Vintage Section pentru telefoane foarte mici - O SINGURĂ COLOANĂ */
    .vintage-content {
        grid-template-columns: 1fr !important; /* O singură coloană pe telefoane mici */
        gap: 15px !important;
        margin: 0 5px !important;
    }
    
    /* Afișez eticheta mobile pe telefoane mici */
    .mobile-vintage-label {
        display: block !important;
    }
    
    .mobile-vintage-label h3 {
        font-size: 2em !important;
        letter-spacing: 2px !important;
    }
    
    .mobile-vintage-label p {
        font-size: 1em !important;
    }
    
    /* Ascund complet secțiunea cu poza pe telefoane mici */
    .vintage-photo-section {
        display: none !important;
    }
    
    .vintage-photo img {
        width: 160px !important;
        height: 120px !important;
    }
    
    .vintage-label h3 {
        font-size: 1.5em !important;
    }
    
    .vintage-label p {
        font-size: 0.9em !important;
    }
    
    .vintage-text-section {
        padding: 15px !important;
        position: relative !important;
    }
    
    .vintage-title {
        font-size: 1.4em !important;
        margin-top: 25px !important; /* Adaug spațiu sus pentru ștampilă */
    }
    
    .vintage-paragraph {
        font-size: 0.8em !important;
        line-height: 1.5 !important;
        text-align: left !important;
        margin-bottom: 12px !important;
    }
    
    /* Ascunde ștampila pe telefoane foarte mici pentru a nu acoperi textul */
    .vintage-stamp {
        display: none !important;
    }
    
    .film-perforation {
        width: 10px !important;
        background-size: 100% 18px !important;
    }
    
    .price-note {
        font-size: 0.9em !important; /* Font foarte mic pentru preț */
        margin-bottom: 8px !important;
    }
    
    /* Section title pentru telefoane mici */
    .section-title {
        font-size: 1.8em !important; /* Font mai mic pentru titluri */
        margin-bottom: 15px !important;
        line-height: 1.2 !important;
    }
    
    /* CORECTARE COMPLETĂ - ascunde textul de pe față când cardul se întoarce pe TOATE dispozitivele */
    .about-card-container:hover .about-card-front .text-overlay,
    .about-card.is-flipped .about-card-front .text-overlay {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    
    /* Asigură că textul RĂMÂNE ascuns și pe partea din spate */
    .about-card-back .text-overlay {
        display: none !important;
    }
}

/* Media query pentru telefoane extrem de mici */
@media (max-width: 420px) {
}

.portfolio-wrapper{margin-top:100px;display:none}
.contact-container{display:flex;flex-direction:column;gap:40px}
.contact-wrapper{display:flex;flex-wrap:wrap;gap:40px;background:var(--color-secondary-accent);padding:50px;justify-content:center}
/* When only contact-details remains, let it center and have a nice max width */
.contact-details{flex:1 1 520px;min-width:280px;max-width:700px;text-align:center;margin:0 auto}
.form-group{margin-bottom:20px;text-align:left}
.form-group label{font-family:var(--font-body);display:block;margin-bottom:5px;font-weight:500;opacity:0.9}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;background:#333;border:1px solid #444;color:var(--color-text);border-radius:5px;font-family:var(--font-body);font-size:1em}
.contact-details h3{font-family:var(--font-headings);font-size:1.8em;color:var(--color-primary-accent);margin-bottom:20px}
.contact-details p{font-family:var(--font-body);margin-bottom:15px}
/* Phone call buttons */
.phone-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:10px 0 18px}
.btn-call{font-family:var(--font-body);background:transparent;border:2px solid var(--color-primary-accent);color:var(--color-primary-accent)!important;display:inline-flex;align-items:center;gap:10px;border-radius:50px;padding:10px 18px;transition:all .2s ease}
.btn-call:hover{
    background:var(--color-primary-accent);
    color:var(--color-background)!important;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(197,164,126,0.3);
}
.btn-call svg{width:18px;height:18px;fill:currentColor}
/* Social buttons */
.contact-social{margin-top:10px}
.social-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-facebook{font-family:var(--font-body);background:#1877F2;border-color:#1877F2;color:#fff!important;display:inline-flex;align-items:center;gap:10px}
.btn-facebook:hover{background:#0F6AEF;border-color:#0F6AEF;color:#fff!important}
.btn-instagram{font-family:var(--font-body);background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4);border-color:#DD2A7B;color:#fff!important;display:inline-flex;align-items:center;gap:10px}
.btn-instagram:hover{filter:brightness(1.05)}
.btn-facebook svg,.btn-instagram svg{width:18px;height:18px;fill:currentColor}
.map-container-wrapper{width:100%;border-radius:5px;overflow:hidden}
.map-container-wrapper iframe{width:100%;height:450px;border:0;filter:invert(90%) hue-rotate(200deg)}
.calendar-wrapper{max-width:1100px;margin:0 auto;border-radius:10px;overflow:hidden}
.calendar-wrapper iframe{width:100%;height:70vh;min-height:600px;border:0;filter:invert(90%) hue-rotate(200deg)}
.legal-page{text-align:left;max-width:800px;margin:50px auto;background:var(--color-secondary-accent);border-radius:10px;padding:40px}
.legal-page h3{font-family:var(--font-headings);color:var(--color-primary-accent);margin-top:30px;margin-bottom:15px;font-size:1.5em}
.legal-page p,.legal-page ul{font-family:var(--font-body);margin-bottom:15px}
.legal-page ul{padding-left:25px}
.main-footer{font-family:var(--font-body);padding:60px 5% 30px;background:#111111;color:#bfbfbf;font-size:0.9em}
.footer-container{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;margin-bottom:50px}
.footer-column{flex:1;min-width:280px;max-width:350px;text-align:center}
.footer-column h4{font-family:var(--font-headings);color:var(--color-primary-accent);font-size:1.6em;margin-bottom:20px;font-weight:700}
.footer-column p{font-family:var(--font-body);margin-bottom:15px;line-height:1.85;font-size:1.05em;color:#e2e2e2;letter-spacing:0.2px}
.footer-column p strong{color:#ffffff;font-weight:600}
.footer-column a{font-family:var(--font-body);color:var(--color-primary-accent);font-weight:600}
.footer-column a:hover{color:#ffffff}
.footer-legal-links{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px;flex-wrap:wrap}
.footer-legal-links a img{opacity:0.7;transition:opacity 0.3s ease}
.footer-legal-links a:hover img{opacity:1}
.anpc-link img{height:45px;width:auto}
.footer-copyright{border-top:1px solid #282828;padding-top:30px;text-align:center;font-size:0.9em;opacity:0.6}
.cookie-banner{
    /* COOKIE BANNER CA OVERLAY MARE - NOTIFICARE LA ÎNCEPUTUL PAGINII */
    position:fixed !important;
    top:80px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:90%;
    max-width:600px;
    background:linear-gradient(135deg, var(--color-secondary-accent) 0%, #1a1a1a 100%);
    padding:30px;
    z-index:2147483647;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:20px;
    border:2px solid var(--color-primary-accent);
    border-radius:15px;
    box-shadow:0 20px 60px rgba(0,0,0,0.8);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    /* VIZIBIL INSTANT ca overlay mare */
    visibility:visible !important;
    opacity:1 !important;
    /* Animație de apariție elegantă */
    animation:cookiePopup 0.5s ease-out;
}

/* Animație de apariție pentru cookie banner */
@keyframes cookiePopup {
    0% {
        opacity:0;
        transform:translateX(-50%) translateY(-20px);
    }
    100% {
        opacity:1;
        transform:translateX(-50%) translateY(0);
    }
}

/* Background overlay semi-transparent pentru cookie banner */
.cookie-banner::before {
    content:'';
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.7);
    z-index:-1;
    pointer-events:none;
}

.cookie-banner p{
    font-family:var(--font-body);
    margin:0;
    color:var(--color-text);
    font-size:1.1em;
    line-height:1.6;
    text-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.cookie-banner p a{
    font-family:var(--font-body);
    font-weight:600;
    color:var(--color-primary-accent);
    text-decoration:underline;
}
.cookie-buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    justify-content:center;
}
.cookie-banner .btn{
    margin:0;
    padding:12px 30px;
    font-size:1em;
    font-weight:600;
    min-width:120px;
    box-shadow:0 4px 15px rgba(0,0,0,0.3);
    transition:all 0.3s ease;
}
.cookie-banner .btn:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgba(0,0,0,0.4);
}

/* Cookie banner ascuns DOAR după acceptare/refuz */
.cookie-banner.hidden{
    visibility:hidden !important;
    opacity:0 !important;
    transform:translate(-50%, -50%) scale(0.8) !important;
    transition:all 0.3s ease-out;
    pointer-events:none;
}

/* Iconițe elegante pentru cookie banner */
.cookie-icon::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: var(--color-primary-accent);
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    vertical-align: middle;
    box-shadow: 
        inset 0 0 0 2px rgba(255,255,255,0.3),
        2px 2px 0 rgba(197,164,126,0.7),
        4px 4px 0 rgba(197,164,126,0.5);
}

.close-icon::before {
    content: "×";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #ef4444;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 6px;
    vertical-align: middle;
}

/* Păstrează clasa pentru consistență */
body.cookie-hidden{
    padding-top:0;
}

/* === REPARARE BURGER MENU MOBILE === */
/* Forțează afișarea burger button-ului pe mobile */
@media (max-width: 768px) {
    .nav-toggle{
        display:flex !important;
        align-items:center;
        justify-content:center;
        position:relative;
        z-index:10001 !important;
        background:transparent;
        border:0;
        cursor:pointer;
        width:44px;
        height:44px;
        touch-action:manipulation;
        -webkit-tap-highlight-color:transparent;
    }
    
    /* Asigură-te că hamburger icon-ul este vizibil */
    .hamburger{
        display:block !important;
        position:relative;
        width:24px;
        height:2px;
        background:var(--color-text) !important;
        border-radius:3px;
        transition:all 0.3s ease;
    }
    
    .hamburger::before,.hamburger::after{
        content:'' !important;
        position:absolute;
        left:0;
        width:100%;
        height:2px;
        background:var(--color-text) !important;
        border-radius:3px;
        transition:all 0.3s ease;
    }
    
    .hamburger::before{top:-7px}
    .hamburger::after{top:7px}
    
    /* Animații pentru hamburger deschis */
    .nav-open .hamburger{background:transparent !important}
    .nav-open .hamburger::before{
        top:0 !important;
        transform:rotate(45deg) !important;
        -webkit-transform:rotate(45deg) !important;
    }
    .nav-open .hamburger::after{
        top:0 !important;
        transform:rotate(-45deg) !important;
        -webkit-transform:rotate(-45deg) !important;
    }
    
    /* Mobile navigation overlay */
    .main-nav{
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100vh;
        background:rgba(26,26,26,0.98);
        backdrop-filter:blur(15px);
        opacity:0;
        visibility:hidden;
        transition:all 0.3s ease;
        z-index:10000;
        overflow:hidden;
        pointer-events:none;
    }
    
    /* Când meniul este deschis */
    body.nav-open{
        overflow:hidden !important;
        position:fixed !important;
        width:100% !important;
    }
    
    body.nav-open .main-nav{
        opacity:1 !important;
        visibility:visible !important;
        display:flex !important;
        pointer-events:auto !important;
    }
    
    .main-nav ul{
        height:100%;
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:20px;
        padding:0;
        margin:0;
        list-style:none;
    }
    
    .main-nav ul li a{
        font-size:1.5rem;
        padding:15px 30px;
        color:var(--color-text);
        border-bottom:none;
        text-align:center;
        transition:all 0.3s ease;
        text-decoration:none;
    }
    
    .main-nav ul li a:hover,
    .main-nav ul li a.active{
        color:var(--color-primary-accent);
        background:rgba(197,164,126,0.1);
        border-radius:8px;
    }
}

/* === REPARARE CAROUSELE MOBILE === */
/* Asigură-te că carouselurile sunt vizibile pe toate dispozitivele */
.infinite-carousel {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

.carousel-track {
    display:flex !important;
    animation-play-state:running !important;
}

/* Mobile specific carousel tweaks */
@media (max-width: 768px) {
    .infinite-carousel {
        display:block !important;
        visibility:visible !important;
        margin:40px auto 20px auto !important; /* Spațiu mărit și aici */
        max-width:95% !important;
    }
    
    .carousel-track {
        display:flex !important;
        animation-play-state:running !important;
    }
}



/* === Continuă cu stilurile pentru 992px === */
@media (max-width: 992px) {
    .hero-slogan { font-size: 3.5em; }
    .section-title { font-size: 2.4em; }
    .cta-section h2 { font-size: 1.8em; }
    .logo-img { height: 88px; max-height: 88px; }
}

@media (min-width: 1600px){
    .hero-section{min-height:80vh}
}

/* === MOBILE NAVIGATION - FUNCȚIONEAZĂ ÎN TOATE ORIENTĂRILE === */
@media screen and (max-width: 768px) {
.content-padding{padding:60px 5%}
.hero-slogan{font-size:2.5em;line-height:1.2}
.section-title{font-size:2.1em}
.main-header{padding:15px 5%}
.logo-img{height:72px;max-height:72px}

/* BURGER MENU - COMPATIBIL CU TOATE BROWSERELE */
.nav-toggle{
    display:flex !important;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:10001 !important; /* Mai mare decât nav */
    background:transparent;
    border:0;
    cursor:pointer;
    width:44px;
    height:44px;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}

.hamburger{
    display:block;
    position:relative;
    width:24px;
    height:2px;
    background:var(--color-text);
    border-radius:3px;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}

.hamburger::before,.hamburger::after{
    content:'';
    position:absolute;
    left:0;
    width:100%;
    height:2px;
    background:var(--color-text);
    border-radius:3px;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}

.hamburger::before{top:-7px}
.hamburger::after{top:7px}

.nav-open .hamburger{background:transparent !important}
.nav-open .hamburger::before{top:0 !important;transform:rotate(45deg) !important;-webkit-transform:rotate(45deg) !important}
.nav-open .hamburger::after{top:0 !important;transform:rotate(-45deg) !important;-webkit-transform:rotate(-45deg) !important}

/* Desktop navigation - normal display */
@media (min-width: 769px) {
    .main-nav {
        display: flex !important;
        position: static;
        background: transparent;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    
    .main-nav ul {
        display: flex !important;
        flex-direction: row;
        gap: 0;
        height: auto;
        width: auto;
        justify-content: flex-start;
        align-items: center;
    }
    
    .nav-toggle {
        display: none !important;
    }
    
    .main-nav ul li a {
        font-size: 0.9em;
        padding: 10px 15px;
        color: var(--color-text);
        border-bottom: 2px solid transparent;
        border-radius: 0;
        text-transform: uppercase;
        font-weight: 500;
        min-width: auto;
    }
    
    .main-nav ul li a:hover,
    .main-nav ul li a.active {
        color: #ffffff;
        border-bottom: 2px solid var(--color-primary-accent);
        background: transparent;
        transform: none;
    }
}

/* Mobile overlay navigation */
@media (max-width: 768px) {
    .main-nav{
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100vh;
        height:100svh;
        background:rgba(26,26,26,0.98);
        backdrop-filter:blur(15px);
        -webkit-backdrop-filter:blur(15px);
        opacity:0;
        visibility:hidden;
        transition:all 0.3s ease;
        -webkit-transition:all 0.3s ease;
        z-index:10000;
        overflow:hidden;
        pointer-events:none;
    }
    
    body.nav-open{overflow:hidden !important;position:fixed !important;width:100% !important}
    
    body.nav-open .main-nav{
        opacity:1 !important;
        visibility:visible !important;
        display:flex !important;
        pointer-events:auto !important;
    }

    .main-nav ul{
        height:100%;
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:30px;
        padding:0;
        margin:0;
        list-style:none;
    }

    .main-nav ul li a{
        font-size:1.8em;
        padding:20px 30px;
        color:var(--color-text);
        border:2px solid transparent;
        border-radius:8px;
        transition:all 0.3s ease;
        display:block;
        text-align:center;
        min-width:200px;
        -webkit-tap-highlight-color:transparent;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .main-nav ul li a:hover,
    .main-nav ul li a.active{
        color:var(--color-primary-accent);
        border-color:var(--color-primary-accent);
        background:rgba(197,164,126,0.1);
        transform:scale(1.05);
    }
}

.main-nav ul li a:hover,.main-nav ul li a.active{
    color:var(--color-primary-accent);
    border-color:var(--color-primary-accent);
    background:rgba(197,164,126,0.1);
    transform:scale(1.05);
}

.nav-open .main-nav ul li:nth-child(1){transition-delay:0.1s}
.nav-open .main-nav ul li:nth-child(2){transition-delay:0.2s}
.nav-open .main-nav ul li:nth-child(3){transition-delay:0.3s}
.nav-open .main-nav ul li:nth-child(4){transition-delay:0.4s}

.map-container{position:static;height:auto;margin-top:0;display:flex;flex-direction:column;gap:40px}
.map-path-svg{display:none}
.map-point{position:static;animation:none;opacity:1;max-width:300px;margin:0 auto}
.cookie-banner{flex-direction:column;text-align:center}

/* Cookie banner responsive - la început pe mobile */
@media (max-width: 768px) {
    .cookie-banner{
        width:95%;
        max-width:none;
        padding:25px 20px;
        gap:15px;
        /* La început și pe mobile */
        top:40px !important;
        left:50% !important;
        transform:translateX(-50%) !important;
    }
    .cookie-banner p{
        font-size:1em;
        line-height:1.5;
    }
    .cookie-buttons{
        flex-direction:column;
        gap:12px;
        width:100%;
    }
    .cookie-banner .btn{
        width:100%;
        padding:15px;
        font-size:1em;
    }
}
.cookie-buttons{width:100%;display:flex;justify-content:center;gap:15px}

/* Calendar responsive pentru mobile */
.calendar-wrapper {
    width: 100% !important;
    height: 400px !important;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
}

.calendar-wrapper iframe {
    width: 100% !important;
    height: 400px !important;
    border: 0 !important;
    border-radius: 10px;
}
}

/* === TESTIMONIALS 3D - EXACT CA PE DESKTOP, DOAR RESIZE === */
@media (max-width: 768px){
    /* Container IDENTIC ca pe desktop - doar dimensiuni mai mici */
    .testimonials-3d-container{
        max-width: 95% !important; /* de la 1100px */
        margin: 30px auto !important; /* de la 60px */
        position: relative !important; /* IDENTIC */
        height: 420px !important; /* Măresc de la 320px la 420px pentru mai mult spațiu */
        overflow: hidden !important; /* IDENTIC */
        border-radius: 15px !important; /* IDENTIC */
        background: linear-gradient(135deg,var(--color-secondary-accent),#1a1a1a) !important; /* IDENTIC */
        border: 1px solid rgba(197,164,126,0.1) !important; /* IDENTIC */
        perspective: 500px !important; /* de la 800px - proporțional */
    }
    
    /* Wrapper IDENTIC cu desktop - transform 3D păstrat */
    .testimonials-3d-wrapper{
        position: relative !important; /* IDENTIC */
        width: 100% !important; /* IDENTIC */
        height: 100% !important; /* IDENTIC */
        display: flex !important; /* IDENTIC - 3 coloane side by side */
        justify-content: center !important; /* IDENTIC */
        align-items: center !important; /* IDENTIC */
        gap: 10px !important; /* de la 20px - mai mic pentru mobile */
        /* Transform eliminat complet - chenar drept */
        transform: none !important;
        padding: 12px !important; /* de la 20px */
    }
    
    /* Coloane IDENTICE ca pe desktop - doar mai înguste */
    .testimonials-column{
        height: 100% !important; /* IDENTIC */
        width: 150px !important; /* de la 300px - mai îngust pentru mobile */
        position: relative !important; /* IDENTIC */
        overflow: hidden !important; /* IDENTIC */
    }
    
    /* Marquee IDENTIC ca pe desktop */
    .testimonials-marquee{
        height: 200% !important; /* IDENTIC - crucial pentru efectul de scroll */
        display: flex !important; /* IDENTIC */
        flex-direction: column !important; /* IDENTIC */
        gap: 12px !important; /* de la 20px */
        will-change: transform !important; /* IDENTIC */
    }
    
    /* Animațiile IDENTICE - nu se modifică */
    .testimonials-scroll-down .testimonials-marquee{
        animation: scroll-testimonials-down 40s linear infinite !important; /* IDENTIC */
    }
    .testimonials-scroll-up .testimonials-marquee{
        animation: scroll-testimonials-up 40s linear infinite !important; /* IDENTIC */
        animation-direction: reverse !important; /* IDENTIC */
    }
    
    /* Hover IDENTIC */
    .testimonials-3d-container:hover .testimonials-marquee{
        animation-play-state: paused !important; /* IDENTIC */
    }
    
    /* Card-uri mai mici dar IDENTICE ca comportament */
    .testimonial-card{
        background: rgba(34,34,34,0.8) !important; /* IDENTIC */
        backdrop-filter: blur(10px) !important; /* IDENTIC */
        border: 1px solid rgba(197,164,126,0.2) !important; /* IDENTIC */
        border-radius: 0px !important; /* CHENARE DREPTE ca pe desktop */
        padding: 12px !important; /* de la 20px */
        min-height: 150px !important; /* Măresc de la 120px la 150px */
        display: flex !important; /* IDENTIC */
        flex-direction: column !important; /* IDENTIC */
        gap: 8px !important; /* de la 12px */
        transition: all 0.3s ease !important; /* IDENTIC */
        position: relative !important; /* IDENTIC */
    }
    
    /* Hover effect IDENTIC */
    .testimonial-card:hover{
        transform: translateY(-3px) scale(1.02) !important; /* de la -5px - mai mic */
        box-shadow: 0 6px 18px rgba(197,164,126,0.2) !important; /* de la 0 10px 30px */
        border-color: var(--color-primary-accent) !important; /* IDENTIC */
    }
    
    /* Text mai mic dar structură IDENTICĂ */
    .testimonial-name{
        font-family: var(--font-headings) !important; /* IDENTIC */
        font-size: 0.9em !important; /* de la 1.1em */
        color: var(--color-primary-accent) !important; /* IDENTIC */
        margin: 0 !important; /* IDENTIC */
        font-weight: 600 !important; /* IDENTIC */
        overflow: hidden !important; /* IDENTIC */
        text-overflow: ellipsis !important; /* IDENTIC */
        white-space: nowrap !important; /* IDENTIC */
        min-width: 0 !important; /* IDENTIC */
        flex: 1 !important; /* IDENTIC */
    }
    
    .testimonial-text{
        font-size: 0.75em !important; /* de la 0.9em */
        line-height: 1.3 !important; /* de la 1.5 - mai compact */
        color: var(--color-text) !important; /* IDENTIC */
        opacity: 0.9 !important; /* IDENTIC */
        margin: 0 !important; /* IDENTIC */
        word-wrap: break-word !important; /* IDENTIC */
        word-break: break-word !important; /* IDENTIC */
        overflow-wrap: break-word !important; /* IDENTIC */
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
    }
    
    .testimonial-stars{
        color: #fbbc05 !important; /* IDENTIC */
        font-size: 0.8em !important; /* de la 0.9em */
        flex-shrink: 0 !important; /* IDENTIC */
    }
}

/* TESTIMONIALS PENTRU TELEFOANE FOARTE MICI */
@media (max-width: 480px) {
    .testimonials-3d-container{
        height: 380px !important; /* Înălțime optimă pentru telefoane mici */
        margin: 20px auto !important;
        max-width: 98% !important;
        perspective: none !important; /* Eliminat efectul 3D */
    }
    
    .testimonials-3d-wrapper {
        transform: none !important; /* Eliminat transformările 3D */
    }
    
    .testimonials-column{
        width: 120px !important; /* Mai îngust pentru telefoane mici */
    }
    
    .testimonial-card{
        min-height: auto !important; /* Înălțime automată pentru telefoane mici */
        height: auto !important;
        padding: 10px !important;
        border-radius: 0px !important; /* CHENARE DREPTE ca pe desktop */
    }
    
    .testimonial-name{
        font-size: 0.8em !important;
    }
    
    .testimonial-text{
        font-size: 0.7em !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
    }
    
    .testimonial-stars{
        font-size: 0.75em !important;
    }
}

/* FORȚARE PENTRU TOATE MOBILE DEVICES - PĂSTREAZĂ 3D EXACT CA DESKTOP */
@media screen and (max-width: 768px) {
    .testimonials-3d-container {
        perspective: none !important; /* Eliminat efectul 3D pentru chenare drepte */
        height: 420px !important; /* Măresc și aici de la 320px la 420px */
        overflow: hidden !important;
    }
    .testimonials-3d-wrapper {
        /* ELIMIN transformările 3D pentru chenare drepte pe mobile */
        transform: none !important;
        display: flex !important; /* CRUCIAL - 3 coloane side by side */
        justify-content: center !important;
        align-items: center !important;
    }
    .testimonials-column {
        width: 150px !important; /* mai îngust pentru a încăpea 3 coloane */
    }
    /* Marquee scroll IDENTIC */
    .testimonials-marquee {
        height: 200% !important; /* CRUCIAL pentru scroll effect */
        animation: inherit !important; /* Păstrează animațiile */
    }
}

/* === 3D TESTIMONIALS SYSTEM === */
.testimonials-3d-container{max-width:1100px;margin:60px auto;position:relative;height:500px;overflow:hidden;border-radius:15px;background:linear-gradient(135deg,var(--color-secondary-accent),#1a1a1a);border:1px solid rgba(197,164,126,0.1);perspective:none}

.testimonials-3d-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:20px;transform:none;padding:20px}

.testimonials-column{height:100%;width:300px;position:relative;overflow:hidden}

.testimonials-marquee{height:200%;display:flex;flex-direction:column;gap:20px;will-change:transform}

.testimonials-scroll-down .testimonials-marquee{animation:scroll-testimonials-down 40s linear infinite}
.testimonials-scroll-up .testimonials-marquee{animation:scroll-testimonials-up 40s linear infinite;animation-direction:reverse}

@keyframes scroll-testimonials-down{
0%{transform:translateY(-50%)}
100%{transform:translateY(0%)}
}

@keyframes scroll-testimonials-up{
0%{transform:translateY(0%)}
100%{transform:translateY(-50%)}
}

/* Animații specifice pentru mobile */
@keyframes scroll-testimonials-down-mobile{
0%{transform:translateY(-25%)} /* Începe mai aproape de mijloc */
100%{transform:translateY(25%)}
}

@keyframes scroll-testimonials-up-mobile{
0%{transform:translateY(25%)}
100%{transform:translateY(-25%)} /* Se termină mai aproape de mijloc */
}

.testimonials-3d-container:hover .testimonials-marquee{animation-play-state:paused}

.testimonial-card{background:rgba(34,34,34,0.8);backdrop-filter:blur(10px);border:1px solid rgba(197,164,126,0.2);border-radius:0px;padding:20px;min-height:auto;height:auto;display:flex;flex-direction:column;gap:12px;transition:all 0.3s ease;position:relative}

.testimonial-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px rgba(197,164,126,0.2);border-color:var(--color-primary-accent)}

.testimonial-avatar{position:relative;width:45px;height:45px;border-radius:50%;overflow:hidden;border:2px solid var(--color-primary-accent)}

.testimonial-avatar img{width:100%;height:100%;object-fit:cover;display:none}

.avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-primary-accent);color:var(--color-background);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.9em;opacity:1;transition:opacity 0.3s ease}

.testimonial-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}

.testimonial-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0}

.testimonial-name{font-family:var(--font-headings);font-size:1.1em;color:var(--color-primary-accent);margin:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}

.testimonial-stars{color:#fbbc05;font-size:0.9em;flex-shrink:0}

.testimonial-text{font-size:0.9em;line-height:1.5;color:var(--color-text);opacity:0.9;margin:0;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:unset}

.testimonial-location{font-size:0.8em;color:var(--color-text);opacity:0.7;display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.testimonials-gradient-top{position:absolute;top:0;left:0;right:0;height:25%;background:linear-gradient(to bottom,rgba(26,26,26,1),rgba(26,26,26,0));pointer-events:none;z-index:10}

.testimonials-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(to top,rgba(26,26,26,1),rgba(26,26,26,0));pointer-events:none;z-index:10}

.testimonials-gradient-left{position:absolute;top:0;bottom:0;left:0;width:15%;background:linear-gradient(to right,rgba(26,26,26,0.8),rgba(26,26,26,0));pointer-events:none;z-index:10}

.testimonials-gradient-right{position:absolute;top:0;bottom:0;right:0;width:15%;background:linear-gradient(to left,rgba(26,26,26,0.8),rgba(26,26,26,0));pointer-events:none;z-index:10}

/* Mobile Responsive pentru 3D Testimonials */

/* Tablet și desktop mic */
@media (max-width: 1024px) {
    .testimonials-3d-container {
        max-width: 95%;
        height: 450px;
        margin: 50px auto;
        perspective: 700px;
    }
    
    .testimonials-3d-wrapper {
        transform: none;
        gap: 18px;
        padding: 18px;
    }
    
    .testimonials-column {
        width: 280px;
    }
}

/* Tablete mici și telefoane mari - TESTIMONIALE OPTIMIZATE */
@media (max-width: 768px) {
    .testimonials-3d-container {
        max-width: 100%; /* Folosește întreaga lățime pe mobile */
        height: 320px; /* Înălțime redusă pentru mobile */
        margin: 20px auto; /* Margin redus */
        perspective: 500px; /* Perspectivă redusă */
        border-radius: 10px;
        transform: none; /* Elimină transformările complexe pe mobile */
        background: var(--color-secondary-accent); /* Fundal simplu */
    }
    
    .testimonials-3d-wrapper {
        transform: none; /* Elimină transformările 3D pe mobile pentru claritate */
        gap: 8px; /* Gap foarte redus */
        padding: 10px;
        justify-content: center; /* Centrează pe mobile */
        align-items: flex-start; /* Aliniază sus pentru mai bună utilizare a spațiului */
    }
    
    .testimonials-column {
        width: 160px; /* Lățime redusă pentru mobile pentru a încăpea mai multe */
    }
    
    .testimonial-card {
        min-height: 80px; /* Înălțime minimă redusă */
        max-height: 120px; /* Înălțime maximă redusă */
        padding: 8px; /* Padding redus */
        margin-bottom: 8px; /* Margin redus */
        font-size: 0.75em; /* Text mai mic pentru mobile */
        border-radius: 8px; /* Borduri mai mici */
    }
    
    .testimonial-avatar {
        width: 35px; /* Avatar mai mic */
        height: 35px;
        flex-shrink: 0;
    }
    
    .testimonial-name {
        font-size: 0.85em; /* Nume mai mic */
        line-height: 1.2;
    }
    
    .testimonial-stars {
        font-size: 0.7em; /* Stele mai mici */
    }
    
    .testimonial-location {
        font-size: 0.6em; /* Text locație mai mic */
        line-height: 1.1;
    }
}

/* Telefoane mici și medii - TESTIMONIALE COMPACTE */
@media (max-width: 480px) {
    .testimonials-3d-container {
        height: 250px; /* Înălțime foarte redusă pentru telefoane mici */
        margin: 5px auto; /* Margin redus pentru a fi mai aproape de titlu */
        perspective: 300px; /* Perspectivă minimă */
        border-radius: 8px;
        max-width: 100%; /* Folosește întreaga lățime */
        padding: 5px; /* Padding minimal */
    }
    
    .testimonials-3d-wrapper {
        transform: none; /* Elimină transformările 3D pe telefoane mici */
        gap: 5px; /* Gap foarte mic */
        padding: 5px;
        justify-content: center;
        align-items: flex-start;
    }
    
    .testimonials-column {
        width: 140px; /* Lățime foarte redusă */
    }
    
    /* Animații mobile - pornesc din mijloc */
    .testimonials-scroll-down .testimonials-marquee {
        animation: scroll-testimonials-down-mobile 30s linear infinite !important;
    }
    
    .testimonials-scroll-up .testimonials-marquee {
        animation: scroll-testimonials-up-mobile 30s linear infinite reverse !important;
    }
    
    .testimonial-card {
        min-height: 60px; /* Înălțime minimă foarte redusă */
        max-height: 90px; /* Înălțime maximă foarte redusă */
        padding: 6px; /* Padding minimal */
        margin-bottom: 5px; /* Margin foarte mic */
        border-radius: 6px;
        overflow: hidden;
        word-wrap: break-word;
        word-break: break-word;
        font-size: 0.65em; /* Text foarte mic pentru telefoane */
    }
    
    .testimonial-header {
        gap: 4px;
        margin-bottom: 4px;
        display: flex;
        align-items: center;
        flex-wrap: wrap; /* Permite wrap pentru nume lungi */
    }
    
    .testimonial-avatar {
        width: 28px; /* Avatar foarte mic */
        height: 28px;
        flex-shrink: 0;
    }
    
    .testimonial-name {
        font-size: 0.8em;
        line-height: 1.1;
        max-width: 80px; /* Limitează lățimea numelui */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .testimonial-stars {
        font-size: 0.65em;
        flex-shrink: 0;
    }
    
    .testimonial-location {
        font-size: 0.55em; /* Text foarte mic pentru locație */
        line-height: 1.0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%; /* Limitează lățimea */
    }
    
    .avatar-fallback {
        font-size: 0.6em; /* Font foarte mic pentru inițiale */
    }
}

/* Media query pentru telefoane extrem de mici */
@media (max-width: 420px) {
    .testimonials-3d-container {
        height: 220px; /* Înălțime foarte mică */
        margin: 5px auto; /* Margin redus */
        padding: 3px;
    }
    
    /* Animații mobile optimizate pentru ecrane foarte mici */
    .testimonials-scroll-down .testimonials-marquee {
        animation: scroll-testimonials-down-mobile 25s linear infinite !important;
    }
    
    .testimonials-scroll-up .testimonials-marquee {
        animation: scroll-testimonials-up-mobile 25s linear infinite reverse !important;
    }
    
    .testimonials-column {
        width: 120px; /* Lățime extrem de redusă */
    }
    
    .testimonial-card {
        min-height: 50px;
        max-height: 70px;
        padding: 4px;
        font-size: 0.6em;
    }
    
    .testimonial-avatar {
        width: 24px;
        height: 24px;
    }
    
    .testimonial-name {
        font-size: 0.75em;
        max-width: 60px;
    }
    
    .testimonial-stars {
        font-size: 0.6em;
    }
    
    .testimonial-location {
        font-size: 0.5em;
    }
}

/* Telefoane foarte mici */
@media (max-width: 360px) {
    .testimonials-3d-container {
        height: 200px; /* Înălțime foarte redusă */
        margin: 5px auto; /* Margin minimal */
        perspective: 200px;
        padding: 2px;
    }
    
    /* Animații pentru telefoane foarte mici - mai rapide */
    .testimonials-scroll-down .testimonials-marquee {
        animation: scroll-testimonials-down-mobile 20s linear infinite !important;
    }
    
    .testimonials-scroll-up .testimonials-marquee {
        animation: scroll-testimonials-up-mobile 20s linear infinite reverse !important;
    }
    
    .testimonials-column {
        width: 110px; /* Foarte îngust pentru telefoane extrem de mici */
    }
    
    .testimonial-card {
        min-height: 45px;
        max-height: 60px;
        padding: 3px;
        font-size: 0.55em; /* Text extrem de mic */
        margin-bottom: 3px;
    }
    
    .testimonial-avatar {
        width: 20px;
        height: 20px;
    }
    
    .testimonial-name {
        font-size: 0.7em;
        max-width: 50px;
    }
    
    .testimonial-stars {
        font-size: 0.55em;
    }
    
    .testimonial-location {
        font-size: 0.45em; /* Extrem de mic pentru a încăpea */
    }
    
    .avatar-fallback {
        font-size: 0.5em;
    }
}

/* Responsivitate pentru secțiunea de reviews */
@media (max-width: 768px) {
    .reviews-section {
        padding: 20px 20px 40px 20px !important; /* Reduc padding-ul de sus */
    }
    
    .reviews-section .section-title {
        font-size: 2.2em;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .reviews-section .section-subtitle {
        font-size: 0.95em;
        text-align: center;
        margin-bottom: 30px;
        padding: 0 10px;
    }
}

@media (max-width: 480px) {
    .reviews-section {
        padding: 15px 15px 30px 15px !important; /* Reduc și mai mult padding-ul de sus */
    }
    
    .reviews-section .section-title {
        font-size: 1.9em;
        margin-bottom: 12px;
    }
    
    .reviews-section .section-subtitle {
        font-size: 0.9em;
        margin-bottom: 25px;
    }
}

@media (max-width: 360px) {
    .reviews-section {
        padding: 10px 10px 25px 10px !important; /* Padding minim de sus */
    }
    
    .reviews-section .section-title {
        font-size: 1.7em;
        margin-bottom: 10px;
    }
    
    .reviews-section .section-subtitle {
        font-size: 0.85em;
        margin-bottom: 20px;
    }
}

/* Performance optimizations pentru mobile */
@media (max-width: 768px) {
    .testimonials-3d-container {
        will-change: transform;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    .testimonials-column {
        will-change: transform;
    }
    
    .testimonial-card {
        will-change: transform;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    
    /* Disable hover effects on touch devices */
    .testimonials-3d-container:hover .testimonials-marquee {
        animation-play-state: running;
    }
}

/* Interactive 3D Values Section */
.values-section {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);
    position: relative;
    overflow: hidden;
}

.values-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(197, 164, 126, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

.values-3d-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 700px;
    perspective: 1000px;
    perspective-origin: center center;
}

.values-network {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    animation: gentleFloat 12s ease-in-out infinite;
}

@keyframes gentleFloat {
    0%, 100% { transform: translateY(0px) rotateY(0deg); }
    33% { transform: translateY(-8px) rotateY(1deg); }
    66% { transform: translateY(8px) rotateY(-1deg); }
}


@keyframes lineFlow1 {
    0% { 
        stroke-dashoffset: 20;
        opacity: 0.3;
    }
    50% {
        opacity: 0.8;
    }
    100% { 
        stroke-dashoffset: 0;
        opacity: 0.3;
    }
}

/* Custom Elegant Elements */
.elegant-ornament {
    position: relative;
    width: 20px;
    height: 20px;
}

.ornament-center {
    width: 6px;
    height: 6px;
    background: linear-gradient(135deg, #d4b896, #c5a47e);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 8px rgba(197, 164, 126, 0.5);
}

.ornament-petals {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ornament-petals::before,
.ornament-petals::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #c5a47e, transparent);
    top: -1px;
    left: -8px;
}

.ornament-petals::after {
    transform: rotate(90deg);
}

.elegant-swirl {
    width: 18px;
    height: 18px;
    position: relative;
}

.swirl-line {
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    border-top: 2px solid #c5a47e;
    border-right: 2px solid #c5a47e;
    border-radius: 50%;
    position: relative;
    opacity: 0.8;
}

.swirl-line::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border: 1px solid #c5a47e;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.icon-8 i { color: #d4b896; }

.icon-1 i {
    color: #d4b896; /* tort - auriu deschis */
}

.icon-2 i {
    color: #c5a47e; /* inima - culoarea principală */
}

.icon-3 i {
    color: #b8956e; /* cookie - maro mediu */
}

.icon-4 i {
    color: #a08769; /* candy cane - maro închis */
}

.icon-5 i {
    color: #c7ab83; /* înghețată - bej */
}

.icon-6 i {
    color: #c5a47e; /* inima 2 - culoarea principală */
}

.icon-1 {
    top: 18%;
    left: 15%;
}

.icon-2 {
    top: 18%;
    right: 25%;
}

.icon-3 {
    bottom: 18%;
    right: 15%;
}

.icon-4 {
    bottom: 18%;
    left: 25%;
}

.icon-5 {
    top: 30%;
    left: 40%;
}

.icon-6 {
    top: 40%;
    right: 35%;
}

.icon-7 {
    bottom: 35%;
    left: 35%;
}

.icon-8 {
    top: 25%;
    right: 40%;
}

/* Biletele de Frigider - Valorile Noastre */
.values-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

.fridge-note {
    position: relative;
    background: linear-gradient(145deg, #faf7f0, #f5f2eb);
    width: 100%;
    min-height: 350px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 
        0 4px 8px rgba(0,0,0,0.1),
        0 2px 4px rgba(0,0,0,0.05);
    transform: rotate(-2deg);
    transition: all 0.3s ease;
    border: 2px solid var(--color-primary-accent);
}

.fridge-note:nth-child(2) {
    transform: rotate(1.5deg);
}

.fridge-note:nth-child(3) {
    transform: rotate(-1deg);
}

.fridge-note:nth-child(4) {
    transform: rotate(2deg);
}

.fridge-note:hover {
    transform: rotate(0deg) scale(1.05);
    box-shadow: 
        0 8px 16px rgba(0,0,0,0.15),
        0 4px 8px rgba(0,0,0,0.1);
    z-index: 10;
}

/* Agățătoarea de pe partea de sus - culoarea brandului */
.note-pin {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    background: linear-gradient(145deg, var(--color-primary-accent), #b8956e);
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 
        0 2px 4px rgba(0,0,0,0.3),
        inset 0 1px 2px rgba(255,255,255,0.3);
}

.note-pin::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    background: rgba(255,255,255,0.6);
    border-radius: 50%;
}

.note-content {
    text-align: center;
    padding-top: 15px;
}

.note-icon {
    font-size: 2.5em;
    margin-bottom: 15px;
    display: block;
    color: var(--color-primary-accent);
}

.note-icon i {
    color: var(--color-primary-accent);
}

.note-title {
    font-family: 'Cormorant Garamond', var(--font-headings), serif;
    font-size: 1.3em;
    color: var(--color-primary-accent);
    margin-bottom: 12px;
    font-weight: 600;
}

.note-text {
    font-family: 'Lora', var(--font-body), serif;
    font-size: 0.85em;
    line-height: 1.5;
    color: #333;
    margin: 0;
}

/* Toate biletele au aceeași culoare de brand - doar nuanțe diferite */
.note-1 {
    background: linear-gradient(145deg, #faf7f0, #f5f2eb);
    border-color: var(--color-primary-accent);
}

.note-2 {
    background: linear-gradient(145deg, #f8f5ee, #f3f0e9);
    border-color: #b8956e;
}

.note-3 {
    background: linear-gradient(145deg, #f6f3ec, #f1eeea);
    border-color: #d4b896;
}

.note-4 {
    background: linear-gradient(145deg, #f4f1ea, #efece8);
    border-color: #a08769;
}

/* Responsive pentru tabletă și mobile */
@media (max-width: 1024px) {
    .values-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .values-container {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px 15px;
    }
    
    .fridge-note {
        min-height: 220px;
        padding: 18px;
    }
    
    .note-title {
        font-size: 1.2em;
    }
    
    .note-text {
        font-size: 0.82em;
        line-height: 1.4;
    }
    
    .note-icon {
        font-size: 2.2em;
        margin-bottom: 12px;
    }
}

.value-card {
    position: absolute;
    width: 280px;
    height: 320px;
    background: linear-gradient(145deg, rgba(26, 26, 26, 0.9), rgba(40, 40, 40, 0.9));
    border-radius: 20px;
    padding: 30px 25px;
    text-align: center;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(197, 164, 126, 0.2);
    backdrop-filter: blur(10px);
    transform-style: preserve-3d;
    z-index: 2;
    overflow: hidden;
}

.value-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(145deg, rgba(197, 164, 126, 0.05), rgba(197, 164, 126, 0.15));
    border-radius: 20px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.value-card:hover::before {
    opacity: 1;
}

.value-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(197, 164, 126, 0.4) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.value-card:hover .value-glow {
    opacity: 0.6;
}

.value-card:hover {
    transform: translateY(-15px) rotateX(5deg) rotateY(-5deg) scale(1.05);
    border-color: rgba(197, 164, 126, 0.6);
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.4),
        0 0 30px rgba(197, 164, 126, 0.2);
}

.value-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: linear-gradient(145deg, var(--color-primary-accent), #d4b896);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2em;
    color: var(--color-background);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.value-icon::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: rotate(45deg);
    transition: transform 0.6s ease;
}

.value-card:hover .value-icon {
    transform: rotateY(180deg) scale(1.1);
}

.value-card:hover .value-icon::before {
    transform: rotate(45deg) translateX(100%);
}

/* Culori specifice pentru fiecare card */
.value-card-1 .value-icon {
    background: linear-gradient(145deg, #c5a47e, #b8956e);
    color: white;
}

.value-card-2 .value-icon {
    background: linear-gradient(145deg, #d4b896, #c7ab83);
    color: white;
}

.value-card-3 .value-icon {
    background: linear-gradient(145deg, #b49773, #a58660);
    color: white;
}

.value-card-4 .value-icon {
    background: linear-gradient(145deg, #a08769, #947b5f);
    color: white;
}

.value-title {
    font-family: var(--font-headings);
    font-size: 1.6em;
    color: var(--color-primary-accent);
    margin-bottom: 15px;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
}

.value-title::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--color-primary-accent), transparent);
    transition: all 0.4s ease;
    transform: translateX(-50%);
}

.value-card:hover .value-title::after {
    width: 100%;
}

.value-description {
    font-size: 0.95em;
    line-height: 1.6;
    color: var(--color-text);
    opacity: 0.9;
    margin: 0;
    transition: all 0.3s ease;
}

.value-card:hover .value-description {
    opacity: 1;
    transform: translateZ(20px);
}

/* Positioning the cards */
.value-card-1 {
    top: 50px;
    left: 50px;
    animation: cardFloat1 6s ease-in-out infinite;
    background: linear-gradient(135deg, rgba(197, 164, 126, 0.1), rgba(197, 164, 126, 0.05));
    border: 2px solid rgba(197, 164, 126, 0.3);
}

.value-card-1:hover {
    box-shadow: 0 20px 40px rgba(197, 164, 126, 0.2), 0 0 30px rgba(197, 164, 126, 0.1);
    background: linear-gradient(135deg, rgba(197, 164, 126, 0.15), rgba(197, 164, 126, 0.08));
}

.value-card-2 {
    top: 50px;
    right: 50px;
    animation: cardFloat2 6s ease-in-out infinite 1s;
    background: linear-gradient(135deg, rgba(212, 184, 150, 0.1), rgba(212, 184, 150, 0.05));
    border: 2px solid rgba(212, 184, 150, 0.3);
}

.value-card-2:hover {
    box-shadow: 0 20px 40px rgba(212, 184, 150, 0.2), 0 0 30px rgba(212, 184, 150, 0.1);
    background: linear-gradient(135deg, rgba(212, 184, 150, 0.15), rgba(212, 184, 150, 0.08));
}

.value-card-3 {
    bottom: 50px;
    right: 50px;
    animation: cardFloat3 6s ease-in-out infinite 2s;
    background: linear-gradient(135deg, rgba(180, 151, 115, 0.1), rgba(180, 151, 115, 0.05));
    border: 2px solid rgba(180, 151, 115, 0.3);
}

.value-card-3:hover {
    box-shadow: 0 20px 40px rgba(180, 151, 115, 0.2), 0 0 30px rgba(180, 151, 115, 0.1);
    background: linear-gradient(135deg, rgba(180, 151, 115, 0.15), rgba(180, 151, 115, 0.08));
}

.value-card-4 {
    bottom: 50px;
    left: 50px;
    animation: cardFloat4 6s ease-in-out infinite 3s;
    background: linear-gradient(135deg, rgba(160, 135, 105, 0.1), rgba(160, 135, 105, 0.05));
    border: 2px solid rgba(160, 135, 105, 0.3);
}

.value-card-4:hover {
    box-shadow: 0 20px 40px rgba(160, 135, 105, 0.2), 0 0 30px rgba(160, 135, 105, 0.1);
    background: linear-gradient(135deg, rgba(160, 135, 105, 0.15), rgba(160, 135, 105, 0.08));
}

@keyframes cardFloat1 {
    0%, 100% { transform: translateY(0px) rotateZ(0deg); }
    50% { transform: translateY(-10px) rotateZ(1deg); }
}

@keyframes cardFloat2 {
    0%, 100% { transform: translateY(0px) rotateZ(0deg); }
    50% { transform: translateY(-15px) rotateZ(-1deg); }
}

@keyframes cardFloat3 {
    0%, 100% { transform: translateY(0px) rotateZ(0deg); }
    50% { transform: translateY(-8px) rotateZ(1deg); }
}

@keyframes cardFloat4 {
    0%, 100% { transform: translateY(0px) rotateZ(0deg); }
    50% { transform: translateY(-12px) rotateZ(-1deg); }
}

/* Responsive Design pentru Values Section */
@media (max-width: 1024px) {
    .values-3d-container {
        height: 500px;
    }
    
    .value-card {
        width: 250px;
        height: 280px;
        padding: 25px 20px;
    }
    
    .value-icon {
        width: 70px;
        height: 70px;
        font-size: 2em;
    }
    
    .value-title {
        font-size: 1.4em;
    }
    
    .value-description {
        font-size: 0.9em;
    }
}

@media (max-width: 768px) {
    .values-3d-container {
        height: auto;
        padding: 40px 20px;
        perspective: none;
    }
    
    .values-network {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        animation: none;
        transform: none;
    }
    
    .value-card {
        position: relative;
        width: 100%;
        height: 260px;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        animation: none;
        margin: 0;
    }
    
    .value-card:hover {
        transform: translateY(-10px) scale(1.02);
    }
    
    .value-icon {
        width: 60px;
        height: 60px;
        font-size: 1.8em;
        margin-bottom: 15px;
    }
    
    .value-title {
        font-size: 1.3em;
        margin-bottom: 12px;
    }
    
    .value-description {
        font-size: 0.85em;
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    .values-section .content-padding {
        padding: 60px 20px;
    }
    
    .values-network {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .value-card {
        height: 220px;
        padding: 20px 15px;
        border-radius: 15px;
    }
    
    .value-icon {
        width: 50px;
        height: 50px;
        font-size: 1.5em;
        margin-bottom: 12px;
    }
    
    .value-title {
        font-size: 1.2em;
        margin-bottom: 10px;
    }
    
    .value-description {
        font-size: 0.8em;
        line-height: 1.4;
    }
}

@media (max-width: 360px) {
    .values-section .content-padding {
        padding: 50px 15px;
    }
    
    .value-card {
        height: 200px;
        padding: 18px 12px;
    }
    
    .value-icon {
        width: 45px;
        height: 45px;
        font-size: 1.3em;
        margin-bottom: 10px;
    }
    
    .value-title {
        font-size: 1.1em;
        margin-bottom: 8px;
    }
    
    .value-description {
        font-size: 0.75em;
        line-height: 1.3;
    }
}

/* Tablet Container with Scroll Animation */
.tablet-container {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 80px 20px;
    perspective: 1000px;
    overflow: hidden;
}

.tablet-content {
    width: 100%;
    max-width: 1200px;
    position: relative;
}

.tablet-header {
    text-align: center;
    margin-bottom: 80px;
    opacity: 0;
    transform: translateY(50px);
    animation: slideInHeader 1s ease-out 0.2s forwards;
}

.tablet-title {
    font-family: var(--font-headings);
    font-size: 3.5rem;
    color: var(--color-primary-accent);
    margin-bottom: 20px;
    font-weight: 700;
}

.tablet-subtitle {
    font-size: 1.2rem;
    color: rgba(240, 240, 240, 0.8);
    font-weight: 300;
}

.tablet-device {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    transform: perspective(1000px) rotateX(20deg);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform;
}

.tablet-device.scrolled {
    transform: perspective(1000px) rotateX(0deg) scale(1.02);
}

.tablet-screen {
    position: relative;
    width: 100%;
    height: 500px;
    background: #222222;
    border-radius: 30px;
    padding: 20px;
    box-shadow: 
        0 0 0 4px #6C6C6C,
        0 25px 50px rgba(0, 0, 0, 0.3),
        0 50px 80px rgba(0, 0, 0, 0.2),
        0 75px 100px rgba(0, 0, 0, 0.1);
    transition: all 0.6s ease;
}

.tablet-device.scrolled .tablet-screen {
    box-shadow: 
        0 0 0 4px #c5a47e,
        0 35px 60px rgba(197, 164, 126, 0.2),
        0 60px 90px rgba(0, 0, 0, 0.3),
        0 85px 110px rgba(0, 0, 0, 0.2);
}

.screen-content {
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.tablet-frame {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 10px;
}

.tablet-camera {
    width: 8px;
    height: 8px;
    background: #333;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.tablet-button {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 4px;
    background: #666;
    border-radius: 2px;
}

/* Scroll triggered animations */
@keyframes slideInHeader {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes tabletFloat {
    0%, 100% {
        transform: perspective(1000px) rotateX(20deg) translateY(0px);
    }
    50% {
        transform: perspective(1000px) rotateX(20deg) translateY(-10px);
    }
}

.tablet-device.floating {
    animation: tabletFloat 6s ease-in-out infinite;
}

/* Responsive Design */
@media (max-width: 768px) {
    .tablet-title {
        font-size: 2.5rem;
    }
    
    .tablet-subtitle {
        font-size: 1rem;
    }
    
    .tablet-device {
        transform: perspective(600px) rotateX(15deg);
        max-width: 100%;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
    }
    
    .tablet-device.scrolled {
        transform: perspective(600px) rotateX(0deg) scale(1.05);
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .tablet-device.floating {
        animation: tabletFloat 4s ease-in-out infinite;
    }
    
    /* Force iframe visibility on mobile */
    iframe[data-src] {
        display: block !important;
        visibility: visible !important;
        min-height: 300px;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.1);
    }
    
    .tablet-screen {
        height: 400px;
        padding: 15px;
        border-radius: 20px;
    }
    
    .tablet-container {
        min-height: 80vh;
        padding: 40px 15px;
    }
    
    .tablet-header {
        margin-bottom: 50px;
    }
}

/* ========= CUSTOM ICONS FOR VALUES SECTION ========= */
.icon-heart::before { 
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c5a47e' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}
.icon-handshake::before { 
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c5a47e' viewBox='0 0 24 24'%3E%3Cpath d='M11,2V4.06C7.05,4.56 4,7.92 4,12V18A2,2 0 0,0 6,20H9L12.5,16.5L16,20H18A2,2 0 0,0 20,18V12C20,7.92 16.95,4.56 13,4.06V2H11M12,6A6,6 0 0,1 18,12V18H16.5L12.5,14L8.5,18H6V12A6,6 0 0,1 12,6Z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}
.icon-medal::before { 
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c5a47e' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.39l-3.76 2.27.99-4.28-3.32-2.88 4.38-.38L12 6.09l1.71 4.03 4.38.38-3.32 2.88.99 4.28L12 15.39z'/%3E%3Cpath d='M12 2L9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}
.icon-shield::before { 
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c5a47e' viewBox='0 0 24 24'%3E%3Cpath d='M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.6 14.8,10V11H16V16H8V11H9.2V10C9.2,8.6 10.6,7 12,7M12,8.2C11.2,8.2 10.4,8.7 10.4,10V11H13.6V10C13.6,8.7 12.8,8.2 12,8.2Z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}
.icon-calendar::before { 
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c5a47e' viewBox='0 0 24 24'%3E%3Cpath d='M19,3H18V1H16V3H8V1H6V3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V8H19V19Z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
    margin-right: 6px;
}
.icon-cupcake::before { 
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("cake.ico") no-repeat center center;
    background-size: contain;
}
.icon-croissant::before { 
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("cookies.ico") no-repeat center center;
    background-size: contain;
}
.fas { 
    font-style: normal; 
}

/* ========= PAGINA 404 ERROR ========= */
.error-404-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 120px 20px 60px;
    background: var(--color-background);
    contain: layout style paint;
}

.error-404-content {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.error-number {
    font-family: var(--font-headings);
    font-size: clamp(8rem, 15vw, 16rem);
    font-weight: 700;
    color: var(--color-primary-accent);
    line-height: 0.8;
    margin-bottom: 2rem;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    letter-spacing: -0.02em;
}

.error-title {
    font-family: var(--font-headings);
    font-size: clamp(2rem, 5vw, 3.5rem);
    color: var(--color-text);
    margin-bottom: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
}

.error-subtitle {
    font-family: var(--font-body);
    font-size: clamp(1.1rem, 2.5vw, 1.3rem);
    color: rgba(240, 240, 240, 0.85);
    margin-bottom: 3rem;
    line-height: 1.6;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.error-actions {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
}

.error-actions .btn {
    min-width: 220px;
    font-size: 1rem;
    padding: 15px 35px;
}

@media (min-width: 768px) {
    .error-actions {
        flex-direction: row;
        justify-content: center;
        gap: 2rem;
    }
    
    .error-404-section {
        padding: 140px 40px 80px;
    }
}

/* ========= CANDY BAR PREMIUM STYLES ========= */
.advantages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin: 2rem 0 3rem;
}

.advantage-card {
    text-align: center;
    padding: 2rem 1.5rem;
    background: rgba(197, 164, 126, 0.05);
    border-radius: 8px;
    border: 1px solid rgba(197, 164, 126, 0.2);
    transition: all 0.3s ease;
}

.advantage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    border-color: var(--color-primary-accent);
}

.advantage-icon {
    margin-bottom: 1rem;
}

.advantage-icon i {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.advantage-card h3 {
    font-family: var(--font-headings);
    font-size: 1.3rem;
    color: var(--color-primary-accent);
    margin-bottom: 0.8rem;
    font-weight: 600;
}

.advantage-card p {
    font-family: var(--font-body);
    color: rgba(240, 240, 240, 0.85);
    line-height: 1.5;
}

.event-types-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0 3rem;
}

.event-type-card {
    padding: 1.5rem;
    background: linear-gradient(145deg, 
        rgba(197, 164, 126, 0.08) 0%, 
        rgba(197, 164, 126, 0.03) 100%);
    border-radius: 8px;
    border-left: 4px solid var(--color-primary-accent);
    transition: all 0.3s ease;
}

.event-type-card:hover {
    transform: translateX(5px);
    background: linear-gradient(145deg, 
        rgba(197, 164, 126, 0.12) 0%, 
        rgba(197, 164, 126, 0.06) 100%);
}

.event-type-card h3 {
    font-family: var(--font-headings);
    font-size: 1.2rem;
    color: var(--color-primary-accent);
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.event-type-card p {
    font-family: var(--font-body);
    color: rgba(240, 240, 240, 0.8);
    line-height: 1.4;
    font-size: 0.95rem;
}