:root{--md-cream: #fff8f2;--md-choco: #3d2314;--md-choco-deep: #2a1810;--md-caramel: #96601f;--md-caramel-bright: #c47a3a;--md-caramel-soft: #f6e7d4;--md-berry: #c22b45;--md-berry-bright: #e63956;--md-mint: #b8e0d2;--md-success-ink: #2f6f4e;--md-ink: #2b1b12;--md-muted: #7a6355;--md-card: #ffffff;--md-white: #ffffff;--md-focus: #3d2314;--md-surface-warm: #fbf3e9;--md-blush: #f6e7d4;--md-peach: #e8c9a0;--md-bg-page: #fff8f2;--md-bg-hero: linear-gradient(135deg, #ffffff 0%, #f6e7d4 100%);--md-bg-card-visual: linear-gradient(160deg, #fff8f2 0%, #f3d9c4 100%);--md-font: "Segoe UI", system-ui, -apple-system, sans-serif;--md-text-xs: .875rem;--md-text-sm: .95rem;--md-text-base: 1.05rem;--md-text-lg: 1.35rem;--md-text-xl: 1.6rem;--md-text-hero: clamp(2rem, 4vw, 3rem);--md-weight-semibold: 600;--md-weight-bold: 700;--md-weight-extrabold: 800;--md-tracking-tight: -.02em;--md-space-1: 4px;--md-space-2: 8px;--md-space-3: 12px;--md-space-4: 16px;--md-space-5: 20px;--md-space-6: 24px;--md-space-7: 32px;--md-space-8: 36px;--md-space-9: 48px;--md-wrap: 1100px;--md-radius-sm: 12px;--md-radius-md: 16px;--md-radius-lg: 22px;--md-radius-pill: 999px;--md-shadow: 0 12px 40px rgba(61, 35, 20, .08);--md-shadow-soft: 0 24px 50px rgba(61, 35, 20, .18);--md-transition: .2s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--md-font);color:var(--md-ink);background:radial-gradient(circle at top left,#f6e7d4 0%,transparent 40%),radial-gradient(circle at top right,#fbf3e9 0%,transparent 35%),var(--md-bg-page);line-height:1.5}a{color:inherit}:focus-visible{outline:3px solid var(--md-focus);outline-offset:3px}.btn--primary:focus-visible,.cart-btn:focus-visible{outline:3px solid var(--md-focus);outline-offset:3px;box-shadow:0 0 0 2px var(--md-white)}img{max-width:100%;display:block}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;width:100%;padding-top:var(--md-space-7);padding-bottom:var(--md-space-4)}@media(prefers-reduced-motion:no-preference){.btn--primary,.cart-btn,.card__cta,.lines__qty button{transition:background-color var(--md-transition),color var(--md-transition),transform var(--md-transition),box-shadow var(--md-transition)}.btn--primary:hover:not(:disabled),.cart-btn:hover{transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
