:root{--cream:#fdf4e3;--cream-2:#fffbf2;--navy:#1c2b57;--crimson:#e31c5f;--crimson-dark:#c4104c;--teal:#158a93;--teal-dark:#0f6b72;--gold:#f0a93b;--pink:#f7bfd8;--purple:#9b6fce;--line:#eadfc4;--ink-soft:#7a7360;--text:#4b5578;--shadow:0 10px 30px #1c2b571a;--focus-ring:#2f7cf6;--danger:#c0304a;--success:#157a5f;--container:1180px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=navidad]{--cream:#fbe0e0;--cream-2:#fffaf8;--navy:#0d3b2e;--crimson:#c8102e;--crimson-dark:#970c22;--teal:#165b33;--teal-dark:#0e3d22;--gold:#d4af37;--pink:#f3d9dc;--purple:#7a1f3d;--line:#f0bcbc;--ink-soft:#6b5a4a;--text:#2d4a3e}:root[data-theme=julio4]{--cream:#dde6f7;--cream-2:#fff;--navy:#1a3668;--crimson:#b22234;--crimson-dark:#8c1a28;--teal:#3c5a99;--teal-dark:#2a4272;--gold:#f0c93b;--pink:#dce4f2;--purple:#7a1f3d;--line:#b7c6e4;--ink-soft:#5c6b85;--text:#1a3668}:root[data-theme=verano]{--cream:#fce29e;--cream-2:#fffaea;--navy:#0b4f6c;--crimson:#ff6b5b;--crimson-dark:#e04b3b;--teal:#01a7c2;--teal-dark:#017a8f;--gold:#ffc93c;--pink:#ffd6c9;--purple:#ff9f68;--line:#f7cf7a;--ink-soft:#6b7f8a;--text:#0b4f6c}:root[data-theme=halloween]{--cream:#eec18a;--cream-2:#fff3e0;--navy:#1a1423;--crimson:#d9541f;--crimson-dark:#a83e13;--teal:#4b2e83;--teal-dark:#341f5c;--gold:#f2b705;--pink:#7a4a8f;--purple:#2e8b57;--line:#dba55e;--ink-soft:#5c4a3d;--text:#2b1e3a}:root[data-theme=sanpatricio]{--cream:#bfe8c7;--cream-2:#eefcf1;--navy:#0b3d0b;--crimson:#2e8b57;--crimson-dark:#1f6b40;--teal:#0f5132;--teal-dark:#0a3a24;--gold:gold;--pink:#b7e4c7;--purple:#ff8c42;--line:#98d6a6;--ink-soft:#4a6b57;--text:#0b3d0b}.theme-bg{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.theme-bg-particle{opacity:.8;filter:drop-shadow(0 2px 4px #0000001f);line-height:1;animation-name:theme-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes theme-float{0%{transform:translate(0)rotate(0)}25%{transform:translate(var(--x1), var(--y1)) rotate(var(--r1))}50%{transform:translate(var(--x2), var(--y2)) rotate(var(--r2))}75%{transform:translate(var(--x3), var(--y3)) rotate(var(--r3))}to{transform:translate(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.theme-bg{display:none}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--navy);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Poppins,system-ui,-apple-system,sans-serif}h1,h2,h3,h4{color:var(--navy);text-wrap:balance;margin:0;font-family:"Baloo 2",cursive}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{color:inherit;font-family:inherit}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.page-section{padding:30px 0}.muted{color:var(--ink-soft)}.faq-item{border-bottom:1px dashed var(--line);padding:14px 0}.faq-item:last-child{border-bottom:none}.faq-item summary{cursor:pointer;color:var(--navy);font-size:14px;font-weight:700;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";width:18px;color:var(--crimson);font-weight:700;display:inline-block}.faq-item[open] summary:before{content:"−"}.faq-item p{color:var(--ink-soft);margin:10px 0 0 18px;font-size:13.5px;line-height:1.6}.num{font-variant-numeric:tabular-nums}.r{text-align:right}.accent{color:var(--crimson)}.topbar{background:var(--navy);color:var(--cream-2);letter-spacing:.3px;padding:7px 0;font-size:12.5px}.topbar .wrap{max-width:var(--container);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin:0 auto;padding:0 24px;display:flex}.topbar .wrap span{opacity:.9}.topbar .icons{gap:14px;font-size:13px;display:flex}@media (width<=640px){.topbar{font-size:11px}.topbar .wrap{text-align:center;justify-content:center;padding:0 16px}.topbar .icons{display:none}}.site-header{background:var(--cream-2);border-bottom:2px dashed var(--line);z-index:50;position:sticky;top:0}.header-inner{max-width:var(--container);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:16px 24px;display:flex}.brand{color:var(--crimson);align-items:center;gap:10px;min-width:0;font-family:"Baloo 2",cursive;font-size:26px;font-weight:800;display:flex}.brand-logo{object-fit:cover;border-radius:50%;flex:none;width:40px;height:40px;box-shadow:0 2px 8px #1c2b572e}.brand .sub{letter-spacing:2px;color:var(--teal-dark);text-transform:uppercase;margin-top:-2px;font-family:Poppins,sans-serif;font-size:10.5px;font-weight:600;display:block}@media (width<=560px){.header-inner{padding:12px 16px}.brand{gap:8px;font-size:20px}.brand-logo{width:32px;height:32px}.brand .sub{display:none}}.main-nav{gap:28px;display:flex}.main-nav a{color:var(--navy);padding:6px 0;font-size:14.5px;font-weight:600;position:relative}.main-nav a:after{content:"";background:var(--crimson);width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.main-nav a.active{color:var(--crimson-dark)}.header-actions{align-items:center;gap:18px;display:flex}@media (width<=560px){.header-actions{gap:8px}}.search-pill{background:var(--cream);border:1.5px solid var(--line);color:var(--ink-soft);cursor:text;border-radius:999px;align-items:center;gap:8px;min-width:190px;padding:8px 16px;font-size:13.5px;display:flex}.search-pill input{color:var(--navy);background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.search-pill input::placeholder{color:var(--ink-soft)}.icon-btn{background:var(--cream);border:1.5px solid var(--line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex;position:relative}.icon-btn .badge-count{background:var(--crimson);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.user-menu-wrap{position:relative}.user-menu{min-width:190px;box-shadow:var(--shadow);border:1px solid var(--line);z-index:250;background:#fff;border-radius:16px;flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.user-menu button,.user-menu a{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13.5px;font-weight:600;display:flex}.user-menu button:hover,.user-menu a:hover{background:var(--cream)}.user-menu .user-menu-logout{color:var(--danger)}.hamburger-btn{background:var(--cream);border:1.5px solid var(--line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:none}@media (width<=980px){.main-nav,.search-pill{display:none}.hamburger-btn{display:inline-flex}}.mobile-drawer{z-index:200;display:none;position:fixed;inset:0}.mobile-drawer.open{display:block}.mobile-drawer-backdrop{background:#1c2b5773;position:absolute;inset:0}.mobile-drawer-panel{background:var(--cream-2);flex-direction:column;gap:4px;width:min(78vw,320px);padding:20px;display:flex;position:absolute;top:0;bottom:0;right:0}.mobile-drawer-panel a,.mobile-drawer-panel button{border-bottom:1px solid var(--line);color:var(--navy);text-align:left;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;padding:14px 6px;font-size:15px;font-weight:600;text-decoration:none}.mobile-drawer-close{border:1.5px solid var(--line);background:var(--cream);cursor:pointer;border-radius:50%;align-self:flex-end;width:36px;height:36px;margin-bottom:8px;font-size:18px}.cat-strip{background:var(--teal);overflow:hidden}.cat-strip .track{white-space:nowrap;color:#fff;letter-spacing:.4px;gap:36px;width:max-content;padding:9px 0;font-size:12.5px;font-weight:600;animation:26s linear infinite cat-scroll;display:flex}.cat-strip .track span{opacity:.95}.cat-strip button.track-item{color:#fff;font:inherit;cursor:pointer;opacity:.95;background:0 0;border:none;padding:0;font-weight:600}@keyframes cat-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:14.5px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:var(--crimson);color:#fff;box-shadow:0 10px 22px #e31c5f52}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-outline{border:2px solid var(--navy);color:var(--navy);background:0 0}.btn-outline:hover:not(:disabled){background:var(--navy);color:#fff}.btn-outline-inv{color:#fff;background:0 0;border:2px solid #fff}.btn-ghost{color:var(--navy);background:0 0}.btn-danger-ghost{color:var(--danger);border:1.5px solid var(--line);background:0 0}.btn-danger{background:var(--danger);color:#fff}.btn-block{justify-content:center;width:100%}.btn-sm{padding:8px 18px;font-size:12.5px}.btn-lg{padding:15px 30px;font-size:15px}.hero{background:radial-gradient(circle at 14% 20%, #f7bfd88c, transparent 40%), radial-gradient(circle at 88% 75%, #f0a93b59, transparent 45%), var(--cream);padding:64px 24px 56px;position:relative;overflow:hidden}.hero-inner{max-width:var(--container);grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;margin:0 auto;display:grid}@media (width<=980px){.hero-inner{grid-template-columns:1fr}}@media (width<=640px){.hero{padding:36px 16px 32px}.hero-inner{gap:28px}}.hero-eyebrow{border:1.5px dashed var(--crimson);color:var(--crimson-dark);letter-spacing:.5px;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.hero-eyebrow-stacked{flex-direction:column;gap:2px;display:none}@media (width<=640px){.hero-eyebrow{border-radius:16px;align-items:flex-start;padding:8px 14px}.hero-eyebrow-full{display:none}.hero-eyebrow-stacked{display:flex}}.hero h1{margin:18px 0 16px;font-size:clamp(30px,4.5vw,52px);font-weight:800;line-height:1.05}.hero p.lead{color:var(--text);max-width:460px;margin-bottom:26px;font-size:16.5px;line-height:1.6}.hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.hero-visual{aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-blob{background:linear-gradient(135deg, var(--pink), var(--gold) 70%);opacity:.9;border-radius:42% 58% 63% 37%/41% 42% 58% 59%;position:absolute;inset:0}.hero-card{box-shadow:var(--shadow);border:3px dashed var(--crimson);text-align:center;background:#fff;border-radius:26px;width:78%;padding:26px;position:relative}.hero-card .emoji-row{margin-bottom:8px;font-size:44px}.hero-card h3{color:var(--crimson-dark);margin-bottom:4px;font-size:20px}.hero-card p{color:var(--ink-soft);margin:0;font-size:12.5px}.float-chip{box-shadow:var(--shadow);color:var(--teal-dark);background:#fff;border-radius:16px;align-items:center;gap:6px;padding:10px 14px;font-size:12.5px;font-weight:700;display:flex;position:absolute}.chip-1{top:6%;right:2%}.chip-2{color:var(--crimson-dark);bottom:10%;left:0%}@media (width<=640px){.float-chip{display:none}}.features{max-width:var(--container);grid-template-columns:repeat(4,1fr);gap:22px;margin:0 auto;padding:38px 24px;display:grid}@media (width<=980px){.features{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.features{gap:14px;padding:24px 16px}}.feature{text-align:center;border:1.5px solid var(--line);background:#fff;border-radius:18px;padding:20px 16px}.feature .ic{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 10px;font-size:22px;display:flex}.feature h4{letter-spacing:.4px;text-transform:uppercase;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.section{max-width:var(--container);margin:0 auto;padding:30px 24px}@media (width<=480px){.section{padding:22px 16px}}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:26px;display:flex}.ribbon-title{background:var(--teal);color:#fff;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);padding:10px 30px;font-family:"Baloo 2",cursive;font-size:23px;font-weight:700;display:inline-block;position:relative}@media (width<=480px){.ribbon-title{padding:9px 22px;font-size:18px}}.section-head p{color:var(--ink-soft);margin-top:8px;font-size:13.5px}.see-all{color:var(--crimson-dark);white-space:nowrap;font-size:13.5px;font-weight:700}.grid-4{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}@media (width<=980px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid-4{gap:14px}}.product-card{border:1.5px solid var(--line);text-align:left;cursor:pointer;font:inherit;color:inherit;background:#fff;border-radius:20px;flex-direction:column;width:100%;padding:0;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.product-card:hover,.product-card:focus-visible{box-shadow:var(--shadow);transform:translateY(-5px)}.product-media{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;font-size:60px;display:flex;position:relative}.product-card:nth-child(4n+1) .product-media{background-image:linear-gradient(160deg,#fbd9e7,#f7bfd8)}.product-card:nth-child(4n+2) .product-media{background-image:linear-gradient(160deg,#ddf1f1,#aee4e5)}.product-card:nth-child(4n+3) .product-media{background-image:linear-gradient(160deg,#fce7c4,#f5c878)}.product-card:nth-child(4n+4) .product-media{background-image:linear-gradient(160deg,#e7daf5,#cbaeea)}.tag{color:#fff;letter-spacing:.3px;border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:700;position:absolute;top:12px;left:12px}.tag-stock{background:var(--teal)}.tag-low{background:var(--gold)}.tag-out{background:var(--ink-soft)}.wish{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;position:absolute;top:12px;right:12px}.product-info{flex-direction:column;flex:1;padding:16px 16px 18px;display:flex}.product-info .cat{color:var(--teal-dark);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.product-info h4{margin:6px 0 8px;font-family:Poppins,sans-serif;font-size:15.5px;font-weight:600;line-height:1.3}.price-row{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.price{color:var(--crimson-dark);font-size:16px;font-weight:800}.price .old{color:var(--ink-soft);margin-right:6px;font-size:12.5px;font-weight:500;text-decoration:line-through}.add-btn{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;line-height:1;display:flex}.add-btn:hover:not(:disabled){background:var(--crimson)}.add-btn:disabled{opacity:.4;cursor:not-allowed}.variant-dots{gap:5px;margin-top:6px;display:flex}.variant-dot{width:14px;height:14px;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%;padding:0}.variant-dot.selected{box-shadow:0 0 0 2px var(--crimson)}.promo{max-width:var(--container);margin:10px auto 46px;padding:0 24px}.promo-inner{background:linear-gradient(120deg, var(--crimson) 0%, var(--crimson-dark) 100%);color:#fff;box-shadow:var(--shadow);border-radius:26px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:44px 48px;display:flex;position:relative;overflow:hidden}.promo-inner:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);width:180px;height:180px;position:absolute;top:-40px;right:-40px}.promo-text .eyebrow{letter-spacing:1.5px;text-transform:uppercase;opacity:.85;font-size:12.5px;font-weight:700}.promo-text h2{color:#fff;margin:8px 0 6px;font-size:clamp(22px,3.2vw,32px)}.promo-text p{opacity:.92;margin:0;font-size:14px}.promo .btn-primary{color:var(--crimson-dark);box-shadow:none;background:#fff}@media (width<=640px){.promo{margin:8px auto 32px;padding:0 16px}.promo-inner{text-align:center;justify-content:center;padding:28px 24px}}.testi-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (width<=980px){.testi-grid{grid-template-columns:1fr}}.testi-card{border:1.5px solid var(--line);background:#fff;border-radius:20px;padding:26px}.stars{color:var(--gold);letter-spacing:2px;margin-bottom:10px;font-size:15px}.testi-card p{color:var(--text);margin-bottom:16px;font-size:13.5px;line-height:1.6}.testi-who{align-items:center;gap:10px;display:flex}.avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.testi-who h5{margin:0;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600}.testi-who span{color:var(--ink-soft);font-size:11.5px}.site-footer{background:var(--cream-2);border-top:2px dashed var(--line);margin-top:auto;padding-top:50px}.footer-grid{max-width:var(--container);grid-template-columns:1.3fr .85fr .85fr .85fr;gap:28px;margin:0 auto;padding:0 24px 34px;display:grid}@media (width<=980px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.footer-grid{grid-template-columns:1fr}}.footer-grid h5{letter-spacing:.4px;margin-bottom:16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.footer-grid ul li{margin-bottom:10px}.footer-grid ul li a{color:#5c5644;font-size:13.5px}.footer-grid ul li a:hover{color:var(--crimson)}.foot-logo{color:var(--crimson);align-items:center;gap:8px;margin-bottom:12px;font-family:"Baloo 2",cursive;font-size:22px;font-weight:800;display:flex}.foot-about p{color:var(--ink-soft);margin-bottom:16px;font-size:13px;line-height:1.7}.social-row{gap:10px;display:flex}.social-row a{background:var(--navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;display:flex}.contact-line{color:#5c5644;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.pay-row{max-width:var(--container);border-top:1px solid var(--line);justify-content:center;align-items:center;margin:0 auto;padding:20px 24px;display:flex}.copyright{color:var(--ink-soft);text-align:center;font-size:12px}.panel{border:1.5px solid var(--line);background:#fff;border-radius:20px}.panel-body{padding:22px}.split-frame{box-shadow:var(--shadow);border-radius:26px;grid-template-columns:1.2fr 1fr;display:grid;overflow:hidden}@media (width<=860px){.split-frame,.checkout-grid{grid-template-columns:1fr!important}}.split-left{border:1.5px solid var(--line);background:#fff;border-right:none;padding:28px}@media (width<=860px){.split-left{border-right:1.5px solid var(--line)}}.split-left h3{margin-bottom:16px;font-size:19px}.split-right{background:linear-gradient(120deg, var(--crimson) 0%, var(--crimson-dark) 100%);color:#fff;padding:28px}.split-right h3{color:#fff;margin-bottom:16px;font-size:19px}.sum-row{opacity:.95;justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.sum-total{border-top:1.5px dashed #ffffff80;justify-content:space-between;margin-top:8px;padding-top:12px;font-family:"Baloo 2",cursive;font-size:19px;font-weight:800;display:flex}.pay-btn{width:100%;color:var(--crimson-dark);cursor:pointer;background:#fff;border:none;border-radius:999px;margin-top:16px;padding:14px;font-size:14.5px;font-weight:700}.thanks-note{text-align:center;opacity:.85;margin-top:12px;font-size:12px}.cart-row{border:1.5px solid var(--line);border-radius:16px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.cart-row .thumb{background:var(--pink);background-position:50%;background-size:cover;border-radius:12px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.cart-row .info{flex:1;min-width:0;font-size:13px}.cart-row .info b{font-family:Poppins,sans-serif;font-size:13.5px}.cart-row .info span{color:var(--teal-dark);font-size:11.5px;font-weight:600;display:block}.cart-row .price{white-space:nowrap;font-size:13px;font-weight:700}.qty-stepper{align-items:center;gap:8px;margin-top:6px;display:flex}.qty-stepper button{border:1.5px solid var(--line);background:var(--cream);cursor:pointer;border-radius:50%;width:24px;height:24px;font-size:13px;line-height:1}.qty-stepper .remove-line-btn{width:auto;height:auto;color:var(--danger);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:11.5px;font-weight:700}.ficha-frame{max-height:90vh;box-shadow:var(--shadow);background:#fff;border-radius:26px;grid-template-columns:1fr 1.2fr;display:grid;overflow:hidden auto}@media (width<=760px){.ficha-frame{grid-template-columns:1fr}.ficha-left{height:260px}}.ficha-left{justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.ficha-img{border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;font-size:56px;display:flex;position:absolute;inset:0;overflow:hidden}.ficha-img img{object-fit:cover;width:100%;height:100%;display:block}.ficha-badge{background:var(--crimson);color:#fff;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:700;position:absolute;bottom:20px;right:20px}.ficha-right{flex-direction:column;padding:26px 30px;display:flex}.ficha-label{color:var(--teal-dark);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.ficha-right h3{margin:8px 0 4px;font-size:clamp(20px,2.6vw,26px)}.ficha-price{color:var(--crimson-dark);font-size:21px;font-weight:800}.ficha-right p{color:var(--text);margin:12px 0 16px;font-size:13.5px;line-height:1.6}.ficha-option-label{margin-bottom:8px;font-size:12.5px;font-weight:700}.size-row{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.size-dot{border:1.5px solid var(--line);background:var(--cream);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:38px;height:38px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.size-dot.selected{background:var(--crimson);color:#fff;border-color:var(--crimson)}.size-dot:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.add-cart-btn{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:auto;padding:14px 22px;font-size:14px;font-weight:700}.add-cart-btn:hover:not(:disabled){background:var(--crimson)}.modal-backdrop{z-index:400;background:#1c2b5780;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-close-x{width:34px;height:34px;box-shadow:var(--shadow);cursor:pointer;z-index:2;background:#fff;border:none;border-radius:50%;font-size:17px;position:absolute;top:14px;right:14px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field-label{color:var(--ink-soft);font-size:12.5px;font-weight:700}.field-label .req{color:var(--crimson-dark)}.field input,.field select,.field textarea{border:1.5px solid var(--line);background:var(--cream);width:100%;color:var(--navy);border-radius:12px;padding:11px 14px;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--focus-ring);outline-offset:1px;border-color:var(--focus-ring)}.field-error{color:var(--danger);font-size:12.5px;font-weight:600}.field-checkbox{flex-direction:row}.checkbox-label{color:var(--ink-soft);cursor:pointer;align-items:flex-start;gap:9px;font-size:13px;display:flex}.checkbox-label input[type=checkbox]{width:auto;accent-color:var(--crimson);cursor:pointer;margin-top:2px}.checkbox-label a{color:var(--crimson-dark);font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-row>.field{min-width:0}@media (width<=560px){.form-row{grid-template-columns:1fr}}.pay-box{border:1.5px dashed var(--gold);background:#fdf6e8;border-radius:12px;padding:14px 16px;font-size:13.5px}.pay-box b{margin-bottom:8px;display:block}.verify-banner{color:#8a5b00;text-align:center;background:#f0a93b29;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:13.5px;font-weight:600;display:flex}.verify-banner a{color:var(--crimson-dark);font-weight:700;text-decoration:underline}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-pending{color:#8a5b00;background:#f0a93b33}.badge-paid{color:var(--teal-dark);background:#158a9329}.badge-prep{color:var(--navy);background:#1c2b571f}.badge-shipped{color:var(--purple);background:#9b6fce2e}.badge-delivered{color:var(--success);background:#157a5f29}.badge-cancelled{color:var(--danger);background:#c0304a24}.auth-page{background:radial-gradient(circle at 14% 20%, #f7bfd859, transparent 40%), radial-gradient(circle at 88% 75%, #f0a93b38, transparent 45%), var(--cream);justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:40px 16px;display:flex}.auth-card{width:100%;max-width:420px;box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:34px 30px}.auth-brand{align-items:center;gap:10px;margin-bottom:22px;display:flex}.auth-title{margin-bottom:6px;font-size:24px}.auth-sub{color:var(--ink-soft);margin-bottom:20px;font-size:13.5px}.auth-switch{text-align:center;margin-top:14px;font-size:13.5px}.auth-switch a{color:var(--crimson-dark);font-weight:700}.empty-state{text-align:center;color:var(--ink-soft);padding:40px 16px;font-size:14px}.skeleton{background:linear-gradient(90deg, var(--line) 25%, #f3e9cc 37%, var(--line) 63%);background-size:400% 100%;border-radius:8px;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}.toast-stack{z-index:999;flex-direction:column;gap:8px;width:min(92vw,380px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--navy);color:#fff;box-shadow:var(--shadow);border-radius:12px;padding:12px 18px;font-size:13.5px;font-weight:600}.toast.toast-error{background:var(--danger)}.filter-bar{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-chip{border:1.5px solid var(--line);cursor:pointer;color:inherit;background:#fff;border-radius:999px;flex:none;padding:8px 18px;font-size:12.5px;font-weight:600}.filter-chip.active{background:var(--crimson);color:#fff;border-color:var(--crimson)}.order-card{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 0;display:flex}.order-card:last-child{border-bottom:none}.order-card-main{flex:260px;min-width:0}.order-card-title{font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.order-card-meta{color:var(--ink-soft);margin-top:2px;font-size:12px}.item-thumb{background:var(--pink);background-position:50%;background-size:cover;border-radius:12px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.cart-drawer{z-index:300;display:none;position:fixed;inset:0}.cart-drawer.open{display:block}.cart-backdrop{background:#1c2b5773;position:absolute;inset:0}.cart-panel{background:var(--cream);flex-direction:column;width:min(92vw,400px);display:flex;position:absolute;top:0;bottom:0;right:0}.cart-header{border-bottom:2px dashed var(--line);background:var(--cream-2);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.cart-header h3{font-size:19px}.cart-items{flex:1;padding:16px 22px;overflow-y:auto}.cart-total-row{justify-content:space-between;margin-bottom:14px;font-family:"Baloo 2",cursive;font-size:17px;font-weight:800;display:flex}.cart-footer{border-top:2px dashed var(--line);background:var(--cream-2);padding:18px 22px}.chatbot-wrap{z-index:900;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:20px;right:20px}.chatbot-bubble{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--crimson), var(--gold));border:none;border-radius:50%;width:58px;height:58px;font-size:24px;box-shadow:0 10px 24px #e31c5f59}.chatbot-panel{width:min(340px,100vw - 40px);max-height:min(480px,100vh - 120px);box-shadow:var(--shadow);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.chatbot-head{background:linear-gradient(135deg, var(--crimson), var(--gold));color:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chatbot-head-title{align-items:center;gap:10px;display:flex}.chatbot-avatar{background:#ffffff40;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.chatbot-name{font-size:14px;font-weight:700}.chatbot-status{opacity:.9;align-items:center;gap:5px;font-size:11px;display:flex}.chatbot-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;display:inline-block}.chatbot-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.chatbot-messages{background:var(--cream);flex-direction:column;flex:1;gap:8px;padding:14px;display:flex;overflow-y:auto}.chatbot-msg{border-radius:14px;max-width:82%;padding:9px 13px;font-size:13px;line-height:1.5}.chatbot-msg.bot{border:1px solid var(--line);color:var(--navy);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.chatbot-msg.user{background:var(--crimson);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chatbot-typing{align-items:center;gap:4px;padding:12px 14px;display:flex}.chatbot-typing span{background:var(--ink-soft);opacity:.6;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite chatbot-typing-bounce}.chatbot-typing span:nth-child(2){animation-delay:.15s}.chatbot-typing span:nth-child(3){animation-delay:.3s}@keyframes chatbot-typing-bounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chatbot-suggestions{background:#fff;flex-wrap:wrap;gap:6px;padding:10px 14px 0;display:flex}.chatbot-chip{border:1.5px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:600}.chatbot-chip:hover{border-color:var(--crimson);color:var(--crimson)}.chatbot-chip:disabled{opacity:.5;cursor:default}.chatbot-input-row{border-top:1px solid var(--line);background:#fff;gap:8px;padding:12px 14px;display:flex}.chatbot-input-row input{border:1.5px solid var(--line);border-radius:999px;flex:1;padding:9px 14px;font-size:13px}.chatbot-input-row button{background:var(--crimson);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;width:38px;height:38px;font-size:14px}.chatbot-input-row input:disabled,.chatbot-input-row button:disabled{opacity:.6;cursor:default}@media (width<=480px){.chatbot-wrap{bottom:12px;right:12px}}
