:root{--brand-red: #ff3f2e;--honey-yellow: #ffdb2d;--brand-orange: #ff8a00;--natural-beige: #fff7e6;--forest-green: #2E7D32;--dark-text: #35261c;--red-hover: color-mix(in srgb, var(--brand-red) 88%, black);--yellow-hover: color-mix(in srgb, var(--honey-yellow) 85%, #b36b00);--orange-hover: color-mix(in srgb, var(--brand-orange) 88%, black)}body{font-family:Arial,sans-serif;margin:0;padding:0;background:var(--natural-beige);color:var(--dark-text);line-height:1.6;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 20px 20px,rgba(255,219,45,.08) 2px,transparent 2.5px),radial-gradient(circle at 60px 60px,rgba(255,138,0,.06) 2px,transparent 2.5px);background-size:120px 120px,160px 160px}a{text-decoration:none;color:inherit;transition:color .3s}header.fixed{background:var(--brand-red);color:#fff;padding:15px 0;box-shadow:0 4px 6px #0000001a}header.fixed:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:linear-gradient(90deg,var(--honey-yellow) 0%,var(--brand-orange) 50%,var(--honey-yellow) 100%)}header h1{font-size:1.8rem;margin:0;color:var(--honey-yellow)}header.fixed nav a,header.fixed nav button{margin:0 12px;color:var(--honey-yellow);font-weight:700;position:relative}header.fixed nav a:hover,header.fixed nav a.active,header.fixed nav button:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.45)}header.fixed nav a:after,header.fixed nav button:after{content:"";position:absolute;left:0;bottom:-6px;height:3px;width:0;background:linear-gradient(90deg,var(--honey-yellow),var(--brand-orange));border-radius:2px;transition:width .25s ease}header.fixed nav a:hover:after,header.fixed nav a.active:after,header.fixed nav button:hover:after{width:100%}.cart-link{font-weight:700;background:var(--honey-yellow);color:var(--brand-red);padding:6px 12px;border-radius:6px}.cart-link:hover{background:#ffd54f;color:#333}#hero{background:linear-gradient(90deg,var(--honey-yellow),var(--brand-orange),var(--brand-red));color:#fff;text-align:center;padding:80px 20px}#hero h2{font-size:2.8rem;margin-bottom:20px}#hero p{max-width:700px;margin:0 auto 30px;font-size:1.2rem}#hero a{padding:12px 30px;background:#fff;color:var(--brand-red);font-weight:700;border-radius:8px;position:relative;overflow:hidden;transition:background .25s,transform .2s,box-shadow .2s}#hero a:hover{background:var(--honey-yellow);transform:translateY(-1px) scale(1.04);box-shadow:0 10px 18px #00000029}#hero a:after{content:"";position:absolute;top:0;left:-120%;height:100%;width:120%;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.6) 40%,transparent 60%);transform:skew(-20deg);transition:transform .45s ease}#hero a:hover:after{transform:translate(220%) skew(-20deg)}#products{padding:60px 20px;background:#fffaf0}#products h2{text-align:center;font-size:2rem;margin-bottom:40px;color:var(--brand-red);font-weight:700;text-shadow:0 2px 0 rgba(255,219,45,.35)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1100px;margin:0 auto}.products-grid .product{background:#fff;border-radius:15px;padding:20px;text-align:center;box-shadow:0 6px 12px #00000014;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:space-between;min-height:350px;border:1px solid rgba(255,138,0,.12)}.products-grid .product:hover{transform:translateY(-5px);box-shadow:0 12px 22px #00000029}.products-grid .image-box{width:100%;height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#fff,#ffdb2d26)}.products-grid img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .45s ease,filter .3s ease}.products-grid .image-box{width:100%;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#fffdf8}.products-grid img{max-height:100%;width:auto;object-fit:contain}.products-grid .product:hover img{transform:scale(1.08) rotate(-.5deg);filter:saturate(1.08)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:0 auto;padding:0 15px}@media(max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.products-grid{grid-template-columns:1fr}.products-grid .product{min-height:auto;padding:15px}.products-grid .image-box{height:160px}}.products-grid .product h3{font-size:1.2em;font-weight:700;margin:10px 0 5px;color:#222}.products-grid .product .tagline{font-size:.95em;color:#777;margin-bottom:10px;font-style:italic}.products-grid .product .price{font-size:1.1em;font-weight:700;color:var(--brand-red);margin-bottom:15px;display:block}.products-grid .product a{margin-top:auto;padding:10px 20px;background:linear-gradient(90deg,var(--brand-orange),var(--brand-red));color:#fff;font-weight:700;border-radius:8px;transition:transform .2s,box-shadow .2s,filter .2s,background .3s}.products-grid .product a:hover{background:linear-gradient(90deg,var(--brand-red),var(--brand-orange));transform:translateY(-1px) scale(1.03);box-shadow:0 10px 18px #00000024}#contact{padding:60px 20px;background:#fff;text-align:center}#contact h2{font-size:2rem;margin-bottom:20px;color:var(--brand-red);text-shadow:0 2px 0 rgba(255,219,45,.35)}#products h2,#contact h2,#about h2,#cart h2{position:relative;display:inline-block;padding:0 10px}#products h2:before,#contact h2:before,#about h2:before,#cart h2:before{content:"";position:absolute;left:-26px;top:50%;width:22px;height:22px;transform:translateY(-50%);background:var(--honey-yellow);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:0 0 0 3px #ff8a0040}#contact form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:15px}#contact input,#contact textarea{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem}#contact button{background:var(--brand-red);color:#fff;font-size:1.1rem;padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background .25s,transform .2s,box-shadow .2s}#contact button:hover{background:var(--brand-orange);transform:translateY(-1px) scale(1.03);box-shadow:0 10px 18px #00000024}#about{padding:60px 20px;background:#fff;color:var(--dark-text);max-width:900px;margin:0 auto}#about h2{text-align:center;font-size:2rem;margin-bottom:30px;color:var(--brand-red)}#about p{font-size:1.1rem;margin-bottom:20px;line-height:1.8;text-align:justify}.hero-banner{background:url(../img/banner-wax.jpg) center/cover no-repeat;color:#fff;text-align:center;padding:100px 20px}.hero-banner h2{font-size:2.5rem;color:var(--honey-yellow)}.hero-banner p{font-size:1.2rem;margin-top:10px}.about-page{margin:60px auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about-image img{width:100%;border-radius:12px;box-shadow:0 4px 12px #0000001a}.values{background:var(--natural-beige);padding:60px 20px;text-align:center}.value-cards{display:flex;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap}.value-cards .card{flex:1;max-width:250px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #00000014;font-size:1rem;line-height:1.5;transition:transform .2s,box-shadow .2s}.value-cards .card:hover{transform:translateY(-5px);box-shadow:0 10px 18px #0000001f}#cart{padding:60px 20px;max-width:900px;margin:0 auto}#cart h2{font-size:2rem;margin-bottom:30px;color:var(--brand-red)}.cart-item{margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:8px;background:#fff}.cart-controls{display:flex;gap:10px;align-items:center;margin-top:10px}.cart-controls button{background:var(--brand-red);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .2s}.cart-controls button:hover{background:var(--honey-yellow);color:#333}.cart-controls .qty{font-weight:700;min-width:20px;text-align:center}footer{background:var(--brand-red);color:#fff;text-align:center;padding:20px;margin-top:40px;position:relative}footer p{margin:0}footer:before{content:"";position:absolute;left:0;right:0;top:-6px;height:6px;background-image:repeating-linear-gradient(90deg,rgba(255,219,45,.85) 0 10px,transparent 10px 16px)}:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left)}html,body{height:100%}body{min-height:100vh;min-height:100svh;min-height:100dvh}.site-header{position:sticky;top:0;z-index:100;padding-top:max(8px,var(--sat));padding-bottom:8px;background:#e63946}main,.page{padding-top:max(12px,var(--sat));scroll-margin-top:calc(64px + var(--sat))}.fab-cart{position:fixed;z-index:1000;right:max(16px,var(--sar));bottom:max(16px,var(--sab));border-radius:9999px}h1,.page-title{overflow-wrap:anywhere;margin-top:max(8px,var(--sat))}.product-card__media{background:#e9e9e9;aspect-ratio:1 / 1;overflow:hidden}.product-card__media img{width:100%;height:100%;object-fit:cover;display:block}@layer utilities{.safe-pt{padding-top:max(0px,env(safe-area-inset-top))}.safe-pr{padding-right:max(0px,env(safe-area-inset-right))}.safe-pb{padding-bottom:max(0px,env(safe-area-inset-bottom))}.safe-pl{padding-left:max(0px,env(safe-area-inset-left))}.min-svh{min-height:100svh}.min-dvh{min-height:100dvh}}.cart-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #ddd}.qty-controls{display:flex;align-items:center;gap:6px}.qty-controls button{padding:4px 8px;background:var(--brand-red);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s,transform .15s}.qty-controls button:hover{background:var(--orange-hover);transform:translateY(-1px)}button{padding:8px 14px;background:var(--brand-red);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background .25s,transform .2s,box-shadow .2s}button:hover{background:var(--red-hover);transform:translateY(-1px);box-shadow:0 8px 16px #00000024}button:focus-visible{outline:3px solid var(--honey-yellow);outline-offset:2px}.address-box{border:1px solid #ddd;padding:15px;margin-bottom:20px;background:#fafafa;border-radius:8px}.address-box h3{margin-top:0;color:var(--brand-red)}#products:before,#contact:before,#about:before,#cart:before{content:"";display:block;height:10px;margin:0 auto 24px;max-width:1100px;border-radius:6px;background:linear-gradient(90deg,var(--honey-yellow),var(--brand-orange),var(--honey-yellow));opacity:.6}.min-h-screen.bg-gray-50{background:var(--natural-beige)!important}.bg-pink-50{background-color:color-mix(in srgb,var(--honey-yellow) 18%,white)!important}.bg-pink-50\/50{background-color:color-mix(in srgb,var(--honey-yellow) 18%,white)!important;opacity:.5}.bg-pink-100{background-color:color-mix(in srgb,var(--honey-yellow) 28%,white)!important}.bg-pink-300{background-color:color-mix(in srgb,var(--honey-yellow) 45%,white)!important}.bg-pink-400{background-color:color-mix(in srgb,var(--honey-yellow) 60%,white)!important}.bg-pink-500{background-color:var(--honey-yellow)!important;color:var(--dark-text)!important}.hover\:bg-pink-500:hover{background-color:var(--honey-yellow)!important}.hover\:bg-pink-600:hover{background-color:var(--yellow-hover)!important}.text-pink-500{color:var(--honey-yellow)!important}.text-pink-600{color:color-mix(in srgb,var(--honey-yellow) 90%,black)!important}.text-pink-800{color:color-mix(in srgb,var(--honey-yellow) 85%,black)!important}.hover\:text-pink-500:hover{color:var(--honey-yellow)!important}.hover\:text-pink-800:hover{color:color-mix(in srgb,var(--honey-yellow) 85%,black)!important}.border-pink-800{border-color:color-mix(in srgb,var(--honey-yellow) 85%,black)!important}.focus\:ring-pink-300:focus{--tw-ring-color: color-mix(in srgb, var(--honey-yellow) 45%, white) !important}.text-pink-700,.hover\:text-pink-700:hover{color:color-mix(in srgb,var(--honey-yellow) 80%,black)!important}.text-pink-300{color:color-mix(in srgb,var(--honey-yellow) 45%,white)!important}.disabled\:bg-pink-300:disabled{background-color:color-mix(in srgb,var(--honey-yellow) 45%,white)!important;color:var(--dark-text)!important}.border-pink-600\/50{border-color:color-mix(in srgb,var(--honey-yellow) 90%,black)!important;opacity:.5}.border-pink-100\/50{border-color:color-mix(in srgb,var(--honey-yellow) 28%,white)!important;opacity:.5}.border-pink-50\/50{border-color:color-mix(in srgb,var(--honey-yellow) 18%,white)!important;opacity:.5}.border-pink-400\/50{border-color:color-mix(in srgb,var(--honey-yellow) 60%,white)!important;opacity:.5}.border-pink-300\/50{border-color:color-mix(in srgb,var(--honey-yellow) 45%,white)!important;opacity:.5}.border-pink-800\/50{border-color:color-mix(in srgb,var(--honey-yellow) 85%,black)!important;opacity:.5}.border-pink-900\/50{border-color:color-mix(in srgb,var(--honey-yellow) 90%,black)!important;opacity:.5}.border-pink-700\/50{border-color:color-mix(in srgb,var(--honey-yellow) 80%,black)!important;opacity:.5}.border-pink-200\/50{border-color:color-mix(in srgb,var(--honey-yellow) 35%,white)!important;opacity:.5}.border-pink-100\/40{border-color:color-mix(in srgb,var(--honey-yellow) 28%,white)!important;opacity:.4}.border-pink-100\/30{border-color:color-mix(in srgb,var(--honey-yellow) 28%,white)!important;opacity:.3}.border-pink-100\/20{border-color:color-mix(in srgb,var(--honey-yellow) 28%,white)!important;opacity:.2}.border-pink-100\/10{border-color:color-mix(in srgb,var(--honey-yellow) 28%,white)!important;opacity:.1}.border-pink-100\/5{border-color:color-mix(in srgb,var(--honey-yellow) 28%,white)!important;opacity:.05}.border-pink-500{border-color:var(--honey-yellow)!important}.border-pink-600{border-color:color-mix(in srgb,var(--honey-yellow) 90%,black)!important}.border-pink-700{border-color:color-mix(in srgb,var(--honey-yellow) 80%,black)!important}.border-pink-900{border-color:color-mix(in srgb,var(--honey-yellow) 90%,black)!important}.border-pink-200{border-color:color-mix(in srgb,var(--honey-yellow) 35%,white)!important}.border-pink-400{border-color:color-mix(in srgb,var(--honey-yellow) 60%,white)!important}.border-pink-300{border-color:color-mix(in srgb,var(--honey-yellow) 45%,white)!important}.border-pink-100{border-color:color-mix(in srgb,var(--honey-yellow) 28%,white)!important}.border-pink-50{border-color:color-mix(in srgb,var(--honey-yellow) 18%,white)!important}.border-pink-500\/15{border-color:var(--honey-yellow)!important;opacity:.15}.border-pink-500\/25{border-color:var(--honey-yellow)!important;opacity:.25}.border-pink-500\/35{border-color:var(--honey-yellow)!important;opacity:.35}.border-pink-500\/45{border-color:var(--honey-yellow)!important;opacity:.45}.border-pink-500\/55{border-color:var(--honey-yellow)!important;opacity:.55}.border-pink-500\/65{border-color:var(--honey-yellow)!important;opacity:.65}.border-pink-500\/75{border-color:var(--honey-yellow)!important;opacity:.75}.border-pink-500\/85{border-color:var(--honey-yellow)!important;opacity:.85}.border-pink-500\/0{border-color:color-mix(in srgb,var(--honey-yellow) 0%,white)!important;opacity:0}.border-pink-500\/100{border-color:var(--honey-yellow)!important;opacity:1}.border-pink-500\/10{border-color:var(--honey-yellow)!important;opacity:.1}.border-pink-500\/20{border-color:var(--honey-yellow)!important;opacity:.2}.border-pink-500\/30{border-color:var(--honey-yellow)!important;opacity:.3}.border-pink-500\/40{border-color:var(--honey-yellow)!important;opacity:.4}.border-pink-500\/50{border-color:var(--honey-yellow)!important;opacity:.5}.border-pink-500\/60{border-color:var(--honey-yellow)!important;opacity:.6}.border-pink-500\/70{border-color:var(--honey-yellow)!important;opacity:.7}.border-pink-500\/80{border-color:var(--honey-yellow)!important;opacity:.8}.border-pink-500\/90{border-color:var(--honey-yellow)!important;opacity:.9}.border-pink-500\/95{border-color:var(--honey-yellow)!important;opacity:.95}.border-pink-500\/5{border-color:var(--honey-yellow)!important;opacity:.05}.bg-yellow-500{background-color:var(--honey-yellow)!important}.text-yellow-500,.hover\:text-yellow-500:hover{color:var(--honey-yellow)!important}.hover\:bg-yellow-500:hover{background-color:var(--yellow-hover)!important}.bg-orange-500{background-color:var(--brand-orange)!important}.text-orange-500{color:var(--brand-orange)!important}.hover\:bg-orange-600:hover{background-color:var(--orange-hover)!important}.hover\\:bg-green-600:hover{background-color:color-mix(in srgb,var(--forest-green) 88%,black)!important}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .4s ease-out forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}html{scroll-behavior:smooth}.overflow-y-auto::-webkit-scrollbar{width:8px}.overflow-y-auto::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.overflow-y-auto::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#555}.bg-green-500{background-color:var(--forest-green)!important}.text-green-500{color:var(--forest-green)!important}body,a,p,h1,h2,h3,h4,h5,h6{color:var(--dark-text)}.shadow-lg{box-shadow:0 6px 12px #00000014!important}.rounded-lg{border-radius:12px!important}.rounded-full{border-radius:9999px!important}:where(.max-w-5xl.mx-auto) .hover\:text-red-500:hover,:where(.max-w-5xl.mx-auto) .hover\:text-red-600:hover,:where(.max-w-5xl.mx-auto) .hover\:text-red-700:hover,:where(.max-w-5xl.mx-auto) .hover\:text-red-800:hover{color:var(--honey-yellow)!important}:where(.max-w-5xl.mx-auto) .hover\:bg-red-500:hover,:where(.max-w-5xl.mx-auto) .hover\:bg-red-600:hover,:where(.max-w-5xl.mx-auto) .hover\:bg-red-700:hover,:where(.max-w-5xl.mx-auto) .hover\:bg-red-800:hover{background-color:var(--honey-yellow)!important;color:var(--dark-text)!important}:where(.max-w-5xl.mx-auto) .hover\:border-red-500:hover,:where(.max-w-5xl.mx-auto) .hover\:border-red-600:hover,:where(.max-w-5xl.mx-auto) .hover\:border-red-700:hover{border-color:var(--honey-yellow)!important}:where(.max-w-5xl.mx-auto) .justify-end .bg-pink-500{background:linear-gradient(90deg,var(--honey-yellow),color-mix(in srgb,var(--honey-yellow) 85%,white))!important;color:var(--dark-text)!important;border:1px solid color-mix(in srgb,var(--honey-yellow) 65%,black);position:relative}:where(.max-w-5xl.mx-auto) .justify-end .bg-pink-500:after{content:"";position:absolute;right:-8px;top:14px;width:12px;height:12px;background:inherit;border-right:1px solid color-mix(in srgb,var(--honey-yellow) 65%,black);border-top:1px solid color-mix(in srgb,var(--honey-yellow) 65%,black);transform:rotate(45deg)}:where(.max-w-5xl.mx-auto) .justify-start .bg-gray-200{background:color-mix(in srgb,var(--natural-beige) 80%,white)!important;color:#43362b!important;border:1px solid color-mix(in srgb,var(--honey-yellow) 35%,white);position:relative}:where(.max-w-5xl.mx-auto) .justify-start .bg-gray-200:after{content:"";position:absolute;left:-8px;top:14px;width:12px;height:12px;background:inherit;border-left:1px solid color-mix(in srgb,var(--honey-yellow) 35%,white);border-bottom:1px solid color-mix(in srgb,var(--honey-yellow) 35%,white);transform:rotate(45deg)}.hidden-overlay{opacity:0;pointer-events:none}.visible-overlay{opacity:1;pointer-events:auto}button,.btn{-webkit-appearance:button;-moz-appearance:button;appearance:button;display:inline-flex;align-items:center;justify-content:center}@media(max-width:768px){.site-nav{display:none}.menu-toggle{display:inline-flex}}@media(min-width:769px){.menu-toggle{display:none}}.safe-pt{padding-top:max(0px,env(safe-area-inset-top))}.safe-pb{padding-bottom:max(0px,env(safe-area-inset-bottom))}
