:root{color-scheme:light;--color-primary: #C44B7A;--color-primary-dark: #A83460;--color-primary-50: #FCEAF1;--color-accent: #F4789F;--color-accent-mid: #EA5E8B;--primary-rgb: 196, 75, 122;--accent-rgb: 244, 120, 159;--shadow-rgb: 212, 71, 122;--surface-page: #F9F3F6;--surface-topbar: #FAF3F6;--surface-card: #FFFFFF;--surface-lav: #F6F2F4;--surface-lav-2: #EFE7EB;--text-ink: #2B2733;--text-ink2: #5C5563;--text-muted: #A79FAC;--border-line: #EFE7EB;--border-card: rgba(var(--primary-rgb), .08);--color-ok: #7FBE9E;--color-ok-dark: #5DA882;--color-ok-bg: #E6F3EC;--color-bad: #e74c3c;--shadow-soft: 0 2px 8px rgba(var(--primary-rgb), .06), 0 8px 24px -12px rgba(var(--primary-rgb), .08);--shadow-card: 0 10px 32px rgba(var(--shadow-rgb), .08), 0 2px 8px rgba(43,31,43,.03);--shadow-pill: 0 8px 20px -6px rgba(var(--primary-rgb), .42);--shadow-hero: 0 20px 48px rgba(var(--shadow-rgb), .32);--shadow-btn: 0 8px 22px rgba(var(--accent-rgb), .38);--grad-hero: linear-gradient(145deg, #C44B7A 0%, #F4789F 45%, #F4789F 100%);--grad-btn: linear-gradient(135deg, #EA5E8B, #E91E8C);--grad-btn-add: linear-gradient(135deg, #EA5E8B, #F0809F);--grad-btn-added: linear-gradient(135deg, #7FBE9E, #5DA882);--grad-card: linear-gradient(180deg, #fff 0%, rgba(240,243,255,.68) 100%);--radius-hero: 28px;--radius-card: 22px;--radius-cat: 18px;--radius-btn: 18px;--radius-btn-sm: 14px;--radius-btn-xs: 10px;--radius-icon: 11px;--radius-badge: 7px;--radius-chip: 999px;--font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, serif;--header-h: 56px;--transition: .18s ease}@supports (color: color(display-p3 1 0 0)){:root{--color-primary: color(display-p3 .718 .303 .468);--color-accent: color(display-p3 .895 .496 .618)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--surface-topbar)}body{font-family:var(--font-body);font-size:15px;color:var(--text-ink);letter-spacing:-.005em;min-height:100dvh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:radial-gradient(60% 40% at 12% 0%,rgba(var(--accent-rgb),.1),transparent 60%),radial-gradient(50% 45% at 100% 100%,rgba(164,147,219,.08),transparent 60%),linear-gradient(180deg,#faf3f6,#f4ecf0 42%,#eee6ea);background-attachment:fixed}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}button:focus{outline:none}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px}.page-content{padding-top:calc(var(--header-h) + 16px);padding-bottom:48px;min-height:100dvh}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-items:stretch}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:14px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 20px;height:44px;border-radius:var(--radius-btn);font-family:var(--font-body);font-size:14px;font-weight:800;transition:var(--transition);white-space:nowrap;border:none;cursor:pointer}.btn-primary{background:var(--grad-btn);color:var(--surface-card);box-shadow:var(--shadow-btn)}.btn-primary:hover{opacity:.9}.btn-accent{background:var(--grad-btn);color:var(--surface-card);box-shadow:var(--shadow-btn)}.btn-ghost{background:transparent;color:var(--color-primary);border:1px solid var(--border-line);border-radius:var(--radius-btn-sm)}.btn-ghost:hover{background:var(--color-primary-50)}.btn-sm{height:36px;padding:0 14px;font-size:13px;border-radius:var(--radius-btn-sm)}.btn-full{width:100%}.badge{display:inline-block;padding:3px 7px;border-radius:var(--radius-badge);font-size:8.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--surface-card)}.badge-new{background:var(--color-primary)}.badge-sale{background:var(--color-accent)}.state-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;color:var(--text-muted)}.state-screen .icon{font-size:48px}.state-screen h3{font-size:18px;font-weight:800;color:var(--text-ink)}.state-screen p{font-size:14px;max-width:280px}.banner-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none;margin-bottom:20px}.banner-strip::-webkit-scrollbar{display:none}.banner-card{scroll-snap-align:center;flex:0 0 280px;height:130px;border-radius:var(--radius-hero);overflow:hidden;background:var(--grad-hero);box-shadow:var(--shadow-hero)}.banner-card img{width:100%;height:100%;object-fit:cover}@media (min-width: 640px){.banner-card{flex:0 0 380px;height:160px}}.section-title{font-size:17px;font-weight:800;letter-spacing:-.35px;color:var(--text-ink);margin-bottom:14px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(120%)}}.skeleton{position:relative;overflow:hidden;background:var(--surface-lav-2);border-radius:var(--radius-badge)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);animation:shimmer 1.6s linear infinite}.press{transition:transform .18s cubic-bezier(.2,.7,.2,1);cursor:pointer}.press:active{transform:scale(.96)}@keyframes heroShine{0%{left:-50%}55%,to{left:130%}}.spinner{width:36px;height:36px;border:3px solid var(--color-primary-50);border-top-color:var(--color-primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}