/* Homepage More from catalogue only; append after V15 and existing home styles.
 * Keep original native card/data-smart-price, image URLs, price nodes, CASH hidden state,
 * stock and native informer cart/wishlist controls. This stylesheet creates no action.
 */


body#body.smart-ui #smart-home .smart-specials .smart-special-card {
  position: relative;
  min-width: 0;
  height: 100%;
  border: 1px solid #e8ede9;
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
  color: #2d4033;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__image {
  position: relative;
  height: 230px !important;
  min-width: 0;
  padding: 12px !important;
  border-radius: 18px 18px 0 0;
  background: #fff;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__type {
  max-width: calc(100% - 68px);
  background: #f1f6ee;
  color: #627463;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 1.4 !important;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  padding: 12px 14px 14px;
  border-top: 0;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__cash:not([hidden]):not([style*="display: none"]):not([style*="display:none"]) {
  display: flex;
  order: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #196e41;
  text-align: left;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__cash strong[data-smart-cash-value] {
  display: block;
  order: -1;
  margin: 0;
  color: #196e41;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  font-variant-numeric: tabular-nums;
  white-space: normal;
  overflow-wrap: anywhere;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__cash-label {
  font-size: 14px !important;
  font-weight: 500;
  line-height: 21px !important;
  color: #4f785c;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__cash-tax {
  display: block;
  order: 2;
  color: #7d887f;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 21px !important;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__price {
  display: flex;
  order: 1;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 6px;
  margin: 8px 0 0;
  color: #657269;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__bank-label {
  display: block;
  flex: 0 0 100%;
  color: #7d8880;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 21px !important;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__name {
  display: -webkit-box !important;
  order: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  min-height: 66px !important;
  max-height: 66px !important;
  margin: 12px 0 0;
  color: #2b4031;
  font-family: var(--smart-ui-font) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  white-space: normal;
  overflow: hidden;
  overflow-wrap: anywhere;
  text-decoration: none;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__stock {
  order: 3;
  margin: auto 0 0;
  padding-top: 10px;
  color: #587463;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 21px !important;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__stock--empty {
  color: #7f8982;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions {
  display: block;
  order: 4;
  min-width: 0;
  margin-top: 12px;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions :is(.smart-leader-card__cart,input[type="button"],input[type="submit"],button) {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  max-width: none;
  min-height: 44px !important;
  height: auto !important;
  margin: 0;
  padding: 10px 8px;
  border: 0;
  border-radius: 12px;
  font-family: var(--smart-ui-font) !important;
  font-size: 15px !important;
  font-weight: 600;
  line-height: 1.35 !important;
  text-align: center;
  white-space: normal;
  text-decoration: none;
  cursor: pointer;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions :is(.smart-leader-card__cart,input[type="button"],input[type="submit"],button):not(:disabled):not(.is-unavailable):not([aria-disabled="true"]) {
  background: #ffd54a;
  color: #263829;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions :is(.smart-leader-card__cart,input[type="button"],input[type="submit"],button):is(:disabled,.is-unavailable,[aria-disabled="true"]) {
  background: #e7eae8;
  color: #7b847e;
  cursor: not-allowed;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__wishlist {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 44px;
  height: 44px;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__wishlist :is(.wish,.wish-add,.wish-del) {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid #e6ece7;
  border-radius: 50%;
  background: rgba(255,255,255,.96);
  color: #6a786e;
  font-size: 22px;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__wishlist .wish::before {
  font-family: "Linearicons-Free" !important;
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__wishlist .wish.wadd::before {
  content: "\e813";
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__wishlist .wish.wdel::before {
  content: "\e87f";
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card :is(.smart-leader-card__name,.smart-leader-card__image,.smart-leader-card__cart):focus-visible,
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions :is(.smart-leader-card__cart,input[type="button"],input[type="submit"],button):focus-visible {
  outline: 2px solid #39764c;
  outline-offset: 3px;
}

@media (max-width: 767px) {

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__image { height: clamp(130px,40vw,190px) !important; padding: 8px !important; }
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__body { padding: 10px; }
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__cash strong[data-smart-cash-value] { font-size: clamp(20px,5.5vw,24px) !important; }
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__price { font-size: 16px !important; }
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions :is(.smart-leader-card__cart,input[type="button"],input[type="submit"],button) { font-size: 14px !important; }
}

body#body.smart-ui #smart-home .smart-specials .smart-special-card [data-smart-cash][hidden],
body#body.smart-ui #smart-home .smart-specials .smart-special-card [hidden] {
  display: none !important;
}


body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__wishlist:focus-visible {
  outline: 2px solid #39764c;
  outline-offset: 3px;
  border-radius: 50%;
}



/* Actual uCoz native basket macro action DIV, not an invented control. Native state classes/handler stay. */
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__native-cart {
  width: 100%;
  min-height: 44px;
  border-radius: 12px;
}
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions .basket {
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0;
  padding: 8px;
  border: 0 !important;
  border-radius: 12px;
  background-color: #ffd54a !important;
  background-image: none !important;
  color: #263829;
  font-family: var(--smart-ui-font) !important;
  font-size: 15px !important;
  font-weight: 600;
  line-height: 1.35 !important;
  text-align: center;
  cursor: pointer;
}
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions .basket::after {
  content: "В корзину";
}
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__native-cart:focus-visible {
  outline: 2px solid #39764c;
  outline-offset: 3px;
}

/* State classes are owned by the existing native addProductToBasket callback. */
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions .basket.wait {
  background-color: #f4dea0 !important;
  color: #6b5c2d;
  cursor: progress;
}
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions .basket.wait::after { content: "Добавляем…"; }
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions .basket.done {
  background-color: #e6f4e8 !important;
  color: #2f7145;
}
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions .basket.done::after { content: "Добавлено"; }
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions .basket.err {
  background-color: #fff0e8 !important;
  color: #9e4e2f;
}
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions .basket.err::after { content: "Повторить"; }

body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions .basket[hidden],
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions .basket[style*="display: none"],
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions .basket[style*="display:none"] {
  display: none !important;
}

/* Only native card internals; Owl stage/items, measurements and navigation remain untouched. */
body#body.smart-ui #smart-home .smart-specials .smart-special-card {
  display: flex !important;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0 !important;
  overflow: visible;
}
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__body { box-sizing: border-box; }
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__price s {
  color: #7d8880;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 21px !important;
}
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-special-card__sale {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  max-width: calc(100% - 74px);
  padding: 3px 7px;
  border-radius: 6px;
  background: #f1f6ee;
  color: #627463;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 18px !important;
}
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__cash[hidden],
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__cash[style*="display: none"],
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__cash[style*="display:none"],
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions :is(.smart-leader-card__cart,input,button)[hidden],
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions :is(.smart-leader-card__cart,input,button)[style*="display: none"],
body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__actions :is(.smart-leader-card__cart,input,button)[style*="display:none"] {
  display: none !important;
}

/* Equal card heights only; Owl retains all slide widths, margins and transforms. */
body#body.smart-ui #smart-home .smart-specials .owl-carousel .owl-stage {
  display: flex;
  align-items: stretch;
}
body#body.smart-ui #smart-home .smart-specials .owl-carousel .owl-item {
  display: flex;
  flex-shrink: 0;
  height: auto;
  padding: 0 !important;
}
body#body.smart-ui #smart-home .smart-specials .owl-carousel .owl-item > div {
  display: flex;
  width: 100%;
  min-width: 0;
}
body#body.smart-ui #smart-home .smart-specials .owl-carousel .list-item {
  display: flex;
  width: 100%;
  min-width: 0;
}
body#body.smart-ui #smart-home .smart-specials .smart-special-card {
  width: 100%;
}

/* Native carousel navigation sits below the cards, never over product text/actions. */
body#body.smart-ui #smart-home .smart-specials .owl-carousel .owl-nav {
  position: static !important;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  width: auto;
  margin: 12px 0 0;
  transform: none !important;
}
body#body.smart-ui #smart-home .smart-specials .owl-carousel .owl-nav.disabled {
  display: none !important;
}
body#body.smart-ui #smart-home .smart-specials .owl-carousel .owl-nav :is(.owl-prev,.owl-next) {
  position: static !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 44px !important;
  min-width: 44px;
  height: 44px !important;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dfe8df !important;
  border-radius: 12px !important;
  background: #fffef8 !important;
  color: #39764c;
  line-height: 1 !important;
  transform: none !important;
  cursor: pointer;
}
body#body.smart-ui #smart-home .smart-specials .owl-carousel .owl-nav :is(.owl-prev,.owl-next) span {
  padding: 0;
  color: inherit;
  font-size: 22px;
  line-height: 1;
}
body#body.smart-ui #smart-home .smart-specials .owl-carousel .owl-nav :is(.owl-prev,.owl-next):hover:not(.disabled):not([aria-disabled="true"]) {
  background: #f3f7ed !important;
  border-color: #b9ceba !important;
}
body#body.smart-ui #smart-home .smart-specials .owl-carousel .owl-nav :is(.owl-prev,.owl-next):focus-visible {
  outline: 2px solid #39764c;
  outline-offset: 3px;
}
body#body.smart-ui #smart-home .smart-specials .owl-carousel .owl-nav :is(.owl-prev,.owl-next):is(.disabled,[aria-disabled="true"]) {
  background: #f6f7f5 !important;
  border-color: #e7ece5 !important;
  color: #a6afa4;
  cursor: default;
}

/* Narrow-screen price wrapping: keep subsequent native names aligned. */
@media (max-width: 359px) {
  body#body.smart-ui #smart-home .smart-specials .smart-special-card .smart-leader-card__price {
    box-sizing: border-box;
    min-height: 88px;
  }
}

/* Keep phone carousel arrows clear of the existing floating back-to-top button. */
@media (max-width: 767px) {
body#body.smart-ui #smart-home .smart-specials .owl-carousel .owl-nav {
  justify-content: center !important;
}
}