.header{background-color:var(--background);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header__container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;height:70px}.header__logo{display:flex;flex-direction:column;cursor:pointer;transition:var(--transition)}.header__logo:hover{opacity:.8}.header__logo h1{font-size:var(--font-size-xl);font-weight:700;color:var(--accent);margin:0;line-height:1.2}.header__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.header__nav{display:flex;gap:var(--spacing-lg)}.header__nav-item{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition);cursor:pointer}.header__nav-item:hover{color:var(--accent);background-color:var(--background-secondary)}.header__nav-item.active{color:var(--accent);background-color:#6a00ff1a}.header__cart-button{position:relative;background-color:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-weight:500;transition:var(--transition);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm)}.header__cart-button:hover{background-color:var(--accent-hover)}.header__cart-icon{font-size:var(--font-size-lg);width:25px}.header__cart-badge{position:absolute;top:-8px;right:-8px;background-color:var(--error);color:var(--text-inverse);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600}.toolbar{background-color:var(--background-secondary);border-bottom:1px solid var(--border)}.toolbar__container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-lg)}.toolbar__back-button{background:none;border:none;color:var(--accent);font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition);cursor:pointer}.toolbar__back-button:hover{background-color:#6a00ff1a}.toolbar__content{flex:1}.toolbar__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.toolbar__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.product-grid{padding:var(--spacing-2xl) 0;min-height:400px}.product-grid__container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.product-grid--loading,.product-grid--error,.product-grid--empty{display:flex;align-items:center;justify-content:center;min-height:400px}.product-card{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);box-shadow:var(--shadow-sm)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.product-card__image-container{position:relative;aspect-ratio:4/3;overflow:hidden}.product-card__image{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card__badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);border-radius:10px;padding:2px 5px;z-index:2}.product-card__discount{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--error);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;z-index:2}.product-card__content{padding:var(--spacing-lg)}.product-card__name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.product-card__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.product-card__description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-lg) 0;line-height:1.5}.product-card__pricing{margin-bottom:var(--spacing-lg)}.product-card__price-container{display:flex;align-items:center;gap:var(--spacing-sm)}.product-card__price{font-size:var(--font-size-xl);font-weight:700;color:var(--accent)}.product-card__original-price{font-size:var(--font-size-base);color:var(--text-muted);text-decoration:line-through}.product-card__button{width:100%;background-color:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--spacing-md);font-size:var(--font-size-base);font-weight:600;transition:var(--transition);cursor:pointer}.product-card__button:hover{background-color:var(--accent-hover)}.product-card__button--disabled{background-color:var(--text-muted);cursor:not-allowed}.product-card__button--disabled:hover{background-color:var(--text-muted)}.cart-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.cart-modal{background-color:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.cart-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border);background-color:var(--background-secondary)}.cart-modal__title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0}.cart-modal__close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.cart-modal__close:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.cart-modal__content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.cart-modal__empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.cart-modal__continue-shopping{background-color:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);font-weight:500;margin-top:var(--spacing-lg);cursor:pointer;transition:var(--transition)}.cart-modal__continue-shopping:hover{background-color:var(--accent-hover)}.cart-modal__items{margin-bottom:var(--spacing-lg)}.cart-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background-color:var(--background-secondary)}.cart-item__image{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.cart-item__image img{width:100%;height:100%;object-fit:cover}.cart-item__details{flex:1;min-width:0}.cart-item__name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.cart-item__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0}.cart-item__price{font-size:var(--font-size-base);font-weight:600;color:var(--accent);margin:0}.cart-item__controls{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.quantity-controls{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xs)}.quantity-controls__button{background:none;border:none;width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:var(--text-primary);font-weight:600}.quantity-controls__button:hover{background-color:var(--background-tertiary)}.quantity-controls__value{min-width:24px;text-align:center;font-weight:600;color:var(--text-primary)}.cart-item__remove{background:none;border:none;color:var(--error);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition)}.cart-item__remove:hover{background-color:#dc35451a}.cart-modal__summary{border-top:1px solid var(--border);padding-top:var(--spacing-lg)}.cart-summary{margin-bottom:var(--spacing-lg)}.cart-summary__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-base)}.cart-summary__row--total{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);border-top:1px solid var(--border);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.cart-summary__total{color:var(--accent);font-size:var(--font-size-xl)}.cart-modal__actions{display:flex;gap:var(--spacing-md)}.cart-modal__clear{flex:1;background-color:var(--background-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);font-weight:500;cursor:pointer;transition:var(--transition)}.cart-modal__clear:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.cart-modal__checkout{flex:2;background-color:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--spacing-md);font-weight:600;cursor:pointer;transition:var(--transition)}.cart-modal__checkout:hover{background-color:var(--accent-hover)}.checkout{padding:var(--spacing-2xl) 0;min-height:600px}.checkout__container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.checkout__content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-2xl)}.checkout__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xl) 0}.checkout-form{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.checkout-form__submit{width:100%;background-color:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--spacing-lg);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:var(--transition);margin-top:var(--spacing-lg)}.checkout-form__submit:hover:not(:disabled){background-color:var(--accent-hover)}.checkout-form__submit:disabled{opacity:.6;cursor:not-allowed}.checkout__summary-section{position:sticky;top:100px;height:fit-content}.checkout-summary{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.checkout-summary__title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.checkout-summary__items{margin-bottom:var(--spacing-lg)}.checkout-summary__item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light)}.checkout-summary__item:last-child{border-bottom:none}.checkout-summary__item-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checkout-summary__item-name{font-weight:500;color:var(--text-primary)}.checkout-summary__item-quantity{font-size:var(--font-size-sm);color:var(--text-secondary)}.checkout-summary__item-price{font-weight:600;color:var(--accent)}.checkout-summary__total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0;border-top:2px solid var(--border);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.checkout-summary__total-amount{color:var(--accent);font-size:var(--font-size-xl)}.checkout-success{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-2xl)}.checkout-success__content{text-align:center;background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);max-width:500px}.checkout-success__content h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--success);margin:0 0 var(--spacing-lg) 0}.checkout-success__content p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.6}.footer{background-color:var(--background-secondary);border-top:1px solid var(--border);margin-top:var(--spacing-2xl)}.footer__container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.footer__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);padding:var(--spacing-2xl) 0}.footer__section{display:flex;flex-direction:column}.footer__title{font-size:var(--font-size-xl);font-weight:700;color:var(--accent);margin:0 0 var(--spacing-md) 0}.footer__section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.footer__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-md) 0}.footer__links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer__link{font-size:var(--font-size-sm);color:var(--text-secondary);transition:var(--transition)}.footer__link:hover{color:var(--accent);text-decoration:none}.footer__security{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer__security-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.footer__security-icon{font-size:var(--font-size-base)}.footer__bottom{border-top:1px solid var(--border);padding:var(--spacing-lg) 0}.footer__bottom-content{display:flex;flex-direction:column;gap:var(--spacing-md);text-align:center}.footer__copyright{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.footer__disclaimer{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.5}.footer__disclaimer p{margin:0}@media (max-width: 768px){.header__container{padding:0 var(--spacing-sm)}.header__nav{gap:var(--spacing-md)}.header__nav-item{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.product-grid__container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.checkout__content{grid-template-columns:1fr;gap:var(--spacing-xl)}.checkout__summary-section{position:static}.cart-modal{margin:var(--spacing-md);max-height:calc(100vh - 2 * var(--spacing-md))}.cart-item{flex-direction:column;gap:var(--spacing-sm)}.cart-item__controls{align-items:flex-start}.cart-modal__actions{flex-direction:column}.footer__content{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media (max-width: 480px){.header__container{height:60px}.header__logo h1{font-size:var(--font-size-lg)}.header__subtitle{font-size:var(--font-size-xs)}.header__nav{display:none}.product-grid__container{grid-template-columns:1fr;gap:var(--spacing-md)}.checkout-form,.checkout-summary{padding:var(--spacing-lg)}.cart-modal-overlay{padding:var(--spacing-sm)}.cart-modal__header,.cart-modal__content{padding:var(--spacing-md)}}.privacy-title{font-size:20px;font-weight:600;color:#6b46c1;margin:24px 0 10px;letter-spacing:.3px;line-height:1.4;border-left:4px solid #7c4dff;padding-left:12px;text-shadow:0 1px 2px rgba(0,0,0,.05);transition:color .3s ease}.privacy-description{color:#333;font-size:16px;line-height:1.7;margin-bottom:14px;letter-spacing:.2px;font-weight:400;max-width:850px;text-align:justify;text-indent:24px;transition:color .3s ease}:root{--accent: #6a00ff;--accent-light: #8a2be2;--accent-dark: #4b0082;--accent-hover: #7c1fff;--background: #ffffff;--background-secondary: #f8f9fa;--background-tertiary: #f1f3f4;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--text-inverse: #ffffff;--border: #e1e5e9;--border-light: #f0f0f0;--border-dark: #d0d7de;--success: #28a745;--warning: #ffc107;--error: #dc3545;--info: #17a2b8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .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;--transition: all .2s ease-in-out;--transition-fast: all .15s ease-in-out;--transition-slow: all .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);line-height:1.6}*:focus{outline:2px solid var(--accent);outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;transition:var(--transition)}a{color:var(--accent);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-hover);text-decoration:underline}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.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-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.grid{display:grid;gap:var(--spacing-lg)}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 var(--spacing-sm)}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.loading-spinner__circle{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{text-align:center;padding:var(--spacing-2xl);color:var(--error)}.error-message h3{margin-bottom:var(--spacing-md);color:var(--error)}.error-message__retry{background-color:var(--accent);color:var(--text-inverse);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;transition:var(--transition);margin-top:var(--spacing-md)}.error-message__retry:hover{background-color:var(--accent-hover);text-decoration:none}.empty-message{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-message h3{margin-bottom:var(--spacing-md);color:var(--text-primary)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}.form-input,.form-select{width:100%;padding:var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:var(--transition);background-color:var(--background)}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6a00ff1a}.form-input--error{border-color:var(--error)}.form-input--error:focus{border-color:var(--error);box-shadow:0 0 0 3px #dc35451a}.form-error{display:block;margin-top:var(--spacing-xs);color:var(--error);font-size:var(--font-size-sm)}.form-help{display:block;margin-top:var(--spacing-xs);color:var(--text-muted);font-size:var(--font-size-sm)}.form-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.form-checkbox input[type=checkbox]{margin:0;width:auto}.form-checkbox__text{font-size:var(--font-size-sm);line-height:1.5}.form-error-message{background-color:#dc35451a;color:var(--error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border-left:4px solid var(--error)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;text-decoration:none;transition:var(--transition);cursor:pointer;border:2px solid transparent;font-size:var(--font-size-base);min-height:44px}.btn--primary{background-color:var(--accent);color:var(--text-inverse)}.btn--primary:hover{background-color:var(--accent-hover);text-decoration:none}.btn--secondary{background-color:var(--background-secondary);color:var(--text-primary);border-color:var(--border)}.btn--secondary:hover{background-color:var(--background-tertiary);text-decoration:none}.btn--danger{background-color:var(--error);color:var(--text-inverse)}.btn--danger:hover{background-color:#c82333;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:hover{background-color:var(--accent)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge--hot{background-color:#ff4757;color:var(--text-inverse)}.badge--sale{background-color:var(--success);color:var(--text-inverse)}.badge--best{background-color:#ffa502;color:var(--text-inverse)}.badge--limited{background-color:var(--accent);color:var(--text-inverse)}.badge--sold-out{background-color:var(--text-muted);color:var(--text-inverse)}.badge--default{background-color:var(--background-tertiary);color:var(--text-secondary)}