/* Organization & defect fixes — keeps existing colors, banners, icons. */
/* 1) Mobile hero: stack banner art above the offer copy instead of overlapping. */
@media (max-width:640px){
 .carousel-slide{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column}
 .carousel-art,.panorama-slide .carousel-art{position:relative;inset:auto;height:auto;aspect-ratio:3/1;z-index:0}
 .carousel-slide::after{display:none}
 .carousel-copy{position:relative;inset:auto;width:auto;max-width:none;margin:0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px 16px 16px;transform:none}
 .carousel-copy h2{grid-column:1/-1;grid-row:1;font-size:20px;letter-spacing:0;line-height:1.5}
 .carousel-copy .carousel-product-name{grid-column:1/-1;grid-row:2;font-size:14px;margin:0}
 .carousel-live-price{grid-column:1;grid-row:3}
 .carousel-cta{grid-column:2;grid-row:3;align-self:center}
 .carousel-cta .button{width:auto;min-width:120px}
 .carousel-copy .carousel-stock{grid-column:1/-1;grid-row:4;margin:4px 0 0}
 .carousel-kicker,.carousel-features{display:none}
}
/* 2) One category control per breakpoint (no duplicated lists). */
@media (min-width:901px){.catalog-content .mobile-categories{display:none!important}}
@media (max-width:900px){.catalog-sidebar{display:none!important}.catalog-layout{grid-template-columns:1fr!important}}
/* 3) Consistent grids & spacing. */
.products-grid{gap:16px!important;align-items:stretch}
.products-grid .product-card{height:100%}
.catalog-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin:28px 0 8px;color:#b9c3d8;font-size:13px}
.catalog-more .button{min-width:220px}
/* 4) Product page: title > plan > price > qty > CTA > warranty. */
.detail-info h1{font-size:clamp(26px,3vw,36px);line-height:1.45;margin-bottom:2px}
.detail-plan{margin:0 0 10px;color:#aab6cf;font-size:14px;text-align:start}
.buy-box .detail-price-row{margin:4px 0 10px}
.buy-box .detail-price{font-size:clamp(30px,3.2vw,40px)}
.buy-box .quantity{margin-bottom:14px}
.detail-warranty{display:block;line-height:1.9;color:#d5dff2}
.detail-warranty b{display:inline-flex;align-items:center;gap:5px;color:#aee7ff}
/* 5) Contrast only where unreadable. */
.card-plan,.carousel-live-price del,.freshness,.result-count{color:#b9c3d8}
@media (max-width:640px){
 .carousel-cta .button{font-size:13px!important;color:#fff!important;text-indent:0!important;padding-inline:18px!important;gap:6px;background:linear-gradient(120deg,#7a79ec,#9c84ed)!important}
 .detail-layout{display:flex!important;flex-direction:column}
 .detail-layout .detail-info{order:1}
 .detail-layout .detail-visual{order:2}
 .detail-layout .detail-art{min-height:0!important;height:200px!important;aspect-ratio:auto!important}
 .breadcrumbs{margin-top:8px}
}