/* =========================================================
   XSTORE Mobile Visual Polish v2
   Pink brand over mono conversion · softer surfaces · app feel
   ========================================================= */

@media (max-width: 991px) {
  :root {
    --xs-pink: #e84080;
    --xs-pink-d: #c92d68;
    --xs-pink-s: rgba(232, 64, 128, 0.14);
    --xs-ink: #14141a;
    --xs-muted: #6b7280;
    --xs-line: #e8eaef;
    --xs-bg: #f4f5f8;
    --xs-card: #ffffff;

    /* override mono conversion vars on mobile */
    --btn-primary-bg: #e84080 !important;
    --btn-primary-c: #ffffff !important;
    --btn-primary-bg-hover: #c92d68 !important;
    --btn-primary-c-hover: #ffffff !important;
    --add-to-cart-btn-bg: #e84080 !important;
    --add-to-cart-btn-c: #ffffff !important;
    --add-to-cart-btn-bg-hover: #c92d68 !important;
    --add-to-cart-btn-bg-incart: #9b2558 !important;
    --input-checked-bg: #e84080 !important;
    --price-new-c: #e84080 !important;
    --header-icon-total-bg: #e84080 !important;
    --menu-main-header-bg: #e84080 !important;
    --pagination-bg-active: #e84080 !important;
    --sticker-special-b: #e84080 !important;
    --fly-contacts-btn-bg: #e84080 !important;
    --body-bg: #f4f5f8 !important;
  }

  body {
    background: #f4f5f8 !important;
    color: #14141a !important;
  }

  /* Primary buttons → brand pink */
  .btn-primary,
  button.btn-primary,
  a.btn-primary,
  .product-thumb__add-to-cart,
  .product-thumb .add_to_cart,
  .product-thumb .cart .btn,
  #button-cart,
  .product-page__add-to-cart {
    background: linear-gradient(135deg, #f05a96, #e84080) !important;
    border: 0 !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 16px rgba(232, 64, 128, 0.25) !important;
  }
  .btn-primary:hover,
  .btn-primary:active,
  .product-thumb__add-to-cart:hover,
  #button-cart:hover {
    background: linear-gradient(135deg, #e84080, #c92d68) !important;
    color: #fff !important;
    opacity: 1 !important;
  }

  /* Prices */
  .price-new,
  .product-thumb__price .price-new,
  .product-page__price .price-new {
    color: #e84080 !important;
    font-weight: 800 !important;
  }

  /* Product cards elevation */
  .product-thumb,
  .product-thumb.uni-item {
    border-radius: 16px !important;
    border: 1px solid #e8eaef !important;
    background: #fff !important;
    box-shadow: 0 4px 18px rgba(20, 20, 26, 0.05) !important;
    overflow: hidden !important;
  }
  .product-thumb__image,
  .product-thumb .image {
    background: #fafafa !important;
  }

  /* Category mini cards */
  .xstore-cat-mini a,
  .xstore-cat-mini__item,
  .category-list .uni-item {
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(20, 20, 26, 0.05) !important;
  }

  /* Hero softer */
  .xstore-hero__main,
  .xstore-hero a.xh-slide {
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(20, 20, 26, 0.08) !important;
  }

  /* Advantages / trust */
  .xstore-advantages__item {
    border-radius: 14px !important;
    border: 1px solid #e8eaef !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  /* Section headings */
  .heading,
  h3.heading,
  .module-heading {
    letter-spacing: -0.02em !important;
    font-weight: 800 !important;
  }

  /* Conversion ribbon → pink soft */
  #xstore-trust-ribbon {
    background: linear-gradient(90deg, #1a1a1f, #2a1520) !important;
    color: #f5f5f7 !important;
    font-size: 11px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  #xstore-trust-ribbon .xc-ribbon-inner {
    display: flex !important;
    gap: 14px !important;
    padding: 8px 12px !important;
    white-space: nowrap !important;
  }
  #xstore-trust-ribbon b {
    color: #ff8ab8 !important;
  }

  /* Conversion bottom bar — lift above app nav */
  #xstore-conv-bar {
    bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 1150 !important;
  }
  #xstore-conv-bar .xc-bar-inner {
    border-radius: 16px 16px 0 0 !important;
    background: rgba(255, 255, 255, 0.97) !important;
    border-top: 1px solid #e8eaef !important;
    box-shadow: 0 -6px 24px rgba(20, 20, 26, 0.08) !important;
  }
  #xstore-conv-bar .xc-bar-btn--gold,
  #xstore-conv-bar .xc-bar-btn {
    border-radius: 999px !important;
    font-weight: 700 !important;
  }
  #xstore-conv-bar .xc-bar-btn--gold {
    background: linear-gradient(135deg, #f05a96, #e84080) !important;
    color: #fff !important;
    border: 0 !important;
  }

  /* Bottom nav polish */
  .xs-bottom-nav {
    box-shadow: 0 -4px 24px rgba(20, 20, 26, 0.07) !important;
  }
  .xs-bottom-nav__item.is-active {
    color: #e84080 !important;
  }

  /* Sticky ATC */
  .xs-sticky-atc__btn {
    background: linear-gradient(135deg, #f05a96, #e84080) !important;
  }

  /* Menu drawer header */
  header .menu-wrapper .menu__header {
    background: linear-gradient(135deg, #f05a96, #e84080) !important;
  }

  /* Search btn */
  #search2 .header-search__btn,
  #search2 .header-search .search-btn {
    background: linear-gradient(135deg, #f05a96, #e84080) !important;
  }

  /* Pagination */
  .pagination > .active > a,
  .pagination > .active > span {
    background: #e84080 !important;
    border-color: #e84080 !important;
  }

  /* Tabs */
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:focus,
  .nav-tabs > li.active > a:hover {
    color: #e84080 !important;
    border-bottom-color: #e84080 !important;
  }

  /* Fly contacts */
  .fly-block__contacts-icons {
    background: linear-gradient(135deg, #f05a96, #e84080) !important;
    color: #fff !important;
  }

  /* News cards */
  .news-thumb {
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid #e8eaef !important;
    background: #fff !important;
  }

  /* Sort / filter bar */
  .sorts,
  .sort-block,
  .uni-sort {
    border-radius: 12px !important;
    background: #fff !important;
    border: 1px solid #e8eaef !important;
  }

  /* Alerts */
  .alert-success {
    border-radius: 12px !important;
    border-color: #bbf7d0 !important;
    background: #f0fdf4 !important;
  }
  .alert-danger,
  .alert-warning {
    border-radius: 12px !important;
  }

  /* Footer quieter */
  footer.footer {
    background: #fff !important;
    border-top: 1px solid #e8eaef !important;
  }
  footer.footer,
  footer.footer a,
  footer .footer-heading {
    /* don't force dark mono footer text if theme sets dark bg */
  }

  /* Age gate / overlays softer */
  .modal-content {
    border-radius: 16px !important;
  }

  /* Product page gallery */
  .product-page__image-main {
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #e8eaef !important;
  }

  /* Wishlist heart accent */
  .product-thumb .wishlist,
  .product-page__wishlist-btn {
    color: #e84080 !important;
  }

  /* Special stickers */
  .sticker-special,
  .product-thumb .sticker.special {
    background: #e84080 !important;
    color: #fff !important;
    border-radius: 8px !important;
  }

  /* Home about */
  .xstore-about {
    border-radius: 16px !important;
    border: 1px solid #e8eaef !important;
    background: #fff !important;
  }
  .xstore-about a {
    color: #e84080 !important;
  }

  /* Advisor mono override */
  .xa-btn--primary {
    background: linear-gradient(135deg, #f05a96, #e84080) !important;
    border-color: transparent !important;
    color: #fff !important;
  }
  .xa-opt.is-selected {
    border-color: #e84080 !important;
    box-shadow: 0 0 0 1px #e84080 inset !important;
  }
  .xa-progress__bar {
    background: #e84080 !important;
  }
}

/* Slight desktop consistency for brand CTAs (optional soft) */
@media (min-width: 992px) {
  .product-thumb__add-to-cart,
  #button-cart.btn,
  .product-page__add-to-cart {
    border-radius: 999px !important;
  }
}