/* Homepage conversion optimizer — structure + UX only */

.homepage-conversion-hidden,
.homepage-conversion-hidden + .section-divider {
  display: none !important;
}

#service-artisans-section.homepage-conversion-hidden {
  display: none !important;
}

.mobile-social-proof {
  display: none;
}

.trust-section {
  padding-top: 14px;
  padding-bottom: 14px;
}

.trust-section-inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

.trust-item {
  min-height: 58px;
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.045);
  border-radius: 16px;
  line-height: 1.35;
}

.how-it-works-section.homepage-conversion-priority .how-subtitle,
.services-section.homepage-conversion-priority .services-subtitle,
.testimonial-section.homepage-conversion-priority .section-header p,
.final-cta.homepage-conversion-priority .subtitle {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.how-it-works-section.homepage-conversion-priority .steps-grid {
  gap: 14px;
}

.how-it-works-section.homepage-conversion-priority .step-card {
  padding: 18px 16px;
  min-height: 0;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.how-it-works-section.homepage-conversion-priority .step-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(0,0,0,.16);
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
}

.how-it-works-section.homepage-conversion-priority .step-card p {
  margin-top: 8px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.services-section.homepage-conversion-priority .category-chips {
  gap: 12px;
}

.services-section.homepage-conversion-priority .service-chip {
  cursor: pointer;
  border-color: rgba(255,255,255,.1);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.services-section.homepage-conversion-priority .service-chip:hover,
.services-section.homepage-conversion-priority .service-chip:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 12px 28px rgba(0,0,0,.16);
  background: rgba(255,255,255,.08);
}

.services-section.homepage-conversion-priority .chip-icon {
  opacity: .95;
}

.results-header-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.results-header-cta-row .btn,
.results-header-cta-row .results-secondary-request-btn {
  min-height: 46px;
  padding: 0 18px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 700;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease, background .2s ease, border-color .2s ease;
}

.results-header-cta-row .btn:hover,
.results-header-cta-row .results-secondary-request-btn:hover {
  transform: translateY(-2px);
}

.results-secondary-request-btn {
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

.results-secondary-request-btn:hover {
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.2);
}

#feed-section.homepage-conversion-priority .feed-grid.conversion-feed-limited > *:nth-child(n+5) {
  display: none !important;
}

.testimonial-section.homepage-conversion-priority .testimonials-grid {
  gap: 16px;
}

.testimonial-section.homepage-conversion-priority .testimonial-card:nth-child(n+4) {
  display: none;
}

.testimonial-section.homepage-conversion-priority .testimonial-quote {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 3.1em;
}

.final-cta.homepage-conversion-priority {
  padding: 38px 22px;
}

.final-cta.homepage-conversion-priority .urgency {
  margin-bottom: 10px;
}

.final-cta-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.final-cta-actions .cta-main,
.final-cta-actions .cta-secondary-alt {
  min-height: 54px;
  padding: 0 22px;
  border-radius: 16px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease, background .2s ease, border-color .2s ease;
}

.final-cta-actions .cta-main:hover,
.final-cta-actions .cta-secondary-alt:hover {
  transform: translateY(-2px);
}

.final-cta-actions .cta-secondary-alt {
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.94);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

.final-cta-actions .cta-secondary-alt:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.22);
}

.final-cta-microtrust {
  margin-top: 14px;
  color: rgba(255,255,255,.78);
  font-size: .92rem;
  font-weight: 600;
}

.footer-quick-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.footer-quick-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.9);
  text-decoration: none;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.footer-quick-actions a:hover {
  transform: translateY(-2px);
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.2);
}

@media (max-width: 900px) {
  .trust-section-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .how-it-works-section.homepage-conversion-priority .step-card p {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .results-header-cta-row,
  .final-cta-actions,
  .footer-quick-actions {
    flex-direction: column;
  }

  .results-header-cta-row .btn,
  .results-header-cta-row .results-secondary-request-btn,
  .final-cta-actions .cta-main,
  .final-cta-actions .cta-secondary-alt,
  .footer-quick-actions a {
    width: 100%;
  }

  .final-cta.homepage-conversion-priority {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 768px) {
  .mobile-social-proof {
    display: block;
    margin: 12px auto 16px;
    padding: 0 18px;
    text-align: center;
    font-weight: 600;
    font-size: 0.98rem;
    color: rgba(255,255,255,.96);
    text-shadow: 0 0 18px rgba(225,48,108,.16);
  }

  .trust-section {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .trust-section .container {
    overflow-x: hidden;
    max-width: 100%;
  }

  .trust-section-inner {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 100%;
  }

  .trust-item {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
    font-size: 0.84rem;
    line-height: 1.25;
    border-radius: 12px;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
  }

  .trust-item:active {
    transform: scale(1.02);
  }

  .trust-item .trust-icon {
    flex: 0 0 auto;
    width: 20px;
    text-align: center;
    font-size: 1rem;
    line-height: 1;
  }

  .trust-item span:last-child {
    display: block;
    min-width: 0;
    flex: 1;
    font-weight: 600;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .trust-item:first-child span:last-child {
    font-weight: 700;
  }

  .services-section.homepage-conversion-priority .container {
    overflow-x: hidden;
    max-width: 100%;
  }

  .services-section.homepage-conversion-priority .category-chips {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    max-width: 100%;
  }

  .services-section.homepage-conversion-priority .service-chip {
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    padding: 12px 10px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
  }

  .services-section.homepage-conversion-priority .service-chip .chip-icon {
    flex: 0 0 auto;
  }

  .services-section.homepage-conversion-priority .service-chip.active,
  .services-section.homepage-conversion-priority .service-chip[aria-pressed="true"] {
    transform: scale(1.05);
    border-color: rgba(255,255,255,.22);
    box-shadow: 0 14px 30px rgba(0,0,0,.18);
  }

  .services-section.homepage-conversion-priority .service-chip:active {
    transform: scale(1.03);
  }

  #feed-section.homepage-conversion-priority .container {
    overflow-x: hidden;
  }

  #feed-section.homepage-conversion-priority .feed-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 2px !important;
    overflow-x: hidden !important;
  }

  #feed-section.homepage-conversion-priority .feed-card,
  #feed-section.homepage-conversion-priority .feed-card.realisation-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    box-sizing: border-box !important;
  }

  #feed-section.homepage-conversion-priority .feed-card:active,
  #feed-section.homepage-conversion-priority .feed-card.realisation-card:active {
    transform: scale(1.02) !important;
  }

  #feed-section.homepage-conversion-priority .feed-card-header,
  #feed-section.homepage-conversion-priority .feed-card-footer {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #feed-section.homepage-conversion-priority .before-after-slider.premium-before-after {
    height: 240px !important;
    border-radius: 16px 16px 0 0 !important;
  }

  #feed-section.homepage-conversion-priority .before-after-slider.premium-before-after .before-img,
  #feed-section.homepage-conversion-priority .before-after-slider.premium-before-after .after-img,
  #feed-section.homepage-conversion-priority .before-after-slider.premium-before-after .ba-panel {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center !important;
  }

  #feed-section.homepage-conversion-priority .realisation-content {
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  #feed-section.homepage-conversion-priority .realisation-content > div[style*="font-weight:700"][style*="font-size:.96rem"] {
    margin-bottom: 0 !important;
    font-size: 0.98rem !important;
    line-height: 1.25 !important;
    color: rgba(255,255,255,.96) !important;
  }

  #feed-section.homepage-conversion-priority .realisation-content .result {
    margin: 0 !important;
    font-size: 0.82rem !important;
    color: #00ffa3 !important;
    font-weight: 700 !important;
  }

  #feed-section.homepage-conversion-priority .realisation-content > div[style*="font-size:.8rem"][style*="margin-bottom:.65rem"] {
    margin-bottom: 0 !important;
    font-size: 0.8rem !important;
    line-height: 1.35 !important;
    color: rgba(255,255,255,.72) !important;
  }

  #feed-section.homepage-conversion-priority .realisation-content > div[style*="display:flex"][style*="flex-wrap:wrap"] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 0 !important;
  }

  #feed-section.homepage-conversion-priority .realisation-content > div[style*="display:flex"][style*="flex-wrap:wrap"] > span {
    font-size: 0.68rem !important;
    line-height: 1.2 !important;
    max-width: 100% !important;
  }

  #feed-section.homepage-conversion-priority .realisation-content .meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 2px !important;
    font-size: 0.75rem !important;
    line-height: 1.25 !important;
    color: rgba(255,255,255,.68) !important;
  }

  #feed-section.homepage-conversion-priority .realisation-content .btn-view {
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 8px !important;
    padding: 12px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    box-shadow: 0 14px 28px rgba(108, 92, 255, 0.22) !important;
  }

  #feed-section.homepage-conversion-priority .feed-card-footer {
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  #feed-section.homepage-conversion-priority .feed-card-footer .feed-action {
    min-height: 38px !important;
  }

  .how-it-works-section.homepage-conversion-priority .container {
    overflow-x: hidden;
  }

  .how-it-works-section.homepage-conversion-priority .how-header {
    margin-bottom: 14px;
  }

  .how-it-works-section.homepage-conversion-priority .steps-grid {
    display: flex;
    flex-direction: column;
    gap: 18px;
    overflow: visible;
    padding: 0;
    width: 100%;
    max-width: 100%;
  }

  .how-it-works-section.homepage-conversion-priority .step-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 14px 14px;
    margin: 0 auto;
    text-align: center;
  }

  .how-it-works-section.homepage-conversion-priority .step-number {
    margin-bottom: 6px;
  }

  .how-it-works-section.homepage-conversion-priority .step-icon {
    margin-bottom: 8px;
  }

  .how-it-works-section.homepage-conversion-priority .step-card h3 {
    margin-bottom: 6px;
    font-size: 0.92rem;
    line-height: 1.25;
    text-align: center;
  }

  .how-it-works-section.homepage-conversion-priority .step-card p {
    margin-top: 0;
    white-space: normal;
    display: block;
    overflow: visible;
    text-overflow: initial;
    font-size: 0.8rem;
    line-height: 1.3;
    text-align: center;
  }
}

/* ==============================================================
   FIXEO v23.0 — Témoignages mobile strict ultra stable (CSS only)
   Objectif: clarté, trust, simplicité sans impact desktop
============================================================== */
@media (max-width: 768px) {
  .testimonial-section {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  .testimonial-section .container,
  .testimonial-section .section-header,
  .testimonial-section .testimonials-grid {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .testimonial-section .testimonials-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding-bottom: 0 !important;
    grid-template-columns: 1fr !important;
    scroll-snap-type: none !important;
    -webkit-overflow-scrolling: auto !important;
  }

  .testimonial-section .testimonial-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
  }

  .testimonial-section .testimonial-card:active {
    transform: scale(1.02) !important;
  }

  .testimonial-section .testimonial-card:nth-child(n+4) {
    display: none !important;
  }

  .testimonial-section .testimonial-stars {
    font-size: 1rem !important;
    line-height: 1 !important;
    letter-spacing: 2px !important;
    margin-bottom: 0 !important;
    color: #FFD700 !important;
  }

  .testimonial-section .trust-badges {
    margin-bottom: 0 !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
    opacity: 0.68 !important;
    color: #4ade80 !important;
  }

  .testimonial-section .testimonial-quote {
    margin-bottom: 0 !important;
    font-size: 0.88rem !important;
    line-height: 1.48 !important;
    color: rgba(255,255,255,0.78) !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 0 !important;
  }

  .testimonial-section .quote-mark {
    font-size: 1.1rem !important;
    margin-right: 4px !important;
    vertical-align: baseline !important;
  }

  .testimonial-section .testimonial-author {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-top: 10px !important;
    margin-top: 0 !important;
    border-top: 1px solid rgba(255,255,255,0.07) !important;
  }

  .testimonial-section .testimonial-author > div:first-child {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: 0.82rem !important;
  }

  .testimonial-section .testimonial-author > div:last-child {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  .testimonial-section .testimonial-author > div:last-child > div:first-child {
    font-size: 0.84rem !important;
    line-height: 1.25 !important;
    color: rgba(255,255,255,0.88) !important;
    font-weight: 700 !important;
  }

  .testimonial-section .testimonial-author > div:last-child > div:last-child {
    font-size: 0.74rem !important;
    line-height: 1.25 !important;
    color: rgba(255,255,255,0.58) !important;
  }

  .testimonial-section,
  .testimonial-section * {
    box-sizing: border-box !important;
  }
}

@media (max-width: 768px) {
  /* HERO MOBILE — strict conversion priority, CSS only */
  .hero-section,
  .hero.hero-section,
  section#home.hero.hero-section {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
    padding-top: 104px !important;
    padding-bottom: 52px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .hero-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
  }

  .hero-content > .hero-title {
    order: 1 !important;
    max-width: 100% !important;
    margin: 0 0 4px !important;
    text-align: center !important;
    font-size: clamp(2rem, 9.4vw, 2.9rem) !important;
    line-height: 1.04 !important;
  }

  .hero-content > .hero-subtitle {
    order: 2 !important;
    max-width: 100% !important;
    margin: 0 0 2px !important;
    padding: 0 4px !important;
    text-align: center !important;
    font-size: 0.98rem !important;
    line-height: 1.58 !important;
  }

  .hero-content > .marketplace-secondary-entry {
    order: 3 !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  .hero-content > #hero-quick-search,
  .hero-content > #hero-quick-search.qsm-inline-host,
  .hero-content > .search-box {
    order: 4 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .btn-secondary-marketplace {
    width: 100% !important;
    min-height: 58px !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    background: linear-gradient(135deg, #E1306C 0%, #833AB4 65%, #405DE6 100%) !important;
    color: #fff !important;
    opacity: 1 !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    box-shadow: 0 12px 26px rgba(225,48,108,0.22), 0 6px 18px rgba(0,0,0,0.14) !important;
    margin-top: 0 !important;
    justify-content: center !important;
  }

  .btn-secondary-marketplace:hover,
  .btn-secondary-marketplace:focus-visible {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 30px rgba(225,48,108,0.24), 0 8px 18px rgba(0,0,0,0.16) !important;
    filter: none !important;
  }

  .marketplace-secondary-copy {
    margin: 0 !important;
    padding: 0 6px !important;
    text-align: center !important;
    font-size: 0.79rem !important;
    line-height: 1.45 !important;
    color: rgba(255,255,255,0.70) !important;
  }

  .qsm-inline-host {
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  .qsm-inline-host .qsm-search-section,
  .qsm-inline-host .qsm-dialog,
  .qsm-inline-host .qsm-bar-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .qsm-inline-host .qsm-bar-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
  }

  .qsm-inline-host .qsm-segment {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    padding: 0 16px !important;
    gap: 10px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    background: rgba(255,255,255,0.045) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,0.10) !important;
    transform: none !important;
  }

  .qsm-inline-host .qsm-segment:not(:last-child) {
    border-right: none !important;
    border-bottom: none !important;
  }

  .qsm-inline-host .qsm-segment-city::after,
  .qsm-inline-host .qsm-seg-divider,
  .qsm-inline-host .qsm-btn-search::after {
    display: none !important;
    content: none !important;
  }

  .qsm-inline-host .qsm-segment:focus-within {
    background: rgba(255,255,255,0.06) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04), 0 0 0 3px rgba(225,48,108,0.08), 0 8px 20px rgba(0,0,0,0.10) !important;
  }

  .qsm-inline-host .qsm-seg-label {
    font-size: 0.64rem !important;
    color: rgba(255,255,255,0.42) !important;
  }

  .qsm-inline-host .qsm-seg-input,
  .qsm-inline-host .qsm-seg-select {
    min-width: 0 !important;
    font-size: 0.92rem !important;
    line-height: 1.28 !important;
  }

  .qsm-inline-host .qsm-btn-search {
    order: 10 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    margin: 2px 0 0 !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    align-self: stretch !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    background: rgba(255,255,255,0.06) !important;
    color: rgba(255,255,255,0.92) !important;
    opacity: 0.92 !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,0.10) !important;
    filter: none !important;
    animation: none !important;
    transform: none !important;
  }

  .qsm-inline-host .qsm-btn-search:hover,
  .qsm-inline-host .qsm-btn-search:focus-visible {
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    box-shadow: 0 10px 22px rgba(0,0,0,0.12) !important;
  }

  .qsm-inline-host .qsm-service-suggestions {
    gap: 8px !important;
    padding-left: 0 !important;
  }

  .qsm-inline-host .qsm-suggestion-chip {
    font-size: 0.72rem !important;
    opacity: 0.78 !important;
  }

  .qsm-inline-host .qsm-filters-row {
    justify-content: flex-start !important;
    gap: 6px !important;
    padding-top: 8px !important;
    margin-top: 0 !important;
    opacity: 0.78 !important;
  }

  .qsm-inline-host .qsm-filters-label {
    width: 100% !important;
    margin-bottom: 2px !important;
    font-size: 0.68rem !important;
    color: rgba(255,255,255,0.38) !important;
  }

  .qsm-inline-host .qsm-qfilter {
    padding: 4px 8px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    font-size: 0.68rem !important;
    color: rgba(255,255,255,0.58) !important;
    background: rgba(255,255,255,0.035) !important;
    border-color: rgba(255,255,255,0.08) !important;
    box-shadow: none !important;
    opacity: 0.74 !important;
  }

  .qsm-inline-host .qsm-qfilter.active {
    background: rgba(255,255,255,0.07) !important;
    border-color: rgba(225,48,108,0.20) !important;
    color: rgba(255,255,255,0.86) !important;
    opacity: 0.9 !important;
  }

  #hero-quick-search *,
  .marketplace-secondary-entry *,
  .hero-content * {
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  /* HERO MOBILE V3 — ultra dominance CTA, stable, CSS only */
  .hero-content > .marketplace-secondary-entry {
    margin-top: 14px !important;
    margin-bottom: 18px !important;
    gap: 6px !important;
  }

  .btn-secondary-marketplace {
    width: 100% !important;
    min-height: 62px !important;
    padding: 18px 20px !important;
    margin-top: 0 !important;
    border-radius: 20px !important;
    font-size: 1.04rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 14px 30px rgba(225,48,108,0.24), 0 8px 20px rgba(0,0,0,0.16) !important;
  }

  .btn-secondary-marketplace:hover,
  .btn-secondary-marketplace:focus-visible {
    box-shadow: 0 16px 34px rgba(225,48,108,0.26), 0 10px 22px rgba(0,0,0,0.18) !important;
  }

  .marketplace-secondary-copy {
    margin-top: 6px !important;
    padding: 0 10px !important;
    text-align: center !important;
    font-size: 0.76rem !important;
    line-height: 1.4 !important;
    color: rgba(255,255,255,0.76) !important;
  }

  .hero-content > #hero-quick-search,
  .hero-content > #hero-quick-search.qsm-inline-host,
  .hero-content > .search-box,
  .qsm-inline-host,
  .qsm-inline-host .qsm-search-section,
  .qsm-inline-host .qsm-dialog,
  .qsm-inline-host .qsm-bar-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  .qsm-inline-host .qsm-bar-card {
    gap: 12px !important;
  }

  .qsm-inline-host .qsm-segment {
    min-height: 54px !important;
    padding: 0 14px !important;
    border-color: rgba(255,255,255,0.08) !important;
    background: rgba(255,255,255,0.038) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.08) !important;
  }

  .qsm-inline-host .qsm-segment:focus-within {
    background: rgba(255,255,255,0.05) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03), 0 0 0 3px rgba(225,48,108,0.07), 0 8px 18px rgba(0,0,0,0.10) !important;
  }

  .qsm-inline-host .qsm-btn-search {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 13px 14px !important;
    margin-top: 4px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    background: rgba(255,255,255,0.05) !important;
    color: rgba(255,255,255,0.90) !important;
    opacity: 0.88 !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.08) !important;
  }

  .qsm-inline-host .qsm-btn-search:hover,
  .qsm-inline-host .qsm-btn-search:focus-visible {
    opacity: 0.96 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,0.10) !important;
  }

  .qsm-inline-host .qsm-filters-row {
    padding-top: 10px !important;
    gap: 6px !important;
    opacity: 0.74 !important;
  }

  .qsm-inline-host .qsm-filters-label {
    font-size: 0.67rem !important;
    color: rgba(255,255,255,0.38) !important;
  }

  .qsm-inline-host .qsm-qfilter {
    min-height: 28px !important;
    padding: 4px 8px !important;
    font-size: 0.67rem !important;
    opacity: 0.72 !important;
  }
}

@media (max-width: 768px) {
  /* HERO MOBILE V4 — polish conversion, CSS only */
  .hero-content > .marketplace-secondary-entry {
    margin-top: 14px !important;
    margin-bottom: 22px !important;
    gap: 7px !important;
  }

  .btn-secondary-marketplace {
    min-height: 64px !important;
    padding: 19px 20px !important;
    font-weight: 850 !important;
    box-shadow: 0 16px 34px rgba(225,48,108,0.26), 0 0 16px rgba(131,58,180,0.10), 0 8px 20px rgba(0,0,0,0.16) !important;
  }

  .btn-secondary-marketplace:hover,
  .btn-secondary-marketplace:focus-visible {
    box-shadow: 0 18px 38px rgba(225,48,108,0.28), 0 0 18px rgba(131,58,180,0.12), 0 10px 22px rgba(0,0,0,0.18) !important;
  }

  .marketplace-secondary-copy {
    margin-top: 7px !important;
    padding: 0 10px !important;
    text-align: center !important;
    font-size: 0.75rem !important;
    line-height: 1.38 !important;
    opacity: 0.8 !important;
  }

  .qsm-inline-host .qsm-bar-card {
    gap: 14px !important;
  }

  .qsm-inline-host .qsm-btn-search {
    min-height: 48px !important;
    padding: 12px 14px !important;
    margin-top: 6px !important;
    opacity: 0.66 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.07) !important;
  }

  .qsm-inline-host .qsm-btn-search:hover,
  .qsm-inline-host .qsm-btn-search:focus-visible {
    opacity: 0.74 !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.09) !important;
  }

  .qsm-inline-host .qsm-filters-row {
    padding-top: 12px !important;
  }
}

@media (max-width: 768px) {
  /* HERO MOBILE V5 — CTA impact + trust boost, CSS only */
  .hero-content > .marketplace-secondary-entry {
    margin-bottom: 24px !important;
    gap: 8px !important;
  }

  .btn-secondary-marketplace {
    min-height: 66px !important;
    padding: 20px 20px !important;
    font-weight: 880 !important;
    box-shadow: 0 18px 36px rgba(225,48,108,0.28), 0 0 18px rgba(131,58,180,0.11), 0 10px 22px rgba(0,0,0,0.16) !important;
  }

  .btn-secondary-marketplace:hover,
  .btn-secondary-marketplace:focus-visible {
    box-shadow: 0 20px 40px rgba(225,48,108,0.30), 0 0 20px rgba(131,58,180,0.12), 0 12px 24px rgba(0,0,0,0.18) !important;
  }

  .marketplace-secondary-copy {
    margin-top: 8px !important;
    padding: 0 12px !important;
    text-align: center !important;
    font-size: 0.74rem !important;
    line-height: 1.45 !important;
    letter-spacing: 0.01em !important;
    color: rgba(255,255,255,0.85) !important;
    opacity: 0.85 !important;
    text-wrap: balance !important;
  }

  .marketplace-secondary-copy::before,
  .marketplace-secondary-copy::after {
    content: '•';
    display: inline-block;
    margin: 0 6px;
    color: rgba(255,255,255,0.38);
    font-size: 0.72rem;
    transform: translateY(-1px);
  }

  .qsm-inline-host .qsm-bar-card {
    gap: 15px !important;
  }

  .qsm-inline-host .qsm-btn-search {
    margin-top: 8px !important;
  }
}

@media (max-width: 768px) {
  /* HERO MOBILE FINAL — ultra conversion + finition pro, CSS only */
  .hero-section,
  .hero.hero-section,
  section#home.hero.hero-section,
  .hero-content,
  #hero-quick-search,
  #hero-quick-search.qsm-inline-host,
  .qsm-inline-host,
  .qsm-inline-host .qsm-search-section,
  .qsm-inline-host .qsm-dialog,
  .qsm-inline-host .qsm-bar-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  .hero-content > .hero-subtitle {
    margin-bottom: 8px !important;
  }

  .hero-content > .marketplace-secondary-entry {
    margin-top: 16px !important;
    margin-bottom: 26px !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  .btn-secondary-marketplace {
    width: 100% !important;
    min-height: 66px !important;
    padding: 21px 20px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    border-radius: 20px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, opacity 0.2s ease !important;
    box-shadow: 0 16px 34px rgba(225,48,108,0.24), 0 0 16px rgba(131,58,180,0.10), 0 10px 22px rgba(0,0,0,0.15) !important;
  }

  .btn-secondary-marketplace:hover,
  .btn-secondary-marketplace:focus-visible {
    box-shadow: 0 18px 38px rgba(225,48,108,0.26), 0 0 18px rgba(131,58,180,0.11), 0 12px 24px rgba(0,0,0,0.17) !important;
  }

  .btn-secondary-marketplace:active {
    transform: scale(1.02) !important;
  }

  .marketplace-secondary-copy {
    margin-top: 7px !important;
    padding: 0 14px !important;
    text-align: center !important;
    font-size: 0.75rem !important;
    line-height: 1.42 !important;
    letter-spacing: 0.012em !important;
    color: rgba(255,255,255,0.85) !important;
    opacity: 0.8 !important;
    text-wrap: balance !important;
  }

  .qsm-inline-host {
    opacity: 0.97 !important;
  }

  .qsm-inline-host .qsm-bar-card {
    gap: 16px !important;
  }

  .qsm-inline-host .qsm-segment {
    min-height: 52px !important;
    padding: 0 13px !important;
    background: rgba(255,255,255,0.032) !important;
    border-color: rgba(255,255,255,0.07) !important;
    box-shadow: 0 5px 12px rgba(0,0,0,0.06) !important;
  }

  .qsm-inline-host .qsm-segment:focus-within {
    background: rgba(255,255,255,0.042) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03), 0 0 0 3px rgba(225,48,108,0.06), 0 7px 16px rgba(0,0,0,0.08) !important;
  }

  .qsm-inline-host .qsm-btn-search {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 47px !important;
    padding: 11px 14px !important;
    margin-top: 8px !important;
    opacity: 0.66 !important;
    font-size: 0.91rem !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.05) !important;
    filter: saturate(0.92) !important;
  }

  .qsm-inline-host .qsm-btn-search:hover,
  .qsm-inline-host .qsm-btn-search:focus-visible {
    opacity: 0.72 !important;
    box-shadow: 0 5px 12px rgba(0,0,0,0.07) !important;
  }

  .qsm-inline-host .qsm-filters-row {
    padding-top: 12px !important;
    opacity: 0.74 !important;
  }
}

@media (max-width: 768px) {
  /* TRUST MOBILE — ultra impact visuel + crédibilité, CSS only */
  .mobile-social-proof {
    display: block !important;
    margin: 18px auto 20px !important;
    padding: 0 18px !important;
    text-align: center !important;
    font-size: 1.04rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: rgba(255,255,255,0.97) !important;
  }

  .trust-section {
    margin-top: 6px !important;
    margin-bottom: 10px !important;
    padding-top: 16px !important;
    padding-bottom: 18px !important;
  }

  .trust-section .container {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  .trust-section-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .trust-item {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
  }

  .trust-item .trust-icon {
    width: 22px !important;
    min-width: 22px !important;
    text-align: center !important;
    font-size: 1.08rem !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    filter: brightness(1.08) !important;
  }

  .trust-item span:last-child {
    display: block !important;
    min-width: 0 !important;
    flex: 1 !important;
    font-size: 0.88rem !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.86) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .trust-item:first-child {
    border-color: rgba(255,255,255,0.14) !important;
    background: rgba(255,255,255,0.06) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,0.10) !important;
  }

  .trust-item:first-child .trust-icon {
    font-size: 1.14rem !important;
    filter: brightness(1.14) !important;
  }

  .trust-item:first-child span:last-child {
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,0.96) !important;
  }
}

/* RESULTS MOBILE V1 — ultra conversion priority, CSS only */
@media (max-width: 768px) {
  #artisans-section,
  #artisans-section .container,
  #artisans-section .results-layout,
  #artisans-section .results-main-column,
  #artisans-section .results-list,
  #artisans-section #artisans-container.artisans-grid,
  #artisans-section .results-filters {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  #artisans-section > .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #artisans-section .results-header {
    order: 1 !important;
    margin-bottom: 0 !important;
  }

  #artisans-section .results-header-copy {
    width: 100% !important;
  }

  #artisans-section .results-header-cta-row {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 14px 0 8px !important;
  }

  #artisans-section .results-header-cta-row .results-secondary-request-btn {
    order: 1 !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    font-weight: 620 !important;
    box-shadow: 0 8px 18px rgba(225,48,108,0.10) !important;
    opacity: 0.92 !important;
  }

  #artisans-section .results-header-cta-row .btn {
    order: 2 !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    opacity: 0.7 !important;
    color: rgba(255,255,255,0.88) !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.10) !important;
  }

  #artisans-section .results-header-cta-row .btn:hover,
  #artisans-section .results-header-cta-row .btn:focus-visible {
    opacity: 0.76 !important;
    box-shadow: 0 10px 18px rgba(0,0,0,0.12) !important;
  }

  #artisans-section .results-layout {
    order: 3 !important;
    gap: 14px !important;
  }

  #artisans-section .results-filters {
    order: 1 !important;
    margin-bottom: 2px !important;
  }

  #artisans-section .results-main-column {
    order: 2 !important;
  }

  #artisans-section .mobile-sticky-cta,
  #mobile-sticky-cta {
    order: 2 !important;
    display: block !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 20px !important;
    padding: 17px 18px !important;
    border-radius: 16px !important;
    font-size: 1.03rem !important;
    font-weight: 680 !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 14px 28px rgba(225,48,108,0.18) !important;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease !important;
    transform: translateZ(0) !important;
    z-index: auto !important;
    box-sizing: border-box !important;
  }

  #artisans-section .mobile-sticky-cta:hover,
  #artisans-section .mobile-sticky-cta:focus-visible,
  #artisans-section .mobile-sticky-cta:active,
  #mobile-sticky-cta:hover,
  #mobile-sticky-cta:focus-visible,
  #mobile-sticky-cta:active {
    transform: scale(1.02) !important;
    box-shadow: 0 16px 30px rgba(225,48,108,0.20) !important;
  }

  #artisans-section .results-toolbar {
    margin-top: 0 !important;
  }

  #artisans-section .result-card .result-actions,
  #artisans-section .result-card .card-buttons {
    gap: 10px !important;
  }

  #artisans-section .result-card .result-actions button,
  #artisans-section .result-card .card-buttons button {
    min-height: 42px !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
  }

  #artisans-section .result-card .btn-primary,
  #artisans-section .result-card .btn-other-profile {
    box-shadow: 0 8px 16px rgba(255,100,200,0.12) !important;
    font-weight: 600 !important;
  }

  #artisans-section .result-card .btn-secondary,
  #artisans-section .result-card .btn-other-reserve {
    opacity: 0.92 !important;
  }
}

/* FINAL CTA MOBILE V2 — polish conversion, CSS only */
@media (max-width: 768px) {
  .final-cta-section,
  .final-cta-section .container,
  .final-cta,
  .final-cta-actions {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  .final-cta-section {
    padding-top: 20px !important;
    padding-bottom: 18px !important;
  }

  .final-cta.homepage-conversion-priority {
    padding: 30px 16px 24px !important;
  }

  .final-cta.homepage-conversion-priority .urgency {
    margin-bottom: 10px !important;
    opacity: 0.82 !important;
  }

  .final-cta.homepage-conversion-priority h2 {
    margin-bottom: 10px !important;
  }

  .final-cta.homepage-conversion-priority .subtitle,
  .final-cta.homepage-conversion-priority .cta-proof {
    font-size: 0.90rem !important;
    line-height: 1.45 !important;
    opacity: 0.76 !important;
    letter-spacing: 0.005em !important;
  }

  .final-cta.homepage-conversion-priority .subtitle {
    margin-bottom: 0 !important;
  }

  .final-cta-actions {
    gap: 10px !important;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
  }

  .final-cta-actions .cta-main {
    width: 100% !important;
    min-height: 58px !important;
    padding: 0 20px !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 28px rgba(225,48,108,0.18) !important;
    margin: 0 0 4px !important;
  }

  .final-cta-actions .cta-main:hover,
  .final-cta-actions .cta-main:focus-visible,
  .final-cta-actions .cta-main:active {
    box-shadow: 0 16px 30px rgba(225,48,108,0.20) !important;
  }

  .final-cta-actions .cta-secondary-alt {
    width: 100% !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border-radius: 15px !important;
    font-size: 0.94rem !important;
    opacity: 0.72 !important;
    background: rgba(255,255,255,0.045) !important;
    border-color: rgba(255,255,255,0.11) !important;
    box-shadow: none !important;
  }

  .final-cta-actions .cta-secondary-alt:hover,
  .final-cta-actions .cta-secondary-alt:focus-visible,
  .final-cta-actions .cta-secondary-alt:active {
    opacity: 0.78 !important;
    background: rgba(255,255,255,0.06) !important;
    box-shadow: none !important;
  }

  .final-cta-microtrust {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    text-align: center !important;
    font-size: 0.95rem !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,0.9) !important;
    letter-spacing: 0.005em !important;
  }

  .final-cta.homepage-conversion-priority .cta-proof {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
  }

  .final-cta + .v13-partners-row,
  .final-cta-section + .v13-partners-row,
  .v13-partners-row {
    margin-top: 18px !important;
  }

  .v13-partner-badge {
    opacity: 0.82 !important;
  }
}

/* FOOTER MOBILE V1 — compact hierarchy, CSS only */
@media (max-width: 768px) {
  footer,
  footer .container,
  .footer-grid,
  .footer-brand,
  .footer-links,
  .footer-bottom,
  .footer-quick-actions {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  footer {
    padding-top: 28px !important;
  }

  footer .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .v13-partners-row {
    gap: 8px !important;
    margin-bottom: 24px !important;
    padding-bottom: 18px !important;
  }

  .v13-partner-badge {
    padding: 6px 12px !important;
    font-size: 0.76rem !important;
    color: rgba(255,255,255,0.62) !important;
  }

  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin-bottom: 22px !important;
  }

  .footer-brand {
    margin-bottom: 2px !important;
  }

  .footer-brand .logo-wrap {
    margin-bottom: 10px !important;
  }

  .footer-desc {
    margin: 0 0 12px !important;
    font-size: 0.84rem !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,0.52) !important;
    max-width: none !important;
  }

  .social-links {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  .social-link {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
  }

  .footer-quick-actions {
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .footer-quick-actions a {
    width: 100% !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    font-size: 0.92rem !important;
  }

  .footer-quick-actions a[data-footer-quick-request="true"] {
    color: rgba(255,255,255,0.96) !important;
    border-color: rgba(255,255,255,0.10) !important;
    box-shadow: 0 10px 22px rgba(225,48,108,0.14) !important;
  }

  .footer-quick-actions a:not([data-footer-quick-request="true"]) {
    opacity: 0.76 !important;
    box-shadow: none !important;
    background: rgba(255,255,255,0.045) !important;
  }

  .footer-links h4 {
    margin: 0 0 10px !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    color: rgba(255,255,255,0.9) !important;
    letter-spacing: 0.05em !important;
  }

  .footer-links ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  .footer-links li {
    margin-bottom: 0 !important;
  }

  .footer-links a {
    font-size: 0.85rem !important;
    line-height: 1.4 !important;
    color: rgba(255,255,255,0.5) !important;
    display: inline-block !important;
    padding: 1px 0 !important;
  }

  .footer-bottom {
    padding: 14px 0 16px !important;
    gap: 8px !important;
    font-size: 0.78rem !important;
    color: rgba(255,255,255,0.28) !important;
  }

  .footer-bottom > span:first-child {
    opacity: 0.78 !important;
  }

  .footer-bottom a,
  .footer-bottom span[style*="rgba(255,255,255,.35)"] {
    color: rgba(255,255,255,0.32) !important;
  }

  .footer-bottom div {
    gap: 0.55rem !important;
  }
}

/* HERO DESKTOP V1 — alignment conversion, CSS only */
@media (min-width: 769px) {
  .hero-content,
  #hero-quick-search,
  #hero-quick-search.qsm-inline-host,
  .qsm-inline-host,
  .qsm-inline-host .qsm-search-section,
  .qsm-inline-host .qsm-dialog,
  .qsm-inline-host .qsm-bar-card,
  .marketplace-secondary-entry {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .hero-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    max-width: 920px !important;
    margin-inline: auto !important;
  }

  .hero-content > .hero-title {
    order: 1 !important;
    margin-bottom: 2px !important;
  }

  .hero-content > .hero-subtitle {
    order: 2 !important;
    max-width: 760px !important;
    margin: 0 auto 2px !important;
    line-height: 1.5 !important;
  }

  .hero-content > .marketplace-secondary-entry {
    order: 3 !important;
    width: min(440px, 100%) !important;
    max-width: 440px !important;
    margin: 8px auto 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .hero-content > #hero-quick-search,
  .hero-content > #hero-quick-search.qsm-inline-host,
  .hero-content > .search-box {
    order: 4 !important;
    width: min(860px, 100%) !important;
    max-width: 860px !important;
    margin-top: 8px !important;
  }

  .btn-secondary-marketplace {
    width: 100% !important;
    min-height: 58px !important;
    padding: 16px 24px !important;
    border-radius: 16px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.005em !important;
    box-shadow: 0 14px 30px rgba(225,48,108,0.16) !important;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease !important;
  }

  .btn-secondary-marketplace:hover,
  .btn-secondary-marketplace:focus-visible {
    box-shadow: 0 16px 34px rgba(225,48,108,0.18) !important;
    transform: translateY(-1px) !important;
  }

  .marketplace-secondary-copy {
    margin-top: 6px !important;
    text-align: center !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    opacity: 0.84 !important;
    letter-spacing: 0.005em !important;
  }

  .qsm-inline-host .qsm-bar-card {
    background: rgba(255,255,255,0.045) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.14) !important;
  }

  .qsm-inline-host .qsm-segment {
    background: rgba(255,255,255,0.032) !important;
  }

  .qsm-inline-host .qsm-segment:focus-within {
    background: rgba(255,255,255,0.05) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08) !important;
  }

  .qsm-inline-host .qsm-btn-search {
    min-height: 52px !important;
    padding: 0 18px !important;
    font-size: 0.96rem !important;
    font-weight: 650 !important;
    opacity: 0.9 !important;
    box-shadow: 0 8px 18px rgba(225,48,108,0.10) !important;
  }

  .qsm-inline-host .qsm-btn-search:hover,
  .qsm-inline-host .qsm-btn-search:focus-visible {
    opacity: 0.95 !important;
    box-shadow: 0 10px 20px rgba(225,48,108,0.12) !important;
  }

  .qsm-inline-host .qsm-filters-row,
  .qsm-inline-host .qsm-service-suggestions {
    opacity: 0.9 !important;
  }

  .hero-section,
  .hero-content,
  #hero-quick-search,
  .marketplace-secondary-entry {
    overflow-x: clip !important;
  }
}

/* HERO DESKTOP V2 — final dominant CTA, CSS only */
@media (min-width: 769px) {
  .hero-content,
  #hero-quick-search,
  #hero-quick-search.qsm-inline-host,
  .qsm-inline-host,
  .qsm-inline-host .qsm-search-section,
  .qsm-inline-host .qsm-dialog,
  .qsm-inline-host .qsm-bar-card,
  .marketplace-secondary-entry {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  .hero-content {
    gap: 8px !important;
  }

  .hero-content > .hero-title {
    margin-bottom: 0 !important;
  }

  .hero-content > .hero-subtitle {
    margin: 0 auto 2px !important;
  }

  .hero-content > .marketplace-secondary-entry {
    width: min(480px, 100%) !important;
    max-width: 480px !important;
    margin: 6px auto 0 !important;
    gap: 7px !important;
  }

  .btn-secondary-marketplace {
    width: 100% !important;
    min-height: 62px !important;
    padding: 18px 28px !important;
    border-radius: 17px !important;
    background: linear-gradient(135deg, #E1306C 0%, #833AB4 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    font-size: 1.04rem !important;
    font-weight: 780 !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 16px 34px rgba(225,48,108,0.20) !important;
    opacity: 1 !important;
    filter: saturate(1.04) brightness(1.02) !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, opacity .2s ease !important;
  }

  .btn-secondary-marketplace:hover,
  .btn-secondary-marketplace:focus-visible {
    transform: translateY(-1px) !important;
    box-shadow: 0 18px 38px rgba(225,48,108,0.24) !important;
    filter: saturate(1.06) brightness(1.03) !important;
  }

  .marketplace-secondary-copy {
    margin-top: 6px !important;
    text-align: center !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    opacity: 0.86 !important;
    color: rgba(255,255,255,0.88) !important;
    max-width: 420px !important;
  }

  .hero-content > #hero-quick-search,
  .hero-content > #hero-quick-search.qsm-inline-host,
  .hero-content > .search-box {
    width: min(860px, 100%) !important;
    max-width: 860px !important;
    margin-top: 6px !important;
  }

  .qsm-inline-host .qsm-bar-card {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.09) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.12) !important;
  }

  .qsm-inline-host .qsm-btn-search {
    min-height: 50px !important;
    padding: 0 17px !important;
    border-radius: 15px !important;
    font-size: 0.95rem !important;
    font-weight: 620 !important;
    opacity: 0.76 !important;
    box-shadow: 0 6px 14px rgba(225,48,108,0.08) !important;
    filter: saturate(0.92) !important;
  }

  .qsm-inline-host .qsm-btn-search:hover,
  .qsm-inline-host .qsm-btn-search:focus-visible {
    opacity: 0.82 !important;
    box-shadow: 0 8px 16px rgba(225,48,108,0.10) !important;
    filter: saturate(0.96) !important;
  }

  .qsm-inline-host .qsm-segment {
    background: rgba(255,255,255,0.028) !important;
  }

  .qsm-inline-host .qsm-segment:focus-within {
    background: rgba(255,255,255,0.045) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.07) !important;
  }

  .qsm-inline-host .qsm-service-suggestions,
  .qsm-inline-host .qsm-filters-row {
    opacity: 0.88 !important;
  }
}

/* HERO MOBILE BUGFIX V1 — search block natural expansion, CSS only */
@media (max-width: 768px) {
  .hero-section,
  .hero.hero-section,
  section#home.hero.hero-section {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  .hero-content,
  #hero-quick-search,
  #hero-quick-search.qsm-inline-host,
  .qsm-inline-host,
  .qsm-inline-host .qsm-search-section,
  .qsm-inline-host .qsm-dialog,
  .qsm-inline-host .qsm-bar-card,
  .qsm-inline-host .qsm-filters-row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
  }

  .hero-content,
  #hero-quick-search,
  #hero-quick-search.qsm-inline-host,
  .qsm-inline-host,
  .qsm-inline-host .qsm-search-section,
  .qsm-inline-host .qsm-dialog,
  .qsm-inline-host .qsm-bar-card {
    overflow: visible !important;
  }

  .hero-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .hero-content > #hero-quick-search,
  .hero-content > #hero-quick-search.qsm-inline-host,
  .hero-content > .search-box {
    display: block !important;
  }

  .qsm-inline-host,
  .qsm-inline-host .qsm-search-section,
  .qsm-inline-host .qsm-dialog,
  .qsm-inline-host .qsm-bar-card,
  .qsm-inline-host .qsm-filters-row,
  .qsm-inline-host .qsm-segment,
  .qsm-inline-host .qsm-btn-search {
    position: relative !important;
  }

  .qsm-inline-host .qsm-bar-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  .qsm-inline-host .qsm-segment,
  .qsm-inline-host .qsm-btn-search {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-self: stretch !important;
  }

  .qsm-inline-host .qsm-segment {
    display: flex !important;
    align-items: center !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 12px 14px !important;
    gap: 10px !important;
  }

  .qsm-inline-host .qsm-seg-body {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .qsm-inline-host .qsm-seg-label {
    display: block !important;
    white-space: normal !important;
  }

  .qsm-inline-host .qsm-seg-input,
  .qsm-inline-host .qsm-seg-select {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    line-height: 1.3 !important;
  }

  .qsm-inline-host .qsm-btn-search {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    height: auto !important;
    padding: 14px 16px !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .qsm-inline-host .qsm-filters-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding-top: 10px !important;
    margin-top: 0 !important;
  }

  .qsm-inline-host .qsm-filters-label {
    flex: 0 0 100% !important;
    margin: 0 !important;
  }

  .qsm-inline-host .qsm-qfilter {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: left !important;
  }
}

/* ARTISAN CARDS MOBILE BUGFIX V1 — Safari-safe natural height, CSS only */
@media (max-width: 768px) {
  #artisans-section .container,
  #artisans-section .results-main-column,
  #artisans-section .results-list,
  #artisans-section #artisans-container.artisans-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    box-sizing: border-box !important;
  }

  #artisans-section .results-main-column,
  #artisans-section .results-list,
  #artisans-section #artisans-container.artisans-grid {
    padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px)) !important;
    scroll-padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #artisans-section .result-card,
  #artisans-section .artisan-card.result-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #artisans-section .result-card .result-top {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    grid-template-areas:
      "avatar main"
      "avatar price" !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    align-items: start !important;
  }

  #artisans-section .result-card .artisan-avatar,
  #artisans-section .result-card .artisan-avatar-image {
    grid-area: avatar !important;
    align-self: start !important;
  }

  #artisans-section .result-card .artisan-main {
    grid-area: main !important;
  }

  #artisans-section .result-card .artisan-price-block {
    grid-area: price !important;
    align-self: start !important;
    margin-top: 0 !important;
  }

  #artisans-section .result-card .artisan-avatar,
  #artisans-section .result-card .artisan-avatar-image,
  #artisans-section .result-card .artisan-main,
  #artisans-section .result-card .artisan-price-block,
  #artisans-section .result-card .artisan-badges,
  #artisans-section .result-card .badges,
  #artisans-section .result-card .artisan-rating-row,
  #artisans-section .result-card .artisan-rating,
  #artisans-section .result-card .artisan-skills,
  #artisans-section .result-card .result-actions,
  #artisans-section .result-card .card-buttons {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #artisans-section .result-card .artisan-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  #artisans-section .result-card .artisan-main > .artisan-name {
    order: 1 !important;
  }

  #artisans-section .result-card .artisan-main > .artisan-badges,
  #artisans-section .result-card .artisan-main > .badges {
    order: 2 !important;
  }

  #artisans-section .result-card .artisan-main > .artisan-service,
  #artisans-section .result-card .artisan-main > .artisan-job {
    order: 3 !important;
    margin: 0 !important;
  }

  #artisans-section .result-card .artisan-badges,
  #artisans-section .result-card .badges {
    justify-content: flex-start !important;
    align-items: center !important;
    margin: 0 !important;
  }

  #artisans-section .result-card .artisan-price-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin-top: 10px !important;
    padding-top: 0 !important;
    text-align: left !important;
  }

  #artisans-section .result-card .artisan-price-block strong,
  #artisans-section .result-card .artisan-price-block span {
    display: block !important;
    width: 100% !important;
    justify-self: auto !important;
    align-self: auto !important;
    white-space: normal !important;
  }

  #artisans-section .result-card .artisan-rating-row,
  #artisans-section .result-card .artisan-rating {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    margin-top: 12px !important;
  }

  #artisans-section .result-card .artisan-skills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 12px !important;
    overflow: visible !important;
  }

  #artisans-section .result-card .artisan-skills span {
    display: inline-flex !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word !important;
  }

  #artisans-section .result-card .artisan-skills span:nth-child(n+4) {
    display: inline-flex !important;
  }

  #artisans-section .result-card .result-actions,
  #artisans-section .result-card .card-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: auto !important;
    padding-top: 14px !important;
    position: static !important;
  }

  #artisans-section .result-card .result-actions button,
  #artisans-section .result-card .card-buttons button {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: auto !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
  }

  #artisans-section .mobile-sticky-cta,
  #fixeo-chat-launcher,
  .chat-widget {
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .back-to-top {
    bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* ARTISAN CARDS MOBILE V2 — micro validation pass, results page only */
@media (max-width: 768px) {
  #artisans-section .container,
  #artisans-section .results-main-column,
  #artisans-section .results-list,
  #artisans-section #artisans-container.artisans-grid {
    overflow-y: visible !important;
    padding-bottom: calc(168px + env(safe-area-inset-bottom, 0px)) !important;
    scroll-padding-bottom: calc(168px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #artisans-section .result-card,
  #artisans-section .artisan-card.result-card {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  #artisans-section .result-card .result-top,
  #artisans-section .result-card .artisan-main,
  #artisans-section .result-card .artisan-price-block,
  #artisans-section .result-card .artisan-rating-row,
  #artisans-section .result-card .artisan-rating,
  #artisans-section .result-card .artisan-skills,
  #artisans-section .result-card .result-actions,
  #artisans-section .result-card .card-buttons {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #artisans-section .result-card:last-child,
  #artisans-section #other-see-more-wrap {
    scroll-margin-bottom: calc(168px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #artisans-section .mobile-sticky-cta,
  #fixeo-chat-launcher,
  .chat-widget {
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .back-to-top {
    right: 14px !important;
    bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* HEADER HIERARCHY POLISH V1 — local header refinement only */
.navbar {
  column-gap: 18px !important;
}

.navbar-nav {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.nav-actions {
  margin-left: auto !important;
  align-items: center !important;
  gap: 8px !important;
}

.nav-actions > .btn-express {
  flex: 0 0 auto !important;
  min-height: 42px !important;
  padding: 0 17px !important;
  border-radius: 14px !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 22px rgba(247,119,55,0.28) !important;
}

.nav-actions > .btn-express.btn-sm {
  padding-left: 17px !important;
  padding-right: 17px !important;
}

.nav-actions .btn-quick-search {
  min-height: 40px !important;
  padding: 0 13px !important;
  background: rgba(255,255,255,0.075) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.82) !important;
}

.nav-actions .btn-quick-search:hover,
.nav-actions .btn-quick-search:focus-visible {
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.18) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.22) !important;
}

.nav-actions .lang-selector,
.nav-actions .notif-btn,
.nav-actions .btn-nav,
.nav-actions .nav-user-chip {
  min-height: 40px !important;
}

.nav-actions .lang-selector {
  padding-left: 9px !important;
  padding-right: 9px !important;
  font-size: 0.76rem !important;
  color: rgba(255,255,255,0.74) !important;
}

.nav-actions .notif-btn {
  width: 40px !important;
  height: 40px !important;
}

.nav-actions .btn-nav {
  padding: 0 14px !important;
  font-size: 0.82rem !important;
}

.nav-actions .nav-user-chip {
  padding: 5px 11px 5px 5px !important;
}

.nav-actions .nav-user-name {
  max-width: 112px !important;
}

@media (max-width: 980px) {
  .nav-actions {
    gap: 7px !important;
  }

  .nav-actions .btn-nav {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media (max-width: 768px) {
  .navbar {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    height: auto !important;
    min-height: var(--navbar-height, 70px) !important;
    padding: 10px 14px !important;
    gap: 10px !important;
    align-items: start !important;
  }

  .navbar-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 40px !important;
    align-self: center !important;
  }

  .navbar-brand .logo-text {
    display: inline-block !important;
    font-size: 1.24rem !important;
  }

  .nav-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    row-gap: 8px !important;
    column-gap: 6px !important;
    padding-top: 1px !important;
  }

  .nav-actions > .btn-express {
    order: 1 !important;
    margin-right: auto !important;
    min-width: 108px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    font-size: 0.84rem !important;
  }

  .nav-actions .btn-quick-search {
    order: 2 !important;
    width: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  .nav-actions .btn-quick-search .bqs-text {
    display: none !important;
  }

  .nav-actions .notif-btn {
    order: 2 !important;
    width: 40px !important;
    height: 40px !important;
  }

  .nav-actions #login-btn,
  .nav-actions #register-btn {
    display: inline-flex !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    font-size: 0.78rem !important;
  }

  .nav-actions #login-btn {
    order: 3 !important;
  }

  .nav-actions #register-btn {
    order: 4 !important;
  }

  body.is-logged-in .nav-actions .nav-has-dropdown[data-auth="logged-in"] {
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .nav-actions .nav-user-chip {
    min-height: 40px !important;
    max-width: 100% !important;
    padding-right: 10px !important;
  }

  .nav-actions .nav-user-name {
    max-width: 92px !important;
  }

  .hamburger {
    grid-column: 3 !important;
    grid-row: 1 !important;
    margin-left: 0 !important;
    align-self: center !important;
  }
}

@media (max-width: 412px) {
  .navbar {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .navbar-brand {
    gap: 8px !important;
  }

  .navbar-brand .logo-icon {
    width: 34px !important;
    height: 34px !important;
  }

  .navbar-brand .logo-text {
    font-size: 1.16rem !important;
  }

  .nav-actions > .btn-express {
    min-width: 102px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .nav-actions #login-btn,
  .nav-actions #register-btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 360px) {
  .navbar-brand .logo-text {
    font-size: 1.08rem !important;
  }

  .nav-actions .nav-user-name {
    max-width: 72px !important;
  }
}

@media (max-width: 320px) {
  .navbar {
    gap: 8px !important;
  }

  .navbar-brand .logo-text {
    font-size: 1rem !important;
  }

  .nav-actions {
    column-gap: 5px !important;
  }

  .nav-actions > .btn-express {
    min-width: 96px !important;
    font-size: 0.8rem !important;
  }

  .nav-actions #login-btn,
  .nav-actions #register-btn {
    font-size: 0.75rem !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
}

/* HEADER HIERARCHY POLISH V2 — local header refinement only */
.navbar {
  column-gap: 18px !important;
  overflow-x: clip !important;
}

.navbar-nav {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.nav-actions {
  margin-left: auto !important;
  align-items: center !important;
  gap: 8px !important;
}

.nav-actions > .btn-express {
  flex: 0 0 auto !important;
  min-height: 42px !important;
  padding: 0 17px !important;
  border-radius: 14px !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 22px rgba(247,119,55,0.28) !important;
}

.nav-actions > .btn-express.btn-sm {
  padding-left: 17px !important;
  padding-right: 17px !important;
}

.nav-actions .btn-quick-search {
  min-height: 40px !important;
  padding: 0 13px !important;
  background: rgba(255,255,255,0.075) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.82) !important;
}

.nav-actions .btn-quick-search:hover,
.nav-actions .btn-quick-search:focus-visible {
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.18) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.22) !important;
}

.nav-actions .lang-selector,
.nav-actions .notif-btn,
.nav-actions .btn-nav,
.nav-actions .nav-user-chip {
  min-height: 40px !important;
}

.nav-actions .lang-selector {
  padding-left: 9px !important;
  padding-right: 9px !important;
  font-size: 0.76rem !important;
  color: rgba(255,255,255,0.74) !important;
}

.nav-actions .notif-btn {
  width: 40px !important;
  height: 40px !important;
}

.nav-actions .btn-nav {
  padding: 0 14px !important;
  font-size: 0.82rem !important;
  white-space: nowrap !important;
}

.nav-actions .nav-user-chip {
  padding: 5px 11px 5px 5px !important;
}

.nav-actions .nav-user-name {
  max-width: 112px !important;
}

@media (max-width: 980px) {
  .nav-actions {
    gap: 7px !important;
  }

  .nav-actions .btn-nav {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media (min-width: 769px) {
  .nav-actions {
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
  }

  .nav-actions > .btn-express {
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (max-width: 768px) {
  .navbar {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-auto-rows: auto !important;
    height: auto !important;
    min-height: var(--navbar-height, 70px) !important;
    padding: 10px 12px !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    align-items: start !important;
  }

  .navbar-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 40px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-self: center !important;
  }

  .navbar-brand .logo-text {
    display: inline-block !important;
    font-size: 1.08rem !important;
  }

  .nav-actions {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    display: grid !important;
    grid-template-columns: minmax(86px, 1fr) 36px 36px !important;
    grid-auto-rows: minmax(36px, auto) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding-top: 0 !important;
    justify-items: stretch !important;
    align-items: center !important;
    row-gap: 6px !important;
    column-gap: 6px !important;
  }

  .nav-actions > .btn-express {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    font-size: 0.82rem !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  .nav-actions .btn-quick-search {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    justify-content: center !important;
  }

  .nav-actions .btn-quick-search .bqs-text {
    display: none !important;
  }

  .nav-actions .notif-btn {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 12px !important;
  }

  body:not(.is-logged-in) .nav-actions #login-btn,
  body:not(.is-logged-in) .nav-actions #register-btn {
    display: inline-flex !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    font-size: 0.76rem !important;
    justify-content: center !important;
  }

  body:not(.is-logged-in) .nav-actions #login-btn {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body:not(.is-logged-in) .nav-actions #register-btn {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
  }

  body.is-logged-in .nav-actions #login-btn,
  body.is-logged-in .nav-actions #register-btn {
    display: none !important;
  }

  body.is-logged-in .nav-actions .nav-has-dropdown[data-auth="logged-in"] {
    display: block !important;
    grid-column: 1 / 4 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .nav-actions .nav-user-chip {
    min-height: 38px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-right: 10px !important;
    justify-content: flex-start !important;
  }

  .nav-actions .nav-user-name {
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }

  .hamburger {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    margin-left: 0 !important;
    align-self: center !important;
    justify-self: end !important;
  }
}

@media (max-width: 412px) {
  .navbar {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .navbar-brand {
    gap: 8px !important;
  }

  .navbar-brand .logo-icon {
    width: 34px !important;
    height: 34px !important;
  }

  .navbar-brand .logo-text {
    font-size: 1rem !important;
  }

  .nav-actions {
    grid-template-columns: minmax(82px, 1fr) 36px 36px !important;
  }

  .nav-actions > .btn-express {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
}

@media (max-width: 360px) {
  .navbar {
    column-gap: 8px !important;
  }

  .navbar-brand .logo-text {
    display: none !important;
  }

  .nav-actions {
    grid-template-columns: minmax(88px, 1fr) 34px 34px !important;
    column-gap: 5px !important;
  }

  .nav-actions .btn-quick-search,
  .nav-actions .notif-btn {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }

  body:not(.is-logged-in) .nav-actions #login-btn,
  body:not(.is-logged-in) .nav-actions #register-btn {
    font-size: 0.74rem !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

@media (max-width: 320px) {
  .navbar {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .nav-actions {
    grid-template-columns: minmax(84px, 1fr) 34px 34px !important;
    column-gap: 4px !important;
  }

  .nav-actions > .btn-express {
    font-size: 0.79rem !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body:not(.is-logged-in) .nav-actions #login-btn,
  body:not(.is-logged-in) .nav-actions #register-btn {
    font-size: 0.72rem !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}

/* MOBILE MENU POSITION FIX V1 — align drawer under local mobile header */
@media (max-width: 768px) {
  .mobile-nav {
    top: 101px !important;
    min-height: calc(100vh - 101px) !important;
    max-height: calc(100vh - 101px) !important;
  }

  .mobile-nav-backdrop {
    inset: 101px 0 0 0 !important;
  }

  body.is-logged-in .mobile-nav {
    top: 112px !important;
    min-height: calc(100vh - 112px) !important;
    max-height: calc(100vh - 112px) !important;
  }

  body.is-logged-in .mobile-nav-backdrop {
    inset: 112px 0 0 0 !important;
  }
}

/* MOBILE MENU CLARITY POLISH V1 — mobile drawer only */
@media (max-width: 768px) {
  .mobile-nav {
    padding: 14px 14px 22px !important;
    gap: 0 !important;
    overscroll-behavior: contain;
  }

  .mobile-nav-section {
    display: grid;
    gap: 6px;
  }

  .mobile-nav-label {
    display: block;
    padding: 4px 8px 8px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.46);
  }

  .mobile-nav .nav-link {
    min-height: 48px;
    padding: 13px 14px;
    border-radius: 14px;
    font-size: 0.94rem;
    font-weight: 600;
    color: rgba(255,255,255,0.86);
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
  }

  .mobile-nav .nav-link:hover,
  .mobile-nav .nav-link.active {
    background: rgba(225,48,108,0.12);
    border-color: rgba(225,48,108,0.18);
  }

  .mobile-nav-divider {
    margin: 14px 4px 12px;
  }

  .mobile-nav-auth {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 0;
  }

  .mobile-nav-auth .btn-nav {
    display: inline-flex !important;
    min-width: 0;
    min-height: 44px;
    padding: 0 12px;
    font-size: 0.84rem;
  }

  .mobile-nav-user {
    display: none;
    gap: 6px;
    flex-direction: column;
  }

  body.is-logged-in .mobile-nav-user {
    display: flex !important;
  }

  .mobile-nav-account-link,
  .mobile-nav-logout-link {
    justify-content: flex-start;
  }

  .mobile-nav-account-link[data-role="dashboard"] {
    color: rgba(255,255,255,0.92) !important;
  }

  .mobile-nav-requests-link {
    color: rgba(255,255,255,0.84) !important;
  }

  .mobile-nav .nav-link[data-role="admin"] {
    color: rgba(252,175,69,0.92);
  }
}

@media (max-width: 412px) {
  .mobile-nav {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 20px !important;
  }

  .mobile-nav .nav-link {
    padding-left: 13px;
    padding-right: 13px;
  }
}

@media (max-width: 360px) {
  .mobile-nav-auth {
    grid-template-columns: 1fr;
  }

  .mobile-nav-auth .btn-nav {
    width: 100%;
  }
}

@media (max-width: 320px) {
  .mobile-nav {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .mobile-nav-label {
    font-size: 0.68rem;
  }

  .mobile-nav .nav-link,
  .mobile-nav-auth .btn-nav {
    font-size: 0.82rem;
  }
}

/* ARTISAN CARDS MOBILE STABILITY FIX — local override only */
@media (max-width: 768px) {
  #artisans-section .result-card .result-top {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    grid-template-areas:
      "avatar main"
      "avatar price" !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    align-items: start !important;
  }

  #artisans-section .result-card .artisan-avatar,
  #artisans-section .result-card .artisan-avatar-image {
    grid-area: avatar !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    margin: 0 !important;
    align-self: start !important;
    justify-self: start !important;
    flex-shrink: 0 !important;
  }

  #artisans-section .result-card .artisan-main {
    grid-area: main !important;
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
  }

  #artisans-section .result-card .artisan-main > .artisan-name {
    order: 1 !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }

  #artisans-section .result-card .artisan-main > .artisan-badges,
  #artisans-section .result-card .artisan-main > .badges {
    order: 2 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    margin: 0 !important;
  }

  #artisans-section .result-card .artisan-main > .artisan-service,
  #artisans-section .result-card .artisan-main > .artisan-job {
    order: 3 !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }

  #artisans-section .result-card .artisan-price-block {
    grid-area: price !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    text-align: left !important;
  }

  #artisans-section .result-card .artisan-price-block strong,
  #artisans-section .result-card .artisan-price-block span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  #artisans-section .result-card .artisan-rating-row,
  #artisans-section .result-card .artisan-rating,
  #artisans-section .result-card .artisan-skills,
  #artisans-section .result-card .result-actions,
  #artisans-section .result-card .card-buttons {
    width: 100% !important;
    min-width: 0 !important;
  }

  #artisans-section .result-card .artisan-rating-row,
  #artisans-section .result-card .artisan-rating {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 12px !important;
    margin-top: 12px !important;
  }

  #artisans-section .result-card .artisan-skills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 12px !important;
  }

  #artisans-section .result-card .result-actions,
  #artisans-section .result-card .card-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: auto !important;
    padding-top: 14px !important;
    position: static !important;
  }

  #artisans-section .result-card .result-actions button,
  #artisans-section .result-card .card-buttons button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    align-self: stretch !important;
  }
}

/* HEADER + MOBILE MENU ACTION HIERARCHY FIX — local override only */
@media (min-width: 769px) {
  .navbar {
    column-gap: 18px !important;
  }

  .nav-actions {
    gap: 8px !important;
    margin-left: auto !important;
  }

  .nav-actions > .btn-express {
    min-height: 42px !important;
    padding: 0 17px !important;
    border-radius: 14px !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
  }
}

@media (max-width: 768px) {
  .navbar {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-auto-rows: 1fr !important;
    align-items: center !important;
    height: var(--navbar-height, 70px) !important;
    min-height: var(--navbar-height, 70px) !important;
    padding: 8px 12px !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    overflow: hidden !important;
  }

  .navbar-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    max-width: 92px !important;
    gap: 8px !important;
    align-self: center !important;
  }

  .navbar-brand .logo-icon {
    width: 32px !important;
    height: 32px !important;
    font-size: 1rem !important;
  }

  .navbar-brand .logo-text {
    display: inline-block !important;
    font-size: 0.92rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .nav-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 36px !important;
    align-items: center !important;
    justify-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
    margin-left: 0 !important;
  }

  .nav-actions > .btn-express {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    justify-content: center !important;
    font-size: 0.86rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
    box-shadow: 0 10px 24px rgba(225,48,108,0.20) !important;
  }

  .nav-actions .btn-quick-search {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    justify-content: center !important;
    align-self: center !important;
  }

  .nav-actions .btn-quick-search .bqs-text,
  .nav-actions .lang-selector,
  .nav-actions .notif-btn,
  .nav-actions #login-btn,
  .nav-actions #register-btn,
  .nav-actions .nav-has-dropdown[data-auth="logged-in"] {
    display: none !important;
  }

  .hamburger {
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    align-self: center !important;
    position: relative !important;
    margin-left: 0 !important;
  }

  .hamburger span {
    width: 18px !important;
  }

  body.is-logged-in .hamburger::after {
    content: '👤';
    position: absolute;
    right: -4px;
    top: -4px;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-size: 0.58rem;
    background: linear-gradient(135deg, #E1306C, #833AB4);
    color: #fff;
    box-shadow: 0 0 0 2px rgba(13,13,26,0.96);
  }

  .mobile-nav {
    top: calc(var(--navbar-height, 70px) + 1px) !important;
    min-height: calc(100vh - var(--navbar-height, 70px) - 1px) !important;
    max-height: calc(100vh - var(--navbar-height, 70px) - 1px) !important;
    padding: 16px 14px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 0 !important;
    overscroll-behavior: contain !important;
  }

  .mobile-nav-backdrop {
    inset: calc(var(--navbar-height, 70px) + 1px) 0 0 0 !important;
  }

  body.mobile-menu-open #fixeo-chat-launcher,
  body.mobile-menu-open .chat-widget,
  body.mobile-menu-open .chat-toggle,
  body.mobile-menu-open .back-to-top {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .mobile-nav-section {
    display: grid !important;
    gap: 8px !important;
  }

  .mobile-nav-label {
    display: block !important;
    padding: 2px 6px 8px !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.46) !important;
  }

  .mobile-nav-divider {
    margin: 14px 4px 12px !important;
  }

  .mobile-nav .nav-link {
    min-height: 48px !important;
    padding: 13px 14px !important;
    border-radius: 14px !important;
    font-size: 0.94rem !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.86) !important;
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
  }

  .mobile-nav-section-actions .mobile-nav-action-link {
    min-height: 54px !important;
    padding: 0 16px !important;
    font-size: 0.96rem !important;
    font-weight: 800 !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 32px rgba(0,0,0,0.18) !important;
  }

  .mobile-nav-section-actions .mobile-nav-action-link-urgent {
    background: linear-gradient(135deg, rgba(225,48,108,0.24), rgba(131,58,180,0.24)) !important;
    border-color: rgba(225,48,108,0.34) !important;
    color: #fff !important;
  }

  .mobile-nav-section-actions .mobile-nav-action-link-request {
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(255,255,255,0.12) !important;
    color: rgba(255,255,255,0.94) !important;
  }

  .mobile-nav-section-main .nav-link,
  .mobile-nav-section-account .nav-link {
    background: rgba(255,255,255,0.03) !important;
  }

  .mobile-nav-auth {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 0 !important;
  }

  .mobile-nav-auth .btn-nav {
    display: inline-flex !important;
    min-height: 46px !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    padding: 0 12px !important;
    font-size: 0.84rem !important;
  }

  .mobile-nav-user {
    display: none;
    gap: 8px !important;
    flex-direction: column !important;
  }

  body.is-logged-in .mobile-nav-user {
    display: flex !important;
  }
}

@media (max-width: 412px) {
  .navbar {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .navbar-brand {
    max-width: 82px !important;
  }

  .nav-actions > .btn-express {
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 0.83rem !important;
  }

  .mobile-nav {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 20px !important;
  }
}

@media (max-width: 390px) {
  .navbar-brand .logo-text {
    display: none !important;
  }

  .navbar-brand {
    max-width: 36px !important;
  }
}

@media (max-width: 360px) {
  .navbar {
    padding-left: 11px !important;
    padding-right: 11px !important;
    column-gap: 8px !important;
  }

  .nav-actions {
    gap: 6px !important;
    grid-template-columns: minmax(0, 1fr) 34px !important;
  }

  .nav-actions .btn-quick-search,
  .hamburger {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }

  .nav-actions > .btn-express {
    min-height: 40px !important;
    font-size: 0.8rem !important;
  }

  .mobile-nav-auth {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 320px) {
  .navbar {
    padding-left: 10px !important;
    padding-right: 10px !important;
    column-gap: 7px !important;
  }

  .nav-actions > .btn-express {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 0.78rem !important;
  }

  .mobile-nav {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .mobile-nav-label {
    font-size: 0.68rem !important;
  }

  .mobile-nav .nav-link,
  .mobile-nav-auth .btn-nav {
    font-size: 0.82rem !important;
  }
}

@media (max-width: 768px) {
  .navbar {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    overflow: hidden !important;
  }

  .navbar > .navbar-nav {
    display: none !important;
  }

  .navbar-brand {
    grid-column: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
    max-width: 88px !important;
    gap: 8px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  .navbar-brand .logo-icon {
    flex: 0 0 32px !important;
  }

  .navbar-brand .logo-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .nav-actions {
    grid-column: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 38px !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .nav-actions > *:not(.btn-express):not(.btn-quick-search) {
    display: none !important;
  }

  .nav-actions > .btn-express {
    grid-column: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .nav-actions .btn-quick-search {
    grid-column: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 38px !important;
  }

  .nav-actions .btn-quick-search .bqs-text,
  .nav-actions .lang-selector,
  .nav-actions .notif-btn,
  .nav-actions #login-btn,
  .nav-actions #register-btn,
  .nav-actions .nav-has-dropdown[data-auth="logged-in"] {
    display: none !important;
  }

  .hamburger {
    grid-column: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 38px !important;
    justify-self: end !important;
  }

  body.is-logged-in .hamburger::after {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 412px) {
  .navbar-brand {
    max-width: 82px !important;
  }
}

@media (max-width: 390px) {
  .navbar-brand {
    max-width: 34px !important;
  }

  .navbar-brand .logo-text {
    display: none !important;
  }
}

@media (max-width: 360px) {
  .navbar {
    column-gap: 8px !important;
  }

  .nav-actions {
    grid-template-columns: minmax(0, 1fr) 34px !important;
    gap: 6px !important;
  }

  .nav-actions .btn-quick-search,
  .hamburger {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    flex-basis: 34px !important;
  }
}

/* FIXEO — MOBILE HEADER V4 ULTRA CLEAN (CSS ONLY / NO LOGIC) */
@media (max-width: 768px) {
  html body {
    --navbar-height: 62px !important;
  }

  html body .navbar {
    height: var(--navbar-height) !important;
    min-height: var(--navbar-height) !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(12, 15, 27, 0.97) 0%, rgba(12, 15, 27, 0.90) 100%) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16), 0 1px 0 rgba(255, 255, 255, 0.04) inset !important;
  }

  html body .navbar > .navbar-nav {
    display: none !important;
  }

  html body .navbar > .navbar-brand {
    flex: 0 1 24% !important;
    max-width: 24% !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  html body .navbar > .navbar-brand .logo-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 9px !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.14), 0 1px 0 rgba(255, 255, 255, 0.10) inset !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, 0.96) !important;
  }

  html body .navbar > .nav-actions {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 178px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body .navbar > .nav-actions > *:not(.btn-express):not(.btn-quick-search) {
    display: none !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    flex: 0 1 122px !important;
    width: auto !important;
    max-width: 122px !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    font-size: 0.81rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 10px 20px rgba(225, 48, 108, 0.16), 0 1px 0 rgba(255, 255, 255, 0.14) inset !important;
  }

  html body .navbar > .nav-actions .btn-quick-search,
  html body .navbar > .hamburger {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.065) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12), 0 1px 0 rgba(255, 255, 255, 0.04) inset !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  html body .navbar > .nav-actions .btn-quick-search {
    flex: 0 0 38px !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-text {
    display: none !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-icon {
    font-size: 0.95rem !important;
    line-height: 1 !important;
  }

  html body .navbar > .hamburger {
    flex: 0 0 38px !important;
  }

  html body .navbar > .hamburger span {
    width: 15px !important;
    height: 1.8px !important;
    border-radius: 999px !important;
  }

  html body .navbar > .hamburger::after,
  html body.is-logged-in .navbar > .hamburger::after {
    display: none !important;
    content: none !important;
  }

  html body .navbar > .nav-actions #login-btn,
  html body .navbar > .nav-actions #register-btn,
  html body .navbar > .nav-actions .lang-selector,
  html body .navbar > .nav-actions .notif-btn,
  html body .navbar > .nav-actions .nav-has-dropdown,
  html body .navbar > .nav-actions .nav-user-chip,
  html body .navbar > .nav-actions #user-info {
    display: none !important;
  }
}

@media (max-width: 605px) {
  html body .navbar {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  html body .navbar > .navbar-brand {
    max-width: 23% !important;
  }

  html body .navbar > .nav-actions {
    max-width: 172px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    max-width: 118px !important;
    flex-basis: 118px !important;
  }
}

@media (max-width: 533px) {
  html body .navbar {
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 7px !important;
  }

  html body .navbar > .navbar-brand {
    max-width: 22% !important;
  }

  html body .navbar > .nav-actions {
    gap: 7px !important;
    max-width: 166px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    max-width: 114px !important;
    flex-basis: 114px !important;
  }
}

@media (max-width: 412px) {
  html body .navbar {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  html body .navbar > .navbar-brand {
    max-width: 20% !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.88rem !important;
  }

  html body .navbar > .nav-actions {
    max-width: 160px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    max-width: 110px !important;
    flex-basis: 110px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media (max-width: 390px) {
  html body .navbar > .navbar-brand {
    max-width: 28px !important;
    flex-basis: 28px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: none !important;
  }

  html body .navbar > .nav-actions {
    max-width: 154px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    max-width: 106px !important;
    flex-basis: 106px !important;
    font-size: 0.79rem !important;
  }
}

@media (max-width: 360px) {
  html body .navbar {
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 6px !important;
  }

  html body .navbar > .nav-actions {
    gap: 6px !important;
    max-width: 146px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    max-width: 100px !important;
    flex-basis: 100px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 13px !important;
    font-size: 0.78rem !important;
  }

  html body .navbar > .nav-actions .btn-quick-search,
  html body .navbar > .hamburger {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 11px !important;
  }
}

@media (max-width: 320px) {
  html body .navbar {
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 5px !important;
  }

  html body .navbar > .nav-actions {
    gap: 5px !important;
    max-width: 139px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    max-width: 96px !important;
    flex-basis: 96px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 0.76rem !important;
  }

  html body .navbar > .nav-actions .btn-quick-search,
  html body .navbar > .hamburger {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
}

/* FIXEO — MOBILE HEADER V6 FINAL BAR CLEAN (CSS ONLY / NO LOGIC) */
@media (max-width: 768px) {
  html body {
    --navbar-height: 60px !important;
  }

  html body .navbar {
    height: var(--navbar-height) !important;
    min-height: var(--navbar-height) !important;
    max-height: var(--navbar-height) !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, rgba(12, 15, 27, 0.98) 0%, rgba(13, 16, 28, 0.92) 100%) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.04) inset !important;
  }

  html body .navbar > .navbar-nav {
    display: none !important;
  }

  html body .navbar > .navbar-brand {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    min-width: 0 !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    margin: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    align-self: center !important;
  }

  html body .navbar > .navbar-brand .logo-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 9px !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.14), 0 1px 0 rgba(255, 255, 255, 0.10) inset !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0.89rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, 0.96) !important;
  }

  html body .navbar > .nav-actions {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 36px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 36px !important;
    align-items: center !important;
    justify-items: end !important;
    column-gap: 8px !important;
    overflow: hidden !important;
  }

  html body .navbar > .nav-actions > *:not(.btn-express):not(.btn-quick-search) {
    display: none !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    grid-column: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 112px !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    font-size: 0.79rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 8px 18px rgba(225, 48, 108, 0.14), 0 1px 0 rgba(255, 255, 255, 0.14) inset !important;
    transform: none !important;
  }

  html body .navbar > .nav-actions .btn-quick-search,
  html body .navbar > .hamburger {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    border-radius: 11px !important;
    background: rgba(255, 255, 255, 0.065) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12), 0 1px 0 rgba(255, 255, 255, 0.04) inset !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transform: none !important;
  }

  html body .navbar > .nav-actions .btn-quick-search {
    grid-column: 2 !important;
    justify-self: end !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-text {
    display: none !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-icon {
    font-size: 0.95rem !important;
    line-height: 1 !important;
  }

  html body .navbar > .hamburger {
    flex: 0 0 36px !important;
    justify-self: auto !important;
  }

  html body .navbar > .hamburger span {
    width: 15px !important;
    height: 1.8px !important;
    border-radius: 999px !important;
  }

  html body .navbar > .hamburger::after,
  html body.is-logged-in .navbar > .hamburger::after {
    display: none !important;
    content: none !important;
  }

  html body .navbar > .nav-actions #login-btn,
  html body .navbar > .nav-actions #register-btn,
  html body .navbar > .nav-actions .lang-selector,
  html body .navbar > .nav-actions .notif-btn,
  html body .navbar > .nav-actions .nav-has-dropdown,
  html body .navbar > .nav-actions .nav-user-chip,
  html body .navbar > .nav-actions #user-info {
    display: none !important;
  }
}

@media (max-width: 605px) {
  html body .navbar {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    max-width: 108px !important;
  }
}

@media (max-width: 533px) {
  html body .navbar {
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 7px !important;
  }

  html body .navbar > .nav-actions {
    column-gap: 7px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    max-width: 104px !important;
  }
}

@media (max-width: 412px) {
  html body .navbar {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  html body .navbar > .navbar-brand {
    max-width: 22% !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    max-width: 100px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
}

@media (max-width: 390px) {
  html body .navbar > .navbar-brand {
    max-width: 28px !important;
    flex-basis: 28px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: none !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    max-width: 96px !important;
    font-size: 0.77rem !important;
  }
}

@media (max-width: 360px) {
  html body .navbar {
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 6px !important;
  }

  html body .navbar > .nav-actions {
    column-gap: 6px !important;
    grid-template-columns: minmax(0, 1fr) 34px !important;
    height: 34px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    max-width: 92px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 12px !important;
    font-size: 0.75rem !important;
  }

  html body .navbar > .nav-actions .btn-quick-search,
  html body .navbar > .hamburger {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
  }
}

@media (max-width: 320px) {
  html body .navbar {
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 5px !important;
  }

  html body .navbar > .nav-actions {
    column-gap: 5px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    max-width: 88px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 0.73rem !important;
  }
}

/* FIXEO — MOBILE HEADER V6 FINAL BAR CLEAN VERIFIED REFRESH (CSS ONLY / NO LOGIC) */
@media (max-width: 768px) {
  html body {
    --navbar-height: 60px !important;
    --fixeo-header-side-padding: 14px !important;
    --fixeo-header-gap: 8px !important;
    --fixeo-header-icon-size: 38px !important;
    --fixeo-header-logo-max: 25% !important;
    --fixeo-header-urgent-max: 118px !important;
  }

  html body .navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    height: var(--navbar-height) !important;
    min-height: var(--navbar-height) !important;
    max-height: var(--navbar-height) !important;
    padding: 0 var(--fixeo-header-side-padding) !important;
    gap: var(--fixeo-header-gap) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, rgba(11, 14, 25, 0.98) 0%, rgba(12, 16, 28, 0.93) 100%) !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14), 0 1px 0 rgba(255, 255, 255, 0.05) inset !important;
  }

  html body .navbar > .navbar-nav {
    display: none !important;
  }

  html body .navbar > .navbar-brand {
    flex: 0 1 var(--fixeo-header-logo-max) !important;
    max-width: var(--fixeo-header-logo-max) !important;
    min-width: 0 !important;
    height: 36px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    min-width: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 9px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0.88rem !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
  }

  html body .navbar > .nav-actions {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--fixeo-header-gap) !important;
    overflow: hidden !important;
  }

  html body .navbar > .nav-actions > *:not(.btn-express):not(.btn-quick-search) {
    display: none !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    flex: 0 1 46% !important;
    width: auto !important;
    max-width: var(--fixeo-header-urgent-max) !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 auto 0 0 !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 0.8rem !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 18px rgba(225, 48, 108, 0.14), 0 1px 0 rgba(255, 255, 255, 0.14) inset !important;
  }

  html body .navbar > .nav-actions .btn-quick-search,
  html body .navbar > .hamburger {
    width: var(--fixeo-header-icon-size) !important;
    min-width: var(--fixeo-header-icon-size) !important;
    height: var(--fixeo-header-icon-size) !important;
    min-height: var(--fixeo-header-icon-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.12), 0 1px 0 rgba(255, 255, 255, 0.05) inset !important;
  }

  html body .navbar > .nav-actions .btn-quick-search {
    flex: 0 0 var(--fixeo-header-icon-size) !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-text {
    display: none !important;
  }

  html body .navbar > .hamburger {
    flex: 0 0 var(--fixeo-header-icon-size) !important;
  }

  html body .navbar > .hamburger::after,
  html body.is-logged-in .navbar > .hamburger::after,
  html body .navbar > .nav-actions #login-btn,
  html body .navbar > .nav-actions #register-btn,
  html body .navbar > .nav-actions .lang-selector,
  html body .navbar > .nav-actions .notif-btn,
  html body .navbar > .nav-actions .nav-has-dropdown,
  html body .navbar > .nav-actions .nav-user-chip,
  html body .navbar > .nav-actions #user-info {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 605px) {
  html body {
    --fixeo-header-side-padding: 13px !important;
    --fixeo-header-urgent-max: 114px !important;
  }
}

@media (max-width: 533px) {
  html body {
    --fixeo-header-side-padding: 12px !important;
    --fixeo-header-gap: 7px !important;
    --fixeo-header-urgent-max: 108px !important;
    --fixeo-header-logo-max: 23% !important;
  }
}

@media (max-width: 412px) {
  html body {
    --fixeo-header-side-padding: 12px !important;
    --fixeo-header-gap: 6px !important;
    --fixeo-header-icon-size: 36px !important;
    --fixeo-header-urgent-max: 100px !important;
    --fixeo-header-logo-max: 21% !important;
  }

  html body .navbar > .nav-actions,
  html body .navbar > .navbar-brand {
    height: 36px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    height: 36px !important;
    min-height: 36px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
    font-size: 0.78rem !important;
  }
}

@media (max-width: 390px) {
  html body {
    --fixeo-header-logo-max: 28px !important;
    --fixeo-header-urgent-max: 96px !important;
  }

  html body .navbar > .navbar-brand {
    flex-basis: 28px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: none !important;
  }
}

@media (max-width: 360px) {
  html body {
    --fixeo-header-side-padding: 12px !important;
    --fixeo-header-gap: 6px !important;
    --fixeo-header-icon-size: 34px !important;
    --fixeo-header-urgent-max: 90px !important;
  }

  html body .navbar > .nav-actions,
  html body .navbar > .navbar-brand {
    height: 34px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    height: 34px !important;
    min-height: 34px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 12px !important;
    font-size: 0.74rem !important;
  }

  html body .navbar > .nav-actions .btn-quick-search,
  html body .navbar > .hamburger {
    border-radius: 10px !important;
  }
}

@media (max-width: 320px) {
  html body {
    --fixeo-header-side-padding: 12px !important;
    --fixeo-header-gap: 5px !important;
    --fixeo-header-urgent-max: 84px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 0.71rem !important;
  }
}

/* FIXEO — MOBILE HEADER V8 PREMIUM CLEAN (CSS ONLY / NO LOGIC) */
@media (max-width: 768px) {
  html body {
    --navbar-height: 60px !important;
    --fixeo-v8-header-pad-x: 14px !important;
    --fixeo-v8-header-gap: 8px !important;
    --fixeo-v8-icon-size: 36px !important;
    --fixeo-v8-logo-max: 88px !important;
    --fixeo-v8-urgent-max: 104px !important;
    --fixeo-v8-control-radius: 12px !important;
  }

  html body .navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    height: var(--navbar-height) !important;
    min-height: var(--navbar-height) !important;
    max-height: var(--navbar-height) !important;
    padding: 0 var(--fixeo-v8-header-pad-x) !important;
    gap: var(--fixeo-v8-header-gap) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, rgba(10, 13, 24, 0.98) 0%, rgba(14, 18, 30, 0.94) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12), 0 1px 0 rgba(255, 255, 255, 0.05) inset !important;
  }

  html body .navbar > .navbar-nav {
    display: none !important;
  }

  html body .navbar > .navbar-brand {
    flex: 0 1 var(--fixeo-v8-logo-max) !important;
    max-width: var(--fixeo-v8-logo-max) !important;
    min-width: 0 !important;
    width: auto !important;
    height: 36px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 27px !important;
    height: 27px !important;
    max-height: 28px !important;
    min-width: 27px !important;
    min-height: 27px !important;
    flex: 0 0 27px !important;
    border-radius: 9px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10), 0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0.87rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
    color: rgba(255, 255, 255, 0.96) !important;
  }

  html body .navbar > .nav-actions {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: var(--fixeo-v8-icon-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--fixeo-v8-header-gap) !important;
    overflow: hidden !important;
  }

  html body .navbar > .nav-actions > *:not(.btn-express):not(.btn-quick-search) {
    display: none !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    flex: 0 1 var(--fixeo-v8-urgent-max) !important;
    width: auto !important;
    max-width: var(--fixeo-v8-urgent-max) !important;
    min-width: 0 !important;
    height: var(--fixeo-v8-icon-size) !important;
    min-height: var(--fixeo-v8-icon-size) !important;
    margin: 0 auto 0 0 !important;
    padding: 0 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    border-radius: var(--fixeo-v8-control-radius) !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 0.77rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 6px 16px rgba(225, 48, 108, 0.12), 0 1px 0 rgba(255, 255, 255, 0.12) inset !important;
  }

  html body .navbar > .nav-actions .btn-quick-search,
  html body .navbar > .hamburger {
    width: var(--fixeo-v8-icon-size) !important;
    min-width: var(--fixeo-v8-icon-size) !important;
    height: var(--fixeo-v8-icon-size) !important;
    min-height: var(--fixeo-v8-icon-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    flex: 0 0 var(--fixeo-v8-icon-size) !important;
    border-radius: var(--fixeo-v8-control-radius) !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.10), 0 1px 0 rgba(255, 255, 255, 0.04) inset !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-text {
    display: none !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-icon {
    font-size: 0.95rem !important;
    line-height: 1 !important;
  }

  html body .navbar > .hamburger span {
    width: 15px !important;
    height: 1.8px !important;
    border-radius: 999px !important;
  }

  html body .navbar > .hamburger::after,
  html body.is-logged-in .navbar > .hamburger::after,
  html body .navbar > .nav-actions #login-btn,
  html body .navbar > .nav-actions #register-btn,
  html body .navbar > .nav-actions .lang-selector,
  html body .navbar > .nav-actions .notif-btn,
  html body .navbar > .nav-actions .nav-has-dropdown,
  html body .navbar > .nav-actions .nav-user-chip,
  html body .navbar > .nav-actions #user-info {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 605px) {
  html body {
    --fixeo-v8-logo-max: 82px !important;
    --fixeo-v8-urgent-max: 100px !important;
    --fixeo-v8-header-pad-x: 13px !important;
  }
}

@media (max-width: 533px) {
  html body {
    --fixeo-v8-logo-max: 78px !important;
    --fixeo-v8-urgent-max: 96px !important;
    --fixeo-v8-header-pad-x: 12px !important;
    --fixeo-v8-header-gap: 7px !important;
  }
}

@media (max-width: 412px) {
  html body {
    --fixeo-v8-logo-max: 68px !important;
    --fixeo-v8-urgent-max: 90px !important;
    --fixeo-v8-icon-size: 35px !important;
    --fixeo-v8-header-gap: 6px !important;
    --fixeo-v8-header-pad-x: 12px !important;
  }

  html body .navbar > .navbar-brand {
    height: 35px !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 0.75rem !important;
  }
}

@media (max-width: 390px) {
  html body {
    --fixeo-v8-logo-max: 62px !important;
    --fixeo-v8-urgent-max: 86px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.83rem !important;
  }
}

@media (max-width: 360px) {
  html body {
    --fixeo-v8-logo-max: 56px !important;
    --fixeo-v8-urgent-max: 82px !important;
    --fixeo-v8-icon-size: 34px !important;
    --fixeo-v8-header-pad-x: 11px !important;
    --fixeo-v8-header-gap: 5px !important;
    --fixeo-v8-control-radius: 11px !important;
  }

  html body .navbar > .navbar-brand,
  html body .navbar > .nav-actions {
    height: 34px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.8rem !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 0.72rem !important;
  }
}

@media (max-width: 320px) {
  html body {
    --fixeo-v8-logo-max: 48px !important;
    --fixeo-v8-urgent-max: 76px !important;
    --fixeo-v8-header-pad-x: 10px !important;
    --fixeo-v8-header-gap: 4px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: none !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 0.68rem !important;
  }
}

/* FIXEO — MOBILE HEADER V11 FINAL PERFECT (CSS ONLY / NO LOGIC) */
@media (max-width: 768px) {
  html body {
    --navbar-height: 60px !important;
    --fixeo-v11-pad-x: 14px !important;
    --fixeo-v11-gap: 8px !important;
    --fixeo-v11-icon-size: 36px !important;
    --fixeo-v11-logo-max: 98px !important;
    --fixeo-v11-urgent-max: 102px !important;
    --fixeo-v11-radius: 12px !important;
  }

  html body .navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    height: var(--navbar-height) !important;
    min-height: var(--navbar-height) !important;
    max-height: var(--navbar-height) !important;
    padding: 0 var(--fixeo-v11-pad-x) !important;
    gap: var(--fixeo-v11-gap) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, rgba(10, 13, 24, 0.985) 0%, rgba(14, 18, 30, 0.945) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075) !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12), 0 1px 0 rgba(255, 255, 255, 0.05) inset !important;
  }

  html body .navbar > .navbar-nav {
    display: none !important;
  }

  html body .navbar > .navbar-brand {
    flex: 0 1 var(--fixeo-v11-logo-max) !important;
    max-width: var(--fixeo-v11-logo-max) !important;
    min-width: 0 !important;
    width: auto !important;
    height: 36px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    align-self: center !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10), 0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
    color: rgba(255, 255, 255, 0.97) !important;
  }

  html body .navbar > .nav-actions {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: var(--fixeo-v11-icon-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--fixeo-v11-gap) !important;
    overflow: hidden !important;
  }

  html body .navbar > .nav-actions > *:not(.btn-express):not(.btn-quick-search) {
    display: none !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    flex: 0 1 var(--fixeo-v11-urgent-max) !important;
    width: auto !important;
    max-width: var(--fixeo-v11-urgent-max) !important;
    min-width: 0 !important;
    height: var(--fixeo-v11-icon-size) !important;
    min-height: var(--fixeo-v11-icon-size) !important;
    margin: 0 auto 0 0 !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    border-radius: var(--fixeo-v11-radius) !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 6px 16px rgba(225, 48, 108, 0.11), 0 1px 0 rgba(255, 255, 255, 0.12) inset !important;
  }

  html body .navbar > .nav-actions .btn-quick-search,
  html body .navbar > .hamburger {
    width: var(--fixeo-v11-icon-size) !important;
    min-width: var(--fixeo-v11-icon-size) !important;
    height: var(--fixeo-v11-icon-size) !important;
    min-height: var(--fixeo-v11-icon-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    flex: 0 0 var(--fixeo-v11-icon-size) !important;
    border-radius: var(--fixeo-v11-radius) !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.10), 0 1px 0 rgba(255, 255, 255, 0.04) inset !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-text {
    display: none !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-icon {
    font-size: 0.95rem !important;
    line-height: 1 !important;
  }

  html body .navbar > .hamburger span {
    width: 15px !important;
    height: 1.8px !important;
    border-radius: 999px !important;
  }

  html body .navbar > .hamburger::after,
  html body.is-logged-in .navbar > .hamburger::after,
  html body .navbar > .nav-actions #login-btn,
  html body .navbar > .nav-actions #register-btn,
  html body .navbar > .nav-actions .lang-selector,
  html body .navbar > .nav-actions .notif-btn,
  html body .navbar > .nav-actions .nav-has-dropdown,
  html body .navbar > .nav-actions .nav-user-chip,
  html body .navbar > .nav-actions #user-info {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 605px) {
  html body {
    --fixeo-v11-logo-max: 92px !important;
    --fixeo-v11-urgent-max: 100px !important;
    --fixeo-v11-pad-x: 13px !important;
  }
}

@media (max-width: 533px) {
  html body {
    --fixeo-v11-logo-max: 88px !important;
    --fixeo-v11-urgent-max: 96px !important;
    --fixeo-v11-pad-x: 12px !important;
    --fixeo-v11-gap: 7px !important;
  }
}

@media (max-width: 412px) {
  html body {
    --fixeo-v11-logo-max: 76px !important;
    --fixeo-v11-urgent-max: 90px !important;
    --fixeo-v11-icon-size: 35px !important;
    --fixeo-v11-gap: 6px !important;
    --fixeo-v11-pad-x: 12px !important;
  }

  html body .navbar > .navbar-brand {
    height: 35px !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 29px !important;
    height: 29px !important;
    max-height: 29px !important;
    min-width: 29px !important;
    min-height: 29px !important;
    flex-basis: 29px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.88rem !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 0.74rem !important;
  }
}

@media (max-width: 390px) {
  html body {
    --fixeo-v11-logo-max: 68px !important;
    --fixeo-v11-urgent-max: 86px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.84rem !important;
  }
}

@media (max-width: 360px) {
  html body {
    --fixeo-v11-logo-max: 60px !important;
    --fixeo-v11-urgent-max: 82px !important;
    --fixeo-v11-icon-size: 34px !important;
    --fixeo-v11-pad-x: 11px !important;
    --fixeo-v11-gap: 5px !important;
    --fixeo-v11-radius: 11px !important;
  }

  html body .navbar > .navbar-brand,
  html body .navbar > .nav-actions {
    height: 34px !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    flex-basis: 28px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.8rem !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 0.71rem !important;
  }
}

@media (max-width: 320px) {
  html body {
    --fixeo-v11-logo-max: 52px !important;
    --fixeo-v11-urgent-max: 76px !important;
    --fixeo-v11-pad-x: 10px !important;
    --fixeo-v11-gap: 4px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: none !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 0.67rem !important;
  }
}

/* FIXEO — MOBILE HEADER V12 ULTRA PREMIUM (CSS ONLY / NO LOGIC) */
@media (max-width: 768px) {
  html body {
    --navbar-height: 60px !important;
    --fixeo-v12-pad-x: 14px !important;
    --fixeo-v12-gap: 8px !important;
    --fixeo-v12-icon-size: 36px !important;
    --fixeo-v12-logo-max: 108px !important;
    --fixeo-v12-urgent-max: 100px !important;
    --fixeo-v12-radius: 12px !important;
  }

  html body .navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    height: var(--navbar-height) !important;
    min-height: var(--navbar-height) !important;
    max-height: var(--navbar-height) !important;
    padding: 1px var(--fixeo-v12-pad-x) 0 !important;
    gap: var(--fixeo-v12-gap) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, rgba(10, 13, 24, 0.985) 0%, rgba(15, 19, 31, 0.955) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.078) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.13), 0 1px 0 rgba(255, 255, 255, 0.055) inset !important;
  }

  html body .navbar > .navbar-nav {
    display: none !important;
  }

  html body .navbar > .navbar-brand {
    flex: 0 1 var(--fixeo-v12-logo-max) !important;
    max-width: var(--fixeo-v12-logo-max) !important;
    min-width: 0 !important;
    width: auto !important;
    height: 38px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    align-self: center !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 31px !important;
    height: 31px !important;
    max-height: 31px !important;
    min-width: 31px !important;
    min-height: 31px !important;
    flex: 0 0 31px !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12), 0 1px 0 rgba(255, 255, 255, 0.10) inset !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.022em !important;
    color: rgba(255, 255, 255, 0.975) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) !important;
  }

  html body .navbar > .nav-actions {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: var(--fixeo-v12-icon-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--fixeo-v12-gap) !important;
    overflow: hidden !important;
  }

  html body .navbar > .nav-actions > *:not(.btn-express):not(.btn-quick-search) {
    display: none !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    flex: 0 1 var(--fixeo-v12-urgent-max) !important;
    width: auto !important;
    max-width: var(--fixeo-v12-urgent-max) !important;
    min-width: 0 !important;
    height: var(--fixeo-v12-icon-size) !important;
    min-height: var(--fixeo-v12-icon-size) !important;
    margin: 0 auto 0 0 !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    border-radius: var(--fixeo-v12-radius) !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 6px 16px rgba(225, 48, 108, 0.11), 0 1px 0 rgba(255, 255, 255, 0.12) inset !important;
  }

  html body .navbar > .nav-actions .btn-quick-search,
  html body .navbar > .hamburger {
    width: var(--fixeo-v12-icon-size) !important;
    min-width: var(--fixeo-v12-icon-size) !important;
    height: var(--fixeo-v12-icon-size) !important;
    min-height: var(--fixeo-v12-icon-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    flex: 0 0 var(--fixeo-v12-icon-size) !important;
    border-radius: var(--fixeo-v12-radius) !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.058) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.10), 0 1px 0 rgba(255, 255, 255, 0.045) inset !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-text {
    display: none !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-icon {
    font-size: 0.95rem !important;
    line-height: 1 !important;
  }

  html body .navbar > .hamburger span {
    width: 15px !important;
    height: 1.8px !important;
    border-radius: 999px !important;
  }

  html body .navbar > .hamburger::after,
  html body.is-logged-in .navbar > .hamburger::after,
  html body .navbar > .nav-actions #login-btn,
  html body .navbar > .nav-actions #register-btn,
  html body .navbar > .nav-actions .lang-selector,
  html body .navbar > .nav-actions .notif-btn,
  html body .navbar > .nav-actions .nav-has-dropdown,
  html body .navbar > .nav-actions .nav-user-chip,
  html body .navbar > .nav-actions #user-info {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 605px) {
  html body {
    --fixeo-v12-logo-max: 101px !important;
    --fixeo-v12-urgent-max: 98px !important;
    --fixeo-v12-pad-x: 13px !important;
  }
}

@media (max-width: 533px) {
  html body {
    --fixeo-v12-logo-max: 96px !important;
    --fixeo-v12-urgent-max: 95px !important;
    --fixeo-v12-pad-x: 12px !important;
    --fixeo-v12-gap: 7px !important;
  }
}

@media (max-width: 509px) {
  html body {
    --fixeo-v12-logo-max: 90px !important;
    --fixeo-v12-urgent-max: 92px !important;
  }
}

@media (max-width: 437px) {
  html body {
    --fixeo-v12-logo-max: 82px !important;
    --fixeo-v12-urgent-max: 88px !important;
    --fixeo-v12-icon-size: 35px !important;
    --fixeo-v12-gap: 6px !important;
  }

  html body .navbar > .navbar-brand {
    height: 35px !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    flex-basis: 30px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.9rem !important;
  }
}

@media (max-width: 390px) {
  html body {
    --fixeo-v12-logo-max: 72px !important;
    --fixeo-v12-urgent-max: 84px !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 29px !important;
    height: 29px !important;
    max-height: 29px !important;
    min-width: 29px !important;
    min-height: 29px !important;
    flex-basis: 29px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.85rem !important;
  }
}

@media (max-width: 360px) {
  html body {
    --fixeo-v12-logo-max: 64px !important;
    --fixeo-v12-urgent-max: 80px !important;
    --fixeo-v12-icon-size: 34px !important;
    --fixeo-v12-pad-x: 11px !important;
    --fixeo-v12-gap: 5px !important;
    --fixeo-v12-radius: 11px !important;
  }

  html body .navbar > .navbar-brand,
  html body .navbar > .nav-actions {
    height: 34px !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    flex-basis: 28px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.81rem !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 0.71rem !important;
  }
}

@media (max-width: 320px) {
  html body {
    --fixeo-v12-logo-max: 56px !important;
    --fixeo-v12-urgent-max: 74px !important;
    --fixeo-v12-pad-x: 10px !important;
    --fixeo-v12-gap: 4px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: none !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 0.67rem !important;
  }
}

/* FIXEO — MOBILE HEADER V13 FINAL UBER (CSS ONLY / NO LOGIC) */
@media (max-width: 768px) {
  html body {
    --navbar-height: 60px !important;
    --fixeo-v13-pad-x: 14px !important;
    --fixeo-v13-gap: 8px !important;
    --fixeo-v13-icon-size: 36px !important;
    --fixeo-v13-logo-max: 112px !important;
    --fixeo-v13-urgent-max: 96px !important;
    --fixeo-v13-radius: 12px !important;
  }

  html body .navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    height: var(--navbar-height) !important;
    min-height: var(--navbar-height) !important;
    max-height: var(--navbar-height) !important;
    padding: 2px var(--fixeo-v13-pad-x) 0 !important;
    gap: var(--fixeo-v13-gap) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, rgba(10, 13, 24, 0.987) 0%, rgba(15, 19, 31, 0.958) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.13), 0 1px 0 rgba(255, 255, 255, 0.055) inset !important;
  }

  html body .navbar > .navbar-nav {
    display: none !important;
  }

  html body .navbar > .navbar-brand {
    flex: 0 1 var(--fixeo-v13-logo-max) !important;
    max-width: var(--fixeo-v13-logo-max) !important;
    min-width: 0 !important;
    width: auto !important;
    height: 38px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    align-self: center !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 32px !important;
    height: 32px !important;
    max-height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    flex: 0 0 32px !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12), 0 1px 0 rgba(255, 255, 255, 0.10) inset !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0.97rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.022em !important;
    color: rgba(255, 255, 255, 0.98) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) !important;
  }

  html body .navbar > .nav-actions {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: var(--fixeo-v13-icon-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--fixeo-v13-gap) !important;
    overflow: hidden !important;
  }

  html body .navbar > .nav-actions > *:not(.btn-express):not(.btn-quick-search) {
    display: none !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    flex: 0 1 var(--fixeo-v13-urgent-max) !important;
    width: auto !important;
    max-width: var(--fixeo-v13-urgent-max) !important;
    min-width: 0 !important;
    height: var(--fixeo-v13-icon-size) !important;
    min-height: var(--fixeo-v13-icon-size) !important;
    margin: 0 auto 0 0 !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    border-radius: var(--fixeo-v13-radius) !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 6px 16px rgba(225, 48, 108, 0.10), 0 1px 0 rgba(255, 255, 255, 0.12) inset !important;
  }

  html body .navbar > .nav-actions .btn-quick-search,
  html body .navbar > .hamburger {
    width: var(--fixeo-v13-icon-size) !important;
    min-width: var(--fixeo-v13-icon-size) !important;
    height: var(--fixeo-v13-icon-size) !important;
    min-height: var(--fixeo-v13-icon-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    flex: 0 0 var(--fixeo-v13-icon-size) !important;
    border-radius: var(--fixeo-v13-radius) !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.058) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.10), 0 1px 0 rgba(255, 255, 255, 0.045) inset !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-text {
    display: none !important;
  }

  html body .navbar > .nav-actions .btn-quick-search .bqs-icon {
    font-size: 0.95rem !important;
    line-height: 1 !important;
  }

  html body .navbar > .hamburger span {
    width: 15px !important;
    height: 1.8px !important;
    border-radius: 999px !important;
  }

  html body .navbar > .hamburger::after,
  html body.is-logged-in .navbar > .hamburger::after,
  html body .navbar > .nav-actions #login-btn,
  html body .navbar > .nav-actions #register-btn,
  html body .navbar > .nav-actions .lang-selector,
  html body .navbar > .nav-actions .notif-btn,
  html body .navbar > .nav-actions .nav-has-dropdown,
  html body .navbar > .nav-actions .nav-user-chip,
  html body .navbar > .nav-actions #user-info {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 605px) {
  html body {
    --fixeo-v13-logo-max: 104px !important;
    --fixeo-v13-urgent-max: 95px !important;
    --fixeo-v13-pad-x: 13px !important;
  }
}

@media (max-width: 533px) {
  html body {
    --fixeo-v13-logo-max: 98px !important;
    --fixeo-v13-urgent-max: 92px !important;
    --fixeo-v13-pad-x: 12px !important;
    --fixeo-v13-gap: 7px !important;
  }
}

@media (max-width: 509px) {
  html body {
    --fixeo-v13-logo-max: 92px !important;
    --fixeo-v13-urgent-max: 90px !important;
  }
}

@media (max-width: 437px) {
  html body {
    --fixeo-v13-logo-max: 84px !important;
    --fixeo-v13-urgent-max: 86px !important;
    --fixeo-v13-icon-size: 35px !important;
    --fixeo-v13-gap: 6px !important;
  }

  html body .navbar > .navbar-brand {
    height: 35px !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    flex-basis: 30px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.91rem !important;
  }
}

@media (max-width: 412px) {
  html body {
    --fixeo-v13-logo-max: 80px !important;
    --fixeo-v13-urgent-max: 84px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.88rem !important;
  }
}

@media (max-width: 390px) {
  html body {
    --fixeo-v13-logo-max: 74px !important;
    --fixeo-v13-urgent-max: 82px !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 29px !important;
    height: 29px !important;
    max-height: 29px !important;
    min-width: 29px !important;
    min-height: 29px !important;
    flex-basis: 29px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.86rem !important;
  }
}

@media (max-width: 360px) {
  html body {
    --fixeo-v13-logo-max: 66px !important;
    --fixeo-v13-urgent-max: 78px !important;
    --fixeo-v13-icon-size: 34px !important;
    --fixeo-v13-pad-x: 11px !important;
    --fixeo-v13-gap: 5px !important;
    --fixeo-v13-radius: 11px !important;
  }

  html body .navbar > .navbar-brand,
  html body .navbar > .nav-actions {
    height: 34px !important;
  }

  html body .navbar > .navbar-brand .logo-icon,
  html body .navbar > .navbar-brand img,
  html body .navbar > .navbar-brand svg {
    width: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    flex-basis: 28px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    font-size: 0.82rem !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 0.70rem !important;
  }
}

@media (max-width: 320px) {
  html body {
    --fixeo-v13-logo-max: 58px !important;
    --fixeo-v13-urgent-max: 72px !important;
    --fixeo-v13-pad-x: 10px !important;
    --fixeo-v13-gap: 4px !important;
  }

  html body .navbar > .navbar-brand .logo-text {
    display: none !important;
  }

  html body .navbar > .nav-actions > .btn-express {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 0.66rem !important;
  }
}


/* FIXEO v23.1 — Mobile artisans CTA cleanup (homepage marketplace only, UI only) */
@media (max-width: 768px) {
  #artisans-section .premium-results-header {
    gap: 12px !important;
  }

  #artisans-section .results-header-copy {
    gap: 6px !important;
  }

  #artisans-section .premium-results-header h1 {
    font-size: 24px !important;
    line-height: 1.12 !important;
  }

  #artisans-section .premium-results-header p {
    max-width: 34ch !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
  }

  #artisans-section .results-header-cta-row {
    display: flex !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
  }

  #artisans-section .results-header-cta-row .results-primary-request-btn {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    border: none !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #ff4ecd, #9b5cff) !important;
    color: #fff !important;
    font-size: 0.98rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.005em !important;
    box-shadow: 0 12px 24px rgba(255, 100, 200, 0.18) !important;
  }

  #artisans-section .results-header-cta-row .results-primary-request-btn:hover,
  #artisans-section .results-header-cta-row .results-primary-request-btn:focus-visible,
  #artisans-section .results-header-cta-row .results-primary-request-btn:active {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 26px rgba(255, 100, 200, 0.2) !important;
  }

  #artisans-section .edit-search-btn {
    align-self: flex-start !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.84) !important;
    box-shadow: none !important;
  }

  #artisans-section .results-toolbar {
    gap: 10px !important;
    margin-bottom: 14px !important;
  }

  #artisans-section .results-toolbar-badge {
    opacity: 0.78 !important;
  }

  #artisans-section .other-artisans-banner {
    margin-bottom: 14px !important;
  }

  #artisans-section .other-artisans-banner-inner {
    padding: 14px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.035) !important;
  }

  #artisans-section .result-card,
  #artisans-section .artisan-card.result-card {
    background: rgba(255, 255, 255, 0.045) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12) !important;
  }

  #artisans-section .result-card .result-actions,
  #artisans-section .result-card .card-buttons {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  #artisans-section .result-card .result-actions button,
  #artisans-section .result-card .card-buttons button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 11px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.92rem !important;
    line-height: 1.2 !important;
  }

  #artisans-section .result-card .btn-other-reserve {
    order: 1 !important;
    background: linear-gradient(135deg, #ff4ecd, #9b5cff) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(255, 100, 200, 0.18) !important;
    opacity: 1 !important;
  }

  #artisans-section .result-card .btn-other-profile {
    order: 2 !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.86) !important;
    box-shadow: none !important;
    opacity: 0.94 !important;
  }

  #artisans-section #other-see-more-wrap {
    margin-top: 18px !important;
  }

  #artisans-section #other-see-more-wrap .btn-other-see-more {
    width: 100% !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    color: rgba(255, 255, 255, 0.88) !important;
    box-shadow: none !important;
  }

  #artisans-section .container,
  #artisans-section .results-main-column,
  #artisans-section .results-list,
  #artisans-section #artisans-container.artisans-grid {
    padding-bottom: calc(136px + env(safe-area-inset-bottom, 0px)) !important;
    scroll-padding-bottom: calc(136px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #artisans-section .result-card:last-child,
  #artisans-section #other-see-more-wrap {
    scroll-margin-bottom: calc(136px + env(safe-area-inset-bottom, 0px)) !important;
  }

  #artisans-section .mobile-sticky-cta,
  #mobile-sticky-cta {
    left: 14px !important;
    right: 78px !important;
    width: auto !important;
    max-width: none !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    transform: none !important;
    border-radius: 14px !important;
    font-size: 0.92rem !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    background: linear-gradient(135deg, rgba(255, 78, 205, 0.94), rgba(155, 92, 255, 0.94)) !important;
    box-shadow: 0 8px 20px rgba(255, 100, 200, 0.16) !important;
    z-index: 950 !important;
  }

  #fixeo-chat-launcher {
    right: 14px !important;
    left: auto !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16) !important;
  }

  #fixeo-chat-launcher .launcher-label {
    display: none !important;
  }

  .back-to-top {
    right: 14px !important;
    bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
    width: 44px !important;
    height: 44px !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12) !important;
  }
}

@media (min-width: 769px) {
  #artisans-section .results-header-cta-row {
    display: none !important;
  }
}


/* FIXEO v23.2 — Mobile artisans CTA dedup + labels cleanup (section only) */
@media (max-width: 768px) {
  #artisans-section #mobile-sticky-cta,
  #artisans-section .mobile-sticky-cta {
    display: none !important;
  }

  #artisans-section .results-header-cta-row {
    margin-bottom: 0 !important;
  }

  #artisans-section .result-card .result-actions > *:nth-child(n+3),
  #artisans-section .result-card .card-buttons > *:nth-child(n+3) {
    display: none !important;
  }

  #artisans-section .result-card .btn-other-profile::before,
  #artisans-section .result-card .btn-other-profile::after,
  #artisans-section .result-card .btn-primary::before,
  #artisans-section .result-card .btn-primary::after,
  #artisans-section .result-card .ssb2-btn-profile::before,
  #artisans-section .result-card .ssb2-btn-profile::after,
  #artisans-section .result-card .btn-other-reserve::after,
  #artisans-section .result-card .btn-secondary::after,
  #artisans-section .result-card .ssb2-btn-reserve::after {
    content: none !important;
    display: none !important;
  }

  #artisans-section .result-card .btn-other-profile,
  #artisans-section .result-card .btn-primary,
  #artisans-section .result-card .ssb2-btn-profile {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #artisans-section .result-card .btn-other-reserve,
  #artisans-section .result-card .btn-secondary,
  #artisans-section .result-card .ssb2-btn-reserve {
    color: transparent !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
  }

  #artisans-section .result-card .btn-other-reserve::before,
  #artisans-section .result-card .btn-secondary::before,
  #artisans-section .result-card .ssb2-btn-reserve::before {
    content: 'Réserver' !important;
    display: inline-block !important;
    font-size: 0.92rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: #fff !important;
  }

  #artisans-section #other-see-more-wrap .btn-other-see-more {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}


/* FIXEO v23.3 — Mobile hero compact polish (hero only) */
@media (max-width: 768px) {
  #home.hero.hero-section,
  section#home.hero.hero-section {
    padding-top: calc(var(--navbar-h) + 10px) !important;
    padding-bottom: 34px !important;
    min-height: 0 !important;
  }

  #home .hero-overlay {
    opacity: 0.92 !important;
  }

  #home .hero-bubble,
  #home .hero-blob {
    opacity: 0.26 !important;
  }

  #home .hero-content {
    gap: 8px !important;
    padding-inline: 0 !important;
  }

  #home .hero-title,
  #home h1.hero-title {
    font-size: clamp(1.95rem, 8.8vw, 2.75rem) !important;
    line-height: 1.04 !important;
    margin: 0 auto 2px !important;
    max-width: 11ch !important;
  }

  #home .hero-title br {
    display: none !important;
  }

  #home .hero-subtitle {
    max-width: 34ch !important;
    margin: 0 auto 2px !important;
    padding: 0 2px !important;
    font-size: 0.94rem !important;
    line-height: 1.44 !important;
    color: rgba(255,255,255,0.8) !important;
  }

  #home #hero-quick-search,
  #home #hero-quick-search.qsm-inline-host,
  #home .hero-content > .search-box {
    order: 3 !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
  }

  #home .qsm-inline-host .qsm-bar-card {
    gap: 10px !important;
  }

  #home .qsm-inline-host .qsm-segment {
    min-height: 48px !important;
    padding: 0 12px !important;
  }

  #home .qsm-inline-host .qsm-btn-search {
    min-height: 52px !important;
    margin-top: 2px !important;
    border-radius: 16px !important;
  }

  #home .marketplace-secondary-entry {
    order: 4 !important;
    margin: 6px auto 8px !important;
    gap: 5px !important;
    width: 100% !important;
  }

  #home .btn-secondary-marketplace {
    min-height: 54px !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    font-size: 0.98rem !important;
    box-shadow: 0 12px 24px rgba(225,48,108,0.18), 0 8px 18px rgba(0,0,0,0.12) !important;
  }

  #home .marketplace-secondary-copy {
    margin-top: 4px !important;
    padding: 0 8px !important;
    font-size: 0.74rem !important;
    line-height: 1.36 !important;
    opacity: 0.76 !important;
  }

  #home .hero-artisan-entry {
    order: 5 !important;
    margin-top: 4px !important;
    padding: 10px 12px !important;
    gap: 10px !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 24px rgba(0,0,0,0.14) !important;
  }

  #home .hero-artisan-entry-copy strong {
    font-size: 0.88rem !important;
    margin-bottom: 2px !important;
  }

  #home .hero-artisan-entry-copy span {
    font-size: 0.76rem !important;
    line-height: 1.32 !important;
    color: rgba(255,255,255,0.66) !important;
  }

  #home .hero-artisan-entry-btn {
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 0.82rem !important;
    box-shadow: 0 8px 16px rgba(131,58,180,0.2) !important;
  }

  body.fixeo-mobile-hero-active #fixeo-chat-launcher,
  body.fixeo-mobile-hero-active .chat-widget {
    transform: scale(0.92) !important;
    transform-origin: bottom right !important;
    opacity: 0.82 !important;
  }

  body.fixeo-mobile-hero-active #fixeo-chat-launcher {
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.fixeo-mobile-hero-active .chat-widget {
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }
}