.logo-svg{display:block;transition:transform .3s ease}.logo-svg:hover{transform:scale(1.03)}.logo-ribbon{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3))}.logo-text-svg{text-shadow:1px 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.logo-svg{width:200px;height:55px}}@media (max-width: 480px){.logo-svg{width:160px;height:45px}}.header{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);height:auto;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #3d9b9b4d;transition:all .3s ease}.header-scrolled{background:linear-gradient(135deg,#3d9b9bf2,#2d7a7af2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #3d9b9b66}.header-content{max-width:var(--max-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 15px;gap:10px}.logo-new{flex-shrink:0;transition:transform .3s ease;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.2))}.logo-new:hover{transform:scale(1.05)}.logo-new-image{height:70px;width:auto;object-fit:contain}.logo-text{color:#e63946;font-size:42px;font-weight:900;font-family:Inter,sans-serif;letter-spacing:3px;text-transform:uppercase;text-decoration:none;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.search-form{flex:1;max-width:600px;position:relative;display:flex;align-items:center;background:#ffffff26;border-radius:50px;padding:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid #d4c4b0;transition:all .3s ease;box-shadow:0 4px 15px #00000026}.search-form:focus-within{background:#ffffff40;border-color:#c9b99a;box-shadow:0 6px 25px #0003}.search-input-main{flex:1;border:none;background:transparent;color:#fff;font-size:.9rem;font-weight:500;padding:8px 14px;outline:none}.search-input-main::placeholder{color:#ffffffb3;font-weight:500}.search-btn-main{width:36px;height:36px;border-radius:50%;border:none;background:#e63946e6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin-right:4px}.search-btn-main:hover{background:#e63946;transform:scale(1.1);box-shadow:0 4px 15px #e6394680}.search-btn-main svg{width:18px;height:18px}.header-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.action-icon{width:40px;height:40px;border-radius:50%;background:#ffffff26;border:2px solid #d4c4b0;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;box-shadow:0 4px 15px #00000026}.action-icon:hover{background:#ffffff40;border-color:#c9b99a;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.action-icon svg{width:20px;height:20px}.phone-action{border-color:#8bc34a66}.phone-action:hover{background:#8bc34a33;border-color:#8bc34a99}.email-action{border-color:#2196f366}.email-action:hover{background:#2196f333;border-color:#2196f399}.cart-action{border-color:#e6394666}.cart-action:hover{background:#e6394633;border-color:#e6394699}.cart-badge-new{position:absolute;top:-3px;right:-3px;background:#e63946;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid white;box-shadow:0 2px 8px #0000004d}.logo,.phone-link,.cart-link{display:none}@media (max-width: 1024px){.header-content{padding:8px 20px;gap:15px}.logo-new-image{height:45px}.logo-text{font-size:28px;letter-spacing:2px}.search-input-main{font-size:13px;padding:6px 12px}.search-input-main::placeholder{font-size:12px}}@media (max-width: 768px){.header-content{flex-wrap:wrap;padding:8px 15px}.logo-new{order:1}.logo-new-image{height:38px}.logo-text{font-size:22px;letter-spacing:1px}.search-form{order:3;width:100%;max-width:none;margin-top:8px}.header-actions{order:2;gap:8px}.action-icon{width:44px;height:44px}.action-icon svg{width:22px;height:22px}}@media (max-width: 480px){.search-input-main::placeholder{content:"Поиск..."}.action-icon{width:40px;height:40px}.action-icon svg{width:20px;height:20px}}.contact-label-section{display:flex;align-items:center;gap:15px;padding-right:15px}.contact-us-text{color:#fff;font-size:.95rem;font-weight:600;white-space:nowrap;text-shadow:1px 1px 3px rgba(0,0,0,.3);letter-spacing:.3px}.contact-divider{width:2px;height:35px;background:#ffffff4d;border-radius:1px}.social-section-header{position:relative;flex-shrink:0;padding-right:15px}.social-btn-header{padding:12px 22px;background:#ffffff26;border:3px solid #d4c4b0;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #00000026}.social-btn-header:hover{background:#ffffff40;border-color:#c9b99a;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.dropdown-social-header{position:absolute;top:calc(100% + 12px);right:0;min-width:220px;background:#fff;border-radius:20px;padding:12px;z-index:1000;animation:dropdownPillSlide .25s ease;box-shadow:0 15px 50px #3d9b9b33,0 5px 15px #00000014;border:1px solid #e8ddd0}.social-link-header{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;margin:6px 0;border-radius:25px;background:#f8f5f0!important;color:#2d7a7a!important;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer}.social-link-header:hover{background:linear-gradient(135deg,#3d9b9b,#2d7a7a)!important;color:#fff!important;transform:scale(1.03);box-shadow:0 4px 15px #3d9b9b4d}.social-link-header:active{background:linear-gradient(135deg,#2d7a7a,#3d9b9b)!important;color:#fff!important;transform:scale(.98)}.social-icon-header{font-size:20px;flex-shrink:0}.social-name-header{font-size:.95rem;font-weight:600}.dropdown-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;border:2px solid #d4c4b0;border-radius:50px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:inherit;box-shadow:0 4px 15px #00000026}.dropdown-toggle:hover{background:#ffffff40;border-color:#c9b99a;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.dropdown-toggle.active{background:#ffffff40;border-color:#fff}.dropdown-toggle svg{color:#d4c4b0}.dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:220px;background:#fff;border-radius:20px;padding:12px;z-index:1000;animation:dropdownPillSlide .25s ease;box-shadow:0 15px 50px #3d9b9b33,0 5px 15px #00000014;border:1px solid #e8ddd0}@keyframes dropdownPillSlide{0%{opacity:0;transform:translate(-50%) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.dropdown-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;margin:6px 0;border-radius:25px;background:#f8f5f0!important;color:#2d7a7a!important;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}@media (max-width: 768px){.dropdown-toggle{font-size:.85rem;padding:8px 14px}.dropdown-menu{min-width:200px;padding:10px;border-radius:16px}.dropdown-item{padding:10px 14px;font-size:.85rem;margin:4px 0;border-radius:20px}.contact-us-text{font-size:11px}.contact-divider{height:30px}.social-btn-header{font-size:11px;padding:8px 16px}.dropdown-social-header{min-width:200px;padding:6px}.social-link-header{padding:10px 14px}.social-name-header{font-size:.9rem}}@media (max-width: 480px){.contact-label-section,.social-section-header{display:none}}.contact-badges-desktop{display:flex;align-items:center;gap:10px}.contact-badge{display:flex;align-items:center;gap:8px;background:#ffffff26;border:2px solid #d4c4b0;padding:8px 16px;border-radius:50px;cursor:pointer;transition:all .3s ease;color:#fff;font-size:.85rem;font-weight:600;text-decoration:none;box-shadow:0 4px 15px #00000026}.contact-badge:hover{background:#ffffff40;border-color:#c9b99a;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.contact-badge .copy-icon{color:#ffffff80;opacity:0;transition:opacity .2s}.contact-badge:hover .copy-icon{opacity:1}.mobile-only{display:none}.copy-notification{position:fixed;bottom:30px;right:30px;background:#3d9b9b;color:#fff;padding:15px 25px;border-radius:10px;box-shadow:0 5px 20px #3d9b9b66;animation:slideInNotification .3s ease;z-index:10000}@keyframes slideInNotification{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.contact-badge{padding:6px 12px;font-size:.8rem}}@media (max-width: 768px){.contact-badges-desktop{display:none}.mobile-only{display:flex}}.category-bar{background:var(--color-beige-light);height:auto;min-height:80px;box-shadow:var(--shadow-md);padding:10px 0;border-top:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary)}.category-bar-content{max-width:var(--max-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:center;gap:15px;padding:0 20px}.category-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border-radius:8px;min-height:70px;position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none}.category-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);pointer-events:none}.category-item:hover{background:linear-gradient(135deg,#4db3b3,#3d9b9b);transform:scale(1.03);box-shadow:0 8px 20px #3d9b9b80}.category-item.active{background:linear-gradient(135deg,#e63946,#c5303c);border:2px solid rgba(255,255,255,.3);box-shadow:0 0 0 4px #e639464d}.category-icon{width:40px;height:35px;display:flex;align-items:center;justify-content:center;z-index:1;margin-bottom:5px}.category-icon svg{width:30px;height:30px;color:#fff}.category-icon img,.category-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.icon-placeholder{font-size:30px}.category-name{font-size:.85rem;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:1;text-align:center}@media (max-width: 1024px){.category-bar-content{gap:10px}.category-item{padding:12px;min-height:100px}.category-icon{width:42px;height:42px}.category-icon svg{width:42px;height:42px}.icon-placeholder{font-size:42px}.category-name{font-size:1.05rem}}@media (max-width: 768px){.category-bar{padding:12px 0;min-height:110px}.category-bar-content{flex-wrap:wrap;gap:8px}.category-item{padding:10px;min-height:90px;min-width:120px}.category-icon{width:38px;height:38px}.category-icon svg{width:38px;height:38px}.icon-placeholder{font-size:38px}.category-name{font-size:.98rem}}@media (max-width: 480px){.category-item{padding:8px;min-width:100px;min-height:80px}.category-icon{width:36px;height:36px}.category-icon svg{width:36px;height:36px}.icon-placeholder{font-size:36px}.category-name{font-size:.9rem}}.category-item-wrapper{position:relative;flex:1}.category-item-wrapper .category-item{width:100%}.category-item-wrapper.dropdown-open .category-item{background:linear-gradient(135deg,#4db3b3,#3d9b9b);transform:translateY(-3px);box-shadow:0 8px 25px #3d9b9b80}.mega-dropdown{position:fixed;top:auto;left:50%;transform:translate(-50%);max-width:calc(100vw - 40px);width:max-content;background:#fff;border-radius:12px;box-shadow:0 10px 40px #3d9b9b40;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mega-dropdown:before{display:none}.mega-dropdown-content{display:flex;gap:20px;padding:15px 20px;flex-wrap:wrap;max-width:600px}.mega-dropdown-column{min-width:100px;flex-shrink:0}.mega-dropdown-title{display:block;font-size:.85rem;font-weight:700;color:#2d7a7a;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #e8f5f2;text-decoration:none;transition:color .2s;white-space:nowrap}.mega-dropdown-title:hover{color:#3d9b9b}.mega-dropdown-list li{margin-bottom:2px}.mega-dropdown-list a{display:block;font-size:.8rem;color:#555;text-decoration:none;padding:4px 8px;border-radius:4px;transition:all .2s;white-space:nowrap}.mega-dropdown-list a:hover{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff}@media (max-width: 1024px){.mega-dropdown{max-width:calc(100vw - 20px)}.mega-dropdown-content{gap:15px;padding:12px 15px;max-width:500px}.mega-dropdown-column{min-width:90px}.mega-dropdown-title{font-size:.8rem}.mega-dropdown-list a{font-size:.75rem;padding:3px 6px}}@media (max-width: 768px){.mega-dropdown{position:fixed;bottom:0;left:0;right:0;top:auto;transform:none;max-width:100%;width:100%;border-radius:12px 12px 0 0;max-height:50vh;overflow-y:auto}.mega-dropdown-content{flex-wrap:wrap;gap:12px;padding:15px;max-width:100%}.mega-dropdown-column{min-width:calc(50% - 10px);flex:1}}@media (max-width: 480px){.mega-dropdown-column{min-width:100%}.mega-dropdown-content{gap:10px;padding:12px}}.info-bar{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);padding:0;box-shadow:0 2px 10px #3d9b9b4d}.info-bar-content{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:flex-start;padding:0 20px}.education-dropdown{position:relative}.education-btn{display:flex;align-items:center;gap:12px;background:#ffffff26;border:3px solid #d4c4b0;border-radius:50px;padding:14px 26px;color:#fff;font-size:1.2rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000026;margin:10px 0}.education-btn:hover,.education-btn.active{background:#ffffff40;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.education-icon{display:flex;align-items:center;color:#d4c4b0}.education-label{white-space:nowrap}.arrow{display:flex;align-items:center;transition:transform .2s ease;color:#d4c4b0}.arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:220px;background:#fff;border-radius:20px;padding:12px;z-index:1000;animation:menuPillSlide .25s ease;box-shadow:0 15px 50px #3d9b9b33,0 5px 15px #00000014;border:1px solid #e8ddd0}@keyframes menuPillSlide{0%{opacity:0;transform:translate(-50%) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.dropdown-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;margin:6px 0;border-radius:25px;background:#f8f5f0!important;color:#2d7a7a!important;text-decoration:none;font-size:1.05rem;font-weight:600;transition:all .3s ease;cursor:pointer}.dropdown-item:before{display:none!important}.dropdown-menu .dropdown-item:hover,.dropdown-item:hover{background:linear-gradient(135deg,#3d9b9b,#2d7a7a)!important;color:#fff!important;transform:scale(1.03);box-shadow:0 4px 15px #3d9b9b4d}.dropdown-item:active{background:linear-gradient(135deg,#2d7a7a,#3d9b9b)!important;color:#fff!important;transform:scale(.98)}@media (max-width: 768px){.info-bar-content{justify-content:center}.education-btn{padding:10px 15px;font-size:.9rem}.dropdown-menu{min-width:200px;padding:10px;border-radius:16px}.dropdown-item{padding:10px 14px;font-size:.85rem;margin:4px 0;border-radius:20px}}.disclaimer{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);padding:15px 20px}.disclaimer-content{max-width:var(--max-width);margin:0 auto}.disclaimer-title{color:#d4c4b0;font-size:.95rem;font-weight:700;margin-bottom:8px}.disclaimer-text{color:#ffffffe6;font-size:.85rem;line-height:1.6}.disclaimer-contact{color:#d4c4b0;font-weight:700}@media (max-width: 768px){.disclaimer{padding:12px 15px}.disclaimer-title{font-size:.85rem}.disclaimer-text{font-size:.78rem;line-height:1.5}}.product-card-compact{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border-radius:10px;overflow:hidden;transition:all .4s ease;position:relative;box-shadow:0 4px 15px #3d9b9b40}.product-card-compact:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease;z-index:1;pointer-events:none}.product-card-compact:hover:before{left:100%}.product-card-compact:hover{transform:scale(1.02) translateY(-5px);box-shadow:0 15px 40px #3d9b9b66,0 0 30px #4db3b34d}.card-row-top{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:2}.card-image-link{flex-shrink:0;width:45px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:8px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.card-image-link:hover{background:#ffffff40;border-color:#fff6}.card-image-link img{max-width:100%;max-height:100%;object-fit:contain;filter:brightness(1.1)}.card-image-placeholder{width:45px;height:40px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffff80}.card-image-placeholder svg{width:22px;height:22px}.card-brand{font-size:.85rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;min-width:50px}.card-article{font-size:.8rem;font-weight:600;color:#d4c4b0;min-width:80px}.card-name-link{flex:1;text-decoration:none;min-width:0}.card-name{font-size:.9rem;font-weight:600;color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.card-name-link:hover .card-name{color:#d4c4b0}.card-stock{font-size:.75rem;font-weight:600;white-space:nowrap;padding:5px 10px;border-radius:8px}.card-stock.in-stock{color:#4ade80;background:#4ade8026}.card-stock.out-stock{color:#f87171;background:#f8717126}.card-row-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#00000026;position:relative;z-index:2}.card-price{display:flex;align-items:baseline;gap:6px}.card-price .old-price{font-size:.8rem;color:#ffffff80;text-decoration:line-through}.card-price .current-price{font-size:1.1rem;font-weight:700;color:#d4c4b0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.card-actions{display:flex;align-items:center;gap:8px}.card-quantity{display:flex;align-items:center;background:#fffffff2;border:1px solid #d4c4b0;border-radius:6px;overflow:hidden}.qty-btn{width:28px;height:28px;background:#d4c4b0;border:none;font-size:1rem;font-weight:700;color:#2d7a7a;cursor:pointer;transition:all .2s}.qty-btn:hover:not(:disabled){background:#c9b99a}.qty-btn:disabled{color:#2d7a7a4d;background:#e8e2d8;cursor:not-allowed}.qty-input{width:36px;text-align:center;font-size:.85rem;font-weight:700;background:#fff;border:none;border-left:1px solid #d4c4b0;border-right:1px solid #d4c4b0;height:28px;padding:0;font-family:inherit;color:#2d7a7a;-moz-appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{outline:none;background:#f5f2ed}.card-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#d4c4b0;color:#2d7a7a;border:none;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.card-add-btn:hover{background:#c9b99a;transform:scale(1.05);box-shadow:0 4px 15px #c9b99a66}.card-add-btn svg{width:16px;height:16px;flex-shrink:0}.detail-link{font-size:.75rem;font-weight:600;color:#ffffffe6;text-decoration:none;white-space:nowrap;transition:color .2s}.detail-link:hover{color:#d4c4b0;text-decoration:underline}@media (max-width: 900px){.card-row-top{flex-wrap:wrap;gap:10px}.card-name-link{width:100%;order:10}.card-name{white-space:normal}}@media (max-width: 600px){.product-card-compact{border-radius:12px}.card-row-top{padding:12px 14px}.card-row-bottom{flex-direction:column;gap:12px;padding:12px 14px;align-items:flex-start}.card-actions{width:100%;justify-content:space-between}.card-brand{font-size:.95rem;min-width:auto}.card-article{font-size:.9rem;min-width:auto}.card-add-btn{padding:10px 16px;font-size:.95rem}}.product-grid-wrapper{margin-bottom:40px}.grid-title{font-size:2.2rem;color:var(--color-primary-dark);margin-bottom:25px;padding-bottom:12px;border-bottom:3px solid var(--color-primary);display:inline-block;font-weight:700}.product-grid{display:flex;flex-direction:column;gap:15px}.empty-state h2{color:var(--color-primary-dark);margin-bottom:10px;font-size:1.5rem}@media (max-width: 768px){.product-grid{gap:12px}.grid-title{font-size:1.8rem}}@media (max-width: 480px){.product-grid{gap:10px}.grid-title{font-size:1.5rem}}.hero-section{text-align:center;padding:60px 20px;margin-bottom:40px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px 20px #3d9b9b4d}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.hero-section h1{font-size:3.5rem;color:#fff;font-weight:800;letter-spacing:3px;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin-bottom:15px;position:relative}.hero-section p{font-size:1.4rem;color:#fffffff2;position:relative}.hero-section .hero-phone{font-size:1.6rem;color:#d4c4b0;font-weight:700;margin-top:20px}@media (max-width: 768px){.hero-section{padding:40px 15px;border-radius:12px}.hero-section h1{font-size:2.2rem;letter-spacing:2px}.hero-section p{font-size:1.1rem}.hero-section .hero-phone{font-size:1.3rem}}.product-page-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:var(--color-card-bg);border-radius:var(--border-radius);overflow:hidden}.product-page-image{height:500px;background:#fff;display:flex;align-items:center;justify-content:center}.product-page-image img{width:100%;height:100%;object-fit:contain;padding:30px}.product-page-placeholder{width:200px;height:200px;color:var(--color-card-border)}.product-page-placeholder svg{width:100%;height:100%}.product-page-info{padding:40px 40px 40px 0;display:flex;flex-direction:column;gap:20px}.product-page-brand{display:inline-block;background:var(--color-olive);color:var(--color-text-light);padding:6px 14px;border-radius:4px;font-size:.85rem;font-weight:600;text-transform:uppercase;align-self:flex-start}.product-page-title{font-size:1.8rem;color:var(--color-text-dark);line-height:1.3}.product-page-description{color:var(--color-text-muted);font-size:1rem;line-height:1.6}.product-page-price{display:flex;align-items:center;gap:15px;padding:20px 0;border-top:1px solid var(--color-card-border);border-bottom:1px solid var(--color-card-border)}.product-page-price .price-label{background:var(--color-accent);color:var(--color-text-light);padding:6px 14px;border-radius:4px;font-size:.85rem;font-weight:700}.product-page-price .price-value{font-size:2rem;font-weight:700;color:var(--color-accent)}.product-page-actions{display:flex;align-items:center;gap:20px}.quantity-selector{display:flex;align-items:center;gap:10px;background:var(--color-primary);border-radius:var(--border-radius);padding:5px}.quantity-selector button{width:40px;height:40px;background:var(--color-primary-light);color:var(--color-text-light);border-radius:4px;font-size:1.5rem;font-weight:600;transition:background .3s}.quantity-selector button:hover{background:var(--color-accent)}.quantity-selector span{min-width:50px;text-align:center;font-size:1.2rem;font-weight:600;color:var(--color-text-light)}.btn-add-to-cart{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;background:var(--color-accent);color:var(--color-text-light);border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;transition:background .3s}.btn-add-to-cart:hover{background:var(--color-accent-dark)}.btn-add-to-cart svg{width:24px;height:24px}.product-page-contact{margin-top:auto;padding:20px;background:#00000008;border-radius:var(--border-radius);text-align:center}.product-page-contact p{color:var(--color-text-muted);margin-bottom:8px}.product-page-contact .phone{font-size:1.3rem;font-weight:600;color:var(--color-accent)}.product-page-contact .phone:hover{text-decoration:underline}.product-not-found{text-align:center;padding:60px 20px;background:var(--color-card-bg);border-radius:var(--border-radius)}.product-not-found h2{color:var(--color-text-dark);margin-bottom:20px}.btn-back{display:inline-block;background:var(--color-primary);color:var(--color-text-light);padding:12px 30px;border-radius:var(--border-radius);font-weight:600;transition:background .3s}.btn-back:hover{background:var(--color-accent)}@media (max-width: 900px){.product-page-content{grid-template-columns:1fr}.product-page-image{height:350px}.product-page-info{padding:30px}}@media (max-width: 480px){.product-page-title{font-size:1.4rem}.product-page-price .price-value{font-size:1.5rem}.product-page-actions{flex-direction:column}.quantity-selector{width:100%;justify-content:center}.btn-add-to-cart{width:100%}}.cart{background:var(--color-card-bg);border-radius:var(--border-radius);overflow:hidden}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--color-primary);color:var(--color-text-light)}.cart-header h2{font-size:1.3rem}.btn-clear{background:transparent;color:var(--color-text-light);padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius);font-size:.85rem;transition:all .3s}.btn-clear:hover{background:var(--color-accent);border-color:var(--color-accent)}.cart-items{padding:0}.cart-item{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid var(--color-card-border)}.cart-item:last-child{border-bottom:none}.cart-item-image{width:80px;height:80px;background:#fff;border-radius:var(--border-radius);overflow:hidden;flex-shrink:0}.cart-item-image img{width:100%;height:100%;object-fit:contain;padding:5px}.cart-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-card-border)}.cart-item-placeholder svg{width:40px;height:40px}.cart-item-info{flex:1;min-width:0}.cart-item-info h3{font-size:1rem;color:var(--color-text-dark);margin-bottom:5px}.cart-item-brand{font-size:.8rem;color:var(--color-olive);font-weight:500}.cart-item-quantity{display:flex;align-items:center;gap:10px;background:var(--color-primary-light);border-radius:var(--border-radius);padding:5px}.cart-item-quantity button{width:30px;height:30px;background:var(--color-primary);color:var(--color-text-light);border-radius:4px;font-size:1.2rem;font-weight:600;transition:background .3s}.cart-item-quantity button:hover{background:var(--color-accent)}.cart-item-quantity span{min-width:30px;text-align:center;font-weight:600;color:var(--color-text-light)}.cart-item-price{font-size:1.1rem;font-weight:700;color:var(--color-accent);min-width:120px;text-align:right}.cart-item-remove{width:36px;height:36px;background:transparent;color:var(--color-text-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.cart-item-remove:hover{background:var(--color-accent);color:var(--color-text-light)}.cart-item-remove svg{width:20px;height:20px}.cart-footer{padding:20px;background:#0000000d;display:flex;justify-content:space-between;align-items:center}.cart-total{display:flex;align-items:center;gap:15px}.cart-total span{font-size:1.1rem;color:var(--color-text-dark)}.cart-total strong{font-size:1.5rem;color:var(--color-accent)}.btn-checkout{background:var(--color-accent);color:var(--color-text-light);padding:15px 40px;border-radius:var(--border-radius);font-size:1rem;font-weight:600;transition:background .3s}.btn-checkout:hover{background:var(--color-accent-dark)}.cart-empty{text-align:center;padding:60px 20px;background:#3d9b9b14;border-radius:12px;border:2px dashed var(--color-primary)}.cart-empty-icon{width:80px;height:80px;margin:0 auto 20px;color:var(--color-primary);opacity:.5}.cart-empty-icon svg{width:100%;height:100%}.cart-empty h2{color:var(--color-primary-dark);margin-bottom:10px;font-size:1.5rem;font-weight:700}.cart-empty p{color:var(--color-text-dark);margin-bottom:20px;font-size:1.1rem}.btn-continue{display:inline-block;background:var(--color-primary);color:var(--color-text-light);padding:12px 30px;border-radius:var(--border-radius);font-weight:600;transition:background .3s}.btn-continue:hover{background:var(--color-accent)}@media (max-width: 768px){.cart-item{flex-wrap:wrap;gap:10px}.cart-item-info{flex:0 0 calc(100% - 95px)}.cart-item-quantity{order:3}.cart-item-price{order:4;min-width:auto}.cart-item-remove{order:5}.cart-footer{flex-direction:column;gap:15px}.btn-checkout{width:100%;text-align:center}}.checkout{display:grid;grid-template-columns:1fr 400px;gap:30px;align-items:start}.checkout-form-wrapper{background:#fff;border-radius:16px;padding:35px;box-shadow:0 4px 20px #3d9b9b1a;border-left:4px solid #3d9b9b}.checkout-form-wrapper h2{color:#2d7a7a;margin-bottom:8px;font-size:1.6rem}.checkout-subtitle{color:#666;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e8f5f2}.checkout-form{display:flex;flex-direction:column;gap:22px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:1rem;display:flex;align-items:center;gap:6px}.required{color:#e63946;font-weight:700}.optional{color:#999;font-weight:400;font-size:.85rem}.form-group input,.form-group textarea{padding:14px 18px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-family:inherit;transition:all .3s;background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3d9b9b;box-shadow:0 0 0 4px #3d9b9b1a}.form-group.error input,.form-group.error textarea{border-color:#e63946}.error-text{color:#e63946;font-size:.85rem}.form-group textarea{resize:vertical;min-height:80px}.btn-submit{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;padding:16px 30px;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3d9b9b66}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.btn-submit svg{flex-shrink:0}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.checkout-summary{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #3d9b9b1a;position:sticky;top:160px}.checkout-summary h3{color:#2d7a7a;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e8f5f2}.summary-items{max-height:300px;overflow-y:auto;margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f0f0f0}.summary-item:last-child{border-bottom:none}.summary-item-name{color:#333;font-size:.95rem;flex:1;padding-right:15px}.summary-item-name .qty{color:#3d9b9b;font-weight:600}.summary-item-price{color:#e63946;font-weight:700;white-space:nowrap}.summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:2px solid #e0e0e0}.summary-total span{font-size:1.1rem;color:#333}.summary-total strong{font-size:1.5rem;color:#e63946}.checkout-success{text-align:center;padding:60px 30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #3d9b9b1a;max-width:500px;margin:0 auto}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.success-icon svg{width:45px;height:45px;color:#fff}.checkout-success h2{color:#2d7a7a;font-size:1.8rem;margin-bottom:12px}.checkout-success p{color:#666;font-size:1.1rem;margin-bottom:30px}.btn-home{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-home:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3d9b9b66}@media (max-width: 900px){.checkout{grid-template-columns:1fr}.checkout-summary{position:static;order:-1}}@media (max-width: 480px){.checkout-form-wrapper,.checkout-summary{padding:20px}.checkout-form-wrapper h2{font-size:1.4rem}.btn-submit{padding:14px 20px;font-size:1rem}.checkout-success{padding:40px 20px}.success-icon{width:60px;height:60px}.success-icon svg{width:35px;height:35px}}.logo-demo-page{padding:40px 20px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.demo-header{text-align:center;margin-bottom:50px}.demo-header h1{color:var(--color-primary);font-size:2.5rem;margin-bottom:10px}.demo-header p{color:#666;font-size:1.1rem}.variants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:40px}.variant-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001a;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.variant-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.variant-card.selected{border:3px solid var(--color-accent);box-shadow:0 8px 30px #e639464d}.variant-header h3{color:var(--color-primary);margin-bottom:8px;font-size:1.2rem}.variant-header p{color:#666;font-size:.9rem;margin-bottom:20px}.demo-preview{background:var(--color-primary-dark);border-radius:12px;padding:15px;min-height:120px;display:flex;align-items:center;justify-content:center}.demo-header-mock{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.phone-mock,.cart-mock{display:flex;align-items:center;gap:8px;color:#fff;font-size:.9rem}.logo-container{flex:1;display:flex;align-items:center;justify-content:center}.demo-logo{max-width:100%;height:auto;object-fit:contain}.variant-1 .demo-logo{height:60px}.variant-2 .demo-logo{height:90px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.variant-2 .demo-header-mock{flex-direction:column;gap:15px}.variant-2 .phone-mock{position:absolute;left:15px;top:15px}.variant-2 .cart-mock{position:absolute;right:15px;top:15px}.variant-3 .demo-logo{height:45px}.variant-3 .logo-container{flex:0;margin-right:auto}.variant-4 .demo-logo{height:70px;filter:drop-shadow(0 6px 12px rgba(230,57,70,.4));transition:all .3s ease}.variant-4:hover .demo-logo{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 8px 16px rgba(230,57,70,.6))}.variant-5 .demo-preview{background:linear-gradient(135deg,#0d4a3a,#1a7a5e);position:relative;overflow:hidden}.variant-5 .demo-preview:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%,to{transform:translate(-25%,-25%)}50%{transform:translate(25%,25%)}}.variant-5 .demo-logo{height:85px;position:relative;z-index:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.selected-badge{position:absolute;top:10px;right:10px;background:var(--color-accent);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;animation:bounce .5s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.action-buttons{display:flex;justify-content:center;gap:20px;padding:30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a}.btn-apply,.btn-reset{padding:15px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-apply{background:var(--color-accent);color:#fff}.btn-apply:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px #e6394666}.btn-reset{background:#f0f0f0;color:#333}.btn-reset:hover{background:#e0e0e0}@media (max-width: 768px){.variants-grid{grid-template-columns:1fr}.demo-header h1{font-size:1.8rem}.phone-mock span:last-child{display:none}}.logo2-demo-page{padding:50px 20px;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.demo-header{text-align:center;margin-bottom:60px;color:#fff}.demo-header h1{font-size:3rem;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.demo-header p{font-size:1.3rem;opacity:.9}.variant-card-2{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0003;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden}.variant-card-2:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.variant-card-2:hover:before{left:100%}.variant-card-2:hover{transform:translateY(-8px);box-shadow:0 15px 50px #0000004d}.variant-card-2.selected{border:4px solid #e63946;box-shadow:0 15px 50px #e6394666}.variant-info{margin-bottom:25px}.variant-info h3{color:var(--color-primary);font-size:1.5rem;margin-bottom:8px}.variant-info p{color:#666;font-size:1rem}.header-demo{background:linear-gradient(135deg,#0d4a3a,#1a6b52);border-radius:16px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:100px;box-shadow:inset 0 2px 10px #0003}.logo-section{display:flex;align-items:center}.demo-logo-2{transition:transform .3s ease;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.3))}.variant-card-2:hover .demo-logo-2{transform:scale(1.05)}.nav-section{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.search-container{position:relative;display:flex;align-items:center;transition:all .3s ease}.search-btn{width:45px;height:45px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.search-btn svg{width:22px;height:22px}.search-container.open{background:#ffffff26;border-radius:25px;padding:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input{width:0;opacity:0;padding:0;border:none;background:transparent;color:#fff;font-size:15px;transition:all .3s ease;outline:none}.search-container.open .search-input{width:250px;opacity:1;padding:10px 15px;margin-left:10px}.search-input::placeholder{color:#ffffffb3}.nav-icon{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:25px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.nav-icon:hover{background:#fff3;border-color:#fff6;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.nav-icon svg{width:22px;height:22px;flex-shrink:0}.nav-text{font-size:14px;font-weight:500;white-space:nowrap}.phone-icon{border-color:#8bc34a66}.phone-icon:hover{background:#8bc34a33;border-color:#8bc34a99}.email-icon{border-color:#2196f366}.email-icon:hover{background:#2196f333;border-color:#2196f399}.cart-icon{border-color:#e6394666;cursor:pointer}.cart-icon:hover{background:#e6394633;border-color:#e6394699}.cart-badge{position:absolute;top:-8px;right:-8px;background:#e63946;color:#fff;font-size:12px;font-weight:700;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 8px #0000004d}.selected-indicator{position:absolute;top:15px;right:15px;background:#e63946;color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;font-size:1rem;box-shadow:0 4px 15px #e6394666;animation:pulse 1.5s infinite}.action-panel{display:flex;justify-content:center;gap:25px;margin-top:40px;padding:30px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003}.btn-apply-variant,.btn-cancel{padding:18px 45px;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-apply-variant{background:linear-gradient(135deg,#e63946,#c91d29);color:#fff;box-shadow:0 6px 20px #e6394666}.btn-apply-variant:hover{transform:translateY(-4px);box-shadow:0 10px 30px #e6394699}.btn-cancel{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.btn-cancel:hover{transform:translateY(-4px);box-shadow:0 6px 20px #6c757d66}.variant-1 .nav-text{display:none}.variant-1 .nav-icon{padding:10px;width:45px;height:45px;justify-content:center}.variant-5 .nav-icon{padding:12px 22px}.variant-5 .nav-text{font-size:16px}.variant-5 .nav-icon svg{width:26px;height:26px}@media (max-width: 1200px){.nav-text{display:none}.nav-icon{padding:10px;width:45px;height:45px;justify-content:center}}@media (max-width: 768px){.logo2-demo-page{padding:30px 15px}.demo-header h1{font-size:2rem}.demo-header p{font-size:1rem}.header-demo{flex-direction:column;gap:20px;padding:20px}.nav-section{width:100%;justify-content:center}.search-container.open .search-input{width:180px}.action-panel{flex-direction:column}.btn-apply-variant,.btn-cancel{width:100%}}.logo-size-demo-page{padding:40px 20px;max-width:1800px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.demo-header-section{text-align:center;margin-bottom:50px;color:#fff}.demo-header-section h1{font-size:2.8rem;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.demo-header-section p{font-size:1.2rem;opacity:.95;margin-bottom:30px}.logo-type-selector{display:flex;gap:15px;justify-content:center;margin-top:25px}.type-btn{padding:15px 35px;border:3px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.type-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.type-btn.active{background:#e63946;border-color:#e63946;box-shadow:0 6px 25px #e6394680}.variants-grid{display:flex;flex-direction:column;gap:25px}.size-variant-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 10px 40px #0003;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden}.size-variant-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.size-variant-card:hover:before{left:100%}.size-variant-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}.size-variant-card.selected{border:4px solid #e63946;box-shadow:0 15px 50px #e6394666}.variant-header{margin-bottom:20px}.variant-header h3{color:var(--color-primary);font-size:1.4rem;margin-bottom:5px}.variant-header p{color:#666;font-size:1rem}.header-preview{background:linear-gradient(135deg,#0d4a3a,#1a6b52);border-radius:16px;padding:15px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:80px;box-shadow:inset 0 2px 10px #0003}.logo-preview-section{flex-shrink:0;display:flex;align-items:center}.preview-logo{width:auto;object-fit:contain;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.3));transition:transform .3s ease}.size-variant-card:hover .preview-logo{transform:scale(1.05)}.preview-search-form{flex:1;max-width:600px;position:relative;display:flex;align-items:center;background:#ffffff26;border-radius:50px;padding:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.preview-search-input{flex:1;border:none;background:transparent;color:#fff;font-size:14px;padding:8px 15px;outline:none}.preview-search-input::placeholder{color:#ffffffb3}.preview-search-btn{width:40px;height:40px;border-radius:50%;border:none;background:#e63946e6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.preview-search-btn svg{width:20px;height:20px}.preview-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.preview-icon{width:42px;height:42px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.preview-icon svg{width:20px;height:20px}.phone-preview{border-color:#8bc34a66}.email-preview{border-color:#2196f366}.cart-preview{border-color:#e6394666}.preview-badge{position:absolute;top:-5px;right:-5px;background:#e63946;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid white;box-shadow:0 2px 8px #0000004d}.selected-badge{position:absolute;top:15px;right:15px;background:#e63946;color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;font-size:1rem;box-shadow:0 4px 15px #e6394666;animation:pulse-badge 1.5s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.action-buttons{display:flex;justify-content:center;gap:20px;margin-top:40px;padding:30px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003}.btn-apply-size,.btn-reset{padding:18px 45px;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-apply-size{background:linear-gradient(135deg,#e63946,#c91d29);color:#fff;box-shadow:0 6px 20px #e6394666}.btn-apply-size:hover{transform:translateY(-4px);box-shadow:0 10px 30px #e6394699}.btn-reset{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.btn-reset:hover{transform:translateY(-4px);box-shadow:0 6px 20px #6c757d66}@media (max-width: 1200px){.header-preview{gap:15px;padding:15px 20px}}@media (max-width: 768px){.logo-size-demo-page{padding:30px 15px}.demo-header-section h1{font-size:2rem}.demo-header-section p{font-size:1rem}.logo-type-selector{flex-direction:column}.type-btn{width:100%}.header-preview{flex-direction:column;gap:15px;padding:15px}.preview-search-form{width:100%;max-width:none}.preview-actions{width:100%;justify-content:center}.action-buttons{flex-direction:column}.btn-apply-size,.btn-reset{width:100%}}@media (max-width: 480px){.preview-icon{width:38px;height:38px}.preview-icon svg{width:18px;height:18px}}.social-demo-page{padding:40px 20px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.demo-header{text-align:center;margin-bottom:50px;color:#fff}.demo-header h1{font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.demo-header p{font-size:1.2rem;opacity:.95}.variants-container{display:flex;flex-direction:column;gap:30px}.social-variant-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0003;cursor:pointer;transition:all .4s ease;position:relative}.social-variant-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}.social-variant-card.selected{border:4px solid #e63946;box-shadow:0 15px 50px #e6394666}.variant-info h3{color:var(--color-primary);font-size:1.4rem;margin-bottom:8px}.variant-info p{color:#666;font-size:1rem;margin-bottom:20px}.preview-header-section{background:linear-gradient(135deg,#0d4a3a,#1a6b52);border-radius:16px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;min-height:90px}.preview-logo img{filter:drop-shadow(2px 4px 8px rgba(0,0,0,.3))}.preview-search{flex:1;max-width:500px;display:flex;align-items:center;background:#ffffff26;border-radius:50px;padding:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.preview-search input{flex:1;border:none;background:transparent;color:#fff;font-size:14px;padding:8px 15px;outline:none}.preview-search input::placeholder{color:#ffffffb3}.preview-search button{width:40px;height:40px;border-radius:50%;border:none;background:#e63946e6;color:#fff;font-size:18px;cursor:pointer}.preview-actions-icons{display:flex;gap:10px}.preview-actions-icons button{width:42px;height:42px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-social-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.toggle-social-btn:hover{transform:scale(1.02);box-shadow:0 6px 20px #667eea66}.social-compact{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-label{font-weight:600;color:#333;font-size:1rem}.social-icons-row{display:flex;gap:12px}.social-icon{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #0003}.social-icon:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0000004d}.social-icon.vk{background:linear-gradient(135deg,#4a76a8,#5a8fc2)}.social-icon.telegram{background:linear-gradient(135deg,#08c,#0af)}.social-icon.whatsapp{background:linear-gradient(135deg,#25d366,#1faa55)}.social-icon.instagram{background:linear-gradient(135deg,#e4405f,#f77737,#fcaf45)}.social-floating{position:relative;right:0;background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;gap:12px;max-width:200px;margin-left:auto;animation:slideInRight .4s ease}.floating-title{font-weight:700;font-size:1.1rem;color:#333;text-align:center;margin-bottom:10px}.floating-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #00000026}.floating-item:hover{transform:translate(-5px);box-shadow:0 6px 20px #00000040}.floating-item .icon{font-size:1.5rem}.floating-item.vk-bg{background:linear-gradient(135deg,#4a76a8,#5a8fc2)}.floating-item.telegram-bg{background:linear-gradient(135deg,#08c,#0af)}.floating-item.whatsapp-bg{background:linear-gradient(135deg,#25d366,#1faa55)}.floating-item.instagram-bg{background:linear-gradient(135deg,#e4405f,#f77737)}.social-dropdown{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:30px;text-align:center}.social-dropdown h4{font-size:1.5rem;color:#333;margin-bottom:8px}.dropdown-subtitle{color:#666;margin-bottom:25px;font-size:1rem}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.social-card-item{padding:25px;border-radius:16px;text-align:center;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #00000026}.social-card-item:hover{transform:translateY(-8px);box-shadow:0 10px 30px #00000040}.social-card-item .card-icon{font-size:3rem;margin-bottom:12px}.social-card-item .card-name{font-weight:700;font-size:1.1rem;color:#fff}.social-card-item.vk-card{background:linear-gradient(135deg,#4a76a8,#5a8fc2)}.social-card-item.telegram-card{background:linear-gradient(135deg,#08c,#0af)}.social-card-item.whatsapp-card{background:linear-gradient(135deg,#25d366,#1faa55)}.social-card-item.instagram-card{background:linear-gradient(135deg,#e4405f,#f77737)}.social-minimal{display:flex;align-items:center;justify-content:center;gap:25px;padding:25px;background:#ffffff0d;border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.minimal-text{font-weight:600;color:#333;font-size:1.1rem}.minimal-circles{display:flex;gap:15px}.circle-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);transition:all .3s ease;box-shadow:0 6px 20px #0003}.circle-icon:hover{transform:scale(1.15);box-shadow:0 8px 25px #0000004d}.circle-icon.vk-circle{background:#4a76a8e6}.circle-icon.tg-circle{background:#0088cce6}.circle-icon.wa-circle{background:#25d366e6}.circle-icon.ig-circle{background:linear-gradient(135deg,#e4405fe6,#f77737e6)}.social-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:10px}.social-big-card{padding:30px;border-radius:20px;text-align:center;color:#fff;box-shadow:0 10px 30px #0003;transition:all .4s ease;cursor:pointer}.social-big-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 40px #0000004d}.big-card-icon{font-size:3.5rem;margin-bottom:15px}.big-card-title{font-size:1.3rem;font-weight:700;margin-bottom:8px}.big-card-desc{font-size:.95rem;opacity:.9}.social-big-card.vk-gradient{background:linear-gradient(135deg,#4a76a8,#5a8fc2)}.social-big-card.telegram-gradient{background:linear-gradient(135deg,#08c,#0af)}.social-big-card.whatsapp-gradient{background:linear-gradient(135deg,#25d366,#1faa55)}.social-big-card.instagram-gradient{background:linear-gradient(135deg,#e4405f,#f77737,#fcaf45)}.selected-indicator{position:absolute;top:20px;right:20px;background:#e63946;color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;box-shadow:0 4px 15px #e6394666;animation:pulse 1.5s infinite}.action-section{display:flex;justify-content:center;gap:20px;margin-top:40px;padding:30px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003}.apply-btn,.reset-btn{padding:18px 45px;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.apply-btn{background:linear-gradient(135deg,#e63946,#c91d29);color:#fff;box-shadow:0 6px 20px #e6394666}.apply-btn:hover{transform:translateY(-4px);box-shadow:0 10px 30px #e6394699}.reset-btn{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.reset-btn:hover{transform:translateY(-4px);box-shadow:0 6px 20px #6c757d66}@media (max-width: 768px){.preview-header-section{flex-direction:column;padding:15px}.preview-search{width:100%;max-width:none}.social-grid,.social-cards-grid{grid-template-columns:repeat(2,1fr)}.action-section{flex-direction:column}.apply-btn,.reset-btn{width:100%}}@media (max-width: 480px){.social-grid,.social-cards-grid{grid-template-columns:1fr}.social-icons-row{flex-wrap:wrap}}.inline-demo-page{padding:40px 20px;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.inline-demo-header{text-align:center;margin-bottom:50px;color:#fff}.inline-demo-header h1{font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.inline-demo-header p{font-size:1.2rem;opacity:.95}.inline-variants-grid{display:flex;flex-direction:column;gap:30px}.inline-variant-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0003;cursor:pointer;transition:all .4s ease;position:relative}.inline-variant-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}.inline-variant-card.selected{border:4px solid #e63946;box-shadow:0 15px 50px #e6394666}.inline-variant-info h3{color:#0d4a3a;font-size:1.4rem;margin-bottom:8px}.inline-variant-info p{color:#666;font-size:1rem;margin-bottom:25px}.full-header-preview{background:linear-gradient(135deg,#0d4a3a,#1a6b52);border-radius:16px;padding:0;box-shadow:0 10px 30px #0000004d;overflow:hidden}.header-top-section{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;gap:20px}.preview-logo-inline img{height:60px;width:auto;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.3))}.preview-search-inline{flex:1;max-width:600px;display:flex;align-items:center;background:#ffffff26;border-radius:50px;padding:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.preview-search-inline input{flex:1;border:none;background:transparent;color:#fff;font-size:13px;padding:8px 15px;outline:none}.preview-search-inline input::placeholder{color:#ffffffb3}.search-btn-inline{width:38px;height:38px;border-radius:50%;border:none;background:#e63946e6;color:#fff;font-size:18px;cursor:pointer}.preview-icons-inline{display:flex;gap:10px}.icon-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:18px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.icon-btn .badge{position:absolute;top:-5px;right:-5px;background:#e63946;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid white}.social-inline-row{padding:8px 25px;border-top:1px solid rgba(255,255,255,.1);background:#0000001a;display:flex;align-items:center;justify-content:center;min-height:35px}.social-thin{display:flex;gap:12px;align-items:center}.social-mini{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;text-decoration:none;background:#ffffff26;border:1px solid rgba(255,255,255,.25);transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.social-mini:hover{transform:translateY(-3px);background:#ffffff40;box-shadow:0 4px 15px #0000004d}.social-mini.vk{border-color:#4a76a880}.social-mini.tg{border-color:#0088cc80}.social-mini.wa{border-color:#25d36680}.social-mini.ig{border-color:#e4405f80}.social-with-label{display:flex;align-items:center;gap:15px}.social-text{color:#fff;font-size:.9rem;font-weight:600;opacity:.9}.social-icons-group{display:flex;gap:10px}.social-icon-label{width:35px;height:35px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;text-decoration:none;background:#ffffff26;border:1px solid rgba(255,255,255,.25);transition:all .3s ease}.social-icon-label:hover{transform:scale(1.1);background:#ffffff40}.social-icon-label.vk:hover{background:#4a76a8cc;border-color:#4a76a8}.social-icon-label.tg:hover{background:#08cc;border-color:#08c}.social-icon-label.wa:hover{background:#25d366cc;border-color:#25d366}.social-icon-label.ig:hover{background:#e4405fcc;border-color:#e4405f}.social-glass{width:100%;display:flex;justify-content:center}.glass-container{display:flex;align-items:center;gap:20px;padding:8px 25px;background:#ffffff1a;border-radius:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0003}.glass-text{color:#fff;font-size:.9rem;font-weight:600;opacity:.95}.glass-icons{display:flex;gap:12px}.glass-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;text-decoration:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.glass-icon:hover{transform:translateY(-4px) scale(1.1);background:#ffffff40;box-shadow:0 6px 20px #0000004d}.social-dividers{display:flex;align-items:center;gap:12px}.divider-text{color:#fff;font-size:.9rem;font-weight:600;opacity:.9;margin-right:5px}.divider-icon{color:#fff;font-size:.85rem;font-weight:600;text-decoration:none;padding:6px 12px;border-radius:6px;background:#ffffff1a;transition:all .3s ease}.divider-icon:hover{background:#fff3;transform:scale(1.05)}.divider{color:#fff6;font-size:1rem}.social-glow{display:flex;align-items:center;gap:15px}.glow-label{color:#fff;font-size:.9rem;font-weight:600;opacity:.9}.glow-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;text-decoration:none;background:#ffffff26;border:2px solid rgba(255,255,255,.25);transition:all .3s ease}.glow-icon:hover{transform:scale(1.15)}.glow-icon.vk-glow:hover{background:#4a76a8e6;border-color:#4a76a8;box-shadow:0 0 20px #4a76a8cc}.glow-icon.tg-glow:hover{background:#0088cce6;border-color:#08c;box-shadow:0 0 20px #08cc}.glow-icon.wa-glow:hover{background:#25d366e6;border-color:#25d366;box-shadow:0 0 20px #25d366cc}.glow-icon.ig-glow:hover{background:linear-gradient(135deg,#e4405fe6,#f77737e6);border-color:#e4405f;box-shadow:0 0 20px #e4405fcc}.selected-badge-inline{position:absolute;top:20px;right:20px;background:#e63946;color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;box-shadow:0 4px 15px #e6394666;animation:pulse-inline 1.5s infinite}@keyframes pulse-inline{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.inline-action-section{display:flex;justify-content:center;gap:20px;margin-top:40px;padding:30px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003}.inline-apply-btn,.inline-reset-btn{padding:18px 45px;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.inline-apply-btn{background:linear-gradient(135deg,#e63946,#c91d29);color:#fff;box-shadow:0 6px 20px #e6394666}.inline-apply-btn:hover{transform:translateY(-4px);box-shadow:0 10px 30px #e6394699}.inline-reset-btn{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.inline-reset-btn:hover{transform:translateY(-4px);box-shadow:0 6px 20px #6c757d66}@media (max-width: 768px){.header-top-section{flex-wrap:wrap;padding:12px 15px}.preview-search-inline{order:3;width:100%;max-width:none;margin-top:10px}.social-inline-row{padding:8px 15px}.social-with-label,.social-glass,.social-dividers,.social-glow{flex-direction:column;gap:10px}.inline-action-section{flex-direction:column}.inline-apply-btn,.inline-reset-btn{width:100%}}.search-demo-page{padding:40px 20px;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.search-demo-header{text-align:center;margin-bottom:50px;color:#fff}.search-demo-header h1{font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.search-demo-header p{font-size:1.2rem;opacity:.95}.search-variants-grid{display:flex;flex-direction:column;gap:30px}.search-variant-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0003;cursor:pointer;transition:all .4s ease;position:relative}.search-variant-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}.search-variant-card.selected{border:4px solid #e63946;box-shadow:0 15px 50px #e6394666}.search-variant-info h3{color:#0d4a3a;font-size:1.4rem;margin-bottom:8px}.search-variant-info p{color:#666;font-size:1rem;margin-bottom:25px}.search-header-preview{background:linear-gradient(135deg,#0d4a3a,#1a6b52);border-radius:16px;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 10px 30px #0000004d;min-height:85px}.preview-logo-search img{height:60px;width:auto;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.3))}.preview-actions-search{display:flex;gap:10px;flex-shrink:0}.action-btn-search{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:18px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.badge-search{position:absolute;top:-5px;right:-5px;background:#e63946;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid white}.search-classic,.search-integrated,.search-filter,.search-tabs-input,.search-pills{flex:1;max-width:650px;display:flex;align-items:center;background:#ffffff26;border-radius:50px;padding:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);position:relative}.search-classic input,.search-integrated input,.search-filter input,.search-tabs-input input,.search-pills input{flex:1;border:none;background:transparent;color:#fff;font-size:13px;padding:8px 15px;outline:none}.search-classic input::placeholder,.search-integrated input::placeholder,.search-filter input::placeholder,.search-tabs-input input::placeholder,.search-pills input::placeholder{color:#ffffffb3}.search-btn-demo{width:38px;height:38px;border-radius:50%;border:none;background:#e63946e6;color:#fff;font-size:18px;cursor:pointer;flex-shrink:0;transition:all .3s ease}.search-btn-demo:hover{background:#e63946;transform:scale(1.1);box-shadow:0 4px 15px #e6394680}.search-dropdown-wrapper{position:relative;flex-shrink:0}.dropdown-toggle{padding:8px 15px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.dropdown-toggle:hover{background:#ffffff4d}.dropdown-menu-classic{position:absolute;top:110%;left:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;min-width:200px;z-index:1000;overflow:hidden;animation:dropdownSlide .3s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:12px 20px;color:#333;font-size:14px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f0f9ff;color:#0d4a3a;font-weight:600}.integrated-dropdown-btn{width:38px;height:38px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:18px;cursor:pointer;flex-shrink:0;transition:all .3s ease}.integrated-dropdown-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.search-divider{width:1px;height:28px;background:#ffffff4d;margin:0 8px}.dropdown-menu-integrated{position:absolute;top:110%;left:5px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;min-width:220px;z-index:1000;overflow:hidden;animation:dropdownSlide .3s ease}.dropdown-item-integrated{padding:12px 20px;color:#333;font-size:14px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:10px}.dropdown-item-integrated:last-child{border-bottom:none}.dropdown-item-integrated:hover{background:linear-gradient(135deg,#0d4a3a,#1a6b52);color:#fff}.filter-toggle-btn{padding:8px 18px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;margin-right:5px}.filter-toggle-btn:hover{background:#ffffff4d;transform:scale(1.05)}.dropdown-menu-filter{position:absolute;top:110%;right:50px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;min-width:220px;z-index:1000;overflow:hidden;animation:dropdownSlide .3s ease}.dropdown-item-filter{padding:12px 20px;color:#333;font-size:14px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.dropdown-item-filter:last-child{border-bottom:none}.dropdown-item-filter:hover{background:#e63946;color:#fff}.search-tabs-container{flex:1;max-width:650px;display:flex;flex-direction:column;gap:8px}.search-tabs{display:flex;gap:5px;position:relative}.tab-btn{padding:6px 15px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#ffffff40}.tab-btn.active{background:#e63946e6;border-color:#e63946;box-shadow:0 4px 15px #e6394666}.tab-more-btn{padding:6px 12px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-more-btn:hover{background:#ffffff40}.dropdown-menu-tabs{position:absolute;top:110%;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;min-width:200px;z-index:1000;overflow:hidden;animation:dropdownSlide .3s ease}.dropdown-item-tabs{padding:10px 18px;color:#333;font-size:13px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.dropdown-item-tabs:last-child{border-bottom:none}.dropdown-item-tabs:hover{background:#0d4a3a;color:#fff}.pills-container{display:flex;gap:6px;padding-left:8px;flex-shrink:0;position:relative}.pill-btn{padding:5px 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:15px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.pill-btn:hover{background:#ffffff4d}.pill-btn.active{background:#e63946e6;border-color:#e63946;box-shadow:0 2px 10px #e6394666}.pill-more-btn{width:26px;height:26px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pill-more-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.dropdown-menu-pills{position:absolute;top:110%;left:8px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;min-width:200px;z-index:1000;overflow:hidden;animation:dropdownSlide .3s ease}.dropdown-item-pills{padding:10px 18px;color:#333;font-size:13px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.dropdown-item-pills:last-child{border-bottom:none}.dropdown-item-pills:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.selected-badge-search{position:absolute;top:20px;right:20px;background:#e63946;color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;box-shadow:0 4px 15px #e6394666;animation:pulse-search 1.5s infinite}@keyframes pulse-search{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.search-action-section{display:flex;justify-content:center;gap:20px;margin-top:40px;padding:30px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003}.search-apply-btn,.search-reset-btn{padding:18px 45px;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.search-apply-btn{background:linear-gradient(135deg,#e63946,#c91d29);color:#fff;box-shadow:0 6px 20px #e6394666}.search-apply-btn:hover{transform:translateY(-4px);box-shadow:0 10px 30px #e6394699}.search-reset-btn{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.search-reset-btn:hover{transform:translateY(-4px);box-shadow:0 6px 20px #6c757d66}@media (max-width: 1024px){.search-header-preview{flex-wrap:wrap;padding:15px 20px}.search-classic,.search-integrated,.search-filter,.search-tabs-container,.search-pills{max-width:none;width:100%}}@media (max-width: 768px){.search-header-preview{flex-direction:column;gap:12px}.search-tabs,.pills-container{flex-wrap:wrap}.search-action-section{flex-direction:column}.search-apply-btn,.search-reset-btn{width:100%}}.contact-demo-page{padding:40px 20px;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.contact-demo-header{text-align:center;margin-bottom:50px;color:#fff}.contact-demo-header h1{font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.contact-demo-header p{font-size:1.2rem;opacity:.95}.contact-variants-grid{display:flex;flex-direction:column;gap:30px}.contact-variant-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0003;cursor:pointer;transition:all .4s ease;position:relative}.contact-variant-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}.contact-variant-card.selected{border:4px solid #e63946;box-shadow:0 15px 50px #e6394666}.contact-variant-info h3{color:#0d4a3a;font-size:1.4rem;margin-bottom:8px}.contact-variant-info p{color:#666;font-size:1rem;margin-bottom:25px}.contact-header-preview{background:linear-gradient(135deg,#0d4a3a,#1a6b52);border-radius:16px;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 10px 30px #0000004d;min-height:85px}.preview-logo-contact img{height:60px;width:auto;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.3))}.preview-search-contact{flex:1;max-width:500px;display:flex;align-items:center;background:#ffffff26;border-radius:50px;padding:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.preview-search-contact input{flex:1;border:none;background:transparent;color:#fff;font-size:13px;padding:8px 15px;outline:none}.preview-search-contact input::placeholder{color:#ffffffb3}.preview-search-contact button{width:38px;height:38px;border-radius:50%;border:none;background:#e63946e6;color:#fff;font-size:18px;cursor:pointer}.contact-icon-demo{width:42px;height:42px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;transition:all .3s ease}.contact-icon-demo:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.contact-icon-demo.phone{border-color:#8bc34a66}.contact-icon-demo.phone:hover{background:#8bc34a33;border-color:#8bc34a99}.contact-icon-demo.email{border-color:#2196f366}.contact-icon-demo.email:hover{background:#2196f333;border-color:#2196f399}.contact-icon-demo.cart{border-color:#e6394666}.contact-icon-demo.cart:hover{background:#e6394633;border-color:#e6394699}.badge-demo{position:absolute;top:-5px;right:-5px;background:#e63946;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid white}.contact-icons-row{display:flex;gap:10px}.contact-actions-above{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.contact-label-above{color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.95;text-align:center;animation:fadeInDown .5s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:.95;transform:translateY(0)}}.contact-actions-left{display:flex;align-items:center;gap:15px;flex-shrink:0}.contact-label-left{display:flex;align-items:center;gap:15px;padding-right:15px}.contact-label-left span{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.vertical-divider{width:2px;height:35px;background:#ffffff4d;border-radius:1px}.contact-actions-vertical{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff1a;border-radius:16px;padding:12px 15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);flex-shrink:0}.contact-label-vertical{color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;text-align:center}.contact-actions-vertical .contact-icon-demo{width:38px;height:38px;font-size:18px}.contact-actions-framed{flex-shrink:0}.contact-frame{background:#ffffff26;border-radius:20px;padding:15px 20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 25px #0003;display:flex;flex-direction:column;align-items:center;gap:12px}.contact-label-framed{color:#fff;font-size:13px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:1.2px;background:linear-gradient(90deg,#fff3,#fff6,#fff3);padding:8px 20px;border-radius:20px;box-shadow:inset 0 2px 5px #ffffff4d}.contact-icons-framed{display:flex;gap:10px}.contact-actions-floating{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.contact-label-floating{position:absolute;top:-35px;right:0;background:#fffffff2;color:#0d4a3a;font-size:12px;font-weight:700;padding:8px 18px;border-radius:20px;box-shadow:0 6px 20px #0000004d;white-space:nowrap;animation:floatIn .4s ease;z-index:10}.contact-label-floating:after{content:"";position:absolute;bottom:-6px;right:60px;width:12px;height:12px;background:#fffffff2;transform:rotate(45deg)}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.selected-badge-contact{position:absolute;top:20px;right:20px;background:#e63946;color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;box-shadow:0 4px 15px #e6394666;animation:pulse-contact 1.5s infinite}@keyframes pulse-contact{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.contact-action-section{display:flex;justify-content:center;gap:20px;margin-top:40px;padding:30px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003}.contact-apply-btn,.contact-reset-btn{padding:18px 45px;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.contact-apply-btn{background:linear-gradient(135deg,#e63946,#c91d29);color:#fff;box-shadow:0 6px 20px #e6394666}.contact-apply-btn:hover{transform:translateY(-4px);box-shadow:0 10px 30px #e6394699}.contact-reset-btn{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.contact-reset-btn:hover{transform:translateY(-4px);box-shadow:0 6px 20px #6c757d66}@media (max-width: 1024px){.contact-header-preview{flex-wrap:wrap;padding:15px 20px}.preview-search-contact{max-width:none;width:100%}}@media (max-width: 768px){.contact-header-preview{flex-direction:column;gap:12px}.contact-label-left span{font-size:11px}.contact-action-section{flex-direction:column}.contact-apply-btn,.contact-reset-btn{width:100%}}.social-dropdown-demo-page{padding:40px 20px;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.social-dropdown-header{text-align:center;margin-bottom:50px;color:#fff}.social-dropdown-header h1{font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.social-dropdown-header p{font-size:1.2rem;opacity:.95}.social-dropdown-variants{display:flex;flex-direction:column;gap:30px}.social-dropdown-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0003;cursor:pointer;transition:all .4s ease;position:relative}.social-dropdown-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}.social-dropdown-card.selected{border:4px solid #e63946;box-shadow:0 15px 50px #e6394666}.variant-description h3{color:#0d4a3a;font-size:1.4rem;margin-bottom:8px}.variant-description p{color:#666;font-size:1rem;margin-bottom:25px}.header-preview-social{background:linear-gradient(135deg,#0d4a3a,#1a6b52);border-radius:16px;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 10px 30px #0000004d;min-height:85px;position:relative}.logo-preview-social img{height:60px;width:auto;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.3))}.search-preview-social{flex:1;max-width:400px;display:flex;align-items:center;background:#ffffff26;border-radius:50px;padding:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.search-preview-social input{flex:1;border:none;background:transparent;color:#fff;font-size:13px;padding:8px 15px;outline:none}.search-preview-social button{width:38px;height:38px;border-radius:50%;border:none;background:#e63946e6;color:#fff;font-size:18px;cursor:pointer}.contact-preview-social{display:flex;align-items:center;gap:10px}.contact-text-preview{color:#fff;font-size:12px;font-weight:600;margin-right:5px}.contact-icon-preview{width:38px;height:38px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:16px;cursor:pointer}.social-section-v1{position:relative}.social-btn-v1{padding:10px 20px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.social-btn-v1:hover{background:#ffffff4d;transform:scale(1.05)}.dropdown-social-v1{position:absolute;top:110%;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;min-width:200px;z-index:1000;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.social-link-v1{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#333;text-decoration:none;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.social-link-v1:last-child{border-bottom:none}.social-link-v1:hover{background:#f0f9ff;padding-left:25px}.social-icon-v1{font-size:20px}.social-name-v1{font-size:14px;font-weight:500}.social-section-v2{position:relative}.social-icon-btn-v2{width:42px;height:42px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:22px;cursor:pointer;transition:all .3s ease}.social-icon-btn-v2:hover{background:#ffffff4d;transform:rotate(90deg)}.dropdown-social-v2{position:absolute;top:110%;right:0;background:#fff;border-radius:16px;box-shadow:0 12px 35px #0000004d;min-width:220px;z-index:1000;overflow:hidden;animation:slideDown .3s ease}.dropdown-title-v2{background:linear-gradient(135deg,#0d4a3a,#1a6b52);color:#fff;padding:15px 20px;font-weight:700;font-size:14px;text-align:center}.social-link-v2{display:flex;align-items:center;gap:12px;padding:14px 20px;color:#333;text-decoration:none;transition:all .3s ease;border-bottom:1px solid rgba(0,0,0,.05);border-left:3px solid transparent}.social-link-v2:last-child{border-bottom:none}.social-link-v2:hover{background:#f8f9fa}.social-icon-v2{font-size:22px}.social-name-v2{font-size:14px;font-weight:600}.social-section-v3{position:relative}.social-text-btn-v3{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;border:2px solid rgba(255,255,255,.25);border-radius:20px;color:#fff;cursor:pointer;transition:all .3s ease}.social-text-btn-v3:hover{background:#ffffff40}.social-text-v3{font-size:13px;font-weight:600}.arrow-v3{font-size:10px}.dropdown-social-v3{position:absolute;top:110%;right:0;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000004d;padding:15px;z-index:1000;animation:slideDown .3s ease}.social-grid-v3{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.social-card-v3{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;border-radius:12px;color:#fff;text-decoration:none;transition:all .3s ease;min-width:100px}.social-card-v3:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000004d}.social-icon-v3{font-size:28px}.social-name-v3{font-size:13px;font-weight:600}.social-section-v4{position:relative}.social-circle-btn-v4{width:45px;height:45px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease}.social-circle-btn-v4:hover{background:#ffffff4d;transform:scale(1.1)}.dropdown-social-v4{position:absolute;top:110%;right:0;background:#fff;border-radius:16px;box-shadow:0 12px 35px #0000004d;min-width:240px;z-index:1000;overflow:hidden;animation:slideDown .3s ease}.dropdown-header-v4{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;padding:15px 20px;font-weight:700;font-size:15px;text-align:center}.social-list-v4{padding:10px}.social-item-v4{display:flex;align-items:center;gap:15px;padding:12px 15px;color:#333;text-decoration:none;border-radius:10px;transition:all .3s ease;margin-bottom:8px}.social-item-v4:last-child{margin-bottom:0}.social-item-v4:hover{background:#f0f9ff;transform:translate(5px)}.social-icon-wrapper-v4{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.social-section-v5{position:relative}.social-slide-btn-v5{padding:10px 18px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.social-slide-btn-v5:hover{background:#ffffff4d;padding-right:22px}.sliding-panel-v5{position:absolute;top:0;right:110%;width:280px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;z-index:1000;animation:slideInRight .4s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.panel-header-v5{background:linear-gradient(135deg,#e63946,#c91d29);color:#fff;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:700;border-radius:16px 16px 0 0}.close-btn-v5{width:28px;height:28px;border-radius:50%;background:#fff3;border:none;color:#fff;cursor:pointer;font-size:16px;transition:all .3s ease}.close-btn-v5:hover{background:#ffffff4d;transform:rotate(90deg)}.panel-content-v5{padding:15px}.social-panel-link-v5{display:flex;align-items:center;gap:15px;padding:15px;color:#333;text-decoration:none;border-radius:12px;transition:all .3s ease;margin-bottom:10px;background:#f8f9fa}.social-panel-link-v5:last-child{margin-bottom:0}.social-panel-link-v5:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transform:scale(1.02)}.social-icon-panel-v5{font-size:28px}.social-info-v5{flex:1}.social-name-panel-v5{font-size:15px;font-weight:600;margin-bottom:3px}.social-desc-v5{font-size:12px;color:#666}.selected-indicator-social{position:absolute;top:20px;right:20px;background:#e63946;color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;box-shadow:0 4px 15px #e6394666;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.action-buttons-social{display:flex;justify-content:center;gap:20px;margin-top:40px;padding:30px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003}.apply-btn-social,.reset-btn-social{padding:18px 45px;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.apply-btn-social{background:linear-gradient(135deg,#e63946,#c91d29);color:#fff;box-shadow:0 6px 20px #e6394666}.apply-btn-social:hover{transform:translateY(-4px);box-shadow:0 10px 30px #e6394699}.reset-btn-social{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.reset-btn-social:hover{transform:translateY(-4px);box-shadow:0 6px 20px #6c757d66}@media (max-width: 1024px){.header-preview-social{flex-wrap:wrap;padding:15px 20px}.search-preview-social{max-width:none;width:100%}}@media (max-width: 768px){.header-preview-social{flex-direction:column;gap:12px}.social-grid-v3{grid-template-columns:1fr}.sliding-panel-v5{width:250px}.action-buttons-social{flex-direction:column}.apply-btn-social,.reset-btn-social{width:100%}}.category-icon-demo-page{padding:40px 20px;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.demo-header-categories{text-align:center;margin-bottom:50px;color:#fff}.demo-header-categories h1{font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.demo-header-categories p{font-size:1.2rem;opacity:.95}.variants-container-categories{display:flex;flex-direction:column;gap:30px}.variant-preview-card-cat{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0003;cursor:pointer;transition:all .4s ease;position:relative}.variant-preview-card-cat:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000004d}.variant-preview-card-cat.selected-cat{border:4px solid #e63946;box-shadow:0 15px 50px #e6394666}.variant-info-cat h3{color:#0d4a3a;font-size:1.4rem;margin-bottom:8px}.variant-info-cat p{color:#666;font-size:1rem;margin-bottom:25px}.category-demo-bar{background:var(--color-card-bg, #f5f0e6);border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:center;gap:15px;min-height:160px;box-shadow:0 4px 12px #0000001a}.demo-category-item{display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .3s ease}.demo-icon-container{display:flex;align-items:center;justify-content:center}.placeholder-icon{font-size:36px}.demo-category-name{font-size:.9rem;font-weight:500;color:#0d4a3a;text-align:center}.selected-indicator-cat{position:absolute;top:20px;right:20px;background:#e63946;color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;box-shadow:0 4px 15px #e6394666;animation:pulse-cat 1.5s infinite}@keyframes pulse-cat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.action-section-cat{display:flex;justify-content:center;gap:20px;margin-top:40px;padding:30px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003}.btn-apply-cat,.btn-reset-cat{padding:18px 45px;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-apply-cat{background:linear-gradient(135deg,#e63946,#c91d29);color:#fff;box-shadow:0 6px 20px #e6394666}.btn-apply-cat:hover{transform:translateY(-4px);box-shadow:0 10px 30px #e6394699}.btn-reset-cat{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.btn-reset-cat:hover{transform:translateY(-4px);box-shadow:0 6px 20px #6c757d66}.variant-classic-cards .demo-category-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 15px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;min-width:140px;transition:all .3s ease}.variant-classic-cards .demo-icon-container{width:56px;height:56px;background:linear-gradient(135deg,#0d4a3a,#1a6b52);border-radius:12px;box-shadow:0 4px 12px #0d4a3a4d;display:flex;align-items:center;justify-content:center}.variant-classic-cards .demo-icon-container img{width:36px;height:36px;object-fit:contain;filter:brightness(0) invert(1)}.variant-classic-cards .placeholder-icon{font-size:36px;filter:brightness(0) invert(1)}.variant-classic-cards .demo-category-name{font-size:.9rem;text-align:center;color:#0d4a3a;font-weight:500}.variant-classic-cards .demo-category-item:hover{background:#ffffff40;transform:translateY(-5px);box-shadow:0 8px 20px #e6394666}.variant-large-circles .demo-category-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 10px}.variant-large-circles .demo-icon-container{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#0d4a3a,#1a6b52);border:3px solid rgba(255,255,255,.2);box-shadow:0 6px 16px #0d4a3a66;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.variant-large-circles .demo-icon-container img{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}.variant-large-circles .placeholder-icon{font-size:40px;filter:brightness(0) invert(1)}.variant-large-circles .demo-category-name{font-size:.85rem;text-align:center;color:#0d4a3a;font-weight:600;max-width:80px}.variant-large-circles .demo-category-item:hover .demo-icon-container{transform:scale(1.1);box-shadow:0 8px 24px #e6394680;border-color:#e6394699}.variant-gradient-boxes .demo-category-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;background:linear-gradient(135deg,#0d4a3a,#156b54,#0d4a3a);border-radius:10px;min-height:110px;position:relative;overflow:hidden;transition:all .3s ease}.variant-gradient-boxes .demo-category-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);pointer-events:none}.variant-gradient-boxes .demo-icon-container{width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:1;margin-bottom:8px}.variant-gradient-boxes .demo-icon-container img{width:50px;height:50px;object-fit:contain;filter:brightness(0) invert(1)}.variant-gradient-boxes .placeholder-icon{font-size:50px;filter:brightness(0) invert(1)}.variant-gradient-boxes .demo-category-name{font-size:.88rem;color:#fff;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:1;text-align:center}.variant-gradient-boxes .demo-category-item:hover{background:linear-gradient(135deg,#156b54,#1a7a5e);transform:scale(1.03);box-shadow:0 8px 20px #1a6b5280}.variant-icon-badge .demo-category-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 10px}.variant-icon-badge .demo-icon-container{width:64px;height:64px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0003;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.variant-icon-badge .demo-icon-container:after{content:"";position:absolute;width:48px;height:48px;background:linear-gradient(135deg,#0d4a3a,#1a6b52);border-radius:10px;z-index:0}.variant-icon-badge .demo-icon-container img{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1);z-index:1;position:relative}.variant-icon-badge .placeholder-icon{font-size:32px;filter:brightness(0) invert(1);z-index:1;position:relative}.variant-icon-badge .demo-category-name{display:inline-block;background:linear-gradient(135deg,#0d4a3a,#1a6b52);padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap;box-shadow:0 2px 8px #0d4a3a66;transition:all .3s ease}.variant-icon-badge .demo-category-item:hover .demo-icon-container{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 20px #e6394666}.variant-icon-badge .demo-category-item:hover .demo-category-name{background:linear-gradient(135deg,#e63946,#c5303c)}.variant-premium-glow .demo-category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 15px;background:linear-gradient(135deg,#0d4a3ae6,#1a6b52e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;min-height:130px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.variant-premium-glow .demo-category-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);pointer-events:none;border-radius:16px}.variant-premium-glow .demo-icon-container{width:54px;height:54px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;z-index:1}.variant-premium-glow .demo-icon-container img{width:54px;height:54px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 4px 12px rgba(255,255,255,.3))}.variant-premium-glow .placeholder-icon{font-size:54px;filter:brightness(0) invert(1) drop-shadow(0 4px 12px rgba(255,255,255,.3))}.variant-premium-glow .demo-category-name{font-size:.92rem;color:#fff;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:.3px;z-index:1;text-align:center}.variant-premium-glow .demo-category-item:hover{transform:translateY(-8px);box-shadow:0 16px 48px #e6394666,0 0 32px #e6394633;background:linear-gradient(135deg,#e63946e6,#c5303ce6);border-color:#fff6}@media (max-width: 1024px){.category-demo-bar{flex-wrap:wrap}}@media (max-width: 768px){.demo-header-categories h1{font-size:2rem}.category-demo-bar{gap:10px;padding:15px}.action-section-cat{flex-direction:column}.btn-apply-cat,.btn-reset-cat{width:100%}}.product-card-demo-page{max-width:1400px;margin:0 auto;padding:40px 20px}.product-card-demo-page h1{text-align:center;color:#0d4a3a;font-size:2rem;margin-bottom:10px}.demo-subtitle{text-align:center;color:#666;margin-bottom:40px}.variant-section{margin-bottom:50px;padding:25px;background:#f8f9fa;border-radius:16px;border:3px solid transparent;cursor:pointer;transition:all .3s ease}.variant-section:hover{border-color:#0d4a3a}.variant-section.selected{border-color:#e63946;background:#fff;box-shadow:0 8px 30px #e6394626}.variant-header h2{color:#0d4a3a;font-size:1.3rem}.selected-badge{background:linear-gradient(135deg,#e63946,#c5303c);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600}.demo-actions{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:15px;background:#fff;padding:20px 30px;border-radius:50px;box-shadow:0 10px 40px #0003;z-index:100}.apply-btn{background:linear-gradient(135deg,#0d4a3a,#1a6b52);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s}.apply-btn:hover{transform:scale(1.05);box-shadow:0 5px 20px #0d4a3a66}.reset-btn{background:#f0f0f0;color:#333;border:none;padding:12px 30px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s}.reset-btn:hover{background:#e0e0e0}.variant-rows .product-card-demo{display:grid;grid-template-columns:80px 120px 150px 1fr 180px 150px 200px 180px;gap:15px;align-items:center;padding:20px;background:#fff;border-radius:12px;margin-bottom:12px;border:1px solid #e8e8e8;transition:all .3s}.variant-rows .product-card-demo:hover{border-color:#0d4a3a;box-shadow:0 4px 20px #0d4a3a1a}.variant-rows .product-meta{display:flex;flex-direction:column;gap:4px}.variant-rows .product-code{font-size:.75rem;color:#888}.variant-rows .product-article{font-size:.75rem;color:#e63946;font-weight:600}.variant-rows .product-brand-section{display:flex;flex-direction:column;align-items:center}.variant-rows .brand-name{font-weight:700;color:#0d4a3a;font-size:.9rem}.variant-rows .brand-country{font-size:.75rem;color:#888}.variant-rows .product-image-demo{width:120px;height:80px;display:flex;align-items:center;justify-content:center}.variant-rows .product-image-demo img,.variant-rows .image-placeholder{max-width:100%;max-height:100%}.variant-rows .image-placeholder{width:60px;height:60px;color:#ccc}.variant-rows .product-info-demo{min-width:0}.variant-rows .product-name-demo{font-size:.95rem;color:#06c;margin:0 0 5px;font-weight:600}.variant-rows .product-description-demo{font-size:.8rem;color:#666;margin:0;line-height:1.4}.variant-rows .product-specs-demo{font-size:.75rem}.variant-rows .spec-row{display:flex;gap:5px;margin-bottom:3px}.variant-rows .spec-label{color:#888}.variant-rows .spec-value{color:#333;font-weight:500}.variant-rows .product-price-section{text-align:right}.variant-rows .old-price{display:block;font-size:.8rem;color:#999;text-decoration:line-through}.variant-rows .current-price{font-size:1.3rem;font-weight:700;color:#e63946}.variant-rows .product-actions-demo{display:flex;flex-direction:column;gap:10px}.variant-rows .quantity-control{display:flex;align-items:center;gap:8px;justify-content:center}.variant-rows .qty-btn{width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:1rem}.variant-rows .qty-value{font-weight:600;min-width:20px;text-align:center}.variant-rows .add-to-cart-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#0d4a3a,#1a6b52);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s}.variant-rows .add-to-cart-btn:hover{background:linear-gradient(135deg,#1a6b52,#228b5a);transform:translateY(-2px)}.variant-rows .product-extra{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.variant-rows .bookmark-btn{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:#999}.variant-rows .availability{display:flex;flex-direction:column;font-size:.75rem}.variant-rows .stock-status.in-stock{color:#28a745}.variant-rows .delivery-time{color:#666}.variant-rows .details-link{background:none;border:none;color:#06c;font-size:.8rem;cursor:pointer;text-decoration:underline;padding:0}.variant-rows .quick-buy-btn{background:none;border:1px solid #ddd;padding:6px 12px;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.variant-rows .quick-buy-btn:hover{border-color:#e63946;color:#e63946}.variant-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.variant-compact .product-card-demo{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 15px #00000014;transition:all .3s;position:relative;overflow:hidden}.variant-compact .product-card-demo:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0d4a3a,#1a6b52)}.variant-compact .product-card-demo:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0d4a3a26}.variant-compact .product-meta{display:flex;justify-content:space-between;margin-bottom:10px}.variant-compact .product-code,.variant-compact .product-article{font-size:.7rem;color:#888}.variant-compact .product-article{color:#e63946}.variant-compact .product-brand-section{display:flex;align-items:center;gap:8px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.variant-compact .brand-name{font-weight:700;color:#0d4a3a;font-size:.85rem}.variant-compact .brand-country{font-size:.7rem;color:#888;background:#f5f5f5;padding:2px 8px;border-radius:10px}.variant-compact .product-image-demo{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;margin-bottom:15px}.variant-compact .image-placeholder{width:60px;height:60px;color:#ccc}.variant-compact .product-name-demo{font-size:.95rem;color:#333;margin:0 0 8px;font-weight:600;line-height:1.3}.variant-compact .product-description-demo{font-size:.8rem;color:#666;margin:0 0 12px;display:none}.variant-compact .product-specs-demo{display:none}.variant-compact .product-price-section{display:flex;align-items:baseline;gap:10px;margin-bottom:15px}.variant-compact .old-price{font-size:.85rem;color:#999;text-decoration:line-through}.variant-compact .current-price{font-size:1.4rem;font-weight:700;color:#e63946}.variant-compact .product-actions-demo{display:flex;gap:10px}.variant-compact .quantity-control{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;overflow:hidden}.variant-compact .qty-btn{width:32px;height:36px;border:none;background:#f5f5f5;cursor:pointer}.variant-compact .qty-value{width:36px;text-align:center;font-weight:600}.variant-compact .add-to-cart-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#0d4a3a,#1a6b52);color:#fff;border:none;padding:10px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.variant-compact .add-to-cart-btn:hover{background:linear-gradient(135deg,#e63946,#c5303c)}.variant-compact .product-extra{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.variant-compact .bookmark-btn{background:none;border:1px solid #ddd;border-radius:6px;padding:8px;cursor:pointer;color:#999;transition:all .2s}.variant-compact .bookmark-btn:hover{color:#e63946;border-color:#e63946}.variant-compact .availability{font-size:.75rem}.variant-compact .stock-status.in-stock{color:#28a745}.variant-compact .delivery-time{color:#666;display:block}.variant-compact .details-link,.variant-compact .quick-buy-btn{display:none}.variant-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.variant-premium .product-card-demo{background:linear-gradient(145deg,#fff,#f5f7f5);border-radius:20px;padding:25px;box-shadow:0 10px 40px #0d4a3a1a;transition:all .4s ease;position:relative;border:1px solid rgba(13,74,58,.1)}.variant-premium .product-card-demo:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #0d4a3a33}.variant-premium .product-meta{position:absolute;top:15px;left:15px;display:flex;flex-direction:column;gap:2px}.variant-premium .product-code{font-size:.65rem;color:#fff;background:linear-gradient(135deg,#0d4a3a,#1a6b52);padding:3px 8px;border-radius:12px}.variant-premium .product-article{font-size:.65rem;color:#fff;background:#e63946;padding:3px 8px;border-radius:12px}.variant-premium .product-brand-section{text-align:center;margin-bottom:15px;padding-top:30px}.variant-premium .brand-name{font-size:1.1rem;font-weight:800;color:#0d4a3a;text-transform:uppercase;letter-spacing:1px}.variant-premium .brand-country{display:block;font-size:.75rem;color:#888;margin-top:4px}.variant-premium .product-image-demo{width:100%;height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d4a3a0d,#1a6b520d);border-radius:16px;margin-bottom:20px}.variant-premium .image-placeholder{width:70px;height:70px;color:#0d4a3a;opacity:.3}.variant-premium .product-name-demo{font-size:1.1rem;color:#1a1a1a;margin:0 0 10px;font-weight:700;text-align:center;line-height:1.3}.variant-premium .product-description-demo{font-size:.85rem;color:#666;text-align:center;margin:0 0 15px}.variant-premium .product-specs-demo{background:#0d4a3a0d;border-radius:12px;padding:15px;margin-bottom:20px}.variant-premium .spec-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed rgba(13,74,58,.1)}.variant-premium .spec-row:last-child{border:none}.variant-premium .spec-label{font-size:.8rem;color:#666}.variant-premium .spec-value{font-size:.8rem;color:#0d4a3a;font-weight:600}.variant-premium .product-price-section{text-align:center;margin-bottom:20px}.variant-premium .old-price{display:block;font-size:.9rem;color:#999;text-decoration:line-through;margin-bottom:5px}.variant-premium .current-price{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#e63946,#c5303c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.variant-premium .product-actions-demo{display:flex;gap:12px}.variant-premium .quantity-control{display:flex;align-items:center;background:#f5f5f5;border-radius:12px;overflow:hidden}.variant-premium .qty-btn{width:40px;height:44px;border:none;background:transparent;font-size:1.2rem;cursor:pointer;transition:all .2s}.variant-premium .qty-btn:hover{background:#e0e0e0}.variant-premium .qty-value{width:30px;text-align:center;font-weight:700;font-size:1rem}.variant-premium .add-to-cart-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0d4a3a,#1a6b52);color:#fff;border:none;padding:14px 20px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0d4a3a4d}.variant-premium .add-to-cart-btn:hover{background:linear-gradient(135deg,#e63946,#c5303c);box-shadow:0 6px 20px #e6394666;transform:translateY(-2px)}.variant-premium .product-extra{margin-top:15px;display:flex;justify-content:center;align-items:center;gap:20px}.variant-premium .bookmark-btn{background:none;border:2px solid #ddd;border-radius:50%;width:44px;height:44px;cursor:pointer;color:#999;display:flex;align-items:center;justify-content:center;transition:all .3s}.variant-premium .bookmark-btn:hover{border-color:#e63946;color:#e63946;transform:scale(1.1)}.variant-premium .availability{text-align:center}.variant-premium .stock-status.in-stock{color:#28a745;font-weight:600}.variant-premium .delivery-time{display:block;font-size:.8rem;color:#666}.variant-premium .details-link{display:none}.variant-premium .quick-buy-btn{background:transparent;border:2px solid #0d4a3a;color:#0d4a3a;padding:10px 20px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s}.variant-premium .quick-buy-btn:hover{background:#0d4a3a;color:#fff}.variant-minimal{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.variant-minimal .product-card-demo{background:#fff;border-radius:8px;padding:24px;border:1px solid #eee;transition:all .3s}.variant-minimal .product-card-demo:hover{border-color:#0d4a3a}.variant-minimal .product-meta,.variant-minimal .product-specs-demo,.variant-minimal .product-description-demo{display:none}.variant-minimal .product-brand-section{margin-bottom:20px}.variant-minimal .brand-name{font-size:.85rem;color:#0d4a3a;font-weight:600;text-transform:uppercase;letter-spacing:2px}.variant-minimal .brand-country{display:none}.variant-minimal .product-image-demo{height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.variant-minimal .image-placeholder{width:80px;height:80px;color:#ddd}.variant-minimal .product-name-demo{font-size:1rem;color:#1a1a1a;margin:0 0 20px;font-weight:500;line-height:1.4}.variant-minimal .product-price-section{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.variant-minimal .old-price{font-size:.9rem;color:#bbb;text-decoration:line-through}.variant-minimal .current-price{font-size:1.5rem;font-weight:700;color:#1a1a1a}.variant-minimal .product-actions-demo{display:flex;gap:10px}.variant-minimal .quantity-control{display:none}.variant-minimal .add-to-cart-btn{flex:1;background:#1a1a1a;color:#fff;border:none;padding:14px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.variant-minimal .add-to-cart-btn:hover{background:#0d4a3a}.variant-minimal .product-extra{margin-top:15px;display:flex;justify-content:space-between;align-items:center}.variant-minimal .bookmark-btn{background:none;border:none;cursor:pointer;color:#ccc;transition:color .2s}.variant-minimal .bookmark-btn:hover{color:#e63946}.variant-minimal .availability{font-size:.8rem}.variant-minimal .stock-status.in-stock{color:#0d4a3a}.variant-minimal .delivery-time{color:#999;display:block}.variant-minimal .details-link,.variant-minimal .quick-buy-btn{display:none}.variant-sidebar .product-card-demo{display:grid;grid-template-columns:200px 1fr 250px;gap:25px;background:#fff;border-radius:16px;padding:25px;margin-bottom:20px;box-shadow:0 4px 20px #0000000f;border-left:5px solid #0d4a3a;transition:all .3s}.variant-sidebar .product-card-demo:hover{box-shadow:0 8px 35px #0d4a3a1f;border-left-color:#e63946}.variant-sidebar .product-meta{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:5px}.variant-sidebar .product-code{font-size:.8rem;color:#666}.variant-sidebar .product-article{font-size:.8rem;color:#e63946;font-weight:600}.variant-sidebar .product-brand-section{display:flex;flex-direction:column;margin-top:15px}.variant-sidebar .brand-name{font-weight:700;color:#0d4a3a;font-size:1rem}.variant-sidebar .brand-country{font-size:.8rem;color:#888}.variant-sidebar .product-image-demo{grid-column:1;grid-row:2 / 4;height:150px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:12px}.variant-sidebar .image-placeholder{width:80px;height:80px;color:#ccc}.variant-sidebar .product-info-demo{grid-column:2;grid-row:1 / 3}.variant-sidebar .product-name-demo{font-size:1.2rem;color:#0d4a3a;margin:0 0 10px;font-weight:700}.variant-sidebar .product-description-demo{font-size:.9rem;color:#666;margin:0 0 15px;line-height:1.5}.variant-sidebar .product-specs-demo{grid-column:2;grid-row:3;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px}.variant-sidebar .spec-row{display:flex;gap:8px}.variant-sidebar .spec-label{font-size:.85rem;color:#888}.variant-sidebar .spec-value{font-size:.85rem;color:#333;font-weight:600}.variant-sidebar .product-price-section{grid-column:3;grid-row:1;text-align:right}.variant-sidebar .old-price{display:block;font-size:.9rem;color:#999;text-decoration:line-through}.variant-sidebar .current-price{font-size:1.8rem;font-weight:800;color:#e63946}.variant-sidebar .product-actions-demo{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:10px}.variant-sidebar .quantity-control{display:flex;align-items:center;justify-content:center;gap:10px;background:#f5f5f5;padding:8px;border-radius:8px}.variant-sidebar .qty-btn{width:32px;height:32px;border:none;background:#fff;border-radius:6px;cursor:pointer;font-size:1rem;box-shadow:0 2px 5px #0000001a}.variant-sidebar .qty-value{font-weight:700;min-width:30px;text-align:center}.variant-sidebar .add-to-cart-btn{background:linear-gradient(135deg,#0d4a3a,#1a6b52);color:#fff;border:none;padding:14px;border-radius:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.variant-sidebar .add-to-cart-btn:hover{background:linear-gradient(135deg,#e63946,#c5303c);transform:translateY(-2px)}.variant-sidebar .product-extra{grid-column:3;grid-row:3;display:flex;flex-direction:column;gap:10px}.variant-sidebar .bookmark-btn{display:none}.variant-sidebar .availability{background:#f0fdf4;padding:10px;border-radius:8px;text-align:center}.variant-sidebar .stock-status.in-stock{color:#16a34a;font-weight:600;display:block}.variant-sidebar .delivery-time{color:#666;font-size:.85rem}.variant-sidebar .details-link{background:none;border:none;color:#06c;font-size:.9rem;cursor:pointer;text-align:center}.variant-sidebar .quick-buy-btn{border:2px solid #0d4a3a;background:transparent;color:#0d4a3a;padding:10px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.variant-sidebar .quick-buy-btn:hover{background:#0d4a3a;color:#fff}@media (max-width: 1200px){.variant-rows .product-card-demo{grid-template-columns:1fr;gap:15px}.variant-compact,.variant-premium,.variant-minimal{grid-template-columns:repeat(2,1fr)}.variant-sidebar .product-card-demo{grid-template-columns:1fr}}@media (max-width: 768px){.variant-compact,.variant-premium,.variant-minimal{grid-template-columns:1fr}.demo-actions{flex-direction:column;width:calc(100% - 40px);border-radius:20px}}.product-font-demo-page{padding:30px;max-width:1400px;margin:0 auto}.product-font-demo-page h1{color:#fff;font-size:2rem;margin-bottom:10px}.variant-section{background:#ffffff0d;border:2px solid transparent;border-radius:12px;padding:20px;margin-bottom:30px;cursor:pointer;transition:all .3s}.variant-section.selected{border-color:#e63946;background:#e639461a}.variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.variant-header h2{color:#fff;font-size:1.3rem;margin:0}.selected-badge{background:#e63946;color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600}.demo-card{display:grid;grid-template-columns:100px 120px 120px 1fr 220px 120px 200px;gap:20px;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.demo-col{display:flex;flex-direction:column}.demo-col-meta{gap:4px}.demo-col-brand{text-align:center;gap:4px}.demo-col-image{display:flex;align-items:center;justify-content:center}.demo-image-placeholder{width:100px;height:70px;color:#bbb;background:#f5f5f5;border-radius:6px;display:flex;align-items:center;justify-content:center}.demo-image-placeholder svg{width:60px;height:60px}.demo-col-name{gap:4px;min-width:0}.demo-col-specs{gap:4px}.demo-spec-row{display:flex;gap:6px}.demo-col-price{text-align:center;align-items:center;gap:2px}.demo-col-actions{gap:8px;align-items:flex-end;border-left:1px solid #eee;padding-left:20px}.demo-quantity{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;overflow:hidden}.demo-qty-btn{width:32px;height:32px;background:#f5f5f5;border:none;font-size:1.2rem;cursor:pointer}.demo-qty-value{width:40px;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;line-height:32px}.demo-bookmark-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid #ddd;border-radius:4px;padding:6px 12px;cursor:pointer}.demo-bookmark-btn svg{width:16px;height:16px}.demo-availability{text-align:right}.demo-stock{display:block}.demo-stock.in-stock{color:#28a745}.demo-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:linear-gradient(135deg,#0d4a3a,#1a6b52);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.demo-add-btn:hover{background:linear-gradient(135deg,#e63946,#c62936)}.demo-add-btn svg{width:18px;height:18px}.demo-links{display:flex;flex-direction:column;gap:4px;text-align:right}.demo-detail-link{color:#06c;text-decoration:none}.demo-detail-link:hover{text-decoration:underline}.demo-quick-buy{background:none;border:none;padding:0;color:#e63946;cursor:pointer;text-align:right}.demo-quick-buy:hover{text-decoration:underline}.demo-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;padding:20px;background:#ffffff0d;border-radius:12px}.apply-btn{padding:14px 40px;background:linear-gradient(135deg,#e63946,#c62936);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s}.reset-btn{padding:14px 40px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:1.1rem;cursor:pointer}.font-large .demo-code{font-size:.95rem;font-weight:600;color:#333}.font-large .demo-article-small{font-size:.9rem;color:#666}.font-large .demo-brand-name{font-size:1.1rem;font-weight:700;color:#06c;text-transform:uppercase}.font-large .demo-brand-country{font-size:.85rem;color:#666}.font-large .demo-article-inline{font-size:1.1rem;font-weight:700;color:#222}.font-large .demo-name{font-size:1rem;font-weight:500;color:#444;line-height:1.4;margin:0}.font-large .demo-spec-key{font-size:.9rem;color:#555}.font-large .demo-spec-value{font-size:.9rem;font-weight:600;color:#222}.font-large .demo-price-label{font-size:.85rem;color:#888}.font-large .demo-old-price{font-size:.95rem;color:#999;text-decoration:line-through}.font-large .demo-current-price{font-size:1.5rem;font-weight:800;color:#e63946}.font-large .demo-bookmark-btn{font-size:.9rem}.font-large .demo-stock,.font-large .demo-delivery{font-size:.85rem}.font-large .demo-add-btn{font-size:1rem;font-weight:600}.font-large .demo-detail-link,.font-large .demo-quick-buy{font-size:.85rem}.font-large .demo-qty-value{font-size:1rem;font-weight:600}.font-medium .demo-code{font-size:.85rem;font-weight:500;color:#444}.font-medium .demo-article-small{font-size:.8rem;color:#777}.font-medium .demo-brand-name{font-size:1rem;font-weight:600;color:#06c;letter-spacing:.5px}.font-medium .demo-brand-country{font-size:.8rem;color:#777}.font-medium .demo-article-inline{font-size:1rem;font-weight:600;color:#333}.font-medium .demo-name{font-size:.95rem;font-weight:400;color:#555;line-height:1.35;margin:0}.font-medium .demo-spec-key{font-size:.82rem;color:#666}.font-medium .demo-spec-value{font-size:.82rem;font-weight:500;color:#333}.font-medium .demo-price-label{font-size:.75rem;color:#999;text-transform:uppercase}.font-medium .demo-old-price{font-size:.85rem;color:#aaa;text-decoration:line-through}.font-medium .demo-current-price{font-size:1.35rem;font-weight:700;color:#e63946}.font-medium .demo-bookmark-btn{font-size:.82rem}.font-medium .demo-stock,.font-medium .demo-delivery{font-size:.8rem}.font-medium .demo-add-btn{font-size:.95rem;font-weight:500}.font-medium .demo-detail-link,.font-medium .demo-quick-buy{font-size:.8rem}.font-medium .demo-qty-value{font-size:.95rem;font-weight:500}.font-bold .demo-code{font-size:.9rem;font-weight:700;color:#222}.font-bold .demo-article-small{font-size:.85rem;font-weight:500;color:#555}.font-bold .demo-brand-name{font-size:1.15rem;font-weight:800;color:#05a;text-transform:uppercase;letter-spacing:1px}.font-bold .demo-brand-country{font-size:.8rem;font-weight:500;color:#666}.font-bold .demo-article-inline{font-size:1.15rem;font-weight:800;color:#111}.font-bold .demo-name{font-size:1rem;font-weight:600;color:#333;line-height:1.3;margin:0}.font-bold .demo-spec-key{font-size:.85rem;font-weight:600;color:#444}.font-bold .demo-spec-value{font-size:.85rem;font-weight:700;color:#111}.font-bold .demo-price-label{font-size:.8rem;font-weight:600;color:#777;text-transform:uppercase}.font-bold .demo-old-price{font-size:.9rem;font-weight:500;color:#999;text-decoration:line-through}.font-bold .demo-current-price{font-size:1.6rem;font-weight:900;color:#d62839}.font-bold .demo-bookmark-btn{font-size:.85rem;font-weight:600}.font-bold .demo-stock,.font-bold .demo-delivery{font-size:.82rem;font-weight:500}.font-bold .demo-add-btn{font-size:1rem;font-weight:700}.font-bold .demo-detail-link,.font-bold .demo-quick-buy{font-size:.82rem;font-weight:600}.font-bold .demo-qty-value{font-size:1rem;font-weight:700}.font-serif{font-family:Georgia,Times New Roman,serif}.font-serif .demo-code{font-size:.9rem;font-weight:400;color:#444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-serif .demo-article-small{font-size:.85rem;color:#666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-serif .demo-brand-name{font-size:1.1rem;font-weight:600;color:#06c;font-family:Georgia,serif;font-style:italic}.font-serif .demo-brand-country{font-size:.85rem;color:#777;font-style:italic}.font-serif .demo-article-inline{font-size:1.1rem;font-weight:700;color:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-serif .demo-name{font-size:1.05rem;font-weight:400;color:#333;line-height:1.4;margin:0;font-family:Georgia,serif}.font-serif .demo-spec-key{font-size:.88rem;color:#555}.font-serif .demo-spec-value{font-size:.88rem;font-weight:600;color:#222}.font-serif .demo-price-label{font-size:.8rem;color:#888;font-style:italic}.font-serif .demo-old-price{font-size:.9rem;color:#999;text-decoration:line-through}.font-serif .demo-current-price{font-size:1.5rem;font-weight:700;color:#c41e3a;font-family:Georgia,serif}.font-serif .demo-bookmark-btn{font-size:.85rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-serif .demo-stock,.font-serif .demo-delivery{font-size:.82rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-serif .demo-add-btn{font-size:1rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-serif .demo-detail-link,.font-serif .demo-quick-buy{font-size:.85rem}.font-serif .demo-qty-value{font-size:1rem;font-weight:600}.font-modern{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-modern .demo-code{font-size:.8rem;font-weight:500;color:#888;letter-spacing:.5px}.font-modern .demo-article-small{font-size:.75rem;color:#aaa;letter-spacing:.3px}.font-modern .demo-brand-name{font-size:1.2rem;font-weight:700;color:#1a73e8;text-transform:uppercase;letter-spacing:2px}.font-modern .demo-brand-country{font-size:.75rem;color:#888;letter-spacing:1px}.font-modern .demo-article-inline{font-size:1.15rem;font-weight:300;color:#333;letter-spacing:1px}.font-modern .demo-name{font-size:1rem;font-weight:600;color:#111;line-height:1.3;margin:0;letter-spacing:-.3px}.font-modern .demo-spec-key{font-size:.8rem;font-weight:300;color:#777}.font-modern .demo-spec-value{font-size:.8rem;font-weight:600;color:#222}.font-modern .demo-price-label{font-size:.7rem;font-weight:500;color:#aaa;text-transform:uppercase;letter-spacing:1px}.font-modern .demo-old-price{font-size:.85rem;font-weight:300;color:#bbb;text-decoration:line-through}.font-modern .demo-current-price{font-size:1.7rem;font-weight:700;color:#e63946;letter-spacing:-1px}.font-modern .demo-bookmark-btn{font-size:.8rem;font-weight:500;letter-spacing:.3px}.font-modern .demo-stock,.font-modern .demo-delivery{font-size:.75rem;font-weight:500}.font-modern .demo-add-btn{font-size:.95rem;font-weight:600;letter-spacing:.5px}.font-modern .demo-detail-link,.font-modern .demo-quick-buy{font-size:.78rem;font-weight:500}.font-modern .demo-qty-value{font-size:.95rem;font-weight:600}@media (max-width: 1200px){.demo-card{grid-template-columns:1fr;gap:15px}.demo-col{flex-direction:row;align-items:center;gap:15px}.demo-col-meta,.demo-col-brand{flex-direction:row;gap:10px}.demo-col-name{flex-direction:column;align-items:flex-start}.demo-col-specs{flex-wrap:wrap}.demo-col-price{flex-direction:row;gap:15px;justify-content:flex-start}.demo-col-actions{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;border-left:none;border-top:1px solid #eee;padding-left:0;padding-top:15px}}.site-font-demo-page{padding:30px;max-width:1500px;margin:0 auto}.site-font-demo-page h1{color:#fff;font-size:2rem;margin-bottom:10px}.demo-subtitle{color:#ffffffb3;margin-bottom:30px;font-size:1.1rem}.variant-section{background:#ffffff08;border:2px solid transparent;border-radius:16px;padding:25px;margin-bottom:40px;cursor:pointer;transition:all .3s}.variant-section:hover{background:#ffffff0f;border-color:#ffffff26}.variant-section.selected{border-color:#e63946;background:#e6394614}.variant-info h2{color:#fff;font-size:1.4rem;margin:0 0 5px}.variant-desc{color:#fff9;font-size:.95rem;margin:0}.selected-badge{background:#e63946;color:#fff;padding:8px 20px;border-radius:25px;font-size:.9rem;font-weight:600}.site-preview{background:#f5f5f5;border-radius:12px;overflow:hidden}.preview-header{display:flex;align-items:center;gap:20px;padding:15px 20px;background:linear-gradient(135deg,#0d4a3a,#1a6b52)}.preview-logo{font-size:1.4rem;font-weight:700;color:#fff}.preview-search{flex:1;display:flex;background:#fff;border-radius:6px;overflow:hidden}.preview-search-type{padding:10px 15px;background:#f0f0f0;border-right:1px solid #ddd}.preview-search input{flex:1;padding:10px 15px;border:none;outline:none}.preview-actions{display:flex;gap:20px;color:#fff}.preview-contact,.preview-social{white-space:nowrap}.preview-categories{display:flex;justify-content:center;gap:15px;padding:20px;background:linear-gradient(135deg,#0d4a3a,#1a6b52)}.preview-category{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 20px;background:#ffffff1a;border-radius:12px;transition:all .3s;min-width:120px}.preview-category.active{background:#e63946}.preview-cat-icon{width:50px;height:50px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center}.preview-cat-icon svg{width:32px;height:32px;color:#fff}.preview-cat-name{color:#fff;text-align:center}.preview-section-title{padding:25px 20px 15px;color:#333;border-bottom:3px solid #e63946;display:inline-block;margin:0 0 0 20px}.preview-product-card{display:grid;grid-template-columns:100px 120px 120px 1fr 220px 120px 200px;gap:20px;align-items:center;background:#fff;border:1px solid #e0e0e0;margin:20px;padding:20px;border-radius:8px}.preview-col{display:flex;flex-direction:column}.preview-col-meta{gap:4px}.preview-col-brand{text-align:center;gap:4px}.preview-brand-name{color:#06c;text-transform:uppercase}.preview-brand-country{color:#777}.preview-col-image{display:flex;align-items:center;justify-content:center}.preview-image-placeholder{width:100px;height:70px;color:#bbb;background:#f5f5f5;border-radius:6px;display:flex;align-items:center;justify-content:center}.preview-image-placeholder svg{width:60px;height:60px}.preview-col-name{gap:4px;min-width:0}.preview-article-inline{color:#333}.preview-name{color:#444;margin:0;line-height:1.4}.preview-col-specs{gap:4px}.preview-spec-row{display:flex;gap:6px}.preview-spec-key{color:#666}.preview-spec-value{color:#222}.preview-col-price{text-align:center;align-items:center;gap:2px}.preview-price-label{color:#888;text-transform:uppercase}.preview-old-price{color:#999;text-decoration:line-through}.preview-current-price{color:#e63946}.preview-col-actions{gap:8px;align-items:flex-end;border-left:1px solid #eee;padding-left:20px}.preview-quantity{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;overflow:hidden}.preview-qty-btn{width:32px;height:32px;background:#f5f5f5;border:none;cursor:pointer}.preview-qty-value{width:40px;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;line-height:32px}.preview-bookmark-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid #ddd;border-radius:4px;padding:8px 12px;cursor:pointer}.preview-bookmark-btn svg{width:16px;height:16px}.preview-availability{text-align:right}.preview-stock{display:block;color:#28a745}.preview-delivery{color:#888}.preview-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#0d4a3a,#1a6b52);color:#fff;border:none;border-radius:6px;cursor:pointer}.preview-add-btn svg{width:18px;height:18px}.preview-links{display:flex;flex-direction:column;gap:4px;text-align:right}.preview-detail-link{color:#06c;text-decoration:none}.preview-quick-buy{background:none;border:none;padding:0;color:#e63946;cursor:pointer;text-align:right}.demo-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;padding:25px;background:#ffffff0d;border-radius:16px}.apply-btn{padding:16px 50px;background:linear-gradient(135deg,#e63946,#c62936);color:#fff;border:none;border-radius:10px;font-size:1.15rem;font-weight:600;cursor:pointer;transition:transform .2s}.apply-btn:hover{transform:scale(1.05)}.reset-btn{padding:16px 50px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:10px;font-size:1.15rem;cursor:pointer}.font-segoe{font-family:Segoe UI,system-ui,-apple-system,sans-serif}.font-segoe .preview-logo{font-size:1.6rem}.font-segoe .preview-search-type,.font-segoe .preview-search input{font-size:1rem}.font-segoe .preview-contact,.font-segoe .preview-social{font-size:1rem;font-weight:600}.font-segoe .preview-cat-name{font-size:1.1rem;font-weight:600}.font-segoe .preview-section-title{font-size:1.8rem;font-weight:600}.font-segoe .preview-code{font-size:.95rem;font-weight:600;color:#333}.font-segoe .preview-article-small{font-size:.9rem;color:#666}.font-segoe .preview-brand-name{font-size:1.15rem;font-weight:700}.font-segoe .preview-brand-country{font-size:.9rem}.font-segoe .preview-article-inline{font-size:1.15rem;font-weight:700}.font-segoe .preview-name{font-size:1.05rem;font-weight:500}.font-segoe .preview-spec-key{font-size:.95rem}.font-segoe .preview-spec-value{font-size:.95rem;font-weight:600}.font-segoe .preview-price-label{font-size:.85rem}.font-segoe .preview-old-price{font-size:1rem}.font-segoe .preview-current-price{font-size:1.5rem;font-weight:800}.font-segoe .preview-qty-btn{font-size:1.2rem}.font-segoe .preview-qty-value{font-size:1.05rem;font-weight:600}.font-segoe .preview-bookmark-btn{font-size:.95rem}.font-segoe .preview-stock,.font-segoe .preview-delivery{font-size:.9rem}.font-segoe .preview-add-btn{font-size:1.05rem;font-weight:600}.font-segoe .preview-detail-link,.font-segoe .preview-quick-buy{font-size:.9rem}.font-inter{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.font-inter .preview-logo{font-size:1.5rem;letter-spacing:-.5px}.font-inter .preview-search-type{font-size:.95rem;font-weight:500}.font-inter .preview-search input{font-size:.95rem}.font-inter .preview-contact,.font-inter .preview-social{font-size:.95rem;font-weight:600}.font-inter .preview-cat-name{font-size:1.05rem;font-weight:600}.font-inter .preview-section-title{font-size:1.7rem;font-weight:700;letter-spacing:-.5px}.font-inter .preview-code{font-size:.9rem;font-weight:500;color:#444}.font-inter .preview-article-small{font-size:.85rem;color:#777}.font-inter .preview-brand-name{font-size:1.1rem;font-weight:700;letter-spacing:.5px}.font-inter .preview-brand-country{font-size:.85rem}.font-inter .preview-article-inline{font-size:1.1rem;font-weight:600}.font-inter .preview-name{font-size:1rem;font-weight:500}.font-inter .preview-spec-key{font-size:.9rem;font-weight:400}.font-inter .preview-spec-value{font-size:.9rem;font-weight:600}.font-inter .preview-price-label{font-size:.8rem;font-weight:500}.font-inter .preview-old-price{font-size:.95rem}.font-inter .preview-current-price{font-size:1.45rem;font-weight:700}.font-inter .preview-qty-btn{font-size:1.1rem}.font-inter .preview-qty-value{font-size:1rem;font-weight:600}.font-inter .preview-bookmark-btn{font-size:.9rem;font-weight:500}.font-inter .preview-stock,.font-inter .preview-delivery{font-size:.85rem}.font-inter .preview-add-btn{font-size:1rem;font-weight:600}.font-inter .preview-detail-link,.font-inter .preview-quick-buy{font-size:.85rem;font-weight:500}.font-roboto{font-family:Roboto,Helvetica Neue,Arial,sans-serif}.font-roboto .preview-logo{font-size:1.5rem;font-weight:500}.font-roboto .preview-search-type,.font-roboto .preview-search input{font-size:.95rem}.font-roboto .preview-contact,.font-roboto .preview-social{font-size:.95rem;font-weight:500}.font-roboto .preview-cat-name{font-size:1.05rem;font-weight:500}.font-roboto .preview-section-title{font-size:1.7rem;font-weight:500}.font-roboto .preview-code{font-size:.9rem;font-weight:500;color:#444}.font-roboto .preview-article-small{font-size:.85rem;color:#666}.font-roboto .preview-brand-name{font-size:1.1rem;font-weight:700}.font-roboto .preview-brand-country{font-size:.85rem}.font-roboto .preview-article-inline{font-size:1.1rem;font-weight:700}.font-roboto .preview-name{font-size:1rem;font-weight:400}.font-roboto .preview-spec-key{font-size:.9rem}.font-roboto .preview-spec-value{font-size:.9rem;font-weight:500}.font-roboto .preview-price-label{font-size:.8rem}.font-roboto .preview-old-price{font-size:.95rem}.font-roboto .preview-current-price{font-size:1.45rem;font-weight:700}.font-roboto .preview-qty-btn{font-size:1.1rem}.font-roboto .preview-qty-value{font-size:1rem;font-weight:500}.font-roboto .preview-bookmark-btn{font-size:.9rem}.font-roboto .preview-stock,.font-roboto .preview-delivery{font-size:.85rem}.font-roboto .preview-add-btn{font-size:1rem;font-weight:500}.font-roboto .preview-detail-link,.font-roboto .preview-quick-buy{font-size:.85rem}.font-opensans{font-family:Open Sans,Segoe UI,sans-serif}.font-opensans .preview-logo{font-size:1.6rem;font-weight:700}.font-opensans .preview-search-type,.font-opensans .preview-search input{font-size:1rem}.font-opensans .preview-contact,.font-opensans .preview-social{font-size:1rem;font-weight:600}.font-opensans .preview-cat-name{font-size:1.1rem;font-weight:600}.font-opensans .preview-section-title{font-size:1.8rem;font-weight:700}.font-opensans .preview-code{font-size:.95rem;font-weight:600;color:#333}.font-opensans .preview-article-small{font-size:.9rem;color:#666}.font-opensans .preview-brand-name{font-size:1.15rem;font-weight:700}.font-opensans .preview-brand-country{font-size:.9rem}.font-opensans .preview-article-inline{font-size:1.15rem;font-weight:700}.font-opensans .preview-name{font-size:1.05rem;font-weight:500}.font-opensans .preview-spec-key{font-size:.95rem}.font-opensans .preview-spec-value{font-size:.95rem;font-weight:600}.font-opensans .preview-price-label{font-size:.85rem}.font-opensans .preview-old-price{font-size:1rem}.font-opensans .preview-current-price{font-size:1.5rem;font-weight:700}.font-opensans .preview-qty-btn{font-size:1.2rem}.font-opensans .preview-qty-value{font-size:1.05rem;font-weight:600}.font-opensans .preview-bookmark-btn{font-size:.95rem}.font-opensans .preview-stock,.font-opensans .preview-delivery{font-size:.9rem}.font-opensans .preview-add-btn{font-size:1.05rem;font-weight:600}.font-opensans .preview-detail-link,.font-opensans .preview-quick-buy{font-size:.9rem}.font-montserrat{font-family:Montserrat,Segoe UI,sans-serif}.font-montserrat .preview-logo{font-size:1.5rem;font-weight:700;letter-spacing:1px}.font-montserrat .preview-search-type{font-size:.95rem;font-weight:500}.font-montserrat .preview-search input{font-size:.95rem}.font-montserrat .preview-contact,.font-montserrat .preview-social{font-size:.95rem;font-weight:600;letter-spacing:.3px}.font-montserrat .preview-cat-name{font-size:1.05rem;font-weight:600;letter-spacing:.3px}.font-montserrat .preview-section-title{font-size:1.7rem;font-weight:700;letter-spacing:.5px}.font-montserrat .preview-code{font-size:.9rem;font-weight:500;color:#444;letter-spacing:.3px}.font-montserrat .preview-article-small{font-size:.85rem;color:#777}.font-montserrat .preview-brand-name{font-size:1.1rem;font-weight:700;letter-spacing:1px}.font-montserrat .preview-brand-country{font-size:.85rem;letter-spacing:.5px}.font-montserrat .preview-article-inline{font-size:1.1rem;font-weight:600}.font-montserrat .preview-name{font-size:1rem;font-weight:500}.font-montserrat .preview-spec-key{font-size:.9rem;font-weight:400}.font-montserrat .preview-spec-value{font-size:.9rem;font-weight:600}.font-montserrat .preview-price-label{font-size:.8rem;font-weight:500;letter-spacing:.5px}.font-montserrat .preview-old-price{font-size:.95rem}.font-montserrat .preview-current-price{font-size:1.45rem;font-weight:700}.font-montserrat .preview-qty-btn{font-size:1.1rem}.font-montserrat .preview-qty-value{font-size:1rem;font-weight:600}.font-montserrat .preview-bookmark-btn{font-size:.9rem;font-weight:500}.font-montserrat .preview-stock,.font-montserrat .preview-delivery{font-size:.85rem}.font-montserrat .preview-add-btn{font-size:1rem;font-weight:600;letter-spacing:.3px}.font-montserrat .preview-detail-link,.font-montserrat .preview-quick-buy{font-size:.85rem;font-weight:500}@media (max-width: 1400px){.preview-product-card{grid-template-columns:1fr;gap:15px}.preview-col{flex-direction:row;align-items:center;gap:15px}.preview-col-meta,.preview-col-brand{flex-direction:row;gap:15px}.preview-col-name{flex-direction:column;align-items:flex-start}.preview-col-specs{flex-wrap:wrap;gap:10px}.preview-col-price{flex-direction:row;gap:15px;justify-content:flex-start}.preview-col-actions{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;border-left:none;border-top:1px solid #eee;padding-left:0;padding-top:15px}.preview-categories{flex-wrap:wrap;gap:10px}.preview-category{min-width:100px;padding:10px 15px}}@media (max-width: 768px){.site-font-demo-page{padding:20px}.variant-section{padding:15px}.preview-header{flex-wrap:wrap;gap:10px}.preview-search{order:3;width:100%}.preview-actions{gap:10px;font-size:.9rem}}.info-bar-demo-page{padding:30px 20px;max-width:1600px;margin:0 auto}.info-bar-demo-page h1{color:#fff;margin-bottom:10px}.info-bar-preview{background:var(--color-card-bg);border-radius:8px;padding:15px}.info-bar-v1{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}.info-item-v1{display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.info-item-v1:hover{transform:translateY(-2px)}.arrow-v1{color:#e63946;font-size:.75rem}.label-v1{color:#e63946;font-size:1rem;font-weight:500}.value-v1{color:#0d4a3a;font-size:1.1rem;font-weight:700}.info-bar-v2{display:flex;align-items:stretch;justify-content:center;gap:15px;flex-wrap:wrap}.info-card-v2{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease;border-left:4px solid #0d4a3a}.info-card-v2:hover{transform:translateY(-3px);box-shadow:0 4px 15px #00000026}.info-card-v2.promo{border-left-color:#e63946}.info-card-v2.discount{border-left-color:#f4a261}.info-card-v2.brands{border-left-color:#2a9d8f}.info-card-v2.customers{border-left-color:#264653}.info-card-v2.education{border-left-color:#9b59b6}.icon-v2{font-size:1.5rem}.content-v2{display:flex;flex-direction:column}.label-v2{color:#666;font-size:.85rem}.value-v2{color:#0d4a3a;font-size:1.2rem;font-weight:700}.info-bar-v3{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d4a3a,#156b54);padding:15px 25px;border-radius:8px;flex-wrap:wrap;gap:10px}.info-segment-v3{display:flex;align-items:center;gap:8px}.label-v3{color:#ffffffe6;font-size:.95rem;font-weight:500}.value-v3{color:gold;font-size:1.1rem;font-weight:700}.divider-v3{color:#ffffff4d;margin-left:15px;font-size:1.2rem}.info-bar-v4{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.info-tag-v4{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:25px;border:2px solid;background:#fff;cursor:pointer;transition:all .3s ease;font-family:inherit}.info-tag-v4:hover{transform:scale(1.05)}.info-tag-v4.promo{border-color:#e63946;color:#e63946}.info-tag-v4.promo:hover{background:#e63946;color:#fff}.info-tag-v4.discount{border-color:#f4a261;color:#f4a261}.info-tag-v4.discount:hover{background:#f4a261;color:#fff}.info-tag-v4.brands{border-color:#2a9d8f;color:#2a9d8f}.info-tag-v4.brands:hover{background:#2a9d8f;color:#fff}.info-tag-v4.customers{border-color:#264653;color:#264653}.info-tag-v4.customers:hover{background:#264653;color:#fff}.info-tag-v4.education{border-color:#9b59b6;color:#9b59b6}.info-tag-v4.education:hover{background:#9b59b6;color:#fff}.label-v4{font-size:.95rem;font-weight:600}.value-v4{font-size:1rem;font-weight:700}.info-bar-v5{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;flex-wrap:wrap;gap:15px}.info-badge-v5{display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.info-badge-v5:hover{opacity:.8}.dot-v5{width:8px;height:8px;border-radius:50%;background:#e63946}.info-badge-v5.promo .dot-v5{background:#e63946}.info-badge-v5.discount .dot-v5{background:#f4a261}.info-badge-v5.brands .dot-v5{background:#2a9d8f}.info-badge-v5.customers .dot-v5{background:#264653}.info-badge-v5.education .dot-v5{background:#9b59b6}.label-v5{color:#666;font-size:.9rem}.value-v5{color:#0d4a3a;font-size:1rem;font-weight:700;background:#0d4a3a1a;padding:2px 10px;border-radius:12px}@media (max-width: 768px){.info-bar-v1,.info-bar-v2,.info-bar-v4{flex-direction:column;align-items:stretch}.info-bar-v3{flex-direction:column}.divider-v3{display:none}.info-bar-v5{flex-direction:column;align-items:flex-start}}.card-style-demo-page{padding:30px 20px;max-width:1600px;margin:0 auto}.card-style-demo-page h1{color:#fff;margin-bottom:10px}.demo-subtitle{color:#fffc;margin-bottom:30px;font-size:1.1rem}.variant-section{background:#ffffff0d;border:2px solid transparent;border-radius:12px;padding:20px;margin-bottom:25px;cursor:pointer;transition:all .3s ease}.variant-section:hover{background:#ffffff14;border-color:#fff3}.variant-section.selected{border-color:var(--color-accent);background:#e639461a}.variant-info h2{color:#fff;font-size:1.3rem;margin-bottom:5px}.variant-desc{color:#ffffffb3;font-size:.95rem}.selected-badge{background:var(--color-accent);color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.card-preview{background:#f5f5f5;border-radius:8px;padding:15px}.img-placeholder-sm{width:50px;height:40px;background:#e0e0e0;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#999}.img-placeholder-sm svg{width:30px;height:30px}.img-placeholder-xs{width:40px;height:32px;background:#e0e0e0;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#999}.img-placeholder-xs svg{width:24px;height:24px}.qty-mini{display:flex;align-items:center;background:#f0f0f0;border-radius:4px;overflow:hidden}.qty-mini button{width:24px;height:24px;border:none;background:transparent;cursor:pointer;font-size:.9rem;color:#333}.qty-mini button:hover{background:#e0e0e0}.qty-mini span{width:28px;text-align:center;font-size:.85rem;font-weight:600}.cart-btn-mini{background:#0d4a3a;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.cart-btn-mini:hover{background:#156b54}.compact-v1{display:flex;align-items:center;gap:15px;background:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 2px 8px #0000000f}.compact-v1-brand{font-size:.9rem;font-weight:700;color:#0d4a3a;min-width:60px}.compact-v1-name{flex:1;display:flex;flex-direction:column;gap:2px}.compact-v1-name .art{font-size:.75rem;color:#2a9d8f;font-weight:600}.compact-v1-name .title{font-size:.9rem;color:#333;font-weight:500}.compact-v1-price .current{font-size:1.1rem;font-weight:700;color:#e63946;white-space:nowrap}.compact-v1-stock{font-size:.8rem;color:#28a745;font-weight:600;white-space:nowrap}.compact-v1-actions{display:flex;align-items:center;gap:8px}.detail-link-mini{font-size:.8rem;color:#2a9d8f;text-decoration:none;white-space:nowrap}.detail-link-mini:hover{text-decoration:underline}.compact-v2{display:flex;align-items:center;gap:15px;background:#fff;padding:10px 15px 10px 20px;border-radius:8px;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.compact-v2 .gradient-line{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0d4a3a,#2a9d8f,#e63946)}.compact-v2-info{flex:1}.compact-v2-info .info-top{display:flex;gap:15px;font-size:.8rem;margin-bottom:3px}.compact-v2-info .brand{font-weight:700;color:#0d4a3a}.compact-v2-info .code{color:#888}.compact-v2-info .info-name{font-size:.9rem;color:#333;font-weight:500}.compact-v2-info .stock-badge{font-size:.75rem;color:#28a745;font-weight:600}.compact-v2-price{font-size:1.1rem;font-weight:700;color:#e63946;white-space:nowrap}.compact-v2-actions{display:flex;align-items:center;gap:8px}.compact-v3{display:flex;align-items:center;background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e8e8e8}.v3-divider{width:1px;height:30px;background:#e0e0e0;margin:0 12px}.compact-v3-meta{display:flex;flex-direction:column;gap:2px;min-width:70px}.compact-v3-meta .brand{font-size:.85rem;font-weight:700;color:#0d4a3a}.compact-v3-meta .code{font-size:.75rem;color:#888}.compact-v3-name{flex:1;font-size:.9rem;color:#333;font-weight:500}.compact-v3-stock{font-size:.8rem;color:#28a745;font-weight:600;white-space:nowrap}.compact-v3-price{font-size:1.05rem;font-weight:700;color:#e63946;white-space:nowrap;min-width:90px;text-align:right}.compact-v3-actions{display:flex;align-items:center;gap:8px}.compact-v4{display:flex;align-items:center;gap:12px;background:#fff;padding:6px 12px;border-radius:6px;box-shadow:0 1px 4px #0000000d;border-left:3px solid #0d4a3a}.compact-v4-brand{font-size:.8rem;font-weight:700;color:#0d4a3a}.compact-v4-article{font-size:.75rem;color:#2a9d8f;font-weight:600}.compact-v4-name{flex:1;font-size:.85rem;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-v4-stock{font-size:.75rem;color:#28a745;font-weight:600;white-space:nowrap}.compact-v4-price{font-size:1rem;font-weight:700;color:#e63946;white-space:nowrap}.compact-v4-qty{display:flex;align-items:center;background:#f5f5f5;border-radius:4px}.compact-v4-qty button{width:22px;height:22px;border:none;background:transparent;cursor:pointer;font-size:.85rem}.compact-v4-qty span{width:24px;text-align:center;font-size:.8rem;font-weight:600}.compact-v4-cart{background:#0d4a3a;color:#fff;border:none;padding:5px 10px;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap}.compact-v4-cart:hover{background:#156b54}.compact-v4-detail{font-size:.75rem;color:#2a9d8f;text-decoration:none;white-space:nowrap}.compact-v4-detail:hover{text-decoration:underline}.compact-v5{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.compact-v5-row1{display:flex;align-items:center;gap:12px;padding:10px 15px;border-bottom:1px solid #f0f0f0}.compact-v5-brand{font-size:.85rem;font-weight:700;color:#0d4a3a;min-width:60px}.compact-v5-article{font-size:.8rem;color:#2a9d8f;font-weight:600}.compact-v5-name{flex:1;font-size:.9rem;color:#333;font-weight:500}.compact-v5-stock{font-size:.8rem;color:#28a745;font-weight:600;white-space:nowrap}.compact-v5-row2{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;background:#fafafa}.compact-v5-price{font-size:1.15rem;font-weight:700;color:#e63946}.compact-v5-actions{display:flex;align-items:center;gap:10px}.demo-actions{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:15px;background:#000000e6;padding:15px 25px;border-radius:30px;box-shadow:0 10px 40px #0000004d}.apply-btn{background:var(--color-accent);color:#fff;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.apply-btn:hover{background:var(--color-accent-dark);transform:scale(1.05)}.reset-btn{background:transparent;color:#fff;padding:12px 25px;border-radius:25px;font-size:1rem;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.reset-btn:hover{border-color:#fff}@media (max-width: 900px){.compact-v1,.compact-v2,.compact-v3,.compact-v4{flex-wrap:wrap}.v3-divider{display:none}.compact-v4-name{width:100%;order:10;margin-top:8px}}.dropdown-style-demo-page{padding:30px 20px;max-width:1600px;margin:0 auto}.dropdown-style-demo-page h1{color:#2d7a7a;margin-bottom:10px}.variant-section{background:#fff;border:2px solid #d4c4b0;border-radius:12px;padding:20px;margin-bottom:25px;cursor:pointer;transition:all .3s ease}.variant-section:hover{border-color:#3d9b9b;box-shadow:0 4px 20px #3d9b9b26}.variant-section.selected{border-color:#3d9b9b;background:linear-gradient(135deg,#3d9b9b0d,#d4c4b01a);box-shadow:0 4px 20px #3d9b9b33}.variant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.variant-info h2{color:#2d7a7a;font-size:1.3rem;margin-bottom:5px}.variant-desc{color:#6b7280;font-size:.95rem}.selected-badge{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.dropdown-preview{background:#e8ddd0;border-radius:8px;padding:30px;min-height:300px}.preview-row{display:flex;gap:40px;flex-wrap:wrap;justify-content:center}.preview-row.dark-bg{background:linear-gradient(135deg,#2d7a7a,#3d9b9b);border-radius:8px;padding:30px;margin:-30px}.dropdown-demo-v1{position:relative}.trigger-v1{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#fff;border:2px solid #d4c4b0;border-radius:10px;font-size:.95rem;font-weight:600;color:#2d7a7a;cursor:pointer;transition:all .3s ease;font-family:inherit}.trigger-v1:hover{border-color:#3d9b9b;box-shadow:0 4px 15px #3d9b9b33}.trigger-v1.active{border-color:#3d9b9b;background:#3d9b9b0d;box-shadow:0 4px 15px #3d9b9b40}.trigger-v1.education{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;border:none;box-shadow:0 4px 15px #3d9b9b4d}.trigger-v1.education:hover{box-shadow:0 6px 25px #3d9b9b66;transform:translateY(-2px)}.trigger-v1 .edu-icon{font-size:1.1rem}.trigger-v1 svg{transition:transform .3s ease;color:#3d9b9b}.trigger-v1.education svg{color:#d4c4b0}.trigger-v1.active svg{transform:rotate(180deg)}.menu-v1{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:#fff;border-radius:14px;box-shadow:0 15px 50px #3d9b9b33,0 5px 20px #00000014;padding:10px;z-index:100;animation:slideDownV1 .25s ease;border:1px solid rgba(61,155,155,.1)}@keyframes slideDownV1{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.menu-item-v1{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;cursor:pointer;transition:all .25s ease;font-size:.95rem;color:#333;position:relative;overflow:hidden}.menu-item-v1:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg,rgba(61,155,155,.15) 0%,transparent 100%);transition:width .3s ease;border-radius:10px}.menu-item-v1:hover:before{width:100%}.menu-item-v1:hover{color:#2d7a7a}.menu-item-v1 .icon-v1{font-size:1.2rem;width:28px;text-align:center;position:relative;z-index:1}.menu-item-v1 span:last-child{position:relative;z-index:1}.dropdown-demo-v2{position:relative}.trigger-v2{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#fff;border:2px solid #c9b99a;border-radius:8px;font-size:.95rem;font-weight:600;color:#2d7a7a;cursor:pointer;transition:all .25s ease;font-family:inherit}.trigger-v2:hover,.trigger-v2.active{border-color:#3d9b9b;box-shadow:0 2px 10px #3d9b9b26}.trigger-v2.education{background:#2d7a7a;color:#fff;border-color:#2d7a7a}.trigger-v2.education:hover{background:#3d9b9b}.trigger-v2 .edu-icon{font-size:1.1rem}.trigger-v2 svg{transition:transform .25s ease;color:#3d9b9b}.trigger-v2.education svg{color:#d4c4b0}.trigger-v2.active svg{transform:rotate(180deg)}.menu-v2{position:absolute;top:calc(100% + 6px);left:0;min-width:230px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001f;overflow:hidden;z-index:100;animation:slideDownV2 .2s ease;border:1px solid #e8ddd0}@keyframes slideDownV2{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item-v2{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;transition:all .25s ease;font-size:.95rem;color:#333;position:relative;border-left:4px solid transparent}.menu-item-v2 .accent-bar{display:none}.menu-item-v2:hover{background:linear-gradient(90deg,#3d9b9b1a,#d4c4b01a);border-left-color:#3d9b9b;color:#2d7a7a;padding-left:22px}.menu-item-v2 .item-icon{font-size:1.1rem}.menu-item-v2:not(:last-child){border-bottom:1px solid #f0ebe3}.dropdown-demo-v3{position:relative}.trigger-v3{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#f8f5f0;border:1px solid #d4c4b0;border-radius:6px;font-size:.95rem;font-weight:500;color:#2d7a7a;cursor:pointer;transition:all .2s ease;font-family:inherit}.trigger-v3:hover,.trigger-v3.active{background:#fff;border-color:#3d9b9b}.trigger-v3.education{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;border:none}.trigger-v3 .edu-icon{font-size:1.1rem}.trigger-v3 svg{transition:transform .2s ease;color:#3d9b9b}.trigger-v3.education svg{color:#d4c4b0}.trigger-v3.active svg{transform:rotate(180deg)}.menu-v3{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background:#fff;border:1px solid #d4c4b0;border-radius:8px;box-shadow:0 8px 30px #0000001a;z-index:100;animation:slideDownV3 .15s ease;overflow:hidden}@keyframes slideDownV3{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.menu-item-v3{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;cursor:pointer;transition:all .2s ease;font-size:.95rem;color:#444}.menu-item-v3:hover{background:#f8f5f0;color:#2d7a7a}.menu-item-v3:not(:last-child){border-bottom:1px solid #f0ebe3}.menu-item-v3 .check-icon{opacity:0;color:#3d9b9b;transition:all .2s ease;transform:scale(.8)}.menu-item-v3:hover .check-icon{opacity:1;transform:scale(1)}.menu-item-v3 .arrow-icon{color:#c9b99a;transition:all .2s ease;font-weight:700}.menu-item-v3:hover .arrow-icon{color:#3d9b9b;transform:translate(4px)}.dropdown-demo-v4{position:relative}.trigger-v4{display:flex;align-items:center;gap:8px;padding:12px 22px;background:#fff;border:2px solid #3d9b9b;border-radius:30px;font-size:.95rem;font-weight:700;color:#3d9b9b;cursor:pointer;transition:all .3s ease;font-family:inherit}.trigger-v4:hover{background:#3d9b9b;color:#fff;box-shadow:0 4px 20px #3d9b9b4d}.trigger-v4.active{background:#3d9b9b;color:#fff}.trigger-v4.education{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;border:none;box-shadow:0 4px 15px #3d9b9b4d}.trigger-v4.education:hover{transform:scale(1.03);box-shadow:0 6px 25px #3d9b9b66}.trigger-v4 .edu-icon{font-size:1.1rem}.trigger-v4 svg{transition:transform .3s ease}.trigger-v4:hover svg,.trigger-v4.education svg{color:#d4c4b0}.trigger-v4.active svg{transform:rotate(180deg)}.menu-v4{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:220px;background:#fff;border-radius:20px;box-shadow:0 15px 50px #3d9b9b33,0 5px 15px #00000014;padding:12px;z-index:100;animation:scaleInV4 .25s ease;border:1px solid #e8ddd0}@keyframes scaleInV4{0%{opacity:0;transform:translate(-50%) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.menu-item-v4{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;margin:6px 0;border-radius:25px;background:#f8f5f0;border:none;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;color:#2d7a7a;width:100%;font-family:inherit}.menu-item-v4:hover{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;transform:scale(1.03);box-shadow:0 4px 15px #3d9b9b4d}.menu-item-v4 .item-icon{font-size:1.1rem}.dropdown-demo-v5{position:relative}.trigger-v5{display:flex;align-items:center;gap:10px;padding:14px 22px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:12px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;font-family:inherit}.trigger-v5:hover{background:#fff3;border-color:#d4c4b080;box-shadow:0 0 25px #d4c4b033}.trigger-v5.active{background:#d4c4b033;border-color:#d4c4b099;box-shadow:0 0 30px #d4c4b04d}.trigger-v5.education{background:#d4c4b040;border-color:#d4c4b066}.trigger-v5.education:hover{background:#d4c4b059}.trigger-v5 .edu-icon{font-size:1.1rem}.trigger-v5 svg{transition:transform .3s ease;color:#d4c4b0}.trigger-v5.active svg{transform:rotate(180deg)}.menu-v5{position:absolute;top:calc(100% + 12px);left:0;min-width:240px;background:#2d7a7af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(212,196,176,.3);border-radius:16px;padding:10px;z-index:100;animation:glowInV5 .3s ease}@keyframes glowInV5{0%{opacity:0;transform:translateY(-10px);box-shadow:0 0 #d4c4b000}to{opacity:1;transform:translateY(0);box-shadow:0 15px 50px #0000004d,0 0 40px #d4c4b026}}.menu-item-v5{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:10px;cursor:pointer;transition:all .25s ease;font-size:.95rem;color:#ffffffd9}.menu-item-v5:hover{background:#d4c4b033;color:#fff}.menu-item-v5 .glow-dot{width:8px;height:8px;border-radius:50%;background:#d4c4b066;transition:all .3s ease;flex-shrink:0}.menu-item-v5:hover .glow-dot{background:#d4c4b0;box-shadow:0 0 12px #d4c4b0,0 0 25px #d4c4b080}.menu-item-v5 .item-icon{font-size:1.1rem}.demo-actions{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:15px;background:linear-gradient(135deg,#2d7a7a,#3d9b9b);padding:15px 25px;border-radius:30px;box-shadow:0 10px 40px #3d9b9b66;border:2px solid rgba(212,196,176,.3)}.apply-btn{background:#d4c4b0;color:#2d7a7a;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease}.apply-btn:hover{background:#c9b99a;transform:scale(1.05);box-shadow:0 4px 15px #d4c4b066}.reset-btn{background:transparent;color:#fff;padding:12px 25px;border-radius:25px;font-size:1rem;font-weight:600;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.preview-row{flex-direction:column;align-items:center}.dropdown-preview{padding:20px}.preview-row.dark-bg{margin:-20px;padding:20px}.demo-actions{flex-direction:column;padding:15px 20px;width:calc(100% - 40px);max-width:300px}}.contact-header-demo{max-width:1400px;margin:0 auto;padding:30px 20px}.contact-header-demo h1{color:#0d4a3a;margin-bottom:10px}.demo-description{color:#666;margin-bottom:40px;font-size:1.1rem}.demo-section h2{color:#333;font-size:1.3rem;margin-bottom:8px}.header-mock{background:linear-gradient(135deg,#0d4a3a,#1a6b52);border-radius:12px;padding:15px 0;box-shadow:0 4px 20px #0003}.header-mock-content{display:flex;align-items:center;gap:15px;padding:0 20px}.logo-placeholder{color:#4ade80;font-weight:700;font-size:1.2rem}.search-placeholder{flex:1;background:#ffffff26;padding:10px 20px;border-radius:25px;color:#ffffffb3;max-width:400px}.social-placeholder{padding:8px 16px;background:#fff3;border-radius:20px;color:#fff;font-size:.9rem}.cart-placeholder{font-size:1.5rem}.contacts-v1{display:flex;align-items:center;gap:10px}.contact-item-v1{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.contact-item-v1:hover{background:#ffffff1a}.contact-item-v1 .contact-text{color:#fff;font-size:.9rem}.copy-btn-mini{background:none;border:none;color:#ffffff80;cursor:pointer;padding:2px;display:flex;transition:color .2s}.copy-btn-mini:hover{color:#fff}.contact-divider-v1{color:#ffffff4d}.contacts-v2{display:flex;align-items:center;gap:15px}.contact-item-v2{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:6px;transition:background .2s}.contact-item-v2:hover{background:#ffffff26}.contact-icon-v2{color:#ffffffb3}.contact-text-v2{color:#fff;font-size:.9rem}.copy-btn-v2{background:none;border:none;color:#fff6;cursor:pointer;padding:2px;display:flex;transition:color .2s}.copy-btn-v2:hover{color:#4ade80}.contacts-v3{display:flex;flex-direction:column;gap:2px}.contact-item-v3{display:flex;align-items:center;gap:6px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s}.contact-item-v3:hover{background:#ffffff1a}.contact-text-v3{color:#fff;font-size:.85rem}.copy-icon-v3{color:#fff6;opacity:0;transition:opacity .2s}.contact-item-v3:hover .copy-icon-v3{opacity:1}.contacts-v4{display:flex;align-items:center;gap:10px}.contact-badge-v4{display:flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:20px;cursor:pointer;transition:all .2s;color:#fff;font-size:.85rem}.contact-badge-v4:hover{background:#ffffff40;border-color:#fff6}.copy-icon-v4{color:#ffffff80;opacity:0;transition:opacity .2s}.contact-badge-v4:hover .copy-icon-v4{opacity:1}.contacts-v5{display:flex;align-items:center;gap:8px}.contact-item-v5{display:flex;align-items:center;gap:4px;cursor:pointer;color:#fff;font-size:.9rem;padding:4px 8px;border-radius:4px;transition:background .2s}.contact-item-v5:hover{background:#ffffff1a}.copy-hint-v5{font-size:.75rem;opacity:0;transition:opacity .2s}.contact-item-v5:hover .copy-hint-v5{opacity:1}.dot-v5{color:#ffffff4d}.copy-notification{position:fixed;bottom:30px;right:30px;background:#0d4a3a;color:#fff;padding:15px 25px;border-radius:10px;box-shadow:0 5px 20px #0000004d;animation:slideIn .3s ease;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.design-demo{max-width:1400px;margin:0 auto;padding:30px 20px;background:#f0f0f0}.design-demo h1{color:#0d4a3a;margin-bottom:10px;text-align:center}.demo-section{margin-bottom:60px}.demo-section h2{color:#0d4a3a;font-size:1.4rem;margin-bottom:8px}.demo-section>p{color:#888;margin-bottom:20px}.neumorphism-container{background:#e0e0e0;padding:30px;border-radius:20px}.neumorphism-card{background:#e0e0e0;border-radius:20px;padding:20px;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;display:flex;align-items:center;gap:20px;margin-bottom:20px;transition:all .3s ease}.neumorphism-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.neumorphism-card .product-image{width:80px;height:80px;background:#e0e0e0;border-radius:15px;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;display:flex;align-items:center;justify-content:center;color:#888;font-size:.8rem}.neumorphism-card .product-info{flex:1}.neumorphism-card .product-brand{color:#0d4a3a;font-weight:600;font-size:.9rem}.neumorphism-card .product-name{color:#333;font-size:1rem;margin:5px 0}.neumorphism-card .product-price{color:#e63946;font-weight:700;font-size:1.2rem}.neumorphism-btn{background:#e0e0e0;border:none;padding:12px 24px;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#0d4a3a;font-weight:600;cursor:pointer;transition:all .2s ease}.neumorphism-btn:hover{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.glass-container{background:linear-gradient(135deg,#0d4a3a,#1a6b52,#2a9d8f);padding:30px;border-radius:20px;position:relative}.glass-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px;display:flex;align-items:center;gap:20px;margin-bottom:20px;transition:all .3s ease}.glass-card:hover{background:#ffffff40;transform:translateY(-3px);box-shadow:0 15px 35px #0003}.glass-card .product-image{width:80px;height:80px;background:#fff3;border-radius:15px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem}.glass-card .product-brand{color:#fffc;font-weight:600;font-size:.9rem}.glass-card .product-name{color:#fff;font-size:1rem;margin:5px 0}.glass-card .product-price{color:gold;font-weight:700;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.glass-btn{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.glass-btn:hover{background:#ffffff59;transform:scale(1.05)}.rounded-container{background:#f5f5f5;padding:30px;border-radius:30px}.rounded-card{background:#fff;border-radius:25px;padding:25px;box-shadow:0 10px 30px #00000014,0 20px 60px #0000000d;display:flex;align-items:center;gap:20px;margin-bottom:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.rounded-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 50px #0000001f,0 30px 80px #00000014}.rounded-card .product-image{width:90px;height:90px;background:linear-gradient(135deg,#f0f0f0,#e8e8e8);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#888;font-size:.8rem}.rounded-card .product-brand{color:#0d4a3a;font-weight:600;font-size:.9rem;background:#0d4a3a1a;padding:4px 12px;border-radius:20px;display:inline-block}.rounded-card .product-name{color:#333;font-size:1.1rem;margin:8px 0;font-weight:500}.rounded-card .product-price{color:#e63946;font-weight:700;font-size:1.3rem}.rounded-btn{background:linear-gradient(135deg,#0d4a3a,#156b54);border:none;padding:14px 28px;border-radius:15px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0d4a3a4d}.rounded-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0d4a3a66}.gradient-container{background:linear-gradient(180deg,#1a1a2e,#16213e);padding:30px;border-radius:20px}.gradient-card{background:linear-gradient(135deg,#0d4a3a,#156b54,#2a9d8f);border-radius:20px;padding:25px;display:flex;align-items:center;gap:20px;margin-bottom:20px;position:relative;overflow:hidden;transition:all .4s ease}.gradient-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.gradient-card:hover:before{left:100%}.gradient-card:hover{transform:scale(1.02);box-shadow:0 15px 40px #0d4a3a66}.gradient-card .product-image{width:80px;height:80px;background:#ffffff26;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;border:2px solid rgba(255,255,255,.2)}.gradient-card .product-brand{color:#ffffffb3;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.gradient-card .product-name{color:#fff;font-size:1.1rem;margin:8px 0;font-weight:500}.gradient-card .product-price{color:gold;font-weight:700;font-size:1.3rem}.gradient-btn{background:#fff;border:none;padding:14px 28px;border-radius:12px;color:#0d4a3a;font-weight:700;cursor:pointer;transition:all .3s ease}.gradient-btn:hover{background:gold;transform:scale(1.05)}.elevated-container{background:#f8f9fa;padding:30px;border-radius:20px}.elevated-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:20px;margin-bottom:20px;border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #0000000a,0 4px 8px #0000000a;transition:all .3s cubic-bezier(.25,.8,.25,1)}.elevated-card:hover{transform:translateY(-12px);box-shadow:0 14px 28px #0000001f,0 10px 10px #00000014;border-color:transparent}.elevated-card .product-image{width:80px;height:80px;background:#f0f0f0;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#888;font-size:.8rem;transition:all .3s ease}.elevated-card:hover .product-image{background:#0d4a3a;color:#fff}.elevated-card .product-brand{color:#0d4a3a;font-weight:600;font-size:.85rem}.elevated-card .product-code{color:#888;font-size:.8rem;margin-left:10px}.elevated-card .product-name{color:#333;font-size:1rem;margin:5px 0}.elevated-card .product-price{color:#e63946;font-weight:700;font-size:1.2rem}.elevated-card .stock-badge{color:#4caf50;font-size:.85rem;font-weight:500}.elevated-btn{background:#0d4a3a;border:none;padding:12px 24px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.elevated-btn:hover{background:#156b54;box-shadow:0 4px 12px #0d4a3a4d}.product-info{flex:1}.product-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.quantity-control{display:flex;align-items:center;gap:8px}.qty-btn{width:30px;height:30px;border:none;background:#f0f0f0;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.qty-btn:hover{background:#e0e0e0}.qty-input{width:50px;height:30px;text-align:center;border:1px solid #ddd;border-radius:8px;font-size:.95rem}@media (max-width: 768px){.neumorphism-card,.glass-card,.rounded-card,.gradient-card,.elevated-card{flex-direction:column;text-align:center}.product-actions{align-items:center;width:100%}}.header-style-demo{max-width:100%;margin:0;padding:0;background:#e8e8e8}.header-style-demo h1{color:#0d4a3a;margin:0;padding:30px 20px 10px;text-align:center}.demo-description{color:#666;margin-bottom:30px;font-size:1.1rem;text-align:center;padding:0 20px}.demo-section-header{margin-bottom:50px}.demo-section-header h2{color:#0d4a3a;font-size:1.3rem;margin:0;padding:20px;background:#fff;text-align:center}.demo-section-header>p{color:#888;text-align:center;margin:0;padding:0 20px 15px;background:#fff}.mock-header{padding:12px 30px;display:flex;align-items:center;gap:20px}.mock-logo{font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:8px}.mock-search{flex:1;max-width:500px;display:flex;align-items:center;padding:10px 15px;border-radius:25px;gap:10px}.mock-search-text{flex:1;font-size:.9rem}.mock-contacts{display:flex;align-items:center;gap:12px}.mock-contact-badge{padding:8px 14px;border-radius:20px;font-size:.85rem;display:flex;align-items:center;gap:6px}.mock-social-btn{padding:8px 16px;border-radius:20px;font-size:.85rem}.mock-cart{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.mock-categories{display:flex;justify-content:center;gap:15px;padding:20px;flex-wrap:wrap}.mock-category{padding:20px 30px;border-radius:12px;text-align:center;min-width:140px;cursor:pointer;transition:all .3s ease}.mock-category-icon{font-size:2rem;margin-bottom:8px}.mock-category-name{font-size:.9rem;font-weight:600}.mock-infobar{padding:10px 30px;display:flex;align-items:center}.mock-education{display:flex;align-items:center;gap:8px;font-size:1rem;cursor:pointer}.v1-container{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding-bottom:20px}.v1-header{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2)}.v1-logo{color:#fff}.v1-search{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.v1-search-text{color:#fffc}.v1-contact{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff}.v1-social{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.v1-cart{background:#fff3;color:#fff}.v1-categories{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.v1-category{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff}.v1-category:hover{background:#ffffff4d;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.v1-infobar{background:#0003;color:#fff}.v2-container{background:#fafafa}.v2-header{background:#fff;border-bottom:1px solid #eee}.v2-logo{color:#0d4a3a}.v2-search{background:#f5f5f5;border:2px solid #e0e0e0;color:#333}.v2-search:focus-within{border-color:#0d4a3a}.v2-search-text{color:#888}.v2-contact{background:transparent;border:2px solid #0d4a3a;color:#0d4a3a}.v2-social{background:#0d4a3a;color:#fff}.v2-cart{background:#f5f5f5;color:#0d4a3a;border:2px solid #e0e0e0}.v2-categories{background:#fff;border-bottom:1px solid #eee}.v2-category{background:#fff;border:2px solid #e0e0e0;color:#333}.v2-category:hover{border-color:#0d4a3a;color:#0d4a3a;box-shadow:0 5px 20px #0d4a3a1a}.v2-category-icon{color:#0d4a3a}.v2-infobar{background:#0d4a3a;color:#fff}.v3-container{background:linear-gradient(180deg,#0d4a3a,#156b54 40%,#1a7a5e 60%,#e8e8e8)}.v3-header{background:transparent}.v3-logo{color:#fff}.v3-search{background:#ffffffe6;color:#333}.v3-search-text{color:#666}.v3-contact{background:#fff3;color:#fff}.v3-social{background:#fff;color:#0d4a3a}.v3-cart{background:#fff3;color:#fff}.v3-categories{background:transparent;padding-top:10px}.v3-category{background:#fff;color:#0d4a3a;box-shadow:0 8px 25px #00000026}.v3-category:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #00000040}.v3-infobar{background:transparent;color:#fff;padding-top:5px}.v4-container{background:#1a1a2e}.v4-header{background:#16213e;border-bottom:1px solid #2a2a4a}.v4-logo{color:#4ade80}.v4-search{background:#1a1a2e;border:1px solid #3a3a5a;color:#fff}.v4-search-text{color:#888}.v4-contact{background:transparent;border:1px solid #4ade80;color:#4ade80}.v4-social{background:linear-gradient(135deg,#4ade80,#22c55e);color:#1a1a2e}.v4-cart{background:#2a2a4a;color:#4ade80}.v4-categories{background:#1a1a2e}.v4-category{background:linear-gradient(135deg,#2a2a4a,#3a3a5a);color:#fff;border:1px solid #4a4a6a}.v4-category:hover{background:linear-gradient(135deg,#4ade80,#22c55e);color:#1a1a2e;border-color:#4ade80;transform:translateY(-5px);box-shadow:0 10px 30px #4ade804d}.v4-infobar{background:#16213e;border-top:1px solid #2a2a4a;color:gold}.v5-container{background:#f8f9fa}.v5-header{background:#fff;box-shadow:0 2px 20px #00000014}.v5-logo{color:#0d4a3a}.v5-search{background:linear-gradient(135deg,#0d4a3a,#156b54);color:#fff}.v5-search-text{color:#fffc}.v5-contact{background:#f0fdf4;border:none;color:#0d4a3a}.v5-social{background:linear-gradient(135deg,#e63946,#c62936);color:#fff}.v5-cart{background:linear-gradient(135deg,#0d4a3a,#156b54);color:#fff}.v5-categories{background:#fff;padding:25px 20px}.v5-category{background:linear-gradient(135deg,#0d4a3a,#156b54,#2a9d8f);color:#fff;border-radius:16px;position:relative;overflow:hidden}.v5-category:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.v5-category:hover:before{left:100%}.v5-category:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 15px 40px #0d4a3a66}.v5-infobar{background:linear-gradient(135deg,#0d4a3a,#156b54);color:#fff}.v5-education-icon{color:gold}@media (max-width: 900px){.mock-header{flex-wrap:wrap;padding:12px 15px}.mock-search{order:10;max-width:none;width:100%;margin-top:10px}.mock-contacts{display:none}.mock-categories{gap:10px;padding:15px}.mock-category{padding:15px 20px;min-width:100px}.mock-category-icon{font-size:1.5rem}.mock-category-name{font-size:.8rem}}.disclaimer-demo{max-width:1400px;margin:0 auto;padding:30px 20px}.disclaimer-demo h1{color:#0d4a3a;margin-bottom:10px;text-align:center}.demo-description{color:#666;margin-bottom:40px;font-size:1.1rem;text-align:center}.demo-section{margin-bottom:50px}.demo-section h2{color:#0d4a3a;font-size:1.3rem;margin-bottom:8px}.demo-section>p{color:#888;margin-bottom:15px}.mock-categories-bar{background:#fff;padding:20px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap;border-radius:12px 12px 0 0}.mock-cat{background:linear-gradient(135deg,#0d4a3a,#156b54,#2a9d8f);color:#fff;padding:15px 25px;border-radius:10px;font-size:.9rem;font-weight:600}.disclaimer-v1{background:#f5f5f5;padding:12px 20px;border-top:1px solid #e0e0e0}.disclaimer-v1 .disclaimer-title{color:#0d4a3a;font-size:.75rem;font-weight:600;margin-bottom:6px}.disclaimer-v1 .disclaimer-text{color:#666;font-size:.7rem;line-height:1.5}.disclaimer-v1 .disclaimer-contact{color:#0d4a3a;font-weight:600}.disclaimer-v2{background:linear-gradient(135deg,#0d4a3a,#156b54);padding:15px 20px}.disclaimer-v2 .disclaimer-title{color:gold;font-size:.75rem;font-weight:600;margin-bottom:6px}.disclaimer-v2 .disclaimer-text{color:#ffffffd9;font-size:.7rem;line-height:1.5}.disclaimer-v2 .disclaimer-contact{color:gold;font-weight:600}.disclaimer-v3{background:#fff;padding:15px 20px;border:2px solid #e0e0e0;border-radius:0 0 12px 12px;margin-top:-1px}.disclaimer-v3 .disclaimer-title{color:#0d4a3a;font-size:.8rem;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}.disclaimer-v3 .disclaimer-icon{color:#2a9d8f}.disclaimer-v3 .disclaimer-text{color:#555;font-size:.72rem;line-height:1.6}.disclaimer-v3 .disclaimer-contact{color:#e63946;font-weight:600}.disclaimer-v4{background:#fafafa;padding:10px 20px;border-left:4px solid #0d4a3a}.disclaimer-v4 .disclaimer-text{color:#777;font-size:.68rem;line-height:1.5}.disclaimer-v4 .disclaimer-contact{color:#0d4a3a;font-weight:600}.disclaimer-v5{background:#f8f9fa;border-bottom:1px solid #e0e0e0}.disclaimer-v5-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;cursor:pointer;transition:background .2s}.disclaimer-v5-header:hover{background:#f0f0f0}.disclaimer-v5-title{color:#0d4a3a;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:8px}.disclaimer-v5-toggle{color:#666;font-size:.75rem}.disclaimer-v5-content{padding:0 20px 15px}.disclaimer-v5 .disclaimer-text{color:#666;font-size:.7rem;line-height:1.5}.disclaimer-v5 .disclaimer-contact{color:#e63946;font-weight:600}.mock-products{display:flex;flex-direction:column;gap:15px;padding:20px;background:#f0f0f0;border-radius:0 0 12px 12px}.mock-product-card{background:linear-gradient(135deg,#0d4a3a,#156b54,#2a9d8f);padding:15px 20px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;color:#fff}.mock-product-name{font-weight:600}.mock-product-price{color:gold;font-weight:700;font-size:1.1rem}.color-demo{min-height:100vh;background:#c9b99a;padding:20px}.color-demo h1{text-align:center;color:#3d9b9b;margin-bottom:10px;font-size:2rem}.demo-description{text-align:center;color:#666;margin-bottom:30px;font-size:1.1rem}.site-preview{max-width:1200px;margin:0 auto;background:#c9b99a;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #3d9b9b26}.preview-header{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);padding:15px 20px}.preview-header-content{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.preview-logo{flex-shrink:0}.logo-img{height:50px;width:auto;object-fit:contain}.preview-search{flex:1;display:flex;align-items:center;background:#fff;border-radius:25px;padding:5px 5px 5px 15px;min-width:300px;gap:10px}.search-dropdown{color:#3d9b9b;font-weight:600;padding-right:10px;border-right:1px solid #ddd;display:flex;align-items:center;gap:5px;font-size:.9rem;cursor:pointer}.dropdown-icon{width:12px;height:12px;filter:invert(45%) sepia(70%) saturate(400%) hue-rotate(130deg)}.dropdown-icon-dark{width:12px;height:12px;filter:brightness(0) saturate(100%) invert(30%) sepia(20%) saturate(1000%) hue-rotate(130deg)}.search-input{flex:1;border:none;outline:none;font-size:.95rem;padding:8px}.search-btn{background:#3d9b9b;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}.search-btn:hover{background:#2d7a7a}.ui-icon{width:20px;height:20px;filter:brightness(0) invert(1)}.ui-icon-sm{width:16px;height:16px;filter:brightness(0) invert(1)}.preview-contacts{display:flex;gap:10px;align-items:center}.contact-badge-new{background:#ffffff26;color:#fff;padding:10px 15px;border-radius:25px;font-size:.9rem;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s}.contact-badge-new:hover{background:#ffffff40}.social-dropdown-new{position:relative}.social-btn-new{background:#d4c4b0;color:#2d7a7a;padding:10px 15px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s}.social-btn-new:hover{background:#c9b99a}.social-menu-new{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:10px 0;min-width:180px;z-index:100;display:none}.social-dropdown-new:hover .social-menu-new{display:block}.social-menu-new a{display:flex;align-items:center;gap:10px;padding:10px 15px;color:#333;text-decoration:none;transition:background .2s}.social-menu-new a:hover{background:#f5f5f5}.social-icon{width:24px;height:24px}.preview-cart{background:#d4c4b0;color:#2d7a7a;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s}.preview-cart:hover{background:#c9b99a;transform:scale(1.05)}.cart-icon{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(30%) sepia(20%) saturate(1000%) hue-rotate(130deg)}.cart-count{position:absolute;top:-5px;right:-5px;background:#e63946;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.preview-categories{display:flex;gap:15px;padding:20px;background:#c9b99a}.preview-category{flex:1;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border-radius:12px;padding:20px 15px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3d9b9b4d;display:flex;flex-direction:column;align-items:center;gap:10px}.preview-category:hover{transform:translateY(-5px);box-shadow:0 8px 25px #3d9b9b66}.cat-icon-img{width:60px;height:60px;object-fit:contain;filter:brightness(0) invert(1)}.cat-name{color:#fff;font-weight:600;font-size:.95rem}.preview-infobar{background:#d4c4b0;padding:12px 20px}.education-block{display:flex;align-items:center;gap:10px;color:#2d7a7a;font-weight:600;cursor:pointer}.education-block .ui-icon-sm{filter:brightness(0) saturate(100%) invert(30%) sepia(20%) saturate(1000%) hue-rotate(130deg)}.preview-disclaimer{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);padding:20px;margin:0 20px;border-radius:10px}.disclaimer-title-new{color:#d4c4b0;font-weight:700;margin-bottom:10px;font-size:1rem}.disclaimer-text-new{color:#ffffffd9;font-size:.85rem;line-height:1.5}.preview-products{padding:30px 20px;background:#c9b99a}.section-title-new{color:#3d9b9b;font-size:1.5rem;margin-bottom:20px;text-align:center}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.preview-product-card{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:15px;box-shadow:0 4px 15px #3d9b9b40;transition:all .3s ease}.preview-product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #3d9b9b59}.product-image-new{width:100%;height:150px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image-new img{max-width:100%;max-height:100%;object-fit:contain}.product-info-new{display:flex;flex-direction:column;gap:5px}.product-brand-new{color:#d4c4b0;font-weight:700;font-size:.85rem}.product-article-new{color:#fff9;font-size:.8rem}.product-name-new{color:#fff;font-weight:600;font-size:1rem}.product-stock-new{background:#d4c4b033;color:#d4c4b0;padding:5px 12px;border-radius:15px;font-size:.85rem;border:1px solid rgba(212,196,176,.3);width:fit-content}.product-bottom-new{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.product-price-new{color:#d4c4b0;font-size:1.3rem;font-weight:700}.product-actions-new{display:flex;align-items:center;gap:10px}.qty-controls-new{display:flex;align-items:center;background:#ffffff1a;border-radius:20px;padding:5px}.qty-controls-new button{width:30px;height:30px;border:none;background:#fff3;color:#fff;border-radius:50%;cursor:pointer;font-size:1rem;transition:background .2s}.qty-controls-new button:hover{background:#ffffff4d}.qty-controls-new span{color:#fff;padding:0 12px;font-weight:600}.add-to-cart-new{background:#d4c4b0;color:#2d7a7a;border:none;padding:10px 20px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.add-to-cart-new:hover{background:#c9b99a;transform:scale(1.05)}.cart-icon-sm{width:18px;height:18px;filter:brightness(0) saturate(100%) invert(30%) sepia(20%) saturate(1000%) hue-rotate(130deg)}.preview-footer{background:linear-gradient(135deg,#2d7a7a,#3d9b9b);padding:40px 20px;margin-top:20px}.footer-content-new{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-logo-new{margin-bottom:10px}.footer-logo-img{height:60px;width:auto}.footer-contacts-new{color:#ffffffe6}.footer-contacts-new p{margin:8px 0;display:flex;align-items:center;justify-content:center;gap:10px}.footer-icon{width:18px;height:18px;filter:brightness(0) invert(1)}.footer-social-new{display:flex;gap:15px}.footer-social-new a{background:#ffffff1a;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.footer-social-new a:hover{background:#fff3;transform:translateY(-3px)}.footer-social-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.footer-copyright-new{color:#d4c4b0;font-size:.9rem}.color-palette{max-width:1200px;margin:40px auto 0;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a}.color-palette h3{text-align:center;color:#3d9b9b;margin-bottom:20px}.palette-row{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.color-swatch{width:150px;height:100px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:600;box-shadow:0 4px 15px #00000026}.color-swatch span{font-size:.95rem}.color-swatch small{font-size:.8rem;opacity:.9;margin-top:5px}@media (max-width: 992px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.preview-header-content{flex-direction:column}.preview-search{min-width:100%}.preview-contacts{flex-wrap:wrap;justify-content:center}.preview-categories{flex-wrap:wrap}.preview-category{min-width:calc(50% - 10px)}.products-grid{grid-template-columns:1fr}}.header-buttons-demo-page{padding:30px 20px;max-width:1600px;margin:0 auto}.header-buttons-demo-page h1{color:#2d7a7a;margin-bottom:10px;font-size:2rem}.demo-subtitle{color:#3d9b9b;margin-bottom:30px;font-size:1.1rem}.variant-section{background:#fff;border:2px solid #d4c4b0;border-radius:16px;padding:25px;margin-bottom:30px;cursor:pointer;transition:all .3s ease}.variant-section:hover{border-color:#3d9b9b;box-shadow:0 8px 30px #3d9b9b26}.variant-section.selected{border-color:#3d9b9b;border-width:3px;background:linear-gradient(135deg,#3d9b9b08,#d4c4b014);box-shadow:0 8px 30px #3d9b9b33}.variant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.variant-info h2{color:#2d7a7a;font-size:1.4rem;margin-bottom:8px}.variant-desc{color:#6b7280;font-size:1rem}.selected-badge{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;padding:8px 18px;border-radius:25px;font-size:.9rem;font-weight:700}.header-preview{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border-radius:12px;padding:20px 25px;overflow-x:auto}.preview-header-content{display:flex;align-items:center;gap:15px;min-width:900px}.search-preview{flex:1;display:flex;align-items:center;max-width:450px}.search-preview input{flex:1;border:none;background:transparent;color:#fff;font-size:1rem;padding:12px 15px;outline:none}.search-preview input::placeholder{color:#ffffffb3}.search-btn-preview{width:42px;height:42px;border-radius:50%;border:none;background:#e63946;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.btn-везде.v1,.btn-social.v1{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#ffffff26;border:3px solid rgba(255,255,255,.9);border-radius:50px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit;letter-spacing:.5px;box-shadow:0 4px 15px #00000026}.btn-везде.v1:hover,.btn-social.v1:hover{background:#ffffff40;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 25px #0003}.btn-везде.v1 svg,.btn-social.v1 svg{color:#d4c4b0}.contact-badge-preview.v1{display:flex;align-items:center;gap:10px;padding:14px 22px;background:#ffffff26;border:3px solid rgba(255,255,255,.9);border-radius:50px;color:#fff;font-size:1.05rem;font-weight:600;box-shadow:0 4px 15px #00000026}.contact-badge-preview.v1 .icon{font-size:1.2rem}.search-preview.v1{background:#ffffff26;border:3px solid rgba(255,255,255,.9);border-radius:50px;box-shadow:0 4px 15px #00000026}.search-preview.v1 input{font-size:1.05rem;font-weight:500}.btn-cart.v1{width:52px;height:52px;border-radius:50%;background:#ffffff26;border:3px solid rgba(255,255,255,.9);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #00000026}.btn-везде.v2,.btn-social.v2{display:flex;align-items:center;gap:10px;padding:12px 22px;background:#ffffff1a;border:2px solid white;border-radius:50px;color:#fff;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit;box-shadow:0 0 0 4px #ffffff4d,0 4px 20px #0003}.btn-везде.v2:hover,.btn-social.v2:hover{background:#fff3;box-shadow:0 0 0 6px #fff6,0 6px 30px #00000040;transform:translateY(-2px)}.btn-везде.v2 svg,.btn-social.v2 svg{color:#d4c4b0}.contact-badge-preview.v2{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#ffffff1a;border:2px solid white;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;box-shadow:0 0 0 4px #ffffff4d,0 4px 20px #0003}.contact-badge-preview.v2 .icon{font-size:1.15rem}.search-preview.v2{background:#ffffff1a;border:2px solid white;border-radius:50px;box-shadow:0 0 0 4px #ffffff4d,0 4px 20px #0003}.search-preview.v2 input{font-size:1.1rem;font-weight:500}.btn-cart.v2{width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:2px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 4px #ffffff4d,0 4px 20px #0003}.btn-везде.v3,.btn-social.v3{display:flex;align-items:center;gap:10px;padding:14px 26px;background:#fff3;border:2px solid white;border-radius:50px;color:#fff;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit;text-shadow:0 0 10px rgba(255,255,255,.5);box-shadow:0 0 20px #ffffff4d,0 0 40px #d4c4b033,inset 0 0 20px #ffffff1a}.btn-везде.v3:hover,.btn-social.v3:hover{background:#ffffff4d;box-shadow:0 0 30px #ffffff80,0 0 60px #d4c4b04d,inset 0 0 25px #ffffff26;transform:scale(1.03)}.btn-везде.v3 svg,.btn-social.v3 svg{color:#d4c4b0;filter:drop-shadow(0 0 5px rgba(212,196,176,.5))}.contact-badge-preview.v3{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#fff3;border:2px solid white;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;text-shadow:0 0 10px rgba(255,255,255,.5);box-shadow:0 0 20px #ffffff4d,0 0 40px #d4c4b033}.contact-badge-preview.v3 .icon{font-size:1.2rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.search-preview.v3{background:#fff3;border:2px solid white;border-radius:50px;box-shadow:0 0 20px #ffffff4d,0 0 40px #d4c4b033}.search-preview.v3 input{font-size:1.1rem;font-weight:500;text-shadow:0 0 10px rgba(255,255,255,.3)}.btn-cart.v3{width:52px;height:52px;border-radius:50%;background:#fff3;border:2px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 20px #ffffff4d,0 0 40px #d4c4b033}.header-preview.v4{background:linear-gradient(135deg,#2d7a7a,#3d9b9b,#2d7a7a)}.btn-везде.v4,.btn-social.v4{display:flex;align-items:center;gap:10px;padding:14px 26px;background:linear-gradient(135deg,#ffffff26,#d4c4b026);border:3px solid;border-image:linear-gradient(135deg,#fff,#d4c4b0,#fff) 1;border-radius:0;color:#fff;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit;position:relative;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 8%)}.btn-везде.v4:before,.btn-social.v4:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(135deg,#fff,#d4c4b0,#fff);z-index:-1;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 8%)}.btn-везде.v4:after,.btn-social.v4:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2d7a7af2,#3d9b9bf2);z-index:-1;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 8%)}.btn-везде.v4:hover,.btn-social.v4:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-везде.v4 svg,.btn-social.v4 svg{color:#d4c4b0}.contact-badge-preview.v4,.search-preview.v4,.btn-cart.v4{background:#ffffff26;border:3px solid #d4c4b0;border-radius:50px}.contact-badge-preview.v4{display:flex;align-items:center;gap:10px;padding:12px 22px;color:#fff;font-size:1.1rem;font-weight:600}.contact-badge-preview.v4 .icon{font-size:1.15rem}.search-preview.v4 input{font-size:1.1rem;font-weight:500}.btn-cart.v4{width:52px;height:52px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-везде.v4,.btn-social.v4{border:3px solid #d4c4b0;border-radius:50px;clip-path:none}.btn-везде.v4:before,.btn-social.v4:before,.btn-везде.v4:after,.btn-social.v4:after{display:none}.btn-везде.v5,.btn-social.v5{display:flex;align-items:center;gap:10px;padding:16px 28px;background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:4px solid rgba(255,255,255,.8);border-radius:60px;color:#fff;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .4s ease;font-family:inherit;letter-spacing:.5px;box-shadow:0 8px 32px #0003,inset 0 2px 10px #ffffff1a}.btn-везде.v5:hover,.btn-social.v5:hover{background:#fff3;border-color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #00000040,0 0 30px #d4c4b033,inset 0 2px 15px #ffffff26}.btn-везде.v5 svg,.btn-social.v5 svg{color:#d4c4b0}.contact-badge-preview.v5{display:flex;align-items:center;gap:12px;padding:16px 26px;background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:4px solid rgba(255,255,255,.8);border-radius:60px;color:#fff;font-size:1.15rem;font-weight:700;box-shadow:0 8px 32px #0003,inset 0 2px 10px #ffffff1a}.contact-badge-preview.v5 .icon{font-size:1.3rem}.search-preview.v5{background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:4px solid rgba(255,255,255,.8);border-radius:60px;box-shadow:0 8px 32px #0003,inset 0 2px 10px #ffffff1a}.search-preview.v5 input{font-size:1.15rem;font-weight:600}.btn-cart.v5{width:58px;height:58px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:4px solid rgba(255,255,255,.8);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 32px #0003,inset 0 2px 10px #ffffff1a}.demo-actions{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:15px;background:linear-gradient(135deg,#2d7a7a,#3d9b9b);padding:18px 30px;border-radius:35px;box-shadow:0 15px 50px #3d9b9b66;border:3px solid rgba(212,196,176,.4)}.apply-btn{background:#d4c4b0;color:#2d7a7a;padding:14px 35px;border-radius:30px;font-size:1.1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease}.apply-btn:hover{background:#c9b99a;transform:scale(1.05);box-shadow:0 5px 20px #d4c4b066}.reset-btn{background:transparent;color:#fff;padding:14px 30px;border-radius:30px;font-size:1.1rem;font-weight:600;border:2px solid rgba(255,255,255,.4);cursor:pointer;transition:all .3s ease}.reset-btn:hover{border-color:#d4c4b0;color:#d4c4b0}@media (max-width: 1200px){.preview-header-content{gap:10px}}@media (max-width: 768px){.header-preview{padding:15px}.demo-actions{flex-direction:column;padding:15px 20px;width:calc(100% - 40px);max-width:320px}}.icons-demo{padding:40px 20px;max-width:1400px;margin:0 auto}.icons-demo-title{text-align:center;font-size:2.5rem;color:#2d7a7a;margin-bottom:10px}.icons-demo-subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:50px}.style-section{margin-bottom:50px;background:#f5f2ed;border-radius:16px;padding:30px;box-shadow:0 4px 15px #0000001a}.style-header{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #3d9b9b}.style-header h2{font-size:1.6rem;color:#2d7a7a;margin-bottom:5px}.style-header p{font-size:1rem;color:#666;margin:0}.icons-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.icon-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.icon-box{width:120px;height:100px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #3d9b9b4d;transition:all .3s ease}.icon-box:hover{transform:scale(1.05);box-shadow:0 8px 25px #3d9b9b66}.icon-box svg{width:60px;height:60px;color:#fff}.icon-box-light{width:140px;height:120px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d,inset 0 1px #fffc;transition:all .3s ease;border:1px solid rgba(0,0,0,.06)}.icon-box-light:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f,0 4px 8px #0000000f,inset 0 1px #ffffffe6}.icon-box-light svg{width:70px;height:70px;color:#2d7a7a}.icon-label{font-size:1rem;font-weight:600;color:#2d7a7a;text-align:center}.generated-styles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:30px}.generated-style-card{background:#f5f2ed;border-radius:16px;padding:25px;box-shadow:0 4px 15px #0000001a;text-align:center}.generated-style-card h3{font-size:1.3rem;color:#2d7a7a;margin-bottom:8px}.generated-style-card p{font-size:.95rem;color:#666;margin-bottom:20px}.icon-preview-box{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:12px;padding:20px;margin-bottom:15px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #00000014}.icon-preview-box-dark{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border-radius:12px;padding:20px;box-shadow:0 4px 15px #3d9b9b4d}.icon-preview-box-transparent{background:transparent;border-radius:12px;padding:5px}.generated-icon-img{width:120px;height:120px;object-fit:contain}@media (max-width: 768px){.icons-demo-title{font-size:1.8rem}.icons-row{gap:15px}.icon-box{width:100px;height:80px}.icon-box svg{width:50px;height:50px}.icon-label{font-size:.85rem}}.dropdown-demo-page{padding:40px 20px;max-width:1400px;margin:0 auto;background:#f5f2ed;min-height:100vh}.demo-title{text-align:center;font-size:2.5rem;color:#2d7a7a;margin-bottom:10px}.demo-subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:50px}.demo-section{margin-bottom:60px;background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014}.demo-section-dark{background:linear-gradient(135deg,#1a1a2e,#16213e)}.demo-section-dark .demo-header h2,.demo-section-dark .demo-header p{color:#fff}.demo-header{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e8f5f2}.demo-header h2{font-size:1.4rem;color:#2d7a7a;margin-bottom:5px}.demo-header p{font-size:.95rem;color:#666;margin:0}.mega-menu-bar{display:flex;justify-content:center;gap:0;position:relative}.mega-menu-item{position:relative}.mega-menu-trigger{display:flex;flex-direction:column;align-items:center;padding:15px 25px;cursor:pointer;transition:all .3s ease;text-decoration:none}.mega-menu-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.mega-menu-icon svg{width:40px;height:40px}.mega-menu-name{font-size:.9rem;font-weight:600;text-align:center;white-space:nowrap}.mega-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:600px;z-index:1000;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mega-dropdown-content{display:flex;gap:30px;padding:25px 30px}.mega-dropdown-column{min-width:120px}.mega-dropdown-title{font-size:1rem;font-weight:700;margin-bottom:12px;padding-bottom:8px}.mega-dropdown-list{list-style:none;padding:0;margin:0}.mega-dropdown-list li{margin-bottom:8px}.mega-dropdown-list a{font-size:.9rem;text-decoration:none;transition:all .2s;display:block;padding:4px 0}.mega-menu-v1{background:linear-gradient(135deg,#005a87,#003d5c);border-radius:0}.mega-menu-v1 .mega-menu-trigger{color:#fff;border-right:1px solid rgba(255,255,255,.1)}.mega-menu-v1 .mega-menu-item:last-child .mega-menu-trigger{border-right:none}.mega-menu-v1 .mega-menu-icon svg{color:#fff}.mega-menu-v1 .mega-menu-item:hover .mega-menu-trigger,.mega-menu-v1 .mega-menu-item.active .mega-menu-trigger{background:#ffffff26}.mega-menu-v1 .mega-dropdown{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 10px 40px #0003;border-top:3px solid #3d9b9b}.mega-menu-v1 .mega-dropdown-title{color:#005a87;border-bottom:2px solid #e0e0e0}.mega-menu-v1 .mega-dropdown-list a{color:#333}.mega-menu-v1 .mega-dropdown-list a:hover{color:#3d9b9b;padding-left:8px}.mega-menu-v1 .mega-dropdown-column{border-right:1px solid #e0e0e0;padding-right:25px}.mega-menu-v1 .mega-dropdown-column:last-child{border-right:none;padding-right:0}.mega-menu-v2{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border-radius:12px;padding:5px}.mega-menu-v2 .mega-menu-trigger{color:#fff;border-radius:8px;margin:0 2px}.mega-menu-v2 .mega-menu-icon svg{color:#fff}.mega-menu-v2 .mega-menu-item:hover .mega-menu-trigger,.mega-menu-v2 .mega-menu-item.active .mega-menu-trigger{background:#fff3;transform:translateY(-2px)}.mega-menu-v2 .mega-dropdown{background:#fff;border-radius:16px;box-shadow:0 20px 60px #3d9b9b4d;margin-top:10px}.mega-menu-v2 .mega-dropdown-content{padding:30px}.mega-menu-v2 .mega-dropdown-title{color:#2d7a7a;border-bottom:2px solid #e8f5f2}.mega-menu-v2 .mega-dropdown-list a{color:#444;border-radius:6px;padding:6px 10px;margin:0 -10px}.mega-menu-v2 .mega-dropdown-list a:hover{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff}.mega-menu-v3{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px}.mega-menu-v3 .mega-menu-trigger{color:#333;padding:12px 20px}.mega-menu-v3 .mega-menu-icon svg{color:#3d9b9b;width:32px;height:32px}.mega-menu-v3 .mega-menu-name{font-size:.85rem;color:#555}.mega-menu-v3 .mega-menu-item:hover .mega-menu-trigger,.mega-menu-v3 .mega-menu-item.active .mega-menu-trigger{background:#fff;box-shadow:0 2px 8px #0000001a}.mega-menu-v3 .mega-menu-item.active .mega-menu-name{color:#3d9b9b}.mega-menu-v3 .mega-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 30px #0000001a;margin-top:5px;min-width:500px}.mega-menu-v3 .mega-dropdown-content{padding:20px 25px;gap:25px}.mega-menu-v3 .mega-dropdown-title{color:#333;font-size:.95rem;border-bottom:1px solid #eee;padding-bottom:6px;margin-bottom:10px}.mega-menu-v3 .mega-dropdown-list a{color:#666;font-size:.85rem}.mega-menu-v3 .mega-dropdown-list a:hover{color:#3d9b9b}.mega-menu-v3 .mega-dropdown-list a:before{content:"›";margin-right:6px;color:#ccc;transition:all .2s}.mega-menu-v3 .mega-dropdown-list a:hover:before{color:#3d9b9b;margin-right:10px}.mega-menu-v4{background:transparent;gap:15px}.mega-menu-v4 .mega-menu-item{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.mega-menu-v4 .mega-menu-item:hover{transform:translateY(-5px);box-shadow:0 12px 30px #3d9b9b33}.mega-menu-v4 .mega-menu-trigger{color:#333;padding:20px 25px}.mega-menu-v4 .mega-menu-icon{width:60px;height:60px;background:linear-gradient(135deg,#e8f5f2,#d4efed);border-radius:12px;margin-bottom:12px}.mega-menu-v4 .mega-menu-icon svg{color:#3d9b9b;width:35px;height:35px}.mega-menu-v4 .mega-menu-item:hover .mega-menu-icon{background:linear-gradient(135deg,#3d9b9b,#2d7a7a)}.mega-menu-v4 .mega-menu-item:hover .mega-menu-icon svg{color:#fff}.mega-menu-v4 .mega-dropdown{background:#fff;border-radius:16px;box-shadow:0 15px 50px #00000026;margin-top:15px;min-width:550px}.mega-menu-v4 .mega-dropdown-content{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:25px}.mega-menu-v4 .mega-dropdown-column{background:#f8f9fa;border-radius:10px;padding:15px;border:none}.mega-menu-v4 .mega-dropdown-title{color:#3d9b9b;font-size:.9rem;border-bottom:none;margin-bottom:8px}.mega-menu-v4 .mega-dropdown-list a{color:#555;font-size:.85rem}.mega-menu-v4 .mega-dropdown-list a:hover{color:#3d9b9b}.mega-menu-v5{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);padding:8px}.mega-menu-v5 .mega-menu-trigger{color:#fff;border-radius:10px}.mega-menu-v5 .mega-menu-icon svg{color:#4ecdc4}.mega-menu-v5 .mega-menu-name{color:#ffffffe6}.mega-menu-v5 .mega-menu-item:hover .mega-menu-trigger,.mega-menu-v5 .mega-menu-item.active .mega-menu-trigger{background:#4ecdc433;box-shadow:0 0 20px #4ecdc44d}.mega-menu-v5 .mega-menu-item:hover .mega-menu-icon svg{filter:drop-shadow(0 0 8px rgba(78,205,196,.8))}.mega-menu-v5 .mega-dropdown{background:#1e1e32e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(78,205,196,.3);box-shadow:0 20px 60px #0006;margin-top:12px}.mega-menu-v5 .mega-dropdown-content{padding:25px 30px}.mega-menu-v5 .mega-dropdown-title{color:#4ecdc4;border-bottom:1px solid rgba(78,205,196,.3);padding-bottom:8px}.mega-menu-v5 .mega-dropdown-list a{color:#ffffffb3}.mega-menu-v5 .mega-dropdown-list a:hover{color:#4ecdc4;text-shadow:0 0 10px rgba(78,205,196,.5)}.mega-menu-v5 .mega-dropdown-column{border-right:1px solid rgba(78,205,196,.2);padding-right:25px}.mega-menu-v5 .mega-dropdown-column:last-child{border-right:none}@media (max-width: 1200px){.mega-dropdown{min-width:90vw;left:0;transform:none}.mega-dropdown-content{flex-wrap:wrap}.mega-menu-v4 .mega-dropdown-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.mega-menu-bar{flex-wrap:wrap;gap:5px}.mega-menu-trigger{padding:10px 15px}.mega-menu-icon{width:40px;height:40px}.mega-menu-icon svg{width:30px;height:30px}.mega-menu-name{font-size:.75rem}.mega-dropdown-content{flex-direction:column;gap:15px}.mega-dropdown-column{border-right:none!important;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:15px;padding-right:0!important}.mega-dropdown-column:last-child{border-bottom:none}.mega-menu-v4 .mega-dropdown-content{grid-template-columns:1fr}}.background-demo{padding:30px 20px;max-width:1400px;margin:0 auto}.background-demo h1{text-align:center;margin-bottom:15px;color:#2d7a7a}.background-demo .subtitle{text-align:center;color:#666;margin-bottom:40px;font-size:1.1rem}.patterns-grid{display:flex;flex-direction:column;gap:40px}.pattern-card{border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .3s,box-shadow .3s}.pattern-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #3d9b9b33}.pattern-header{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);padding:15px 20px;color:#fff}.pattern-header h3{margin:0;color:#fff;font-size:1.3rem}.pattern-header p{margin:5px 0 0;font-size:.9rem;opacity:.9}.pattern-preview{height:500px;padding:40px;position:relative;overflow:hidden;background-color:#f8f5f0;display:flex;align-items:center;justify-content:center}.demo-product-card{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border-radius:16px;padding:40px 50px;color:#fff;box-shadow:0 8px 30px #3d9b9b66;position:relative;z-index:2;min-width:300px}.demo-product-card .brand{font-size:1.1rem;text-transform:uppercase;letter-spacing:2px;opacity:.9}.demo-product-card .name{font-size:1.6rem;font-weight:600;margin:12px 0}.demo-product-card .price{font-size:2rem;font-weight:700;color:#d4c4b0}.demo-product-card .btn{display:inline-block;margin-top:20px;padding:14px 30px;background:#d4c4b0;color:#2d7a7a;border-radius:10px;font-weight:700;font-size:1.1rem}.pattern-1:before,.pattern-1:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pattern-1:before{background-image:radial-gradient(5px 5px at 20px 30px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(4px 4px at 40px 70px,rgba(61,155,155,.9) 50%,transparent 50%),radial-gradient(5px 5px at 50px 160px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(4px 4px at 90px 40px,rgba(61,155,155,.9) 50%,transparent 50%),radial-gradient(5px 5px at 130px 80px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(4px 4px at 160px 120px,rgba(61,155,155,.9) 50%,transparent 50%),radial-gradient(5px 5px at 200px 50px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(4px 4px at 220px 150px,rgba(61,155,155,.9) 50%,transparent 50%),radial-gradient(5px 5px at 280px 90px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(4px 4px at 320px 180px,rgba(61,155,155,.9) 50%,transparent 50%),radial-gradient(5px 5px at 350px 60px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(4px 4px at 380px 200px,rgba(61,155,155,.9) 50%,transparent 50%);background-size:400px 250px;animation:sparkle1 2s ease-in-out infinite}.pattern-1:after{background-image:radial-gradient(4px 4px at 10px 100px,rgba(212,196,176,.9) 50%,transparent 50%),radial-gradient(5px 5px at 60px 200px,rgba(212,196,176,1) 50%,transparent 50%),radial-gradient(4px 4px at 100px 140px,rgba(212,196,176,.9) 50%,transparent 50%),radial-gradient(5px 5px at 150px 30px,rgba(212,196,176,1) 50%,transparent 50%),radial-gradient(4px 4px at 190px 180px,rgba(212,196,176,.9) 50%,transparent 50%),radial-gradient(5px 5px at 250px 130px,rgba(212,196,176,1) 50%,transparent 50%),radial-gradient(4px 4px at 300px 20px,rgba(212,196,176,.9) 50%,transparent 50%),radial-gradient(5px 5px at 340px 110px,rgba(212,196,176,1) 50%,transparent 50%),radial-gradient(4px 4px at 370px 230px,rgba(212,196,176,.9) 50%,transparent 50%);background-size:400px 250px;animation:sparkle1 2s ease-in-out infinite 1s}@keyframes sparkle1{0%,to{opacity:.2}50%{opacity:1}}.pattern-2:before,.pattern-2:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pattern-2:before{background-image:radial-gradient(6px 6px at 25px 45px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(5px 5px at 75px 95px,rgba(61,155,155,.95) 50%,transparent 50%),radial-gradient(6px 6px at 125px 25px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(5px 5px at 175px 145px,rgba(61,155,155,.95) 50%,transparent 50%),radial-gradient(6px 6px at 225px 75px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(5px 5px at 275px 195px,rgba(61,155,155,.95) 50%,transparent 50%),radial-gradient(6px 6px at 325px 55px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(5px 5px at 375px 125px,rgba(61,155,155,.95) 50%,transparent 50%);background-size:400px 220px;animation:sparkle2a 1.5s ease-in-out infinite}.pattern-2:after{background-image:radial-gradient(5px 5px at 50px 165px,rgba(212,196,176,1) 50%,transparent 50%),radial-gradient(6px 6px at 100px 65px,rgba(212,196,176,.95) 50%,transparent 50%),radial-gradient(5px 5px at 150px 185px,rgba(212,196,176,1) 50%,transparent 50%),radial-gradient(6px 6px at 200px 35px,rgba(212,196,176,.95) 50%,transparent 50%),radial-gradient(5px 5px at 250px 155px,rgba(212,196,176,1) 50%,transparent 50%),radial-gradient(6px 6px at 300px 105px,rgba(212,196,176,.95) 50%,transparent 50%),radial-gradient(5px 5px at 350px 175px,rgba(212,196,176,1) 50%,transparent 50%);background-size:400px 220px;animation:sparkle2b 1.5s ease-in-out infinite .75s}@keyframes sparkle2a{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@keyframes sparkle2b{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.pattern-3:before,.pattern-3:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pattern-3:before{background-image:radial-gradient(6px 6px at 30px 40px,#3d9b9b 50%,transparent 50%),radial-gradient(4px 4px at 80px 120px,#3d9b9b 50%,transparent 50%),radial-gradient(6px 6px at 130px 60px,#3d9b9b 50%,transparent 50%),radial-gradient(4px 4px at 180px 180px,#3d9b9b 50%,transparent 50%),radial-gradient(6px 6px at 230px 100px,#3d9b9b 50%,transparent 50%),radial-gradient(4px 4px at 280px 30px,#3d9b9b 50%,transparent 50%),radial-gradient(6px 6px at 330px 150px,#3d9b9b 50%,transparent 50%),radial-gradient(4px 4px at 380px 80px,#3d9b9b 50%,transparent 50%);background-size:400px 200px;animation:twinkle 2s ease-in-out infinite}.pattern-3:after{background-image:radial-gradient(4px 4px at 55px 90px,#d4c4b0 50%,transparent 50%),radial-gradient(6px 6px at 105px 160px,#d4c4b0 50%,transparent 50%),radial-gradient(4px 4px at 155px 20px,#d4c4b0 50%,transparent 50%),radial-gradient(6px 6px at 205px 130px,#d4c4b0 50%,transparent 50%),radial-gradient(4px 4px at 255px 70px,#d4c4b0 50%,transparent 50%),radial-gradient(6px 6px at 305px 190px,#d4c4b0 50%,transparent 50%),radial-gradient(4px 4px at 355px 110px,#d4c4b0 50%,transparent 50%);background-size:400px 200px;animation:twinkle 2s ease-in-out infinite 1s}@keyframes twinkle{0%,to{opacity:.1}25%{opacity:1}50%{opacity:.15}75%{opacity:1}}.pattern-4:before,.pattern-4:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pattern-4:before{background-image:radial-gradient(circle at 20% 20%,rgba(61,155,155,.9) 0%,transparent 15px),radial-gradient(circle at 60% 40%,rgba(61,155,155,.8) 0%,transparent 12px),radial-gradient(circle at 80% 15%,rgba(61,155,155,.9) 0%,transparent 15px),radial-gradient(circle at 35% 70%,rgba(61,155,155,.8) 0%,transparent 12px),radial-gradient(circle at 90% 60%,rgba(61,155,155,.9) 0%,transparent 15px),radial-gradient(circle at 15% 85%,rgba(61,155,155,.8) 0%,transparent 12px),radial-gradient(circle at 70% 80%,rgba(61,155,155,.9) 0%,transparent 15px);animation:pulse4 2s ease-in-out infinite}.pattern-4:after{background-image:radial-gradient(circle at 40% 30%,rgba(212,196,176,.9) 0%,transparent 12px),radial-gradient(circle at 10% 50%,rgba(212,196,176,.8) 0%,transparent 10px),radial-gradient(circle at 55% 65%,rgba(212,196,176,.9) 0%,transparent 12px),radial-gradient(circle at 85% 40%,rgba(212,196,176,.8) 0%,transparent 10px),radial-gradient(circle at 25% 90%,rgba(212,196,176,.9) 0%,transparent 12px),radial-gradient(circle at 75% 95%,rgba(212,196,176,.8) 0%,transparent 10px);animation:pulse4 2s ease-in-out infinite 1s}@keyframes pulse4{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.pattern-5{background:radial-gradient(ellipse at 20% 30%,rgba(61,155,155,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(212,196,176,.15) 0%,transparent 50%),#f8f5f0}.pattern-5:before,.pattern-5:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pattern-5:before{background-image:radial-gradient(5px 5px at 15px 25px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(4px 4px at 45px 85px,rgba(61,155,155,.9) 50%,transparent 50%),radial-gradient(6px 6px at 85px 35px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(4px 4px at 115px 125px,rgba(61,155,155,.9) 50%,transparent 50%),radial-gradient(5px 5px at 155px 55px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(4px 4px at 195px 165px,rgba(61,155,155,.9) 50%,transparent 50%),radial-gradient(6px 6px at 235px 95px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(4px 4px at 275px 45px,rgba(61,155,155,.9) 50%,transparent 50%),radial-gradient(5px 5px at 315px 145px,rgba(61,155,155,1) 50%,transparent 50%),radial-gradient(4px 4px at 355px 75px,rgba(61,155,155,.9) 50%,transparent 50%),radial-gradient(6px 6px at 385px 185px,rgba(61,155,155,1) 50%,transparent 50%);background-size:400px 200px;animation:magicDust 3s ease-in-out infinite}.pattern-5:after{background-image:radial-gradient(4px 4px at 30px 105px,rgba(212,196,176,1) 50%,transparent 50%),radial-gradient(5px 5px at 70px 155px,rgba(212,196,176,.95) 50%,transparent 50%),radial-gradient(4px 4px at 110px 15px,rgba(212,196,176,.9) 50%,transparent 50%),radial-gradient(6px 6px at 150px 175px,rgba(212,196,176,1) 50%,transparent 50%),radial-gradient(4px 4px at 190px 65px,rgba(212,196,176,.9) 50%,transparent 50%),radial-gradient(5px 5px at 230px 135px,rgba(212,196,176,.95) 50%,transparent 50%),radial-gradient(4px 4px at 270px 195px,rgba(212,196,176,.9) 50%,transparent 50%),radial-gradient(6px 6px at 310px 25px,rgba(212,196,176,1) 50%,transparent 50%),radial-gradient(4px 4px at 350px 115px,rgba(212,196,176,.9) 50%,transparent 50%),radial-gradient(5px 5px at 390px 55px,rgba(212,196,176,.95) 50%,transparent 50%);background-size:400px 200px;animation:magicDust 3s ease-in-out infinite 1.5s}@keyframes magicDust{0%,to{opacity:.1;transform:translateY(0)}25%{opacity:1}50%{opacity:.2;transform:translateY(-8px)}75%{opacity:1}}@media (max-width: 768px){.pattern-preview{height:400px;padding:30px}.demo-product-card{padding:30px 35px;min-width:250px}.demo-product-card .name{font-size:1.4rem}.demo-product-card .price{font-size:1.7rem}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#f5f2ed,#e8e4de)}.admin-login-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #3d9b9b33;padding:40px;width:100%;max-width:400px;border-top:4px solid #3d9b9b}.admin-login-header{text-align:center;margin-bottom:30px}.admin-login-header svg{color:#3d9b9b;margin-bottom:15px}.admin-login-header h1{font-size:1.8rem;color:#2d7a7a;margin-bottom:5px}.admin-login-header p{color:#666;font-size:.95rem}.admin-login-form .form-group{margin-bottom:20px}.admin-login-form label{display:block;margin-bottom:8px;font-weight:600;color:#333}.admin-login-form input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.admin-login-form input:focus{outline:none;border-color:#3d9b9b}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:45px}.password-toggle{position:absolute;right:12px;background:none;border:none;padding:5px;cursor:pointer;color:#999;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:#3d9b9b}.login-error{background:#ffe0e0;color:#c00;padding:10px 15px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #3d9b9b66}.admin-page-wrapper{background:#f5f2ed;min-height:100vh}.admin-page{max-width:var(--max-width);margin:0 auto;padding:30px 20px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid #3d9b9b}.admin-header h1{font-size:1.8rem;color:#2d7a7a}.logout-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f5f2ed;border:1px solid #ddd;border-radius:8px;color:#666;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#e63946;color:#fff;border-color:#e63946}.admin-tabs{display:flex;gap:10px;margin-bottom:30px}.tab-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.tab-btn:hover{background:#e8f5f2;color:#3d9b9b;border-color:#3d9b9b}.tab-btn.active{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;border-color:#3d9b9b}.tab-btn.active svg{color:#fff}.editor-header{margin-bottom:25px}.editor-header h2{font-size:1.5rem;color:#2d7a7a;margin-bottom:5px}.editor-header p{color:#666;font-size:.95rem}.contacts-editor .editor-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.form-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #3d9b9b1a;border-left:4px solid #3d9b9b}.form-section h3{font-size:1.1rem;color:#2d7a7a;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e8f5f2}.form-group{margin-bottom:18px}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:#333;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3d9b9b}.social-icon{font-size:1.1rem}.editor-actions{display:flex;align-items:center;gap:15px;margin-top:30px;padding-top:20px;border-top:2px solid #e0e0e0}.save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #3d9b9b66}.reset-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f5f2ed;color:#666;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#ffebee;color:#c00;border-color:#ffcdd2}.save-message{color:#3d9b9b;font-weight:600;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.products-toolbar{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;align-items:center}.search-box{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:0 15px;flex:1;min-width:250px}.search-box svg{color:#3d9b9b}.search-box input{flex:1;padding:12px 0;border:none;font-size:.95rem}.search-box input:focus{outline:none}.category-filter{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer;min-width:180px}.category-filter:focus{outline:none;border-color:#3d9b9b}.add-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.add-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #3d9b9b66}.products-list{background:#fff;border-radius:12px;box-shadow:0 2px 10px #3d9b9b1a;overflow:hidden}.products-table-header{display:grid;grid-template-columns:80px 1fr 120px 150px 100px 100px;gap:15px;padding:15px 20px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);font-weight:600;color:#fff;font-size:.85rem;text-transform:uppercase}.product-row{display:grid;grid-template-columns:80px 1fr 120px 150px 100px 100px;gap:15px;padding:15px 20px;border-bottom:1px solid #f0f0f0;align-items:center;transition:background .2s}.product-row:hover{background:#f5f2ed}.product-row:last-child{border-bottom:none}.col-code{font-family:monospace;color:#666;font-size:.9rem}.col-name{font-weight:500;color:#333}.col-brand{color:#3d9b9b;font-weight:600}.col-category{color:#666;font-size:.9rem}.col-price{font-weight:700;color:#e63946}.col-actions{display:flex;gap:8px}.col-actions button{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.edit-btn{background:#e8f5f2;color:#3d9b9b}.edit-btn:hover{background:#3d9b9b;color:#fff}.delete-btn{background:#ffebee;color:#c00}.delete-btn:hover{background:#c00;color:#fff}.no-products{padding:60px 20px;text-align:center;color:#999}.products-footer{padding:15px 20px;background:#f5f2ed;color:#666;font-size:.9rem}.product-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.product-form{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;border-top:4px solid #3d9b9b}.product-form .form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #f0f0f0}.product-form .form-header h3{font-size:1.3rem;color:#2d7a7a}.close-btn{width:36px;height:36px;border:none;background:#f5f2ed;border-radius:50%;font-size:1.5rem;color:#666;cursor:pointer;transition:all .2s}.close-btn:hover{background:#e63946;color:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px}.form-grid .full-width{grid-column:1 / -1}.form-actions{display:flex;gap:15px;padding:20px 25px;border-top:2px solid #f0f0f0;background:#f5f2ed}.cancel-btn{padding:12px 24px;background:transparent;color:#666;border:2px solid #ddd;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn:hover{border-color:#999;color:#333}.orders-editor{background:#fff;border-radius:12px;box-shadow:0 2px 10px #3d9b9b1a;overflow:hidden}.orders-table-header{display:grid;grid-template-columns:80px 1fr 140px 140px 120px 100px;gap:15px;padding:15px 20px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);font-weight:600;color:#fff;font-size:.85rem;text-transform:uppercase}.order-row{display:grid;grid-template-columns:80px 1fr 140px 140px 120px 100px;gap:15px;padding:15px 20px;border-bottom:1px solid #f0f0f0;align-items:center;transition:background .2s}.order-row:hover{background:#f5f2ed}.order-row:last-child{border-bottom:none}.order-id{font-family:monospace;font-weight:600;color:#3d9b9b}.order-customer{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:600;color:#333}.customer-contact{font-size:.85rem;color:#666}.order-date{color:#666;font-size:.9rem}.order-total{font-weight:700;color:#e63946}.order-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.status-new{background:#fff3cd;color:#856404}.status-processing{background:#cce5ff;color:#004085}.status-completed{background:#d4edda;color:#155724}.status-cancelled{background:#f8d7da;color:#721c24}.no-orders{padding:60px 20px;text-align:center;color:#999}.no-orders svg{width:60px;height:60px;color:#ccc;margin-bottom:15px}.no-orders p{font-size:1.1rem}.order-details-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border-top:4px solid #3d9b9b}.order-details-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #f0f0f0}.order-details-header h3{font-size:1.3rem;color:#2d7a7a}.order-details-content{padding:25px}.order-info-section{margin-bottom:25px}.order-info-section h4{font-size:1rem;color:#3d9b9b;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e8f5f2}.order-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.order-info-row:last-child{border-bottom:none}.order-info-label{color:#666}.order-info-value{font-weight:600;color:#333}.order-items-list{margin-top:10px}.order-item{display:flex;justify-content:space-between;padding:10px;background:#f5f2ed;border-radius:8px;margin-bottom:8px}.order-item-name{font-weight:500}.order-item-qty{color:#666}.order-item-price{font-weight:600;color:#e63946}@media (max-width: 900px){.products-table-header,.product-row{grid-template-columns:70px 1fr 100px 80px}.orders-table-header,.order-row{grid-template-columns:60px 1fr 100px 80px}.col-category,.col-brand,.order-date{display:none}.contacts-editor .editor-form{grid-template-columns:1fr}}@media (max-width: 600px){.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-tabs,.products-toolbar{flex-direction:column}.search-box,.category-filter{width:100%}.add-btn,.reset-btn{width:100%;justify-content:center}.form-grid{grid-template-columns:1fr}.orders-table-header,.order-row{grid-template-columns:1fr 1fr;gap:10px}.order-id,.order-status{display:none}}.chat-widget{position:fixed;bottom:20px;right:20px;z-index:9999;font-family:inherit}.chat-toggle-btn{width:70px;height:70px;border-radius:50%;border:3px solid #d4c4b0;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 25px #3d9b9b80;transition:all .3s ease;position:relative}.chat-toggle-btn:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 10px 35px #3d9b9b99;border-color:#fff}.chat-toggle-btn.open{background:linear-gradient(135deg,#e63946,#c5303c);box-shadow:0 6px 25px #e6394680;border-color:#ffffff80}.chat-toggle-btn svg{width:36px;height:36px}.chat-toggle-btn.has-notification:after{content:"";position:absolute;top:5px;right:5px;width:14px;height:14px;background:#e63946;border-radius:50%;border:2px solid white;animation:pulse 1.5s infinite}.notification-dot{position:absolute;top:5px;right:5px;width:14px;height:14px;background:#e63946;border-radius:50%;border:2px solid white}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.chat-window{position:absolute;bottom:75px;right:0;width:360px;height:480px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #d4c4b0}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-avatar{width:42px;height:42px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-avatar svg{width:26px;height:26px;color:#fff}.chat-header-text h4{margin:0;color:#fff;font-size:1.15rem;font-weight:600}.chat-status{display:flex;align-items:center;gap:5px;font-size:.9rem;color:#ffffffe6}.status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%}.chat-close-btn{background:#fff3;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.chat-close-btn:hover{background:#ffffff4d}.chat-close-btn svg{width:18px;height:18px;color:#fff}.chat-body{flex:1;overflow-y:auto;background:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.chat-intro{padding:30px 25px;text-align:center;background:#fff;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-icon{width:90px;height:90px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:3px solid #d4c4b0;box-shadow:0 6px 20px #3d9b9b66}.intro-icon svg{width:50px;height:50px;color:#fff}.chat-intro h3{margin:0 0 10px;color:#333;font-size:1.3rem}.chat-intro p{margin:0 0 25px;color:#666;font-size:1.05rem;line-height:1.5}.name-form{width:100%}.name-form input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1.05rem;margin-bottom:12px;transition:border-color .2s;box-sizing:border-box}.name-form input:focus{outline:none;border-color:#3d9b9b}.name-form button{width:100%;padding:14px;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);border:2px solid #d4c4b0;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.name-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3d9b9b66;border-color:#fff}.name-form button:disabled{opacity:.5;cursor:not-allowed}.chat-messages{padding:15px;display:flex;flex-direction:column;gap:8px;min-height:100%}.chat-message{display:flex;flex-direction:column;max-width:80%}.chat-message.from-client{align-self:flex-end}.chat-message.from-manager{align-self:flex-start}.message-bubble{padding:10px 14px;border-radius:12px;font-size:1.05rem;line-height:1.4;word-wrap:break-word}.from-client .message-bubble{background:#dcf8c6;border-bottom-right-radius:4px}.from-manager .message-bubble{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.message-time{font-size:.8rem;color:#999;margin-top:4px;padding:0 5px}.from-client .message-time{text-align:right}.chat-input-form{display:flex;padding:12px 15px;background:#f5f5f5;border-top:1px solid #e0e0e0;gap:10px}.chat-input-form input{flex:1;padding:12px 16px;border:none;border-radius:25px;font-size:1.05rem;background:#fff;box-shadow:0 1px 3px #0000001a}.chat-input-form input:focus{outline:none;box-shadow:0 1px 5px #3d9b9b4d}.chat-input-form button{width:48px;height:48px;border:2px solid #d4c4b0;border-radius:50%;background:linear-gradient(135deg,#3d9b9b,#2d7a7a);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-input-form button:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 15px #3d9b9b80;border-color:#fff}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed}.chat-input-form button svg{width:22px;height:22px}@media (max-width: 480px){.chat-widget{bottom:15px;right:15px}.chat-toggle-btn{width:60px;height:60px}.chat-toggle-btn svg{width:30px;height:30px}.chat-window{position:fixed;bottom:0;right:0;left:0;width:100%;height:100%;border-radius:0;max-height:100vh}.chat-header{padding:12px 15px}.chat-intro{padding:20px}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:30px 20px;max-width:var(--max-width);margin:0 auto;width:100%}.footer{background:linear-gradient(135deg,#3d9b9b,#2d7a7a);padding:40px 20px 30px;margin-top:auto;border-top:3px solid #2d7a7a;border-bottom:3px solid #2d7a7a;box-shadow:0 -4px 20px #3d9b9b33}.footer-content{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo-text{color:#e63946;font-size:36px;font-weight:900;font-family:Inter,sans-serif;letter-spacing:3px;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.footer-contacts{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.footer-contact-btn{display:inline-flex;align-items:center;gap:12px;background:#ffffff26;border:2px solid #d4c4b0;border-radius:50px;padding:14px 24px;color:#fff;font-size:1.15rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000026}.footer-contact-btn:hover{background:#ffffff40;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.footer-contact-btn svg{flex-shrink:0;color:#d4c4b0}.footer-contact-btn span{white-space:nowrap}.footer-contact-btn .copy-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;margin-left:5px;cursor:pointer;opacity:.6;transition:all .2s;color:#d4c4b0}.footer-contact-btn .copy-btn:hover{opacity:1;transform:scale(1.1)}.footer-contact-btn .copy-btn svg{color:inherit}.footer-copyright{margin-top:15px;color:#ffffffb3;font-size:1.1rem;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);width:100%;text-align:center}.page-title{font-size:2.6rem;color:var(--color-primary-dark);margin-bottom:30px;text-align:center;font-weight:700}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.loading:after{content:"";width:40px;height:40px;border:4px solid var(--color-card-bg);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;background:#3d9b9b1a;border-radius:12px;border:2px dashed var(--color-primary)}.empty-state h2{color:var(--color-primary-dark);margin-bottom:15px;font-size:1.5rem}.empty-state p{color:var(--color-text-dark);font-size:1.1rem}@media (max-width: 768px){.main-content{padding:20px 15px}.page-title{font-size:1.8rem}.footer-contact-btn{padding:10px 15px;font-size:.9rem}.footer-copyright{font-size:.9rem}.footer-logo-text{font-size:28px;letter-spacing:2px}}:root{--color-primary: #3d9b9b;--color-primary-dark: #2d7a7a;--color-primary-light: #4db3b3;--color-accent: #e63946;--color-accent-dark: #c5303c;--color-beige: #f0ebe3;--color-beige-dark: #f5f2ed;--color-beige-light: #faf8f5;--color-card-bg: #f5f2ed;--color-card-border: #e8e2d8;--color-olive: #8b9a46;--color-text-dark: #1a1a1a;--color-text-light: #ffffff;--color-text-muted: #6b7280;--gradient-main: linear-gradient(135deg, #3d9b9b 0%, #2d7a7a 100%);--gradient-dark: linear-gradient(180deg, #2d7a7a 0%, #3d9b9b 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .2);--header-height: 80px;--category-bar-height: 60px;--max-width: 1600px;--border-radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;background:var(--color-beige-dark);min-height:100vh;color:var(--color-text-dark);line-height:1.6;font-weight:500}h1,h2,h3,h4,h5,h6{color:var(--color-primary-dark);font-weight:700;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{font-size:1rem;line-height:1.7}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-beige-dark)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}