.section{position:relative;width:100%}.section-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section-heading{font-size:clamp(28px,4vw,42px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px;color:var(--color-text)}.section-subheading{font-size:clamp(16px,2vw,18px);font-weight:400;line-height:1.6;color:var(--color-text-light);margin:0 0 40px;max-width:700px}.section-header{text-align:center;margin-bottom:48px}.section-header--left{text-align:left;margin-bottom:40px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;gap:8px}.btn--primary{background:var(--color-text);color:var(--color-background)}.btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--secondary{background:transparent;color:var(--color-text);border:2px solid var(--color-text)}.btn--secondary:hover{background:var(--color-text);color:var(--color-background)}.btn--outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--outline:hover{background:var(--color-surface);border-color:var(--color-text)}.product-card{text-decoration:none;color:inherit;display:block;transition:all var(--transition-base);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-background);border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d,0 1px 2px -1px #0000000d}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-color:var(--color-border-hover, #d1d5db)}.product-card__image{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-surface);border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg))}.product-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__badge{position:absolute;top:12px;right:12px;padding:6px 12px;background:var(--color-error);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-pill);z-index:2}.product-card__info{padding:20px 16px;background:var(--color-background)}.product-card__title{font-size:16px;font-weight:500;margin:0 0 8px;color:var(--color-text);line-height:1.4;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{display:flex;align-items:baseline;gap:8px;font-weight:600}.product-card__price-current{font-size:18px;color:var(--color-text)}.product-card__price-compare{font-size:14px;color:var(--color-text-muted);text-decoration:line-through}.product-card__price-sale{color:var(--color-error)}.grid{display:grid;gap:32px}@media(max-width:1024px){.grid{gap:24px}}@media(max-width:768px){.grid{gap:20px}}.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:1024px){.grid--4{grid-template-columns:repeat(3,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}.grid--2{grid-template-columns:1fr}}@media(max-width:480px){.grid--4,.grid--3,.grid--2{grid-template-columns:1fr}}.section-padding{padding:80px 0}.section-padding--sm{padding:40px 0}.section-padding--lg{padding:120px 0}@media(max-width:768px){.section-padding{padding:42px 0}.section-padding--sm{padding:28px 0}.section-padding--lg{padding:56px 0}.section-header{margin-bottom:28px}.section-header--left{margin-bottom:24px}.section-subheading{margin:0 0 24px}.product-card__info{padding:14px 12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.section-loading{min-height:400px;display:flex;align-items:center;justify-content:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-text);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}