/* EVI.AZ HEADER / ANNOUNCEMENT CSS
   Extracted from body partials to prevent FOUC. */

#eviAnnouncementOverlay,
#eviAnnouncementOverlay *{
  box-sizing:border-box;
}

#eviAnnouncementOverlay.evi-announcement-overlay{
  position:fixed;
  inset:0;
  z-index:100700;

  padding:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  background:rgba(16,23,27,.42);

  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);

  transition:
    opacity .18s ease,
    visibility .18s ease;
}

#eviAnnouncementOverlay.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

#eviAnnouncementModal.evi-announcement-modal{
  position:relative;

  width:min(100%,510px);
  max-height:min(86vh,720px);

  overflow:hidden;

  border:1px solid rgba(255,255,255,.68);
  border-radius:24px;

  background:#fff;

  box-shadow:
    0 30px 90px
    rgba(12,22,27,.28);

  transform:
    translateY(14px)
    scale(.985);

  transition:
    transform
    .22s
    cubic-bezier(.22,.78,.3,1);
}

#eviAnnouncementOverlay.is-open
#eviAnnouncementModal{
  transform:
    translateY(0)
    scale(1);
}

body.evi-announcement-open{
  overflow:hidden !important;
}

#eviAnnouncementModal .evi-announcement-close{
  position:absolute;
  top:11px;
  right:11px;

  z-index:5;

  width:37px;
  height:37px;

  display:grid;
  place-items:center;

  border:1px solid rgba(220,227,229,.86);
  border-radius:12px;

  background:rgba(255,255,255,.92);
  color:#555f65;

  font-size:13px;

  cursor:pointer;

  box-shadow:
    0 5px 16px
    rgba(24,36,41,.08);

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

#eviAnnouncementModal
.evi-announcement-close:active{
  transform:scale(.94);
}

#eviAnnouncementModal
.evi-announcement-visual{
  width:100%;
  height:min(235px,33vh);

  overflow:hidden;

  background:
    linear-gradient(
      135deg,
      #eaf8f5,
      #f8fbfb
    );
}

#eviAnnouncementModal
.evi-announcement-visual img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
}

#eviAnnouncementModal
.evi-announcement-body{
  padding:22px 23px 21px;
}

#eviAnnouncementModal
.evi-announcement-badge{
  width:max-content;
  max-width:100%;

  min-height:27px;
  padding:0 9px;

  display:inline-flex;
  align-items:center;

  border-radius:999px;

  background:#e9f8f5;
  color:#087d72;

  font-size:8px;
  line-height:1;
  font-weight:950;

  letter-spacing:.22px;
  text-transform:uppercase;
}

#eviAnnouncementModal
.evi-announcement-badge:empty{
  display:none;
}

#eviAnnouncementModal h2{
  margin:11px 0 0;

  color:#20292e;

  font-size:24px;
  line-height:1.15;
  font-weight:950;

  letter-spacing:-.5px;
}

#eviAnnouncementModal p{
  margin:10px 0 0;

  color:#6f7a81;

  font-size:11px;
  line-height:1.65;
  font-weight:600;

  white-space:pre-line;
}

#eviAnnouncementModal
.evi-announcement-meta{
  margin-top:14px;

  display:flex;
  align-items:center;
  gap:8px;

  color:#99a1a6;

  font-size:8px;
  font-weight:750;
}

#eviAnnouncementModal
.evi-announcement-meta span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}

#eviAnnouncementModal
.evi-announcement-meta i{
  color:#009e8e;
}

#eviAnnouncementModal
.evi-announcement-actions{
  margin-top:18px;

  display:flex;
  align-items:center;
  gap:8px;
}

#eviAnnouncementModal
.evi-announcement-action{
  min-height:44px;
  padding:0 15px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  flex:1;

  border-radius:13px;

  background:#009e8e;
  color:#fff;

  font-size:10px;
  font-weight:900;

  text-decoration:none;

  box-shadow:
    0 8px 20px
    rgba(0,158,142,.20);
}

#eviAnnouncementModal
.evi-announcement-secondary{
  min-height:44px;
  padding:0 14px;

  border:1px solid #e0e5e7;
  border-radius:13px;

  background:#f7f9fa;
  color:#687279;

  font-size:9px;
  font-weight:850;

  cursor:pointer;
}


/* THEMES */

#eviAnnouncementModal.theme-success
.evi-announcement-badge{
  background:#eaf8ef;
  color:#24794c;
}

#eviAnnouncementModal.theme-success
.evi-announcement-action{
  background:#2f9b63;
}

#eviAnnouncementModal.theme-warm
.evi-announcement-badge{
  background:#fff3df;
  color:#a96a13;
}

#eviAnnouncementModal.theme-warm
.evi-announcement-action{
  background:#db8a17;
}

#eviAnnouncementModal.theme-dark
.evi-announcement-badge{
  background:#edf0f1;
  color:#39444a;
}

#eviAnnouncementModal.theme-dark
.evi-announcement-action{
  background:#263238;
}


@media(max-width:575.98px){

  #eviAnnouncementOverlay.evi-announcement-overlay{
    padding:12px;
    align-items:flex-end;
  }

  #eviAnnouncementModal.evi-announcement-modal{
    width:100%;
    max-height:88dvh;

    border-radius:22px;
  }

  #eviAnnouncementModal
  .evi-announcement-visual{
    height:min(220px,29vh);
  }

  #eviAnnouncementModal
  .evi-announcement-body{
    padding:
      18px
      17px
      max(18px,env(safe-area-inset-bottom));
  }

  #eviAnnouncementModal h2{
    padding-right:20px;
    font-size:20px;
  }

  #eviAnnouncementModal p{
    font-size:10px;
  }

  #eviAnnouncementModal
  .evi-announcement-actions{
    align-items:stretch;
  }

  #eviAnnouncementModal
  .evi-announcement-action,
  #eviAnnouncementModal
  .evi-announcement-secondary{
    min-height:45px;
  }
}

/* =========================================================
   APP INSTALL BANNER — STORE BRAND
========================================================= */
#appInstallBanner .app-install-store-name{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

#appInstallBanner .app-install-store-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:inline-grid;
  place-items:center;
  color:#111827;
}

#appInstallBanner .app-install-store-icon svg{
  width:100%;
  height:100%;
  display:block;
}

#appInstallBanner .app-install-store-icon-play{
  color:#111827;
}

#appInstallBanner .app-install-store-icon-apple{
  color:#111827;
}

/* =========================================================
   EVI.AZ STICKY SEARCH 2.0 — CLEAN / ISOLATED
   Yalnız #eviStickySearchBar və .evi-sticky-* istifadə edir.
========================================================= */

#eviStickySearchBar,
#eviStickySearchBar *,
#eviStickySuggest,
#eviStickySuggest *{
  box-sizing:border-box;
}

#eviStickySearchBar.evi-sticky-search-bar{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;

  width:100% !important;
  height:var(--header-height,60px) !important;
  min-height:var(--header-height,60px) !important;

  margin:0 !important;
  padding:0 !important;

  background:rgba(255,255,255,.985) !important;
  border:0 !important;
  border-bottom:1px solid #e7ebed !important;

  box-shadow:0 6px 22px rgba(17,24,39,.09) !important;

  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;

  transform:translateY(-105%) !important;

  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;

  transition:
    transform .24s cubic-bezier(.22,1,.36,1),
    opacity .18s ease,
    visibility .18s ease !important;

  z-index:50 !important;
}

#eviStickySearchBar.evi-sticky-search-bar.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

#eviStickySearchBar .evi-sticky-shell{
  width:min(100%,1200px) !important;
  height:100% !important;

  margin:0 auto !important;
  padding:0 14px !important;

  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:8px !important;

  overflow:visible !important;
}

/* ICONS */

#eviStickySearchBar .evi-sticky-icon-button{
  position:relative !important;

  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  max-width:40px !important;
  max-height:40px !important;

  flex:0 0 40px !important;

  margin:0 !important;
  padding:0 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  border:1px solid #e1e6e8 !important;
  border-radius:12px !important;

  background:#fff !important;
  color:#535d64 !important;

  font-size:15px !important;
  line-height:1 !important;

  text-decoration:none !important;

  cursor:pointer !important;

  box-shadow:none !important;

  -webkit-tap-highlight-color:transparent !important;

  transition:
    transform .14s ease,
    border-color .14s ease,
    background .14s ease,
    color .14s ease !important;
}

#eviStickySearchBar .evi-sticky-icon-button:hover{
  border-color:rgba(0,158,142,.34) !important;
  background:#f4fbfa !important;
  color:#009e8e !important;
}

#eviStickySearchBar .evi-sticky-icon-button:active{
  transform:scale(.94) !important;
}

#eviStickySearchBar .evi-sticky-nav-button{
  border-color:#009e8e !important;
  background:#009e8e !important;
  color:#fff !important;
}

#eviStickySearchBar .evi-sticky-nav-button:hover{
  background:#008f82 !important;
  color:#fff !important;
}

#eviStickySearchBar .evi-sticky-catalog-button{
  border-color:#cfe5e1 !important;
  background:#f0faf8 !important;
  color:#009e8e !important;
}

#eviStickySearchBar .evi-sticky-catalog-button > i{
  color:#009e8e !important;
}

#eviStickySearchBar .evi-sticky-catalog-button:hover{
  border-color:#9ed4cc !important;
  background:#e7f7f4 !important;
  color:#087d72 !important;
}

#eviStickySearchBar .evi-sticky-add-button{
  border-color:#ec3b32 !important;
  background:linear-gradient(135deg,#ff4b42,#dd2821) !important;
  color:#fff !important;
}

#eviStickySearchBar .evi-sticky-add-button:hover{
  background:linear-gradient(135deg,#f43e36,#cc211b) !important;
  color:#fff !important;
}

#eviStickySearchBar .evi-sticky-ai-button{
  border-color:#cce6e1 !important;
  background:#f0faf8 !important;
  color:#009e8e !important;
}

#eviStickySearchBar .evi-sticky-ai-button > i{
  color:#009e8e !important;
}

#eviStickySearchBar .evi-sticky-profile-button{
  color:#505a61 !important;
}

#eviStickySearchBar .evi-sticky-ai-dot{
  position:absolute !important;
  top:5px !important;
  right:5px !important;

  width:6px !important;
  height:6px !important;

  border:1.5px solid #fff !important;
  border-radius:50% !important;

  background:#009e8e !important;
}

/* SEARCH */

#eviStickySearchBar .evi-sticky-search-box{
  position:relative !important;

  width:auto !important;
  min-width:0 !important;
  height:42px !important;

  flex:1 1 auto !important;

  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;

  overflow:visible !important;

  border:1px solid #dde3e5 !important;
  border-radius:13px !important;

  background:#f6f8f9 !important;

  box-shadow:none !important;

  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease !important;
}

#eviStickySearchBar .evi-sticky-search-box:focus-within{
  border-color:rgba(0,158,142,.58) !important;
  background:#fff !important;

  box-shadow:0 0 0 3px rgba(0,158,142,.09) !important;
}

#eviStickySearchBar .evi-sticky-search-icon{
  position:absolute !important;

  left:13px !important;
  top:50% !important;

  margin:0 !important;

  color:#899299 !important;

  font-size:13px !important;

  transform:translateY(-50%) !important;

  pointer-events:none !important;
}

#eviStickySearchBar #eviStickySearchInput{
  position:relative !important;

  width:100% !important;
  min-width:0 !important;
  height:100% !important;

  flex:1 1 auto !important;

  margin:0 !important;
  padding:0 37px 0 37px !important;

  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;

  background:transparent !important;
  color:#20272c !important;

  font-family:inherit !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:normal !important;

  box-shadow:none !important;

  appearance:none !important;
  -webkit-appearance:none !important;
}

#eviStickySearchBar #eviStickySearchInput::-webkit-search-cancel-button{
  display:none !important;
  -webkit-appearance:none !important;
}

#eviStickySearchBar #eviStickySearchInput:focus{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

#eviStickySearchBar #eviStickySearchInput::placeholder{
  color:#949ca2 !important;
  opacity:1 !important;
}

#eviStickySearchBar .evi-sticky-clear-button{
  position:absolute !important;

  right:6px !important;
  top:50% !important;

  width:29px !important;
  height:29px !important;

  margin:0 !important;
  padding:0 !important;

  display:none !important;
  align-items:center !important;
  justify-content:center !important;

  border:0 !important;
  border-radius:9px !important;

  background:#edf1f2 !important;
  color:#838c92 !important;

  font-size:11px !important;

  transform:translateY(-50%) !important;

  cursor:pointer !important;
}

#eviStickySearchBar .evi-sticky-clear-button.is-visible{
  display:inline-flex !important;
}

/* SUGGESTIONS */

#eviStickySearchBar #eviStickySuggest.evi-sticky-suggest{
  position:absolute !important;

  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;

  width:100% !important;
  max-height:min(430px,60vh) !important;

  margin:0 !important;
  padding:6px !important;

  overflow-x:hidden !important;
  overflow-y:auto !important;

  border:1px solid #e4e9eb !important;
  border-radius:15px !important;

  background:#fff !important;

  box-shadow:0 18px 50px rgba(17,24,39,.17) !important;

  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;

  transform:translateY(-5px) !important;

  z-index:120 !important;

  scrollbar-width:none !important;

  transition:
    opacity .15s ease,
    transform .15s ease,
    visibility .15s ease !important;
}

#eviStickySearchBar #eviStickySuggest::-webkit-scrollbar{
  display:none !important;
}

#eviStickySearchBar #eviStickySuggest.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

#eviStickySearchBar .evi-sticky-suggest-close{
  display:none !important;
}

#eviStickySearchBar .evi-sticky-suggest-section{
  padding:7px 9px 6px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;

  color:#8b949a !important;

  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:850 !important;

  letter-spacing:.25px !important;
  text-transform:uppercase !important;
}

#eviStickySearchBar .evi-sticky-suggest-count{
  color:#a2aaaf !important;
  font-size:8px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

#eviStickySearchBar .evi-sticky-suggest-item{
  width:100% !important;
  min-height:48px !important;

  margin:0 !important;
  padding:8px 9px !important;

  display:flex !important;
  align-items:center !important;
  gap:10px !important;

  border:0 !important;
  border-radius:11px !important;

  background:#fff !important;
  color:#2c3439 !important;

  text-align:left !important;

  cursor:pointer !important;
}

#eviStickySearchBar .evi-sticky-suggest-item:hover,
#eviStickySearchBar .evi-sticky-suggest-item.is-active{
  background:#f1faf8 !important;
  color:#087d72 !important;
}

#eviStickySearchBar .evi-sticky-suggest-item + .evi-sticky-suggest-item{
  margin-top:2px !important;
}

#eviStickySearchBar .evi-sticky-suggest-leading{
  width:31px !important;
  height:31px !important;

  flex:0 0 31px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:10px !important;

  background:#f1f4f5 !important;
  color:#78838a !important;

  font-size:11px !important;
}

#eviStickySearchBar .evi-sticky-suggest-item:hover .evi-sticky-suggest-leading,
#eviStickySearchBar .evi-sticky-suggest-item.is-active .evi-sticky-suggest-leading{
  background:#e2f5f1 !important;
  color:#009e8e !important;
}

#eviStickySearchBar .evi-sticky-suggest-copy{
  min-width:0 !important;
  flex:1 1 auto !important;
}

#eviStickySearchBar .evi-sticky-suggest-copy strong,
#eviStickySearchBar .evi-sticky-suggest-copy small{
  display:block !important;
}

#eviStickySearchBar .evi-sticky-suggest-copy strong{
  overflow:hidden !important;

  color:inherit !important;

  font-size:11.5px !important;
  line-height:1.35 !important;
  font-weight:850 !important;

  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#eviStickySearchBar .evi-sticky-suggest-copy small{
  margin-top:2px !important;

  overflow:hidden !important;

  color:#929ba1 !important;

  font-size:8.7px !important;
  line-height:1.3 !important;
  font-weight:650 !important;

  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#eviStickySearchBar .evi-sticky-suggest-item mark{
  padding:0 !important;

  background:transparent !important;
  color:#009e8e !important;

  font-weight:950 !important;
}

#eviStickySearchBar .evi-sticky-recent-remove{
  width:27px !important;
  height:27px !important;

  flex:0 0 27px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:9px !important;

  color:#a0a8ad !important;

  font-size:10px !important;

  cursor:pointer !important;
}

#eviStickySearchBar .evi-sticky-recent-remove:hover{
  background:#f1f3f4 !important;
  color:#5f686e !important;
}

#eviStickySearchBar .evi-sticky-suggest-footer{
  margin-top:5px !important;
  padding-top:5px !important;

  border-top:1px solid #edf0f2 !important;
}

#eviStickySearchBar .evi-sticky-clear-history{
  width:100% !important;
  min-height:35px !important;

  border:0 !important;
  border-radius:10px !important;

  background:#fafbfb !important;
  color:#8a9399 !important;

  font-size:8.8px !important;
  font-weight:750 !important;

  cursor:pointer !important;
}

#eviStickySearchBar .evi-sticky-suggest-state{
  min-height:74px !important;

  padding:14px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;

  color:#969fa5 !important;

  text-align:center !important;

  font-size:9.5px !important;
  line-height:1.4 !important;
  font-weight:650 !important;
}

#eviStickySearchBar .evi-sticky-suggest-spinner{
  width:16px !important;
  height:16px !important;

  flex:0 0 16px !important;

  border:2px solid #dce8e5 !important;
  border-top-color:#009e8e !important;
  border-radius:50% !important;

  animation:eviStickySearchSpin .65s linear infinite !important;
}

@keyframes eviStickySearchSpin{
  to{transform:rotate(360deg)}
}

/* OVERLAY */

#eviStickySearchOverlay{
  position:fixed !important;
  inset:0 !important;

  z-index:1038 !important;

  background:rgba(16,22,27,.22) !important;

  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;

  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;

  transition:
    opacity .15s ease,
    visibility .15s ease !important;
}

#eviStickySearchOverlay.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* MOBILE */

@media(max-width:767.98px){

  /*
   * MOBILE STICKY:
   * yalnız [ Kataloq ] [ Axtarış ] [ AI ]
   */
  #eviStickySearchBar .evi-sticky-nav-button,
  #eviStickySearchBar .evi-sticky-profile-button,
  #eviStickySearchBar .evi-sticky-desktop-action{
    display:none !important;
  }

  #eviStickySearchBar .evi-sticky-catalog-button,
  #eviStickySearchBar .evi-sticky-ai-button{
    display:inline-flex !important;
    flex:0 0 auto !important;
  }

  #eviStickySearchBar .evi-sticky-shell{
    padding-left:8px !important;
    padding-right:8px !important;
    gap:6px !important;
  }

  #eviStickySearchBar .evi-sticky-icon-button{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;

    flex-basis:38px !important;

    border-radius:11px !important;

    font-size:14px !important;
  }

  #eviStickySearchBar .evi-sticky-desktop-action{
    display:none !important;
  }

  #eviStickySearchBar .evi-sticky-search-box{
    height:40px !important;
    border-radius:12px !important;
  }

  #eviStickySearchBar #eviStickySearchInput{
    padding-left:34px !important;
    padding-right:34px !important;
    font-size:16px !important;
  }

  #eviStickySearchBar #eviStickySearchInput::placeholder{
    font-size:12.5px !important;
  }

  #eviStickySearchBar .evi-sticky-search-icon{
    left:11px !important;
    font-size:12px !important;
  }

  /*
   * Mobil dropdown inputun altından açılır,
   * amma rahat oxunmaq üçün azca sağ-sol genişlənir.
   */
  #eviStickySearchBar #eviStickySuggest.evi-sticky-suggest{
    left:-44px !important;
    right:-44px !important;
    width:auto !important;

    max-height:min(440px,62vh) !important;

    border-radius:14px !important;
  }
}

@media(max-width:390px){

  #eviStickySearchBar .evi-sticky-shell{
    padding-left:6px !important;
    padding-right:6px !important;
    gap:5px !important;
  }

  #eviStickySearchBar .evi-sticky-icon-button{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;

    flex-basis:36px !important;
  }

  #eviStickySearchBar .evi-sticky-search-box{
    height:38px !important;
  }

  #eviStickySearchBar #eviStickySearchInput{
    padding-left:31px !important;
    padding-right:31px !important;
  }

  #eviStickySearchBar .evi-sticky-search-icon{
    left:10px !important;
  }

  #eviStickySearchBar .evi-sticky-clear-button{
    right:4px !important;
    width:27px !important;
    height:27px !important;
  }

  #eviStickySearchBar #eviStickySuggest.evi-sticky-suggest{
    left:-41px !important;
    right:-41px !important;
  }
}

@media(max-width:345px){
  #eviStickySearchBar .evi-sticky-shell{
    padding-left:5px !important;
    padding-right:5px !important;
    gap:5px !important;
  }

  #eviStickySearchBar .evi-sticky-catalog-button,
  #eviStickySearchBar .evi-sticky-ai-button{
    display:inline-flex !important;
  }

  #eviStickySearchBar #eviStickySuggest.evi-sticky-suggest{
    left:-41px !important;
    right:-41px !important;
  }
}


/* =========================================================
   MOBILE STICKY FINAL
   KATALOQ | SEARCH | AI
========================================================= */
@media(max-width:767.98px){

  #eviStickySearchBar .evi-sticky-catalog-button{
    order:1 !important;
  }

  #eviStickySearchBar .evi-sticky-search-box{
    order:2 !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    display:flex !important;
  }

  #eviStickySearchBar .evi-sticky-ai-button{
    order:3 !important;
    display:inline-flex !important;
  }

  #eviStickySearchBar .evi-sticky-nav-button,
  #eviStickySearchBar .evi-sticky-profile-button,
  #eviStickySearchBar .evi-sticky-desktop-action{
    display:none !important;
  }

  #eviStickySearchBar #eviStickySuggest.evi-sticky-suggest{
    left:-44px !important;
    right:-44px !important;
    width:auto !important;
  }
}

@media(max-width:390px){
  #eviStickySearchBar #eviStickySuggest.evi-sticky-suggest{
    left:-41px !important;
    right:-41px !important;
  }
}


/* =========================================================
   MOBILE STICKY SEARCH PANEL — FULL WIDTH
========================================================= */
@media(max-width:767.98px){

  /*
   * Suggestion panel artıq search input-a bağlı kiçik dropdown deyil.
   * Sticky header-in altından başlayıb viewport-un 100%-ni tutur.
   */
  #eviStickySearchBar #eviStickySuggest.evi-sticky-suggest{
    position:fixed !important;

    top:var(--evi-sticky-suggest-top,60px) !important;
    left:0 !important;
    right:0 !important;

    width:100vw !important;
    max-width:100vw !important;

    max-height:
      calc(
        100dvh
        -
        var(--evi-sticky-suggest-top,60px)
        -
        8px
      ) !important;

    margin:0 !important;
    padding:50px 8px 10px !important;

    border-left:0 !important;
    border-right:0 !important;
    border-top:1px solid #e5eaec !important;
    border-bottom:1px solid #e1e7e9 !important;

    border-radius:0 0 18px 18px !important;

    background:#fff !important;

    box-shadow:
      0 18px 45px rgba(17,24,39,.17) !important;

    transform:translateY(-4px) !important;

    z-index:100450 !important;
  }

  #eviStickySearchBar #eviStickySuggest.evi-sticky-suggest.is-open{
    transform:translateY(0) !important;
  }

  /*
   * Full-width panelin yuxarı sağ bağlama düyməsi.
   */
  #eviStickySearchBar .evi-sticky-suggest-close{
    position:fixed !important;

    top:
      calc(
        var(--evi-sticky-suggest-top,60px)
        +
        8px
      ) !important;

    right:10px !important;

    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;

    margin:0 !important;
    padding:0 !important;

    display:grid !important;
    place-items:center !important;

    border:1px solid #e1e6e8 !important;
    border-radius:11px !important;

    background:#f3f5f6 !important;
    color:#5f696f !important;

    font-size:12px !important;
    line-height:1 !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;

    z-index:100460 !important;

    box-shadow:none !important;

    cursor:pointer !important;

    transition:
      opacity .14s ease,
      visibility .14s ease,
      transform .14s ease !important;
  }

  #eviStickySearchBar .evi-sticky-suggest-close.is-open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #eviStickySearchBar .evi-sticky-suggest-close:active{
    transform:scale(.94) !important;
  }

  /*
   * Panelin üst hissəsində X üçün ayrılmış boşluq.
   * İlk başlıq X-in altına girmir.
   */
  #eviStickySearchBar .evi-sticky-suggest-section:first-child{
    min-height:34px !important;

    padding-top:8px !important;
    padding-right:48px !important;

    display:flex !important;
    align-items:center !important;
  }
}

/*
 * Köhnə mobile left/right genişləndirmələrini sıfırlayırıq.
 */
@media(max-width:390px){
  #eviStickySearchBar #eviStickySuggest.evi-sticky-suggest{
    left:0 !important;
    right:0 !important;
    width:100vw !important;
  }

  #eviStickySearchBar .evi-sticky-suggest-close{
    right:8px !important;
  }
}

@media(max-width:345px){
  #eviStickySearchBar #eviStickySuggest.evi-sticky-suggest{
    left:0 !important;
    right:0 !important;
    width:100vw !important;
  }
}


/* DESKTOP */

@media(min-width:768px){
  #eviStickySearchBar .evi-sticky-desktop-action{
    display:inline-flex !important;
  }
}

/* =========================================================
   HEADER AI / PROFILE
========================================================= */
.header-evi-ai-button,
.header-evi-ai-mobile,
.sticky-ai-button,
.sticky-profile-button{
  position:relative;
}

.header-evi-ai-button i,
.header-evi-ai-mobile i,
.sticky-ai-button i{
  color:#009e8e;
}

.sticky-ai-button{
  border-color:#cfe4e0 !important;
  background:#f2faf8 !important;
}

.sticky-ai-dot{
  position:absolute;
  top:5px;
  right:5px;
  width:6px;
  height:6px;
  border:1.5px solid #fff;
  border-radius:50%;
  background:#009e8e;
}

.sticky-profile-button{
  color:#4f5a61 !important;
}

@media(max-width:575.98px){
  .sticky-search-container{
    gap:6px !important;
  }

  .sticky-search-field{
    min-width:0 !important;
  }

  .sticky-ai-button,
  .sticky-profile-button{
    flex:0 0 auto !important;
  }
}

/* =========================================================
   EVI AI POPUP — CONFLICT SAFE
========================================================= */
#eviAiPopupOverlay.evi-ai-popup-overlay{
  position:fixed;
  inset:0;
  z-index:100500;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:18px;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  background:rgba(17,24,28,.46);

  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);

  transition:
    opacity .18s ease,
    visibility .18s ease;
}

#eviAiPopupOverlay.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

#eviAiPopup.evi-ai-popup{
  width:min(940px,100%);
  height:min(86vh,780px);

  display:flex;
  flex-direction:column;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.55);
  border-radius:24px;

  background:#f6f8f9;

  box-shadow:0 30px 90px rgba(14,23,28,.30);

  transform:translateY(12px) scale(.992);

  transition:
    transform .22s cubic-bezier(.22,.78,.3,1);
}

#eviAiPopupOverlay.active #eviAiPopup{
  transform:translateY(0) scale(1);
}

body.evi-ai-popup-open{
  overflow:hidden !important;
}

/* HEAD */
#eviAiPopup .evi-ai-popup-head{
  min-height:68px;

  padding:10px 12px;

  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;

  border-bottom:1px solid #e6ecee;

  background:rgba(255,255,255,.96);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

#eviAiPopup .evi-ai-popup-close{
  width:40px;
  height:40px;

  display:grid;
  place-items:center;

  border:0;
  border-radius:13px;

  background:#f0f3f4;
  color:#515c63;

  cursor:pointer;
}

#eviAiPopup .evi-ai-popup-head-center{
  min-width:0;
  text-align:center;
}

#eviAiPopup .evi-ai-popup-head-center strong{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;

  color:#222b30;

  font-size:15px;
  font-weight:950;
}

#eviAiPopup .evi-ai-popup-head-center strong i{
  color:#009e8e;
}

#eviAiPopup .evi-ai-popup-head-center span{
  display:block;

  margin-top:2px;

  overflow:hidden;

  color:#919ba1;

  font-size:8.5px;
  font-weight:700;

  text-overflow:ellipsis;
  white-space:nowrap;
}

#eviAiPopup .evi-ai-popup-premium-status{
  min-height:36px;

  padding:0 10px;

  display:flex;
  align-items:center;
  gap:6px;

  border:1px solid #e2e8ea;
  border-radius:12px;

  background:#fff;
  color:#667178;

  font-size:8.5px;
  font-weight:900;

  cursor:pointer;
}

#eviAiPopup .evi-ai-popup-premium-status.active{
  border-color:#bde2dc;
  background:#eef9f7;
  color:#087d72;
}

#eviAiPopup .evi-ai-popup-status-dot{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#acb4b8;
}

#eviAiPopup .evi-ai-popup-premium-status.active .evi-ai-popup-status-dot{
  background:#13a78d;
  box-shadow:0 0 0 4px rgba(19,167,141,.10);
}

/* BODY */
#eviAiPopup .evi-ai-popup-body{
  min-height:0;
  flex:1 1 auto;

  overflow-y:auto;
  overflow-x:hidden;

  overscroll-behavior:contain;

  -webkit-overflow-scrolling:touch;
}

#eviAiPopup .evi-ai-popup-inner{
  width:100%;

  padding:24px 18px 135px;
}

/* WELCOME */
#eviAiPopup .evi-ai-popup-welcome{
  max-width:700px;

  margin:25px auto 20px;

  text-align:center;
}

#eviAiPopup .evi-ai-popup-logo{
  width:62px;
  height:62px;

  margin:0 auto 13px;

  display:grid;
  place-items:center;

  border-radius:20px;

  background:
    radial-gradient(circle at 30% 25%,rgba(255,255,255,.24),transparent 35%),
    linear-gradient(145deg,#11b8a7,#008f82);

  color:#fff;

  font-size:25px;

  box-shadow:0 13px 34px rgba(0,158,142,.24);
}

#eviAiPopup .evi-ai-popup-welcome h2{
  margin:0;

  color:#1e272c;

  font-size:28px;
  line-height:1.1;
  font-weight:950;

  letter-spacing:-.55px;
}

#eviAiPopup .evi-ai-popup-welcome p{
  max-width:610px;

  margin:8px auto 0;

  color:#869097;

  font-size:11px;
  line-height:1.55;
  font-weight:650;
}

#eviAiPopup .evi-ai-popup-examples{
  margin-top:18px;

  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:7px;
}

#eviAiPopup .evi-ai-popup-examples button{
  min-height:33px;

  padding:0 11px;

  border:1px solid #e1e7e9;
  border-radius:999px;

  background:#fff;
  color:#626d74;

  font-size:9px;
  font-weight:800;

  cursor:pointer;
}

/* PREMIUM GATE */
#eviAiPopup .evi-ai-popup-premium-gate{
  display:none;

  max-width:620px;

  margin:18px auto;

  padding:17px;

  border:1px solid #e1e7e9;
  border-radius:19px;

  background:
    radial-gradient(circle at 90% 8%,rgba(255,190,54,.12),transparent 30%),
    #fff;

  box-shadow:0 9px 28px rgba(27,39,44,.05);
}

#eviAiPopup .evi-ai-popup-premium-gate.show{
  display:block;
}

#eviAiPopup .evi-ai-popup-gate-top{
  display:flex;
  gap:11px;
}

#eviAiPopup .evi-ai-popup-gate-icon{
  width:44px;
  height:44px;

  flex:0 0 44px;

  display:grid;
  place-items:center;

  border-radius:14px;

  background:#172228;
  color:#ffc24d;

  font-size:18px;
}

#eviAiPopup .evi-ai-popup-gate-top > div:last-child{
  min-width:0;
  flex:1;
}

#eviAiPopup .evi-ai-popup-gate-top strong{
  display:block;

  color:#293238;

  font-size:13px;
  font-weight:950;
}

#eviAiPopup .evi-ai-popup-gate-top span{
  display:block;

  margin-top:4px;

  color:#879198;

  font-size:9.3px;
  line-height:1.45;
  font-weight:650;
}

#eviAiPopup .evi-ai-popup-gate-grid{
  margin-top:12px;

  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}

#eviAiPopup .evi-ai-popup-gate-grid span{
  padding:9px;

  border:1px solid #e7ecee;
  border-radius:12px;

  background:#fafcfc;
  color:#58646b;

  font-size:8.7px;
  font-weight:750;
}

#eviAiPopup .evi-ai-popup-gate-grid i{
  margin-right:5px;
  color:#009e8e;
}

#eviAiPopup .evi-ai-popup-gate-message{
  display:none;

  margin-top:9px;
  padding:10px;

  border-radius:11px;

  background:#fff3f1;
  color:#a2473b;

  font-size:9px;
  font-weight:750;
}

#eviAiPopup .evi-ai-popup-gate-message.show{
  display:block;
}

#eviAiPopup .evi-ai-popup-buy{
  width:100%;
  min-height:46px;

  margin-top:11px;

  border:0;
  border-radius:14px;

  background:#009e8e;
  color:#fff;

  font-size:10.5px;
  font-weight:950;

  cursor:pointer;

  box-shadow:0 7px 18px rgba(0,158,142,.20);
}

/* AI RESPONSE */
#eviAiPopup .evi-ai-popup-response{
  display:none;
}

#eviAiPopup .evi-ai-popup-response.show{
  display:block;
}

#eviAiPopup .evi-ai-answer{
  margin-bottom:13px;

  padding:14px;

  border:1px solid #dce9e6;
  border-radius:16px;

  background:#f2faf8;
}

#eviAiPopup .evi-ai-answer-label{
  display:flex;
  align-items:center;
  gap:7px;

  color:#087d72;

  font-size:9.5px;
  font-weight:950;
}

#eviAiPopup .evi-ai-answer-text{
  margin-top:7px;

  color:#334047;

  font-size:11.5px;
  line-height:1.58;
  font-weight:650;

  white-space:pre-line;
}

#eviAiPopup .evi-ai-answer-summary{
  margin-top:5px;

  color:#7f898f;

  font-size:9px;
  line-height:1.45;
  font-weight:650;
}

#eviAiPopup .evi-ai-results-head{
  margin:4px 2px 8px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
}

#eviAiPopup .evi-ai-results-head strong{
  color:#293238;
  font-size:11.5px;
  font-weight:950;
}

#eviAiPopup .evi-ai-results-head span{
  color:#929ba1;
  font-size:8.5px;
  font-weight:750;
}

#eviAiPopup .evi-ai-result-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

#eviAiPopup .evi-ai-result-card{
  min-width:0;

  overflow:hidden;

  display:grid;
  grid-template-columns:120px minmax(0,1fr);

  border:1px solid #e3e9eb;
  border-radius:16px;

  background:#fff;

  color:inherit;
  text-decoration:none;

  box-shadow:0 5px 15px rgba(28,40,45,.04);
}

#eviAiPopup .evi-ai-result-image{
  position:relative;

  min-height:128px;

  overflow:hidden;

  background:#eff3f4;
}

#eviAiPopup .evi-ai-result-image img{
  width:100%;
  height:100%;
  min-height:128px;

  display:block;

  object-fit:cover;
}

#eviAiPopup .evi-ai-result-score{
  position:absolute;

  top:7px;
  left:7px;

  min-height:23px;

  padding:0 7px;

  display:flex;
  align-items:center;

  border-radius:8px;

  background:rgba(23,31,36,.85);
  color:#fff;

  font-size:7.8px;
  font-weight:900;
}

#eviAiPopup .evi-ai-result-copy{
  min-width:0;
  padding:10px;
}

#eviAiPopup .evi-ai-result-title{
  min-height:31px;

  overflow:hidden;

  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;

  color:#252e33;

  font-size:11px;
  line-height:1.35;
  font-weight:900;
}

#eviAiPopup .evi-ai-result-price{
  margin-top:6px;

  display:flex;
  align-items:baseline;
  gap:5px;
}

#eviAiPopup .evi-ai-result-price strong{
  color:#087d72;
  font-size:12.5px;
  font-weight:950;
}

#eviAiPopup .evi-ai-result-price del{
  color:#a1a9ad;
  font-size:8px;
}

#eviAiPopup .evi-ai-result-meta{
  margin-top:4px;

  overflow:hidden;

  color:#8e979d;

  font-size:8.4px;
  font-weight:650;

  text-overflow:ellipsis;
  white-space:nowrap;
}

#eviAiPopup .evi-ai-result-reason{
  margin-top:6px;
  padding-top:6px;

  border-top:1px dashed #e8eded;

  overflow:hidden;

  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;

  color:#657078;

  font-size:8.3px;
  line-height:1.4;
  font-weight:650;
}

#eviAiPopup .evi-ai-popup-state{
  min-height:190px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  color:#859096;

  text-align:center;

  font-size:9.5px;
  line-height:1.5;
  font-weight:650;
}

#eviAiPopup .evi-ai-popup-spinner{
  width:29px;
  height:29px;

  margin-bottom:9px;

  border:3px solid #dce8e6;
  border-top-color:#009e8e;
  border-radius:50%;

  animation:eviAiPopupSpin .7s linear infinite;
}

@keyframes eviAiPopupSpin{
  to{transform:rotate(360deg)}
}

/* COMPOSER */
#eviAiPopup .evi-ai-popup-composer-wrap{
  position:absolute;

  left:0;
  right:0;
  bottom:0;

  z-index:5;

  padding:
    10px
    12px
    max(10px,env(safe-area-inset-bottom));

  border-top:1px solid rgba(226,232,234,.94);

  background:rgba(246,248,249,.96);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

#eviAiPopup .evi-ai-popup-composer{
  width:min(100%,880px);

  margin:0 auto;
  padding:6px;

  display:flex;
  align-items:flex-end;
  gap:7px;

  border:1px solid #dce4e6;
  border-radius:18px;

  background:#fff;

  box-shadow:0 8px 26px rgba(25,37,42,.075);
}

#eviAiPopup .evi-ai-popup-composer > i{
  width:35px;
  height:42px;

  flex:0 0 35px;

  display:grid;
  place-items:center;

  color:#009e8e;

  font-size:14px;
}

#eviAiPopup .evi-ai-popup-composer textarea{
  min-width:0;
  width:100%;

  min-height:42px;
  max-height:120px;

  padding:10px 2px 8px;

  resize:none;
  overflow-y:auto;

  border:0;
  outline:0;

  background:transparent;
  color:#252e33;

  font:inherit;
  font-size:12px;
  line-height:1.45;
  font-weight:650;
}

#eviAiPopup .evi-ai-popup-composer textarea::placeholder{
  color:#9aa3a8;
}

#eviAiPopup .evi-ai-popup-composer button{
  width:43px;
  height:43px;

  flex:0 0 43px;

  display:grid;
  place-items:center;

  border:0;
  border-radius:13px;

  background:#009e8e;
  color:#fff;

  cursor:pointer;

  box-shadow:0 6px 16px rgba(0,158,142,.20);
}

#eviAiPopup .evi-ai-popup-composer button:disabled{
  opacity:.6;
  cursor:wait;
}

.evi-ai-popup-toast{
  position:fixed;

  left:50%;
  bottom:max(22px,env(safe-area-inset-bottom));

  z-index:100620;

  width:min(calc(100% - 28px),380px);

  padding:11px 13px;

  border-radius:13px;

  background:#202a2f;
  color:#fff;

  opacity:0;
  visibility:hidden;

  transform:translate(-50%,12px);

  font-size:10px;
  line-height:1.4;
  font-weight:750;

  box-shadow:0 14px 36px rgba(15,22,25,.25);

  transition:.18s ease;
}

.evi-ai-popup-toast.show{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}

@media(max-width:767.98px){
  #eviAiPopupOverlay.evi-ai-popup-overlay{
    padding:0;
    align-items:stretch;
  }

  #eviAiPopup.evi-ai-popup{
    width:100%;
    height:100dvh;

    border:0;
    border-radius:0;
  }

  #eviAiPopup .evi-ai-popup-head{
    min-height:66px;

    padding:
      max(10px,env(safe-area-inset-top))
      10px
      9px;

    grid-template-columns:42px minmax(0,1fr) 86px;
  }

  #eviAiPopup .evi-ai-popup-premium-status{
    max-width:86px;
    padding:0 7px;

    overflow:hidden;

    font-size:7.8px;

    text-overflow:ellipsis;
    white-space:nowrap;
  }

  #eviAiPopup .evi-ai-popup-inner{
    padding:15px 10px 140px;
  }

  #eviAiPopup .evi-ai-popup-welcome{
    margin:22px auto 16px;
  }

  #eviAiPopup .evi-ai-popup-logo{
    width:55px;
    height:55px;

    border-radius:18px;

    font-size:22px;
  }

  #eviAiPopup .evi-ai-popup-welcome h2{
    font-size:21px;
  }

  #eviAiPopup .evi-ai-popup-welcome p{
    font-size:9.5px;
  }

  #eviAiPopup .evi-ai-popup-examples{
    flex-wrap:nowrap;
    justify-content:flex-start;

    overflow-x:auto;

    scrollbar-width:none;
  }

  #eviAiPopup .evi-ai-popup-examples::-webkit-scrollbar{
    display:none;
  }

  #eviAiPopup .evi-ai-popup-examples button{
    flex:0 0 auto;
  }

  #eviAiPopup .evi-ai-result-grid{
    grid-template-columns:minmax(0,1fr);
  }

  #eviAiPopup .evi-ai-result-card{
    grid-template-columns:100px minmax(0,1fr);
  }

  #eviAiPopup .evi-ai-result-image,
  #eviAiPopup .evi-ai-result-image img{
    min-height:116px;
  }

  #eviAiPopup .evi-ai-popup-gate-grid{
    grid-template-columns:minmax(0,1fr);
  }

  #eviAiPopup .evi-ai-popup-composer-wrap{
    padding-left:8px;
    padding-right:8px;
  }

  #eviAiPopup .evi-ai-popup-composer > i{
    display:none;
  }

  #eviAiPopup .evi-ai-popup-composer textarea{
    padding-left:8px;
  }
}

.notification-drawer-overlay{
  position:fixed;
  inset:0;
  z-index:100080;
  opacity:0;
  visibility:hidden;
  background:rgba(18,24,29,.38);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  transition:opacity .2s ease,visibility .2s ease;
}

.notification-drawer-overlay.active{
  opacity:1;
  visibility:visible;
}

.notification-drawer{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:100090;
  width:min(420px,100%);
  display:flex;
  flex-direction:column;
  transform:translateX(103%);
  background:#f7f9fa;
  border-left:1px solid #e7ecef;
  box-shadow:-18px 0 48px rgba(24,34,40,.16);
  transition:transform .24s cubic-bezier(.22,.78,.3,1);
}

.notification-drawer.active{
  transform:translateX(0);
}

.notification-drawer-head{
  min-height:72px;
  padding:14px 15px;
  display:flex;
  align-items:center;
  gap:12px;
  border-bottom:1px solid #e8edef;
  background:#fff;
}

.notification-drawer-head > div{
  min-width:0;
  flex:1;
}

.notification-drawer-head strong,
.notification-drawer-head span{
  display:block;
}

.notification-drawer-head strong{
  color:#20282e;
  font-size:18px;
  font-weight:950;
  letter-spacing:-.25px;
}

.notification-drawer-head span{
  margin-top:3px;
  color:#929ba2;
  font-size:10px;
  font-weight:650;
}

.notification-drawer-close{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border:1px solid #e5e9eb;
  border-radius:11px;
  background:#f8fafb;
  color:#667078;
  cursor:pointer;
}

.notification-drawer-body{
  flex:1;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:10px;
}

.notification-item{
  width:100%;
  margin-bottom:8px;
  padding:12px;
  display:flex;
  gap:10px;
  border:1px solid #e5eaec;
  border-radius:14px;
  background:#fff;
  color:inherit;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}

.notification-item:hover{
  border-color:#d3e2df;
  background:#fcfefe;
  transform:translateY(-1px);
}

.notification-item.unread{
  border-color:#bfe4de;
  background:#f1fbf9;
}

.notification-item-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eaf7f5;
  color:#009e8e;
  font-size:14px;
}

.notification-item.unread .notification-item-icon{
  background:#dff5f1;
  color:#087d72;
}

.notification-item-copy{
  min-width:0;
  flex:1;
}

.notification-item-title{
  display:flex;
  align-items:flex-start;
  gap:6px;
}

.notification-item-title strong{
  min-width:0;
  flex:1;
  color:#252d33;
  font-size:11.5px;
  line-height:1.3;
  font-weight:900;
}

.notification-unread-dot{
  width:7px;
  height:7px;
  flex:0 0 7px;
  margin-top:4px;
  border-radius:50%;
  background:#009e8e;
}

.notification-item-content{
  margin-top:4px;

  display:block;

  overflow:visible;

  color:#68737b;

  font-size:10px;
  line-height:1.5;
  font-weight:600;

  white-space:pre-line;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.notification-item-time{
  margin-top:6px;
  color:#9ca4aa;
  font-size:8.8px;
  font-weight:700;
}

.notification-state{
  min-height:280px;
  padding:34px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#929ba1;
  text-align:center;
}

.notification-state-icon{
  width:54px;
  height:54px;
  margin-bottom:11px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:#eaf8f6;
  color:#009e8e;
  font-size:21px;
}

.notification-state strong{
  color:#566169;
  font-size:12px;
  font-weight:900;
}

.notification-state p{
  max-width:260px;
  margin:5px 0 0;
  color:#929ba1;
  font-size:9.5px;
  line-height:1.45;
  font-weight:600;
}

.notification-state-spinner{
  width:28px;
  height:28px;
  margin-bottom:11px;
  border:3px solid #dce7e5;
  border-top-color:#009e8e;
  border-radius:50%;
  animation:notificationSpin .7s linear infinite;
}

@keyframes notificationSpin{
  to{transform:rotate(360deg)}
}

body.notification-drawer-open{
  overflow:hidden;
}

@media(max-width:575.98px){
  .notification-drawer{
    width:100%;
  }

  .notification-drawer-head{
    min-height:66px;
    padding-top:max(13px,env(safe-area-inset-top));
  }

  .notification-drawer-body{
    padding:8px;
    padding-bottom:max(12px,env(safe-area-inset-bottom));
  }
}


/* =========================================================
   NOTIFICATIONS — FULL CONTENT
========================================================= */
.notification-item{
  align-items:flex-start;
}

.notification-item-copy{
  overflow:visible;
}

.notification-item-content{
  max-height:none !important;
  height:auto !important;
  text-overflow:clip !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
}

@media(max-width:575.98px){
  .notification-item{
    padding:11px;
  }

  .notification-item-content{
    font-size:10.2px;
    line-height:1.55;
  }
}

/* =========================================================
   HEADER NAV — UNIQUE
========================================================= */
#eviHeaderNav,
#eviHeaderNav *,
#eviHeaderNavOverlay,
#eviCatalogOverlay,
#eviCatalogOverlay *,
#eviCatalogPanel,
#eviCatalogPanel *{
  box-sizing:border-box;
}

body.evi-header-nav-open,
body.evi-catalog-open{
  overflow:hidden !important;
}

#eviHeaderNavOverlay.evi-header-nav-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:100300 !important;

  background:rgba(15,22,27,.42) !important;

  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;

  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;

  transition:opacity .18s ease,visibility .18s ease !important;
}

#eviHeaderNavOverlay.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

#eviHeaderNav.evi-header-nav{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  bottom:0 !important;
  z-index:100310 !important;

  width:min(90vw,365px) !important;
  height:100dvh !important;

  display:flex !important;
  flex-direction:column !important;

  overflow:hidden !important;

  border-right:1px solid #e5eaec !important;

  background:#f7f9fa !important;

  box-shadow:18px 0 50px rgba(14,22,27,.18) !important;

  transform:translateX(-103%) !important;

  transition:transform .24s cubic-bezier(.22,.78,.3,1) !important;
}

#eviHeaderNav.is-open{
  transform:translateX(0) !important;
}

#eviHeaderNav .evi-header-nav-head{
  min-height:70px !important;

  padding:max(12px,env(safe-area-inset-top)) 14px 11px !important;

  display:flex !important;
  align-items:center !important;
  gap:12px !important;

  border-bottom:1px solid #e7ecee !important;

  background:#fff !important;
}

#eviHeaderNav .evi-header-nav-logo{
  min-width:0 !important;
  flex:1 !important;

  color:#009e8e !important;

  font-size:22px !important;
  font-weight:950 !important;
  letter-spacing:-.55px !important;

  text-decoration:none !important;
}

#eviHeaderNav .evi-header-nav-close{
  width:38px !important;
  height:38px !important;

  display:grid !important;
  place-items:center !important;

  border:1px solid #e3e8ea !important;
  border-radius:12px !important;

  background:#f3f5f6 !important;
  color:#626d74 !important;

  cursor:pointer !important;
}

#eviHeaderNav .evi-header-nav-body{
  min-height:0 !important;
  flex:1 !important;

  padding:10px 10px max(12px,env(safe-area-inset-bottom)) !important;

  overflow-y:auto !important;

  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}

#eviHeaderNav .evi-header-nav-body::-webkit-scrollbar{
  display:none !important;
}

#eviHeaderNav .evi-header-nav-links{
  display:grid !important;
  gap:4px !important;
}

#eviHeaderNav .evi-header-nav-link,
#eviHeaderNav .evi-header-nav-language{
  width:100% !important;
  min-height:56px !important;

  padding:8px 9px !important;

  display:flex !important;
  align-items:center !important;
  gap:10px !important;

  border:1px solid transparent !important;
  border-radius:14px !important;

  background:transparent !important;
  color:#2d353a !important;

  text-align:left !important;
  text-decoration:none !important;

  cursor:pointer !important;
}

#eviHeaderNav .evi-header-nav-button{
  font:inherit !important;
}

#eviHeaderNav .evi-header-nav-link:hover,
#eviHeaderNav .evi-header-nav-language:hover{
  border-color:#e1e8e9 !important;
  background:#fff !important;
}

#eviHeaderNav .evi-header-nav-link-icon{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:12px !important;

  background:#eaf7f5 !important;
  color:#009e8e !important;

  font-size:14px !important;
}

#eviHeaderNav .evi-header-nav-link-copy{
  min-width:0 !important;
  flex:1 !important;
}

#eviHeaderNav .evi-header-nav-link-copy strong,
#eviHeaderNav .evi-header-nav-link-copy small{
  display:block !important;

  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#eviHeaderNav .evi-header-nav-link-copy strong{
  color:#2c3439 !important;
  font-size:11.5px !important;
  font-weight:900 !important;
}

#eviHeaderNav .evi-header-nav-link-copy small{
  margin-top:2px !important;
  color:#939ca2 !important;
  font-size:8.5px !important;
  font-weight:650 !important;
}

#eviHeaderNav .evi-header-nav-arrow{
  color:#b0b7bb !important;
  font-size:9px !important;
}

#eviHeaderNav .evi-header-nav-divider{
  height:1px !important;
  margin:9px 7px !important;
  background:#e7ecee !important;
}

#eviHeaderNav .evi-header-nav-contact{
  padding:2px 4px 0 !important;
}

#eviHeaderNav .evi-header-nav-section-title{
  padding:0 5px 7px !important;
  color:#9aa2a7 !important;
  font-size:8.5px !important;
  font-weight:850 !important;
  text-transform:uppercase !important;
}

#eviHeaderNav .evi-header-nav-contact-row{
  min-height:52px !important;
  padding:7px !important;

  display:flex !important;
  align-items:center !important;
  gap:10px !important;

  border-radius:13px !important;

  color:inherit !important;
  text-decoration:none !important;
}

#eviHeaderNav .evi-header-nav-contact-row:hover{
  background:#fff !important;
}

#eviHeaderNav .evi-header-nav-contact-row > span{
  width:36px !important;
  height:36px !important;
  flex:0 0 36px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:11px !important;

  background:#edf6f4 !important;
  color:#009e8e !important;
}

#eviHeaderNav .evi-header-nav-contact-row small,
#eviHeaderNav .evi-header-nav-contact-row strong{
  display:block !important;
}

#eviHeaderNav .evi-header-nav-contact-row small{
  color:#979fa4 !important;
  font-size:8px !important;
}

#eviHeaderNav .evi-header-nav-contact-row strong{
  margin-top:2px !important;
  color:#394248 !important;
  font-size:10.5px !important;
  font-weight:850 !important;
}

/* =========================================================
   CATALOG — UNIQUE
========================================================= */
#eviCatalogOverlay.evi-catalog-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:100430 !important;

  padding:18px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:rgba(15,22,27,.44) !important;

  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;

  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;

  transition:opacity .18s ease,visibility .18s ease !important;
}

#eviCatalogOverlay.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

#eviCatalogPanel.evi-catalog-panel{
  width:min(100%,650px) !important;
  height:min(84vh,740px) !important;

  display:flex !important;
  flex-direction:column !important;

  overflow:hidden !important;

  border:1px solid rgba(255,255,255,.58) !important;
  border-radius:24px !important;

  background:#f7f9fa !important;

  box-shadow:0 28px 90px rgba(14,22,27,.28) !important;

  transform:translateY(12px) scale(.992) !important;

  transition:transform .22s cubic-bezier(.22,.78,.3,1) !important;
}

#eviCatalogOverlay.is-open #eviCatalogPanel{
  transform:translateY(0) scale(1) !important;
}

#eviCatalogPanel .evi-catalog-head{
  min-height:68px !important;

  padding:10px 12px !important;

  display:grid !important;
  grid-template-columns:40px minmax(0,1fr) 40px !important;
  align-items:center !important;
  gap:8px !important;

  border-bottom:1px solid #e7ecee !important;

  background:#fff !important;
}

#eviCatalogPanel .evi-catalog-head-btn{
  width:38px !important;
  height:38px !important;

  display:grid !important;
  place-items:center !important;

  border:1px solid #e3e8ea !important;
  border-radius:12px !important;

  background:#f3f5f6 !important;
  color:#626d74 !important;

  cursor:pointer !important;
}

#eviCatalogPanel .evi-catalog-back{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

#eviCatalogPanel .evi-catalog-back.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

#eviCatalogPanel .evi-catalog-head-copy{
  min-width:0 !important;
  text-align:center !important;
}

#eviCatalogPanel .evi-catalog-head-copy strong,
#eviCatalogPanel .evi-catalog-head-copy span{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#eviCatalogPanel .evi-catalog-head-copy strong{
  color:#222b30 !important;
  font-size:15px !important;
  font-weight:950 !important;
}

#eviCatalogPanel .evi-catalog-head-copy span{
  margin-top:3px !important;
  color:#929ba1 !important;
  font-size:8.7px !important;
  font-weight:650 !important;
}

#eviCatalogPanel .evi-catalog-search-wrap{
  padding:9px 11px !important;
  border-bottom:1px solid #edf0f2 !important;
  background:#fff !important;
}

#eviCatalogPanel .evi-catalog-search{
  position:relative !important;

  height:42px !important;

  display:flex !important;
  align-items:center !important;

  border:1px solid #e0e5e7 !important;
  border-radius:13px !important;

  background:#f5f7f8 !important;
}

#eviCatalogPanel .evi-catalog-search:focus-within{
  border-color:rgba(0,158,142,.55) !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(0,158,142,.08) !important;
}

#eviCatalogPanel .evi-catalog-search > i{
  position:absolute !important;
  left:13px !important;
  color:#8c959b !important;
  font-size:13px !important;
  pointer-events:none !important;
}

#eviCatalogPanel #eviCatalogSearch{
  width:100% !important;
  height:100% !important;

  padding:0 38px !important;

  border:0 !important;
  outline:0 !important;

  background:transparent !important;
  color:#252d32 !important;

  font-family:inherit !important;
  font-size:16px !important;

  box-shadow:none !important;
}

#eviCatalogPanel .evi-catalog-search-clear{
  position:absolute !important;
  right:6px !important;
  top:50% !important;

  width:29px !important;
  height:29px !important;

  display:none !important;
  place-items:center !important;

  border:0 !important;
  border-radius:9px !important;

  background:#e9edef !important;
  color:#818a90 !important;

  transform:translateY(-50%) !important;

  cursor:pointer !important;
}

#eviCatalogPanel .evi-catalog-search-clear.is-visible{
  display:grid !important;
}

#eviCatalogPanel .evi-catalog-body{
  min-height:0 !important;
  flex:1 !important;

  padding:8px !important;

  overflow-y:auto !important;

  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}

#eviCatalogPanel .evi-catalog-body::-webkit-scrollbar{
  display:none !important;
}

#eviCatalogPanel .evi-catalog-list{
  display:grid !important;
  gap:5px !important;
}

#eviCatalogPanel .evi-catalog-item,
#eviCatalogPanel .evi-catalog-special{
  width:100% !important;
  min-height:59px !important;

  padding:8px 10px !important;

  display:flex !important;
  align-items:center !important;
  gap:10px !important;

  border:1px solid transparent !important;
  border-radius:14px !important;

  background:#fff !important;
  color:#2c3439 !important;

  text-align:left !important;
  text-decoration:none !important;

  cursor:pointer !important;
}

#eviCatalogPanel .evi-catalog-item:hover{
  border-color:#dfe8e6 !important;
  background:#fcfefe !important;
}

#eviCatalogPanel .evi-catalog-special{
  margin-bottom:6px !important;

  border-color:#cde8e3 !important;

  background:#edf9f7 !important;
  color:#087d72 !important;
}

#eviCatalogPanel .evi-catalog-special.is-discount{
  border-color:#f3d9d6 !important;
  background:#fff4f2 !important;
  color:#b9473e !important;
}

#eviCatalogPanel .evi-catalog-icon{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;

  display:grid !important;
  place-items:center !important;

  overflow:hidden !important;

  border-radius:13px !important;

  background:#eff8f7 !important;
  color:#009e8e !important;

  font-size:15px !important;
}

#eviCatalogPanel .evi-catalog-icon img{
  width:100% !important;
  height:100% !important;
  padding:5px !important;
  object-fit:contain !important;
}

#eviCatalogPanel .evi-catalog-copy{
  min-width:0 !important;
  flex:1 !important;
}

#eviCatalogPanel .evi-catalog-copy strong,
#eviCatalogPanel .evi-catalog-copy small{
  display:block !important;

  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#eviCatalogPanel .evi-catalog-copy strong{
  color:inherit !important;
  font-size:11.7px !important;
  font-weight:900 !important;
}

#eviCatalogPanel .evi-catalog-copy small{
  margin-top:3px !important;
  color:#959da2 !important;
  font-size:8.5px !important;
  font-weight:650 !important;
}

#eviCatalogPanel .evi-catalog-arrow{
  width:27px !important;
  height:27px !important;
  flex:0 0 27px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:8px !important;

  background:#f3f5f6 !important;
  color:#9ba3a8 !important;

  font-size:9px !important;
}

#eviCatalogPanel .evi-catalog-state{
  min-height:220px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  color:#8f989e !important;

  text-align:center !important;

  font-size:10px !important;
}

#eviCatalogPanel .evi-catalog-spinner{
  width:27px !important;
  height:27px !important;

  border:3px solid #dce8e5 !important;
  border-top-color:#009e8e !important;
  border-radius:50% !important;

  animation:eviCatalogSpin .7s linear infinite !important;
}

@keyframes eviCatalogSpin{
  to{transform:rotate(360deg)}
}

@media(max-width:767.98px){
  #eviCatalogOverlay.evi-catalog-overlay{
    padding:0 !important;

    align-items:stretch !important;
    justify-content:stretch !important;

    background:#fff !important;
  }

  #eviCatalogPanel.evi-catalog-panel{
    width:100% !important;
    height:100dvh !important;
    max-height:100dvh !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    transform:translateX(8%) !important;
  }

  #eviCatalogOverlay.is-open #eviCatalogPanel{
    transform:translateX(0) !important;
  }

  #eviCatalogPanel .evi-catalog-head{
    min-height:66px !important;
    padding:max(10px,env(safe-area-inset-top)) 10px 9px !important;
  }

  #eviCatalogPanel .evi-catalog-body{
    padding:7px 8px max(12px,env(safe-area-inset-bottom)) !important;
  }
}

/* EVI HEADER LANGUAGE SELECTOR */
#eviHeaderNav .evi-header-nav-language-wrap{position:relative}
#eviHeaderNav .evi-header-nav-language{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}
#eviHeaderNav .evi-header-language-menu{margin:8px 12px 2px;padding:7px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.08)}
#eviHeaderNav .evi-header-language-menu[hidden]{display:none!important}
#eviHeaderNav .evi-header-language-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:11px;text-decoration:none;color:#111827;font-size:14px}
#eviHeaderNav .evi-header-language-option:hover{background:#f5f7f8}
#eviHeaderNav .evi-header-language-option.is-active{background:rgba(0,158,142,.10);color:#007f73}
#eviHeaderNav .evi-header-language-option strong{font-size:12px;letter-spacing:.04em}
#eviHeaderNav .evi-header-nav-language[aria-expanded="true"] .evi-header-nav-arrow{transform:rotate(180deg)}

