/* MacBook catalog — Restore-informed UX (structure only, no Restore copy/assets).
   Scoped to .ks-macbook-category so iPhone / other hubs stay untouched. */

.ks-macbook-category .top-content-block {
  margin-bottom: 12px;
}

.ks-macbook-category .top-content-block .page-top h1,
.ks-macbook-category .page-top h1,
.ks-macbook-category h1#pagetitle,
.ks-macbook-category .topic__heading {
  font-size: clamp(26px, 2.6vw, 32px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em;
  line-height: 1.2 !important;
  color: #111 !important;
  margin: 0 0 8px !important;
}

/* Family nav is Restore chips (.ks-mb-chips); keep subsection shell quiet. */
.ks-macbook-category .kstore-pitbike-subsections {
  margin: 4px 0 16px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.ks-macbook-category .kstore-pitbike-subsections .item-title,
.ks-macbook-category .kstore-pitbike-subsections .section-compact-list__title,
.ks-macbook-category .section-block .item-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em;
}

.ks-macbook-category .section-block .item .img,
.ks-macbook-category .kstore-pitbike-subsections .img {
  background: #f5f5f7 !important;
  border-radius: 16px !important;
}

/* Toolbar: quiet, Restore-like */
.ks-macbook-category .ks-ic-toolbar {
  border-bottom: 1px solid #ececf0;
  padding: 8px 0 16px;
  margin-bottom: 18px;
}

.ks-macbook-category .ks-ic-total {
  color: #8a8b92;
  font-size: 13px;
}

.ks-macbook-category .ks-ic-sort summary {
  font-size: 14px;
  color: #111;
}

/* Sidebar: clean white panel, not heavy grey box */
.ks-macbook-category .ks-ic-sidebar {
  background: #fff;
  border: 1px solid #ececf0;
  border-radius: 12px;
  padding: 16px 14px;
  box-shadow: none;
}

.ks-macbook-category .ks-ic-sidebar > summary {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  padding: 0 0 12px;
  color: #111;
}

.ks-macbook-category .ks-ic-sidebar .ks-ic-filter-body summary {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  padding: 14px 0 6px;
}

.ks-macbook-category .ks-ic-sidebar .ks-ic-choice {
  font-size: 13px !important;
  line-height: 20px !important;
  padding: 7px 0 !important;
}

.ks-macbook-category .ks-ic-apply {
  border-radius: 10px;
  background: #111;
  padding: 13px;
  font-size: 14px;
}

.ks-macbook-category .ks-ic-apply:active {
  transform: scale(0.98);
}

/* —— Product cards (photo-first, less clutter) —— */
.ks-macbook-category .catalog_block.items {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.ks-macbook-category .catalog_block .item.item_block {
  padding: 10px !important;
}

.ks-macbook-category .catalog_block .catalog_item_wrapp,
.ks-macbook-category .catalog_block .catalog_item {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ks-macbook-category .catalog_block .catalog_item .inner_wrap {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Image dominant — overflow visible so «Новинка»/«Распродажа» are not clipped */
.ks-macbook-category .catalog_block .catalog_item .image_wrapper_block {
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  padding: 8px 8px 4px !important;
  margin: 0 0 12px !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.ks-macbook-category .catalog_block .catalog_item .image_wrapper_block img {
  max-width: 96% !important;
  max-height: 96% !important;
  object-fit: contain !important;
}

/* Soft badges, top-left — Aspro uses sticker_novinka / sticker_rasprodazha (not .sticker).
   Gallery thumb paints above badges unless stickers win the stacking context. */
.ks-macbook-category .catalog_block .catalog_item .image_wrapper_block .thumb,
.ks-macbook-category .catalog_block .catalog_item .image_wrapper_block .section-gallery-wrapper {
  position: relative;
  z-index: 1;
}

.ks-macbook-category .catalog_block .catalog_item .stickers {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  z-index: 20 !important;
  max-width: calc(100% - 48px);
  overflow: visible !important;
  pointer-events: none;
}

.ks-macbook-category .catalog_block .catalog_item .stickers > div {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

.ks-macbook-category .catalog_block .catalog_item .stickers .sticker,
.ks-macbook-category .catalog_block .catalog_item .stickers [class*="sticker_"] {
  display: inline-block !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  padding: 4px 8px !important;
  letter-spacing: 0;
  box-shadow: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
  width: auto !important;
}

/* Hide hover chrome clutter until intentional hover (desktop only) */
.ks-macbook-category .catalog_block .catalog_item .like_icons,
.ks-macbook-category .catalog_block .catalog_item .fast_view_button,
.ks-macbook-category .catalog_block .catalog_item .wrapp_one_click {
  opacity: 0;
  transition: opacity 160ms ease-out;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  .ks-macbook-category .catalog_block .catalog_item:hover .like_icons,
  .ks-macbook-category .catalog_block .catalog_item:hover .fast_view_button,
  .ks-macbook-category .catalog_block .catalog_item:hover .wrapp_one_click {
    opacity: 1;
    pointer-events: auto;
  }
}

.ks-macbook-category .catalog_block .catalog_item .ks-product-actions {
  opacity: 0;
  transition: opacity 160ms ease-out;
}

@media (hover: hover) and (pointer: fine) {
  .ks-macbook-category .catalog_block .catalog_item:hover .ks-product-actions {
    opacity: 1;
  }
}

/* Title: regular weight, 3-line clamp like Restore */
.ks-macbook-category .catalog_block .catalog_item .item_info {
  padding: 0 2px !important;
  text-align: left !important;
}

.ks-macbook-category .catalog_block .catalog_item .item-title,
.ks-macbook-category .catalog_block .catalog_item .item-title a,
.ks-macbook-category .catalog_block .catalog_item .item-title span {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  letter-spacing: -0.01em;
  color: #111 !important;
  text-align: left !important;
  min-height: 0 !important;
  max-height: 60px !important;
  height: auto !important;
  margin: 0 0 8px !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

.ks-macbook-category .catalog_block .catalog_item .item-title a {
  display: -webkit-box !important;
}

/* Kill article / SKU noise */
.ks-macbook-category .catalog_block .catalog_item .article_block,
.ks-macbook-category .catalog_block .catalog_item .sa_block .article_block,
.ks-macbook-category .catalog_block .catalog_item .item-stock:not(.kstore-availability-badge) {
  display: none !important;
}

.ks-macbook-category .catalog_block .catalog_item .sa_block {
  min-height: 0 !important;
  margin: 0 0 6px !important;
  text-align: left !important;
}

/* Availability badge — Phase 2 colors (do NOT force gray; semantic.css tokens win) */
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-status {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin: 0 0 8px !important;
}
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge,
.ks-macbook-category .catalog_block .catalog_item [class*="availability-badge"] {
  display: inline-flex !important;
  align-items: center;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 9px !important;
  margin: 0 !important;
  border: 0 !important;
}
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge--in_stock,
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge--in-stock,
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge--local_stock {
  color: #128344 !important;
  background: #e9f8ef !important;
}
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge--available_to_order,
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge--available-to-order,
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge--supplier_stock {
  color: #1558c8 !important;
  background: #eaf2ff !important;
}
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge--special_order,
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge--special-order,
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge--on_request {
  color: #9a6b2f !important;
  background: #f5edd8 !important;
}
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge--preorder {
  color: #4f46e5 !important;
  background: #eef2ff !important;
}
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge--coming_soon {
  color: #9a6b2f !important;
  background: #f5edd8 !important;
}
.ks-macbook-category .catalog_block .catalog_item .kstore-availability-badge__secondary {
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0 2px;
  color: #667085 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  white-space: normal;
}

/* Never show closed-order dump in Apple listing cards (a11y + layout) */
.ks-macbook-category .catalog_block .catalog_item .ks-reference-price--closed,
.ks-listing-cta .catalog_block .catalog_item .ks-reference-price--closed {
  display: none !important;
}

/* Price slot: fixed min-height so CTAs line up across the row (empty / with price) */
.ks-macbook-category .catalog_block .catalog_item .item_info--bottom_block,
.ks-listing-cta .catalog_block .catalog_item .item_info--bottom_block {
  min-height: 28px;
  margin-top: 4px;
}

.ks-macbook-category .catalog_block .catalog_item .cost.prices.ks-listing-price-slot,
.ks-listing-cta .catalog_block .catalog_item .cost.prices.ks-listing-price-slot {
  min-height: 22px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Price: black, clear — beat kstore-catalog-polish (:has + !important) */
.ks-macbook-category .catalog_block .catalog_item .cost.prices,
.ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD),
.ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD):has(>.ks-sale-saving) {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  column-gap: 0 !important;
  row-gap: 2px !important;
  text-align: left !important;
  margin-top: 4px !important;
  max-width: 100% !important;
  min-height: 22px;
}

.ks-macbook-category .catalog_block .catalog_item .cost.prices .price_group,
.ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD) > .price_group {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ks-macbook-category .catalog_block .catalog_item .cost.prices .price_group:not(.OLD),
.ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD) > .price_group:not(.OLD) {
  order: 0 !important;
}

.ks-macbook-category .catalog_block .catalog_item .cost.prices .price_group.OLD,
.ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD) > .price_group.OLD {
  order: 1 !important;
}

.ks-macbook-category .catalog_block .catalog_item .cost.prices .price,
.ks-macbook-category .catalog_block .catalog_item .cost.prices .price *,
.ks-macbook-category .catalog_block .catalog_item .cost.prices .price_group:not(.OLD) .price,
.ks-macbook-category .catalog_block .catalog_item .cost.prices .price_group:not(.OLD) .price *,
.ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD) .price_group:not(.OLD) .price,
.ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD) .price_group:not(.OLD) .price * {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #111 !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums;
}

.ks-macbook-category .catalog_block .catalog_item .cost.prices .OLD .price,
.ks-macbook-category .catalog_block .catalog_item .cost.prices .OLD .price *,
.ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD) .OLD .price,
.ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD) .OLD .price * {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: #8a8b92 !important;
  text-decoration: line-through;
}

/* Savings row — quiet secondary, not green spam */
.ks-macbook-category .catalog_block .catalog_item .cost.prices > .ks-sale-saving,
.ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD) > .ks-sale-saving {
  order: 2 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  text-align: left !important;
  margin: 2px 0 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #8a8b92 !important;
  line-height: 1.35 !important;
}

/* Keep CTA always visible under the price.
   Aspro Max hides .ajax_load.block .footer_button and on desktop uses
   `top: 100%` (styles.min.css) so the button paints ONE card-height below
   its layout slot — empty white under price, blue CTA under the next row.
   Force static flow + kill top/bottom offsets.
   Equal-height flex pins CTAs to one baseline across the row (empty price vs sale stack). */
.ks-macbook-category .catalog_block .item.item_block,
.ks-macbook-category .catalog_block .catalog-block-view__item {
  display: flex !important;
  align-items: stretch !important;
}

.ks-macbook-category .catalog_block .catalog_item .inner_wrap,
.ks-macbook-category .catalog_block .catalog_item,
.ks-macbook-category .catalog_block .catalog_item_wrapp {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  max-height: none !important;
  overflow: visible !important;
}

.ks-macbook-category .catalog_block .catalog_item .item_info {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

.ks-macbook-category .catalog_block .catalog_item .footer_button,
.ks-macbook-category .ajax_load.block .catalog_item .footer_button,
.ks-macbook-category .ajax_load.block .item_block .catalog_item .footer_button,
.ks-macbook-category .compact-catalog .ajax_load.block .catalog_item .footer_button,
html:not(.mobile) .ks-macbook-category .catalog_block .item_block .catalog_item:not(.big) .footer_button {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding: 10px 2px 0 !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: auto !important;
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  z-index: 3;
}

.ks-macbook-category .catalog_block .catalog_item .footer_button .btn,
.ks-macbook-category .catalog_block .catalog_item .footer_button .to-cart,
.ks-macbook-category .catalog_block .catalog_item .footer_button .in-cart,
.ks-macbook-category .ajax_load.block .catalog_item .footer_button .btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  visibility: visible !important;
  opacity: 1 !important;
  border-radius: 10px !important;
  min-height: 40px;
  width: 100%;
  font-size: 14px !important;
  font-weight: 500 !important;
  touch-action: manipulation;
  pointer-events: auto !important;
}

/* Desktop grid breathing room with sidebar */
@media (min-width: 1001px) {
  .ks-macbook-category .right_block1:has(>.filter-panel-wrapper .ks-ic-toolbar) {
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 0 32px;
  }

  .ks-macbook-category .catalog_block .catalog_item .image_wrapper_block {
    height: 188px !important;
    min-height: 188px !important;
    max-height: 188px !important;
  }
}

@media (max-width: 1000px) {
  .ks-macbook-category .catalog_block .catalog_item .image_wrapper_block {
    height: 176px !important;
    min-height: 176px !important;
    max-height: 176px !important;
  }
}

@media (max-width: 600px) {
  .ks-macbook-category .catalog_block.items {
    margin-left: -6px !important;
    margin-right: -6px !important;
  }

  .ks-macbook-category .catalog_block .item.item_block {
    padding: 6px !important;
  }

  .ks-macbook-category .catalog_block .catalog_item .image_wrapper_block {
    height: 148px !important;
    min-height: 148px !important;
    max-height: 148px !important;
    padding: 4px !important;
    margin-bottom: 8px !important;
  }

  .ks-macbook-category .catalog_block .catalog_item .item-title,
  .ks-macbook-category .catalog_block .catalog_item .item-title a {
    font-size: 13px !important;
    line-height: 18px !important;
    max-height: 54px !important;
  }

  .ks-macbook-category .catalog_block .catalog_item .cost.prices .price,
  .ks-macbook-category .catalog_block .catalog_item .cost.prices .price *,
  .ks-macbook-category .catalog_block .catalog_item .cost.prices .price_group:not(.OLD) .price,
  .ks-macbook-category .catalog_block .catalog_item .cost.prices .price_group:not(.OLD) .price *,
  .ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD) .price_group:not(.OLD) .price,
  .ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD) .price_group:not(.OLD) .price * {
    font-size: 16px !important;
  }

  .ks-macbook-category .catalog_block .catalog_item .cost.prices .OLD .price,
  .ks-macbook-category .catalog_block .catalog_item .cost.prices .OLD .price *,
  .ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD) .OLD .price,
  .ks-macbook-category .catalog_block .catalog_item .cost.prices:has(.price_group.OLD) .OLD .price * {
    font-size: 12px !important;
  }

  .ks-macbook-category .ks-ic-sidebar {
    border-radius: 10px;
    padding: 14px 12px;
  }

  .ks-macbook-category .ks-ic-range input {
    font-size: 16px !important; /* no iOS zoom */
    min-height: 44px;
  }

  .ks-macbook-category .ks-ic-apply {
    min-height: 48px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
  }

  /* Touch: keep compare/fav discoverable without stuck hover */
  .ks-macbook-category .catalog_block .catalog_item .like_icons,
  .ks-macbook-category .catalog_block .catalog_item .ks-product-actions {
    opacity: 0.85;
    pointer-events: auto;
  }

  .ks-macbook-category .catalog_block .catalog_item .fast_view_button {
    display: none !important;
  }
}