@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap";:root{--espresso: #3D2B1F;--cacao: #6B4F3A;--arena: #D4C4A8;--crema: #F5F0E8;--algodon: #FAFAF7;--menta: #3BBFA0;--menta-dark: #2FA88A;--rosa: #FF99BE}:root{--display: "Bebas Neue", sans-serif;--body: "DM Sans", system-ui, sans-serif;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--t-fast: .4s;--t-mid: .8s;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{background:none;border:none;font:inherit;cursor:pointer;color:inherit;padding:0}input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}body{font-family:var(--body);font-weight:400;font-size:16px;line-height:1.5;color:var(--espresso);background:var(--algodon);min-height:100vh}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' /%3E%3C/svg%3E")}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:24px;padding:16px 32px;background:#fafaf7d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color var(--t-fast) var(--ease-out)}.nav--scrolled{border-bottom-color:#3d2b1f14}.nav__brand{font-family:var(--display);font-size:24px;letter-spacing:.04em;color:var(--espresso);line-height:1}.nav__location{display:flex;flex-direction:column;gap:0;margin-left:auto;text-align:right}.nav__location-label{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cacao);line-height:1.2}.nav__location-value{font-family:var(--display);font-size:20px;letter-spacing:.02em;color:var(--espresso);line-height:1.1}.nav__order{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--espresso);border-radius:var(--r-md);font-size:14px;font-weight:500;color:var(--espresso);transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.nav__order:hover{background:var(--espresso);color:var(--algodon)}.nav__order-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--menta);color:#fff;border-radius:99px;font-size:11px;font-weight:700;transition:transform var(--t-fast) var(--ease-out)}.nav__order-badge.is-empty{background:#3d2b1f1f;color:var(--cacao)}.nav__order-badge.pulse{animation:pulse .4s var(--ease-out)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.hero{position:relative;background:var(--espresso);color:var(--crema);padding:80px 32px 60px;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(212,196,168,.18) 0%,transparent 60%);pointer-events:none;z-index:-1}.hero__inner{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start}.hero__eyebrow{display:block;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--arena);margin-bottom:24px}.hero__title{font-family:var(--display);font-size:clamp(72px,14vw,220px);line-height:.9;letter-spacing:.005em;margin:0;color:var(--crema);display:block}.hero__title-wrap{display:block;overflow:hidden;padding-bottom:.1em}.hero__meta{display:flex;align-items:center;gap:16px;margin-top:32px;color:var(--arena);font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.hero__meta-dot{width:4px;height:4px;background:var(--arena);border-radius:50%;opacity:.5}.filters{position:sticky;top:65px;z-index:90;background:var(--algodon);border-bottom:1px solid rgba(61,43,31,.08);padding:16px 32px;display:flex;gap:24px;align-items:center}.filters__pills{display:flex;gap:8px;overflow-x:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.filters__pills::-webkit-scrollbar{display:none}.pill{flex-shrink:0;padding:8px 16px;border:1px solid rgba(61,43,31,.15);border-radius:99px;font-size:13px;font-weight:500;color:var(--cacao);white-space:nowrap;transition:all var(--t-fast) var(--ease-out)}.pill:hover{border-color:var(--espresso);color:var(--espresso)}.pill--active{background:var(--espresso);border-color:var(--espresso);color:var(--crema)}.pill--active:hover{background:var(--espresso);color:var(--crema)}.filters__search{position:relative;flex-shrink:0;width:240px}.filters__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--cacao);pointer-events:none}.filters__search input{width:100%;padding:9px 12px 9px 36px;background:var(--crema);border:1px solid transparent;border-radius:99px;font-size:13px;color:var(--espresso);transition:all var(--t-fast) var(--ease-out);outline:none}.filters__search input:focus{border-color:var(--espresso);background:#fff}.filters__search input::placeholder{color:var(--cacao)}.catalog{max-width:1400px;margin:0 auto;padding:40px 32px 120px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.card{display:flex;flex-direction:column;background:var(--algodon);border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(61,43,31,.08);transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px #3d2b1f1f;border-color:#3d2b1f26}.card--in-order{border-color:var(--menta);box-shadow:0 0 0 1px var(--menta)}.card__visual{position:relative;aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center}.card__visual-img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-mid) var(--ease-out)}.card:hover .card__visual-img{transform:scale(1.04)}.card__visual-bg{position:absolute;top:0;right:0;bottom:0;left:0}.card__visual-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' /%3E%3C/svg%3E");opacity:.08;mix-blend-mode:overlay}.card__visual-name{position:relative;z-index:1;font-family:var(--display);font-size:clamp(28px,4vw,44px);line-height:.95;letter-spacing:.01em;color:var(--crema);text-align:center;padding:0 16px;text-shadow:0 2px 12px rgba(0,0,0,.15);max-width:100%}.tone-amber{background:linear-gradient(135deg,#c8924e,#6b4528)}.tone-cocoa{background:linear-gradient(135deg,#5c3a21,#2e1a0e)}.tone-cream{background:linear-gradient(135deg,#c9a877,#7a5a38)}.tone-olive{background:linear-gradient(135deg,#8a8f4f,#4a4f28)}.tone-rose{background:linear-gradient(135deg,#c97a6e,#7a3f38)}.tone-sienna{background:linear-gradient(135deg,#b5562c,#5c2914)}.card__body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:14px}.card__info{display:flex;flex-direction:column;gap:2px}.card__name{font-size:15px;font-weight:700;color:var(--espresso);line-height:1.3}.card__price{font-size:13px;font-weight:400;color:var(--cacao)}.card__controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px dashed rgba(61,43,31,.12);border-bottom:1px dashed rgba(61,43,31,.12)}.stepper{display:flex;align-items:center;gap:4px}.stepper__btn{width:28px;height:28px;border-radius:99px;background:#3d2b1f0f;color:var(--espresso);font-size:16px;font-weight:500;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast) var(--ease-out)}.stepper__btn:hover{background:var(--espresso);color:var(--crema)}.stepper__btn:disabled{opacity:.3;cursor:not-allowed}.stepper__btn:disabled:hover{background:#3d2b1f0f;color:var(--espresso)}.stepper__value{min-width:56px;text-align:center;font-size:14px;font-weight:700;color:var(--espresso);font-variant-numeric:tabular-nums}.card__subtotal{font-family:var(--display);font-size:22px;letter-spacing:.02em;color:var(--espresso);font-variant-numeric:tabular-nums}.card__add{width:100%;padding:11px 16px;background:var(--menta);color:#fff;border-radius:var(--r-md);font-size:14px;font-weight:500;transition:background var(--t-fast) var(--ease-out)}.card__add:hover{background:var(--menta-dark)}.card__add--in-order{background:transparent;color:var(--menta-dark);border:1.5px solid var(--menta)}.card__add--in-order:hover{background:#3bbfa014}.empty{padding:80px 32px;text-align:center;color:var(--cacao)}.empty p{margin:0 0 16px}.empty .link{color:var(--menta-dark);font-weight:500;text-decoration:underline;text-underline-offset:4px}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.drawer[aria-hidden=false]{pointer-events:auto}.drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#3d2b1f80;opacity:0;transition:opacity var(--t-mid) var(--ease-out)}.drawer[aria-hidden=false] .drawer__backdrop{opacity:1}.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--algodon);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--t-mid) var(--ease-out)}.drawer[aria-hidden=false] .drawer__panel{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(61,43,31,.08)}.drawer__title{font-family:var(--display);font-size:32px;letter-spacing:.02em;margin:0;color:var(--espresso);line-height:1}.drawer__close{font-size:13px;font-weight:500;color:var(--cacao);padding:6px 10px;border-radius:var(--r-sm);transition:all var(--t-fast) var(--ease-out)}.drawer__close:hover{color:var(--espresso);background:#3d2b1f0f}.drawer__items{flex:1;overflow-y:auto;padding:16px 28px}.drawer__item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(61,43,31,.06)}.drawer__item:last-child{border-bottom:none}.drawer__item-visual{width:56px;height:56px;border-radius:var(--r-sm);flex-shrink:0;overflow:hidden}.drawer__item-visual img{width:100%;height:100%;object-fit:cover}.drawer__item-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.drawer__item-name{font-size:14px;font-weight:700;color:var(--espresso);line-height:1.3}.drawer__item-detail{font-size:12px;color:var(--cacao);display:flex;gap:8px;align-items:center}.drawer__item-price{font-family:var(--display);font-size:18px;letter-spacing:.02em;color:var(--espresso);font-variant-numeric:tabular-nums}.drawer__item-remove{font-size:11px;color:var(--cacao);text-decoration:underline;text-underline-offset:2px;margin-top:2px;align-self:flex-start;transition:color var(--t-fast) var(--ease-out)}.drawer__item-remove:hover{color:var(--espresso)}.drawer__empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 32px;color:var(--cacao)}.drawer__empty p{margin:0 0 8px;max-width:300px}.drawer__empty .muted{font-size:13px;opacity:.8}.drawer__footer{padding:20px 28px 28px;border-top:1px solid rgba(61,43,31,.08);background:var(--crema)}.drawer__total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.drawer__total .muted{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cacao)}.drawer__total strong{font-family:var(--display);font-size:36px;letter-spacing:.02em;color:var(--espresso);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:var(--r-md);font-size:14px;font-weight:500;transition:background var(--t-fast) var(--ease-out),opacity var(--t-fast) var(--ease-out)}.btn--primary{background:var(--menta);color:#fff}.btn--primary:hover{background:var(--menta-dark)}.btn--primary:disabled{opacity:.4;cursor:not-allowed;background:var(--menta)}.btn--full{width:100%}.drawer__note{margin:12px 0 0;font-size:11px;color:var(--cacao);text-align:center;line-height:1.5}[hidden]{display:none!important}.js-fade-up{opacity:0;transform:translateY(40px)}@media(max-width:768px){.nav{padding:12px 20px;gap:16px}.nav__location{display:none}.nav__order{padding:8px 14px;font-size:13px}.hero{padding:60px 20px 40px}.hero__eyebrow{margin-bottom:16px}.filters{padding:12px 20px;flex-direction:column;align-items:stretch;gap:12px;top:60px}.filters__search{width:100%}.catalog{padding:24px 20px 80px}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.card__body{padding:14px;gap:12px}.card__name{font-size:14px}.drawer__panel{width:100vw}.drawer__header,.drawer__items,.drawer__footer{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible{outline:2px solid var(--menta);outline-offset:2px}