@layer tokens,reset,animations,utilities,components,pages;@layer tokens{:root{color-scheme:light dark;accent-color:var(--primary);--bg: #f6f7fb;--surface: #ffffff;--surface-muted: #f2f4f8;--text: #0f172a;--text-muted: #5b6475;--primary: #2d8a36;--primary-contrast: #ffffff;--accent: #c9a227;--border: #e0e7f1;--error: #ef4444;--error-dark: #dc2626;--error-darker: #b91c1c;--success: #22c55e;--warning: #eab308;--telegram: #0088cc;--shadow-xs: 0 2px 8px rgba(0, 0, 0, .06);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .08);--shadow: 0 12px 38px rgba(15, 23, 42, .12);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .18);--radius-2xs: 4px;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--z-sticky: 20;--z-fixed: 50;--z-dropdown: 100;--z-above: 900;--z-overlay: 999;--z-modal: 1000;--z-lightbox: 9999;--text-2xs: .7rem;--text-xs: .75rem;--text-sm-2: .8rem;--text-sm: .85rem;--text-md: .9rem;--text-md-2: .95rem;--text-base: 1rem;--text-lg-2: 1.1rem;--text-lg: 1.15rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--container-max: 1180px;--container-padding: 1.5rem}[data-theme=dark]{--bg: #0f1115;--surface: #1a1d24;--surface-muted: #22262e;--text: #e4e7eb;--text-muted: #9ca3af;--primary: #2d8a36;--primary-contrast: #ffffff;--accent: #c9a227;--border: #2d333b;--error: #ef4444;--error-dark: #dc2626;--error-darker: #b91c1c;--success: #22c55e;--warning: #eab308;--telegram: #0088cc;--shadow-xs: 0 2px 8px rgba(0, 0, 0, .15);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow: 0 12px 38px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6)}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{overflow-y:scroll}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}#root{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding) 0;min-height:100vh;display:flex;flex-direction:column}.page{display:flex;flex-direction:column;gap:1.25rem;flex:1;padding-bottom:2rem}@media (max-width: 720px){#root{padding:0 1rem 2.5rem}.page{gap:1rem}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer animations{@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:0 0}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes mobilePopupSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes scrollTopFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes toastSlideInMobile{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOutMobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes promoFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes promoSparkle{0%,to{opacity:1}50%{opacity:.6}}@keyframes successPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--success) 40%,transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--success) 0%,transparent)}}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes brewTooltipIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes floatLeaf{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}}@layer utilities{.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all var(--transition-fast);font-weight:600;&.active{background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:var(--primary);color:var(--primary)}&:hover{transform:translateY(-1px);box-shadow:var(--shadow)}&.danger{color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,transparent)}&.danger:hover{background:color-mix(in srgb,var(--error) 8%,transparent)}&.ghost{background:var(--surface-muted);border-style:dashed}}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.2rem;border-radius:var(--radius-lg);border:none;cursor:pointer;font-weight:700;background:var(--primary);color:var(--primary-contrast);transition:all var(--transition-fast);min-height:46px;&.secondary{background:var(--surface-muted);color:var(--text)}&.ghost{background:transparent;color:var(--text-muted);border:1px dashed var(--border)}&:hover{transform:translateY(-1px);box-shadow:var(--shadow)}}.input{width:100%;padding:.95rem 1.05rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-base);&:focus{outline:2px solid color-mix(in srgb,var(--primary) 25%,transparent);border-color:var(--primary)}}.alert{padding:.95rem 1.05rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--success) 35%,transparent)}.danger{color:var(--error)}.product-header{display:grid;grid-template-columns:1fr;gap:1.35rem}.product-visual{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);& img{width:100%;display:block}}.variant-list{display:flex;flex-wrap:wrap;gap:.75rem}.variant{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.75rem .95rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-muted);cursor:pointer;transition:all var(--transition-fast);&.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}}.variant__price{color:var(--text-muted);font-size:var(--text-md-2)}.variant.active .variant__price{color:var(--primary);opacity:.9}.product-qty{display:flex;align-items:center;gap:.6rem}.product-qty__value{display:flex;flex-direction:column;gap:.05rem}.cart-note{padding:.9rem 1rem;border-radius:var(--radius-md);border:1px dashed var(--border);background:var(--surface-muted)}.cart-note__row{display:flex;justify-content:space-between;gap:.6rem}.cart-note__meta{color:var(--text-muted);font-size:var(--text-md-2)}}@layer components{.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:50vh;color:var(--text-muted)}.page-loader__spinner{animation:spin 1s linear infinite;color:var(--primary)}.page-loader__text{font-size:var(--text-md-2);font-weight:500}}@layer components{.header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:1rem;padding:.85rem 0;backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg) 85%,transparent)}.header__left{flex-shrink:0}.header__brand{display:flex;align-items:center;gap:.65rem;background:none;border:none;cursor:pointer;padding:0}.header__brand-logo{width:42px;height:42px;border-radius:var(--radius-sm);object-fit:contain;transition:transform var(--transition-normal),filter .2s ease;[data-theme=dark] &{filter:brightness(0) invert(1)}}.header__brand:hover .header__brand-logo{transform:scale(1.05)}.header__brand-name{font-size:var(--text-lg);font-weight:800;color:var(--text);letter-spacing:-.02em}.header__search{flex:1;max-width:400px;position:relative}.header__search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.header__search-input{width:100%;padding:.7rem 2.5rem .7rem 2.75rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-md);transition:all var(--transition-normal);&:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}&::placeholder{color:var(--text-muted)}}.header__search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:var(--radius-xs);border:none;background:var(--surface-muted);color:var(--text-muted);cursor:pointer;display:grid;place-items:center}.header__promo{display:flex;align-items:center;gap:.35rem;padding:.4rem .5rem .4rem .65rem;background:linear-gradient(135deg,var(--primary) 0%,var(--success) 100%);color:var(--primary-contrast);font-size:var(--text-2xs);border-radius:2rem;text-decoration:none;position:relative;transition:transform var(--transition-fast),box-shadow .15s ease;white-space:nowrap;animation:promoFadeIn .4s ease-out}.header__promo:hover{transform:scale(1.02);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.header__promo-icon{flex-shrink:0;animation:promoSparkle 2s ease-in-out infinite}.header__promo-discount{font-weight:700}.header__promo-text{display:inline}.header__promo-tg{display:inline-flex;align-items:center;gap:.2rem;background:color-mix(in srgb,white 20%,transparent);padding:.15rem .4rem;border-radius:var(--radius-lg);font-weight:600;font-size:.65rem}.header__promo-close{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,white 15%,transparent);border:none;color:color-mix(in srgb,white 80%,transparent);cursor:pointer;padding:.2rem;border-radius:50%;margin-inline-start:.15rem;transition:background var(--transition-fast),color .15s ease;&:hover{background:color-mix(in srgb,white 30%,transparent);color:var(--primary-contrast)}}.header__right{display:flex;align-items:center;gap:.5rem;margin-inline-start:auto}.header__action{display:flex;align-items:center;gap:.4rem;padding:.6rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-weight:600;font-size:var(--text-md);transition:all var(--transition-fast);&:hover{background:var(--surface-muted);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}}.header__action--theme{padding:.6rem}.header__action--login{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);&:hover{background:color-mix(in srgb,var(--primary) 15%,transparent)}}.header__action-label{display:inline}.header__auth-loading{display:flex;align-items:center;justify-content:center;padding:.6rem .85rem;color:var(--text-muted)}.header__auth-spinner{animation:spin 1s linear infinite}.header__user{display:flex;align-items:center;gap:.4rem;padding:.6rem .65rem .6rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),color-mix(in srgb,var(--primary) 3%,transparent));color:var(--text);font-weight:600;font-size:var(--text-md);cursor:pointer;transition:all var(--transition-fast);&:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--primary) 8%,transparent));border-color:var(--primary);transform:translate(2px)}&:hover .header__user-arrow{transform:translate(2px);color:var(--primary)}}.header__user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__user-arrow{color:var(--text-muted);transition:transform var(--transition-fast),color .15s ease;margin-inline-start:.1rem}.header__cart{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:var(--radius-sm);border:none;background:var(--primary);color:var(--primary-contrast);cursor:pointer;font-weight:700;font-size:var(--text-md);transition:all var(--transition-fast);position:relative;&:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}}.header__cart-label{display:inline}.header__cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-sm);background:var(--accent);color:var(--primary-contrast);font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;justify-content:center}@media (max-width: 720px){.header{gap:.5rem;padding:.65rem 0}.header__brand-name{display:none}.header__brand-logo{width:36px;height:36px}.header__search,.header__action-label{display:none}.header__action,.header__user{padding:.55rem}.header__user-name,.header__user-arrow{display:none}.header__cart{padding:.55rem .75rem}.header__cart-label{display:none}.header__promo{font-size:.6rem;padding:.3rem .4rem .3rem .5rem;gap:.25rem}.header__promo-text{display:none}.header__promo-discount{display:inline}.header__cart-badge{position:static;min-width:18px;height:18px;font-size:var(--text-2xs)}}}@layer components{.footer{margin-top:auto;border-top:1px solid var(--border)}.footer__main{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem 0}.footer__links{display:flex;align-items:center;gap:1.5rem}.footer__links a{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-normal);&:hover{color:var(--primary)}}.footer__links svg{color:var(--primary);opacity:.7}.footer__contacts{display:flex;align-items:center;gap:1.5rem}.footer__contacts a{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-normal);&:hover{color:var(--primary)}}.footer__contacts svg{color:var(--primary)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:1px solid var(--border);font-size:var(--text-sm-2);color:var(--text-muted)}.footer__copyright{opacity:.8}.footer__legal{opacity:.6}@media (max-width: 768px){.page:has(.pdp-mobile-bar)~.footer,.page:has(.cart-mobile-bar)~.footer,.page:has(.checkout-mobile-submit)~.footer{padding-bottom:4rem}.footer__main{flex-direction:column;gap:1rem;padding:1.5rem 0}.footer__links{flex-wrap:wrap;justify-content:center;gap:1rem}.footer__contacts{gap:1rem}.footer__bottom{flex-direction:column;gap:.35rem;text-align:center}}}@layer components{.toast-stack{position:fixed;right:1.25rem;bottom:1.25rem;display:flex;flex-direction:column-reverse;gap:.65rem;max-width:min(400px,calc(100vw - 2rem));z-index:var(--z-modal);pointer-events:none}.toast{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:flex-start;padding:1rem 1.15rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 12px color-mix(in srgb,black 8%,transparent),0 16px 32px color-mix(in srgb,black 12%,transparent);overflow:hidden;pointer-events:auto;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1)}.toast--exiting{animation:toastSlideOut .2s ease-in forwards}.toast--info{border-inline-start:4px solid var(--primary)}.toast--info .toast__icon-wrap{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.toast--success{border-inline-start:4px solid var(--success)}.toast--success .toast__icon-wrap{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.toast--warning{border-inline-start:4px solid var(--error)}.toast--warning .toast__icon-wrap{background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error)}.toast--error{border-inline-start:4px solid var(--error-dark)}.toast--error .toast__icon-wrap{background:color-mix(in srgb,var(--error-dark) 12%,transparent);color:var(--error-dark)}.toast--cart{border-inline-start:4px solid var(--accent)}.toast--cart .toast__icon-wrap{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.toast__icon-wrap{width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0}.toast__icon{display:block}.toast__content{display:flex;flex-direction:column;gap:.5rem;padding-top:.15rem}.toast__message{margin:0;font-size:var(--text-md);font-weight:500;line-height:1.4;color:var(--text)}.toast__actions{display:flex;gap:.5rem;flex-wrap:wrap}.toast__action{padding:.4rem .85rem;font-size:var(--text-sm-2);font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);&:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:var(--primary)}}.toast--cart .toast__action{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 25%,transparent);&:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}}.toast__close{width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);margin:-.25rem -.25rem 0 0;&:hover{background:var(--surface-muted);color:var(--text)}}.toast__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--surface-muted)}.toast__progress-bar{height:100%;width:var(--progress, 100%);background:var(--primary);transition:width .05s linear}.toast--success .toast__progress-bar{background:var(--success)}.toast--warning .toast__progress-bar{background:var(--error)}.toast--error .toast__progress-bar{background:var(--error-dark)}.toast--cart .toast__progress-bar{background:var(--accent)}@media (max-width: 720px){.toast-stack{left:1rem;right:1rem;bottom:auto;top:1rem;flex-direction:column}.toast{animation-name:toastSlideInMobile}.toast.closing{animation-name:toastSlideOutMobile}}}@layer components{.auth{max-width:680px;width:100%;margin:0 auto}.auth__header{justify-content:flex-start}.auth__card{max-width:520px;margin:0 auto}.auth__form{max-width:460px}.auth__switcher .pill{flex:1}.pill.ghost{background:var(--surface-muted);border-style:dashed}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-dropdown);display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--text) 60%,transparent);backdrop-filter:blur(8px);animation:fadeIn .25s ease-out}.modal-backdrop--closing{animation:fadeOut .2s ease-in forwards}.modal{position:relative;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:2rem;box-shadow:0 25px 50px -12px color-mix(in srgb,black 25%,transparent),0 0 0 1px color-mix(in srgb,white 5%,transparent) inset;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;&:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 50%,var(--primary) 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}}.modal--closing{animation:modalSlideOut .2s ease-in forwards}.modal__close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);cursor:pointer;display:grid;place-items:center;transition:all var(--transition-fast);&:hover{background:var(--surface);color:var(--text);transform:rotate(90deg)}}.modal__header{text-align:center;margin-bottom:1.5rem}.modal__icon{width:56px;height:56px;margin:0 auto 1rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--success) 15%,transparent));border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);display:grid;place-items:center;color:var(--primary)}.modal__title{margin:0 0 .35rem;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em}.modal__subtitle{margin:0;color:var(--text-muted);font-size:var(--text-md-2)}.modal__tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.35rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem}.modal__tab{padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);font-weight:600;cursor:pointer;transition:all var(--transition-normal);&:hover{color:var(--text);background:color-mix(in srgb,var(--primary) 6%,transparent)}}.modal__tab--active{background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:var(--primary);color:var(--primary);box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 15%,transparent)}.modal__form{display:flex;flex-direction:column;gap:1rem}.modal__field{display:flex;flex-direction:column;gap:.4rem}.modal__label{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-md);font-weight:600;color:var(--text)}.modal__optional{font-weight:400;color:var(--text-muted);font-size:var(--text-sm);margin-inline-start:.25rem}.modal__input{width:100%;padding:.9rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface-muted);color:var(--text);font-size:var(--text-base);transition:all var(--transition-normal);&::placeholder{color:var(--text-muted);opacity:.6}&:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}&:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)}}.modal__error{padding:.85rem 1rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--error) 10%,transparent);border:1px solid color-mix(in srgb,var(--error) 30%,transparent);color:var(--error);font-size:var(--text-md);font-weight:500}.modal__submit{margin-top:.5rem;padding:1rem 1.5rem;border-radius:var(--radius-lg);border:none;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 80%,var(--accent)) 100%);color:var(--primary-contrast);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;&:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--primary) 35%,transparent)}&:active:not(:disabled){transform:translateY(0)}&:disabled{opacity:.7;cursor:not-allowed}}.modal__spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.modal__footer-text{margin:.5rem 0 0;text-align:center;color:var(--text-muted);font-size:var(--text-md)}.modal__link{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;&:hover{text-decoration:none}}.modal__divider{display:flex;align-items:center;gap:.75rem;margin:.75rem 0 .5rem;color:var(--text-muted);font-size:var(--text-sm-2);&:after{content:"";flex:1;height:1px;background:var(--border)}}.modal__telegram{display:flex;justify-content:center;min-height:40px;margin-bottom:.25rem}.modal__telegram-loading{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:var(--text-md)}.tg-login-wrapper{display:flex;justify-content:center;align-items:center;min-height:40px}.tg-login-container{display:flex;justify-content:center;transition:opacity var(--transition-normal)}.tg-login-container--loading{opacity:0;height:0;overflow:hidden}.tg-login-loading{display:flex;align-items:center;justify-content:center}.tg-login-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--telegram);border-radius:50%;animation:spin .8s linear infinite}.tg-login-error{color:var(--error);font-size:var(--text-sm);text-align:center;padding:.5rem}@media (max-width: 720px){.modal-backdrop{padding:0;align-items:flex-end}.modal{max-width:100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:1.5rem;max-height:90vh;overflow-y:auto;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}.modal--closing{animation:modalSlideDown .2s ease-in forwards}}}@layer components{.product-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);animation:fadeInUp .4s ease-out both;animation-delay:var(--delay, 0s);&:hover{transform:translateY(-4px);box-shadow:0 12px 32px color-mix(in srgb,black 12%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,var(--border))}&:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 30%,transparent);outline-offset:2px}}.product-card__image-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface-muted)}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card__category-badge{position:absolute;top:.75rem;left:.75rem;padding:.3rem .65rem;border-radius:var(--radius-xs);background:color-mix(in srgb,black 60%,transparent);backdrop-filter:blur(4px);color:var(--primary-contrast);font-size:var(--text-xs);font-weight:600}.product-card__body{padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.product-card__name{margin:0;font-size:var(--text-base);font-weight:600;line-height:1.35;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.product-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto}.product-card__price{display:flex;align-items:baseline;gap:.3rem}.product-card__price-label{font-size:var(--text-sm-2);color:var(--text-muted)}.product-card__price-value{font-size:var(--text-lg-2);font-weight:700;color:var(--text)}.product-card__btn{padding:.5rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-muted);color:var(--text);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);&:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}}}@layer components{.product-gallery{display:flex;gap:.75rem;align-self:start;height:464px}.product-gallery__thumbnails{display:none;flex-direction:column;gap:.5rem;width:80px;flex-shrink:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.product-gallery__thumb{position:relative;width:80px;height:80px;padding:0;border:2px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface);cursor:pointer;flex-shrink:0;transition:border-color var(--transition-normal),background .2s ease;&:hover{border-color:var(--text-muted)}}.product-gallery__thumb--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.product-gallery__thumb img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.product-gallery__main{position:relative;flex:1;border-radius:var(--radius-2xl);overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 24px color-mix(in srgb,black 8%,transparent);cursor:zoom-in;height:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none}.product-gallery__main--single{flex:1}.product-gallery__image{width:100%;height:100%;display:block;object-fit:cover}.product-gallery__nav{display:none;position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:color-mix(in srgb,white 90%,transparent);color:var(--text);cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px color-mix(in srgb,black 15%,transparent);transition:background var(--transition-normal),transform .2s ease;z-index:5;&:active{transform:translateY(-50%) scale(.95)}}.product-gallery__nav--prev{left:.5rem}.product-gallery__nav--next{right:.5rem}.product-gallery__category{position:absolute;top:1rem;left:1rem;padding:.4rem .85rem;font-size:var(--text-sm-2);font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--surface) 85%);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius-full);backdrop-filter:blur(8px)}.product-gallery__zoom-hint{position:absolute;bottom:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,black 50%,transparent);border-radius:50%;color:var(--primary-contrast);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.product-gallery__main:hover .product-gallery__zoom-hint{opacity:1}.product-gallery__dots{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;padding:.5rem .75rem;background:color-mix(in srgb,black 40%,transparent);border-radius:var(--radius-full);backdrop-filter:blur(8px)}.product-gallery__dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,white 50%,transparent);cursor:pointer;transition:background var(--transition-normal),transform .2s ease;&:hover{background:color-mix(in srgb,white 80%,transparent)}}.product-gallery__dot--active{background:#fff;transform:scale(1.2)}.lightbox{position:fixed;inset:0;z-index:var(--z-lightbox);display:flex;flex-direction:column;background:color-mix(in srgb,black 95%,transparent);animation:lightbox-fade-in .2s ease;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.lightbox__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:color-mix(in srgb,black 50%,transparent);flex-shrink:0}.lightbox__counter{font-size:var(--text-md);font-weight:500;color:color-mix(in srgb,white 70%,transparent)}.lightbox__controls{display:flex;align-items:center;gap:.5rem}.lightbox__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,white 10%,transparent);color:var(--primary-contrast);cursor:pointer;transition:background var(--transition-normal),opacity .2s ease;&:hover:not(:disabled){background:color-mix(in srgb,white 20%,transparent)}&:disabled{opacity:.3;cursor:not-allowed}}.lightbox__btn--close{margin-inline-start:.5rem;background:color-mix(in srgb,white 15%,transparent);&:hover{background:color-mix(in srgb,var(--error) 70%,transparent)}}.lightbox__zoom-level{min-width:50px;text-align:center;font-size:var(--text-sm);font-weight:500;color:color-mix(in srgb,white 80%,transparent)}.lightbox__content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;touch-action:none}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,white 10%,transparent);color:var(--primary-contrast);cursor:pointer;transition:background var(--transition-normal),transform .2s ease;&:hover{background:color-mix(in srgb,white 20%,transparent);transform:translateY(-50%) scale(1.05)}}.lightbox__nav--prev{left:1.5rem}.lightbox__nav--next{right:1.5rem}.lightbox__image-wrapper{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none}.lightbox__image-wrapper--dragging{cursor:grabbing!important}.lightbox__image{max-width:90vw;max-height:calc(100vh - 180px);object-fit:contain;transition:transform .1s ease;pointer-events:none}.lightbox__thumbnails{display:flex;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:color-mix(in srgb,black 50%,transparent);overflow-x:auto;flex-shrink:0}.lightbox__thumb{width:60px;height:60px;padding:0;border:2px solid transparent;border-radius:var(--radius-xs);overflow:hidden;background:var(--surface);cursor:pointer;flex-shrink:0;opacity:.6;transition:opacity var(--transition-normal),border-color .2s ease,transform .2s ease;&:hover{opacity:.9}}.lightbox__thumb--active{opacity:1;border-color:var(--accent);transform:scale(1.05)}.lightbox__thumb img{width:100%;height:100%;object-fit:cover}@media (max-width: 720px){.pdp{padding-bottom:3.5rem}.pdp-topbar{align-items:center}.pdp-back{height:40px;padding:0 .85rem}.product-gallery{flex-direction:column;height:auto;gap:0}.product-gallery__main{border-radius:var(--radius-lg);aspect-ratio:1 / 1;height:auto}.product-gallery__thumbnails{display:none}.product-gallery__dots,.product-gallery__nav{display:flex}.product-gallery__zoom-hint{display:none}.lightbox__nav{width:44px;height:44px}.lightbox__nav--prev{left:.5rem}.lightbox__nav--next{right:.5rem}.lightbox__header{padding:.75rem 1rem}.lightbox__thumbnails{padding:.75rem;gap:.4rem}.lightbox__thumb{width:48px;height:48px}.lightbox__image{max-width:100vw;max-height:calc(100vh - 160px)}.pdp-title{font-size:var(--text-2xl)}.pdp-description-section{padding:1.25rem;margin-top:1rem}.pdp-description-section__title{font-size:var(--text-xs)}.pdp-description-section__text,.markdown-content{font-size:var(--text-md-2)}.markdown-content h1{font-size:1.3rem}.markdown-content h2{font-size:var(--text-lg)}.markdown-content h3{font-size:1.05rem}.markdown-content h4{font-size:var(--text-md-2)}.markdown-content pre{padding:.75rem}.pdp-variants{padding:1rem}.pdp-variant{padding:.7rem .9rem;min-width:85px}.pdp-variant__weight{font-size:var(--text-md)}.pdp-variant__price{font-size:var(--text-sm-2)}.pdp-purchase{display:none}.pdp-cart-summary{flex-wrap:wrap;gap:.75rem;padding:.85rem 1rem}.pdp-cart-summary__icon{width:36px;height:36px}.pdp-cart-summary__btn{width:100%;text-align:center;margin-top:.25rem}.pdp-mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;padding:1rem 1.25rem;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 24px color-mix(in srgb,black 12%,transparent);z-index:var(--z-fixed);align-items:center;gap:1rem}.pdp-mobile-bar__price{display:flex;flex-direction:column;gap:.1rem;min-width:80px}.pdp-mobile-bar__price-label{font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.pdp-mobile-bar__price-value{font-size:var(--text-xl);font-weight:800;color:var(--text)}.pdp-mobile-bar__qty{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;background:var(--surface-muted);border-radius:var(--radius-md);padding:.3rem}.pdp-mobile-bar__qty-btn{width:40px;height:40px;display:grid;place-items:center;border:none;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,black 8%,transparent)}.pdp-mobile-bar__qty-value{min-width:40px;text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--text)}.pdp-mobile-bar__add{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.9rem 1.2rem;font-size:var(--text-md-2);font-weight:700;color:var(--primary-contrast);background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 80%,#6366f1) 100%);border:none;border-radius:var(--radius-md);cursor:pointer}}@media (min-width: 720px){.product-gallery{flex-direction:row;height:464px}.product-gallery__thumbnails{display:flex}.product-gallery__main{border-radius:var(--radius-2xl)}.product-gallery__dots,.product-gallery__nav{display:none}.product-gallery__zoom-hint{display:flex}}}@layer components{.tea-info{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin-top:.5rem;box-shadow:0 4px 24px color-mix(in srgb,black 4%,transparent)}.tea-info__block{display:flex;flex-direction:column;gap:.85rem}.tea-info__title{margin:0;font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.tea-brewing__grid{display:flex;flex-direction:column;gap:.35rem}.tea-brewing__card{display:flex;flex-direction:column;align-items:flex-start;padding:.6rem .85rem;background:var(--surface-muted);border:1px solid transparent;border-radius:var(--radius-sm);transition:all var(--transition-normal)}.tea-brewing__card--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),color-mix(in srgb,var(--primary) 2%,transparent));border-color:color-mix(in srgb,var(--primary) 15%,transparent);[data-theme=dark] &{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--primary) 5%,transparent));border-color:color-mix(in srgb,var(--primary) 25%,transparent)}}.tea-brewing__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.4rem}.tea-brewing__name{font-size:var(--text-xs);font-weight:600;color:var(--text)}.tea-brewing__note-wrapper{position:relative;flex-shrink:0}.tea-brewing__note-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:color var(--transition-normal),background .2s ease}.tea-brewing__note-btn:hover,.tea-brewing__note-btn--active{color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);[data-theme=dark] &{background:color-mix(in srgb,var(--primary) 15%,transparent)}}.tea-brewing__tooltip{position:absolute;top:calc(100% + 8px);right:-4px;z-index:var(--z-fixed);width:max-content;max-width:min(320px,calc(100vw - 2rem));padding:.6rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 16px color-mix(in srgb,black 12%,transparent),0 1px 4px color-mix(in srgb,black 6%,transparent);animation:brewTooltipIn .15s ease-out;[data-theme=dark] &{box-shadow:0 4px 16px color-mix(in srgb,black 35%,transparent),0 1px 4px color-mix(in srgb,black 20%,transparent)}}.tea-brewing__tooltip-arrow{position:absolute;top:-5px;right:8px;width:10px;height:10px;background:var(--surface);border-top:1px solid var(--border);border-inline-start:1px solid var(--border);transform:rotate(45deg)}.tea-brewing__tooltip-text{margin:0;font-size:.72rem;line-height:1.5;color:var(--text-muted)}.tea-brewing__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.tea-brewing__stat{display:flex;align-items:center;gap:.25rem;font-size:var(--text-xs);font-weight:500;color:var(--text-muted);white-space:nowrap}.tea-brewing__stat svg{color:var(--primary);opacity:.8}.tea-taste__flavors{display:flex;flex-wrap:wrap;gap:.4rem}.tea-taste__flavor{display:inline-flex;align-items:center;padding:.4rem .85rem;background:var(--surface-muted);border:1px solid var(--border);color:var(--text);font-size:var(--text-sm-2);font-weight:500;border-radius:var(--radius-full);transition:all var(--transition-normal);&:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,transparent)}}.tea-taste__levels{display:flex;flex-direction:column;gap:.5rem}.tea-taste__item{display:flex;align-items:center;gap:.75rem}.tea-taste__label{font-size:var(--text-sm-2);font-weight:500;color:var(--text-muted);min-width:70px}.tea-taste__bar{flex:1;height:6px;background:var(--surface-muted);border-radius:var(--radius-full);overflow:hidden}.tea-taste__fill{height:100%;width:var(--fill, 0%);background:var(--primary);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.tea-effects__list{display:flex;flex-wrap:wrap;gap:.5rem}.tea-effects__tag{display:inline-flex;align-items:center;padding:.4rem .85rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--primary) 5%,transparent));border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);font-size:var(--text-sm-2);font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-normal);[data-theme=dark] &{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,transparent),color-mix(in srgb,var(--primary) 10%,transparent));border-color:color-mix(in srgb,var(--primary) 30%,transparent)}&:hover{background:color-mix(in srgb,var(--primary) 15%,transparent);border-color:var(--primary)}}.tea-info__note{margin-top:auto;padding-top:.5rem;font-size:var(--text-2xs);color:var(--text-muted);line-height:1.4;opacity:.8}@media (max-width: 900px){.tea-info{grid-template-columns:1fr 1fr}.tea-info__block:first-child{grid-column:1 / -1}.tea-brewing__grid{flex-direction:row;flex-wrap:wrap}.tea-brewing__card{flex:1;min-width:140px}}@media (max-width: 600px){.tea-info{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem}.tea-brewing__grid{flex-direction:column}.tea-brewing__card{min-width:unset;padding:.6rem .75rem}.tea-brewing__stats{gap:.4rem}.tea-brewing__stat{font-size:var(--text-2xs)}}}@layer components{.shop-badges{position:relative}.shop-badges__list{display:flex;flex-wrap:wrap;gap:.5rem}.shop-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm-2);font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);&:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,transparent)}}.shop-badge--active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.shop-badge svg{opacity:.8}.shop-badges__popup{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:var(--z-dropdown);padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px color-mix(in srgb,black 12%,transparent);animation:popupFadeIn .2s ease}.shop-badges__popup-close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface-muted);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);&:hover{background:var(--border);color:var(--text)}}.shop-badges__popup-title{margin:0 0 1rem;font-size:var(--text-md);font-weight:700;color:var(--text)}.shop-badges__popup-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.shop-badges__popup-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:var(--text-sm);color:var(--text);line-height:1.4}.shop-badges__popup-list li svg{flex-shrink:0;color:var(--primary);margin-top:2px}.shop-badges__popup-list li div{display:flex;flex-direction:column;gap:.15rem}.shop-badges__popup-list li strong{font-weight:600;color:var(--text)}.shop-badges__popup-list li span{color:var(--text-muted);font-size:var(--text-sm-2)}.shop-badges__popup-contacts{display:flex;flex-direction:column;gap:.75rem}.shop-badges__popup-contact{display:inline-flex;align-items:center;gap:.75rem;font-size:var(--text-md);font-weight:500;color:var(--text);text-decoration:none;transition:color var(--transition-normal);&:hover{color:var(--primary)}}.shop-badges__popup-contact svg{color:var(--primary)}.shop-badges__popup-subtitle{margin:-.5rem 0 1rem;font-size:var(--text-sm);color:var(--text-muted)}.shop-badges__overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:color-mix(in srgb,black 50%,transparent);backdrop-filter:blur(4px);animation:overlayFadeIn .2s ease}.shop-badges__popup--mobile{position:fixed;inset:auto 0 0;z-index:var(--z-modal);max-height:85vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));animation:mobilePopupSlideUp .3s ease}.shop-badges__popup--mobile .shop-badges__popup-close{top:1rem;right:1rem;width:36px;height:36px}.shop-badges__popup--mobile .shop-badges__popup-title{font-size:var(--text-lg-2);margin-bottom:1.25rem}.shop-badges__popup--mobile .shop-badges__popup-list{gap:1rem}.shop-badges__popup--mobile .shop-badges__popup-list li{font-size:var(--text-md-2);padding:.75rem;background:var(--surface-muted);border-radius:var(--radius-md)}.shop-badges__popup--mobile .shop-badges__popup-contacts{gap:.75rem}.shop-badges__popup--mobile .shop-badges__popup-contact{padding:1rem;background:var(--surface-muted);border-radius:var(--radius-md);font-size:var(--text-base)}}@layer components{.markdown-content{font-size:var(--text-base);line-height:1.75;color:var(--text-muted)}.markdown-content h1{margin:1.75rem 0 .75rem;font-size:var(--text-2xl);font-weight:700;color:var(--text);line-height:1.3}.markdown-content h2{margin:1.5rem 0 .75rem;font-size:var(--text-xl);font-weight:700;color:var(--text);line-height:1.35}.markdown-content h3{margin:1.25rem 0 .6rem;font-size:var(--text-lg-2);font-weight:600;color:var(--text);line-height:1.4}.markdown-content h4{margin:1rem 0 .5rem;font-size:var(--text-base);font-weight:600;color:var(--text);line-height:1.4}.markdown-content h5,.markdown-content h6{margin:.75rem 0 .4rem;font-size:var(--text-md-2);font-weight:600;color:var(--text);line-height:1.4}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content p{margin:0 0 .75rem;&:last-child{margin-bottom:0}}.markdown-content strong{color:var(--text);font-weight:600}.markdown-content em{font-style:italic}.markdown-content ul{margin:.5rem 0 1rem;padding-inline-start:0;list-style:none}.markdown-content ul li{position:relative;padding-inline-start:1.25rem;margin-bottom:.4rem;&:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;background:var(--primary);border-radius:50%}}.markdown-content ol{margin:.5rem 0 1rem;padding-inline-start:1.5rem;list-style:decimal}.markdown-content ol li{margin-bottom:.4rem;padding-inline-start:.25rem;&::marker{color:var(--primary);font-weight:600}}.markdown-content li:last-child{margin-bottom:0}.markdown-content ul ul,.markdown-content ol ul,.markdown-content ul ol,.markdown-content ol ol{margin:.3rem 0 .3rem 1rem}.markdown-content a{color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-normal);&:hover{border-bottom-color:var(--primary)}}.markdown-content code{padding:.15em .4em;font-size:.9em;font-family:SF Mono,Fira Code,Monaco,monospace;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-2xs);color:var(--accent)}.markdown-content pre{margin:1rem 0;padding:1rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.markdown-content pre code{padding:0;background:transparent;border:none;border-radius:0;font-size:.875rem;line-height:1.6;color:var(--text)}.markdown-content blockquote{margin:1rem 0;padding:.75rem 1rem;background:var(--surface-muted);border-inline-start:4px solid var(--primary);border-radius:0 .5rem .5rem 0;font-style:italic;color:var(--text)}.markdown-content blockquote p{margin:0}.markdown-content blockquote p+p{margin-top:.5rem}.markdown-content hr{margin:1.5rem 0;border:none;height:1px;background:var(--border)}.markdown-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1rem 0}.markdown-content table{width:100%;margin:1rem 0;border-collapse:collapse}.markdown-content th,.markdown-content td{padding:.5rem .75rem;border:1px solid var(--border);text-align:start}.markdown-content th{background:var(--surface-muted);font-weight:600;color:var(--text)}.markdown-content tr:nth-child(2n){background:var(--surface-muted)}@media (max-width: 720px){.markdown-content{font-size:var(--text-md-2)}.markdown-content h1{font-size:1.3rem}.markdown-content h2{font-size:var(--text-lg)}.markdown-content h3{font-size:1.05rem}.markdown-content h4{font-size:var(--text-md-2)}.markdown-content pre{padding:.75rem}}}@layer components{.reviews-compact{display:flex;align-items:center;gap:1rem;padding:.55rem 1.25rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;box-shadow:0 4px 16px color-mix(in srgb,black 6%,transparent)}.reviews-compact--loading{min-width:280px}.reviews-compact__skeleton{height:24px;width:100%;background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-xs)}.reviews-compact__summary{display:flex;align-items:center;gap:.5rem}.reviews-compact__rating{display:flex;align-items:center;gap:.35rem;color:var(--accent)}.reviews-compact__rating-value{font-size:var(--text-lg-2);font-weight:700;color:var(--text)}.reviews-compact__count{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.reviews-compact__divider{width:1px;height:32px;background:var(--border)}.reviews-compact__platforms{display:flex;align-items:center;gap:.75rem}.reviews-compact__platform{display:flex;align-items:center;gap:.35rem;text-decoration:none;color:inherit;transition:opacity var(--transition-normal);&:hover{opacity:.7}}.reviews-compact__platform-icon{width:20px;height:20px;object-fit:contain}.reviews-compact__platform-rating{display:flex;align-items:center;gap:.2rem;font-size:var(--text-sm);font-weight:600;color:var(--text)}.reviews-compact__platform-rating svg{color:var(--accent)}.reviews-block{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:.5rem;overflow:hidden;max-width:100%}.reviews-block--loading{min-height:200px;display:flex;align-items:center;justify-content:center}.reviews-block__skeleton{height:100px;width:100%;background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.reviews-block__header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.reviews-block__title{display:flex;align-items:center;gap:.6rem;color:var(--primary)}.reviews-block__title h2{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--text)}.reviews-block__summary{display:flex;align-items:center;gap:1.5rem}.reviews-block__total{display:flex;align-items:center;gap:.4rem;color:var(--accent)}.reviews-block__total-rating{font-size:var(--text-lg);font-weight:700;color:var(--text)}.reviews-block__total-count{font-size:var(--text-md);color:var(--text-muted);margin-inline-start:.25rem}.reviews-block__total-count--mobile{display:none}.reviews-block__platforms{display:flex;align-items:center;gap:.85rem;padding-inline-start:1rem;border-inline-start:1px solid var(--border)}.reviews-block__platform{display:flex;align-items:center;gap:.35rem;text-decoration:none;color:inherit;transition:opacity var(--transition-normal);&:hover{opacity:.7}}.reviews-block__platform-icon{width:18px;height:18px;object-fit:contain}.reviews-block__platform-rating{display:flex;align-items:center;gap:.2rem;font-size:var(--text-sm);font-weight:600;color:var(--text)}.reviews-block__platform-rating svg{color:var(--accent)}.reviews-slider{position:relative;overflow:hidden;width:100%}.reviews-slider__track{display:flex;transition:transform .35s cubic-bezier(.4,0,.2,1);width:100%}.reviews-slider__slide{padding:0 .5rem;box-sizing:border-box;&:first-child{padding-inline-start:0}&:last-child{padding-inline-end:0}}.reviews-slider__nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.reviews-slider__nav-btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-muted);color:var(--text);cursor:pointer;display:grid;place-items:center;transition:all var(--transition-fast);&:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}&:disabled{opacity:.4;cursor:not-allowed}}.reviews-slider__counter{font-size:var(--text-md);color:var(--text-muted);min-width:3rem;text-align:center}.review-card{display:flex;flex-direction:column;gap:.85rem;padding:1.25rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-lg);height:100%;transition:box-shadow var(--transition-normal),border-color .2s ease;&:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:0 4px 16px color-mix(in srgb,black 8%,transparent)}}.review-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.review-card__author{display:flex;align-items:center;gap:.75rem}.review-card__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-contrast);display:grid;place-items:center;font-size:var(--text-base);font-weight:600;flex-shrink:0}.review-card__author-info{display:flex;flex-direction:column;gap:.15rem}.review-card__author-name{font-size:var(--text-md-2);font-weight:600;color:var(--text)}.review-card__platform{display:flex;align-items:center;gap:.35rem;font-size:var(--text-sm-2);color:var(--text-muted)}.review-card__platform-icon{width:14px;height:14px;object-fit:contain}.review-card__rating{display:flex;align-items:center;gap:.15rem}.review-card__star--filled{color:var(--accent)}.review-card__star--empty{color:var(--border)}.review-card__text{margin:0;font-size:var(--text-md);line-height:1.6;color:var(--text-muted);flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.review-card__date{font-size:var(--text-sm-2);color:var(--text-muted);opacity:.7;margin-top:auto}@media (max-width: 720px){.reviews-compact{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.reviews-compact__divider{display:none}.reviews-compact__platforms{width:100%;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--border)}.reviews-block{padding:1rem;margin-top:1rem;border-radius:var(--radius-lg)}.reviews-block__header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.reviews-block__title{gap:.5rem}.reviews-block__title h2{font-size:var(--text-lg-2)}.reviews-block__title svg{width:18px;height:18px}.reviews-block__summary{flex-direction:row;align-items:center;gap:.75rem;width:100%;justify-content:space-between}.reviews-block__total{gap:.25rem}.reviews-block__total svg{width:14px;height:14px}.reviews-block__total-rating{font-size:var(--text-md-2)}.reviews-block__total-count--desktop{display:none}.reviews-block__total-count--mobile{display:inline;font-size:var(--text-sm)}.reviews-block__platforms{padding-inline-start:.5rem;border-inline-start:1px solid var(--border);padding-top:0;border-top:none;width:auto;gap:.5rem}.reviews-block__platform-icon{width:16px;height:16px}.reviews-block__platform-rating{font-size:var(--text-sm-2);gap:.15rem}.reviews-block__platform-rating svg{width:10px;height:10px}.reviews-slider__slide{padding:0}.review-card{padding:1rem;gap:.65rem}.review-card__header{gap:.5rem}.review-card__avatar{width:36px;height:36px;font-size:var(--text-md)}.review-card__author-name{font-size:var(--text-md)}.review-card__platform{font-size:var(--text-xs);gap:.25rem}.review-card__platform-icon{width:12px;height:12px}.review-card__rating svg{width:12px;height:12px}.review-card__text{font-size:var(--text-sm);-webkit-line-clamp:4;line-height:1.5}.review-card__date{font-size:var(--text-xs)}.reviews-slider__nav{margin-top:.85rem;gap:.75rem}.reviews-slider__nav-btn{width:36px;height:36px;border-radius:var(--radius-sm)}.reviews-slider__counter{font-size:var(--text-sm)}}}@layer components{.scroll-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--primary-contrast);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px color-mix(in srgb,black 15%,transparent);z-index:var(--z-above);transition:transform var(--transition-normal),opacity .2s ease,box-shadow .2s ease;animation:scrollTopFadeIn .3s ease;&:hover{transform:translateY(-3px);box-shadow:0 6px 20px color-mix(in srgb,black 20%,transparent)}&:active{transform:translateY(-1px)}}@media (max-width: 720px){.scroll-to-top{bottom:5rem}}}@layer pages{.home{display:flex;flex-direction:column;gap:1.5rem}.home-hero{padding:2rem 1.75rem;border-radius:var(--radius-2xl);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),color-mix(in srgb,var(--success) 6%,transparent),color-mix(in srgb,var(--primary) 4%,transparent));border:1px solid var(--border);[data-theme=dark] &{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 3%,transparent),color-mix(in srgb,var(--success) 2%,transparent),color-mix(in srgb,var(--primary) 1%,transparent))}}.home-hero__main{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.home-hero__content{flex:1;max-width:540px}.home-hero__contacts{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.home-hero__contact{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--transition-normal);white-space:nowrap;&:hover{border-color:var(--primary);color:var(--primary);transform:translate(2px)}}.home-hero__contact--primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 80%,var(--accent)));border-color:transparent;color:var(--primary-contrast);padding:.75rem 1.15rem;&:hover{color:var(--primary-contrast);transform:translate(2px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 25%,transparent)}}.home-hero__contact-info{display:flex;flex-direction:column;gap:.1rem}.home-hero__contact-title{font-weight:600;font-size:var(--text-md)}.home-hero__contact-desc{font-size:var(--text-xs);opacity:.85}.home-hero__badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--success) 12%,transparent);border:1px solid color-mix(in srgb,var(--success) 25%,transparent);color:var(--accent);font-size:var(--text-sm-2);font-weight:600;margin-bottom:1rem}.home-hero__title{margin:0 0 .75rem;font-size:var(--text-3xl);font-weight:800;line-height:1.2;letter-spacing:-.02em}.home-hero__title-accent{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero__subtitle{margin:0;color:var(--text-muted);font-size:var(--text-base);line-height:1.5}.home-search-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.home-search{flex:1;max-width:560px}.home-search__input-wrap{position:relative;display:flex;align-items:center}.home-search__icon{position:absolute;left:1.1rem;color:var(--text-muted);pointer-events:none}.home-search__input{width:100%;padding:1rem 7rem 1rem 3rem;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-base);transition:all var(--transition-normal);box-shadow:0 4px 16px color-mix(in srgb,black 6%,transparent);&:focus{outline:none;border-color:var(--primary);box-shadow:0 4px 20px color-mix(in srgb,var(--primary) 15%,transparent)}&::placeholder{color:var(--text-muted)}&::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}&::-ms-clear{display:none;width:0;height:0}}.home-search__clear{position:absolute;right:.75rem;padding:.5rem .85rem;border-radius:var(--radius-xs);border:none;background:var(--surface-muted);color:var(--text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);&:hover{background:var(--border);color:var(--text)}}.home-categories{display:flex;flex-direction:column;gap:.85rem}.home-categories__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.home-categories__title{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text)}.home-categories__reset{padding:.4rem .75rem;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--error) 30%,transparent);background:color-mix(in srgb,var(--error) 8%,transparent);color:var(--error);font-size:var(--text-sm-2);font-weight:600;cursor:pointer;transition:all var(--transition-fast);&:hover{background:color-mix(in srgb,var(--error) 12%,transparent)}}.home-categories__list{display:flex;flex-wrap:wrap;gap:.5rem}.home-category{display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:var(--text-md);cursor:pointer;transition:all var(--transition-fast);&:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:var(--surface-muted)}}.home-category--active{background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:var(--primary);color:var(--primary)}.home-category__icon{font-size:var(--text-base)}.home-products{display:flex;flex-direction:column;gap:1rem}.home-products__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.home-products__title{margin:0;font-size:1.35rem;font-weight:700}.home-products__count{color:var(--text-muted);font-size:var(--text-md)}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.home-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;gap:1rem}.home-empty__icon{width:70px;height:70px;border-radius:var(--radius-xl);background:var(--surface-muted);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-muted)}.home-empty__title{margin:0;font-size:var(--text-xl);font-weight:700}.home-empty__text{margin:0;color:var(--text-muted);max-width:300px}.home-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--text-muted)}.home-loading__spinner{animation:spin 1s linear infinite;color:var(--primary)}.home-loader{min-height:60px;display:flex;align-items:center;justify-content:center;padding:1.5rem 0}.home-loader__content{display:flex;align-items:center;gap:.65rem;color:var(--text-muted);font-size:var(--text-md)}.home-loader__end{padding:.75rem 1.25rem;border-radius:var(--radius-xl);background:var(--surface-muted);color:var(--text-muted);font-size:var(--text-sm);font-weight:500}@media (max-width: 720px){.home-hero{padding:1.25rem;border-radius:var(--radius-xl)}.home-hero__main{flex-direction:column;gap:1.25rem}.home-hero__contacts{flex-direction:row;flex-wrap:wrap;gap:.5rem}.home-hero__contact{padding:.5rem .85rem;font-size:var(--text-sm-2);border-radius:var(--radius-full)}.home-hero__contact span:not(.home-hero__contact-title):not(.home-hero__contact-desc){display:none}.home-hero__contact--primary{padding:.6rem 1rem}.home-hero__contact--primary .home-hero__contact-info{flex-direction:row;gap:.35rem;align-items:center}.home-hero__contact--primary .home-hero__contact-desc{display:none}.home-hero__title{font-size:var(--text-2xl)}.home-hero__subtitle{font-size:var(--text-md)}.home-search-row{flex-direction:column;align-items:stretch}.home-search-row .home-search{max-width:100%}.home-search__input{padding:.85rem 5rem .85rem 2.75rem;font-size:var(--text-md-2)}.home-categories__list{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;margin:0 -1rem;padding-inline-start:1rem;padding-inline-end:1rem;scrollbar-width:none;-ms-overflow-style:none}.home-categories__list::-webkit-scrollbar{display:none}.home-category{flex-shrink:0}.home-grid{grid-template-columns:1fr;gap:.9rem}.product-card__image-wrap{aspect-ratio:16/10}.row{flex-wrap:wrap}.product-actions{gap:.75rem}.product-actions .row{width:100%;justify-content:space-between}.product-actions .input{width:100%;max-width:140px}.product-actions .button{flex:1 1 200px}.variant-list{gap:.5rem}}}@layer pages{.pdp{padding-bottom:3rem}.pdp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:50vh;color:var(--text-muted)}.pdp-loading__spinner{animation:spin 1s linear infinite}.pdp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:50vh;text-align:center;padding:2rem}.pdp-error__icon{width:64px;height:64px;border-radius:50%;background:var(--surface-muted);display:grid;place-items:center;color:var(--text-muted)}.pdp-error__title{margin:0;font-size:var(--text-2xl);color:var(--text)}.pdp-error__text{color:var(--text-muted);margin:0}.pdp-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.pdp-back{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:var(--text-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);&:hover{color:var(--text);background:var(--surface-muted);border-color:var(--text-muted)}}.pdp-actions{display:flex;gap:.5rem}.pdp-action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);&:hover{color:var(--primary);background:var(--surface-muted);border-color:var(--primary)}&:active{transform:scale(.95)}}.pdp-share-wrapper{position:relative}.pdp-share-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 32px color-mix(in srgb,black 12%,transparent);z-index:var(--z-dropdown);animation:fadeInDown .15s ease}.pdp-share-menu__item{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:var(--radius-xs);color:var(--text);font-size:var(--text-md);font-weight:500;text-decoration:none;transition:all var(--transition-fast);&:hover{background:var(--surface-muted);color:var(--primary)}}.pdp-share-menu__item svg{color:var(--text-muted);transition:color var(--transition-fast)}.pdp-share-menu__item:hover svg{color:var(--primary)}.pdp-share-menu__vk{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:.65rem;font-weight:700;color:var(--text-muted);transition:color var(--transition-fast)}.pdp-share-menu__item:hover .pdp-share-menu__vk{color:var(--primary)}.pdp-share-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:color-mix(in srgb,black 50%,transparent);backdrop-filter:blur(4px);animation:overlayFadeIn .2s ease}.pdp-share-menu--mobile{position:fixed;inset:auto 0 0;z-index:var(--z-modal);min-width:unset;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:mobilePopupSlideUp .3s ease}.pdp-share-menu__title{margin:0 0 1rem;font-size:var(--text-lg-2);font-weight:700;color:var(--text)}.pdp-share-menu__close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface-muted);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);&:hover{background:var(--border);color:var(--text)}}.pdp-share-menu--mobile .pdp-share-menu__item{padding:1rem;background:var(--surface-muted);border-radius:var(--radius-md);margin-bottom:.5rem;font-size:var(--text-base);&:last-child{margin-bottom:0}}.pdp-layout{display:grid;grid-template-columns:1fr;gap:2rem}.pdp-info{display:flex;flex-direction:column;gap:1.25rem}.pdp-tags{display:flex;flex-wrap:wrap;gap:.5rem}.pdp-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:var(--text-sm-2);font-weight:500;color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-full)}.pdp-title{margin:0;font-size:var(--text-3xl);font-weight:800;line-height:1.2;color:var(--text)}.pdp-description{margin:0;font-size:var(--text-base);line-height:1.7;color:var(--text-muted)}.pdp-description-section{grid-column:1 / -1;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:.5rem}.pdp-layout .reviews-block{grid-column:1 / -1}.pdp-description-section__title{margin:0 0 1rem;font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.pdp-description-section__text{margin:0;font-size:var(--text-base);line-height:1.75;color:var(--text-muted);white-space:pre-line}.pdp-variants{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-lg)}.pdp-variants__label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.pdp-variants__list{display:flex;flex-wrap:wrap;gap:.6rem}.pdp-variant{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.85rem 1.1rem;min-width:100px;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:all var(--transition-fast);&:hover{border-color:var(--text-muted)}}.pdp-variant--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.pdp-variant--in-cart{border-color:var(--accent)}.pdp-variant--active.pdp-variant--in-cart{border-color:var(--primary)}.pdp-variant__weight{font-size:var(--text-base);font-weight:700;color:var(--text)}.pdp-variant__price{font-size:var(--text-md);color:var(--text-muted)}.pdp-variant--active .pdp-variant__price{color:var(--primary)}.pdp-variant__cart-badge{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;gap:.2rem;padding:.15rem .45rem;font-size:var(--text-2xs);font-weight:700;color:var(--primary-contrast);background:var(--accent);border-radius:var(--radius-full)}.pdp-purchase{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.pdp-purchase__subtotal{font-size:1.35rem;font-weight:800;color:var(--text);white-space:nowrap}.pdp-qty{display:flex;align-items:center;gap:.35rem;height:44px;background:var(--surface-muted);border-radius:var(--radius-sm);padding:0 .25rem}.pdp-qty__btn{width:36px;height:36px;display:grid;place-items:center;border:none;border-radius:var(--radius-xs);background:var(--surface);color:var(--text);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 1px 3px color-mix(in srgb,black 6%,transparent);&:hover:not(:disabled){background:var(--primary);color:var(--primary-contrast)}&:disabled{opacity:.4;cursor:not-allowed}}.pdp-qty__count{min-width:36px;text-align:center;font-size:var(--text-lg-2);font-weight:700;color:var(--text)}.pdp-add-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;height:44px;padding:0 1.25rem;font-size:var(--text-md);font-weight:600;color:var(--primary-contrast);background:var(--primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;&:hover{background:color-mix(in srgb,var(--primary) 85%,black)}&:active{transform:scale(.98)}}.pdp-cart-summary{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius-lg)}.pdp-cart-summary__icon{width:44px;height:44px;display:grid;place-items:center;background:var(--accent);color:var(--primary-contrast);border-radius:var(--radius-md);flex-shrink:0}.pdp-cart-summary__info{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.pdp-cart-summary__label{font-size:var(--text-sm-2);color:var(--text-muted)}.pdp-cart-summary__value{font-size:var(--text-md-2);font-weight:600;color:var(--text)}.pdp-cart-summary__btn{padding:.6rem 1rem;font-size:var(--text-sm);font-weight:600;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;&:hover{background:var(--accent);color:var(--primary-contrast)}}.pdp-mobile-bar{display:none}@media (min-width: 720px){.pdp-layout{grid-template-columns:1fr 1fr;gap:3rem}.pdp-title{font-size:2.25rem}}@media (min-width: 860px){.product-header{grid-template-columns:1fr 1.05fr;align-items:start}}}@layer pages{.cart-page{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:5rem}.cart-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cart-header__info{display:flex;align-items:baseline;gap:.75rem}.cart-header__title{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.cart-header__count{color:var(--text-muted);font-size:var(--text-md-2)}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}.cart-items{display:flex;flex-direction:column;gap:.75rem}.cart-item{display:grid;grid-template-columns:100px 1fr;gap:1rem;padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);transition:all var(--transition-normal);animation:fadeInUp .3s ease-out both;animation-delay:var(--delay, 0s);cursor:pointer;&:hover{border-color:color-mix(in srgb,var(--primary) 25%,var(--border));box-shadow:0 4px 20px color-mix(in srgb,black 8%,transparent)}&:hover .cart-item__name{color:var(--primary)}}.cart-item__media{position:relative}.cart-item__media img{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-md);background:var(--surface-muted)}.cart-item__body{display:flex;flex-direction:column;gap:.75rem;min-width:0}.cart-item__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.cart-item__info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.cart-item__name{margin:0;font-size:var(--text-base);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-normal)}.cart-item__variant{font-size:var(--text-sm);color:var(--text-muted)}.cart-item__remove{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-xs);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;display:grid;place-items:center;transition:all var(--transition-fast);&:hover{background:color-mix(in srgb,var(--error) 10%,transparent);border-color:color-mix(in srgb,var(--error) 30%,transparent);color:var(--error)}}.cart-item__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto}.cart-qty{display:flex;align-items:center;gap:.25rem;background:var(--surface-muted);border-radius:var(--radius-sm);padding:.25rem}.cart-qty__btn{width:32px;height:32px;border-radius:var(--radius-xs);border:none;background:var(--surface);color:var(--text);cursor:pointer;display:grid;place-items:center;transition:all var(--transition-fast);&:hover:not(:disabled){background:var(--primary);color:var(--primary-contrast)}&:disabled{opacity:.4;cursor:not-allowed}}.cart-qty__input{width:48px;padding:.4rem;border:none;background:transparent;color:var(--text);font-size:var(--text-md-2);font-weight:600;text-align:center;-moz-appearance:textfield;&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}.cart-item__pricing{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.cart-item__unit-price{font-size:var(--text-sm-2);color:var(--text-muted)}.cart-item__total{font-size:var(--text-lg-2);font-weight:700;color:var(--text)}.cart-summary{position:sticky;top:100px}.cart-summary__card{padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.cart-summary__title{margin:0 0 1.25rem;font-size:var(--text-lg);font-weight:700}.cart-summary__rows{display:flex;flex-direction:column;gap:.75rem}.cart-summary__row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.cart-summary__label{color:var(--text-muted);font-size:var(--text-md-2)}.cart-summary__value{font-weight:500}.cart-summary__value--accent{font-size:var(--text-sm);color:var(--text-muted);text-align:right}.cart-summary__divider{height:1px;background:var(--border);margin:1rem 0}.cart-summary__total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.cart-summary__total-label{font-size:var(--text-base);font-weight:600}.cart-summary__total-value{font-size:var(--text-2xl);font-weight:800;color:var(--text)}.cart-summary__btn{width:100%;padding:1rem 1.5rem;border-radius:var(--radius-lg);border:none;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 80%,var(--accent)) 100%);color:var(--primary-contrast);font-size:var(--text-base);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-normal);&:hover{transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--primary) 35%,transparent)}}.cart-summary__note{margin:1rem 0 0;font-size:var(--text-sm-2);color:var(--text-muted);text-align:center;line-height:1.4}.cart-mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;padding:1rem 1.25rem;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 20px color-mix(in srgb,black 10%,transparent);z-index:var(--z-fixed);gap:1rem;align-items:center;justify-content:space-between}.cart-mobile-bar__info{display:flex;flex-direction:column;gap:.1rem}.cart-mobile-bar__label{font-size:var(--text-sm-2);color:var(--text-muted)}.cart-mobile-bar__total{font-size:var(--text-xl);font-weight:800}.cart-mobile-bar__btn{padding:.9rem 1.5rem;border-radius:var(--radius-md);border:none;background:var(--primary);color:var(--primary-contrast);font-size:var(--text-md-2);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all var(--transition-fast);&:active{transform:scale(.98)}}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;min-height:50vh;gap:1rem}.cart-empty__icon{width:80px;height:80px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--success) 10%,transparent));border:1px solid var(--border);display:grid;place-items:center;color:var(--primary);margin-bottom:.5rem}.cart-empty__icon--auth{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--primary) 5%,transparent))}.cart-empty__spinner{animation:spin 1s linear infinite}.cart-empty__title{margin:0;font-size:var(--text-2xl);font-weight:700}.cart-empty__text{margin:0;color:var(--text-muted);max-width:320px;line-height:1.5}@media (max-width: 720px){.cart-page{padding-bottom:6rem}.cart-header__title{font-size:1.4rem}.cart-layout{grid-template-columns:1fr}.cart-summary{display:none}.cart-mobile-bar{display:flex}.cart-item{grid-template-columns:80px 1fr;gap:.75rem;padding:.85rem}.cart-item__media img{width:80px;height:80px}.cart-item__name{font-size:var(--text-md-2)}.cart-item__bottom{flex-direction:column;align-items:flex-start;gap:.65rem}.cart-item__pricing{flex-direction:row;align-items:center;gap:.75rem;width:100%;justify-content:space-between}.cart-empty{min-height:40vh;padding:2rem 1rem}}}@layer pages{.checkout-page{display:flex;flex-direction:column;gap:1.25rem}.checkout-header{display:flex;align-items:center;gap:1rem}.checkout-back{width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;display:grid;place-items:center;transition:all var(--transition-fast);&:hover{background:var(--surface-muted);transform:translate(-2px)}}.checkout-header__info{display:flex;flex-direction:column;gap:.1rem}.checkout-header__title{margin:0;font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em}.checkout-header__step{font-size:var(--text-sm);color:var(--text-muted)}.checkout-layout{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;align-items:start}.checkout-form{display:flex;flex-direction:column;gap:1.25rem}.checkout-section{padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface)}.checkout-section__title{margin:0 0 1.25rem;font-size:var(--text-lg-2);font-weight:700;display:flex;align-items:center;gap:.6rem;color:var(--text)}.checkout-section__optional{font-weight:400;color:var(--text-muted);font-size:var(--text-md);margin-inline-start:.25rem}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkout-field{display:flex;flex-direction:column;gap:.4rem}.checkout-field--spaced{margin-top:1rem}.checkout-label{font-size:var(--text-md);font-weight:600;color:var(--text)}.checkout-required{color:var(--error);font-weight:500}.checkout-input-wrap{position:relative;display:flex;align-items:center}.checkout-input-icon{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none}.checkout-input{width:100%;padding:.9rem 1rem .9rem 2.75rem;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface-muted);color:var(--text);font-size:var(--text-base);transition:all var(--transition-normal);&::placeholder{color:var(--text-muted);opacity:.6}&:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}&:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)}}.checkout-input-wrap--error .checkout-input{border-color:var(--error);padding-inline-end:2.75rem;&:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--error) 10%,transparent)}}.checkout-input-error-icon{position:absolute;right:1rem;color:var(--error);pointer-events:none}.checkout-field-error{font-size:var(--text-sm-2);color:var(--error);display:flex;align-items:center;gap:.3rem;margin-top:.25rem}.checkout-field-hint{font-size:var(--text-sm-2);color:var(--text-muted);margin-top:.25rem}.checkout-textarea{width:100%;padding:.9rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface-muted);color:var(--text);font-size:var(--text-base);font-family:inherit;resize:vertical;min-height:80px;transition:all var(--transition-normal);&::placeholder{color:var(--text-muted);opacity:.6}&:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}&:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)}}.checkout-delivery-options{display:flex;flex-direction:column;gap:.75rem}.checkout-delivery-option{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--surface-muted);cursor:pointer;transition:all var(--transition-normal);&:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:var(--surface)}}.checkout-delivery-option--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}.checkout-delivery-radio{display:none}.checkout-delivery-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-muted);transition:all var(--transition-normal)}.checkout-delivery-option--active .checkout-delivery-icon{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.checkout-delivery-info{display:flex;flex-direction:column;gap:.1rem}.checkout-delivery-label{font-weight:600;color:var(--text)}.checkout-delivery-desc{font-size:var(--text-sm);color:var(--text-muted)}.checkout-delivery-price{font-weight:600;color:var(--text);margin-inline-start:auto}.checkout-delivery-check{color:var(--primary)}.checkout-pickup-info{display:flex;gap:.85rem;margin-top:1rem;padding:1rem 1.15rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--success) 8%,transparent),color-mix(in srgb,var(--success) 4%,transparent));border:1px solid color-mix(in srgb,var(--success) 25%,transparent)}.checkout-pickup-info__icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--accent);color:var(--primary-contrast);display:grid;place-items:center;flex-shrink:0}.checkout-pickup-info__content{display:flex;flex-direction:column;gap:.25rem}.checkout-pickup-info__address{font-size:var(--text-md-2);color:var(--text)}.checkout-pickup-info__hours{font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.checkout-payment-options{display:flex;flex-direction:column;gap:.75rem}.checkout-payment-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--surface-muted);cursor:pointer;transition:all var(--transition-normal);&:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:var(--surface)}}.checkout-payment-option--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}.checkout-payment-radio{display:none}.checkout-payment-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-muted);transition:all var(--transition-normal)}.checkout-payment-option--active .checkout-payment-icon{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.checkout-payment-info{display:flex;flex-direction:column;gap:.1rem}.checkout-payment-label{font-weight:600;color:var(--text)}.checkout-payment-desc{font-size:var(--text-sm);color:var(--text-muted)}.checkout-payment-check{color:var(--primary)}.checkout-payment-note{margin:.75rem 0 0;padding:.75rem 1rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.checkout-error{padding:1rem 1.25rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--error) 10%,transparent);border:1px solid color-mix(in srgb,var(--error) 30%,transparent);color:var(--error);font-weight:500}.checkout-mobile-submit{display:none}.checkout-summary{position:sticky;top:100px}.checkout-summary__card{padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.checkout-summary__title{margin:0 0 1rem;font-size:var(--text-lg);font-weight:700}.checkout-summary__items{display:flex;flex-direction:column;gap:.75rem;max-height:240px;overflow-y:auto;padding-inline-end:.5rem;margin-inline-end:-.5rem}.checkout-summary__item{display:grid;grid-template-columns:48px 1fr auto;gap:.75rem;align-items:center}.checkout-summary__item-img{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-muted)}.checkout-summary__item-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.checkout-summary__item-name{font-size:var(--text-md);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-summary__item-variant{font-size:var(--text-sm-2);color:var(--text-muted)}.checkout-summary__item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.checkout-summary__item-qty{font-size:var(--text-sm-2);color:var(--text-muted)}.checkout-summary__item-price{font-size:var(--text-md);font-weight:600}.checkout-summary__divider{height:1px;background:var(--border);margin:1rem 0}.checkout-summary__rows{display:flex;flex-direction:column;gap:.6rem}.checkout-summary__row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-md-2);color:var(--text-muted)}.checkout-summary__row span:last-child{color:var(--text);font-weight:500}.checkout-summary__free{color:var(--accent)!important}.checkout-summary__total{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base)}.checkout-summary__total span{font-weight:600}.checkout-summary__total strong{font-size:1.4rem;font-weight:800}.checkout-summary__btn{width:100%;margin-top:1.25rem;padding:1rem 1.5rem;border-radius:var(--radius-lg);border:none;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 80%,var(--accent)) 100%);color:var(--primary-contrast);font-size:var(--text-base);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-normal);min-height:52px;&:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--primary) 35%,transparent)}&:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}}.checkout-summary__validation{margin:.75rem 0 0;padding:.6rem .85rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--error) 8%,transparent);border:1px solid color-mix(in srgb,var(--error) 20%,transparent);color:var(--error);font-size:var(--text-sm-2);font-weight:500;display:flex;align-items:center;justify-content:center;gap:.4rem}.checkout-summary__note{margin:1rem 0 0;font-size:var(--text-xs);color:var(--text-muted);text-align:center;line-height:1.4}.checkout-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.checkout-submit{flex:1;padding:.9rem 1.5rem;border-radius:var(--radius-md);border:none;background:var(--primary);color:var(--primary-contrast);font-size:var(--text-md-2);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all var(--transition-fast);min-height:48px;&:disabled{opacity:.5;cursor:not-allowed;background:var(--text-muted)}}.checkout-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;min-height:50vh;gap:1rem}.checkout-empty__icon{width:80px;height:80px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--success) 10%,transparent));border:1px solid var(--border);display:grid;place-items:center;color:var(--primary);margin-bottom:.5rem}.checkout-empty__icon--auth{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--primary) 5%,transparent))}.checkout-empty__spinner{animation:spin 1s linear infinite}.checkout-empty__title{margin:0;font-size:var(--text-2xl);font-weight:700}.checkout-empty__text{margin:0;color:var(--text-muted);max-width:320px;line-height:1.5}@media (max-width: 720px){.checkout-page{padding-bottom:7rem}.checkout-header__title{font-size:var(--text-xl)}.checkout-layout{grid-template-columns:1fr}.checkout-summary{display:none}.checkout-fields{grid-template-columns:1fr}.checkout-section{padding:1.25rem}.checkout-delivery-option{grid-template-columns:auto 1fr auto;gap:.6rem;padding:.85rem 1rem}.checkout-delivery-icon{width:40px;height:40px}.checkout-delivery-check{display:none}.checkout-payment-option{padding:.85rem 1rem}.checkout-payment-icon{width:40px;height:40px}.checkout-payment-check{display:none}.checkout-mobile-submit{display:flex;position:fixed;bottom:0;left:0;right:0;padding:1rem 1.25rem;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 20px color-mix(in srgb,black 10%,transparent);z-index:var(--z-fixed);gap:1rem;align-items:center}.checkout-mobile-total{display:flex;flex-direction:column;gap:.1rem}.checkout-mobile-total__label{font-size:var(--text-sm-2);color:var(--text-muted)}.checkout-mobile-total__value{font-size:var(--text-xl);font-weight:800}.checkout-empty{min-height:40vh;padding:2rem 1rem}}}@layer pages{.order-success{display:flex;justify-content:center;padding:1rem 0}.order-success__card{width:100%;max-width:540px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:2rem;box-shadow:var(--shadow)}.order-success__header{text-align:center;margin-bottom:2rem}.order-success__icon{width:80px;height:80px;margin:0 auto 1.25rem;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--success) 15%,transparent),color-mix(in srgb,var(--success) 5%,transparent));border:2px solid var(--accent);display:grid;place-items:center;color:var(--accent);animation:successPulse 2s ease-in-out infinite}.order-success__title{margin:0 0 .5rem;font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.order-success__subtitle{margin:0;color:var(--text-muted);font-size:var(--text-base);line-height:1.5}.order-success__order-id{text-align:center;padding:1.25rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),color-mix(in srgb,var(--primary) 4%,transparent));border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);margin-bottom:1.5rem}.order-success__order-id-label{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:.35rem}.order-success__order-id-row{display:inline-flex;align-items:center;gap:.5rem}.order-success__order-id-value{font-size:var(--text-2xl);font-weight:800;color:var(--primary);letter-spacing:.02em}.order-success__copy{width:32px;height:32px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;display:grid;place-items:center;transition:all var(--transition-fast);&:hover{background:var(--surface-muted);color:var(--text)}}.order-success__details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.order-success__detail{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:var(--radius-md);background:var(--surface-muted)}.order-success__detail--total{justify-content:space-between;background:var(--surface);border:1px dashed var(--border)}.order-success__detail-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-muted)}.order-success__detail-content{display:flex;flex-direction:column;gap:.1rem}.order-success__detail-label{font-size:var(--text-sm-2);color:var(--text-muted)}.order-success__detail-value{font-weight:600;color:var(--text)}.order-success__detail-value--status{color:var(--accent)}.order-success__total-value{font-size:1.35rem;font-weight:800;color:var(--text)}.order-success__steps{padding:1.25rem;border-radius:var(--radius-lg);background:var(--surface-muted);margin-bottom:1.5rem}.order-success__steps-title{margin:0 0 1rem;font-size:var(--text-base);font-weight:700}.order-success__steps-list{display:flex;flex-direction:column;gap:.85rem}.order-success__step{display:flex;align-items:flex-start;gap:.75rem}.order-success__step-number{width:26px;height:26px;border-radius:50%;background:var(--primary);color:var(--primary-contrast);font-size:var(--text-sm-2);font-weight:700;display:grid;place-items:center;flex-shrink:0}.order-success__step-text{margin:0;font-size:var(--text-md);color:var(--text-muted);line-height:1.45;padding-top:.15rem}.order-success__contact{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:.75rem}.order-success__contact-links{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.order-success__contact-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-xs);background:var(--surface-muted);border:1px solid var(--border);color:var(--text);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--transition-normal);&:hover{border-color:var(--primary);color:var(--primary)}}.order-success__contact svg{color:var(--primary)}.order-success__actions{display:flex;gap:.75rem}.order-success__btn{flex:1;padding:1rem 1.5rem;border-radius:var(--radius-lg);border:none;font-size:var(--text-base);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-normal)}.order-success__btn--primary{background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 80%,var(--accent)) 100%);color:var(--primary-contrast);&:hover{transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--primary) 35%,transparent)}}@media (max-width: 720px){.scroll-top-btn{bottom:5rem;right:1rem;width:44px;height:44px}.order-success__card{padding:1.5rem;border-radius:var(--radius-xl)}.order-success__icon{width:70px;height:70px}.order-success__icon svg{width:32px;height:32px}.order-success__title{font-size:1.4rem}.order-success__order-id-value{font-size:var(--text-xl)}.order-success__steps{padding:1rem}}}@layer pages{.profile{display:flex;flex-direction:column;gap:1.25rem}.profile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:1rem;color:var(--text-muted)}.profile-empty h2{font-size:var(--text-2xl);color:var(--text);margin:0}.profile-empty p{margin:0 0 1rem}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border)}.profile-header__main{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.profile-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--primary-contrast);font-size:1.35rem;font-weight:600}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1;min-width:0}.profile-name{font-size:var(--text-lg);font-weight:600;margin:0 0 .25rem;color:var(--text)}.profile-meta{display:flex;flex-wrap:wrap;gap:.75rem}.profile-meta__item{display:flex;align-items:center;gap:.3rem;font-size:var(--text-sm-2);color:var(--text-muted)}.profile-meta__item--tg{color:var(--telegram);gap:.35rem}.profile-meta__tg-unlink{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-inline-start:.25rem;padding:0;border:none;border-radius:var(--radius-2xs);background:transparent;color:var(--text-muted);cursor:pointer;opacity:.6;transition:all var(--transition-fast);&:hover:not(:disabled){opacity:1;color:var(--error-dark);background:color-mix(in srgb,var(--error-dark) 10%,transparent)}}.profile-meta__item--tg-link{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;margin:-.35rem 0;border:1px dashed var(--border);border-radius:var(--radius-xs);background:transparent;color:var(--telegram);font-size:var(--text-sm-2);font-weight:500;cursor:pointer;transition:all var(--transition-fast);&:hover:not(:disabled){border-color:var(--telegram);background:color-mix(in srgb,var(--telegram) 5%,transparent)}&:disabled{opacity:.5;cursor:not-allowed}}.tg-widget-popup-backdrop,.merge-dialog-backdrop,.profile-modal-backdrop{position:fixed;inset:0;z-index:var(--z-dropdown);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,black 60%,transparent);backdrop-filter:blur(4px);padding:1rem}.tg-widget-popup{position:relative;background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;max-width:320px;width:100%;box-shadow:var(--shadow);text-align:center}.tg-widget-popup__close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-xs);background:var(--surface-muted);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);&:hover{background:var(--border);color:var(--text)}}.tg-widget-popup__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 1rem;border-radius:50%;background:color-mix(in srgb,var(--telegram) 10%,transparent);color:var(--telegram)}.tg-widget-popup__title{font-size:var(--text-lg-2);font-weight:600;margin:0 0 .5rem;color:var(--text)}.tg-widget-popup__text{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 1.25rem}.tg-widget-popup__widget{display:flex;justify-content:center;min-height:40px}.tg-widget-popup__loading{display:flex;align-items:center;justify-content:center;color:var(--telegram)}@media (max-width: 768px){.tg-widget-popup-backdrop{align-items:flex-end;padding:0}.tg-widget-popup{max-width:100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));animation:mobilePopupSlideUp .3s ease}}.profile-logout{display:none;border:1px solid var(--error-dark);border-radius:var(--radius-xs);color:var(--error-dark);font-size:var(--text-sm-2);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color .15s ease;white-space:nowrap;&:hover{background:var(--error-dark);color:var(--primary-contrast)}}.merge-dialog{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;max-width:400px;width:100%;box-shadow:var(--shadow);text-align:center}.merge-dialog__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.merge-dialog__title{font-size:var(--text-lg);font-weight:600;margin:0 0 .75rem;color:var(--text)}.merge-dialog__text{font-size:var(--text-md);color:var(--text-muted);margin:0 0 1.5rem;line-height:1.5}.merge-dialog__actions{display:flex;gap:.75rem;justify-content:center}.merge-dialog__btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:500;cursor:pointer;transition:all var(--transition-normal);border:none}.merge-dialog__btn--cancel{background:var(--surface-muted);color:var(--text-muted);&:hover:not(:disabled){background:var(--border)}}.merge-dialog__btn--confirm{background:var(--primary);color:var(--primary-contrast);&:hover:not(:disabled){filter:brightness(1.1)}}.merge-dialog__btn--danger{background:var(--error-dark);color:var(--primary-contrast);&:hover:not(:disabled){background:var(--error-darker)}}.merge-dialog__icon--warning{background:color-mix(in srgb,var(--error-dark) 12%,transparent);color:var(--error-dark)}.merge-dialog__btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.merge-dialog-backdrop{align-items:flex-end;padding:0}.merge-dialog{max-width:100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));animation:mobilePopupSlideUp .3s ease}.merge-dialog__actions{flex-direction:column;gap:.75rem}.merge-dialog__btn{width:100%;justify-content:center}}.profile-header__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.profile-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:var(--text-sm-2);font-weight:500;color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border);border-radius:.6rem;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;&:hover{background:var(--background);color:var(--text);border-color:var(--text-muted)}}.profile-action-btn--accent{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,transparent);&:hover{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}}.profile-action-btn--danger{color:var(--error-dark);border-color:color-mix(in srgb,var(--error-dark) 30%,transparent);&:hover{background:var(--error-dark);color:var(--primary-contrast);border-color:var(--error-dark)}}.profile-modal{position:relative;background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;max-width:400px;width:100%;box-shadow:0 20px 60px color-mix(in srgb,black 30%,transparent)}.profile-modal__close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;padding:.4rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);transition:all var(--transition-normal);&:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}}.profile-modal__header{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;color:var(--text)}.profile-modal__header h3{font-size:var(--text-lg);font-weight:600;margin:0}.profile-modal__hint{font-size:var(--text-sm);color:var(--text-muted);margin:-.5rem 0 1rem;line-height:1.5}.profile-modal__form{display:flex;flex-direction:column;gap:.9rem}.profile-modal__field{display:flex;flex-direction:column;gap:.4rem}.profile-modal__field label{font-size:var(--text-sm-2);font-weight:500;color:var(--text-muted)}.profile-modal__field input{padding:.7rem .9rem;font-size:var(--text-md);color:var(--text);background:var(--background);border:1px solid var(--border);border-radius:.6rem;transition:border-color var(--transition-normal),box-shadow .2s ease;&:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}&::placeholder{color:var(--text-muted);opacity:.6}}.profile-modal__password-wrap{position:relative;display:flex;align-items:center}.profile-modal__password-wrap input{width:100%;padding-inline-end:2.75rem}.profile-modal__eye{position:absolute;right:.7rem;display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-normal);&:hover{color:var(--text)}}.profile-modal__actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.profile-modal__btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.1rem;font-size:.875rem;font-weight:500;border-radius:.6rem;cursor:pointer;transition:all var(--transition-normal)}.profile-modal__btn--secondary{background:var(--surface-muted);border:1px solid var(--border);color:var(--text-muted);&:hover:not(:disabled){background:var(--background);color:var(--text)}}.profile-modal__btn--primary{background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 85%,var(--accent)) 100%);border:none;color:var(--primary-contrast);&:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}}.profile-modal__btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.profile-modal-backdrop{align-items:flex-end;padding:0}.profile-modal{max-width:100%;max-height:90vh;overflow-y:auto;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));animation:mobilePopupSlideUp .3s ease}.profile-modal__close{top:1rem;right:1rem;width:36px;height:36px}.profile-modal__actions{flex-direction:column;gap:.75rem}.profile-modal__btn{width:100%;justify-content:center}}.profile-orders{margin-top:1.5rem}.profile-section-title{display:flex;align-items:center;gap:.5rem;font-size:var(--text-lg);font-weight:600;margin:0 0 1rem;color:var(--text)}.profile-orders__loading,.profile-orders__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;gap:1rem;color:var(--text-muted);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border)}.profile-orders__list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.order-card{background:var(--surface);border-radius:.875rem;padding:1rem;cursor:pointer;border:1px solid var(--border);transition:transform var(--transition-fast),box-shadow .15s ease,border-color .15s ease;&:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,black 10%,transparent);border-color:var(--primary)}}.order-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.order-card__id{font-weight:600;font-size:var(--text-md);color:var(--text)}.order-card__status{font-size:var(--text-xs);font-weight:500}.order-card__body{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.order-card__row{display:flex;align-items:center;gap:.35rem;font-size:var(--text-xs);color:var(--text-muted)}.order-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--border)}.order-card__total{font-size:var(--text-md-2);font-weight:600;color:var(--primary)}.order-card__arrow{color:var(--text-muted);transition:transform var(--transition-fast)}.order-card:hover .order-card__arrow{transform:translate(3px);color:var(--primary)}.profile-orders__pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.25rem}.pagination-btn{display:flex;align-items:center;gap:.3rem;padding:.45rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:var(--text-sm-2);color:var(--text);cursor:pointer;transition:background var(--transition-fast),border-color .15s ease;&:hover:not(:disabled){background:var(--surface-muted);border-color:var(--primary)}&:disabled{opacity:.5;cursor:not-allowed}}.pagination-page{font-size:var(--text-sm-2);color:var(--text-muted)}.order-modal-backdrop{position:fixed;inset:0;background:color-mix(in srgb,black 60%,transparent);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem;animation:fadeIn .2s ease}.order-modal{background:var(--bg);border-radius:var(--radius-xl);max-width:480px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 48px color-mix(in srgb,black 25%,transparent);animation:modalSlideIn .25s ease}.order-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:var(--text-muted)}.order-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.order-modal__header-info{display:flex;align-items:center;gap:.75rem}.order-modal__id{font-size:var(--text-lg-2);font-weight:700;color:var(--text)}.order-modal__status-badge{display:inline-block;padding:.3rem .65rem;border-radius:2rem;font-size:var(--text-2xs);font-weight:600;color:var(--primary-contrast);text-transform:uppercase;letter-spacing:.02em}.order-modal__close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-xs);transition:background var(--transition-fast),color .15s ease;&:hover{background:var(--surface-muted);color:var(--text)}}.order-modal__body{flex:1;overflow-y:auto;padding:1rem 1.25rem}.order-modal__section{padding:1rem;background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:.75rem;&:last-child{margin-bottom:0}}.order-modal__section-title{display:flex;align-items:center;gap:.4rem;font-size:var(--text-sm);font-weight:600;margin:0 0 .75rem;color:var(--text)}.order-modal__info-grid{display:flex;flex-direction:column;gap:.75rem}.order-modal__info-item{display:flex;align-items:flex-start;gap:.65rem;color:var(--primary)}.order-modal__info-item>svg{flex-shrink:0;margin-top:.15rem}.order-modal__info-item>div{display:flex;flex-direction:column;gap:.1rem}.order-modal__info-label{font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.order-modal__info-value{font-size:var(--text-sm);color:var(--text);font-weight:500;line-height:1.4}.order-modal__comment{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border)}.order-modal__comment-label{font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.order-modal__comment p{margin:.25rem 0 0;font-size:var(--text-sm);color:var(--text);font-style:italic}.order-modal__items{display:flex;flex-direction:column}.order-modal__item{display:flex;align-items:center;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--border);&:first-child{padding-top:0}&:last-child{border-bottom:none;padding-bottom:0}}.order-modal__item-info{flex:1;min-width:0}.order-modal__item-name{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-modal__item-variant{font-size:var(--text-2xs);color:var(--text-muted)}.order-modal__item-qty{font-size:var(--text-sm-2);color:var(--text-muted);white-space:nowrap}.order-modal__item-price{font-weight:600;font-size:var(--text-sm);color:var(--text);white-space:nowrap}.order-modal__footer{padding:1rem 1.25rem;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.order-modal__total{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-md);color:var(--text-muted)}.order-modal__total-value{font-size:var(--text-xl);font-weight:700;color:var(--primary)}@media (max-width: 960px){.profile-header__actions{flex-wrap:wrap;justify-content:flex-end}.profile-action-btn span{display:none}.profile-action-btn{padding:.55rem}.profile-orders__list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.profile-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.profile-header__main{flex-direction:column;text-align:center}.profile-meta{justify-content:center}.profile-avatar{width:56px;height:56px;font-size:1.35rem}.profile-name{font-size:var(--text-lg-2)}.profile-header__actions{width:100%;justify-content:center}.profile-action-btn{flex:1;justify-content:center;padding:.6rem}.profile-action-btn span{display:none}.profile-orders__list{grid-template-columns:1fr}.order-modal-backdrop{align-items:flex-end;padding:0}.order-modal{max-height:95vh;max-width:100%;border-radius:var(--radius-xl) 1.25rem 0 0}.order-modal__header{padding:.85rem 1rem}.order-modal__id{font-size:var(--text-base)}.order-modal__body{padding:.85rem 1rem}.order-modal__section{padding:.85rem}.order-modal__footer{padding:.85rem 1rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom))}}}@layer pages{.info-page{padding:1rem 0 2rem}.info-page__back{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:var(--text-md);font-weight:500;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);margin-bottom:1.5rem;&:hover{color:var(--primary);border-color:var(--primary)}}.info-page__title{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:800;color:var(--text);margin-bottom:2rem}.info-page__title svg{color:var(--primary)}.info-page__content{display:flex;flex-direction:column;gap:2.5rem}.info-page__content--document{background:var(--surface);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border)}.info-page__date{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:1rem}.info-section{display:flex;flex-direction:column;gap:1rem}.info-section__title{display:flex;align-items:center;gap:.6rem;font-size:var(--text-xl);font-weight:700;color:var(--text)}.info-section__title svg{color:var(--primary)}.info-section__text{font-size:var(--text-md-2);color:var(--text-muted);line-height:1.7}.info-section__contacts{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.info-section--highlight{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));padding:1.5rem;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.info-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:var(--text-md);font-weight:600;color:var(--primary);background:var(--surface);border-radius:var(--radius-xs);border:1px solid var(--border);transition:all var(--transition-normal);&:hover{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow var(--transition-normal);&:hover{box-shadow:var(--shadow)}}.info-card__icon{width:56px;height:56px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--accent) 10%,transparent));border-radius:var(--radius-lg);color:var(--primary)}.info-card__title{font-size:var(--text-lg-2);font-weight:700;color:var(--text)}.info-card__text{font-size:var(--text-md);color:var(--text-muted);line-height:1.6}.info-card__detail{display:flex;align-items:center;gap:.4rem;font-size:var(--text-sm);color:var(--primary);font-weight:500;margin-top:auto;padding-top:.5rem}.doc-section h2{font-size:var(--text-lg-2);font-weight:700;color:var(--text);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.doc-section p{font-size:var(--text-md-2);color:var(--text-muted);line-height:1.7;margin-bottom:0;&:last-child{margin-bottom:0}}.doc-section ul{margin:.5rem 0;padding-inline-start:1.5rem}.doc-section li{font-size:var(--text-md-2);color:var(--text-muted);line-height:1.8}.doc-section strong{color:var(--text)}.doc-section__lead{font-size:var(--text-lg-2)!important;font-weight:600!important;color:var(--text)!important;margin-bottom:.2rem!important}.doc-section__quote{font-size:1.05rem!important;font-weight:500!important;color:var(--text)!important;font-style:italic!important}@media (max-width: 600px){.info-page__title{font-size:1.35rem}.info-page__content--document{padding:1.25rem}.info-cards{grid-template-columns:1fr}.info-section__contacts{flex-direction:column}.info-link{justify-content:center}}}@layer pages{.not-found-page{min-height:60vh;padding:2rem 0 3rem;display:flex;flex-direction:column;gap:3rem}.not-found-page__hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));border-radius:var(--radius-2xl);border:1px solid var(--border)}.not-found-page__icon{width:120px;height:120px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,transparent),color-mix(in srgb,var(--accent) 15%,transparent));border-radius:50%;color:var(--primary);margin-bottom:1.5rem;animation:floatLeaf 3s ease-in-out infinite}.not-found-page__title{font-size:5rem;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.not-found-page__subtitle{font-size:var(--text-2xl);font-weight:700;color:var(--text);margin-bottom:1rem}.not-found-page__description{font-size:var(--text-base);color:var(--text-muted);max-width:500px;line-height:1.6;margin-bottom:2rem}.not-found-page__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.not-found-page__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.5rem;font-size:var(--text-md-2);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none}.not-found-page__btn--primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-contrast);box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 30%,transparent);&:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 40%,transparent)}}.not-found-page__btn--secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);&:hover{border-color:var(--primary);color:var(--primary)}}.not-found-page__categories{display:flex;flex-direction:column;gap:1.25rem}.not-found-page__section-title{display:flex;align-items:center;gap:.6rem;font-size:var(--text-xl);font-weight:700;color:var(--text)}.not-found-page__section-title svg{color:var(--primary)}.not-found-page__section-desc{font-size:var(--text-md-2);color:var(--text-muted);margin-top:-.5rem}.not-found-page__category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.not-found-page__category-card{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);font-size:var(--text-md-2);&:hover{border-color:var(--primary);box-shadow:0 4px 16px color-mix(in srgb,black 8%,transparent)}&:hover .not-found-page__category-arrow{transform:translate(4px);color:var(--primary)}}.not-found-page__category-name{font-weight:600;color:var(--text)}.not-found-page__category-arrow{color:var(--text-muted);transition:all var(--transition-normal);flex-shrink:0}.not-found-page__help{display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.not-found-page__contacts{display:flex;flex-wrap:wrap;gap:1rem}.not-found-page__contact-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:var(--text-md-2);font-weight:600;color:var(--primary);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--transition-normal);text-decoration:none;&:hover{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}}.not-found-page__links{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--border)}.not-found-page__links-title{font-size:var(--text-md);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.not-found-page__nav{display:flex;flex-wrap:wrap;gap:.75rem}.not-found-page__nav button{background:none;border:none;padding:.5rem 0;font-size:var(--text-md);color:var(--text-muted);cursor:pointer;transition:color var(--transition-normal);position:relative;&:after{content:"";position:absolute;bottom:.25rem;left:0;width:0;height:1px;background:var(--primary);transition:width var(--transition-normal)}&:hover{color:var(--primary)}&:hover:after{width:100%}&:not(:last-child):before{content:"";position:absolute;right:-.5rem;top:50%;transform:translateY(-50%);width:3px;height:3px;background:var(--border);border-radius:50%}}@media (max-width: 640px){.not-found-page{padding:1rem 0 2rem;gap:2rem}.not-found-page__hero{padding:1.5rem;border-radius:var(--radius-xl)}.not-found-page__icon{width:90px;height:90px}.not-found-page__icon svg{width:48px;height:48px}.not-found-page__title{font-size:3.5rem}.not-found-page__subtitle{font-size:var(--text-xl)}.not-found-page__description{font-size:var(--text-md)}.not-found-page__actions{flex-direction:column;width:100%}.not-found-page__btn{width:100%;justify-content:center}.not-found-page__category-grid{grid-template-columns:1fr}.not-found-page__help{padding:1.25rem}.not-found-page__contacts{flex-direction:column}.not-found-page__contact-link{justify-content:center}.not-found-page__nav{flex-direction:column}.not-found-page__nav button:not(:last-child):before{display:none}}}