.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--ink: #0f172a;--ink-soft: #334155;--muted: #64748b;--line: #e2e8f0;--panel: #f8fafc;--panel-strong: #f1f5f9;--blue: #2563eb;--blue-hover: #1d4ed8;--blue-deep: #1e293b;--cyan: #06b6d4;--red: #e11d48;--red-hover: #be123c;--green: #10b981;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 12px 28px -8px rgba(37, 99, 235, .4);--shadow-glow-red: 0 12px 28px -8px rgba(225, 29, 72, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%;height:auto}a{color:inherit;transition:var(--transition-smooth)}h1,h2,h3,h4,h5,h6{color:var(--ink);line-height:1.1;letter-spacing:-.02em;font-weight:800}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.topbar{display:flex;justify-content:center;gap:clamp(16px,4vw,48px);padding:10px 24px;background:linear-gradient(90deg,#0f172a,#1e293b);color:#e2e8f0;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;min-height:80px;padding:12px clamp(24px,5vw,72px);background:#ffffffd9;border-bottom:1px solid rgba(226,232,240,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:slideInDown .6s ease-out}.brand{display:grid;min-width:max-content;text-decoration:none;line-height:1}.brand-total{color:var(--red);font-size:clamp(26px,4vw,38px);font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,var(--red),#9f1239);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-tagline{color:var(--blue-deep);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 28px;color:var(--muted);font-size:14px;font-weight:600}.nav a{position:relative;text-decoration:none;padding:8px 0}.nav a:after{content:"";position:absolute;right:0;bottom:4px;left:0;height:2px;background:var(--blue);border-radius:2px;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav a:hover{color:var(--ink)}.nav a:hover:after{transform:scaleX(1);transform-origin:left}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:var(--radius-full);font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:var(--transition-smooth)}.nav-cta{background:var(--red);color:var(--white);box-shadow:var(--shadow-glow-red)}.nav-cta:hover{background:var(--red-hover);transform:translateY(-2px);box-shadow:0 16px 32px -8px #e11d4880}.button{border:1px solid var(--line);background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm)}.button:hover{border-color:var(--muted);background:var(--panel);transform:translateY(-2px)}.button.primary{border:none;background:linear-gradient(135deg,var(--blue),#1e40af);color:var(--white);box-shadow:var(--shadow-glow)}.button.primary:hover{background:linear-gradient(135deg,var(--blue-hover),#172554);transform:translateY(-2px);box-shadow:0 16px 32px -8px #2563eb80}.hero{position:relative;min-height:calc(100vh - 112px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,400px);align-items:center;gap:clamp(32px,5vw,64px);overflow:hidden;padding:clamp(64px,8vw,120px) clamp(24px,5vw,72px);isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-2}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(1.1) brightness(.9)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffffffa,#ffffffeb 40%,#ffffff4d)}.hero-content{width:min(880px,100%);animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}.eyebrow,.section-label{display:inline-block;margin:0 0 16px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;background:#2563eb1a;border-radius:var(--radius-full)}.hero h1{max-width:900px;margin:0;font-size:clamp(40px,7vw,76px);text-transform:uppercase;line-height:1.05;background:linear-gradient(to right,var(--ink),var(--ink-soft));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy{max-width:680px;margin:28px 0 0;color:var(--ink-soft);font-size:clamp(18px,2vw,22px);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}.hero-panel{padding:32px;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-lg);background:#ffffffb3;box-shadow:var(--shadow-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) .2s forwards;opacity:0}.hero-panel p{margin:0 0 12px;color:var(--blue);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.hero-panel strong{display:block;color:var(--ink);font-size:20px;line-height:1.5;font-weight:700}.section{padding:clamp(80px,10vw,120px) clamp(24px,5vw,72px)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1.2fr);gap:clamp(40px,6vw,80px);align-items:center}.section h2{max-width:820px;margin:0;font-size:clamp(32px,5vw,56px);line-height:1.1}.section-intro{max-width:760px;margin:20px 0 0;color:var(--muted);font-size:20px;line-height:1.6}.copy-block,.info-list,.contact-section p{color:var(--ink-soft);font-size:18px;line-height:1.7}.copy-block p{margin:0 0 20px}.copy-block p:last-child{margin-bottom:0}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:var(--white)}.stats-band div{padding:48px 32px;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);transition:var(--transition-smooth)}.stats-band div:hover{background:linear-gradient(135deg,rgba(37,99,235,.2),transparent)}.stats-band strong{display:block;font-size:clamp(32px,4vw,48px);font-weight:900;line-height:1;color:var(--white);margin-bottom:12px}.stats-band span{display:block;color:#94a3b8;font-size:15px;line-height:1.5}.section-head{max-width:900px;margin-bottom:56px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.service-grid article{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow-md);transition:var(--transition-smooth);cursor:pointer;position:relative}.service-grid article:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:#cbd5e1}.service-grid img{width:100%;height:240px;object-fit:contain;object-position:top center;padding:16px 16px 0;background-color:var(--white);transition:transform .6s ease}.service-grid article:hover img{transform:scale(1.05)}.service-grid h3{margin:28px 28px 12px;font-size:22px}.service-grid p{margin:0 28px 20px;color:var(--muted);flex-grow:1}.service-grid .read-more{display:block;margin:0 28px 28px;color:var(--blue);font-weight:700;font-size:15px;transition:var(--transition-smooth)}.service-grid article:hover .read-more{transform:translate(4px);color:var(--blue-deep)}.products-section{background:linear-gradient(180deg,var(--panel),#e2e8f0)}.product-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-group{position:relative;overflow:hidden;padding:0;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);cursor:pointer}.product-group:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-group:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:2}.product-group .product-img{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--line)}.product-group .product-info{padding:24px 32px 32px}.product-group h3{margin:0 0 20px;color:var(--ink);font-size:20px;font-weight:800}.product-group ul{display:grid;gap:12px;margin:0;padding:0;list-style:none;color:var(--ink-soft);font-size:15px}.product-group li{position:relative;padding-left:24px}.product-group li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px #2563eb66}.visual-catalog{background:radial-gradient(circle at 80% 0%,rgba(6,182,212,.15),transparent 40%),var(--ink);color:var(--white)}.visual-catalog h2{color:var(--white)}.visual-catalog .section-label{background:#06b6d426;color:var(--cyan)}.visual-catalog .section-intro{color:#94a3b8}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.catalog-grid a{display:block;overflow:hidden;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg);background:#1e293b;transition:var(--transition-smooth)}.catalog-grid img{width:100%;height:400px;object-fit:cover;object-position:top center;transition:transform .4s ease,filter .4s ease;filter:brightness(.9)}.catalog-grid a:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #00000080;border-color:#ffffff4d}.catalog-grid a:hover img{transform:scale(1.05);filter:brightness(1.05)}.muted-section{position:relative;background:var(--panel)}.muted-section>div{position:relative;z-index:1}.info-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:0}.cert-item{display:flex;align-items:flex-start;gap:16px;padding:20px;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-lg);background:#ffffffe6;backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.cert-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#06b6d44d}.cert-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#06b6d41a,#0e74900d);color:var(--cyan)}.cert-text{flex-grow:1}.cert-text strong{display:block;font-size:15px;color:var(--dark);margin-bottom:4px}.cert-text span{display:block;font-size:13.5px;color:var(--muted);line-height:1.5}.contact-card p{margin:0;font-size:16px}.info-list strong{color:var(--ink)}.customer-marquee{width:100%;overflow:hidden;position:relative;margin-top:48px;padding:40px 0}.marquee-track{display:flex;align-items:center;gap:80px;width:max-content;animation:scrollMarquee 40s linear infinite}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.marquee-track.reverse{animation-direction:reverse}.customer-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:transparent;border:none;box-shadow:none;flex-shrink:0}.customer-card img{max-width:100%;max-height:80px;width:auto!important;height:auto!important;object-fit:contain}.customer-card img.blue-logo{filter:brightness(0) invert(29%) sepia(96%) saturate(2206%) hue-rotate(206deg) brightness(101%) contrast(98%)}.contact-section{display:grid;grid-template-columns:1fr minmax(320px,480px);gap:clamp(40px,8vw,80px);background:linear-gradient(135deg,var(--ink),#1e293b);color:var(--white);align-items:center}.contact-section h2{color:var(--white)}.contact-section .section-label{background:#2563eb33;color:#93c5fd}.contact-section p{color:#cbd5e1}.contact-card{display:grid;gap:24px;padding:40px;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-xl);color:var(--ink);border:none}.contact-card p{color:var(--muted)}.contact-card a{display:inline-block;color:var(--blue);font-size:clamp(13px,3.5vw,18px);font-weight:700;text-decoration:none;transition:color .2s ease;word-break:break-all}.contact-card a:hover{text-decoration:underline;color:var(--blue-hover)}.contact-info-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.contact-info-item:last-child{margin-bottom:0}.contact-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:#2563eb1a;color:var(--blue);display:flex;align-items:center;justify-content:center}.contact-icon svg{width:24px;height:24px}.contact-details{flex-grow:1}.contact-details strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}.contact-details p{margin:0;color:var(--ink);font-size:16px;line-height:1.5}.contact-person-name{color:var(--ink-soft);margin-right:8px;font-size:15px}#dynamic-contact-persons{display:flex;flex-direction:column;gap:16px}.contact-form-container{background:#fff;padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--line);margin-top:24px}.contact-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--ink)}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-md);font-family:inherit;font-size:15px;transition:var(--transition-smooth)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0ea5e91a}.form-group textarea{resize:vertical;min-height:120px}.btn-submit{background:var(--blue);color:#fff;border:none;padding:14px 24px;font-size:16px;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);margin-top:8px}.btn-submit:hover{background:var(--blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-submit:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.form-status{padding:12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;display:none}.form-status.success{display:block;background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.form-status.error{display:block;background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.site-footer{background:#0f172a;color:#94a3b8;padding:60px clamp(24px,5vw,72px) 24px;margin-top:auto;font-size:15px}.site-footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px;max-width:1200px;margin:0 auto 48px}@media(max-width:768px){.site-footer-grid{grid-template-columns:1fr;gap:32px}}.footer-brand .brand-total{color:#fff;font-weight:900;font-size:24px;display:block;margin-bottom:8px}.footer-brand .brand-tagline{color:#38bdf8;font-weight:600;display:block;margin-bottom:20px}.footer-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 20px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links a{color:#cbd5e1;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#38bdf8}.footer-contact p{margin:0 0 12px;line-height:1.6}.footer-contact a{color:#cbd5e1;text-decoration:none}.footer-contact a:hover{color:#38bdf8}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;text-align:center;font-size:14px}.search-container{max-width:600px;margin:0 auto 40px;position:relative}.search-container input{width:100%;padding:16px 24px;border-radius:var(--radius-full);border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow-md);font-size:16px;font-family:inherit;color:var(--ink);outline:none;transition:var(--transition-smooth)}.search-container input:focus{border-color:var(--blue);box-shadow:var(--shadow-glow)}.skeleton-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--line);padding:32px;height:250px;display:flex;flex-direction:column;gap:16px;animation:pulse 1.5s infinite ease-in-out}.skeleton-title{height:24px;background:var(--line);border-radius:var(--radius-sm);width:70%}.skeleton-item{height:16px;background:var(--panel-strong);border-radius:var(--radius-sm);width:90%}.skeleton-item:last-child{width:60%}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.fab-whatsapp{position:fixed;bottom:32px;right:32px;width:60px;height:60px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #25d36666;z-index:100;transition:var(--transition-smooth)}.fab-whatsapp:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 25px #25d36680}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .4s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{position:relative;width:100%;max-width:800px;max-height:90vh;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow-y:auto;transform:scale(.95) translateY(20px);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.modal-overlay.active .modal-content{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);z-index:10}.modal-close:hover{background:var(--red);color:var(--white);border-color:var(--red);transform:rotate(90deg)}.modal-body{display:grid;grid-template-columns:1fr;gap:0}.modal-body img{width:100%;height:300px;object-fit:contain;background-color:var(--panel);padding:24px;border-bottom:1px solid var(--line)}.modal-text{padding:32px}.modal-text h3{font-size:28px;margin:0 0 16px;color:var(--ink)}.modal-text p{color:var(--ink-soft);font-size:16px;line-height:1.7;margin:0 0 24px}.modal-text ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.modal-text li{position:relative;padding-left:24px;color:var(--muted);font-size:15px}.modal-text li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px #2563eb66}@media(min-width:768px){.modal-body{grid-template-columns:1.2fr 1fr}.modal-body img{height:100%;min-height:400px;border-bottom:none;border-right:1px solid var(--line)}}@media(max-width:1200px){.hero{grid-template-columns:1fr;padding-top:80px}.hero-panel{max-width:480px}.hero:after{background:linear-gradient(180deg,#fffffff2,#ffffffd9)}}@media(max-width:1024px){.site-header{grid-template-columns:1fr auto;gap:16px 24px}.nav{grid-column:1 / -1;justify-content:flex-start}.nav-cta{display:inline-flex;padding:10px 20px;font-size:14px;min-height:40px}.service-grid,.product-groups,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-band{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:768px){.topbar{justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding:8px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.site-header{padding:16px 20px;gap:12px;grid-template-columns:1fr auto;align-items:center}.brand{justify-content:flex-start}.nav-cta{padding:8px 16px;font-size:12px;min-height:36px}.nav{grid-column:1 / -1;justify-content:center;gap:10px 16px;font-size:13px}.hero{padding:64px 20px 48px}.hero h1{font-size:clamp(36px,10vw,48px)}.hero-actions{justify-content:center}.hero-content{text-align:center;margin:0 auto}.hero-panel{margin:0 auto}.section{padding:80px 20px}.contact-section{grid-template-columns:1fr;gap:40px}.customer-marquee{mask-image:none;-webkit-mask-image:none}.customer-card img{max-height:50px}.contact-card,.contact-form-container{padding:24px}.service-grid,.product-groups{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-band div{padding:32px 20px}.footer{flex-direction:column;text-align:center}}@media(max-width:480px){.button,.nav-cta{width:100%}.stats-band,.catalog-grid{grid-template-columns:1fr}.catalog-grid img{height:320px}.contact-card a{font-size:13px;word-break:break-word}.contact-card{padding:16px}.contact-icon{width:36px;height:36px}.contact-icon svg{width:20px;height:20px}.contact-info-item{gap:12px}.contact-form-container{padding:20px}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;background:var(--white);border-radius:var(--radius-md);box-shadow:0 10px 40px -10px #0000004d;padding:16px 20px;width:340px;max-width:calc(100vw - 48px);transform:translate(120%);opacity:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s ease;pointer-events:auto;border-left:4px solid var(--blue)}.toast.show{transform:translate(0);opacity:1}.toast.success{border-left-color:var(--green)}.toast.error{border-left-color:var(--red)}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--white);font-weight:700;font-size:14px}.toast.success .toast-icon{background:var(--green)}.toast.error .toast-icon{background:var(--red)}.toast-content{flex-grow:1}.toast-title{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--ink)}.toast-message{margin:0;font-size:13.5px;color:var(--muted);line-height:1.5}.toast-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;margin:-4px -4px 0 0;border-radius:4px;transition:all .2s}.toast-close:hover{background:var(--line);color:var(--ink)}.lightbox-overlay{display:none;position:fixed;inset:0;z-index:10000;background:#0f172af2;align-items:center;justify-content:center;flex-direction:column;backdrop-filter:blur(8px)}.lightbox-overlay.active{display:flex}.lightbox-overlay img{max-width:90%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 40px #00000080;animation:zoomIn .3s cubic-bezier(.2,.8,.2,1)}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-close{position:absolute;top:20px;right:30px;font-size:40px;color:var(--white);background:transparent;border:none;cursor:pointer;z-index:10001;transition:var(--transition-smooth)}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);font-size:50px;color:var(--white);background:transparent;border:none;cursor:pointer;padding:20px;z-index:10001;transition:opacity .3s}.lightbox-prev:hover,.lightbox-next:hover,.lightbox-close:hover{opacity:.7}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-caption{margin-top:20px;color:var(--line);font-size:16px;font-weight:500;text-align:center;max-width:80%}@media(max-width:768px){.lightbox-prev{left:0;padding:10px;font-size:40px}.lightbox-next{right:0;padding:10px;font-size:40px}.lightbox-close{top:10px;right:10px;font-size:40px}}.chatbot-fab{position:fixed;bottom:28px;right:28px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#0e7490);color:#fff;border:none;cursor:pointer;box-shadow:0 6px 20px #06b6d459,0 2px 6px #0000001a;z-index:999;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);animation:chatbot-pulse 3s ease-in-out infinite}.chatbot-fab:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 8px 28px #06b6d473,0 4px 8px #0000001f}.chatbot-fab:active{transform:scale(.95)}@keyframes chatbot-pulse{0%,to{box-shadow:0 6px 20px #06b6d459}50%{box-shadow:0 6px 32px #06b6d48c}}.chatbot-fab .badge-dot{position:absolute;top:4px;right:4px;width:12px;height:12px;background:#10b981;border-radius:50%;border:2.5px solid white;animation:badge-ping 2s ease-in-out infinite}@keyframes badge-ping{0%,80%,to{transform:scale(1);opacity:1}40%{transform:scale(1.15);opacity:.8}}.chatbot-window{position:fixed;bottom:100px;right:28px;width:380px;max-height:520px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001f,0 8px 20px #00000014,0 0 0 1px #0000000a;z-index:1000;display:none;flex-direction:column;overflow:hidden;animation:chatbot-slide-up .35s cubic-bezier(.4,0,.2,1)}.chatbot-window.open{display:flex}@keyframes chatbot-slide-up{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{background:linear-gradient(135deg,#06b6d4,#0e7490);color:#fff;padding:18px 20px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}.chatbot-header:before{content:"";position:absolute;top:-30px;right:-20px;width:100px;height:100px;background:#ffffff0f;border-radius:50%}.chatbot-header:after{content:"";position:absolute;bottom:-40px;left:-10px;width:80px;height:80px;background:#ffffff0a;border-radius:50%}.chatbot-header-avatar{width:44px;height:44px;background:#ffffff2e;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;position:relative;z-index:1}.chatbot-header-info{position:relative;z-index:1}.chatbot-header-info h4{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em}.chatbot-header-info span{font-size:12px;opacity:.85;display:flex;align-items:center;gap:5px;margin-top:2px}.chatbot-header-info .online-dot{width:7px;height:7px;background:#34d399;border-radius:50%;display:inline-block;box-shadow:0 0 6px #34d39980}.chatbot-close{margin-left:auto;background:#ffffff26;border:none;color:#fff;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative;z-index:1}.chatbot-close:hover{background:#ffffff40}.chatbot-messages{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);max-height:340px;scroll-behavior:smooth}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chat-msg{max-width:82%;padding:11px 15px;border-radius:16px;font-size:13.5px;line-height:1.55;animation:msg-appear .3s cubic-bezier(.4,0,.2,1);word-wrap:break-word}@keyframes msg-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-msg.bot{align-self:flex-start;background:#fff;color:#334155;border:1px solid #e8ecf1;border-bottom-left-radius:6px;box-shadow:0 1px 3px #0000000a}.chat-msg.user{align-self:flex-end;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-bottom-right-radius:6px;box-shadow:0 2px 8px #06b6d433}.chat-msg.bot a{color:#0891b2;font-weight:600;text-decoration:none;border-bottom:1px dashed rgba(8,145,178,.3);transition:border-color .2s}.chat-msg.bot a:hover{border-bottom-color:#0891b2}.chat-msg.bot b{color:#0f172a}.chat-quick-replies{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;animation:msg-appear .3s ease}.chat-quick-replies button{background:#fff;color:#0891b2;border:1px solid #d1e9ef;padding:6px 14px;border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500;white-space:nowrap;box-shadow:0 1px 2px #0000000a}.chat-quick-replies button:hover{background:#06b6d4;color:#fff;border-color:#06b6d4;transform:translateY(-1px);box-shadow:0 3px 8px #06b6d433}.typing-indicator{display:flex;gap:5px;padding:12px 16px;align-self:flex-start;background:#fff;border:1px solid #e8ecf1;border-radius:16px 16px 16px 6px;box-shadow:0 1px 3px #0000000a}.typing-indicator span{width:7px;height:7px;background:#94a3b8;border-radius:50%;animation:typing-bounce 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.chatbot-input{display:flex;padding:14px 14px 16px;gap:10px;border-top:1px solid #f1f5f9;background:#fff;align-items:center}.chatbot-input input{flex:1;padding:11px 16px;border:1.5px solid #e2e8f0;border-radius:24px;font-size:13.5px;outline:none;font-family:inherit;transition:all .2s;background:#f8fafc;color:#0f172a}.chatbot-input input::placeholder{color:#94a3b8}.chatbot-input input:focus{border-color:#06b6d4;background:#fff;box-shadow:0 0 0 3px #06b6d41a}.chatbot-input button{width:42px;height:42px;min-width:42px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #06b6d440}.chatbot-input button:hover{transform:scale(1.05);box-shadow:0 4px 12px #06b6d459}.chatbot-input button:active{transform:scale(.95)}.product-detail-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(6px);z-index:1001;display:none;justify-content:center;align-items:center;padding:20px}.product-detail-overlay.active{display:flex}.product-detail-modal{position:relative;background:#fff;border-radius:24px;max-width:850px;width:100%;max-height:90vh;box-shadow:0 24px 80px #00000040;animation:modal-zoom .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.pd-close-x{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;color:#64748b;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.pd-close-x:hover{background:#e11d48;color:#fff;transform:rotate(90deg)}@keyframes modal-zoom{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.product-detail-modal .pd-image-wrapper{flex:1 1 50%;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:24px}.product-detail-modal .pd-image{width:100%;height:100%;max-height:400px;object-fit:contain}.product-detail-modal .pd-body{flex:1 1 50%;padding:40px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center}.product-detail-modal .pd-body h2{margin:0 0 16px;font-size:26px;color:#0f172a;font-weight:800;letter-spacing:-.02em}.product-detail-modal .pd-body p{color:#475569;font-size:15.5px;line-height:1.7;margin:0 0 32px}.product-detail-modal .pd-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.product-detail-modal .pd-actions a,.product-detail-modal .pd-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .2s ease;font-family:inherit}.pd-btn-wa,.pd-btn-chat{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;font-size:13.5px;font-weight:600;text-decoration:none;cursor:pointer;border:none;color:#fff!important;transition:all .3s ease;font-family:inherit;box-shadow:0 4px 12px #0000001a;white-space:nowrap}.pd-btn-wa{background:#25d366}.pd-btn-wa:hover{background:#20bd5a;transform:translateY(-2px);box-shadow:0 6px 16px #25d36659}.pd-btn-chat{background:#2563eb}.pd-btn-chat:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb59}@media(max-width:768px){.product-detail-modal{flex-direction:column;max-height:85vh;overflow-y:auto}.product-detail-modal .pd-image-wrapper{flex:none;padding:16px}.product-detail-modal .pd-image{max-height:200px}.product-detail-modal .pd-body{flex:none;padding:24px;overflow-y:visible}.product-detail-modal .pd-actions{flex-direction:column;gap:10px}.product-detail-modal .pd-actions a,.product-detail-modal .pd-actions button{justify-content:center;width:100%}}@media(max-width:480px){.chatbot-fab{bottom:20px;right:16px;width:54px;height:54px}.chatbot-window{right:10px;left:10px;bottom:86px;width:auto;max-height:70vh;border-radius:16px}.chatbot-messages{max-height:280px}}