@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;--primary: #22c55e;--primary-dark: #16a34a;--secondary: #fbbf24;--accent: #ef4444;--success: #22c55e;--danger: #ef4444;--dark: #0f172a;--dark-lighter: #fef3c7;--dark-card: #ffffff;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--shadow: rgba(0, 0, 0, .05);--rasta-red: #ef4444;--rasta-yellow: #fbbf24;--rasta-green: #22c55e;--jamaica-green-dark: #0d5d31;--jamaica-gold-dark: #b8860b;--jamaica-red-dark: #8b0000;--jamaica-bg: #1a1f1c;--jamaica-bg-light: #2a332e;--jamaica-accent: #1e4d2b;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f8f9fa;color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff,#f8f9fa,#f0fdf4);pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1.2;color:var(--text)}p{line-height:1.6;color:var(--text-muted)}button,input,textarea,select{font-family:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--dark-lighter)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--smoke),var(--primary));border-radius:6px;border:2px solid var(--dark-lighter)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary),var(--secondary))}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary);color:#fff}@keyframes glow{0%,to{box-shadow:0 0 20px #10b98166}50%{box-shadow:0 0 30px #10b98199}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.glass-effect{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.neon-text{text-shadow:0 0 10px rgba(16,185,129,.8),0 0 20px rgba(16,185,129,.6),0 0 30px rgba(16,185,129,.4)}*{box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column;background:#fff}.main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid var(--jamaica-green-dark);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0d5d3126;overflow:visible;padding-top:50px;min-height:90px}.header-svg-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.3;z-index:0}.header-svg-decoration svg{width:100%;height:100%}.header-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0 1rem;position:relative;z-index:1}.logo{display:flex;align-items:center;text-decoration:none;padding:1rem 1.5rem;border-radius:1.5rem;background:#fff;box-shadow:10px 10px 20px #0000001a,-10px -10px 20px #fff,inset 3px 3px 6px #0000000d;transition:all .3s ease;position:relative;margin-top:-40px;margin-bottom:-40px;z-index:10;flex-shrink:0;max-width:100%}.logo:before{content:"";position:absolute;inset:0;border-radius:1rem;background:linear-gradient(135deg,#0d5d310d,#b8860b0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.logo:hover{box-shadow:15px 15px 30px #0000001f,-15px -15px 30px #fff,inset 2px 2px 4px #00000008;transform:translateY(-3px) scale(1.02)}.logo:hover:before{opacity:1}.logo-image{height:120px;width:auto;max-width:100%;transition:transform .3s ease;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.15));position:relative;z-index:1;object-fit:contain}.logo:hover .logo-image{transform:scale(1.08)}.nav{display:flex;gap:.5rem;align-items:center;justify-content:center;flex:1;margin-left:180px}@media (max-width: 1200px){.nav{margin-left:160px}.logo-image{height:110px}.logo{padding:.9rem 1.25rem;margin-top:-35px;margin-bottom:-35px}}@media (max-width: 1024px){.nav{margin-left:150px}.logo-image{height:100px}.logo{padding:.85rem 1.15rem;margin-top:-32px;margin-bottom:-32px}.header{padding-top:45px;min-height:85px}}@media (max-width: 900px){.nav{margin-left:140px}.logo-image{height:95px}.logo{padding:.8rem 1rem;margin-top:-30px;margin-bottom:-30px}}.nav a{text-decoration:none;color:var(--text-muted);font-weight:600;font-size:.9rem;padding:.5rem 1.25rem;border-radius:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;background:transparent;z-index:1}.nav a:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0d5d311a,#b8860b1a);opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:.75rem;z-index:-1}.nav a:after{content:"";position:absolute;bottom:.5rem;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:3px;background:linear-gradient(90deg,var(--rasta-green),var(--rasta-yellow));border-radius:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.nav a:hover{color:var(--jamaica-green-dark);transform:translateY(-2px) scale(1.05)}.nav a:hover:before{opacity:1;transform:scale(1)}.nav a:hover:after{transform:translate(-50%) scaleX(1)}.nav a:active{transform:translateY(0) scale(1.02)}.nav a.nav-active{color:var(--jamaica-green-dark);background:linear-gradient(135deg,#0d5d311f,#b8860b1f)}.nav a.nav-active:before{opacity:1;transform:scale(1)}.nav a.nav-active:after{transform:translate(-50%) scaleX(1)}.header-actions{display:flex;align-items:center;gap:.75rem;z-index:2}.icon-button{background:transparent;border:2px solid transparent;cursor:pointer;padding:.75rem;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-muted);position:relative;overflow:hidden}.icon-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#0d5d3126,#b8860b26);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;z-index:0}.icon-button:hover{background:#0d5d311a;color:var(--jamaica-green-dark);border-color:#0d5d3133;transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px #0d5d3133}.icon-button:hover:before{width:100%;height:100%}.icon-button:active{transform:translateY(0) scale(1.05)}.cart-button{position:relative}.cart-badge{position:absolute;top:0;right:0;background:var(--danger);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;text-align:center}.menu-toggle{display:none}@media (max-width: 768px){.header{padding-top:35px;min-height:65px}.logo{margin-top:-25px;margin-bottom:-25px;padding:.65rem .85rem}.logo-image{height:80px}.header-content{padding:.5rem 0 .75rem;flex-wrap:wrap;justify-content:space-between}.nav{position:fixed;top:65px;left:0;right:0;background:#fff;flex-direction:column;padding:1.5rem;gap:.75rem;box-shadow:0 8px 24px #00000026;border-top:2px solid var(--jamaica-green-dark);transform:translateY(-100%);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:99;margin-left:0;width:100%}.nav a{width:100%;text-align:center;padding:1rem 1.5rem;font-size:1.1rem;border-radius:.75rem;background:#0d5d310d;border:2px solid transparent}.nav a:hover{background:linear-gradient(135deg,#0d5d3126,#b8860b26);border-color:var(--jamaica-green-dark);transform:translate(5px) scale(1.02)}.nav a:after{display:none}.nav-open{transform:translateY(0);opacity:1;pointer-events:all}.menu-toggle{display:block;padding:.75rem;border-radius:.75rem;transition:all .3s ease}.menu-toggle:hover{background:#0d5d311a;transform:scale(1.1)}}@media (max-width: 640px){.header{padding-top:30px;min-height:60px}.logo{margin-top:-20px;margin-bottom:-20px;padding:.6rem .75rem}.logo-image{height:70px}.header-content{padding:.4rem 0 .6rem}}@media (max-width: 480px){.header{padding-top:25px;min-height:55px}.logo{margin-top:-18px;margin-bottom:-18px;padding:.5rem .65rem}.logo-image{height:60px}.header-content{padding:.3rem 0 .5rem}.icon-button{padding:.5rem}.icon-button svg{width:18px;height:18px}}@media (max-width: 360px){.logo-image{height:55px}.logo{padding:.45rem .6rem;margin-top:-15px;margin-bottom:-15px}}.modern-hero{min-height:90vh;display:flex;align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa,#f0fdf4);position:relative;overflow:hidden;padding:2rem 0}.modern-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content-left{z-index:2}.hero-badge-new{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#ecfdf5;color:var(--rasta-green);border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid #d1fae5}.hero-title-new{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:1.5rem;line-height:1.1;color:var(--text)}.hero-title-highlight{background:linear-gradient(135deg,var(--rasta-green),var(--rasta-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.hero-subtitle-new{font-size:1.125rem;line-height:1.7;color:var(--text-muted);margin-bottom:2.5rem;max-width:500px}.hero-cta-buttons{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.btn-large{padding:1rem 2rem;font-size:1.125rem}.hero-stats-inline{display:flex;align-items:center;gap:2rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;border:2px solid var(--jamaica-green-dark);width:fit-content}.stat-inline{display:flex;flex-direction:column;gap:.25rem}.stat-number-inline{font-size:1.5rem;font-weight:700;color:var(--jamaica-green-dark)}.stat-label-inline{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:40px;background:var(--border)}.hero-product-showcase{position:relative;display:flex;align-items:center;justify-content:center}.hero-featured-product{background:#fff;border-radius:2rem;padding:3rem;box-shadow:0 20px 60px #0d5d3126;max-width:500px;width:100%;text-align:center;border:3px solid var(--jamaica-green-dark);position:relative;overflow:hidden}.hero-featured-product:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--rasta-red),var(--rasta-yellow),var(--rasta-green))}.featured-product-image{margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.featured-product-image img{width:100%;max-width:350px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15))}.featured-product-info{display:flex;flex-direction:column;gap:1rem}.product-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:9999px;font-size:.875rem;font-weight:600;color:var(--text);width:fit-content;margin:0 auto}.featured-product-info h3{font-size:2rem;font-weight:800;color:var(--jamaica-green-dark);margin:0}.featured-product-info p{color:var(--text-muted);font-size:1rem;margin:0}.product-price-tag{margin:1rem 0}.product-price-tag .price{font-size:3rem;font-weight:900;color:var(--rasta-green);display:block;letter-spacing:-.02em}.featured-product-info .btn{margin:0 auto;width:fit-content;padding:1rem 2.5rem;font-size:1.125rem}.hero-shape{position:absolute;border-radius:50%;opacity:.1;z-index:0}.hero-shape.shape-1{width:400px;height:400px;background:var(--rasta-green);top:-100px;right:-100px}.hero-shape.shape-2{width:300px;height:300px;background:var(--rasta-yellow);bottom:-50px;left:-50px}.hero-svg-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero-svg-decorations svg{position:absolute}.jamaica-pattern-1{top:10%;right:15%}.jamaica-pattern-2{bottom:20%;right:10%}.jamaica-pattern-3{top:50%;left:5%}.floating-icon{position:absolute;pointer-events:none;z-index:1}.floating-icon.icon-1{top:20%;left:10%}.floating-icon.icon-2{bottom:30%;right:15%}.page-svg-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.page-svg-decorations svg{position:absolute}.page-svg-1{top:5%;left:5%;animation:float-svg 6s ease-in-out infinite}.page-svg-2{top:15%;right:10%;animation:float-svg 8s ease-in-out infinite reverse}.page-svg-3{bottom:20%;left:8%;animation:float-svg 7s ease-in-out infinite}.page-svg-4{top:50%;right:15%;animation:float-svg 9s ease-in-out infinite reverse}.page-svg-5{bottom:10%;right:5%;animation:float-svg 6.5s ease-in-out infinite}.page-svg-6{top:30%;left:50%;animation:float-svg 7.5s ease-in-out infinite reverse}.page-svg-7{bottom:30%;right:25%;animation:float-svg 8.5s ease-in-out infinite}.page-svg-8{top:60%;left:20%;animation:float-svg 6.5s ease-in-out infinite reverse}@keyframes float-svg{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.shop-hero,.about-page,.contact-page,.cafe-hero-new,.cart-page,.checkout-page,.product-detail-page{position:relative;overflow:hidden}.product-card-svg-decoration{position:absolute;top:-10px;right:-10px;width:60px;height:60px;opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.product-card:hover .product-card-svg-decoration{opacity:.7}.product-image-overlay{position:absolute;top:10px;right:10px;opacity:0;transition:opacity .3s ease}.product-card:hover .product-image-overlay{opacity:1}@media (max-width: 1024px){.modern-hero-grid{grid-template-columns:1fr;gap:3rem}.hero-subtitle-new,.hero-featured-product{max-width:100%}}@media (max-width: 768px){.hero-cta-buttons{flex-direction:column}.btn-large{width:100%;justify-content:center}.hero-stats-inline{flex-direction:column;width:100%;gap:1rem}.stat-divider{width:100%;height:1px}.featured-product-image img{max-width:250px}.featured-product-info h3{font-size:1.75rem}.product-price-tag .price{font-size:2.5rem}.hero-featured-product{padding:2rem}}.hero{background:#fff;padding:4rem 0;text-align:center;position:relative;overflow:hidden}.hero-content{max-width:800px;margin:0 auto;padding:0 1rem;position:relative;z-index:1}.hero-badge{display:inline-block;padding:.5rem 1rem;background:var(--rasta-green);color:#fff;border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;color:var(--text)}.gradient-text{color:var(--rasta-green)}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;color:var(--text-muted);line-height:1.6}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;flex-wrap:wrap}.stat{text-align:center;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px var(--shadow);min-width:150px}.stat-icon{font-size:2rem;margin-bottom:.5rem;color:var(--rasta-green)}.stat-number{font-size:2rem;font-weight:700;color:var(--text);display:block}.stat-label{color:var(--text-muted);font-size:.875rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;font-size:1rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--dark-lighter)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-block{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.features-section{padding:4rem 0;background:#fff}.features-section .container{position:relative}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem;border-radius:.75rem;background:#fff;border:2px solid transparent;transition:transform .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--jamaica-green-dark)}.feature-card svg{color:var(--rasta-green);margin-bottom:1rem}.feature-card h3{margin-bottom:.5rem;font-size:1.25rem;color:var(--text)}.feature-card p{color:var(--text-muted)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem}.product-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px var(--shadow);border:2px solid transparent;transition:all .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;position:relative}.product-card:hover{border-color:var(--jamaica-green-dark);box-shadow:0 10px 25px #0d5d3126}.product-image{position:relative;width:100%;height:240px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.out-of-stock-badge{position:absolute;top:1rem;right:1rem;background:var(--danger);color:#fff;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:600}.product-info{padding:1.5rem;flex:1;display:flex;flex-direction:column;background:#fff}.product-category{color:var(--rasta-green);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.product-name{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text)}.product-rating{display:flex;align-items:center;gap:.375rem;margin:.5rem 0;font-size:.875rem}.reviews{color:var(--text-muted)}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem}.product-price{font-size:1.5rem;font-weight:700;color:var(--jamaica-green-dark)}.add-to-cart-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.add-to-cart-btn:hover:not(:disabled){background:var(--primary-dark)}.add-to-cart-btn:disabled{background:var(--text-muted);cursor:not-allowed}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.section-header h2{font-size:2rem;font-weight:700;color:var(--text);position:relative;padding-bottom:.5rem}.section-header h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--rasta-green),var(--rasta-yellow),var(--rasta-red));border-radius:2px}.section-subtitle{color:var(--text-muted);font-size:1rem;margin-top:.5rem}.featured-section{padding:4rem 0;background:#fefce8}.cta-section{padding:4rem 0;background:var(--text);color:#fff;text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:1rem}.cta-content p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.shop-page{padding:0}.shop-hero{background:#fff;padding:4rem 0;margin-bottom:3rem;border-bottom:2px solid var(--jamaica-green-dark)}.shop-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.shop-hero-content h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:1.5rem;line-height:1.2;color:var(--text)}.hero-badge-shop{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#fef2f2;color:var(--accent);border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid #fecaca}.shop-title-highlight{background:linear-gradient(135deg,var(--accent),var(--rasta-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shop-hero-subtitle{font-size:1.125rem;line-height:1.7;color:var(--text-muted);margin-bottom:2rem;max-width:500px}.shop-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.shop-feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--border);border-radius:.5rem;font-weight:600;color:var(--text);font-size:.875rem}.shop-feature-item svg{color:var(--accent)}.shop-products-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.shop-product-mini{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer}.shop-product-mini img{width:100%;height:150px;object-fit:cover;border-radius:.5rem;margin-bottom:.75rem}.shop-product-mini-info{display:flex;justify-content:space-between;align-items:center}.mini-category{font-size:.75rem;color:var(--accent);font-weight:600;text-transform:uppercase}.mini-price{font-size:1rem;font-weight:700;color:var(--text)}@media (max-width: 1024px){.shop-hero-grid{grid-template-columns:1fr}.shop-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.shop-products-showcase,.shop-features{grid-template-columns:1fr}}.shop-header{text-align:center;margin-bottom:3rem}.shop-header h1{font-size:3rem;margin-bottom:.5rem;color:var(--text)}.shop-controls{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px var(--shadow);border:2px solid var(--jamaica-green-dark);flex-wrap:wrap}.filter-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;flex:1}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap}.category-btn{padding:.5rem 1rem;background:#fff;border:2px solid var(--border);border-radius:.5rem;cursor:pointer;font-weight:500;color:var(--text);transition:all .2s ease}.category-btn:hover{border-color:var(--jamaica-green-dark);color:var(--jamaica-green-dark);background:#0d5d310d}.category-btn.active{background:var(--jamaica-green-dark);color:#fff;border-color:var(--jamaica-green-dark)}.sort-section{display:flex;align-items:center;gap:.5rem}.sort-section select{padding:.5rem 1rem;border:2px solid var(--border);border-radius:.5rem;background:#fff;color:var(--text);cursor:pointer}.sort-section select:focus{border-color:var(--jamaica-green-dark);outline:none}.products-count{color:var(--text-muted);margin-bottom:1rem}.footer{background:var(--jamaica-green-dark);color:#fff;padding:3rem 0 1rem;margin-top:4rem;border-top:3px solid var(--rasta-yellow)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:#fff;margin-bottom:1rem;font-size:1.25rem}.footer-section h4{color:#fff;margin-bottom:1rem}.footer-section p{margin-bottom:1rem;line-height:1.6;color:#cbd5e1}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#cbd5e1;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:#fff}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a;transition:background-color .2s ease}.social-links a:hover{background:var(--primary)}.newsletter-form{display:flex;gap:.5rem;margin-top:.5rem}.newsletter-form input{flex:1;padding:.5rem;border:1px solid #475569;border-radius:.375rem;background:#1e293b;color:#fff}.newsletter-form button{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:600;transition:background-color .2s ease}.newsletter-form button:hover{background:var(--primary-dark)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #475569;color:#cbd5e1}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:60vh}.empty-cart svg{color:var(--text-muted);margin-bottom:1.5rem}.empty-cart h2{font-size:2rem;margin-bottom:1rem}.empty-cart p{color:var(--text-muted);margin-bottom:2rem}.cart-page,.checkout-page{padding:3rem 0;min-height:70vh}.cart-page h1,.checkout-page h1{font-size:2.5rem;margin-bottom:2rem;color:var(--text)}.cart-content,.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:grid;grid-template-columns:100px 1fr auto;gap:1rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px var(--shadow);border:2px solid var(--jamaica-green-dark)}.cart-item-image{width:100px;height:100px;object-fit:cover;border-radius:.5rem}.cart-item-details{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.cart-item-name{font-size:1.125rem;font-weight:600;color:var(--text);text-decoration:none}.cart-item-name:hover{color:var(--primary)}.cart-item-category{color:var(--primary);font-size:.875rem;font-weight:600}.cart-item-price{color:var(--text-muted)}.cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.quantity-controls{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:.5rem;padding:.25rem}.quantity-controls button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:.375rem;transition:background-color .2s ease}.quantity-controls button:hover{background:var(--dark-lighter)}.quantity-controls span{min-width:32px;text-align:center;font-weight:600}.cart-item-total{font-size:1.25rem;font-weight:700;color:var(--jamaica-green-dark)}.remove-btn{background:none;border:none;color:var(--danger);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s ease}.remove-btn:hover{background:#fef2f2}.cart-summary,.checkout-summary{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px var(--shadow);border:2px solid var(--jamaica-green-dark);height:fit-content;position:sticky;top:100px}.cart-summary h2,.checkout-summary h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text)}.summary-row{display:flex;justify-content:space-between;margin-bottom:1rem;color:var(--text-muted)}.summary-divider{height:1px;background:var(--border);margin:1.5rem 0}.summary-total{font-size:1.5rem;font-weight:700;color:var(--jamaica-green-dark)}.continue-shopping{display:block;text-align:center;margin-top:1rem;color:var(--text-muted);text-decoration:none;font-weight:500}.continue-shopping:hover{color:var(--primary)}.checkout-form{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px var(--shadow);border:2px solid var(--jamaica-green-dark)}.form-section{margin-bottom:2rem}.form-section h2{font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;color:var(--text)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:var(--text)}.form-group input,.form-group textarea{padding:.75rem;border:2px solid var(--border);border-radius:.5rem;font-size:1rem;background:#fff;color:var(--text);transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--jamaica-green-dark);box-shadow:0 0 0 3px #0d5d311a}.secure-payment{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#f0fdf4;border-radius:.5rem;color:var(--success);font-size:.875rem;margin-top:1rem}.product-detail-page{padding:3rem 0;background:#fff}.breadcrumb{margin-bottom:2rem;color:var(--text-muted)}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--primary)}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.product-image-section img{width:100%;height:auto;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a}.product-detail-info{display:flex;flex-direction:column;gap:1.5rem}.product-category-badge{display:inline-block;background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:600;width:fit-content}.product-detail-info h1{font-size:2.5rem;line-height:1.2;color:var(--text)}.product-rating-section{display:flex;align-items:center;gap:.75rem}.rating-stars{display:flex;gap:.25rem}.rating-text{color:var(--text-muted)}.product-price-section{display:flex;align-items:center;gap:1rem}.product-price-section .price{font-size:2.5rem;font-weight:700;color:var(--text)}.stock{padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem}.in-stock{background:#f0fdf4;color:var(--success)}.out-of-stock{background:#fef2f2;color:var(--danger)}.product-description{line-height:1.7;color:var(--text-muted)}.product-actions{display:flex;gap:1rem;align-items:center}.quantity-selector{display:flex;align-items:center;border:1px solid var(--border);border-radius:.5rem;overflow:hidden}.quantity-selector button{padding:.75rem 1rem;background:#fff;border:none;cursor:pointer;font-size:1.125rem;font-weight:600;transition:background-color .2s ease}.quantity-selector button:hover:not(:disabled){background:var(--dark-lighter)}.quantity-selector button:disabled{opacity:.5;cursor:not-allowed}.quantity-selector input{width:60px;text-align:center;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);font-size:1.125rem;font-weight:600}.add-to-cart-large{flex:1;font-size:1.125rem;padding:1rem 2rem}.product-meta{display:flex;gap:1rem}.meta-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:1px solid var(--border);border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s ease;color:var(--text-muted)}.meta-btn:hover{border-color:var(--primary);color:var(--primary)}.related-products{margin-top:4rem}.related-products h2{margin-bottom:2rem;font-size:2rem;color:var(--text)}.about-page,.contact-page{padding:3rem 0}.about-header,.contact-header{text-align:center;margin-bottom:4rem;padding:3rem 0}.page-badge{display:inline-block;padding:.5rem 1rem;background:var(--rasta-green);color:#fff;border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.about-header h1,.contact-header h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem;color:var(--text);font-weight:800;line-height:1.2}.subtitle{font-size:1.25rem;color:var(--text-muted);max-width:700px;margin:0 auto}.about-story{margin-bottom:4rem}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.story-image{position:relative}.story-image img{width:100%;border-radius:1rem;box-shadow:0 20px 60px #00000026}.story-content{max-width:600px}.story-content h2{font-size:2rem;margin-bottom:1.5rem;color:var(--text);font-weight:700;position:relative;padding-bottom:1rem}.story-content h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--rasta-green),var(--rasta-yellow),var(--rasta-red));border-radius:2px}.story-content p{margin-bottom:1.5rem;line-height:1.8;color:var(--text-muted);font-size:1.05rem}.story-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.highlight{text-align:center;padding:1.5rem 1rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px var(--shadow)}.highlight-number{display:block;font-size:2rem;font-weight:800;color:var(--rasta-green);margin-bottom:.5rem}.highlight-label{display:block;font-size:.875rem;color:var(--text-muted);font-weight:500}.about-values{margin-bottom:4rem}.about-values h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--text);font-weight:800}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.value-card{text-align:center;padding:2.5rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;border:2px solid var(--border)}.value-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #00000026;border-color:var(--rasta-green)}.value-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--rasta-green);border-radius:50%;margin-bottom:1.5rem;color:#fff}.value-card h3{margin-bottom:.75rem;font-size:1.5rem;color:var(--text);font-weight:700}.value-card p{color:var(--text-muted);line-height:1.7;font-size:1.05rem}.about-location{margin-bottom:4rem}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:#fff;padding:3rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.location-info h2{font-size:2rem;margin-bottom:1rem;color:var(--text);font-weight:700}.location-info>p{margin-bottom:2rem;color:var(--text-muted);line-height:1.7;font-size:1.05rem}.location-details{display:flex;flex-direction:column;gap:1.5rem}.detail-item{padding:1rem;background:var(--dark-lighter);border-radius:.5rem}.detail-item strong{display:block;margin-bottom:.5rem;color:var(--text);font-weight:600}.detail-item p{margin:.25rem 0;color:var(--text-muted);font-size:.95rem}.location-image{position:relative}.location-image img{width:100%;border-radius:1rem;box-shadow:0 10px 40px #00000026}.about-cta{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--rasta-green),var(--rasta-yellow));border-radius:1rem;color:#fff}.about-cta h2{font-size:2.5rem;margin-bottom:1rem;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.about-cta p{font-size:1.25rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.contact-info h2{font-size:1.75rem;margin-bottom:1rem;color:var(--text)}.contact-info>p{margin-bottom:2rem;line-height:1.7;color:var(--text-muted)}.contact-methods{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.contact-method{display:flex;gap:1rem;align-items:flex-start}.contact-method svg{color:var(--primary);margin-top:.25rem}.contact-method h3{margin-bottom:.25rem;color:var(--text)}.contact-method p{color:var(--text-muted)}.business-hours{padding:1.5rem;background:var(--dark-lighter);border-radius:.5rem;margin-top:2rem}.business-hours h3{margin-bottom:.75rem;color:var(--text)}.business-hours p{color:var(--text-muted);margin-bottom:.5rem}.contact-form-section{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px var(--shadow)}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.map-section{margin-top:4rem;text-align:center}.map-section h2{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.map-description{color:var(--text-muted);font-size:1.125rem;margin-bottom:2rem}.map-container{margin-bottom:2rem;overflow:hidden;border-radius:1rem;box-shadow:0 10px 40px #0000001a}.map-container iframe{display:block;width:100%}.map-info{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;flex-wrap:wrap}.map-detail{display:flex;align-items:center;gap:.75rem;color:var(--text);font-weight:500}.map-detail svg{color:var(--rasta-green);flex-shrink:0}.dual-concept-section{padding:4rem 0;background:#fff}.dual-concept-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.concept-card{text-align:center;padding:3rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:2px solid var(--border)}.concept-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #00000026;border-color:var(--rasta-green)}.concept-icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:var(--rasta-green);border-radius:50%;margin-bottom:1.5rem;color:#fff}.concept-card h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text)}.concept-card p{color:var(--text-muted);line-height:1.7;margin-bottom:2rem;font-size:1.125rem}.concept-card .btn{margin:0 auto}@media (max-width: 768px){.dual-concept-grid{grid-template-columns:1fr}}.cafe-page{min-height:100vh}.cafe-hero-new{background:#fff;padding:4rem 0;margin-bottom:3rem;border-bottom:1px solid var(--border)}.cafe-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.cafe-hero-content h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:1.5rem;line-height:1.2;color:var(--text)}.hero-badge-cafe{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#ecfdf5;color:var(--rasta-green);border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid #d1fae5}.cafe-hero-subtitle{font-size:1.125rem;line-height:1.7;color:var(--text-muted);margin-bottom:2rem;max-width:500px}.cafe-features{display:flex;flex-direction:column;gap:1rem}.cafe-feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--border);border-radius:.75rem}.cafe-feature-item svg{color:var(--rasta-green);flex-shrink:0;margin-top:.25rem}.cafe-feature-item div{display:flex;flex-direction:column;gap:.25rem}.cafe-feature-item strong{font-weight:600;color:var(--text);font-size:.95rem}.cafe-feature-item span{font-size:.875rem;color:var(--text-muted)}.cafe-hero-images{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.cafe-hero-image-card{position:absolute;background:#fff;border-radius:1.5rem;padding:1.5rem;box-shadow:0 10px 40px #00000026;transition:all .3s ease}.cafe-hero-image-card img{width:150px;height:150px;object-fit:contain}.cafe-hero-image-card.img-1{top:20%;left:10%;transform:rotate(-8deg)}.cafe-hero-image-card.img-2{top:50%;left:50%;transform:translate(-50%,-50%) rotate(5deg) scale(1.2);z-index:2}.cafe-hero-image-card.img-3{bottom:20%;right:10%;transform:rotate(-5deg)}@media (max-width: 1024px){.cafe-hero-grid{grid-template-columns:1fr}.cafe-hero-images{height:300px}.cafe-hero-image-card img{width:100px;height:100px}}@media (max-width: 640px){.cafe-features{gap:.75rem}.cafe-feature-item{padding:.75rem}}.cafe-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem;padding:3rem 0}.cafe-menu-section h2{font-size:2rem;margin-bottom:1.5rem;color:var(--text)}.order-type-selector{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px var(--shadow)}.order-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:transparent;border:2px solid var(--border);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--text-muted)}.order-type-btn:hover{border-color:var(--primary);color:var(--primary)}.order-type-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cafe-menu-grid{display:grid;gap:1.5rem}.cafe-menu-item{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.cafe-menu-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cafe-menu-item img{width:120px;height:120px;object-fit:cover;border-radius:.5rem}.cafe-item-info{display:flex;flex-direction:column;gap:.75rem}.cafe-item-header{display:flex;justify-content:space-between;align-items:flex-start}.cafe-item-header h3{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.cafe-item-category{color:var(--rasta-green);font-size:.875rem;font-weight:600;text-transform:uppercase;margin-top:.25rem}.cafe-item-price{font-size:1.5rem;font-weight:700;color:var(--text)}.cafe-item-description{color:var(--text-muted);font-size:.875rem;line-height:1.6;margin:0}.add-to-order-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.875rem;width:fit-content}.add-to-order-btn:hover:not(:disabled){background:var(--primary-dark)}.add-to-order-btn:disabled{background:var(--text-muted);cursor:not-allowed}.cafe-order-summary{position:relative}.order-summary-sticky{position:sticky;top:100px;background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px var(--shadow);max-height:calc(100vh - 120px);overflow-y:auto}.order-summary-sticky h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text)}.empty-order{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-muted)}.empty-order svg{margin-bottom:1rem;opacity:.5}.empty-order p{font-weight:600;margin-bottom:.5rem;color:var(--text)}.empty-order span{font-size:.875rem}.order-items-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.order-item{display:grid;grid-template-columns:60px 1fr auto;gap:1rem;padding:1rem;background:var(--dark-lighter);border-radius:.5rem}.order-item img{width:60px;height:60px;object-fit:cover;border-radius:.375rem}.order-item-details h4{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--text)}.order-item-price{color:var(--text-muted);font-size:.875rem}.order-item-controls{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:.375rem;padding:.25rem;background:#fff}.order-item-controls button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:.25rem;transition:background-color .2s ease;color:var(--text)}.order-item-controls button:hover{background:var(--border)}.order-item-controls span{min-width:24px;text-align:center;font-weight:600;font-size:.875rem}.order-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:2px solid var(--border);border-bottom:2px solid var(--border);margin-bottom:1.5rem;font-size:1.125rem}.order-total .total-amount{font-size:1.75rem;font-weight:700;color:var(--primary)}.order-form{display:flex;flex-direction:column;gap:1rem}.order-form .form-group{display:flex;flex-direction:column;gap:.5rem}.order-form label{font-weight:600;color:var(--text);font-size:.875rem}.order-form input,.order-form textarea{padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:1rem;transition:border-color .2s ease}.order-form input:focus,.order-form textarea:focus{outline:none;border-color:var(--primary)}.order-form textarea{resize:vertical;font-family:inherit}@media (max-width: 1024px){.product-detail-grid,.story-grid,.contact-grid,.location-grid,.cart-content,.checkout-grid{grid-template-columns:1fr}.cart-summary,.checkout-summary{position:static}.cafe-layout{grid-template-columns:1fr}.order-summary-sticky{position:static;max-height:none}.story-highlights{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.container{padding:0 1rem}.cart-item{grid-template-columns:80px 1fr;gap:1rem}.cart-item-actions{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.product-actions{flex-direction:column;align-items:stretch}.quantity-selector{justify-content:center}.hero-title{font-size:2rem}.hero-stats{gap:2rem}.cafe-menu-item{grid-template-columns:1fr}.cafe-menu-item img{width:100%;height:200px}.story-highlights{grid-template-columns:1fr}}@media (max-width: 640px){.hero{padding:2rem 0}.section-header h2{font-size:1.5rem}.cta-content h2{font-size:2rem}.products-grid{grid-template-columns:1fr}.about-header h1,.about-values h2,.about-cta h2{font-size:1.75rem}}.whatsapp-button{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:#25d366;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #25d36666;z-index:1000;transition:all .3s ease}.whatsapp-button:hover{box-shadow:0 8px 20px #25d36699}.whatsapp-chat-window{position:fixed;bottom:6rem;right:2rem;width:360px;max-height:550px;background:#fff;border-radius:1rem;box-shadow:0 10px 40px #0003;z-index:999;overflow:hidden;display:flex;flex-direction:column}.chat-header{background:#25d366;color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.chat-header-info{display:flex;align-items:center;gap:.75rem}.chat-avatar{width:45px;height:45px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-header-info h4{margin:0;font-size:1rem;font-weight:600}.chat-status{display:flex;align-items:center;gap:.375rem;font-size:.75rem;opacity:.9}.status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.chat-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s ease}.chat-close-btn:hover{background:#fff3}.chat-body{flex:1;overflow-y:auto;padding:1.5rem;background:#f0f2f5;max-height:350px}.chat-welcome-message{background:#fff;padding:1rem;border-radius:.75rem;margin-bottom:1rem;box-shadow:0 1px 2px #0000001a}.chat-welcome-message p{margin:.5rem 0;color:var(--text);line-height:1.5}.chat-welcome-message p:first-child{font-weight:600}.quick-replies{display:flex;flex-direction:column;gap:.5rem}.quick-reply-btn{background:#fff;border:1px solid var(--border);padding:.75rem 1rem;border-radius:.5rem;text-align:left;cursor:pointer;transition:all .2s ease;color:var(--text);font-size:.875rem}.quick-reply-btn:hover{background:#25d366;color:#fff;border-color:#25d366;transform:translate(4px)}.chat-footer{display:flex;gap:.5rem;padding:1rem;background:#fff;border-top:1px solid var(--border)}.chat-input{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;outline:none}.chat-input:focus{border-color:#25d366}.chat-send-btn{width:45px;height:45px;background:#25d366;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.chat-send-btn:hover:not(:disabled){background:#20ba5a}.chat-send-btn:disabled{background:var(--text-muted);cursor:not-allowed}.chat-powered{padding:.5rem;text-align:center;background:#f0f2f5;border-top:1px solid var(--border)}.chat-powered span{font-size:.75rem;color:var(--text-muted)}@media (max-width: 768px){.whatsapp-chat-window{right:1rem;left:1rem;width:auto}.whatsapp-button{right:1rem;bottom:1rem}}