:root{--purple: #2d1b69;--purple-light: #4a2c8a;--mustard: #d4a017;--mustard-light: #e8b830;--bordeaux: #6b1d3a;--bordeaux-light: #8a2850;--cream: #f5f0e8;--black: #1a1a1a;--white: #fff;--gray: #6b6b6b;--gray-light: #e8e3db;--red: #c0392b;--green: #1a7a4c;--primary-color: var(--purple);--primary-hover: var(--purple-light);--secondary-color: var(--mustard);--text-color: var(--black);--text-secondary: var(--gray);--bg-color: var(--cream);--border-color: var(--black);--success-color: var(--green);--error-color: var(--red);--warning-color: var(--mustard);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border: 3px solid var(--black);--border-thick: 5px solid var(--black);--border-radius: 0;--shadow: 6px 6px 0 var(--black);--shadow-sm: 3px 3px 0 var(--black);--shadow-md: 6px 6px 0 var(--black);--shadow-lg: 8px 8px 0 var(--black);--font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-color);background:var(--bg-color);line-height:1.6;font-size:1.0625rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus-visible{outline:3px solid var(--mustard);outline-offset:3px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,4vw,2.25rem)}h3{font-size:1.25rem}p{margin-bottom:var(--spacing-md)}a{color:var(--purple);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;font-weight:600;transition:color .1s ease}a:hover{color:var(--bordeaux)}.app-header{background:var(--purple);border-bottom:var(--border-thick);position:sticky;top:0;z-index:100}.app-header .header-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.app-header .header-container{padding:var(--spacing-md)}}.app-header .logo{font-size:1.5rem;font-weight:900;color:var(--mustard);text-decoration:none;text-transform:uppercase;letter-spacing:.05em}.app-header .logo:hover{text-decoration:none;color:var(--cream)}.app-header nav{display:flex;gap:var(--spacing-lg);align-items:center}.app-header nav a{color:var(--cream);font-weight:700;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em;text-decoration:none;padding:.25rem 0;border-bottom:2px solid transparent;transition:border-color .1s}.app-header nav a:hover,.app-header nav a.active{border-bottom-color:var(--mustard);color:var(--mustard);text-decoration:none}.cart-badge{position:relative}.cart-badge .badge-count{position:absolute;top:-10px;right:-10px;background:var(--bordeaux);color:var(--white);border:2px solid var(--black);border-radius:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}@media(max-width:768px){.container{padding:var(--spacing-lg) var(--spacing-md)}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}@media(max-width:640px){.product-grid{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:var(--border);font-size:.9375rem;font-weight:800;cursor:pointer;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-body);transition:transform .1s ease,box-shadow .1s ease}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.btn:active{transform:translate(0);box-shadow:none}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--purple);color:var(--cream);border-color:var(--black)}.btn-primary:hover:not(:disabled){background:var(--purple-light)}.btn-secondary{background:var(--bordeaux);color:var(--cream);border-color:var(--black)}.btn-secondary:hover:not(:disabled){background:var(--bordeaux-light)}.btn-outline{background:transparent;border:3px solid var(--purple);color:var(--purple)}.btn-outline:hover:not(:disabled){background:var(--purple);color:var(--cream)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.8125rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.0625rem}input[type=text],input[type=email],input[type=number],input[type=search],select,textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border);font-size:1rem;font-family:inherit;background:var(--white);color:var(--black);transition:box-shadow .1s ease}input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,select:focus,textarea:focus{outline:none;box-shadow:var(--shadow-sm);border-color:var(--purple)}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray)}.spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--gray-light);border-top-color:var(--purple);border-radius:0;animation:spin .6s steps(8) infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--gray);border:var(--border);background:var(--white)}.empty-state h3{margin-bottom:var(--spacing-sm)}.empty-state p{margin-bottom:var(--spacing-lg)}.card{background:var(--white);border:var(--border);padding:var(--spacing-lg);transition:transform .1s ease,box-shadow .1s ease}.card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow)}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}@media(max-width:768px){:root{font-size:14px}}.product-card{display:block}.product-card__card{background:var(--white);border:var(--border);overflow:hidden;height:100%;display:flex;flex-direction:column;transition:transform .1s ease,box-shadow .1s ease}.product-card__card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow)}.product-card__image-container{position:relative;width:100%;height:200px;overflow:hidden;border-bottom:var(--border);background:var(--gray-light)}.product-card__image{width:100%;height:100%;object-fit:cover}.product-card__icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#2d1b6926;pointer-events:none}.product-card__content{padding:1.25rem;flex:1;display:flex;flex-direction:column}.product-card__name{font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 .5rem;color:var(--black);display:flex;align-items:center;gap:.5rem}.product-card__name i{color:var(--purple);font-size:1rem}.product-card__description{color:var(--gray);font-size:.875rem;margin:0 0 1rem;flex:1;line-height:1.5}.product-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;border-top:2px solid var(--black)}.product-card__price{font-size:1.5rem;font-weight:900;color:var(--bordeaux);font-family:var(--font-mono);display:flex;align-items:center;gap:.25rem}.product-card__price i{font-size:1rem;color:var(--mustard)}.product-card__btn{background:var(--mustard);color:var(--black);border:3px solid var(--black);padding:.5rem 1rem;cursor:pointer;font-size:.8125rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);transition:transform .1s ease,box-shadow .1s ease}.product-card__btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm);background:var(--mustard-light)}.product-card__btn:active{transform:translate(0);box-shadow:none}.product-carousel{margin-bottom:3rem}.carousel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:5px solid var(--black, #1a1a1a)}.carousel__title{font-size:1.5rem;font-weight:900;text-transform:uppercase;color:var(--purple, #2d1b69);letter-spacing:-.02em;margin:0}.carousel__subtitle{font-size:.875rem;color:var(--gray, #6b6b6b);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0}.carousel__controls{display:flex;gap:.5rem;align-items:center}.carousel__btn{width:44px;height:44px;border:3px solid var(--black, #1a1a1a);background:var(--mustard, #d4a017);color:var(--black, #1a1a1a);font-size:1.25rem;font-weight:900;cursor:pointer;transition:transform .1s,box-shadow .1s;font-family:inherit;display:flex;align-items:center;justify-content:center;line-height:1}.carousel__btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--black, #1a1a1a)}.carousel__btn:active{transform:translate(0);box-shadow:none}.carousel__btn:disabled{opacity:.35;cursor:not-allowed;background:var(--gray-light, #e8e3db)}.carousel__btn:focus-visible{outline:3px solid var(--mustard, #d4a017);outline-offset:3px}.carousel__counter{font-size:.75rem;font-weight:800;font-family:SF Mono,Fira Code,monospace;color:var(--gray, #6b6b6b);min-width:50px;text-align:center;text-transform:uppercase}.carousel__track-wrapper{overflow:hidden;border:3px solid var(--black, #1a1a1a);box-shadow:6px 6px 0 var(--black, #1a1a1a);background:var(--gray-light, #e8e3db)}.carousel__track{display:flex;transition:transform .3s cubic-bezier(.25,.1,.25,1);will-change:transform}.carousel__slide{flex:0 0 calc(100% / 3);min-width:calc(100% / 3);padding:1.5rem;box-sizing:border-box}@media(max-width:900px){.carousel__slide{flex:0 0 50%;min-width:50%}}@media(max-width:580px){.carousel__slide{flex:0 0 100%;min-width:100%}}.carousel__dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.25rem}.carousel__dot{width:12px;height:12px;border:2px solid var(--black, #1a1a1a);background:var(--white, #fff);cursor:pointer;padding:0;transition:background .1s,transform .1s}.carousel__dot:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--black, #1a1a1a)}.carousel__dot.active{background:var(--purple, #2d1b69)}.carousel__dot:focus-visible{outline:3px solid var(--mustard, #d4a017);outline-offset:3px}.carousel__slide .product-card{display:block;width:100%;box-shadow:none}.carousel__slide .product-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--black, #1a1a1a)}.search-bar{display:block}.search-bar__container{background:var(--white);padding:1.25rem;border:var(--border);margin-bottom:2rem}.search-bar__row{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:end}@media(max-width:768px){.search-bar__row{grid-template-columns:1fr}}.search-bar__form-group{display:flex;flex-direction:column}.search-bar__label{font-weight:800;margin-bottom:.4rem;color:var(--black);font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.5rem}.search-bar__label i{color:var(--bordeaux)}.search-bar__input,.search-bar__select{padding:.625rem 1rem;border:var(--border);font-size:1rem;font-family:inherit;background:var(--white);color:var(--black);transition:box-shadow .1s ease}.search-bar__input:focus,.search-bar__select:focus{outline:none;box-shadow:var(--shadow-sm);border-color:var(--purple)}.search-bar__input[type=search]{width:100%}.shopping-cart{display:block}.shopping-cart__container{background:var(--white);border:var(--border);padding:2rem}.shopping-cart__header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:var(--border-thick)}.shopping-cart__header h2{margin:0 0 .5rem;color:var(--black);display:flex;align-items:center;gap:.5rem}.shopping-cart__header h2 i{color:var(--purple)}.shopping-cart__item-count{color:var(--gray);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.shopping-cart__item-count i{color:var(--bordeaux)}.shopping-cart__items{margin-bottom:1.5rem}.shopping-cart__item{display:flex;gap:1rem;padding:1rem 0;border-bottom:2px solid var(--black)}.shopping-cart__item:last-child{border-bottom:none}.shopping-cart__item-image-container{position:relative;width:80px;height:80px;flex-shrink:0}.shopping-cart__item-image{width:100%;height:100%;object-fit:cover;border:2px solid var(--black);background:var(--gray-light)}.shopping-cart__item-icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#2d1b6926;pointer-events:none}.shopping-cart__item-details{flex:1}.shopping-cart__item-name{font-weight:800;text-transform:uppercase;font-size:.95rem;margin-bottom:.25rem;color:var(--black);display:flex;align-items:center;gap:.5rem}.shopping-cart__item-name i{color:var(--purple);font-size:.85rem}.shopping-cart__item-price{color:var(--bordeaux);font-weight:900;font-family:var(--font-mono);display:flex;align-items:center;gap:.25rem}.shopping-cart__item-controls{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.shopping-cart__quantity-btn{width:30px;height:30px;border:3px solid var(--black);background:var(--cream);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;transition:transform .1s ease,box-shadow .1s ease}.shopping-cart__quantity-btn:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--black);background:var(--mustard)}.shopping-cart__quantity{min-width:30px;text-align:center;font-weight:900;font-family:var(--font-mono);font-size:1.1rem}.shopping-cart__remove-btn{margin-left:auto;color:var(--red);border:2px solid var(--red);background:none;cursor:pointer;padding:.25rem .75rem;font-size:.8125rem;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;transition:background .1s ease}.shopping-cart__remove-btn:hover{background:var(--red);color:var(--white)}.shopping-cart__footer{padding-top:1.5rem;border-top:var(--border-thick)}.shopping-cart__total{display:flex;justify-content:space-between;align-items:center;font-size:1.25rem;font-weight:900;margin-bottom:1.5rem}.shopping-cart__total-label{color:var(--black);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.shopping-cart__total-label i{color:var(--purple)}.shopping-cart__total-amount{color:var(--bordeaux);font-family:var(--font-mono);font-size:1.5rem}.shopping-cart__checkout-btn{width:100%;padding:1rem;background:var(--purple);color:var(--cream);border:var(--border);font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);transition:transform .1s ease,box-shadow .1s ease}.shopping-cart__checkout-btn:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow);background:var(--purple-light)}.shopping-cart__checkout-btn:disabled{background:var(--gray);cursor:not-allowed;transform:none;box-shadow:none}.shopping-cart__empty{text-align:center;padding:3rem 1rem;color:var(--gray)}.shopping-cart__empty-icon{font-size:4rem;margin-bottom:1rem;color:var(--gray-light)}.shopping-cart__empty p{margin:0;font-weight:700;text-transform:uppercase}.shopping-cart__continue-shopping{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--purple);text-decoration:underline;text-underline-offset:3px;font-weight:800;text-transform:uppercase;font-size:.875rem}.shopping-cart__continue-shopping:hover{color:var(--bordeaux)}