*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-ink: #0f172a;--clr-ink-secondary: #475569;--clr-ink-muted: #94a3b8;--clr-bg: #f8fafc;--clr-surface: #ffffff;--clr-border: #e2e8f0;--clr-accent: #5260e0;--clr-accent-hover: #4049c9;--clr-accent-soft: #eef0fe;--clr-cta: #e85d04;--clr-cta-hover: #dc2f02;--clr-success: #16a34a;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-hover: 0 8px 24px rgba(0,0,0,.12);--header-h: 60px;font-family:Inter,system-ui,sans-serif;font-size:15px;color:var(--clr-ink);background:var(--clr-bg)}html{scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img,svg{display:block}.site-header{position:sticky;top:0;z-index:50;background:var(--clr-surface);border-bottom:1px solid var(--clr-border);height:var(--header-h)}.site-header__inner{max-width:1280px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand__orb{width:30px;height:30px;object-fit:contain}.brand__wordmark{height:22px;width:auto;display:block}.site-nav{display:flex;gap:4px}.site-nav__link{padding:6px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--clr-ink-secondary);transition:color .15s,background .15s}.site-nav__link:hover{color:var(--clr-ink);background:var(--clr-bg)}.site-header__actions{margin-left:auto;display:flex;align-items:center;gap:4px}.icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);color:var(--clr-ink-secondary);transition:color .15s,background .15s;position:relative}.icon-btn:hover{color:var(--clr-ink);background:var(--clr-bg)}.cart-badge{position:absolute;top:4px;right:4px;background:var(--clr-cta);color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.page-wrapper{flex:1}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-enter .22s ease both}.hero{background:linear-gradient(135deg,#5260e0,#8b6fd8 55%,#d98fc0);color:#fff;padding:56px 24px}.hero__copy{max-width:560px;margin:0 auto;text-align:center}.hero__eyebrow{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#fff9;margin-bottom:12px}.hero__title{font-size:clamp(28px,5vw,44px);font-weight:700;line-height:1.15;margin-bottom:16px;letter-spacing:-.5px}.hero__lead{font-size:16px;line-height:1.7;color:#ffffffbf}.catalog{max-width:1280px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start}.catalog__filters{position:sticky;top:calc(var(--header-h) + 16px)}.filter-group{margin-bottom:28px}.filter-group__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--clr-ink-muted);margin-bottom:10px}.filter-chip{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:var(--radius-sm);font-size:14px;color:var(--clr-ink-secondary);margin-bottom:2px;transition:background .12s,color .12s}.filter-chip:hover{background:var(--clr-border);color:var(--clr-ink)}.filter-chip--active{background:var(--clr-accent);color:#fff;font-weight:500}.filter-chip--active:hover{background:var(--clr-accent-hover);color:#fff}.search-label{font-size:14px;color:var(--clr-ink-secondary);margin-bottom:20px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.product-card{display:flex;flex-direction:column;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.product-card__image{height:150px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:10px 0}.product-card__photo{height:100%;width:auto;max-width:100%;object-fit:contain;transition:transform .35s ease}.product-card:hover .product-card__photo{transform:scale(1.05)}.product-card__badge{position:absolute;top:10px;right:10px;background:#0ea5e9;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.product-card__body{padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.product-card__brand{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--clr-ink-muted)}.product-card__name{font-size:15px;font-weight:600;line-height:1.3}.product-card__color{font-weight:400;color:var(--clr-ink-secondary)}.product-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.product-card__volume,.product-card__category{font-size:12px;padding:2px 8px;border-radius:99px;background:var(--clr-bg);border:1px solid var(--clr-border);color:var(--clr-ink-secondary)}.product-card__laptop{font-size:12px;padding:2px 8px;border-radius:99px;background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1;display:flex;align-items:center;gap:4px}.product-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--clr-border)}.product-card__price{font-size:16px;font-weight:700}.product-card__cta{font-size:13px;color:var(--clr-cta);font-weight:600}.page-product{max-width:1280px;margin:0 auto;padding:24px 24px 64px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--clr-ink-muted);margin-bottom:32px}.breadcrumb a:hover{color:var(--clr-ink);text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--clr-ink)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:64px}.product-detail__gallery{display:flex;flex-direction:column;gap:12px}.product-detail__photo{height:100%;width:auto;max-width:100%;object-fit:contain}.thumb-img,.related-img{width:100%;height:100%;object-fit:contain}.cart-item__photo{width:100%;height:100%;object-fit:contain;padding:4px}.product-detail__main-image{border-radius:var(--radius-lg);border:1px solid var(--clr-border);background:#fff;height:420px;padding:28px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-detail__thumbnails{display:flex;gap:10px}.thumb-btn{border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;transition:border-color .15s;background:#fff}.thumb-btn--active{border-color:var(--clr-accent)}.thumb-swatch{width:64px;height:64px;background:#fff;display:flex;align-items:center;justify-content:center;padding:6px}.product-detail__info{padding-top:8px}.product-detail__brand{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--clr-ink-muted);margin-bottom:8px;display:block}.product-detail__title{font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.2;margin-bottom:16px}.product-detail__price{font-size:28px;font-weight:700;margin-bottom:20px}.product-detail__description{font-size:15px;line-height:1.7;color:var(--clr-ink-secondary);margin-bottom:28px}.product-specs{margin-bottom:28px;border-top:1px solid var(--clr-border)}.product-spec{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--clr-border);font-size:14px}.product-spec__label{color:var(--clr-ink-secondary)}.product-spec__value{font-weight:500}.product-detail__actions{display:flex;gap:12px;flex-wrap:wrap}.related-section{border-top:1px solid var(--clr-border);padding-top:40px}.related-section__title{font-size:20px;font-weight:700;margin-bottom:20px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--clr-border);background:var(--clr-surface);transition:box-shadow .15s}.related-card:hover{box-shadow:var(--shadow-md)}.related-card__image{width:64px;height:64px;border-radius:var(--radius-sm);flex-shrink:0;background:#fff;border:1px solid var(--clr-border);padding:6px;display:flex;align-items:center;justify-content:center}.related-card__info{display:flex;flex-direction:column;gap:2px}.related-card__brand{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--clr-ink-muted)}.related-card__name{font-size:13px;font-weight:600}.related-card__price{font-size:14px;font-weight:700}.page-cart{max-width:1280px;margin:0 auto;padding:32px 24px 64px}.page-cart--empty{display:flex;align-items:center;justify-content:center;min-height:60vh}.empty-cart{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--clr-ink-secondary)}.empty-cart svg{opacity:.3}.empty-cart h1{font-size:24px;font-weight:700;color:var(--clr-ink)}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}.cart-title{font-size:24px;font-weight:700;margin-bottom:24px}.cart-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.cart-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius-md);background:var(--clr-surface);border:1px solid var(--clr-border)}.cart-item__image{width:72px;height:72px;border-radius:var(--radius-sm);flex-shrink:0;background:#fff;border:1px solid var(--clr-border);padding:6px;display:flex;align-items:center;justify-content:center}.cart-item__info{display:flex;flex-direction:column;gap:2px;flex:1}.cart-item__brand{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--clr-ink-muted)}.cart-item__name{font-size:14px;font-weight:600}.cart-item__meta{font-size:12px;color:var(--clr-ink-muted)}.cart-item__qty{font-size:14px;color:var(--clr-ink-secondary);width:32px;text-align:center}.cart-item__price{font-size:15px;font-weight:700;width:80px;text-align:right}.cart-item__remove{width:28px;height:28px;border-radius:50%;font-size:16px;color:var(--clr-ink-muted);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.cart-item__remove:hover{background:#fee2e2;color:#dc2626}.cart-summary{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:24px;position:sticky;top:calc(var(--header-h) + 16px);display:flex;flex-direction:column;gap:12px}.cart-summary__title{font-size:18px;font-weight:700;margin-bottom:4px}.cart-summary__row{display:flex;justify-content:space-between;font-size:14px}.cart-summary__row--total{padding-top:12px;border-top:1px solid var(--clr-border);font-size:16px}.free-shipping{color:var(--clr-success);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:600;line-height:1;transition:background .15s,transform .1s,box-shadow .15s;cursor:pointer}.btn--block{width:100%}.btn--lg{padding:14px 28px;font-size:15px}.btn--primary{background:var(--clr-accent);color:#fff}.btn--primary:hover{background:var(--clr-accent-hover);box-shadow:0 4px 14px #5260e059}.btn--success{background:var(--clr-success)!important}.btn--secondary{background:var(--clr-bg);color:var(--clr-ink);border:1px solid var(--clr-border)}.btn--secondary:hover{background:var(--clr-border)}.btn--ghost{background:transparent;color:var(--clr-ink-muted);font-size:13px}.btn--ghost:hover{color:var(--clr-ink)}.empty-state{text-align:center;padding:64px 24px;color:var(--clr-ink-secondary);display:flex;flex-direction:column;align-items:center;gap:16px}.not-found{max-width:480px;margin:80px auto;text-align:center;padding:24px;display:flex;flex-direction:column;gap:16px;align-items:center}.not-found h1{font-size:28px;font-weight:700}.site-footer{background:var(--clr-ink);color:#fff9;font-size:13px;padding:28px 24px;margin-top:auto}.site-footer__inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.site-footer .brand__name{color:#fff;font-size:15px}.site-footer nav{display:flex;gap:20px}.site-footer a:hover{color:#fff}.footer-copy{margin-left:auto}@media (max-width: 900px){.catalog{grid-template-columns:1fr}.catalog__filters{position:static;display:flex;gap:16px;flex-wrap:wrap}.filter-group{margin-bottom:0}.product-detail,.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.related-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.site-nav{display:none}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.related-grid{grid-template-columns:1fr}.site-footer__inner{flex-direction:column;align-items:flex-start}.footer-copy{margin-left:0}}