@font-face{font-family:JasmineBloom;src:url(../assets/fonts/JasmineBloom.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--color-primary: #02584C;--color-primary-dark: #013D35;--color-primary-light: #0A6B5C;--color-lime: #D5DF65;--color-lime-dark: #BFD050;--color-lime-pale: #F0F4C0;--color-pink: #F8BFD8;--color-pink-pale: #FDF5F8;--color-pink-dark: #E8A0C0;--color-orange: #E35725;--color-orange-pale: #FDEEE7;--color-bg: #FAFAF8;--color-surface: #FFFFFF;--color-text-primary: #02584C;--color-text-body: #2D3C39;--color-text-muted: #7A9490;--color-border: #E0EBE8;--color-border-dark: #C5DAD6;--font-display: "JasmineBloom", cursive;--font-serif: "DM Serif Display", serif;--font-body: "Plus Jakarta Sans", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 2.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 3px rgba(2,88,76,.06);--shadow-sm: 0 2px 10px rgba(2,88,76,.08);--shadow-md: 0 4px 20px rgba(2,88,76,.12);--shadow-lg: 0 8px 40px rgba(2,88,76,.16);--shadow-xl: 0 16px 60px rgba(2,88,76,.2);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--container-max: 1280px;--container-pad: clamp(1rem, 5vw, 2.5rem);--header-height: 110px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{max-width:100vw;overflow-x:hidden!important}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:1.6;color:var(--color-text-body);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{border:none;background:none;cursor:pointer;font-family:inherit}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.section{padding-block:var(--space-20)}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:var(--weight-extrabold);line-height:1.15;color:var(--color-text-primary)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4)}.eyebrow--pill-white{background:#ffffff26;color:#ffffffe6;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.3)}.section-heading{font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));margin-bottom:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.875rem 1.75rem;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:1;cursor:pointer;border:2px solid transparent;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--color-lime);color:var(--color-primary-dark);border-color:var(--color-lime)}.btn--primary:hover{background:var(--color-lime-dark);border-color:var(--color-lime-dark);box-shadow:0 6px 20px #d5df6580}.btn--sm{padding:.625rem 1.25rem;font-size:var(--text-sm)}.btn--full{width:100%}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid transparent;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.header.scrolled{border-bottom-color:var(--color-border);box-shadow:0 2px 16px #02584c14}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-6);max-width:2000px;padding-inline:clamp(1rem,2.5vw,2rem)}.header__logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.header__logo img{width:160px;height:160px;max-width:none;flex-shrink:0;margin:-25px -22px;pointer-events:none}.header__nav{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.header__nav a{font-size:.88rem;font-weight:700;color:var(--color-text-body);transition:color var(--transition-fast);position:relative;white-space:nowrap;margin-right:1.25rem;flex-shrink:0;display:inline-flex;align-items:center}.header__nav a:last-child{margin-right:0}.header__nav a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-lime);border-radius:2px;transform:scaleX(0);transition:transform var(--transition-fast)}.header__nav a:hover{color:var(--color-primary)}.header__nav a:hover:after{transform:scaleX(1)}.header__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.header__cart{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-primary);transition:background var(--transition-fast)}.header__cart:hover{background:var(--color-pink-pale)}.header__cart svg{width:22px;height:22px}.cart-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:var(--color-orange);color:#fff;font-size:9px;font-weight:var(--weight-bold);border-radius:50%;display:flex;align-items:center;justify-content:center}.header__hamburger{display:none;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:var(--radius-md);cursor:pointer;padding:0;transition:background var(--transition-fast)}.header__hamburger:hover{background:var(--color-pink-pale)}.header__hamburger span{display:block;width:22px;height:2px;background:var(--color-primary);border-radius:2px;transition:transform var(--transition-normal),opacity var(--transition-normal)}.mobile-drawer{position:fixed;top:0;right:0;width:min(320px,85vw);height:100vh;background:var(--color-surface);z-index:1100;transform:translate(100%);transition:transform var(--transition-slow);box-shadow:-4px 0 40px #02584c26;display:flex;flex-direction:column;padding:var(--space-6);overflow-y:auto}.mobile-drawer.open{transform:translate(0)}.mobile-drawer__close{align-self:flex-end;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-primary);margin-bottom:var(--space-6);transition:background var(--transition-fast)}.mobile-drawer__close:hover{background:var(--color-pink-pale)}.mobile-drawer__logo{margin-bottom:var(--space-8)}.mobile-drawer__logo img{height:40px}.mobile-drawer__nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.mobile-drawer__nav a{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:var(--weight-semibold);color:var(--color-text-body);transition:background var(--transition-fast),color var(--transition-fast)}.mobile-drawer__nav a:hover{background:var(--color-pink-pale);color:var(--color-primary)}.mobile-drawer__cta{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.drawer-overlay{position:fixed;inset:0;background:#02584c66;z-index:1050;opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.drawer-overlay.open{opacity:1;pointer-events:all}.hero{min-height:100vh;background:var(--color-primary);display:flex;align-items:center;padding-top:var(--header-height);position:relative;overflow:hidden}.hero__bg-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.hero__bg-blob--1{width:500px;height:500px;background:#d5df651f;top:-100px;right:-100px}.hero__bg-blob--2{width:350px;height:350px;background:#f8bfd81a;bottom:-80px;left:10%}.hero__inner{display:grid;grid-template-columns:55fr 45fr;align-items:center;gap:clamp(var(--space-8),6vw,var(--space-16));min-height:calc(100vh - var(--header-height));padding-block:var(--space-16)}.hero__content{position:relative;z-index:2}.hero__tag{display:inline-flex;align-items:center;gap:var(--space-2);background:#d5df652e;color:var(--color-lime);border:1px solid rgba(213,223,101,.35);padding:.4rem 1rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-6)}.hero__title{font-size:clamp(var(--text-4xl),6vw,var(--text-7xl));font-weight:var(--weight-extrabold);color:#fff;line-height:1.05;margin-bottom:var(--space-6);letter-spacing:-.02em}.hero__title .accent{color:var(--color-pink)}.hero__subtitle{font-size:clamp(var(--text-base),2vw,var(--text-xl));color:#ffffffb8;line-height:1.65;margin-bottom:var(--space-8);max-width:480px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trust-bar{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding-block:var(--space-5)}.trust-bar__inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-6)}.trust-item{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-body)}.trust-item__icon{width:36px;height:36px;background:var(--color-pink-pale);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.trust-item__icon svg{width:18px;height:18px}.trust-item__text strong{display:block;font-size:var(--text-lg);font-weight:var(--weight-extrabold);color:var(--color-primary);line-height:1}.trust-item__text span{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium)}.trust-divider{width:1px;height:40px;background:var(--color-border)}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);border-radius:var(--radius-xl);text-align:center;cursor:pointer;text-decoration:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden}.category-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-lg)}.step-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);position:relative}.faq-item{border:2px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);background:var(--color-surface)}.faq-item:hover{border-color:var(--color-border-dark)}.faq-item.open{border-color:var(--color-primary);box-shadow:0 4px 20px #02584c14;background:#f0f8f6}.faq-item__question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-primary);text-align:left;cursor:pointer;transition:color var(--transition-fast);border:none;background:transparent}.faq-item.open .faq-item__question{color:var(--color-primary-dark)}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.footer{background:var(--color-primary-dark);color:#ffffffa6;padding-top:var(--space-16)}.wa-float{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36680;z-index:900;transition:transform var(--transition-fast),box-shadow var(--transition-fast);animation:wa-pulse 2.5s ease-in-out infinite}.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 30px #25d366a6;animation:none}.wa-float svg{width:28px;height:28px;color:#fff}@keyframes wa-pulse{0%,to{box-shadow:0 4px 20px #25d36680}50%{box-shadow:0 4px 30px #25d366bf,0 0 0 8px #25d3661a}}.catalog-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.catalog-search-wrap{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:50px;padding:.4rem .8rem .4rem .9rem;transition:border-color .18s}.catalog-search-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #02584c14}.catalog-search-input{border:none;outline:none;font-family:var(--font-body);font-size:.85rem;color:#374151;background:transparent;width:180px}.catalog-search-input::placeholder{color:#9ca3af}.catalog-search-clear{border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:.75rem;padding:0;line-height:1;transition:color .15s}.catalog-search-clear:hover{color:#ef4444}.catalog-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.catalog-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:.55rem 1.25rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-body);background:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.catalog-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.catalog-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #02584c4d}.catalog-tab .tab-count{font-size:.7rem;background:#ffffff40;padding:1px 6px;border-radius:999px;font-weight:var(--weight-bold)}.catalog-tab:not(.active) .tab-count{background:var(--color-lime-pale);color:var(--color-primary)}.catalog__header{margin-bottom:var(--space-8)}.catalog__title-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.catalog__title{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3rem);font-weight:400;color:var(--color-primary);line-height:1.1;letter-spacing:-.01em}.catalog__count{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-medium)}.pcard{background:var(--color-surface);border-radius:var(--radius-xl);border:1.5px solid var(--color-border);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);position:relative}.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-border-dark)}.pcard__img-wrap{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-bg)}.pcard__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.pcard:hover .pcard__img{transform:scale(1.06)}.pcard__badge{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--color-lime);color:var(--color-primary-dark);font-size:.7rem;font-weight:var(--weight-extrabold);padding:3px 10px;border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;z-index:2}.pcard__badge--popular{background:var(--color-orange);color:#fff}.pcard__badge--nuevo{background:var(--color-pink);color:var(--color-primary-dark)}.pcard__badge--oferta{background:#dc2626;color:#fff}.pcard__badge--cotizar{background:var(--color-primary);color:#fff}.pcard__body{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.pcard__category{font-size:.7rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.pcard__name{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-primary);line-height:1.3;margin:0}.pcard__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.pcard__pricing{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:2px}.pcard__price{font-size:var(--text-xl);font-weight:var(--weight-extrabold);color:var(--color-primary);line-height:1}.pcard__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-3)}.pcard__btn-pedir{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:.6rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:var(--weight-bold);font-family:var(--font-body);background:#25d366;color:#fff;border:2px solid #25D366;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.pcard__btn-pedir:hover{background:#1ebe5d;border-color:#1ebe5d;transform:translateY(-1px);box-shadow:0 4px 14px #25d36666}.pcard__btn-cart:hover{background:#082e26;transform:translateY(-1px);box-shadow:0 4px 14px #0b4a3e59}.pcard__btn-personalizar{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:.6rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:var(--weight-bold);font-family:var(--font-body);background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.pcard__btn-personalizar:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.pcard[data-hidden=true]{display:none}.pcard__colors{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}.pcard__colors-label{font-size:.68rem;font-weight:var(--weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-right:2px}.pcard__color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;flex-shrink:0;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative}.pcard__color-dot:hover{transform:scale(1.2);box-shadow:0 2px 8px #00000040}.pcard__color-dot.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-lime);transform:scale(1.15)}@media(max-width:992px){.header__nav,header nav:not(.mobile-drawer__nav){display:none!important}.header__hamburger{display:flex!important}.header__actions .btn{display:none!important}.header__inner{padding:0 .8rem;gap:.4rem}.header__logo img{width:84px!important;height:84px!important;max-height:84px!important;margin:-10px -12px!important}#authNavBtn{padding:.38rem .65rem!important;font-size:.76rem!important;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}#authNavText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:75px;pointer-events:none!important}.header__hamburger,#hamburger,.drawer-overlay,.mobile-drawer__close{cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}.header__hamburger span,#authNavBtn svg{pointer-events:none!important}}.account-header h1,#userGreeting{color:#f8bfd8!important;font-family:Outfit,Plus Jakarta Sans,sans-serif!important;font-weight:800!important;text-shadow:0 2px 12px rgba(0,0,0,.25)!important}@media(max-width:768px){:root{--header-height: 64px}.hero__inner{grid-template-columns:1fr;text-align:center;padding-block:var(--space-12)}.hero__subtitle{margin-inline:auto}.trust-divider{display:none}.trust-bar__inner{gap:var(--space-4)}.pcard__actions{grid-template-columns:1fr}}@media(max-width:480px){.hero__tag{font-size:10px}.catalog-tabs{gap:var(--space-1)}.catalog-tab{font-size:.75rem;padding:.45rem .9rem}}.reveal,.animate-kittl{opacity:0;transform:translateY(20px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.reveal.visible,.animate-kittl.visible{opacity:1;transform:translateY(0)}.counter{font-variant-numeric:tabular-nums}.catalog-tab{display:flex;align-items:center;justify-content:center}.btn-wa svg,.pcard__btn-pedir svg{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.btn-wa:hover svg,.pcard__btn-pedir:hover svg{animation:pulse-whatsapp 1.2s infinite alternate}@keyframes pulse-whatsapp{0%{transform:scale(1);filter:drop-shadow(0 0 1px rgba(255,255,255,.4))}to{transform:scale(1.18) rotate(4deg);filter:drop-shadow(0 0 8px rgba(255,255,255,.85))}}.pcard{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1)!important;cursor:pointer;position:relative;overflow:hidden}.pcard:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 20px 40px #02584c14!important;border-color:#02584c26!important}.cart-toast{position:fixed;bottom:2rem;right:2rem;z-index:9999;background:#111;color:#fff;border-radius:14px;padding:1rem 1.4rem;display:flex;align-items:center;gap:.85rem;font-family:var(--font-body);font-size:.9rem;font-weight:600;box-shadow:0 10px 40px #00000040;transform:translateY(120%);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;max-width:360px;pointer-events:none}.cart-toast.show{transform:translateY(0);opacity:1;pointer-events:auto}.cart-toast__icon{width:36px;height:36px;background:#f896b5;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.cart-toast__text strong{display:block;font-size:.92rem}.cart-toast__text span{font-size:.8rem;color:#ffffffa6;font-weight:400}.cart-toast__btn{margin-left:auto;background:#f896b5;color:#fff;border:none;border-radius:8px;padding:.45rem .9rem;font-size:.8rem;font-weight:700;font-family:var(--font-body);cursor:pointer;white-space:nowrap;flex-shrink:0;pointer-events:auto;transition:background .2s}.cart-toast__btn:hover{background:#e07aa5}@keyframes badgeBounce{0%{transform:scale(1)}40%{transform:scale(1.55)}70%{transform:scale(.88)}to{transform:scale(1)}}.cart-badge.bump{animation:badgeBounce .4s ease}.cart-page-section{padding:var(--space-12) 0 var(--space-20);min-height:65vh;background:#f9f9fb}.cart-page-header{margin-bottom:var(--space-8);text-align:left}.cart-page-header h1{font-family:var(--font-body);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;color:#111}.cart-page-header p{font-size:.9rem;color:#6b7280;margin-top:var(--space-2)}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-8);align-items:start}.cart-items-list{display:flex;flex-direction:column;gap:var(--space-4)}.cart-item-card{background:#fff;border-radius:16px;padding:var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start;border:1px solid #f0f0f0;box-shadow:0 1px 6px #0000000a;transition:box-shadow .2s}.cart-item-card:hover{box-shadow:0 4px 20px #00000014}.cart-item-img{width:90px;height:90px;border-radius:12px;background:#f5f5f7;object-fit:contain;flex-shrink:0}.cart-item-body{flex:1;min-width:0}.cart-item-name{font-size:.97rem;font-weight:700;color:#111;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-meta{font-size:.82rem;color:#6b7280;margin-bottom:var(--space-3)}.cart-item-meta span{display:inline-block;background:#f3f4f6;border-radius:6px;padding:2px 8px;margin-right:4px}.cart-item-controls{display:flex;align-items:center;gap:var(--space-3)}.cart-qty-wrap{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;height:36px}.cart-qty-btn{width:32px;height:100%;background:none;border:none;font-size:1rem;font-weight:600;color:#374151;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center}.cart-qty-btn:hover{background:#f3f4f6}.cart-qty-input{width:38px;height:100%;border:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;text-align:center;font-size:.88rem;font-weight:700;color:#111;outline:none;-webkit-appearance:none;-moz-appearance:textfield;appearance:textfield;font-family:var(--font-body)}.cart-qty-input::-webkit-outer-spin-button,.cart-qty-input::-webkit-inner-spin-button{-webkit-appearance:none}.cart-item-price{margin-left:auto;text-align:right;flex-shrink:0}.cart-item-price strong{display:block;font-size:1.05rem;font-weight:800;color:#111}.cart-item-price small{font-size:.78rem;color:#9ca3af}.cart-item-remove{background:none;border:none;color:#d1d5db;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .15s,background .15s;flex-shrink:0}.cart-item-remove:hover{color:#ef4444;background:#fef2f2}.cart-empty{text-align:center;padding:3.5rem 2.5rem;background:#fff;border-radius:24px;border:2px dashed #e5e7eb;max-width:680px;margin:2.5rem auto;width:100%;box-shadow:0 12px 35px #0000000d}.cart-empty__icon{font-size:4rem;margin-bottom:var(--space-4)}.cart-empty h2{font-size:1.65rem;font-weight:800;color:#111;margin-bottom:var(--space-3)}.cart-empty p{font-size:.98rem;color:#6b7280;margin-bottom:var(--space-6)}.cart-empty .btn-go-shop{display:inline-flex;align-items:center;gap:8px;background:#111;color:#fff;padding:.85rem 2rem;border-radius:12px;font-weight:800;font-size:.98rem;font-family:var(--font-body);text-decoration:none;transition:all .2s ease}.cart-empty .btn-go-shop:hover{background:#333}.cart-summary-panel{background:#fff;border-radius:20px;padding:var(--space-6);border:1px solid #f0f0f0;box-shadow:0 2px 16px #0000000f;position:sticky;top:calc(var(--header-height) + 1rem)}.cart-summary-panel h2{font-size:1.1rem;font-weight:800;color:#111;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid #f0f0f0}.cart-summary-rows{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.cart-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;color:#6b7280}.cart-summary-row.total{font-size:1.1rem;font-weight:800;color:#111;padding-top:var(--space-4);border-top:1px solid #f0f0f0}.cart-summary-row.total span:last-child{color:var(--color-primary)}.cart-summary-note{font-size:.78rem;color:#9ca3af;margin-bottom:var(--space-5);line-height:1.5;background:#f9f9fb;border-radius:8px;padding:var(--space-3) var(--space-4)}.btn-cart-wa{width:100%;height:50px;background:#25d366;color:#fff;border:none;border-radius:12px;font-family:var(--font-body);font-weight:800;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .2s,box-shadow .2s;text-decoration:none;margin-bottom:var(--space-3);box-shadow:0 4px 14px #25d3664d}.btn-cart-wa:hover{background:#1ebe5d;transform:translateY(-1px);box-shadow:0 6px 20px #25d36666}.btn-cart-clear{width:100%;height:42px;background:none;border:1.5px solid #e5e7eb;border-radius:10px;font-family:var(--font-body);font-weight:600;font-size:.85rem;color:#6b7280;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.btn-cart-clear:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}@media(max-width:860px){.cart-layout{grid-template-columns:1fr}}.mobile-app-bottom-nav{display:none!important}.mobile-nav-item svg{width:22px!important;height:22px!important;max-width:24px!important;max-height:24px!important}@media(max-width:768px){body{padding-bottom:70px!important}.mobile-app-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 20px #00000014;z-index:9999;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#64748b;font-size:.7rem;font-weight:700;gap:3px;flex:1;height:100%;transition:color .18s ease;position:relative}.mobile-nav-item.active{color:#02584c}.mobile-nav-item svg{width:22px;height:22px}.mobile-nav-item.center-action{transform:translateY(-12px)}.mobile-nav-item.center-action .center-icon-wrap{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#02584c,#013d35);color:#d5df65;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #02584c59;border:3px solid #ffffff}.mobile-nav-badge{position:absolute;top:4px;right:20%;background:#e35725;color:#fff;font-size:.65rem;font-weight:800;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}}@media(min-width:769px){.mobile-app-bottom-nav{display:none!important}}@media(max-width:860px){.cart-summary-panel{position:static}.cart-toast{bottom:1rem;right:1rem;left:1rem;max-width:none}}@media(max-width:768px){.wa-float{bottom:76px!important;right:14px!important;width:48px!important;height:48px!important}.wa-float svg{width:24px!important;height:24px!important}*{min-width:0}}.ic{width:24px;height:24px;flex-shrink:0;display:inline-block;vertical-align:middle}.header__nav a .ic{width:42px;height:42px;margin-right:10px}.catalog-tab .ic{width:22px;height:22px}.header__cart .ic{width:42px;height:42px}.catalog-search-wrap>.ic{width:22px;height:22px}@media(min-width:993px)and (max-width:1140px){.header__nav,header nav:not(.mobile-drawer__nav){display:none!important}.header__hamburger{display:flex!important}.header__actions .btn{display:none!important}}@media(min-width:1141px)and (max-width:1240px){.header__nav{gap:.4rem}.header__nav a{margin-right:.5rem}.header__nav a .ic{width:36px;height:36px;margin-right:6px}}@media(max-width:359px){.header__cart{width:40px;height:40px}.header__cart .ic{width:34px;height:34px}}