/* RAVIX 2.9.22 — isolated smartphone hero gutters and page-style AJAX search.
   This file is loaded AFTER the original theme CSS; desktop and WooCommerce
   catalog components are intentionally outside the selectors. */
@media (max-width: 760px) {
  /* On narrow screens keep the storefront hero clear of both edges. */
  .rvx-home > .rvx-home-slider {
    box-sizing: border-box !important;
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin: 13px auto 23px !important;
    border-radius: 17px !important;
    overflow: hidden !important;
    isolation: isolate;
  }
  .rvx-home > .rvx-home-slider .rvx-home-slider__viewport {
    width: 100% !important;
    border-radius: inherit !important;
  }
  .rvx-home > .rvx-home-slider .rvx-home-slide__link,
  .rvx-home > .rvx-home-slider .rvx-home-slide,
  .rvx-home > .rvx-home-slider .rvx-home-slide__link picture {
    border-radius: inherit;
    overflow: hidden;
  }
  .rvx-home > .rvx-home-slider .rvx-home-slider__dots {
    inset-inline-end: 13px;
  }
}
@media (max-width: 360px) {
  .rvx-home > .rvx-home-slider {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    border-radius: 14px !important;
    margin-top: 10px !important;
  }
}
/* Suggestions never appear in the existing desktop modal. */
.rvx-search-popular {display:none;}
/* Full-screen *search page* on smartphones/tablets only. Desktop dialog unchanged. */
@media (max-width: 1050px) {
  .rvx-live-search-modal:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    display: block !important;
    width: 100vw !important;
    height: var(--rvx-modal-visible-height, 100dvh) !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
    z-index: 999900 !important;
  }
  .rvx-live-search-modal__backdrop { display: none !important; }
  .rvx-live-search-modal__dialog {
    position: absolute !important;
    inset: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    min-height: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    padding: max(12px, env(safe-area-inset-top)) 0 env(safe-area-inset-bottom) !important;
    opacity: 0;
    transform: translateX(-14px) !important;
    transition: opacity .18s ease, transform .2s ease !important;
  }
  .rvx-live-search-modal.is-visible .rvx-live-search-modal__dialog {
    transform: translateX(0) !important;
    opacity: 1 !important;
  }
  /* Back arrow remains at the right; search field fills remaining top row. */
  .rvx-live-search-modal__heading {
    position: absolute !important;
    top: max(12px, env(safe-area-inset-top)) !important;
    right: 7px !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 51px !important;
    height: 48px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
  }
  .rvx-live-search-modal__heading-title { display: none !important; }
  .rvx-live-search-modal__close {
    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #18233c !important;
    border-radius: 50% !important;
    cursor: pointer;
  }
  .rvx-live-search-modal__close > .rvx-icon {display: none !important;}
  .rvx-live-search-modal__back-icon {display: block !important;width: 24px;height: 24px;}
  .rvx-live-search-modal__close:focus-visible {outline: 2px solid #2857bd;outline-offset: 2px;}
  .rvx-live-search-modal__form {
    box-sizing: border-box !important;
    flex: 0 0 48px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    height: 48px !important;
    width: calc(100% - 77px) !important;
    min-width: 0 !important;
    margin: 0 60px 0 17px !important;
    padding: 0 14px !important;
    border: 1px solid #e3e7ed !important;
    border-radius: 30px !important;
    background: #fff !important;
    box-shadow: none !important;
    direction: rtl !important;
  }
  .rvx-live-search-modal__form:focus-within {border-color:#a9bcec !important;box-shadow:0 0 0 2px rgba(40,83,190,.06) !important;}
  .rvx-live-search-modal__form-icon {order: 3 !important;flex: 0 0 21px !important;color: #78828f !important;}
  .rvx-live-search-modal__form-icon svg {width:21px;height:21px;}
  .rvx-live-search-modal__form input[type=search] {order: 1 !important;flex: 1 1 auto !important;font-size: 15px !important;font-weight: 450 !important;}
  .rvx-live-search-modal__clear {order: 2 !important;flex: 0 0 25px !important;}
  .rvx-live-search-modal__content {
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 24px 20px 24px !important;
    margin: 0 !important;
    background: #fff !important;
  }
  .rvx-live-search-modal__welcome {display: block !important;text-align: right !important;padding: 0 !important;margin: 0 !important;}
  .rvx-live-search-modal__welcome-icon,
  .rvx-live-search-modal__welcome > strong,
  .rvx-live-search-modal__welcome > p {display:none !important;}
  .rvx-search-popular {display:block !important;}
  .rvx-search-popular__title {margin: 0 0 18px;font-size: 17px;font-weight: 800;color:#171c2a;}
  .rvx-search-popular__chips {display:flex;flex-wrap:wrap;gap:9px 8px;align-items:center;}
  .rvx-search-popular__chip {
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    max-width:100%;min-height:38px;padding:6px 12px;
    color:#25304a;background:#fff;border:1px solid #e1e4e9;border-radius:999px;
    font:inherit;font-size:13px;font-weight:550;line-height:1.5;cursor:pointer;
  }
  .rvx-search-popular__chip svg {width:15px;height:15px;color:#6c778c;flex:none;}
  .rvx-search-popular__chip:focus-visible,.rvx-search-popular__chip:hover {outline:none;border-color:#a6bae8;background:#f7f9ff;color:#1845ab;}
  .rvx-live-search-modal__results {padding:0 !important;gap:5px !important;}
  .rvx-live-search-modal__result-title {font-size:13px !important;color:#25304a !important;margin-bottom:13px !important;}
  .rvx-live-search-modal__product {border-radius:12px;box-shadow:none;}
}
@media (max-width:360px) {
  .rvx-live-search-modal__form {margin-left:12px !important;width:calc(100% - 71px) !important;}
  .rvx-live-search-modal__content {padding-inline:15px !important;}
  .rvx-search-popular__chip {padding-inline:10px;font-size:12px;}
}
@media (prefers-reduced-motion: reduce) {
  .rvx-live-search-modal__dialog {transition:none !important;}
}