.auth-page{min-height:calc(100vh - 80px);padding:var(--space-6) var(--container-padding);background:var(--bg-page);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-lg)}.auth-card__header{text-align:center;margin-bottom:var(--space-6)}.auth-card__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.4px}.auth-card__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500)}.auth-alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);line-height:var(--line-height-tight);display:flex}.auth-alert svg{flex-shrink:0;margin-top:2px}.auth-alert--error{color:#c62828;background:#ffebee}.auth-alert--success{color:#2e7d32;background:#e8f5e9}.auth-form{gap:var(--space-3);flex-direction:column;display:flex}.auth-field{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);height:52px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;display:flex;position:relative;overflow:hidden}.auth-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #00bcd41f}.auth-field__icon{color:var(--color-gray-500);pointer-events:none;z-index:1;display:flex;position:absolute;left:16px}.auth-input{width:100%;height:100%;font-size:var(--font-size-sm);color:var(--text-primary);background:0 0;border:none;outline:none;padding:0 44px 0 46px}.auth-input::placeholder{color:var(--color-gray-400)}.auth-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.auth-row .auth-field{padding-left:0}.auth-row .auth-input{padding:0 16px}.auth-field__toggle{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-gray-500);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);z-index:2;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-field__toggle:hover{background:var(--color-gray-100);color:var(--text-primary)}.auth-submit{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:52px;margin-top:var(--space-2);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;display:flex}.auth-submit:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 8px 24px #00bcd44d}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-link{text-align:center;margin-top:var(--space-5);font-size:var(--font-size-sm);color:var(--color-gray-500)}.auth-link a{color:var(--color-primary-darker);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast);text-decoration:none}.auth-link a:hover{color:var(--color-primary-dark);text-decoration:underline}@media (width<=480px){.auth-card{padding:var(--space-6) var(--space-4)}.auth-card__title{font-size:var(--font-size-xl)}.auth-row{grid-template-columns:1fr}.auth-field,.auth-submit{height:48px}}.notification-container{top:calc(var(--header-height,64px) + var(--space-4));right:var(--space-4);z-index:var(--z-toast,1100);gap:var(--space-3);max-width:380px;width:calc(100% - var(--space-8));pointer-events:none;flex-direction:column;display:flex;position:fixed}.notification{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-gray-400);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-primary);pointer-events:auto;animation:notification-slide-in var(--toast-exit-duration,.25s) ease;word-break:break-word;display:flex;overflow:hidden}.notification__icon{flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.notification__message{flex:1;min-width:0}.notification__close{border-radius:var(--radius-full);width:22px;height:22px;color:var(--color-gray-500);transition:background var(--transition-fast), color var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.notification__close:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.notification--success{border-left-color:var(--color-success);background:#f1f8e9}.notification--success .notification__icon{color:var(--color-success)}.notification--error{border-left-color:var(--color-danger);background:#ffebee}.notification--error .notification__icon{color:var(--color-danger)}.notification--warning{border-left-color:var(--color-warning);background:#fff8e1}.notification--warning .notification__icon{color:#f57c00}.notification--info{border-left-color:var(--color-info);background:#e3f2fd}.notification--info .notification__icon{color:var(--color-info)}@keyframes notification-slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.notification--exit{animation:notification-slide-out var(--toast-exit-duration,.25s) ease forwards}@keyframes notification-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@media (width<=480px){.notification-container{top:calc(var(--header-height,64px) + var(--space-3));bottom:auto;left:var(--space-3);right:var(--space-3);gap:var(--space-2);width:auto;max-width:none}.notification{padding:var(--space-3)}}.confirm-modal{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-xl);flex-direction:column;animation:.25s confirm-slide;display:flex;overflow:hidden}@keyframes confirm-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal__header{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);display:flex}.confirm-modal__icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.confirm-modal--primary .confirm-modal__icon{background:var(--color-primary-lighter);color:var(--color-primary-darker)}.confirm-modal--danger .confirm-modal__icon{color:var(--color-danger);background:#ffebee}.confirm-modal--warning .confirm-modal__icon{color:#f57c00;background:#fff8e1}.confirm-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);flex:1;margin:0}.confirm-modal__close{background:var(--color-gray-100);border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-gray-600);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.confirm-modal__close:hover{background:var(--color-gray-200);color:var(--text-primary)}.confirm-modal__body{padding:0 var(--space-5) var(--space-5)}.confirm-modal__message{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-secondary);white-space:pre-line;margin:0}.confirm-modal__footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-gray-100);background:var(--color-gray-50);display:flex}.confirm-modal__btn{height:42px;padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;min-width:100px;font-family:inherit;display:inline-flex}.confirm-modal__btn:active{transform:translateY(1px)}.confirm-modal__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.confirm-modal__btn--cancel{background:var(--color-white);border-color:var(--color-gray-300);color:var(--color-gray-700)}.confirm-modal__btn--cancel:hover{background:var(--color-gray-100)}.confirm-modal__btn--primary{background:var(--color-primary);color:var(--color-white)}.confirm-modal__btn--primary:hover{background:var(--color-primary-dark)}.confirm-modal__btn--danger{background:var(--color-danger);color:var(--color-white)}.confirm-modal__btn--danger:hover{background:var(--color-danger-dark)}.confirm-modal__btn--warning{background:var(--color-warning);color:var(--text-primary)}.confirm-modal__btn--warning:hover{background:#ffb300}@media (width<=480px){.confirm-modal{max-width:100%}.confirm-modal__footer{flex-direction:column-reverse}.confirm-modal__btn{width:100%}}.item-img{object-fit:cover;background:var(--color-gray-50);width:100%;height:100%;display:block}.item-img--contain{object-fit:contain;padding:var(--space-2)}.item-img--no-image{color:var(--color-gray-400);background:var(--color-gray-50);justify-content:center;align-items:center;display:flex}.cart-page{max-width:var(--container-max-width);padding:var(--space-6) var(--container-padding);margin:0 auto}.cart-header{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.cart-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.4px}.cart-count{font-size:var(--font-size-sm);color:var(--color-gray-500)}.cart-layout{gap:var(--space-6);grid-template-columns:1fr 340px;align-items:start;display:grid}.cart-items{gap:var(--space-3);flex-direction:column;display:flex}.cart-item{gap:var(--space-4);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast);grid-template-columns:96px 1fr auto;align-items:center;display:grid}.cart-item:hover{box-shadow:var(--shadow-md)}.cart-item__image{background:var(--color-gray-50);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;text-decoration:none;display:flex;overflow:hidden}.cart-item__info{min-width:0}.cart-item__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-1);transition:color var(--transition-fast);-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.cart-item__name:hover{color:var(--color-primary-darker)}.cart-item__article{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--space-2)}.cart-item__price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-darker)}.cart-item__price--discount{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.cart-item__price-old{font-size:var(--font-size-xs);color:var(--color-gray-400);text-decoration:line-through}.cart-item__price-new{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-danger)}.cart-item__price-percent{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background:var(--color-danger);color:var(--color-white);border-radius:var(--radius-sm);padding:2px 8px}.cart-item__actions{align-items:center;gap:var(--space-4);display:flex}.cart-qty{align-items:center;gap:var(--space-2);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);padding:4px 6px;display:inline-flex}.cart-qty__btn{background:var(--color-white);border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-primary-darker);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:inline-flex}.cart-qty__btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}.cart-qty__btn:disabled{color:var(--color-gray-300);cursor:not-allowed}.cart-qty__value{text-align:center;min-width:24px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.cart-qty__input{border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-white);width:72px;min-width:0;height:28px;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:textfield;outline:none;padding:0 4px}.cart-qty__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart-qty__input:focus,.cart-qty__input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-lighter);outline:none}.cart-item__total{text-align:right;min-width:80px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.cart-item__remove{background:var(--color-gray-50);border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:inline-flex}.cart-item__remove:hover{color:var(--color-danger);background:#ffebee}.cart-summary{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);position:sticky;top:88px}.cart-summary__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.cart-summary__row{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-2);justify-content:space-between;display:flex}.cart-summary__divider{background:var(--color-gray-200);height:1px;margin:var(--space-4) 0}.cart-summary__total{margin-bottom:var(--space-5);justify-content:space-between;align-items:baseline;display:flex}.cart-summary__total-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary-darker)}.cart-summary__checkout{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-primary);width:100%;height:52px;color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);margin-bottom:var(--space-3);border:none;display:flex}.cart-summary__checkout:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 8px 24px #00bcd44d}.cart-summary__clear{width:100%;padding:var(--space-3);color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;display:block}.cart-summary__clear:hover{color:var(--color-danger)}.cart-empty{text-align:center;padding:var(--space-16) var(--space-5)}.cart-empty__icon{border-radius:var(--radius-full);background:var(--color-primary-lighter);width:120px;height:120px;color:var(--color-primary);margin-bottom:var(--space-6);justify-content:center;align-items:center;display:inline-flex}.cart-empty__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.cart-empty__text{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--space-6)}.cart-empty__btn{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:background var(--transition-fast), transform var(--transition-fast);align-items:center;padding:12px 28px;text-decoration:none;display:inline-flex}.cart-empty__btn:hover{background:var(--color-primary-dark);color:var(--color-white);transform:translateY(-1px)}.cart-loading{text-align:center;padding:var(--space-16) var(--space-5)}.cart-loading__spinner{border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:48px;height:48px;margin:0 auto var(--space-4);animation:.8s linear infinite cart-spin}@keyframes cart-spin{to{transform:rotate(360deg)}}.cart-error{text-align:center;padding:var(--space-16) var(--space-5);color:var(--color-danger);font-size:var(--font-size-base)}@media (width<=900px){.cart-layout{grid-template-columns:1fr}.cart-summary{order:2;position:static}.cart-items{order:1}}@media (width<=640px){.cart-page{padding:var(--space-4) var(--container-padding)}.cart-header{margin-bottom:var(--space-4)}.cart-title{font-size:var(--font-size-2xl)}.cart-item{gap:var(--space-3);padding:var(--space-3);grid-template-columns:72px 1fr;grid-template-areas:"image info""actions actions"}.cart-item__image{grid-area:image;width:72px;height:72px}.cart-item__info{grid-area:info}.cart-item__actions{align-items:center;gap:var(--space-2);border-top:1px solid var(--color-gray-100);padding-top:var(--space-3);margin-top:var(--space-2);grid-area:actions;grid-template-columns:auto 1fr auto;display:grid}.cart-item__name{font-size:var(--font-size-sm)}.cart-item__total{font-size:var(--font-size-base);text-align:right;min-width:0}.cart-summary__total-value{font-size:var(--font-size-xl)}}@media (width<=480px){.cart-item{gap:var(--space-2) var(--space-3);grid-template-columns:80px 1fr}.cart-item__image{width:80px;height:80px}.cart-item__actions{row-gap:var(--space-2);column-gap:var(--space-2);grid-template-columns:1fr auto;grid-template-areas:"qty remove""total total"}.cart-qty{grid-area:qty;justify-self:start}.cart-item__total{text-align:left;font-size:var(--font-size-sm);grid-area:total}.cart-item__remove{grid-area:remove;justify-self:end}.cart-qty__btn{width:32px;height:32px}.cart-qty__value{min-width:22px;font-size:var(--font-size-xs)}.cart-qty__input{width:64px;height:32px;font-size:var(--font-size-xs)}.cart-title{font-size:var(--font-size-xl)}.cart-count{font-size:var(--font-size-xs)}.cart-summary{padding:var(--space-4)}.cart-summary__title{font-size:var(--font-size-base);margin-bottom:var(--space-3)}.cart-summary__checkout{height:48px;font-size:var(--font-size-sm)}.cart-summary__total-value{font-size:var(--font-size-lg)}}@media (width<=400px){.cart-item{grid-template-columns:72px 1fr}.cart-item__image{width:72px;height:72px}.cart-item__name{font-size:var(--font-size-xs)}.cart-item__price,.cart-item__price-new{font-size:var(--font-size-sm)}.cart-qty{padding:2px 4px}.cart-qty__btn{width:28px;height:28px}.cart-qty__input{width:56px;height:28px;font-size:var(--font-size-xs)}}@media (width<=768px){.cart-page--with-nav{padding-bottom:100px!important}}.checkout-page{max-width:1100px;padding:var(--space-6) var(--space-4) var(--space-12);margin:0 auto}.checkout-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-6);line-height:var(--line-height-tight)}.checkout-alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:#c62828;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);line-height:var(--line-height-normal);background:#ffebee;display:flex}.checkout-alert svg{flex-shrink:0;margin-top:1px}.checkout-hint{padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center}.checkout-loading{padding:var(--space-16) var(--space-4);justify-content:center;align-items:center;gap:var(--space-4);color:var(--text-secondary);flex-direction:column;display:flex}.checkout-loading__spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite checkout-spin}@keyframes checkout-spin{to{transform:rotate(360deg)}}.checkout-empty{text-align:center;padding:var(--space-16) var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;display:flex}.checkout-empty__icon{color:var(--color-primary);margin-bottom:var(--space-4)}.checkout-empty__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.checkout-empty__text{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-6);max-width:400px}.checkout-empty__btn{align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast);border:none;padding:12px 24px;display:inline-flex}.checkout-empty__btn:hover{background:var(--color-primary-dark)}.checkout-grid{gap:var(--space-6);grid-template-columns:1fr 380px;align-items:start;display:grid}@media (width<=960px){.checkout-grid{grid-template-columns:1fr}}.checkout-form{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.checkout-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--space-6) 0 var(--space-3);line-height:var(--line-height-tight)}.checkout-section-title:first-child{margin-top:0}.delivery-tabs{background:var(--color-gray-100);border-radius:var(--radius-full);margin-bottom:var(--space-4);gap:6px;padding:6px;display:inline-flex}.delivery-tab{align-items:center;gap:var(--space-2);color:var(--text-secondary);border-radius:var(--radius-full);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;padding:10px 20px;display:inline-flex}.delivery-tab:hover{color:var(--text-primary)}.delivery-tab--active{background:var(--color-white);color:var(--color-primary-darker);box-shadow:var(--shadow-sm)}.zone-grid,.pickup-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.zone-card{padding:var(--space-3) var(--space-4);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:6px;font-family:inherit;display:flex;position:relative}.zone-card:hover:not(:disabled){border-color:var(--color-primary-light);background:var(--color-primary-lighter)}.zone-card--selected{border-color:var(--color-primary);background:var(--color-primary-lighter);box-shadow:0 0 0 3px #00bcd426}.zone-card--unavailable,.zone-card:disabled{opacity:.55;cursor:not-allowed;background:var(--color-gray-50)}.zone-card__header{align-items:center;gap:var(--space-2);margin-bottom:2px;display:flex}.zone-card__icon{color:var(--color-primary);flex-shrink:0;display:inline-flex}.zone-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight);flex:1}.zone-card__check{background:var(--color-primary);width:20px;height:20px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.zone-card__meta{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-tight);align-items:center;gap:4px;display:inline-flex}.zone-card__price{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-darker);margin-top:2px}.zone-card__unavailable{color:var(--color-white);font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);background:#f44336;padding:2px 8px;position:absolute;top:-8px;right:-8px}.pickup-card{padding:var(--space-3) var(--space-4);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:4px;font-family:inherit;display:flex;position:relative}.pickup-card:hover:not(:disabled){border-color:var(--color-primary-light);background:var(--color-primary-lighter)}.pickup-card--selected{border-color:var(--color-primary);background:var(--color-primary-lighter);box-shadow:0 0 0 3px #00bcd426}.pickup-card--unavailable,.pickup-card:disabled{opacity:.55;cursor:not-allowed;background:var(--color-gray-50)}.pickup-card__header{align-items:center;gap:var(--space-2);margin-bottom:2px;display:flex}.pickup-card__icon{color:var(--color-primary);flex-shrink:0;display:inline-flex}.pickup-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight);flex:1}.pickup-card__check{background:var(--color-primary);width:20px;height:20px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pickup-card__address{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-normal);margin-bottom:2px}.pickup-card__meta{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-tight);align-items:center;gap:4px;display:inline-flex}.pickup-card__cooking{font-size:var(--font-size-xs);color:var(--color-primary-darker);font-weight:var(--font-weight-semibold);margin-top:2px}.checkout-field{margin-bottom:var(--space-3);position:relative}.checkout-field__icon{color:var(--color-gray-400,#bdbdbd);pointer-events:none;display:inline-flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.checkout-input{background:var(--color-white);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);width:100%;height:46px;font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 16px 0 44px}.checkout-input::placeholder{color:var(--color-gray-400,#bdbdbd)}.checkout-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #00bcd426}.checkout-field--textarea{position:relative}.checkout-textarea{background:var(--color-white);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);width:100%;min-height:88px;font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);resize:vertical;line-height:var(--line-height-normal);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:12px 16px}.checkout-textarea::placeholder{color:var(--color-gray-400,#bdbdbd)}.checkout-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #00bcd426}.checkout-submit{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:52px;margin-top:var(--space-6);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;padding:0 24px;display:inline-flex}.checkout-submit:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md)}.checkout-submit:active:not(:disabled){transform:translateY(1px)}.checkout-submit:disabled{background:var(--color-gray-300,#e0e0e0);color:var(--color-gray-500,#9e9e9e);cursor:not-allowed}.checkout-summary{top:var(--space-6);background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);position:sticky}.checkout-summary__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-4)}.checkout-summary__items{gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200);flex-direction:column;display:flex}.checkout-summary__item{justify-content:space-between;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);display:flex}.checkout-summary__item-left{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.checkout-summary__item-image{width:var(--thumb-size-xs);height:var(--thumb-size-xs);border-radius:var(--radius-sm);flex-shrink:0}.checkout-summary__item-name{word-break:break-word;min-width:0;color:var(--text-secondary);flex:1}.checkout-summary__item-price{white-space:nowrap;color:var(--text-primary);font-weight:var(--font-weight-medium)}.checkout-summary__row{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.checkout-summary__divider{background:var(--color-gray-200);height:1px;margin:var(--space-3) 0}.checkout-summary__final{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);justify-content:space-between;align-items:baseline;display:flex}.checkout-summary__final-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-darker)}.checkout-summary__warning{margin-top:var(--space-3);padding:var(--space-3);color:#f57c00;font-size:var(--font-size-xs);border-radius:var(--radius-sm);line-height:var(--line-height-normal);background:#fff8e1}.checkout-address-picker{margin-bottom:var(--space-4);position:relative}.checkout-address-picker__trigger{align-items:center;gap:var(--space-2);background:var(--color-primary-lighter);width:100%;height:46px;color:var(--color-primary-darker);border:1px dashed var(--color-primary-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);padding:0 16px;font-family:inherit;display:inline-flex}.checkout-address-picker__trigger:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.checkout-address-picker__chevron{transition:transform var(--transition-fast);margin-left:auto}.checkout-address-picker__chevron--open{transform:rotate(180deg)}.checkout-address-picker__dropdown{z-index:var(--z-dropdown);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:320px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.checkout-address-picker__item{border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;border:none;flex-direction:column;gap:2px;padding:10px 12px;font-family:inherit;display:flex}.checkout-address-picker__item:hover{background:var(--color-primary-lighter)}.checkout-address-picker__item--active{background:var(--color-primary-lighter);outline:2px solid var(--color-primary);outline-offset:-2px}.checkout-address-picker__item-head{align-items:center;gap:var(--space-2);display:flex}.checkout-address-picker__item-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.checkout-address-picker__item-badge{background:var(--color-primary);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);align-items:center;gap:4px;padding:1px 8px;display:inline-flex}.checkout-address-picker__item-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:var(--line-height-tight);word-break:break-word}.checkout-save-address{align-items:center;gap:var(--space-2);margin-top:calc(var(--space-2) * -1);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.checkout-save-address input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}@media (width<=640px){.checkout-page{padding:var(--space-4) var(--space-3) var(--space-8)}.checkout-title{font-size:var(--font-size-2xl)}.checkout-form{padding:var(--space-4)}.checkout-summary{padding:var(--space-4);position:static}.checkout-address-picker__trigger{height:44px;font-size:var(--font-size-xs)}.checkout-address-picker__dropdown{max-height:260px}.zone-grid,.pickup-grid{grid-template-columns:1fr}.delivery-tab{font-size:var(--font-size-xs);padding:10px 14px}.checkout-summary__final-value{font-size:var(--font-size-xl)}}.checkout-promo{margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.checkout-promo__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--space-2);align-items:center;gap:6px;display:inline-flex}.checkout-promo__row{gap:var(--space-2);display:flex}.checkout-promo__input{background:var(--color-white);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);min-width:0;height:42px;font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);text-transform:uppercase;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;padding:0 12px}.checkout-promo__input::placeholder{color:var(--color-gray-400,#bdbdbd);text-transform:none}.checkout-promo__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #00bcd426}.checkout-promo__input:disabled{background:var(--color-gray-50);cursor:not-allowed}.checkout-promo__btn{background:var(--color-primary);height:42px;color:var(--color-white);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);border:none;flex-shrink:0;padding:0 16px}.checkout-promo__btn:hover:not(:disabled){background:var(--color-primary-dark)}.checkout-promo__btn:disabled{background:var(--color-gray-100,#f5f5f5);color:var(--color-gray-400,#bdbdbd);cursor:not-allowed;border:1.5px solid var(--color-gray-200)}.checkout-promo__applied{align-items:center;gap:var(--space-2);background:var(--color-primary-lighter);border:1.5px solid var(--color-primary-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:10px 12px;display:flex}.checkout-promo__applied-code{font-weight:var(--font-weight-bold);color:var(--color-primary-darker);letter-spacing:.5px}.checkout-promo__applied-value{font-weight:var(--font-weight-semibold);color:var(--color-primary-darker);margin-left:auto}.checkout-promo__remove{width:24px;height:24px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.checkout-promo__remove:hover{color:#c62828;background:#0000000f}.checkout-promo__error{margin-top:var(--space-2);font-size:var(--font-size-xs);color:#c62828;line-height:var(--line-height-normal)}.checkout-summary__row--discount,.checkout-summary__row--change{color:var(--color-primary-darker);font-weight:var(--font-weight-semibold)}.checkout-summary__change-value{color:var(--color-primary);font-weight:var(--font-weight-bold)}@media (width<=480px){.checkout-promo__row{display:block}.checkout-promo__input{width:100%;height:44px;margin-bottom:var(--space-3);display:block}.checkout-promo__btn{width:100%;height:44px;padding:0 16px;display:block}}.payment-methods{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.payment-method{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);display:flex;position:relative}.payment-method:hover{border-color:var(--color-primary-light);background:var(--color-primary-lighter)}.payment-method--active{border-color:var(--color-primary);background:var(--color-primary-lighter);box-shadow:0 0 0 3px #00bcd426}.payment-method__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.payment-method__icon{background:var(--color-primary-lighter);width:40px;height:40px;color:var(--color-primary-darker);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.payment-method--active .payment-method__icon{background:var(--color-primary);color:var(--color-white)}.payment-method__content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.payment-method__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}.payment-method__hint{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-tight)}.payment-method__check{background:var(--color-primary);width:22px;height:22px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.payment-method__input:focus-visible+.payment-method__icon{outline:2px solid var(--color-primary);outline-offset:2px}@media (width<=480px){.payment-method{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.payment-method__icon{width:36px;height:36px}.payment-method__title{font-size:var(--font-size-xs)}.payment-method__hint{font-size:11px}}.zone-accordion,.pickup-accordion{margin-bottom:var(--space-4);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}.zone-accordion[open],.pickup-accordion[open]{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #00bcd41f}.zone-accordion__summary,.pickup-accordion__summary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-darker);-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);min-height:52px;list-style:none;display:flex}.zone-accordion__summary::-webkit-details-marker{display:none}.pickup-accordion__summary::-webkit-details-marker{display:none}.zone-accordion__summary:hover,.pickup-accordion__summary:hover{background:var(--color-primary-lighter)}.zone-accordion__label,.pickup-accordion__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.zone-accordion__chevron,.pickup-accordion__chevron{transition:transform var(--transition-fast);color:var(--color-primary);flex-shrink:0}.zone-accordion[open] .zone-accordion__chevron,.pickup-accordion[open] .pickup-accordion__chevron{transform:rotate(180deg)}.zone-accordion__content,.pickup-accordion__content{max-height:340px;padding:var(--space-3);border-top:1px solid var(--color-gray-200);scrollbar-width:thin;overflow-y:auto}.zone-accordion__content .zone-grid,.pickup-accordion__content .pickup-grid{margin-bottom:0}@media (width<=640px){.zone-accordion__content,.pickup-accordion__content{max-height:260px;padding:var(--space-2)}.zone-accordion__summary,.pickup-accordion__summary{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);min-height:48px}.zone-accordion__content .zone-grid,.pickup-accordion__content .pickup-grid{grid-template-columns:1fr}}.saved-addresses-accordion{margin-bottom:var(--space-4);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}.saved-addresses-accordion[open]{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #00bcd41f}.saved-addresses-accordion__summary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-darker);-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);min-height:52px;list-style:none;display:flex}.saved-addresses-accordion__summary::-webkit-details-marker{display:none}.saved-addresses-accordion__summary:hover{background:var(--color-primary-lighter)}.saved-addresses-accordion__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.saved-addresses-accordion__chevron{transition:transform var(--transition-fast);color:var(--color-primary);flex-shrink:0}.saved-addresses-accordion[open] .saved-addresses-accordion__chevron{transform:rotate(180deg)}.saved-addresses-accordion__content{max-height:320px;padding:var(--space-2);border-top:1px solid var(--color-gray-200);scrollbar-width:thin;flex-direction:column;gap:4px;display:flex;overflow-y:auto}.saved-addresses-accordion__item{border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1.5px solid #0000;flex-direction:column;gap:2px;padding:10px 12px;font-family:inherit;display:flex}.saved-addresses-accordion__item:hover{background:var(--color-primary-lighter);border-color:var(--color-primary-light)}.saved-addresses-accordion__item--active{background:var(--color-primary-lighter);border-color:var(--color-primary)}.saved-addresses-accordion__item-head{align-items:center;gap:var(--space-2);display:flex}.saved-addresses-accordion__item-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.saved-addresses-accordion__item-badge{background:var(--color-primary);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);align-items:center;gap:4px;padding:1px 8px;display:inline-flex}.saved-addresses-accordion__item-check{background:var(--color-primary);width:20px;height:20px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.saved-addresses-accordion__item-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:var(--line-height-tight);word-break:break-word}@media (width<=640px){.saved-addresses-accordion__content{max-height:240px;padding:var(--space-1)}.saved-addresses-accordion__summary{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);min-height:48px}}.checkout-leave-at-door{border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);transition:background var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;display:flex}.checkout-leave-at-door:hover{background:var(--color-primary-lighter);border-color:var(--color-primary-light)}.checkout-leave-at-door input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkout-change{border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-bg-soft,#f9fafb);margin-top:1rem;padding:1rem}.checkout-change__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-darker);align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.checkout-change__input{border:1.5px solid var(--color-gray-200);border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-sm);color:var(--text-primary);transition:border-color var(--transition-fast);padding:.7rem 1rem;font-family:inherit}.checkout-change__input:focus{border-color:var(--color-primary);outline:none}.checkout-change__hint{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-top:.5rem}.saved-addresses-accordion__item--unavailable{opacity:.6;cursor:not-allowed!important}.saved-addresses-accordion__item--unavailable:hover{background:0 0!important;border-color:#0000!important}.saved-addresses-accordion__item-badge-unavailable{color:#ef4444;margin-top:4px;font-size:10px;font-weight:600}.orders-page{max-width:1000px;padding:var(--space-6) var(--container-padding);margin:0 auto}.orders-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.orders-back-round{background:var(--color-gray-100,#f3f4f6);cursor:pointer;width:44px;height:44px;color:var(--text-primary,#111827);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .1s;display:flex}.orders-back-round:hover{background:var(--color-gray-200,#e5e7eb)}.orders-back-round:active{transform:scale(.95)}.orders-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.4px;margin:0}.orders-alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm);display:flex}.orders-alert svg{flex-shrink:0;margin-top:2px}.orders-alert--success{color:#2e7d32;background:#e8f5e9}.orders-alert--error{color:#c62828;background:#ffebee}.orders-empty{text-align:center;padding:var(--space-16) var(--space-5)}.orders-empty__icon{border-radius:var(--radius-full);background:var(--color-primary-lighter);width:120px;height:120px;color:var(--color-primary);margin-bottom:var(--space-6);justify-content:center;align-items:center;display:inline-flex}.orders-empty__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.orders-empty__text{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--space-6)}.orders-empty__btn{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;align-items:center;padding:12px 28px;display:inline-flex}.orders-empty__btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.order-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.order-card__status-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.status-badge--default{background:var(--color-gray-100);color:var(--color-gray-600)}.order-card__items{padding:var(--space-4) 0}.order-item{gap:var(--space-3) var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100);grid-template-columns:auto 1fr auto;grid-template-areas:"media info price";align-items:center;display:grid}.order-item:last-child{border-bottom:none}.order-item__media{flex-shrink:0;grid-area:media;align-items:center;display:flex}.order-item__image{width:var(--thumb-size-sm);height:var(--thumb-size-sm);border-radius:var(--radius-md);flex-shrink:0}.order-item__info{flex-direction:column;grid-area:info;gap:2px;min-width:0;display:flex}.order-item__name{color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-tight);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.order-item__quantity{color:var(--color-gray-500);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);white-space:nowrap}.order-item__price{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;grid-area:price;justify-self:end}.order-card__footer{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-gray-100);flex-wrap:wrap;display:flex}.order-address{align-items:flex-start;gap:var(--space-2);flex:1;min-width:200px;display:flex}.order-address__icon{color:var(--color-primary);flex-shrink:0;margin-top:2px;display:flex}.order-address__text{flex-direction:column;gap:2px;min-width:0;display:flex}.order-address__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary)}.order-address__subtitle{color:var(--color-gray-500);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.order-total-block{text-align:right;flex-direction:column;gap:4px;min-width:200px;display:flex}.order-total-row{justify-content:space-between;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--color-gray-600);display:flex}.order-total{justify-content:space-between;align-items:baseline;gap:var(--space-4);border-top:1px solid var(--color-gray-200);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-top:4px;padding-top:6px;display:flex}.order-total__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);color:var(--color-primary-darker);white-space:nowrap}.orders-loading{text-align:center;padding:var(--space-16) var(--space-5)}.orders-loading__spinner{border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:48px;height:48px;margin:0 auto var(--space-4);animation:.8s linear infinite orders-spin}@keyframes orders-spin{to{transform:rotate(360deg)}}@media (width<=768px){.orders-page{padding:var(--space-4) var(--container-padding)}.orders-title{font-size:var(--font-size-2xl)}.orders-header{gap:var(--space-3)}.order-card__header{flex-direction:column;align-items:flex-start}.order-card__footer{flex-direction:column}.order-total-block{text-align:left;width:100%;min-width:0}}@media (width<=640px){.order-item{align-items:start;gap:var(--space-3);grid-template-columns:auto 1fr;grid-template-areas:"media info""price price"}.order-item__price{margin-top:var(--space-1);justify-self:end}}@media (width<=480px){.order-card{padding:var(--space-3)}.order-card__id-value{font-size:var(--font-size-base)}.order-card__date{font-size:var(--font-size-xs)}.delivery-badge,.status-badge{padding:3px 10px;font-size:10px}.order-item{padding:var(--space-2) 0}.order-item__name,.order-item__quantity,.order-item__price,.order-address__title{font-size:var(--font-size-xs)}.order-address__subtitle{font-size:10px}.order-total__value{font-size:var(--font-size-base)}}.order-total-row--discount{color:var(--color-primary-darker);font-weight:var(--font-weight-semibold)}.order-card__actions{padding:var(--spacing-md,12px) var(--spacing-lg,16px);border-top:1px solid var(--color-border,#e0e0e0);justify-content:flex-end;display:flex}.btn-repeat-order{background:var(--color-primary,#00c853);color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-repeat-order:hover:not(:disabled){background:var(--color-primary-dark,#009624)}.btn-repeat-order:active:not(:disabled){transform:scale(.98)}.btn-repeat-order:disabled{opacity:.7;cursor:not-allowed}.btn-repeat-order__icon--spin{animation:1s linear infinite btn-repeat-spin}@keyframes btn-repeat-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=640px){.order-card__actions{padding:var(--spacing-sm,8px) var(--spacing-md,12px)}.btn-repeat-order{justify-content:center;width:100%}}.product-page{max-width:var(--container-max-width);padding:var(--space-6) var(--container-padding) var(--space-12);margin:0 auto}.product-back{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;padding:8px 14px;font-family:inherit;display:inline-flex}.product-back:hover{color:var(--color-primary-darker);background:var(--color-primary-lighter)}.product-layout{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:start;display:grid}.product-image-block{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);aspect-ratio:1;max-height:480px;transition:aspect-ratio .2s;position:relative;overflow:hidden}.product-image-block--wide{aspect-ratio:16/11}.product-image-block--square{aspect-ratio:1}.product-image-block--tall{aspect-ratio:4/5}.product-image{object-fit:cover;width:100%;height:100%;display:block}.product-image.product-image--contain{object-fit:contain;padding:var(--space-6)}.product-image--no-image{color:var(--color-gray-400);background:var(--color-gray-50);justify-content:center;align-items:center;display:flex}.product-badge,.product-discount{z-index:2;position:absolute}.product-badge{top:var(--space-3);left:var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;align-items:center;padding:5px 12px;display:inline-flex}.product-badge--red{color:#c62828;background:#ffebee}.product-badge--green{color:#2e7d32;background:#e8f5e9}.product-badge--orange{color:#e65100;background:#fff3e0}.product-badge--blue{color:#1565c0;background:#e3f2fd}.product-badge--purple{color:#6a1b9a;background:#f3e5f5}.product-discount{top:var(--space-3);right:var(--space-3);background:var(--color-danger);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:5px 12px}.product-info{gap:var(--space-3);padding-top:var(--space-2);flex-direction:column;display:flex}.product-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:-.4px}.product-article{font-size:var(--font-size-sm);color:var(--color-gray-500)}.product-stock{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium);align-items:center;gap:6px;display:inline-flex}.product-stock__dot{border-radius:var(--radius-full);background:var(--color-success);width:8px;height:8px;display:inline-block}.product-stock--out{color:var(--color-danger)}.product-price-block{align-items:baseline;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-4) 0;border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100);flex-wrap:wrap;display:flex}.product-price{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary-darker);line-height:1}.product-price-old{font-size:var(--font-size-lg);color:var(--color-gray-400);text-decoration:line-through}.product-price-new{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-danger);line-height:1}.product-description{margin-top:var(--space-2)}.product-description__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin:0 0 var(--space-2)}.product-description__text{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary);white-space:pre-line;word-break:break-word;margin:0}.product-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.product-add-btn{justify-content:center;align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-6);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;display:inline-flex}.product-add-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 8px 24px #00bcd44d}.product-add-btn:disabled{background:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed;width:52px;padding:0}.product-qty{align-items:center;gap:var(--space-3);height:52px;padding:0 var(--space-3);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);display:inline-flex}.product-qty__btn{background:var(--color-white);border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-primary-darker);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:inline-flex}.product-qty__btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}.product-qty__btn:disabled{color:var(--color-gray-300);cursor:not-allowed}.product-qty__value{text-align:center;min-width:32px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.product-qty__input{width:72px;min-width:0;height:36px;padding:0 var(--space-2);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:textfield;outline:none}.product-qty__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-qty__input:focus,.product-qty__input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-lighter);outline:none}.product-icon-btn{border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--radius-full);width:52px;height:52px;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.product-icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary-darker);background:var(--color-primary-lighter)}.product-icon-btn--active{border-color:var(--color-danger);color:var(--color-danger);background:#ffebee}.product-loading{text-align:center;padding:var(--space-16) var(--space-5)}.product-loading__spinner{border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:48px;height:48px;margin:0 auto var(--space-4);animation:.8s linear infinite product-spin}@keyframes product-spin{to{transform:rotate(360deg)}}.product-empty{text-align:center;padding:var(--space-16) var(--space-5)}.product-empty__icon{border-radius:var(--radius-full);background:var(--color-primary-lighter);width:120px;height:120px;color:var(--color-primary);margin-bottom:var(--space-6);justify-content:center;align-items:center;display:inline-flex}.product-empty__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.product-empty__text{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--space-6)}.product-empty__btn{align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:background var(--transition-fast), transform var(--transition-fast);padding:12px 24px;text-decoration:none;display:inline-flex}.product-empty__btn:hover{background:var(--color-primary-dark);color:var(--color-white);transform:translateY(-1px)}@media (width<=768px){.product-page{padding:var(--space-4) var(--container-padding) var(--space-10)}.product-layout{gap:var(--space-5);grid-template-columns:1fr}.product-image-block{border-radius:var(--radius-lg);max-height:380px}.product-title{font-size:var(--font-size-2xl)}.product-price,.product-price-new{font-size:var(--font-size-3xl)}.product-add-btn{flex:1;min-width:0}.product-add-btn:disabled{flex:none;width:52px}}@media (width<=480px){.product-image-block{max-height:280px}.product-image.product-image--contain{padding:var(--space-3)}.product-info{gap:var(--space-2);padding-top:0}.product-title{font-size:var(--font-size-lg);line-height:1.25}.product-article{font-size:var(--font-size-xs)}.product-price-block{padding:var(--space-2) 0;gap:var(--space-2);margin-top:0}.product-price,.product-price-new{font-size:var(--font-size-2xl)}.product-price-old{font-size:var(--font-size-sm)}.product-actions{margin-top:0}.product-icon-btn{width:48px;height:48px}.product-qty{height:48px}.product-qty__btn{width:32px;height:32px}.product-qty__input{width:64px;height:32px;font-size:var(--font-size-sm)}.product-add-btn{height:48px;padding:0 var(--space-4);font-size:var(--font-size-sm)}.product-add-btn:disabled{width:48px;padding:0}.product-description__title{font-size:var(--font-size-base)}.product-description__text{font-size:var(--font-size-xs)}}@media (width<=400px){.product-title{font-size:var(--font-size-base)}.product-price,.product-price-new{font-size:var(--font-size-xl)}.product-image-block{max-height:260px}.product-actions{gap:var(--space-2)}.product-icon-btn{width:44px;height:44px}.product-qty{gap:var(--space-2);padding:0 var(--space-2);height:44px}.product-qty__btn{width:30px;height:30px}.product-qty__value{min-width:24px;font-size:var(--font-size-base)}.product-qty__input{width:56px;height:30px;font-size:var(--font-size-xs)}.product-add-btn{height:44px;font-size:var(--font-size-sm)}.product-add-btn:disabled{width:44px;padding:0}.product-back{font-size:var(--font-size-xs)}}.profile-page{max-width:var(--container-max-width);padding:var(--space-2) var(--container-padding) var(--space-10);margin:0 auto}.profile-page--root{padding-top:calc(var(--header-height) + var(--space-4))}.profile-back-round{background:var(--color-gray-100,#f3f4f6);cursor:pointer;width:44px;height:44px;color:var(--text-primary,#111827);margin-bottom:var(--space-3);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .1s;display:flex}.profile-back-round:hover{background:var(--color-gray-200,#e5e7eb)}.profile-back-round:active{transform:scale(.95)}.profile-back{margin-bottom:var(--space-4);border-radius:var(--radius-full);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px 8px 8px;display:inline-flex}.profile-back:hover{background:var(--color-gray-100);color:var(--text-primary)}.profile-grid{gap:var(--space-6);grid-template-columns:1fr;align-items:start;width:100%;max-width:600px;margin:0 auto;padding:0;display:grid}.profile-sidebar{top:calc(var(--header-height) + var(--space-4));background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);min-width:0;position:sticky}.profile-sidebar__user{align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-100);margin-bottom:var(--space-4);display:flex}.profile-sidebar__avatar{border-radius:var(--radius-full);background:var(--color-primary-lighter);width:48px;height:48px;color:var(--color-primary-darker);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-sidebar__info{min-width:0}.profile-sidebar__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-sidebar__email{font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-sidebar__nav{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-sidebar__tab-wrapper{display:inline-flex}.profile-sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:flex}.profile-sidebar__link:hover{background:var(--color-primary-lighter);color:var(--color-primary-darker)}.profile-sidebar__link--active{background:var(--color-primary);color:var(--color-white)}.profile-sidebar__link--active:hover{background:var(--color-primary-dark);color:var(--color-white)}.profile-sidebar__link-icon{flex-shrink:0;display:inline-flex}.profile-content{min-width:0}.profile-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.profile-card__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);border-bottom:1px solid var(--color-gray-100);margin:0 0 20px;padding-bottom:16px}.profile-alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);display:flex}.profile-alert--error{color:#c62828;background:#ffebee}.profile-loading{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8);color:var(--color-gray-500);font-size:var(--font-size-sm);display:flex}.profile-spin{animation:1s linear infinite profile-spin}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-gray-400);flex-direction:column;align-items:center;display:flex}.profile-empty h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.profile-empty p{font-size:var(--font-size-sm);color:var(--color-gray-500);max-width:400px;margin-bottom:var(--space-4)}.profile-empty__btn{background:var(--color-primary);height:42px;color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;padding:0 22px;display:inline-flex}.profile-empty__btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.address-list{gap:var(--space-3);flex-direction:column;display:flex}.address-card{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.address-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.address-card--default{border-color:var(--color-primary);background:var(--color-primary-lighter)}.address-card__main{gap:var(--space-3);flex:1;min-width:0;display:flex}.address-card__icon{border-radius:var(--radius-full);background:var(--color-primary-lighter);width:40px;height:40px;color:var(--color-primary-darker);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.address-card__info{flex:1;min-width:0}.address-card__title-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:4px;display:flex}.address-card__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.address-card__badge{background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.address-card__text{font-size:var(--font-size-sm);color:var(--text-secondary);word-break:break-word;margin-bottom:2px}.address-card__meta{font-size:var(--font-size-xs);color:var(--color-gray-500)}.address-card__actions{flex-shrink:0;gap:4px;display:flex}.address-card__action{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-gray-500);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.address-card__action:hover{background:var(--color-primary-lighter);color:var(--color-primary-darker)}.address-card__action--danger:hover{color:var(--color-danger);background:#ffebee}.profile-security-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--text-primary);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);text-align:left;width:100%;font-family:inherit;font-size:inherit;cursor:pointer;margin-top:0;text-decoration:none;display:flex}.profile-security-card:hover{border-color:var(--color-primary-light);background:var(--color-primary-lighter);box-shadow:var(--shadow-sm)}.profile-security-card__icon{border-radius:var(--radius-full);background:var(--color-primary-lighter);width:42px;height:42px;color:var(--color-primary-darker);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.profile-security-card__text{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-security-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.profile-security-card__subtitle{font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-security-card__chevron{color:var(--color-gray-400);flex-shrink:0}.profile-security-card:hover .profile-security-card__chevron{color:var(--color-primary)}@media (width<=1000px){.profile-grid{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-sidebar__nav{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;flex-direction:row;gap:6px;padding-bottom:2px;padding-right:16px;overflow-x:auto}.profile-sidebar__nav::-webkit-scrollbar{display:none}.profile-sidebar__tab-wrapper{flex-shrink:0}.profile-sidebar__tab-wrapper:last-child{margin-right:16px}.profile-sidebar__link{white-space:nowrap;font-size:var(--font-size-sm);flex-shrink:0;gap:4px;padding:8px 10px}.profile-sidebar__link-icon svg{width:16px;height:16px}}@media (width<=640px){.profile-page{padding:var(--space-2) var(--container-padding) calc(100px + env(safe-area-inset-bottom))}.profile-page--root{padding-top:calc(var(--header-height) + var(--space-4))}.profile-card{padding:var(--space-4)}.address-card{flex-direction:row;align-items:flex-start}.address-card__actions{flex-shrink:0;align-self:flex-start}}@media (width<=480px){.profile-card__header-row{flex-wrap:wrap}.profile-card__title{font-size:var(--font-size-lg)}.profile-card__add-btn{height:36px;font-size:var(--font-size-xs);padding:0 14px}.profile-sidebar{padding:var(--space-3)}.profile-sidebar__user{padding-bottom:var(--space-3);margin-bottom:var(--space-3);gap:var(--space-2)}.profile-sidebar__avatar{width:40px;height:40px;font-size:var(--font-size-lg)}.profile-sidebar__name{font-size:var(--font-size-sm)}.address-card__action{width:40px;height:40px}.address-card__badge{padding:2px 8px;font-size:10px}.address-card__label{font-size:var(--font-size-sm)}.address-card__text{font-size:var(--font-size-xs)}.profile-security-card{padding:var(--space-3)}.profile-security-card__icon{width:38px;height:38px}.profile-security-card__subtitle{white-space:normal}}@media (width<=768px){.profile-page{padding-bottom:120px!important}.profile-back{display:none}}.profile-security-card--logout{cursor:pointer;font-family:inherit;font-size:var(--font-size-base);text-align:left;width:100%}.profile-security-card--logout .profile-security-card__title{color:var(--color-danger)}.profile-security-card--logout .profile-security-card__icon{color:var(--color-danger);background:#ffebee}.profile-menu-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.profile-footer-info{text-align:center;color:var(--color-gray-400);font-size:var(--font-size-xs);flex-direction:column;gap:8px;margin-top:32px;display:flex}.profile-footer-info a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.profile-footer-info a:hover{text-decoration:underline}.profile-legal-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px;margin-bottom:4px;font-size:13px;display:flex}.profile-legal-link{color:var(--color-gray-500);transition:color var(--transition-fast);text-decoration:none}.profile-legal-link:hover{color:var(--color-primary);text-decoration:underline}.profile-legal-dot{color:var(--color-gray-300);-webkit-user-select:none;user-select:none;font-size:10px}.address-form{gap:var(--space-4);padding:var(--space-5);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);flex-direction:column;display:flex}.address-form__alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);color:#c62828;border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#ffebee;display:flex}.address-form__field{flex-direction:column;gap:6px;display:flex}.address-form__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.4px}.address-form__input,.address-form__select{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);width:100%;height:46px;font-size:var(--font-size-sm);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:0 14px;font-family:inherit}.address-form__input:focus,.address-form__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00bcd41f}.address-form__input-wrap{align-items:center;display:flex;position:relative}.address-form__input-wrap svg{color:var(--color-gray-500);pointer-events:none;position:absolute;left:14px}.address-form__input--with-icon{padding-left:40px}.address-form__type-tabs{gap:var(--space-2);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;padding:4px;display:grid}.address-form__type{border-radius:var(--radius-sm);height:40px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;display:flex}.address-form__type:hover{color:var(--text-primary)}.address-form__type--active{background:var(--color-primary);color:var(--color-white)}.address-form__type--active:hover{color:var(--color-white)}.address-form__checkbox{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.address-form__checkbox input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.address-form__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.address-form__btn{border-radius:var(--radius-full);height:42px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:0 20px;display:inline-flex}.address-form__btn:disabled{opacity:.6;cursor:not-allowed}.address-form__btn--cancel{background:var(--color-gray-100);color:var(--color-gray-700)}.address-form__btn--cancel:hover:not(:disabled){background:var(--color-gray-200)}.address-form__btn--save{background:var(--color-primary);color:var(--color-white)}.address-form__btn--save:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 6px 18px #00bcd44d}@media (width<=480px){.address-form{padding:var(--space-4)}.address-form__actions{flex-direction:column-reverse}.address-form__btn{justify-content:center;width:100%}}.pcard{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.pcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pcard__image{aspect-ratio:1;background:var(--color-gray-50);width:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.pcard__img{object-fit:contain;width:100%;height:100%;transition:transform var(--transition-base)}.pcard__img--cover{object-fit:cover}.pcard__img--contain{object-fit:contain}.pcard:hover .pcard__img{transform:scale(1.03)}.pcard__no-image{width:100%;height:100%;color:var(--text-muted);background:var(--color-gray-100);justify-content:center;align-items:center;font-size:48px;display:flex}.product-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white);z-index:3;white-space:nowrap;padding:4px 12px;position:absolute;top:16px;left:16px;box-shadow:0 2px 6px #00000026}.product-badge--orange{background:var(--color-warning);color:var(--text-primary)}.pcard__discount{background:var(--color-danger);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);z-index:3;padding:4px 10px;position:absolute;top:16px;right:16px;box-shadow:0 2px 6px #00000026}.pcard__fav-btn{background:var(--color-white);border:1px solid var(--border-light);border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-muted);cursor:pointer;z-index:4;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 6px #00000014}.pcard__fav-btn:hover{color:var(--color-danger);border-color:var(--color-danger);transform:scale(1.1)}.pcard__fav-btn--active{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-white)}.pcard__discount~.pcard__fav-btn{top:56px}.pcard__info{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.pcard__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight);-webkit-line-clamp:2;min-height:2.4em;transition:color var(--transition-fast);-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.pcard__title:hover{color:var(--color-primary-dark)}.pcard__article{font-size:var(--font-size-xs);color:var(--text-muted)}.pcard__stock{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary-dark)}.pcard__sold-out{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-danger);white-space:nowrap}.pcard__bottom{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-2);margin-top:auto;display:flex}.pcard__price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.pcard__price-block{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.pcard__price-old{font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:line-through}.pcard__price-new{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-danger)}.pcard__add-btn{background:var(--color-primary);width:40px;height:40px;color:var(--color-white);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 6px #00c8534d}.pcard__add-btn:hover{background:var(--color-primary-dark);transform:scale(1.05);box-shadow:0 4px 10px #00c85366}.pcard__add-btn:disabled{background:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed;box-shadow:none;transform:none}.pcard__qty{background:var(--bg-hover);border-radius:var(--radius-full);align-items:center;gap:4px;max-width:100%;padding:2px;display:inline-flex}.pcard__qty-btn{background:var(--color-primary);width:32px;height:32px;color:var(--color-white);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pcard__qty-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:scale(1.05)}.pcard__qty-btn:disabled{background:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed}.pcard__qty-value{text-align:center;min-width:28px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.pcard__qty-input{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--color-white);width:52px;min-width:52px;max-width:52px;height:28px;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:textfield;outline:none;flex-shrink:0;padding:0 4px}.pcard__qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pcard__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pcard__qty-input:focus,.pcard__qty-input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-lighter);outline:none}@media (width<=480px){.pcard__info{padding:var(--space-3)}.pcard__title{font-size:var(--font-size-xs)}.pcard__price,.pcard__price-new{font-size:var(--font-size-md)}.pcard__add-btn{width:36px;height:36px}.pcard__qty-btn{width:28px;height:28px}.pcard__qty-input{width:44px;min-width:44px;max-width:44px;height:26px;font-size:var(--font-size-xs)}.product-badge{padding:3px 8px;font-size:10px;top:12px;left:12px}.pcard__fav-btn{width:32px;height:32px;top:12px;right:12px}.pcard__discount{padding:3px 8px;font-size:10px;top:12px;right:12px}.pcard__discount~.pcard__fav-btn{top:48px}}.security-loading{color:var(--color-text-secondary,#666);align-items:center;gap:.75rem;padding:1.5rem 0;display:flex}.security-spin{animation:1s linear infinite security-spin}@keyframes security-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.security-block{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.security-header{background:var(--color-bg-soft,#f7f8fa);border:1px solid var(--color-border,#e5e7eb);border-radius:10px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.security-title{color:var(--color-text,#1f2937);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1rem;font-weight:600;display:flex}.security-subtitle{color:var(--color-text-secondary,#6b7280);margin:0;font-size:.9rem;line-height:1.45}.security-meta{color:var(--color-text,#1f2937);margin:.5rem 0 0;font-size:.9rem}.security-qr{border:1px solid var(--color-border,#e5e7eb);background:#fff;border-radius:12px;justify-content:center;padding:1rem;display:flex}.security-qr img{display:block}.security-secret{background:var(--color-bg-soft,#f7f8fa);border:1px solid var(--color-border,#e5e7eb);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.security-secret code{letter-spacing:.05em;word-break:break-all;color:var(--color-text,#1f2937);flex:1;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9rem}.security-copy{cursor:pointer;width:30px;height:30px;color:var(--color-text-secondary,#6b7280);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.security-copy:hover{color:var(--color-text,#1f2937);background:#0000000d}.security-codes{background:var(--color-bg-soft,#f7f8fa);border:1px solid var(--color-border,#e5e7eb);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:1rem;display:grid}.security-code{border:1px solid var(--color-border,#e5e7eb);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.security-code code{letter-spacing:.05em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem}.security-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.security-actions>.auth-submit{white-space:nowrap;flex:none;align-self:flex-start;width:auto;max-width:100%;padding:.7rem 1.25rem;font-size:.95rem}.auth-submit.security-btn{white-space:nowrap;align-self:flex-start;width:auto;max-width:100%;padding-left:1.5rem;padding-right:1.5rem}.auth-submit--secondary{color:var(--color-primary,#16a34a);border:1px solid var(--color-primary,#16a34a);box-shadow:none;background:0 0}.auth-submit--secondary:hover:not(:disabled){background:#16a34a14}.auth-submit--secondary:disabled{opacity:.55;cursor:not-allowed}.security-disable{border-top:1px solid var(--color-border,#e5e7eb);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.security-disable .security-actions{flex-wrap:wrap}@media (width<=560px){.security-codes{grid-template-columns:1fr}.security-header{flex-direction:column}.security-actions>.auth-submit,.auth-submit.security-btn{justify-content:center;align-self:stretch;width:100%}}.modal-overlay.modal-overlay--base{padding:20px;z-index:9999!important;background:#00000080!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.order-details-modal{background:var(--bg-card,#fff);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-xl,0 10px 40px #00000026);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.order-details-modal__header{padding:var(--space-4,16px) var(--space-5,20px);border-bottom:1px solid var(--border-light,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.order-details-modal__title-block{align-items:center;gap:var(--space-3,12px);display:flex}.order-details-modal__title{font-size:var(--font-size-lg,18px);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#111827);margin:0}.order-details-modal__close{width:32px;height:32px;color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.order-details-modal__close:hover{background:var(--bg-hover,#f3f4f6)}.order-details-modal__body{padding:var(--space-5,20px);gap:var(--space-4,16px);flex-direction:column;display:flex;overflow-y:auto}.order-details-section{gap:var(--space-3,12px);flex-direction:column;flex-shrink:0;display:flex}.order-details-section--compact{align-items:center;gap:var(--space-2,8px);font-size:var(--font-size-sm,14px);color:var(--text-secondary,#4b5563);background:var(--bg-body,#f9fafb);border-radius:var(--radius-md,8px);flex-direction:row;padding:8px 12px}.order-details-section__title{align-items:center;gap:var(--space-2,8px);font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#111827);padding-bottom:var(--space-2,8px);border-bottom:1px solid var(--border-light,#e5e7eb);margin:0;display:flex}.order-details-section__title svg{color:var(--color-primary,#16a34a)}.order-details-items{flex-direction:column;display:flex}.order-details-item{border-bottom:1px solid var(--border-light,#e5e7eb);background:0 0;align-items:center;gap:12px;padding:12px 0;display:flex}.order-details-item:last-child{border-bottom:none}.order-details-item__num{width:24px;height:24px;color:var(--text-muted,#9ca3af);font-size:14px;font-weight:var(--font-weight-medium,500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.order-details-item__media{border-radius:var(--radius-sm,4px);border:1px solid var(--border-light,#e5e7eb);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex;width:40px!important;height:40px!important;overflow:hidden!important}.order-details-item__image{object-fit:contain!important;width:100%!important;max-width:40px!important;height:100%!important;max-height:40px!important}.order-details-item__info{flex-direction:column;flex:1;gap:2px;min-width:0;padding-right:8px;display:flex}.order-details-item__name{font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-semibold,600);color:var(--text-primary,#111827);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.order-details-item__article{color:var(--text-muted,#6b7280);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.order-details-item__qty{font-size:var(--font-size-sm,14px);color:var(--text-secondary,#4b5563);white-space:nowrap;flex-shrink:0}.order-details-item__price{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;min-width:70px;display:flex}.order-details-item__unit{color:var(--text-muted,#6b7280);font-size:11px}.order-details-item__total{font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#111827)}.order-details-info{gap:var(--space-2,8px);flex-direction:column;display:flex}.order-details-info__row{justify-content:space-between;align-items:flex-start;gap:var(--space-3,12px);font-size:var(--font-size-sm,14px);display:flex}.order-details-info__label{color:var(--text-secondary,#4b5563);flex-shrink:0;align-items:center;gap:6px;display:flex}.order-details-info__value{color:var(--text-primary,#111827);font-weight:var(--font-weight-medium,500);text-align:right;word-break:break-word}.order-details-info__phone{color:#2563eb;font-weight:600;text-decoration:none;transition:color .2s}.order-details-info__phone:hover{color:var(--color-primary,#16a34a);text-decoration:underline}.order-details-info__muted{color:var(--text-muted,#6b7280);font-weight:400}.order-details-info__row--discount{color:var(--color-danger,#ef4444)}.order-details-section--summary{border-top:1px solid var(--border-light,#e5e7eb);padding-top:var(--space-4,16px);padding-bottom:var(--space-2,8px)}.order-details-total{margin-top:var(--space-2,8px);font-size:var(--font-size-base,16px);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#111827);justify-content:space-between;align-items:baseline;display:flex}.order-details-total__value{font-size:var(--font-size-2xl,24px);color:var(--color-primary-darker,#15803d)}.order-details-empty{color:var(--text-muted,#6b7280);font-size:var(--font-size-sm,14px);text-align:center;padding:var(--space-4,16px) 0}@media (width<=600px){.modal-overlay.modal-overlay--base{padding:0}.order-details-modal{border-radius:0;max-width:100%;height:100%;max-height:100vh}}.order-history-modal{background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:80vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.25s order-history-slide;display:flex;overflow:hidden}@keyframes order-history-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.order-history-modal__header{padding:var(--space-5);border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.order-history-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.order-history-modal__close{background:var(--color-gray-100);border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:inline-flex}.order-history-modal__close:hover{background:var(--color-gray-200);color:var(--text-primary)}.order-history-modal__body{padding:var(--space-5);overflow-y:auto}.order-history-modal__empty{text-align:center;color:var(--color-gray-500);padding:var(--space-8) 0;font-size:var(--font-size-sm)}.order-history-entry{padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100);gap:var(--space-2);flex-direction:column;display:flex}.order-history-entry:last-child{border-bottom:none}.order-history-entry__status{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.order-history-entry__date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.order-history-entry__note{font-size:var(--font-size-sm);color:var(--color-gray-700);padding-left:var(--space-2);border-left:2px solid var(--color-primary-lighter)}.order-history-entry__user{font-size:var(--font-size-xs);color:var(--color-gray-500);align-items:center;gap:4px;display:inline-flex}.cancel-order-modal{background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s cancel-order-modal-in;display:flex;position:relative;overflow:hidden}@keyframes cancel-order-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cancel-order-modal__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-gray-100);display:flex}.cancel-order-modal__title-block{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.cancel-order-modal__icon{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-danger);background:#ffebee;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cancel-order-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin:0}.cancel-order-modal__close{width:36px;height:36px;color:var(--color-gray-500);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cancel-order-modal__close:hover:not(:disabled){background:var(--color-gray-100);color:var(--text-primary)}.cancel-order-modal__close:disabled{opacity:.5;cursor:not-allowed}.cancel-order-modal__body{padding:var(--space-5);overflow-y:auto}.cancel-order-modal__warning{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4)}.cancel-order-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);display:block}.cancel-order-modal__optional{font-weight:var(--font-weight-regular);color:var(--color-gray-500)}.cancel-order-modal__textarea{width:100%;min-height:88px;padding:var(--space-3);font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.cancel-order-modal__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter);outline:none}.cancel-order-modal__textarea:disabled{background:var(--color-gray-50);color:var(--color-gray-500);cursor:not-allowed}.cancel-order-modal__hint{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-gray-400);text-align:right}.cancel-order-modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-gray-100);background:var(--color-gray-50);flex-wrap:wrap;display:flex}.cancel-order-modal__btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;border:none;padding:10px 20px;display:inline-flex}.cancel-order-modal__btn:disabled{opacity:.6;cursor:not-allowed}.cancel-order-modal__btn--ghost{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-200)}.cancel-order-modal__btn--ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--text-primary)}.cancel-order-modal__btn--danger{background:var(--color-danger);color:var(--color-white)}.cancel-order-modal__btn--danger:hover:not(:disabled){background:#c62828;transform:translateY(-1px);box-shadow:0 6px 18px #e539354d}@media (width<=480px){.cancel-order-modal{border-radius:var(--radius-lg);max-height:95vh}.cancel-order-modal__header{padding:var(--space-3) var(--space-4)}.cancel-order-modal__icon{width:32px;height:32px}.cancel-order-modal__title{font-size:var(--font-size-base)}.cancel-order-modal__body{padding:var(--space-4)}.cancel-order-modal__footer{padding:var(--space-3) var(--space-4)}.cancel-order-modal__btn{flex:1}}.dashboard-page{max-width:var(--container-max-width);padding:var(--space-6) var(--container-padding);margin:0 auto}.dashboard-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.dashboard-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.4px;align-items:center;gap:var(--space-2);margin:0;display:inline-flex}.dashboard-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-icon{align-items:center;gap:var(--space-2);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:10px 18px;display:inline-flex}.btn-icon:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary-darker);background:var(--color-primary-lighter)}.btn-icon:disabled{opacity:.6;cursor:not-allowed}.panel-tabs{gap:var(--space-2);margin-bottom:var(--space-5);background:var(--color-gray-100,#f5f5f5);border-radius:var(--radius-full);width:fit-content;max-width:100%;padding:4px;display:flex}.panel-tab{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:10px 18px;display:inline-flex;position:relative}.panel-tab:hover:not(.panel-tab--active){color:var(--text-primary);background:#00000008}.panel-tab--active{background:var(--color-white);color:var(--color-primary-darker);box-shadow:0 2px 6px #0000000f}.panel-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.panel-tab__badge{border-radius:var(--radius-full);background:var(--color-primary);min-width:20px;height:20px;color:var(--color-white);font-size:11px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;padding:0 6px;line-height:1;display:inline-flex}.panel-summary{gap:var(--space-6);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.panel-summary__item{font-size:var(--font-size-sm);color:var(--color-gray-600)}.panel-summary__item strong{color:var(--text-primary);font-weight:var(--font-weight-bold);margin-left:4px}.orders-list{gap:var(--space-4);flex-direction:column;display:flex}.orders-empty{text-align:center;padding:var(--space-16) var(--space-5);color:var(--color-gray-500);font-size:var(--font-size-base)}.order-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);position:relative;overflow:hidden}.order-card:hover{box-shadow:var(--shadow-md)}.order-card__watermark{letter-spacing:4px;color:#4caf502e;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;text-transform:uppercase;border:4px solid #4caf502e;border-radius:8px;padding:6px 18px;font-size:32px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-15deg)}.order-card__watermark--cancelled{color:#f443362e;border-color:#f443362e}.order-card__header,.order-card__body,.order-card__footer{z-index:2;position:relative}.order-card__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-100);flex-wrap:wrap;display:flex}.order-card__id{align-items:baseline;gap:var(--space-1);display:flex}.order-card__id-label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.order-card__id-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.order-card__date{font-size:var(--font-size-sm);color:var(--color-gray-500);align-items:center;gap:6px;display:inline-flex}.status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;padding:4px 12px;display:inline-flex}.status-badge--new{color:#1565c0;background:#e3f2fd}.status-badge--confirmed{color:#e65100;background:#fff3e0}.status-badge--assembling{color:#6a1b9a;background:#f3e5f5}.status-badge--assembled{color:#00838f;background:#e0f7fa}.status-badge--shipped{color:#2e7d32;background:#e8f5e9}.status-badge--delivered{color:#33691e;background:#dcedc8}.status-badge--cancelled{color:#c62828;background:#ffebee}.delivery-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;gap:5px;padding:4px 12px;display:inline-flex}.delivery-badge--delivery{color:#00838f;background:#e0f7fa}.delivery-badge--pickup{color:#6a1b9a;background:#f3e5f5}.order-card__body{padding:var(--space-4) 0;gap:var(--space-2) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.order-card__body--3col{grid-template-columns:1fr 1fr 1fr}.order-card__body--delivery{grid-template-columns:1fr 2fr 1fr}.order-field{gap:var(--space-2);font-size:var(--font-size-sm);align-items:baseline;min-width:0;display:flex}.order-field__label{color:var(--color-gray-500);flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.order-field__value{color:var(--text-primary);font-weight:var(--font-weight-medium);word-break:break-word;min-width:0}.order-field__value--bold{font-weight:var(--font-weight-bold)}.order-field__value--total{color:var(--color-primary-darker);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.order-field__phone{color:var(--color-primary-darker);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast);text-decoration:none}.order-field__phone:hover{color:var(--color-primary-dark);text-decoration:underline}.order-field__muted{color:var(--color-gray-500);font-weight:var(--font-weight-regular)}.order-card__footer{padding-top:var(--space-4);border-top:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.order-items{min-width:0;font-size:var(--font-size-sm);color:var(--color-gray-500);flex:1;align-items:center;gap:6px;display:inline-flex}.order-items__label{color:var(--color-gray-600);font-weight:var(--font-weight-medium);align-items:center;gap:6px;display:inline-flex}.order-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-action{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.btn-action:disabled{opacity:.6;cursor:not-allowed}.btn-action--primary{background:var(--color-primary);color:var(--color-white)}.btn-action--primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 6px 18px #00bcd44d}.btn-action--purple{color:var(--color-white);background:#9c27b0}.btn-action--purple:hover:not(:disabled){background:#7b1fa2;transform:translateY(-1px)}.btn-action--green{color:var(--color-white);background:#4caf50}.btn-action--green:hover:not(:disabled){background:#388e3c;transform:translateY(-1px)}.btn-action--orange{color:var(--color-white);background:#ff9800}.btn-action--orange:hover:not(:disabled){background:#f57c00;transform:translateY(-1px)}.btn-action--ghost{background:var(--color-gray-100);color:var(--color-gray-700)}.btn-action--ghost:hover:not(:disabled){background:var(--color-gray-200);color:var(--text-primary)}.btn-action--danger:hover:not(:disabled){background:var(--color-danger-dark,#d50000);transform:translateY(-1px)}.status-info{color:var(--color-gray-500);font-size:var(--font-size-sm);font-style:italic}.dashboard-loading{text-align:center;padding:var(--space-16) var(--space-5);color:var(--color-gray-500);font-size:var(--font-size-base)}.dashboard-loading__spinner{border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:48px;height:48px;margin:0 auto var(--space-4);animation:.8s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.panel-alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm);display:flex}.panel-alert--error{color:#c62828;background:#ffebee}@media (width<=768px){.dashboard-page{padding:var(--space-4) var(--container-padding)}.dashboard-title{font-size:var(--font-size-2xl)}.order-card__body,.order-card__body--3col,.order-card__body--delivery{grid-template-columns:1fr}.order-card__footer{flex-direction:column;align-items:stretch}.order-actions{justify-content:stretch}.btn-action{flex:1;justify-content:center}.panel-summary{gap:var(--space-2);flex-direction:column}.order-card__watermark{letter-spacing:3px;border-width:3px;padding:5px 14px;font-size:26px}}@media (width<=480px){.dashboard-header{align-items:stretch;gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column}.dashboard-title{font-size:var(--font-size-xl)}.dashboard-title svg{width:22px;height:22px}.dashboard-actions{justify-content:stretch}.dashboard-actions .btn-icon,.dashboard-header .btn-icon{font-size:var(--font-size-xs);flex:1;justify-content:center;padding:8px 12px}.panel-tabs{width:100%;margin-bottom:var(--space-3)}.panel-tab{font-size:var(--font-size-xs);flex:1;justify-content:center;gap:4px;padding:8px 12px}.panel-tab svg{width:14px;height:14px}.panel-tab__badge{min-width:18px;height:18px;padding:0 5px;font-size:10px}.panel-summary{padding:var(--space-3);margin-bottom:var(--space-3)}.panel-summary__item{font-size:var(--font-size-xs)}.order-card{padding:var(--space-3)}.order-card__header{gap:var(--space-2);padding-bottom:var(--space-3)}.order-card__id-value{font-size:var(--font-size-base)}.order-card__date{font-size:var(--font-size-xs)}.status-badge{padding:3px 10px;font-size:10px}.order-card__body{padding:var(--space-3) 0}.order-field{font-size:var(--font-size-xs)}.order-field__value--total{font-size:var(--font-size-base)}.btn-action{font-size:var(--font-size-xs);gap:4px;padding:8px 12px}.btn-action svg{width:14px;height:14px}.order-card__footer{padding-top:var(--space-3);gap:var(--space-2)}.order-items__label{font-size:var(--font-size-xs)}.order-card__watermark{letter-spacing:2px;border-width:3px;border-radius:6px;padding:4px 12px;font-size:20px}.manager-modal{border-radius:var(--radius-lg);max-height:90vh}.manager-modal__header{padding:var(--space-4)}.manager-modal__title{font-size:var(--font-size-base)}.manager-modal__body{padding:var(--space-4)}.manager-history-entry__note{font-size:var(--font-size-xs)}}.manager-stats{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.manager-stat{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);text-align:center;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-fast);border:none;border-top:3px solid var(--color-gray-200);cursor:pointer;font-family:inherit}.manager-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.manager-stat__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:4px;line-height:1}.manager-stat__label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.manager-stat--total{border-top-color:var(--color-primary)}.manager-stat--total .manager-stat__value{color:var(--color-primary-darker)}.manager-stat--new{border-top-color:#2196f3}.manager-stat--new .manager-stat__value{color:#1565c0}.manager-stat--confirmed{border-top-color:#ff9800}.manager-stat--confirmed .manager-stat__value{color:#e65100}.manager-stat--assembling{border-top-color:#9c27b0}.manager-stat--assembling .manager-stat__value{color:#6a1b9a}.manager-stat--assembled{border-top-color:#00bcd4}.manager-stat--assembled .manager-stat__value{color:#00838f}.manager-stat--shipped{border-top-color:#4caf50}.manager-stat--shipped .manager-stat__value{color:#2e7d32}.manager-stat--delivered{border-top-color:#8bc34a}.manager-stat--delivered .manager-stat__value{color:#33691e}.manager-stat--cancelled{border-top-color:var(--color-danger)}.manager-stat--cancelled .manager-stat__value{color:var(--color-danger)}.manager-stat--today{border-top-color:#64ddc3}.manager-stat--today .manager-stat__value{color:#41d1f5}.manager-stat--active{box-shadow:0 0 0 2px var(--color-primary), var(--shadow-sm);transform:translateY(-1px)}.manager-stat--active:hover{box-shadow:0 0 0 2px var(--color-primary), var(--shadow-md);transform:translateY(-1px)}.manager-toolbar{gap:var(--space-3);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.manager-toolbar__period{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.manager-toolbar__period-icon{color:var(--color-gray-500);flex-shrink:0}.manager-period-select{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);height:40px;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239E9E9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;outline:none;min-width:180px;padding:0 36px 0 12px}.manager-period-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00bcd41f}.manager-period-dates{align-items:center;gap:6px;display:inline-flex}.manager-date-input{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);height:40px;font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;min-width:140px;padding:0 10px}.manager-date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00bcd41f}.manager-period-sep{color:var(--color-gray-400);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.manager-toolbar__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.manager-toolbar__reset{background:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-full);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.manager-toolbar__reset:hover{color:var(--color-danger);background:#ffebee}@media (width<=768px){.manager-stats{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.manager-stat{padding:var(--space-3)}.manager-stat__value{font-size:var(--font-size-xl)}.manager-toolbar{flex-direction:column;align-items:stretch}.manager-toolbar__period{width:100%}.manager-period-select{flex:1;min-width:0}.manager-toolbar__actions{justify-content:stretch}.manager-toolbar__actions .btn-icon{flex:1;justify-content:center}.manager-toolbar__reset{justify-content:center}}@media (width<=480px){.manager-stats{margin-bottom:var(--space-3);grid-template-columns:repeat(4,1fr);gap:6px}.manager-stat{padding:var(--space-2);border-top-width:2px}.manager-stat__value{font-size:var(--font-size-base);margin-bottom:2px}.manager-stat__label{font-size:10px;line-height:1.1}.manager-stat--active{box-shadow:0 0 0 2px var(--color-primary);transform:none}.manager-toolbar{padding:var(--space-3);margin-bottom:var(--space-3);gap:var(--space-2)}.manager-toolbar__period-icon{display:none}.manager-period-select{height:38px;font-size:var(--font-size-xs);background-position:right 10px center;padding:0 30px 0 10px}.manager-period-dates{flex-wrap:wrap;width:100%}.manager-date-input{min-width:0;height:38px;font-size:var(--font-size-xs);flex:1;padding:0 8px}.manager-period-sep{display:none}.manager-toolbar__actions .btn-icon{font-size:var(--font-size-xs);padding:8px 12px}.manager-toolbar__actions .btn-icon svg{width:14px;height:14px}.manager-toolbar__reset{font-size:var(--font-size-xs);padding:6px 12px}}.btn-action--danger{background:var(--color-danger);color:var(--color-white)}.btn-action--danger:hover:not(:disabled){background:#c62828;transform:translateY(-1px);box-shadow:0 6px 18px #e539354d}.product-pagination{gap:var(--space-4);padding:var(--space-6) 0;border-top:1px solid var(--border-light);margin-top:var(--space-8);flex-direction:column;display:flex}.pagination-info{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.items-per-page{align-items:center;gap:var(--space-2);display:flex}.items-per-page label{color:var(--text-primary);font-size:var(--font-size-sm)}.items-per-page-select{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;background:var(--bg-card);color:var(--text-primary);transition:border-color var(--transition-fast);padding:6px 12px;font-family:inherit}.items-per-page-select:hover{border-color:var(--color-primary)}.items-per-page-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #00c85326}.pagination-controls{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pagination-btn{border:1px solid var(--border-light);background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-family:inherit;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-align:center;min-width:36px;color:var(--text-primary);padding:8px 16px}.pagination-btn:hover:not(:disabled):not(.active){background:var(--bg-body);border-color:var(--color-primary);color:var(--color-primary-darker,var(--color-primary));transform:translateY(-2px)}.pagination-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pagination-btn.active{background:var(--color-primary);color:var(--color-white,#fff);border-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.pagination-btn.active:hover{background:var(--color-primary-darker,var(--color-primary));border-color:var(--color-primary-darker,var(--color-primary));transform:none}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.pagination-dots{color:var(--text-secondary);font-size:var(--font-size-base);-webkit-user-select:none;user-select:none;padding:0 4px}@media (width<=768px){.pagination-info{text-align:center;flex-direction:column;align-items:center}.items-per-page{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:var(--font-size-xs);min-width:32px;padding:6px 12px}}@media (width<=480px){.pagination-btn{font-size:var(--font-size-xs);min-width:28px;padding:5px 10px}}.delivery-modal{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-8) var(--space-6);width:100%;max-width:760px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.25s delivery-modal-slide;position:relative;overflow-y:auto}@keyframes delivery-modal-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delivery-modal__close{top:var(--space-4);right:var(--space-4);background:var(--color-gray-100);border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;color:var(--color-gray-600);transition:background var(--transition-fast), color var(--transition-fast);z-index:2;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.delivery-modal__close:hover{background:var(--color-gray-200);color:var(--text-primary)}.delivery-modal__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.4px}.delivery-modal__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-6)}.delivery-modal__header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.delivery-modal__header .delivery-modal__title{margin-bottom:0}.delivery-modal__back{background:var(--color-gray-100);border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;color:var(--text-primary);transition:background var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.delivery-modal__back:hover{background:var(--color-gray-200)}.delivery-modal__type-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.delivery-type-card-wrapper{flex-direction:column;gap:6px;display:flex}.delivery-type-card{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-align:center;flex-direction:column;font-family:inherit;display:flex;position:relative}.delivery-type-card:hover{border-color:var(--color-primary);background:var(--color-primary-lighter);box-shadow:var(--shadow-md);transform:translateY(-2px)}.delivery-type-card--active{border-color:var(--color-primary);background:var(--color-primary-lighter);box-shadow:0 4px 16px #00bcd433}.delivery-type-card__icon{color:var(--color-primary);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.delivery-type-card__label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.delivery-type-card__hint{font-size:var(--font-size-sm);color:var(--text-secondary)}.delivery-type-card__change{color:var(--color-gray-500);cursor:pointer;text-align:center;transition:color var(--transition-fast);background:0 0;border:none;align-self:center;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:500;text-decoration:none}.delivery-type-card__change:hover{color:var(--color-primary)}.delivery-modal__zone-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.zone-card-modal{text-align:left;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4);cursor:pointer;transition:all var(--transition-base);background:var(--color-white);flex-direction:column;gap:6px;font-family:inherit;display:flex}.zone-card-modal:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 4px 16px #00bcd41f}.zone-card-modal--selected{border-color:var(--color-primary);background:var(--color-primary-lighter)}.zone-card-modal:disabled,.zone-card-modal--unavailable{opacity:.5;cursor:not-allowed;background:var(--color-gray-50)}.zone-card-modal__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.zone-card-modal__icon{color:var(--color-primary);flex-shrink:0;display:flex}.zone-card-modal__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary);flex:1}.zone-card-modal__check{border-radius:var(--radius-full);background:var(--color-primary);width:20px;height:20px;color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.zone-card-modal__meta{font-size:var(--font-size-xs);color:var(--color-gray-500);align-items:center;gap:4px;display:flex}.zone-card-modal__price{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-darker);margin-top:4px}.zone-card-modal__unavailable{font-size:var(--font-size-xs);color:var(--color-danger);font-weight:var(--font-weight-semibold);margin-top:4px}.delivery-modal__point-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}.point-card-modal{text-align:left;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition-base);background:var(--color-white);flex-direction:column;gap:4px;font-family:inherit;display:flex}.point-card-modal:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 4px 16px #00bcd41f}.point-card-modal--selected{border-color:var(--color-primary);background:var(--color-primary-lighter)}.point-card-modal:disabled,.point-card-modal--unavailable{opacity:.5;cursor:not-allowed;background:var(--color-gray-50)}.point-card-modal__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.point-card-modal__icon{color:var(--color-primary);flex-shrink:0;display:flex}.point-card-modal__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--text-primary);flex:1}.point-card-modal__check{border-radius:var(--radius-full);background:var(--color-primary);width:20px;height:20px;color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.point-card-modal__address{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.point-card-modal__meta{font-size:var(--font-size-xs);color:var(--color-gray-500);align-items:center;gap:4px;display:flex}.point-card-modal__cooking{font-size:var(--font-size-xs);color:var(--color-primary-darker);font-weight:var(--font-weight-semibold);margin-top:4px}.delivery-modal__loading,.delivery-modal__empty{padding:var(--space-8);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm);background:var(--color-gray-50);border-radius:var(--radius-lg)}.delivery-modal__error{padding:var(--space-3) var(--space-4);color:#c62828;border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm);background:#ffebee;border-left:4px solid #c62828}@media (width<=640px){.delivery-modal{padding:var(--space-5) var(--space-4);border-radius:var(--radius-xl);max-width:100%;max-height:calc(100vh - var(--space-6));margin:auto}.delivery-modal__close{top:var(--space-3);right:var(--space-3);width:36px;height:36px}.delivery-modal__title{font-size:var(--font-size-xl)}.delivery-modal__type-grid{gap:var(--space-3);grid-template-columns:1fr}.delivery-type-card{padding:var(--space-5) var(--space-4);text-align:left;justify-content:flex-start;gap:var(--space-4);flex-direction:row}.delivery-type-card__icon{margin-bottom:0}.delivery-modal__zone-grid{grid-template-columns:1fr}}.delivery-modal__warning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.4}.delivery-modal__store-hint{color:var(--color-text-secondary,#6b7280);text-align:center;margin:-8px 0 14px;font-size:13px}.delivery-type-card:disabled{opacity:.5;cursor:not-allowed}.delivery-type-card__check{background:var(--color-primary);width:24px;height:24px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #00bcd459}.store-picker-modal{background:var(--color-surface,#fff);border-radius:var(--radius-lg,20px);width:calc(100% - 32px);max-width:560px;max-height:85vh;box-shadow:var(--shadow-xl,0 24px 48px #0000002e);flex-direction:column;padding:32px 28px 24px;display:flex;position:relative}.store-picker-modal__close{color:var(--color-text-secondary,#6b7280);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.store-picker-modal__close:hover{background:var(--color-surface-hover,#f3f4f6);color:var(--color-text,#111827)}.store-picker-modal__title{color:var(--color-text,#111827);text-align:center;margin:0 0 6px;font-size:24px;font-weight:700}.store-picker-modal__subtitle{color:var(--color-text-secondary,#6b7280);text-align:center;margin:0 0 24px;font-size:15px;line-height:1.5}.store-picker-modal__loading,.store-picker-modal__empty{text-align:center;color:var(--color-text-secondary,#6b7280);padding:32px 16px;font-size:15px}.store-picker-modal__grid{flex:1;grid-template-columns:1fr;gap:12px;min-height:0;margin-bottom:20px;padding-right:4px;display:grid;overflow-y:auto}@media (width>=480px){.store-picker-modal__grid{grid-template-columns:1fr 1fr}}.store-picker-modal__grid::-webkit-scrollbar{width:5px}.store-picker-modal__grid::-webkit-scrollbar-track{background:0 0}.store-picker-modal__grid::-webkit-scrollbar-thumb{background-color:var(--color-border,#e5e7eb);border-radius:10px}.store-card{background:var(--color-surface,#fff);border:2px solid var(--color-border,#e5e7eb);border-radius:var(--radius-md,14px);cursor:pointer;text-align:center;color:inherit;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;font-family:inherit;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative}.store-card:hover{border-color:var(--color-primary,#00c853);background:var(--color-primary-soft,#f0fdf4)}.store-card:active{transform:scale(.98)}.store-card--selected{border-color:var(--color-primary,#00c853);background:var(--color-primary-soft,#f0fdf4)}.store-card__icon{color:var(--color-primary,#00c853);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.store-card__name{color:var(--color-text,#111827);font-size:15px;font-weight:600;line-height:1.3}.store-card__address{color:var(--color-text-secondary,#6b7280);align-items:center;gap:4px;font-size:12px;line-height:1.3;display:flex}.store-card__check{background:var(--color-primary,#00c853);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:8px;right:8px}.store-picker-modal__hint{color:var(--color-text-secondary,#6b7280);text-align:center;border-top:1px solid var(--color-border,#e5e7eb);margin:0;padding-top:16px;font-size:13px;line-height:1.5}.site-header{background:var(--bg-header);box-shadow:var(--shadow-header);z-index:var(--z-sticky);color:var(--text-primary);position:sticky;top:0}.site-header__container{max-width:var(--container-max-width);padding:12px var(--container-padding);align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.site-header__burger{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:none}.site-header__burger:hover{background:var(--bg-active)}.site-header__logo{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary-dark);letter-spacing:-.5px;transition:opacity var(--transition-fast);flex-shrink:0;text-decoration:none}.site-header__logo:hover{color:var(--color-primary-darker);opacity:.9}.site-header__change{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:6px;margin-left:32px;padding:8px 16px;font-family:inherit;display:inline-flex}.site-header__change:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.site-header__change:active{transform:translateY(0)}.site-header__nav{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.site-header__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);border-radius:var(--radius-full);transition:background var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:8px 12px;text-decoration:none;display:inline-flex}.site-header__link:hover{background:var(--bg-hover);color:var(--color-primary-darker)}.site-header__link--icon{padding-left:10px}.site-header__icon{border-radius:var(--radius-full);background:var(--bg-hover);border:1px solid var(--border-light);width:40px;height:40px;color:var(--text-primary);transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.site-header__icon:hover{background:var(--bg-active);color:var(--color-primary-darker)}.site-header__icon-badge{background:var(--color-warning);min-width:20px;height:20px;color:var(--text-primary);font-size:11px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);border:2px solid var(--color-white);justify-content:center;align-items:center;padding:0 6px;display:flex;position:absolute;top:-4px;right:-4px}.site-header__icon-badge--heart{background:var(--color-danger);color:var(--color-white);border-color:var(--color-white)}.site-header__user{align-items:center;gap:var(--space-2);padding-left:var(--space-2);display:flex}.site-header__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}a.site-header__user-name{border-radius:var(--radius-full);transition:background var(--transition-fast);padding:4px 8px;text-decoration:none}a.site-header__user-name:hover{background:var(--bg-hover);color:var(--color-primary-darker)}.site-header__logout{border-radius:var(--radius-full);background:var(--bg-hover);border:1px solid var(--border-light);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.site-header__logout:hover{color:var(--color-danger);background:#f4433626;border-color:#f4433666}.site-header__btn-register{background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);transition:transform var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;align-items:center;padding:8px 18px;text-decoration:none;display:inline-flex}.site-header__btn-register:hover{background:var(--color-primary-dark);color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 12px #00c8534d}@media (width<=1024px){.site-header__link--icon{padding:8px 10px}}@media (width<=768px){:root{--header-height:110px}.site-header__container{padding:10px var(--container-padding);gap:var(--space-2);flex-wrap:wrap}.site-header__burger{display:inline-flex}.site-header__logo{font-size:var(--font-size-lg)}.site-header__link,.site-header__user,.site-header__logout,.site-header__btn-register{display:none}.site-header__change{font-size:var(--font-size-xs);margin-left:60px;padding:7px 12px}.site-header__nav{gap:4px;margin-left:auto}}@media (width<=480px){.site-header__burger,.site-header__icon{width:36px;height:36px}.site-header__icon-badge{min-width:18px;height:18px;padding:0 4px;font-size:10px;top:-2px;right:-2px}}@media (width<=400px){:root{--header-height:106px}.site-header__container{padding:8px var(--container-padding);gap:6px}.site-header__burger{width:34px;height:34px}.site-header__logo{font-size:var(--font-size-base)}.site-header__icon{width:34px;height:34px}.site-header__icon svg{width:18px;height:18px}.site-header__icon-badge{min-width:16px;height:16px;padding:0 3px;font-size:9px;top:-1px;right:-1px}.site-header__change{margin-left:12px;padding:6px 10px;font-size:11px}}.site-header__link-badge{color:#fff;background:#e53935;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;animation:2s ease-in-out infinite header-badge-pulse;display:inline-flex;box-shadow:0 1px 3px #0003}@keyframes header-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.site-header__link-badge{animation:none}}.checkout-store-info{background:var(--color-primary-soft,#f0fdf4);border:1px solid var(--color-border,#c8e6c9);color:var(--color-text,#111827);border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:13px;display:inline-flex}@media (width<=768px){.site-header__cart-wrapper{display:none!important}}.category-chips{width:100%;padding:var(--space-4) 0 var(--space-2)}.category-chips__track{align-items:center;gap:var(--space-2);scroll-behavior:smooth;padding:4px 2px 8px;display:flex;overflow:auto hidden}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.category-chip{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.category-chip:hover{background:var(--color-primary-lighter);border-color:var(--color-primary-light);color:var(--color-primary-darker)}.category-chip--active{background:var(--color-primary-lighter);border-color:var(--color-primary);color:var(--color-primary-darker);font-weight:var(--font-weight-semibold);box-shadow:0 2px 8px #00bcd426}.category-chip--active:hover{background:var(--color-primary-light)}.category-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.category-chip--skeleton{background:linear-gradient(90deg, var(--color-gray-100) 0%, var(--color-gray-200) 50%, var(--color-gray-100) 100%);pointer-events:none;background-size:200% 100%;border:none;width:100px;height:40px;animation:1.4s infinite chip-skeleton}@keyframes chip-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.category-chips{padding:var(--space-3) 0 var(--space-2)}.category-chip{font-size:var(--font-size-xs);padding:8px 14px}}@media (width<=480px){.category-chips{padding:var(--space-2) 0 var(--space-2)}.category-chips__track{gap:6px;padding:2px 2px 6px}.category-chip{font-size:var(--font-size-xs);gap:4px;padding:6px 12px}.category-chip svg{width:14px;height:14px}}.info-bar{gap:var(--space-4) var(--space-6);padding:var(--space-4) var(--space-6);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin:var(--space-2) 0 var(--space-6);flex-wrap:wrap;display:flex}.info-bar__item{align-items:center;gap:var(--space-3);flex:auto;min-width:200px;display:flex}.info-bar__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.info-bar__icon--green{color:#2e7d32;background:#e8f5e9}.info-bar__icon--blue{color:#1976d2;background:#e3f2fd}.info-bar__icon--purple{color:#7b1fa2;background:#f3e5f5}.info-bar__icon--orange{color:#e65100;background:#fff3e0}.info-bar__text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-tight)}.info-bar__text strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}@media (width<=768px){.info-bar{padding:var(--space-3) var(--space-4);gap:var(--space-3) var(--space-4);margin:var(--space-2) 0 var(--space-4)}.info-bar__item{gap:var(--space-2);min-width:140px}.info-bar__icon{width:32px;height:32px}.info-bar__text{font-size:var(--font-size-xs)}}@media (width<=480px){.info-bar{padding:var(--space-3);gap:var(--space-2) var(--space-3);margin:var(--space-2) 0 var(--space-3);border-radius:var(--radius-lg)}.info-bar__item{flex:0 1 calc(50% - var(--space-3) / 2);align-items:flex-start;gap:6px;min-width:0}.info-bar__icon{border-radius:var(--radius-sm);width:26px;height:26px}.info-bar__icon svg{width:14px;height:14px}.info-bar__text{font-size:11px;line-height:1.25}}@media (width<=400px){.info-bar__item{flex:0 100%}}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{border-radius:var(--radius-full,999px);border:1px solid var(--color-gray-100,#e5e7eb);z-index:1000;box-sizing:border-box;justify-content:space-around;align-items:center;height:72px;padding:0 8px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 10px 25px #00000026;-webkit-backdrop-filter:none!important;background-color:#fff!important}.bottom-nav__item{height:100%;color:var(--color-gray-400,#9ca3af);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s;display:flex;position:relative}.bottom-nav__icon{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:relative}.bottom-nav__icon svg{width:26px!important;height:26px!important}.bottom-nav__badge{background:var(--color-danger,#ef4444);color:#fff;z-index:1;border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-8px}.bottom-nav__label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.1;overflow:hidden}.bottom-nav__label--cart{font-size:12px;font-weight:700}}.bottom-nav__item--active{-webkit-tap-highlight-color:transparent;background-color:#0000;color:var(--color-primary,#00c853)!important}.bottom-nav__item--active .bottom-nav__icon svg{stroke:var(--color-primary,#00c853)!important;color:var(--color-primary,#00c853)!important}.bottom-nav__item:active{color:var(--color-primary,#00c853)!important;background-color:#0000!important}.bottom-nav__item:active .bottom-nav__icon svg{stroke:var(--color-primary,#00c853)!important}.barcode-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.barcode-modal{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:420px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 20px 40px #0003}.barcode-modal__close{cursor:pointer;color:#333;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.barcode-modal__close:hover{background:#e0e0e0}.barcode-modal__title{color:#1a1a1a;justify-content:center;align-items:center;gap:8px;margin:0 0 20px;font-size:20px;font-weight:600;display:flex}.barcode-modal__scanner-wrapper{aspect-ratio:1;background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden}.barcode-modal__reader{width:100%;height:100%}.barcode-modal__overlay{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1000px #0000004d}.barcode-modal__corner{border:3px solid #00c853;border-radius:4px;width:30px;height:30px;position:absolute}.barcode-modal__corner--tl{border-bottom:none;border-right:none;top:20px;left:20px}.barcode-modal__corner--tr{border-bottom:none;border-left:none;top:20px;right:20px}.barcode-modal__corner--bl{border-top:none;border-right:none;bottom:20px;left:20px}.barcode-modal__corner--br{border-top:none;border-left:none;bottom:20px;right:20px}.barcode-modal__laser{background:#00c853;height:2px;animation:2s linear infinite scanLaser;position:absolute;top:20px;left:20px;right:20px;box-shadow:0 0 10px #00c853}@keyframes scanLaser{0%{top:20px}50%{top:calc(100% - 20px)}to{top:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.barcode-modal__error{color:#e53935;margin-top:12px;font-size:14px}.barcode-modal__hint{color:#888;margin-top:16px;font-size:14px;font-weight:500}.ptr-wrapper{width:100%;position:relative}.ptr-indicator{z-index:100;background:var(--bg-card,#fff);width:44px;height:44px;color:var(--color-primary,#16a34a);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,opacity .2s;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}.ptr-indicator--refreshing svg{animation:.8s linear infinite ptr-spin}.ptr-indicator__arrow{transition:transform .2s}.ptr-indicator__arrow--ready{transform:rotate(180deg)}@keyframes ptr-spin{to{transform:rotate(360deg)}}.ptr-content{will-change:transform;transition:transform 50ms linear}.ptr-content--releasing{transition:transform .2s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased}.container{max-width:1280px;margin:0 auto;padding:24px}.catalog-page{padding:8px 0}.catalog-sticky{top:var(--header-height);z-index:50;background:var(--bg-body);padding-top:var(--space-2);padding-bottom:var(--space-3);margin-bottom:var(--space-3);position:sticky;box-shadow:0 6px 16px -12px #00000026}.catalog-title{color:var(--text-primary);letter-spacing:-.4px;margin-bottom:20px;font-size:28px;font-weight:700}.catalog-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:0;display:flex}.search-form{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-full);min-width:280px;height:48px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;align-items:center;padding:0 6px 0 44px;display:flex;position:relative}.search-form:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.search-form__icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{height:100%;font-size:var(--font-size-sm);box-shadow:none;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0 8px}.search-input:focus,.search-input:focus-visible{box-shadow:none;outline:none}.search-input::placeholder{color:var(--text-muted)}.search-form__clear{background:var(--bg-hover);width:28px;height:28px;color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.search-form__clear:hover{background:var(--border-light);color:var(--text-primary)}.search-form__submit{background:var(--color-primary);width:38px;height:38px;color:var(--text-inverse);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.search-form__submit:hover{background:var(--color-primary-dark);transform:scale(1.05)}.filter-pill{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-full);height:48px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;display:inline-flex;position:relative;overflow:hidden}.filter-pill:hover{border-color:var(--border-medium)}.filter-pill:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.filter-select{appearance:none;height:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;box-shadow:none;background:0 0;border:none;outline:none;min-width:160px;padding:0 38px 0 18px}.filter-select:focus,.filter-select:focus-visible{box-shadow:none;outline:none}.filter-pill__icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.filter-reset{border:1px solid var(--border-light);background:var(--bg-card);width:48px;height:48px;color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.filter-reset:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ffebee}.search-info{background:var(--bg-card);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);margin-top:12px;padding:12px 18px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin:20px 0;display:grid}.product-badge{color:#fff;z-index:3;white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 6px #00000026}.product-badge--red{background:var(--color-danger)}.product-badge--green{background:var(--color-primary-dark)}.product-badge--orange{background:var(--color-warning)}.product-badge--blue{background:var(--color-info)}.product-badge--purple{background:#9b59b6}.products-count{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);padding:20px 0}.loading-state{text-align:center;padding:80px 20px}.spinner{border:4px solid var(--border-light);border-top:4px solid var(--color-primary);border-radius:50%;width:48px;height:48px;margin:0 auto 20px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 20px}.empty-icon{margin-bottom:20px;font-size:72px;display:block}.empty-state h3{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:8px}.empty-state p{color:var(--text-muted);margin-bottom:20px}.btn-clear-search{background:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:12px 32px}.btn-clear-search:hover{background:var(--color-primary-dark)}@media (width<=1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}@media (width<=768px){.container{padding-bottom:80px}.catalog-filters{flex-direction:column;align-items:stretch}.search-form{width:100%;min-width:auto}.filter-pill{width:100%}.filter-select{width:100%;min-width:0}.filter-reset{align-self:flex-start}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.catalog-title{font-size:22px}.catalog-sticky{box-shadow:none;background:0 0;margin-bottom:0;padding-top:0;padding-bottom:0;position:static}.catalog-filters-bar{top:var(--header-height);z-index:50;background:var(--bg-body);padding-top:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-3);position:sticky;box-shadow:0 6px 16px -12px #00000026}}@media (width<=480px){.products-grid{grid-template-columns:1fr 1fr;gap:10px}.search-form{height:44px;padding-left:40px}.filter-pill{height:44px}.filter-reset{width:44px;height:44px}.product-badge{padding:3px 8px;font-size:10px}}.search-mode-wrapper{background:var(--color-white,#fff);padding-top:10px}.search-mode-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-mode-back{background:var(--color-gray-100,#f3f4f6);cursor:pointer;width:40px;height:40px;color:var(--color-text,#111827);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.search-mode-back:hover{background:var(--color-gray-200,#e5e7eb)}.search-form--mode{flex:1;margin:0!important}.search-mode-categories{margin-top:24px;padding:0 16px 24px}.search-mode-title{color:var(--color-gray-500,#6b7280);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding-left:4px;font-size:13px;font-weight:600}.search-mode-category-item{text-align:left;border:none;border-bottom:1px solid var(--color-gray-100,#f3f4f6);width:100%;color:var(--color-text,#111827);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;outline:none;padding:16px 4px;font-size:16px;font-weight:500;transition:color .1s;display:block}.search-mode-category-item:active{color:var(--color-primary,#00c853)}.catalog-title--search{margin-bottom:16px;margin-top:0!important}@media (width<=768px){.search-input,.search-form--mode .search-input{font-size:16px}}.search-form__scanner{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:4px;padding:4px;transition:color .2s;display:flex}.search-form__scanner:hover{color:#00c853}.search-form--mode .search-form__scanner{margin-right:8px}:root{--color-primary:#00c853;--color-primary-light:#69f0ae;--color-primary-dark:#00a344;--color-primary-darker:#00695c;--color-primary-darkest:#004d40;--color-danger:#ff1744;--color-danger-light:#ff5252;--color-danger-dark:#d50000;--color-warning:#ffc107;--color-success:#00c853;--color-info:#29b6f6;--color-white:#fff;--color-black:#000;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eee;--color-gray-300:#e0e0e0;--color-gray-400:#bdbdbd;--color-gray-500:#9e9e9e;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#424242;--color-gray-900:#212121;--bg-body:#e8f5e9;--bg-page:#e8f5e9;--bg-card:#fff;--bg-header:#fff;--bg-footer:#f5f5f5;--bg-hover:#00c8531a;--bg-active:#00c8532e;--bg-disabled:#f5f5f5;--bg-overlay:#1a1a2e8c;--text-primary:#1a1a2e;--text-secondary:#4a4a5a;--text-muted:#8e8e9a;--text-inverse:#fff;--text-link:var(--color-primary-dark);--text-link-hover:var(--color-primary-darker);--border-light:#c8e6c9;--border-medium:#a5d6a7;--border-dark:#81c784;--border-focus:var(--color-primary);--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 12px 32px #00000029;--shadow-focus:0 0 0 3px #00c8534d;--shadow-header:0 2px 8px #0000000f;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-base:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--toast-exit-duration:.25s;--z-dropdown:100;--z-sticky:200;--z-overlay:900;--z-menu:910;--z-modal-backdrop:990;--z-modal:1000;--z-toast:1100;--header-height:64px;--thumb-size-sm:80px;--thumb-size-xs:40px;--container-max-width:1280px;--container-padding:24px}.modal-overlay{padding:var(--space-4);-webkit-backdrop-filter:blur(4px);background:#1a1a2e8c;justify-content:center;align-items:center;animation:.2s modal-overlay-fade;display:flex;position:fixed;inset:0}.modal-overlay--base{z-index:var(--z-modal-backdrop)}.modal-overlay--confirm{z-index:var(--z-modal)}@keyframes modal-overlay-fade{0%{opacity:0}to{opacity:1}}@media (width<=640px){.modal-overlay{padding:var(--space-3);overflow-y:auto}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{line-height:var(--line-height-normal);margin:0}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-darker)}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}input,textarea,select{outline:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible,.search-input:focus,.search-input:focus-visible,.filter-select:focus,.filter-select:focus-visible{outline-offset:0;outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media (width<=768px){:root{--container-padding:.75rem}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}html,body{overflow-x:clip}img,video,iframe,svg{max-width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media screen and (width<=768px){input,textarea,select{font-size:16px!important}}button,a,[role=button]{-webkit-tap-highlight-color:transparent}