*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:'Inter',Arial,sans-serif;background:#0d0d1a;color:#e8e8f0;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}:root{--primary:#c8963e;--primary-dark:#a67a2e;--primary-light:#e8b86d;--bg:#0d0d1a;--bg2:#131325;--bg3:#1a1a30;--card:#1e1e35;--border:rgba(255,255,255,0.08);--text:#e8e8f0;--text-muted:#8888aa;--white:#ffffff;--radius:12px;--radius-lg:20px;--shadow:0 8px 32px rgba(0,0,0,0.4);--transition:0.3s ease}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-sm{padding:48px 0}h1,h2,h3,h4,h5{line-height:1.2;font-weight:700}.section-title{font-size:clamp(28px,4vw,42px);margin-bottom:12px}.section-subtitle{color:var(--text-muted);font-size:17px;margin-bottom:48px}.text-primary{color:var(--primary)}.text-muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius);font-weight:600;font-size:15px;cursor:pointer;border:none;transition:var(--transition);white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:-10%;left:-80%;width:45%;height:120%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,0.38) 50%,transparent 80%);transform:skewX(-18deg);pointer-events:none;opacity:0;transition:none}.btn:hover::before{animation:btn-glass 0.65s ease forwards}.btn-primary::before{animation:btn-glass 4s ease infinite;animation-delay:1.2s}.btn-primary:hover::before{animation:btn-glass 0.65s ease forwards}@keyframes btn-glass{0%{left:-80%;opacity:1}100%{left:130%;opacity:1}}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 20px rgba(200,150,62,0.35)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary));transform:translateY(-1px);box-shadow:0 6px 28px rgba(200,150,62,0.5)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-white{background:#fff;color:var(--bg)}.btn-white:hover{background:#f0f0f0}.btn-lg{padding:18px 36px;font-size:17px}.btn-full{width:100%}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(13,13,26,0.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:var(--transition)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff;flex-shrink:0}.logo-text{font-size:20px;font-weight:700;color:var(--white)}.logo-text span{color:var(--primary)}.logo-img{max-height:48px;max-width:180px;width:auto;object-fit:contain;display:block}.header-nav{display:flex;align-items:center;gap:28px}.header-nav a{color:var(--text-muted);font-size:14px;font-weight:500;transition:var(--transition)}.header-nav a:hover{color:var(--primary)}.header-phone{text-align:right}.header-phone a{font-size:18px;font-weight:700;color:var(--white);transition:var(--transition)}.header-phone a:hover{color:var(--primary)}.header-phone small{display:block;color:var(--text-muted);font-size:12px}.header-cta{background:var(--primary);color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;transition:var(--transition)}.header-cta:hover{background:var(--primary-dark);color:#fff}.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}.burger span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:var(--transition)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:72px;background:var(--bg)}.hero-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0d0d1a;background-image:radial-gradient(ellipse at 70% 40%,rgba(200,150,62,0.08) 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(30,30,80,0.4) 0%,transparent 50%)}.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,13,26,0.93) 0%,rgba(13,13,26,0.55) 55%,rgba(13,13,26,0.88) 100%)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center;padding:60px 0}.hero-badge{display:inline-block;padding:6px 16px;border-radius:20px;background:rgba(200,150,62,0.15);color:var(--primary);border:1px solid rgba(200,150,62,0.3);font-size:13px;font-weight:600;letter-spacing:0.5px;margin-bottom:20px}.hero h1{font-size:clamp(36px,5vw,62px);color:var(--white);margin-bottom:20px}.hero h1 span{color:var(--primary)}.hero-subtitle{font-size:17px;color:var(--text-muted);margin-bottom:36px;max-width:500px;line-height:1.7}.hero-stats{display:flex;gap:36px;margin-bottom:36px}.hero-stat{}.hero-stat-num{font-size:28px;font-weight:800;color:var(--white)}.hero-stat-label{font-size:12px;color:var(--text-muted)}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-form-card{background:rgba(30,30,53,0.85);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow)}.hero-form-card h3{font-size:22px;color:var(--white);margin-bottom:6px}.hero-form-card p{color:var(--text-muted);font-size:14px;margin-bottom:24px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.form-control{width:100%;padding:12px 16px;border-radius:var(--radius);background:rgba(255,255,255,0.06);border:1px solid var(--border);color:var(--text);font-size:15px;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary);background:rgba(200,150,62,0.06)}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{resize:vertical;min-height:100px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(200,150,62,0.2)}.bg-dark{background:var(--bg)}.bg-dark2{background:var(--bg2)}.bg-card{background:var(--bg3)}.section-header{text-align:center;max-width:680px;margin:0 auto 56px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.catalog-card{}.catalog-card-img{position:relative;aspect-ratio:4/3;overflow:hidden}.catalog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.catalog-card:hover .catalog-card-img img{transform:scale(1.05)}.catalog-card-body{padding:24px}.catalog-card-category{font-size:12px;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.catalog-card-body h3{font-size:20px;color:var(--white);margin-bottom:8px}.catalog-card-body p{font-size:14px;color:var(--text-muted);margin-bottom:16px;line-height:1.6}.catalog-card-price{font-size:20px;font-weight:700;color:var(--primary);margin-bottom:16px}.gallery-grid{columns:3;column-gap:16px}.gallery-item{break-inside:avoid;margin-bottom:16px;cursor:pointer;border-radius:var(--radius);overflow:hidden;position:relative;display:block;text-decoration:none}.gallery-item img{width:100%;display:block;transition:transform 0.4s ease}.gallery-item:hover img{transform:scale(1.04)}.gallery-item-badge{position:absolute;bottom:8px;left:8px;background:rgba(200,150,62,.85);color:#fff;font-size:11px;font-weight:700;padding:2px 10px;border-radius:10px;pointer-events:none}.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:36px}.gallery-filter-btn{padding:8px 20px;border-radius:20px;background:rgba(255,255,255,0.06);border:1px solid var(--border);color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.gallery-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.gallery-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.whatsapp-float{position:fixed;bottom:90px;right:24px;z-index:9001;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 20px rgba(37,211,102,.45);transition:var(--transition);text-decoration:none}.whatsapp-float:hover{transform:scale(1.1);background:#20ba58;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:28px}.portfolio-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.portfolio-card:hover img{transform:scale(1.06)}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,26,0.9) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.portfolio-overlay h3{font-size:18px;color:var(--white);margin-bottom:6px}.portfolio-overlay p{font-size:13px;color:rgba(255,255,255,0.7)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.benefit-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;text-align:center;transition:var(--transition)}.benefit-card:hover{border-color:rgba(200,150,62,0.3);transform:translateY(-2px)}.benefit-icon{width:60px;height:60px;border-radius:50%;background:rgba(200,150,62,0.12);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px}.benefit-card p{font-size:15px;color:var(--text);font-weight:500}.quiz-section{background:var(--bg2)}.quiz-wrapper{max-width:720px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.quiz-progress-bar{height:4px;background:rgba(255,255,255,0.08)}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-dark),var(--primary));transition:width 0.4s ease}.quiz-header{padding:28px 36px 20px;border-bottom:1px solid var(--border)}.quiz-step-label{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.quiz-question{font-size:22px;font-weight:700;color:var(--white)}.quiz-body{padding:28px 36px}.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-answer{padding:16px 20px;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:rgba(255,255,255,0.03);font-size:15px;color:var(--text);text-align:left;display:flex;align-items:center;gap:12px}.quiz-answer:hover{border-color:rgba(200,150,62,0.4);background:rgba(200,150,62,0.06)}.quiz-answer.selected{border-color:var(--primary);background:rgba(200,150,62,0.1);color:var(--white)}.quiz-answer-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:var(--transition);display:flex;align-items:center;justify-content:center}.quiz-answer.selected .quiz-answer-dot{border-color:var(--primary);background:var(--primary)}.quiz-answer.selected .quiz-answer-dot::after{content:'';width:8px;height:8px;border-radius:50%;background:#fff}.quiz-footer{padding:20px 36px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.quiz-final{padding:36px}.quiz-final h3{font-size:24px;font-weight:700;color:var(--white);margin-bottom:8px}.quiz-final p{color:var(--text-muted);margin-bottom:28px}.quiz-success{text-align:center;padding:48px 36px}.quiz-success .success-icon{font-size:56px;margin-bottom:16px}.quiz-success h3{font-size:26px;color:var(--white);margin-bottom:12px}.quiz-success p{color:var(--text-muted)}.cta-section{background:linear-gradient(135deg,var(--bg2),var(--bg3));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cta-inner{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center}.cta-content h2{font-size:36px;color:var(--white);margin-bottom:16px}.cta-content p{color:var(--text-muted);font-size:16px;margin-bottom:24px}.cta-feature{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:15px}.cta-feature::before{content:'✓';color:var(--primary);font-weight:700}.cta-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow)}.lead-section{background:var(--bg)}.lead-form-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;max-width:560px;margin:0 auto}.lead-form-card h3{font-size:24px;color:var(--white);margin-bottom:8px}.lead-form-card p{color:var(--text-muted);margin-bottom:28px}.site-footer{background:#09091a;border-top:1px solid var(--border);padding:60px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.footer-brand p{color:var(--text-muted);font-size:14px;margin-top:16px;max-width:280px;line-height:1.7}.footer-col h4{font-size:14px;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:var(--text-muted);font-size:14px;transition:var(--transition)}.footer-col ul li a:hover{color:var(--primary)}.footer-contact-item{display:flex;gap:10px;margin-bottom:12px;font-size:14px;color:var(--text-muted)}.footer-contact-item strong{color:var(--white)}.footer-social{display:flex;gap:12px;margin-top:20px}.footer-social a{width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,0.06);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;transition:var(--transition)}.footer-social a:hover{background:var(--primary);border-color:var(--primary)}.footer-bottom{padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted)}.lightbox-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.92);display:none;align-items:center;justify-content:center;padding:20px}.lightbox-overlay.open{display:flex}.lightbox-img{max-width:90vw;max-height:85vh;border-radius:8px;object-fit:contain}.lightbox-close{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;line-height:1}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9998;display:flex;flex-direction:column;gap:10px}.toast{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 20px;min-width:280px;max-width:360px;display:flex;align-items:center;gap:12px;font-size:14px;box-shadow:var(--shadow);animation:slideIn 0.3s ease}.toast.success{border-left:3px solid #22c55e}.toast.error{border-left:3px solid #ef4444}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{to{transform:translateX(120%);opacity:0}}.map-section{background:var(--bg2)}.map-container{border-radius:var(--radius-lg);overflow:hidden}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.scroll-top{position:fixed;bottom:24px;left:24px;z-index:500;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:18px;display:none;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 4px 16px rgba(200,150,62,0.4)}.scroll-top:hover{background:var(--primary-dark)}.scroll-top.show{display:flex}.mobile-nav{display:none;position:fixed;inset:0;z-index:999;background:rgba(13,13,26,0.98);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:32px}.mobile-nav.open{display:flex}.mobile-nav a{font-size:22px;font-weight:600;color:var(--text)}.mobile-nav a:hover{color:var(--primary)}.mobile-nav-close{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer}@media (max-width:1024px){.hero-inner{grid-template-columns:1fr;max-width:600px;margin:0 auto}.hero-form-card{display:none}.cta-inner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.gallery-grid{columns:2}.map-grid{grid-template-columns:1fr}}@media (max-width:768px){.header-nav,.header-phone,.header-cta{display:none}.burger{display:flex}.section{padding:56px 0}.quiz-answers{grid-template-columns:1fr}.quiz-header,.quiz-body,.quiz-footer{padding:20px 24px}.quiz-final{padding:24px}.hero-stats{gap:20px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.portfolio-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.gallery-grid{columns:1}}@media (max-width:480px){.container{padding:0 16px}.hero h1{font-size:30px}.quiz-question{font-size:18px}}.gallery-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:36px}.gallery-tab{padding:8px 20px;border-radius:20px;background:rgba(255,255,255,0.06);border:1px solid var(--border);color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.gallery-tab:hover{border-color:var(--primary);color:var(--primary)}.gallery-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.catalog-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:36px}.catalog-tab{padding:8px 20px;border-radius:20px;background:rgba(255,255,255,0.06);border:1px solid var(--border);color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.catalog-tab:hover{border-color:var(--primary);color:var(--primary)}.catalog-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.wa-float{position:fixed;bottom:90px;right:24px;z-index:9001;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.5);transition:var(--transition);text-decoration:none}.wa-float:hover{transform:scale(1.1);background:#20ba58}.wa-float svg{width:28px;height:28px;fill:#fff}.portfolio-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,var(--bg3),var(--card));display:flex;align-items:center;justify-content:center;font-size:52px}.portfolio-placeholder::after{content:'🏠'}.catalog-placeholder{width:100%;height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg3),var(--card));font-size:52px}.gallery-placeholder-item{break-inside:avoid;margin-bottom:16px;border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px dashed var(--border);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-muted);flex-direction:column;gap:8px}.gallery-placeholder-item span{font-size:12px}.catalog-card-categories{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.catalog-card-cat-badge{font-size:11px;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:0.8px;background:rgba(200,150,62,0.1);border-radius:4px;padding:2px 6px}@keyframes rippleAnim{to{transform:scale(1);opacity:0}}@keyframes shineMove{0%{left:-110%}100%{left:110%}}@keyframes preloaderSpin{to{transform:rotate(360deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(200,150,62,.5)}70%{box-shadow:0 0 0 14px rgba(200,150,62,0)}100%{box-shadow:0 0 0 0 rgba(200,150,62,0)}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes typing-blink{0%,100%{border-color:transparent}50%{border-color:var(--primary)}}@keyframes countdownFlip{0%{transform:scaleY(1)}50%{transform:scaleY(0)}100%{transform:scaleY(1)}}@keyframes meshFloat{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.08) rotate(3deg)}}#site-preloader{position:fixed;inset:0;z-index:99999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity 0.5s ease,visibility 0.5s ease}#site-preloader.preloader-hide{opacity:0;visibility:hidden;pointer-events:none}.preloader-logo{font-size:28px;font-weight:800;color:var(--white);letter-spacing:-0.5px}.preloader-logo span{color:var(--primary)}.preloader-bar-wrap{width:200px;height:3px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.preloader-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-dark),var(--primary));border-radius:2px;animation:preloaderBarAnim 2s ease infinite}@keyframes preloaderBarAnim{0%{width:0;margin-left:0}60%{width:80%;margin-left:0}80%{width:20%;margin-left:80%}100%{width:0;margin-left:100%}}.preloader-spinner{width:42px;height:42px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:preloaderSpin .8s linear infinite}#scroll-progress{position:fixed;top:0;left:0;height:3px;z-index:9999;background:linear-gradient(90deg,var(--primary-dark),var(--primary),var(--primary-light));transition:width .1s linear;box-shadow:0 0 8px rgba(200,150,62,.5)}.theme-light{--bg:#f4f4f8;--bg2:#e8e8f0;--bg3:#dcdce8;--card:#ffffff;--text:#1a1a2e;--text-muted:#55557a;--white:#1a1a2e;--border:rgba(0,0,0,.1);--shadow:0 8px 32px rgba(0,0,0,.12)}.theme-light body{background:var(--bg);color:var(--text)}#theme-toggle{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}#theme-toggle:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.gradient-text{background:linear-gradient(135deg,var(--primary-light),var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title .gradient-text{display:inline-block}.shine-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.shine-layer::after{content:'';position:absolute;top:0;left:-110%;width:70%;height:100%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.2) 50%,transparent 80%);transform:skewX(-18deg);transition:none}.card-shine:hover .shine-layer::after,.btn-shine:hover .shine-layer::after{animation:shineMove .6s ease forwards}.header-nav a.nav-active{color:var(--primary) !important}.nav-hover-underline a{position:relative}.nav-hover-underline a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);border-radius:1px;transition:width .25s ease}.nav-hover-underline a:hover::after,.nav-hover-underline a.nav-active::after{width:100%}.nav-hover-pill a{border-radius:6px;padding:4px 12px}.nav-hover-pill a:hover,.nav-hover-pill a.nav-active{background:rgba(200,150,62,.15);color:var(--primary)}.nav-hover-glow a:hover{color:var(--primary);text-shadow:0 0 12px rgba(200,150,62,.5)}.nav-hover-highlight a:hover,.nav-hover-highlight a.nav-active{background:rgba(200,150,62,.12);color:var(--primary);padding:4px 12px;border-radius:6px}.header-cta.cta-pulse{animation:pulse-ring 2.5s ease infinite}.header-transparent{background:transparent !important;border-bottom-color:transparent !important}.header-transparent.scrolled{background:rgba(13,13,26,.92) !important;backdrop-filter:blur(16px);border-bottom-color:var(--border) !important}.header-glow-border{border-bottom:1px solid rgba(200,150,62,.25) !important;box-shadow:0 1px 20px rgba(200,150,62,.06)}.header-gradient-bg{background:linear-gradient(135deg,rgba(13,13,26,.95),rgba(20,15,35,.95)) !important}.site-header.scrolled.header-shrink .header-inner{height:56px}#typing-target{border-right:2px solid var(--primary);padding-right:2px}.countdown-wrap{display:inline-flex;align-items:center;gap:6px;font-weight:700}.cd-unit{display:flex;flex-direction:column;align-items:center;min-width:40px}.cd-num{font-size:22px;color:var(--white);line-height:1;background:rgba(200,150,62,.15);border:1px solid rgba(200,150,62,.3);border-radius:6px;padding:2px 8px}.cd-label{font-size:10px;color:var(--text-muted);margin-top:2px}.cd-sep{font-size:22px;color:var(--primary);margin-top:-4px}.brands-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0;overflow:hidden}.brands-marquee-wrap{display:flex;overflow:hidden}.brands-track{display:flex;align-items:center;gap:56px;flex-shrink:0;animation:marquee 22s linear infinite;white-space:nowrap}.brands-track:hover{animation-play-state:paused}.brand-item{font-size:15px;font-weight:700;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;opacity:.65;transition:.3s}.brand-item:hover{opacity:1;color:var(--primary)}.calculator-section{background:var(--bg)}.calc-wrap{max-width:760px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.calc-label{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.calc-select{width:100%;padding:12px 16px;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text);font-size:15px}.calc-select:focus{outline:none;border-color:var(--primary)}.calc-range-wrap{display:flex;align-items:center;gap:12px}.calc-range{flex:1;-webkit-appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none}.calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 0 3px rgba(200,150,62,.2)}.calc-area-val{font-size:18px;font-weight:700;color:var(--white);min-width:70px}.calc-result{background:linear-gradient(135deg,rgba(200,150,62,.1),rgba(200,150,62,.05));border:1px solid rgba(200,150,62,.25);border-radius:var(--radius);padding:24px;text-align:center}.calc-result-label{font-size:13px;color:var(--text-muted);margin-bottom:8px}.calc-result-prices{display:flex;justify-content:center;gap:40px;margin-bottom:16px}.calc-from{font-size:20px;font-weight:700;color:var(--primary)}.calc-to{font-size:20px;font-weight:700;color:var(--primary-light)}.calc-price-bar{height:6px;background:var(--border);border-radius:3px;margin-bottom:16px;overflow:hidden}.calc-price-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-dark),var(--primary));border-radius:3px;transition:width .4s ease}.calc-note{font-size:12px;color:var(--text-muted)}@media (max-width:640px){.calc-grid{grid-template-columns:1fr}.calc-wrap{padding:24px}}#social-proof-container{position:fixed;bottom:32px;left:24px;z-index:9002;pointer-events:none}.sp-toast{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:10px;padding:10px 14px;min-width:240px;max-width:320px;box-shadow:var(--shadow);opacity:0;transform:translateX(-110%);transition:opacity .35s ease,transform .35s ease;pointer-events:auto;margin-bottom:8px}.sp-toast.sp-toast-show{opacity:1;transform:translateX(0)}.sp-toast-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;flex-shrink:0}.sp-toast-body{flex:1}.sp-toast-name{font-size:12px;font-weight:700;color:var(--white)}.sp-toast-text{font-size:12px;color:var(--text-muted)}.sp-toast-time{font-size:11px;color:var(--text-muted);flex-shrink:0}#exit-popup{position:fixed;inset:0;z-index:99990;display:none}#exit-popup.exit-popup-open{display:flex;align-items:center;justify-content:center}.exit-popup-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.exit-popup-box{position:relative;z-index:1;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:44px 40px;max-width:480px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:fadeInUp .4s ease}.exit-popup-close{position:absolute;top:16px;right:20px;background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer}.exit-popup-close:hover{color:var(--white)}.exit-popup-badge{display:inline-block;background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:20px;padding:3px 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.exit-popup-box h3{font-size:24px;color:var(--white);margin-bottom:10px}.exit-popup-box p{color:var(--text-muted);font-size:15px;margin-bottom:24px;line-height:1.6}#sticky-cta-bar{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--card);border-top:1px solid var(--border);backdrop-filter:blur(16px);display:none;padding:10px 20px;gap:10px;box-shadow:0 -4px 24px rgba(0,0,0,.3);transition:transform .3s ease}@media (max-width:768px){#sticky-cta-bar{display:flex}}#sticky-cta-bar.sticky-cta-hidden{transform:translateY(110%)}.sticky-cta-main{flex:1;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:700;padding:12px;cursor:pointer;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}.sticky-cta-phone{width:48px;height:48px;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text);font-size:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}.guarantees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.guarantee-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;text-align:center;transition:var(--transition);position:relative;overflow:hidden}.guarantee-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-dark),var(--primary))}.guarantee-card:hover{transform:translateY(-3px);border-color:rgba(200,150,62,.25);box-shadow:var(--shadow)}.guarantee-icon{font-size:32px;margin-bottom:12px}.guarantee-title{font-size:15px;font-weight:700;color:var(--white);margin-bottom:6px}.guarantee-text{font-size:13px;color:var(--text-muted)}.gallery-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:background .3s ease;pointer-events:none}.gallery-item:hover .gallery-overlay{background:rgba(0,0,0,.4)}.gallery-overlay-icon{font-size:28px;color:#fff;opacity:0;transform:scale(0.7);transition:opacity .25s ease,transform .25s ease}.gallery-item:hover .gallery-overlay-icon{opacity:1;transform:scale(1)}.wave-divider{display:block;line-height:0;pointer-events:none}.wave-divider svg{display:block;width:100%}.card-hover-glow:hover{box-shadow:0 0 30px rgba(200,150,62,.2),var(--shadow);border-color:rgba(200,150,62,.3)}.card-hover-lift:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.4)}.card-hover-shine{overflow:hidden}.card-hover-shine::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.12) 50%,transparent 75%);transform:translateX(-100%);transition:transform 0s}.card-hover-shine:hover::after{transform:translateX(100%);transition:transform .55s ease}.card-glass{background:rgba(30,30,53,.6) !important;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1) !important}.font-inter{font-family:'Inter',sans-serif}.font-manrope{font-family:'Manrope',sans-serif}.font-roboto{font-family:'Roboto',sans-serif}@media (max-width:768px){.guarantees-grid{grid-template-columns:1fr 1fr}.calc-result-prices{flex-direction:column;gap:8px}.exit-popup-box{padding:28px 20px}.cd-num{font-size:16px}}@media (max-width:480px){.guarantees-grid{grid-template-columns:1fr}.brands-track{gap:32px}}
.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px}.video-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(200,150,62,0.2)}.video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;background:#000}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease,opacity 0.3s}.video-thumb:hover img{transform:scale(1.04);opacity:0.8}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;transition:transform 0.2s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.5))}.video-thumb:hover .video-play-btn{transform:translate(-50%,-50%) scale(1.15)}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg3);font-size:48px;color:var(--text-muted)}.video-info{padding:20px 24px 24px}.video-info h3{font-size:18px;color:var(--white);margin-bottom:8px}.video-info p{font-size:14px;color:var(--text-muted);line-height:1.6}.yt-modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.92);display:flex;align-items:center;justify-content:center;padding:20px}.yt-modal-inner{position:relative;width:100%;max-width:900px}.yt-modal-close{position:absolute;top:-48px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;line-height:1}.yt-modal-frame{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg)}.yt-modal-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.reviews-slider{position:relative;overflow:hidden}.reviews-track{display:flex;gap:24px;transition:transform 0.4s ease}.review-card{flex:0 0 calc(33.333% - 16px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:var(--transition)}.review-card:hover{border-color:rgba(200,150,62,0.25);transform:translateY(-3px);box-shadow:var(--shadow)}.review-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;position:relative}.review-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(200,150,62,0.3)}.review-avatar img{width:100%;height:100%;object-fit:cover}.review-avatar-letter{width:100%;height:100%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.review-meta{flex:1;min-width:0}.review-name{font-size:16px;font-weight:700;color:var(--white);margin-bottom:2px}.review-city{font-size:13px;color:var(--text-muted);margin-bottom:6px}.review-stars{display:flex;gap:2px}.star{font-size:15px;color:var(--border)}.star.filled{color:#f59e0b}.review-badge{flex-shrink:0;align-self:flex-start;background:rgba(200,150,62,0.12);color:var(--primary);border:1px solid rgba(200,150,62,0.25);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}.review-text{position:relative}.review-quote{color:rgba(200,150,62,0.15);margin-bottom:8px}.review-text p{font-size:14px;color:var(--text-muted);line-height:1.7}.reviews-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}.reviews-btn{width:44px;height:44px;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--text);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);line-height:1}.reviews-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.reviews-dots{display:flex;gap:8px}.reviews-dot{width:8px;height:8px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:var(--transition);padding:0}.reviews-dot.active{background:var(--primary);transform:scale(1.3)}.portfolio-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg3) 0%,var(--bg2) 100%);min-height:260px}.catalog-placeholder{background:var(--bg3);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:48px}.header-right{display:flex;align-items:center;gap:20px}@media (max-width:1024px){.review-card{flex:0 0 calc(50% - 12px)}}@media (max-width:640px){.review-card{flex:0 0 100%}.videos-grid{grid-template-columns:1fr}.review-badge{font-size:10px;padding:2px 7px}}.timeline-steps{display:flex;align-items:flex-start;justify-content:center;margin-bottom:52px;flex-wrap:wrap;gap:0}.timeline-step{flex:1;min-width:140px;max-width:200px;text-align:center;padding:0 8px}.timeline-step-num{width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 0 0 6px rgba(200,150,62,.15)}.timeline-step-icon{font-size:30px;margin-bottom:10px;line-height:1}.timeline-step-title{font-size:14px;font-weight:700;color:var(--white);margin-bottom:8px;line-height:1.35}.timeline-step-text{font-size:12px;color:var(--text-muted);line-height:1.65;margin-bottom:12px}.timeline-step-day{display:inline-block;background:rgba(200,150,62,.1);color:var(--primary);border:1px solid rgba(200,150,62,.25);border-radius:20px;padding:3px 12px;font-size:11px;font-weight:700}.timeline-connector{flex-shrink:0;width:36px;height:2px;background:linear-gradient(90deg,rgba(200,150,62,.6),rgba(200,150,62,.2));margin-top:24px;align-self:flex-start}.timeline-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:rgba(200,150,62,.05);border:1px solid rgba(200,150,62,.15);border-radius:var(--radius-lg);padding:32px 24px}.timeline-stat{text-align:center}.timeline-stat-num{font-size:52px;font-weight:900;color:var(--primary);line-height:1;display:inline-block}.timeline-stat-suffix{font-size:32px;font-weight:900;color:var(--primary);display:inline-block;vertical-align:bottom;line-height:1.1}.timeline-stat-label{font-size:13px;color:var(--text-muted);margin-top:8px}.map-wrap{position:relative}.map-iframe-wrap{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}.map-iframe-wrap iframe{display:block}.map-overlay-card{position:absolute;top:20px;right:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;min-width:240px;max-width:300px;box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:10}.map-overlay-title{font-size:16px;font-weight:700;color:var(--white);margin-bottom:14px}.map-overlay-row{font-size:13px;color:var(--text-muted);margin-bottom:8px;line-height:1.5}.map-overlay-row a{color:var(--primary);text-decoration:none}.map-overlay-row a:hover{text-decoration:underline}@media (max-width:900px){.timeline-connector{display:none}.timeline-step{min-width:calc(50% - 16px);max-width:calc(50% - 16px);margin-bottom:24px}.timeline-stats{grid-template-columns:repeat(2,1fr)}.map-overlay-card{position:static;margin-top:16px;max-width:100%}}@media (max-width:480px){.timeline-step{min-width:100%;max-width:100%}.timeline-stats{padding:20px 16px;gap:16px}.timeline-stat-num{font-size:38px}}
/* SAFE RENDER FALLBACK */
html:not(.aos-ready) body [data-aos]{opacity:1;visibility:visible;}

/* === UX Overrides 2026-04-22 === */
.hero-bg::after,.hero::before,.hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.72) 100%)!important}
.hero h1,.hero .hero-title{text-shadow:0 2px 18px rgba(0,0,0,.65),0 1px 3px rgba(0,0,0,.85)}
.hero p,.hero .hero-subtitle,.hero-subtitle{text-shadow:0 1px 10px rgba(0,0,0,.7)}
.benefit-icon-svg{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(212,175,55,.06));color:var(--primary,#d4af37);margin:0 auto 14px;box-shadow:inset 0 0 0 1px rgba(212,175,55,.35),0 6px 18px rgba(0,0,0,.25)}
.benefit-icon-svg svg{width:32px;height:32px;display:block}
.catalog-tab{text-transform:none!important;letter-spacing:.01em!important;font-variant:normal!important}
.catalog-tab::first-letter{text-transform:uppercase}

/* === Consent checkbox === */
.consent-check{display:flex;align-items:flex-start;gap:9px;margin:10px 0 14px;font-size:12px;line-height:1.45;color:var(--text-muted,#9aa0aa);cursor:pointer;user-select:none}
.consent-check input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin-top:2px;accent-color:var(--primary,#c8963e);cursor:pointer}
.consent-check span{flex:1}
.consent-check a{color:var(--primary,#c8963e);text-decoration:underline}
.consent-check a:hover{text-decoration:none}

/* === Cookie banner === */
#cookie-banner{position:fixed;left:14px;right:14px;bottom:14px;z-index:9500;max-width:520px;margin:0 auto;background:rgba(20,20,32,.96);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.25);border-radius:14px;padding:16px 18px;box-shadow:0 10px 40px rgba(0,0,0,.45);display:none;align-items:center;gap:14px;font-size:13px;color:#e8e8ef;line-height:1.45;animation:cb-up .35s ease-out}
#cookie-banner.is-show{display:flex}
#cookie-banner p{margin:0;flex:1}
#cookie-banner a{color:var(--primary,#c8963e);text-decoration:underline}
#cookie-banner button{flex:0 0 auto;padding:9px 18px;border:none;border-radius:8px;background:var(--primary,#c8963e);color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:.2s;white-space:nowrap}
#cookie-banner button:hover{filter:brightness(1.08)}
@keyframes cb-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:520px){#cookie-banner{flex-direction:column;text-align:center;left:10px;right:10px;bottom:10px;padding:14px}#cookie-banner button{width:100%}}

/* ============ Section background images (per-section bg + overlay) ============ */
.section.has-bg{position:relative;background-size:cover;background-position:center;background-attachment:scroll;}
.section.has-bg > .container,.section.has-bg > *:not(.section-bg-overlay){position:relative;z-index:2;}
.section-bg-overlay{position:absolute;inset:0;background:#000;z-index:1;pointer-events:none;}
@media(min-width:1100px){ .section.has-bg{background-attachment:fixed;} }

/* ============ Catalog ribbon (premium fabric corner badge) ============ */
.catalog-card-img{position:relative;overflow:hidden;}
.gallery-item{isolation:isolate;}
/* Wrapper clips ribbon to top-left corner so the folded tails sit correctly */
.cc-ribbon-wrap{position:absolute;top:-3px;left:-3px;width:170px;height:170px;overflow:hidden;z-index:6;pointer-events:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45));}
/* Folded tails — darker triangles tucked under the ribbon ends. They MUST sit under the ribbon → lower z-index */
.cc-tail{position:absolute;width:0;height:0;border-style:solid;z-index:1;pointer-events:none;}
.cc-tail-l{top:78px;left:0;border-width:0 10px 10px 0;border-color:transparent color-mix(in srgb, var(--ribbon-bg,#dc2626) 45%, black 55%) transparent transparent;}
.cc-tail-r{top:0;left:78px;border-width:0 0 10px 10px;border-color:transparent transparent color-mix(in srgb, var(--ribbon-bg,#dc2626) 45%, black 55%) transparent;}
/* The ribbon: multi-stop gradient (top sheen → dark base → fold line → light → bottom shadow) imitates a 3D bend */
.cc-ribbon{position:absolute;top:34px;left:-50px;width:215px;padding:10px 0;text-align:center;color:#fff;font-size:13px;font-weight:800;letter-spacing:.85px;text-transform:uppercase;line-height:1.2;transform:rotate(-45deg);font-family:Inter,Arial,sans-serif;z-index:2;
  background:
    /* diagonal sheen */
    linear-gradient(115deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 32%, rgba(255,255,255,0) 68%, rgba(0,0,0,.22) 100%),
    /* curved bend simulation */
    linear-gradient(180deg,
      color-mix(in srgb, var(--ribbon-bg,#dc2626) 72%, black 28%) 0%,
      color-mix(in srgb, var(--ribbon-bg,#dc2626) 88%, white 12%) 18%,
      color-mix(in srgb, var(--ribbon-bg,#dc2626) 100%, white 0%) 50%,
      color-mix(in srgb, var(--ribbon-bg,#dc2626) 92%, white 8%) 78%,
      color-mix(in srgb, var(--ribbon-bg,#dc2626) 65%, black 35%) 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.32) inset,
    0 -1px 0 rgba(0,0,0,.30) inset,
    0 0 0 .5px rgba(0,0,0,.35);}
/* Two-row stitching: light top + dark bottom = textile feel */
.cc-ribbon::before{content:"";position:absolute;left:8px;right:8px;top:3.5px;bottom:3.5px;border-top:1px dashed rgba(255,255,255,.55);border-bottom:1px dashed rgba(0,0,0,.30);pointer-events:none;}
/* Subtle fabric grain: SVG turbulence as a data URI overlay */
.cc-ribbon::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:80px 80px;}
.cc-ribbon span{position:relative;display:inline-block;padding:0 10px;text-shadow:0 1px 0 rgba(0,0,0,.45),0 2px 4px rgba(0,0,0,.25);z-index:1;}
/* Hover lift */
.catalog-card:hover .cc-ribbon{filter:brightness(1.08) saturate(1.1);}
/* Fallback for older browsers without color-mix */
@supports not (background: color-mix(in srgb, red 50%, blue)) {
  .cc-ribbon{background:linear-gradient(180deg, var(--ribbon-bg,#dc2626) 0%, var(--ribbon-bg,#dc2626) 100%);}
  .cc-tail-l{border-color:transparent rgba(0,0,0,.55) transparent transparent;}
  .cc-tail-r{border-color:transparent transparent rgba(0,0,0,.55) transparent;}
}
/* Compact ribbon for gallery thumbnails (smaller cards) */
.gallery-item .cc-ribbon-wrap{width:130px;height:130px;}
.gallery-item .cc-ribbon{top:24px;left:-44px;width:170px;padding:7px 0;font-size:11px;letter-spacing:.6px;}
.gallery-item .cc-tail-l{top:60px;border-width:0 8px 8px 0;}
.gallery-item .cc-tail-r{left:60px;border-width:0 0 8px 8px;}

/* ============ Catalog slider ============ */
.catalog-card-img.has-slider{aspect-ratio:4/3;}
.cc-slides{position:absolute;inset:0;}
.cc-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;}
.cc-slide.is-active{opacity:1;z-index:1;}
.cc-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(20,20,32,.65);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:6;opacity:0;transition:opacity .2s,background .2s;backdrop-filter:blur(6px);font-family:Arial,sans-serif;padding:0 0 3px;}
.cc-nav:hover{background:var(--primary,#c8963e);}
.cc-prev{left:10px;}
.cc-next{right:10px;}
.catalog-card-img.has-slider:hover .cc-nav,.catalog-card-img.has-slider:focus-within .cc-nav{opacity:1;}
.cc-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:6;background:rgba(0,0,0,.35);padding:5px 9px;border-radius:999px;backdrop-filter:blur(6px);}
.cc-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45);border:none;cursor:pointer;padding:0;transition:.2s;}
.cc-dot:hover{background:rgba(255,255,255,.8);}
.cc-dot.is-active{background:#fff;width:18px;border-radius:4px;}
@media(hover:none){.cc-nav{opacity:1;width:30px;height:30px;font-size:20px;}}

/* === Fix: разнос плавающих элементов и адаптив === */
.scroll-top{bottom:24px;left:24px;width:46px;height:46px;}
#social-proof-container{bottom:90px;left:24px;max-width:340px;}
.sp-toast{min-width:220px;max-width:320px;}
.wa-float{bottom:24px;right:24px;}
.max-float{position:fixed;bottom:90px;right:24px;z-index:9001;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;letter-spacing:.5px;text-decoration:none;box-shadow:0 4px 20px rgba(124,58,237,.5);transition:transform .25s ease;}
.max-float:hover{transform:scale(1.08);}
@media (max-width:900px){
  #social-proof-container{bottom:80px;left:12px;right:12px;max-width:none;}
  .sp-toast{min-width:0;max-width:100%;width:100%;font-size:12px;padding:8px 12px;}
}
@media (max-width:768px){
  .scroll-top{bottom:74px;left:12px;width:42px;height:42px;font-size:16px;}
  .wa-float,.max-float{width:48px;height:48px;right:12px;}
  .wa-float{bottom:74px;}
  .max-float{bottom:128px;}
  #social-proof-container{bottom:130px;}
}
@media (max-width:480px){
  .scroll-top{bottom:70px;left:10px;width:38px;height:38px;font-size:14px;}
  .wa-float,.max-float{width:44px;height:44px;right:10px;}
  .wa-float{bottom:70px;}
  .max-float{bottom:120px;}
  #social-proof-container{bottom:122px;left:8px;right:8px;}
  .sp-toast{padding:7px 10px;border-radius:8px;}
  .sp-toast-avatar{width:28px;height:28px;font-size:13px;}
  .sp-toast-name{font-size:11px;}
  .sp-toast-text{font-size:11px;}
  .sp-toast-time{font-size:10px;}
}
/* Скрываем социальные доказательства когда показывается soft sticky CTA на мобильных, чтобы не громоздить */
body.has-sticky-cta #social-proof-container{display:none;}
/* FAQ + SEO-text адаптация */
@media (max-width:600px){
  .faq-section{padding:40px 0!important;}
  .faq-item{padding:14px 16px!important;}
  .faq-item summary{font-size:15px!important;}
  .seo-text-section{padding:36px 0!important;}
  .seo-text-section h2{font-size:20px!important;}
  .seo-text-section p{font-size:14px!important;}
}
/* Page (custom CMS) адаптация */
@media (max-width:600px){
  .page-wrap{padding:32px 16px 60px!important;}
  .page-wrap h1{font-size:24px!important;}
  .page-wrap h2{font-size:19px!important;}
  .page-wrap p,.page-wrap li{font-size:15px!important;}
}

/* === Show-more: скрытие лишних карточек === */
.catalog-card.is-overflow-hidden,.gallery-item.is-overflow-hidden{display:none!important;}
#catalog-show-more,#gallery-show-more{min-width:240px;}
#catalog-grid,#gallery-grid{contain:layout style;}

/* === Реалистичные 3D-кнопки === */
.btn{
  letter-spacing:.2px;
  transform:translateZ(0);
  will-change:transform,box-shadow;
  transition:transform .18s cubic-bezier(.2,.8,.3,1.2), box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
  isolation:isolate;
}
/* Верхний блик — общий */
.btn::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 38%,rgba(255,255,255,0) 55%);
  mix-blend-mode:overlay;opacity:.9;z-index:1;
}
/* Бегущий блеск (срабатывает при hover) */
.btn::after{
  content:"";position:absolute;top:0;left:-130%;width:60%;height:100%;
  background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%);
  transform:skewX(-22deg);transition:left .65s ease;pointer-events:none;z-index:2;
}
.btn:hover::after{left:130%;}
.btn>*{position:relative;z-index:3;}

/* Primary — золотой объёмный градиент */
.btn-primary{
  background:
    linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 45%),
    linear-gradient(135deg,var(--primary-light,#e0b969) 0%,var(--primary,#c8963e) 45%,var(--primary-dark,#8a661e) 100%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -2px 0 rgba(0,0,0,.22),
    0 6px 14px rgba(200,150,62,.35),
    0 12px 28px rgba(0,0,0,.28);
  text-shadow:0 1px 0 rgba(0,0,0,.18);
}
.btn-primary:hover{
  transform:translateY(-3px) scale(1.015);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    inset 0 -2px 0 rgba(0,0,0,.18),
    0 10px 22px rgba(200,150,62,.55),
    0 18px 40px rgba(0,0,0,.35);
}
.btn-primary:active{
  transform:translateY(1px) scale(.98);
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.35),
    inset 0 -1px 0 rgba(255,255,255,.15),
    0 2px 6px rgba(200,150,62,.25);
}
.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(200,150,62,.45),0 6px 14px rgba(200,150,62,.35);}

/* Outline — стеклянный, заливается на hover */
.btn-outline{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0));
  backdrop-filter:blur(6px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 8px rgba(0,0,0,.18);
  position:relative;
}
.btn-outline::before{
  background:linear-gradient(180deg,rgba(200,150,62,.0) 0%,rgba(200,150,62,.0) 100%);
  transition:background .35s ease;
}
.btn-outline:hover{
  color:#fff;
  border-color:var(--primary,#c8963e);
  background:
    linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 45%),
    linear-gradient(135deg,var(--primary-light,#e0b969),var(--primary,#c8963e),var(--primary-dark,#8a661e));
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -2px 0 rgba(0,0,0,.18),
    0 8px 18px rgba(200,150,62,.4),
    0 14px 32px rgba(0,0,0,.28);
}
.btn-outline:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 4px rgba(0,0,0,.3);}

/* White (на CTA-секции) */
.btn-white{
  background:linear-gradient(180deg,#ffffff 0%,#f0f0f5 100%);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -2px 0 rgba(0,0,0,.12),
    0 6px 14px rgba(0,0,0,.18),
    0 12px 28px rgba(0,0,0,.25);
  color:#1a1a2e;
}
.btn-white:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff,0 12px 26px rgba(0,0,0,.3),0 20px 44px rgba(0,0,0,.35);}
.btn-white:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 5px rgba(0,0,0,.2);}

/* Большая кнопка — больше «вес» */
.btn-lg{font-weight:700;letter-spacing:.4px;}
.btn-lg.btn-primary{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -3px 0 rgba(0,0,0,.25),
    0 8px 18px rgba(200,150,62,.4),
    0 18px 40px rgba(0,0,0,.32);
}

/* «Дыхание» для главной CTA — пульсирующая аура */
@keyframes btnPulseGlow{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.22),0 6px 14px rgba(200,150,62,.35),0 12px 28px rgba(0,0,0,.28),0 0 0 0 rgba(200,150,62,.45);}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.22),0 6px 14px rgba(200,150,62,.45),0 12px 28px rgba(0,0,0,.28),0 0 0 12px rgba(200,150,62,0);}
}
.btn-pulse,.hero-cta .btn-primary,.cta-section .btn-primary{animation:btnPulseGlow 2.6s ease-in-out infinite;}
.btn-pulse:hover,.hero-cta .btn-primary:hover,.cta-section .btn-primary:hover{animation-play-state:paused;}

/* Disabled — без объёма */
.btn:disabled,.btn[disabled]{
  opacity:.55;cursor:not-allowed;transform:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 6px rgba(0,0,0,.15)!important;
  filter:saturate(.6);
}
.btn:disabled::after,.btn[disabled]::after{display:none;}

/* Светлая тема — корректировки */
.theme-light .btn-outline{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 8px rgba(0,0,0,.08);}
.theme-light .btn-primary{text-shadow:0 1px 0 rgba(0,0,0,.22);}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .btn,.btn::after{transition:none!important;animation:none!important;}
  .btn:hover{transform:none!important;}
}

/* Малые экраны — чуть меньше «вес» */
@media (max-width:480px){
  .btn{padding:12px 22px;font-size:14px;}
  .btn-lg{padding:15px 28px;font-size:15px;}
  .btn-primary,.btn-lg.btn-primary{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.45),
      inset 0 -2px 0 rgba(0,0,0,.2),
      0 4px 10px rgba(200,150,62,.35),
      0 8px 18px rgba(0,0,0,.28);
  }
}
