/* aronga simple UX */
.top-menu__account,
.top-menu__wishlist,
.top-menu__compare,
.header-cart,
.uni-header__cart,
#cart,
.fly-menu__account,
.fly-menu__wishlist,
.fly-menu__compare,
.fly-menu__cart,
#form-currency,
#form-language {
  display: none !important;
}

.category-wall__item {
  transition: transform .15s ease, box-shadow .15s ease;
}
.category-wall__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
}

/* seller button */
.top-menu__links a[href*="information_id=4"],
.top-links a[href*="information_id=4"] {
  display: inline-block !important;
  background: #e91e63 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
}
.top-menu__links a[href*="information_id=4"]:hover {
  background: #c2185b !important;
  color: #fff !important;
}

/* ===== MOBILE NORMALIZE ===== */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
img, video, iframe {
  max-width: 100%;
  height: auto;
}
.aronga-seller iframe,
.contact-page iframe,
iframe[title*="АРОНГА"],
iframe[src*="yandex.ru/map"] {
  max-width: 100% !important;
  width: 100% !important;
}

@media (max-width: 991px) {
  body {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }

  /* catalog drawer must not be clipped */
  .menu, #menu, .menu-wrapper, .header-menu, .menu1, .menu2 {
    z-index: 10050 !important;
    overflow: visible !important;
    max-height: none !important;
  }
  #menu.menu {
    visibility: visible;
  }
  .menu-open,
  .header-menu__btn,
  button.menu-open,
  button.header-menu__btn {
    display: inline-flex !important;
    align-items: center;
    pointer-events: auto !important;
    z-index: 10051 !important;
    opacity: 1 !important;
  }
  /* when menu opens, UniShop adds classes — ensure overlay works */
  body.menu-open,
  body.menu-opened,
  html.menu-open {
    overflow: hidden !important;
  }


  /* bigger tap targets */
  a, button, .btn, .uni-href, .category-wall__title a,
  .product-thumb__name a, .top-menu__btn {
    min-height: 44px;
  }
  .btn, .btn-primary, .btn-default {
    min-height: 48px !important;
    padding: 12px 18px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
  }

  /* seller button: full-width friendly in top menu */
  .top-menu__links {
    width: 100%;
    padding: 6px 0 10px !important;
  }
  .top-menu__links a[href*="information_id=4"],
  .top-links a[href*="information_id=4"] {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 17px !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    box-sizing: border-box;
  }

  /* hide empty wishlist/compare wrappers leftovers */
  .top-menu__buttons {
    display: none !important;
  }

  /* header phone: big and tappable */
  .header-phones a,
  .header-phone a,
  a[href^="tel:"] {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  /* teasers: phone only — 1 col */
  .category-wall { margin: 0 0 16px !important; }
  .category-wall__item {
    /* widths controlled by ARONGA grid below; keep card chrome soft on phone */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .category-wall__image img { border-radius: 6px !important; }
  .category-wall__title,
  .category-wall__title a {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
  }
  .category-wall__ul.child-empty { padding: 0 !important; margin: 0 !important; list-style: none !important; }

  /* home text banners: stack cleanly */
  .home-banner .col-xs-12 {
    margin-bottom: 10px;
  }
  .home-banner__item {
    min-height: 0 !important;
    padding: 14px !important;
    border-radius: 10px;
  }

  /* catalog / product lists */
  .product-thumb {
    margin-bottom: 14px !important;
  }
  .product-thumb__name,
  .product-thumb__name a {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }
  .product-thumb__price,
  .price {
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  /* filterpro: don't crush page */
  #filterpro_box,
  .filterpro,
  .option_box {
    font-size: 15px !important;
  }
  #filterpro_box .option_name {
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 10px 0 !important;
  }
  #filterpro input[type="checkbox"],
  #filterpro label {
    min-height: 40px;
    font-size: 15px !important;
  }

  /* fly contacts: keep clear of edges, larger hit area */
  .fly-block__contacts {
    z-index: 9999 !important;
  }
  .fly-block__contacts-icons {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
  }
  .fly-block__contacts-icon,
  .fly-block__contacts-icons i {
    font-size: 22px !important;
  }
  .fly-block__contacts-items a,
  .fly-block__contacts-item {
    width: 48px !important;
    height: 48px !important;
    font-size: 18px !important;
  }

  /* seller page readability */
  .aronga-seller {
    font-size: 17px !important;
    padding: 0 4px;
  }
  .aronga-seller a[href^="tel:"] {
    display: inline-block !important;
    margin: 8px 0 12px !important;
    font-size: 26px !important;
  }

  /* footer: less dense */
  footer, .footer {
    font-size: 14px !important;
  }
  .footer h5, footer h5 {
    font-size: 16px !important;
    margin-top: 16px !important;
  }

  /* search: taller */
  .header-search input,
  .header-search .form-control,
  #search input {
    min-height: 46px !important;
    font-size: 16px !important;
  }
}

@media (max-width: 575px) {
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .category-wall__image img {
    max-height: 180px;
  }
  /* catalog menu button larger */
  .menu-open, .btn-menu, .mobile-menu-btn, [class*="menu-open"] {
    min-width: 48px !important;
    min-height: 48px !important;
  }
}


/* MOBILE CATALOG FIX — UniShop keeps .menu-wrapper.new {display:none} even on phones */
@media (max-width: 991px) {
  header .menu-wrapper.new,
  .menu-wrapper.new {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: -100% !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    z-index: 10070 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    transition: left ease-in-out .15s !important;
  }
  header .menu-wrapper.new.show,
  .menu-wrapper.new.show,
  .menu-wrapper.show {
    left: 0 !important;
    display: block !important;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
  }
  .menu-wrapper.new .menu__collapse {
    width: 100% !important;
  }
  .menu-open,
  button.menu-open {
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 10071 !important;
  }
  body.scroll-disabled {
    overflow: hidden !important;
  }
}
/* product card: keep qty + cart visible */
.product-thumb .button-group,
.product-thumb .btn-cart,
.product-thumb button[onclick*="cart.add"],
.product-thumb .cart,
.product-thumb__cart,
.product-thumb .qty-switch,
.product-thumb input[name="quantity"],
.product-thumb input.qty-input {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* hide wishlist/compare on cards */
.product-thumb button[onclick*="wishlist.add"],
.product-thumb button[onclick*="compare.add"],
.product-thumb a[href*="wishlist"],
.product-thumb a[href*="compare"] {
  display: none !important;
}

/* make card image clickable for lightbox when present */
.product-thumb .image a {
  cursor: zoom-in;
}

/* === ARONGA CLIENT QA FIXES === */

/* Hide circled "water": stock filter leftovers, rating sort noise icons if any */
.product-thumb__wishlist,
.product-thumb__compare,
.product-page__wishlist-btn,
.product-page__compare-btn,
.wishlist,
.compare,
a[href*="account/wishlist"],
a[href*="product/compare"] {
  display: none !important;
}

/* Hide model/sku clutter on cards if present as secondary noise */
.product-thumb__model,
.product-thumb__description,
.product-thumb .rating,
.product-thumb__rating,
.uni-attributes,
.product-thumb .option {
  display: none !important;
}

/* Keep qty + cart visible and stacked like live cards */
.product-thumb__cart,
.product-thumb__cart.cart {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  visibility: visible !important;
  opacity: 1 !important;
}
.product-thumb .qty-switch,
.product-thumb__cart .qty-switch {
  display: inline-flex !important;
  visibility: visible !important;
}
.product-thumb__add-to-cart,
.product-thumb button.add_to_cart {
  display: inline-flex !important;
  visibility: visible !important;
}

/* Product image zoom cursor */
.product-thumb__image a {
  cursor: zoom-in;
}

/* Wide displays: stretch container */
@media (min-width: 1400px) {
  .container {
    width: 100% !important;
    max-width: 1600px !important;
  }
}
@media (min-width: 1800px) {
  .container {
    max-width: 1760px !important;
  }
}

/* Subcategory tiles: show images when available */
.category-list .image img,
.category-page .category-list img,
.uni-category-list img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* ARONGA: hide product list below subcategory scheme teasers */
body:has(.category-list) .sorts-block,
body:has(.category-list) .products-block,
body:has(.category-list) .pagination,
body:has(.category-list) .pagination-text {
  display: none !important;
}

/* ARONGA: large scheme on top of product group */
.aronga-scheme-block {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}
.aronga-scheme,
.aronga-scheme-block .category-info__image {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 10px 0 !important;
  text-align: center;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 10px;
}
.aronga-scheme__img {
  display: block;
  width: 100% !important;
  max-width: 1100px !important;
  height: auto !important;
  margin: 0 auto;
  cursor: zoom-in;
  object-fit: contain;
}
.aronga-scheme__hint {
  margin-top: 8px;
  font-size: 13px;
  color: #666;
}
/* do not collapse scheme */
.aronga-scheme-block.uni-collapsed,
.aronga-scheme-block .uni-collapsed {
  max-height: none !important;
  overflow: visible !important;
}

/* ARONGA: scheme always first in product group content */
#product-category #content .uni-wrapper {
  display: flex;
  flex-direction: column;
}
#product-category #content .aronga-scheme-block,
#product-category #content .category-info.aronga-scheme-block {
  order: -10 !important;
  width: 100% !important;
  display: block !important;
}
#product-category #content .category-list { order: -5; }
#product-category #content .sorts-block { order: 1; }
#product-category #content .products-block { order: 2; }
#product-category #content .pagination,
#product-category #content .pagination-text { order: 3; }

/* ARONGA QA 2026-07-17: sort labels, tax, scheme visibility */
/* Hide circled sort words: По умолчанию / Название / Цена / Рейтинг / Код Товара */
.sorts-block__sorts,
.sorts-block .sorts-block__span,
.sorts-block__wrapper > .sorts-block__sorts {
  display: none !important;
}
/* keep limit + view buttons if needed; hide the text sort row only */
#input-sort {
  /* mobile sort select — hide too, client asked to hide those words */
  display: none !important;
}

/* Hide "без НДС" / tax line next to price */
.price-tax,
.product-thumb .price-tax,
.product-thumb__price .price-tax,
.product-layout .price-tax,
.product-page .price-tax,
span.price-tax,
div.price-tax {
  display: none !important;
}

/* Scheme always visible and on top in product groups */
#product-category #content .uni-wrapper {
  display: flex !important;
  flex-direction: column !important;
}
#product-category #content .aronga-scheme-block,
#product-category #content .category-info.aronga-scheme-block,
#product-category #content .category-info {
  order: -20 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 0 16px 0 !important;
  max-height: none !important;
  overflow: visible !important;
  height: auto !important;
}
#product-category #content .aronga-scheme,
#product-category #content .category-info__image,
#product-category #content .aronga-scheme__img {
  display: block !important;
  width: 100% !important;
  max-width: 1100px !important;
  height: auto !important;
  margin: 0 auto !important;
  float: none !important;
}
/* Do not hide category-info when products present */
body:has(.category-list) .sorts-block,
body:has(.category-list) .products-block,
body:has(.category-list) .pagination,
body:has(.category-list) .pagination-text {
  display: none !important;
}
/* When NO category-list (leaf product group), never hide scheme */
body:not(:has(.category-list)) .aronga-scheme-block,
body:not(:has(.category-list)) .category-info {
  display: block !important;
}
/* ARONGA hard hide sort+tax */
.sorts-block__sorts, #input-sort, .sorts-block__span { display:none !important; }
.price-tax, .aronga-hide-tax { display:none !important; }
.aronga-scheme-block, .aronga-scheme, .aronga-scheme__img { display:block !important; visibility:visible !important; opacity:1 !important; }

/* ARONGA: scheme position on product cards (like live site) */
.product-thumb__scheme-pos {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #888 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  margin: 0 0 4px 0 !important;
  font-weight: 400 !important;
}

/* ARONGA: big readable centered scheme */
#product-category #content .aronga-scheme-block,
#product-category #content .category-info.aronga-scheme-block {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 auto 24px auto !important;
  padding: 12px 0 8px 0 !important;
  text-align: center !important;
  background: #fff !important;
  max-height: none !important;
  overflow: visible !important;
  height: auto !important;
}
#product-category #content .aronga-scheme,
#product-category #content .aronga-scheme-block .category-info__image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 auto !important;
  text-align: center !important;
  border: 1px solid #e8e8e8;
  padding: 12px;
  background: #fff;
  box-sizing: border-box;
}
#product-category #content .aronga-scheme__img {
  display: block !important;
  width: 100% !important;
  max-width: min(100%, 1400px) !important;
  height: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  cursor: zoom-in !important;
}
#product-category #content .aronga-scheme__hint {
  display: block !important;
  margin-top: 10px !important;
  font-size: 14px !important;
  color: #666 !important;
  text-align: center !important;
}
@media (max-width: 991px) {
  #product-category #content .aronga-scheme__img {
    max-width: 100% !important;
  }
}

/* ARONGA: product name is not a link */
.product-thumb__name,
a.product-thumb__name {
  cursor: default !important;
  text-decoration: none !important;
  pointer-events: none !important;
  color: inherit !important;
}
.product-thumb__name:hover {
  color: inherit !important;
  text-decoration: none !important;
}

/* ARONGA: desktop catalog menu — readable subcategory text */
@media (min-width: 992px) {
  header .menu-wrapper.new,
  .menu-wrapper.new {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: auto !important;
    min-width: 640px !important;
    max-width: 640px !important;
    overflow: visible !important;
    z-index: 10080 !important;
    background: transparent !important;
  }
  header .menu-wrapper.new.show,
  .menu-wrapper.new.show {
    display: block !important;
  }

  .menu1.new {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    position: relative !important;
    width: 640px !important;
    min-width: 640px !important;
    max-width: 640px !important;
    max-height: 80vh !important;
    overflow: visible !important;
    background: #fff !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.18) !important;
    z-index: 10081 !important;
  }

  /* CRITICAL: overflow must be visible — otherwise absolute .menu__level-2
     (left:260px) is clipped inside the 260px collapse column */
  .menu-wrapper.new .menu__collapse,
  .menu1.new .menu__collapse {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    max-height: 80vh !important;
    overflow: visible !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .menu1.new .menu__level-2,
  .menu.slide-from-right.menu1 .menu__level-2 {
    position: absolute !important;
    top: 0 !important;
    left: 260px !important;
    width: 380px !important;
    min-width: 380px !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: 80vh !important;
    display: none;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 10px 14px !important;
    background: #f5f5f5 !important;
    z-index: 10082 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .menu1.new .menu__level-1-li.open > .menu__level-2,
  .menu1.new .menu__level-2.open,
  .menu1.new .menu__level-2.active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* each group stacked vertically — NEVER flex-row (that hid/squeezed text) */
  .menu1.new .menu__level-2-ul {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 0 12px 0 !important;
    margin: 0 !important;
  }
  .menu1.new .menu__level-2-ul.col-md-12,
  .menu1.new .menu__level-2-ul[class*="col-"] {
    width: 100% !important;
    float: none !important;
  }

  .menu1.new .menu__level-2-a {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 36px !important;
    max-height: none !important;
    padding: 8px 28px 8px 4px !important;
    margin: 0 !important;
    color: #e91e63 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
  }

  .menu1.new .menu__level-3,
  .menu.slide-from-right.menu1 .menu__level-3 {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    padding: 0 0 6px 12px !important;
    margin: 0 !important;
    background: transparent !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
  }
  .menu1.new .menu__level-3-ul {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .menu1.new .menu__level-3-li {
    display: block !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
  }
  .menu1.new .menu__level-3-a {
    display: block !important;
    width: 100% !important;
    min-height: 26px !important;
    height: auto !important;
    padding: 4px 4px !important;
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .menu1.new .menu__back { display: none !important; }
  .menu1.new .menu__chevron-level-2 {
    position: absolute !important;
    right: 8px !important;
    top: 10px !important;
  }

  main.blur, .blur { z-index: 1 !important; }
}

/* ARONGA: checkout focus */
body.aronga-checkout .footer,
body.aronga-checkout footer,
#unicheckout .checkout-related,
#unicheckout .unicheckout-sticky__confirm-agree { display: none !important; }
#unicheckout .unicheckout-sticky__total-item.product-weight,
#unicheckout .unicheckout-sticky__total-item:has(.unicheckout-sticky__total-a) { display: none !important; }

/* ARONGA: hide shipping & payment blocks (Bitrix-like); radios stay in DOM */
#unicheckout .unicheckout__shipping,
#unicheckout .unicheckout__payment { display: none !important; }

/* ARONGA: storefront background — logo diamond theme */
:root {
  --body-bg: transparent !important;
}
html {
  background-color: #e8e2df !important;
  min-height: 100%;
}
body {
  background-color: #e8e2df !important;
  background-image:
    radial-gradient(ellipse 110% 60% at 0% -5%, rgba(232, 77, 91, 0.22), transparent 55%),
    radial-gradient(ellipse 80% 50% at 100% 5%, rgba(20, 20, 20, 0.08), transparent 50%),
    radial-gradient(ellipse 100% 40% at 50% 100%, rgba(232, 77, 91, 0.10), transparent 55%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23e84d5b' stroke-width='1.35' opacity='0.20'%3E%3Cpath d='M36 4 L68 36 L36 68 L4 36 Z'/%3E%3Cpath d='M36 16 L56 36 L36 56 L16 36 Z'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
  background-size: auto, auto, auto, 72px 72px !important;
}

/* Let pattern show through theme wrappers */
body > .container,
body .container,
main.main,
main,
#common-home,
.common-home,
.home-page,
#content,
.content-top,
.content-bottom {
  background: transparent !important;
  background-color: transparent !important;
}

/* Header / footer keep solid surfaces */
header,
.header,
.top-menu,
.header-block,
.footer,
footer.footer,
.footer-top,
.footer-bottom {
  background-color: #fff !important;
}

/* Soft cards for product/category content */
#product-category #content .uni-wrapper,
#product-product #content .uni-wrapper,
#unicheckout .uni-wrapper,
#unicheckout .checkout-cart__wrapper,
#unicheckout .unicheckout-sticky__wrapper {
  background: rgba(255, 255, 255, 0.96) !important;
  border-radius: 10px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}

/* Home car teasers sit on glass-like strip */
.aronga-cars {
  background: rgba(255, 255, 255, 0.55);
  border-radius: 12px;
  padding: 12px 8px 4px;
  backdrop-filter: blur(2px);
}

/* ARONGA: home car teasers 5-col */
.aronga-cars{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px 12px!important;
  align-items:start!important;
  width:100%!important;
}
.aronga-cars__item{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  text-decoration:none!important;
  color:inherit!important;
}
.aronga-cars__img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
}
.aronga-cars__name{
  display:block!important;
  margin-top:8px!important;
  font-weight:600!important;
  color:#e91e63!important;
  font-size:14px!important;
  line-height:1.25!important;
}
@media (max-width:1199px){
  .aronga-cars{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:767px){
  .aronga-cars{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


.aronga-cars{
  background:rgba(255,255,255,.45)!important;
  border-radius:12px!important;
  padding:14px 10px 10px!important;
}