:root{--navy-900:#2a1b63;--navy-800:#3a2585;--navy-700:#4930b8;--blue:#6c4cf1;--blue-600:#4930b8;--cyan:#ffc94a;--indigo:#ff6b6b;--violet:#2eb67d;--grad:linear-gradient(135deg, #6c4cf1 0%, #ff6b6b 100%);--grad-cyan:linear-gradient(135deg, #ffc94a 0%, #ff6b6b 100%);--ink:#241c3d;--muted:#6e6785;--line:#ebe6f7;--bg:#fff9f2;--card:#fff;--green:#2eb67d;--red:#ff6b6b;--amber:#ffc94a;--radius:14px;--shadow:0 8px 30px #2a1b631a;--shadow-sm:0 2px 10px #2a1b6312}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4{margin:0;font-family:Sora,Inter,sans-serif;line-height:1.15}.container{max-width:1320px;margin:0 auto;padding:0 20px}.main{min-height:60vh}.section{padding:40px 0}.section-title{letter-spacing:.3px;text-transform:uppercase;font-size:22px;font-weight:800}.muted{color:var(--muted)}.link-more{color:var(--blue);font-size:14px;font-weight:700}.btn{border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0f172a1f}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--grad);color:#fff}.btn-primary:hover{filter:brightness(1.07)}.btn-blue{background:var(--blue);color:#fff}.btn-dark{background:var(--navy-800);color:#fff}.btn-outline-w{color:#fff;border:1.5px solid #fff6}.btn-wa{color:#fff;background:#25d366}.btn-sm{border-radius:10px;padding:8px 14px;font-size:13px}.btn-block{width:100%}.badge{border-radius:8px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.badge-sale{background:var(--violet);color:#fff}.badge-new{background:var(--indigo);color:#fff}.badge-best{color:#fff;background:#0ea5e9}.badge-green{color:#166534;background:#dcfce7}.badge-amber{color:#92400e;background:#fef3c7}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.topbar{background:var(--navy-900);color:#cbd5e1;font-size:13px}.topbar .container{justify-content:space-between;align-items:center;height:34px;display:flex}.topbar .tb-left,.topbar .tb-right{align-items:center;gap:18px;display:flex}.topbar b{color:#fff}.header{z-index:60;position:sticky;top:0}.header-main{border-bottom:1px solid var(--line);background:#fff}.header-main .container{align-items:center;gap:20px;height:78px;display:flex}.logo{flex:none;align-items:center;gap:10px;display:flex}.logo-mark{background:var(--navy-900);border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.logo-mark svg{width:26px;height:26px}.logo-text{letter-spacing:.5px;font-family:Sora;font-size:22px;font-weight:800}.logo-text span{color:var(--blue)}.search{flex:1;align-items:stretch;max-width:720px;display:flex;position:relative}.search input{border:1.5px solid var(--line);border-right:none;border-radius:12px 0 0 12px;outline:none;flex:1;height:46px;padding:0 16px;font-size:14px}.search .cat-select{border:1.5px solid var(--line);color:var(--muted);background:#fff;border-left:none;border-right:none;padding:0 10px;font-size:13px;font-weight:600}.search .search-btn{background:var(--blue);color:#fff;border-radius:0 12px 12px 0;place-items:center;width:54px;display:grid}.search-suggest{border:1px solid var(--line);box-shadow:var(--shadow);z-index:80;background:#fff;border-radius:12px;position:absolute;top:52px;left:0;right:0;overflow:hidden}.search-suggest a{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 14px;display:flex}.search-suggest a:hover{background:var(--bg)}.search-suggest img{object-fit:cover;background:var(--bg);border-radius:8px;width:42px;height:42px}.header-actions{flex:none;align-items:center;gap:22px;display:flex}.h-action{color:var(--ink);align-items:center;gap:8px;display:flex;position:relative}.h-action .ha-label{line-height:1.1}.h-action .ha-label small{color:var(--muted);font-size:11px;display:block}.h-action .ha-label b{font-size:13px}.count-bubble{background:var(--violet);color:#fff;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-8px;left:14px}.header-nav{background:var(--navy-800)}.header-nav .container{align-items:center;gap:4px;height:50px;display:flex}.nav-link{color:#dbe4f3;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:600;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff1f}.nav-link.home.active{background:var(--blue)}.nav-cat-btn{position:relative}.cat-dropdown{width:300px;box-shadow:var(--shadow);z-index:90;background:#fff;border-radius:14px;padding:8px;position:absolute;top:46px;left:0;overflow:hidden}.cat-dropdown a{color:var(--ink);border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:600;display:flex}.cat-dropdown a:hover{background:var(--bg)}.cat-dropdown .ci{color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.burger{display:none}.footer{background:var(--navy-900);color:#cbd5e1;margin-top:50px}.footer .cols{grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:30px;padding:50px 0 34px;display:grid}.footer h4{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:14px}.footer a{color:#9fb0c9;padding:5px 0;font-size:14px;display:block}.footer a:hover{color:#fff}.footer .f-brand p{color:#9fb0c9;font-size:14px;line-height:1.6}.footer .socials{gap:10px;margin-top:16px;display:flex}.footer .socials a{background:#ffffff14;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.footer .contact-row{color:#9fb0c9;align-items:flex-start;gap:10px;padding:6px 0;font-size:14px;display:flex}.footer-bottom{text-align:center;color:#7d90ac;border-top:1px solid #ffffff1a;padding:18px 0;font-size:13px}.footer-bottom a{color:var(--cyan);display:inline}.feature-strip{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0;padding:18px;display:grid}.feature-strip .fi{align-items:center;gap:12px;display:flex}.feature-strip .fi .ic{width:40px;height:40px;color:var(--blue);background:#eff4ff;border-radius:10px;flex:none;place-items:center;display:grid}.feature-strip .fi b{font-size:14px;display:block}.feature-strip .fi small{color:var(--muted);font-size:12px}.pcard{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;transition:all .18s;display:flex;position:relative;overflow:hidden}.pcard:hover{box-shadow:var(--shadow);border-color:#d5deec;transform:translateY(-3px)}.pcard .pc-img{aspect-ratio:1;background:#f7f9fc;position:relative;overflow:hidden}.pcard .pc-img img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s}.pcard:hover .pc-img img{filter:saturate(1.04)contrast(1.02);transform:scale(1.055)}.pcard .pc-badges{flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;left:10px}.pcard .pc-fav{width:34px;height:34px;box-shadow:var(--shadow-sm);color:var(--muted);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.pcard .pc-fav.on{color:var(--violet)}.pc-low-stock{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad6;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;bottom:10px;right:10px}.pcard .pc-body{flex-direction:column;flex:1;gap:7px;padding:14px;display:flex}.pcard .pc-brand{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:11px;font-weight:700}.pcard .pc-name{min-height:38px;color:var(--ink);font-size:14px;font-weight:600;line-height:1.35}.pcard .pc-rate{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.pcard .pc-price{align-items:baseline;gap:8px;display:flex}.pcard .pc-price b{color:var(--blue);font-size:18px;font-weight:800}.pcard .pc-price s{color:var(--muted);font-size:13px}.pcard .pc-colors{gap:5px;display:flex}.pcard .pc-colors i{border:1px solid #00000026;border-radius:50%;width:13px;height:13px;display:inline-block}.pcard .pc-actions{gap:8px;margin-top:auto;display:flex}.pcard .pc-actions .btn{flex:1}.stars{color:var(--amber);display:inline-flex}.stars svg{width:14px;height:14px}.grid-products{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.grid-products>*,.grid-4>*,.grid-3>*,.grid-2>*{min-width:0}.section-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.skeleton-block,.skeleton-line{position:relative;overflow:hidden;background:#e8edf5!important}.skeleton-block:after,.skeleton-line:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.3s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line{border-radius:999px;width:100%;height:12px;display:block}.skeleton-line.short{width:34%}.skeleton-line.medium{width:68%}.skeleton-line.price{width:48%;height:20px;margin-top:8px}.skeleton-line.action{border-radius:10px;height:36px;margin-top:8px}.detail-skeleton-image{aspect-ratio:1;border-radius:16px}.detail-skeleton>div:last-child{flex-direction:column;gap:18px;padding-top:24px;display:flex}.home-top{grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin:24px 0;display:grid}.home-top>*,.hero,.flash-panel{min-width:0}.hero{color:#fff;background:radial-gradient(120% 120% at 70% 20%,#3b1d8f 0%,#14204a 45%,#2a1b63 100%);border-radius:18px;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.hero .hero-copy{z-index:2;max-width:60%;padding:44px}.hero small{letter-spacing:2px;text-transform:uppercase;color:#a5b4fc;font-size:12px;font-weight:700}.hero h1{margin:14px 0;font-size:46px;font-weight:800;line-height:1.05}.hero h1 .accent{color:var(--cyan)}.hero p{color:#e9e3fa;max-width:380px;font-size:16px}.hero .hero-cta{gap:12px;margin-top:24px;display:flex}.hero .hero-visual{opacity:.96;background-position:50%;background-size:cover;width:100%;animation:.8s cubic-bezier(.2,.7,.2,1) both heroVisualIn;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 42%);mask-image:linear-gradient(90deg,#0000 0%,#000 42%)}.hero-copy-in{animation:.55s cubic-bezier(.2,.7,.2,1) 80ms both heroCopyIn}.hero .dots{z-index:3;gap:7px;display:flex;position:absolute;bottom:18px;left:44px}.hero .dots button{background:#ffffff73;border-radius:50%;width:8px;height:8px;padding:0;transition:width .25s,background .25s}.hero .dots button.on{background:#fff;border-radius:4px;width:24px}.cat-tile .ct-ic{overflow:hidden;background:#fff!important}.cat-tile .ct-ic img{object-fit:contain;width:100%;height:100%;transition:transform .35s;display:block}.cat-tile:hover .ct-ic img{transform:scale(1.12)rotate(-2deg)}.flash-panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.flash-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.flash-head b{align-items:center;gap:7px;font-weight:800;display:flex}.countdown{gap:6px;margin:8px 0 16px;display:flex}.countdown .cd{background:var(--navy-800);color:#fff;text-align:center;border-radius:9px;flex:1;padding:8px 0}.countdown .cd b{font-family:Sora;font-size:18px;display:block}.countdown .cd small{opacity:.7;letter-spacing:1px;font-size:9px}.flash-item{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.flash-item img{object-fit:cover;background:var(--bg);border-radius:10px;width:60px;height:60px}.flash-item .fi-info{flex:1}.flash-item .fi-info .n{font-size:13px;font-weight:600}.flash-item .fi-info .p{color:var(--blue);font-weight:800}.flash-item .fi-info .p s{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.progress{background:var(--line);border-radius:3px;height:5px;margin-top:5px;overflow:hidden}.progress i{background:var(--grad);height:100%;display:block}.cat-tiles{grid-template-columns:repeat(8,1fr);gap:12px;margin:6px 0 26px;display:grid}.cat-tile{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#fff;padding:16px 10px;transition:all .15s}.cat-tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.cat-tile .ct-ic{color:#fff;border-radius:14px;place-items:center;width:54px;height:54px;margin:0 auto 10px;display:grid}.cat-tile b{font-size:13px;font-weight:600}.home-lists{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.mini-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px}.mini-panel .mp-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mini-panel .mp-head b{text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:800}.rank-item{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.rank-item .rk{background:var(--grad);color:#fff;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.rank-item img{object-fit:cover;background:var(--bg);border-radius:9px;width:46px;height:46px}.rank-item .ri-info{flex:1}.rank-item .ri-info .n{font-size:13px;font-weight:600}.rank-item .ri-info .p{color:var(--blue);font-size:13px;font-weight:700}.brand-strip{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.brand-logo{border:1px solid var(--line);height:72px;color:var(--navy-800);background:#fff;border-radius:12px;place-items:center;font-family:Sora;font-size:17px;font-weight:800;transition:all .15s;display:grid}.brand-logo:hover{box-shadow:var(--shadow)}.newsletter{color:#fff;background:linear-gradient(120deg,#3a2585,#1e293b);border-radius:18px;grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin:30px 0;padding:34px;display:grid}.newsletter h3{font-size:22px}.newsletter p{color:#b6c2d9;margin-top:8px}.newsletter .nl-form{gap:8px;display:flex}.newsletter .nl-form input{border:none;border-radius:12px;flex:1;padding:14px}.blog-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.blog-card{border-radius:var(--radius);color:#fff;background:linear-gradient(#0b11201a,#0b1120eb);flex-direction:column;justify-content:flex-end;min-height:190px;padding:18px;display:flex;position:relative;overflow:hidden}.blog-card .bg{z-index:-1;background-size:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s;position:absolute;inset:0}.blog-card:hover .bg{filter:saturate(1.12);transform:scale(1.07)}.blog-card:hover h4{text-underline-offset:3px;text-decoration:underline}.blog-card .bl-tag{align-self:flex-start}.blog-card h4{margin-top:10px;font-size:15px}.blog-card small{color:#e9e3fa;margin-top:6px}.info-hero,.blog-page-head{color:#fff;background:radial-gradient(120% 160% at 90% 10%,#1f6a46,#3a2585 46%,#172033);border-radius:20px;margin-bottom:24px;padding:42px}.info-hero{align-items:flex-start;gap:20px;display:flex}.info-hero>span{background:#ffffff1f;border-radius:16px;flex:none;place-items:center;width:58px;height:58px;display:grid}.info-hero small,.blog-page-head small{text-transform:uppercase;letter-spacing:1.8px;color:#a7f3d0;font-weight:800}.info-hero h1,.blog-page-head h1{margin:7px 0 10px;font-size:38px}.info-hero p,.blog-page-head p{color:#d7e7df;max-width:760px;font-size:16px}.info-grid .panel h2{margin-bottom:10px;font-size:18px}.info-grid .panel p{color:var(--muted);line-height:1.75}.info-cta{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.info-cta p{color:var(--muted);margin-top:5px}.info-cta>div:last-child{flex-wrap:wrap;gap:10px;display:flex}.blog-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.blog-list-card{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:42% 1fr;min-width:0;transition:all .18s;display:grid;overflow:hidden}.blog-list-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.blog-list-card img{object-fit:cover;width:100%;height:100%;min-height:250px}.blog-list-card>div{padding:24px}.blog-list-card h2{margin:12px 0 8px;font-size:19px;line-height:1.3}.blog-list-card p{color:var(--muted);margin-bottom:16px;line-height:1.6}.article-page{max-width:960px}.article-page header{text-align:center;padding:22px 8% 28px}.article-page header h1{margin:14px 0;font-size:40px;line-height:1.15}.article-page header p{color:var(--muted);font-size:18px}.article-page header small{color:var(--muted);margin-top:12px;display:block}.article-cover{object-fit:cover;width:100%;max-height:500px;box-shadow:var(--shadow);border-radius:20px}.article-body{max-width:760px;margin:34px auto}.article-body section{margin-bottom:28px}.article-body h2{margin-bottom:8px;font-size:22px}.article-body p{color:#475569;font-size:16px;line-height:1.8}.article-body aside{border-left:4px solid var(--green);color:#166534;background:#ecfdf5;border-radius:0 12px 12px 0;padding:16px 18px}.article-actions{justify-content:center;gap:10px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:8px;padding:18px 0;font-size:13px;display:flex}.breadcrumb a:hover{color:var(--blue)}.shop-layout{grid-template-columns:260px 1fr;align-items:start;gap:24px;display:grid}.filters{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px;position:sticky;top:140px}.filters .f-group{border-top:1px solid var(--line);padding:14px 0}.filters .f-group:first-of-type{border-top:none}.filters h5{justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:800;display:flex}.filters label{color:#334155;cursor:pointer;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;display:flex}.filters label .cnt{color:var(--muted);margin-left:auto;font-size:12px}.filters input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue)}.filters input[type=range]{width:100%;accent-color:var(--blue)}.shop-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.shop-head h1{font-size:30px}.subtabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.subtab{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:700}.subtab.active{background:var(--blue);color:#fff;border-color:var(--blue)}.sort-select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600}.detail{grid-template-columns:1fr 1fr;gap:40px;padding:20px 0;display:grid}.detail .d-gallery .main-img{border:1px solid var(--line);aspect-ratio:1;background:var(--bg);border-radius:16px;overflow:hidden}.detail .d-gallery .main-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.detail .d-gallery .main-img:hover img{transform:scale(1.045)}.detail .d-thumbs{gap:10px;margin-top:12px;display:flex}.detail .d-thumbs .th{border:2px solid var(--line);border-radius:11px;width:74px;height:74px;overflow:hidden}.detail .d-thumbs .th.on{border-color:var(--blue)}.detail h1{margin:6px 0 10px;font-size:28px}.d-price{color:var(--blue);font-size:34px;font-weight:800}.d-price s{color:var(--muted);margin-left:10px;font-size:18px;font-weight:400}.d-row{align-items:center;gap:14px;margin:16px 0;display:flex}.qty-box{border:1px solid var(--line);border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.qty-box button{width:40px;height:44px;font-size:18px}.qty-box span{text-align:center;width:44px;font-weight:700}.color-opt{border:2px solid var(--line);border-radius:50%;width:28px;height:28px}.color-opt.on{border-color:var(--blue);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--blue)}.spec-table{border-collapse:collapse;width:100%;margin-top:14px}.spec-table td{border-bottom:1px solid var(--line);padding:11px 14px;font-size:14px}.spec-table td:first-child{color:var(--muted);width:40%}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:30px 0 20px;display:flex}.tabs button{color:var(--muted);border-bottom:3px solid #0000;padding:12px 18px;font-weight:700}.tabs button.on{color:var(--blue);border-color:var(--blue)}.live-demand{color:#1e40af;background:#eff6ff;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.live-dot{background:#2eb67d;border-radius:50%;flex:none;width:8px;height:8px;animation:1.8s infinite livePulse;display:inline-block;box-shadow:0 0 #22c55e80}.recent-proof{z-index:150;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #cbd5e1cc;border-radius:15px;grid-template-columns:58px 1fr 20px;align-items:center;gap:12px;width:min(370px,100vw - 48px);padding:12px;transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.2,1);display:grid;position:fixed;bottom:24px;left:24px;transform:translateY(24px);box-shadow:0 18px 50px #0f172a33}.recent-proof.show{opacity:1;transform:translateY(0)}.recent-proof>img{object-fit:cover;background:var(--bg);border-radius:11px;width:58px;height:58px}.recent-proof>svg{color:var(--green)}.recent-proof small{color:var(--green);align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.recent-proof b{margin:3px 0;font-size:12px;line-height:1.3;display:block}.recent-proof span{color:var(--muted);font-size:10px;display:block}.cart-layout,.checkout-grid{grid-template-columns:1fr 380px;align-items:start;gap:24px;display:grid}.checkout-grid-3{grid-template-columns:1fr 1.2fr 380px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px}.cart-item{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr auto;align-items:center;gap:16px;padding:18px 0;display:grid}.cart-item img{object-fit:cover;background:var(--bg);border-radius:12px;width:90px;height:90px}.summary-row{justify-content:space-between;padding:8px 0;font-size:15px;display:flex}.summary-total{border-top:1px solid var(--line);justify-content:space-between;margin-top:8px;padding:14px 0;font-size:22px;font-weight:800;display:flex}.summary-total b{color:var(--violet)}.steps{justify-content:center;align-items:center;gap:8px;padding:22px 0;display:flex}.step{align-items:center;gap:10px;display:flex}.step .num{background:var(--line);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;font-weight:800;display:grid}.step.on .num{background:var(--blue);color:#fff}.step.done .num{background:var(--green);color:#fff}.step .lbl{color:var(--muted);font-size:14px;font-weight:700}.step.on .lbl{color:var(--blue)}.step-line{background:var(--line);width:60px;height:2px}.step-line.on{background:var(--blue)}.field{margin-bottom:14px}.field label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input,.field select,.field textarea{border:1.5px solid var(--line);border-radius:10px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}.form-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.pay-methods{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pay-opt{border:2px solid var(--line);text-align:center;cursor:pointer;border-radius:12px;padding:14px;font-size:13px}.pay-opt.on{border-color:var(--blue);background:#eff4ff}.pay-opt .pm{margin-bottom:4px;font-weight:800}.deliver-opt{border:2px solid var(--line);cursor:pointer;border-radius:12px;gap:12px;padding:16px;display:flex}.deliver-opt.on{border-color:var(--blue);background:#eff4ff}.compare-table{border-collapse:collapse;border-radius:var(--radius);background:#fff;width:100%;overflow:hidden}.compare-table th,.compare-table td{border:1px solid var(--line);text-align:center;padding:14px;font-size:14px}.compare-table th{background:var(--bg)}.compare-col-best{outline:2px solid var(--blue);position:relative}.dash-layout{grid-template-columns:260px 1fr;align-items:start;gap:24px;padding:24px 0;display:grid}.dash-side{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px;position:sticky;top:140px}.dash-user{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:10px;padding-bottom:16px;display:flex}.dash-user .av{background:var(--grad);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid}.dash-menu a{color:#334155;border-radius:10px;align-items:center;gap:11px;padding:11px 12px;font-size:14px;font-weight:600;display:flex}.dash-menu a:hover{background:var(--bg)}.dash-menu a.active{color:var(--blue);background:#eff4ff}.stat-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:14px;padding:20px;display:flex}.stat-card .sc-ic{border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.stat-card b{font-family:Sora;font-size:28px;line-height:1.1;display:block}.stat-card small{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.35;display:block}.stat-card>div{min-width:0}.stat-card small{color:var(--muted);font-size:13px}.order-track{align-items:center;gap:4px;display:flex}.order-track .ot{border:2px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.order-track .ot.done{background:var(--green);border-color:var(--green);color:#fff}.order-track .ot.cur{border-color:var(--amber)}.order-track .ol{background:var(--line);width:26px;height:2px}.order-track .ol.done{background:var(--green)}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.dtable{border-collapse:collapse;width:100%;min-width:640px}.dtable th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:2px solid var(--line);padding:12px 14px;font-size:12px}.dtable td{border-bottom:1px solid var(--line);padding:13px 14px;font-size:14px}.dtable tr:hover td{background:#fafbfe}.status-pill{border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.st-confirmado{color:#1e40af;background:#dbeafe}.st-procesando{color:#6d28d9;background:#ede9fe}.st-preparando{color:#92400e;background:#fef3c7}.st-enviado{color:#0e7490;background:#cffafe}.st-entregado{color:#166534;background:#dcfce7}.st-cancelado{color:#991b1b;background:#fee2e2}.st-reembolsado{color:#374151;background:#f3f4f6}.st-approved{color:#166534;background:#dcfce7}.st-pending{color:#92400e;background:#fef3c7}.st-spam{color:#991b1b;background:#fee2e2}.admin{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.admin-side{background:var(--navy-900);color:#cbd5e1;height:100vh;padding:20px 14px;position:sticky;top:0;overflow-y:auto}.admin-side .as-logo{align-items:center;gap:10px;padding:6px 8px 20px;display:flex}.admin-side .as-logo .logo-text{color:#fff;font-size:18px}.admin-side .as-link{color:#cbd5e1;text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:11px;width:100%;margin-bottom:2px;padding:11px 12px;font-size:14px;font-weight:600;display:flex}.admin-side .as-link:hover,.admin-side .as-link:focus-visible{color:#fff;outline-offset:1px;background:#ffffff1a;outline:2px solid #facc15}.admin-side .as-link.active{background:var(--blue);color:#fff}.admin-main{background:var(--bg);min-width:0}.admin-top{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;padding:16px 26px;display:flex;position:sticky;top:0}.admin-top h1{font-size:22px}.admin-body{padding:26px}.as-group{letter-spacing:.08em;text-transform:uppercase;color:#aab8d0;padding:16px 12px 6px;font-size:10.5px;font-weight:800}.as-group:first-of-type{padding-top:4px}.admin-side .as-link .as-count{color:#fff;background:#ffffff1f;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:700}.admin-side .as-link.active .as-count{color:#fff;background:#ffffff40}.crud-grid{grid-template-columns:minmax(0,1fr) minmax(300px,340px);align-items:start;gap:20px;display:grid}.crud-grid>*{min-width:0}.cover-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cover-toggle button{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:9px 10px;font-size:13px;font-weight:700}.cover-toggle button.on{border-color:var(--blue);color:var(--blue);background:#eff4ff}.cover-empty{border:1.5px dashed var(--line);text-align:center;color:var(--muted);border-radius:10px;margin-top:12px;padding:22px 12px;font-size:13px}.cover-video-prev{margin-top:12px}.d-thumbs .th .th-play{color:#fff;background:#0f172a;border-radius:8px;place-items:center;width:100%;height:100%;font-size:16px;display:grid}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px}.kpi .k-top{justify-content:space-between;align-items:flex-start;display:flex}.kpi .k-ic{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.kpi b{margin-top:8px;font-family:Sora;font-size:26px;display:block}.kpi small{color:var(--muted);font-size:13px}.mini-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mini-kpi{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px}.mini-kpi b{font-family:Sora;font-size:20px}.mini-kpi small{color:var(--muted);font-size:12px;display:block}.chart-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:20px}.chart-card h3{margin-bottom:16px;font-size:15px}.admin-grid-2{grid-template-columns:2fr 1fr;gap:16px;display:grid}.admin-grid-2b{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-grid-2>*,.admin-grid-2b>*,.chart-card,.editor-grid>*,.kpi,.mini-kpi{min-width:0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px}.toolbar .grow{flex:1;min-width:180px}.editor-grid{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.editor-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:16px;padding:20px}.editor-card h3{border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:10px;font-size:15px}.imgpick{flex-wrap:wrap;gap:12px;display:flex}.imgpick .thumb{border:1px solid var(--line);background:var(--bg);border-radius:12px;width:90px;height:90px;position:relative;overflow:hidden}.imgpick .thumb img{object-fit:cover;width:100%;height:100%}.imgpick .thumb .rm{color:#fff;background:#0009;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;display:grid;position:absolute;top:3px;right:3px}.imgpick .add{border:2px dashed var(--line);width:90px;height:90px;color:var(--muted);text-align:center;border-radius:12px;place-items:center;font-size:12px;display:grid}.modal-overlay{z-index:200;background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:720px;max-height:85vh;overflow:auto}.modal-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.modal-body{padding:22px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.media-grid .mi{border:2px solid var(--line);aspect-ratio:1;cursor:pointer;border-radius:10px;overflow:hidden}.media-grid .mi.on{border-color:var(--blue)}.media-grid .mi img{object-fit:cover;width:100%;height:100%}.toast{background:var(--navy-900);color:#fff;z-index:300;box-shadow:var(--shadow);border-radius:999px;padding:12px 22px;font-size:14px;font-weight:600;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.wa-float{z-index:150;background:#25d366;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 24px #25d36680}.wa-float svg{fill:#fff;width:32px;height:32px}.cart-drawer-overlay{z-index:180;opacity:0;pointer-events:none;visibility:hidden;background:#0f172a80;transition:opacity .2s;position:fixed;inset:0;overflow:hidden}.cart-drawer-overlay.open{opacity:1;pointer-events:auto;visibility:visible}.cart-drawer{background:#fff;flex-direction:column;width:400px;max-width:92vw;transition:transform .25s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #0f172a33}.cart-drawer.open{transform:translate(0)}.cd-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.cd-head b{align-items:center;gap:9px;font-size:17px;display:flex}.cd-count{background:var(--violet);color:#fff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:800;display:grid}.cd-items{flex:1;padding:8px 20px;overflow-y:auto}.cd-item{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.cd-item img{object-fit:cover;background:var(--bg);border-radius:10px;width:64px;height:64px}.cd-item .cd-name{font-size:13.5px;font-weight:600;line-height:1.3}.cd-item-bottom{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.cd-remove{color:var(--muted);align-self:flex-start}.cd-remove:hover{color:var(--red)}.qty-box.qty-sm button{width:30px;height:32px}.qty-box.qty-sm span{width:32px}.cd-foot{border-top:1px solid var(--line);background:#fff;padding:16px 20px 20px}.cd-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex}.cd-empty .em-ic{background:var(--bg);width:70px;height:70px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.pay-proof{margin-top:14px}.pay-proof-info{border:1.5px solid var(--line);background:#fbfcfe;border-radius:12px;padding:16px;position:relative}.pp-badge{color:#fff;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.pp-wallet{align-items:center;gap:16px;display:flex}.pp-qr{border:2px dashed var(--line);width:92px;height:92px;color:var(--muted);text-align:center;border-radius:12px;flex:none;place-items:center;gap:4px;font-size:11px;display:grid}.pp-data{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pp-data small{display:block}.proof-drop{border:2px dashed var(--line);text-align:center;cursor:pointer;color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:26px;display:flex}.proof-drop:hover{border-color:var(--blue);background:#f8faff}.proof-preview{border:1px solid var(--line);border-radius:12px;max-width:280px;position:relative;overflow:hidden}.proof-preview img{object-fit:contain;background:var(--bg);width:100%;max-height:320px;display:block}.proof-rm{color:#fff;background:#0009;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px}.login-wrap{background:radial-gradient(120% 120% at 80% 10%,#1e293b,#2a1b63);place-items:center;min-height:calc(100vh - 300px);padding:50px 30px;display:grid}.login-card{width:100%;max-width:440px;box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:34px}.cred-box{background:var(--bg);border:1px solid var(--line);border-radius:12px;margin-top:18px;padding:14px}.cred-box h4{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:10px;font-size:13px}.cred-row{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.cred-row .cr-lbl{width:90px;color:var(--muted)}.cred-row b{flex:1}.cred-row .copy-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty .em-ic{background:var(--bg);border-radius:50%;place-items:center;width:80px;height:80px;margin:0 auto 16px;display:grid}.pill-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.pill-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600}.pill-tabs button.on{background:var(--navy-800);color:#fff;border-color:var(--navy-800)}@keyframes shimmer{to{transform:translate(100%)}}@keyframes heroVisualIn{0%{opacity:.35;transform:scale(1.04)}to{opacity:.96;transform:scale(1)}}@keyframes heroCopyIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes livePulse{70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}.grid-products>.pcard{animation:.42s both riseIn}.grid-products>.pcard:nth-child(2){animation-delay:40ms}.grid-products>.pcard:nth-child(3){animation-delay:80ms}.grid-products>.pcard:nth-child(4){animation-delay:.12s}.grid-products>.pcard:nth-child(5){animation-delay:.16s}.toast{animation:.25s both riseIn}@media (width<=1100px){.grid-products,.cat-tiles{grid-template-columns:repeat(4,1fr)}.home-top{grid-template-columns:minmax(0,1fr)}.home-lists{grid-template-columns:1fr}.brand-strip{grid-template-columns:repeat(4,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.feature-strip{grid-template-columns:repeat(2,1fr);gap:14px}.shop-layout,.cart-layout,.checkout-grid,.checkout-grid-3,.dash-layout,.editor-grid,.admin-grid-2,.admin-grid-2b,.crud-grid{grid-template-columns:1fr}.filters,.dash-side{position:static}.detail{grid-template-columns:1fr}}@media (width<=900px){.admin{grid-template-columns:1fr}.admin-side{gap:6px;height:auto;display:flex;position:static;overflow-x:auto}.admin-side .as-logo{display:none}.admin-side .as-link{white-space:nowrap}.kpi-grid,.mini-kpi-grid{grid-template-columns:repeat(2,1fr)}.stat-cards{grid-template-columns:1fr}.header-nav{display:none}.burger{background:var(--bg);border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.header-main .container{flex-wrap:wrap;gap:10px 12px;height:auto;padding:10px 16px}.header-actions .ha-label{display:none}.header-actions{gap:16px}.search{flex-basis:100%;order:3;max-width:100%}.search input{height:42px}.search .cat-select{display:none}.logo{flex:1}.search input{border-radius:12px 0 0 12px}.footer .cols{grid-template-columns:1fr 1fr}.newsletter,.blog-list-grid{grid-template-columns:1fr}}@media (width<=640px){.container{padding-left:12px;padding-right:12px}.grid-products,.cat-tiles,.grid-4,.grid-3,.grid-2,.brand-strip,.blog-grid,.pay-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:390px}.hero h1{overflow-wrap:break-word;font-size:30px}.hero .hero-copy{width:100%;min-width:0;max-width:100%;padding:28px}.hero .hero-visual{opacity:.35;width:100%}.flash-panel{padding:16px}.countdown .cd{min-width:0}.feature-strip,.form-2,.form-3{grid-template-columns:1fr}.detail>div{min-width:0}.d-row{flex-wrap:wrap}.d-row .btn{flex:auto}.detail .feature-strip{grid-template-columns:1fr!important}.hero .hero-cta{flex-wrap:wrap}.steps{flex-wrap:wrap;gap:4px}.step .lbl{font-size:12px}.step-line{width:20px}.footer .cols{grid-template-columns:1fr}.cart-item{grid-template-columns:70px 1fr}.cart-item img{width:70px;height:70px}.section-title,.shop-head h1{font-size:20px}.recent-proof{width:calc(100vw - 24px);bottom:12px;left:12px}.loading-grid{grid-template-columns:repeat(2,1fr)!important}.topbar .tb-right,.topbar .tb-left span:nth-child(2){display:none}.topbar .container{justify-content:center}.logo-text{font-size:18px}.logo-mark{width:36px;height:36px}.header-actions{gap:10px}.info-hero,.blog-page-head{padding:28px 22px}.info-hero{display:block}.info-hero>span{margin-bottom:14px}.info-hero h1,.blog-page-head h1,.article-page header h1{font-size:29px}.info-cta{display:block}.info-cta>div:last-child{margin-top:16px}.blog-list-card{grid-template-columns:1fr}.blog-list-card img{min-height:210px;max-height:240px}.article-page header{padding-left:0;padding-right:0}}@media (width<=430px){.header-actions>.h-action:nth-child(2){display:none}.header-main .container{gap:8px}.pcard .pc-body{padding:11px}.pcard .pc-actions{gap:5px}.pcard .pc-actions .btn-primary{padding-left:8px;padding-right:8px}}.mobile-nav{z-index:120;background:#0f172a80;display:none;position:fixed;inset:0}.mobile-nav.open{display:block}.mobile-nav .mn-panel{background:#fff;width:82%;max-width:340px;padding:20px;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.mobile-nav a{border-bottom:1px solid var(--line);padding:13px 10px;font-weight:600;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shop-layout>*,.cart-layout>*,.checkout-grid>*,.dash-layout>*,.grid-2>*,.home-lists>*{min-width:0}.shop-head{flex-wrap:wrap}.sort-select{max-width:100%}.grid-products{min-width:0}.panel small,.panel .muted,.contact-card small,.cd-name,.ri-info .n,.fi-info .n{overflow-wrap:anywhere}@media (width<=767px){.login-wrap{padding:26px 14px}.login-card{min-width:0;max-width:100%;padding:24px 18px}.login-card .cred-value,.login-card b,.login-card small{overflow-wrap:anywhere}.filters{padding:14px}.grid-products{grid-template-columns:repeat(2,minmax(0,1fr))}}.shop-head>*{flex-wrap:wrap;min-width:0;max-width:100%}@media (width<=640px){.shop-head>div,.sort-select{width:100%}}.cat-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin:10px 0 22px;display:flex}.cat-page-head h1{letter-spacing:-.5px;font-size:32px}.cat-page-head p{max-width:520px;margin-top:6px}.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.cat-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);opacity:0;border-radius:18px;flex-direction:column;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,border-color .28s;animation:.5s cubic-bezier(.2,.7,.2,1) both catIn;display:flex;overflow:hidden}@keyframes catIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cat-card:hover{border-color:color-mix(in srgb, var(--cat) 40%, var(--line));transform:translateY(-6px);box-shadow:0 18px 40px #2a1b6329}.cat-card-media{aspect-ratio:4/3;background:var(--bg);position:relative;overflow:hidden}.cat-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.cat-card:hover .cat-card-media img{transform:scale(1.07)}.cat-card-media:after{content:"";opacity:.55;background:linear-gradient(180deg, transparent 35%, color-mix(in srgb, var(--cat) 78%, #14102b) 100%);transition:opacity .3s;position:absolute;inset:0}.cat-card:hover .cat-card-media:after{opacity:.7}.cat-card-ic{z-index:2;width:40px;height:40px;color:var(--cat);background:#fffffff0;border-radius:12px;place-items:center;transition:transform .3s;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 4px 14px #14102b2e}.cat-card:hover .cat-card-ic{transform:rotate(-8deg)scale(1.06)}.cat-card-count{z-index:2;color:#fff;text-shadow:0 2px 8px #0a081880;font-size:13px;font-weight:800;position:absolute;bottom:12px;left:12px}.cat-card-body{flex-direction:column;flex:1;gap:4px;padding:14px 16px 16px;display:flex}.cat-card-body h3{font-size:17px}.cat-card-body small{line-height:1.45}.cat-card-link{color:var(--cat);align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:13.5px;font-weight:700;display:inline-flex}.cat-card-link svg{transition:transform .25s}.cat-card:hover .cat-card-link svg{transform:translate(4px)}.cat-banners{grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 30px;display:grid}.cat-banner{color:#fff;min-height:210px;box-shadow:var(--shadow-sm);background-position:50%;background-size:cover;border-radius:18px;align-items:flex-end;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.cat-banner:before{content:"";background:linear-gradient(100deg,#1c1244e0 8%,#1c124473 55%,#1c12441a 100%);position:absolute;inset:0}.cat-banner:hover{transform:translateY(-4px);box-shadow:0 20px 44px #2a1b6333}.cat-banner-in{z-index:2;max-width:420px;padding:26px;position:relative}.cat-banner-in h2{font-size:25px;line-height:1.15}.cat-banner-in p{color:#ffffffe6;margin:8px 0 16px;font-size:14.5px}@media (width<=1100px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-banners{grid-template-columns:1fr}.cat-page-head h1{font-size:26px}}@media (width<=460px){.cat-grid{gap:12px}.cat-card-body{padding:12px 13px 14px}.cat-card-body h3{font-size:15.5px}.cat-banner{min-height:180px}.cat-banner-in{padding:20px}.cat-banner-in h2{font-size:21px}}:root{--ease-out:cubic-bezier(.2,.7,.2,1)}.cat-tile{transition:transform .26s var(--ease-out), box-shadow .26s, border-color .26s;position:relative;overflow:hidden}.cat-tile:after{content:"";background:var(--grad);transform-origin:0;height:3px;transition:transform .3s var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.cat-tile:hover{border-color:#ded5f7;transform:translateY(-4px);box-shadow:0 14px 30px #2a1b6321}.cat-tile:hover:after{transform:scaleX(1)}.cat-tile .ct-ic{transition:box-shadow .3s}.cat-tile:hover .ct-ic{box-shadow:0 6px 18px #2a1b6329}.pcard{transition:transform .28s var(--ease-out), box-shadow .28s, border-color .28s}.pcard:hover{border-color:#ded5f7;transform:translateY(-6px);box-shadow:0 18px 38px #2a1b6324}.pcard .pc-fav{transition:transform .22s var(--ease-out), color .22s, background .22s}.pcard .pc-fav:hover{color:var(--red);transform:scale(1.12)}.pcard .pc-actions .btn{transition:transform .2s var(--ease-out), filter .2s, box-shadow .2s}.pcard .pc-name{transition:color .2s}.pcard:hover .pc-name{color:var(--blue)}.btn{position:relative;overflow:hidden}.btn:active{transform:translateY(0)scale(.985)}.btn-primary{background-image:var(--grad);transition:background-position .45s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s;background-position:0%;background-size:160% 100%}.btn-primary:hover{background-position:100%;box-shadow:0 10px 24px #6c4cf152}.panel{transition:box-shadow .26s, transform .26s var(--ease-out)}a.panel:hover{transform:translateY(-3px);box-shadow:0 14px 32px #2a1b631f}.brand-logo{transition:transform .24s var(--ease-out), box-shadow .24s, color .24s, border-color .24s}.brand-logo:hover{color:var(--blue);border-color:#ded5f7;transform:translateY(-3px);box-shadow:0 10px 22px #2a1b631f}input,select,textarea{transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #6c4cf124}.link-more{transition:gap .22s var(--ease-out), color .22s;align-items:center;gap:5px;display:inline-flex}.link-more:hover{gap:9px}.wa-float{transition:transform .28s var(--ease-out), box-shadow .28s}.wa-float:hover{transform:scale(1.08)rotate(-4deg);box-shadow:0 14px 32px #25d3666b}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:#fff}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}@media (width<=767px){.hero{align-items:flex-end;min-height:420px}.hero .hero-visual{opacity:1;background-position:72%;-webkit-mask-image:none;mask-image:none}.hero:after{content:"";z-index:1;background:linear-gradient(#1c124494 0%,#1c1244b8 42%,#180f3cf2 100%);position:absolute;inset:0}.hero .hero-copy{max-width:100%;padding:24px 20px 26px}.hero h1{margin:10px 0;font-size:31px}.hero p{max-width:100%;font-size:14.5px}.hero .hero-cta{flex-wrap:wrap;gap:10px}.hero .hero-cta .btn{flex:auto}.hero .dots{bottom:12px}.recent-proof{max-width:none;left:10px;right:10px}}@media (width<=560px){.recent-proof{display:none}.cat-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cat-tile{padding:12px 6px}.cat-tile b{font-size:12px;line-height:1.25}.feature-strip{grid-template-columns:1fr 1fr}.newsletter{text-align:center}.newsletter .nl-form{flex-direction:column}.newsletter .nl-form .btn{width:100%}}@media (width<=400px){.cat-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pcard .pc-body{padding:11px}.pcard .pc-price b{font-size:16px}}@media (width<=900px){.admin-side{overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;border-radius:0 0 16px 16px;flex-wrap:nowrap;gap:8px;padding:10px 12px;display:flex;overflow-x:auto}.admin-side>div{display:contents}.admin-side .as-group{display:none}.admin-side .as-link{background:#ffffff14;border-radius:999px;flex:none;align-items:center;gap:7px;padding:9px 14px;font-size:13.5px;display:inline-flex}.admin-side .as-link.active{background:var(--blue)}.admin-side .as-count{background:var(--red);color:#fff;border-radius:999px;margin-left:2px;padding:0 6px;font-size:11px}.admin-side .as-link svg{width:17px;height:17px}.admin-side::-webkit-scrollbar{height:6px}.admin-side::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:3px}.kpi b{letter-spacing:-.4px;white-space:nowrap;font-size:21px}.kpi .k-top{align-items:center}.kpi small{font-size:12px}.kpi{padding:14px}.kpi .k-ic{width:34px;height:34px}.mini-kpi b{font-size:17px}.mini-kpi{padding:12px}.admin .table-wrap,.admin table{max-width:100%}.admin .table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=480px){.kpi-grid,.mini-kpi-grid{gap:10px}.kpi b{font-size:19px}}@media (width>=901px) and (width<=1150px){.header-nav .container{scrollbar-width:none;gap:2px;overflow-x:auto}.header-nav .container::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;flex:none;gap:5px;padding:9px 10px;font-size:13px}.nav-link svg{width:15px;height:15px}}@media (width>=1151px) and (width<=1320px){.nav-link{padding:9px 13px;font-size:13.5px}}@media (width<=400px){.d-price{font-size:27px}.d-price s{margin-left:7px;font-size:15px}.detail .d-buy,.detail .d-actions,.detail .qty-row{flex-wrap:wrap;gap:8px}.detail .btn{flex:140px;min-width:0;padding:12px 14px;font-size:14px}.detail .variant-opts,.detail .d-variants{flex-wrap:wrap}.detail *{max-width:100%}.breadcrumb{flex-wrap:wrap;row-gap:4px}.tabs,.tab-list{scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-list::-webkit-scrollbar{display:none}}@media (width<=560px){.detail .d-row{flex-wrap:wrap;gap:10px}.detail .d-row .qty-box{flex:none}.detail .d-row .btn{white-space:nowrap;flex:100%}.detail .d-row .btn-wa{flex:none}}@media (width>=561px) and (width<=760px){.detail .d-row{flex-wrap:wrap}.detail .d-row .btn{flex:200px}}.empty-box{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;display:flex}.empty-box small{max-width:420px}.pet-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pet-form-full{grid-column:1/-1}.pet-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.pet-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease-out), box-shadow .25s;background:#fff;border-radius:16px;padding:16px}.pet-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #2a1b631f}.pet-card-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pet-emoji{background:var(--bg);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:27px;display:grid}.pet-card-top b{font-size:17px;display:block}.pet-card-top small{display:block}.pet-data{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0;display:grid}.pet-data small{font-size:11.5px;display:block}.pet-data b{font-size:14.5px}.pet-note{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.45}.pet-actions{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.pet-actions .btn{flex:auto;padding:8px 12px;font-size:13px}.pet-del{color:var(--red)}.pet-del:hover{border-color:var(--red);color:var(--red)}.rem-list{flex-direction:column;gap:10px;display:flex}.rem-item{border:1px solid var(--line);border-left:4px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.rem-item.rem-vencido{border-left-color:var(--red);background:#fff5f5}.rem-item.rem-urgente{border-left-color:var(--amber);background:#fffbf0}.rem-item.rem-pronto{border-left-color:var(--blue)}.rem-item.rem-ok{border-left-color:var(--green)}.rem-when{flex:0 0 108px}.rem-when b{font-size:14px;display:block}.rem-when small{color:var(--muted);font-size:12px}.rem-info{flex:1;min-width:0}.rem-info b{font-size:15px;display:block}.rem-actions{flex:none;gap:8px;display:flex}.sub-resume{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.sub-resume>div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px}.sub-resume b{margin-top:2px;font-size:22px;display:block}.sub-list{flex-direction:column;gap:12px;display:flex}.sub-item{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.sub-item.sub-off{opacity:.62}.sub-item img{object-fit:cover;background:var(--bg);border-radius:12px;flex:none;width:74px;height:74px}.sub-info{flex:1;min-width:0}.sub-info b{font-size:15px;display:block}.sub-price{color:var(--blue);margin:5px 0 3px;font-size:17px;font-weight:800}.sub-price s{color:var(--muted);margin:0 6px;font-size:13px;font-weight:400}.sub-next{color:var(--green);align-items:center;gap:6px;font-weight:600;display:inline-flex}.sub-actions{flex-direction:column;flex:none;gap:7px;display:flex}.sub-actions select{border:1.5px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13px}.sub-box{border:2px dashed color-mix(in srgb, var(--blue) 40%, var(--line));background:color-mix(in srgb, var(--blue) 4%, #fff);border-radius:16px;margin:16px 0;overflow:hidden}.sub-box-top{all:unset;cursor:pointer;box-sizing:border-box;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.sub-box-ic{background:var(--blue);color:#fff;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.sub-box-top b{font-size:15px;display:block}.sub-box-top small{line-height:1.4;display:block}.sub-box-price{color:var(--blue);white-space:nowrap;margin-left:auto;font-size:18px;font-weight:800}.sub-box-body{padding:0 16px 16px}.sub-freqs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.sub-box-ok{border-style:solid;border-color:var(--green);color:var(--green);background:#f0fdf4;align-items:center;gap:12px;padding:14px 16px;display:flex}.sub-box-ok b{color:var(--ink);display:block}.stock-alert{border:1.5px solid var(--line);background:#fff;border-radius:16px;margin:16px 0;padding:16px}.stock-alert b{margin-bottom:4px;font-size:15.5px;display:block}.stock-alert-form{gap:8px;margin-top:12px;display:flex}.stock-alert-form input{border:1.5px solid var(--line);border-radius:10px;flex:1;min-width:0;padding:11px 12px}.stock-alert-ok{color:var(--green);border-color:var(--green);background:#f0fdf4;align-items:center;gap:9px;display:flex}.pet-tool{border:1.5px solid var(--line);background:#fff;border-radius:16px;margin:16px 0;padding:16px}.pet-tool-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pet-tool-ic{background:var(--bg);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.pet-tool-head b{font-size:15px;display:block}.pet-tool-head small{line-height:1.4;display:block}.pet-chips{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.pet-chip{all:unset;cursor:pointer;background:var(--bg);border:1.5px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s}.pet-chip:hover{border-color:var(--blue);color:var(--blue)}.pet-tool-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pet-tool-out{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px;margin-top:14px;display:grid}.pet-tool-out>div{background:var(--bg);text-align:center;border-radius:12px;padding:12px}.pet-tool-out b{color:var(--blue);font-size:19px;display:block}.pet-tool-out small{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.3;display:block}.pet-tool-note{margin-top:10px;font-size:11.5px;line-height:1.45;display:block}@media (width<=860px){.pet-form{grid-template-columns:1fr 1fr}.rem-item{flex-wrap:wrap}.rem-when{flex-basis:100%}.rem-actions{width:100%}.rem-actions .btn{flex:1}.sub-item{flex-wrap:wrap}.sub-actions{flex-flow:wrap;width:100%}.sub-actions>*{flex:auto}}@media (width<=520px){.pet-form,.pet-tool-form,.sub-resume{grid-template-columns:1fr}.sub-item img{width:58px;height:58px}.sub-box-price{font-size:16px}.stock-alert-form{flex-direction:column}.stock-alert-form .btn{width:100%}}.points-box{border:1.5px dashed color-mix(in srgb, var(--green) 45%, var(--line));cursor:pointer;background:#f0fdf4;border-radius:12px;align-items:flex-start;gap:11px;margin:6px 0 12px;padding:12px 13px;display:flex}.points-box input{width:18px;height:18px;accent-color:var(--green);flex:none;margin-top:2px}.points-box b{font-size:14px;display:block}.points-box small{margin-top:2px;line-height:1.4;display:block}.reco{background:linear-gradient(135deg, color-mix(in srgb, var(--blue) 7%, #fff), color-mix(in srgb, var(--amber) 10%, #fff));border:1.5px solid color-mix(in srgb, var(--blue) 18%, var(--line));border-radius:20px;margin:26px 0;padding:22px}.reco-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.reco-head p{margin-top:4px;font-size:14px}.reco-tabs{flex-wrap:wrap;gap:7px;display:flex}.pet-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}.reco-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.reco-card{border:1px solid var(--line);transition:transform .25s var(--ease-out), box-shadow .25s;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex;position:relative;overflow:hidden}.reco-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #2a1b6321}.reco-card img{object-fit:cover;background:var(--bg);border-radius:12px;flex:none;width:86px;height:86px}.reco-info{min-width:0}.reco-info b{margin:2px 0 5px;font-size:14px;line-height:1.35;display:block}.reco-price{color:var(--blue);font-size:16px;font-weight:800}.reco-price s{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.reco-cta{color:var(--blue);align-items:center;gap:5px;margin-top:6px;font-size:12.5px;font-weight:700;display:inline-flex}.reco-badge{background:var(--blue);color:#fff;letter-spacing:.3px;border-radius:0 0 0 10px;padding:4px 9px;font-size:10.5px;font-weight:800;position:absolute;top:0;right:0}.reco-foot{color:var(--ink);border:1px dashed color-mix(in srgb, var(--green) 40%, var(--line));background:#fff;border-radius:12px;align-items:center;gap:9px;margin-top:14px;padding:12px 15px;font-size:14px;font-weight:600;display:flex}.reco-foot span{flex:1}.reco-foot:hover{border-color:var(--green);color:var(--green)}@media (width<=900px){.reco-grid{grid-template-columns:1fr}}.search-recent{padding:8px}.sr-head{justify-content:space-between;align-items:center;padding:4px 8px 8px;display:flex}.sr-head button{all:unset;cursor:pointer;color:var(--blue);font-size:12px;font-weight:700}.sr-item{all:unset;cursor:pointer;color:var(--ink);box-sizing:border-box;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 8px;font-size:14px;display:flex}.sr-item:hover{background:var(--bg)}.free-ship{margin:8px 0 4px}.free-ship small{color:var(--muted);font-size:12.5px;display:block}.free-ship-bar{background:var(--line);border-radius:3px;height:6px;margin-top:6px;display:block;overflow:hidden}.free-ship-bar i{background:var(--grad);height:100%;transition:width .4s var(--ease-out);border-radius:3px;display:block}.free-ship-ok small{color:var(--green);font-weight:600}.weight-chart{background:var(--bg);border-radius:12px;margin:12px 0 4px;padding:10px 12px}.wc-top{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.wc-top b{color:var(--muted);font-size:13px}.wc-top b.wc-up{color:var(--amber)}.wc-top b.wc-down{color:var(--blue)}.wc-foot{justify-content:space-between;margin-top:2px;display:flex}.wc-foot small{font-size:11px}.weight-form{align-items:center;gap:6px;width:100%;display:flex}.weight-form input{border:1.5px solid var(--line);border-radius:10px;width:78px;padding:8px 10px;font-size:14px}.club-card{color:#fff;background:linear-gradient(120deg,#4930b8,#6c4cf1 55%,#ff6b6b);border-radius:16px;align-items:center;gap:13px;margin:14px 0 18px;padding:15px 17px;display:flex;box-shadow:0 12px 28px #4930b838}.club-ic{background:#ffffff2e;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.club-card b{font-size:16px;display:block}.club-card small{opacity:.92;margin-top:2px;font-size:12.5px;line-height:1.45;display:block}.club-card>div{flex:1;min-width:0}.club-card .btn{color:#fff;background:#ffffff29;border-color:#ffffff59;flex:none}.club-card .btn:hover{color:var(--blue);background:#fff}.bday-card{border:1.5px dashed var(--amber);background:#fff9f2;border-radius:14px;align-items:center;gap:11px;margin-bottom:14px;padding:13px 16px;font-size:14px;display:flex}.bday-card span{flex:1}.notify-on{color:var(--green);border:1px solid color-mix(in srgb, var(--green) 35%, var(--line));background:#f0fdf4;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:600}.notify-off{color:var(--muted);background:var(--bg);border-radius:10px;max-width:320px;padding:9px 13px;font-size:12.5px;line-height:1.4}@media (width<=620px){.club-card,.bday-card{flex-wrap:wrap}.club-card .btn,.bday-card .btn{width:100%}}.srv-hero{background:linear-gradient(120deg, var(--navy-900), var(--blue) 70%, var(--indigo));color:#fff;border-radius:20px;margin:10px 0 24px;padding:34px}.srv-hero small{text-transform:uppercase;letter-spacing:2px;color:var(--cyan);font-size:12px;font-weight:700}.srv-hero h1{max-width:620px;margin:10px 0;font-size:34px;line-height:1.1}.srv-hero p{color:#ffffffe6;max-width:560px;font-size:15px}.srv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.srv-card{border:1px solid var(--line);border-top:4px solid var(--srv);box-shadow:var(--shadow-sm);transition:transform .26s var(--ease-out), box-shadow .26s;background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:20px;display:flex}.srv-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #2a1b6324}.srv-ic{font-size:32px}.srv-card h3{font-size:18px}.srv-card p{color:var(--muted);flex:1;font-size:13.5px;line-height:1.5}.srv-meta{justify-content:space-between;align-items:baseline;display:flex}.srv-meta b{color:var(--srv);font-size:22px}.srv-meta small{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.srv-especies{gap:5px;font-size:17px;display:flex}.srv-info{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0;padding:18px;display:grid}.srv-info b{margin-bottom:3px;font-size:14px;display:block}.srv-info small{color:var(--muted);font-size:12.5px;line-height:1.45}.srv-overlay{z-index:260;background:#14102b8c;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.srv-modal{background:#fff;border-radius:20px;width:100%;max-width:460px;padding:22px;box-shadow:0 30px 70px #14102b4d}.srv-modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.srv-modal-head b{font-size:17px;display:block}.srv-modal-head small{display:block}.srv-modal-head button{all:unset;cursor:pointer;color:var(--muted);padding:2px 6px;font-size:18px}.srv-ic-sm{font-size:21px}.srv-pets,.srv-horas{flex-wrap:wrap;gap:7px;display:flex}.srv-login{text-align:center;padding:8px 0}.srv-login p{color:var(--muted);margin-bottom:14px;font-size:14px;line-height:1.5}.srv-ok{text-align:center;padding:10px 0}.srv-ok-ic{width:60px;height:60px;color:var(--green);background:#f0fdf4;border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.srv-ok h2{margin-bottom:8px;font-size:22px}.srv-ok p{margin-bottom:10px;font-size:15px;line-height:1.55}.srv-ok-btns{gap:10px;margin-top:18px;display:flex}.srv-ok-btns>*{flex:1}.cita-list{flex-direction:column;gap:10px;display:flex}.cita-item{border:1px solid var(--line);border-left:4px solid var(--blue);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:13px 15px;display:flex}.cita-item.cita-completada{border-left-color:var(--green);opacity:.75}.cita-item.cita-cancelada{border-left-color:var(--red);opacity:.6}.cita-item.cita-pendiente{border-left-color:var(--amber)}.cita-fecha{text-align:center;flex:0 0 62px}.cita-fecha b{font-size:14px;display:block}.cita-fecha small{color:var(--muted);font-size:12px}.cita-info{flex:1;min-width:0}.cita-info b{font-size:15px;display:block}.cita-info small{display:block}.cita-acciones{flex:none;align-items:center;gap:8px;display:flex}.ai-fab{all:unset;cursor:pointer;z-index:240;background:var(--grad);color:#fff;transition:transform .26s var(--ease-out), box-shadow .26s;border-radius:999px;align-items:center;gap:9px;padding:12px 16px 12px 14px;display:flex;position:fixed;bottom:92px;right:20px;box-shadow:0 12px 30px #6c4cf16b}.ai-fab:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 16px 38px #6c4cf180}.ai-fab-label{letter-spacing:.2px;font-size:14px;font-weight:800}.ai-fab-on{background:var(--navy-900);padding:14px}.ai-fab-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:9px;left:30px}.ai-panel{z-index:245;width:380px;max-width:calc(100vw - 32px);max-height:calc(100vh - 200px);animation:aiIn .26s var(--ease-out) both;background:#fff;border-radius:20px;flex-direction:column;display:flex;position:fixed;bottom:160px;right:20px;overflow:hidden;box-shadow:0 26px 60px #14102b47}@keyframes aiIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.ai-head{background:var(--grad);color:#fff;align-items:center;gap:11px;padding:14px 16px;display:flex}.ai-head b{font-size:15px;display:block}.ai-head small{opacity:.92;font-size:11.5px;display:block}.ai-head>div{flex:1;min-width:0}.ai-head button{all:unset;cursor:pointer;opacity:.9;padding:4px}.ai-avatar{background:#fff3;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.ai-body{background:var(--bg);flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.ai-msg{display:flex}.ai-msg.ai-yo{justify-content:flex-end}.ai-bubble{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:88%;padding:11px 13px;font-size:13.8px;line-height:1.5}.ai-yo .ai-bubble{background:var(--blue);color:#fff;border-color:var(--blue);border-bottom-right-radius:5px}.ai-ai .ai-bubble{border-bottom-left-radius:5px}.ai-bubble p{margin:0 0 6px}.ai-bubble p:last-child{margin-bottom:0}.ai-bubble p.ai-gap{height:4px;margin:0}.ai-urgente{border-color:var(--red);background:#fff5f5}.ai-prods{flex-direction:column;gap:7px;margin-top:10px;display:flex}.ai-prod{background:var(--bg);border-radius:11px;align-items:center;gap:9px;padding:7px;display:flex}.ai-prod img{object-fit:cover;background:#fff;border-radius:8px;flex:none;width:42px;height:42px}.ai-prod>div{flex:1;min-width:0}.ai-prod a{color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.3;display:block}.ai-prod b{color:var(--blue);font-size:13px}.ai-prod .btn{flex:none;padding:7px 10px;font-size:12px}.ai-accion{color:var(--blue);align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:700;display:inline-flex}.ai-sug{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.ai-sug button{all:unset;cursor:pointer;background:var(--bg);border:1px solid var(--line);color:var(--blue);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:600}.ai-sug button:hover{border-color:var(--blue)}.ai-typing{gap:4px;padding:14px;display:flex}.ai-typing span{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.1s infinite aiDot}.ai-typing span:nth-child(2){animation-delay:.18s}.ai-typing span:nth-child(3){animation-delay:.36s}@keyframes aiDot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.ai-foot{border-top:1px solid var(--line);background:#fff;gap:8px;padding:12px;display:flex}.ai-foot input{border:1.5px solid var(--line);border-radius:11px;flex:1;min-width:0;padding:11px 12px;font-size:14px}.ai-foot .btn{padding:11px 15px}.ai-aviso{color:var(--muted);background:#fff;padding:0 14px 12px;font-size:10.5px;line-height:1.4;display:block}.pred-card{border:1.5px solid var(--amber);background:#fff;border-radius:14px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.pred-card.pred-urgente{border-color:var(--red);background:#fff5f5}.pred-card img{object-fit:cover;background:var(--bg);border-radius:10px;flex:none;width:52px;height:52px}.pred-card>div{flex:1;min-width:0}.pred-card b{font-size:14px;display:block}.pred-card small{color:var(--muted);font-size:12.5px;line-height:1.4;display:block}@media (width<=900px){.srv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.srv-info{grid-template-columns:1fr 1fr}.srv-hero h1{font-size:27px}}@media (width<=620px){.srv-grid,.srv-info{grid-template-columns:1fr}.srv-hero{padding:24px}.srv-hero h1{font-size:24px}.cita-item{flex-wrap:wrap}.cita-acciones{justify-content:space-between;width:100%}.ai-panel{width:auto;max-height:calc(100vh - 180px);bottom:150px;left:10px;right:10px}.ai-fab{padding:11px 14px 11px 12px;bottom:84px;right:14px}.ai-fab-label{font-size:13px}.srv-ok-btns{flex-direction:column}.pred-card{flex-wrap:wrap}.pred-card .btn{width:100%}}