:root{--primary-green:#159284;--accent-red:#b32127;--accent-red-hover:#8f1a1f;--dark:#111;--text:#444;--muted:#666;--light:#fafaf8;--white:#fff;--border:#e8e8e8;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--shadow-sm:0 8px 24px #0000000a;--shadow-md:0 14px 36px #00000014;--container:1300px;--section-padding:5rem 7%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{color:var(--text);background:var(--white);font-family:Arial,sans-serif;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:clip}img{max-width:100%;display:block}section{width:100%}.section-title{color:var(--dark);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.section-intro{max-width:760px;color:var(--muted);margin:0 auto;font-size:.98rem;line-height:1.75}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.active{opacity:1;transform:translateY(0)}.fade-in{opacity:1;will-change:opacity, transform;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in.show{opacity:1;transform:translateY(0)}body{overflow-x:hidden}.hero{color:#fff;text-align:left;background:#111;justify-content:flex-start;align-items:center;min-height:92vh;padding:0 7%;display:flex;position:relative;overflow:hidden}.hero-background{object-fit:cover;object-position:center;opacity:0;z-index:0;width:100%;height:100%;transition:opacity .7s ease-in-out;position:absolute;inset:0}.hero-background.active{opacity:1}.overlay{z-index:1;background:linear-gradient(90deg,#000000b8 0%,#00000094 35%,#00000059 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:760px;padding:40px 0;position:relative}.hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;margin-bottom:1.2rem;padding:.55rem 1rem;font-size:.82rem;font-weight:600;display:inline-block}.hero h1{max-width:700px;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.8rem);font-weight:800;line-height:1.05}.hero h2{color:#ffffffe6;max-width:650px;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.35rem);font-weight:400;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:1.8rem;display:flex}.hero-link{text-decoration:none}.hero-btn{cursor:pointer;border:none;border-radius:10px;padding:14px 28px;font-size:.98rem;font-weight:700;transition:all .3s}.primary-btn{background:var(--accent-red);color:#fff;box-shadow:0 10px 24px #b3212747}.primary-btn:hover{background:var(--accent-red-hover);transform:translateY(-2px)}.secondary-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff42}.secondary-btn:hover{background:#ffffff29;transform:translateY(-2px)}.hero-meta{flex-wrap:wrap;gap:12px;display:flex}.hero-meta span{color:#fffffff2;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:.55rem .95rem;font-size:.88rem}.hero-slider-indicator{gap:10px;margin-top:2rem;display:flex}.dot{background:#ffffff4d;border-radius:999px;width:32px;height:4px;transition:all .3s}.dot.active{background:var(--accent-red);width:46px}.hero-content>*{animation:.8s both fadeUp}.hero-content h1{animation-delay:.1s}.hero-content h2{animation-delay:.2s}.hero-actions{animation-delay:.3s}.hero-meta{animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.features{background:linear-gradient(#fff,#fcfcfb)}.who{background:#fff}.services-preview,.blog{background:#fafaf8}.packages{background:#fff}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--primary-green);margin-bottom:.8rem;font-size:.8rem;font-weight:600;display:inline-block}.features{grid-template-columns:repeat(3,1fr);gap:24px;padding:5rem 7%;display:grid}.features-heading{text-align:center;grid-column:1/-1;max-width:760px;margin:0 auto 1rem}.features-heading h2{color:#111;font-size:clamp(2rem,4vw,2.6rem);font-weight:700}.feature{background:#fafafa;border:1px solid #ececec;border-radius:20px;padding:2rem 1.6rem;transition:all .3s;box-shadow:0 10px 30px #0000000a}.feature:hover{border-color:#b3212733;transform:translateY(-8px);box-shadow:0 18px 40px #00000014}.feature-icon-wrap{background:#15928414;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.2rem;display:flex}.feature-icon{font-size:1.6rem}.feature h3{color:#111;margin-bottom:.9rem;font-size:1.35rem;font-weight:700;line-height:1.35}.feature p{color:#666;margin:0;font-size:.95rem;line-height:1.7}.who{border-top:1px solid #eee;padding:5rem 7%}.who-container{grid-template-columns:1.3fr .9fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:grid}.who-text{max-width:680px}.who h2{color:#111;margin-bottom:1.4rem;font-size:clamp(2rem,4vw,3.4rem);font-weight:700;line-height:1.15}.who-description{color:#555;margin-bottom:1rem;font-size:1rem;line-height:1.85}.who-side{flex-direction:column;gap:20px;display:flex}.reviews-card{background:linear-gradient(135deg,#f7faf8,#fff);border:1px solid #e5ece7;border-radius:20px;padding:2rem;box-shadow:0 12px 30px #0000000f}.reviews-tag{color:var(--primary-green);background:#1592841a;border-radius:999px;margin-bottom:1rem;padding:.45rem .8rem;font-size:.75rem;font-weight:600;display:inline-block}.reviews-card h3{color:#111;margin-bottom:.6rem;font-size:3rem;font-weight:800;line-height:1}.reviews-card h3 span{color:var(--accent-red)}.reviews-card p{color:#666;margin:0;font-size:.98rem}.who-points{gap:16px;display:grid}.who-point{border-left:4px solid var(--accent-red);background:#fafafa;border-radius:12px;padding:1rem 1rem 1rem 1.1rem}.who-point h4{color:#111;margin-bottom:.35rem;font-size:1rem}.who-point p{color:#666;margin:0;font-size:.92rem;line-height:1.65}.services-preview{border-top:1px solid #eee;padding:5rem 7%}.services-preview .section-label,.services-preview p.section-label{text-align:center;display:block}.services-preview h2{color:#111;text-align:center;margin-bottom:2rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.services-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:20px;padding-bottom:10px;display:flex;overflow-x:auto}.services-carousel::-webkit-scrollbar{height:6px}.services-carousel::-webkit-scrollbar-thumb{background:var(--accent-red);border-radius:10px}.service-slide{scroll-snap-align:start;border-radius:16px;flex-shrink:0;align-items:flex-end;min-width:320px;height:420px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.service-slide-image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.service-slide:hover{transform:translateY(-6px)}.service-overlay{z-index:1;background:linear-gradient(#0003,#000c);position:absolute;inset:0}.service-content{z-index:2;color:#fff;padding:20px;position:relative}.service-content h3{margin-bottom:8px;font-size:1.3rem;font-weight:600}.service-content p{opacity:.9;margin:0;font-size:.9rem;line-height:1.6}.packages{border-top:1px solid #eee;padding:5rem 7%}.packages h2{color:#111;text-align:center;margin-bottom:.8rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.packages-intro{text-align:center;color:#666;max-width:680px;margin:0 auto 2.5rem;font-size:.98rem;line-height:1.7}.pkg-grid{grid-template-columns:repeat(4,1fr);gap:22px;max-width:1300px;margin:0 auto;display:grid}.pkg-card{color:inherit;background:#fff;border:1px solid #e7e7e7;border-radius:22px;min-height:360px;padding:2rem 1.4rem;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:block;position:relative;box-shadow:0 10px 30px #0000000a}.pkg-card:hover{border-color:#b3212733;transform:translateY(-8px);box-shadow:0 18px 40px #00000014}.pkg-card.featured{border:2px solid var(--accent-red);background:linear-gradient(#fff,#fffaf9)}.pkg-card.premium{background:linear-gradient(#f7faf8,#fff);border-color:#15928433}.pkg-badge{background:var(--accent-red);color:#fff;letter-spacing:.04em;border-radius:999px;padding:.45rem .8rem;font-size:.72rem;font-weight:700;position:absolute;top:-12px;left:24px}.pkg-card h3{color:#111;margin-bottom:.8rem;font-size:1.6rem;font-weight:700}.pkg-subtitle{color:#555;margin-bottom:1.2rem;font-size:.98rem;line-height:1.7}.pkg-list{gap:.75rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.pkg-list li{color:#444;padding-left:1.4rem;font-size:.95rem;line-height:1.6;position:relative}.pkg-list li:before{content:"✓";color:var(--primary-green);font-weight:700;position:absolute;top:0;left:0}.pkg-best-for{color:#666;border-top:1px solid #efefef;margin-top:auto;padding-top:1rem;font-size:.92rem;line-height:1.6}.pkg-best-for span{color:#111;font-weight:700}.blog{border-top:1px solid #eee;padding:5rem 7%}.blog h2{color:#111;text-align:center;margin-bottom:.8rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.blog-intro{text-align:center;color:#666;max-width:760px;margin:0 auto 2.5rem;font-size:.98rem;line-height:1.75}.blog-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1300px;margin:0 auto;display:grid}.blog-card{background:#fff;border:1px solid #e8e8e8;border-radius:20px;padding:1.6rem;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 10px 28px #0000000a}.blog-card:hover{border-color:#b3212733;transform:translateY(-8px);box-shadow:0 18px 40px #00000014}.blog-tag{color:var(--primary-green);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;font-size:.78rem;font-weight:700;display:inline-block}.blog-card h3{color:#111;margin-bottom:1rem;font-size:1.35rem;font-weight:700;line-height:1.4}.blog-excerpt{color:#666;margin-bottom:1.4rem;font-size:.96rem;line-height:1.8}.blog-meta{color:#888;border-top:1px solid #efefef;justify-content:space-between;align-items:center;gap:12px;padding-top:1rem;font-size:.88rem;display:flex}.read-more{color:var(--accent-red);font-weight:600}@media (width<=1100px){.pkg-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr}}@media (width<=992px){.hero{min-height:85vh;padding:0 5%}.hero-content{max-width:100%}.hero h1{font-size:2.8rem}.hero h2{font-size:1rem}.features{grid-template-columns:1fr;padding:4rem 5%}.feature{padding:1.6rem 1.3rem}.who-container{grid-template-columns:1fr;gap:28px}.who,.services-preview,.packages,.blog{padding-left:5%;padding-right:5%}.who-text{max-width:100%}.who h2,.features-heading h2,.packages h2,.blog h2,.services-preview h2{text-align:center}}@media (width<=768px){.hero{align-items:center;min-height:82vh}.hero-badge{padding:.5rem .85rem;font-size:.72rem}.hero h1{font-size:2.2rem}.hero h2{font-size:.96rem;line-height:1.65}.hero-actions{flex-direction:column;align-items:stretch}.hero-btn{width:100%}.hero-meta{justify-content:flex-start;gap:10px}.hero-meta span{font-size:.8rem}.who{padding:4rem 5%}.reviews-card{padding:1.5rem}.reviews-card h3{font-size:2.4rem}.who-description{font-size:.96rem}.services-preview{padding:4rem 5%}.services-carousel{gap:14px;padding-bottom:10px;padding-left:2px}.service-slide{flex:0 0 85%;min-width:85%;height:360px}.service-content{padding:18px}.service-content h3{font-size:1.15rem}.service-content p{font-size:.9rem;line-height:1.6}.packages{padding:4rem 5%}.pkg-grid{scroll-snap-type:x mandatory;gap:16px;margin-top:1.5rem;padding-bottom:10px;display:flex;overflow-x:auto}.pkg-grid::-webkit-scrollbar{height:6px}.pkg-grid::-webkit-scrollbar-thumb{background:var(--accent-red);border-radius:999px}.pkg-card{scroll-snap-align:start;flex:0 0 85%;min-width:85%;min-height:auto}.blog{padding:4rem 5%}.blog-card{padding:1.4rem}.blog-card h3{font-size:1.2rem}.blog-excerpt{font-size:.93rem}.blog-meta{flex-direction:column;align-items:flex-start}}.core-divisions{background:#fff;border-top:1px solid #eee;padding:5rem 7%}.section-head.center p:not(.section-label){color:#666;max-width:780px;margin:0 auto;line-height:1.8}.core-divisions-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:2.5rem auto 0;display:grid}.core-division-card{background:#fafafa;border:1px solid #ececec;border-radius:22px;padding:1.7rem;transition:all .3s}.core-division-card:hover{transform:translateY(-7px);box-shadow:0 16px 36px #00000012}.core-division-card.highlight{background:linear-gradient(#f7faf8,#fff);border-color:#15928440}.core-division-card span{width:38px;height:38px;color:var(--accent-red);background:#b321271a;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1rem;font-weight:800;display:inline-flex}.core-division-card h3{color:#111;margin-bottom:.8rem;font-size:1.2rem}.core-division-card p{color:#666;margin:0;line-height:1.75}.who-we-serve{background:#fff;border-top:1px solid #eee;padding:5rem 7%}.serve-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1200px;margin:2.5rem auto 0;display:grid}.serve-card{text-align:center;color:#111;background:#fafafa;border:1px solid #ececec;border-radius:18px;padding:1.3rem;font-weight:700;transition:all .3s}.serve-card:hover{background:var(--primary-green);color:#fff;transform:translateY(-6px)}.operating-model{background:#fafaf8;border-top:1px solid #eee;padding:5rem 7%}.operating-model-container{grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:grid}.operating-model-text h2{color:#111;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.operating-model-text p{color:#666;line-height:1.85}.operating-steps{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.operating-step{background:#fff;border:1px solid #e8e8e8;border-radius:22px;padding:1.5rem;transition:all .3s;box-shadow:0 10px 28px #0000000a}.operating-step:hover{transform:translateY(-7px);box-shadow:0 16px 36px #00000012}.operating-step span{width:38px;height:38px;color:var(--primary-green);background:#1592841a;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1rem;font-weight:800;display:inline-flex}.operating-step h3{color:#111;margin-bottom:.6rem}.operating-step p{color:#666;margin:0;line-height:1.7}.home-energy-cta{color:#fff;text-align:center;background:#111;padding:5rem 7%}.home-energy-cta-content{max-width:820px;margin:0 auto}.home-energy-cta .section-label{color:#ffffffc7}.home-energy-cta h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.home-energy-cta p{color:#ffffffd1;line-height:1.85}.home-energy-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:2rem;display:flex}.home-energy-btn{border-radius:12px;padding:14px 24px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block}.home-energy-btn.primary{background:var(--accent-red);color:#fff}.home-energy-btn.secondary{color:#111;background:#fff}.home-energy-btn:hover{transform:translateY(-2px)}@media (width<=1100px){.core-divisions-grid{grid-template-columns:repeat(2,1fr)}.operating-model-container{grid-template-columns:1fr}.serve-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.core-divisions,.who-we-serve,.operating-model,.home-energy-cta{padding:4rem 5%}.core-divisions-grid,.serve-grid,.operating-steps{grid-template-columns:1fr}.home-energy-btn{text-align:center;width:100%}}.navbar{z-index:1000;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;gap:20px;max-width:1300px;margin:0 auto;padding:.5rem 7%;display:flex}.logo-link{width:165px;height:60px;display:block;position:relative;overflow:hidden}.logo-img{width:232px;max-width:none;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-links{flex:1;justify-content:center;align-items:center;gap:26px;display:flex}.nav-links a{color:#444;white-space:nowrap;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--accent-red)}.nav-links a.active:after{content:"";background:var(--accent-red);border-radius:999px;width:100%;height:2px;position:absolute;bottom:-6px;left:0}.navbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-auth-btn,.cart-btn-nav,.nav-user button,.menu-toggle{cursor:pointer;border:none;border-radius:10px;font-weight:800;transition:all .3s}.nav-auth-btn{background:var(--accent-red);color:#fff;padding:10px 15px}.nav-auth-btn:hover{background:var(--accent-red-hover);transform:translateY(-1px)}.nav-user{background:#f7faf8;border:1px solid #e5ece7;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.nav-user span{color:var(--accent-red-hover);white-space:nowrap;font-size:.9rem;font-weight:800}.nav-user button{background:var(--accent-red-hover);color:#fff;padding:8px 11px;font-size:.82rem}.cart-btn-nav{color:#111;background:#f3f3f3;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;position:relative}.cart-btn-nav:hover{background:#e9e9e9}.cart-badge{background:var(--accent-red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.78rem;font-weight:800;animation:.45s cartPulse;display:inline-flex}.menu-toggle{color:#111;background:#f3f3f3;padding:10px 14px;font-size:1rem;display:none}.nav-user{align-items:center;gap:10px;display:flex}.nav-user span{color:#111;font-weight:700}.dashboard-btn,.shop-btn,.logout-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-weight:700;transition:all .3s}.dashboard-btn{background:var(--primary-green);color:#fff}.dashboard-btn:hover{opacity:.9}.logout-btn{color:#be123c;background:#fff1f2}.logout-btn:hover{background:#ffe4e6}@keyframes cartPulse{0%{transform:scale(.75)}50%{transform:scale(1.18)}to{transform:scale(1)}}@media (width<=1100px){.nav-links{gap:16px}.nav-links a{font-size:.92rem}.nav-auth-btn,.cart-btn-nav{padding:9px 12px;font-size:.88rem}}@media (width<=1020px){.navbar{isolation:isolate;background:#fff;border-bottom-color:#e8e8e8;box-shadow:0 4px 18px #0000000f}.navbar-container{background:#fff;width:100%;max-width:none;padding-left:5%;padding-right:5%;position:relative}.menu-toggle{justify-content:center;align-items:center;display:inline-flex}.nav-links{z-index:2;background:#fff;border:1px solid #eee;border-radius:16px;flex-direction:column;align-items:flex-start;gap:14px;padding:1rem;display:none;position:absolute;top:calc(100% + 1px);left:5%;right:5%;box-shadow:0 14px 32px #00000014}.nav-links.active{display:flex}.nav-links a{width:100%}.nav-user span{display:none}}@media (width<=520px){.logo{flex:none;min-width:0}.logo-link{width:108px;height:52px;overflow:hidden}.logo-img{width:153px;max-width:none;height:auto}.navbar-container{gap:8px;min-height:68px}.navbar-right{gap:6px}.nav-auth-btn{padding:8px 10px;font-size:.75rem}.cart-btn-nav{padding:8px 10px;font-size:.8rem}.nav-user{background:0 0;border:none;padding:0}.nav-user button{padding:8px 10px}}.footer{color:#e9f7f5;background:linear-gradient(135deg,#0f645d 0%,#159284 58%,#0c544f 100%);padding-top:4rem}.footer-container{grid-template-columns:repeat(4,1fr);gap:40px;max-width:1300px;margin:0 auto;padding:0 7%;display:grid}.footer-logo{background:#fff;border-radius:12px;align-items:center;width:min(100%,245px);margin-bottom:1rem;padding:.55rem .75rem;text-decoration:none;display:inline-flex}.footer-logo img{width:100%;height:auto}.footer-text{color:#ffffffd1;font-size:.95rem;line-height:1.7}.footer-socials{gap:10px;margin-top:20px;display:flex}.footer-socials a{color:#fff;background:var(--accent-red);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,background .2s;display:inline-flex}.footer-socials a.social-facebook{color:#fff;background:#1877f2}.footer-socials a.social-instagram{color:#fff;background:linear-gradient(135deg,#f58529 0%,#dd2a7b 45%,#8134af 72%,#515bd4 100%)}.footer-socials a.social-tiktok{color:#fff;background:#111;box-shadow:3px 3px #fe2c55,-3px -3px #25f4ee}.footer-socials a.social-x{color:#fff;background:#000}.footer-socials a:hover{filter:brightness(1.12);transform:translateY(-2px)}.footer-col h4{color:#fff;margin-bottom:1rem;font-size:1rem}.footer-col ul{padding:0;list-style:none}.footer-col ul li{margin-bottom:.6rem;font-size:.92rem}.footer-col ul li a{color:#fffc;text-decoration:none}.footer-col ul li a:hover{color:#ffd5d7}.footer-cta:hover{background:var(--accent-red-hover)}.footer-bottom{text-align:center;color:#ffffffa6;border-top:1px solid #ffffff14;margin-top:3rem;padding:1.2rem 7%;font-size:.85rem}@media (width<=992px){.footer-container{grid-template-columns:1fr 1fr}}@media (width<=600px){.footer-container{grid-template-columns:1fr}}.agreement-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.agreement-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:85vh;padding:2rem;overflow-y:auto}.agreement-modal h2{margin-bottom:1rem}.agreement-content{color:#444;margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.agreement-checkbox{gap:10px;margin-bottom:1.5rem;display:flex}.agreement-actions{justify-content:space-between;display:flex}.cancel-btn{background:#eee;border-radius:8px;padding:10px 16px}.accept-btn{background:var(--accent-red);color:#fff;border-radius:8px;padding:10px 16px}.accept-btn:disabled{opacity:.5;cursor:not-allowed}.cart-drawer-backdrop{z-index:1000;background:#00000073;position:fixed;inset:0}.cart-drawer{z-index:1001;background:#fff;flex-direction:column;width:min(430px,100%);height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 28px #0000001f}.cart-drawer-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1.2rem 1.2rem 1rem;display:flex}.cart-drawer-header h2{color:#111;margin:0;font-size:1.3rem}.cart-close-btn{cursor:pointer;color:#111;background:0 0;border:none;font-size:1.7rem;line-height:1}.cart-drawer-body{flex:1;padding:1rem 1.2rem;overflow-y:auto}.cart-empty-state{color:#666;padding:1rem 0}.cart-item{border-bottom:1px solid #eee;padding:1rem 0}.cart-item-main{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:.9rem;display:flex}.cart-item-text h3{color:#111;margin:0 0 .25rem;font-size:1rem;line-height:1.4}.cart-item-text p{color:#666;margin:0 0 .35rem;font-size:.92rem}.cart-item-text span{color:var(--accent-red);font-size:.95rem;font-weight:700}.cart-remove-btn{color:#222;cursor:pointer;background:#f3f3f3;border:none;border-radius:10px;padding:10px 12px;font-weight:600;transition:all .3s}.cart-remove-btn:hover{background:#e9e9e9}.cart-item-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.cart-qty-controls{align-items:center;gap:10px;display:inline-flex}.cart-qty-controls button{cursor:pointer;background:#f3f3f3;border:none;border-radius:8px;width:34px;height:34px;font-size:1rem;transition:all .3s}.cart-qty-controls button:hover{background:#e7e7e7}.cart-qty-controls span{text-align:center;color:#111;min-width:20px;font-weight:700}.cart-item-total{color:#111;font-weight:800}.cart-drawer-footer{background:#fff;border-top:1px solid #eee;padding:1rem 1.2rem 1.2rem}.cart-total-row{color:#111;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.05rem;display:flex}.cart-checkout-btn{background:var(--accent-red);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px 18px;font-weight:700;transition:all .3s}.cart-checkout-btn:hover:not(:disabled){background:var(--accent-red-hover);transform:translateY(-2px)}.cart-checkout-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=480px){.cart-drawer-header,.cart-drawer-body,.cart-drawer-footer{padding-left:1rem;padding-right:1rem}.cart-item-main,.cart-item-footer{flex-direction:column;align-items:flex-start}.cart-item-total{margin-top:.3rem}}.cart-toast{z-index:2000;color:#fff;opacity:0;pointer-events:none;background:#111;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;transform:translateY(20px);box-shadow:0 14px 30px #0000002e}.cart-toast.show{opacity:1;transform:translateY(0)}.cart-toast-icon{font-size:1rem}@media (width<=768px){.cart-toast{bottom:16px;left:16px;right:16px}}.whatsapp-wrapper{z-index:999;position:fixed;bottom:25px;right:25px}.whatsapp-float{color:#fff;background:#25d366;border-radius:40px;align-items:center;gap:10px;padding:12px 18px;font-weight:500;text-decoration:none;transition:transform .2s;animation:2s infinite bounce;display:flex;box-shadow:0 10px 25px #0003}.whatsapp-float:hover{transform:scale(1.05)}.whatsapp-text{font-size:15px}.whatsapp-tooltip{color:#fff;opacity:0;background:#333;border-radius:6px;padding:6px 10px;font-size:12px;transition:opacity .2s;position:absolute;bottom:70px;right:0}.whatsapp-wrapper:hover .whatsapp-tooltip{opacity:1}.whatsapp-bubble{color:#333;background:#fff;border-radius:10px;max-width:200px;padding:10px 14px;font-size:14px;animation:.5s fadeIn;position:absolute;bottom:75px;right:0;box-shadow:0 8px 20px #00000026}.whatsapp-bubble:after{content:"";border:8px solid #0000;border-top-color:#fff;position:absolute;bottom:-8px;right:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}@media (width<=600px){.whatsapp-text{display:none}.whatsapp-float{border-radius:50%;justify-content:center;width:60px;height:60px}}