/* angagement.ru / local/ang_card; v20261015-5. Card mobile breakpoint only. */
@media screen and (max-width: 767px) {
  .ang-card-v24 .ang-macc-trigger {
    --ang-macc-ready: 1;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center;
    gap: 3px 12px;
    width: 100%;
    min-width: 0;
    min-height: 56px;
    margin: 12px 0;
    padding: 15px 16px;
    border: 1px solid #dedfd9;
    border-radius: 14px;
    background: #fff;
    color: #152b3a;
    font: inherit;
    line-height: 1.45;
    text-align: left;
    cursor: pointer;
    appearance: none;
  }
  .ang-card-v24 .ang-macc-trigger .ang-macc-label {
    grid-column: 1;
    font-size: 16px;
    font-weight: 600;
  }
  .ang-card-v24 .ang-macc-trigger .ang-macc-value {
    grid-column: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 400;
    overflow-wrap: anywhere;
  }
  .ang-card-v24 .ang-macc-trigger::after {
    content: '';
    grid-column: 2;
    grid-row: 1 / span 2;
    justify-self: center;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
  }
  .ang-card-v24 .ang-macc-trigger[aria-expanded="true"]::after {
    transform: rotate(225deg);
  }
  .ang-card-v24 .ang-macc-trigger:focus-visible {
    outline: 2px solid #152b3a;
    outline-offset: 3px;
  }
  #main #content .ang-card-v24 .product-chars [data-ang-macc-part][data-ang-macc-state="closed"],
  #main #content .ang-card-v24 .product-chars [data-ang-macc-duplicate-title],
  #main #content .ang-card-v24 .ang-warranty > [data-ang-macc-part][data-ang-macc-state="closed"],
  #main #content .ang-card-v24 .ang-warranty-title[data-ang-macc-heading] > :not(.ang-macc-trigger) {
    display: none !important;
  }
  .ang-card-v24 .ang-warranty-title[data-ang-macc-heading] {
    margin: 0;
  }
  .ang-card-v24 .ang-warranty-title > .ang-macc-trigger {
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
  }
}

/* All layout overrides intentionally share the existing mobile breakpoint. */
@media screen and (max-width: 767px) {
  .ang-card-v24 { --ang-mobile-layout-ready: 1; }
  #main #content #pagetitle[data-ang-mobile-long-title="v3"] { display: none !important; }
  #main #content .ang-mobile-model-title {
    display: block; margin: 0; color: #152b3a; font-size: 26px; line-height: 1.15; font-weight: 600;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-chars > .ang-warranty {
    width: 100%; box-sizing: border-box; margin: 12px 0 !important; padding: 15px 16px !important;
    border: 1px solid #dedfd9; border-radius: 14px; background: #fff;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-chars > .ang-warranty .ang-warranty-grid {
    margin-top: 16px; grid-template-columns: minmax(0, 1fr);
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action {
    padding: 14px !important; border-radius: 18px !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices_block {
    padding: 0 !important; margin: 0 0 10px !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices.ang-price-promo-active {
    min-height: 0 !important; padding: 12px !important; border-radius: 14px !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices .price:not(.discount) {
    font-size: 32px !important; line-height: 1.12 !important; margin: 0 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices .price.discount {
    font-size: 14px !important; line-height: 1.2 !important; margin: 0 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices .prices-wrapper {
    align-items: baseline !important; flex-wrap: wrap; gap: 4px 10px !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices .ang-price-promo-title {
    margin: 0 0 5px !important; font-size: 10px !important; line-height: 1.3 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices .ang-price-promo-date {
    margin: 5px 0 0 !important; font-size: 11px !important; line-height: 1.3 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices .sale_block {
    margin: 6px 0 0 !important; padding: 0 !important; line-height: 1.2 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .counter_wrapp {
    margin: 0 !important; padding-top: 0 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .ang-card-zone[data-ang-zone="right"] {
    margin-top: 10px !important; gap: 10px !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback.ang-feedback-columns {
    display: block !important; overflow: visible !important; padding: 0 !important;
    grid-template-columns: none !important; scroll-snap-type: none !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-columns .ang-feedback-heading {
    display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center;
    gap: 5px 12px; padding: 0 0 14px !important; background: transparent !important;
    border: 0 !important; box-shadow: none !important; min-width: 0;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-heading h2 {
    grid-column: 1; grid-row: 1; margin: 0 !important; font-size: 22px !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-heading > p {
    grid-column: 1 / -1; grid-row: 2; margin: 0 !important; font-size: 12px !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-heading .ang-review-score {
    grid-column: 2; grid-row: 1; font-size: 22px !important; line-height: 1 !important; margin: 0 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-heading .ang-review-score small {
    font-size: 11px !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-heading > .ang-card-stars {
    grid-column: 2; grid-row: 3; font-size: 13px !important; margin: 0 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-heading > small {
    grid-column: 1; grid-row: 3; font-size: 11px !important; margin: 0 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-columns .ang-reviews-list {
    display: flex !important; gap: 12px !important; overflow-x: auto !important;
    scroll-snap-type: x mandatory; scroll-padding-inline: 1px;
    padding: 1px 1px 12px !important; -webkit-overflow-scrolling: touch;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-columns .ang-reviews-list > .ang-card-review,
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-columns .ang-reviews-list > .ang-card-review:nth-child(n+3) {
    display: flex !important; flex-direction: column; flex: 0 0 calc(100% - 28px);
    min-width: 0; box-sizing: border-box; padding: 16px !important; margin: 0 !important;
    border: 1px solid #dedfd9; border-radius: 16px; background: #fff; scroll-snap-align: start;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-card-review header { gap: 10px; }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-card-review .ang-review-meta { margin: 10px 0 !important; }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-card-review blockquote {
    font-size: 14px !important; line-height: 1.55 !important; overflow-wrap: anywhere;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-card-review > a {
    margin-top: auto !important; padding-top: 12px; font-size: 12px !important;
  }
}

/* iPhone/guest fallback: these native controls exist even before the card module mounts. */
@media screen and (max-width: 767px) {
  body.detail_page #main #content .product-info-wrapper .product-action .counter_wrapp.fixed {
    position: static !important; inset: auto !important; width: 100% !important;
    transform: none !important; z-index: auto !important; box-shadow: none !important;
  }
  body.detail_page #main #content .product-chars .char-side.ang-characteristics-ready > .properties,
  body.detail_page #main #content .product-chars .char-side.ang-characteristics-ready > .more-char-link {
    display: none !important;
  }
  body.detail_page .product-info-wrapper .ang-photo-views .ang-photo-view:disabled {
    display: none !important;
  }
  body.detail_page .bottom-icons-panel {
    height: calc(62px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    box-sizing: border-box !important;
  }
  body.detail_page .bottom-icons-panel__content { height: 62px !important; }
  body.detail_page .b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.detail_page #main { padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* Keep the whole product photo visible on phones; desktop keeps its existing scale. */
@media screen and (max-width: 767px) {
  #main #content .ang-card-v24 .detail-gallery-big__item img.detail-gallery-big__picture {
    transform: none !important;
  }
}