/* --- HOME STYLES --- */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --green:#43B37D;--green-h:#359966;--green-light:#EAF7F1;--green-border:#B8E3D0;
  --text:#121212;--muted:#718096;--border:#DDE0E5;--bg:#ffffff;--white:#fff;
  --font:'Inter',sans-serif;--heading:'Outfit','Manrope',sans-serif;
}
body, html, .wrap, main.main, .container__main {font-family:var(--font);color:var(--text);background:#ffffff !important;border:none !important;box-shadow:none !important;-webkit-font-smoothing:antialiased}
body, html { overflow-x: hidden; }
html { scrollbar-gutter: stable; }
body.modal-open { padding-right: 0 !important; }
section {margin: 0 !important;}
.section {background:#ffffff !important; border:none !important; box-shadow:none !important; margin: 0 !important; padding-top: 40px; padding-bottom: 40px;}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{max-width:1280px;margin:0 auto;padding:0 24px}

/* ── TOP USER PANEL ── */
.top-bar{background:#f8fafc;padding:7px 0}
.top-bar .container{display:flex;justify-content:space-between;align-items:center}
.top-bar__region{display:flex;align-items:center;gap:6px;color:rgba(15,23,42,.65);font-size:13px;cursor:pointer}
.top-bar__region:hover{color:#0f172a}
.top-bar__nav{display:flex;align-items:center;gap:20px}
.top-bar__nav a{color:rgba(15,23,42,.65);font-size:13px;display:flex;align-items:center;gap:5px;transition:.15s}
.top-bar__nav a:hover{color:#0f172a}

/* ── MAIN HEADER ── */
.header{background:rgba(255,255,255,0.97);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;box-shadow:0 1px 8px rgba(0,0,0,.07)}
.header .container{display:flex;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px;flex-wrap:nowrap}
.logo{display:flex;align-items:center;gap:8px;font-family:var(--heading);font-size:20px;font-weight:800;color:var(--text);flex-shrink:0;text-decoration:none}
.logo-icon{width:38px;height:38px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo-icon svg{width:20px;height:20px}

.header-search{flex:1;position:relative;min-width:0}
.header-search input{width:100%;height:42px;border:1.5px solid var(--border);border-radius:8px;padding:0 50px 0 16px;font-size:14px;font-family:var(--font);outline:none;transition:border-color .15s}
.header-search input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(67,179,125,.12)}
.header-search input::placeholder{color:#aaa}
.header-search__btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:var(--green);border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}
.header-search__btn:hover{background:var(--green-h)}
.header-search__btn svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.2}

.header-car-select{display:flex;align-items:center;gap:5px;color:var(--green);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;border:1.5px solid var(--green-border);border-radius:8px;padding:8px 12px;transition:all .15s;flex-shrink:0}
.header-car-select:hover{background:var(--green-light)}
.header-car-select svg{width:16px;height:16px;flex-shrink:0}

.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.header-actions a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--muted);transition:.15s}
.header-actions a:hover{color:var(--green)}
.header-actions a svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}
.btn-add{background:var(--green);color:#fff!important;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;flex-direction:row!important;gap:6px!important;white-space:nowrap}
.btn-add:hover{background:var(--green-h)!important;color:#fff!important}
.btn-add svg{stroke:#fff!important}

/* ── SEC NAV ── */
.sec-nav{background:#F8FAFC;border-bottom:1px solid var(--border)}
.sec-nav .container{display:flex;align-items:center}
.sec-nav__catalog{background:var(--green);color:#fff;display:flex;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0}
.sec-nav__catalog:hover{background:var(--green-h)}
.sec-nav__links{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}
.sec-nav__links::-webkit-scrollbar{display:none}
.sec-nav__links a{padding:16px 18px;font-size:13px;color:var(--muted);font-weight:500;border-bottom:2px solid transparent;transition:.15s;white-space:nowrap}
.sec-nav__links a:hover{color:var(--text);border-color:var(--green)}

/* ── HERO (DARK) ── */
main{margin-top:0!important;padding-top:0!important}
.hero{
  margin: 0 !important;
  background:linear-gradient(135deg,#f0fdf8 0%,#e0f7ef 55%,#c8f0e0 100%);
  overflow:visible;
  min-height:auto;
}
.hero .container{display:grid;grid-template-columns:1fr 460px;align-items:stretch;min-height:auto;gap:24px}
@media (max-width: 991px) and (min-width: 769px) {
  /* Tablet — keep 2 columns but smaller */
  .hero .container { grid-template-columns: 1fr 280px; gap: 16px; }
  .hero__content { padding: 28px 0 20px; }
  .hero__content h1 { font-size: 28px !important; }
  .hero__car img { max-width: 280px; }
}
@media (max-width: 768px) {
  /* Mobile — single column */
  .hero .container { grid-template-columns: 1fr; align-items: center; text-align: center; }
  .hero__car { width: 100%; height: auto; max-width: 360px; margin: 24px auto 0; order: 2; }
  .hero__content { padding: 28px 16px 32px; }
  .hero__title { font-size: 30px; }
  .hero__tabs-wrap { justify-content: center; }
}
@media (min-width: 992px) {
  .hero__content{padding:72px 0}
}
.hero__content h1{font-family:var(--heading);font-size:44px;font-weight:800;line-height:1.1;color:var(--text);margin-bottom:12px;letter-spacing:-1px}
.hero__content h1 span{color:var(--green)}
.hero__subtitle{font-size:16px;color:var(--muted);line-height:1.6;margin-bottom:28px}

/* search tabs */
.search-tabs{display:inline-flex;background:rgba(255,255,255,.85);border:1px solid var(--border);border-radius:100px;padding:4px;margin-bottom:20px;backdrop-filter:blur(6px)}
.search-tab{display:flex;align-items:center;gap:7px;padding:9px 20px;border-radius:100px;border:none;background:transparent;font-size:13px;font-weight:600;cursor:pointer;color:var(--muted);transition:all .18s;font-family:var(--font)}
.search-tab.active{background:var(--green);color:#fff;box-shadow:0 2px 8px rgba(67,179,125,.35)}
.search-tab svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}

/* Hidden on desktop, shown on mobile only */
.gs-hdr-mobile-only{display:none!important}

.search-hero{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;max-width:520px}
.search-hero__input-row{display:flex;gap:0;background:var(--white);border:1.5px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .15s;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.search-hero__input-row:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(67,179,125,.14)}
.search-hero input{flex:1;height:52px;border:none;padding:0 18px;font-size:15px;font-family:var(--font);outline:none;background:transparent;color:var(--text);min-width:0}
.search-hero input::placeholder{color:#aaa}
.search-hero__btn{height:52px;padding:0 24px;background:var(--green);color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0;display:flex;align-items:center;gap:8px;font-family:var(--font)}
.search-hero__btn:hover{background:var(--green-h)}
.search-hero__btn svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.5}

.hero__hint{font-size:12px;color:var(--muted)}
.hero__hint b{color:var(--green)}

.hero__car{display:flex;align-items:center;justify-content:center;padding:0 24px;background:#fff;width:100%}
.hero__car img{width:100%;max-width:500px;mix-blend-mode:multiply}

/* ── STATS ── */
.stats-bar{background:var(--white);border-bottom:1px solid var(--border);padding:20px 0}
.stats-bar .container{display:flex;justify-content:center;flex-wrap:wrap}
.stat-item{display:flex;flex-direction:column;align-items:center;padding:8px 36px;border-right:1px solid var(--border)}
.stat-item:last-child{border-right:none}
.stat-item__num{font-family:var(--heading);font-size:26px;font-weight:800;color:var(--text)}
.stat-item__num span{color:var(--green)}
.stat-item__label{font-size:12px;color:var(--muted);margin-top:2px;text-align:center}

/* ── CATEGORIES ── */
.section{padding:44px 0 20px}
.section-header{display:flex;align-items:baseline;gap:12px;margin-bottom:22px}
.section-header h2{font-family:var(--heading);font-size:26px;font-weight:800;color:var(--text)}
.section-header__count{font-size:14px;color:var(--muted)}

.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.cat-card{background:var(--white);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 0 14px;overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px rgba(0,0,0,.05);text-decoration:none;color:var(--text)}
.cat-card:hover{border-color:var(--green);box-shadow:0 6px 20px rgba(67,179,125,.14);transform:translateY(-3px)}
.cat-card__img{width:calc(100% + 20px);height:120px;object-fit:cover;border-radius:8px 8px 0 0;margin:-16px -10px 12px;max-width:none;transition:transform .2s}
.cat-card:hover .cat-card__img{transform:scale(1.04)}
.cat-card__name{font-size:14px;font-weight:600;text-align:center;line-height:1.3;color:var(--text);padding:0 8px}
.cat-card:hover .cat-card__name{color:var(--green)}

/* ── HOW IT WORKS ── */
.how{background:var(--bg);padding:44px 0}
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.how-step{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:24px 18px}
.how-step__num{width:34px;height:34px;background:var(--green-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--green);margin-bottom:14px}
.how-step h3{font-size:16px;font-weight:700;margin-bottom:7px;line-height:1.3}
.how-step p{font-size:14px;color:var(--muted);line-height:1.6}

/* --- NEWS SECTION --- */
.news-section { background: linear-gradient(160deg, #f0fdf8 0%, #f7fcfa 60%, #edf7f3 100%); padding: 60px 0 80px; }
.news-header { margin-bottom: 32px; display: flex; justify-content: space-between; align-items: flex-end; }
.news-header h2 { font-family: var(--heading); font-size: 30px; font-weight: 800; color: var(--text); }
.news-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding-bottom: 24px; }
.news-card { background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid var(--border); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; text-decoration: none; }
.news-card:hover { transform: translateY(-8px); border-color: var(--green); box-shadow: 0 12px 30px rgba(0,0,0,0.08); }
.news-card__img { width: 100%; height: 180px; background-size: cover; background-position: center; position: relative; }
.news-card__badge { position: absolute; top: 12px; left: 12px; background: rgba(255,255,255,0.95); padding: 4px 10px; border-radius: 100px; font-size: 10px; font-weight: 800; color: var(--green); text-transform: uppercase; letter-spacing: 0.5px; backdrop-filter: blur(4px); }
.news-card__body { padding: 20px; display: flex; flex-direction: column; flex: 1; }
.news-card__date { font-size: 12px; color: var(--muted); margin-bottom: 8px; font-weight: 500; }
.news-card__title { font-size: 18px; font-weight: 700; color: var(--text); margin-bottom: 10px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-family: var(--heading); }
.news-card__excerpt { font-size: 14px; color: var(--muted); line-height: 1.5; margin-bottom: 20px; flex: 1; }
.news-card__more { color: var(--green); font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 4px; transition: gap 0.2s; }
.news-card:hover .news-card__more { gap: 8px; }

@media (max-width: 991px) {
  .news-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 600px) {
  .news-grid { grid-template-columns: 1fr; }
}

/* ── FOOTER (LIGHT) ── */
footer{background:#F8F9FA;border-top:1px solid var(--border);padding:44px 0 24px}
footer .container{display:grid;grid-template-columns:240px 1fr 1fr 1fr;gap:36px}
.footer-logo{font-family:var(--heading);font-size:20px;font-weight:800;color:var(--text);margin-bottom:10px}
.footer-desc{font-size:13px;line-height:1.6;color:var(--muted)}
.footer-col h4{color:var(--text);font-size:14px;font-weight:700;margin-bottom:14px}
.footer-col a{display:block;font-size:13px;color:var(--muted);margin-bottom:8px;transition:.15s}
.footer-col a:hover{color:var(--green)}
.footer-bottom{border-top:1px solid var(--border);margin-top:32px;padding-top:18px;font-size:12px;text-align:center;color:var(--muted)}

/* --- SEO SECTION --- */
.section_seo { padding: 80px 0; background: #FFF !important; }

/* --- PRICE LIST SEARCH GRID FIX --- */
@media (min-width: 992px) {
  .price_list_items .price_list__item-table {
    display: grid !important;
    grid-template-columns: 120px 140px 1fr 120px 100px 120px 160px auto !important;
    grid-template-areas: "prod numb name status price info comp actions" !important;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    align-items: stretch;
    padding: 0;
    gap: 0;
  }
  .price_list_items .price_list__item-actions {
    grid-area: actions;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
  }
}
.price_list_items .price_list__item {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  margin-bottom: 8px !important;
}
.price_list_items .price_list__item-td {
  border-right: 1px solid var(--border) !important;
  border-bottom: none !important;
  padding: 16px 12px !important;
  justify-content: center;
}
.price_list_items .price_list__item-td:last-child {
  border-right: none !important;
}
.price_list__item-status.status__active {
  background-color: transparent !important;
}
.price_list__item-status.status__active * {
  color: var(--text) !important;
}
.price_list__item-status.status__active small {
  color: #75838c !important;
}
.price_list__item-status.status__active .--avail {
  color: var(--green) !important;
  font-weight: 700;
}

/* --- PRICE LIST MOBILE CARD LAYOUT --- */
@media (max-width: 991px) {
  .price_list_items .price_list__item-table {
    display: flex !important;
    flex-direction: column !important;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    padding: 0 !important;
  }
  .price_list_items .price_list__item {
    margin-bottom: 12px !important;
  }
  .price_list_items .price_list__item-td {
    border-right: none !important;
    border-bottom: 1px solid var(--border) !important;
    padding: 10px 14px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px;
    font-size: 13px !important;
  }
  .price_list_items .price_list__item-td:last-child {
    border-bottom: none !important;
  }
  .price_list_items .price_list__item-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    padding: 10px 14px !important;
    background: #F8FAFC;
    border-top: 1px solid var(--border);
  }
}

/* --- AI ASSISTANT SHIMMER ANIMATION --- */

.ai-shimmer-btn {
  position: relative;
  overflow: hidden;
}
.ai-shimmer-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-25deg);
  animation: ai-shimmer 4s infinite linear;
  z-index: 10;
  pointer-events: none;
}
@keyframes ai-shimmer {
  0% { left: -150%; }
  15% { left: 250%; }
  100% { left: 250%; }
}

/* ══════════════════════════════════
   MOBILE RESPONSIVE
══════════════════════════════════ */
@media (max-width:1024px){
  .cat-grid{grid-template-columns:repeat(4,1fr)}
  .how-steps{grid-template-columns:repeat(2,1fr)}
  footer .container{grid-template-columns:1fr 1fr}
}

@media (max-width:991px){
  /* header layout */
  .header .container { flex-wrap: wrap; gap: 12px; }
  .logo { flex-shrink: 0; }
  .header-search { flex: 0 0 100%; order: 3; margin-top: 4px; }
  .header-actions { margin-left: auto; }
}

@media (max-width:768px){
  /* top bar (hide on mobile to reduce clutter) */
  .top-bar { display: none !important; }

  /* header: compact */
  .header{padding:12px 0 16px}
  .header .container{padding-top:0;padding-bottom:0}
  .header-car-select{display:none}
  .header-actions > .fav-link, .header-actions > a[href="/user/info"], .header-actions > a[href="/shop/create"], .header-actions > a[href*="/shop/update"]{display:none}
  .btn-add{padding:10px;font-size:0;border-radius:8px}
  .btn-add .btn-label{display:none}
  .btn-add svg{width:20px;height:20px;margin:0}

  /* sec-nav */
  .sec-nav__catalog span{display:none}
  .sec-nav__links a{padding:10px 12px;font-size:12px}

  /* hero: stack vertically */
  .hero{min-height:auto;overflow:hidden}
  .hero .container{grid-template-columns:1fr;min-height:auto;gap:0;max-width:100%;overflow:hidden}
  .hero__car{display:none}
  .hero__content{padding:24px 16px 32px;text-align:center;max-width:100%;overflow:hidden}
  .hero__content h1{font-size:26px;overflow-wrap:break-word;word-break:break-word}
  .hero__subtitle{font-size:14px;margin-bottom:20px;white-space:normal!important;overflow-wrap:break-word}
  /* search tabs: full-width pill switcher on mobile */
  .search-tabs{margin-bottom:14px;display:flex;width:100%;border-radius:14px;padding:5px;background:rgba(255,255,255,.92);border:1px solid var(--border);box-sizing:border-box;overflow:hidden}
  .search-tab{flex:1;justify-content:center;padding:10px 4px;font-size:12px;border-radius:10px;gap:6px;}
  /* show mobile-only header icons */
  .gs-hdr-mobile-only{display:flex!important}
  .search-hero{max-width:100%;width:100%;box-sizing:border-box;text-align:left}
  .search-hero__input-row{border-radius:10px;flex-wrap:nowrap;max-width:100%;overflow:hidden}
  .search-hero input{height:46px;font-size:14px;min-width:0;max-width:100%}
  .search-hero__btn{height:46px;padding:0 16px;font-size:13px;white-space:nowrap;flex-shrink:0}
  .hero__hint{text-align:center}
  .header-ai-label{display:none !important}

  /* stats */
  .stats-bar .container{gap:0}
  .stat-item{padding:10px 16px;border-right:none;border-bottom:1px solid var(--border);width:50%;align-items:flex-start}
  .stat-item:nth-child(odd){border-right:1px solid var(--border)}
  .stat-item:last-child{border-bottom:none}
  .stat-item__num{font-size:22px}

  /* categories */
  .section{padding:28px 0 16px} /* tighter on mobile */
  .cat-grid{grid-template-columns:repeat(3,1fr);gap:8px}
  .cat-card{border-radius:10px}
  .cat-card__img{height:80px}
  .cat-card__name{font-size:12px;padding:0 6px}

  /* how */
  .how-steps{grid-template-columns:1fr}

  /* footer */
  footer{padding:28px 0 96px} /* pb for bottom nav */
  footer .container{grid-template-columns:1fr;gap:20px}
}

@media (max-width:480px){
  .container{padding:0 14px}
  .hero__content h1{font-size:22px}
  .cat-grid{grid-template-columns:repeat(3,1fr);gap:6px}
  .stat-item{width:50%}
}

/* ── iPhone SE & very small phones (≤400px) ── */
@media (max-width:400px){
  .container{padding:0 12px}
  /* hero: full padding + no clipping */
  .hero{overflow:visible!important}
  .hero__content{padding:20px 12px 28px}
  .hero__content h1{font-size:20px;letter-spacing:-.5px}
  /* subtitle: force wrap, never overflow */
  .hero__subtitle{font-size:13px;white-space:normal!important;overflow-wrap:break-word;word-break:break-word}
  /* search tabs: smaller to fit */
  .search-tabs{flex-wrap:wrap;gap:4px}
  .search-tab{padding:7px 10px;font-size:11px;gap:5px}
  .search-tab svg{width:13px;height:13px}
  /* search bar: stack input and button vertically */
  .search-hero__input-row{flex-direction:column;border-radius:10px;overflow:visible;background:transparent;border:none;box-shadow:none;gap:8px}
  .search-hero input{border:1.5px solid var(--border);border-radius:10px;height:46px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}
  .search-hero input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(67,179,125,.14)}
  .search-hero__btn{border-radius:10px;width:100%;height:46px;justify-content:center}
  /* floating AI buttons: push higher on very small screens */
  .ai-float-trigger{bottom:90px!important;right:12px!important;padding:10px 14px 10px 12px!important;font-size:13px!important}
  .ai-widget-container{bottom:160px!important;right:12px!important}
  /* category grid: 2 cols on very narrow */
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:8px}
}

/* ══════════════════════════════════
   MOBILE BOTTOM NAVIGATION (app-style)
══════════════════════════════════ */
.mobile-nav{
  display:none;
  position:fixed;
  bottom:0;left:0;right:0;
  height:64px;
  background:#fff;
  border-top:1px solid #E5E7EB;
  z-index:2200 !important;
  box-shadow:0 -4px 16px rgba(0,0,0,.08);
  align-items:stretch;
  justify-content:space-around;
  padding-bottom:env(safe-area-inset-bottom,0);
}
.mobile-nav__item{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  cursor:pointer;
  text-decoration:none;
  color:#9CA3AF;
  font-size:10px;
  font-weight:500;
  transition:color .15s;
  border:none;
  background:transparent;
  font-family:var(--font);
  padding:0;
}
.mobile-nav__item.active{color:#43B37D}
.mobile-nav__item:hover{color:#43B37D}
.mobile-nav__item svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;transition:stroke .15s}
.mobile-nav__item.active svg{stroke:#43B37D}
.mobile-nav__center{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin-top:-18px;
}
.mobile-nav__center-btn{
  width:50px;height:50px;
  background:#43B37D;
  border-radius:50%;
  border:none;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 14px rgba(67,179,125,.4);
  cursor:pointer;
  transition:background .15s;
  text-decoration:none;
}
.mobile-nav__center-btn:hover{background:#359966}
.mobile-nav__center-btn svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2}
.mobile-nav__center-label{font-size:10px;font-weight:500;color:#9CA3AF;font-family:var(--font)}
@media(max-width:768px){
  .mobile-nav{display:flex}
  body{padding-bottom:64px}
}


/* --- DEV STYLES (OVERRIDES) --- */

/* ═══════════════════════════════════════
   GoodSeek Premium Header — FORCE OVERRIDE
═══════════════════════════════════════ */
:root{
  --gs-green:#43B37D;--gs-green-h:#359966;--gs-green-light:#EAF7F1;--gs-green-border:#B8E3D0;
  --gs-text:#121212;--gs-muted:#718096;--gs-border:#DDE0E5;
  --gs-font:'Inter','Segoe UI',sans-serif;
}

/* ── RESET external CSS interference ── */
.top-bar,.header,.sec-nav,.gs-footer{all:unset;display:block}
*{box-sizing:border-box}

/* ── TOP BAR ── */
.top-bar{background:#f8fafc!important;padding:7px 0!important;display:block!important}
.top-bar .container{display:flex!important;justify-content:space-between!important;align-items:center!important}
.top-bar__region{display:flex!important;align-items:center!important;gap:6px!important;color:rgba(15,23,42,.65)!important;font-size:13px!important;cursor:pointer!important;text-decoration:none!important;font-family:var(--gs-font)!important}
.top-bar__region:hover{color:#0f172a!important}
.top-bar__nav{display:flex!important;align-items:center!important;gap:20px!important}
.top-bar__nav a{color:rgba(15,23,42,.65)!important;font-size:13px!important;display:flex!important;align-items:center!important;gap:5px!important;text-decoration:none!important;transition:color .15s!important;font-family:var(--gs-font)!important}
.top-bar__nav a:hover{color:#0f172a!important}
.top-bar__nav svg{width:14px!important;height:14px!important;flex-shrink:0!important}

/* ── MAIN HEADER ── */
.header{background:rgba(255,255,255,0.97)!important;border-bottom:1px solid #DDE0E5!important;position:sticky!important;top:0!important;z-index:500!important;box-shadow:0 1px 8px rgba(0,0,0,.07)!important;display:block!important;margin:0!important;padding:0!important}
.header .container{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;padding-top:10px!important;padding-bottom:10px!important}
  .logo{display:flex!important;align-items:center!important;font-size:20px!important;font-weight:800!important;color:#121212!important;flex-shrink:0!important;text-decoration:none!important;width:170px!important;justify-content:center!important; overflow: hidden !important; box-sizing: border-box !important; padding: 0 !important;}
.logo img{width:100%!important;max-width:170px!important;height:auto!important;display:block!important;margin:0!important;object-fit:contain!important;}

.header-search{flex:1!important;position:relative!important;min-width:0!important}
.header-search input{width:100%!important;height:42px!important;border:1.5px solid #DDE0E5!important;border-radius:8px!important;padding:0 50px 0 16px!important;font-size:14px!important;font-family:var(--gs-font)!important;outline:none!important;transition:border-color .15s!important;background:#fff!important;color:#121212!important;box-shadow:none!important;margin:0!important}
.header-search input:focus{border-color:#43B37D!important;box-shadow:0 0 0 3px rgba(67,179,125,.12)!important}
.header-search input::placeholder{color:#aaa!important}
.header-search__btn{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;background:#43B37D!important;border:none!important;border-radius:6px!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .15s!important;padding:0!important}
.header-search__btn:hover{background:#359966!important}
.header-search__btn svg{width:16px!important;height:16px!important;stroke:#fff!important;fill:none!important;stroke-width:2.2!important}

.header-car-select{display:flex!important;align-items:center!important;gap:6px!important;color:#43B37D!important;font-size:13px!important;font-weight:500!important;white-space:nowrap!important;border:1.5px solid #B8E3D0!important;border-radius:10px!important;padding:0 14px!important;height:40px!important;box-sizing:border-box!important;transition:all .15s!important;flex-shrink:0!important;text-decoration:none!important;background:transparent!important;cursor:pointer!important;font-family:var(--gs-font)!important}
.header-car-select:hover{background:#EAF7F1!important}
.header-car-select svg{width:18px!important;height:18px!important;flex-shrink:0!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
/* Account button label — visible on desktop */
.gs-acct-btn-label{font-size:13px!important;font-weight:500!important;color:#43B37D!important;max-width:90px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-family:var(--gs-font)!important}
.gs-acct-btn img{width:24px!important;height:24px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important;display:block!important}


.header-actions{display:flex!important;align-items:center!important;gap:14px!important;flex-shrink:0!important}
.header-actions a{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;font-size:11px!important;color:#718096!important;transition:color .15s!important;text-decoration:none!important;font-family:var(--gs-font)!important;background:transparent!important;padding:0!important;border:none!important}
.header-actions a:hover{color:#43B37D!important}
.header-actions a svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.6!important}
.header-actions a.btn-add,.gs-hdr-add-btn{background:#43B37D!important;color:#fff!important;border-radius:10px!important;padding:0 16px!important;height:40px!important;box-sizing:border-box!important;font-size:13px!important;font-weight:600!important;flex-direction:row!important;gap:6px!important;white-space:nowrap!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important}
.header-actions a.btn-add:hover,.gs-hdr-add-btn:hover{background:#359966!important;color:#fff!important}
.header-actions a.btn-add svg,.gs-hdr-add-btn svg{stroke:#fff!important;fill:none!important;stroke-width:2.5!important;stroke-linecap:round!important;stroke-linejoin:round!important;width:18px!important;height:18px!important}

/* ── SECONDARY NAV ── */
.sec-nav{background:#F8FAFC!important;border-bottom:1px solid #DDE0E5!important;display:block!important;margin:0!important;padding:0!important}
.sec-nav .container{display:flex!important;align-items:stretch!important;position:relative!important}
.sec-nav__catalog-wrap{position:relative!important;flex-shrink:0!important;width:170px!important; display:block!important; box-sizing:border-box!important; padding:0!important;}
.sec-nav__catalog{width:100%!important;background:#43B37D!important;color:#fff!important;display:flex!important;align-items:center!important;gap:6px!important;padding:12px 0!important;font-size:13.5px!important;font-weight:600!important;cursor:pointer!important;transition:background .15s!important;text-decoration:none!important;font-family:var(--gs-font)!important;border:none!important;height:100%!important;justify-content:center!important; box-sizing:border-box!important;}
.sec-nav__catalog:hover{background:#359966!important}
.sec-nav__catalog svg{width:18px!important;height:18px!important;stroke:#fff!important;fill:none!important;stroke-width:2!important}
.sec-nav__links{display:flex!important;align-items:center!important;overflow-x:auto!important;scrollbar-width:none!important}
.sec-nav__links::-webkit-scrollbar{display:none!important}
.sec-nav__links a{padding:16px 18px!important;font-size:13px!important;color:#718096!important;font-weight:500!important;border-bottom:2px solid transparent!important;transition:all .15s!important;white-space:nowrap!important;text-decoration:none!important;font-family:var(--gs-font)!important;display:flex!important;align-items:center!important}
.sec-nav__links a:hover{color:#121212!important;border-color:#43B37D!important}

/* ══ MEGA CATALOG DROPDOWN ══ */
.catalog-dropdown{
  position:absolute!important;top:100%!important;left:0!important;
  width:720px!important;
  background:#fff!important;
  border:1px solid #DDE0E5!important;
  border-top:none!important;
  border-radius:0 16px 16px 16px!important;
  box-shadow:0 16px 48px rgba(0,0,0,.14)!important;
  z-index:600!important;
  opacity:0!important;visibility:hidden!important;
  transition:opacity .2s,visibility .2s,transform .2s!important;
  transform:translateY(-8px)!important;
  padding:20px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:4px!important;
}
.sec-nav__catalog-wrap:hover .catalog-dropdown{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.catalog-dropdown__item{
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:10px 14px!important;border-radius:10px!important;
  font-size:13px!important;color:#121212!important;
  text-decoration:none!important;
  transition:all .15s!important;
  font-family:var(--gs-font)!important;
  font-weight:500!important;
}
.catalog-dropdown__item:hover{background:#EAF7F1!important;color:#43B37D!important}
.catalog-dropdown__item:hover .cat-icon-wrap{background:#43B37D!important}
.catalog-dropdown__item:hover .cat-icon-wrap svg{stroke:#fff!important}
.cat-icon-wrap{
  width:38px!important;height:38px!important;flex-shrink:0!important;
  background:#F3F4F5!important;border-radius:9px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  transition:background .15s!important;
}
.cat-icon-wrap svg{width:18px!important;height:18px!important;stroke:#555!important;fill:none!important;stroke-width:1.8!important;transition:stroke .15s!important}
.catalog-dropdown__name{line-height:1.3!important}
.catalog-dropdown__count{font-size:11px!important;color:#aaa!important;font-weight:400!important;display:block!important}

/* Hide old category grid */
.dopcatalog_box{display:none!important}

/* ══ SEARCH RESULT CARD REDESIGN ══ */
.gs-card{
  background:#fff;border:1px solid #E9ECEF;border-radius:14px;
  display:flex;gap:0;overflow:hidden;
  transition:box-shadow .2s,border-color .2s,transform .2s;
  margin-bottom:12px;
  font-family:var(--gs-font);
  position:relative;
}
.gs-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:#B8E3D0;transform:translateY(-2px)}
.gs-card__img-wrap{
  width:200px;flex-shrink:0;background:#F8F9FA;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  position:relative;min-height:160px;
}
.gs-card__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.gs-card:hover .gs-card__img-wrap img{transform:scale(1.04)}
.gs-card__img-placeholder{color:#ccc;font-size:13px;text-align:center;padding:20px}
.gs-card__img-placeholder svg{width:40px;height:40px;stroke:#ddd;fill:none;margin-bottom:8px;display:block;margin-left:auto;margin-right:auto}
.gs-card__body{flex:1;padding:18px 20px;display:flex;flex-direction:column;min-width:0}
.gs-card__title{font-size:16px;font-weight:700;color:#121212;margin-bottom:6px;line-height:1.3;text-decoration:none;display:block}
.gs-card__title:hover{color:#43B37D}
.gs-card__badges{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.gs-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:100px;background:#EAF7F1;color:#43B37D}
.gs-badge--new{background:#EAF7F1;color:#43B37D}
.gs-badge--used{background:#FFF3E0;color:#E65100}
.gs-card__desc{font-size:13px;color:#718096;line-height:1.55;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gs-card__price{font-size:22px;font-weight:800;color:#121212;font-family:'Manrope',var(--gs-font);margin-bottom:auto}
.gs-card__price span{font-size:14px;font-weight:500;color:#718096}
.gs-card__side{width:200px;flex-shrink:0;padding:16px 18px;border-left:1px solid #F0F2F5;display:flex;flex-direction:column;justify-content:space-between;background:#FAFBFC}
.gs-card__seller{font-size:13px;font-weight:700;color:#121212;margin-bottom:6px}
.gs-card__phone{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#43B37D;text-decoration:none;margin-bottom:4px}
.gs-card__phone svg{width:14px;height:14px;stroke:#43B37D;fill:none;flex-shrink:0}
.gs-card__location{display:flex;align-items:center;gap:5px;font-size:12px;color:#718096;margin-bottom:14px}
.gs-card__location svg{width:12px;height:12px;stroke:#aaa;fill:none;flex-shrink:0}
.gs-card__fav{width:34px;height:34px;border:1.5px solid #E9ECEF;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;background:#fff;align-self:flex-end}
.gs-card__fav:hover{border-color:#43B37D;background:#EAF7F1}
.gs-card__fav svg{width:16px;height:16px;stroke:#aaa;fill:none;stroke-width:1.8;transition:stroke .15s}
.gs-card__fav:hover svg{stroke:#43B37D}

/* ══ AI AGENT PANEL ══ */
.search-input-wrapper { position:relative; width:100%; display:flex; flex:1; }
.header-ai-label {
  position:absolute; right:46px; top:50%; transform:translateY(-50%);
  font-size:12px; font-weight:700; color:#43B37D; background:#EAF7F1;
  padding:4px 8px; border-radius:6px; cursor: pointer;
  display:flex; align-items:center; gap:4px; opacity:0.8; transition:all .2s;
  font-family:var(--gs-font);
}
.header-ai-label svg { width:12px; height:12px; stroke:currentColor; fill:none; stroke-width:2; }
.header-search input:focus ~ .header-ai-label { opacity:0; visibility:hidden; transform:translateY(-50%) translateX(10px); }

/* BREADCRUMBS FIX */
.breadcrums_list { margin: 0 !important; padding-left: 0 !important; }

/* ══ APP-STYLE MOBILE NAV ══ */
.mobile-nav{
  display:none; position:fixed; bottom:0; left:0; right:0; height:calc(64px + env(safe-area-inset-bottom, 0px));
  background:#fff; border-top:1px solid #E5E7EB; z-index:2200 !important;
  box-shadow:0 -4px 16px rgba(0,0,0,.08); align-items:stretch; justify-content:space-around;
  padding-bottom:env(safe-area-inset-bottom,0); box-sizing: border-box !important;
}
.mobile-nav__item{
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; cursor:pointer; text-decoration:none; color:#9CA3AF;
  font-size:10px; font-weight:500; transition:color .15s; border:none; background:transparent; font-family:var(--gs-font); padding:0;
}
.mobile-nav__item.active{color:#43B37D}
.mobile-nav__item:hover{color:#43B37D}
.mobile-nav__item svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;transition:stroke .15s}
.mobile-nav__item.active svg{stroke:#43B37D}
.mobile-nav__center{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; margin-top:-18px; }
.mobile-nav__center-btn{ width:50px;height:50px; background:#43B37D; border-radius:50%; border:none; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(67,179,125,.4); cursor:pointer; transition:background .15s; text-decoration:none; }
.mobile-nav__center-btn:hover{background:#359966}
.mobile-nav__center-btn svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2}
.mobile-nav__center-label{font-size:10px;font-weight:500;color:#9CA3AF;font-family:var(--gs-font)}
@media(max-width:768px){ 
  .mobile-nav{display:flex} 
  
  /* Prevent horizontal stretch and constrain huge SVG map which causes tall blank space below footer */
  html, body { max-width: 100%; overflow-x: clip; }
  .map_services svg { height: auto !important; max-height: 250px !important; }

  body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important; }
  .gs-card { flex-direction: column; }
  .gs-card__img-wrap { width: 100%; height: 200px; }
  .gs-card__side { width: 100%; border-left: none; border-top: 1px solid #F0F2F5; flex-direction: row; align-items: center; }
  .gs-card__fav { align-self: center; }
}

/* ══ FLOATING AI PANEL (Variant 2) ══ */
.ai-float-trigger {
  position:fixed; bottom:24px; right:24px; z-index:1000;
  display:flex; align-items:center; gap:10px;
  background:#43B37D; color:#fff; border:none;
  padding:12px 20px 12px 16px; border-radius:100px;
  font-family:var(--gs-font); font-size:14px; font-weight:600;
  box-shadow:0 8px 24px rgba(67,179,125,.35); cursor:pointer;
  transition:all .25s ease;
}
@media(max-width:768px){ .ai-float-trigger { bottom: 84px; right:16px; } }
.ai-float-trigger:hover { transform:translateY(-2px); box-shadow:0 12px 30px rgba(67,179,125,.4); background:#3CA572; }
.ai-float-trigger svg { width:20px; height:20px; fill:currentColor; }

.ai-float-panel {
  position:fixed; bottom:85px; right:24px; left:24px; max-width:400px; margin-left:auto;
  background:#fff; border-radius:20px; box-shadow:0 16px 40px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.05);
  display:flex; flex-direction:column; z-index:1000; font-family:var(--gs-font);
  opacity:0; visibility:hidden; transform:translateY(20px) scale(0.95); transform-origin:bottom right;
  transition:all .3s cubic-bezier(0.16,1,0.3,1);
}
@media(max-width:768px){ .ai-float-panel { bottom: 140px; right:16px; left:16px; } }
.ai-float-panel.open { opacity:1; visibility:visible; transform:translateY(0) scale(1); }

.ai-search-dropdown {
  position:absolute; top:calc(100% + 8px); left:0; right:0;
  background:#fff; z-index:1000; border:1px solid #E9ECEF; border-radius:16px;
  box-shadow:0 16px 48px rgba(0,0,0,.18); display:flex; flex-direction:column;
  opacity:0; visibility:hidden; transform:translateY(-10px);
  transition:all .2s cubic-bezier(.4,0,.2,1); overflow:hidden;
  max-height:85vh; min-height:400px; font-family:var(--gs-font); cursor:default;
}
.ai-search-dropdown.open { opacity:1; visibility:visible; transform:translateY(0); }

/* ══ MOBILE ADVERT CARD FIX ══ */
@media(max-width:768px){
  /* List view (1 в столбец, картинка слева, more-info и description на всю ширину) */
  .advert-page .view_mode_list .advert-item { width: 100% !important; margin-bottom: 12px; border-radius: 12px; border: 1px solid #E9ECEF !important; position: relative; display: flex !important; flex-direction: column !important; overflow: hidden; }
  .advert-page .view_mode_list .advert-item .card-body {
    display: grid !important;
    grid-template-columns: 100px 1fr;
    grid-template-areas:
      "type type"
      "img title"
      "img status"
      "more-info more-info"
      "description description"
      "contacts contacts";
    column-gap: 12px;
    row-gap: 8px;
    padding: 12px !important;
    align-items: start;
  }
  .advert-page .view_mode_list .advert-item__type { grid-area: type; }
  .advert-page .view_mode_list .advert-item__img-box { grid-area: img; width: 100px !important; height: 100px !important; background: #F8F9FA; border-radius: 8px; overflow: hidden; display: block; align-self: start; }
  .advert-page .view_mode_list .advert-item__content { display: contents !important; }
  .advert-page .view_mode_list .advert-item__title { grid-area: title; min-width: 0; }
  .advert-page .view_mode_list .advert-item__status { grid-area: status; min-width: 0; }
  .advert-page .view_mode_list .advert-item__more-info { grid-area: more-info; min-width: 0; }
  .advert-page .view_mode_list .advert-item__description { grid-area: description; min-width: 0; }
  .advert-page .view_mode_list .advert-item__contacts { grid-area: contacts; position: relative !important; bottom: auto !important; right: auto !important; width: auto !important; padding: 0 !important; background: transparent; border: none; display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 8px; margin: 0 !important; padding-top: 4px !important; min-width: 0; }

  /* Gallery view (2 в ряд) */
  .advert-page .advert-items:not(.view_mode_list) .advert-item { width: calc(50% - 5px) !important; margin-bottom: 0; border-radius: 12px; border: 1px solid #E9ECEF !important; position: relative; overflow: hidden; }
  .advert-page .advert-items:not(.view_mode_list) .advert-item .card-body { display: flex !important; flex-direction: column; gap: 8px; padding: 10px !important; }
  .advert-page .advert-items:not(.view_mode_list) .advert-item__img-box { width: 100% !important; aspect-ratio: 1 / 1; background: #F8F9FA; border-radius: 8px; overflow: hidden; display: block; }
  .advert-page .advert-items:not(.view_mode_list) .advert-item__contacts { position: static !important; width: 100% !important; padding: 0 !important; background: transparent; border: none; display: flex; flex-direction: column; gap: 4px; margin-top:auto;}

  /* Общие правила для обоих режимов */
  .advert-page .advert-item__type { font-size: 12px !important; }
  .advert-page .advert-item__img-box__img { width: 100%; height: 100%; object-fit: cover; }
  .advert-page .advert-item__img-box__img[src*="no-photo"] { object-fit: contain; padding: 8px; }
  .advert-page .advert-item__title { font-size: 14px !important; font-weight: 500 !important; line-height: 1.35; color: #121212 !important; white-space: normal !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-right: 32px !important; }
  .advert-page .advert-items:not(.view_mode_list) .advert-item__description { display: none !important; }
  .advert-page .advert-items:not(.view_mode_list) .advert-item__more-info {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
  }
  .advert-page .advert-items:not(.view_mode_list) .advert-item__more-info .advert-item__more-item {
    width: 100%;
  }
  .advert-page .advert-item__status { display: flex !important; flex-direction: column; align-items: flex-start; padding: 0 !important; gap: 2px; margin-top: 6px; }
  .advert-page .advert-items:not(.view_mode_list) .advert-item__status { flex-direction: row; align-items: center; justify-content: space-between; }
  .advert-page .advert-item__price { font-size: 16px !important; font-weight: 700 !important; display: block; order: unset; }
  .advert-page .advert-item__contacts-shop { display: none !important; }
  .advert-page .advert-item__city { font-size: 11px !important; color: #718096 !important; display: block !important; padding: 0 32px 0 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; }
  .advert-page .advert-item__city svg { display: none; }
  .advert-page .advert-item__contacts-phone { font-size: 11px !important; padding: 4px 8px; border-radius: 6px; background: #EAF7F1; font-weight: 600; text-align: center; }
  .advert-page .advert-item__contacts-phone a { color: #43B37D !important; text-decoration: none; display: block; line-height: 1; }
  .advert-page .advert-item__contacts-phone svg { display: none; }
  .advert-page .advert-item__controls { position: absolute !important; top: 12px !important; right: 12px !important; padding: 0 !important; z-index: 2; }
  .advert-page .advert-item__favorites { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background: none !important; border: none !important; }
  .advert-page .advert-item__favorites svg { width: 20px; height: 20px; stroke: #A0ABC0; stroke-width: 1.5 !important; }
  .advert-page .advert-item__favorites.active svg { stroke: #ee5369; fill: #ee5369; }
}

.ai-panel__head{
  padding:16px 20px;border-bottom:1px solid #F0F2F5;
  display:flex;align-items:center;gap:12px;background:#fff;
  flex-shrink:0;
}
.ai-panel__avatar{
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg,#43B37D,#2E9E6B);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.ai-panel__avatar svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}
.ai-panel__title{font-weight:700;font-size:15px;color:#121212}
.ai-panel__subtitle{font-size:12px;color:#43B37D;display:flex;align-items:center;gap:4px}
.ai-panel__subtitle::before{content:'';width:6px;height:6px;border-radius:50%;background:#43B37D;animation:pulse 1.5s infinite}
.ai-panel__close{margin-left:auto;width:32px;height:32px;border:none;background:#F3F4F5;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}
.ai-panel__close:hover{background:#E9ECEF}
.ai-panel__close svg{width:16px;height:16px;stroke:#718096;fill:none;stroke-width:2}
.ai-panel__messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px;background:#FAFBFC}
.ai-msg{max-width:90%}
.ai-msg--bot{align-self:flex-start}
.ai-msg--user{align-self:flex-end}
.ai-msg__bubble{padding:12px 16px;border-radius:14px;font-size:13px;line-height:1.55;font-family:var(--gs-font)}
.ai-msg--bot .ai-msg__bubble{background:#fff;border:1px solid #E9ECEF;color:#121212;border-radius:4px 14px 14px 14px}
.ai-msg--user .ai-msg__bubble{background:#43B37D;color:#fff;border-radius:14px 4px 14px 14px}
.ai-panel__input-area{padding:16px;border-top:1px solid #F0F2F5;background:#fff;flex-shrink:0}
.ai-panel__chips{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.ai-chip{background:#EAF7F1;color:#43B37D;border:none;border-radius:100px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--gs-font)}
.ai-chip:hover{background:#43B37D;color:#fff}
.ai-panel__input-row{display:flex;gap:8px}
.ai-panel__input{flex:1;border:1.5px solid #E9ECEF;border-radius:10px;padding:10px 14px;font-size:13px;outline:none;font-family:var(--gs-font);transition:border-color .15s;resize:none;height:42px}
.ai-panel__input:focus{border-color:#43B37D}
.ai-panel__send{background:#43B37D;border:none;border-radius:10px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}
.ai-panel__send:hover{background:#359966}
.ai-panel__send svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2.2}

@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}

/* ── FOOTER ── */
.gs-footer{background:#F8F9FA!important;border-top:1px solid #DDE0E5!important;padding:44px 0 24px!important;display:block!important;margin:0!important}
.gs-footer .container{display:grid!important;grid-template-columns:240px 1fr 1fr 1fr!important;gap:36px!important}
.gs-footer-desc{font-size:13px!important;line-height:1.6!important;color:#718096!important;font-family:var(--gs-font)!important}
.gs-footer-col h4{color:#121212!important;font-size:14px!important;font-weight:700!important;margin-bottom:14px!important;font-family:var(--gs-font)!important}
.gs-footer-col a{display:block!important;font-size:13px!important;color:#718096!important;margin-bottom:8px!important;transition:color .15s!important;text-decoration:none!important;font-family:var(--gs-font)!important}
.gs-footer-col a:hover{color:#43B37D!important}
.gs-footer-bottom{border-top:1px solid #DDE0E5!important;margin-top:32px!important;padding-top:18px!important;font-size:12px!important;text-align:center!important;color:#718096!important;font-family:var(--gs-font)!important}

/* --- AI WIDGET --- */
.ai-widget-container { bottom: 24px; }

/* Mobile */
@media(max-width:768px){
  .top-bar{display:none!important}
  .header-car-select { display: flex !important; width: 36px; height: 36px; padding: 0 !important; align-items: center; justify-content: center; font-size: 0 !important; color: var(--text) !important; border-radius: 50%; }
  .header-car-select svg { width: 22px !important; height: 22px !important; margin: 0 !important; }
  .header-actions .fav-link, .header-actions .cart-link { display: flex !important; width: 36px; height: 36px; padding: 0 !important; align-items: center; justify-content: center; font-size: 0 !important; background: transparent !important; color: var(--text) !important; border-radius: 50%; }
  .header-actions .fav-link svg { width: 22px !important; height: 22px !important; margin: 0 !important; }
  .header-actions { margin-left: 6px !important; gap: 6px !important; }
  .header-icon-group { margin-left: auto; gap: 4px !important; flex-wrap: nowrap !important; align-items: center !important; }
  
  /* Header — strict single row on mobile */
  .header .container{flex-wrap:wrap!important;padding:10px 12px!important; box-sizing:border-box!important; width:100%!important; justify-content: flex-start !important; gap: 0 !important;}
  .logo { margin-right: auto; width: auto !important; max-width: 110px !important; min-width: 110px !important; }
  .header-search{order:3!important;width:100%!important;flex:0 0 100%!important;margin-top:10px!important;position:relative!important;}
  /* Fix search input right padding to make room for AI button */
  .header-search input{padding-right:90px!important;}
  .search-input-wrapper{position:relative!important}
  /* Fix AI label — prevent wrapping */
  .header-ai-label{display:flex!important;white-space:nowrap!important;padding:3px 6px!important;}
  .header-ai-label span{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;max-width:none!important;}
  /* ALL icon buttons in header — uniform 36x36 touch targets */
  .header-icon-group a.header-car-select,
  .header-icon-group button.header-car-select,
  .gs-hdr-icon-btn,
  .gs-acct-btn {
    width:36px!important;height:36px!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    font-size:0!important;gap:0!important;border-radius:10px!important;
    border:none!important;text-decoration:none!important;flex-shrink:0!important;
    background:transparent!important;color:#4B5563!important;
  }
  /* Lucide icons — make sure stroke renders, no fill override */
  .header-icon-group svg {
    width:22px!important;height:22px!important;margin:0!important;
    stroke:currentColor!important;
    flex-shrink:0!important;
  }
  /* Account avatar — slightly smaller so button is 36px */
  .gs-acct-btn img{width:28px!important;height:28px!important;border-radius:50%!important;}
  .gs-acct-btn-label{display:none!important;}
  /* Hide text labels inside icon buttons on mobile */
  .gs-hdr-icon-label{display:none!important;}
  /* Completely hide Компании on mobile — desktop-only feature */
  .gs-hdr-companies{display:none!important;}
  /* Mobile-only icons — must be explicitly shown here (overrides global display:none) */
  .gs-hdr-mobile-only{display:flex!important;}

  /* AI dropdown full-screen on mobile */
  .ai-search-dropdown{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-height:none!important;border-radius:0!important;border:none!important;z-index:2000!important;background:#fff!important;padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))!important;box-sizing:border-box!important;}
  .ai-panel__messages{max-height:calc(100vh - 140px)!important;padding-bottom:100px!important;overflow-y:auto!important;}
  
  /* AI Widget on mobile — raised above Позвонить/Написать action bar */
  /* action bar: bottom=84px, height≈74px → top edge ≈158px; we add 12px gap */
  .ai-widget-container{bottom:80px!important;right:16px!important}
  .ai-widget-container .ai-floating-btn{padding:10px!important;border-radius:50%!important}
  .ai-widget-container .ai-floating-text{display:none!important}
  
  /* Fix AI popup modal on mobile */
  #ai-chat-popup{
      position: fixed !important;
      top: 16px !important;
      bottom: calc(64px + env(safe-area-inset-bottom, 0px) + 16px) !important;
      right: 12px !important;
      left: 12px !important;
      width: auto !important;
      height: auto !important;
      max-height: none !important;
  }
  .btn-add{padding:0!important;width:36px!important;height:36px!important;font-size:0!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;display:flex!important;}
  .btn-add .btn-label{display:none!important}
  /* Green add button — Lucide stroke icon on white */
  .gs-hdr-add-btn{width:36px!important;height:36px!important;padding:0!important;border-radius:10px!important;background:#43B37D!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;text-decoration:none!important;font-size:0!important;}
  .gs-hdr-add-btn svg{width:20px!important;height:20px!important;stroke:#fff!important;fill:none!important;stroke-width:2.5!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex-shrink:0!important;display:block!important;}
  /* Auth modal — mobile fix */
  #need_auth .modal-dialog{margin:4vh 12px 0!important;max-width:calc(100% - 24px)!important;width:auto!important;}
  #need_auth .modal-body{padding:24px 24px 32px!important;}
  #need_auth .modal-header{padding:32px 24px 8px!important;}
  .sec-nav__catalog span{display:none!important;}
  .sec-nav__catalog::after{content:"Каталог"!important;font-size:13px!important;font-weight:600!important;color:#fff!important;font-family:var(--gs-font)!important;display:block!important;line-height:1!important;}
  .gs-footer .container{grid-template-columns:1fr!important;gap:20px!important}
  .gs-card__side{display:none}
  .ai-panel{width:100%}
  .ai-panel-trigger{right:12px;bottom:76px}

  /* Revert sticky logic as per user request */
  .sec-nav__links{gap:0!important; min-width: 0!important;}
  .sec-nav__links a{padding:8px 8px!important;font-size:12px!important;white-space:nowrap!important;}
  /* Align sec-nav left edge with logo (header container uses padding-left:12px) */
  .sec-nav .container{padding-left:12px!important;padding-right:0!important;}
  .sec-nav__catalog-wrap{width: 120px!important;}
  .sec-nav__catalog{padding: 8px 0!important; gap: 4px!important;}
  .sec-nav__catalog svg{width: 15px!important; height: 15px!important;}
}

/* === Very small phones (S25, SE, <400px) === */
@media(max-width:400px){
  .logo{max-width:95px!important; min-width:95px!important;}
  .header-icon-group{gap:2px!important;}
  .header-car-select.gs-hdr-icon-btn,
  .gs-hdr-icon-btn{width:32px!important;height:32px!important;}
  .gs-acct-btn{width:32px!important;height:32px!important;}
  .gs-hdr-add-btn{width:32px!important;height:32px!important;border-radius:9px!important;}
  .gs-hdr-add-btn svg{width:18px!important;height:18px!important;}
  .header-car-select.gs-hdr-icon-btn svg,
  .gs-hdr-icon-btn svg{width:18px!important;height:18px!important;}
  .gs-acct-btn svg,.gs-acct-btn img{width:22px!important;height:22px!important;}

  /* Make advert gallery cards look better */
  .advert-page .advert-item{min-height:auto!important;}
  .advert-page .advert-item .card-body{min-height:100px!important;}
}
@media(max-width: 991px) {
  .logo { width: auto !important; max-width: 140px !important; min-width: 140px !important; }
}
@media(max-width: 768px) {
  .catalog-dropdown {
    width: 100vw !important;
    left: -15px !important;
    grid-template-columns: repeat(2, 1fr) !important;
    max-height: 480px !important;
    overflow-y: auto !important;
    border-radius: 0 0 16px 16px !important;
  }
}

/* ── MOBILE COLLAPSIBLE FILTER ── */
@media(max-width: 991px) {
  /* Sidebar becomes full-width row above results */
  .col-lg-3 {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
    padding-bottom: 0 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  .col-lg-9 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Filter card — collapsed by default */
  .card.advert-filter {
    border-radius: 12px !important;
    margin-bottom: 12px !important;
    border: 1px solid #DDE0E5 !important;
    overflow: hidden !important;
  }
  .card.advert-filter .card-body {
    padding: 0 !important;
  }

  /* Header row with toggle */
  .advert-filter__name {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    margin: 0 !important;
    border-bottom: none !important;
    user-select: none !important;
  }
  .advert-filter__name::after {
    content: '' !important;
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    border-right: 2px solid #43B37D !important;
    border-bottom: 2px solid #43B37D !important;
    transform: rotate(45deg) !important;
    margin-top: -4px !important;
    transition: transform .2s !important;
    flex-shrink: 0 !important;
  }

  /* The items body — collapsed = 0 height */
  .advert-filter__items,
  .advert-filter__button {
    display: none !important;
    padding: 0 16px !important;
  }

  /* Expanded state via JS class */
  .advert-filter--open .advert-filter__items {
    display: block !important;
    padding: 16px 16px 8px !important;
    border-top: 1px solid #F0F2F5 !important;
  }
  .advert-filter--open .advert-filter__button {
    display: block !important;
    margin: 8px 16px 16px !important;
    width: calc(100% - 32px) !important;
    padding: 10px !important;
  }
  .advert-filter--open .advert-filter__name {
    border-bottom: 1px solid #F0F2F5 !important;
  }
  .advert-filter--open .advert-filter__name::after {
    transform: rotate(-135deg) !important;
    margin-top: 4px !important;
  }

  /* Filter items compact on mobile */
  .advert-filter__item {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
  }
  .advert-filter__item-checkbox {
    margin-bottom: 4px !important;
  }

  /* Remove sticky sidebar on mobile */
  .col-lg-3 { position: static !important; }
}

/* ── FIX: remove ghost gap before Новые объявления ── */
.bg_grean::before { display: none !important; }
.section_new_ads { margin-top: 0 !important; padding-top: 0 !important; }
@media (max-width: 768px) {
  .section_new_ads { padding-top: 30px !important; }
  .section_new_ads .advert-items { padding-bottom: 10px !important; }
  .price_list.in_main .advert-items { padding-bottom: 10px !important; }
  
  .section_dopcatalog .section_title.flex-row {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .section_dopcatalog .section_title.flex-row > span:first-child {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .section_dopcatalog .section_title.flex-row .dop_info {
    margin-left: 0 !important;
    margin-top: 10px;
  }
  
  .price-sort-panel a {
    padding: 0.5rem 1rem !important;
    font-size: 13px !important;
  }

  .pagination-wrap {
    margin-top: 10px !important;
  }
  .pagination-wrap #view_more_button {
    margin-top: 0 !important;
  }
  
  .advert-page .advert-item__contacts-phone {
    text-align: left !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  .advert-page .advert-item__contacts-phone .advert-item__phone-button {
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }
  .advert-page .advert-item__contacts-phone .advert-item__phone-icon {
    display: none !important;
  }
  .advert-page .advert-item__contacts-phone .advert-item__phone-text {
    align-items: flex-start !important;
    text-align: left !important;
  }
  .advert-page .advert-item__contacts-phone .advert-item__phone-value {
    color: #121212 !important;
    font-size: 13px !important;
  }
  .advert-page .advert-item__contacts-phone .advert-item__phone-accent {
    color: #43B37D !important;
    font-size: 11px !important;
  }
}

/* ── MOBILE STICKY ACTION BAR (Product View) ── */
.gs-mobile-action-bar {
    display: none; /* Hidden on desktop */
}

@media (max-width: 991px) {
    .gs-mobile-action-bar {
        display: block;
        position: fixed;
        bottom: calc(64px + env(safe-area-inset-bottom, 0px)); /* Flush with bottom nav */
        left: 0;
        right: 0;
        background: #fff;
        box-shadow: 0 -8px 24px rgba(0,0,0,0.12);
        padding: 12px 20px 32px 20px; /* Extra 20px padding-bottom clears the '+' circle protrusion */
        z-index: 2100 !important; /* Above bottom nav (1000) and other layers */
        border-top: 1px solid #EAECF0;
        border-radius: 16px 16px 0 0;
        animation: slideUpSticky 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }
}

@keyframes slideUpSticky {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

.gs-mobile-action-bar .btn-sticky-msg {
    border-radius: 14px !important;
    font-weight: 700 !important;
    padding: 16px 20px !important;
    background: #43B37D !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(67, 179, 125, 0.25);
    flex: 1 1 0% !important; /* Force equal stretching */
    font-size: 16px !important;
    text-align: center !important;
    cursor: pointer;
    display: block !important;
    white-space: nowrap;
}

.gs-mobile-action-bar .btn-sticky-call {
    border-radius: 14px !important;
    font-weight: 700 !important;
    padding: 16px 20px !important;
    border: 2px solid #43B37D !important;
    color: #43B37D !important;
    background: #fff !important;
    flex: 1 1 0% !important; /* Force equal stretching */
    text-align: center !important;
    text-decoration: none !important;
    font-size: 16px !important;
    display: block !important;
    white-space: nowrap;
    /* ── PULSE GLOW ANIMATION ── */
    animation: callPulse 2s ease-in-out infinite;
    position: relative;
}

/* Call button pulse = border glow */
@keyframes callPulse {
    0%   { box-shadow: 0 0 0 0   rgba(67, 179, 125, 0.55); }
    50%  { box-shadow: 0 0 0 8px rgba(67, 179, 125, 0); }
    100% { box-shadow: 0 0 0 0   rgba(67, 179, 125, 0); }
}

/* stretch the actions row to fill full width */
.gs-mobile-action-bar .sticky-actions {
    flex: 1 !important;
    gap: 10px !important;
}

@media (max-width: 360px) {
    .sticky-price b { font-size: 16px !important; }
    .btn-sticky-msg, .btn-sticky-call { padding: 10px 12px !important; min-width: 90px; font-size: 13px !important; }
}

/* ── MOBILE FILTER DRAWER (High Priority) ── */
@media (max-width: 1023px) {
    #filter__absolute_search {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: #fff !important;
        z-index: 9999 !important; /* Top-most layer */
        flex-direction: column !important;
        padding: 0 !important;
        border: none !important;
        margin: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        overflow: hidden !important;
    }

    /* jQuery slideToggle override */
    #filter__absolute_search[style*="display: block"],
    #filter__absolute_search[style*="display:block"] {
        display: flex !important;
    }

    .mobile-drawer-header {
        flex-shrink: 0;
        background: #fff;
    }

    .filter-drawer-footer {
        flex-shrink: 0;
        background: #fff;
    }

    /* Modern filter trigger (mobile only) */
    .btn-filter_search {
        background: #43B37D !important;
        border: none !important;
        border-radius: 12px !important;
        padding: 10px 14px !important;
        box-shadow: 0 4px 10px rgba(67, 179, 125, 0.2) !important;
        margin-right: 10px !important;
    }
}

/* ── VISUAL POLISH: PREMIUM ITEM CARDS ── */
.cart--itm {
    border: 1px solid #EAECF0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    background: #fff !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
}

.cart--itm:active {
    transform: scale(0.97) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
}

.cart--itm .cart--itm_box-img img {
    border-radius: 16px !important;
    margin: 10px !important;
    width: calc(100% - 20px) !important;
    transition: transform 0.5s ease;
}

.cart--itm:hover .cart--itm_box-img img {
    transform: scale(1.05);
}

@media (min-width: 1024px) {
    .advert-items_wide:not(.view_mode_list) .advert-item__img-box__img,
    .advert-items_wide:not(.view_mode_list) .advert-item__img-box,
    .view_mode_gallery .advert-item__img-box__img,
    .view_mode_gallery .advert-item__img-box,
    .cart--itm .cart--itm_box-img img,
    .new--cart .new--cart_box-img img {
        height: 192px !important;
        object-fit: cover !important;
    }
}

.cart--itm_title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #101828 !important;
    line-height: 1.4 !important;
    margin-top: 4px !important;
}

.new--cart_price, .cart--price {
    color: #43B37D !important;
    font-weight: 800 !important;
    font-size: 19px !important;
    letter-spacing: -0.5px !important;
}

.cart--sity {
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}
.cart--itm_inner, .new--cart_inner {
    padding: 0 14px 14px !important;
}

.cart--itm_details, .new--cart_details {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cart--itm_text, .new--cart_text {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #475467 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cart--itm_type, .new--cart_type {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #98A2B3 !important;
}

.cart--itm_status, .new--cart_status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px 6px !important;
}

.cart--favorites, .new--cart_favorites {
    cursor: pointer;
    transition: all 0.2s;
    color: #D0D5DD;
}

.cart--favorites:hover, .new--cart_favorites:hover {
    color: #F04438;
}

.cart--favorites.active, .new--cart_favorites.active {
    color: #F04438;
}

/* Header Cleanup */
@media (max-width: 768px) {
    .header .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
        gap: 8px !important;
    }
    
    .logo-text { font-size: 18px !important; }
}

/* --- SPLIT REGISTRATION LAYOUT --- */
.split-register-wrapper {
  display: flex;
  min-height: calc(100vh - 80px); /* header offset */
  background-color: #F8F9FA;
  align-items: stretch;
}
.split-register-form-side {
  width: 40%;
  min-width: 450px;
  padding: 60px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #FFF;
}
.split-register-image-side {
  flex: 1;
  background: url('/img/reg-cover.png') no-repeat center center;
  background-size: cover;
  position: relative;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  margin: 20px 20px 20px 0;
  box-shadow: -10px 0 30px rgba(0,0,0,0.05);
}

.split-register-form-side .page-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1A1A1A;
}
.split-register-form-side .page-subtitle {
  color: #8C8C8C;
  font-size: 16px;
  margin-bottom: 40px;
}

.split-register-form-side .form-group {
  margin-bottom: 24px;
}
.split-register-form-side .form__label {
  display: flex;
  align-items: center;
  background-color: #F8F9FA !important;
  border-radius: 12px !important;
  padding: 0 20px;
  height: 56px;
  width: 100%;
  transition: all 0.3s ease;
  border: 1px solid #EAECF0 !important;
}
.split-register-form-side .form__label:focus-within {
  background-color: #FFF !important;
  border-color: var(--green) !important;
  box-shadow: 0 0 0 4px rgba(67, 178, 125, 0.1) !important;
}
.split-register-form-side .form__icon {
  width: 20px;
  height: 20px;
  color: #999;
  margin-right: 12px;
  flex-shrink: 0;
}
.split-register-form-side .form__icon svg {
  width: 100%; height: 100%;
}
.split-register-form-side .form-control.form__input {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  height: 100%;
  padding: 0;
  font-weight: 500;
  font-size: 18px;
  width: 100%;
  color: #1A1A1A;
  border-radius: 0 !important;
}

.split-register-form-side .form-control.form__input:-webkit-autofill,
.split-register-form-side .form-control.form__input:-webkit-autofill:hover, 
.split-register-form-side .form-control.form__input:-webkit-autofill:focus, 
.split-register-form-side .form-control.form__input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px transparent inset !important;
    transition: background-color 5000s ease-in-out 0s;
}

.split-register-form-side .btn--green.is-orange {
  border-radius: 12px !important;
  height: 56px;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 8px 20px rgba(67, 178, 125, 0.25);
  cursor: pointer;
  border: none;
}

/* User Type Pills */
.split-register-form-side .form_user-type {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  background: transparent !important;
  border: none !important;
  height: auto !important;
  border-radius: 0 !important;
}
.split-register-form-side .form_user-type .modal-radio {
  flex: 1;
  position: relative;
  cursor: pointer;
  margin: 0;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  height: auto !important;
}
.split-register-form-side .form_user-type .modal-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.split-register-form-side .form_user-type .modal-radio span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 20px;
  background-color: #F8F9FA !important;
  border-radius: 12px !important;
  font-weight: 600;
  font-size: 14px;
  color: #6B7280;
  border: 1px solid #EAECF0 !important;
  transition: all 0.2s;
  height: 100%;
  width: 100%;
}
.split-register-form-side .form_user-type .modal-radio input:checked ~ span {
  background-color: var(--green) !important;
  border-color: var(--green) !important;
  color: #FFF !important;
  box-shadow: 0 4px 12px rgba(67, 178, 125, 0.25) !important;
}

.split-register-form-side .checkBox__label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}
.split-register-form-side .checkBox__label input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--green);
  opacity: 1 !important;
  position: static !important;
  display: block !important;
}
.split-register-form-side .checkbox_text {
  font-size: 13px;
  color: #666;
  line-height: 1.4;
  margin: 0;
}
.split-register-form-side .checkbox_text a {
  color: var(--text);
  font-weight: 600;
  text-decoration: underline;
}

/* Social Buttons Stub */
.social-login-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 24px;
}
.social-login-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  border: 1px solid #E5E7EB;
  border-radius: 100px;
  background: white;
  color: #374151;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
}
.social-login-btn:hover {
  background: #F9FAFB;
  border-color: #D1D5DB;
}
.social-login-btn svg {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

.split-register-footer {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #6B7280;
}
.split-register-footer a {
  color: #111827;
  font-weight: 600;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .split-register-footer {
    flex-direction: column;
    gap: 16px;
    padding-bottom: 100px;
    align-items: center;
    justify-content: center;
  }
}

/* Responsive constraints */
@media (max-width: 991px) {
  .split-register-wrapper {
    flex-direction: column;
  }
  .split-register-form-side {
    width: 100%;
    min-width: 100%;
    padding: 40px 20px;
  }
  .split-register-image-side {
    display: none;
  }
}

/* Price-list modern search bar */
.section_search_price_lists .form-group--first {
    display: flex;
    align-items: center;
    background: #43B37D;
    border-radius: 100px;
    padding: 6px;
    box-sizing: border-box;
    width: 100%;
}
.section_search_price_lists .btn__filter {
    background: #F47C56 !important;
    border-radius: 100px !important;
    width: 48px;
    height: 48px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}
.section_search_price_lists .box_search__form {
    display: flex;
    flex: 1;
    align-items: center;
    background: #fff;
    border-radius: 100px;
    padding-right: 6px;
}
.section_search_price_lists .input--search {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    height: 48px !important;
    outline: none !important;
    padding-left: 20px !important;
    font-size: 15px;
    color: #121212;
    flex: 1;
}
.section_search_price_lists .box_search-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
}
.section_search_price_lists .box_search-buttons .btn--search-price {
    background: #43B37D !important;
    border-radius: 100px !important;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.section_search_price_lists .btn--clear {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
}
.section_search_price_lists .btn--clear svg path {
    stroke: white;
}

/* Force override Chrome/Safari blue autofill pills */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 100px #F4F5F7 inset !important;
    -webkit-text-fill-color: #1a202c !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    transition: none !important;
}

.split-register-form-side input:-webkit-autofill,
.split-register-form-side input:-webkit-autofill:hover,
.split-register-form-side input:-webkit-autofill:focus,
.user-default-login input:-webkit-autofill,
.user-default-login input:-webkit-autofill:hover,
.user-default-login input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #F8F9FA inset !important;
    -webkit-text-fill-color: #1a202c !important;
    border-radius: 0 !important;
}

/* ══════════════════════════════════════════════
   SELLERS CARDS — merged: sellers.css structure + new-design visuals
   ══════════════════════════════════════════════ */

.sellers-cards--grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px !important;
}

/* Оболочка: структура базового sellers.css, визуал new-design */
.sellers-card {
    background: #ffffff !important;
    border: 1px solid #E9ECEF !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.05) !important;
    transition: all 0.2s ease !important;
    overflow: hidden !important;
}
.sellers-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
    border-color: #B8E3D0 !important;
}

/* Media: размеры из sellers.css base (160px), фон из new-design */
.sellers-card--grid .sellers-card__media {
    background: #F8FAFC !important;
    border-bottom: 1px solid #F0F2F5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    height: 140px !important;
    width: 100% !important;
}

.sellers-card .sellers-card__media img {
    transition: transform 150ms ease !important;
}
.sellers-card--grid .sellers-card__media img {
    width: auto !important;
    height: 100% !important;
    max-width: 90% !important;
    object-fit: contain !important;
}
.sellers-card:hover .sellers-card__media img {
    transform: scale(1.04) !important;
}

/* Main: padding совпадает с card-level из sellers.css base */
.sellers-card__main {
    padding: 0 !important;
}

/* Title: размер из sellers.css base (16px/600) */
.sellers-card__title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #121212 !important;
    line-height: 1.25 !important;
    margin-bottom: 8px !important;
    text-decoration: none !important;
}
.sellers-card__title:hover {
    color: #43B37D !important;
}

/* Meta: компактный вариант из sellers.css base */
.sellers-card__meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin-bottom: 10px !important;
}
.sellers-card__meta-item {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #718096 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}
.sellers-card__meta-icon { color: #aaa !important; }
.sellers-card__meta-icon svg { width: 16px !important; height: 16px !important; }

/* Description: фиксированная высота 46px, обрезка с многоточием */
.sellers-card__description {
    color: #718096 !important;
    font-size: 14px !important;
    line-height: 23px !important;
    height: 46px !important;
    margin-bottom: 12px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
}

/* Tags: new-design пилюли */
.sellers-card__tags {
    margin-top: auto !important;
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    padding-top: 8px !important;
}
.sellers-card__tag {
    display: inline-flex;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 10px !important;
    border-radius: 100px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.sellers-card__tag--green { background: #EAF7F1 !important; color: #43B37D !important; }
.sellers-card__tag--orange { background: #FFF3E0 !important; color: #E65100 !important; }
.sellers-card__tag--blue { background: #EBF5FF !important; color: #1cace8 !important; }
.sellers-card__tag-icon { display: inline-flex !important; height: 16px !important; width: 16px !important; }
.sellers-card__tag-icon svg { width: 16px !important; height: 16px !important; }

/* Actions-панель: new-design фон + разделители */
.sellers-card__actions {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
}

/* Action-кнопка */
.sellers-card__action {
    flex: 1 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    transition: color 0.15s !important;
    color: #334155 !important;
    text-align: center !important;
    text-decoration: none !important;
    min-height: auto !important;
    width: auto !important;
}

/* Action-иконки: 28px одинаково для всех типов (бьём 44px из sellers.css base через спец-ть) */
.sellers-card .sellers-card__action-icon,
.sellers-card--list .sellers-card__action-icon,
.sellers-card--grid .sellers-card__action-icon,
.sellers-card .sellers-card__action-icon.is-green,
.sellers-card .sellers-card__action-icon.is-orange,
.sellers-card .sellers-card__action-icon.is-gray,
.sellers-card--list .sellers-card__action-icon.is-green,
.sellers-card--list .sellers-card__action-icon.is-orange,
.sellers-card--list .sellers-card__action-icon.is-gray,
.sellers-card--grid .sellers-card__action-icon.is-green,
.sellers-card--grid .sellers-card__action-icon.is-orange,
.sellers-card--grid .sellers-card__action-icon.is-gray {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.15s !important;
    padding: 0 !important;
    transform: none !important;
}
.sellers-card .sellers-card__action-icon.is-green,
.sellers-card--list .sellers-card__action-icon.is-green,
.sellers-card--grid .sellers-card__action-icon.is-green {
    background: #EAF7F1 !important; color: #43B37D !important;
}
.sellers-card .sellers-card__action-icon.is-orange,
.sellers-card--list .sellers-card__action-icon.is-orange,
.sellers-card--grid .sellers-card__action-icon.is-orange {
    background: #FFF3E0 !important; color: #E65100 !important;
}
.sellers-card .sellers-card__action-icon.is-gray,
.sellers-card .sellers-card__action-icon.is-gray.is-info,
.sellers-card--list .sellers-card__action-icon.is-gray,
.sellers-card--grid .sellers-card__action-icon.is-gray {
    background: #F1F5F9 !important; color: #64748B !important;
}
.sellers-card .sellers-card__action:hover .sellers-card__action-icon.is-green,
.sellers-card--list .sellers-card__action:hover .sellers-card__action-icon.is-green,
.sellers-card--grid .sellers-card__action:hover .sellers-card__action-icon.is-green {
    background: #43B37D !important; color: #fff !important;
}
.sellers-card .sellers-card__action:hover .sellers-card__action-icon.is-orange,
.sellers-card--list .sellers-card__action:hover .sellers-card__action-icon.is-orange,
.sellers-card--grid .sellers-card__action:hover .sellers-card__action-icon.is-orange {
    background: #F59E0B !important; color: #fff !important;
}
.sellers-card .sellers-card__action:hover .sellers-card__action-icon.is-gray,
.sellers-card--list .sellers-card__action:hover .sellers-card__action-icon.is-gray,
.sellers-card--grid .sellers-card__action:hover .sellers-card__action-icon.is-gray {
    background: #64748B !important; color: #fff !important;
}

/* Grid: лёгкий зум иконки при hover/focus */
.sellers-card--grid .sellers-card__action:hover .sellers-card__action-icon,
.sellers-card--grid .sellers-card__action:focus-visible .sellers-card__action-icon {
    transform: scale(1.06) !important;
}

.sellers-card__action-icon svg,
.sellers-card--grid .sellers-card__action-icon svg,
.sellers-card--list .sellers-card__action-icon svg {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}

/* Action-текст */
.sellers-card__action-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    min-width: 0 !important;
}
.sellers-card__phone-value {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #121212 !important;
}
.sellers-card__phone-accent {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #43B37D !important;
}

/* LIST VIEW (desktop): сохраняем CSS grid из sellers.css base */
@media (min-width: 992px) {
    .sellers-card--list {
        display: grid !important;
        grid-template-columns: 160px minmax(0, 1fr) auto !important;
        gap: 20px !important;
        align-items: stretch !important;
        padding: 16px !important;
        min-height: auto !important;
    }
    .sellers-card--list .sellers-card__media {
        width: 160px !important;
        min-width: 160px !important;
        height: auto !important;
        align-self: stretch !important;
        border-bottom: none !important;
        border-right: 1px solid #F0F2F5 !important;
        background: #F8FAFC !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 12px !important;
    }
    .sellers-card--list .sellers-card__main {
        min-width: 0 !important;
        align-self: center !important;
    }
    /* actions: прибиты к правому краю карточки */
    .sellers-card--list .sellers-card__actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 200px !important;
        min-width: 200px !important;
        justify-self: end !important;
        align-self: center !important;
        margin-left: auto !important;
        gap: 12px !important;
    }
    .sellers-card--list .sellers-card__action {
        flex: 0 0 auto !important;
        width: 100% !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        text-align: left !important;
        gap: 10px !important;
    }
    .sellers-card--list .sellers-card__action-text { align-items: flex-start !important; }
}

/* GRID VIEW (≥768px): action = только иконка, без текста и без info-кнопки */
@media (min-width: 768px) {
    .sellers-card--grid .sellers-card__action {
        flex: 0 0 auto !important;
        width: 28px !important;
        min-height: 28px !important;
        flex-direction: row !important;
        gap: 0 !important;
        padding: 0 !important;
    }
    .sellers-card--grid .sellers-card__action-text {
        display: none !important;
    }
}

/* MOBILE: компактная горизонтальная карточка */
@media (max-width: 767px) {
    .sellers-card--list,
    .sellers-card--grid {
        display: grid !important;
        grid-template-columns: 64px minmax(0, 1fr) !important;
        align-items: flex-start !important;
        gap: 12px 14px !important;
        min-height: auto !important;
        padding: 14px !important;
    }
    .sellers-card--list .sellers-card__media,
    .sellers-card--grid .sellers-card__media {
        height: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        flex: 0 0 64px !important;
        border-radius: 10px !important;
        border: 1px solid #EAECF0 !important;
        border-bottom: 1px solid #EAECF0 !important;
        border-right: none !important;
        overflow: hidden !important;
        padding: 6px !important;
        align-self: flex-start !important;
        background: #F8FAFC !important;
    }
    .sellers-card--grid .sellers-card__main,
    .sellers-card--list .sellers-card__main {
        align-items: flex-start !important;
        text-align: left !important;
    }
    .sellers-card__actions--list,
    .sellers-card__actions--short,
    .sellers-card--list .sellers-card__actions,
    .sellers-card--grid .sellers-card__actions {
        width: 100% !important;
        min-width: auto !important;
        grid-column: 1 / -1 !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 12px !important;
        height: auto !important;
        margin-top: 4px !important;
    }
    .sellers-card--grid .sellers-card__action,
    .sellers-card--list .sellers-card__action {
        flex: 1 !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: none !important;
    }
    .sellers-card--grid .sellers-card__action-text,
    .sellers-card--list .sellers-card__action-text {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    .sellers-card--grid .sellers-card__action-icon,
    .sellers-card--list .sellers-card__action-icon,
    .sellers-card__action-icon.is-green,
    .sellers-card__action-icon.is-orange,
    .sellers-card__action-icon.is-gray {
        width: 24px !important; height: 24px !important;
        min-width: 24px !important; min-height: 24px !important;
        border-radius: 6px !important;
        padding: 0 !important;
    }
    .sellers-card__action-text { font-size: 10px !important; }
    .sellers-card__phone-value { font-size: 11px !important; }
    .sellers-card__phone-accent { font-size: 9px !important; }
}

/* SELLERS COMPANY SEARCH — стиль как у #main-search (.header-search) */
.sellers-company-search {
    background: #fff !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transition: border-color .15s, box-shadow .15s !important;
}
.sellers-company-search:focus-within {
    border-color: var(--green) !important;
    box-shadow: 0 0 0 3px rgba(67,179,125,.12) !important;
}
.sellers-company-search__input {
    font-family: var(--font) !important;
    color: var(--text) !important;
}
.sellers-company-search__input::placeholder {
    color: #aaa !important;
}
.sellers-company-search__icon {
    background: var(--green) !important;
    border-radius: 6px !important;
    transition: background .15s !important;
}
.sellers-company-search__icon:hover {
    background: var(--green-h) !important;
}
.sellers-company-search__icon svg {
    stroke-width: 2.2 !important;
}
.sellers-company-search__reset {
    background: #fff !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 8px !important;
    color: var(--muted) !important;
}
.sellers-shop-hero {
    position: relative !important;
}

.sellers-shop-hero__action {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    transform: none !important;
    transition: color .15s ease !important;
}

.sellers-shop-hero__action:hover,
.sellers-shop-hero__action:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
}

.sellers-shop-hero__action-icon,
.sellers-shop-hero__action-icon.is-green,
.sellers-shop-hero__action-icon.is-orange,
.sellers-shop-hero__action-icon.is-gray {
    align-items: center !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    flex: none !important;
    height: 40px !important;
    justify-content: center !important;
    min-height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    transition: background-color .15s ease, color .15s ease, transform .15s ease !important;
    width: 40px !important;
}

.sellers-shop-hero__action-icon.is-green {
    background: #EAF7F1 !important;
    color: #43B37D !important;
}

.sellers-shop-hero__action-icon.is-orange {
    background: #FFF3E0 !important;
    color: #E65100 !important;
}

.sellers-shop-hero__action-icon.is-gray {
    background: #F1F5F9 !important;
    color: #64748B !important;
}

.sellers-shop-hero__action:hover .sellers-shop-hero__action-icon.is-green,
.sellers-shop-hero__action:focus-visible .sellers-shop-hero__action-icon.is-green {
    background: #43B37D !important;
    color: #fff !important;
}

.sellers-shop-hero__action:hover .sellers-shop-hero__action-icon.is-orange,
.sellers-shop-hero__action:focus-visible .sellers-shop-hero__action-icon.is-orange {
    background: #F59E0B !important;
    color: #fff !important;
}

.sellers-shop-hero__action:hover .sellers-shop-hero__action-icon.is-gray,
.sellers-shop-hero__action:focus-visible .sellers-shop-hero__action-icon.is-gray {
    background: #64748B !important;
    color: #fff !important;
}

.sellers-shop-hero__action-icon svg {
    height: 20px !important;
    margin: 0 !important;
    width: 20px !important;
}

.sellers-shop-hero__action-text {
    color: var(--text) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

.sellers-shop-hero__action--phone .sellers-shop-hero__action-text {
    align-items: baseline !important;
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
}

.sellers-shop-hero__action--phone .sellers-card__phone-value {
    color: var(--text) !important;
    font-weight: 600 !important;
}

.sellers-shop-hero__action--phone .sellers-card__phone-accent {
    color: var(--green) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.sellers-shop-tabs__button {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    color: #64748b !important;
    text-decoration: none !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease !important;
}

.sellers-shop-tabs__button:hover,
.sellers-shop-tabs__button:focus {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #1e293b !important;
    text-decoration: none !important;
}

.sellers-shop-tabs__button.is-active,
.sellers-shop-tabs__button.is-active:hover,
.sellers-shop-tabs__button.is-active:focus {
    background: #43B37D !important;
    border-color: #43B37D !important;
    box-shadow: 0 4px 12px rgba(67, 179, 125, .3) !important;
    color: #fff !important;
}

.sellers-shop-hero__edit-icon {
    align-items: center !important;
    background: #fff !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 50% !important;
    color: var(--muted) !important;
    display: inline-flex !important;
    height: 36px !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    left: 16px !important;
    position: absolute !important;
    top: 16px !important;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease !important;
    width: 36px !important;
    z-index: 2 !important;
}

.sellers-shop-hero__edit-icon:hover,
.sellers-shop-hero__edit-icon:focus-visible {
    background: var(--green) !important;
    border-color: var(--green) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.sellers-shop-hero__edit-icon-svg {
    align-items: center !important;
    display: inline-flex !important;
    height: 18px !important;
    justify-content: center !important;
    width: 18px !important;
}

.sellers-shop-hero__edit-icon-svg svg {
    height: 18px !important;
    width: 18px !important;
}

.sellers-company-search__reset:hover,
.sellers-company-search__reset:focus {
    background: #f68761 !important;
    border-color: #f68761 !important;
    color: #fff !important;
}