:root{--color-primary:#0f67a6;--color-primary-hover:#0a5488;--color-primary-dark:#073b63;--color-primary-soft:#eaf2f9;--color-primary-softer:#f4f8fc;--color-accent:#12a1db;--color-accent-hover:#0f8ec2;--color-bg:#fff;--color-bg-soft:#f4f6fb;--color-bg-muted:#e6e7ef;--color-surface:#fff;--color-surface-alt:#f6f8fc;--color-border:#e6eaf2;--color-border-strong:#cbd2de;--color-text:#1f2937;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-on-primary:#fff;--color-error:#ef4444;--color-success:#16a34a;--color-success-soft:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:0.875rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(15,23,42,.04);--shadow-md:0 4px 12px -2px rgba(15,23,42,.06),0 2px 4px -2px rgba(15,23,42,.04);--shadow-lg:0 12px 28px -8px rgba(15,23,42,.12),0 4px 10px -4px rgba(15,23,42,.05);--shadow-card:0 1px 2px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.03);--shadow-card-hover:0 18px 38px -12px rgba(15,23,42,.18),0 6px 12px -6px rgba(15,103,166,.08);--shadow-focus:0 0 0 4px rgba(15,103,166,.15);--container-max:1440px;--container-px:clamp(0.75rem,2vw,1.5rem);--header-height:68px;--transition-fast:120ms ease;--transition-base:200ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-bg-soft);background-image:radial-gradient(1200px 600px at 100% -20%,rgba(15,103,166,.05) 0,transparent 60%),radial-gradient(1000px 500px at -10% 110%,rgba(18,161,219,.04) 0,transparent 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ol,ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-main{flex:1 1;width:100%}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.625rem 1.25rem;font-size:var(--font-size-sm);font-weight:500;line-height:1;border-radius:var(--radius-md);transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base);text-align:center;min-height:40px}.btn--primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:disabled{background:var(--color-border-strong);cursor:not-allowed}.btn--accent{background:var(--color-accent);color:var(--color-text-on-primary)}.btn--accent:hover{background:var(--color-accent-hover)}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover{filter:brightness(.95)}.btn--ghost{background:transparent;color:var(--color-primary);border:1px solid var(--color-border)}.btn--ghost:hover{background:var(--color-surface-alt)}.btn--icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary)}.btn--icon:hover{background:var(--color-surface-alt);color:var(--color-primary)}.btn--full{width:100%}.btn--lg{min-height:48px;padding:.75rem 1.5rem;font-size:var(--font-size-base)}.input{width:100%;padding:.625rem .875rem;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base);min-height:40px}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(15,103,166,.12)}.input::placeholder{color:var(--color-text-muted)}.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.input-with-icon{position:relative}.input-with-icon__icon{position:absolute;inset-block:0;inset-inline-start:.75rem;display:flex;align-items:center;color:var(--color-text-muted);pointer-events:none}.input-with-icon .input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.input-with-icon__trailing{position:absolute;inset-block:0;inset-inline-end:.5rem;display:flex;align-items:center;color:var(--color-text-muted);background:none;border:none}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--sp-6);background:#dcdff0;background-image:radial-gradient(1200px 600px at -10% -10%,#f0f2fb 0,transparent 55%),radial-gradient(900px 500px at 110% 110%,#e6e9f8 0,transparent 55%);position:relative;overflow:hidden}.auth-page:after,.auth-page:before{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;pointer-events:none}.auth-page:before{width:380px;height:380px;background:#d5dbf2;top:-120px;left:-140px}.auth-page:after{width:440px;height:440px;background:#d5dbf2;bottom:-160px;right:-160px}.auth-card{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:720px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.auth-card__brand{display:grid;place-items:center;padding:var(--sp-4);background:#fff}.auth-card__brand .brand-logo,.auth-card__brand img{max-width:100%;max-height:500px;width:auto;height:auto;object-fit:contain}.auth-card__form{padding:var(--sp-10) var(--sp-8);justify-content:center}.auth-card__form,.auth-form{display:flex;flex-direction:column;gap:var(--sp-4)}.auth-form__alert{padding:var(--sp-3);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.auth-form__alert--error{background:rgba(239,68,68,.08);color:var(--color-error);border:1px solid rgba(239,68,68,.25)}.auth-form__link{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:500;text-align:center;display:block}.auth-form__link:hover{text-decoration:underline}.auth-form__divider{display:flex;align-items:center;gap:var(--sp-3);color:var(--color-warning);font-size:var(--font-size-sm);font-style:italic;margin-block:var(--sp-1)}.auth-form__divider:after,.auth-form__divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.auth-footer{position:absolute;inset-inline:0;bottom:var(--sp-6);display:flex;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth-footer__logo{height:28px;width:auto;opacity:.85;transition:opacity var(--transition-base)}.auth-footer a:hover .auth-footer__logo{opacity:1}@media (max-width:640px){.auth-card{grid-template-columns:1fr;max-width:420px}.auth-card__brand{padding:var(--sp-8) var(--sp-6) 0}.auth-card__form{padding:var(--sp-6)}}.site-header{background:hsla(0,0%,100%,.85);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border);box-shadow:0 1px 0 rgba(15,23,42,.02),0 8px 24px -16px rgba(15,23,42,.08);position:-webkit-sticky;position:sticky;top:0;z-index:40}.site-header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--sp-4);gap:var(--sp-4);height:var(--header-height)}.site-header__logo{display:flex;align-items:center}.site-header__logo-img{max-height:70px;width:auto;object-fit:contain}.site-header__search{max-width:520px;width:100%;margin-inline:auto}.site-header__actions{display:flex;align-items:center;gap:var(--sp-3)}.site-header__cart{position:relative;display:inline-flex;align-items:center;gap:var(--sp-3);padding:.4rem .75rem .4rem .5rem;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background var(--transition-base)}.site-header__cart:hover{background:var(--color-surface-alt)}.site-header__cart-total{font-weight:600;color:var(--color-text);font-size:var(--font-size-sm)}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.site-header__user{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dues{position:relative}.dues__trigger{width:36px;height:36px;border-radius:999px;border:none;background:var(--color-primary-soft);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-base)}.dues__trigger:hover{background:var(--color-primary-softer)}.dues__trigger[aria-expanded=true]{background:var(--color-primary);color:#fff}.dues__trigger--alert{background:#fde2e2;color:var(--color-danger)}.dues__trigger--alert:hover{background:#fcd1d1}.dues__trigger--alert[aria-expanded=true]{background:var(--color-danger);color:#fff}.dues__trigger--alert svg{stroke-width:2.5}.dues__popover{position:absolute;top:calc(100% + var(--sp-2));right:0;min-width:280px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 30px -8px rgba(15,23,42,.18);overflow:hidden;z-index:50}.dues__header{background:var(--color-primary);color:#fff;padding:var(--sp-3) var(--sp-4);font-weight:600;font-size:var(--font-size-sm)}.dues__list{list-style:none;margin:0;padding:var(--sp-2) 0}.dues__row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4)}.dues__row-icon{width:32px;height:32px;border-radius:999px;background:var(--color-surface-alt);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;flex:none}.dues__row-text{display:flex;flex-direction:column;line-height:1.2}.dues__row-amount{font-weight:600;color:var(--color-text)}.dues__row-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.user-menu{position:relative}.user-menu__trigger{width:36px;height:36px;border-radius:999px;border:none;background:var(--color-primary);color:#fff;font-weight:600;font-size:var(--font-size-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-base)}.user-menu__trigger:hover{background:var(--color-primary-hover)}.user-menu__trigger[aria-expanded=true]{background:var(--color-primary-dark)}.user-menu__popover{position:absolute;top:calc(100% + var(--sp-2));right:0;min-width:260px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 30px -8px rgba(15,23,42,.18);overflow:hidden;z-index:50}.user-menu__info{padding:var(--sp-4);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column}.user-menu__client{font-weight:600;color:var(--color-text)}.user-menu__email{font-size:var(--font-size-xs);color:var(--color-text-secondary);word-break:break-all}.user-menu__logout{width:100%;background:transparent;border:none;padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-2);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:background var(--transition-base)}.user-menu__logout:hover{background:var(--color-surface-alt)}.site-header__user form{margin:0}@media (max-width:960px){.site-header__inner{grid-template-columns:auto auto;grid-template-areas:"logo actions" "search search";height:auto;padding-block:var(--sp-3);row-gap:var(--sp-3)}.site-header__logo{grid-area:logo}.site-header__actions{grid-area:actions;justify-self:end}.site-header__search{grid-area:search;max-width:none;margin-inline:0}}.notice-strip{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);color:var(--color-error);font-size:var(--font-size-sm);text-align:center;justify-content:center}.notice-strip__arrow{background:none;border:none;color:var(--color-text-muted);padding:.25rem .5rem;display:inline-flex;align-items:center}.notice-strip__arrow:hover{color:var(--color-primary)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding-block:var(--sp-4)}.breadcrumb__crumb{transition:color var(--transition-fast)}.breadcrumb__sep{color:var(--color-text-muted)}.breadcrumb__crumb{color:var(--color-text-secondary)}.breadcrumb__crumb:hover,.breadcrumb__current{color:var(--color-primary)}.breadcrumb__current{font-weight:500}.products-page{display:grid;grid-template-columns:260px 1fr;grid-gap:var(--sp-6);gap:var(--sp-6);padding-block:var(--sp-4) var(--sp-12)}@media (max-width:960px){.products-page{grid-template-columns:1fr}.products-sidebar{display:none}}.products-sidebar{background:transparent;display:flex;flex-direction:column;gap:var(--sp-4);padding-top:var(--sp-1)}.products-sidebar__title{font-size:var(--font-size-base);font-weight:700;color:var(--color-text);margin-bottom:var(--sp-1)}.filter-section{font-size:var(--font-size-sm);background:var(--color-surface);border:1px solid rgba(230,234,242,.7);border-radius:var(--radius-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);box-shadow:var(--shadow-card)}.filter-section__heading{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text);letter-spacing:.06em;margin-top:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--color-border)}.filter-section__heading:first-child{margin-top:0}.filter-option{display:flex;align-items:center;gap:var(--sp-2);padding:.4rem .5rem;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.filter-option:hover{color:var(--color-primary);background:var(--color-primary-softer)}.filter-option input[type=checkbox],.filter-option input[type=radio]{accent-color:var(--color-primary)}.filter-option__count{margin-left:auto;color:var(--color-text-muted);font-size:var(--font-size-xs);background:var(--color-surface-alt);padding:.1rem .4rem;border-radius:var(--radius-full)}.filter-option--link{text-decoration:none}.filter-option--active{color:var(--color-primary);background:var(--color-primary-soft)}.products-main{display:flex;flex-direction:column;gap:var(--sp-4)}.products-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.products-toolbar__count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.products-toolbar__right{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.stock-toggle{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.4rem .85rem;cursor:pointer;min-height:40px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.stock-toggle:hover{border-color:var(--color-border-strong)}.stock-toggle input{accent-color:var(--color-primary)}.sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.4rem 2rem .4rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface) url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3e%3cpath d='M1 1.5l5 5 5-5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat right .75rem center /10px 8px;font-size:var(--font-size-sm);color:var(--color-text-secondary);min-height:40px;min-width:180px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.sort-select:hover{border-color:var(--color-border-strong)}.sort-select:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:var(--shadow-focus)}.view-switch{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.view-switch__btn{width:40px;height:40px;display:grid;place-items:center;color:var(--color-text-secondary);background:var(--color-surface);border-right:1px solid var(--color-border)}.view-switch__btn:last-child{border-right:none}.view-switch__btn--active{background:var(--color-primary);color:#fff}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.products-grid__sentinel{height:1px;width:100%}.skeleton{display:block;background:linear-gradient(90deg,var(--color-bg-muted) 0,var(--color-surface-alt) 50%,var(--color-bg-muted) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton--text{height:12px;margin-block:4px;border-radius:4px}.skeleton--block{border-radius:var(--radius-md)}.product-card--skeleton{cursor:default;pointer-events:none}.product-card--skeleton:hover{box-shadow:var(--shadow-card);transform:none;border-color:rgba(230,234,242,.6)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.products-list{display:flex;flex-direction:column;gap:var(--sp-2)}.product-row{position:relative;display:grid;grid-template-columns:72px 1fr auto auto auto;align-items:center;grid-gap:var(--sp-3);gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--color-surface);border:1px solid rgba(230,234,242,.7);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.product-row:hover{box-shadow:var(--shadow-md);border-color:transparent}.product-row{cursor:pointer}.product-row__name:after{content:"";position:absolute;inset:0;z-index:0}.product-row__actions{position:relative;z-index:1}.product-row__thumb{width:72px;height:56px;display:grid;place-items:center;background:var(--color-surface-alt);border-radius:var(--radius-sm);overflow:hidden;padding:4px}.product-row__thumb img{max-width:100%;max-height:100%;object-fit:contain}.product-row__info{min-width:0;display:flex;flex-direction:column;gap:2px}.product-row__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-row__name:hover{color:var(--color-primary)}.product-row__meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.product-row__code{font-family:ui-monospace,SF Mono,Consolas,monospace}.product-row__sep{opacity:.5}.product-row__category{text-transform:uppercase;letter-spacing:.04em}.product-row__price{display:flex;align-items:baseline;gap:var(--sp-2);white-space:nowrap}.product-row__price-full{font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:line-through}.product-row__price-now{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary)}.product-row__price-unit{font-size:var(--font-size-xs);color:var(--color-text-muted)}.product-row__actions{display:inline-flex;align-items:center;gap:var(--sp-2)}.stock-status--lg{width:26px;height:26px}@media (max-width:780px){.product-row{grid-template-columns:56px 1fr auto;grid-template-areas:"thumb info info" "thumb price stock" "thumb actions actions";gap:var(--sp-2)}.product-row__thumb{grid-area:thumb;width:56px;height:56px}.product-row__info{grid-area:info}.product-row__price{grid-area:price}.stock-status--lg{grid-area:stock;justify-self:end}.product-row__actions{grid-area:actions;justify-self:end}}.products-grid__loading{display:grid;place-items:center;padding:var(--sp-6)}.products-grid__spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.product-card{position:relative;background:var(--color-surface);border:1px solid rgba(230,234,242,.6);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.product-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px);border-color:transparent}.product-card__media{position:relative;aspect-ratio:4/3;background:var(--color-surface);padding:var(--sp-4);display:grid;place-items:center;overflow:hidden}.product-card__media img{max-width:100%;max-height:100%;object-fit:contain;transition:transform var(--transition-base)}.product-card:hover .product-card__media img{transform:scale(1.04)}.product-card{cursor:pointer}.product-card__name{position:static}.product-card__name:after{content:"";position:absolute;inset:0;z-index:0}.product-card__actions{position:relative;z-index:1}.product-card__badge{padding:.2rem .45rem;background:var(--color-success);color:#fff;font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-sm);letter-spacing:.02em;line-height:1.2}.product-card__brand{position:absolute;top:var(--sp-2);right:var(--sp-2);height:22px}.product-card__body{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);flex:1 1}.product-card__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;transition:color var(--transition-fast)}.product-card:hover .product-card__name{color:var(--color-primary)}.product-card__info-row{display:flex;align-items:center;gap:var(--sp-2);margin-top:auto;padding-top:var(--sp-2)}.product-card__code{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:ui-monospace,SF Mono,Consolas,monospace}.product-card__pricing{display:flex;flex-direction:column;align-items:flex-end;gap:0;margin-left:auto;line-height:1.1}.product-card__price-full{font-size:.72rem;color:var(--color-text-muted);text-decoration:line-through}.product-card__price{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.product-card__price-unit{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400}.stock-status{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);border:1.5px solid;background:transparent;flex-shrink:0}.stock-status--in{color:var(--color-success)}.stock-status--out{color:var(--color-danger)}.stock-bar{width:5px;height:14px;border-radius:2px;background:var(--color-border)}.stock-bar--on{background:var(--color-success-soft)}.product-card__actions{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--sp-2);gap:var(--sp-2);padding:0 var(--sp-3) var(--sp-3);align-items:center}.qty-stepper{display:grid;grid-template-columns:28px 48px 28px;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;height:36px;transition:opacity var(--transition-fast)}.qty-stepper--disabled{opacity:.55;background:var(--color-bg-muted);pointer-events:none}.qty-stepper__btn{background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1;display:grid;place-items:center}.qty-stepper__btn:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-primary)}.qty-stepper__btn:disabled{cursor:not-allowed;color:var(--color-text-muted);background:var(--color-bg-muted)}.qty-stepper__input{width:100%;height:100%;text-align:center;border:none;outline:none;font-size:var(--font-size-sm);-moz-appearance:textfield}.qty-stepper__input:disabled{background:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.qty-stepper__input::-webkit-inner-spin-button,.qty-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-item-remove{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--sp-2);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.cart-item-remove:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-error)}.cart-item-remove:disabled{opacity:.5;cursor:not-allowed}.toast-stack{position:fixed;top:var(--sp-4);right:var(--sp-4);z-index:100;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none;max-width:calc(100% - var(--sp-8))}.toast{pointer-events:auto;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);box-shadow:0 10px 30px -12px rgba(15,23,42,.25);font-size:var(--font-size-sm);text-align:left;min-width:260px;max-width:420px;cursor:pointer;animation:toast-in .22s ease-out}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-error)}.toast--info{border-left-color:var(--color-primary)}@keyframes toast-in{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@media (max-width:640px){.toast-stack{left:var(--sp-4);right:var(--sp-4)}.toast{min-width:0;max-width:none}}.btn--add{background:var(--color-primary);color:#fff;font-weight:600;letter-spacing:.02em;min-height:36px;padding:0 .75rem;font-size:var(--font-size-sm);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%}.btn--add:hover{background:var(--color-primary-hover)}.btn--add:disabled{background:var(--color-border-strong);cursor:not-allowed}.btn--add--compact{width:40px;min-width:40px;padding:0}.btn--add__count{background:hsla(0,0%,100%,.25);padding:.1rem .35rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;display:grid;place-items:center;padding:var(--sp-4);overflow:auto;animation:modal-fade .16s ease-out}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:100%;max-width:1080px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.modal--popup{width:85vw;max-width:85vw;max-height:85vh;display:flex;flex-direction:column}.modal__scroll{flex:1 1;overflow-y:auto}.modal--popup .modal__close{position:absolute;top:var(--sp-3);right:var(--sp-3);width:36px;height:36px;display:grid;place-items:center;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);z-index:2;transition:color var(--transition-fast),background var(--transition-fast)}.modal--popup .modal__close:hover{color:var(--color-primary);background:var(--color-surface)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.modal__close{width:32px;height:32px;display:grid;place-items:center;color:var(--color-text-secondary);border-radius:var(--radius-sm)}.modal__close:hover{background:var(--color-surface-alt);color:var(--color-primary)}.modal__nav{display:flex;align-items:center;gap:var(--sp-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.modal__nav button{color:var(--color-primary);font-weight:500;display:inline-flex;align-items:center;gap:4px}.pdetail{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-8);gap:var(--sp-8);padding:var(--sp-6)}@media (max-width:780px){.pdetail{grid-template-columns:1fr}.pdetail__gallery{border-right:none}}.pdetail__gallery{display:flex;flex-direction:column;gap:var(--sp-3);border-right:1px solid var(--color-border)}.pdetail__hero{aspect-ratio:4/3;background:transparent;display:grid;place-items:center;padding:var(--sp-4);position:relative}.pdetail__hero img{max-width:100%;max-height:100%;object-fit:contain}.pdetail__brand{position:absolute;top:var(--sp-3);left:var(--sp-3);max-height:28px}.pdetail__thumbs{display:flex;gap:var(--sp-2);overflow-x:auto;padding-block:var(--sp-1)}.pdetail__thumb{flex:0 0 84px;aspect-ratio:1;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--sp-1);display:grid;place-items:center;cursor:pointer}.pdetail__thumb--active{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(15,103,166,.15)}.pdetail__thumb img{max-width:100%;max-height:100%;object-fit:contain}.pdetail__body{display:flex;flex-direction:column;gap:var(--sp-4)}.pdetail__breadcrumb{font-size:var(--font-size-sm)}.pdetail__name{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);line-height:1.3}.pdetail__price-row{display:flex;align-items:baseline;gap:var(--sp-3);padding-block:var(--sp-2);border-bottom:1px solid var(--color-border)}.pdetail__price{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.pdetail__price-full,.pdetail__price-unit{color:var(--color-text-muted);font-size:var(--font-size-sm)}.pdetail__price-full{text-decoration:line-through}.pdetail__availability{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pdetail__availability strong{font-weight:500;letter-spacing:.04em}.pdetail__cta-row{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.pdetail__meta{display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--font-size-sm);padding-block:var(--sp-2);border-top:1px solid var(--color-border)}.pdetail__meta-row{display:flex;gap:var(--sp-3)}.pdetail__meta-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;min-width:140px;font-weight:500}.pdetail__meta-value{color:var(--color-text);font-weight:500}.cart-page{padding-block:var(--sp-6) var(--sp-12);background:var(--color-surface);border-radius:var(--radius-lg);margin-block:var(--sp-4);box-shadow:var(--shadow-card);border:1px solid rgba(230,234,242,.6)}.cart-empty{padding:var(--sp-10);text-align:center;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}