:root{--navy-900:#0a1430;--navy-800:#101d42;--navy-700:#1a2b5c;--gold-300:#f2d489;--gold-400:#e3b653;--gold-600:#c9952e;--cream:#fdf6e9;--white:#fff;--pink:#f26d9c;--green:#25d366;--text-dark:#1c2440;--text-muted:#5a6382;--radius-lg:24px;--radius-md:16px;--radius-pill:999px;--shadow-soft:0 8px 24px #0a14301f;--shadow-lift:0 14px 34px #0a143038;--font-display:"Secular One", "Varela Round", sans-serif;--font-body:"Varela Round", "Secular One", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--text-dark);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:400}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}.header{z-index:20;background:var(--navy-900);color:var(--white);box-shadow:var(--shadow-soft);align-items:center;gap:20px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-logo{object-fit:cover;border:2px solid var(--gold-400);border-radius:50%;width:48px;height:48px}.brand-name{font-family:var(--font-display);font-size:1.3rem}.brand-vip{color:var(--gold-400)}.nav{gap:18px;margin-inline-start:auto;font-size:1rem;display:flex}.nav a{border-bottom:2px solid #0000;padding:6px 4px;transition:border-color .2s,color .2s}.nav a:hover{color:var(--gold-300);border-color:var(--gold-400)}.login-link{border-radius:var(--radius-pill);color:var(--gold-300);border:2px solid #e3b6538c;padding:8px 14px;font-size:.95rem;transition:background .2s,color .2s}.login-link:hover{color:var(--gold-300);background:#e3b65326}.user-chip{align-items:center;gap:10px;font-size:.95rem;display:flex}.user-chip-name{color:var(--gold-300);white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.signout-button{border-radius:var(--radius-pill);color:var(--white);background:#ffffff1f;padding:6px 12px;font-size:.85rem;transition:background .2s}.signout-button:hover{background:#ffffff40}.cart-button{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--gold-300), var(--gold-600));color:var(--navy-900);align-items:center;gap:6px;padding:10px 18px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.cart-button:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.cart-badge{top:-8px;border-radius:var(--radius-pill);background:var(--pink);min-width:24px;height:24px;color:var(--white);place-items:center;padding:0 6px;font-size:.85rem;display:grid;position:absolute;inset-inline-start:-8px}.hero{min-height:480px;color:var(--white);text-align:center;background:linear-gradient(#0a1430bf 0%,#0a143073 50%,#0a1430cc 100%),url(/products/NICE-SICLE.jpeg) 50%/cover no-repeat;justify-content:center;align-items:center;padding:60px 20px;display:flex;position:relative}.hero-overlay{max-width:720px}.hero-crown{margin-bottom:8px;font-size:3rem}.hero-title{text-shadow:0 4px 18px #0000008c;margin-bottom:12px;font-size:clamp(2.4rem,7vw,4rem)}.hero-slogan{color:var(--gold-300);text-shadow:0 2px 10px #0009;margin-bottom:28px;font-size:clamp(1.1rem,3vw,1.5rem)}.hero-cta{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--gold-300), var(--gold-600));color:var(--navy-900);font-family:var(--font-display);box-shadow:var(--shadow-lift);padding:14px 34px;font-size:1.2rem;transition:transform .15s,box-shadow .15s;display:inline-block}.hero-cta:hover{transform:translateY(-3px)scale(1.03)}.products{max-width:1180px;margin:0 auto;padding:56px 20px 72px}.section-title{text-align:center;font-size:clamp(1.8rem,4vw,2.4rem)}.section-title.light{color:var(--white)}.section-subtitle{text-align:center;color:var(--text-muted);margin:10px 0 36px;font-size:1.1rem}.products-grid{grid-template-columns:1fr;gap:26px;display:grid}@media (width>=560px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=980px){.products-grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.card-link{flex-direction:column;flex:1;display:flex}.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-6px)}.card-image-wrap{aspect-ratio:1;background:var(--navy-800);flex-shrink:0;position:relative}.card-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-emoji{bottom:-14px;background:var(--white);width:44px;height:44px;box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;font-size:1.4rem;display:grid;position:absolute;inset-inline-end:14px}.card-body{flex-direction:column;flex:1;gap:8px;padding:20px 18px 10px;display:flex}.card-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;overflow:hidden}.card-rating{align-items:center;gap:6px;display:flex}.card-rating-count{color:var(--text-muted);font-size:.85rem}.card-tagline{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3em;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer{justify-content:space-between;align-items:center;gap:10px;padding:0 18px 18px;display:flex}.stars{letter-spacing:2px;color:#d8d3c6;-webkit-user-select:none;user-select:none;font-size:1rem;line-height:1;display:inline-block;position:relative}.stars-fill{top:0;white-space:nowrap;color:var(--gold-400);position:absolute;inset-inline-start:0;overflow:hidden}.card-price{font-family:var(--font-display);color:var(--navy-900);background:linear-gradient(135deg, var(--gold-300), var(--gold-400));border-radius:var(--radius-pill);padding:4px 14px;font-size:1.25rem}.add-button{border-radius:var(--radius-pill);background:var(--navy-900);color:var(--white);padding:10px 16px;font-size:.95rem;transition:background .2s,transform .15s}.add-button:hover{background:var(--navy-700);transform:scale(1.04)}.add-button.added{background:var(--green)}.features{background:radial-gradient(circle at 15% 25%, #e3b65324 0 2px, transparent 3px), radial-gradient(circle at 80% 15%, #ffffff29 0 2px, transparent 3px), radial-gradient(circle at 60% 75%, #e3b6531f 0 2px, transparent 3px), radial-gradient(circle at 35% 60%, #ffffff1a 0 1.5px, transparent 2.5px), linear-gradient(160deg, var(--navy-900), var(--navy-800));padding:64px 20px}.features-grid{grid-template-columns:1fr;gap:22px;max-width:1000px;margin:40px auto 0;display:grid}@media (width>=760px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature{border-radius:var(--radius-lg);text-align:center;color:var(--white);background:#ffffff0f;border:1px solid #e3b65359;padding:28px 22px}.feature-icon{margin-bottom:12px;font-size:2.4rem;display:block}.feature h3{color:var(--gold-300);margin-bottom:10px;font-size:1.2rem}.feature p{color:#ffffffd1;font-size:.95rem;line-height:1.6}.footer{background:radial-gradient(circle at 12% 30%, #e3b6531f 0 2px, transparent 3px), radial-gradient(circle at 85% 20%, #ffffff1f 0 2px, transparent 3px), radial-gradient(circle at 55% 70%, #e3b6531a 0 1.5px, transparent 2.5px), linear-gradient(180deg, var(--navy-800), var(--navy-900));color:var(--white);border-top:3px solid var(--gold-600)}.footer-columns{grid-template-columns:1fr;gap:34px;max-width:1180px;margin:0 auto;padding:48px 20px 36px;display:grid}@media (width>=700px){.footer-columns{grid-template-columns:repeat(2,1fr)}}@media (width>=1020px){.footer-columns{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}.footer-brand{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.footer-logo{object-fit:cover;border:3px solid var(--gold-400);border-radius:50%;width:84px;height:84px}.footer-brand-name{font-family:var(--font-display);font-size:1.35rem}.footer-slogan{font-family:var(--font-display);color:var(--gold-300);font-size:1.05rem}.footer-about{color:#ffffffb3;max-width:300px;font-size:.92rem;line-height:1.7}.footer-title{color:var(--gold-300);margin-bottom:14px;font-size:1.1rem}.footer-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:#ffffffd1;font-size:.95rem;transition:color .2s}.footer-links a:hover{color:var(--gold-300)}.footer-contact-text{color:#ffffffd1;margin-bottom:12px;font-size:.95rem}.footer-whatsapp{border-radius:var(--radius-pill);background:var(--green);color:var(--white);padding:10px 20px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-block}.footer-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25d36659}.footer-hours{color:#fff9;margin-top:12px;font-size:.88rem}.footer-bottom{text-align:center;color:#ffffffa6;border-top:1px solid #e3b65340;padding:16px 20px;font-size:.9rem}.drawer-backdrop{z-index:30;opacity:0;pointer-events:none;background:#0a14308c;transition:opacity .25s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{z-index:31;background:var(--cream);width:min(400px,92vw);box-shadow:var(--shadow-lift);flex-direction:column;transition:transform .28s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.drawer.open{transform:translate(0)}.drawer-header{background:var(--navy-900);color:var(--white);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.drawer-header h2{font-size:1.3rem}.drawer-close{width:36px;height:36px;color:var(--white);background:#ffffff1f;border-radius:50%;place-items:center;font-size:1rem;transition:background .2s;display:grid}.drawer-close:hover{background:#ffffff40}.drawer-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;font-size:1.05rem;display:flex}.drawer-empty-emoji{margin-bottom:8px;font-size:3rem}.drawer-items{flex-direction:column;flex:1;gap:14px;margin:0;padding:16px;list-style:none;display:flex;overflow-y:auto}.drawer-item{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);gap:12px;padding:12px;display:flex}.drawer-item-image{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:72px;height:72px}.drawer-item-info{flex-direction:column;gap:4px;min-width:0;display:flex}.drawer-item-name{font-size:.98rem;font-weight:700}.drawer-item-price{color:var(--text-muted);font-size:.9rem}.qty-controls{align-items:center;gap:8px;margin-top:4px;display:flex}.qty-controls button{background:var(--navy-900);width:28px;height:28px;color:var(--white);border-radius:50%;place-items:center;font-size:1rem;transition:background .2s;display:grid}.qty-controls button:hover{background:var(--navy-700)}.qty{text-align:center;min-width:22px;font-weight:700}.remove-button{border-radius:var(--radius-pill);width:auto;height:auto;color:var(--pink);background:0 0;margin-inline-start:6px;padding:4px 10px;font-size:.85rem}.qty-controls .remove-button{border-radius:var(--radius-pill);width:auto;height:auto;color:var(--pink);background:#f26d9c1f}.qty-controls .remove-button:hover{background:#f26d9c40}.drawer-footer{background:var(--white);border-top:2px solid #0a143014;flex-direction:column;gap:14px;padding:16px 20px 20px;display:flex}.drawer-total{justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.drawer-total-price{font-family:var(--font-display);color:var(--navy-900);font-size:1.4rem}.whatsapp-button{text-align:center;border-radius:var(--radius-pill);background:var(--green);color:var(--white);font-family:var(--font-display);padding:14px 20px;font-size:1.1rem;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 8px 20px #25d36659}.whatsapp-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px #25d36673}.product-page{max-width:1180px;margin:0 auto;padding:24px 20px 72px}.breadcrumb{margin-bottom:22px}.breadcrumb a{color:var(--gold-600);font-size:.98rem;font-weight:700;transition:color .2s}.breadcrumb a:hover{color:var(--navy-900)}.product-layout{grid-template-columns:1fr;align-items:start;gap:36px;display:grid}@media (width>=860px){.product-layout{grid-template-columns:1fr 1fr;gap:48px}}.product-image-frame{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--navy-800);box-shadow:var(--shadow-lift);position:relative;overflow:hidden}.product-image-frame img,.product-image-frame .image-loading{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.product-info{flex-direction:column;gap:14px;display:flex}.product-emoji{font-size:2.4rem;line-height:1}.product-title{color:var(--navy-900);font-size:clamp(1.8rem,4vw,2.5rem)}.product-rating{align-items:center;gap:10px;display:flex}.product-rating .stars{font-size:1.25rem}.product-rating-text{color:var(--text-muted);font-size:.95rem}.product-tagline{color:var(--pink);font-size:1.1rem;font-weight:700}.product-description{color:var(--text-muted);font-size:1.02rem;line-height:1.85}.product-price-row{align-items:center;gap:16px;margin-top:4px;display:flex}.product-price{font-family:var(--font-display);color:var(--navy-900);background:linear-gradient(135deg, var(--gold-300), var(--gold-400));border-radius:var(--radius-pill);padding:6px 22px;font-size:1.9rem}.product-stock{color:#1c9e50;font-size:.95rem;font-weight:700}.product-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.qty-picker{background:var(--white);border-radius:var(--radius-pill);border:2px solid #0a14301f;align-items:center;gap:4px;padding:4px;display:flex}.qty-picker button{background:var(--navy-900);width:38px;height:38px;color:var(--white);border-radius:50%;place-items:center;font-size:1.15rem;transition:background .2s;display:grid}.qty-picker button:hover{background:var(--navy-700)}.qty-picker .qty{text-align:center;min-width:34px;font-size:1.1rem;font-weight:700}.add-button.big{font-size:1.1rem;font-family:var(--font-display);box-shadow:var(--shadow-soft);padding:14px 30px}.product-perks{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);flex-direction:column;gap:10px;margin:12px 0 0;padding:16px 20px;font-size:.98rem;list-style:none;display:flex}.similar{margin-top:72px}.similar .section-title{margin-bottom:30px}.not-found{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:90px 20px;display:flex}.admin-page{max-width:860px;margin:0 auto;padding:48px 20px 80px}.admin-status{text-align:center;color:var(--text-muted);padding:60px 0;font-size:1.1rem}.admin-center{flex-direction:column;align-items:center;gap:14px;margin:26px 0;display:flex}.admin-link{border-radius:var(--radius-pill);color:var(--gold-300);border:2px solid #e3b6538c;padding:6px 12px;font-size:.85rem;transition:background .2s}.admin-link:hover{background:#e3b65326}.admin-list{flex-direction:column;gap:14px;margin:30px 0 0;padding:0;list-style:none;display:flex}.admin-row{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);align-items:center;gap:16px;padding:12px 16px;display:flex}.admin-row-image{object-fit:cover;background:var(--navy-800);border-radius:12px;flex-shrink:0;width:64px;height:64px}.admin-row-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.admin-row-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.admin-row-meta{color:var(--text-muted);font-size:.9rem}.admin-row-actions{flex-shrink:0;gap:8px;display:flex}.admin-edit,.admin-delete,.admin-save,.admin-cancel{border-radius:var(--radius-pill);padding:9px 16px;font-size:.92rem;transition:background .2s,transform .15s}.admin-edit{background:var(--navy-900);color:var(--white)}.admin-edit:hover{background:var(--navy-700)}.admin-delete{color:var(--pink);background:#f26d9c1f}.admin-delete:hover,.admin-delete.confirming{background:var(--pink);color:var(--white)}.admin-save{background:linear-gradient(135deg, var(--gold-300), var(--gold-600));color:var(--navy-900);font-weight:700}.admin-save:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.admin-save:disabled,.admin-cancel:disabled,.admin-edit:disabled,.admin-delete:disabled{opacity:.6;cursor:default;transform:none}.admin-cancel{color:var(--text-dark);background:#0a143014}.admin-cancel:hover{background:#0a143029}.admin-error{color:#c22f5d;text-align:center;font-size:.92rem}.admin-form{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);flex-direction:column;gap:16px;margin-top:26px;padding:24px;display:flex}.admin-form h3{color:var(--navy-900);font-size:1.3rem}.admin-form-grid{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}@media (width<=640px){.admin-form-grid{grid-template-columns:1fr}}.admin-form-grid label{color:var(--text-dark);flex-direction:column;gap:6px;font-size:.92rem;font-weight:700;display:flex}.admin-span2{grid-column:1/-1}.admin-form-grid input,.admin-form-grid textarea{font-family:var(--font-body);border-radius:var(--radius-md);background:var(--cream);color:var(--text-dark);border:2px solid #0a143024;outline:none;padding:10px 14px;font-size:1rem;font-weight:400;transition:border-color .2s}.admin-form-grid input:focus,.admin-form-grid textarea:focus{border-color:var(--gold-400)}.admin-image-field{flex-direction:column;gap:6px;display:flex}.admin-field-title{color:var(--text-dark);font-size:.92rem;font-weight:700}.admin-image-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-image-row input{min-width:200px;font-family:var(--font-body);border-radius:var(--radius-md);background:var(--cream);color:var(--text-dark);border:2px solid #0a143024;outline:none;flex:1;padding:10px 14px;font-size:1rem;transition:border-color .2s}.admin-image-row input:focus{border-color:var(--gold-400)}.admin-image-or{color:var(--text-muted);font-size:.9rem}.upload-button{border-radius:var(--radius-pill);background:var(--navy-900);color:var(--white);cursor:pointer;padding:10px 18px;font-size:.95rem;font-weight:400;transition:background .2s;display:inline-block}.upload-button:hover{background:var(--navy-700)}.upload-button.disabled{opacity:.6;cursor:default}.image-loading{background:linear-gradient(110deg, var(--navy-800) 40%, var(--navy-700) 50%, var(--navy-800) 60%);background-size:200% 100%;animation:1.4s linear infinite image-shimmer}@keyframes image-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-preview{justify-content:center;display:flex}.admin-preview img,.admin-preview .image-loading{object-fit:cover;border-radius:var(--radius-md);background:var(--navy-800);width:140px;height:140px;box-shadow:var(--shadow-soft)}.admin-form-actions{justify-content:flex-start;gap:10px;display:flex}.login-card{background:var(--white);border-radius:var(--radius-lg);max-width:420px;box-shadow:var(--shadow-lift);margin:32px auto 0;padding:28px 26px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form label{color:var(--text-dark);flex-direction:column;gap:6px;font-size:.95rem;font-weight:700;display:flex}.login-form input{font-family:var(--font-body);border-radius:var(--radius-md);background:var(--cream);color:var(--text-dark);border:2px solid #0a143024;outline:none;padding:11px 14px;font-size:1rem;font-weight:400;transition:border-color .2s}.login-form input:focus{border-color:var(--gold-400)}.login-submit{font-family:var(--font-display);margin-top:6px;padding:13px 20px;font-size:1.05rem}.not-found-page{padding:20px}.not-found-emoji{font-size:4rem}@media (width<=640px){.header{flex-wrap:wrap;gap:10px;padding:10px 14px}.nav{order:3;justify-content:center;width:100%;margin-inline-start:0}.cart-button{margin-inline-start:auto}.hero{min-height:400px}}
