:root {--bg-primary: #0a0e1a;--bg-secondary: #131825;--bg-tertiary: #1a1f2e;--bg-card: rgba(26, 31, 46, 0.8);--bg-glass: rgba(255, 255, 255, 0.05);--text-primary: #ffffff;--text-secondary: #b8c5d6;--text-tertiary: #8d9bb5;--accent-primary: #60a5fa;--accent-secondary: #3b82f6;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent-glow: rgba(96, 165, 250, 0.3);--border-color: rgba(255, 255, 255, 0.1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);--shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.4);--shadow-glow: 0 0 30px var(--accent-glow);--transition-fast: 0.2s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease;}
body.light-mode {--bg-primary: #f7fafc;--bg-secondary: #edf2f7;--bg-tertiary: #e2e8f0;--bg-card: rgba(255, 255, 255, 0.9);--bg-glass: rgba(0, 0, 0, 0.02);--text-primary: #1a202c;--text-secondary: #4a5568;--text-tertiary: #718096;--accent-primary: #3b82f6;--accent-secondary: #2563eb;--border-color: rgba(0, 0, 0, 0.1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);--shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.15);}
body.light-mode .section-tag {color: #1a202c;}
body.light-mode .section-title {color: #1a202c;}
body.light-mode .gradient-text {background: linear-gradient(135deg, #1a202c 0%, #4a5568 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
* {margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;display: block;}
html {scroll-behavior: smooth;scroll-padding-top: 80px;}
@font-face {font-family: 'Inter Fallback';src: local('Segoe UI'), local('Arial'), local('sans-serif');ascent-override: 90.49%;descent-override: 22.56%;line-gap-override: 0%;size-adjust: 107.64%;font-display: swap;}
@font-face {font-family: 'Jura Fallback';src: local('Segoe UI'), local('Arial'), local('sans-serif');ascent-override: 95%;descent-override: 25%;line-gap-override: 0%;size-adjust: 100%;font-display: swap;}
body {font-family: 'Inter', 'Inter Fallback', 'Jura', 'Jura Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;background-color: var(--bg-primary);color: var(--text-primary);line-height: 1.6;overflow-x: hidden;transition: background-color var(--transition-normal), color var(--transition-normal);}
@font-face {font-family: 'Inter';font-display: swap;}
@font-face {font-family: 'Jura';font-display: swap;}
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: var(--bg-secondary);}
::-webkit-scrollbar-thumb {background: var(--accent-primary);border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: var(--accent-secondary);}
.skip-to-main {position: absolute;top: -100%;left: 50%;transform: translateX(-50%);background: var(--accent-primary);color: #fff;padding: 0.75rem 1.5rem;z-index: 10000;border-radius: 0 0 8px 8px;font-weight: 600;text-decoration: none;transition: top 0.3s;}
.skip-to-main:focus {top: 0;}
.container {max-width: 1280px;margin: 0 auto;padding: 0 2rem;}
.section-header {text-align: center;margin-bottom: 4rem;}
.section-tag {display: inline-block;color: var(--text-primary);font-size: 0.875rem;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 1rem;}
.section-title {font-size: 2.5rem;font-weight: 700;color: var(--text-primary);margin-bottom: 2.5rem;}
.gradient-text {background: var(--accent-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.btn {display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.875rem 1.75rem;font-size: 1rem;font-weight: 600;border-radius: 12px;text-decoration: none;cursor: pointer;border: none;transition: all var(--transition-normal);position: relative;overflow: hidden;}
.btn::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.2);transform: translate(-50%, -50%);transition: width 0.6s, height 0.6s;}
.btn:hover::before {width: 300px;height: 300px;}
.btn-primary {background: var(--accent-gradient);color: white;box-shadow: var(--shadow-glow);}
.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 0 40px var(--accent-glow);}
.btn-secondary {background: var(--bg-glass);color: var(--text-primary);border: 2px solid var(--border-color);backdrop-filter: blur(10px);}
.btn-secondary:hover {background: var(--bg-card);border-color: var(--accent-primary);}
.btn-product {width: 100%;justify-content: center;background: var(--bg-secondary);color: var(--text-primary);border: 1px solid var(--border-color);}
.btn-product:hover {background: var(--accent-gradient);color: white;border-color: transparent;}
.btn-block {width: 100%;justify-content: center;}
.modern-nav {position: fixed;top: 0;left: 0;right: 0;z-index: 1000;background: var(--bg-card);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border-color);transition: all var(--transition-normal);}
.modern-nav.scrolled {box-shadow: var(--shadow-md);}
.nav-container {max-width: 1400px;margin: 0 auto;padding: 0.15rem 2rem;display: flex;align-items: center;justify-content: space-between;gap: 2rem;}
.nav-logo {display: flex;align-items: center;justify-content: center;margin-top: 3.5rem;text-decoration: none;}
.nav-logo:hover {opacity: 0.8;}
.nav-logo img {height: 110px !important;width: auto !important;max-width: 200px !important;min-width: 150px;display: block;transition: opacity var(--transition-normal);object-fit: contain;}
.nav-menu {display: flex;align-items: center;gap: 2.5rem;flex: 1;justify-content: center;}
.nav-actions {display: flex;align-items: center;gap: 1rem;}
.modern-nav.scrolled .nav-logo {margin-top: 3.5rem;}
.modern-nav.scrolled .nav-logo img {height: 110px !important;width: auto !important;max-width: 200px !important;min-width: 150px;object-fit: contain;}
.modern-nav.scrolled .nav-container {padding: 0.15rem 2rem;}
.nav-link {color: var(--text-secondary);text-decoration: none;font-weight: 500;font-size: 0.875rem;text-transform: uppercase;letter-spacing: 1px;transition: all var(--transition-normal);position: relative;padding: 0.5rem 0;}
.nav-link::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--accent-gradient);transition: width var(--transition-normal);}
.nav-link:hover,.nav-link.active {color: var(--accent-primary);}
.nav-link:hover::after,.nav-link.active::after {width: 100%;}
.phone-button {display: flex;align-items: center;gap: 0.5rem;padding: 0.625rem 1.25rem;background: var(--accent-gradient);color: white;text-decoration: none;border-radius: 25px;font-size: 0.875rem;font-weight: 600;transition: all var(--transition-normal);box-shadow: var(--shadow-glow);}
.phone-button:hover {transform: translateY(-2px);box-shadow: 0 0 30px var(--accent-glow);}
.phone-button i {font-size: 1rem;animation: phoneRing 2s infinite;}
@keyframes phoneRing {0%, 100% { transform: rotate(0deg); }
10%, 30% { transform: rotate(-15deg); }
20%, 40% { transform: rotate(15deg); }
50% { transform: rotate(0deg); }}
.theme-toggle {width: 44px;height: 44px;border-radius: 50%;background: var(--bg-glass);border: 1px solid var(--border-color);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all var(--transition-normal);position: relative;}
.theme-toggle:hover {background: var(--accent-gradient);border-color: transparent;transform: rotate(180deg);}
.sun-icon,.moon-icon {position: absolute;transition: all var(--transition-normal);}
.sun-icon {opacity: 0;transform: rotate(180deg);}
body.light-mode .sun-icon {opacity: 1;transform: rotate(0deg);}
body.light-mode .moon-icon {opacity: 0;transform: rotate(-180deg);}
.mobile-menu-toggle {display: none;flex-direction: column;gap: 4px;background: none;border: none;cursor: pointer;padding: 0.5rem;}
.mobile-menu-toggle span {width: 24px;height: 2px;background: var(--text-primary);transition: all var(--transition-normal);}
.mobile-menu-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.mobile-menu-toggle.active span:nth-child(2) {opacity: 0;}
.mobile-menu-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(7px, -6px);}
.hero-section {position: relative;min-height: 100vh;display: flex;align-items: center;padding: 10rem 0 4rem;overflow: hidden;background: var(--bg-primary);}
.hero-content {max-width: 1280px;margin: 0 auto;padding: 0 2rem;display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;}
.hero-title {font-size: 3.5rem;font-weight: 800;line-height: 1.1;margin-bottom: 1.5rem;display: flex;flex-direction: column;}
.title-line {display: block;}
.hero-description {font-size: 1.125rem;color: var(--text-secondary);margin-bottom: 2rem;line-height: 1.8;}
.hero-features {display: flex;flex-wrap: wrap;gap: 1.5rem;margin-bottom: 2.5rem;}
.feature-item {display: flex;align-items: center;gap: 0.5rem;color: var(--text-secondary);font-size: 0.875rem;}
.feature-item i {color: var(--accent-primary);font-size: 1.125rem;}
.hero-cta {display: flex;gap: 1rem;flex-wrap: wrap;}
.hero-image {position: relative;display: flex;align-items: center;justify-content: center;}
.hero-images-grid {display: grid;grid-template-columns: 2fr 1fr;grid-template-rows: 1fr 1fr;gap: 1rem;max-width: 500px;height: 450px;}
.hero-grid-item {position: relative;border-radius: 20px;overflow: hidden;box-shadow: var(--shadow-lg);transition: transform var(--transition-normal), box-shadow var(--transition-normal);will-change: transform;}
.hero-grid-item:hover {transform: translateY(-8px);box-shadow: var(--shadow-glow);}
.hero-grid-item.large {grid-row: 1 / 3;grid-column: 1;}
.hero-grid-item picture {width: 100%;height: 100%;display: block;}
.hero-grid-item img {width: 100%;height: 100%;object-fit: cover;display: block;transition: all var(--transition-slow);}
.hero-grid-item:hover img {transform: scale(1.1);}
.grid-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.5) 100%);display: flex;align-items: flex-start;justify-content: flex-end;padding: 1.5rem;}
.badge {background: var(--accent-gradient);color: white;padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.875rem;font-weight: 600;}
.scroll-indicator {position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: 0.5rem;color: var(--text-tertiary);font-size: 0.75rem;text-transform: uppercase;letter-spacing: 2px;}
.scroll-line {width: 1px;height: 40px;background: var(--border-color);animation: scrollAnimation 2s infinite;}
@keyframes scrollAnimation {0%, 100% {transform: translateY(0);opacity: 0;}
50% {transform: translateY(10px);opacity: 1;}}
.about-section {padding: 6rem 0;background: var(--bg-secondary);}
.about-content-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;}
.about-image-wrapper {position: relative;}
.image-frame {position: relative;border-radius: 24px;overflow: hidden;box-shadow: var(--shadow-lg);}
.image-frame img {width: 100%;height: 500px;object-fit: cover;display: block;}
.image-decoration {position: absolute;top: -20px;left: -20px;right: 20px;bottom: 20px;border: 2px solid var(--accent-primary);border-radius: 24px;z-index: -1;}
.about-description {font-size: 1.125rem;color: var(--text-secondary);line-height: 1.8;margin-bottom: 2rem;}
.about-stats {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;margin-bottom: 2rem;}
.stat-item {text-align: center;}
.stat-number {font-size: 2.5rem;font-weight: 800;background: var(--accent-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 0.5rem;}
.stat-label {font-size: 0.875rem;color: var(--text-tertiary);text-transform: uppercase;letter-spacing: 1px;}
.pizza-promo-banner {padding: 4rem 0;background: linear-gradient(135deg, rgba(96, 165, 250, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);position: relative;overflow: hidden;}
.pizza-promo-banner::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 50% 50%, rgba(96, 165, 250, 0.05) 0%, transparent 70%);pointer-events: none;}
.promo-banner-content {text-align: center;position: relative;z-index: 1;}
.promo-badge {display: inline-flex;align-items: center;gap: 0.5rem;background: var(--accent-gradient);color: white;padding: 0.5rem 1.25rem;border-radius: 25px;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 1.5rem;box-shadow: var(--shadow-glow);animation: pulse 2s infinite;}
@keyframes pulse {0%, 100% {transform: scale(1);box-shadow: var(--shadow-glow);}
50% {transform: scale(1.05);box-shadow: 0 0 40px var(--accent-glow);}}
.promo-badge i {font-size: 1rem;}
.promo-title {font-size: 2.5rem;font-weight: 800;color: var(--text-primary);margin-bottom: 1rem;line-height: 1.2;}
.promo-subtitle {font-size: 1.125rem;color: var(--text-secondary);margin-bottom: 2rem;max-width: 800px;margin-left: auto;margin-right: auto;line-height: 1.6;}
.promo-price {display: flex;align-items: baseline;justify-content: center;gap: 0.5rem;margin-bottom: 2rem;}
.price-main {font-size: 3.5rem;font-weight: 900;background: var(--accent-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;line-height: 1;}
.price-unit {font-size: 1.5rem;color: var(--text-tertiary);font-weight: 600;}
.promo-cta {font-size: 1.125rem;padding: 1rem 2.5rem;}
.shop-section {padding: 6rem 0;}
.shop-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2rem;}
.product-card {background: var(--bg-card);backdrop-filter: blur(10px);border: 1px solid var(--border-color);border-radius: 20px;padding: 1.5rem;transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);position: relative;overflow: hidden;will-change: transform;}
.product-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--accent-gradient);opacity: 0;transition: opacity var(--transition-normal);z-index: -1;}
.product-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);border-color: var(--accent-primary);}
.product-card.featured,.product-card.kindling {border: 2px solid var(--accent-primary);box-shadow: var(--shadow-glow);}
.product-card.kindling .product-dimension {background: var(--accent-gradient);color: white;padding: 0.75rem 1.5rem;}
.product-card.pizza .product-dimension {background: var(--accent-gradient);color: white;padding: 0.75rem 1.5rem;}
.product-delivery strong {color: var(--accent-primary);display: block;margin-bottom: 0.5rem;}
.product-benefits {display: flex;flex-wrap: wrap;gap: 0.5rem;justify-content: center;margin-bottom: 1.5rem;padding: 1rem 0;}
.benefit-item {display: inline-block;background: var(--bg-glass);border: 1px solid var(--border-color);padding: 0.375rem 0.75rem;border-radius: 8px;font-size: 0.75rem;color: var(--text-secondary);white-space: nowrap;transition: all var(--transition-normal);}
.benefit-item:hover {background: var(--accent-gradient);color: white;border-color: transparent;transform: translateY(-2px);}
.product-badge {position: absolute;top: 1.5rem;right: 1.5rem;padding: 0.375rem 0.75rem;border-radius: 12px;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;}
.product-badge.available {background: rgba(16, 185, 129, 0.2);color: #10b981;}
.product-badge.popular {background: var(--accent-gradient);color: white;}
.product-image {width: 100%;height: 200px;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;}
.product-image img {max-width: 100%;max-height: 100%;object-fit: contain;}
.product-details {text-align: center;}
.product-title {font-size: 1.125rem;font-weight: 600;margin-bottom: 0.5rem;}
.product-dimension {display: inline-block;background: var(--bg-glass);padding: 0.5rem 1rem;border-radius: 12px;font-size: 1.5rem;font-weight: 700;color: var(--accent-primary);margin-bottom: 1rem;}
.product-price {display: flex;align-items: baseline;justify-content: center;gap: 0.25rem;margin-bottom: 0.5rem;}
.price-value {font-size: 2rem;font-weight: 800;color: var(--text-primary);}
.price-unit {font-size: 1rem;color: var(--text-tertiary);}
.product-delivery {font-size: 0.875rem;color: var(--text-secondary);margin-bottom: 1.5rem;}
.gallery-section {padding: 6rem 0;background: var(--bg-secondary);}
.gallery-scroll-container {position: relative;overflow-x: auto;overflow-y: hidden;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: var(--accent-primary) var(--bg-tertiary);}
.gallery-scroll-container::-webkit-scrollbar {height: 8px;}
.gallery-scroll-container::-webkit-scrollbar-track {background: var(--bg-tertiary);border-radius: 10px;}
.gallery-scroll-container::-webkit-scrollbar-thumb {background: var(--accent-gradient);border-radius: 10px;}
.gallery-scroll-container::-webkit-scrollbar-thumb:hover {background: var(--accent-secondary);}
.gallery-grid {display: grid;grid-auto-flow: column;grid-auto-columns: calc(33.333% - 1rem);gap: 1.5rem;padding: 1rem 0;}
.gallery-item {position: relative;border-radius: 20px;overflow: hidden;aspect-ratio: 4/3;cursor: pointer;box-shadow: var(--shadow-md);transition: transform var(--transition-normal), box-shadow var(--transition-normal);will-change: transform;}
.gallery-item:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);}
.gallery-item img {width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-slow);}
.gallery-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity var(--transition-normal);}
.gallery-overlay i {font-size: 2.5rem;color: white;transition: all var(--transition-normal);}
.gallery-item:hover .gallery-overlay {opacity: 1;}
.gallery-item:hover .gallery-overlay i {transform: scale(1.2);}
.gallery-item:hover img {transform: scale(1.1);}
.materials-section {padding: 6rem 0;}
.section-description {text-align: center;color: var(--text-secondary);font-size: 1.125rem;max-width: 700px;margin: 0 auto;line-height: 1.6;}
.materials-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;}
.material-card {background: var(--bg-card);backdrop-filter: blur(10px);border: 1px solid var(--border-color);border-radius: 20px;padding: 2rem;text-align: center;transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);will-change: transform;}
.material-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);border-color: var(--accent-primary);}
.material-icon {width: 120px;height: 120px;margin: 0 auto 1.5rem;border-radius: 50%;background: var(--bg-glass);display: flex;align-items: center;justify-content: center;transition: all var(--transition-normal);}
.material-card:hover .material-icon {background: var(--accent-gradient);transform: scale(1.1);}
.material-icon img {width: 80px;height: 80px;object-fit: contain;}
.material-name {font-size: 1.25rem;font-weight: 600;margin-bottom: 0.5rem;}
.material-description {font-size: 0.875rem;color: var(--text-secondary);}
.blog-section {padding: 6rem 0;background: var(--bg-primary);}
.blog-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 2rem;}
.blog-card {background: var(--bg-card);backdrop-filter: blur(10px);border: 1px solid var(--border-color);border-radius: 20px;overflow: hidden;transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);will-change: transform;}
.blog-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);border-color: var(--accent-primary);}
.blog-icon-wrapper {position: relative;height: 200px;background: var(--accent-gradient);display: flex;align-items: center;justify-content: center;overflow: hidden;}
.blog-icon {font-size: 4rem;color: white;opacity: 0.9;transition: all var(--transition-normal);}
.blog-card:hover .blog-icon {transform: scale(1.2) rotate(5deg);opacity: 1;}
.blog-category {position: absolute;top: 1rem;left: 1rem;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(10px);color: white;padding: 0.375rem 0.875rem;border-radius: 20px;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;}
.blog-content {padding: 1.5rem;}
.blog-title {font-size: 1.25rem;font-weight: 600;color: var(--text-primary);margin-bottom: 0.75rem;line-height: 1.4;}
.blog-excerpt {font-size: 0.9rem;color: var(--text-secondary);line-height: 1.6;margin-bottom: 1rem;}
.blog-link {display: inline-flex;align-items: center;gap: 0.5rem;color: var(--accent-primary);text-decoration: none;font-weight: 600;font-size: 0.875rem;transition: all var(--transition-normal);}
.blog-link:hover {gap: 0.75rem;color: var(--accent-secondary);}
.blog-link i {transition: all var(--transition-normal);}
.faq-section {padding: 6rem 0;background: var(--bg-secondary);}
.faq-container {max-width: 900px;margin: 0 auto;display: flex;flex-direction: column;gap: 1.5rem;}
.faq-item {background: var(--bg-card);backdrop-filter: blur(10px);border: 1px solid var(--border-color);border-radius: 16px;padding: 0;transition: all var(--transition-normal);overflow: hidden;}
.faq-item:hover {border-color: var(--accent-primary);box-shadow: var(--shadow-md);}
.faq-question {font-size: 1.25rem;font-weight: 600;color: var(--text-primary);padding: 1.5rem 2rem;margin: 0;display: flex;align-items: center;justify-content: space-between;gap: 1rem;cursor: pointer;user-select: none;transition: all var(--transition-normal);position: relative;}
.faq-question::before {content: 'Q:';font-weight: 800;color: var(--accent-primary);flex-shrink: 0;}
.faq-question::after {content: '+';font-size: 1.5rem;font-weight: 300;color: var(--accent-primary);transition: transform var(--transition-normal);flex-shrink: 0;}
.faq-item.active .faq-question::after {transform: rotate(45deg);}
.faq-question:hover {background: rgba(96, 165, 250, 0.05);color: var(--accent-primary);}
.faq-answer {font-size: 1rem;color: var(--text-secondary);line-height: 1.8;padding: 0 2rem 1.5rem 2rem;max-height: 0;overflow: hidden;transition: max-height 0.3s ease, padding 0.3s ease;}
.faq-item.active .faq-answer {max-height: 1000px;padding: 0 2rem 1.5rem 2rem;}
.contact-section {padding: 6rem 0;background: var(--bg-secondary);}
.contact-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;}
.contact-info {display: flex;flex-direction: column;gap: 1.5rem;}
.info-card {display: flex;gap: 1rem;background: var(--bg-card);backdrop-filter: blur(10px);border: 1px solid var(--border-color);border-radius: 16px;padding: 1.5rem;transition: all var(--transition-normal);}
.info-card:hover {border-color: var(--accent-primary);transform: translateX(8px);}
.info-icon {width: 48px;height: 48px;border-radius: 12px;background: var(--accent-gradient);display: flex;align-items: center;justify-content: center;color: white;font-size: 1.25rem;flex-shrink: 0;}
.info-content h3 {font-size: 1rem;font-weight: 600;margin-bottom: 0.25rem;}
.info-content p {font-size: 0.875rem;color: var(--text-secondary);}
.map-container {border-radius: 16px;overflow: hidden;height: 300px;border: 1px solid var(--border-color);}
.map-container iframe {width: 100%;height: 100%;border: none;}
.contact-form-wrapper {background: var(--bg-card);backdrop-filter: blur(10px);border: 1px solid var(--border-color);border-radius: 20px;padding: 2rem;}
.contact-form {display: flex;flex-direction: column;gap: 1.5rem;}
.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;}
.form-group {display: flex;flex-direction: column;gap: 0.5rem;}
.form-group label {font-size: 0.875rem;font-weight: 600;color: var(--text-secondary);}
.form-group input,.form-group textarea {background: var(--bg-glass);border: 1px solid var(--border-color);border-radius: 12px;padding: 0.875rem;color: var(--text-primary);font-family: inherit;font-size: 1rem;transition: all var(--transition-normal);}
.form-group input:focus,.form-group textarea:focus {outline: none;border-color: var(--accent-primary);box-shadow: 0 0 0 3px var(--accent-glow);}
.robot-check {grid-column: 1 / -1;}
.robot-verification {display: flex;align-items: center;gap: 1rem;}
.robot-verification input {flex: 1;}
.robot-code {background: var(--accent-gradient);color: white;padding: 0.875rem 1.5rem;border-radius: 12px;font-size: 1.25rem;font-weight: 700;letter-spacing: 4px;user-select: none;}
.modern-footer {background: var(--bg-tertiary);border-top: 1px solid var(--border-color);padding: 4rem 0 2rem;}
.footer-content {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr 1fr;gap: 3rem;margin-bottom: 3rem;}
.footer-logo img {height: 60px !important;width: auto !important;max-width: 150px !important;display: block;margin-bottom: 1rem;object-fit: contain;}
.footer-description {color: var(--text-secondary);font-size: 0.875rem;line-height: 1.6;margin-bottom: 1.5rem;}
.social-links {display: flex;gap: 1rem;}
.social-link {width: 40px;height: 40px;border-radius: 50%;background: var(--bg-glass);border: 1px solid var(--border-color);display: flex;align-items: center;justify-content: center;color: var(--text-primary);transition: all var(--transition-normal);}
.social-link:hover {background: var(--accent-gradient);border-color: transparent;color: white;transform: translateY(-4px);}
.footer-col h4 {font-size: 1rem;font-weight: 600;margin-bottom: 1rem;color: var(--text-primary);}
.footer-links,.footer-contact {list-style: none;display: flex;flex-direction: column;gap: 0.75rem;}
.footer-links a {color: var(--text-secondary);text-decoration: none;font-size: 0.875rem;transition: all var(--transition-normal);}
.footer-links a:hover {color: var(--accent-primary);padding-left: 0.5rem;}
.footer-contact li {display: flex;align-items: center;gap: 0.5rem;font-size: 0.875rem;color: var(--text-secondary);}
.footer-contact i {color: var(--accent-primary);}
.footer-bottom {text-align: center;padding-top: 2rem;border-top: 1px solid var(--border-color);}
.footer-bottom p {color: var(--text-tertiary);font-size: 0.875rem;}
@media (max-width: 1024px) {.hero-content,.about-content-grid,.contact-grid {grid-template-columns: 1fr;gap: 3rem;}
.hero-title {font-size: 2.5rem;}
.contact-info .map-container {height: 300px;}
.footer-content {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 768px) {.nav-container {padding: 0.15rem 1rem;}
.nav-logo {margin-top: 2.5rem;}
.nav-logo img {height: 80px !important;width: auto !important;max-width: 150px !important;min-width: 120px;display: block;object-fit: contain;}
.modern-nav.scrolled .nav-container {padding: 0.15rem 1rem;}
.modern-nav.scrolled .nav-logo {margin-top: 2.5rem;}
.modern-nav.scrolled .nav-logo img {height: 80px !important;width: auto !important;max-width: 150px !important;min-width: 120px;display: block;object-fit: contain;}
.nav-menu {position: fixed;top: 95px;left: 0;right: 0;background: var(--bg-card);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border-color);flex-direction: column;padding: 2rem;gap: 1.5rem;transform: translateY(-100%);opacity: 0;transition: transform 0.3s ease, opacity 0.3s ease;pointer-events: none;z-index: 999;justify-content: flex-start;display: flex;}
.nav-menu.active {transform: translateY(0);opacity: 1;pointer-events: all;}
.nav-link {font-size: 1.125rem;padding: 0.5rem;width: 100%;text-align: center;}
.mobile-menu-toggle {display: flex;}
.phone-button {padding: 0.5rem;width: 40px;height: 40px;justify-content: center;}
.phone-button span {display: none;}
.theme-toggle {width: 40px;height: 40px;}
.section-title {font-size: 2rem;}
.pizza-promo-banner {padding: 3rem 0;}
.promo-title {font-size: 1.75rem;}
.promo-subtitle {font-size: 1rem;padding: 0 1rem;}
.price-main {font-size: 2.5rem;}
.price-unit {font-size: 1.25rem;}
.promo-cta {font-size: 1rem;padding: 0.875rem 2rem;}
.hero-section {padding: 8rem 0 3rem;margin-top: 2rem;}
.hero-title {font-size: 2rem;}
.hero-images-grid {grid-template-columns: 1fr;grid-template-rows: auto;max-width: 100%;}
.hero-grid-item.large {grid-row: auto;grid-column: auto;}
.shop-grid {grid-template-columns: 1fr;}
.product-benefits {gap: 0.375rem;padding: 0.75rem 0;}
.benefit-item {font-size: 0.7rem;padding: 0.25rem 0.5rem;}
.product-delivery {font-size: 0.8rem;line-height: 1.6;}
.gallery-grid {grid-auto-columns: calc(100% - 1rem);}
.form-row {grid-template-columns: 1fr;}
.footer-content {grid-template-columns: 1fr;gap: 2rem;}
.about-stats {grid-template-columns: 1fr;}
.contact-section {padding: 3rem 0;}
.contact-grid {grid-template-columns: 1fr;gap: 2rem;}
.contact-info {gap: 1rem;order: 2;}
.contact-form-wrapper {padding: 1.5rem;order: 1;}
.info-card {flex-direction: row;text-align: left;padding: 1rem;gap: 1rem;}
.info-icon {width: 40px;height: 40px;font-size: 1rem;}
.info-content h3 {font-size: 0.875rem;}
.info-content p {font-size: 0.8rem;}
.map-container {height: 250px;margin-top: 0;}
.contact-form {gap: 1rem;}
.form-row {grid-template-columns: 1fr;gap: 1rem;}
.form-group label {font-size: 0.8rem;}
.form-group input,.form-group textarea {padding: 0.75rem;font-size: 0.9rem;}
.robot-verification {flex-direction: column;gap: 0.75rem;}
.robot-code {padding: 0.75rem 1rem;font-size: 1.125rem;}
.faq-section {padding: 4rem 0;}
.faq-item {padding: 0;}
.faq-question {font-size: 1.125rem;padding: 1.25rem 1.5rem;}
.faq-answer {font-size: 0.9rem;padding-left: 1.5rem;padding-right: 1.5rem;}
.blog-section {padding: 4rem 0;}
.blog-grid {grid-template-columns: 1fr;gap: 1.5rem;}
.blog-card {max-width: 100%;}
.blog-icon-wrapper {height: 150px;}
.blog-icon {font-size: 3rem;}
.blog-content {padding: 1.25rem;}
.blog-title {font-size: 1.125rem;}
.blog-excerpt {font-size: 0.875rem;}}
@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}
to {opacity: 1;transform: translateY(0);}}
@keyframes fadeInLeft {from {opacity: 0;transform: translateX(-30px);}
to {opacity: 1;transform: translateX(0);}}
@keyframes fadeInRight {from {opacity: 0;transform: translateX(30px);}
to {opacity: 1;transform: translateX(0);}}
.animate-on-scroll {opacity: 0;animation: fadeInUp 0.8s ease forwards;will-change: opacity, transform;}
.scroll-animate-hidden {opacity: 0;will-change: opacity, transform;}
.animate-on-scroll.delay-1 {animation-delay: 0.2s;}
.animate-on-scroll.delay-2 {animation-delay: 0.4s;}
.animate-on-scroll.delay-3 {animation-delay: 0.6s;}
.pizza-hero-section {padding: 12rem 0 6rem;background: var(--bg-primary);text-align: center;position: relative;overflow: hidden;}
.pizza-hero-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 30% 50%, rgba(96, 165, 250, 0.1) 0%, transparent 50%);pointer-events: none;}
.pizza-hero-content {position: relative;z-index: 1;max-width: 900px;margin: 0 auto;padding: 0 2rem;}
.pizza-hero-badge {display: inline-flex;align-items: center;gap: 0.5rem;background: var(--accent-gradient);color: white;padding: 0.75rem 1.5rem;border-radius: 25px;font-size: 0.875rem;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 2rem;box-shadow: var(--shadow-glow);}
.pizza-hero-badge i {font-size: 1.125rem;}
.pizza-hero-title {font-size: 3.5rem;font-weight: 900;color: var(--text-primary);margin-bottom: 1.5rem;line-height: 1.2;}
.pizza-hero-subtitle {font-size: 1.25rem;color: var(--text-secondary);margin-bottom: 2.5rem;line-height: 1.7;}
.pizza-hero-price {display: flex;align-items: baseline;justify-content: center;gap: 0.75rem;margin-bottom: 3rem;}
.pizza-price-value {font-size: 4rem;font-weight: 900;background: var(--accent-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;line-height: 1;}
.pizza-price-unit {font-size: 1.75rem;color: var(--text-tertiary);font-weight: 600;}
.pizza-hero-cta {font-size: 1.25rem;padding: 1.25rem 3rem;}
.pizza-what-section,.pizza-benefits-section,.pizza-usage-section,.pizza-technical-section,.pizza-why-section,.pizza-faq-section {padding: 6rem 0;}
.pizza-what-section {background: var(--bg-secondary);}
.pizza-content-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;max-width: 1200px;margin: 0 auto;}
.pizza-content-text {display: flex;flex-direction: column;gap: 1.5rem;}
.pizza-description {font-size: 1.125rem;color: var(--text-secondary);line-height: 1.8;}
.pizza-description strong {color: var(--accent-primary);font-weight: 600;}
.pizza-content-image {position: relative;}
.pizza-image-wrapper {position: relative;border-radius: 24px;overflow: hidden;box-shadow: var(--shadow-lg);}
.pizza-image-wrapper img {width: 100%;height: 500px;object-fit: cover;display: block;}
.pizza-image-decoration {position: absolute;top: -20px;left: -20px;right: 20px;bottom: 20px;border: 2px solid var(--accent-primary);border-radius: 24px;z-index: -1;}
.pizza-benefits-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;max-width: 1200px;margin: 0 auto;}
.pizza-benefit-card {background: var(--bg-card);backdrop-filter: blur(10px);border: 1px solid var(--border-color);border-radius: 20px;padding: 2rem;text-align: center;transition: all var(--transition-normal);}
.pizza-benefit-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);border-color: var(--accent-primary);}
.benefit-icon {width: 80px;height: 80px;margin: 0 auto 1.5rem;border-radius: 50%;background: var(--accent-gradient);display: flex;align-items: center;justify-content: center;color: white;font-size: 2rem;transition: all var(--transition-normal);}
.pizza-benefit-card:hover .benefit-icon {transform: scale(1.1) rotate(5deg);}
.benefit-title {font-size: 1.25rem;font-weight: 600;margin-bottom: 1rem;color: var(--text-primary);}
.benefit-description {font-size: 0.95rem;color: var(--text-secondary);line-height: 1.6;}
.pizza-usage-content {max-width: 900px;margin: 0 auto;display: flex;flex-direction: column;gap: 2rem;}
.usage-item {display: flex;gap: 2rem;align-items: flex-start;background: var(--bg-card);backdrop-filter: blur(10px);border: 1px solid var(--border-color);border-radius: 20px;padding: 2rem;transition: all var(--transition-normal);}
.usage-item:hover {border-color: var(--accent-primary);transform: translateX(8px);box-shadow: var(--shadow-md);}
.usage-icon {width: 60px;height: 60px;border-radius: 50%;background: var(--accent-gradient);display: flex;align-items: center;justify-content: center;color: white;font-size: 1.5rem;flex-shrink: 0;}
.usage-text h3 {font-size: 1.25rem;font-weight: 600;margin-bottom: 0.75rem;color: var(--text-primary);}
.usage-text p {font-size: 1rem;color: var(--text-secondary);line-height: 1.7;}
.technical-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;max-width: 1200px;margin: 0 auto;}
.technical-card {background: var(--bg-card);backdrop-filter: blur(10px);border: 1px solid var(--border-color);border-radius: 20px;padding: 2rem;text-align: center;transition: all var(--transition-normal);}
.technical-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);border-color: var(--accent-primary);}
.technical-card i {font-size: 2.5rem;color: var(--accent-primary);margin-bottom: 1rem;}
.technical-card h3 {font-size: 1.125rem;font-weight: 600;margin-bottom: 0.75rem;color: var(--text-primary);}
.technical-card p {font-size: 0.95rem;color: var(--text-secondary);line-height: 1.6;}
.pizza-why-section {background: var(--bg-secondary);}
.why-content-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;max-width: 1200px;margin: 0 auto;}
.why-item {background: var(--bg-card);backdrop-filter: blur(10px);border: 1px solid var(--border-color);border-radius: 20px;padding: 2rem;text-align: center;transition: all var(--transition-normal);}
.why-item:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);border-color: var(--accent-primary);}
.why-number {font-size: 3rem;font-weight: 900;background: var(--accent-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 1rem;line-height: 1;}
.why-item h3 {font-size: 1.25rem;font-weight: 600;margin-bottom: 0.75rem;color: var(--text-primary);}
.why-item p {font-size: 0.95rem;color: var(--text-secondary);line-height: 1.6;}
.pizza-faq-section {background: var(--bg-secondary);}
.pizza-cta-section {padding: 6rem 0;background: linear-gradient(135deg, rgba(96, 165, 250, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);text-align: center;}
.pizza-cta-content {max-width: 800px;margin: 0 auto;padding: 0 2rem;}
.cta-title {font-size: 2.5rem;font-weight: 800;color: var(--text-primary);margin-bottom: 1rem;}
.cta-subtitle {font-size: 1.25rem;color: var(--text-secondary);margin-bottom: 2rem;}
.cta-price {display: flex;align-items: baseline;justify-content: center;gap: 0.75rem;margin-bottom: 1rem;}
.cta-price-value {font-size: 3.5rem;font-weight: 900;background: var(--accent-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;line-height: 1;}
.cta-price-unit {font-size: 1.5rem;color: var(--text-tertiary);font-weight: 600;}
.cta-delivery {font-size: 1rem;color: var(--text-secondary);margin-bottom: 2.5rem;}
.cta-buttons {display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;}
@media (max-width: 768px) {.pizza-hero-section {padding: 10rem 0 4rem;}
.pizza-hero-title {font-size: 2rem;}
.pizza-hero-subtitle {font-size: 1.125rem;}
.pizza-price-value {font-size: 2.5rem;}
.pizza-price-unit {font-size: 1.25rem;}
.pizza-hero-cta {font-size: 1rem;padding: 1rem 2rem;}
.pizza-content-grid {grid-template-columns: 1fr;gap: 2rem;}
.pizza-image-wrapper img {height: 300px;}
.pizza-benefits-grid {grid-template-columns: 1fr;}
.usage-item {flex-direction: column;text-align: center;align-items: center;}
.usage-icon {margin: 0 auto;}
.technical-grid,.why-content-grid {grid-template-columns: 1fr;}
.cta-title {font-size: 1.75rem;}
.cta-price-value {font-size: 2.5rem;}
.cta-buttons {flex-direction: column;}
.cta-buttons .btn {width: 100%;}}
.lightbox {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.95);z-index: 10000;display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;}
.lightbox.active {opacity: 1;}
.lightbox-content {position: relative;max-width: 90%;max-height: 90%;}
.lightbox-content img {max-width: 100%;max-height: 90vh;object-fit: contain;border-radius: 12px;}
.lightbox-close {position: absolute;top: -40px;right: -40px;width: 40px;height: 40px;border-radius: 50%;background: white;color: black;border: none;font-size: 24px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.lightbox-close:hover {transform: rotate(90deg);background: #f56565;color: white;}
@media (max-width: 768px) {.lightbox-close {top: 10px;right: 10px;}}