*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}:root{--color-primary:#1a2744;--color-primary-light:#2a3f6a;--color-primary-dark:#0f1a30;--color-primary-50:#e8ecf4;--color-primary-100:#c5cfe3;--color-primary-200:#9eafd0;--color-accent:#d4a03c;--color-accent-light:#e8bf6a;--color-accent-dark:#b8862a;--color-accent-50:#fdf6e7;--color-success:#16a34a;--color-success-light:#dcfce7;--color-success-dark:#15803d;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-warning-dark:#b45309;--color-error:#dc2626;--color-error-light:#fee2e2;--color-error-dark:#b91c1c;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-text-inverse:#fff;--color-bg:#f8f9fc;--color-bg-white:#fff;--color-bg-subtle:#f1f3f8;--color-bg-dark:#1a2744;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-dark:#d1d5db;--font-heading:"Outfit", "Inter", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000f, 0 2px 4px #0000000a;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000a;--shadow-xl:0 20px 25px #0000001a, 0 8px 10px #0000000a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-16) 0}.section--sm{padding:var(--space-10) 0}.section--lg{padding:var(--space-24) 0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);color:var(--color-primary-dark);line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1.5;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--accent{background-color:var(--color-accent);color:var(--color-primary-dark)}.btn--accent:hover{background-color:var(--color-accent-dark);color:var(--color-text-inverse);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background-color:#0000}.btn--outline:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn--ghost{color:var(--color-text-secondary);background-color:#0000}.btn--ghost:hover{background-color:var(--color-bg-subtle);color:var(--color-text)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{margin-bottom:var(--space-5)}.form-label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);display:block}.form-label--required:after{content:" *";color:var(--color-error)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-50);outline:none}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.form-error{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-error)}.form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);appearance:none;padding-right:var(--space-10);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8.825L.35 3.175l.7-.7L6 7.425l4.95-4.95.7.7z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-50);outline:none}textarea.form-input{resize:vertical;min-height:120px}.form-checkbox{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:flex}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.form-checkbox-label{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:transform var(--transition-base), box-shadow var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card__image{aspect-ratio:1;object-fit:cover;background:var(--color-bg-subtle);width:100%}.card__body{padding:var(--space-5)}.badge{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em;align-items:center;display:inline-flex}.badge--available{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge--limited{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge--unavailable{background-color:var(--color-error-light);color:var(--color-error-dark)}.badge--status-new{color:#1e40af;background-color:#dbeafe}.badge--status-review{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge--status-approved{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge--status-rejected{background-color:var(--color-error-light);color:var(--color-error-dark)}.badge--status-sent{color:#3730a3;background-color:#e0e7ff}.badge--brand{background-color:var(--color-accent-50);color:var(--color-accent-dark);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:none;letter-spacing:0}.header{z-index:var(--z-sticky);background:var(--color-bg-white);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-xs);position:sticky;top:0}.header__inner{height:72px;max-width:var(--container-xl);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header__logo{align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-weight:var(--font-extrabold);font-size:var(--text-xl);color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.02em;display:flex}.header__logo img{width:auto;height:40px}.header__nav{align-items:center;gap:var(--space-8);display:flex}.header__nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.header__nav-link:hover,.header__nav-link.active{color:var(--color-primary)}.header__nav-link.active:after{content:"";background-color:var(--color-accent);border-radius:var(--radius-full);height:2px;position:absolute;bottom:-4px;left:0;right:0}.header__actions{align-items:center;gap:var(--space-4);display:flex}.header__basket-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;position:relative}.header__basket-btn:hover{background-color:var(--color-bg-subtle);color:var(--color-text)}.header__basket-count{min-width:20px;height:20px;font-size:11px;font-weight:var(--font-bold);color:var(--color-text-inverse);background-color:var(--color-accent);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 6px;display:flex}.header__menu-btn{padding:var(--space-2);color:var(--color-text);display:none}.mobile-nav{z-index:var(--z-fixed);background:var(--color-bg-white);padding:var(--space-6);animation:slideDown var(--transition-base);display:none;position:fixed;inset:72px 0 0;overflow-y:auto}.mobile-nav.open{display:block}.mobile-nav__link{padding:var(--space-4) 0;font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text);border-bottom:1px solid var(--color-border-light);display:block}.mobile-nav__link:hover{color:var(--color-accent)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.header__nav{display:none}.header__menu-btn{display:flex}.header__inner{height:64px}.header__logo{font-size:var(--text-lg)}}.footer{background:var(--color-primary-dark);color:var(--color-primary-100);padding:var(--space-16) 0 var(--space-8)}.footer__grid{gap:var(--space-10);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer__brand{font-family:var(--font-heading);font-weight:var(--font-extrabold);font-size:var(--text-xl);color:var(--color-text-inverse);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-4)}.footer__desc{font-size:var(--text-sm);color:var(--color-primary-200);margin-bottom:0;line-height:1.7}.footer__heading{font-family:var(--font-heading);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text-inverse);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-5)}.footer__link{padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--color-primary-200);transition:color var(--transition-fast);display:block}.footer__link:hover{color:var(--color-accent)}.footer__bottom{padding-top:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid #ffffff1a;flex-wrap:wrap;display:flex}.footer__copy{font-size:var(--text-xs);color:var(--color-primary-200)}.footer__legal{gap:var(--space-6);display:flex}.footer__legal a{font-size:var(--text-xs);color:var(--color-primary-200);transition:color var(--transition-fast)}.footer__legal a:hover{color:var(--color-accent)}@media (width<=768px){.footer__grid{gap:var(--space-8);grid-template-columns:1fr 1fr}}@media (width<=480px){.footer__grid{grid-template-columns:1fr}}.hero{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 50%, var(--color-primary-light) 100%);color:var(--color-text-inverse);padding:var(--space-24) 0 var(--space-20);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4a03c1f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#d4a03c14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-30%;left:-10%}.hero__content{z-index:1;max-width:700px;position:relative}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-6);background:#d4a03c26;border:1px solid #d4a03c4d;display:inline-flex}.hero__title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--color-text-inverse);margin-bottom:var(--space-6);line-height:1.1}.hero__subtitle{font-size:var(--text-xl);color:var(--color-primary-200);margin-bottom:var(--space-8);max-width:560px;line-height:1.6}.hero__actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hero__btn-primary{padding:var(--space-4) var(--space-8);background:var(--color-accent);color:var(--color-primary-dark);font-weight:var(--font-bold);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-base)}.hero__btn-primary:hover{background:var(--color-accent-light);transform:translateY(-1px);box-shadow:0 4px 12px #d4a03c4d}.hero__btn-secondary{padding:var(--space-4) var(--space-8);color:var(--color-text-inverse);font-weight:var(--font-semibold);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-base);background:0 0;border:1.5px solid #ffffff4d}.hero__btn-secondary:hover{background:#ffffff0d;border-color:#fff9}@media (width<=768px){.hero{padding:var(--space-16) 0 var(--space-12)}.hero__title{font-size:var(--text-3xl)}.hero__subtitle{font-size:var(--text-lg)}}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header__label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);display:inline-block}.section-header__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary-dark);margin-bottom:var(--space-4)}.section-header__desc{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.product-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}@media (width<=640px){.product-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width<=380px){.product-grid{grid-template-columns:1fr}}.product-card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.product-card__image-wrap{aspect-ratio:1;background:var(--color-bg-subtle);width:100%;position:relative;overflow:hidden}.product-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.product-card:hover .product-card__image{transform:scale(1.03)}.product-card__badge{top:var(--space-3);left:var(--space-3);position:absolute}.product-card__availability{top:var(--space-3);right:var(--space-3);position:absolute}.product-card__body{padding:var(--space-4) var(--space-5) var(--space-5);flex-direction:column;flex:1;display:flex}.product-card__brand{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent-dark);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.product-card__name{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-1);line-height:1.3}.product-card__size{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.product-card__price-row{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);margin-top:auto;display:flex}.product-card__actions{margin-top:auto}.category-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}@media (width<=640px){.category-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}.category-card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);text-align:center;transition:transform var(--transition-base), box-shadow var(--transition-base);position:relative;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.category-card__image-wrap{aspect-ratio:4/3;background:var(--color-bg-subtle);width:100%;overflow:hidden}.category-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.category-card:hover .category-card__image{transform:scale(1.05)}.category-card__body{padding:var(--space-5) var(--space-6)}.category-card__name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary-dark);margin-bottom:var(--space-2)}.category-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.5}.price{align-items:baseline;gap:var(--space-2);display:inline-flex}.price__current{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary-dark)}.price__current--sm{font-size:var(--text-base)}.price__original{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:line-through}.price__label{font-size:var(--text-xs);color:var(--color-text-muted)}.qty-selector{border:1.5px solid var(--color-border);border-radius:var(--radius-md);align-items:center;display:inline-flex;overflow:hidden}.qty-selector__btn{width:36px;height:36px;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-secondary);background:var(--color-bg-subtle);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.qty-selector__btn:hover:not(:disabled){background:var(--color-primary-50);color:var(--color-primary)}.qty-selector__btn:disabled{opacity:.3;cursor:not-allowed}.qty-selector__value{min-width:48px;height:36px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);background:var(--color-bg-white);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);justify-content:center;align-items:center;display:flex}.image-placeholder{background:linear-gradient(135deg, var(--color-bg-subtle) 0%, var(--color-primary-50) 100%);width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.image-placeholder__icon{opacity:.4;width:48px;height:48px}.image-placeholder__text{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);margin-bottom:0}.search-bar{width:100%;max-width:480px;position:relative}.search-bar__icon{left:var(--space-4);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar__input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);font-size:var(--text-sm);background:var(--color-bg-white);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.search-bar__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-50);outline:none}.search-bar__input::placeholder{color:var(--color-text-muted)}.filter-sidebar{flex-shrink:0;width:260px}.filter-section{margin-bottom:var(--space-6)}.filter-section__title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.filter-option{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);display:flex}.filter-option:hover{color:var(--color-text)}.filter-option input[type=checkbox],.filter-option input[type=radio]{accent-color:var(--color-primary);cursor:pointer}.filter-option__count{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.filter-toggle{display:none}@media (width<=768px){.filter-sidebar{z-index:var(--z-modal);background:var(--color-bg-white);width:100%;padding:var(--space-6);display:none;position:fixed;inset:0;overflow-y:auto}.filter-sidebar.open{display:block}.filter-toggle{display:flex}}.products-layout{gap:var(--space-8);align-items:flex-start;display:flex}.products-layout__main{flex:1;min-width:0}.products-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.products-toolbar__count{font-size:var(--text-sm);color:var(--color-text-secondary)}.products-toolbar__sort{align-items:center;gap:var(--space-2);display:flex}.products-toolbar__sort label{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.products-toolbar__sort select{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8.825L.35 3.175l.7-.7L6 7.425l4.95-4.95.7.7z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat}.product-detail{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:flex-start;display:grid}.product-detail__gallery{aspect-ratio:1;background:var(--color-bg-subtle);border-radius:var(--radius-xl);position:relative;overflow:hidden}.product-detail__gallery img{object-fit:cover;width:100%;height:100%}.product-detail__info{padding:var(--space-4) 0}.product-detail__brand{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.product-detail__name{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary-dark);margin-bottom:var(--space-2);line-height:1.2}.product-detail__size{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-6)}.product-detail__price-block{align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5) var(--space-6);background:var(--color-bg-subtle);border-radius:var(--radius-lg);display:flex}.product-detail__selling-price{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--color-primary-dark)}.product-detail__mrp{font-size:var(--text-lg);color:var(--color-text-muted)}.product-detail__mrp--strike{text-decoration:line-through}.product-detail__availability{margin-bottom:var(--space-6)}.product-detail__description{margin-bottom:var(--space-8)}.product-detail__description h4{font-size:var(--text-lg);margin-bottom:var(--space-3)}.product-detail__description p{font-size:var(--text-base);line-height:1.7}.product-detail__add-section{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (width<=768px){.product-detail{gap:var(--space-6);grid-template-columns:1fr}}.basket-table{border-collapse:collapse;width:100%}.basket-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.basket-table td{padding:var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.basket-item{align-items:center;gap:var(--space-4);display:flex}.basket-item__image{border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-subtle);flex-shrink:0;width:64px;height:64px}.basket-item__info{min-width:0}.basket-item__name{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text)}.basket-item__size{font-size:var(--text-xs);color:var(--color-text-muted)}.basket-remove-btn{font-size:var(--text-xs);color:var(--color-error);font-weight:var(--font-medium);transition:color var(--transition-fast)}.basket-remove-btn:hover{color:var(--color-error-dark)}.basket-summary{margin-top:var(--space-8);padding:var(--space-6);background:var(--color-bg-subtle);border-radius:var(--radius-lg)}.basket-summary__row{padding:var(--space-2) 0;font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.basket-summary__total{padding-top:var(--space-4);margin-top:var(--space-2);border-top:2px solid var(--color-border);font-size:var(--text-lg);font-weight:var(--font-bold)}.basket-disclaimer{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-warning-light);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-warning-dark);line-height:1.6}@media (width<=768px){.basket-table thead{display:none}.basket-table,.basket-table tbody,.basket-table tr,.basket-table td{display:block}.basket-table tr{padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.basket-table td{padding:var(--space-2) 0;text-align:right;border:none}.basket-table td:before{content:attr(data-label);float:left;font-weight:var(--font-semibold);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-secondary)}.basket-table td:first-child{text-align:left}}.rfq-form{max-width:720px;margin:0 auto}.rfq-form__grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.rfq-form__grid{grid-template-columns:1fr}}.rfq-form__full{grid-column:1/-1}.rfq-products-summary{margin-bottom:var(--space-8);padding:var(--space-5);background:var(--color-bg-subtle);border-radius:var(--radius-lg)}.rfq-products-summary__title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.03em}.rfq-product-row{padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.rfq-product-row:last-child{border-bottom:none}.confirmation{text-align:center;max-width:600px;padding:var(--space-16) 0;margin:0 auto}.confirmation__icon{background:var(--color-success-light);width:80px;height:80px;color:var(--color-success);margin:0 auto var(--space-6);border-radius:50%;justify-content:center;align-items:center;display:flex}.confirmation__icon svg{width:40px;height:40px}.confirmation__title{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.confirmation__rfq-number{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent);padding:var(--space-4) var(--space-8);background:var(--color-accent-50);border-radius:var(--radius-lg);margin-bottom:var(--space-6);display:inline-block}.confirmation__message{font-size:var(--text-base);color:var(--color-text-secondary);max-width:480px;margin:0 auto var(--space-8);line-height:1.7}.page-header{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);padding:var(--space-12) 0 var(--space-10);color:var(--color-text-inverse);margin-bottom:var(--space-10)}.page-header__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-inverse);margin-bottom:var(--space-2)}.page-header__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-primary-200);display:flex}.page-header__breadcrumb a{color:var(--color-primary-200);transition:color var(--transition-fast)}.page-header__breadcrumb a:hover{color:var(--color-accent-light)}.page-header__breadcrumb span{color:var(--color-primary-200)}.about-content{max-width:800px;margin:0 auto}.about-content h2{margin-top:var(--space-10);margin-bottom:var(--space-4)}.about-content p{font-size:var(--text-base);margin-bottom:var(--space-5);line-height:1.8}.contact-grid{gap:var(--space-10);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.contact-grid{grid-template-columns:1fr}}.contact-info-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex}.contact-info-card__icon{background:var(--color-primary-50);width:44px;height:44px;color:var(--color-primary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-card__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.contact-info-card__value{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-medium);margin-bottom:0}.legal-content{max-width:800px;margin:0 auto}.legal-content h2{font-size:var(--text-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4)}.legal-content h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.legal-content p,.legal-content li{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.8}.legal-content ul{padding-left:var(--space-6);list-style-type:disc}.legal-content li{margin-bottom:var(--space-2)}.loading{padding:var(--space-16) 0;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading__spinner{border:3px solid var(--color-border-light);border-top-color:var(--color-accent);width:40px;height:40px;margin-bottom:var(--space-4);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading__text{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0}.empty-state{text-align:center;padding:var(--space-16) var(--space-6)}.empty-state__icon{font-size:var(--text-5xl);margin-bottom:var(--space-4);opacity:.4}.empty-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state__message{font-size:var(--text-base);color:var(--color-text-secondary);max-width:400px;margin:0 auto var(--space-6)}.error-state{text-align:center;padding:var(--space-16) var(--space-6);max-width:500px;margin:0 auto}.error-state__icon{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.error-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.error-state__message{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.not-found{text-align:center;padding:var(--space-24) var(--space-6)}.not-found__code{font-family:var(--font-heading);font-size:120px;font-weight:var(--font-extrabold);color:var(--color-primary-50);margin-bottom:var(--space-4);line-height:1}.not-found__title{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.not-found__message{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:480px;margin-left:auto;margin-right:auto}.toast{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--color-primary-dark);color:var(--color-text-inverse);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);font-size:var(--text-sm);font-weight:var(--font-medium);animation:toastIn var(--transition-base) ease-out;display:flex;position:fixed}.toast--success{background:var(--color-success-dark)}.toast--error{background:var(--color-error-dark)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.featured-categories{padding:var(--space-16) 0;background:var(--color-bg-white)}.featured-products{padding:var(--space-16) 0;background:var(--color-bg)}.cta-banner{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:var(--color-text-inverse);padding:var(--space-16) 0;text-align:center}.cta-banner__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-inverse);margin-bottom:var(--space-4)}.cta-banner__desc{font-size:var(--text-lg);color:var(--color-primary-200);max-width:500px;margin:0 auto var(--space-8)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.desktop-only-cta{display:inline-flex}@media (width<=768px){.desktop-only-cta{display:none}.page-header{padding:var(--space-8) 0 var(--space-6)}.page-header__title{font-size:var(--text-2xl)}.section{padding:var(--space-10) 0}.section-header__title{font-size:var(--text-2xl)}.product-detail__selling-price{font-size:var(--text-3xl)}.container{padding:0 var(--space-4)}}