@import"https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Albert+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--color-primary: #3b5997;--color-secondary: #1F1F25;--color-body: #6E777D;--color-heading-1: #1f1f25;--color-white: #fff;--color-success: #3EB75E;--color-danger: #FF0003;--color-warning: #FF8F3C;--color-info: #1BA2DB;--color-button-primary: #4CAF50;--color-button-hover: #45a049;--color-accent-orange: #FD8F14;--color-facebook: #3B5997;--color-twitter: #1BA1F2;--color-youtube: #ED4141;--color-linkedin: #0077B5;--font-primary: "Exo", sans-serif;--font-secondary: "Albert Sans", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:10px;scroll-behavior:smooth}body{font-family:var(--font-secondary);font-size:1.6rem;line-height:1.6;color:var(--color-body);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);color:var(--color-heading-1);line-height:1.2;font-weight:700;margin-bottom:var(--spacing-md)}h1{font-size:6rem}h2{font-size:4.8rem}h3{font-size:3rem}h4{font-size:2.6rem}h5{font-size:2.4rem}h6{font-size:1.8rem}a{text-decoration:none;color:inherit;transition:color var(--transition-base)}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section-gap{padding:var(--spacing-2xl) 0}.section-gap-top{padding-top:var(--spacing-2xl)}.section-gap-bottom{padding-bottom:var(--spacing-2xl)}.text-center{text-align:center}.text-left{text-align:left}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}@media(max-width:768px){html{font-size:9px}h1{font-size:4rem}h2{font-size:3.5rem}h3{font-size:2.5rem}.container{padding:0 var(--spacing-sm)}}.button-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:1rem 2rem;font-family:var(--font-primary);font-size:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:none;outline:none;position:relative;overflow:hidden}.button-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button-btn:hover:before{width:300px;height:300px}.button-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button-btn:disabled{opacity:.6;cursor:not-allowed}.button-btn-primary{background-color:var(--color-button-primary);color:var(--color-white)}.button-btn-primary:hover:not(:disabled){background-color:var(--color-button-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.button-btn-primary:active:not(:disabled){transform:translateY(0)}.button-btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.button-btn-secondary:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-secondary)}.button-btn-small{padding:.8rem 1.6rem;font-size:1.4rem}.button-btn-medium{padding:1rem 2rem;font-size:1.6rem}.button-btn-large{padding:1.2rem 2.4rem;font-size:1.8rem}.button-btn-icon-left,.button-btn-icon-right{display:inline-flex;align-items:center;transition:transform var(--transition-base)}.button-btn:hover .button-btn-icon-right{transform:translate(4px)}.button-btn:hover .button-btn-icon-left{transform:translate(-4px)}.header-main{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;padding:var(--spacing-md) 0;transition:all var(--transition-base);box-shadow:0 2px 10px #0000001a}.header-sticky{padding:var(--spacing-sm) 0;box-shadow:var(--shadow-lg)}.header-wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.header-logo-area{display:flex;align-items:center;transition:transform var(--transition-base);min-width:140px}.header-logo-area:hover{transform:scale(1.05)}.header-logo-area img{height:90px;width:auto}.header-nav{flex:1;display:flex;justify-content:center}.header-nav-list{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}.header-nav-list>li{position:relative}.header-nav-list a,.header-nav-link{font-family:var(--font-primary);font-weight:600;font-size:1.4rem;text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);transition:color var(--transition-base);position:relative}.header-nav-list a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#3b5997;transform:translate(-50%);transition:width var(--transition-base)}.header-nav-list a:hover:after,.header-nav-list a.header-active:after{width:80%}.header-nav-list a:hover,.header-nav-list a.header-active{color:#3b5997}.header-has-dropdown{position:relative}.header-has-dropdown:hover .header-submenu{opacity:1;visibility:visible;transform:translateY(0)}.header-submenu{position:absolute;top:100%;left:0;background-color:var(--color-white);min-width:200px;padding:var(--spacing-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-base);list-style:none;margin-top:var(--spacing-sm);display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-xs);max-width:600px}.header-submenu li a{color:var(--color-secondary);display:block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:2px solid transparent;transition:all var(--transition-base)}.header-submenu li a:hover{border:2px solid var(--color-primary);border-radius:12px;color:var(--color-secondary);transform:translate(4px)}.header-submenu li a:after{display:none}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.header-menu-btn{display:none;background:none;color:var(--color-white);font-size:2rem;padding:var(--spacing-xs);transition:transform var(--transition-base)}.header-menu-btn:hover{transform:scale(1.1)}.header-brochure-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header-brochure-popup{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);max-width:700px;width:90%;max-height:80vh;overflow-y:auto}.header-brochure-popup h3{margin-bottom:var(--spacing-lg);color:var(--color-secondary)}.header-brochure-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.header-brochure-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:#f5f5f5;border-radius:var(--radius-md);transition:all var(--transition-base)}.header-brochure-item:hover{background-color:#e8e8e8;transform:translate(4px)}.header-brochure-item h6{margin:0;flex:1;color:var(--color-secondary)}.header-download-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-button-primary);color:var(--color-white);border-radius:var(--radius-md);transition:all var(--transition-base);font-weight:600}.header-download-btn:hover{background-color:var(--color-button-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.header-mobile-sidebar{position:fixed;top:0;right:0;width:300px;height:100vh;background-color:var(--color-secondary);z-index:1500;overflow-y:auto;box-shadow:-2px 0 10px #0000004d}.header-sidebar-content{padding:var(--spacing-xl)}.header-close-sidebar{background:none;color:var(--color-white);font-size:2rem;margin-bottom:var(--spacing-lg);transition:transform var(--transition-base)}.header-close-sidebar:hover{transform:rotate(90deg)}.header-mobile-nav{display:flex;flex-direction:column;gap:var(--spacing-md)}.header-mobile-nav a{color:var(--color-white);font-family:var(--font-primary);font-weight:600;font-size:1.6rem;text-transform:uppercase;padding:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1);transition:all var(--transition-base)}.header-mobile-nav a:hover{color:var(--color-primary);padding-left:var(--spacing-md)}.header-mobile-brand-dropdown{display:flex;flex-direction:column}.header-mobile-brand-dropdown>span{color:var(--color-white);font-family:var(--font-primary);font-weight:600;font-size:1.6rem;text-transform:uppercase;padding:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1)}.header-mobile-brand-dropdown ul{list-style:none;padding-left:var(--spacing-md);margin-top:var(--spacing-sm)}.header-mobile-brand-dropdown ul li a{font-size:1.4rem;color:var(--color-primary)}@media(min-width:992px){.header-main{padding:var(--spacing-md) 0}.header-wrapper{gap:var(--spacing-lg)}.header-logo-area img{height:65px}.header-nav-list{gap:var(--spacing-lg)}.header-nav-list a,.header-nav-link{font-size:1.4rem}}@media(max-width:991px){.header-main{padding:var(--spacing-sm) 0}.header-sticky{padding:var(--spacing-xs) 0}.header-wrapper{gap:var(--spacing-md)}.header-logo-area img{height:58px}.header-nav{display:none}.header-menu-btn{display:block;color:var(--color-secondary);font-size:1.8rem}.header-actions{gap:var(--spacing-xs)}.header-actions .button-btn{font-size:1.2rem;padding:.8rem 1.2rem}.header-submenu{max-width:500px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.header-nav-open{display:none}}@media(max-width:767px){.header-main,.header-sticky{padding:var(--spacing-xs) 0}.header-wrapper{gap:var(--spacing-sm)}.header-logo-area img{height:40px}.header-menu-btn{font-size:1.6rem;padding:var(--spacing-xs)}.header-actions{gap:var(--spacing-xs);flex-wrap:nowrap}.header-actions .button-btn{font-size:1rem;padding:.6rem 1rem;white-space:nowrap}.header-actions .button-btn:last-child{display:none}.header-actions .button-btn span{display:none}.header-actions .button-btn .button-btn-icon-left,.header-actions .button-btn .button-btn-icon-right{display:inline-block;margin:0}.header-mobile-sidebar{width:100%;max-width:320px}.header-brochure-popup{padding:var(--spacing-md);max-width:95%}.header-brochure-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.header-brochure-item h6{font-size:1.4rem}}@media(max-width:575px){.header-main{padding:.6rem 0}.header-sticky{padding:.5rem 0}.header-main .container{padding:0 var(--spacing-sm)}.header-wrapper{gap:var(--spacing-xs)}.header-logo-area{flex-shrink:0;min-width:120px}.header-logo-area img{height:45px;max-width:150px;object-fit:contain}.header-menu-btn{font-size:1.5rem;padding:.4rem;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.header-actions{gap:.4rem}.header-actions .button-btn{font-size:.9rem;padding:.5rem .8rem;min-height:36px}.header-actions .button-btn:first-child{padding:.5rem;min-width:36px}.header-actions .button-btn:first-child span{display:none}.header-actions .button-btn:last-child{display:none}.header-mobile-sidebar{width:100%;max-width:100%}.header-sidebar-content{padding:var(--spacing-md)}.header-mobile-nav a{font-size:1.4rem;padding:var(--spacing-xs) var(--spacing-sm)}.header-mobile-brand-dropdown>span{font-size:1.4rem;padding:var(--spacing-xs) var(--spacing-sm)}.header-mobile-brand-dropdown ul li a{font-size:1.2rem}.header-brochure-popup{padding:var(--spacing-sm);max-width:98%;max-height:90vh}.header-brochure-popup h3{font-size:1.6rem;margin-bottom:var(--spacing-md)}.header-brochure-item{padding:var(--spacing-sm)}.header-brochure-item h6{font-size:1.2rem}.header-download-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:1.2rem}}@media(max-width:399px){.header-main{padding:.5rem 0}.header-main .container{padding:0 var(--spacing-xs)}.header-logo-area img{height:40px;max-width:130px}.header-menu-btn{font-size:1.4rem;padding:.3rem;min-width:36px;min-height:36px}.header-actions{gap:.3rem}.header-actions .button-btn{font-size:.85rem;padding:.4rem .6rem;min-height:32px}.header-actions .button-btn:first-child{padding:.4rem;min-width:32px}}@media(max-width:991px)and (orientation:landscape){.header-main{padding:var(--spacing-xs) 0}.header-logo-area img{height:80px}.header-mobile-sidebar{width:100%;max-width:400px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.header-logo-area img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.footer-main{background-color:var(--color-secondary);color:var(--color-white);padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:var(--spacing-2xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo img{height:50px;width:auto;margin-bottom:var(--spacing-md);transition:transform var(--transition-base)}.footer-logo:hover img{transform:scale(1.05)}.footer-contact{display:flex;flex-direction:column}.footer-contact-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-contact-heading{color:var(--color-primary);font-size:1.6rem;font-weight:600;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.footer-contact-item a{color:var(--color-white);font-size:1.4rem;line-height:1.6;transition:color var(--transition-base)}.footer-contact-item a:hover{color:var(--color-primary)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.footer-social{display:flex;gap:var(--spacing-md);align-items:center}.footer-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:50%;color:var(--color-white);font-size:1.6rem;transition:all var(--transition-base);position:relative;overflow:hidden}.footer-social-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:var(--social-color);transform:translate(-50%,-50%);transition:width .4s,height .4s}.footer-social-link:hover:before{width:100%;height:100%}.footer-social-link:hover{color:var(--color-white);transform:translateY(-3px);box-shadow:0 4px 8px #0000004d}.footer-social-link svg{position:relative;z-index:1}.footer-copyright{color:#ffffffb3;font-size:1.4rem}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-social{flex-wrap:wrap;justify-content:center}}.home-hero-banner{position:relative;min-height:80vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--color-secondary) 0%,#2a2a35 100%);padding-top:100px;overflow:hidden}.home-hero-banner:before{content:"";position:absolute;inset:0;background-image:url(/react-app/dist/assets/astonplaza1-CbZImt8g.png);background-size:cover;background-position:center;opacity:.2;z-index:0}.home-hero-content{position:relative;z-index:1;text-align:center;color:var(--color-white);max-width:900px;margin:0 auto}.home-hero-title{font-size:5rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-white);line-height:1.2}.home-hero-description{font-size:1.8rem;line-height:1.8;margin-bottom:var(--spacing-xl);color:#ffffffe6}.home-hero-actions{display:flex;gap:var(--spacing-md);justify-content:center}.home-services-section{background-color:var(--color-white)}.home-section-header{text-align:center;margin-bottom:var(--spacing-xl)}.home-section-title{font-size:4rem;color:var(--color-secondary);margin-bottom:var(--spacing-md)}.home-section-pre{font-size:1.6rem;color:var(--color-body);margin-bottom:var(--spacing-sm)}.home-section-pre span{color:var(--color-primary);font-weight:600}.home-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.home-service-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);box-shadow:0 1px 10px #6e777d;border:1px solid rgba(0,0,0,.05)}.home-service-card:hover{box-shadow:0 1px 10px #6e777d;transform:translateY(-5px)}.home-service-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:var(--spacing-md)}.home-service-icon img{width:50px;height:50px;object-fit:contain}.home-service-title{font-size:2rem;color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.home-service-description{color:var(--color-body);line-height:1.6}.home-products-section{background:linear-gradient(135deg,var(--color-secondary) 0%,#2a2a35 100%);color:var(--color-white)}.home-products-section .home-section-title{color:var(--color-white)}.home-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.home-product-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.home-product-card:hover{background:#fff;box-shadow:var(--shadow-lg)}.home-product-image{width:100%;overflow:hidden;background:#ffffff0d}.home-product-image img{width:100%;object-fit:cover;transition:transform var(--transition-slow)}.home-product-card:hover .home-product-image img{transform:scale(1.1)}.home-product-content{padding:var(--spacing-lg)}.home-product-title{font-size:2rem;color:#000;margin-bottom:var(--spacing-sm)}.home-product-specs{list-style:none;padding:0}.home-product-specs li{color:#000c;padding:var(--spacing-xs) 0;position:relative;padding-left:var(--spacing-md)}.home-product-specs li:before{content:"•";position:absolute;left:0;color:#000;font-weight:700}.home-contact-info-box{text-align:center;padding:var(--spacing-xl);background:#ffffff0d;border-radius:var(--radius-lg);margin-top:var(--spacing-xl)}.home-contact-info-box p{color:var(--color-white);font-size:1.6rem;margin-bottom:var(--spacing-sm)}.home-contact-info-box a{color:var(--color-primary);font-weight:600;transition:color var(--transition-base)}.home-contact-info-box a:hover{color:var(--color-white)}.home-contact-info-box span{margin:0 var(--spacing-sm)}.home-bg-dark{background:linear-gradient(135deg,var(--color-secondary) 0%,#2a2a35 100%);color:var(--color-white)}.home-bg-feedback{background:linear-gradient(135deg,#a6e6ef1a,#1f1f251a)}.home-cta-section{background-color:var(--color-white)}.home-cta-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.home-cta-image img{width:100%;height:auto;border-radius:var(--radius-lg)}.home-cta-title{font-size:3.5rem;color:var(--color-secondary);margin-bottom:var(--spacing-xl);line-height:1.3}.home-expertise-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.home-expertise-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.home-expertise-icon{width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm)}.home-expertise-icon img{width:40px;height:40px;object-fit:contain}.home-expertise-info h5{font-size:2rem;color:var(--color-secondary);margin-bottom:var(--spacing-xs)}.home-expertise-info p{color:var(--color-body);line-height:1.6}.home-cta-actions{display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap}.home-call-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#a6e6ef1a;border-radius:var(--radius-md);transition:all var(--transition-base)}.home-call-button:hover{background:#a6e6ef33;transform:translateY(-2px)}.home-call-button svg{font-size:2rem;color:var(--color-button-primary)}.home-call-info{display:flex;flex-direction:column}.home-call-info span{font-size:1.2rem;color:var(--color-body)}.home-call-info a{font-size:1.6rem;font-weight:600;color:var(--color-secondary)}.home-stats-section{background:linear-gradient(135deg,#a6e6ef1a,#1f1f251a)}.home-stats-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.home-stats-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.home-stat-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.home-stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.home-stat-card-large{padding:var(--spacing-2xl)}.home-stat-card h2,.home-stat-number{font-size:6rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);transition:color .3s ease;display:inline-block;font-weight:700}.home-stat-number{will-change:contents;backface-visibility:hidden;transform:translateZ(0)}.home-stat-card h5{font-size:2.4rem;color:var(--color-secondary);margin-bottom:var(--spacing-xs)}.home-stat-card p{color:var(--color-body)}.home-stats-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.home-stats-text{flex:1}.home-stats-pre{font-size:1.6rem;color:var(--color-body);margin-bottom:var(--spacing-sm)}.home-stats-pre span{color:var(--color-primary);font-weight:600}.home-stats-text h3{font-size:3rem;color:var(--color-secondary);margin-bottom:var(--spacing-md)}.home-stats-description{color:var(--color-body);line-height:1.8;margin-bottom:var(--spacing-lg)}.home-rating-box{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.home-rating-score{font-size:3rem;font-weight:700;color:var(--color-accent-orange)}.home-rating-info p{font-weight:600;color:var(--color-secondary);margin-bottom:var(--spacing-xs)}.home-rating-info span{font-size:1.4rem;color:var(--color-body)}.home-stats-image{text-align:center}.home-stats-image img{max-width:250px;height:auto}.home-testimonials-section{background-color:var(--color-white)}.home-testimonials-carousel-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.home-testimonials-carousel{flex:1;overflow:hidden;position:relative;min-height:400px}.home-testimonials-track{display:flex;transition:transform .5s ease-in-out;will-change:transform;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.home-testimonial-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:2px solid rgba(0,0,0,.05);transition:all .5s ease-in-out;text-align:center;min-width:calc(50% - var(--spacing-lg) / 2);max-width:calc(50% - var(--spacing-lg) / 2);flex-shrink:0;opacity:1;transform:scale(1);height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.home-testimonial-card.active{opacity:1;transform:scale(1);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.home-testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px) scale(1.02);border-color:var(--color-primary)}.home-testimonial-nav-btn{width:50px;height:50px;border-radius:50%;border:none;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);font-size:1.8rem;flex-shrink:0;z-index:2;box-shadow:var(--shadow-md)}.home-testimonial-nav-btn:hover{background:var(--color-secondary);transform:scale(1.1);box-shadow:var(--shadow-lg)}.home-testimonial-nav-btn:active{transform:scale(.95)}.home-testimonials-dots{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.home-testimonial-dot{width:12px;height:12px;border-radius:50%;border:none;background:#0003;cursor:pointer;transition:all var(--transition-base);padding:0}.home-testimonial-dot:hover{background:#0006;transform:scale(1.2)}.home-testimonial-dot.active{background:var(--color-primary);width:30px;border-radius:6px}.home-testimonial-avatar{width:100px;height:100px;margin:0 auto var(--spacing-md);border-radius:50%;overflow:hidden;border:3px solid var(--color-primary)}.home-testimonial-avatar img{width:100%;height:100%;object-fit:cover}.home-testimonial-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:100%}.home-testimonial-text{color:var(--color-body);line-height:1.8;margin-bottom:var(--spacing-md);font-style:italic;flex:1}.home-testimonial-rating{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.home-stars{display:flex;gap:var(--spacing-xs);color:var(--color-accent-orange)}.home-star-icon{font-size:1.4rem}.home-testimonial-rating p{font-size:1.4rem;color:var(--color-body);font-weight:600}@media(max-width:991px){.home-hero-title{font-size:3.5rem}.home-cta-wrapper,.home-stats-wrapper{grid-template-columns:1fr}.home-services-grid,.home-products-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.home-hero-title{font-size:2.5rem}.home-hero-description{font-size:1.4rem}.home-section-title{font-size:3rem}.home-services-grid,.home-products-grid{grid-template-columns:1fr}.home-testimonial-nav-btn{width:40px;height:40px;font-size:1.4rem}.home-testimonials-carousel-wrapper{gap:var(--spacing-sm)}.home-testimonial-card{min-width:100%!important;max-width:100%!important}.home-cta-title{font-size:2.5rem}}.about-page{padding-top:100px}.about-breadcrumb-section{background:linear-gradient(135deg,var(--color-secondary) 0%,#2a2a35 100%);padding:calc(var(--spacing-2xl) * 3) 0;position:relative;overflow:hidden}.about-breadcrumb-section:before{content:"";position:absolute;inset:0;background-image:url(/react-app/dist/assets/haha-cLp2DeWd.jpg);background-size:cover;background-position:center}.about-breadcrumb-content{position:relative;z-index:1;text-align:center;color:var(--color-white)}.about-breadcrumb-bg-text{font-size:15rem;font-weight:700;color:#ffffff47;position:absolute;top:0%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:0}.about-breadcrumb-title{font-size:4rem;color:var(--color-white);margin-bottom:var(--spacing-md);position:relative;z-index:1}.about-breadcrumb-links{position:relative;z-index:1;display:flex;gap:var(--spacing-xs);justify-content:center;font-size:1.4rem}.about-breadcrumb-links a{color:#fffc;transition:color var(--transition-base)}.about-breadcrumb-links a:hover{color:var(--color-primary)}.about-breadcrumb-links .about-active{font-weight:600}.about-content-section{background-color:var(--color-white)}.about-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.about-image img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.about-text{display:flex;flex-direction:column;gap:var(--spacing-lg)}.about-section-header-left{margin-bottom:var(--spacing-md)}.about-section-header-left .about-section-title{font-size:3.5rem;line-height:1.3;margin-bottom:var(--spacing-md)}.about-description{display:flex;flex-direction:column;gap:var(--spacing-md)}.about-description p{color:var(--color-body);line-height:1.8;font-size:1.6rem}.about-features-section{background-color:var(--color-white)}.about-section-header{text-align:center;margin-bottom:var(--spacing-xl)}.about-section-title{font-size:4rem;color:var(--color-secondary);margin-bottom:var(--spacing-md)}.about-section-pre{font-size:1.6rem;color:var(--color-body);margin-bottom:var(--spacing-sm)}.about-section-pre span{color:var(--color-primary);font-weight:600}.about-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.about-feature-card{background:var(--color-white);padding:var(--spacing-xl);padding-bottom:calc(var(--spacing-xl) + 30px);border-radius:10px;box-shadow:0 0 6px #6e777d;border:none;transition:all var(--transition-base);position:relative;overflow:visible;display:flex;flex-direction:column;align-items:center;text-align:center}.about-feature-card:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid var(--color-white);z-index:1}.about-feature-card:before{display:none}.about-feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.about-feature-icon-wrapper{margin-bottom:var(--spacing-md);display:flex;justify-content:center}.about-feature-icon-circle{width:90px;height:90px;border-radius:50%;border:2px solid var(--color-button-primary);display:flex;align-items:center;justify-content:center;position:relative;background:transparent}.about-feature-icon-circle:before{content:"";position:absolute;width:75px;height:75px;border-radius:50%;border:1.5px solid var(--color-button-primary)}.about-feature-icon{font-size:2.8rem;color:var(--color-button-primary);position:relative;z-index:1;stroke-width:1}.about-feature-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);width:100%;text-align:left}.about-feature-title{font-size:2rem;font-weight:700;color:var(--color-secondary);margin:0;margin-bottom:var(--spacing-xs)}.about-feature-description{color:var(--color-body);line-height:1.7;font-size:1.5rem;margin:0;font-weight:400}.about-feature-number{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:45px;height:45px;background:var(--color-button-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:var(--color-white);z-index:2;box-shadow:0 2px 8px #4caf504d}.about-testimonials-section,.about-bg-feedback{background:linear-gradient(135deg,#a6e6ef1a,#1f1f251a)}.about-testimonials-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.about-testimonials-image img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.about-testimonials-content,.about-testimonials-slider{display:flex;flex-direction:column;gap:var(--spacing-lg)}.about-testimonial-item{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.about-testimonials-carousel .about-testimonial-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px) scale(1.02);border-color:var(--color-primary)}.about-testimonial-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.1)}.about-testimonial-info h5{font-size:1.8rem;color:var(--color-secondary);margin-bottom:var(--spacing-xs)}.about-testimonial-info span{color:var(--color-body);font-size:1.4rem}.about-testimonial-body p{color:var(--color-body);line-height:1.8;font-style:italic;font-size:1.6rem}.about-testimonials-carousel-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-md) 0}.about-testimonials-carousel{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-lg)}.about-testimonials-track{display:flex;transition:transform .8s cubic-bezier(.4,0,.2,1);will-change:transform;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.about-testimonials-carousel .about-testimonial-item{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:none;transition:all .5s cubic-bezier(.4,0,.2,1);min-width:calc(50% - var(--spacing-lg) / 2);max-width:calc(50% - var(--spacing-lg) / 2);flex-shrink:0;opacity:.7;transform:scale(.95);position:relative;overflow:hidden}.about-testimonials-carousel .about-testimonial-item.active{opacity:1;transform:scale(1);box-shadow:var(--shadow-lg)}.about-testimonials-carousel .about-testimonial-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px) scale(1.02)}.about-testimonial-nav-btn{display:none}.about-testimonials-dots{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap}.about-testimonial-dot{width:12px;height:12px;border-radius:50%;border:none;background:#3b59974d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;position:relative}.about-testimonial-dot:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-primary);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.about-testimonial-dot:hover{background:#3b599780;transform:scale(1.3)}.about-testimonial-dot.active{background:var(--color-primary);width:30px;border-radius:6px;box-shadow:0 2px 8px #3b599766}.about-testimonial-dot.active:after{width:100%;height:100%}@media(max-width:991px){.about-wrapper,.about-testimonials-wrapper{grid-template-columns:1fr}.about-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.about-breadcrumb-title{font-size:3rem}.about-breadcrumb-bg-text{font-size:5rem}.about-section-header-left .about-section-title{font-size:2.5rem}.about-features-grid{grid-template-columns:1fr}.about-feature-card{padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + 30px)}.about-feature-icon-circle{width:80px;height:80px}.about-feature-icon-circle:before{width:65px;height:65px}.about-feature-icon{font-size:2.4rem}.about-feature-title{font-size:1.8rem}.about-feature-description{font-size:1.4rem}.about-testimonials-carousel-wrapper{padding:var(--spacing-sm) 0}.about-testimonials-track{gap:var(--spacing-md)}.about-testimonials-carousel .about-testimonial-item{min-width:100%;max-width:100%;padding:var(--spacing-lg)}.about-testimonials-carousel .about-testimonial-item.active{transform:scale(1)}.about-testimonials-dots{margin-top:var(--spacing-md);gap:var(--spacing-xs)}.about-testimonial-dot{width:10px;height:10px}.about-testimonial-dot.active{width:24px}}@media(max-width:480px){.about-testimonials-carousel-wrapper{padding:var(--spacing-sm) 0}.about-testimonials-carousel{width:100%}.about-testimonials-carousel .about-testimonial-item{padding:var(--spacing-md)}.about-testimonial-info h5{font-size:1.6rem}.about-testimonial-body p{font-size:1.4rem}}.contact-page{padding-top:100px}.contact-breadcrumb-section{background:linear-gradient(135deg,var(--color-secondary) 0%,#2a2a35 100%);padding:calc(var(--spacing-2xl) * 3) 0;position:relative;overflow:hidden}.contact-breadcrumb-section:before{content:"";position:absolute;inset:0;background-image:url(/react-app/dist/assets/haha-cLp2DeWd.jpg);background-size:cover;background-position:center}.contact-breadcrumb-content{position:relative;z-index:1;text-align:center;color:var(--color-white)}.contact-breadcrumb-bg-text{font-size:15rem;font-weight:700;color:#ffffff47;position:absolute;top:0%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:0}.contact-breadcrumb-title{font-size:4rem;color:var(--color-white);margin-bottom:var(--spacing-md);position:relative;z-index:1}.contact-breadcrumb-links{position:relative;z-index:1;display:flex;gap:var(--spacing-xs);justify-content:center;font-size:1.4rem}.contact-breadcrumb-links a{color:#fffc;transition:color var(--transition-base)}.contact-breadcrumb-links a:hover{color:var(--color-primary)}.contact-breadcrumb-links .contact-active{font-weight:600}.contact-form-section{background-color:var(--color-white)}.contact-wrapper{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-xl);align-items:start}.contact-form-area{display:flex;flex-direction:column;gap:var(--spacing-xl);background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05);transition:all var(--transition-base);position:relative;overflow:hidden}.contact-form-area:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);z-index:1}.contact-form-area:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-form-header{margin-bottom:var(--spacing-md)}.contact-form-header .contact-section-title{font-size:3.5rem;margin-bottom:var(--spacing-sm)}.contact-section-pre{font-size:1.6rem;color:var(--color-body);margin-bottom:var(--spacing-sm)}.contact-section-pre span{color:var(--color-primary);font-weight:600}.contact-section-title{font-size:4rem;color:var(--color-secondary);margin-bottom:var(--spacing-md)}.contact-form-message{padding:1.6rem 2rem;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-weight:600;font-size:1.5rem;display:flex;align-items:center;gap:var(--spacing-sm);animation:slideInDown .4s ease-out;box-shadow:0 2px 8px #00000014}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.contact-form-message-success{background:linear-gradient(135deg,#3eb75e26,#3eb75e0d);color:var(--color-success);border:2px solid rgba(62,183,94,.3);position:relative;overflow:hidden}.contact-form-message-success:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.contact-form-message-error{background:linear-gradient(135deg,#dc354526,#dc35450d);color:var(--color-danger, #dc3545);border:2px solid rgba(220,53,69,.3)}@keyframes shimmer{0%{left:-100%}to{left:100%}}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative}.contact-form-group:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .3s ease}.contact-form-group:focus-within:after{width:100%}.contact-form-input,.contact-form-textarea{width:100%;padding:1.6rem 1.8rem;font-family:var(--font-secondary);font-size:1.6rem;color:var(--color-secondary);background:linear-gradient(to bottom,#fafafa,#f5f5f5);border:2px solid #e0e0e0;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;position:relative}.contact-form-input:hover,.contact-form-textarea:hover{border-color:#a6e6ef80;background:linear-gradient(to bottom,#fff,#fafafa);transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.contact-form-input:focus,.contact-form-textarea:focus{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 4px #a6e6ef26,0 4px 12px #0000001a;transform:translateY(-2px)}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:var(--color-body);opacity:.6;transition:opacity .3s ease}.contact-form-input:focus::placeholder,.contact-form-textarea:focus::placeholder{opacity:.4}.contact-form-textarea{resize:vertical;min-height:180px;font-family:inherit;line-height:1.6}.contact-form-textarea:focus{min-height:200px}.contact-map-area{position:sticky;top:120px}.contact-map-wrapper{width:100%;height:600px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background-color:#f5f5f5}.contact-map-wrapper iframe{width:100%;height:100%;border:none}@media(max-width:991px){.contact-wrapper{grid-template-columns:1fr}.contact-map-area{position:relative;top:0}.contact-map-wrapper{height:400px}.contact-form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.contact-form-area{padding:var(--spacing-xl)}}@media(max-width:768px){.contact-breadcrumb-title{font-size:3rem}.contact-breadcrumb-bg-text{font-size:5rem}.contact-form-header .contact-section-title{font-size:2.5rem}.contact-map-wrapper{height:300px}.contact-form-area{padding:var(--spacing-lg)}.contact-form{gap:var(--spacing-md)}.contact-form-input,.contact-form-textarea{padding:1.4rem 1.6rem;font-size:1.5rem}.contact-form-textarea{min-height:150px}.contact-form-textarea:focus{min-height:170px}}.brand-details-page{padding-top:100px}.brand-details-breadcrumb-section{background:linear-gradient(135deg,var(--color-secondary) 0%,#2a2a35 100%);padding:calc(var(--spacing-2xl) * 3) 0;position:relative;overflow:hidden}.brand-details-breadcrumb-section:before{content:"";position:absolute;inset:0;background-image:url(/react-app/dist/assets/haha-cLp2DeWd.jpg);background-size:cover;background-position:center}.brand-details-breadcrumb-content{position:relative;z-index:1;text-align:center;color:var(--color-white)}.brand-details-breadcrumb-bg-text{font-size:15rem;font-weight:700;color:#ffffff47;position:absolute;top:0%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:0}.brand-details-breadcrumb-title{font-size:4rem;color:var(--color-white);margin-bottom:var(--spacing-md);position:relative;z-index:1;text-transform:uppercase}.brand-details-breadcrumb-links{position:relative;z-index:1;display:flex;gap:var(--spacing-xs);justify-content:center;font-size:1.4rem}.brand-details-breadcrumb-links a{color:#fffc;transition:color var(--transition-base)}.brand-details-breadcrumb-links a:hover{color:var(--color-primary)}.brand-details-breadcrumb-links .brand-details-active{font-weight:600}.brand-details-categories-section{background-color:var(--color-white)}.brand-details-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.brand-details-category-card{background-color:#0000001a;display:block;padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.brand-details-category-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #00000026,0 4px 6px #0000001a}.brand-details-category-card h6{font-size:2rem;font-weight:700;margin:0}.brand-details-show-all-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:2px solid var(--color-primary);position:relative;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);display:inline-block;width:auto;min-width:150px;max-width:fit-content}.brand-details-categories-grid>div:last-child{display:flex;justify-content:right;align-items:center}.brand-details-show-all-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.brand-details-show-all-card h6{color:#fff;position:relative;z-index:1;font-size:1.4rem;font-weight:600;margin:0}.brand-details-show-all-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003,0 4px 8px #00000026;border-color:var(--color-primary)}.brand-details-products-section{background-color:#f5f5f5}.brand-details-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.brand-details-product-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.brand-details-product-card:hover{box-shadow:var(--shadow-lg)}.brand-details-product-image{display:block;width:100%;overflow:hidden;background-color:#f5f5f5}.brand-details-product-image img{width:100%;object-fit:cover;transition:transform var(--transition-slow)}.brand-details-product-card:hover .brand-details-product-image img{transform:scale(1.1)}.brand-details-product-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.brand-details-product-title{font-size:1.8rem;color:var(--color-secondary);margin:0;transition:color var(--transition-base);text-transform:uppercase}.brand-details-product-content a:hover .brand-details-product-title{color:var(--color-primary);text-transform:uppercase}@media(max-width:768px){.brand-details-breadcrumb-title{font-size:3rem}.brand-details-breadcrumb-bg-text{font-size:5rem}.brand-details-categories-grid,.brand-details-products-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.product-details-page{padding-top:100px}.product-details-breadcrumb-section{background:linear-gradient(135deg,var(--color-secondary) 0%,#2a2a35 100%);padding:var(--spacing-2xl) 0;position:relative;overflow:hidden}.product-details-breadcrumb-section:before{content:"";position:absolute;inset:0;background-image:url(../../assets/banner/breadcrumb/01.jpg);background-size:cover;background-position:center;opacity:.1}.product-details-breadcrumb-content{position:relative;z-index:1;text-align:center;color:var(--color-white)}.product-details-breadcrumb-bg-text{font-size:8rem;font-weight:900;color:#ffffff0d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:0}.product-details-breadcrumb-title{font-size:4rem;color:var(--color-white);margin-bottom:var(--spacing-md);position:relative;z-index:1;text-transform:uppercase}.product-details-breadcrumb-links{position:relative;z-index:1;display:flex;gap:var(--spacing-xs);justify-content:center;font-size:1.4rem}.product-details-breadcrumb-links a{color:#fffc;transition:color var(--transition-base)}.product-details-breadcrumb-links a:hover{color:var(--color-primary)}.product-details-breadcrumb-links .product-details-active{color:var(--color-primary);font-weight:600}.product-details-section{background-color:var(--color-white)}.product-details-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);font-family:var(--font-primary);font-size:1.6rem;font-weight:600;color:var(--color-secondary);background-color:transparent;border:2px solid var(--color-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.product-details-back-btn:hover{background-color:var(--color-secondary);color:var(--color-white)}.product-details-back-btn svg{transition:transform var(--transition-base)}.product-details-back-btn:hover svg{transform:translate(-4px)}.product-details-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.product-details-image-area{position:sticky;top:120px}.product-details-main-image{width:100%;background-color:#f5f5f5;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.product-details-main-image img{width:100%;height:auto;display:block}.product-details-info-area{display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-details-title{font-size:3.5rem;color:var(--color-secondary);margin-bottom:var(--spacing-md);text-transform:uppercase}.product-details-specs-section{background-color:#f5f5f5;padding:var(--spacing-lg);border-radius:var(--radius-lg)}.product-details-specs-title{font-size:2.4rem;color:var(--color-secondary);margin-bottom:var(--spacing-md)}.product-details-specs{color:var(--color-body);line-height:1.8;white-space:pre-line}.product-details-specs ul{list-style:none;padding:0}.product-details-specs li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.product-details-specs li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:1.8rem}.product-details-pdf-area{margin-top:var(--spacing-sm)}.product-details-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.product-details-description-section{margin-top:var(--spacing-xl)}.product-details-description-tabs{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.product-details-tab-header{display:flex;border-bottom:2px solid #f5f5f5}.product-details-tab-button{padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-primary);font-size:1.6rem;font-weight:600;color:var(--color-body);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all var(--transition-base)}.product-details-tab-button-active{color:var(--color-secondary);border-bottom-color:var(--color-primary)}.product-details-tab-button:hover{color:var(--color-secondary);background-color:#a6e6ef1a}.product-details-tab-content{padding:var(--spacing-xl)}.product-details-tab-pane{color:var(--color-body);line-height:1.8;font-size:1.6rem}.product-details-tab-pane p{margin-bottom:var(--spacing-md)}.product-details-tab-pane ul{list-style:none;padding:0}.product-details-tab-pane li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.product-details-tab-pane li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700}@media(max-width:991px){.product-details-wrapper{grid-template-columns:1fr}.product-details-image-area{position:relative;top:0}}@media(max-width:768px){.product-details-breadcrumb-title{font-size:3rem}.product-details-breadcrumb-bg-text{font-size:5rem}.product-details-title{font-size:2.5rem}.product-details-actions{flex-direction:column}.product-details-actions .button-btn{width:100%}}.product-pdf-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-md)}.product-pdf-popup{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.product-pdf-popup h3{color:var(--color-secondary);margin-bottom:var(--spacing-lg);font-size:2.4rem;text-align:center}.product-pdf-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.product-pdf-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#f5f5f5;border-radius:var(--radius-md);transition:all var(--transition-base)}.product-pdf-item:hover{background:#eaeaea;transform:translate(5px)}.product-pdf-item-icon{color:#d32f2f;font-size:2.4rem;flex-shrink:0}.product-pdf-item h6{flex:1;margin:0;font-size:1.6rem;color:var(--color-secondary);font-weight:500}.product-pdf-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:1rem 2rem;font-family:var(--font-primary);font-size:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:2px solid var(--color-primary);background-color:transparent;color:var(--color-primary);text-decoration:none;position:relative;overflow:hidden}.product-pdf-download-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.product-pdf-download-btn:hover:before{width:300px;height:300px}.product-pdf-download-btn:hover{background-color:var(--color-primary);color:var(--color-secondary)}@media(max-width:576px){.product-pdf-popup{padding:var(--spacing-lg);margin:var(--spacing-md)}.product-pdf-popup h3{font-size:2rem}.product-pdf-item{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.product-pdf-item h6{font-size:1.4rem}.product-pdf-download-btn{padding:.8rem 1.6rem;font-size:1.4rem;width:100%}}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:0}html{scroll-behavior:smooth}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--color-white);animation:spin 1s ease-in-out infinite}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:#fff;color:#000}.admin-sidebar{padding:18px 14px;border-right:1px solid rgba(0,0,0,.1);background:#fff;position:sticky;top:0;height:100vh}.admin-brand{font-weight:700;letter-spacing:.5px;padding:10px 10px 14px;font-size:18px;color:#000}.admin-nav{display:flex;flex-direction:column;gap:6px;padding:10px}.admin-nav a{text-decoration:none;color:#000;padding:10px 12px;border-radius:10px;background:#00000008}.admin-nav a.active{color:#000;background:#5a67d833}.admin-logout{margin:14px 10px 0;width:calc(100% - 20px);padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.2);background:#0000000d;color:#000;cursor:pointer}.admin-main{padding:22px;background:#fff;color:#000}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}}