/* ===== site-layout.css ===== */

/* Only the four actions identified in the supplied captures. */
html body.sp-home-page.sp-site-page .index-container > .adv-banner-head {margin:0 0 20px!important;}
html body.sp-site-page :is(.sp-home-deposit-link,.sp-account-logout,.sp-login-form > input[type="submit"],.sp-login-cta > .sp-account-orange) {
 --ty-primary-action-color:#2477c9;
}
html body.ty-capture-fixes.sp-site-page .sp-login-page .sp-login-cta > .sp-account-orange,
html body.ty-capture-fixes.sp-site-page .sp-login-page .sp-login-cta > .sp-account-orange:is(:hover,:focus,:active) {
 background:#2477c9!important;background-color:#2477c9!important;border-color:#2477c9!important;color:#fff!important;
}
/* Loading stays inside its trigger and never expands the listing toolbar. */
html body.sp-site-page .sp-listing-summary-filter {position:relative;}
html body.sp-site-page .sp-listing-summary-filter > .ty-filter-loading {
 position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;
 box-sizing:border-box;padding:6px;border-radius:inherit;background:#eaf3fd;color:#2477c9;
 font:inherit;font-size:12px;line-height:1.2;white-space:normal;text-align:center;
}
html body.sp-site-page .sp-listing-summary-filter[aria-busy="true"] > .ty-filter-loading::before {
 content:"";flex:0 0 12px;width:12px;height:12px;border:2px solid #c5d9ef;border-top-color:#2477c9;border-radius:50%;
 animation:ty-filter-wait .8s linear infinite;
}
@keyframes ty-filter-wait {to {transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce) {html body.sp-site-page .sp-listing-summary-filter[aria-busy="true"] > .ty-filter-loading::before {animation:none;}}

/* TalatYai - styles regroupes dans leur ordre de priorite. */
/* Mobile overrides load last: desktop styles and access rules stay in their templates. */
@media (max-width: 900px) {
  body.sp-site-page .sp-site-surface {width: 100%; min-width: 0; padding-right: 12px; padding-left: 12px;}
  body.sp-site-page .sp-site-surface > .container-100 > .container-100-child {min-width: 0; max-width: 100%;}
  .search-results-container .sp-listing-summary .sp-listing-summary-row {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;
    padding: 8px; overflow: visible; white-space: normal;
  }
  .search-results-container .sp-listing-summary .sp-listing-summary-row > :is(.sp-location-picker, .sp-listing-summary-sellers, .sp-listing-summary-save-form, .sp-listing-summary-save, .sp-listing-summary-filter) {
    width: 100%; min-width: 0; max-width: none; margin: 0;
  }
  .search-results-container .sp-listing-summary :is(.sp-location-trigger, .sp-modern-select-trigger, .sp-listing-summary-save, .sp-listing-summary-filter) {
    box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; height: auto;
    padding: 10px; justify-content: center; white-space: normal; font-size: 17px;
  }
  .sp-listing-summary .sp-modern-select-trigger-label, .sp-location-trigger > span {min-width: 0; overflow-wrap: anywhere;}
  .search-results-container .sp-listing-summary .sp-listing-summary-save-form > button {width: 100%;}
  .search-results-listing > div.sp-search-results-grid:first-child {display: grid; grid-template-columns: minmax(0, 1fr); width: 100% !important; max-width: 100% !important; gap: 12px;}
  .sp-ad-card-container {min-width: 0; margin: 0;}
  .sp-filter-drawer, .sp-filter-category-flow-panel {max-height: 100vh; max-height: 100dvh; overscroll-behavior: contain;}
  .sp-filter-flow-body {height: calc(100vh - 72px); height: calc(100dvh - 72px);}
  .sp-filter-drawer .search-form .sp-search-fields {grid-template-columns: minmax(0, 1fr);}
  .sp-filter-drawer .search-form, .sp-filter-flow-body {padding-bottom: calc(32px + env(safe-area-inset-bottom));}
  body.sp-site-page :is(.sp-filter-drawer, .sp-filter-flow-body, .sp-signup-page, .sp-login-page, .form-deposit, .form-update) :is(input[type="text"], input[type="search"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"], select, textarea) {font-size: 17px; min-width: 0; max-width: 100%; box-sizing: border-box;}
  .sp-modern-select-panel {max-width: 100%;}
  .sp-modern-select-option {min-height: 44px; white-space: normal; overflow-wrap: anywhere;}
  .sp-invoice-row {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .sp-invoice-row > div {min-width: 0; overflow-wrap: anywhere;}
}
@media (max-width: 700px) {
  /* Logo/menu above a full-width search field. The spacer matches the fixed header. */
  body.sp-site-page header.header {height: 164px;}
  body.sp-site-page .header-end {height: 164px;}
  header.header .sp-header-shell {grid-template-rows: 112px 51px; height: 163px;}
  body.sp-site-page header.header .sp-header-shell .sp-header-main {
    display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px;
    grid-template-rows: 44px 44px; gap: 8px; height: 112px; min-height: 112px; padding: 8px 0;
  }
  header.header .sp-header-shell .sp-header-main .toggle-menu {grid-column: 1; grid-row: 1; width: 44px; height: 44px;}
  header.header .sp-header-shell .sp-header-main .header-logo {grid-column: 2; grid-row: 1; justify-content: center; min-width: 0; width: auto;}
  header.header .sp-header-shell .sp-header-main .header-logo a {display: flex; justify-content: center;}
  header.header .sp-header-shell .sp-header-main .header-logo img {width: 120px;}
  header.header .sp-header-shell .sp-header-main .header-flags {grid-column: 3; grid-row: 1; height: 44px; width: 44px;}
  header.header .sp-header-shell .sp-header-main .sp-header-search-wrap {grid-column: 1 / -1; grid-row: 2; width: 100%; min-width: 0; max-width: none;}
  header.header .sp-header-shell .sp-header-main .sp-header-search {height: 44px; min-width: 0; max-width: none;}
  header.header .sp-header-search input[type="search"] {font-size: 16px; padding: 0 12px;}
  header.header .sp-header-search input[type="search"]::placeholder {color: #62758a; opacity: 1;}
  header.header .sp-header-shell .sp-header-search button[type="submit"] {width: 44px; height: 44px; flex-basis: 44px;}
  .sp-header-main .header-links {top: 112px; height: calc(100vh - 112px); height: calc(100dvh - 112px);}
  .sp-header-main .header-links .menu {height: 100%; box-sizing: border-box; padding-bottom: calc(24px + env(safe-area-inset-bottom));}
  .sp-header-search-menu {top: 112px; max-height: calc(100vh - 124px); max-height: calc(100dvh - 124px);}
  header.header .sp-header-shell .sp-category-strip-scroll {padding-left: 0;}
  header.header .sp-category-navigation .sp-category-panel {max-height: calc(100vh - 164px); max-height: calc(100dvh - 164px);}
  body.sp-site-page .sp-site-surface--content {padding-top: 20px;}
  .sp-filter-flow-body {height: calc(100vh - 64px); height: calc(100dvh - 64px);}
  .ad-page-bloc-photo .bloc-photo .sp-ad-main-photo {display: block; position: relative; width: 100%;}
  .ad-page-bloc-photo .bloc-photo .icon-heart.sp-ad-photo-heart {right: 12px; left: auto; top: 12px; margin: 0;}
  .index-container .sp-premium-featured-label {max-width: calc(100% - 60px); box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; font-size: 15px;}
  /* Keep the list compact, with a readable title and seller beside the image. */
  .search-results-listing .background-ads-listing.sp-ad-card,
  .search-results-listing .background-ads-listing.sp-ad-card:visited {
    grid-template-columns: minmax(0, 112px) minmax(0, 1fr); gap: 12px; min-height: 0;
    height: auto; padding: 10px; align-items: start;
  }
  .search-results-listing .sp-ad-card .bloc-listing-picture.sp-ad-card-photo {
    width: 100%; max-width: none; height: 140px; min-height: 0; aspect-ratio: auto !important;
  }
  .search-results-listing .sp-ad-card-content {padding: 0; min-width: 0; justify-content: flex-start;}
  .search-results-listing .sp-ad-card .title-listing {padding-right: 28px; font-size: 17px; line-height: 1.35; overflow-wrap: anywhere;}
  .search-results-listing .sp-ad-card .price-listing {font-size: 19px; overflow-wrap: anywhere;}
  .search-results-listing .sp-ad-card-bottom {margin-top: 10px; gap: 6px; flex-wrap: wrap;}
  .search-results-listing .sp-ad-card-avatar,
  .search-results-listing .sp-ad-card-avatar.sp-ad-card-shop-logo {flex: 0 0 32px; width: 32px; height: 32px; font-size: 16px;}
  .search-results-listing .sp-ad-card-seller {flex: 1 1 0; min-width: 0; font-size: 16px;}
  .search-results-listing .sp-ad-card-seller strong {white-space: normal; font-size: 16px; overflow-wrap: anywhere;}
  .search-results-listing .sp-ad-card-seller small {font-size: 16px;}
  .search-results-listing .sp-ad-card-date {display: block; width: 100%; margin: 0; font-size: 15px; text-align: left; white-space: normal;}
  .search-results-listing .sp-ad-card-specs {grid-template-columns: minmax(0, 1fr);}
  .search-results-listing .sp-ad-card-container .icon-heart,
  .search-results-listing .sp-ad-card-container .icon-heart.selected {top: 8px; right: 8px; left: auto; width: 32px; height: 32px;}
  .search-results-listing .sp-ad-card-featured {top: 6px; left: 6px; max-width: calc(100% - 12px); box-sizing: border-box; padding: 5px; font-size: 15px; white-space: normal;}
  .search-results-listing .sp-listing-seen {right: 5px; bottom: 5px; max-width: calc(100% - 10px); font-size: 15px; white-space: normal;}
  body.sp-site-page .shop-page-container .sp-shop-profile-cover,
  body.sp-site-page .shop-page-container .sp-shop-profile-cover::after {height: 132px;}
  body.sp-site-page .shop-page-container .sp-shop-profile-logo {width: 112px; height: 112px; margin: -48px auto 0;}
  body.sp-site-page .shop-page-container .sp-shop-profile-summary {padding: 10px 16px 18px;}
  body.sp-site-page .shop-page-container .sp-shop-profile-summary p {font-size: 21px; overflow-wrap: anywhere;}
  body.sp-site-page .shop-page-container .shop-page-bloc-infos {padding: 16px; overflow-wrap: anywhere;}
  body.sp-site-page .shop-page-container .shop-page-small-container {grid-template-columns: minmax(0, 1fr);}
  body.sp-site-page .shop-page-container .sp-shop-contact-card {grid-row: auto;}
  .sp-shop-contact-details dd {min-width: 0; overflow-wrap: anywhere;}
  .sp-shop-reviews-header {flex-wrap: wrap; gap: 12px;}
  .sp-shop-comment-toggle {max-width: 100%; white-space: normal;}
  body.sp-site-page :is(.ad-page-large-container, .ad-page-small-container, .shop-page-large-container, .shop-page-small-container, .sp-signup-section) {min-width: 0; max-width: 100%; box-sizing: border-box;}
  body.sp-site-page .sp-checkout-page .sp-cart-item-main {min-width: 0; overflow-wrap: anywhere;}
  body.sp-site-page .sp-checkout-page .sp-cart-footer {flex-wrap: wrap;}
  body.sp-site-page .sp-checkout-page :is(.sp-cart-item-price, .sp-cart-total-value) {overflow-wrap: anywhere;}
  body.sp-site-page :is(dialog.sp-shop-visibility-popup, dialog.sp-shop-reviews-popup, dialog.sp-dashboard-options-popup, dialog.sp-message-confirm) {
    width: calc(100% - 24px); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px);
    padding: 24px 16px calc(20px + env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain;
  }
  body.sp-site-page :is(.sp-message-confirm-actions, .sp-visual-options-actions) {flex-wrap: wrap;}
  body.sp-site-page :is(.sp-popup-close, .sp-filter-drawer-heading > button) {min-width: 44px; min-height: 44px;}
}
@media (max-width: 360px) {
  .search-results-listing .background-ads-listing.sp-ad-card,
  .search-results-listing .background-ads-listing.sp-ad-card:visited {grid-template-columns: 88px minmax(0, 1fr); gap: 9px; padding: 8px;}
  .search-results-listing .sp-ad-card .bloc-listing-picture.sp-ad-card-photo {height: 120px;}
  .sp-signup-types {grid-template-columns: minmax(0, 1fr);}
  .sp-invoice-row {grid-template-columns: minmax(0, 1fr);}
}
@media (max-width: 930px) {
  body.sp-site-page .ad-page-parent-container {display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px;}
  body.sp-site-page .ad-page-parent-container > :is(.ad-page-large-container, .ad-page-small-container) {width: 100%; min-width: 0; margin: 0;}
  body.sp-site-page .ad-page-bloc-photo {box-sizing: border-box; width: 100%; padding: 12px;}
  body.sp-site-page .ad-page-bloc-photo .bloc-photo {height: clamp(200px, 40vh, 340px);}
  body.sp-site-page .ad-page-bloc-photo .sp-ad-main-photo {width: 100%;}
  body.sp-site-page .ad-page-bloc-photo .sp-ad-main-photo > img {width: 100%; object-fit: contain;}
  body.sp-site-page .ad-page-bloc-infos {box-sizing: border-box; max-width: 100%; overflow-wrap: anywhere;}
}
@media (max-width: 930px) {
  body.sp-site-page .messaging .conversation-recipient {flex-basis: 64px; min-height: 64px; padding-top: 8px; padding-bottom: 8px; box-sizing: border-box;}
  body.sp-site-page .messaging .conversation-message-send {gap: 8px; padding-top: 8px;}
  body.sp-site-page .messaging .conversation-message-send textarea {min-height: 44px; height: 44px; font-size: 17px;}
  body.sp-site-page .messaging .conversation-message-send > button[type="submit"] {flex-basis: 44px; width: 44px; height: 44px; padding: 10px;}
}
/* Dwell navigation and a full-height mobile drawer. */
header.header .toggle-menu {padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer;}
.sp-premium-title-mobile {display: none;}
.sp-mobile-navigation {position: fixed; inset: 0 auto 0 0; box-sizing: border-box; width: min(520px, 100%); max-width: 100%; height: 100vh; height: 100dvh; max-height: 100vh; max-height: 100dvh; margin: 0; padding: 0; border: 0; border-radius: 0; background: #fff; color: #203247; font: 400 17px/1.4 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif; overflow: hidden;}
.sp-mobile-navigation:focus {outline: none;}
.sp-mobile-navigation[open] {display: flex; flex-direction: column;}
.sp-mobile-navigation::backdrop {background: rgba(24, 35, 48, .55);}
body.sp-mobile-nav-open {position: fixed; top: var(--sp-nav-scroll); width: 100%; overflow: hidden;}
.sp-mobile-nav-heading {position: relative; flex: 0 0 76px; display: flex; align-items: center; justify-content: center; padding: env(safe-area-inset-top) 60px 0; border-bottom: 1px solid #d6dfe8;}
.sp-mobile-nav-heading img {display: block; width: 155px; max-width: 100%; height: auto;}
.sp-mobile-nav-heading > button {position: absolute; right: 12px; top: calc(16px + env(safe-area-inset-top)); display: grid; place-items: center; width: 44px; height: 44px; border: 0; background: #fff; color: #405366; font: 400 32px/1 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif; cursor: pointer;}
.sp-mobile-nav-body {flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding-bottom: calc(24px + env(safe-area-inset-bottom));}
.sp-mobile-nav-group {padding: 12px 16px; border-bottom: 1px solid #d6dfe8;}
.sp-mobile-nav-group a, .sp-mobile-nav-group button {display: flex; align-items: center; gap: 12px; box-sizing: border-box; width: 100%; min-height: 48px; padding: 10px 0; border: 0; background: transparent; color: #203247; text-decoration: none; text-align: left; white-space: normal; font: inherit; overflow-wrap: anywhere; cursor: pointer;}
.sp-mobile-nav-group svg {flex: 0 0 22px; width: 22px; height: 22px;}
.sp-mobile-nav-primary a, .sp-mobile-nav-primary button, .sp-mobile-nav-information summary {font-weight: 700; font-size: 18px;}
.sp-mobile-nav-group h2 {margin: 4px 0 10px; padding: 0; color: #627183; font: 400 16px/1.4 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;}
.sp-mobile-nav-messaging {display: flex; align-items: center; gap: 12px;}
.sp-mobile-nav-messaging:not(:has(a)) {display: none;}
.sp-mobile-nav-messaging a {flex: 1;}
.sp-mobile-favorites-count {margin-left: auto; padding: 2px 8px; border-radius: 12px; background: #eef4f8; font-size: 16px;}
.sp-mobile-nav-information summary {min-height: 44px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none;}
.sp-mobile-nav-information summary::-webkit-details-marker {display: none;}
.sp-mobile-nav-information summary::after {content: '›'; font-size: 28px;}
.sp-mobile-nav-information[open] summary::after {transform: rotate(90deg);}
.sp-mobile-nav-primary a.sp-mobile-nav-logout {color: #d46b16;}
.sp-home-carousel {position: relative; width: 100%; min-width: 0;}
.sp-home-more-card, .sp-home-carousel > button {display: none;}
@media (max-width: 700px) {
  .sp-mobile-navigation {width: 100%;}
  body.sp-site-page.sp-mobile-header-compact header.header {height: 68px;}
  body.sp-mobile-header-compact header.header .sp-header-shell {height: 67px; grid-template-rows: 67px;}
  body.sp-site-page.sp-mobile-header-compact header.header .sp-header-shell .sp-header-main { grid-template-rows: 44px; height: 67px; min-height: 67px; align-items: center; padding: 11px 0;}
  body.sp-mobile-header-compact header.header .sp-header-shell :is(.header-logo, .header-flags, .sp-category-navigation) {display: none;}
  body.sp-mobile-header-compact header.header .sp-header-shell .sp-header-search-wrap {grid-column: 2; grid-row: 1;}
  body.sp-mobile-header-compact .sp-header-search-menu {top: 68px; max-height: calc(100dvh - 80px);}
  header.header .sp-header-search {border-radius: 999px; background: #f0f3f6; border-color: #f0f3f6;}
  .index-container .list-premium {display: flex !important; flex-wrap: nowrap !important; gap: 16px; width: 100%; min-width: 0; margin: 0; padding: 0 0 8px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none;}
  .index-container .list-premium::-webkit-scrollbar {display: none;}
  .index-container .list-premium > a.background-ads-premium,
  .index-container .list-premium > a.background-ads-premium:hover,
  .index-container .list-premium > a.background-ads-premium:focus-visible {flex: 0 0 clamp(144px, 43vw, 260px); width: clamp(144px, 43vw, 260px); min-width: 0; margin: 0; padding: 0; scroll-snap-align: start; border-radius: 0; background: transparent;}
  .index-container .list-premium > a.background-ads-premium > .sp-premium-photo {overflow: hidden; border-radius: 14px;}
  .index-container .list-premium > a.background-ads-premium .bloc-premium-infos {padding: 10px 0 0;}
  .index-container .list-premium > a.background-ads-premium .sp-premium-title {font-size: 18px; line-height: 1.4;}
  .index-container .sp-premium-title-desktop {display: none;}
  .index-container .sp-premium-title-mobile {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
  .index-container .list-premium > a.background-ads-premium .sp-premium-preview {display: none;}
  .index-container .list-premium > a.background-ads-premium .sp-premium-price {font-size: 20px; overflow-wrap: anywhere;}
  .index-container .list-premium > a.background-ads-premium .sp-premium-location {font-size: 16px;}
  .index-container .list-premium > a.background-ads-premium .sp-premium-pro-badge {font-size: 15px; padding: 2px 4px;}
  .index-container .sp-premium-photo .sp-premium-heart {width: 36px; height: 36px; top: 8px; right: 8px; left: auto;}
  .index-container .list-premium > a.sp-home-more-card {display: flex; flex: 0 0 clamp(144px, 43vw, 260px); width: clamp(144px, 43vw, 260px); box-sizing: border-box; align-items: center; justify-content: center; flex-direction: column; gap: 20px; margin: 0; padding: 24px 16px; border-radius: 14px; background: #e7f3ff; color: #203247; font: 700 19px/1.4 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif; text-decoration: none; text-align: center; scroll-snap-align: start;}
  .sp-home-more-card > span {display: grid; place-items: center; width: 66px; height: 66px; border-radius: 50%; background: #fff; color: #2f80c3; font: 400 48.0px/1 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;}
  .index-container .sp-home-carousel > button {position: absolute; top: min(26vw, 155px); z-index: 6; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #e5ebf1; border-radius: 50%; background: #fff; color: #203247; font: 400 32px/1 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif; box-shadow: 0 4px 12px rgba(32, 50, 71, .16); cursor: pointer;}
  .index-container .sp-home-carousel > button[hidden] {display: none;}
  .sp-home-carousel-previous {left: 0;}
  .sp-home-carousel-next {right: 0;}
  .index-container .sp-home-premium-heading {margin-bottom: 16px;}
}
@media (max-width: 700px) {
/* Prevent the category strip's intrinsic width from expanding the header grid. */
header.header .sp-header-shell {grid-template-columns: minmax(0, 1fr); min-width: 0;}
header.header .sp-header-shell > :is(.sp-header-main, .sp-category-navigation) {min-width: 0;}
}
@media (max-width: 700px) {
  header.header .sp-header-shell {width: 100%;}
  body.sp-site-page header.header .sp-header-shell .sp-header-main {margin: 0 auto; width: calc(100% - 32px); max-width: calc(100% - 32px);}
  header.header .sp-header-shell .sp-header-main .header-logo img {width: 145px; opacity: 1;}
  header.header .sp-header-shell .sp-header-main .header-logo a::before {display: none;}
  .sp-mobile-nav-group h2 {text-transform: none; letter-spacing: normal;}
  .index-container .sp-home-categories-grid {scrollbar-width: none;}
  .index-container .sp-home-categories-grid::-webkit-scrollbar {display: none;}
}
@media (max-width: 700px) {
  .index-container .sp-home-category-card {flex-basis: clamp(144px, 40vw, 260px);}
}
.sp-category-scroll-previous, .sp-category-scroll-next {display: none;}
@media (max-width: 700px) {
  header.header .sp-header-shell .sp-header-main .sp-header-search {border-radius: 999px; border: 0; overflow: hidden; background: #f0f3f6;}
  header.header .sp-header-shell .sp-header-search button[type="submit"],
  header.header .sp-header-shell .sp-header-search button[type="submit"]:is(:hover,:focus-visible) {order: -1; border-radius: 0; border: 0; background: transparent; color: #203247; box-shadow: none;}
  header.header .sp-header-search input[type="search"] {padding-left: 0; background: transparent;}
  header.header .toggle-menu span {background: #245b88;}
  header.header .sp-header-shell .sp-category-strip-scroll {padding-left: 16px; padding-right: 56px; scrollbar-width: none;}
  header.header .sp-category-strip-scroll::-webkit-scrollbar {display: none;}
  .sp-category-scroll-previous, .sp-category-scroll-next {position: absolute; z-index: 40; top: 3px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #e5ebf1; border-radius: 50%; background: #fff; color: #203247; font: 400 30px/1 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif; box-shadow: 0 3px 10px rgba(32,50,71,.16); cursor: pointer;}
  .sp-category-scroll-previous {left: 10px;}
  .sp-category-scroll-next {right: 10px;}
  .sp-category-scroll-previous[hidden], .sp-category-scroll-next[hidden] {display: none;}
}
@media (max-width: 700px) {
  .index-container .sp-home-categories-grid {display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;}
  .index-container .sp-home-category-card {flex-shrink: 0; scroll-snap-align: start;}
}
.sp-language-mobile {display: none;}
@media (max-width: 700px) {
  .sp-language-mobile {display: block;}
  .sp-language-desktop {display: none;}
/* Language links stay above the search field and are reachable by touch. */
header.header .sp-header-shell .sp-header-main .header-flags[data-sp-language-picker] {z-index: 700; flex-basis: 64px;}
header.header .header-flags[data-sp-language-picker] > div {position: relative; top: 0; right: auto; height: 100%; display: flex; align-items: center; justify-content: flex-end;}
.sp-language-trigger {display: flex; align-items: center; justify-content: center; gap: 4px; box-sizing: border-box; min-width: 60px; min-height: 44px; padding: 0 4px; border: 0; background: transparent; color: #203247; cursor: pointer;}
header.header .header-flags[data-sp-language-picker] img {width: 28px; height: 20px; margin: 0; border: 0; object-fit: cover; border-radius: 3px;}
.sp-language-trigger > span {font: 700 18px/1 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;}
header.header .header-flags[data-sp-language-picker] ul {position: absolute; z-index: 701; right: 0; top: calc(100% - 2px); box-sizing: border-box; width: 152px; height: auto; margin: 0; padding: 6px; overflow: visible; border: 1px solid #d6e0e8; border-radius: 12px; background: #fff; box-shadow: 0 6px 20px rgba(32,50,71,.18);}
header.header .header-flags[data-sp-language-picker] ul[hidden] {display: none !important;}
header.header .header-flags[data-sp-language-picker] li {float: none; clear: none; margin: 0; padding: 0;}
header.header .header-flags[data-sp-language-picker] li a {display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 8px; border-radius: 6px; color: #203247; text-decoration: none; font: 400 16px/1.3 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;}
header.header .header-flags[data-sp-language-picker] li a:is(:hover,:focus-visible) {background: #eef5fb;}
}
.sp-mobile-favorites-count {margin-left: 0;}
@media (max-width: 700px) {
body.sp-site-page .sp-visual-options .sp-visual-option-card-head > span {position: static; inset: auto; margin: 0; flex-shrink: 0;}
body.sp-site-page .sp-visual-options .sp-visual-option-card-head > div {min-width: 0; grid-column: 2;}
body.sp-site-page .sp-visual-options .sp-visual-option-icon {grid-column: 1; grid-row: 1; font-size: 26px;}
body.sp-site-page .sp-visual-options .sp-visual-option-check {grid-column: 3; grid-row: 1; font-size: 16px;}
body.sp-site-page .sp-visual-options .sp-visual-option-card.is-selected {border: 2px solid #f58220 !important; background: #fffaf5;}
}
.sp-home-categories-carousel {position: relative; min-width: 0;}
.sp-home-category-previous, .sp-home-category-next {display: none;}
@media (max-width: 700px) {
  body.sp-site-page header.header .sp-header-shell .sp-header-main {grid-template-columns: 44px minmax(0, 1fr) 64px;}
  body.sp-site-page.sp-mobile-header-compact header.header .sp-header-shell .sp-header-main {grid-template-columns: 44px minmax(0, 1fr);}
  header.header .sp-header-shell .sp-header-main .header-flags[data-sp-language-picker] {width: 64px;}
  .sp-deposit-page .sp-deposit-steps {display: none;}
  .sp-deposit-card > h3::before, .sp-deposit-card > div > h3::before {display: none;}
  body.sp-site-page .sp-deposit-page .uploader-container[data-spuploadermaxfile] {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; box-sizing: border-box; padding: 10px;}
  .sp-deposit-page .uploader-container[data-spuploadermaxfile]::after {display: none;}
  .sp-deposit-page .uploader-container[data-spuploadermaxfile] > .p-error {grid-column: 1 / -1;}
  body.sp-site-page .sp-deposit-page .uploader-container[data-spuploadermaxfile] > :is(.upload, #ad_photo_pack_button) {float: none; box-sizing: border-box; width: 100%; height: auto; min-width: 0; aspect-ratio: 3 / 2; margin: 0;}
  .sp-deposit-page .uploader-container[data-spuploadermaxfile] > :is(.upload, #ad_photo_pack_button) > img {width: 100%; height: 100%; object-fit: contain;}
  body.sp-site-page .sp-deposit-page .uploader-container #ad_photo_pack_button > p {position: absolute; inset: auto 0 0; margin: 0; padding: 5px; background: rgba(255,255,255,.9); font-size: 15px; line-height: 1.3;}
  body.sp-site-page .sp-visual-options {max-width: 100%; min-width: 0; box-sizing: border-box;}
  body.sp-site-page .sp-visual-options .sp-visual-options-layout {grid-template-columns: minmax(0, 1fr); gap: 18px;}
  body.sp-site-page .sp-visual-options .sp-visual-options-cards {grid-template-columns: minmax(0, 1fr); gap: 14px;}
  body.sp-site-page .sp-visual-options .sp-visual-option-card {padding: 16px; min-height: 0;}
  body.sp-site-page .sp-visual-options .sp-visual-option-card-head {grid-template-columns: minmax(0, 1fr) 24px; gap: 12px;}
  body.sp-site-page .sp-visual-options .sp-visual-option-card-head > div {grid-column: 1; grid-row: 1;}
  body.sp-site-page .sp-visual-options .sp-visual-option-icon {display: none;}
  body.sp-site-page .sp-visual-options .sp-visual-option-check {grid-column: 2; width: 22px; height: 22px; box-sizing: border-box;}
  body.sp-site-page .sp-visual-options .sp-visual-option-card-head h3 {font-size: 20px !important; line-height: 1.3;}
  body.sp-site-page .sp-visual-options .sp-visual-option-card-head p {font-size: 17px; line-height: 1.5;}
  body.sp-site-page .sp-visual-options .sp-visual-option-plan {grid-template-columns: 20px minmax(0, 1fr); gap: 8px; min-height: 44px; margin: 0; padding: 10px 0; border-top: 1px solid #e4eaf0; border-radius: 0;}
  .sp-visual-option-plan .sp-visual-option-radio {width: 20px; height: 20px; box-sizing: border-box;}
  .sp-visual-option-plan .sp-visual-option-duration {font-size: 17px;}
  .sp-visual-option-plan > strong {grid-column: 2; font-size: 19px; line-height: 1.4; color: #203247; white-space: normal; overflow-wrap: anywhere;}
  .sp-home-categories-carousel > button {position: absolute; z-index: 5; top: calc(50% - 22px); display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #e5ebf1; border-radius: 50%; background: #fff; color: #203247; font: 400 30px/1 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif; box-shadow: 0 3px 10px rgba(32,50,71,.16); cursor: pointer;}
  .sp-home-categories-carousel > button[hidden] {display: none;}
  .sp-home-category-previous {left: 0;}
  .sp-home-category-next {right: 0;}
}
@media (max-width: 700px) {
/* Keep the native backing select clipped after the modern picker is created. */
body.sp-site-page .sp-deposit-page select.sp-native-select-hidden {width: 1px !important; max-width: 1px; height: 1px; min-height: 0; padding: 0;}
}
@media (max-width: 700px) {
  .index-container .sp-home-category-name {left: 10px; bottom: 12px; max-width: calc(100% - 20px); padding: 8px 10px; gap: 6px; font-size: 16px;}
  .index-container .sp-home-category-name svg {flex-basis: 16px; width: 16px; height: 16px;}
  .index-container .sp-home-category-name span {white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere;}
}

/* The category footer keeps its original desktop layout. */
@media (max-width: 700px) {
  .categories {display: none;}
}

/* Mobile/tablet finishing touches; desktop navigation and checkout stay independent. */
@media (max-width: 930px) {
 html, body, body.sp-site-page * {scrollbar-width: none;}
 html::-webkit-scrollbar, body::-webkit-scrollbar, body.sp-site-page *::-webkit-scrollbar {display: none; width: 0; height: 0;}
 html, body {scrollbar-gutter: auto;}
 body.sp-site-page .sp-checkout-page #payment-list {flex-direction: column; grid-template-columns: minmax(0,1fr); gap: 18px; margin: 0;}
 body.sp-site-page .sp-checkout-page #payment-list > div {box-sizing: border-box; width: 100%; min-width: 0; margin: 0; padding: 20px 16px; border: 1px solid #a6b9c9; border-radius: 14px;}
 body.sp-site-page .sp-checkout-page .sp-promptpay-qr {width: min(220px,100%); height: auto; max-width: 100%; margin: 16px auto;}
 body.sp-site-page .sp-checkout-page .sp-cart-row {display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: start;}
 body.sp-site-page .sp-checkout-page .sp-cart-item-label {grid-column: 1/-1; overflow-wrap: anywhere;}
 body.sp-site-page .sp-checkout-page .sp-cart-remove {justify-self: end;}
 body.sp-site-page .sp-checkout-page .sp-cart-totals {width: 100%; box-sizing: border-box;}
 body.sp-site-page .sp-checkout-page .sp-cart-totals p {display: flex; align-items: baseline; justify-content: space-between; gap: 12px;}
 body.sp-site-page .sp-checkout-page .sp-cart-totals strong {flex: 0 0 auto; white-space: nowrap;}
 body.sp-site-page .sp-checkout-page .sp-payment-card-content p {overflow-wrap: anywhere;}
 body.sp-site-page .sp-checkout-page #payment-list button {width: 100%; min-height: 46px; box-sizing: border-box; white-space: normal; line-height: 1.4; padding: 12px 16px;}
 body.sp-site-page .sp-checkout-page .sp-credit-breakdown {width: 100%;}
 body.sp-site-page .sp-checkout-page .sp-credit-breakdown p {gap: 6px 14px; flex-wrap: wrap;}
}
@media (max-width: 700px) {
 .index-container .sp-home-heading-has-more > a {display: none !important;}
 .index-container .sp-home-latest-heading {display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 8px;}
 .index-container .sp-home-latest-heading h2 {flex: 1; min-width: 0; white-space: nowrap; font-size: 21px; letter-spacing: -.25px; overflow: hidden; text-overflow: ellipsis;}
 .index-container .sp-home-latest-heading h2 a {font: inherit;}
 .index-container .sp-home-latest-heading .sp-home-latest-all {display: inline-flex !important; flex: 0 0 auto; white-space: nowrap; font-size: 16px; padding: 7px 10px;}
 body.sp-site-page header.header .sp-category-navigation .sp-category-panel-main {gap: 14px; padding: 18px 14px;}
 body.sp-site-page .sp-category-panel-main .sp-category-panel-column {gap: 18px;}
 body.sp-site-page .sp-category-panel-main :is(.sp-category-group-title,.sp-category-all) {font-size: 16px; line-height: 1.4;}
 body.sp-site-page .sp-category-panel-main .sp-category-group li a {font-size: 16px; line-height: 1.4;}
}
@media (max-width: 930px) {
 body.sp-site-page .payment-container.sp-checkout-page {width: calc(100% - 16px); margin-top: 20px;}
 body.sp-site-page .sp-checkout-page .sp-cart-summary,
 body.sp-site-page .sp-checkout-page .sp-checkout-billing {border: 1px solid #a6b9c9;}
 body.sp-site-page .sp-checkout-page .sp-cart-item-price {grid-column: 1; grid-row: 2; justify-self: start; text-align: left;}
 body.sp-site-page .sp-checkout-page .sp-cart-remove {grid-column: 2; grid-row: 2;}
 body.sp-site-page .sp-checkout-page .sp-cart-head {display: none;}
 body.sp-site-page .sp-checkout-page .sp-cart-footer {flex-direction: column; gap: 16px;}
 body.sp-site-page .sp-checkout-page .sp-cart-totals {order: 0; max-width: none; flex: none;}
 body.sp-site-page .sp-checkout-page .sp-cart-continue a,
 body.sp-site-page .sp-checkout-page #edit-billing {width: 100%; white-space: normal; text-align: center;}
}

/* Hide duplicate View all links in every home section, only on mobile/tablet. */
@media (max-width: 930px) {
    .index-container .sp-home-section-heading:not(.sp-home-latest-heading) > a,
    .index-container .sp-home-heading-has-more > a {display: none !important;}
    .index-container .sp-home-latest-heading {display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 8px;}
    .index-container .sp-home-latest-heading h2 {min-width: 0; white-space: nowrap;}
    .index-container .sp-home-latest-heading .sp-home-latest-all {display: inline-flex !important; flex: 0 0 auto; white-space: nowrap;}
    .search-results-container .sp-ad-card-container > .background-ads-listing.sp-ad-card {padding: 12px;}
}

/* TalatYai — shared modern header. */
:root {
  --ty-header-blue: #2477c9;
  --ty-header-blue-dark: #102e50;
  --ty-header-orange: #f58220;
  --ty-header-orange-dark: #d96b0b;
  --ty-header-line: #dde3e8;
}

body.sp-modern-header header.header {
  height: 72px;
  border-bottom: 3px solid var(--ty-header-line);
  background: #fff;
  box-shadow: none;
}
body.sp-modern-header .header-end {height: 72px;}
body.sp-modern-header header.header .sp-header-shell {
  width: min(calc(100% - 48px), 1480px);
  max-width: 1480px;
  height: 72px;
  margin: 0 auto;
  grid-template-rows: 72px;
}
body.sp-modern-header header.header .sp-header-main {
  width: 100%;
  max-width: none;
  min-height: 72px;
  margin: 0 auto;
  gap: 24px;
}
body.sp-modern-header .sp-header-main .header-logo {order: 1;}
body.sp-modern-header .sp-header-main .header-logo p {margin: 0;}
body.sp-modern-header .sp-header-main .header-logo img {width: 166px; margin: 0;}
body.sp-modern-header .sp-header-quick-links {
  display: flex;
  order: 2;
  align-items: center;
  gap: 10px;
}
body.sp-modern-header .sp-header-quick-links a {
  display: inline-flex;
  min-height: 44px;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  padding: 0 15px;
  border: 1.5px solid var(--ty-header-blue);
  border-radius: 9px;
  background: #fff;
  color: var(--ty-header-blue);
  font: 700 16px/1.2 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
  text-decoration: none;
}
body.sp-modern-header .sp-header-quick-links a:is(:hover, :focus-visible) {
  outline: 0;
  background: #eef5fb;
  border-color: var(--ty-header-blue-dark);
  color: var(--ty-header-blue-dark);
}
body.sp-modern-header .sp-header-quick-links svg {width: 21px; height: 21px; flex: 0 0 21px;}
body.sp-modern-header .sp-primary-nav {
  display: flex;
  order: 2;
  align-self: stretch;
  align-items: center;
  gap: 40px;
  margin-left: 28px;
}
body.sp-modern-header .sp-primary-nav a {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  color: var(--ty-header-blue-dark);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
body.sp-modern-header .sp-primary-nav a::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: transparent;
}
body.sp-modern-header .sp-primary-nav a:is(:hover, :focus-visible),
body.sp-modern-header .sp-primary-nav a.is-active {color: var(--ty-header-blue);}
body.sp-modern-header .sp-primary-nav a:is(:hover, :focus-visible)::after,
body.sp-modern-header .sp-primary-nav a.is-active::after {background: var(--ty-header-blue);}
body.sp-modern-header .sp-header-search-wrap {display: block;}
body.sp-modern-header header.header .sp-category-navigation {display: none;}
body.sp-modern-header .sp-header-main .header-links {order: 3; flex: 0 0 auto; margin: 0 0 0 auto;}
body.sp-modern-header .sp-header-main .header-links .menu {gap: 14px;}
body.sp-modern-header .sp-header-main .sp-header-deposit {
	order: 4;
  min-height: 46px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  padding: 0 20px;
  border: 1px solid var(--ty-header-orange);
  border-radius: 10px;
  background: var(--ty-header-orange);
  box-shadow: none;
  color: #fff;
  font: 700 16px/1 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
}
body.sp-modern-header .sp-header-main .header-flags {order: 5; margin-left: 0;}
body.sp-modern-header .sp-header-main .sp-header-deposit:is(:hover, :focus-visible) {
  border-color: var(--ty-header-orange-dark);
  background: var(--ty-header-orange-dark);
  text-decoration: none;
}

@media (min-width: 961px) {
  body.sp-modern-header .sp-header-main .header-links .ring,
  body.sp-modern-header .sp-header-main .header-links .selection {
    position: relative;
    display: flex;
    min-width: 98px;
    height: 64px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 43px 8px 3px;
    color: var(--ty-header-blue);
    font-size: 16px;
    line-height: 1.1;
    text-align: center;
  }
  body.sp-modern-header .sp-header-main .header-links .ring {min-width: 122px;}
  body.sp-modern-header .sp-header-main .header-links .ring::before,
  body.sp-modern-header .sp-header-main .header-links .selection::before {
    position: absolute;
    top: 1px;
    left: 50%;
    width: 39px;
    height: 39px;
    margin: 0 0 0 -19.5px;
    border: 0;
    border-radius: 50%;
    background-color: #eef5ff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    -webkit-mask: none;
    mask: none;
  }
  body.sp-modern-header .sp-header-main .header-links .ring::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232477c9' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='m14.5 14.5 5 5M10 7v6M7 10h6'/%3E%3C/svg%3E");
  }
  body.sp-modern-header .sp-header-main .header-links .selection::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232477c9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1.1-1a5.5 5.5 0 0 0-7.8 7.8l1.1 1L12 21l7.8-7.6a5.5 5.5 0 0 0 1-8.8Z'/%3E%3C/svg%3E");
  }
}

@media (min-width: 961px) {
  body.sp-modern-header .sp-header-main .toggle-menu {display: none;}
  body.sp-modern-header .sp-header-main .header-links {
    position: static;
    display: block;
    width: auto;
    height: auto;
    top: auto;
    left: auto;
    background: transparent;
  }
  body.sp-modern-header .sp-header-main .header-links .menu {
    position: static;
    display: flex;
    width: auto;
    height: auto;
    left: auto;
    padding: 0;
    overflow: visible;
    background: transparent;
  }
  body.sp-modern-header .sp-header-main .header-links .ring,
  body.sp-modern-header .sp-header-main .header-links .selection,
  body.sp-modern-header .sp-header-main .header-links .connexion,
  body.sp-modern-header .sp-header-main .header-links .deconnexion {
    display: inline-flex;
    width: auto;
    margin: 0;
  }
  body.sp-modern-header .sp-header-main .header-links .sp-mobile-deposit {display: none !important;}
  body.sp-modern-header .sp-header-main .sp-header-deposit {display: inline-flex;}
}

@media (max-width: 1180px) {
  body.sp-modern-header .sp-header-quick-links {gap: 7px;}
  body.sp-modern-header .sp-header-quick-links a {padding: 0 11px; font-size: 16px;}
  body.sp-modern-header .sp-primary-nav {gap: 24px; margin-left: 12px;}
  body.sp-modern-header .sp-header-main .header-links .ring {display: none;}
}

@media (max-width: 960px) {
  body.sp-modern-header .sp-header-quick-links {display: none;}
  body.sp-modern-header .sp-primary-nav {display: none;}
  body.sp-modern-header header.header .sp-header-main {
    width: 100%;
    max-width: none;
    gap: 10px;
  }
  body.sp-modern-header header.header .sp-header-shell {width: calc(100% - 32px);}
  body.sp-modern-header .sp-header-main .header-logo {margin-right: auto;}
  body.sp-modern-header .sp-header-main .sp-header-deposit {display: none;}
  body.sp-modern-header .sp-header-main .header-flags {margin-left: 0;}
}

@media (max-width: 700px) {
  body.sp-modern-header header.header,
  body.sp-modern-header.sp-mobile-header-compact header.header {height: 72px;}
  body.sp-modern-header header.header .sp-header-shell,
  body.sp-modern-header.sp-mobile-header-compact header.header .sp-header-shell {
    height: 72px;
    grid-template-rows: 72px;
  }
  body.sp-modern-header header.header .sp-header-shell .sp-header-main,
  body.sp-modern-header.sp-mobile-header-compact header.header .sp-header-shell .sp-header-main {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 64px;
    grid-template-rows: 44px;
    height: 72px;
    min-height: 72px;
    align-items: center;
    padding: 14px 0;
  }
  body.sp-modern-header.sp-mobile-header-compact header.header .sp-header-shell .header-logo,
  body.sp-modern-header.sp-mobile-header-compact header.header .sp-header-shell .header-flags {display: flex;}
  body.sp-modern-header header.header .sp-header-main .header-logo {
    grid-column: 2;
    grid-row: 1;
    justify-content: center;
  }
  body.sp-modern-header header.header .sp-header-main .header-logo img {width: 142px;}
  body.sp-modern-header header.header .sp-header-main .toggle-menu {grid-column: 1; grid-row: 1;}
  body.sp-modern-header header.header .sp-header-main .header-flags {grid-column: 3; grid-row: 1;}
  body.sp-modern-header .sp-header-main .header-links {top: 72px; height: calc(100dvh - 72px);}
  body.sp-modern-header .header-end {height: 72px;}
}

/* Prevent the desktop header from overflowing on laptops and scaled screens. */
@media (min-width: 961px) and (max-width: 1400px) {
  body.sp-modern-header .sp-header-quick-links {display: none;}
  body.sp-modern-header header.header .sp-header-main {
    gap: 14px;
  }
  body.sp-modern-header .sp-header-main .header-links .menu {
    gap: 8px;
  }
  body.sp-modern-header .sp-header-main .sp-header-deposit {
    padding-right: 16px;
    padding-left: 16px;
  }
}


/* Colonnes de l'en-tête bureau : logo | recherche | compte | Déposer | drapeaux.
   Remplace la grille héritée de design.css (2e colonne figée à 210 px). */
@media (min-width: 961px) {
  body.sp-modern-header header.header .sp-header-shell > .sp-header-main {
    grid-template-columns: 166px minmax(190px, 1fr) auto auto 55px;
    grid-template-rows: 72px;
    gap: 14px;
  }
  body.sp-modern-header .sp-header-main > .header-logo {grid-column: 1; grid-row: 1;}
  body.sp-modern-header .sp-header-main > .sp-header-search-wrap {grid-column: 2; grid-row: 1; width: 100%; min-width: 190px; max-width: none;}
  body.sp-modern-header .sp-header-main > .header-links {grid-column: 3; grid-row: 1; justify-self: end; margin-left: 0;}
  body.sp-modern-header .sp-header-main > .sp-header-deposit {grid-column: 4; grid-row: 1;}
  body.sp-modern-header .sp-header-main > .header-flags {grid-column: 5; grid-row: 1;}
}

/* ==========================================================================
   En-tête de toutes les pages : même colonne que le contenu (1200 px max)
   ========================================================================== */
@media (min-width: 961px) {
  body.sp-modern-header header.header .sp-header-shell {box-sizing: border-box; width: min(90%, 1200px); max-width: none; margin-right: auto; margin-left: auto;}
  body.sp-modern-header header.header .sp-header-shell .sp-header-main {width: 100%; max-width: none;}
}
@media (min-width: 961px) and (max-width: 1023px) {
  body.sp-modern-header header.header .sp-header-shell {width: calc(100% - 36px);}
}

/* Pages de résultats : le contenu prenait 1080 px alors que l'en-tête, le footer des
   catégories et les autres pages font 1200 px. Même colonne partout (le tableau de bord
   du compte garde sa largeur compacte de 900 px). */
@media (min-width: 931px) {
  body.sp-modern-header .sp-site-surface--content .search-results-container:not(.shop):not(.sp-dashboard-results) {max-width: none;}
}

/* Logo : au survol, la règle générique "a:hover img { opacity: 1 !important }" de design.css
   rendait visible l'image d'origine par-dessus le logo bleu (masque), d'où l'effet "plus épais".
   Sur ordinateur, l'image reste masquée au survol et au focus. */
@media (min-width: 701px) {
  @supports ((-webkit-mask-image: url("../images/logo.png")) or (mask-image: url("../images/logo.png"))) {
    header.header .sp-header-shell .sp-header-main .header-logo a:hover img,
    header.header .sp-header-shell .sp-header-main .header-logo a:focus img,
    header.header .sp-header-shell .sp-header-main .header-logo a:focus-visible img {opacity: 0 !important;}
  }
}

/* Clic sur le logo et sur "Déposer une annonce" : pas de saut ni de clignotement.
   - le bouton ne change plus d'opacité (règle générique .button:hover : .9 sur 600 ms) ;
   - pas de rectangle gris de surbrillance au toucher, ni de zoom au double tap (mobile) ;
   - la place de la barre de défilement est toujours réservée sur ordinateur : la page ne
     se décale plus de quelques pixels quand on passe d'une page courte à une page longue. */
body.sp-modern-header header.header .sp-header-main :is(.sp-header-deposit, .sp-mobile-deposit):is(:hover, :focus, :active) {opacity: 1; transition: none;}
body.sp-modern-header header.header .sp-header-main :is(.header-logo a, .sp-header-deposit, .sp-mobile-deposit) {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
@media (min-width: 931px) {
  html {scrollbar-gutter: stable;}
}

/* Recherche visible sur téléphone et tablette. */
@media (max-width: 960px) {
  body.sp-modern-header .sp-header-main > .sp-header-search-wrap {display: block; min-width: 0; max-width: none;}
}
@media (max-width: 700px) {
  body.sp-modern-header:not(.sp-mobile-header-compact) header.header {height: 124px;}
  body.sp-modern-header:not(.sp-mobile-header-compact) header.header .sp-header-shell {height: 124px; grid-template-rows: 124px;}
  body.sp-modern-header:not(.sp-mobile-header-compact) header.header .sp-header-shell .sp-header-main {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 64px;
    grid-template-rows: 44px 44px;
    height: 124px;
    min-height: 124px;
    gap: 8px;
    padding: 10px 0;
  }
  body.sp-modern-header:not(.sp-mobile-header-compact) header.header .sp-header-main .toggle-menu {grid-column: 1; grid-row: 1;}
  body.sp-modern-header:not(.sp-mobile-header-compact) header.header .sp-header-main .header-logo {grid-column: 2; grid-row: 1; justify-content: center; margin: 0;}
  body.sp-modern-header:not(.sp-mobile-header-compact) header.header .sp-header-main .header-flags {grid-column: 3; grid-row: 1;}
  body.sp-modern-header:not(.sp-mobile-header-compact) header.header .sp-header-main .sp-header-search-wrap {grid-column: 1 / -1; grid-row: 2; width: 100%;}
  body.sp-modern-header:not(.sp-mobile-header-compact) .sp-header-main .header-links {top: 124px; height: calc(100dvh - 124px);}
  body.sp-modern-header:not(.sp-mobile-header-compact) .header-end {height: 124px;}

  body.sp-modern-header.sp-mobile-header-compact header.header {height: 68px;}
  body.sp-modern-header.sp-mobile-header-compact header.header .sp-header-shell {height: 67px; grid-template-rows: 67px;}
  body.sp-modern-header.sp-mobile-header-compact header.header .sp-header-shell .sp-header-main {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: 44px;
    height: 67px;
    min-height: 67px;
    gap: 8px;
    padding: 11px 0;
  }
  body.sp-modern-header.sp-mobile-header-compact header.header .sp-header-main .toggle-menu {grid-column: 1; grid-row: 1;}
  body.sp-modern-header.sp-mobile-header-compact header.header .sp-header-main :is(.header-logo, .header-flags) {display: none;}
  body.sp-modern-header.sp-mobile-header-compact header.header .sp-header-main .sp-header-search-wrap {grid-column: 2; grid-row: 1; width: 100%;}
}

/* Suggestions simples, lisibles et classées par catégorie. */
body.sp-modern-header .sp-header-search-menu {padding: 14px 20px; border-radius: 18px;}
body.sp-modern-header .sp-header-search-menu section {padding: 15px 4px;}
body.sp-modern-header .sp-header-title-search label {gap: 14px; font-size: 17px;}
body.sp-modern-header .sp-header-title-search input[type="checkbox"] {width: 25px; height: 25px;}
body.sp-modern-header .sp-header-live-suggestions h2 {margin-bottom: 12px; color: #24364b; font-size: 17px; letter-spacing: 0; text-transform: none;}
body.sp-modern-header .sp-header-suggestion-link {min-height: 52px; gap: 15px; padding: 7px 10px; font-size: 17px;}
body.sp-modern-header .sp-header-suggestion-icon {flex-basis: 28px;}
body.sp-modern-header .sp-header-suggestion-icon svg {width: 26px; height: 26px;}
body.sp-modern-header .sp-header-suggestion-link strong {color: #c94e0a; font-weight: 600;}

/* Connexion : icône verticale à la place du bouton encadré. */
@media (min-width: 961px) {
  body.sp-site-page.sp-modern-header .sp-header-main .header-links .connexion.sp-header-login,
  body.sp-site-page.sp-modern-header .sp-header-main .header-links .connexion.sp-header-login:is(:visited, :hover, :focus, :active) {
    flex-direction: column;
    gap: 0;
    width: 76px;
    min-width: 76px;
    max-width: 76px;
    height: 54px;
    min-height: 54px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #087cf0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.15;
  }
  body.sp-site-page.sp-modern-header .header-links .connexion.sp-header-login::before {display: none; content: none;}
  body.sp-site-page.sp-modern-header .sp-header-login svg {display: block; width: 29px; height: 29px; flex: 0 0 29px;}
  body.sp-site-page.sp-modern-header .sp-header-login span {display: block;}
  body.sp-site-page.sp-modern-header .sp-header-login:is(:hover, :focus-visible) {background: #f2f8ff;}
}

/* Page d’annonces : apparence du bouton Filtres uniquement. */
body.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-filter,
body.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-filter:is(:hover, :focus, :active) {
  display: inline-flex;
  flex: 0 0 126px;
  width: 126px;
  min-width: 126px;
  max-width: 126px;
  height: 86px;
  min-height: 86px;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 9px 10px;
  border: 1px solid #d2e2f1;
  border-radius: 14px;
  background: #eaf4fd;
  color: #2477c9;
  box-shadow: none;
  font-size: 16px;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  opacity: 1;
}
body.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-filter:hover {background: #f5f9fd; color: #f58220;}
body.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-filter svg {width: 30px; height: 30px; flex: 0 0 30px;}
body.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-filter span {padding: 0; font-size: inherit; line-height: inherit;}

body.sp-site-page .sp-listing-summary-search {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1 1 300px;
  min-width: 230px;
  height: 42px;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0 7px 0 13px;
  border: 1.5px solid #2f80c3;
  border-radius: 23px;
  background: #fff;
}
body.sp-site-page .sp-listing-summary-search > svg {flex: 0 0 20px; width: 20px; height: 20px; color: #2f80c3;}
body.sp-site-page .sp-listing-summary-search > input[type="search"] {
  min-width: 0;
  flex: 1 1 auto;
  height: 38px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #263447;
  font: 400 16px/1.3 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
}
body.sp-site-page .sp-listing-summary-search > button {
  display: grid;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  place-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #2f80c3;
  color: #fff;
  font: 700 18px/1 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
  cursor: pointer;
}
body.sp-site-page .sp-listing-summary-search > button > svg {width: 18px; height: 18px;}
body.sp-site-page .sp-listing-summary-search:focus-within {box-shadow: 0 0 0 3px rgba(47,128,195,.14);}
body.sp-site-page .sp-listing-subcategory-menu {
  position: absolute;
  z-index: 1000;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  box-sizing: border-box;
  max-height: 310px;
  padding: 7px;
  overflow-y: auto;
  border: 1px solid #cbd8e4;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(22,47,72,.18);
}
body.sp-site-page .sp-listing-subcategory-menu[hidden],
body.sp-site-page .sp-listing-subcategory-menu > button[hidden] {display: none !important;}
body.sp-site-page .sp-listing-subcategory-menu > button {
  display: block;
  width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  margin: 0;
  padding: 9px 12px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: #263447;
  font: 400 16px/1.35 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
  text-align: left;
  cursor: pointer;
}
body.sp-site-page .sp-listing-subcategory-menu > button:hover,
body.sp-site-page .sp-listing-subcategory-menu > button:focus-visible {outline: 0; background: #edf6fd; color: #2477c9;}
body.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-filter {position: relative; z-index: 1; pointer-events: auto;}

body.sp-site-page .search-results-container .listing-infos.sp-listing-summary,
body.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-row {
  position: relative;
  z-index: 40;
  overflow: visible !important;
}

@media (max-width: 900px) {
  body.sp-site-page .sp-listing-summary-row {flex-wrap: wrap;}
  body.sp-site-page .sp-listing-summary-search,
  body.sp-site-page .sp-location-picker {flex: 1 1 100%; min-width: 100%; max-width: none;}
}

/* En-tete bureau : recherche, compte et actions plus lisibles. */
@media (min-width: 961px) {
  body.sp-modern-header header.header {
    border-bottom-color: #b9c9d6;
  }
  body.sp-modern-header header.header .sp-header-search {
    height: 52px;
    border: 2px solid #86a9c6;
    border-radius: 12px;
    background: #fff;
  }
  body.sp-modern-header header.header .sp-header-search:focus-within {
    border-color: var(--ty-header-blue);
    box-shadow: 0 0 0 4px rgba(36, 119, 201, .14);
  }
  body.sp-modern-header header.header .sp-header-search input[type="search"] {
    padding: 0 20px;
    color: #17324d;
    font: 600 20px/1.2 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
  }
  body.sp-modern-header header.header .sp-header-search input[type="search"]::placeholder {
    color: #526b82;
    opacity: 1;
  }
  body.sp-modern-header header.header .sp-header-search button[type="submit"] {
    flex: 0 0 64px;
    width: 64px;
    height: 48px;
    margin: 0;
    border-radius: 0 10px 10px 0;
  }
  body.sp-modern-header header.header .sp-header-search button[type="submit"] svg {
    width: 25px;
    height: 25px;
    transform: none;
  }
  body.sp-site-page.sp-modern-header .sp-header-main .header-links .connexion.sp-header-login,
  body.sp-site-page.sp-modern-header .sp-header-main .header-links .connexion.sp-header-login:is(:visited, :hover, :focus, :active) {
    flex-direction: row;
    gap: 9px;
    width: 142px;
    min-width: 142px;
    max-width: 142px;
    height: 48px;
    min-height: 48px;
    padding: 0 13px;
    border: 1.5px solid #8db1cf;
    border-radius: 10px;
    background: #f7fbff;
    color: #176db7;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
  }
  body.sp-site-page.sp-modern-header .sp-header-login svg {
    width: 25px;
    height: 25px;
    flex-basis: 25px;
  }
  body.sp-site-page.sp-modern-header .sp-header-login:is(:hover, :focus-visible) {
    border-color: var(--ty-header-blue);
    background: #eaf4fd;
  }
  body.sp-modern-header .sp-header-main .sp-header-deposit {
    min-height: 48px;
    font-size: 16px;
    letter-spacing: .01em;
  }
  body.sp-modern-header .sp-header-main .header-flags.sp-language-desktop > div {
    border: 1px solid #c4d2de;
    border-radius: 9px;
    background: #f8fafc;
  }
}

/* Match the wider site canvas on desktop. */
@media (min-width: 1024px) {
  body.sp-modern-header header.header .sp-header-shell {
    width: min(94%, 1400px);
  }
}

/* ===== home-modern.css ===== */
/* TalatYai homepage — professional blue/orange redesign. */
:root {
  --ty-home-blue: #2477c9;
  --ty-home-blue-dark: #102e50;
  --ty-home-orange: #f58220;
  --ty-home-orange-dark: #d96b0b;
  --ty-home-surface: #f5f7f9;
  --ty-home-line: #dde3e8;
  --ty-home-muted: #667789;
}

.sp-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.sp-home-page {
  color: var(--ty-home-blue-dark);
  font-family: var(--ty-font);
}

/* One-line, product-like navigation on the homepage. */
body.sp-home-page header.header {
  height: 72px;
  border-bottom: 3px solid var(--ty-home-line);
  background: #fff;
  box-shadow: none;
}
body.sp-home-page .header-end {height: 72px;}
body.sp-home-page header.header .sp-header-shell {
  height: 72px;
  grid-template-rows: 72px;
}
body.sp-home-page header.header .sp-header-main {
  width: min(calc(100% - 48px), 1480px);
  max-width: 1480px;
  min-height: 72px;
  gap: 24px;
}
body.sp-home-page .sp-header-main .header-logo {order: 1;}
body.sp-home-page .sp-header-main .header-logo p {margin: 0;}
body.sp-home-page .sp-header-main .header-logo img {width: 166px; margin: 0;}
body.sp-home-page .sp-primary-nav {
  display: flex;
  order: 2;
  align-self: stretch;
  align-items: center;
  gap: 40px;
  margin-left: 28px;
}
body.sp-home-page .sp-primary-nav a {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  color: var(--ty-home-blue-dark);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
body.sp-home-page .sp-primary-nav a::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: transparent;
}
body.sp-home-page .sp-primary-nav a:is(:hover, :focus-visible),
body.sp-home-page .sp-primary-nav a.is-active {color: var(--ty-home-blue);}
body.sp-home-page .sp-primary-nav a:is(:hover, :focus-visible)::after,
body.sp-home-page .sp-primary-nav a.is-active::after {background: var(--ty-home-blue);}
body.sp-home-page .sp-header-search-wrap,
body.sp-home-page header.header .sp-category-navigation {display: none;}
body.sp-home-page .sp-header-main .header-links {order: 3; flex: 0 0 auto; margin: 0 0 0 auto;}
body.sp-home-page .sp-header-main .header-links .menu {gap: 14px;}
body.sp-home-page .sp-header-main .sp-header-deposit {
  order: 4;
  min-height: 46px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  padding: 0 20px;
  border: 1px solid var(--ty-home-orange);
  border-radius: 10px;
  background: var(--ty-home-orange);
  box-shadow: none;
  color: #fff;
  font: 700 16px/1 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
}
body.sp-home-page .sp-header-main .header-flags {order: 5; margin-left: 0;}
body.sp-home-page .sp-header-main .sp-header-deposit:is(:hover, :focus-visible) {
  border-color: var(--ty-home-orange-dark);
  background: var(--ty-home-orange-dark);
  text-decoration: none;
}

/* Homepage canvas and hero. */
body.sp-home-page .sp-site-surface--home,
body.sp-home-page .sp-home-canvas {background: #fff;}
body.sp-home-page .index-container {
  box-sizing: border-box;
  width: min(calc(100% - 64px), 1480px);
  max-width: 1480px;
  margin: 0 auto;
  padding: 18px 0 72px;
}

/* Seller line: reviews open in a popup; the round logo sits in front of the seller name. */
body.sp-home-page .index-container .sp-premium-seller {
  min-height: 56px;
  gap: 10px;
  padding: 7px 10px;
}
body.sp-home-page .index-container .sp-premium-seller-name {order: 1;}
body.sp-home-page .index-container .sp-premium-seller-rating {
  order: 2;
  margin-left: auto;
}
body.sp-home-page .index-container .sp-premium-seller-rating[data-shop-reviews-url] {
  padding: 7px 9px;
  border-radius: 999px;
  cursor: pointer;
}
body.sp-home-page .index-container .sp-premium-seller-rating[data-shop-reviews-url]:is(:hover, :focus-visible) {
  outline: 0;
  background: #eaf4fb;
  box-shadow: 0 0 0 2px rgba(47, 128, 195, .24);
}
body.sp-home-page .index-container .sp-premium-seller-avatar {
  order: 0;
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(25, 48, 71, .18);
}
body.sp-home-page .index-container .sp-premium-seller-avatar.has-logo {background: #fff;}
body.sp-home-page .index-container .sp-premium-seller-avatar img {object-fit: contain;}
@media (max-width: 700px) {
  body.sp-home-page .index-container .sp-premium-seller-avatar {width: 38px; height: 38px;}
}
body.sp-home-page .index-container .sp-home-hero {
  position: relative;
  display: flex;
  min-height: 306px;
  aspect-ratio: auto;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 0 36px;
  padding: 42px clamp(28px, 6vw, 96px) 32px;
  overflow: visible;
  border: 1px solid #e7ebef;
  border-radius: 14px;
  background: var(--ty-home-surface);
  isolation: auto;
}
body.sp-home-page .index-container .sp-home-hero-copy {
  position: static;
  width: auto;
  max-width: 900px;
  padding: 0;
  transform: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  text-align: center;
}
body.sp-home-page .sp-home-eyebrow {
  margin: 0 0 12px;
  color: var(--ty-home-blue);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1.3;
  text-transform: uppercase;
}
body.sp-home-page .index-container .sp-home-hero-copy h1 {
  margin: 0;
  color: var(--ty-home-blue-dark);
  font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.05;
  text-align: center;
}
body.sp-home-page .index-container .sp-home-hero-copy .sp-home-intro {
  margin: 10px 0 0;
  color: var(--ty-home-blue-dark);
  font-size: clamp(18px, 1.7vw, 23px);
  line-height: 1.4;
  text-align: center;
}
body.sp-home-page .sp-home-search-wrap {
  position: relative;
  z-index: 20;
  width: min(100%, 1160px);
  margin: 26px auto 0;
}
body.sp-home-page .sp-home-search {
  display: grid;
  grid-template-columns: minmax(260px, 1.45fr) minmax(175px, .75fr) minmax(190px, .8fr) auto;
  width: 100%;
  min-height: 68px;
  box-sizing: border-box;
  align-items: stretch;
  margin: 0;
  padding: 5px;
  border: 1px solid #d5dde4;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(16, 46, 80, .07);
}
body.sp-home-page .sp-home-search-field {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
  box-sizing: border-box;
  padding: 0 20px;
  color: var(--ty-home-blue-dark);
}
body.sp-home-page .sp-home-search-field + .sp-home-search-field::before {
  content: '';
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
  width: 1px;
  background: var(--ty-home-line);
}
body.sp-home-page .sp-home-search-field svg {
  flex: 0 0 23px;
  width: 23px;
  height: 23px;
}
body.sp-home-page .sp-home-search :is(input, select) {
  width: 100%;
  min-width: 0;
  height: 56px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ty-home-blue-dark);
  font: 400 16px/1.3 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
}
body.sp-home-page .sp-home-search input::placeholder {color: #65778a; opacity: 1;}
body.sp-home-page .sp-home-search select {cursor: pointer;}
body.sp-home-page .sp-home-search-field .sp-modern-select {min-width: 0;}
body.sp-home-page .sp-home-search-field .sp-modern-select-trigger {
  min-height: 56px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ty-home-blue-dark);
  font-size: 16px;
}
body.sp-home-page .sp-home-search-field .sp-modern-select-trigger:is(:hover, :focus-visible),
body.sp-home-page .sp-home-search-field .sp-modern-select.is-open .sp-modern-select-trigger {border: 0; box-shadow: none;}
body.sp-home-page .sp-home-search-field .sp-modern-select-panel {
  top: calc(100% + 10px);
  left: -55px;
  width: 340px;
  min-width: 280px;
  padding: 10px;
  border-radius: 12px;
}
body.sp-home-page .sp-home-search-field .sp-modern-select-list {max-height: min(48vh, 360px);}
body.sp-home-page .sp-home-search > button[type="submit"] {
  display: inline-flex;
  min-width: 176px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 0 25px;
  border: 0;
  border-radius: 8px;
  background: var(--ty-home-orange);
  color: #fff;
  cursor: pointer;
  font: 700 16px/1 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
}
body.sp-home-page .sp-home-search > button[type="submit"]:is(:hover, :focus-visible) {
  outline: 0;
  background: var(--ty-home-orange-dark);
}
body.sp-home-page .sp-home-search > button[type="submit"] svg {width: 22px; height: 22px;}
body.sp-home-page .sp-home-search-menu {
  top: calc(100% + 10px);
  width: 100%;
  min-width: 0;
  max-height: min(62vh, 560px);
  text-align: left;
}
body.sp-home-page .sp-home-deposit-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 17px;
  color: var(--ty-home-blue);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
body.sp-home-page .sp-home-deposit-link:is(:hover, :focus-visible) {text-decoration: underline;}

/* Shared section heading. */
body.sp-home-page .index-container .sp-home-section-heading {
  gap: 24px;
  margin: 0 0 18px;
}
body.sp-home-page .index-container .sp-home-section-heading h2,
body.sp-home-page .index-container .sp-home-latest-heading h2 {
  margin: 0;
  padding: 0;
  color: var(--ty-home-blue-dark);
  background: none;
  font: 700 27px/1.25 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
  letter-spacing: -.025em;
  text-transform: none;
}
body.sp-home-page .index-container .sp-home-section-heading > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ty-home-blue);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
body.sp-home-page .index-container .sp-home-section-heading > a:is(:hover, :focus-visible) {text-decoration: underline;}

/* Large visual category cards. */
body.sp-home-page .index-container .sp-home-categories {margin: 0 0 42px;}
body.sp-home-page .index-container .sp-home-categories-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  overflow: visible;
  padding: 0;
}
body.sp-home-page .index-container .sp-home-category-card,
body.sp-home-page .index-container .sp-home-category-card:is(:hover, :focus-visible) {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 4 / 5 !important;
  box-sizing: border-box;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  background: #eaf0f5;
  box-shadow: none;
  color: var(--ty-home-blue-dark);
  text-decoration: none;
  transform: none;
}
body.sp-home-page .index-container .sp-home-category-card > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .22s ease;
}
body.sp-home-page .index-container .sp-home-category-card > span {
  position: absolute;
  right: 14px;
  bottom: 14px;
  left: 14px;
  display: flex;
  width: max-content;
  max-width: calc(100% - 28px);
  min-height: 42px;
  box-sizing: border-box;
  align-items: center;
  gap: 9px;
  padding: 0 14px;
  overflow: hidden;
  z-index: 2;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(16, 46, 80, .13);
  color: var(--ty-home-blue-dark);
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.sp-home-page .index-container .sp-home-category-card span svg {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  color: var(--ty-home-blue);
}
body.sp-home-page .index-container .sp-home-category-card:hover {outline: 0;}
body.sp-home-page .index-container .sp-home-category-card:focus-visible {
  outline: 3px solid var(--ty-home-blue);
  outline-offset: 3px;
}
body.sp-home-page .index-container .sp-home-category-card:is(:hover, :focus-visible) > img {transform: scale(1.035);}
body.sp-home-page .index-container .sp-home-category-card:is(:hover, :focus-visible) svg {color: var(--ty-home-orange);}

/* Recent listings. */
body.sp-home-page .index-container .sp-home-latest {margin: 0 0 34px;}
body.sp-home-page .sp-home-latest-filters {
  gap: 8px;
}
body.sp-home-page .sp-home-latest-filters a {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  box-sizing: border-box;
  padding: 0 14px;
  border: 1px solid var(--ty-home-line);
  border-radius: 8px;
  background: #fff;
  color: var(--ty-home-blue-dark);
  font-weight: 600;
  text-decoration: none;
}
body.sp-home-page .sp-home-latest-filters a.is-active {
  border-color: var(--ty-home-blue);
  background: var(--ty-home-blue);
  color: #fff;
}
body.sp-home-page .sp-home-latest-filters a.sp-home-latest-all {
  gap: 7px;
  margin-left: 10px;
  padding-right: 0;
  border-color: transparent;
  color: var(--ty-home-blue);
}
body.sp-home-page .index-container .list-premium:is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) > a.background-ads-premium,
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) > a.background-ads-premium:is(:hover, :focus-visible) {
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--ty-home-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
  transform: none;
}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) > a.background-ads-premium:hover {
  border-color: #b7c7d5;
  box-shadow: 0 8px 20px rgba(16, 46, 80, .08);
}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) > a.background-ads-premium > .sp-premium-photo,
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) > a.background-ads-premium > .sp-premium-photo > img,
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) > a.background-ads-premium > img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9 !important;
  border-radius: 0;
  object-fit: cover;
}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .bloc-premium-infos {
  min-height: 126px;
  box-sizing: border-box;
  padding: 14px 16px 15px;
}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-title {font-size: 16px;}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-preview {display: none;}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-price {
  margin-top: 7px;
  color: var(--ty-home-blue);
  font-size: 18px;
}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-location {color: var(--ty-home-muted);}

/* Trust strip. */
body.sp-home-page .sp-home-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 44px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--ty-home-blue-dark);
  color: #fff;
}
body.sp-home-page .sp-home-trust > div {
  display: flex;
  min-height: 88px;
  align-items: center;
  justify-content: center;
  gap: 15px;
  box-sizing: border-box;
  padding: 18px 24px;
}
body.sp-home-page .sp-home-trust > div + div {border-left: 1px solid rgba(255, 255, 255, .24);}
body.sp-home-page .sp-home-trust svg {flex: 0 0 29px; width: 29px; height: 29px;}
body.sp-home-page .sp-home-trust p {margin: 0; text-align: left;}
body.sp-home-page .sp-home-trust strong,
body.sp-home-page .sp-home-trust span {display: block;}
body.sp-home-page .sp-home-trust strong {font-size: 16px;}
body.sp-home-page .sp-home-trust span {margin-top: 3px; color: #c8d6e3; font-size: 16px; line-height: 1.35;}

/* Lower dynamic sections reuse the same disciplined system. */
body.sp-home-page .index-container .sp-home-premium-heading,
body.sp-home-page .index-container .sp-home-ad-section {margin-top: 42px;}
body.sp-home-page .index-container .sp-home-ad-section .list-premium,
body.sp-home-page .index-container > .list-premium {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
body.sp-home-page .index-container .sp-home-ad-section .list-premium > a:nth-child(n+5),
body.sp-home-page .index-container > .list-premium > a:nth-child(n+5) {display: none;}
body.sp-home-page .sp-home-seo {
  max-width: 860px;
  margin: 56px auto 0;
  padding-top: 28px;
  border-top: 1px solid var(--ty-home-line);
}
body.sp-home-page .sp-home-seo p {
  margin: 0;
  color: var(--ty-home-muted);
  font-size: 16px;
  line-height: 1.65;
  text-align: center;
}
body.sp-home-page > .categories {display: block;}

@media (min-width: 961px) {
  body.sp-home-page .sp-header-main .toggle-menu {display: none;}
  body.sp-home-page .sp-header-main .header-links {position: static; display: block; width: auto; height: auto; background: transparent;}
  body.sp-home-page .sp-header-main .header-links .menu {position: static; display: flex; width: auto; height: auto; padding: 0; overflow: visible; background: transparent;}
  body.sp-home-page .sp-header-main .header-links .ring,
  body.sp-home-page .sp-header-main .header-links .selection,
  body.sp-home-page .sp-header-main .header-links .connexion,
  body.sp-home-page .sp-header-main .header-links .deconnexion {display: inline-flex;}
  body.sp-home-page .sp-header-main .sp-header-deposit {display: inline-flex;}
}

@media (max-width: 1180px) {
  body.sp-home-page .sp-primary-nav {gap: 24px; margin-left: 12px;}
  body.sp-home-page .sp-header-main .header-links .ring {display: none;}
  body.sp-home-page .sp-home-search {grid-template-columns: minmax(230px, 1.25fr) minmax(160px, .7fr) minmax(170px, .75fr) auto;}
  body.sp-home-page .index-container .sp-home-categories-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
}

@media (max-width: 960px) {
  body.sp-home-page .sp-primary-nav {display: none;}
  body.sp-home-page header.header .sp-header-main {width: calc(100% - 32px); max-width: none; gap: 10px;}
  body.sp-home-page .sp-header-main .header-logo {margin-right: auto;}
  body.sp-home-page .sp-header-main .sp-header-deposit {display: none;}
  body.sp-home-page .sp-header-main .header-flags {margin-left: 0;}
  body.sp-home-page .index-container {width: min(calc(100% - 36px), 900px); padding-top: 16px;}
  body.sp-home-page .sp-home-search-wrap {width: 100%;}
  body.sp-home-page .sp-home-search {grid-template-columns: 1fr 1fr; gap: 0; padding: 6px;}
  body.sp-home-page .sp-home-search-keywords {grid-column: 1 / -1; border-bottom: 1px solid var(--ty-home-line);}
  body.sp-home-page .sp-home-search-field:nth-of-type(2)::before {display: none;}
  body.sp-home-page .sp-home-search > button[type="submit"] {min-height: 52px; margin-top: 6px; grid-column: 1 / -1;}
  body.sp-home-page .index-container .list-premium:is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards),
  body.sp-home-page .index-container .sp-home-ad-section .list-premium,
  body.sp-home-page .index-container > .list-premium {grid-template-columns: repeat(2, minmax(0, 1fr));}
  body.sp-home-page .sp-home-latest-heading {align-items: flex-start; flex-direction: column;}
  body.sp-home-page .sp-home-latest-filters {width: 100%; overflow-x: auto; padding-bottom: 3px;}
  body.sp-home-page .sp-home-latest-filters a {white-space: nowrap;}
}

@media (max-width: 700px) {
  body.sp-home-page header.header,
  body.sp-home-page.sp-mobile-header-compact header.header {height: 72px;}
  body.sp-home-page header.header .sp-header-shell,
  body.sp-home-page.sp-mobile-header-compact header.header .sp-header-shell {height: 72px; grid-template-rows: 72px;}
  body.sp-home-page header.header .sp-header-shell .sp-header-main,
  body.sp-home-page.sp-mobile-header-compact header.header .sp-header-shell .sp-header-main {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 64px;
    grid-template-rows: 44px;
    height: 72px;
    min-height: 72px;
    align-items: center;
    padding: 14px 0;
  }
  body.sp-home-page.sp-mobile-header-compact header.header .sp-header-shell .header-logo,
  body.sp-home-page.sp-mobile-header-compact header.header .sp-header-shell .header-flags {display: flex;}
  body.sp-home-page header.header .sp-header-main .header-logo {grid-column: 2; grid-row: 1; justify-content: center;}
  body.sp-home-page header.header .sp-header-main .header-logo img {width: 142px;}
  body.sp-home-page header.header .sp-header-main .toggle-menu {grid-column: 1; grid-row: 1;}
  body.sp-home-page header.header .sp-header-main .header-flags {grid-column: 3; grid-row: 1;}
  body.sp-home-page .sp-header-main .header-links {top: 72px; height: calc(100dvh - 72px);}
  body.sp-home-page .header-end {height: 72px;}
  body.sp-home-page .index-container {width: calc(100% - 24px); padding: 12px 0 48px;}
  body.sp-home-page .index-container .sp-home-hero {
    min-height: 0;
    margin-bottom: 30px;
    padding: 32px 16px 22px;
    border-radius: 12px;
  }
  body.sp-home-page .index-container .sp-home-hero-copy h1 {font-size: clamp(34px, 10vw, 46px);}
  body.sp-home-page .sp-home-eyebrow {font-size: 16px; letter-spacing: .13em;}
  body.sp-home-page .index-container .sp-home-hero-copy .sp-home-intro {font-size: 17px;}
  body.sp-home-page .sp-home-search-wrap {margin-top: 22px;}
  body.sp-home-page .sp-home-search {display: block; margin-top: 0;}
  body.sp-home-page .sp-home-search-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    width: 100%;
    max-height: min(64vh, 520px);
  }
  body.sp-home-page .sp-home-search-field {min-height: 58px; padding: 0 14px; border-bottom: 1px solid var(--ty-home-line);}
  body.sp-home-page .sp-home-search-field .sp-modern-select-panel {left: -48px; width: min(340px, calc(100vw - 48px));}
  body.sp-home-page .sp-home-search-field + .sp-home-search-field::before {display: none;}
  body.sp-home-page .sp-home-search > button[type="submit"] {width: 100%; min-height: 52px; margin-top: 6px;}
  body.sp-home-page .index-container .sp-home-section-heading h2,
  body.sp-home-page .index-container .sp-home-latest-heading h2 {font-size: 23px;}
  body.sp-home-page .index-container .sp-home-categories {margin-bottom: 34px;}
  body.sp-home-page .index-container .sp-home-categories-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; overflow: visible;}
  body.sp-home-page .index-container .sp-home-category-card {min-height: 0; flex-basis: auto; scroll-snap-align: none;}
  body.sp-home-page .index-container .sp-home-category-card > span {right: 10px; bottom: 10px; left: 10px; max-width: calc(100% - 20px); min-height: 38px; padding: 0 11px; font-size: 16px;}
  body.sp-home-page .index-container .sp-home-section-heading > a {font-size: 16px;}
  body.sp-home-page .index-container .list-premium:is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    overflow: visible;
  }
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) > a.background-ads-premium,
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) > a.background-ads-premium:is(:hover, :focus-visible) {
    display: block;
    width: auto;
    flex: none;
    scroll-snap-align: none;
    border-radius: 10px;
  }
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .bloc-premium-infos {min-height: 126px; padding: 11px 12px 12px;}
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-title {font-size: 16px;}
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-price {font-size: 17px;}
  body.sp-home-page .sp-home-latest-filters a:not(.is-active):not(.sp-home-latest-all) {display: none;}
  body.sp-home-page .sp-home-latest-filters a.sp-home-latest-all {margin-left: auto;}
  body.sp-home-page .sp-home-seo {margin-top: 42px;}
}

@media (max-width: 420px) {
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-location {font-size: 16px;}
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-pro-badge {display: none;}
}

@media (prefers-reduced-motion: reduce) {
  body.sp-home-page .sp-home-category-card svg {transition: none;}
}


/* ==========================================================================
   Colonne unique de la page d'accueil
   Une seule largeur pour l'en-tête, le contenu (bloc catégories, hero,
   annonces), le footer des catégories et le pied de page.
   Pour changer la largeur de toute la page d'un coup : modifier --ty-col.
   ========================================================================== */
body.sp-home-page {--ty-col: min(90%, 1200px);}
@media (max-width: 1023px) {body.sp-home-page {--ty-col: calc(100% - 36px);}}
@media (max-width: 700px)  {body.sp-home-page {--ty-col: calc(100% - 24px);}}

/* Le panneau blanc "sp-site-surface" ne sert plus de cadre sur l'accueil
   (le fond est déjà blanc) : c'est la colonne qui fixe la largeur. */
body.sp-home-page main.sp-site-surface--home {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  padding: 0;
  background: #fff;
}
body.sp-home-page main.sp-site-surface--home > .container-100 > .index-container,
body.sp-home-page header.header .sp-header-shell,
body.sp-home-page .categories .sp-category-footer,
body.sp-home-page .footer .sp-footer-shell {
  box-sizing: border-box;
  width: var(--ty-col);
  max-width: none;
  margin-right: auto;
  margin-left: auto;
}
body.sp-home-page header.header .sp-header-shell .sp-header-main {
  width: 100%;
  max-width: none;
}

/* Aligne l'en-tete de l'accueil sur les pages internes afin d'eviter
   le decalage horizontal lors des clics Logo / Deposer une annonce. */
@media (min-width: 961px) and (max-width: 1400px) {
  body.sp-home-page header.header .sp-header-main {
    gap: 14px;
  }

  body.sp-home-page .sp-header-main .sp-header-deposit {
    padding-right: 16px;
    padding-left: 16px;
  }
}

/* Recherche dans l'en-tête de l'accueil. */
@media (min-width: 961px) {
  body.sp-home-page header.header .sp-header-shell > .sp-header-main {
    display: grid;
    grid-template-columns: 166px minmax(190px, 1fr) auto auto 55px;
    grid-template-rows: 72px;
    gap: 14px;
  }
  body.sp-home-page .sp-header-main > .header-logo {grid-column: 1; grid-row: 1;}
  body.sp-home-page .sp-header-main > .sp-header-search-wrap {
    position: relative;
    z-index: 510;
    display: block;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 190px;
    max-width: none;
  }
  body.sp-home-page .sp-header-main > .header-links {grid-column: 3; grid-row: 1; justify-self: end; margin: 0;}
  body.sp-home-page .sp-header-main > .sp-header-deposit {grid-column: 4; grid-row: 1;}
  body.sp-home-page .sp-header-main > .header-flags {grid-column: 5; grid-row: 1;}
}
body.sp-home-page .sp-header-search {
  width: 100%;
  max-width: none;
  height: 46px;
  border: 1px solid #cad8e5;
  background: #fff;
}
body.sp-home-page .sp-header-search input[type="search"] {font-size: 16px;}
body.sp-home-page .sp-header-search button[type="submit"] {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  background: var(--ty-home-orange);
}
body.sp-home-page .sp-header-search button[type="submit"]:is(:hover, :focus-visible) {background: var(--ty-home-orange-dark);}

/* Le hero ne contient plus de filtres catégorie/localisation. */
body.sp-home-page .index-container .sp-home-hero {
  min-height: 260px;
  margin-bottom: 18px;
  padding-bottom: 36px;
}
body.sp-home-page .sp-home-deposit-link {margin-top: 24px;}

/* Navigation catégories de l'accueil. */
body.sp-home-page .sp-home-category-navigation {margin: 0 0 44px;}
body.sp-home-page .sp-home-category-shortcuts {
  display: grid;
  align-items: stretch;
  gap: 8px;
}
body.sp-home-page .sp-home-category-shortcuts > :is(a, button) {
  display: flex;
  min-width: 0;
  min-height: 94px;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 10px 7px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: #fff;
  color: var(--ty-home-blue);
  cursor: pointer;
  font: 600 16px/1.2 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
}
body.sp-home-page .sp-home-category-shortcuts > :is(a, button):is(:hover, :focus-visible) {
  outline: 0;
  border-color: #d2e2f1;
  background: #f5f9fd;
  color: var(--ty-home-orange);
}
body.sp-home-page .sp-home-category-shortcuts svg {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
}
body.sp-home-page .sp-home-category-shortcuts .sp-home-category-all-trigger {
  position: relative;
  border-color: #d6e7f6;
  background: #eaf4fd;
}
body.sp-home-page .sp-home-category-all-trigger b {
  position: absolute;
  right: 9px;
  bottom: 13px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}
body.sp-home-page .sp-home-category-all-trigger.is-open b {transform: rotate(180deg);}
body.sp-home-page .sp-home-category-panel[hidden] {display: none !important;}
body.sp-home-page .sp-home-category-panel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 12px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid #dce5ed;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(16, 46, 80, .08);
}
body.sp-home-page .sp-home-category-group {
  min-width: 0;
  padding: 18px 24px;
  border-right: 1px solid #e5ebf0;
  border-bottom: 1px solid #e5ebf0;
}
body.sp-home-page .sp-home-category-group:nth-child(4n) {border-right: 0;}
body.sp-home-page .sp-home-category-group:nth-last-child(-n+4) {border-bottom: 0;}
body.sp-home-page .sp-home-category-group-title {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 12px;
  color: var(--ty-home-blue-dark);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}
body.sp-home-page .sp-home-category-group-title svg {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  color: var(--ty-home-blue);
}
body.sp-home-page .sp-home-category-group ul {margin: 0; padding: 0; list-style: none;}
body.sp-home-page .sp-home-category-group li + li {margin-top: 7px;}
body.sp-home-page .sp-home-category-group li a {
  color: #617286;
  font-size: 16px;
  line-height: 1.35;
  text-decoration: none;
}
body.sp-home-page .sp-home-category-view-all {
  display: inline-flex;
  gap: 6px;
  margin-top: 12px;
  color: var(--ty-home-orange);
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
body.sp-home-page .sp-home-category-group a:is(:hover, :focus-visible) {text-decoration: underline;}

@media (min-width: 961px) and (max-width: 1180px) {
  body.sp-home-page .sp-header-main .header-links .selection {display: none;}
  body.sp-home-page .sp-home-category-shortcuts > :is(a, button) {font-size: 16px;}
}

@media (max-width: 960px) {
  body.sp-home-page header.header,
  body.sp-home-page.sp-mobile-header-compact header.header {height: 124px;}
  body.sp-home-page header.header .sp-header-shell,
  body.sp-home-page.sp-mobile-header-compact header.header .sp-header-shell {
    height: 124px;
    grid-template-rows: 124px;
  }
  body.sp-home-page header.header .sp-header-shell .sp-header-main,
  body.sp-home-page.sp-mobile-header-compact header.header .sp-header-shell .sp-header-main {
    display: grid;
    grid-template-columns: 44px minmax(100px, 145px) minmax(0, 1fr) 64px;
    grid-template-rows: 58px 52px;
    height: 124px;
    min-height: 124px;
    gap: 0 8px;
    align-items: center;
    padding: 7px 0;
  }
  body.sp-home-page header.header .sp-header-main .toggle-menu {grid-column: 1; grid-row: 1;}
  body.sp-home-page header.header .sp-header-main .header-logo {grid-column: 2 / 4; grid-row: 1; justify-content: center; margin: 0;}
  body.sp-home-page header.header .sp-header-main .header-logo img {width: 142px;}
  body.sp-home-page header.header .sp-header-main .header-flags {grid-column: 4; grid-row: 1;}
  body.sp-home-page .sp-header-main > .sp-header-search-wrap {
    position: relative;
    z-index: 510;
    display: block;
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  body.sp-home-page .sp-header-search-menu {
    position: fixed;
    top: 118px;
    right: 12px;
    left: 12px;
    width: auto;
    min-width: 0;
    max-height: calc(100dvh - 132px);
  }
  body.sp-home-page .sp-header-main .header-links {top: 124px; height: calc(100dvh - 124px);}
  body.sp-home-page .header-end {height: 124px;}
  body.sp-home-page .sp-home-category-shortcuts {grid-template-columns: repeat(4, minmax(0, 1fr));}
  body.sp-home-page .sp-home-category-panel {grid-template-columns: repeat(2, minmax(0, 1fr));}
  body.sp-home-page .sp-home-category-group:nth-child(4n) {border-right: 1px solid #e5ebf0;}
  body.sp-home-page .sp-home-category-group:nth-child(2n) {border-right: 0;}
  body.sp-home-page .sp-home-category-group:nth-last-child(-n+4) {border-bottom: 1px solid #e5ebf0;}
  body.sp-home-page .sp-home-category-group:nth-last-child(-n+2) {border-bottom: 0;}
}

@media (max-width: 700px) {
  body.sp-home-page .index-container .sp-home-hero {margin-bottom: 14px; padding: 30px 16px 26px;}
  body.sp-home-page .sp-home-category-navigation {margin-bottom: 34px;}
  body.sp-home-page .sp-home-category-shortcuts {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x proximity;
  }
  body.sp-home-page .sp-home-category-shortcuts > :is(a, button) {
    flex: 0 0 112px;
    min-height: 86px;
    scroll-snap-align: start;
    font-size: 16px;
  }
  body.sp-home-page .sp-home-category-shortcuts svg {width: 34px; height: 34px; flex-basis: 34px;}
  body.sp-home-page .sp-home-category-panel {grid-template-columns: 1fr; padding: 10px 16px;}
  body.sp-home-page .sp-home-category-group,
  body.sp-home-page .sp-home-category-group:nth-child(2n),
  body.sp-home-page .sp-home-category-group:nth-child(4n),
  body.sp-home-page .sp-home-category-group:nth-last-child(-n+2),
  body.sp-home-page .sp-home-category-group:nth-last-child(-n+4) {
    padding: 18px 4px;
    border-right: 0;
    border-bottom: 1px solid #e5ebf0;
  }
  body.sp-home-page .sp-home-category-group:last-child {border-bottom: 0;}
}

/* Sous-catégories compactes au survol, façon menu contextuel. */
body.sp-home-page .sp-home-category-shortcut {position: relative;}
body.sp-home-page .sp-home-category-shortcut-link,
body.sp-home-page .sp-home-category-all-link {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 94px;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 7px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: #fff;
  color: var(--ty-home-blue);
  font: 600 16px/1.2 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
}
body.sp-home-page :is(.sp-home-category-shortcut-link, .sp-home-category-all-link):is(:hover, :focus-visible),
body.sp-home-page .sp-home-category-shortcut:is(:hover, :focus-within) .sp-home-category-shortcut-link {
  outline: 0;
  border-color: #d2e2f1;
  background: #f5f9fd;
  color: var(--ty-home-orange);
}
body.sp-home-page .sp-home-category-all-link {border-color: #d6e7f6; background: #eaf4fd;}
body.sp-home-page button.sp-home-category-all-link {cursor: pointer; appearance: none;}
body.sp-home-page .sp-home-category-popover {
  position: absolute;
  z-index: 80;
  top: calc(100% - 3px);
  left: 50%;
  display: none;
  width: 270px;
  box-sizing: border-box;
  padding: 18px;
  transform: translateX(-50%);
  border: 1px solid #dce5ed;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(16, 46, 80, .16);
  text-align: left;
}
body.sp-home-page .sp-home-category-shortcut:first-child .sp-home-category-popover {left: 0; transform: none;}
body.sp-home-page .sp-home-category-shortcut:nth-last-child(-n+2) .sp-home-category-popover {right: 0; left: auto; transform: none;}
body.sp-home-page .sp-home-category-shortcut:is(:hover, :focus-within, .is-open) .sp-home-category-popover {display: block;}
body.sp-home-page .sp-home-category-popover strong {
  display: block;
  margin-bottom: 11px;
  color: var(--ty-home-blue-dark);
  font-size: 16px;
}
body.sp-home-page .sp-home-category-popover ul {margin: 0; padding: 0; list-style: none;}
body.sp-home-page .sp-home-category-popover li + li {margin-top: 8px;}
body.sp-home-page .sp-home-category-popover a {
  color: #617286;
  font-size: 16px;
  line-height: 1.35;
  text-decoration: none;
}
body.sp-home-page .sp-home-category-popover a:is(:hover, :focus-visible) {color: var(--ty-home-blue); text-decoration: underline;}
body.sp-home-page .sp-home-category-popover .sp-home-category-popover-all {
  display: inline-flex;
  gap: 6px;
  margin-top: 13px;
  color: var(--ty-home-orange);
  font-weight: 700;
}

/* Cartes visuelles sous les icônes. */
body.sp-home-page .sp-home-featured-categories {margin: -18px 0 44px;}
body.sp-home-page .sp-home-featured-categories h2 {
  margin: 0 0 18px;
  color: var(--ty-home-blue-dark);
  font: 700 28px/1.2 "Roboto Regular", "Noto Sans Thai", Arial, sans-serif;
  letter-spacing: -.02em;
}
body.sp-home-page .sp-home-featured-category {
  position: relative;
  display: block;
  border-radius: 16px;
  background: #eaf0f5;
  color: var(--ty-home-blue-dark);
}
body.sp-home-page .sp-home-featured-category img {
  height: 100%;
  transition: transform .2s ease;
}
body.sp-home-page .sp-home-featured-category > span {
  position: absolute;
  right: 14px;
  bottom: 14px;
  left: 14px;
  display: flex;
  width: max-content;
  max-width: calc(100% - 28px);
  min-height: 42px;
  box-sizing: border-box;
  align-items: center;
  gap: 9px;
  padding: 0 14px;
  overflow: hidden;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(16, 46, 80, .13);
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.sp-home-page .sp-home-featured-category > span svg {width: 22px; height: 22px; flex: 0 0 22px; color: var(--ty-home-blue);}
body.sp-home-page .sp-home-featured-category:is(:hover, :focus-visible) img {transform: scale(1.035);}
body.sp-home-page .sp-home-featured-category:focus-visible {outline: 3px solid var(--ty-home-blue); outline-offset: 3px;}

@media (max-width: 960px) {
  body.sp-home-page .sp-home-category-shortcut-link,
  body.sp-home-page .sp-home-category-all-link {font-size: 16px;}
  body.sp-home-page .sp-home-featured-category-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
}

@media (max-width: 700px) {
  body.sp-home-page .sp-home-category-shortcut {flex: 0 0 112px; scroll-snap-align: start;}
  body.sp-home-page .sp-home-category-shortcut-link,
  body.sp-home-page .sp-home-category-all-link {min-height: 86px; font-size: 16px;}
  body.sp-home-page .sp-home-category-shortcuts > .sp-home-category-all-link {flex: 0 0 112px; scroll-snap-align: start;}
  body.sp-home-page .sp-home-category-popover {display: none !important;}
  body.sp-home-page .sp-home-featured-categories {margin-top: -10px; margin-bottom: 34px;}
  body.sp-home-page .sp-home-featured-categories h2 {font-size: 23px;}
  body.sp-home-page .sp-home-featured-category-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  body.sp-home-page .sp-home-featured-category-grid::-webkit-scrollbar {display: none;}
  body.sp-home-page .sp-home-featured-category {flex: 0 0 clamp(170px, 57vw, 250px); scroll-snap-align: start;}
  body.sp-home-page .sp-home-featured-category > span {right: 10px; bottom: 10px; left: 10px; max-width: calc(100% - 20px); min-height: 38px; padding: 0 11px;}
}

/* Panneau d’accueil administrable, sur le modèle du popup promotionnel. */
body.sp-home-page .sp-home-hero-richtext {
  margin-top: 16px;
  color: var(--ty-home-blue-dark);
  font-size: clamp(17px, 1.55vw, 22px);
  line-height: 1.45;
}
body.sp-home-page .sp-home-hero-richtext > :first-child {margin-top: 0;}
body.sp-home-page .sp-home-hero-richtext > :last-child {margin-bottom: 0;}
body.sp-home-page .sp-home-hero-richtext p,
body.sp-home-page .sp-home-hero-richtext div {margin: 10px 0;}
body.sp-home-page .sp-home-hero-richtext :is(ul, ol) {display: inline-block; margin: 10px auto; text-align: left;}
body.sp-home-page .sp-home-hero-richtext img {display: block; max-width: 100%; height: auto; margin: 18px auto; border-radius: 10px;}
body.sp-home-page .index-container .sp-home-hero--with-image {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
  gap: clamp(24px, 4vw, 52px);
  align-items: center;
  min-height: 300px;
  padding: 34px clamp(28px, 5vw, 76px);
}
body.sp-home-page .index-container .sp-home-hero--with-image .sp-home-hero-copy {width: 100%; max-width: none; text-align: left;}
body.sp-home-page .index-container .sp-home-hero--with-image .sp-home-hero-copy h1 {text-align: left;}
body.sp-home-page .sp-home-hero-image {
  display: block;
  width: 100%;
  max-height: 290px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(16, 46, 80, .12);
}

@media (max-width: 700px) {
  body.sp-home-page .index-container .sp-home-hero--with-image {grid-template-columns: 1fr; gap: 22px; padding: 26px 18px;}
  body.sp-home-page .index-container .sp-home-hero--with-image .sp-home-hero-copy,
  body.sp-home-page .index-container .sp-home-hero--with-image .sp-home-hero-copy h1 {text-align: center;}
  body.sp-home-page .sp-home-hero-richtext {font-size: 17px;}
  body.sp-home-page .sp-home-hero-image {max-height: 240px;}
}

/* Méga-menu des catégories au survol des icônes. */
@media (min-width: 701px) {
  body.sp-home-page .sp-home-category-navigation {position: relative; z-index: 70;}
  body.sp-home-page .sp-home-category-shortcut {position: static;}
  body.sp-home-page .sp-home-category-mega {
    position: absolute;
    z-index: 90;
    top: calc(100% - 1px);
    right: auto;
    left: 50%;
    display: none;
    width: min(100%, 1120px);
    transform: translateX(-50%);
    grid-template-columns: 230px minmax(0, 1fr);
    min-height: 230px;
    max-height: min(52vh, 420px);
    overflow: auto;
    border: 1px solid #d8e1e9;
    border-radius: 0 0 18px 18px;
    background: #fff;
    box-shadow: 0 18px 36px rgba(22, 47, 72, .19);
    color: var(--ty-home-blue-dark);
    text-align: left;
  }
  body.sp-home-page .sp-home-category-shortcut:is(:hover, :focus-within, .is-open) .sp-home-category-mega {display: grid;}
  body.sp-home-page .sp-home-category-mega-aside {padding: 26px 22px; background: #f1f4f7;}
  body.sp-home-page .sp-home-category-mega-aside > :is(a, .sp-home-category-mega-heading) {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-left: 14px;
    border-left: 3px solid var(--ty-home-blue);
    color: var(--ty-home-blue-dark);
    font-size: 19px;
    text-decoration: none;
  }
  body.sp-home-page .sp-home-category-mega-aside svg {width: 28px; height: 28px; flex: 0 0 28px; color: var(--ty-home-blue);}
  body.sp-home-page .sp-home-category-mega-content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: start;
    gap: 24px 36px;
    padding: 27px 34px 30px;
  }
  body.sp-home-page .sp-home-category-mega-group {min-width: 0;}
  body.sp-home-page .sp-home-category-mega-group h3 {margin: 0 0 14px; font-size: 18px; line-height: 1.3;}
  body.sp-home-page .sp-home-category-mega-group h3 a {color: var(--ty-home-blue-dark); text-decoration: none;}
  body.sp-home-page .sp-home-category-mega-group ul {margin: 0; padding: 0; list-style: none;}
  body.sp-home-page .sp-home-category-mega-group li + li {margin-top: 10px;}
  body.sp-home-page .sp-home-category-mega-group li a {color: #33465b; font-size: 16px; line-height: 1.35; text-decoration: none;}
  body.sp-home-page .sp-home-category-mega-all {display: inline-flex; gap: 6px; margin-top: 13px; color: var(--ty-home-blue); font-size: 16px; font-weight: 700; text-decoration: none;}
  body.sp-home-page .sp-home-category-mega a:is(:hover, :focus-visible) {color: var(--ty-home-orange); text-decoration: underline;}
}

/* Larger homepage typography. */
body.sp-home-page .index-container .sp-home-section-heading h2,
body.sp-home-page .index-container .sp-home-latest-heading h2,
body.sp-home-page .sp-home-featured-categories h2 {font-size: 31px;}
body.sp-home-page .sp-home-latest-filters a {font-size: 16px;}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-title {font-size: 18px;}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-price {font-size: 20px;}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-location {font-size: 16px;}
body.sp-home-page .sp-home-featured-category > span {font-size: 17px;}
body.sp-home-page .sp-home-category-shortcut-link {font-size: 16px;}

@media (max-width: 700px) {
  body.sp-home-page .index-container .sp-home-section-heading h2,
  body.sp-home-page .index-container .sp-home-latest-heading h2,
  body.sp-home-page .sp-home-featured-categories h2 {font-size: 25px;}
  body.sp-home-page .sp-home-featured-category > span {font-size: 16px;}
}

@media (min-width: 701px) and (max-width: 960px) {
  body.sp-home-page .sp-home-category-mega {grid-template-columns: 190px minmax(0, 1fr);}
  body.sp-home-page .sp-home-category-mega-content {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; padding: 28px;}
  body.sp-home-page .sp-home-category-mega-aside {padding: 28px 18px;}
}

@media (max-width: 700px) {
  body.sp-home-page .sp-home-category-mega {display: none !important;}
  body.sp-home-page .sp-language-desktop {display: none !important;}
  body.sp-home-page .sp-language-mobile {display: block !important;}
}

/* Homepage listing cards without an outer frame. */
body.sp-home-page .index-container .list-premium > a.background-ads-premium,
body.sp-home-page .index-container .list-premium > a.background-ads-premium:is(:hover, :focus-visible) {
  border: 0 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none !important;
}

@media (max-width: 700px) {
  body.sp-home-page .index-container .sp-home-latest-heading {
    align-items: center;
    flex-direction: row;
    gap: 8px;
  }
  body.sp-home-page .index-container .sp-home-latest-heading h2 {
    flex: 0 1 auto;
    font-size: 18px;
    white-space: nowrap;
  }
  body.sp-home-page .sp-home-latest-filters {width: auto; flex: 0 0 auto; overflow: visible;}
  body.sp-home-page .sp-home-latest-filters a.sp-home-latest-all {margin-left: 0;}
}

/* Popup des avis : deux boutons (boutique + annonce) côte à côte. */
.sp-shop-reviews-popup .sp-shop-reviews-visit + .sp-shop-reviews-visit {margin-left: 10px;}

/* ===== body-unified.css ===== */
/* ==========================================================================
   TalatYai — corps de page commun à TOUT le site, calqué sur la page d'accueil.
   Chargé en dernier sur toutes les pages (voir tpl_layout.php).

   Une seule colonne pour l'en-tête, le contenu, les catégories du bas et le
   pied de page. Pour changer la largeur de tout le site d'un coup : --ty-col.
   Pour changer la taille du texte de base : --ty-base-font.
   ========================================================================== */
body.sp-site-page {
  --ty-col: min(92%, 1320px);
  --ty-base-font: 18px;
  background: #f4f6f8;
  color: #102e50;
  font-family: "Roboto Regular", "Noto Sans Thai", Arial, Tahoma, sans-serif;
  font-size: var(--ty-base-font);
  line-height: 1.5;
}
@media (max-width: 1023px) {body.sp-site-page {--ty-col: calc(100% - 36px);}}

/* Le panneau « sp-site-surface » reprend le fond gris doux du site, et c'est
   la colonne qui fixe la largeur (comme sur l'accueil). */
body.sp-site-page main.sp-site-surface--content {
  box-sizing: border-box;
  width: var(--ty-col);
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
  background: #f4f6f8;
}
body.sp-site-page main.sp-site-surface--content > .container-100 > .container-100-child {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
}
body.sp-site-page main.sp-site-surface--content > .container-100 > .sp-deposit-page {
  width: 100%;
  max-width: none;
}

/* En-tête, menu du compte, catégories du bas et pied de page : même colonne. */
body.sp-site-page header.header .sp-header-shell,
body.sp-site-page .footer .sp-footer-shell,
body.sp-site-page .categories .sp-category-footer,
body.sp-site-page .dashboard-menu {
  box-sizing: border-box;
  width: var(--ty-col);
  max-width: none;
  margin-right: auto;
  margin-left: auto;
}
body.sp-site-page header.header .sp-header-shell .sp-header-main {
  width: 100%;
  max-width: none;
}
body.sp-site-page .dashboard-menu {padding-right: 0; padding-left: 0;}
body.sp-site-page .dashboard-menu ul {max-width: none;}

/* Texte courant des pages de contenu : un cran plus lisible. */
body.sp-site-page main.sp-site-surface--content :is(p, li, label, td, th, dd, dt) {
  line-height: 1.55;
}
body.sp-site-page main.sp-site-surface--content :is(input, select, textarea, button) {
  font-family: "Roboto Regular", "Noto Sans Thai", Arial, Tahoma, sans-serif;
}

/* ==========================================================================
   Même espace entre toutes les sections / catégories, sur toutes les pages.
   Pour l'ajuster : modifier --ty-section-gap.
   ========================================================================== */
body.sp-site-page {--ty-section-gap: 44px;}
@media (max-width: 700px) {body.sp-site-page {--ty-section-gap: 36px;}}

/* Accueil : catégories, annonces récentes, une section par catégorie, déjà vues.
   L'espace est toujours sous la section (plus de marge haute qui s'additionne). */
body.sp-home-page .index-container :is(.sp-home-categories, .sp-home-latest, .sp-home-ad-section, .sp-home-seen) {
  margin-top: 0;
  margin-bottom: var(--ty-section-gap);
}
body.sp-home-page .index-container .sp-home-premium-heading {
  margin-top: 0;
}
body.sp-home-page .index-container :is(.sp-home-latest, .sp-home-ad-section, .sp-home-seen) > :is(.list-premium, .sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Toutes les pages : catégories du bas de page, même rythme vertical. */
body.sp-site-page .categories .sp-category-footer {row-gap: var(--ty-section-gap);}
body.sp-site-page .categories .sp-category-footer-group {margin-bottom: var(--ty-section-gap);}
body.sp-site-page .categories .sp-category-footer-column > .sp-category-footer-group:last-child {margin-bottom: 0;}

/* ==========================================================================
   En-tête : barre de recherche plus grosse, en-tête adapté à sa hauteur.
   Identique sur toutes les pages (accueil comprise).
   Pour ajuster : --ty-header-h (hauteur de l'en-tête) et --ty-search-h (barre).
   ========================================================================== */
body.sp-site-page {--ty-header-h: 88px; --ty-search-h: 58px;}

@media (min-width: 961px) {
  body.sp-site-page header.header {height: var(--ty-header-h);}
  body.sp-site-page .header-end {height: var(--ty-header-h);}
  body.sp-site-page header.header .sp-header-shell {
    height: var(--ty-header-h);
    grid-template-rows: var(--ty-header-h);
  }
  body.sp-site-page header.header .sp-header-shell > .sp-header-main {
    display: grid;
    height: var(--ty-header-h);
    min-height: var(--ty-header-h);
    /* DOM order: logo, deposit button, search, account links, language. */
    grid-template-columns: 155px 250px minmax(220px, 1fr) max-content 55px;
    grid-template-rows: var(--ty-header-h);
    gap: clamp(12px, 1.2vw, 20px);
  }
  body.sp-site-page header.header .sp-header-main .header-logo {width: 155px; min-width: 0;}
  body.sp-site-page header.header .sp-header-main .header-logo img {width: 150px;}

  /* La barre de recherche : même aspect partout. */
  body.sp-site-page header.header .sp-header-shell .sp-header-main .sp-header-search {
    width: 100%;
    max-width: none;
    height: var(--ty-search-h);
    border: 1px solid #cad8e5;
    border-radius: 14px;
    background: #fff;
  }
  body.sp-site-page header.header .sp-header-main > .sp-header-search-wrap {
    max-width: 500px;
    justify-self: center;
  }
  body.sp-site-page header.header .sp-header-search input[type="search"] {
    padding: 0 20px;
  }
  body.sp-site-page header.header .sp-header-shell .sp-header-search button[type="submit"] {
    flex: 0 0 68px;
    align-self: stretch;
    width: 68px;
    height: 100%;
    margin: 0;
    border-radius: 0 13px 13px 0;
  }
  body.sp-site-page header.header .sp-header-shell .sp-header-search button[type="submit"] svg {
    width: 26px;
    height: 26px;
  }

  /* Le reste de l'en-tête suit : liens et bouton « Déposer » un cran plus grands. */
  body.sp-site-page header.header .sp-header-main .header-links .menu > a {font-size: 16px;}
  body.sp-site-page header.header .sp-header-main > .sp-header-deposit {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    text-align: center;
  }
}

@media (min-width: 961px) and (max-width: 1350px) {
  body.sp-site-page header.header .sp-header-shell > .sp-header-main {
    grid-template-columns: 125px 220px minmax(160px, 1fr) max-content 45px;
    gap: 10px;
  }
  body.sp-site-page header.header .sp-header-main .header-logo {width: 125px;}
  body.sp-site-page header.header .sp-header-main .header-logo img {width: 120px;}
  body.sp-site-page header.header .sp-header-main > .sp-header-deposit {width: 220px; font-size: 14px;}
}

/* Tablette / mobile : barre un peu plus haute et texte plus lisible. */
@media (max-width: 960px) {
  body.sp-site-page header.header .sp-header-shell .sp-header-main .sp-header-search {height: 48px;}
  body.sp-site-page header.header .sp-header-search input[type="search"] {font-size: 17px;}
  body.sp-site-page header.header .sp-header-shell .sp-header-search button[type="submit"] {width: 48px; height: 48px; flex-basis: 48px;}
}

/* ==========================================================================
   Accueil : le méga-menu des catégories s'ouvre sur toute la largeur de la
   colonne (même largeur que la rangée d'icônes), au lieu d'une fenêtre centrée.
   ========================================================================== */
@media (min-width: 701px) {
  body.sp-home-page .sp-home-category-mega {
    max-height: min(62vh, 520px);
    grid-template-columns: clamp(200px, 22%, 300px) minmax(0, 1fr);
  }
  body.sp-home-page .sp-home-category-mega-content {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 26px 40px;
  }
  body.sp-home-page .sp-home-category-mega-aside {padding: 30px 24px;}
}

/* ==========================================================================
   Header : Mes recherches / Favoris / compte — trois icônes identiques,
   alignées, avec un libellé foncé et plus grand (plus lisible).
   ========================================================================== */
@media (min-width: 961px) {
  body.sp-site-page header.header .sp-header-main .header-links .menu {gap: 6px; align-items: center;}
  body.sp-site-page header.header .sp-header-main .header-links .menu > :is(.ring, .selection, .connexion:not(.sp-header-login)) {
    position: relative;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 116px;
    min-width: 116px;
    max-width: 116px;
    height: 74px;
    margin: 0;
    padding: 52px 4px 0;
    overflow: visible;
    color: #102e50;
    font: 600 16px/1.2 "Roboto Regular", "Noto Sans Thai", Arial, Tahoma, sans-serif;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
  }
  body.sp-site-page header.header .sp-header-main .header-links .menu > :is(.ring, .selection, .connexion:not(.sp-header-login)):is(:hover, :focus-visible) {
    color: #2477c9;
  }
  body.sp-site-page header.header .sp-header-main .header-links .menu > :is(.ring, .selection, .connexion:not(.sp-header-login))::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 46px;
    height: 46px;
    flex: none;
    margin: 0 0 0 -23px;
    border: 0;
    border-radius: 50%;
    background-color: #eaf3ff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    -webkit-mask: none;
    mask: none;
  }
  body.sp-site-page header.header .sp-header-main .header-links .menu > :is(.ring, .selection, .connexion:not(.sp-header-login)):is(:hover, :focus-visible)::before {
    background-color: #d9eaff;
  }
  /* Icône du compte : même bleu et même pastille que les deux autres. */
  body.sp-site-page header.header .sp-header-main .header-links .menu > .connexion:not(.sp-header-login)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232477c9' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3C/svg%3E");
  }
}

/* ==========================================================================
   Cartes d'annonces (résultats de recherche) : caractéristiques en bandeau
   propre (Année · Kilométrage · Carburant · Transmission), séparées par de
   fines lignes, et pied de carte (vendeur / date) séparé du reste.
   ========================================================================== */
body.sp-site-page .sp-ad-card-specs {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  margin: 16px 0 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e1e8ef;
  border-radius: 12px;
  background: #f6f9fc;
}
body.sp-site-page .sp-ad-card-specs > div {
  flex: 1 1 0;
  min-width: 0;
  padding: 11px 16px 12px;
  border-left: 1px solid #e1e8ef;
}
body.sp-site-page .sp-ad-card-specs > div:first-child {border-left: 0;}
body.sp-site-page .sp-ad-card-specs dt {
  margin: 0 0 4px;
  color: #6b7b8d;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.3;
  text-transform: uppercase;
}
body.sp-site-page .sp-ad-card-specs dd {
  margin: 0;
  color: #102e50;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
body.sp-site-page .sp-ad-card-bottom {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #edf1f5;
}
@media (max-width: 700px) {
  body.sp-site-page .sp-ad-card-specs {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
  body.sp-site-page .sp-ad-card-specs > div:nth-child(odd) {border-left: 0;}
  body.sp-site-page .sp-ad-card-specs > div:nth-child(n+3) {border-top: 1px solid #e1e8ef;}
  body.sp-site-page .sp-ad-card-specs > div {padding: 10px 12px;}
}

/* Alignement final, typographie lisible et orange immuable. */
body.sp-site-page {
  --ty-col: min(94%, 1400px);
  --talatyai-orange-hover: #f58220;
  --ty-header-orange-dark: #f58220;
}

body.sp-site-page main.sp-site-surface--content > .container-100,
body.sp-site-page main.sp-site-surface--content :is(.ad-page-container, .search-results-container) {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

@media (min-width: 931px) {
  body.sp-site-page .ad-page-parent-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 380px);
    align-items: start;
    gap: 32px;
  }
  body.sp-site-page .ad-page-parent-container > :is(.ad-page-large-container, .ad-page-small-container) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
  }
  body.sp-site-page .ad-page-small-container {
    padding-top: 60px;
  }
}

@media (min-width: 961px) {
  body.sp-site-page header.header .sp-header-search input[type="search"] {
    color: #17324d;
    font-size: 19px;
    font-weight: 600;
  }
  body.sp-site-page header.header .sp-header-search input[type="search"]::placeholder {
    color: #526b82;
    opacity: 1;
  }
  body.sp-site-page header.header .sp-header-main .header-links .menu > a,
  body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .connexion.sp-header-login,
  body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .connexion.sp-header-login:is(:visited, :hover, :focus, :active) {
    font-size: 18px;
    font-weight: 700;
  }
  body.sp-site-page header.header .sp-header-main > .sp-header-deposit {
    box-sizing: border-box;
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    min-height: 54px;
    padding: 0 12px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
  }
}

body.sp-site-page .search-results-container .listing-infos.sp-listing-summary h1 {
  color: #102e50;
  font: 700 31px/1.25 "Roboto Regular", "Noto Sans Thai", Arial, Tahoma, sans-serif;
  letter-spacing: -.025em;
}
body.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-row {
  gap: 12px;
  padding: 14px;
}
body.sp-site-page .sp-listing-summary-search {
  height: 52px;
}
body.sp-site-page .sp-listing-summary-search > input[type="search"] {
  height: 48px;
  font-size: 19px;
  font-weight: 500;
}
body.sp-site-page .search-results-container .sp-listing-summary :is(.sp-location-trigger, .sp-modern-select-trigger, .sp-listing-summary-save) {
  height: 52px;
  min-height: 52px;
  font-size: 18px;
  font-weight: 600;
}
body.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-filter,
body.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-filter:is(:hover, :focus, :active) {
  font-size: 18px;
  font-weight: 700;
}

body.sp-site-page header.header .sp-header-main :is(.sp-header-deposit, .sp-mobile-deposit),
body.sp-site-page header.header .sp-header-main :is(.sp-header-deposit, .sp-mobile-deposit):is(:hover, :focus, :active),
body.sp-site-page header.header .sp-header-search button[type="submit"],
body.sp-site-page header.header .sp-header-search button[type="submit"]:is(:hover, :focus, :active),
body.sp-site-page :is(.sp-account-orange, .sp-visual-options-submit),
body.sp-site-page :is(.sp-account-orange, .sp-visual-options-submit):is(:hover, :focus, :active) {
  border-color: #f58220 !important;
  background-color: #f58220 !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 930px) {
  body.sp-site-page .ad-page-small-container {padding-top: 0;}
}
@media (max-width: 700px) {
  body.sp-site-page {--ty-col: calc(100% - 24px);}
  body.sp-site-page .search-results-container .listing-infos.sp-listing-summary h1 {font-size: 25px;}
}

/* Images toujours nettes au survol. */
body.sp-site-page .sp-mosaic-tile:hover img,
body.sp-site-page .sp-mosaic-tile:focus-visible img,
body.sp-home-page .index-container .sp-home-category-card:is(:hover, :focus-visible) > img,
body.sp-home-page .index-container .background-ads-premium:is(:hover, :focus-visible) img {
  filter: none !important;
  opacity: 1 !important;
}

/* Annonces d'accueil : vignettes type « Pour vous », cinq par ligne. */
@media (min-width: 961px) {
  body.sp-home-page .index-container .list-premium:is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards),
  body.sp-home-page .index-container .sp-home-ad-section .list-premium,
  body.sp-home-page .index-container > .list-premium {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
  }
  body.sp-home-page .index-container .sp-home-ad-section .list-premium > a:nth-child(n+5),
  body.sp-home-page .index-container > .list-premium > a:nth-child(n+5) {display: block;}
  body.sp-home-page .index-container .list-premium > a.background-ads-premium > .sp-premium-photo,
  body.sp-home-page .index-container .list-premium > a.background-ads-premium > .sp-premium-photo > img,
  body.sp-home-page .index-container .list-premium > a.background-ads-premium > img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover;
  }
}

/* Filtres au-dessus des vignettes : même gabarit que « Voir tout ». */
body.sp-home-page .sp-home-latest-filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
body.sp-home-page .sp-home-latest-filters a,
body.sp-home-page .sp-home-latest-filters a.sp-home-latest-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 46px;
  margin-left: 0;
  padding: 0 18px;
  border: 1.5px solid #2f80c3;
  border-radius: 10px;
  background: #fff;
  color: #2477c9;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
body.sp-home-page .sp-home-latest-filters a.is-active,
body.sp-home-page .sp-home-latest-filters a.is-active:is(:hover, :focus, :active) {
  border-color: #2f80c3;
  background: #2f80c3;
  color: #fff;
}
body.sp-home-page .sp-home-latest-filters a:not(.is-active):is(:hover, :focus, :active) {
  border-color: #2f80c3;
  background: #fff;
  color: #2477c9;
}
@media (max-width: 700px) {
  body.sp-home-page .sp-home-latest-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  body.sp-home-page .sp-home-latest-filters {
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 4px;
    overflow-x: auto;
  }
  body.sp-home-page .sp-home-latest-filters a,
  body.sp-home-page .sp-home-latest-filters a.sp-home-latest-all {
    display: inline-flex !important;
    min-height: 44px;
    padding: 0 15px;
    font-size: 17px;
  }
}
@media (min-width: 1181px) {
  body.sp-home-page .index-container .sp-home-categories-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
  }
}

/* Titres des rangées et lien « Voir tout » harmonisés. */
body.sp-home-page .index-container .sp-home-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 22px;
}
body.sp-home-page .index-container .sp-home-section-heading h2,
body.sp-home-page .index-container .sp-home-section-heading h2 a {
  margin: 0;
  color: #102e50;
  font: 700 32px/1.2 "Roboto Regular", "Noto Sans Thai", Arial, Tahoma, sans-serif;
  letter-spacing: -.02em;
  text-decoration: none;
}
body.sp-home-page .index-container .sp-home-section-heading > a,
body.sp-home-page .index-container .sp-home-latest-all {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 46px;
  margin-left: auto;
  padding: 0 18px;
  border: 1.5px solid #2f80c3;
  border-radius: 10px;
  background: #fff;
  color: #2477c9;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
body.sp-home-page .index-container .sp-home-section-heading > a:is(:hover, :focus, :active),
body.sp-home-page .index-container .sp-home-latest-all:is(:hover, :focus, :active) {
  border-color: #2f80c3;
  background: #fff;
  color: #2477c9;
}
body.sp-home-page .index-container .sp-home-section-heading > a span,
body.sp-home-page .index-container .sp-home-latest-all span {
  margin-left: 8px;
  font-size: 20px;
  line-height: 1;
}
@media (max-width: 700px) {
  body.sp-home-page .index-container .sp-home-section-heading {
    gap: 12px;
    margin-bottom: 16px;
  }
  body.sp-home-page .index-container .sp-home-section-heading h2,
  body.sp-home-page .index-container .sp-home-section-heading h2 a {font-size: 25px;}
  body.sp-home-page .index-container .sp-home-section-heading > a,
  body.sp-home-page .index-container .sp-home-latest-all {
    min-height: 44px;
    padding: 0 15px;
    font-size: 17px;
  }
}

/* Accueil : espacements des filtres et lignes (tailles de police rétablies). */
body.sp-home-page .sp-home-latest-filters a,
body.sp-home-page .sp-home-latest-filters a.sp-home-latest-all {
  min-height: 50px;
  padding-right: 21px;
  padding-left: 21px;
}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-title {
  line-height: 1.35;
}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-price {
  line-height: 1.25;
}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-location {
  line-height: 1.4;
}

/* Short pages: keep the footer at the viewport bottom instead of leaving a white tail. */
body.sp-site-page {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
body.sp-site-page > main.sp-site-surface--content {flex: 1 0 auto;}
body.sp-site-page > footer.footer {flex: 0 0 auto; margin-top: auto;}

/* Keep header geometry fixed during hover, focus and click. */
body.sp-site-page header.header .sp-header-main :is(.header-logo a, .sp-header-login, .sp-header-deposit) {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  animation: none;
  transform: none;
  transition: none;
}
body.sp-site-page header.header .sp-header-main :is(.header-logo a, .sp-header-login, .sp-header-deposit):is(:hover, :focus, :active) {
  animation: none;
  transform: none;
  transition: none;
}
@media (min-width: 961px) {
  body.sp-site-page header.header .sp-header-main .header-links .connexion.sp-header-login,
  body.sp-site-page header.header .sp-header-main .header-links .connexion.sp-header-login:is(:visited, :hover, :focus, :active) {
    width: 76px;
    min-width: 76px;
    max-width: 76px;
  }
}

/* Keep every header control visible on compact desktop widths. */
@media (min-width: 961px) and (max-width: 1300px) {
  body.sp-site-page header.header .sp-header-shell {width: calc(100% - 32px);}
  body.sp-site-page header.header .sp-header-shell > .sp-header-main {
    grid-template-columns: 125px 220px minmax(140px, 1fr) max-content 48px;
    gap: 12px;
  }
  body.sp-site-page header.header .sp-header-main .header-logo {width: 125px;}
  body.sp-site-page header.header .sp-header-main .header-logo img {width: 120px;}
  body.sp-site-page header.header .sp-header-main .header-links .menu > :is(.ring, .selection, .connexion:not(.sp-header-login), .deconnexion) {
    width: 86px;
    min-width: 86px;
    max-width: 86px;
    font-size: 15px;
  }
  body.sp-site-page header.header .sp-header-main .header-links .menu > .connexion.sp-header-login {
    width: 76px;
    min-width: 76px;
    max-width: 76px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 15px;
  }
  body.sp-site-page header.header .sp-header-main > .sp-header-deposit {
    box-sizing: border-box;
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    justify-content: center;
    padding: 0 10px;
    font-size: 14px;
    white-space: nowrap;
  }
  body.sp-site-page header.header .sp-header-main .header-flags {flex-basis: 48px;}
}

@media (max-width: 700px) {
  body.sp-home-page .sp-home-latest-filters a,
  body.sp-home-page .sp-home-latest-filters a.sp-home-latest-all {
    min-height: 46px;
    padding-right: 17px;
    padding-left: 17px;
    font-size: 18px;
  }
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-title {font-size: 18px;}
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-price {font-size: 21px;}
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-location {font-size: 16px;}
  body.sp-home-page .sp-home-featured-category > span,
  body.sp-home-page .index-container .sp-home-category-card > span {font-size: 16px;}
  body.sp-home-page .sp-home-category-shortcut-link {font-size: 16px;}
}

/* ==========================================================================
   EN-TÊTE ORDINATEUR - bloc final qui remplace tous les anciens réglages
   contradictoires du bouton « Se connecter » et du drapeau (>= 961 px).
   Bouton : icône + libellé sur une ligne, largeur automatique (le texte ne
   déborde plus, quelle que soit la langue). Drapeau : centré verticalement.
   ========================================================================== */
@media (min-width: 961px) {
  body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .menu > a.connexion.sp-header-login,
  body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .menu > a.connexion.sp-header-login:is(:visited, :hover, :focus, :active) {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    min-width: 0;
    max-width: none;
    height: 48px;
    min-height: 48px;
    padding: 0 16px;
    border: 1.5px solid #8db1cf;
    border-radius: 10px;
    background: #f7fbff;
    color: #176db7;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
  }
  body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .menu > a.connexion.sp-header-login:is(:hover, :focus-visible) {
    border-color: var(--ty-header-blue, #087cf0);
    background: #eaf4fd;
  }
  body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .menu > a.connexion.sp-header-login svg {
    display: block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
  }
  body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .menu > a.connexion.sp-header-login span {
    display: block;
    white-space: nowrap;
  }
  /* Laisse la place du drapeau : la colonne des liens ne passe plus dessous. */
  body.sp-site-page header.header .sp-header-main .header-links {padding-right: 12px;}

  /* Drapeau : même axe vertical que le bouton, sans décalage de -3 px. */
  body.sp-site-page header.header .sp-header-shell .sp-header-main .header-flags.sp-language-desktop {
    align-self: center;
    height: 48px;
    z-index: 60;
  }
  body.sp-site-page header.header .sp-header-shell .sp-header-main .header-flags.sp-language-desktop > div {
    top: 5px;
    right: 0;
  }
}

/* ==========================================================================
   En-tête bureau : barre de recherche élargie (visiteur ET compte connecté).
   Les colonnes héritées supposaient « Déposer » en colonne 2 alors que la
   recherche y est placée : la barre était figée à ~250 px. Nouvel ordre :
   logo | recherche (prend tout l'espace libre) | compte | Déposer | drapeau.
   Pour ajuster : --ty-search-h (hauteur de la barre).
   ========================================================================== */
@media (min-width: 961px) {
  body.sp-site-page {--ty-search-h: 60px;}
  body.sp-site-page header.header .sp-header-shell > .sp-header-main {
    grid-template-columns: 155px minmax(280px, 1fr) max-content max-content 55px;
    align-items: center;
  }
  body.sp-site-page header.header .sp-header-main > .sp-header-search-wrap {
    width: 100%;
    max-width: none;
    min-width: 0;
    justify-self: stretch;
  }
  body.sp-site-page header.header .sp-header-main > .sp-header-deposit {
    width: auto;
    white-space: nowrap;
  }
  body.sp-site-page header.header .sp-header-search input[type="search"] {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1350px) {
  body.sp-site-page header.header .sp-header-shell > .sp-header-main {
    grid-template-columns: 125px minmax(220px, 1fr) max-content max-content 45px;
  }
  body.sp-site-page header.header .sp-header-main > .sp-header-deposit {width: auto; padding-right: 14px; padding-left: 14px;}
  body.sp-site-page header.header .sp-header-search input[type="search"] {font-size: 18px;}
}
@media (min-width: 961px) and (max-width: 1300px) {
  body.sp-site-page header.header .sp-header-shell > .sp-header-main {
    grid-template-columns: 125px minmax(180px, 1fr) max-content max-content 48px;
  }
}

/* Compte connecté : « Favoris » et le prénom plus rapprochés (moins de blanc entre les icônes). */
@media (min-width: 1301px) {
  body.sp-site-page header.header .sp-header-main .header-links .menu {gap: 0;}
  body.sp-site-page header.header .sp-header-main .header-links .menu > :is(.selection, .connexion:not(.sp-header-login)) {
    width: auto;
    min-width: 84px;
    max-width: 150px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

/* ==========================================================================
   Échelle globale du site sur ordinateur : rendu plus compact, proche de
   Leboncoin à 100 % (contenu moins large, textes et boutons un peu plus petits).
   Pour ajuster : changer --ty-page-zoom (1 = taille d'origine, .8 = plus compact,
   .9 = plus proche de l'original). Mobile et tablette (< 1024 px) non concernés.
   ========================================================================== */
@media (min-width: 1024px) {
  body.sp-site-page {
    --ty-page-zoom: .81;
    zoom: var(--ty-page-zoom);
  }
}

/* ==========================================================================
   Mobile : le titre « Annonces récentes » et « Voir tout » restent sur UNE
   seule ligne. Si la ligne est trop large pour l'écran, on la fait défiler
   horizontalement (au doigt) au lieu de passer à la ligne.
   ========================================================================== */
@media (max-width: 700px) {
  body.sp-home-page .index-container .sp-home-latest-heading {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  body.sp-home-page .index-container .sp-home-latest-heading::-webkit-scrollbar {display: none;}
  body.sp-home-page .index-container .sp-home-latest-heading h2 {
    flex: 0 0 auto !important;
    min-width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  body.sp-home-page .index-container .sp-home-latest-heading .sp-home-latest-all {
    flex: 0 0 auto !important;
    margin-left: auto;
    white-space: nowrap !important;
  }
}

/* ==========================================================================
   Provinces (77) sous les catégories du pied de page (sans titre) : colonnes alignées,
   lecture de haut en bas (ordre alphabétique, Bangkok en premier).
   ========================================================================== */
body.sp-site-page .categories .sp-province-footer,
body.sp-home-page .categories .sp-province-footer {
  box-sizing: border-box;
  width: var(--ty-col, 90%);
  max-width: none;
  margin: 18px auto 0;
  padding: 26px 0 8px;
  border-top: 2px solid #9aabb8;
}
body.sp-site-page .categories .sp-province-footer-list {
  column-count: 6;
  column-gap: 24px;
}
body.sp-site-page .categories .sp-province-footer-list a {
  display: block;
  float: none;
  width: auto;
  break-inside: avoid;
  margin: 0 0 9px;
  font-size: 15px;
  line-height: 1.45;
  color: #263447;
  text-decoration: none;
  overflow-wrap: anywhere;
}
body.sp-site-page .categories .sp-province-footer-list a:hover,
body.sp-site-page .categories .sp-province-footer-list a:focus-visible {color: #2F80C3; text-decoration: underline;}
@media (max-width: 1100px) {body.sp-site-page .categories .sp-province-footer-list {column-count: 4;}}
@media (max-width: 760px) {body.sp-site-page .categories .sp-province-footer-list {column-count: 3; column-gap: 16px;}}
@media (max-width: 480px) {
  body.sp-site-page .categories .sp-province-footer-list {column-count: 2;}
}

/* Mobile : on n'affiche pas le bloc État / Vente-Location / Marque… sur les cartes d'annonces.
   (Ordinateur et tablette inchangés.) */
@media (max-width: 700px) {
  body.sp-site-page .sp-ad-card-specs {display: none !important;}
}

/* Mobile : ni les catégories ni les provinces du bas de page. */
@media (max-width: 700px) {
  body.sp-site-page .categories,
  body.sp-home-page > .categories,
  body.sp-home-page .categories {display: none !important;}
}

/* ==========================================================================
   Mobile (accueil) : toutes les vignettes ont la même taille que « À la une »
   (photo 4/5), plus de « Voir tout », carte « Voir plus d'annonces » à la
   taille d'une vignette. Mobile : la loupe de recherche passe à droite.
   ========================================================================== */
@media (max-width: 700px) {
  /* Même format de photo que « À la une » sur Annonces récentes, rubriques et « déjà vues ». */
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) > a.background-ads-premium > .sp-premium-photo,
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) > a.background-ads-premium > .sp-premium-photo > img,
  body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) > a.background-ads-premium > img {
    aspect-ratio: 4 / 5 !important;
  }
  /* Plus de lien « Voir tout » dans les titres de sections. */
  body.sp-home-page .index-container .sp-home-section-heading > a,
  body.sp-home-page .index-container .sp-home-premium-heading > a,
  body.sp-home-page .index-container .sp-home-latest-heading .sp-home-latest-all {
    display: none !important;
  }
  /* « Voir plus d'annonces » : même largeur et même hauteur qu'une vignette. */
  body.sp-home-page .index-container .list-premium > a.sp-home-more-card,
  body.sp-home-page .index-container .sp-home-latest .sp-home-latest-cards > a.sp-home-more-card {
    align-self: stretch;
    border-radius: 14px;
  }
  /* Barre de recherche : loupe à droite. */
  body.sp-site-page header.header .sp-header-shell .sp-header-search button[type="submit"],
  body.sp-site-page header.header .sp-header-shell .sp-header-search button[type="submit"]:is(:hover, :focus-visible) {
    order: 2 !important;
    border-radius: 0 !important;
  }
  body.sp-site-page header.header .sp-header-shell .sp-header-search input[type="search"] {
    padding-right: 8px;
    padding-left: 20px;
  }
}

/* Mobile : la carte « Voir plus d'annonces » a la taille de la photo d'une vignette (4/5),
   alignée sous la ligne du vendeur. Ajuster --ty-seller-row si l'alignement en haut diffère. */
@media (max-width: 700px) {
  body.sp-home-page .index-container .list-premium > a.sp-home-more-card,
  body.sp-home-page .index-container .sp-home-latest .sp-home-latest-cards > a.sp-home-more-card {
    --ty-seller-row: 46px;
    align-self: flex-start;
    aspect-ratio: 4 / 5;
    height: auto;
    margin-top: var(--ty-seller-row);
    padding: 12px;
  }
}

/* ==========================================================================
   Ajustements 2026-10-15 : alignements, tableau de bord, formulaire de dépôt
   ========================================================================== */
/* Carrousel « À la une » : vignette vendeur alignée avec la photo, nom visible */
body.sp-home-page .index-container .sp-premium-seller {
  padding-left: 0;
  padding-right: 0;
  align-items: center;
}
body.sp-home-page .index-container .sp-premium-seller-name {
  flex: 1 1 auto;
  line-height: 42px;
}
body.sp-home-page .index-container .sp-premium-seller-rating {flex: 0 0 auto; margin-left: 0;}

/* Cartes de liste : vignette et nom du vendeur sur la même ligne */
body.sp-site-page .sp-ad-card-bottom {align-items: flex-start;}
body.sp-site-page .sp-ad-card-seller strong {
  display: block;
  height: 36px;
  line-height: 36px;
}
body.sp-site-page .sp-ad-card-avatar.sp-ad-card-shop-logo + .sp-ad-card-seller strong {
  height: 60px;
  line-height: 60px;
}

/* Tableau de bord : carte plus étroite, caractéristiques en colonne */
body.sp-site-page .sp-ad-card-container--dashboard {max-width: 760px;}
body.sp-site-page .sp-ad-card-container--dashboard .sp-ad-card-specs {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
body.sp-site-page .sp-ad-card-container--dashboard .sp-ad-card-specs > div {
  flex: 0 0 auto;
  padding: 9px 14px;
  border-left: 0;
  border-top: 1px solid #e1e8ef;
}
body.sp-site-page .sp-ad-card-container--dashboard .sp-ad-card-specs > div:first-child {border-top: 0;}
body.sp-site-page .sp-ad-card-container--dashboard .sp-ad-card-specs dt {margin-bottom: 2px;}

/* Déposer une annonce : suppression des lignes sous les titres de section */
body.sp-site-page .sp-deposit-page .sp-deposit-card > h3,
body.sp-site-page .sp-deposit-page .sp-deposit-card > div > h3,
.sp-deposit-card > h3,
.sp-deposit-card > div > h3 {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* ==========================================================================
   Pied de page (maquette) : fond bleu marine, marque + 4 colonnes de liens,
   barre du bas. Couleurs du site : bleu #2477c9 / #102e50, orange #f58220.
   ========================================================================== */
body.sp-site-page .footer.sp-footer-v2 {
  margin-top: 48px;
  border-top: 0;
  background: #102e50;
  color: #c8d6e3;
}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-shell {
  display: grid;
  grid-template-columns: minmax(230px, 1.25fr) repeat(4, minmax(0, 1fr));
  gap: 40px;
  padding: 44px 0 36px;
}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-brand > a.sp-footer-logo,
body.sp-site-page .footer.sp-footer-v2 .sp-footer-brand > a.sp-footer-logo:visited {
  margin: 0 0 14px;
  color: #f58220 !important;
  font-size: 40px;
  letter-spacing: -1.2px;
}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-logo span {color: #fff;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-tagline {
  max-width: 300px;
  margin: 0 0 22px;
  color: #dbe5ee;
  font-size: 17px;
  line-height: 1.5;
}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-socials {margin: 0;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-socials > a {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, .12);
}

body.sp-site-page .footer.sp-footer-v2 .sp-footer-links h2 {
  margin: 2px 0 14px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-links ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-links a {
  color: #c8d6e3;
  font-size: 15px;
  line-height: 1.4;
}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-links a:is(:hover, :focus-visible) {color: #fff; text-decoration: underline;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-links .sp-footer-all a,
body.sp-site-page .footer.sp-footer-v2 .sp-footer-more > summary {color: #67b1e8;}
/* Liste complète des provinces */
body.sp-site-page .footer.sp-footer-v2 .sp-footer-more {margin-top: 10px;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-more > summary {
  cursor: pointer;
  font-size: 15px;
  line-height: 1.4;
  list-style: none;
}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-more > summary::-webkit-details-marker {display: none;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-more > summary:is(:hover, :focus-visible) {text-decoration: underline;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-more[open] > summary {margin-bottom: 10px;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-more > ul {
  max-height: 260px;
  padding: 12px 14px;
  overflow-y: auto;
  border-radius: 8px;
  background: rgba(255, 255, 255, .07);
}
/* Barre du bas */
body.sp-site-page .footer.sp-footer-v2 .sp-footer-bottom {border-top: 1px solid rgba(255, 255, 255, .14);}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-bottom-inner {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 24px;
  width: var(--ty-col);
  margin: 0 auto;
  padding: 18px 0 22px;
}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-copyright {margin: 0; color: #9fb0bf; font-size: 14px;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-copyright a {color: #c8d6e3;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-legal {display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; padding: 0; list-style: none;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-legal a {color: #c8d6e3; font-size: 14px; text-decoration: none;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-legal a:is(:hover, :focus-visible) {color: #fff; text-decoration: underline;}
@media (max-width: 1023px) {
  body.sp-site-page .footer.sp-footer-v2 .sp-footer-shell {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px;}
  body.sp-site-page .footer.sp-footer-v2 .sp-footer-brand {grid-column: 1 / -1;}
}
@media (max-width: 560px) {
  body.sp-site-page .footer.sp-footer-v2 .sp-footer-shell {grid-template-columns: 1fr; padding: 34px 0 28px;}
}

/* Common content frames — Page compte reference. Header/footer stay independent. */
body.sp-site-page main.sp-site-surface {
  --ty-frame-line: #c9d8e8;
  --ty-frame-radius: 8px;
  --ty-field-radius: 7px;
}
body.sp-site-page main.sp-site-surface :is(
  .sp-signup-card, .sp-signup-type, .sp-login-card, .sp-deposit-card,
  .forms:not(.sp-signup-page):not(.sp-login-page):not(.sp-deposit-page) > form > div:not(.recaptcha):not(.p-error):not(.sp-social-notice),
  .ad-page-bloc-infos, .shop-page-bloc-infos, .sp-shop-contact-card,
  .sp-shop-form-card, .sp-shop-about-card, .sp-shop-comment-card,
  .sp-shop-reviews, .sp-saved-search-row, .background-search-listing,
  .background-shops-listing, .sp-cart, .sp-cart-summary,
  .payment-container > .payment-type, .payment-container > .not-mobile, .payment-container > .mobile > div,
  .account-invoices > .not-mobile, .account-invoices > .mobile > div,
  .sp-modern-select-panel, .sp-filter-choice-panel,
  .uploader-container, .geolocalisation
):not(.background-framed):not(.is-selected):not(.error):not(.alert):not(.success):not([role="alert"]) {
  border: 1px solid var(--ty-frame-line) !important;
  border-radius: var(--ty-frame-radius) !important;
  background-color: #fff !important;
  box-shadow: none !important;
}
html body.sp-site-page .sp-shop-form > :is(.sp-shop-upload-errors, #popup_msg) {border:0!important;}
/* Regularise interiors while retaining each page's grid and positioning. */
body.sp-site-page main.sp-site-surface :is(.sp-signup-card, .sp-login-card, .sp-deposit-card, .sp-shop-form-card) {
  padding: clamp(20px, 2.5vw, 28px);
}
body.sp-site-page main.sp-site-surface :is(
  input:not([type]), input[type="text"], input[type="email"],
  input[type="password"], input[type="tel"], input[type="url"],
  input[type="number"], input[type="search"], input[type="date"],
  input[type="time"], input[type="datetime-local"], select, textarea
):not(.form-error):not([aria-invalid="true"]):not(:disabled):not([readonly]):not(:where(.sp-modern-select-search input, .ty-select-search input, .sp-listing-summary-search > input[type="search"])) {
  box-sizing: border-box;
  border: 1px solid var(--ty-frame-line) !important;
  border-radius: var(--ty-field-radius) !important;
  background-color: #fff !important;
  box-shadow: none !important;
  padding-block: 10px;
}
body.sp-site-page main.sp-site-surface :is(.sp-modern-select, .ty-field):not(.form-error) > :is(.sp-modern-select-trigger, .ty-select-button),
body.sp-site-page main.sp-site-surface :is(.sp-location-trigger, .ty-dashboard-sort select) {
  border: 1px solid var(--ty-frame-line) !important;
  border-radius: var(--ty-field-radius) !important;
  background-color: #fff !important;
  box-shadow: none !important;
}
body.sp-site-page main.sp-site-surface :is(.sp-modern-select-search, .ty-select-search) input {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0;
  background-color: transparent !important;
}
body.sp-site-page main.sp-site-surface :is(input, select, textarea):not(.form-error):not([aria-invalid="true"]):focus-visible,
body.sp-site-page main.sp-site-surface :is(.sp-modern-select-trigger, .ty-select-button):focus-visible {
  outline: 2px solid var(--talatyai-blue, #2f80c3);
  outline-offset: 2px;
}
/* Listing frames share the same outline, without overriding paid framed options. */
body.sp-site-page main.sp-site-surface :is(
  .sp-ad-card-container:not(.sp-ad-card-container--dashboard) > .background-ads-listing,
  .sp-ad-card-container--dashboard,
  .sp-search-results-grid > .sp-ad-card-container,
  .sp-home-latest-cards > .background-ads-premium,
  .list-premium > .background-ads-premium
):not(.background-framed):not(:has(> .background-framed)) {
  border: 1px solid var(--ty-frame-line) !important;
  border-radius: var(--ty-frame-radius) !important;
  background-color: #fff;
  box-shadow: none !important;
}
body.sp-site-page main.sp-site-surface .sp-ad-card-specs {
  gap: 6px;
  border: 0 !important;
  border-radius: 0;
  background: transparent;
}
body.sp-site-page main.sp-site-surface .sp-ad-card-specs > div {
  border: 1px solid var(--ty-frame-line) !important;
  border-radius: var(--ty-field-radius) !important;
  background-color: #fff !important;
}
/* The three dashboard summaries retain their blue/orange tinted backgrounds. */
body.sp-site-page main.sp-site-surface .ty-dashboard-summary > .ty-dashboard-summary-card {
  border: 1px solid var(--ty-frame-line);
  border-radius: var(--ty-frame-radius);
}

/* Account navigation: larger labels, a blue underline with no geometry change. */
body.sp-site-page .dashboard-menu > ul {column-gap: 12px;}
body.sp-site-page .dashboard-menu > ul > li > a:not(.sp-account-logout) {
  font-size: 19px;
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 7px;
  transition: color .15s ease, text-decoration-color .15s ease;
}
body.sp-site-page .dashboard-menu > ul > li > a:not(.sp-account-logout):is(:hover, :focus-visible) {
  color: var(--talatyai-blue, #2f80c3);
  text-decoration-color: currentColor;
}
@media (prefers-reduced-motion: reduce) {
  body.sp-site-page .dashboard-menu > ul > li > a:not(.sp-account-logout) {transition: none;}
}

/* « Déjà vue » toujours sur une seule ligne ; avis vendeur : zone tactile confortable et clic fiable sur mobile. */
body.sp-site-page .sp-listing-seen,
body.sp-site-page .search-results-listing .sp-listing-seen,
body.sp-site-page .background-ads-premium > .sp-premium-photo > .sp-listing-seen {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: none;
  white-space: nowrap;
}
body.sp-site-page [data-shop-reviews-url] {
  position: relative;
  z-index: 3;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(47, 128, 195, .18);
}
body.sp-site-page [data-shop-reviews-url]::after {
  content: "";
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* « Déjà vue » : jamais de retour à la ligne, quelle que soit la largeur de la vignette. */
body.sp-site-page .sp-listing-seen,
body.sp-site-page .sp-listing-seen * {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
body.sp-site-page .sp-listing-seen {width: max-content; max-width: none !important; flex-wrap: nowrap;}
body.sp-site-page .sp-listing-seen[hidden] {display: none !important;}

/* Logo boutique devant le nom du vendeur : aucune marge parasite, centré comme la pastille à initiale. */
body.sp-site-page .sp-premium-seller-avatar img,
body.sp-site-page .background-ads-premium .sp-premium-seller-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0;
  border-radius: 50%;
  object-fit: contain;
}

/* Liste de résultats (mobile) : la pastille/logo fait 32 px, le nom doit avoir la même hauteur pour être aligné. */
@media (max-width: 700px) {
  body.sp-site-page .search-results-listing .sp-ad-card-bottom {align-items: flex-start;}
  body.sp-site-page .search-results-listing .sp-ad-card-seller strong,
  body.sp-site-page .search-results-listing .sp-ad-card-avatar.sp-ad-card-shop-logo + .sp-ad-card-seller strong {
    height: 32px;
    line-height: 32px;
  }
  body.sp-site-page .search-results-listing .sp-ad-card-avatar img {display: block; width: 100%; height: 100%; margin: 0; object-fit: contain;}
}

/* Footer, toutes les pages (ordinateur compris) : icônes Facebook / LINE aux mêmes couleurs que sur l'accueil. */
body.sp-site-page .footer.sp-footer-v2 .sp-footer-socials {display: flex; align-items: center; gap: 12px;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-socials > a {display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border: 0; border-radius: 50%;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-socials > a svg { width: 24px; height: 24px; fill: #fff;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-socials > a.facebook-networks {background: #1877f2 !important; background-image: none !important;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-socials > a.line-networks {background: #06c755 !important; background-image: none !important;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-socials > a.line-networks svg {width: 30px; height: 30px;}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-socials > a.line-networks text {fill: #06c755; font: 700 5px/1 Arial, sans-serif;}



/* TalatYai — géométrie commune du header, 2026-10-16.
   Priorité aux règles communes, y compris face aux anciens styles accueil. */
html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .header-logo a::before {
  display: none !important;
}
html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .header-logo img {
  display: block;
  opacity: 1 !important;
  aspect-ratio: 960 / 208;
  height: auto;
  object-fit: contain;
  transform: none !important;
  transition: none !important;
}
html body.sp-site-page.sp-modern-header header.header .sp-header-main :is(a,button,img),
html body.sp-site-page.sp-modern-header .index-container .sp-home-category-card > img,
html body.sp-site-page.sp-modern-header .index-container .sp-home-featured-category > img {
  transition: none !important;
}
@media (min-width: 961px) {
  html body.sp-site-page.sp-modern-header {--ty-header-h: 88px; --ty-search-h: 60px;}
  html body.sp-site-page.sp-modern-header header.header {
    height: 88px !important;
    border-bottom: 3px solid #dde3e8 !important;
    box-shadow: none !important;
  }
  html body.sp-site-page.sp-modern-header .header-end {height: 88px !important;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-shell {
    width: var(--ty-col) !important;
    height: 88px !important;
    grid-template-rows: 88px !important;
  }
  html body.sp-site-page.sp-modern-header header.header .sp-header-shell > .sp-header-main {
    display: grid !important;
    grid-template-columns: 155px minmax(0, 1fr) max-content max-content 55px !important;
    grid-template-rows: 88px !important;
    gap: clamp(12px, 1.2vw, 20px) !important;
    width: 100% !important;
    height: 88px !important;
    min-height: 88px !important;
    align-items: center !important;
  }
  html body.sp-site-page.sp-modern-header header.header .sp-header-main .header-logo {width: 155px !important; min-width: 0;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .header-logo img {width: 150px !important; max-width: 100%;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-main > .sp-header-search-wrap {width: 100%; min-width: 0 !important; max-width: none;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .sp-header-search {
    box-sizing: border-box;
    height: 60px !important;
    border: 1px solid #cbd9e7 !important;
    border-radius: 12px !important;
    background: #fff !important;
  }
  html body.sp-site-page.sp-modern-header header.header .sp-header-search input[type="search"] {min-width: 0; padding: 0 20px !important; font-size: 20px !important;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-search button[type="submit"] {
    flex: 0 0 68px !important;
    width: 68px !important;
    height: 58px !important;
    border-radius: 0 11px 11px 0 !important;
  }
  html body.sp-site-page.sp-modern-header header.header .sp-header-main > .sp-header-deposit {
    width: 250px !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 0 16px !important;
    font-size: 16px !important;
    white-space: nowrap;
  }
  html body.sp-site-page.sp-modern-header header.header .sp-header-main > .sp-header-deposit::after {content: none !important;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .menu {gap: 0 !important;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .menu > a.connexion.sp-header-login {
    box-sizing: border-box;
    width: auto !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    border: 1.5px solid #8db1cf !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
  html body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .menu > :is(.ring,.selection,.connexion:not(.sp-header-login)) {
    box-sizing: border-box;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 74px !important;
    padding: 52px 4px 0 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
}
@media (min-width: 961px) and (max-width: 1300px) {
  html body.sp-site-page.sp-modern-header header.header .sp-header-shell > .sp-header-main {
    grid-template-columns: 125px minmax(0, 1fr) max-content max-content 48px !important;
    gap: 12px !important;
  }
  html body.sp-site-page.sp-modern-header header.header .sp-header-main .header-logo {width: 125px !important;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-main > .sp-header-deposit {width: 190px !important; padding: 0 12px !important; font-size: 14px !important;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-search input[type="search"] {font-size: 18px !important;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .menu > :is(.ring,.selection,.connexion:not(.sp-header-login)) {width: 68px !important; min-width: 68px !important; max-width: 68px !important; font-size: 14px !important;}
}
/* Téléphone : mêmes deux lignes avant/après scroll et sur toutes les pages.
   Le logo, les langues et la recherche restent accessibles. */
@media (max-width: 700px) {
  html body.sp-site-page.sp-modern-header header.header,
  html body.sp-site-page.sp-modern-header .header-end {height: 124px !important;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-shell {height: 124px !important; grid-template-rows: 124px !important;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main {
    display: grid !important;
    box-sizing: border-box;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    height: 124px !important;
    min-height: 124px !important;
    grid-template-columns: 44px minmax(0, 1fr) 64px !important;
    grid-template-rows: 44px 44px !important;
    gap: 8px !important;
    padding: 10px 0 !important;
    align-items: center !important;
    align-content: center;
  }
  html body.sp-site-page.sp-modern-header header.header .sp-header-main .toggle-menu {grid-area: 1 / 1 !important;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-main .header-logo {display: flex !important; grid-area: 1 / 2 !important; width: auto; min-width: 0; justify-content: center; margin: 0;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .header-logo img {width: 142px !important; max-width: 100%;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-main .header-flags.sp-language-mobile {display: flex !important; grid-area: 1 / 3 !important;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-main .header-flags.sp-language-desktop {display: none !important;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-main .sp-header-search-wrap {display: block !important; grid-area: 2 / 1 / auto / -1 !important; width: 100%; min-width: 0;}
  html body.sp-site-page.sp-modern-header header.header .sp-header-search-menu {top: 124px; max-height: calc(100dvh - 136px);}
  html body.sp-site-page.sp-modern-header .sp-header-main .header-links {top: 124px; height: calc(100dvh - 124px);}
}


/* TY-READABLE-20261017 — shared column, normal scale, existing font families. */
html body.sp-site-page {
 --ty-col:min(calc(100% - 48px),1080px);
 --ty-page-zoom:1;
 --ty-base-font:16px;
 zoom:1 !important;
}
html body.sp-site-page main.sp-site-surface {
 --ty-frame-line:#d6dee7;
 background:transparent !important;
}
html body.sp-site-page main.sp-site-surface--content > .container-100,
html body.sp-site-page main.sp-site-surface--content > .container-100 > .container-100-child,
html body.sp-site-page main.sp-site-surface > .index-container {background:transparent !important;}
html body.sp-site-page main.sp-site-surface h1 {font-size:26px !important;}
html body.sp-site-page main.sp-site-surface h2 {font-size:21px !important;}
html body.sp-site-page main.sp-site-surface h3 {font-size:18px !important;}
html body.sp-site-page main.sp-site-surface--content :is(p,li,label,td,th,dt,dd) {font-size:15px;line-height:1.55;}
html body.sp-site-page main.sp-site-surface--content :is(input,select,textarea,button) {font-size:16px !important;}
html body.sp-site-page .footer.sp-footer-v2 :is(p,a,li,small) {font-size:14px;line-height:1.5;}
@media(min-width:961px) {
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell > .sp-header-main {
  grid-template-columns:140px minmax(140px,1fr) max-content 178px 48px !important;
  gap:14px !important;
 }
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .header-logo {width:140px !important;}
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .header-logo img {width:140px !important;}
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main > .sp-header-deposit {width:178px !important;font-size:14px !important;}
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .header-links .menu {display:flex !important;gap:12px !important;align-items:center;}
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .header-links .menu > :is(a.ring,a.selection,a.connexion:not(.sp-header-login)) {
  flex-shrink:0 !important;font-size:14px !important;line-height:1.25 !important;white-space:nowrap !important;text-align:center;
 }
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .header-links .menu > a.ring {width:116px !important;min-width:116px !important;max-width:116px !important;}
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .header-links .menu > :is(a.selection,a.connexion) {width:80px !important;min-width:80px !important;max-width:80px !important;}
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .sp-header-search input[type="search"] {font-size:16px !important;}
}
html body.sp-site-page main.sp-site-surface--content .payment-container.sp-checkout-page.sp-checkout-mockup {
 width:100% !important;max-width:1080px !important;margin-inline:auto !important;
}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup :is(.sp-cart-head,.sp-cart-component,.sp-billing-help,.sp-payment-step,.sp-checkout-secure,.sp-cart-footer .ref) {font-size:16px !important;line-height:1.5 !important;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-cart-head,
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-cart-row {grid-template-columns:minmax(0,1fr) 140px 110px;gap:20px;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-cart-head > :nth-child(2),
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-cart-item-price {text-align:right;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-cart-footer {
 display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;padding-top:20px;
}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-cart-footer .ref {grid-column:1;grid-row:1;margin:0 !important;padding:0;align-self:start;text-align:left;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-cart-totals {grid-column:2;grid-row:1;width:100%;max-width:none;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #billing-result {
 display:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:0 24px 24px;text-align:left;
}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #billing-result.billing-display {display:grid;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .billing-resume {margin:0 !important;line-height:1.65;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #edit-billing {color:#fff!important;width:auto;max-width:300px;min-height:48px;margin:0;align-self:center;justify-self:end;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-billing-field > span {font-size:16px;line-height:1.4;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #billing-form .sp-billing-field > input {height:48px;line-height:1.4;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup > .payment-gtc {
 display:flex;align-items:flex-start;gap:10px;margin:0 !important;padding:18px 20px;background:#fff;border:1px solid #d6dee7;border-radius:8px;text-align:left;
}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .payment-gtc input[type="checkbox"] {flex:0 0 20px;width:20px !important;height:20px !important;margin:2px 0 0 !important;padding:0;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .payment-gtc label {flex:1;min-width:0;margin:0;font-size:16px;line-height:1.5;text-align:left;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup > .sp-payment-step-between {margin:12px 0 20px;padding:0 20px;text-align:left;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #payment-methods > h3 {margin:0 0 16px;padding:0;text-align:left;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-method-option {margin:16px 0 0;padding:18px 20px;border:1px solid #e3b77a;background:#fff7eb;
}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-promptpay-logo-image {display:block;flex:0 0 160px;width:160px;height:auto;max-height:60px;object-fit:contain;object-position:left center;margin:0;padding:0;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-method-copy {flex:1;min-width:0;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-method-copy small {display:block;margin-top:4px;font-size:16px;line-height:1.5;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-method-sr {position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #payment-list {gap:20px;margin:20px 0 0;padding:0;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #payment-list > div {min-width:0;margin:0;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #payment-none {margin:16px 0 0;padding:0;background:transparent;border:0;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #payment-none > div {box-sizing:border-box;width:100%;margin:0;padding:16px;border:1px solid #d6dee7;border-radius:7px;background:#f6f8fa;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #payment-none p {margin:0;padding:0;text-align:left;line-height:1.5;}
@media(max-width:960px) {html body.sp-site-page {--ty-col:calc(100% - 32px);}}
@media(max-width:700px) {
 html body.sp-site-page {--ty-col:calc(100% - 24px);}
 html body.sp-site-page main.sp-site-surface h1 {font-size:24px !important;}
 html body.sp-site-page main.sp-site-surface h2 {font-size:20px !important;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-cart-row {grid-template-columns:minmax(0,1fr) auto;gap:14px;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-cart-item-price {text-align:left;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-cart-footer {display:flex;flex-direction:column;gap:18px;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-cart-footer .ref {width:100%;order:0;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-cart-totals {order:1;width:100%;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #billing-result.billing-display {grid-template-columns:minmax(0,1fr);gap:18px;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #edit-billing {justify-self:start;max-width:100%;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup > .payment-gtc {padding:16px;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-method-option {flex-wrap:wrap;padding:16px;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-promptpay-logo-image {flex-basis:132px;width:132px;max-height:48px;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-method-copy {flex:1 1 150px;}
}

/* TY-FIELD-FILL-20261017 */
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #billing-form .sp-billing-field > input {width:100% !important;max-width:none !important;min-width:0 !important;}

html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #billing-form .forms > .sp-billing-field {box-sizing:border-box;width:100% !important;max-width:none !important;justify-self:stretch;align-self:stretch;}

/* TY-HARMONY-20261017: normal scale, compact type, aligned shared components. */
html body.sp-site-page {font-size:16px !important;background:#f7f8fa !important;}
html body.sp-site-page main.sp-site-surface {--ty-frame-line:#dfe3e8;}
html body.sp-site-page main.sp-site-surface :is(p,li,label,td,th,dt,dd) {font-size:15px;line-height:1.5;}
html body.sp-site-page main.sp-site-surface :is(button,.button,input[type=submit]) {font-size:15px !important;line-height:1.4;}
html body.sp-site-page .dashboard-menu {background:#fff !important;}
html body.sp-site-page .dashboard-menu > ul {display:flex !important;flex-wrap:wrap !important;justify-content:flex-start !important;align-items:center !important;width:calc(100% - 32px) !important;max-width:none !important;gap:6px 8px !important;padding:12px 0 !important;}
html body.sp-site-page .dashboard-menu > ul > li {display:flex;align-items:center;flex:0 0 auto;margin:0 !important;padding:0 !important;float:none !important;}
html body.sp-site-page .dashboard-menu > ul > li > a {display:inline-flex;align-items:center;gap:6px;margin:0 !important;padding:7px 0;white-space:nowrap;}
html body.sp-site-page .dashboard-menu > ul > li > a.sp-account-logout {padding:9px 14px;}
html body.sp-site-page main.sp-site-surface :is(.sp-premium-title,.sp-ad-card-title,.title-listing) {font-size:16px !important;line-height:1.35 !important;}
html body.sp-site-page main.sp-site-surface :is(.sp-premium-preview,.sp-home-hero p) {font-size:15px !important;line-height:1.5 !important;}
html body.sp-site-page main.sp-site-surface :is(.sp-premium-price,.sp-ad-card-price,.price-listing) {font-size:20px !important;line-height:1.35 !important;}
html body.sp-site-page main.sp-site-surface :is(.sp-premium-location,.sp-ad-card-meta) {font-size:14px !important;line-height:1.4 !important;}
html body.sp-site-page .sp-checkout-shell {background:#f7f8fa !important;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup {background:transparent !important;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-checkout-progress {box-sizing:border-box;max-width:none;margin:0 0 24px;padding:20px 16px;background:#fff;border:1px solid #dfe3e8;border-radius:8px;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-checkout-progress:before {top:39px;left:16.66%;right:16.66%;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-checkout-progress li {font-size:14px !important;line-height:1.4;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-method-option {box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:20px;padding:18px !important;background:#fff !important;border:1px solid #dfe3e8 !important;border-radius:7px;text-align:left;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-method-option > .sp-method-copy {box-sizing:border-box;flex:1 1 160px;min-width:0;width:auto !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;text-align:left !important;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-method-copy strong {display:block;font-size:16px !important;line-height:1.4;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-method-copy small {font-size:14px !important;line-height:1.4;}
html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup :is(.sp-cart-item-label,.billing-resume) {font-size:15px;}
@media(max-width:700px) {
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-checkout-progress {padding:16px 8px;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-checkout-progress:before {top:32px;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-checkout-progress li {font-size:12px !important;}
 html body.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-method-option {gap:12px;padding:16px !important;}
}

/* TY-CATEGORY-MENUS-20261017: compact aligned panels and header clearance. */
html body.sp-home-page .index-container .sp-home-hero {min-height:0 !important;margin-top:24px !important;padding:30px 24px !important;}
@media(min-width:701px) {
 html body.sp-home-page .sp-home-category-mega {box-sizing:border-box;top:calc(100% + 8px) !important;min-height:0 !important;max-height:min(340px,32dvh) !important;grid-template-columns:210px minmax(0,1fr) !important;overflow:auto;overscroll-behavior:contain;border-radius:8px !important;box-shadow:0 8px 20px rgba(22,47,72,.12);}
 html body.sp-home-page .sp-home-category-shortcut:is(:hover,:focus-within,.is-open)::after {content:"";position:absolute;top:100%;left:0;right:0;height:10px;}
 html body.sp-home-page .sp-home-category-mega-aside {padding:22px 18px !important;}
 html body.sp-home-page .sp-home-category-mega-aside > :is(a,.sp-home-category-mega-heading) {align-items:flex-start;font-size:16px !important;line-height:1.4;text-align:left;}
 html body.sp-home-page .sp-home-category-mega-content {grid-template-columns:repeat(3,minmax(0,1fr)) !important;align-content:start;align-items:start;gap:22px 24px !important;padding:22px 24px !important;}
 html body.sp-home-page .sp-home-category-mega-group h3 {padding:0 !important;margin:0 0 10px !important;font-size:16px !important;line-height:1.4 !important;text-align:left !important;}
 html body.sp-home-page .sp-home-category-mega-group :is(ul,li) {text-align:left !important;}
 html body.sp-home-page .sp-home-category-mega-group li + li {margin-top:6px !important;}
 html body.sp-home-page .sp-home-category-mega-group li a {font-size:14px !important;line-height:1.5 !important;}
 html body.sp-home-page .sp-home-category-mega-all {margin-top:10px !important;font-size:14px !important;line-height:1.5 !important;}
}
@media(min-width:701px) and (max-width:960px) {
 html body.sp-home-page .sp-home-category-mega {grid-template-columns:170px minmax(0,1fr) !important;}
 html body.sp-home-page .sp-home-category-mega-content {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px !important;padding:20px !important;}
}
@media(max-width:700px) {
 html body.sp-home-page .index-container .sp-home-hero {margin-top:16px !important;padding:24px 16px !important;}
}


/* TY-SEARCH-CARDS-20261017: compact search, contained login and single focus frame. */
html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .sp-header-search {box-sizing:border-box;align-self:center;width:100% !important;max-width:460px !important;height:48px !important;min-height:48px !important;display:flex !important;align-items:center;overflow:visible;}
html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .sp-header-search input[type=search] {box-sizing:border-box;flex:1 1 0%;width:0 !important;min-width:0 !important;max-width:none !important;height:46px !important;padding:0 14px !important;font-size:15px !important;line-height:1.4 !important;}
html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .sp-header-search > button {box-sizing:border-box;flex:0 0 44px !important;width:44px !important;min-width:44px !important;max-width:44px !important;height:46px !important;padding:0 !important;display:flex;align-items:center;justify-content:center;}
html body.sp-site-page.sp-modern-header header.header .sp-header-main .sp-header-search > button svg {width:19px;height:19px;}
@media(min-width:961px) {
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell > .sp-header-main {grid-template-columns:160px minmax(0,1fr) max-content 210px 48px !important;gap:12px !important;}
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main > .sp-header-deposit {width:210px !important;min-height:58px !important;font-size:15px !important;}
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .header-links .menu > a.sp-header-login {box-sizing:border-box;display:flex !important;flex-direction:row !important;align-items:center;justify-content:center;gap:6px;width:132px !important;min-width:132px !important;max-width:none !important;min-height:44px;padding:8px 10px !important;background-image:none !important;white-space:nowrap;font-size:14px !important;line-height:1.3 !important;}
 html body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .menu > a.sp-header-login svg {position:static !important;flex:0 0 20px;width:20px !important;height:20px !important;margin:0 !important;transform:none !important;}
 html body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .menu > a.sp-header-login span {white-space:nowrap;font-size:14px !important;}
 html body.sp-site-page.sp-modern-header header.header .sp-header-main .header-links .menu > a.sp-header-login:before {display:none !important;}
}
html body.sp-site-page main.sp-site-surface :is(.sp-modern-select-search,.ty-select-search) input:focus-visible {outline:0 !important;box-shadow:none !important;}
html body.sp-site-page main.sp-site-surface :is(.sp-modern-select-search,.ty-select-search):focus-within {border-color:#2f80c3 !important;border-radius:8px;outline:0 !important;box-shadow:0 0 0 1px #2f80c3 !important;}

@media(max-width:700px) {
 html body.sp-site-page.sp-modern-header header.header .sp-header-shell .sp-header-main .sp-header-search input[type=search] {font-size:16px !important;}
}

/* White background on public listing and listing detail pages. */
html body.sp-site-page:has(main .ad-page-container),
html body.sp-site-page main.sp-site-surface:has(.ad-page-container),
html body.sp-site-page:has(main > .container-100 > .search-results-container:not(.sp-dashboard-results):not(.shop)),
html body.sp-site-page main.sp-site-surface:has(> .container-100 > .search-results-container:not(.sp-dashboard-results):not(.shop)) {background:#fff!important;}

/* Shared category and province background on every public page. */
body.sp-site-page .sp-home-directory-shell {display:flow-root;background:#f5f7fb;}

/* White page background throughout the account area. */
html body.sp-site-page:has(> .dashboard-menu),
html body.sp-site-page:has(> .dashboard-menu) main.sp-site-surface {background:#fff!important;}

/* ===== home-reference.css ===== */
/* Accueil TalatYai — alignement sur la maquette fournie. */
:root {
  --ty-ref-blue: #2477c9;
  --ty-ref-blue-dark: #102e50;
  --ty-ref-orange: #f58220;
  --ty-ref-line: #dce5ee;
  --ty-ref-muted: #58708a;
}

body.sp-home-page {background: #fff; color: var(--ty-ref-blue-dark);}
body.sp-home-page main.sp-site-surface--home,
body.sp-home-page .sp-home-canvas {background: #fff;}
body.sp-home-page main.sp-site-surface--home > .container-100 > .index-container {
  width: var(--ty-col);
  padding-top: 0;
  padding-bottom: 28px;
}

/* En-tête : logo, recherche, raccourcis, dépôt, langue. */
@media (min-width: 961px) {
  body.sp-home-page {--ty-header-h: 88px; --ty-search-h: 58px;}
  body.sp-home-page header.header {border-bottom: 1px solid var(--ty-ref-line); box-shadow: 0 2px 8px rgba(16, 46, 80, .05);}
  body.sp-home-page header.header .sp-header-shell {width: var(--ty-col);}
  body.sp-home-page header.header .sp-header-shell > .sp-header-main {
    grid-template-columns: 150px minmax(360px, 1fr) max-content max-content 55px;
    gap: 24px;
  }
  body.sp-home-page header.header .sp-header-main .header-logo {width: 150px;}
  body.sp-home-page header.header .sp-header-main .header-logo img {display: block; width: 145px; height: auto; margin: 0;}
  body.sp-home-page header.header .sp-header-main > .sp-header-search-wrap {width: 100%; max-width: none; justify-self: stretch;}
  body.sp-home-page header.header .sp-header-shell .sp-header-main .sp-header-search {height: 58px; overflow: hidden; border: 1px solid #cbd9e7; border-radius: 12px; background: #fff;}
  body.sp-home-page header.header .sp-header-search input[type="search"] {padding: 0 20px; font-size: 18px;}
  body.sp-home-page header.header .sp-header-shell .sp-header-search button[type="submit"] {
    flex-basis: 68px;
    width: 68px;
    height: 57px;
    border-radius: 0 11px 11px 0;
    background: var(--ty-ref-orange);
  }
  body.sp-home-page header.header .sp-header-main .header-links {justify-self: end;}
  body.sp-home-page header.header .sp-header-main .header-links .menu {gap: 8px;}
  body.sp-home-page header.header .sp-header-main .header-links .menu > :is(.ring, .selection, .connexion, .deconnexion) {
    width: 66px;
    min-width: 66px;
    max-width: 78px;
    height: 58px;
    padding: 31px 4px 0;
    border: 0;
    background-color: transparent;
    color: #002b63;
    font-size: 12px;
    line-height: 1.05;
    text-align: center;
  }
  body.sp-home-page header.header .sp-header-main .header-links .menu > a.connexion.sp-header-login {
    position: relative;
    display: inline-flex;
    width: auto;
    min-width: 168px;
    max-width: none;
    height: 56px;
    padding: 0 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--ty-ref-blue);
    border-radius: 9px;
    background: #fff;
    color: var(--ty-ref-blue);
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
  }
  body.sp-home-page header.header .sp-header-main .header-links .menu > a.connexion.sp-header-login svg {
    position: static;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    transform: none;
  }
  body.sp-home-page header.header .sp-header-main .header-links .menu > a.connexion.sp-header-login:is(:hover, :focus-visible) {
    border-color: var(--ty-ref-blue);
    background: #eef6ff;
    color: var(--ty-ref-blue);
  }
  body.sp-home-page header.header .sp-header-main > .sp-header-deposit {
    min-width: 280px;
    min-height: 56px;
    padding: 0 22px;
    border-color: var(--ty-ref-orange) !important;
    border-radius: 9px;
    background: var(--ty-ref-orange) !important;
    font-size: 16px;
    text-transform: uppercase;
  }
  body.sp-home-page header.header .sp-header-main > .sp-header-deposit::after {content: '＋'; margin-left: 9px; font-size: 18px;}
}

/* Rangée d'icônes : ordre et aspect de la deuxième référence. */
body.sp-home-page .sp-home-category-navigation {
  position: relative;
  z-index: 70;
  margin: 0 0 32px;
  padding: 12px 0 10px;
  border-bottom: 1px solid var(--ty-ref-line);
  background: #fff;
}
body.sp-home-page .sp-home-category-shortcuts {grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px;}
body.sp-home-page .sp-home-category-shortcut {position: static; min-width: 0;}
body.sp-home-page .sp-home-category-shortcut-link,
body.sp-home-page .sp-home-category-shortcuts > :is(a, button) {
  width: 100%;
  min-height: 82px;
  gap: 7px;
  padding: 8px 5px;
  border: 0;
  border-radius: 9px;
  background: linear-gradient(135deg, #fbfdff, #f1f7ff);
  color: var(--ty-ref-blue);
  font-size: 16px;
  font-weight: 700;
}
body.sp-home-page .sp-home-category-shortcut-link svg,
body.sp-home-page .sp-home-category-shortcuts svg {width: 38px; height: 38px; flex-basis: 38px;}
body.sp-home-page .sp-home-category-shortcut:is(:hover, :focus-within, .is-open) > .sp-home-category-shortcut-link,
body.sp-home-page .sp-home-category-shortcut-link:is(:hover, :focus-visible) {
  background: #f3f7fc;
  color: var(--ty-ref-orange);
}

@media (min-width: 701px) {
  body.sp-home-page .sp-home-category-mega {
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    width: 100%;
    max-width: none;
    transform: none;
    grid-template-columns: 260px minmax(0, 1fr);
  }
  body.sp-home-page .sp-home-category-mega-aside {padding: 30px 26px;}
  body.sp-home-page .sp-home-category-mega-content {gap: 28px 42px; padding: 30px 40px 34px;}
}

/* Catégories illustrées. Les dimensions des images restent celles du site. */
body.sp-home-page .sp-home-featured-categories {margin: 0 0 52px;}
body.sp-home-page .sp-home-featured-category-grid {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px;}
body.sp-home-page .sp-home-featured-category {
  display: flex;
  min-width: 0;
  flex-direction: column;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-bottom: 1px solid var(--ty-ref-line);
  border-radius: 7px 7px 0 0;
  background: #fff;
  color: var(--ty-ref-blue-dark);
  text-decoration: none;
}
body.sp-home-page .sp-home-featured-category img {
  display: block;
  width: 100%;
  height: calc(100% - 30px);
  min-height: 0;
  flex: 1 1 auto;
  object-fit: cover;
}
body.sp-home-page .sp-home-featured-category > span {
  position: static;
  display: block;
  width: auto;
  max-width: none;
  min-height: 30px;
  padding: 7px 4px 8px;
  border-radius: 0;
  background: #F7F7F7;
  box-shadow: none;
  color: var(--ty-ref-blue-dark);
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
body.sp-home-page .sp-home-featured-category:is(:hover, :focus-visible) img {transform: none;}

/* Titres et liens de section, sans changer le gabarit des vignettes. */
body.sp-home-page .index-container .sp-home-section-heading {margin-bottom: 18px;}
body.sp-home-page .index-container .sp-home-section-heading h2,
body.sp-home-page .index-container .sp-home-section-heading h2 a,
body.sp-home-page .sp-home-featured-categories h2 {font-size: 31px; line-height: 1.2;}
body.sp-home-page .index-container .sp-home-section-heading > a,
body.sp-home-page .index-container .sp-home-latest-all {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ty-ref-blue);
  font-size: 16px;
  font-weight: 500;
}
body.sp-home-page .index-container .sp-home-section-heading > a:is(:hover, :focus, :active),
body.sp-home-page .index-container .sp-home-latest-all:is(:hover, :focus, :active) {border: 0; background: transparent; color: var(--ty-ref-blue); text-decoration: underline;}
body.sp-home-page .index-container .sp-home-premium-heading {margin: 0 0 18px;}
body.sp-home-page .index-container > .list-premium {margin-bottom: 0 !important;}
body.sp-home-page .index-container .sp-home-latest > .sp-home-latest-heading {padding-top: 52px !important;}
body.sp-home-page .index-container .sp-home-latest,
body.sp-home-page .index-container .sp-home-seen {margin-bottom: 52px !important;}

/* Cartes : même largeur/hauteur que le site, habillage aligné sur la maquette. */
body.sp-home-page .index-container .list-premium > a.background-ads-premium {
  display: flex;
  height: auto;
  align-self: start;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--ty-ref-line) !important;
  border-radius: 7px;
  background: #fff;
}
body.sp-home-page .index-container .list-premium > a.background-ads-premium > .sp-premium-photo {order: 1;}
body.sp-home-page .index-container .list-premium {align-items: start;}
body.sp-home-page .index-container .list-premium > a.background-ads-premium > .bloc-premium-infos {
  order: 2;
  box-sizing: border-box;
  min-height: 0;
  flex: 0 0 auto;
  padding: 10px 12px;
}
body.sp-home-page .index-container .list-premium > a.background-ads-premium > .sp-premium-seller {
  order: 3;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  padding: 8px 10px;
  border-top: 1px solid #eef2f6;
}
body.sp-home-page .index-container .sp-premium-seller-avatar {width: 32px; height: 32px; border-width: 1px; font-size: 12px;}
body.sp-home-page .index-container .sp-premium-seller-name { overflow: hidden; font-size: 15px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap;}
body.sp-home-page .index-container .sp-premium-seller-rating {
  display: inline-flex;
  min-height: 32px;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
}
body.sp-home-page .index-container .sp-premium-seller-rating[data-shop-reviews-url] {
  min-height: 0;
  margin: 0;
  padding: 4px 0;
  align-self: center;
}
body.sp-home-page .index-container .sp-premium-seller-star {position: static; color: var(--ty-ref-orange); font-size: 20px; line-height: 1;}
body.sp-home-page .index-container .sp-premium-featured-label {background: var(--ty-ref-orange);}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-title {font-size: 13px;}
body.sp-home-page .index-container .list-premium .sp-premium-price {
  color: var(--ty-ref-blue) !important;
  font-size: 22px !important;
  font-weight: 700;
  line-height: 1.4;
}
body.sp-home-page .index-container :is(.sp-home-latest-cards, .sp-home-category-ads, .sp-home-seen-cards) .sp-premium-location {color: var(--ty-ref-muted); font-size: 11px;}
/* Texte SEO de l'accueil (Admin › Meta Tags) : visible, discret, en bas de page. */
body.sp-home-page .sp-home-seo {display: block; box-sizing: border-box; width: min(var(--ty-col, 1180px), calc(100% - 32px)); max-width: 980px; margin: 48px auto 40px; padding: 28px 0 0; border-top: 1px solid var(--ty-home-line);}
body.sp-home-page .sp-home-seo p {margin: 0; color: var(--ty-home-muted); font-size: 15px; line-height: 1.7; text-align: center;}
body.sp-home-page .sp-home-seo strong {color: var(--ty-ref-blue, #1f4f8f); font-weight: 600;}
body.sp-home-page .sp-home-seo a {color: var(--ty-ref-blue, #2477c9); font-weight: 600; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color .15s, color .15s;}
body.sp-home-page .sp-home-seo a:hover, body.sp-home-page .sp-home-seo a:focus-visible {border-bottom-color: currentColor; color: var(--ty-ref-orange, #f58220);}
body.sp-home-page .sp-home-seo a strong {color: inherit;}
@media (max-width: 600px) {body.sp-home-page .sp-home-seo {margin: 32px auto 28px;} body.sp-home-page .sp-home-seo p {font-size: 14px; text-align: left;}}

/* Footer sombre de la référence. */
body.sp-home-page .footer.sp-footer-v2 {box-sizing: border-box; width: 100%; margin-top: 0; overflow: visible; border-radius: 0 !important; background: var(--ty-ref-blue-dark);}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-shell {box-sizing: border-box; width: var(--ty-col); grid-template-columns: minmax(250px, 1.25fr) repeat(4, minmax(0, 1fr)); align-items: start; gap: 48px; padding: 48px 0 40px;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-brand > a.sp-footer-logo {margin-bottom: 16px; font-size: 46px; line-height: 1; letter-spacing: -1px; color: var(--ty-ref-orange) !important;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-logo span {color: #fff;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-tagline {max-width: 260px; margin-bottom: 24px; font-size: 17px; line-height: 1.55;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-socials {display: flex; align-items: center; gap: 12px;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-socials > a {display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border: 0; border-radius: 50%;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-socials > a svg {display: block; width: 24px; height: 24px; fill: #fff;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-socials > a.facebook-networks {background: #1877f2 !important; background-image: none !important;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-socials > a.line-networks {background: #06c755 !important; background-image: none !important;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-socials > a.line-networks svg {width: 30px; height: 30px;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-socials > a.line-networks text {fill: #06c755; font: 700 5px/1 Arial, sans-serif;}

body.sp-home-page .footer.sp-footer-v2 .sp-footer-links {min-width: 0;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-links h2 {margin: 0 0 16px; font-size: 18px; line-height: 1.3;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-links ul {gap: 8px;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-links a {font-size: 16px; line-height: 1.5;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-bottom {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  columns: auto;
  column-gap: normal;
}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-bottom-inner {box-sizing: border-box; display: grid; width: var(--ty-col); grid-template-columns: minmax(0, 1fr) auto; padding: 18px 0 20px; align-items: center; gap: 18px 36px;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-copyright {min-width: 0; flex: 1 1 340px; line-height: 1.45;}
body.sp-home-page .footer.sp-footer-v2 .sp-footer-legal {flex: 0 1 auto; justify-content: flex-end; gap: 10px 28px;}
body.sp-home-page .footer.sp-footer-v2 :is(.sp-footer-copyright, .sp-footer-legal a) {font-size: 14px;}

@media (min-width: 961px) and (max-width: 1180px) {
  body.sp-home-page header.header .sp-header-shell {width: var(--ty-col);}
  body.sp-home-page header.header .sp-header-shell > .sp-header-main {grid-template-columns: 108px minmax(250px, 1fr) max-content max-content 42px; gap: 10px;}
  body.sp-home-page header.header .sp-header-main > .sp-header-deposit {min-width: 174px; padding-right: 12px; padding-left: 12px; font-size: 13px;}
  body.sp-home-page header.header .sp-header-main .header-links .menu > a.connexion.sp-header-login {min-width: 122px; padding-right: 12px; padding-left: 12px; font-size: 13px;}
}

@media (max-width: 960px) {
  body.sp-home-page .sp-home-category-navigation {margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; overflow-x: auto;}
  body.sp-home-page .sp-home-category-shortcuts {display: flex; width: max-content; min-width: 100%;}
  body.sp-home-page .sp-home-category-shortcut {width: 112px; flex: 0 0 112px;}
  body.sp-home-page .sp-home-featured-category-grid {display: flex; overflow-x: auto; scroll-snap-type: x mandatory;}
  body.sp-home-page .sp-home-featured-category {flex: 0 0 210px; scroll-snap-align: start;}
  body.sp-home-page .footer.sp-footer-v2 .sp-footer-shell {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px;}
  body.sp-home-page .footer.sp-footer-v2 .sp-footer-brand {grid-column: 1 / -1;}
  body.sp-home-page .footer.sp-footer-v2 .sp-footer-bottom-inner {grid-template-columns: 1fr; align-items: flex-start;}
  body.sp-home-page .footer.sp-footer-v2 .sp-footer-legal {justify-content: flex-start;}
}

@media (max-width: 560px) {
  body.sp-home-page .footer.sp-footer-v2 .sp-footer-shell {grid-template-columns: 1fr;}
  body.sp-home-page .footer.sp-footer-v2 .sp-footer-brand {grid-column: auto;}
}

/* Accueil : vignettes alignées (même hauteur, vendeur en bas), pastille du vendeur centrée sur le nom */
body.sp-home-page .index-container .list-premium {align-items: stretch;}
body.sp-home-page .index-container .list-premium > a.background-ads-premium {align-self: stretch;}
body.sp-home-page .index-container .list-premium > a.background-ads-premium > .bloc-premium-infos {flex: 1 1 auto;}
body.sp-home-page .index-container .list-premium > a.background-ads-premium > .sp-premium-seller {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  margin-top: auto;
  padding: 8px 0 !important;
  box-sizing: border-box;
}
body.sp-home-page .index-container .sp-premium-seller-avatar {
  flex: 0 0 auto;
  width: 30px; height: 30px;
  margin: 0; align-self: center;
  border: 0; box-shadow: none;
  font-size: 14px; line-height: 1;
}
body.sp-home-page .index-container .sp-premium-seller-name {
  flex: 1 1 0; min-width: 0; margin: 0; align-self: center;
  font-size: 15px !important; line-height: 1.2 !important;
}
body.sp-home-page .index-container .sp-premium-seller-rating,
body.sp-home-page .index-container .sp-premium-seller-rating[data-shop-reviews-url] {
  flex: 0 0 auto; align-self: center; min-height: 0; margin: 0; padding: 0;
  font-size: 14px !important; line-height: 1 !important;
}
body.sp-home-page .index-container .sp-premium-seller-star {font-size: 16px !important; line-height: 1 !important;}
body.sp-home-page .index-container .list-premium > a.sp-home-more-card,
body.sp-home-page .index-container .sp-home-latest .sp-home-latest-cards > a.sp-home-more-card {
  align-self: stretch; aspect-ratio: auto; height: auto; margin-top: 0;
}
@media (max-width: 360px) {
  body.sp-home-page .index-container .list-premium > a.background-ads-premium > .sp-premium-seller {gap: 6px !important; padding: 8px 0 !important;}
  body.sp-home-page .index-container .sp-premium-seller-avatar {width: 26px; height: 26px; font-size: 13px;}
  body.sp-home-page .index-container .sp-premium-seller-count {display: none;}
}

/* Annonces récentes (mobile) : la carte était en « display:block », le vendeur/avis restait donc en haut.
   Même mise en page que « À la une » : photo, titre/prix, puis vendeur et avis en bas. */
body.sp-home-page .index-container .sp-home-latest .sp-home-latest-cards > a.background-ads-premium,
body.sp-home-page .index-container .sp-home-latest .sp-home-latest-cards > a.background-ads-premium:is(:hover, :focus-visible) {
  display: flex !important;
  flex-direction: column;
}
body.sp-home-page .index-container .sp-home-latest .sp-home-latest-cards > a.background-ads-premium > .sp-premium-photo {order: 1;}
body.sp-home-page .index-container .sp-home-latest .sp-home-latest-cards > a.background-ads-premium > .bloc-premium-infos {order: 2;}
body.sp-home-page .index-container .sp-home-latest .sp-home-latest-cards > a.background-ads-premium > .sp-premium-seller {order: 3;}

/* « Déjà vues » (mobile) : une seule ligne défilante, comme les autres rubriques. */
@media (max-width: 700px) {
  body.sp-home-page .index-container .list-premium.sp-home-seen-cards {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none;
    gap: 16px;
    width: 100%;
    margin: 0;
    padding: 0 0 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  body.sp-home-page .index-container .list-premium.sp-home-seen-cards::-webkit-scrollbar {display: none;}
  body.sp-home-page .index-container .list-premium.sp-home-seen-cards > a.background-ads-premium {
    display: flex !important;
    flex: 0 0 clamp(144px, 43vw, 260px);
    flex-direction: column;
    width: clamp(144px, 43vw, 260px);
    min-width: 0;
    margin: 0;
    scroll-snap-align: start;
  }
  body.sp-home-page .index-container .list-premium.sp-home-seen-cards > a.background-ads-premium > .sp-premium-photo {order: 1;}
  body.sp-home-page .index-container .list-premium.sp-home-seen-cards > a.background-ads-premium > .bloc-premium-infos {order: 2; flex: 1 1 auto;}
  body.sp-home-page .index-container .list-premium.sp-home-seen-cards > a.background-ads-premium > .sp-premium-seller {order: 3;}
}

/* Tactile : pas d'effet de survol sur les vignettes (évite qu'un premier tap ne serve qu'à « survoler »). */
@media (hover: none) {
  body.sp-home-page .index-container a.background-ads-premium,
  body.sp-home-page .index-container a.background-ads-premium:hover {
    transition: none !important;
    transform: none !important;
  }
}

/* TY-HOME-FINAL-20261017 — final category rules, loaded after shared styles. */
/* TY-TITLES-ONLY-20261017 */
html body.sp-home-page .index-container .sp-home-category-mega-group h3 {font-size:16px !important;}
html body.sp-home-page .sp-home-featured-category > span {font-size:18px !important;}

/* TY-MENUS-NO-SCROLL-20261017 */
@media(min-width:701px) {
 html body.sp-home-page .sp-home-category-mega {height:auto !important;max-height:none !important;overflow:visible !important;}
 html body.sp-home-page .sp-home-category-mega-content {height:auto !important;max-height:none !important;overflow:visible !important;}
}

html body.sp-home-page main.sp-site-surface--home > .sp-home-canvas > .index-container {padding-top:24px !important;}
html body.sp-home-page .index-container .sp-home-hero {margin-top:0 !important;}
@media(max-width:700px) {
 html body.sp-home-page main.sp-site-surface--home > .sp-home-canvas > .index-container {padding-top:16px !important;}
}

/* TY-CATEGORY-FRAMES-20261017: four groups on one row, blue card outline, aligned separator. */
@media(min-width:1100px) {
 html body.sp-home-page .sp-home-category-mega-content:has(> .sp-home-category-mega-group:nth-child(4)):not(:has(> .sp-home-category-mega-group:nth-child(5))) {grid-template-columns:repeat(4,minmax(0,1fr)) !important;column-gap:20px !important;}
}
html body.sp-site-page.sp-home-page main.sp-site-surface .index-container :is(a.background-ads-premium,.sp-home-featured-category):not(.background-framed):not(:has(> .background-framed)) {box-sizing:border-box;border:1px solid #8eafd2 !important;border-radius:8px !important;box-shadow:none !important;}
html body.sp-home-page .sp-home-directory {box-sizing:border-box;width:var(--ty-col) !important;max-width:1080px !important;margin:20px auto !important;padding:18px 0 !important;border-top:1px solid #d6dee7 !important;}

/* TY-CARDS-COMPACT-20261017 */
html body.sp-site-page.sp-home-page main.sp-site-surface .index-container a.background-ads-premium:not(.background-framed):not(:has(> .background-framed)) {border:0 !important;box-shadow:none !important;border-radius:0 !important;height:auto !important;justify-content:flex-start !important;}
html body.sp-home-page .index-container a.background-ads-premium .sp-premium-photo {border-radius:8px !important;}
html body.sp-home-page .index-container a.background-ads-premium .bloc-premium-infos {display:flex !important;flex-direction:column;gap:3px !important;min-height:0 !important;height:auto !important;flex:0 0 auto !important;padding:7px 0 3px !important;}
html body.sp-home-page .index-container a.background-ads-premium .bloc-premium-infos p {margin:0 !important;padding:0 !important;line-height:1.3 !important;}
html body.sp-home-page .index-container a.background-ads-premium :is(.sp-premium-title-row,.sp-premium-meta) {min-height:0 !important;margin:0 !important;padding:0 !important;gap:4px !important;}
html body.sp-home-page .index-container a.background-ads-premium .sp-premium-seller {min-height:0 !important;height:auto !important;margin:0 !important;padding:4px 0 6px !important;gap:6px !important;border:0 !important;justify-content:flex-start !important;}
html body.sp-home-page .index-container a.background-ads-premium .sp-premium-seller-name {flex:0 1 auto !important;max-width:50%;margin:0 !important;}
html body.sp-home-page .index-container a.background-ads-premium .sp-premium-seller-rating {flex:0 0 auto !important;margin:0 !important;justify-content:flex-start!important;gap:3px !important;}
html body.sp-home-page .index-container a.background-ads-premium .sp-premium-seller-avatar {width:24px !important;height:24px !important;flex:0 0 24px !important;}

/* Vehicles tile: the photo fills the existing card; its title overlays the bottom. */
html body.sp-site-page.sp-home-page main.sp-site-surface .index-container a.sp-home-featured-category.sp-home-featured-category--vehicles:not(.background-framed):not(:has(> .background-framed)) {position:relative;border:0!important;}
html body.sp-home-page .sp-home-featured-category--vehicles > img {width:100%;height:100%;flex:none;object-fit:cover;}
html body.sp-home-page .sp-home-featured-category--vehicles > span {position:absolute;inset:auto 0 1px;width:auto;max-width:none;margin:0;background:transparent;color:#fff!important;border:0;box-shadow:none;}

/* ===== site-components.css ===== */
/* TalatYai - styles regroupes dans leur ordre de priorite. */
/* TalatYai filters — all styles stay inside the existing modal. */
/* Filter palette: navy headings, medium-blue controls and light-blue selections. */
.ty-filter-modal{
 --ty-filter-text:#171717;
 --ty-filter-navy:#102F59;
 --ty-filter-action:#3269A3;
 --ty-filter-action-hover:#3269A3;
 --ty-filter-muted:#5c6672;
 --ty-filter-hover:#DCE7F2;
 --ty-filter-selected:#DCE7F2;
 --ty-filter-focus:#DCE7F2;
}
.ty-filter-modal[hidden],.ty-popup-backdrop[hidden],.ty-filter-modal [hidden]{display:none!important}
body.sp-filter-open{overflow:hidden!important}
.ty-popup-backdrop{position:fixed!important;inset:0!important;z-index:20000!important;background:#10233870!important;backdrop-filter:blur(2px)}
aside.ty-filter-modal.sp-filter-drawer{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;z-index:20001!important;width:min(1120px,calc(100vw - 40px))!important;height:auto!important;max-height:calc(100vh - 40px)!important;max-height:calc(100dvh - 40px)!important;margin:0!important;padding:0!important;border:1px solid #dfe6ed!important;border-radius:20px!important;background:#fff!important;box-shadow:0 24px 80px #14263c38!important;overflow:hidden!important;color:var(--ty-filter-text)!important}
.ty-filter-modal *{box-sizing:border-box}
.ty-filter-modal .ty-popup-form{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;max-height:calc(100vh - 40px)!important;max-height:calc(100dvh - 40px)!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important;text-align:left!important;color:var(--ty-filter-text)!important;font:400 16px/1.45 "Roboto Regular","Noto Sans Thai",Arial,sans-serif!important}
.ty-filter-modal .ty-modal-heading{display:flex!important;align-items:center;justify-content:space-between;flex:0 0 auto;gap:16px;padding:20px 34px!important;border-bottom:1px solid #e3e9ef;background:#fff}
.ty-filter-modal .ty-modal-heading h2{width:auto!important;margin:0!important;padding:0!important;color:var(--ty-filter-navy)!important;text-transform:none!important;font:500 28px/1.25 "Roboto Regular","Noto Sans Thai",Arial,sans-serif!important}
.ty-filter-modal .ty-modal-heading button{display:grid!important;place-items:center;flex:0 0 44px;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f2f5f8!important;color:var(--ty-filter-action)!important;font:400 28px/1 Arial,sans-serif!important;cursor:pointer}
.ty-filter-modal .ty-modal-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px 28px 18px!important;scroll-padding-block:20px;scrollbar-width:thin;scrollbar-color:#bbc9d6 transparent}
.ty-filter-modal .ty-icon{display:block;width:25px;height:27px;flex:0 0 25px;color:var(--ty-filter-action)}
.ty-filter-modal .ty-icon-row{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:20px;align-items:start}
.ty-filter-modal .ty-icon-row>.ty-icon{margin-top:2px}
.ty-filter-modal .ty-location-section,.ty-filter-modal .ty-category-section,.ty-filter-modal .ty-seller-price{margin-top:24px!important}
.ty-filter-modal .ty-location-grid{display:grid;grid-template-columns:1.15fr 1.15fr .95fr;gap:22px}
.ty-filter-modal .ty-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}
.ty-filter-modal .ty-category-section>input{display:none!important}
.ty-filter-modal .ty-field{display:grid!important;gap:8px!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important;color:var(--ty-filter-text)!important;text-align:left!important;font:400 16px/1.4 "Roboto Regular","Noto Sans Thai",Arial,sans-serif!important}
.ty-filter-modal .ty-field>span{font-weight:500}
.ty-filter-modal input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.ty-filter-modal select,.ty-filter-modal .ty-select-button{display:block!important;position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;height:44px!important;margin:0!important;padding:9px 12px!important;border:1px solid #cad6e3!important;border-radius:9px!important;background:#fff!important;color:var(--ty-filter-text)!important;text-indent:0!important;font:400 16px/1.4 "Roboto Regular","Noto Sans Thai",Arial,sans-serif!important;clip:auto!important;opacity:1!important;box-shadow:none!important}
.ty-filter-modal input::placeholder{color:#919ba6;opacity:1}
.ty-filter-modal input[type=number]{appearance:textfield!important;-moz-appearance:textfield}
.ty-filter-modal input[type=number]::-webkit-inner-spin-button,.ty-filter-modal input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}
.ty-filter-modal fieldset{min-width:0!important;margin:0!important;padding:0!important;border:0!important}
.ty-filter-modal legend{float:none!important;width:auto!important;margin:0 0 8px!important;padding:0!important;color:var(--ty-filter-text)!important;font:500 16px/1.4 "Roboto Regular","Noto Sans Thai",Arial,sans-serif!important}
.ty-filter-modal .ty-seller-price{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:26px}
.ty-filter-modal .ty-price-inputs{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);align-items:center;gap:12px}
.ty-filter-modal .ty-price-inputs>span{text-align:center}
.ty-filter-modal .ty-main-section{border:1px solid transparent;border-radius:12px;margin:14px 0 0!important;padding:0!important;background:#fff;overflow:visible}
.ty-filter-modal .ty-main-section[open]{border-color:#d8e6f2}
.ty-filter-modal .ty-main-section>summary{display:flex!important;align-items:center;gap:12px;min-height:58px;padding:10px 15px!important;border-radius:11px;background:var(--ty-filter-hover);list-style:none;cursor:pointer;color:var(--ty-filter-text)!important;font:500 19px/1.4 "Roboto Regular","Noto Sans Thai",Arial,sans-serif!important}
.ty-filter-modal summary::-webkit-details-marker{display:none}
.ty-filter-modal .ty-main-section>summary>.ty-icon{width:38px;height:38px;flex-basis:38px;padding:5px;border-radius:50%}
.ty-filter-modal .ty-ad-options>summary>.ty-icon{color:var(--ty-filter-action)}
.ty-filter-modal .ty-main-section>summary>small{color:var(--ty-filter-muted);font-size:15px;font-weight:400}
.ty-filter-modal .ty-main-section>summary:after{content:"";margin-left:auto;flex:0 0 9px;width:9px;height:9px;border-right:3px solid var(--ty-filter-action);border-bottom:3px solid var(--ty-filter-action);transform:rotate(45deg);transition:transform .15s}
.ty-filter-modal .ty-main-section[open]>summary:after{transform:rotate(225deg);border-color:var(--ty-filter-action)}
.ty-filter-modal details:not([open])>summary~*{display:none!important}
.ty-filter-modal .ty-feature-body{padding:14px 18px 18px}
.ty-filter-modal [data-ty-features],.ty-filter-modal .ty-core-criteria,.ty-filter-modal .ty-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-items:start}
.ty-filter-modal .ty-feature-body>[data-ty-child-products],.ty-filter-modal .ty-feature-body>[data-ty-brands-section]{display:none!important}
.ty-filter-modal .ty-criterion{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1.35fr);gap:12px;min-width:0;color:var(--ty-filter-text);font-size:15px}
.ty-filter-modal .ty-criterion>label,.ty-filter-modal .ty-criterion>.ty-criterion-label{min-width:0;overflow-wrap:anywhere;font-weight:400;margin:0!important}
.ty-filter-modal .ty-criterion .ty-field{font-size:14px!important}
.ty-filter-modal .ty-criterion .ty-field>span{font-size:12px;font-weight:400;color:var(--ty-filter-muted)}
.ty-filter-modal .ty-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
.ty-filter-modal .ty-more-criteria{grid-column:1/-1;margin-top:4px;border-top:1px solid #e5ecf3;padding-top:8px}
.ty-filter-modal .ty-more-criteria>summary{display:flex;align-items:center;justify-content:space-between;min-height:36px;font-size:14px;color:var(--ty-filter-muted);cursor:pointer;list-style:none}
.ty-filter-modal .ty-more-criteria>summary:after{content:"+";font-size:22px}
.ty-filter-modal .ty-more-criteria[open]>summary:after{content:"−"}
.ty-filter-modal .ty-more-grid{padding-top:8px}
.ty-filter-modal .ty-section-body{padding:18px}
.ty-filter-modal .ty-ad-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ty-filter-modal .ty-check{display:flex!important;align-items:center!important;gap:9px;min-height:40px;margin:0!important;padding:7px 10px!important;border:1px solid #d9e2eb!important;border-radius:8px!important;color:var(--ty-filter-text)!important;font:400 14px/1.4 "Roboto Regular","Noto Sans Thai",Arial,sans-serif!important;cursor:pointer}
.ty-filter-modal input[type=checkbox]{display:block!important;position:static!important;appearance:auto!important;clip:auto!important;opacity:1!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;accent-color:var(--ty-filter-action)!important;transform:none!important}
.ty-filter-modal label:before,.ty-filter-modal label:after{display:none!important}
.ty-filter-modal .ty-check:has(input:checked){border-color:var(--ty-filter-action)!important;background:var(--ty-filter-selected)!important}
.ty-filter-modal .ty-popup-status{margin:14px 0 0!important;color:var(--ty-filter-text)!important;font-size:14px!important}
.ty-filter-modal .ty-popup-status:empty{display:none}
.ty-filter-modal .ty-modal-actions{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:16px;padding:18px 34px!important;border-top:1px solid #e3e9ef;background:#fff}
.ty-filter-modal .ty-modal-actions button{width:auto!important;min-height:52px!important;max-width:none!important;margin:0!important;padding:12px 24px!important;border:1px solid #aebfd1!important;border-radius:9px!important;background:#fff!important;color:var(--ty-filter-action)!important;font:500 17px/1.4 "Roboto Regular","Noto Sans Thai",Arial,sans-serif!important;cursor:pointer}
.ty-filter-modal .ty-modal-actions button[type=submit]{min-width:250px;background:var(--ty-filter-action)!important;border-color:var(--ty-filter-action)!important;color:#fff!important}
.ty-filter-modal .ty-modal-actions button[type=submit]:hover{background:var(--ty-filter-action-hover)!important;border-color:var(--ty-filter-action-hover)!important}
.ty-filter-modal :is(button,input,select,summary):focus-visible{outline:3px solid var(--ty-filter-action)!important;outline-offset:2px}
.ty-filter-modal .ty-sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ty-popup-toolbar[hidden]{display:none!important}
/* Select choices share the popup scroll area. */
.ty-filter-modal select.ty-select-native{display:none!important}
.ty-filter-modal .ty-select{position:relative;min-width:0;width:100%}
.ty-filter-modal .ty-select:after{content:"";position:absolute;right:15px;top:16px;width:8px;height:8px;border-right:1.5px solid var(--ty-filter-action);border-bottom:1.5px solid var(--ty-filter-action);transform:rotate(45deg);pointer-events:none}
.ty-filter-modal .ty-select-button{padding-right:34px!important;text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.ty-filter-modal .ty-select-button:disabled{background:#f2f5f8!important;color:#8191a3!important;border-color:#dce4ed!important;cursor:default}
.ty-filter-modal .ty-select-button[aria-expanded=true]{border-color:var(--ty-filter-action)!important;box-shadow:0 0 0 2px var(--ty-filter-focus)!important}
.ty-filter-modal .ty-select-panel{position:static;display:flex;flex-direction:column;gap:8px;padding:0;background:#fff;overflow:visible}
.ty-filter-modal input.ty-select-search{height:38px!important;min-height:38px!important;flex:0 0 38px;background:#f5f8fb!important}
.ty-filter-modal .ty-select-list{min-height:0;overflow:visible}
.ty-filter-modal .ty-select-option{position:relative;display:block!important;width:100%!important;min-height:40px!important;margin:0!important;padding:9px 32px 9px 10px!important;border:0!important;border-radius:6px!important;background:#fff!important;color:var(--ty-filter-text)!important;text-align:left!important;white-space:normal;font:400 15px/1.4 "Roboto Regular","Noto Sans Thai",Arial,sans-serif!important;cursor:pointer}
.ty-filter-modal .ty-select-option:hover,.ty-filter-modal .ty-select-option.is-active{background:var(--ty-filter-hover)!important}
.ty-filter-modal .ty-select-option[aria-selected=true]{background:var(--ty-filter-selected)!important;color:var(--ty-filter-action)!important}
.ty-filter-modal .ty-select-option[aria-selected=true]:after{content:"✓";position:absolute;right:10px;top:9px;color:var(--ty-filter-action)}
.ty-filter-modal .ty-select-empty{margin:8px!important;color:var(--ty-filter-muted);font-size:14px}
@media(max-width:900px){.ty-filter-modal .ty-location-grid{gap:14px}.ty-filter-modal .ty-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ty-filter-modal .ty-criterion{gap:6px}.ty-filter-modal .ty-seller-price{gap:20px}.ty-filter-modal .ty-icon-row{column-gap:12px}.ty-filter-modal .ty-main-section>summary{font-size:18px!important}.ty-filter-modal .ty-ad-checks{grid-template-columns:1fr 1fr}}
@media(max-width:600px){aside.ty-filter-modal.sp-filter-drawer{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important}.ty-filter-modal .ty-popup-form{max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important}.ty-filter-modal .ty-modal-heading{padding:12px 16px!important}.ty-filter-modal .ty-modal-heading h2{font-size:23px!important}.ty-filter-modal .ty-modal-heading button{width:36px!important;height:36px!important;flex-basis:36px}.ty-filter-modal .ty-modal-scroll{padding:16px 12px!important}.ty-filter-modal .ty-icon-row{grid-template-columns:22px minmax(0,1fr);column-gap:9px}.ty-filter-modal .ty-icon{width:21px;height:24px}.ty-filter-modal .ty-location-grid{grid-template-columns:1fr;gap:12px}.ty-filter-modal .ty-location-section,.ty-filter-modal .ty-category-section,.ty-filter-modal .ty-seller-price{margin-top:18px!important}.ty-filter-modal .ty-category-grid{grid-template-columns:1fr;gap:12px}.ty-filter-modal .ty-seller-price{grid-template-columns:1fr;gap:16px;margin-bottom:18px}.ty-filter-modal .ty-main-section>summary{font-size:16px!important;gap:8px;padding:8px 10px!important;min-height:52px;flex-wrap:wrap}.ty-filter-modal .ty-main-section>summary>.ty-icon{width:30px;height:30px;flex-basis:30px}.ty-filter-modal .ty-main-section>summary>small{font-size:13px}.ty-filter-modal .ty-feature-body,.ty-filter-modal .ty-section-body{padding:12px}.ty-filter-modal [data-ty-features],.ty-filter-modal .ty-more-grid{grid-template-columns:1fr;gap:12px}.ty-filter-modal .ty-criterion{grid-template-columns:1fr;gap:6px}.ty-filter-modal .ty-ad-checks{grid-template-columns:1fr}.ty-filter-modal .ty-modal-actions{padding:12px!important;gap:9px}.ty-filter-modal .ty-modal-actions button{min-height:46px!important;font-size:14px!important;padding:10px 12px!important}.ty-filter-modal .ty-modal-actions button[type=submit]{min-width:0;flex:1}.ty-filter-modal .ty-price-inputs{gap:8px}.ty-filter-modal .ty-field{font-size:15px!important}}

@media(max-width:600px){.ty-filter-modal [data-ty-features]>.ty-criterion,.ty-filter-modal .ty-more-criteria{grid-row:auto!important;grid-column:auto!important}}

.ty-filter-modal [hidden][hidden],.ty-filter-modal .ty-field[hidden],.ty-filter-modal .ty-main-section[hidden]{display:none!important}

.ty-filter-modal [hidden][hidden][hidden][hidden]{display:none!important}

/* Keep the filter scale above the site's general text-size rules. */
html.ty-filter-open{overflow:hidden!important}
#sp-filter-drawer.ty-filter-modal .ty-modal-heading #ty-filter-title{font-size:28px!important;line-height:1.25!important;font-weight:500!important}
#sp-filter-drawer.ty-filter-modal input:not([type=hidden]):not([type=checkbox]):not([type=radio]),#sp-filter-drawer.ty-filter-modal .ty-select-button{font-size:16px!important;line-height:1.4!important}
#sp-filter-drawer.ty-filter-modal .ty-modal-actions button{font-size:17px!important}
#sp-filter-drawer.ty-filter-modal .ty-select-option{font-size:15px!important}
@media(max-width:600px){#sp-filter-drawer.ty-filter-modal .ty-modal-heading #ty-filter-title{font-size:23px!important}#sp-filter-drawer.ty-filter-modal .ty-modal-actions button{font-size:14px!important}}

/* Final selection panel: one disclosure, with no nested menu. */
.ty-filter-modal .ty-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ty-filter-modal .ty-selection-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 16px}
.ty-filter-modal .ty-selection .ty-check{border:0!important;border-radius:0!important;background:#fff!important;padding:6px 0!important;align-items:flex-start!important;min-width:0;overflow-wrap:anywhere}
.ty-filter-modal .ty-selection .ty-check:has(input:checked){background:#fff!important;border:0!important}
.ty-filter-modal .ty-selection-all{width:max-content;max-width:100%;margin-bottom:10px!important;font-weight:500!important}
.ty-filter-modal .ty-selection-trigger{position:relative;padding-right:30px!important;cursor:pointer}
.ty-filter-modal .ty-selection-trigger:after{content:'';position:absolute;right:14px;top:15px;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.ty-filter-modal .ty-main-section>summary>small{white-space:normal}
.ty-filter-modal .ty-main-section>summary>.ty-icon{color:var(--ty-filter-action);background:#fff}
.ty-filter-modal .ty-publication-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ty-filter-modal input[type=radio]{display:block!important;position:static!important;appearance:auto!important;opacity:1!important;width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important;accent-color:var(--ty-filter-action)!important;clip:auto!important;transform:none!important}
.ty-filter-modal .ty-check input{margin-top:2px!important}
@media(max-width:900px){.ty-filter-modal .ty-category-grid,.ty-filter-modal .ty-selection-values,.ty-filter-modal .ty-publication-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ty-filter-modal .ty-category-grid,.ty-filter-modal .ty-selection-values,.ty-filter-modal .ty-publication-options{grid-template-columns:1fr}.ty-filter-modal .ty-main-section>summary>small{font-size:12px}}

/* Seller and listing options are plain, always-visible fields. */
.ty-filter-modal .ty-seller-choices{display:flex;flex-wrap:wrap;gap:8px}
.ty-filter-modal .ty-seller-choices .ty-check{flex:1 1 auto}
.ty-filter-modal .ty-ad-options{margin:0 0 24px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.ty-filter-modal .ty-ad-checks{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.ty-filter-modal .ty-ad-checks .ty-check{flex:0 1 auto;min-width:130px}

/* Consistent rows for every category, including additional criteria. */
.ty-filter-modal [data-ty-features],.ty-filter-modal .ty-more-grid,.ty-filter-modal .ty-core-criteria{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:stretch}
.ty-filter-modal .ty-criterion{grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr);min-height:44px;gap:14px;align-items:center}
.ty-filter-modal .ty-criterion>label,.ty-filter-modal .ty-criterion>.ty-criterion-label{color:var(--ty-filter-text)!important;font-size:16px!important;font-weight:500!important;line-height:1.4!important}
.ty-filter-modal .ty-field>span,.ty-filter-modal legend{color:var(--ty-filter-text)!important;font-weight:500!important}
.ty-filter-modal .ty-criterion .ty-two-columns{align-items:center;gap:8px}
.ty-filter-modal .ty-criterion .ty-select{align-self:center}
.ty-filter-modal .ty-inline-ad-options{grid-column:2;margin:12px 0 0;padding:0}
.ty-filter-modal .ty-inline-ad-options .ty-ad-checks{margin:0}
@media(max-width:900px){.ty-filter-modal .ty-criterion{grid-template-columns:1fr;grid-template-rows:minmax(44px,auto) 44px;gap:8px;align-items:center}.ty-filter-modal .ty-criterion>label,.ty-filter-modal .ty-criterion>.ty-criterion-label{align-self:end}}
@media(max-width:600px){.ty-filter-modal [data-ty-features],.ty-filter-modal .ty-more-grid,.ty-filter-modal .ty-core-criteria{grid-template-columns:1fr;gap:16px}.ty-filter-modal .ty-criterion>label,.ty-filter-modal .ty-criterion>.ty-criterion-label{font-size:15px!important}}

/* Electronics products are selected once, grouped by their actual purpose. */
.ty-filter-modal .ty-selection-values.ty-electronics-products{display:block}
.ty-filter-modal .ty-product-group{min-width:0;margin:0 0 18px;padding:0;border:0}
.ty-filter-modal .ty-product-group:last-child{margin-bottom:0}
.ty-filter-modal .ty-product-group>legend{padding:0;margin:0 0 8px;font-size:16px!important;font-weight:500!important;color:var(--ty-filter-text)!important}
.ty-filter-modal .ty-product-group-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 20px}
@media(max-width:900px){.ty-filter-modal .ty-product-group-values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ty-filter-modal .ty-product-group-values{grid-template-columns:1fr}}

/* v21: labels above controls and common column edges in every section. */
.ty-filter-modal .ty-location-grid,.ty-filter-modal .ty-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.ty-filter-modal .ty-field{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 44px;align-content:start}
.ty-filter-modal .ty-field>span{display:block;min-height:23px;line-height:1.4}
.ty-filter-modal .ty-criterion{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(23px,auto) 44px;gap:8px;align-items:start;align-content:start}
.ty-filter-modal .ty-criterion>.ty-criterion-label{display:block;align-self:end;line-height:1.4!important}
.ty-filter-modal .ty-criterion .ty-field{grid-template-rows:44px;gap:0!important}
.ty-filter-modal .ty-criterion .ty-select{align-self:start}
.ty-filter-modal .ty-location-grid>.ty-field,.ty-filter-modal .ty-category-grid>.ty-field{height:100%}
.ty-filter-modal [data-ty-features],.ty-filter-modal .ty-more-grid{align-items:start}
.ty-filter-modal .ty-seller-price{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.ty-filter-modal .ty-seller-field>legend,.ty-filter-modal .ty-price-field>legend{min-height:23px;line-height:1.4}
.ty-filter-modal .ty-seller-choices .ty-check{min-height:44px}
@media(max-width:900px) and (min-width:601px){.ty-filter-modal .ty-location-grid,.ty-filter-modal .ty-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ty-filter-modal .ty-seller-price{grid-template-columns:1fr;gap:18px}.ty-filter-modal .ty-price-section{padding-left:40px}}
@media(max-width:600px){.ty-filter-modal .ty-location-grid,.ty-filter-modal .ty-category-grid,.ty-filter-modal .ty-seller-price{grid-template-columns:1fr;gap:14px}.ty-filter-modal .ty-price-section{padding-left:31px}.ty-filter-modal .ty-criterion{grid-template-rows:auto 44px;gap:8px}}

/*
 * TalatYai — public typography scale.
 * Loaded after the legacy and component styles so typography has one final,
 * component-scoped source of truth. Layout dimensions are intentionally absent.
 */

/* Base and language fonts already used by the public theme. */
html body.sp-site-page {
  --ty-base-font: 14px;
  font-family: var(--ty-font, "Roboto Local", "Noto Sans Thai", Arial, Tahoma, sans-serif) !important;
  font-size: 14px !important;
  line-height: 1.5;
}
html:lang(th) body.sp-site-page {
  --ty-base-font: 15px;
  --ty-font: "Noto Sans Thai", "Roboto Local", Arial, Tahoma, sans-serif;
  font-size: 15px !important;
}
html body.sp-site-page :is(input, select, textarea, button) {
  font-family: var(--ty-font, "Roboto Local", "Noto Sans Thai", Arial, Tahoma, sans-serif) !important;
}

/* General copy: 14px; secondary copy: 13px. */
html body.sp-site-page main.sp-site-surface :is(p, li, label, dt, dd) {
  font-size: 14px !important;
  line-height: 1.5;
}
html body.sp-site-page main.sp-site-surface :is(small, .small, .muted, .help, .hint, .note, .description-secondary, .sp-social-notice) {
  font-size: 13px !important;
  line-height: 1.45;
}

/* Semantic headings. */
html body.sp-site-page main.sp-site-surface h1 {font-size: 24px !important; line-height: 1.3 !important;}
html body.sp-site-page main.sp-site-surface h2 {font-size: 20px !important; line-height: 1.35 !important;}
html body.sp-site-page main.sp-site-surface h3 {font-size: 17px !important; line-height: 1.4 !important;}
html body.sp-site-page main.sp-site-surface h4 {font-size: 15px !important; line-height: 1.4 !important;}

/* Forms and custom selects. */
html body.sp-site-page main.sp-site-surface :is(label, legend, .sp-deposit-field-label, .sp-shop-field > span) {
  font-size: 14px !important;
}
html body.sp-site-page main.sp-site-surface :is(input[type="text"], input[type="search"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], select, textarea, .sp-modern-select-trigger, .sp-modern-select-option) {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
html body.sp-site-page main.sp-site-surface :is(input, textarea)::placeholder {
  font-size: 13px !important;
}
html body.sp-site-page :is(main.sp-site-surface, .ui-dialog, [role="dialog"]) :is(button, .button, input[type="button"], input[type="submit"], input[type="reset"]) {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
html body.sp-site-page main.sp-site-surface :is(.form-help, .form-hint, .field-help, .sp-billing-help, .sp-login-sub, .credits-security) {
  font-size: 13px !important;
}

/* Tables and invoice lists. */
html body.sp-site-page main.sp-site-surface :is(th, [role="columnheader"], .sp-invoice-row--head > div) {
  font-size: 13px !important;
}
html body.sp-site-page main.sp-site-surface :is(td, [role="cell"], .sp-invoice-row > div) {
  font-size: 14px !important;
}

/* Header, account navigation and dropdowns. */
html body.sp-site-page header.header :is(.sp-header-deposit, .header-links .menu > a, .sp-header-quick-links a, .sp-category-strip a, .sp-category-navigation a) {
  font-size: 14px !important;
  line-height: 1.35 !important;
}
html body.sp-site-page header.header :is(.sp-header-login, .header-links .menu > a.connexion, .sp-header-recent-searches strong) {
  font-size: 13px !important;
}
html body.sp-site-page header.header :is(.sp-header-search input[type="search"], .sp-header-suggestion-link, .sp-header-title-search label, .sp-header-search-menu a, .sp-header-quick-searches span) {
  font-size: 14px !important;
}
html body.sp-site-page .dashboard-menu > ul > li > a {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
html body.sp-site-page :is(.sp-mobile-nav-primary a, .sp-mobile-nav-primary button, .sp-mobile-nav-information summary, .sp-mobile-navigation a, .sp-mobile-navigation button) {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
html body.sp-site-page .sp-mobile-favorites-count {font-size: 12px !important;}

/* Footer: 13px copy, compact 15px section titles. */
html body.sp-site-page footer.footer :is(p, a, li, small, .sp-footer-copyright, .sp-footer-legal) {
  font-size: 13px !important;
  line-height: 1.5 !important;
}
html body.sp-site-page footer.footer .sp-footer-links h2 {font-size: 15px !important; line-height: 1.4 !important;}
html body.sp-site-page footer.footer .sp-footer-tagline {font-size: 13px !important;}

/* Listing cards: title 15, description/meta 13, price 17, date/badges 12. */
html body.sp-site-page main.sp-site-surface :is(.sp-premium-title, .sp-ad-card-title, .title-listing) {
  font-size: 15px !important;
  line-height: 1.35 !important;
}
html body.sp-site-page main.sp-site-surface :is(.sp-premium-preview, .sp-ad-card-description, .description-listing) {
  font-size: 13px !important;
  line-height: 1.45 !important;
}
html body.sp-site-page main.sp-site-surface :is(.sp-premium-price, .sp-ad-card-price, .price-listing) {
  font-size: 17px !important;
  line-height: 1.3 !important;
}
html body.sp-site-page main.sp-site-surface :is(.sp-premium-location, .sp-ad-card-meta, .localisation-listing) {
  font-size: 13px !important;
  line-height: 1.4 !important;
}
html body.sp-site-page main.sp-site-surface :is(.sp-ad-card-seller, .sp-ad-card-seller strong, .sp-ad-card-seller small, .sp-premium-seller, .sp-premium-seller-name) {
  font-size: 13px !important;
  line-height: 1.4 !important;
}
html body.sp-site-page main.sp-site-surface :is(.sp-ad-card-specs dt, .sp-ad-card-specs dd, .sp-premium-meta) {
  font-size: 13px !important;
  line-height: 1.4 !important;
}
html body.sp-site-page main.sp-site-surface :is(.sp-ad-card-date, .deposit-date) {font-size: 12px !important;}
html body.sp-site-page main.sp-site-surface :is(.sp-ad-card-badges > span, .sp-ad-card-featured, .sp-listing-seen, .sp-premium-pro-badge, .sp-premium-featured-label) {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* Home page headings, category labels and editorial copy. */
body.sp-home-page .index-container :is(.sp-home-hero-copy h1, .sp-home-featured-categories h1) {font-size: 24px !important;}
body.sp-home-page .index-container :is(.sp-home-latest-heading h2, .sp-home-section-heading h2, .sp-home-featured-categories h2, .sp-home-categories h2) {font-size: 20px !important;}
body.sp-home-page .index-container :is(.sp-home-hero-copy p, .sp-home-intro, .sp-home-hero-richtext, .seo p) {font-size: 14px !important;}
body.sp-home-page :is(.sp-home-category-card > span, .sp-home-featured-category > span, .sp-home-category-shortcut-link, .sp-home-category-name) {font-size: 14px !important;}
body.sp-home-page :is(.sp-home-latest-all, .sp-home-section-heading > a, .sp-home-category-all-link, .sp-home-latest-filters a) {font-size: 14px !important;}
body.sp-home-page .sp-home-category-mega-group h3 {font-size: 17px !important;}
body.sp-home-page .sp-home-category-mega-group :is(li a, .sp-home-category-mega-all) {font-size: 14px !important;}
body.sp-home-page .sp-home-trust strong {font-size: 14px !important;}
body.sp-home-page .sp-home-trust span {font-size: 13px !important;}

/* Search toolbar, drawer and filter popup. */
html body.sp-site-page .search-results-container .listing-infos.sp-listing-summary h1 {font-size: 24px !important;}
html body.sp-site-page :is(.sp-listing-summary-tab, .sp-listing-summary-save, .sp-listing-summary-filter, .sp-location-trigger, .sp-listing-summary-sort select, .sp-toolbar-sort-panel .sp-modern-select-option) {
  font-size: 14px !important;
}
html body.sp-site-page .sp-filter-drawer {font-size: 14px !important;}
html body.sp-site-page .sp-filter-drawer-heading h2 {font-size: 18px !important;}
html body.sp-site-page .sp-filter-drawer :is(label, li, legend, input, select, button, .sp-modern-select-trigger, .sp-modern-select-option, .sp-filter-category-trigger, .sp-filter-flow-row) {
  font-size: 14px !important;
}
html body.sp-site-page aside.ty-filter-modal,
html body.sp-site-page aside.ty-filter-modal .ty-popup-form {font-size: 14px !important;}
html body.sp-site-page .ty-filter-modal .ty-modal-heading h2 {font-size: 18px !important; line-height: 1.35 !important;}
html body.sp-site-page .ty-filter-modal :is(h3, legend, .ty-fold > summary) {font-size: 17px !important; line-height: 1.4 !important;}
html body.sp-site-page .ty-filter-modal :is(.ty-field, .ty-check, input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, .ty-select-button, .ty-select-option, .ty-modal-actions button, .ty-popup-status) {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
html body.sp-site-page .ty-filter-modal :is(.ty-muted, small, .ty-fold > summary > span, .ty-select-empty) {font-size: 13px !important;}
html body.sp-site-page .ty-filter-modal .ty-modal-heading button {font-size: 24px !important; line-height: 1 !important;}

/* Ad details, seller information and characteristics. */
html body.sp-site-page .ad-page-container :is(.title-ad, h1) {font-size: 16px !important;}
html body.sp-site-page .ad-page-container .price {font-size: 17px !important; line-height: 1.3 !important;}
html body.sp-site-page .ad-page-container :is(.description, .text, .ad-description) {font-size: 14px !important; line-height: 1.55 !important;}
html body.sp-site-page .ad-page-container :is(.sp-ad-seller-bar, .sp-ad-seller-name, .sp-ad-seller-score, .sp-ad-seller-count, .name-contact, .contact p) {font-size: 13px !important;}
html body.sp-site-page .ad-page-container :is(.options, .options li, .caracteristics, .characteristics, dl, dt, dd) {font-size: 13px !important;}
html body.sp-site-page details.ad-page-bloc-infos > summary.title {font-size: 17px !important; line-height: 1.4 !important;}
html body.sp-site-page .sp-ad-sharing .share :is(a, button) {font-size: 14px !important;}
html body.sp-site-page .sp-ad-similar > h2.icon-similar {font-size: 20px !important;}

/* Account, shop, professional, credits and checkout pages. */
html body.sp-site-page :is(.sp-saved-search-title, .sp-history-heading h1, .sp-shop-profile-summary h1, .sp-invoice-heading h1, .sp-deposit-page > h1, .forms.sp-shop-editor .sp-shop-editor-heading h1) {font-size: 24px !important;}
html body.sp-site-page :is(.sp-shop-profile-summary p, .sp-shop-about-card .description, .sp-deposit-intro, .sp-saved-search-row p) {font-size: 14px !important;}
html body.sp-site-page :is(.sp-shop-profile-summary span, .sp-shop-upload-copy span, .sp-shop-comment-meta, .sp-shop-comment-card p.comment-pseudo, .sp-shop-comment-card p.sp-shop-comment-text, .sp-shop-reviews-popup time) {font-size: 13px !important;}
html body.sp-site-page :is(.sp-deposit-steps li, .sp-deposit-steps li span, .sp-deposit-page .sp-modern-select-trigger, .sp-deposit-page .sp-category-column > h3) {font-size: 14px !important;}
html body.sp-site-page :is(.sp-visual-options-header h2, .sp-shop-visibility-popup .sp-visual-options-header h2) {font-size: 20px !important;}
html body.sp-site-page .sp-visual-option-card-head h3 {font-size: 17px !important;}
html body.sp-site-page :is(.sp-visual-option-card-head p, .sp-visual-option-duration, .sp-visual-options-total span, .sp-cart-component) {font-size: 13px !important;}
html body.sp-site-page .sp-visual-options-total strong {font-size: 17px !important;}
html body.sp-site-page .sp-pro-page h1 {font-size: 24px !important;}
html body.sp-site-page .sp-pro-page h2 {font-size: 20px !important;}
html body.sp-site-page .sp-pro-page h3 {font-size: 17px !important;}
html body.sp-site-page .sp-pro-page :is(p, li) {font-size: 14px !important;}
html body.sp-site-page .sp-pro-page .sp-pro-price {font-size: 17px !important;}
html body.sp-site-page .credits-heading h1 {font-size: 24px !important;}
html body.sp-site-page .credits-heading h3 {font-size: 17px !important;}
html body.sp-site-page .credits-heading p {font-size: 13px !important;}
html body.sp-site-page .credits-summary h2 {font-size: 20px !important;}
html body.sp-site-page :is(.credits-bonus, .credits-summary-label, .credits-security) {font-size: 13px !important;}
html body.sp-site-page .credits-summary-note {font-size: 12px !important;}
html body.sp-site-page :is(.credits-amount, .credits-summary-value) {font-size: 17px !important;}
html body.sp-site-page .credits-submit {font-size: 14px !important;}
html body.sp-site-page .sp-checkout-page :is(.sp-cart-head, .sp-cart-component, .sp-billing-help, .sp-payment-step, .sp-checkout-secure, .sp-cart-footer .ref, .payment-gtc label, .sp-method-copy small, .billing-resume) {font-size: 14px !important;}
html body.sp-site-page .sp-checkout-page .sp-method-copy strong {font-size: 15px !important;}
html body.sp-site-page .sp-checkout-page .sp-checkout-progress li {font-size: 13px !important;}

/* Popups, reviews, promotion and jQuery UI dialogs. */
html body.sp-site-page :is(.ui-dialog, .sp-shop-reviews-popup, .sp-promotion-popup) {font-size: 14px !important;}
html body.sp-site-page :is(.ui-dialog-title, .sp-shop-reviews-popup h2, .sp-promotion-popup h2) {font-size: 18px !important; line-height: 1.35 !important;}
html body.sp-site-page :is(.ui-dialog-content, .sp-shop-reviews-popup p, .sp-promotion-popup p) {font-size: 14px !important; line-height: 1.5 !important;}
html body.sp-site-page :is(.ui-dialog-buttonpane button, .sp-shop-reviews-popup button, .sp-promotion-popup button) {font-size: 14px !important;}

/* Internal messaging and floating conversation window. */
html body.sp-site-page .messaging {font-size: 14px !important;}
html body.sp-site-page .messaging .livechat-header h1 {font-size: 24px !important;}
html body.sp-site-page .messaging :is(.conversation-message, .conversation-recipient, .conversation-message-send textarea, button) {font-size: 14px !important;}
html body.sp-site-page .messaging :is(.conversation-message-footer, time, small) {font-size: 12px !important;}
html body.sp-site-page .messaging-conversation-container.chat:not(.mini) {font-size: 14px !important;}

/* Thai requires a slightly larger reading size without changing hierarchy. */
html:lang(th) body.sp-site-page main.sp-site-surface :is(p, li, label, dt, dd, input, select, textarea, button, .button, .sp-modern-select-trigger, .sp-modern-select-option),
html:lang(th) body.sp-site-page :is(header.header a, .dashboard-menu a, footer.footer p, footer.footer a, footer.footer li, .ty-filter-modal .ty-field, .ty-filter-modal .ty-check, .ty-filter-modal input, .ty-filter-modal select, .ty-filter-modal button) {
  font-size: 15px !important;
}
html:lang(th) body.sp-site-page main.sp-site-surface :is(.sp-premium-title, .sp-ad-card-title, .title-listing) {font-size: 16px !important;}
html:lang(th) body.sp-site-page main.sp-site-surface :is(.sp-premium-price, .sp-ad-card-price, .price-listing) {font-size: 17px !important;}
html:lang(th) body.sp-site-page main.sp-site-surface :is(.sp-premium-preview, .sp-premium-location, .sp-ad-card-meta, .sp-ad-card-seller, .sp-ad-card-seller strong, .sp-ad-card-seller small, .sp-ad-card-specs dt, .sp-ad-card-specs dd) {font-size: 14px !important;}
html:lang(th) body.sp-site-page main.sp-site-surface :is(.sp-ad-card-date, .deposit-date, .sp-ad-card-badges > span, .sp-ad-card-featured, .sp-listing-seen, .sp-premium-pro-badge) {font-size: 12px !important;}
html:lang(th) body.sp-site-page :is(small, .small, .muted, .help, .hint, .note) {font-size: 14px !important;}

/* Mobile keeps the same scale; long labels may wrap naturally. */
@media (max-width: 700px) {
  html body.sp-site-page :is(.sp-mobile-navigation, .sp-filter-drawer, .ty-filter-modal, main.sp-site-surface) :is(a, button, label, p, li, td, th) {
    overflow-wrap: anywhere;
  }
}

/* TY-COMPACT-LISTS-20261018: one shared list component; home grids are untouched. */
html body.sp-site-page {--ty-category-title:15px;--ty-category-link:14px;}
html body.sp-site-page :is(.sp-category-trigger,.sp-category-group-title,.sp-category-rail-heading) {font-size:var(--ty-category-title)!important;line-height:1.35!important;}
html body.sp-site-page .sp-category-navigation :is(.sp-category-group li a,.sp-category-all) {font-size:var(--ty-category-link)!important;line-height:1.55!important;}
html body.sp-site-page .sp-home-directory li a {font-size:var(--ty-category-link)!important;line-height:1.4!important;}
html body.sp-site-page .sp-home-directory li {margin:0!important;padding:0!important;}
html body.sp-site-page main.sp-site-surface .sp-ad-card-container.ty-list-row {position:relative;box-sizing:border-box;display:block;width:100%;max-width:none;margin:0 0 12px;border:0;border-radius:8px;background:#fff;}
html body.sp-site-page main.sp-site-surface .ty-list-row > .sp-ad-card {display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;align-items:start!important;gap:16px!important;box-sizing:border-box;width:100%!important;min-width:0;min-height:200px!important;height:auto!important;margin:0!important;padding:9px!important;border:1px solid #d9e1e8!important;border-radius:8px!important;box-shadow:none;text-decoration:none;}
html body.sp-site-page main.sp-site-surface .ty-list-row > .sp-ad-card.background-framed {border-color:var(--talatyai-blue,#2f80c3)!important;box-shadow:inset 0 0 0 1px var(--talatyai-blue,#2f80c3);}
html body.sp-site-page main.sp-site-surface .ty-list-row .bloc-listing-picture.sp-ad-card-photo {position:relative;box-sizing:border-box;align-self:start;flex:none;width:230px!important;max-width:100%;height:180px!important;min-height:0!important;margin:0!important;border-radius:6px;aspect-ratio:auto!important;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-photo > img {display:block;box-sizing:border-box;width:100%!important;height:100%!important;max-height:none!important;margin:0;object-fit:cover;aspect-ratio:auto!important;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-content {display:flex!important;flex-direction:column;justify-content:space-between;align-self:stretch;min-width:0;padding:0!important;gap:6px;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-main {display:block!important;min-width:0;}
html body.sp-site-page main.sp-site-surface .ty-list-row .title-listing {height:auto!important;min-height:0;margin:0 0 3px!important;padding:0 36px 0 0!important;white-space:normal;overflow-wrap:break-word;}
html body.sp-site-page main.sp-site-surface .ty-list-row .price-listing {margin:0 0 4px!important;padding:0!important;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-badges {display:flex!important;flex-wrap:wrap;gap:4px!important;margin:0 0 5px!important;padding:0;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-badges > span {padding:1px 5px!important;border-radius:4px;}
html body.sp-site-page main.sp-site-surface .ty-list-row .ty-list-specs {display:flex!important;flex-wrap:wrap;gap:0;min-width:0;margin:0 0 3px!important;padding:0!important;border:0!important;background:transparent!important;font-size:13px!important;line-height:1.4!important;}
html body.sp-site-page main.sp-site-surface .ty-list-row .ty-list-specs > span {display:inline;max-width:100%;overflow-wrap:break-word;}
html body.sp-site-page main.sp-site-surface .ty-list-row .ty-list-specs > span + span::before {content:' · ';white-space:pre;color:#637287;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-bottom {display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:4px 8px!important;min-width:0;margin:0!important;padding:0!important;border:0!important;}
html body.sp-site-page main.sp-site-surface .ty-list-row :is(.sp-ad-card-avatar,.sp-ad-card-avatar.sp-ad-card-shop-logo) {box-sizing:border-box;flex:0 0 32px!important;width:32px!important;height:32px!important;padding:2px!important;margin:0!important;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-avatar img {width:100%;height:100%;object-fit:contain;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-seller {flex:1 1 120px!important;min-width:0;line-height:1.3!important;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-seller strong {height:auto!important;margin:0!important;white-space:normal!important;overflow-wrap:break-word;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-seller :is(span,small) {display:block;line-height:1.3!important;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-rating {cursor:pointer;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-date {display:block!important;flex:0 1 auto!important;align-self:flex-end;margin:0 0 0 auto!important;line-height:1.35!important;white-space:normal!important;}
html body.sp-site-page main.sp-site-surface .ty-list-row :is(.icon-heart,.icon-heart.selected,.icon-deleted-ad-selected,.check-all-ads) {position:absolute;z-index:4;top:10px!important;right:10px!important;left:auto!important;margin:0!important;}
html body.sp-site-page main.sp-site-surface .ty-list-row :is(.icon-heart,.icon-heart.selected) {width:32px;height:32px;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-featured {top:7px;left:7px;padding:3px 6px;border-radius:4px;}
html body.sp-site-page main.sp-site-surface .ty-list-row .sp-listing-seen {right:auto;left:7px;bottom:7px;padding:3px 5px;}
html body.sp-site-page main.sp-site-surface .ty-list-row.sp-ad-card-container--dashboard {display:grid;grid-template-columns:minmax(0,1fr) 180px;border:1px solid #d9e1e8;overflow:hidden;}
html body.sp-site-page main.sp-site-surface .ty-list-row.sp-ad-card-container--dashboard > .sp-ad-card {border:0!important;border-radius:0!important;}
html body.sp-site-page main.sp-site-surface .ty-list-row .ty-dashboard-card-actions {display:flex;flex-direction:column;justify-content:center;gap:6px;padding:30px 10px 10px;border-left:1px solid #e7edf4;}
html body.sp-site-page main.sp-site-surface .ty-list-row .ty-dashboard-action {min-height:32px;gap:7px;padding:6px 8px;font-size:13px;line-height:1.3;}
html body.sp-site-page main.sp-site-surface .ty-list-row .ty-dashboard-action svg {flex-basis:17px;width:17px;height:17px;}
@media(max-width:900px) {
 html body.sp-site-page main.sp-site-surface .ty-list-row.sp-ad-card-container--dashboard {grid-template-columns:minmax(0,1fr);}
 html body.sp-site-page main.sp-site-surface .ty-list-row .ty-dashboard-card-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 10px;border-top:1px solid #e7edf4;border-left:0;}
}
@media(max-width:600px) {
 html body.sp-site-page main.sp-site-surface .ty-list-row > .sp-ad-card {grid-template-columns:120px minmax(0,1fr)!important;min-height:0!important;gap:10px!important;padding:9px!important;}
 html body.sp-site-page main.sp-site-surface .ty-list-row .bloc-listing-picture.sp-ad-card-photo {width:120px!important;height:100px!important;}
 html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-bottom {gap:3px 6px!important;}
 html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-seller {flex-basis:calc(100% - 38px)!important;}
 html body.sp-site-page main.sp-site-surface .ty-list-row .sp-ad-card-date {flex-basis:100%!important;text-align:left;}
}
@media(max-width:359px) {
 html body.sp-site-page main.sp-site-surface .ty-list-row > .sp-ad-card {grid-template-columns:96px minmax(0,1fr)!important;gap:8px!important;}
 html body.sp-site-page main.sp-site-surface .ty-list-row .bloc-listing-picture.sp-ad-card-photo {width:96px!important;height:80px!important;}
}

/* Shared billing and footer presentation. */
html body.sp-site-page #billing-form .sp-billing-terms {display:flex;align-items:flex-start;gap:9px;clear:both;width:100%;margin:16px 0!important;padding:0;border:0;text-align:left;}
html body.sp-site-page #billing-form .sp-billing-terms input[type=checkbox] {flex:0 0 18px;position:static!important;opacity:1!important;appearance:auto;width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:#f58220;}
html body.sp-site-page #billing-form .sp-billing-terms label {position:static!important;display:block;margin:0!important;padding:0!important;line-height:1.5!important;}
html body.sp-site-page #billing-form .sp-billing-terms label::before,html body.sp-site-page #billing-form .sp-billing-terms label::after {display:none!important;}
html body.sp-site-page .categories .sp-category-footer-group h2,html body.sp-site-page .categories .sp-category-footer-group h2 a {font-size:14px!important;line-height:1.4!important;margin:0 0 5px!important;}
html body.sp-site-page .categories .sp-category-footer-group > a {font-size:14px!important;line-height:1.4!important;margin:0 0 3px!important;}
html body.sp-site-page .categories .sp-category-footer-group {margin-bottom:14px!important;}
html body.sp-site-page .sp-province-footer {box-sizing:border-box;width:calc(100% - 32px)!important;max-width:1080px!important;margin:18px auto!important;padding:0;border:0;}
html body.sp-site-page .sp-province-footer-list {display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:3px 24px!important;column-count:auto!important;width:100%!important;height:auto!important;}
html body.sp-site-page .sp-province-footer-list > a {float:none!important;display:block!important;box-sizing:border-box;min-width:0;width:auto!important;height:auto!important;margin:0!important;padding:0!important;font-size:14px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:break-word;}
@media(max-width:1023px) {html body.sp-site-page .sp-province-footer-list {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px 16px!important;}}
@media(max-width:700px) {html body.sp-site-page .sp-province-footer {display:none!important;}html body.sp-site-page .categories .sp-category-footer-group > a {display:none!important;}}

/* Shared directory remains readable on tablets; phones keep category titles. */
html body.sp-site-page .categories {display:block!important;}
html body.sp-site-page .categories .sp-category-footer {width:var(--ty-col)!important;max-width:1080px!important;}
html body.sp-site-page main.sp-site-surface .sp-listing-summary-search {border-color:#dfe3e8!important;box-shadow:none!important;}
html body.sp-site-page main.sp-site-surface .sp-listing-summary-filter {border-color:#dfe3e8!important;}
@media(max-width:700px) {html body.sp-site-page .categories .sp-category-footer {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 16px!important;}html body.sp-site-page .categories .sp-category-footer-group {margin-bottom:10px!important;}}

/* TY-FOOTER-CATALOG-20261018: same width as the site, including homepage provinces. */
html body.sp-site-page .sp-province-footer,
html body.sp-site-page section.sp-home-directory {
 box-sizing:border-box;width:var(--ty-col,min(calc(100% - 48px),1080px))!important;max-width:1080px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;
}
html body.sp-site-page .sp-province-footer-list,
html body.sp-site-page section.sp-home-directory ul {box-sizing:border-box;max-width:100%!important;min-width:0!important;}
html body.sp-site-page .sp-province-footer-list > a,
html body.sp-site-page section.sp-home-directory li a {font-size:14px!important;line-height:1.4!important;}

/* TY-STATIC-ORANGE-AND-ACCOUNT-GAP-20261018 */
.sp-account-nav-gap {display:none;}
@media (min-width:931px) {
 html body.sp-site-page .sp-account-nav-gap {display:block;height:20px;background:transparent;}

}
/* Shared primary actions retain the same appearance in every pointer state. */
html body.sp-site-page :is([type="submit"],.button,#edit-billing,#valid-cookies button,#calendar-wrap #insert-period,.background-search-listing > .call-search,.ad-page-bloc-infos.contact a,.shop-page-bloc-infos .contact a,.search-geoloc,.background-select-cat,.more-search-item,.sp-header-deposit,.sp-mobile-deposit,.sp-account-orange,.sp-visual-options-submit,.sp-filter-flow-submit,.sp-deposit-submit,.sp-home-deposit-link,.sp-listing-summary-save,.sp-saved-search-view,.ty-deposit-next,.ty-photo-pack-action):not(:disabled):not(.sp-cart-remove button):not(.sp-location-region-form > button):not(.sp-promptpay form button):not(.sp-credit-payment form button):not(.options-dashboard input):not(.ty-dashboard-bulk input):not(.sp-social-button):not(.sp-checkout-secondary):not(.connexion-form .button):not(.ad-page-bloc-infos.contact a.message):not(.ad-page-bloc-infos.contact a.phone):not(.ty-dashboard-action-edit):not(.ty-dashboard-action-delete):not(#sp-filter-drawer button) {
 background:var(--ty-primary-action-color,#f58220)!important;
 background-image:none!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 border-color:var(--ty-primary-action-color,#f58220)!important;
 opacity:1!important;filter:none!important;transform:none!important;
 transition:none!important;animation:none!important;box-shadow:none!important;
 text-decoration:none!important;
}

/* TY-ACCOUNT-REFERENCE-20261018 — account navigation and the two requested labels only. */
@media(min-width:931px) {
 html body.sp-site-page .dashboard-menu {box-sizing:border-box;width:var(--ty-col)!important;max-width:none!important;min-height:132px;height:auto;margin:0 auto!important;padding:18px 0!important;background:#f5f8fc!important;}
 html body.sp-site-page .dashboard-menu > ul {display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;box-sizing:border-box;width:100%!important;max-width:none!important;margin:0 auto!important;gap:0!important;list-style:none;}
 html body.sp-site-page .dashboard-menu > ul > li {position:relative;display:flex!important;align-items:stretch!important;justify-content:center;flex:1 1 0!important;min-width:0;margin:0!important;padding:0 9px!important;line-height:normal;border-right:1px solid #dbe4ed;}
 html body.sp-site-page .dashboard-menu > ul > li:last-child {border:0;flex:1.18 1 0!important;align-items:center!important;}
 html body.sp-site-page .dashboard-menu > ul > li > a:not(.sp-account-logout) {position:relative;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:100px;margin:0!important;padding:2px 0 12px!important;font-size:17px!important;font-weight:500;line-height:1.3!important;color:#5c6d7e;text-align:center;white-space:normal;text-decoration:none!important;transition:none;}
 html body.sp-site-page .dashboard-menu .sp-account-menu-icon {display:block;flex:0 0 30px;width:30px;height:30px;overflow:visible;}
 html body.sp-site-page .dashboard-menu > ul > li > a[aria-current="page"] {color:#0879cc;font-weight:700;}
 html body.sp-site-page .dashboard-menu > ul > li > a[aria-current="page"]::after {content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#ff861b;}
 html body.sp-site-page .dashboard-menu > ul > li > a.sp-account-logout {display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:50px;margin:0!important;padding:12px 16px!important;font-size:17px!important;line-height:1.3!important;color:#fff!important;}
 html body.sp-site-page .dashboard-menu [data-lcm="notification"] {position:absolute!important;top:-5px!important;left:calc(50% + 14px)!important;right:auto!important;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-width:22px;height:22px;margin:0!important;padding:0 4px!important;border:0!important;border-radius:50%;background:#e62d38!important;color:#fff!important;font-size:12px!important;font-weight:700;line-height:1!important;}
}
html body.sp-site-page .sp-dashboard-results .ty-dashboard-action-delete,
html body.sp-site-page .sp-dashboard-results .ty-dashboard-action-delete :is(span,svg),
html body.sp-site-page .sp-listing-summary .sp-listing-summary-save {color:#fff!important;}
html body.sp-site-page .sp-listing-summary-save::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4'/%3E%3C/svg%3E")!important;}
html body.sp-site-page .sp-listing-summary-search input:focus {outline:none!important;box-shadow:none!important;border-color:#c9d8e8!important;}

/* Use the illustrated-categories gap between all home listing sections. */
html body.sp-home-page .index-container {--ty-home-section-gap:52px;}
html body.sp-home-page .index-container > :is(.sp-home-featured-categories, .list-premium, .sp-home-carousel, .sp-home-latest, .sp-home-ad-section) {
  margin-top:0 !important;
  margin-bottom:var(--ty-home-section-gap) !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
html body.sp-home-page .index-container .sp-home-latest > .sp-home-latest-heading {
  padding-top:0 !important;
}
html body.sp-home-page main.sp-site-surface .index-container > :is(.sp-home-latest, .sp-home-ad-section) :is(.sp-home-carousel, .list-premium) {
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
/* Viewed listings are wrapped dynamically; keep their gap on mobile as well. */
html body.sp-home-page main.sp-site-surface .index-container > #sp-home-seen {
  margin-top:0 !important;
  margin-bottom:var(--ty-home-section-gap,52px) !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Card and carousel bottom padding must not add extra blank space to the gap. */
html body.ty-capture-fixes.sp-site-page.sp-home-page main.sp-site-surface .index-container .sp-home-carousel > .list-premium {
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
html body.ty-capture-fixes.sp-site-page.sp-home-page main.sp-site-surface .index-container .list-premium > a.background-ads-premium,
html body.ty-capture-fixes.sp-site-page.sp-home-page main.sp-site-surface .index-container .list-premium > a.background-ads-premium > .sp-premium-seller {
  padding-bottom:0 !important;
}
@media(max-width:700px) {
  html body.ty-capture-fixes.sp-site-page.sp-home-page main.sp-site-surface .index-container .list-premium > a.background-ads-premium > .sp-premium-seller {
    margin-top:auto !important;
  }
}

/* Home section titles: one intermediate size, including linked headings. */
html body.sp-home-page .index-container :is(.sp-home-premium-heading h2, .sp-home-section-heading h2, .sp-home-latest > h2, .sp-home-categories h2, .sp-home-featured-categories h2) {
  font-size: 26px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow-wrap: break-word;
}
html body.sp-home-page .index-container :is(.sp-home-premium-heading h2, .sp-home-section-heading h2, .sp-home-latest > h2, .sp-home-categories h2, .sp-home-featured-categories h2) a {
  font-size: inherit !important;
  line-height: inherit !important;
}


/* Listings filters: one screen and one scroll area, shared by desktop and mobile. */
html body.sp-site-page .ty-popup-backdrop{background:rgba(13,42,74,.25)!important;backdrop-filter:none!important}
html body.sp-site-page aside#sp-filter-drawer.ty-filter-modal{
  inset:0 0 0 auto!important;transform:none!important;
  width:min(480px,calc(100vw - 20px))!important;
  height:100vh!important;height:100dvh!important;max-height:none!important;overflow:clip!important;
  border:1px solid #dce5ee!important;border-radius:14px!important;
  box-shadow:0 12px 36px rgba(15,45,77,.2)!important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-popup-form{height:100%!important;max-height:none!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-heading{gap:6px;padding:10px 14px!important;min-height:72px}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-heading #ty-filter-title{min-width:0;margin-right:auto!important;font-size:24px!important;overflow-wrap:anywhere}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-reset-all{
  display:block!important;flex:0 1 auto!important;width:auto!important;height:auto!important;min-height:36px!important;
  padding:6px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:var(--ty-filter-action)!important;font-size:14px!important;font-weight:400!important;white-space:normal!important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-heading > :is(.ty-back,[data-sp-filter-close]){
  flex:0 0 36px!important;width:36px!important;height:36px!important;background:transparent!important;color:var(--ty-filter-action)!important;font-size:28px!important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-heading > [hidden]{display:none!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-scroll{flex:1 1 auto;padding:8px 12px 12px!important;scrollbar-gutter:stable}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-main-section{
  display:block;margin:0 0 5px!important;border:1px solid #dbe5ef!important;border-radius:7px!important;background:#fff!important;overflow:visible!important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-main-section > summary{
  display:flex!important;flex-wrap:nowrap!important;gap:9px;min-height:52px!important;padding:8px 10px!important;
  border-radius:6px!important;background:#fff!important;color:var(--ty-filter-text)!important;font-size:17px!important;font-weight:400!important;line-height:1.4!important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-category-section.ty-category-selected > summary{
  background:#f1f3f5!important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-main-section > summary > span{flex:0 1 auto;min-width:0}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-main-section > summary > .ty-icon{
  width:21px!important;height:23px!important;flex:0 0 21px!important;padding:0!important;border-radius:0!important;background:transparent!important;color:var(--ty-filter-action)!important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-main-section > summary::after{
  content:"";flex:0 0 6px;width:6px;height:6px;margin-left:0!important;border-width:0 1.5px 1.5px 0!important;border-color:var(--ty-filter-action)!important;transform:rotate(-45deg)!important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-main-section > summary small{flex:1 1 34%;min-width:0;margin-left:auto!important;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px!important;color:var(--ty-filter-muted)!important;font-weight:400!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal :is(.ty-location-grid,.ty-category-grid,.ty-seller-choices,.ty-listing-type-choices,.ty-publication-options,.ty-selection-values,.ty-product-group-values,.ty-check-options){display:grid!important;grid-template-columns:1fr!important;gap:2px!important;max-height:none!important;overflow:visible!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal [data-ty-features]{display:block!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-feature-body{padding:0!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-section-body{padding:8px 2px!important;border:0!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-price-section{padding-left:0!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-dynamic-section .ty-criterion{display:block!important;min-height:0!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-dynamic-section .ty-criterion > :is(.ty-criterion-label,label):first-child,
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-listing-type-field > legend{display:none!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-check{min-width:0!important;min-height:48px!important;font-size:17px!important;line-height:1.5!important;justify-content:flex-start;padding:7px 3px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-check input{margin:0!important;flex:0 0 20px!important;width:20px!important;height:20px!important;accent-color:var(--ty-filter-action)!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-check span{min-width:0;overflow-wrap:anywhere}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-category-section ~ .ty-main-section > summary > .ty-icon,
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-category-section ~ .ty-features .ty-main-section > summary > .ty-icon{color:var(--ty-filter-action)!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-publication-options input[type=radio]{appearance:auto!important;-webkit-appearance:radio!important;background:initial!important;border:initial!important;border-radius:50%!important;box-shadow:none!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-inline-ad-options{margin:10px 0 0!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-actions{flex-direction:column;gap:0;padding:12px 14px!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-actions button[type=submit]{width:100%!important;min-width:0!important;min-height:52px!important;font-size:18px!important;background:var(--ty-filter-action)!important;border-color:var(--ty-filter-action)!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-actions button:disabled{opacity:.65;cursor:wait}
/* Keep both actions outside the scrolling filter content, on desktop and mobile. */
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-action-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:10px;width:100%;min-width:0}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-actions .ty-footer-back{min-width:0!important;padding:12px 14px!important;background:#f1f3f5!important;border-color:#dbe2e8!important;white-space:nowrap!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-actions .ty-footer-back:disabled{cursor:default}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal form[data-ty-view=section] .ty-modal-scroll > :not(.ty-screen-branch):not(.ty-popup-status),
html body.sp-site-page #sp-filter-drawer.ty-filter-modal form[data-ty-view=section] [data-ty-features] > :not(.ty-screen-active),
html body.sp-site-page #sp-filter-drawer.ty-filter-modal form[data-ty-view=options] .ty-modal-scroll > :not(.ty-select-panel):not(.ty-popup-status),
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-main-section.ty-screen-active > summary,
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-choice-hidden{display:none!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-main-section.ty-screen-active{border:0!important;border-radius:0!important;margin:0!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-screen-active .ty-criterion{overflow:visible!important;max-height:none!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-choice-search{margin-bottom:8px!important;background:#f3f6f9!important}
/* Always-visible criteria share the same main-screen scroll area. */
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-keyword-section{margin:0 0 10px!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-keyword-section>.ty-field{display:block!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-inline-section>summary{cursor:default;min-height:40px!important;padding-bottom:3px!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-inline-section>summary::after,
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-inline-section>summary>small{display:none!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-inline-section>.ty-section-body{padding:3px 10px 10px!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-inline-section :is(.ty-listing-type-choices,.ty-seller-choices,.ty-selection-values,.ty-product-group-values,.ty-check-options){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:3px!important;align-items:center}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-inline-section .ty-check{flex:0 1 auto!important;min-height:38px!important;padding:4px 0!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-inline-section .ty-product-group{flex:0 0 100%;width:100%;margin:5px 0!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-inline-section .ty-two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-select-panel{border:0;box-shadow:none}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-select-option{min-height:48px!important;font-size:17px!important;line-height:1.5!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal :is(.ty-field,.ty-popup-status,.ty-product-group>legend){font-size:17px!important}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.ty-select-button){font-size:18px!important;min-height:48px!important;height:48px!important}
@media(max-width:700px){
  html body.sp-site-page aside#sp-filter-drawer.ty-filter-modal{
    inset:0 0 0 auto!important;transform:none!important;
    width:min(480px,calc(100vw - 8px))!important;
    height:100vh!important;height:100dvh!important;
  }
}
html body.sp-site-page .index-container :is(.sp-home-carousel, .sp-home-categories-carousel) > button {
 top:var(--ty-carousel-arrow-y,50%)!important;
 width:44px!important;height:44px!important;padding:0!important;
 border:0!important;border-radius:50%!important;
 background-color:transparent!important;
 background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%2044%22%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%2214%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M20%2017l5%205-5%205%22%20fill%3D%22none%22%20stroke%3D%22%23203247%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important;
 background-size:44px 44px!important;background-repeat:no-repeat!important;background-position:center!important;
 box-shadow:none!important;font-size:0!important;line-height:0!important;opacity:1!important;
 transform:translateY(-50%)!important;backdrop-filter:none;-webkit-backdrop-filter:none;
}
html body.sp-site-page .index-container :is(.sp-home-carousel, .sp-home-categories-carousel) > button::before,
html body.sp-site-page .index-container :is(.sp-home-carousel, .sp-home-categories-carousel) > button::after {
 content:none!important;display:none!important;border:0!important;background:none!important;box-shadow:none!important;
}
html body.sp-site-page .index-container :is(.sp-home-carousel, .sp-home-categories-carousel) > button:is(.sp-home-carousel-previous,.sp-home-category-previous) {
 left:-10px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%2044%22%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%2214%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M24%2017l-5%205%205%205%22%20fill%3D%22none%22%20stroke%3D%22%23203247%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important;
}
html body.sp-site-page .index-container :is(.sp-home-carousel, .sp-home-categories-carousel) > button:is(.sp-home-carousel-next,.sp-home-category-next) {right:8px!important;}
html body.sp-site-page .index-container :is(.sp-home-carousel, .sp-home-categories-carousel) > button:focus-visible {outline:2px solid #2477c9;outline-offset:1px;}

html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-actions button[type=submit]:hover{
 background:var(--ty-filter-action-hover)!important;border-color:var(--ty-filter-action-hover)!important;
}

/* Softer filter labels and a shared interactive palette, including extra criteria. */
html body.sp-site-page aside#sp-filter-drawer.ty-filter-modal .ty-selection-all,
html body.sp-site-page aside#sp-filter-drawer.ty-filter-modal .ty-selection-all > span{
 font-weight:500!important;
}
html body.sp-site-page aside#sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary{
 color:var(--ty-filter-action)!important;background:var(--ty-filter-selected)!important;font-weight:500!important;
}
html body.sp-site-page aside#sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary :is(span,small),
html body.sp-site-page aside#sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary::after{
 color:var(--ty-filter-action)!important;
}
html body.sp-site-page aside#sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary:focus-visible{
 outline-color:var(--ty-filter-action)!important;
}

/* Stable clear controls and grouped Thai land bounds. */
html body.sp-site-page #sp-filter-drawer.ty-filter-modal #ty-filter-title:focus{outline:none!important;box-shadow:none!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-heading .ty-reset-all{padding:7px 13px!important;border:1px solid #dbe2e8!important;border-radius:8px!important;background:#f1f3f5!important;color:#34699e!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal :is(.ty-reset-all,.ty-clear-current)[hidden]{display:none!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-actions .ty-clear-current{grid-column:1/-1;grid-row:2;background:transparent!important;border:0!important;color:#34699e!important;width:100%!important;min-height:32px!important;padding:4px!important;font-size:14px!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-actions:has(.ty-clear-current:not([hidden])){row-gap:4px!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-land-units{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-land-bound{display:block!important;margin:0 0 18px!important;padding:0!important;border:0!important;min-width:0;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-land-bound legend{margin-bottom:8px!important;font-weight:600;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-land-units .ty-field{display:flex!important;flex-direction:column;min-width:0!important;gap:5px!important;font-size:13px!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-land-units input{width:100%!important;min-width:0!important;padding:9px 6px!important;box-sizing:border-box;}
.ty-land-area output{display:block;margin-top:8px;font-size:.9em;color:#34699e;}

html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-actions .ty-clear-current{order:2!important;}

/* Product/category heading and Select all spacing, as in the supplied capture. */
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-selection.ty-inline-section>summary{background:#f1f3f5!important;padding:10px 12px!important;border-radius:6px!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-selection .ty-selection-all{margin-top:10px!important;margin-bottom:16px!important;}

/* Clearing filters must not leave an empty status or a stretched action area. */
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-popup-status:empty{display:none!important;margin:0!important;padding:0!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-actions{justify-content:flex-start!important;align-items:stretch!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-modal-action-row{flex:0 0 auto!important;margin:0!important;}
html body.sp-site-page aside#sp-filter-drawer.ty-filter-modal:has(form[data-ty-view=main]){height:auto!important;max-height:100vh!important;max-height:100dvh!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal form[data-ty-view=main]{height:auto!important;max-height:100vh!important;max-height:100dvh!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal form[data-ty-view=main] .ty-modal-scroll{flex:0 1 auto!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-dynamic-section input[type=number]{font-weight:500!important;color:#152f4e!important;}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-dynamic-section input[type=number]::placeholder{color:#40566f!important;opacity:1!important;}

/* ===== site-interface.css ===== */
/* TalatYai - styles regroupes dans leur ordre de priorite. */
/* Shared compact header: public pages, signed-in accounts and guest login. */
html body.sp-site-page.sp-modern-header {
  --ty-header-h: 64px !important;
  --ty-search-h: 40px !important;
}
html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-search {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 1px solid #cbd9e7 !important;
  border-radius: 8px !important;
  background: #fff !important;
}
html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-search input[type="search"] {
  box-sizing: border-box !important;
  min-width: 0 !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}
html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-search button[type="submit"] {
  display: flex !important;
  flex: 0 0 44px !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 38px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 7px 7px 0 !important;
}
html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-search button[type="submit"] svg {
  position: static !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  transform: none !important;
}
html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu > a.connexion {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 40px !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #eaf5ff !important;
  color: #087dcb !important;
  font-size: 0 !important;
  line-height: 1 !important;
  gap: 0 !important;
  text-decoration: none !important;
}
html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu > a.connexion::before,
html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu > a.connexion::after {
  display: none !important;
  content: none !important;
}
html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu > a.connexion svg {
  position: static !important;
  display: block !important;
  flex: 0 0 25px !important;
  width: 25px !important;
  height: 25px !important;
  margin: 0 !important;
  transform: none !important;
}
html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu > a.connexion > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu > a.connexion:is(:hover,:focus-visible) {
  background: #dcedfc !important;
}
html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu > a.connexion:focus-visible {
  outline: 2px solid #087dcb !important;
  outline-offset: 3px !important;
}
@media (min-width: 961px) {
  html body.sp-site-page.sp-modern-header header#ty-site-header.header,
  html body.sp-site-page.sp-modern-header .header-end,
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-shell {
    height: 64px !important;
    min-height: 64px !important;
  }
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-shell > .sp-header-main {
    display: grid !important;
    grid-template-columns: 136px minmax(160px,1fr) max-content 210px 44px !important;
    grid-template-rows: 64px !important;
    align-items: center !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 !important;
    gap: 14px !important;
  }
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-logo {
    width: 136px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-logo img {
    width: 120px !important;
    height: auto !important;
  }
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-main > .sp-header-search-wrap {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-main > .sp-header-deposit {
    box-sizing: border-box !important;
    width: 210px !important;
    min-width: 0 !important;
    max-width: 210px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-deposit::after {content: none !important;}
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu {align-items: center !important;gap: 8px !important;}
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu > :is(.ring,.selection) {
    box-sizing: border-box !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 48px !important;
    padding: 32px 0 0 !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu > :is(.ring,.selection)::before {
    top: 0 !important;
    width: 30px !important;
    height: 30px !important;
    margin-left: -15px !important;
    background-size: 20px 20px !important;
  }
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-flags {width: 44px !important;height: 40px !important;}
}
@media (min-width: 961px) and (max-width: 1150px) {
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-shell > .sp-header-main {
    grid-template-columns: 112px minmax(140px,1fr) max-content 180px 40px !important;
    gap: 10px !important;
  }
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-logo,
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-logo img {width: 108px !important;}
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-main > .sp-header-deposit {width: 180px !important;font-size: 12px !important;}
}
@media (max-width: 960px) {
  html body.sp-site-page.sp-modern-header {--ty-header-h:104px !important;}
  html body.sp-site-page.sp-modern-header header#ty-site-header.header,
  html body.sp-site-page.sp-modern-header .header-end,
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-shell {height:104px !important;min-height:104px !important;}
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-shell > .sp-header-main {
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) 40px 44px !important;
    grid-template-rows:40px 40px !important;
    align-items:center !important;
    box-sizing:border-box !important;
    height:104px !important;
    min-height:104px !important;
    padding:8px 0 !important;
    gap:8px !important;
  }
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .toggle-menu {grid-column:1 !important;grid-row:1 !important;width:36px !important;}
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-logo {grid-column:2 !important;grid-row:1 !important;width:auto !important;min-width:0 !important;margin:0 !important;justify-content:flex-start !important;}
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-logo img {width:124px !important;max-width:100% !important;height:auto !important;}
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-main > .header-links {
    position:static !important;display:block !important;grid-column:3 !important;grid-row:1 !important;
    width:40px !important;height:40px !important;min-width:0 !important;margin:0 !important;padding:0 !important;
    border:0 !important;background:none !important;box-shadow:none !important;transform:none !important;
  }
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu {
    position:static !important;display:flex !important;align-items:center !important;justify-content:center !important;
    width:40px !important;height:40px !important;margin:0 !important;padding:0 !important;
    border:0 !important;background:none !important;box-shadow:none !important;transform:none !important;
  }
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu > :is(.ring,.selection,.sp-mobile-deposit,.dashboard-menu-mobile) {display:none !important;}
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-flags {grid-column:4 !important;grid-row:1 !important;width:44px !important;height:40px !important;margin:0 !important;}
  html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-main > .sp-header-search-wrap {display:block !important;grid-column:1 / -1 !important;grid-row:2 !important;width:100% !important;min-width:0 !important;max-width:none !important;margin:0 !important;}
}

/* Visible account labels on home and dashboard; dashboard shortcuts live in its navigation. */
html body.sp-site-page.sp-modern-header.sp-dashboard-page header#ty-site-header.header .header-links .menu > :is(.ring,.selection) {
  display:none !important;
}
html body.sp-site-page.sp-modern-header:is(.sp-home-page,.sp-dashboard-page) header#ty-site-header.header .header-links .menu > a.connexion {
  flex:0 0 88px !important;flex-direction:column !important;
  width:88px !important;min-width:88px !important;max-width:88px !important;
  height:48px !important;min-height:48px !important;
  border-radius:6px !important;background:transparent !important;gap:2px !important;
}
html body.sp-site-page.sp-modern-header:is(.sp-home-page,.sp-dashboard-page) header#ty-site-header.header .header-links .menu > a.connexion svg {
  box-sizing:border-box !important;flex:0 0 30px !important;width:30px !important;height:30px !important;
  padding:3px !important;border-radius:50% !important;background:#eaf5ff !important;
}
html body.sp-site-page.sp-modern-header:is(.sp-home-page,.sp-dashboard-page) header#ty-site-header.header .header-links .menu > a.connexion > span {
  position:static !important;display:block !important;width:auto !important;max-width:88px !important;height:auto !important;
  clip-path:none !important;overflow:hidden !important;text-overflow:ellipsis !important;
  font-size:11px !important;line-height:14px !important;font-weight:600 !important;
}
@media (max-width:960px) {
  html body.sp-site-page.sp-modern-header:is(.sp-home-page,.sp-dashboard-page) header#ty-site-header.header .sp-header-shell > .sp-header-main {
    grid-template-columns:36px minmax(0,1fr) 80px 44px !important;
  }
  html body.sp-site-page.sp-modern-header:is(.sp-home-page,.sp-dashboard-page) header#ty-site-header.header .sp-header-main > .header-links,
  html body.sp-site-page.sp-modern-header:is(.sp-home-page,.sp-dashboard-page) header#ty-site-header.header .header-links .menu {
    width:80px !important;
  }
  html body.sp-site-page.sp-modern-header:is(.sp-home-page,.sp-dashboard-page) header#ty-site-header.header .header-links .menu > a.connexion {
    flex-basis:80px !important;width:80px !important;min-width:80px !important;max-width:80px !important;
    height:40px !important;min-height:40px !important;gap:0 !important;
  }
  html body.sp-site-page.sp-modern-header:is(.sp-home-page,.sp-dashboard-page) header#ty-site-header.header .header-links .menu > a.connexion svg {
    flex-basis:26px !important;width:26px !important;height:26px !important;padding:2px !important;
  }
  html body.sp-site-page.sp-modern-header:is(.sp-home-page,.sp-dashboard-page) header#ty-site-header.header .header-links .menu > a.connexion > span {
    max-width:80px !important;font-size:10px !important;line-height:12px !important;
  }
}

/* Scoped presentation refinements; account data and form behaviour are unchanged. */
html body.sp-site-page #sp-header-search-menu .sp-header-suggestion-link strong {
  color:#c94e0a !important;font-weight:600 !important;
}
html body.sp-site-page #sp-header-search-menu .sp-header-suggestion-term {
  color:inherit !important;font-weight:600 !important;
}
/* Home category photos fill their cards; all labels share the vehicle treatment. */
html body.sp-site-page.sp-home-page main.sp-site-surface .index-container .sp-home-featured-categories .sp-home-featured-category-grid > a.sp-home-featured-category {
  position:relative !important;display:block !important;aspect-ratio:3 / 4 !important;
  height:auto !important;min-height:0 !important;border:0 !important;border-radius:8px !important;
  overflow:hidden !important;background:#24374a !important;text-decoration:none !important;
}
html body.sp-site-page.sp-home-page main.sp-site-surface .index-container .sp-home-featured-categories .sp-home-featured-category-grid > a.sp-home-featured-category > img {
  position:absolute !important;inset:0 !important;display:block !important;
  width:100% !important;height:100% !important;max-height:none !important;min-height:0 !important;
  margin:0 !important;object-fit:cover !important;border:0 !important;border-radius:0 !important;
}
html body.sp-site-page.sp-home-page main.sp-site-surface .index-container .sp-home-featured-categories .sp-home-featured-category-grid > a.sp-home-featured-category::after {
  content:'' !important;position:absolute !important;inset:45% 0 0 !important;z-index:1 !important;
  background:linear-gradient(transparent,rgba(0,0,0,.58)) !important;pointer-events:none !important;
}
html body.sp-site-page.sp-home-page main.sp-site-surface .index-container .sp-home-featured-categories .sp-home-featured-category-grid > a.sp-home-featured-category > span {
  position:absolute !important;inset:auto 0 0 !important;z-index:2 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  width:100% !important;max-width:100% !important;min-height:52px !important;
  margin:0 !important;padding:12px 8px !important;border:0 !important;border-radius:0 !important;
  background:transparent !important;box-shadow:none !important;color:#fff !important;
  font-size:17px !important;font-weight:700 !important;line-height:1.3 !important;
  text-align:center !important;white-space:normal !important;text-shadow:0 1px 4px rgba(0,0,0,.65) !important;
}

html body.sp-site-page .sp-shop-inline-reviews > .sp-shop-reviews-shell > .sp-shop-reviews {
  box-sizing:border-box !important;width:100% !important;max-width:100% !important;margin:0 !important;
}

/* Keep field outlines, remove the editor's redundant nested frames. */
html body.sp-site-page .sp-shop-editor #ty-shop-editor-form.sp-shop-form > .sp-shop-form-card {
  padding:20px 0 24px !important;border:0 !important;border-radius:0 !important;
  background:transparent !important;box-shadow:none !important;
}
html body.sp-site-page .sp-shop-editor #ty-shop-editor-form .sp-shop-location-grid,
html body.sp-site-page .sp-shop-editor #ty-shop-editor-form.sp-shop-form > .sp-shop-form-actions {
  border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;
}
html body.sp-site-page .sp-shop-editor #ty-shop-editor-form.sp-shop-form > .sp-shop-form-actions {
  padding:8px 0 20px !important;
}

/* Compact account navigation. Badge sizing must stay independent of captions. */
html body.sp-site-page .dashboard-menu .sp-account-menu-icon {
  display:block !important;flex:0 0 22px !important;
  width:22px !important;height:22px !important;
}
@media (min-width:931px) {
  html body.sp-site-page .dashboard-menu {
    box-sizing:border-box !important;min-height:72px !important;height:auto !important;
    padding:8px 0 !important;
  }
  html body.sp-site-page .dashboard-menu > ul {
    align-items:stretch !important;padding:0 !important;
  }
  html body.sp-site-page .dashboard-menu > ul > li {
    padding:0 6px !important;
  }
  html body.sp-site-page .dashboard-menu > ul > li > a:not(.sp-account-logout) {
    position:relative !important;box-sizing:border-box !important;
    display:flex !important;flex-direction:column !important;
    align-items:center !important;justify-content:flex-start !important;
    min-height:56px !important;height:auto !important;gap:3px !important;
    padding:0 0 2px !important;font-size:13px !important;line-height:1.25 !important;
    white-space:normal !important;
  }
  html body.sp-site-page .dashboard-menu > ul > li > a:not(.sp-account-logout) > span:not([data-lcm="notification"]) {
    display:flex !important;align-items:center !important;justify-content:center !important;
    min-height:32px !important;padding:0 !important;
    font-size:13px !important;line-height:1.25 !important;
  }
  html body.sp-site-page .dashboard-menu > ul > li > a.sp-account-logout {
    min-height:36px !important;padding:8px 10px !important;
    font-size:13px !important;line-height:20px !important;
  }
  html body.sp-site-page .dashboard-menu > ul > li > a:not(.sp-account-logout) [data-lcm="notification"] {
    position:absolute !important;top:-4px !important;left:calc(50% + 8px) !important;right:auto !important;
  }
}
html body.sp-site-page .dashboard-menu > ul > li > a:not(.sp-account-logout) [data-lcm="notification"] {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  box-sizing:border-box !important;flex:0 0 auto !important;
  width:auto !important;min-width:20px !important;max-width:none !important;
  height:20px !important;min-height:20px !important;max-height:20px !important;
  margin:0 !important;padding:0 4px !important;border:0 !important;border-radius:999px !important;
  background:#e62d38 !important;color:#fff !important;
  font-size:11px !important;font-weight:700 !important;line-height:1 !important;white-space:nowrap !important;
}
html body.sp-site-page .account-pads.ty-dashboard-summary {
  align-items:stretch !important;
}
html body.sp-site-page .ty-dashboard-summary > .ty-dashboard-summary-card {
  gap:18px !important;padding:22px 20px !important;
}
html body.sp-site-page .ty-dashboard-summary .ty-dashboard-summary-icon {
  flex:0 0 56px !important;width:56px !important;height:56px !important;
}
html body.sp-site-page .ty-dashboard-summary .ty-dashboard-summary-icon svg {
  width:28px !important;height:28px !important;
}
html body.sp-site-page .ty-dashboard-summary > .ty-dashboard-summary-card > p {
  font-size:16px !important;line-height:1.6 !important;
}
html body.sp-site-page .ty-dashboard-summary > .ty-dashboard-summary-card > p > a {
  gap:10px !important;padding:10px 16px !important;font-size:15px !important;
}
html body.sp-site-page .ty-dashboard-summary .ty-dashboard-credit-button-icon {
  flex:0 0 20px !important;width:20px !important;height:20px !important;
}

/* White bin glyph on the existing orange saved-search delete button. */
html body.sp-site-page .sp-saved-searches .sp-saved-search-delete,
html body.sp-site-page .sp-saved-searches .sp-saved-search-delete:is(:hover,:focus-visible) {
  color:#fff !important;
}
html body.sp-site-page .sp-saved-searches .sp-saved-search-delete svg {
  width:20px !important;height:20px !important;stroke:currentColor !important;color:inherit !important;
}

/* Shared filter dialog, including dynamically generated extra criteria. */
html body.sp-site-page .ty-filter-modal .ty-more-criteria > summary,
html body.sp-site-page .ty-filter-modal .ty-more-criteria > summary :is(span,small),
html body.sp-site-page .ty-filter-modal .ty-more-criteria > summary::after {
  color:#087dcb !important;
}
@media (max-width:600px) {
  html body.sp-site-page .ty-dashboard-summary > .ty-dashboard-summary-card {
    gap:14px !important;padding:18px 16px !important;
  }
  html body.sp-site-page .ty-dashboard-summary .ty-dashboard-summary-icon {
    flex-basis:48px !important;width:48px !important;height:48px !important;
  }
  html body.sp-site-page .ty-dashboard-summary .ty-dashboard-summary-icon svg {
    width:25px !important;height:25px !important;
  }
}

/* Extra filter characteristics: matching blue heading and a right-hand disclosure chevron. */
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-more-criteria {
  margin-top:12px !important;padding-top:0 !important;border-top:0 !important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary {
  display:flex !important;align-items:center !important;justify-content:flex-start !important;
  box-sizing:border-box !important;min-height:44px !important;gap:10px !important;
  padding:10px 14px !important;border:0 !important;border-radius:8px !important;
  background:#eaf4fc !important;color:#087dcb !important;
  font-size:16px !important;font-weight:600 !important;line-height:1.4 !important;
  list-style:none !important;cursor:pointer !important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary > small {
  min-width:0 !important;margin:0 !important;color:#087dcb !important;
  font-size:12px !important;font-weight:400 !important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary::after {
  content:'' !important;display:block !important;flex:0 0 7px !important;
  width:7px !important;height:7px !important;margin:0 2px 0 auto !important;padding:0 !important;
  border:0 !important;border-right:2px solid currentColor !important;border-bottom:2px solid currentColor !important;
  background:transparent !important;color:#087dcb !important;
  transform:rotate(45deg) !important;transition:transform .15s ease;pointer-events:none !important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-more-criteria[open] > summary::after {
  content:'' !important;transform:rotate(225deg) !important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary::-webkit-details-marker {
  display:none !important;
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary::marker {
  content:'';
}
html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary:focus-visible {
  outline:2px solid #087dcb;outline-offset:2px;
}
@media (max-width:600px) {
  html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary {
    flex-wrap:nowrap !important;gap:6px !important;padding:10px 12px !important;font-size:15px !important;
  }
  html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary > small {
    flex:0 1 auto !important;max-width:40% !important;font-size:11px !important;overflow-wrap:anywhere;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body.sp-site-page #sp-filter-drawer.ty-filter-modal .ty-more-criteria > summary::after {
    transition:none !important;
  }
}

/* TY-MOBILE-20261019: presentation only; no payment or account state changes. */
@media (max-width:700px) {
  /* Gray gutters between the white listing-detail cards. */
  html body.sp-site-page main.sp-site-surface > .container-100:has(> .ad-page-container),
  html body.sp-site-page main.sp-site-surface .ad-page-container,
  html body.sp-site-page .ad-page-container .ad-page-parent-container,
  html body.sp-site-page .ad-page-container .ad-page-large-container,
  html body.sp-site-page .ad-page-container .ad-page-small-container {
    background-color:#f4f6f8 !important;
  }
  html body.sp-site-page .ad-page-container .ad-page-small-container > .ad-page-bloc-infos {
    margin-bottom:18px !important;
  }

  /* One field outline, one focus indicator, an aligned send button. */
  html body.sp-site-page .forms.messaging #ty-conversation-composer {
    box-sizing:border-box !important;display:flex !important;align-items:center !important;
    gap:8px !important;width:100% !important;min-width:0 !important;
    margin:14px 0 0 !important;padding:0 !important;border:0 !important;
    border-radius:0 !important;background:transparent !important;box-shadow:none !important;
  }
  html body.sp-site-page .forms.messaging #ty-conversation-composer > .conversation-send-message-textarea {
    box-sizing:border-box !important;display:flex !important;align-items:center !important;
    flex:1 1 auto !important;min-width:0 !important;min-height:44px !important;
    margin:0 !important;padding:0 !important;border:1px solid #c9d8e8 !important;
    border-radius:8px !important;background:#fff !important;box-shadow:none !important;
    outline:0 !important;
  }
  html body.sp-site-page .forms.messaging #ty-conversation-composer > .conversation-send-message-textarea:focus-within {
    border-color:#2f80c3 !important;box-shadow:0 0 0 1px #2f80c3 !important;
  }
  html body.sp-site-page .forms.messaging #ty-conversation-composer textarea:not(.form-error):not([aria-invalid="true"]) {
    box-sizing:border-box !important;display:block !important;flex:1 1 auto !important;
    width:100% !important;min-width:0 !important;min-height:44px !important;height:44px;
    max-height:140px !important;margin:0 !important;padding:10px 12px !important;
    border:0 !important;border-radius:8px !important;outline:0 !important;box-shadow:none !important;
    background:transparent !important;font-size:16px !important;line-height:1.4 !important;
    resize:none;overflow-y:auto;
  }
  html body.sp-site-page .forms.messaging #ty-conversation-composer .conversation-send-message-textarea:has([data-lcm="upload"]) textarea {
    flex-basis:calc(100% - 36px) !important;width:calc(100% - 36px) !important;
  }
  html body.sp-site-page .forms.messaging #ty-conversation-composer .conversation-send-message-complement {
    box-sizing:border-box;flex:0 0 100%;width:100%;margin:0;padding:8px 12px;
  }
  html body.sp-site-page .forms.messaging #ty-conversation-composer > button[type="submit"] {
    box-sizing:border-box !important;display:flex !important;align-items:center !important;
    justify-content:center !important;align-self:center !important;flex:0 0 44px !important;
    width:44px !important;height:44px !important;min-height:44px !important;
    margin:0 !important;padding:0 !important;border:0 !important;border-radius:8px !important;
    background:#f58220 !important;color:#fff !important;transform:none !important;
  }
  html body.sp-site-page .forms.messaging #ty-conversation-composer > button[type="submit"] svg {
    width:22px !important;height:22px !important;fill:currentColor;
  }

  /* Stable favorite geometry in both states; selection changes only the sprite. */
  html body.sp-site-page main.sp-site-surface .background-ads-premium > .sp-premium-photo > .sp-premium-heart,
  html body.sp-site-page main.sp-site-surface .background-ads-premium > .sp-premium-photo > .sp-premium-heart.selected {
    position:absolute !important;inset:8px 8px auto auto !important;display:block !important;
    box-sizing:border-box !important;width:36px !important;height:36px !important;
    min-width:36px !important;min-height:36px !important;margin:0 !important;padding:0 !important;
    border:0 !important;border-radius:50% !important;background:#fff !important;
    transform:none !important;transition:none !important;line-height:1 !important;
  }
  html body.sp-site-page main.sp-site-surface .sp-premium-photo > .sp-premium-heart::before {
    top:50% !important;left:50% !important;width:24px !important;height:21px !important;
    margin:0 !important;transform:translate(-50%,-50%) !important;
    background-position:center top !important;background-size:24px 42px !important;
  }
  html body.sp-site-page main.sp-site-surface .sp-premium-photo > .sp-premium-heart.selected::before {
    background-position:center bottom !important;
  }
  /* Repeated list class beats the legacy grouped frame rule. Paid framing is retained. */
  html body.sp-site-page main.sp-site-surface .list-premium.list-premium > a.background-ads-premium:not(.background-framed):not(:has(> .background-framed)) {
    border:0 !important;border-radius:0 !important;box-shadow:none !important;
  }
  html body.sp-site-page main.sp-site-surface .list-premium > a.background-ads-premium > .sp-premium-photo {
    overflow:hidden;border-radius:14px !important;
  }

  /* Native, reachable terms controls. Never override their parent's display state. */
  html body.sp-site-page .sp-checkout-page #billing-form .sp-billing-terms,
  html body.sp-site-page .sp-checkout-page > .payment-gtc {
    box-sizing:border-box;width:100%;gap:10px;margin:16px 0 !important;padding:12px !important;
    border:1px solid #d6dee7;border-radius:8px;background:#fff;
  }
  html body.sp-site-page .sp-checkout-page #billing-terms,
  html body.sp-site-page .sp-checkout-page #gtc {
    position:static !important;inset:auto !important;display:block !important;opacity:1 !important;
    appearance:auto !important;flex:0 0 22px !important;width:22px !important;height:22px !important;
    margin:0 !important;padding:0 !important;accent-color:#f58220;cursor:pointer;
  }
  html body.sp-site-page .sp-checkout-page #billing-terms + label,
  html body.sp-site-page .sp-checkout-page #gtc + label {
    position:static !important;display:block !important;flex:1;min-width:0;
    margin:0 !important;padding:0 !important;font-size:14px !important;line-height:1.5 !important;
  }
  html body.sp-site-page .sp-checkout-page #billing-terms + label::before,
  html body.sp-site-page .sp-checkout-page #billing-terms + label::after,
  html body.sp-site-page .sp-checkout-page #gtc + label::before,
  html body.sp-site-page .sp-checkout-page #gtc + label::after {display:none !important;}
  html body.sp-site-page .sp-checkout-page .payment-gtc label a,
  html body.sp-site-page .sp-checkout-page #billing-form .sp-billing-terms label a {
    display:inline !important;color:#007bd1 !important;text-decoration:underline !important;
    overflow-wrap:anywhere;
  }
  html body.sp-site-page .sp-checkout-page #billing-result.billing-display {
    grid-template-columns:minmax(0,1fr) !important;gap:14px !important;
  }
  html body.sp-site-page .sp-checkout-page #billing-result #edit-billing {
    justify-self:start !important;width:100% !important;max-width:100% !important;
    min-height:44px !important;white-space:normal !important;
  }

  /* Logo, title, lock caption: centered vertically instead of squeezed side by side. */
  html body.sp-site-page .sp-checkout-page #billing-form .sp-method-option,
  html body.sp-site-page .sp-checkout-page #payment-methods .sp-method-option {
    flex-direction:column !important;flex-wrap:nowrap !important;align-items:center !important;
    gap:10px !important;margin:16px 0 !important;text-align:center !important;
  }
  html body.sp-site-page .sp-checkout-page #billing-form .sp-method-dot {display:none !important;}
  html body.sp-site-page .sp-checkout-page #billing-form .sp-promptpay-logo-image,
  html body.sp-site-page .sp-checkout-page #payment-methods .sp-promptpay-logo-image {
    flex:0 0 auto !important;width:144px !important;height:auto !important;
    max-width:100% !important;margin:0 auto !important;object-position:center !important;
  }
  html body.sp-site-page .sp-checkout-page #billing-form .sp-method-option > span:last-child,
  html body.sp-site-page .sp-checkout-page #payment-methods .sp-method-copy {
    flex:0 0 auto !important;width:100% !important;text-align:center !important;
  }
  html body.sp-site-page .sp-checkout-page #billing-form .sp-method-option small::before,
  html body.sp-site-page .sp-checkout-page #payment-methods .sp-method-copy small::before,
  html body.sp-site-page .sp-checkout-page #billing-form .sp-checkout-secure::before {
    content:'';display:inline-block;width:14px;height:14px;margin-right:5px;vertical-align:-2px;
    background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23647180' stroke-width='2'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
  }
  html body.sp-site-page .sp-checkout-page #payment-list .sp-payment-pair {
    grid-template-columns:minmax(0,1fr) !important;gap:18px !important;margin:18px 0 0 !important;
  }
  html body.sp-site-page .sp-checkout-page #payment-list .sp-payment-choice {min-width:0;}
  html body.sp-site-page .sp-checkout-page #sp-prompt-title {
    flex-direction:column-reverse !important;align-items:center !important;
    gap:10px !important;margin-bottom:16px !important;text-align:center !important;
  }
  html body.sp-site-page .sp-checkout-page #sp-prompt-title .sp-choice-logo {
    width:144px !important;max-width:100% !important;height:auto !important;
  }
}


/* TY-SEARCH-PANEL-20261019: only the contents of the existing search popup. */
html body.sp-site-page #sp-header-search-menu {
  padding:4px 16px !important;border-radius:12px !important;
  border:1px solid #dce5ef !important;box-shadow:0 8px 24px rgba(20,45,70,.18) !important;
}
html body.sp-site-page #sp-header-search-menu > section {padding:14px 0 !important;}
html body.sp-site-page #sp-header-search-menu > section[hidden] {display:none !important;}
html body.sp-site-page #sp-header-search-menu h2 {
  margin:0 0 12px !important;padding:0 !important;color:#536e91 !important;
  font-size:14px !important;font-weight:700 !important;line-height:1.35 !important;
  letter-spacing:0 !important;text-align:left !important;text-transform:uppercase !important;
}
html body.sp-site-page #sp-header-search-menu .ty-search-section-heading {
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;
}
html body.sp-site-page #sp-header-search-menu .ty-search-section-heading h2 {margin:0 !important;}
html body.sp-site-page #sp-header-search-menu .ty-search-clear-history {
  display:inline-flex;flex:none;align-items:center;min-height:28px;margin:0;padding:0 2px;
  border:0;background:transparent;box-shadow:none;color:#007bff;font:inherit;
  font-size:13px !important;font-weight:500;line-height:1.3;text-transform:none;cursor:pointer;
}
html body.sp-site-page #sp-header-search-menu .ty-search-clear-history:disabled {
  color:#718398;opacity:.65;cursor:default;
}
html body.sp-site-page #sp-header-search-menu .sp-header-recent-searches {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
html body.sp-site-page #sp-header-search-menu .sp-header-search-recent-row {
  display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:2px;min-width:0;
  padding:2px 5px;border:1px solid #dce5ef;border-radius:9px;background:#fff;
}
html body.sp-site-page #sp-header-search-menu .sp-header-recent-searches a {
  display:flex;align-items:center;gap:9px;min-width:0;min-height:36px;padding:2px 4px;
  color:#092d66;text-decoration:none;border-radius:6px;
}
html body.sp-site-page #sp-header-search-menu .sp-header-recent-searches strong {
  overflow:hidden;font-size:13px !important;font-weight:500 !important;text-overflow:ellipsis;white-space:nowrap;
}
html body.sp-site-page #sp-header-search-menu .sp-header-search-history-icon {
  display:inline-flex;flex:0 0 21px;align-items:center;justify-content:center;
  width:21px;height:21px;background:transparent;color:#5b789d;border-radius:0;
}
html body.sp-site-page #sp-header-search-menu .sp-header-search-history-icon svg {width:21px;height:21px;}
html body.sp-site-page #sp-header-search-menu .sp-header-search-delete {
  width:28px;height:32px;min-height:32px;padding:0;margin:0;border:0;
  background:transparent;color:#647f9f;font-size:23px !important;line-height:1 !important;
}
html body.sp-site-page #sp-header-search-menu .sp-header-search-empty {
  grid-column:1 / -1;margin:0;padding:4px 0;color:#718398;font-size:13px !important;
}
html body.sp-site-page #sp-header-search-menu .ty-search-presets > div {
  display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;
}
html body.sp-site-page #sp-header-search-menu .ty-search-presets a {
  box-sizing:border-box;display:inline-flex;flex:1 0 auto;align-items:center;justify-content:center;
  min-height:32px;max-width:100%;padding:6px 16px;border-radius:12px;
  background:#e8f1ff;color:#092d66;font-size:14px !important;font-weight:500;
  line-height:1.3;text-align:center;text-decoration:none;overflow-wrap:anywhere;
}
html body.sp-site-page #sp-header-search-menu .sp-header-quick-searches > div {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
}
html body.sp-site-page #sp-header-search-menu .sp-header-quick-searches a {
  display:grid;grid-template-columns:30px minmax(0,1fr) 10px;align-items:center;
  min-width:0;min-height:52px;gap:8px;padding:7px 9px;background:#fff;
  border:1px solid #dce5ef;border-radius:9px;color:#092d66;text-decoration:none;
}
html body.sp-site-page #sp-header-search-menu .sp-header-quick-searches svg {width:30px;height:30px;color:#0085ff;}
html body.sp-site-page #sp-header-search-menu .sp-header-quick-searches .ty-search-amulets svg {color:#ff7900;}
html body.sp-site-page #sp-header-search-menu .sp-header-quick-searches span {
  min-width:0;font-size:13px !important;font-weight:500 !important;
}
html body.sp-site-page #sp-header-search-menu .sp-header-quick-searches b {color:#536e91;font-size:22px !important;}
html body.sp-site-page #sp-header-search-menu a:focus-visible,
html body.sp-site-page #sp-header-search-menu button:focus-visible {outline:2px solid #2f80c3;outline-offset:2px;}
html body.sp-site-page #sp-header-search-menu .ty-search-presets a:hover,
html body.sp-site-page #sp-header-search-menu .sp-header-quick-searches a:hover {background:#f0f6ff;}
@media(max-width:1000px) {
  html body.sp-site-page #sp-header-search-menu .sp-header-quick-searches > div {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px) {
  html body.sp-site-page #sp-header-search-menu .sp-header-recent-searches {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:480px) {
  html body.sp-site-page #sp-header-search-menu {padding:2px 12px !important;}
  html body.sp-site-page #sp-header-search-menu .sp-header-recent-searches {grid-template-columns:minmax(0,1fr);}
  html body.sp-site-page #sp-header-search-menu .ty-search-presets a {padding:6px 12px;}
}


/* Boutons demandés : orange TalatYai, identique au survol. */
html body.sp-site-page :is(
  #ty-site-header#ty-site-header#ty-site-header .sp-header-deposit,
  .sp-header-deposit,
  .sp-mobile-deposit,
  .sp-home-deposit-link,
  .sp-listing-summary-save,
  .sp-saved-search-view,
  .ty-dashboard-bulk-options,
  .ty-dashboard-bulk-options input[type="submit"],
  .ty-dashboard-card-actions > a:nth-of-type(2),
  .ty-dashboard-summary-shop p a,
  .sp-shop-form-actions input[type="submit"],
  .ad-page-bloc-infos.contact > a[href*="ads_advertiser.php"],
  .ad-page-bloc-infos.contact > a[href*="/vitrine/"],
  .sp-pro-actions a:first-child,
  .sp-checkout-page #edit-billing,
  .sp-checkout-page #billing-form > input[type="submit"],
  .credits-submit:not(:disabled),
  input[type="submit"][value="Valider"],
  .sp-saved-search-actions .sp-saved-search-view
),
html body.sp-site-page :is(
  #ty-site-header#ty-site-header#ty-site-header .sp-header-deposit,
  .sp-header-deposit,
  .sp-mobile-deposit,
  .sp-home-deposit-link,
  .sp-listing-summary-save,
  .sp-saved-search-view,
  .ty-dashboard-bulk-options,
  .ty-dashboard-bulk-options input[type="submit"],
  .ty-dashboard-card-actions > a:nth-of-type(2),
  .ty-dashboard-summary-shop p a,
  .sp-shop-form-actions input[type="submit"],
  .ad-page-bloc-infos.contact > a[href*="ads_advertiser.php"],
  .ad-page-bloc-infos.contact > a[href*="/vitrine/"],
  .sp-pro-actions a:first-child,
  .sp-checkout-page #edit-billing,
  .sp-checkout-page #billing-form > input[type="submit"],
  .credits-submit:not(:disabled),
  input[type="submit"][value="Valider"]
):is(:hover, :focus, :active, :visited) {
  background: #f58220 !important;
  background-image: none !important;
  border-color: #f58220 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Correctifs demandes le 21 octobre */
html body.sp-site-page .sp-premium-price, html body.sp-site-page .sp-premium-price strong, html body.sp-site-page .sp-ad-card-price, html body.sp-site-page .price-listing {color:#1f2937!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important;}
html body.sp-site-page .listing-pagination a:not(.pagination-arrow), html body.sp-site-page .listing-pagination .not-selected:not(.pagination-arrow) {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:50%!important;}
html body.sp-site-page .listing-pagination .pagination-arrow, html body.sp-site-page .listing-pagination .pagination-arrow.not-selected {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#12365c!important;font-size:25px!important;}
html body.sp-site-page .sp-home-deposit-link, html body.sp-site-page .sp-home-deposit-link:is(:hover,:focus,:active) {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:50px!important;padding:12px 22px!important;border:1px solid #f58220!important;border-radius:10px!important;background:#f58220!important;color:#fff!important;text-decoration:none!important;box-shadow:none!important;}
html body.sp-site-page .sp-login-cta .sp-account-orange, html body.sp-site-page .sp-login-cta .sp-account-orange:is(:hover,:focus,:active) {background:#f58220!important;border-color:#f58220!important;color:#fff!important;}

/* Account navigation and shared header spacing. */
@media(min-width:961px){
 html body.sp-site-page.sp-modern-header header#ty-site-header.header .dashboard-menu-mobile{display:none!important}
 html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-shell>.sp-header-main{grid-template-columns:132px minmax(160px,1fr) max-content 198px 40px!important;gap:10px!important}
 html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-logo{width:132px!important}
 html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu{gap:5px!important}
 html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>.ring{width:76px!important;min-width:76px!important;max-width:76px!important}
 html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>.selection{width:52px!important;min-width:52px!important;max-width:52px!important}
 html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-main>.sp-header-deposit{width:198px!important;max-width:198px!important}
 html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-flags{width:40px!important}
}
@media(min-width:961px) and (max-width:1150px){
 html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-shell>.sp-header-main{grid-template-columns:108px minmax(140px,1fr) max-content 174px 40px!important;gap:8px!important}
 html body.sp-site-page.sp-modern-header header#ty-site-header.header .header-logo{width:108px!important}
 html body.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-main>.sp-header-deposit{width:174px!important;max-width:174px!important}
}
html body.sp-site-page.sp-modern-header .sp-account-nav-gap{height:12px}
html body.sp-site-page.sp-modern-header .dashboard-menu{display:block!important;box-sizing:border-box;min-height:0;height:auto;margin:0 auto!important;padding:10px!important}
html body.sp-site-page.sp-modern-header .dashboard-menu>ul{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;box-sizing:border-box;width:100%!important;padding:0!important;gap:0!important}
html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li{display:flex!important;flex:0 1 auto!important;min-width:0;margin:0!important;padding:0 12px!important;align-items:center!important}
html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li>a:not(.sp-account-logout){position:relative;box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:center;gap:5px;min-height:66px;max-width:126px;padding:3px 0 7px!important;font-size:14px!important;line-height:1.25!important;white-space:normal;text-align:center}
html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li>a>span:not([data-lcm="notification"]){display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere}
html body.sp-site-page.sp-modern-header .dashboard-menu .sp-account-menu-icon{flex-basis:24px;width:24px;height:24px}
html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li>a.sp-account-logout{min-height:40px;padding:9px 12px!important;font-size:14px!important}
html body.sp-site-page.sp-modern-header .dashboard-menu [data-lcm="notification"]{position:absolute!important;top:0!important;left:calc(50% + 9px)!important;min-width:18px;height:18px;font-size:11px!important}
@media(max-width:760px){
 html body.sp-site-page.sp-modern-header .dashboard-menu{width:calc(100% - 28px)!important}
 html body.sp-site-page.sp-modern-header .dashboard-menu>ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}
 html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li{justify-content:center;padding:0 4px!important;border:0}
 html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li>a:not(.sp-account-logout){width:100%;min-height:60px;font-size:12px!important}
}

/* Keep each shop image inside its own upload control. */
html body.sp-site-page .sp-shop-editor .sp-shop-logo-row{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:18px;margin:20px 0 0;position:static}
html body.sp-site-page .sp-shop-editor .sp-shop-logo-row .sp-shop-upload-copy{margin:0}
html body.sp-site-page .sp-shop-editor .sp-shop-form .sp-logo-upload{box-sizing:border-box;position:relative;float:none;flex:0 0 112px;width:112px;height:112px;margin:0;border:1px solid #d2ddea;border-radius:50%;box-shadow:none;background:#fff;overflow:visible}
html body.sp-site-page .sp-shop-editor .sp-shop-form .sp-logo-upload>img{display:block;width:100%;height:100%;border-radius:50%;object-fit:contain}
html body.sp-site-page .sp-shop-editor .sp-shop-form .sp-cover-upload{box-sizing:border-box;float:none;max-width:100%;margin:0}
html body.sp-site-page .sp-shop-editor .sp-logo-upload .upload_delete_link{top:2px;right:2px;left:auto;z-index:3}

/* Full-page messaging: fit the columns and allow the summary to wrap. */
html body.sp-site-page .forms.messaging:not(.lcm-contact-page) :is(.messaging-container,.messaging-conversation-container,.lcm-conversation-layout,.lcm-conversation-main,.lcm-conversation-summary){box-sizing:border-box;min-width:0;max-width:100%}
html body.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-conversation-summary{height:auto!important;align-self:stretch}
html body.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card{box-sizing:border-box;width:100%;height:auto!important;min-height:100%;padding:18px 16px;overflow:visible!important}
html body.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card>h2{max-width:100%;white-space:normal!important;overflow-wrap:anywhere;font-size:16px!important;line-height:1.4!important}
html body.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card :is(p,h3,h4,a){max-width:100%;overflow-wrap:anywhere}
html body.sp-site-page .forms.messaging:not(.lcm-contact-page) .conversation-message-text{max-width:85%;overflow-wrap:anywhere;word-break:normal}
html body.sp-site-page .forms.messaging:not(.lcm-contact-page) .conversation-content{box-sizing:border-box;overflow-x:hidden;overscroll-behavior:contain}
html body.sp-site-page .forms.messaging:not(.lcm-contact-page) #ty-conversation-composer#ty-conversation-composer#ty-conversation-composer{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:12px;width:100%;max-width:100%;margin:14px 0 0!important;padding:12px!important;border:1px solid #dfe7ee!important;border-radius:10px;background:#fff}
html body.sp-site-page .forms.messaging:not(.lcm-contact-page) #ty-conversation-composer .conversation-send-message-textarea{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent}
html body.sp-site-page .forms.messaging:not(.lcm-contact-page) #ty-conversation-composer textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;height:56px;min-height:56px;max-height:160px;margin:0;padding:10px 12px;border:1px solid #d2ddea;border-radius:7px;background:#fff;font:400 16px/1.5 Roboto,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden;resize:vertical}
html body.sp-site-page .forms.messaging:not(.lcm-contact-page) #ty-conversation-composer#ty-conversation-composer#ty-conversation-composer>button[type="submit"]{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:12px!important;border:0!important;border-radius:9px!important;color:#fff!important}
html body.sp-site-page .forms.messaging:not(.lcm-contact-page) #ty-conversation-composer>button[type="submit"] svg{width:24px;height:24px;margin:0;fill:currentColor}
@media(max-width:480px){html body.sp-site-page .forms.messaging:not(.lcm-contact-page) #ty-conversation-composer#ty-conversation-composer#ty-conversation-composer{grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:8px!important}html body.sp-site-page .forms.messaging:not(.lcm-contact-page) #ty-conversation-composer#ty-conversation-composer#ty-conversation-composer>button[type="submit"]{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important}}

/* Corrections limited to the thirteen annotated captures (20 October 2026). */
@media(min-width:961px){
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-main{align-items:center!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links{margin:0!important;padding:0!important;width:auto!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu{gap:2px!important;justify-content:flex-start!important;width:auto!important;margin:0!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>.ring{width:72px!important;min-width:72px!important;max-width:72px!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>.selection{width:48px!important;min-width:48px!important;max-width:48px!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-flags{top:auto!important;transform:none!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-flags>div{top:auto!important;transform:none!important}
 /* Private account only: distribute the existing items evenly. */
 html body.ty-capture-fixes.ty-account-private.sp-site-page.sp-modern-header .dashboard-menu>ul{flex-wrap:nowrap!important;align-items:stretch!important}
 html body.ty-capture-fixes.ty-account-private.sp-site-page.sp-modern-header .dashboard-menu>ul>li{flex:1 1 0!important;align-items:stretch!important;justify-content:center!important;padding:0 10px!important}
 html body.ty-capture-fixes.ty-account-private.sp-site-page.sp-modern-header .dashboard-menu>ul>li>a:not(.sp-account-logout){width:100%!important;max-width:none!important;min-height:76px!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}
 html body.ty-capture-fixes.ty-account-private.sp-site-page.sp-modern-header .dashboard-menu>ul>li:last-child{align-items:center!important}
}
/* Bring the active orange underline down to the bottom of the navigation frame. */
html body.ty-capture-fixes.sp-site-page.sp-modern-header .dashboard-menu>ul>li>a[aria-current="page"]::after{bottom:-10px!important}
html body.ty-capture-fixes.sp-site-page .ad-page-bloc-infos.contact>a:is(.message,.phone){background:#2f83c5!important;border-color:#2f83c5!important;color:#fff!important}
html body.ty-capture-fixes.sp-site-page .ad-page-bloc-infos.contact>a:is(.message,.phone):is(:hover,:focus-visible){background:#236da6!important;border-color:#236da6!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging #ty-conversation-composer textarea{font-size:18px!important;line-height:1.5!important}
/* Keep the existing visibility opener level with the cover caption. */
html body.ty-capture-fixes.sp-site-page .sp-shop-editor .sp-shop-editor-visibility{margin:0!important;padding:0!important;height:0!important}
html body.ty-capture-fixes.sp-site-page .sp-shop-editor .sp-shop-cover-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}
html body.ty-capture-fixes.sp-site-page .sp-shop-editor .sp-shop-cover-heading .sp-shop-upload-copy{margin:0!important}
html body.ty-capture-fixes.sp-site-page .sp-shop-editor .sp-shop-cover-heading .sp-shop-visibility-button{position:static!important;flex:0 0 auto;margin:0!important;min-height:44px;padding:10px 16px}
/* Contact fields: separate controls, explanations and checkbox. */
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-contact-card>h2{margin-bottom:20px!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-contact-card>input#phone{margin-top:18px!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-contact-card>input#email{margin-top:20px!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-contact-card>.ty-field-help{margin-top:8px!important;line-height:1.55!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-contact-card>.ty-phone-choice{display:flex!important;align-items:center!important;gap:12px!important;margin:16px 0 4px!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-phone-choice>label{position:static!important;margin:0!important;padding:0!important;line-height:1.5!important;min-width:0;flex:1}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-phone-choice>input{margin:0!important;flex:0 0 23px!important}
/* Professional category: no dropdown arrow or required asterisk. */
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad #ty-category-levels[data-pro="true"] .ty-choice-trigger::after{display:none!important;content:none!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad #ty-category-levels[data-pro="true"] .ty-choice-trigger{padding-right:14px!important}
/* An omitted postal code must retain its red error presentation. */
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad input#postcode.form-error{border:2px solid #d93025!important;color:#d93025!important;background:#fffafa!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad input#postcode.form-error::placeholder{color:#d93025!important;opacity:1!important}
html body.ty-capture-fixes.sp-site-page .ty-credit-totals .ty-credit-after{border-top:1px solid #dfe8f0;margin-top:12px;padding-top:12px}
@media(max-width:600px){
 html body.ty-capture-fixes.sp-site-page .sp-shop-editor .sp-shop-cover-heading{flex-wrap:wrap;gap:12px}
}

html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-choice-error .ty-choice-trigger,
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-choice-trigger[aria-invalid="true"]{border:2px solid #d93025!important;background:#fffafa!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-step-one-error{color:#d93025!important;font-weight:500;margin:0 0 18px!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad #ty-identity-fields>[hidden]{display:none!important}


@media(min-width:961px){
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-shell>.sp-header-main{grid-template-columns:132px minmax(160px,1fr) max-content 198px 44px!important;column-gap:12px!important;align-items:center!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;min-width:0!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>.ring{flex:0 0 80px!important;width:80px!important;min-width:80px!important;max-width:80px!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>.selection{flex:0 0 64px!important;width:64px!important;min-width:64px!important;max-width:64px!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>a.connexion.sp-header-login,
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>a.connexion.sp-header-login:is(:visited,:hover,:focus,:focus-visible,:active){
  position:relative!important;display:flex!important;flex:0 0 80px!important;flex-direction:column!important;align-self:center!important;align-items:center!important;justify-content:flex-end!important;
  box-sizing:border-box!important;width:80px!important;min-width:80px!important;max-width:80px!important;height:48px!important;min-height:48px!important;max-height:48px!important;
  inset:auto!important;margin:0!important;padding:32px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#087dcb!important;
  transform:none!important;transition:none!important;font:700 11px/1.1 Roboto,Arial,sans-serif!important;overflow:visible!important;
 }
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>a.connexion.sp-header-login svg{position:absolute!important;top:0!important;left:50%!important;flex:none!important;box-sizing:border-box!important;width:30px!important;height:30px!important;margin:0!important;padding:3px!important;border-radius:50%!important;background:#eaf5ff!important;transform:translateX(-50%)!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>a.connexion.sp-header-login>span{display:block!important;position:static!important;flex:none!important;height:auto!important;min-height:13px!important;clip:auto!important;clip-path:none!important;width:100%!important;max-width:80px!important;margin:0!important;padding:0!important;font:700 11px/1.1 Roboto,Arial,sans-serif!important;color:#087dcb!important;-webkit-text-fill-color:#087dcb!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-search-wrap{box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links{min-width:0!important;justify-self:start!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-flags{box-sizing:border-box!important;width:44px!important;height:40px!important;margin:0!important;padding:0!important;align-self:center!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-flags>div{position:relative!important;inset:auto!important;box-sizing:border-box!important;width:44px!important;height:40px!important;margin:0!important;padding:0!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-flags>div>ul{position:absolute!important;left:0!important;top:0!important;box-sizing:border-box!important;width:42px!important;height:38px;margin:0!important;padding:0!important;text-align:center!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-flags>div>ul:hover{height:auto}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-flags li{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-flags li a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-flags img{display:block!important;box-sizing:border-box!important;width:28px!important;height:24px!important;object-fit:contain!important;margin:0!important;padding:0!important}
}
@media(min-width:961px) and (max-width:1150px){html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .sp-header-shell>.sp-header-main{grid-template-columns:108px minmax(140px,1fr) max-content 174px 44px!important;column-gap:8px!important}}
/* The visibility action keeps its compact dimensions above the cover, on the right. */
html body.ty-capture-fixes.sp-site-page .sp-shop-editor .sp-shop-cover-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:20px!important}
html body.ty-capture-fixes.sp-site-page .sp-shop-editor .sp-shop-cover-heading .sp-shop-upload-copy{min-width:0!important;width:auto!important;max-width:none!important}
html body.ty-capture-fixes.sp-site-page .sp-shop-editor #ty-shop-editor-form .sp-shop-cover-heading .sp-shop-visibility-button{box-sizing:border-box!important;display:inline-flex!important;justify-self:end!important;align-items:center!important;justify-content:center!important;flex:none!important;width:auto!important;min-width:0!important;max-width:100%!important;min-height:48px!important;height:48px!important;margin:0!important;padding:12px 18px!important;font-size:16px!important;line-height:1.4!important;white-space:nowrap!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page .ty-stage-required{color:#5c759e!important;font-size:16px!important;margin:8px 0 0!important}
@media(max-width:600px){html body.ty-capture-fixes.sp-site-page .sp-shop-editor .sp-shop-cover-heading{grid-template-columns:minmax(0,1fr)!important}.sp-shop-cover-heading .sp-shop-visibility-button{justify-self:end!important}}

/* Compact seller and review line directly below the city. */
html body.ty-capture-fixes.sp-site-page.sp-home-page main.sp-site-surface .index-container a.background-ads-premium > .sp-premium-seller{display:flex!important;order:3!important;align-items:center!important;flex:0 0 auto!important;flex-wrap:nowrap!important;min-height:20px!important;height:auto!important;margin:0!important;padding:0 0 4px!important;gap:6px!important;}
html body.ty-capture-fixes.sp-site-page.sp-home-page main.sp-site-surface .index-container a.background-ads-premium .sp-premium-seller-avatar{box-sizing:border-box!important;flex:0 0 20px!important;width:20px!important;height:20px!important;min-width:20px!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1!important;}
html body.ty-capture-fixes.sp-site-page.sp-home-page main.sp-site-surface .index-container a.background-ads-premium .sp-premium-seller-name{font-size:16px!important;font-weight:700!important;line-height:1.25!important;}
html body.ty-capture-fixes.sp-site-page.sp-home-page main.sp-site-surface .index-container a.background-ads-premium .sp-premium-seller-rating{min-height:0!important;margin:0!important;padding:0!important;gap:3px!important;font-size:12px!important;line-height:1.25!important;}
html body.ty-capture-fixes.sp-site-page.sp-home-page main.sp-site-surface .index-container a.background-ads-premium .sp-premium-seller-rating :is(b,.sp-premium-seller-count){font-size:12px!important;line-height:1.25!important;}
html body.ty-capture-fixes.sp-site-page.sp-home-page main.sp-site-surface .index-container a.background-ads-premium .sp-premium-seller-star{font-size:14px!important;line-height:1!important;}

/* Requested action colors, throughout the account listings. */
html body.ty-capture-fixes.sp-site-page main.sp-site-surface .ty-dashboard-action.ty-dashboard-action-edit{background:#2477c9!important;border-color:#2477c9!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body.ty-capture-fixes.sp-site-page main.sp-site-surface .ty-dashboard-action.ty-dashboard-action-delete{background:#d93025!important;border-color:#d93025!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body.ty-capture-fixes.sp-site-page main.sp-site-surface :is(.ty-dashboard-action-edit,.ty-dashboard-action-delete) :is(span,svg){color:#fff!important;-webkit-text-fill-color:#fff!important;}
/* Prices share the same blue on every front-end page. */
html body.ty-capture-fixes.sp-site-page main.sp-site-surface :is(.price,.price-listing,.sp-premium-price,.txt-price-premium,.sp-ad-card-price,.ty-preview-price>strong,.ty-visibility-price>strong,.sp-pro-price,.sp-cart-item-price,.sp-cart-grand-total strong,.sp-cart-totals strong,.sp-invoice-amount,.sp-pay-details>div:first-child>strong,.sp-credit-breakdown strong,.sp-credit-remaining strong,.credits-amount,.credits-bonus,.credits-summary-value,.sp-visual-option-price,.sp-visual-options-total strong,[data-ty-charge],.ty-credit-totals strong,.ty-payment-details>div:first-child>strong,.ty-review-line>strong,.ty-dashboard-summary-credit>strong){color:#2477c9!important;-webkit-text-fill-color:#2477c9!important;}
html body.ty-capture-fixes.sp-site-page main.sp-site-surface :is(.price,.price-listing,.sp-premium-price,.txt-price-premium,.sp-ad-card-price,.sp-cart-item-price,.sp-pro-price) :is(strong,b,span){color:#2477c9!important;-webkit-text-fill-color:#2477c9!important;}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad>.ty-deposit-actions{box-sizing:border-box!important;width:100%!important;max-width:none!important;float:none!important;}
html body.ty-capture-fixes.sp-site-page .ty-reference-page.ty-step-2 #form-ad#form-ad#form-ad>.ty-deposit-actions{padding-right:var(--ty-pack-action-inset,0px)!important;}
html body.ty-capture-fixes.sp-site-page main.sp-site-surface :is(.ty-price,.sp-visual-option-plans label>strong,.sp-visual-options-selected strong,.sp-visual-options-publication strong,.ty-payment-meta>div:first-child>strong,.sp-credit-remaining strong,input[name="price"]:not(.form-error),input[name="price_min"],input[name="price_max"]){color:#2477c9!important;-webkit-text-fill-color:#2477c9!important;}
/* Step-one illustrations follow the supplied reference: small circles beside the text. */
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-benefit{display:grid!important;grid-template-columns:60px minmax(0,1fr)!important;align-items:start!important;gap:26px!important;min-height:76px!important;margin:28px 6px 0!important;}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-info-box+.ty-benefit{margin-top:34px!important;}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-benefit>span{display:grid!important;place-items:center!important;width:60px!important;height:60px!important;min-width:60px!important;margin:0!important;padding:0!important;border-radius:50%!important;background:#edf8ff!important;}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-benefit>span>svg{width:26px!important;height:26px!important;margin:0!important;}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-benefit>div{min-width:0!important;margin:0!important;padding:10px 0 0!important;}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-benefit h2{margin:0 0 4px!important;padding:0!important;font-size:16px!important;font-weight:700!important;line-height:1.3!important;}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-benefit p{margin:0!important;padding:0!important;font-size:16px!important;line-height:1.35!important;}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help>.ty-info-box>svg{width:28px!important;height:28px!important;fill:#008ded!important;stroke:#fff!important;}
@media(max-width:480px){html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-benefit{gap:20px!important;margin-left:0!important;margin-right:0!important;}}

/* Keep seller/review rows below the photo and the listing facts in every card. */
html body.ty-capture-fixes.sp-site-page main.sp-site-surface a.background-ads-premium{display:flex!important;flex-direction:column!important;}
html body.ty-capture-fixes.sp-site-page main.sp-site-surface a.background-ads-premium>.sp-premium-photo{order:1!important;}
html body.ty-capture-fixes.sp-site-page main.sp-site-surface a.background-ads-premium>.bloc-premium-infos{order:2!important;}
html body.ty-capture-fixes.sp-site-page main.sp-site-surface a.background-ads-premium>.sp-premium-seller{order:3!important;}

/* Compact filter control, level with the adjacent Save button. */
html body.ty-capture-fixes.sp-site-page main.sp-site-surface .search-results-container .sp-listing-summary .sp-listing-summary-filter{box-sizing:border-box!important;display:inline-flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:108px!important;max-width:none!important;height:52px!important;min-height:52px!important;gap:8px!important;padding:10px 14px!important;border-radius:10px!important;font-size:14px!important;line-height:1.2!important;}
html body.ty-capture-fixes.sp-site-page main.sp-site-surface .search-results-container .sp-listing-summary .sp-listing-summary-filter svg{flex:0 0 22px!important;width:22px!important;height:22px!important;}

/* White sharing window for the photo button only. */
html body.sp-site-page #ty-photo-share-menu{position:fixed!important;z-index:20000!important;box-sizing:border-box!important;width:280px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;margin:0!important;padding:18px!important;border:1px solid #dbe3eb!important;border-radius:14px!important;background:#fff!important;color:#172636!important;box-shadow:0 10px 36px rgba(20,35,50,.2)!important;font:400 16px/1.35 Roboto,Arial,sans-serif!important;text-align:left!important;}
html body.sp-site-page #ty-photo-share-menu[hidden]{display:none!important;}
html body.sp-site-page #ty-photo-share-menu .ty-photo-share-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;padding:0!important;}
html body.sp-site-page #ty-photo-share-menu h2{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#172636!important;font:700 18px/1.3 Roboto,Arial,sans-serif!important;text-transform:none!important;}
html body.sp-site-page #ty-photo-share-menu .ty-photo-share-close{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#475467!important;font:400 28px/1 Arial,sans-serif!important;cursor:pointer!important;}
html body.sp-site-page #ty-photo-share-menu .ty-photo-share-action{box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:44px!important;margin:0!important;padding:9px 7px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#172636!important;-webkit-text-fill-color:#172636!important;font:400 16px/1.35 Roboto,Arial,sans-serif!important;text-decoration:none!important;text-align:left!important;cursor:pointer!important;}
html body.sp-site-page #ty-photo-share-menu :is(.ty-photo-share-action,.ty-photo-share-close):hover{background:#f0f5fa!important;}
html body.sp-site-page #ty-photo-share-menu :is(.ty-photo-share-action,.ty-photo-share-close):focus-visible{outline:2px solid #2477c9!important;outline-offset:1px!important;}
html body.sp-site-page #ty-photo-share-menu .ty-photo-share-action svg{display:block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;margin:0!important;}
html body.sp-site-page #ty-photo-share-menu .ty-photo-share-action span{font:inherit!important;color:inherit!important;}

/* Company registration number: match the seller card text. */
html body.sp-site-page .ad-page-container .ad-page-bloc-infos.contact .name-contact > .ty-company-number{font-size:14px!important;line-height:1.4!important;font-weight:400!important;}

/* Only the requested deposit obligations. */
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad :is(input,textarea,select).form-error,
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad .form-error + .ty-choice .ty-choice-trigger,
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad .ty-photo-error .uploader-container{border:2px solid #d93025!important;background:#fffafa!important;}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad #ty-step-error{grid-column:1/-1;text-align:center;color:#d93025!important;}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad [hidden]{display:none!important;}

html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad :is(input,textarea,select).form-error:focus{outline-color:#d93025!important;}

/* Requested blue account actions and a thin header separator. */
html body.ty-capture-fixes.sp-site-page .sp-account-orange {
 background-color:#2477c9!important;border-color:#2477c9!important;color:#fff!important;
}
html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header {
 border-bottom:1px solid #dde3e8!important;box-shadow:none!important;
 transition:box-shadow .18s ease;
}
html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header.ty-header-scrolled {
 box-shadow:0 4px 12px rgba(16,46,80,.14)!important;
}

/* Prix des annonces : taille harmonisee et noir */
html body.ty-capture-fixes.sp-site-page main.sp-site-surface :is(.sp-premium-price,.txt-price-premium,.sp-ad-card-price,.price-listing), html body.ty-capture-fixes.sp-site-page main.sp-site-surface :is(.sp-premium-price,.txt-price-premium,.sp-ad-card-price,.price-listing) :is(strong,span) {color:#1f2937!important;-webkit-text-fill-color:#1f2937!important;font-size:18px!important;line-height:1.3!important;}

html body.ty-capture-fixes.sp-site-page .sp-login-cta .sp-account-orange, html body.ty-capture-fixes.sp-site-page .sp-login-cta .sp-account-orange:is(:hover,:focus,:active) {background:#f58220!important;background-color:#f58220!important;border-color:#f58220!important;color:#fff!important;}

/* Galerie des photos des annonces */
html body .sp-ad-gallery-modal {background:#fff!important;padding:0!important;text-align:left!important;color:#263447!important;}
html body .sp-ad-gallery-modal .close_modal {position:absolute;top:14px;right:22px;z-index:1000001;color:#334155!important;font:400 42px/1 Arial,sans-serif;cursor:pointer;}
html body .sp-ad-gallery-modal #my_slides {position:absolute;left:5%;top:7%;width:67%;height:calc(100% - 145px);max-width:67%!important;max-height:calc(100% - 145px)!important;margin:0!important;object-fit:contain;}
html body .sp-ad-gallery-modal #modal_nav_wrap {position:absolute;top:13%;right:4%;bottom:105px;width:20%;height:auto!important;padding:0!important;background:transparent!important;overflow:hidden;}
html body .sp-ad-gallery-modal .sp-gallery-heading {margin:0 0 20px;color:#233449;font:600 16px/1.4 Arial,sans-serif;}
html body .sp-ad-gallery-modal .sp-gallery-counter {display:block;margin-bottom:10px;font-size:14px;}
html body .sp-ad-gallery-modal .sp-gallery-heading strong {display:block;font-weight:700;}
html body .sp-ad-gallery-modal #modal_nav {display:block;width:100%;height:calc(100% - 80px);overflow:visible;}
html body .sp-ad-gallery-modal #modal_nav > div:not(.modal) {display:block!important;width:100%!important;height:100%;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;}
html body .sp-ad-gallery-modal #modal_nav .thumb_list {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%!important;height:auto!important;margin:0!important;padding:0!important;list-style:none;}
html body .sp-ad-gallery-modal #modal_nav .thumb_list li {display:block;width:100%;height:auto;aspect-ratio:1.28;overflow:hidden;border:2px solid transparent;border-radius:5px;cursor:pointer;}
html body .sp-ad-gallery-modal #modal_nav .thumb_list li.current-thumb {border-color:#f58220;}
html body .sp-ad-gallery-modal #modal_nav .thumb_list li::after {display:none!important;}
html body .sp-ad-gallery-modal #modal_nav .thumb_list img.thumbnail {display:block;width:100%;height:100%;max-height:none;object-fit:cover;}
html body .sp-ad-gallery-modal .modal.prev, html body .sp-ad-gallery-modal .modal.next {position:fixed;top:48%;z-index:1000001;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 3px 12px #16324e33;opacity:1;line-height:1;}
html body .sp-ad-gallery-modal .modal.prev {left:1.5%;}html body .sp-ad-gallery-modal .modal.next {left:73%;}
html body .sp-ad-gallery-modal .modal.prev img, html body .sp-ad-gallery-modal .modal.next img {height:23px;max-width:25px;}
html body .sp-ad-gallery-modal .sp-gallery-bottom {position:absolute;bottom:0;left:0;right:0;z-index:1000000;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;padding:10px max(24px,8%);border-top:1px solid #dde4eb;background:#fff;box-shadow:0 -2px 8px #152c4012;}
html body .sp-ad-gallery-modal .sp-gallery-summary {display:flex;align-items:center;gap:12px;min-width:0;color:#233449;}
html body .sp-ad-gallery-modal .sp-gallery-summary img {width:56px;height:56px;object-fit:cover;border-radius:4px;}
html body .sp-ad-gallery-modal .sp-gallery-summary strong, html body .sp-ad-gallery-modal .sp-gallery-summary span {display:block;font:700 15px/1.3 Arial,sans-serif;}
html body .sp-ad-gallery-modal .sp-gallery-actions {display:flex;align-items:center;gap:18px;flex:none;}
html body .sp-ad-gallery-modal .sp-gallery-message {min-height:42px;padding:9px 18px;border:0;border-radius:24px;background:#f58220;color:#fff;font:700 14px/1.3 Arial,sans-serif;cursor:pointer;}
html body .sp-ad-gallery-modal .sp-gallery-message:hover {background:#f58220;color:#fff;}
html body .sp-ad-gallery-modal .sp-gallery-favorite,
html body .sp-ad-gallery-modal .sp-gallery-favorite.selected {display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;box-sizing:border-box!important;position:static!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:#263447;-webkit-text-fill-color:currentColor;font:30px/1 Arial,sans-serif!important;transform:none!important;cursor:pointer;}
html body .sp-ad-gallery-modal .sp-gallery-favorite.selected {color:#e53935!important;-webkit-text-fill-color:#e53935!important;}
@media(max-width:700px){html body .sp-ad-gallery-modal #my_slides{left:5%;top:8%;width:90%;height:56%;max-width:90%!important;max-height:56%!important;}html body .sp-ad-gallery-modal #modal_nav_wrap{left:5%;right:5%;top:65%;bottom:94px;width:90%;height:auto!important;}html body .sp-ad-gallery-modal .sp-gallery-heading{display:none;}html body .sp-ad-gallery-modal #modal_nav{height:100%;}html body .sp-ad-gallery-modal #modal_nav > div:not(.modal){overflow-x:auto!important;overflow-y:hidden!important;}html body .sp-ad-gallery-modal #modal_nav .thumb_list{display:flex!important;width:max-content!important;height:100%!important;}html body .sp-ad-gallery-modal #modal_nav .thumb_list li{flex:0 0 72px;height:72px;}html body .sp-ad-gallery-modal .modal.prev{left:1%;}html body .sp-ad-gallery-modal .modal.next{left:auto;right:1%;}html body .sp-ad-gallery-modal .sp-gallery-bottom{padding:8px 14px;min-height:82px;}html body .sp-ad-gallery-modal .sp-gallery-summary img{width:44px;height:44px;}html body .sp-ad-gallery-modal .sp-gallery-summary strong,html body .sp-ad-gallery-modal .sp-gallery-summary span{font-size:12px;}html body .sp-ad-gallery-modal .sp-gallery-message{font-size:12px;padding:8px 12px;}html body .sp-ad-gallery-modal .sp-gallery-actions{gap:6px;}}

html body .sp-ad-gallery-modal .modal.prev, html body .sp-ad-gallery-modal .modal.next {box-shadow:0 3px 12px #16324e33!important;border:1px solid #edf0f3!important;}

/* Localisation indicative des annonces */
html body.sp-site-page .ad-page-bloc-infos .sp-ad-area-map {margin:22px 0 18px;padding:18px;border:1px solid #d8e3ee;border-radius:12px;background:#fff;box-shadow:0 3px 10px #1e426108;}
html body.sp-site-page .sp-ad-area-map h2 {margin:0 0 6px;color:#173b63;font:700 19px/1.35 "Roboto Regular","Noto Sans Thai",Arial,sans-serif;}
html body.sp-site-page .sp-ad-area-map-place {margin:0 0 12px;color:#50677f;font:500 15px/1.4 "Roboto Regular","Noto Sans Thai",Arial,sans-serif;}
html body.sp-site-page .sp-ad-area-map-frame {width:100%;height:280px;overflow:hidden;border:1px solid #d7e2ed;border-radius:9px;background:#f4f7fa;}
html body.sp-site-page .sp-ad-area-map-frame iframe {display:block;width:100%;height:100%;border:0;}
html body.sp-site-page .sp-ad-area-map-note {margin:12px 0 10px;color:#60738a;font:400 13px/1.5 "Roboto Regular","Noto Sans Thai",Arial,sans-serif;}
html body.sp-site-page .sp-ad-area-map-link, html body.sp-site-page .sp-ad-area-map-link:is(:hover,:focus,:active) {display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:1px solid #2477c9;border-radius:8px;background:#2477c9;color:#fff;text-decoration:none;font:700 14px/1.3 "Roboto Regular","Noto Sans Thai",Arial,sans-serif;}
@media(max-width:700px){html body.sp-site-page .ad-page-bloc-infos .sp-ad-area-map{padding:14px;margin:18px 0;}html body.sp-site-page .sp-ad-area-map-frame{height:220px;}html body.sp-site-page .sp-ad-area-map-link{width:100%;}}

/* Keep the account logout in the same desktop navigation row. */
@media (min-width:1100px){
html body.ty-capture-fixes.ty-account-private.sp-site-page.sp-modern-header .dashboard-menu>ul{flex-wrap:nowrap!important;gap:0!important}
html body.ty-capture-fixes.ty-account-private.sp-site-page.sp-modern-header .dashboard-menu>ul>li{min-width:0!important;flex:1 1 0!important;padding:0 3px!important}
html body.ty-capture-fixes.ty-account-private.sp-site-page.sp-modern-header .dashboard-menu>ul>li:last-child{flex:0 0 140px!important;align-self:center!important}
html body.ty-capture-fixes.ty-account-private.sp-site-page.sp-modern-header .dashboard-menu>ul>li>a.sp-account-logout{width:100%!important;white-space:nowrap!important}
}

/* 23 October 2026 — payment, similar listings, facts and messaging mockups. */
/* Monetary values: all amounts on checkout, including asynchronously loaded cards. */
html body.ty-capture-fixes.sp-site-page.sp-modern-header :is(.ty-step-4,.sp-checkout-page) :is(.ty-price,.ty-preview-price strong,.ty-visibility-price strong,[data-ty-charge],.ty-payment-details>div:first-child>strong,.ty-credit-totals strong,.sp-cart-item-price,.sp-cart-totals strong,.sp-pay-details>div:first-child>strong,.sp-credit-breakdown strong,.sp-credit-remaining,.price,.txt-price-premium),
html body.ty-capture-fixes.sp-site-page.sp-modern-header :is(.ty-step-4,.sp-checkout-page) :is(.ty-price,[data-ty-charge],.sp-cart-item-price,.sp-cart-totals strong,.sp-credit-breakdown strong) *{color:#000!important;-webkit-text-fill-color:#000!important}
html body.sp-site-page .ty-step-4 .ty-total-stripe{background:#edf0f3!important}
html body.sp-site-page .ty-step-4 .ty-total-stripe>div>strong{color:#000!important;-webkit-text-fill-color:#000!important}
html body.sp-site-page .ty-step-4 #ty-payment-help{display:flex;align-items:center;gap:14px;margin:7px 0 20px;padding:12px 18px;border:1px solid #ff7900;border-radius:8px;background:transparent!important;color:#ff7100!important;font-size:18px!important;font-weight:700!important;line-height:1.5!important}
html body.sp-site-page .ty-step-4 #ty-payment-help::before{content:'!';display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#ff7900;color:#fff!important;-webkit-text-fill-color:#fff!important;font:700 30px/1 Arial,sans-serif!important}

/* Three equally sized facts, using the existing icon, label and value. */
html body.sp-site-page .ad-page-bloc-infos .sp-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px;margin:24px 0 0}
html body.sp-site-page .sp-facts>.sp-fact{gap:16px;min-height:90px;padding:16px;border-radius:15px;background:#f2f6fa}
html body.sp-site-page .sp-facts .sp-fact-icon{flex:0 0 52px;width:52px;height:52px;border-radius:14px;box-shadow:none;background:#fff;color:#0875ce}
html body.sp-site-page .sp-facts .sp-fact-icon svg{width:28px;height:28px}
html body.sp-site-page .sp-facts .sp-fact-label{color:#1677cd;font-size:16px!important;line-height:1.4!important}
html body.sp-site-page .sp-facts .sp-fact-value{color:#172445;font-size:17px!important;font-weight:500!important;line-height:1.4!important}

/* Similar listings: photo, title, location/date, then seller and rating. */
html body.sp-site-page .sp-ad-similar>a.background-ads-premium{display:flex!important;flex-direction:column;align-items:stretch;gap:0;min-width:0;height:auto;padding:12px;border:1px solid #d3dce4;border-radius:12px;background:#fff;box-shadow:none;text-decoration:none}
html body.sp-site-page .sp-ad-similar>h2.icon-similar{color:#10213f;font-size:28px!important;font-weight:700!important}
html body.sp-site-page .sp-ad-similar .sp-premium-photo{position:relative;display:block!important;order:0;flex:none;width:100%;min-width:0;height:auto;margin:0;padding:0;overflow:hidden;border-radius:10px;aspect-ratio:5/3}
html body.sp-site-page .sp-ad-similar .sp-premium-photo>img{display:block;width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto;object-fit:cover;border-radius:0}
html body.sp-site-page .sp-ad-similar .bloc-premium-infos{display:block!important;order:1;width:100%;margin:0;padding:10px 0 6px;text-align:left}
html body.sp-site-page .sp-ad-similar .sp-premium-title-row{display:block;margin:0;padding:0}
html body.sp-site-page .sp-ad-similar .sp-premium-title{display:block;width:100%;margin:0 0 4px;padding:0;color:#10213f!important;font-size:20px!important;font-weight:700!important;line-height:1.3!important;white-space:normal;overflow-wrap:anywhere}
html body.sp-site-page .sp-ad-similar .sp-premium-title-desktop{display:none!important}
html body.sp-site-page .sp-ad-similar .sp-premium-title-mobile{display:block!important;font:inherit!important;color:inherit!important}
html body.sp-site-page .sp-ad-similar :is(.sp-premium-preview,.sp-premium-price,.sp-premium-pro-badge,.sp-premium-featured-label){display:none!important}
html body.sp-site-page .sp-ad-similar .sp-premium-meta{display:block;margin:0;padding:0}
html body.sp-site-page .sp-ad-similar .sp-premium-location{display:block;min-height:0;margin:0;padding:0;color:#748198!important;font-size:15px!important;font-weight:400!important;line-height:1.4!important}
html body.sp-site-page .sp-ad-similar .sp-premium-location:before{display:none!important;content:none!important}
html body.sp-site-page .sp-ad-similar .sp-premium-seller{display:flex!important;order:2;align-items:center;flex-wrap:wrap;gap:8px;width:100%;margin:0;padding:0;background:transparent}
html body.sp-site-page .sp-ad-similar .sp-premium-seller-avatar{flex:0 0 32px;width:32px;height:32px;background:#087ec7;color:#fff;font-size:18px!important;font-weight:500!important}
html body.sp-site-page .sp-ad-similar .sp-premium-seller-name{flex:0 1 auto;color:#10213f;font-size:15px!important;font-weight:700!important}
html body.sp-site-page .sp-ad-similar .sp-premium-seller-rating{gap:5px;margin:0;color:#748198;font-size:14px!important;line-height:1.3}
html body.sp-site-page .sp-ad-similar .sp-premium-seller-star{color:#ff7d15!important;font-size:23px!important;line-height:1!important}
html body.sp-site-page .sp-ad-similar .sp-premium-seller-count{font-size:14px!important;font-weight:400!important}
html body.sp-site-page .sp-ad-similar .sp-premium-photo>.sp-premium-heart{position:absolute;z-index:3;top:10px;right:10px;display:grid;place-items:center;width:42px!important;height:42px!important;margin:0;padding:0;border:0;border-radius:50%;background:#fff!important;box-shadow:none}
html body.sp-site-page .sp-ad-similar .sp-premium-photo>.sp-premium-heart:before{position:static;width:24px;height:21px;margin:0;transform:none;background-position:center 0}
html body.sp-site-page .sp-ad-similar .sp-premium-photo>.sp-premium-heart.selected:before{background-position:center -22px}
html body.sp-site-page .sp-ad-similar .sp-listing-seen:not([hidden]){position:absolute;z-index:2;right:8px;bottom:10px;display:inline-flex;align-items:center;gap:6px;margin:0;padding:7px 10px;border-radius:8px;background:#13283de6;color:#fff;font-size:15px!important;font-weight:700!important;line-height:1.2}
html body.sp-site-page .sp-ad-similar .sp-listing-seen[hidden]{display:none!important}

/* Messaging: add only the two requested notices. */
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-courtesy{display:flex;flex:none;align-items:flex-start;gap:18px;margin:0;padding:16px 20px;border-left:5px solid #0076ea;border-radius:10px;background:#e0f1ff;color:#006bdc}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-info-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;margin-top:4px;border-radius:50%;background:#0076ea;color:#fff;font:bold 32px/1 Georgia,serif!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-courtesy h2{margin:0 0 4px;padding:0;color:#006bdc;font-size:16px!important;line-height:1.4!important;font-weight:700!important;text-transform:none!important;text-align:left}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-courtesy p{margin:0;color:#006bdc;font-size:14px!important;line-height:1.5!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-safety{margin:0;padding:14px 18px 10px;border:1px solid #ff9a45;border-radius:10px;background:#fff0df;color:#0c1435}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-safety header{display:flex;align-items:center;gap:18px;margin:0 0 12px;padding:0;background:none}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-safety header svg{flex:0 0 30px;width:48px;height:52px;color:#ff6e00}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-safety h2{margin:0;padding:0;color:#ff6e00;font-size:16px!important;line-height:1.3!important;font-weight:700!important;text-transform:none!important;text-align:left}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-safety ul{display:grid;gap:3px;margin:0;padding:0;list-style:none}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-safety li{display:flex;align-items:flex-start;gap:10px;margin:0;padding:0;border:0;background:none;color:#0c1435;font-size:14px!important;line-height:1.4!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-safety li>span:first-child{flex:0 0 22px;color:#ff6e00;font-size:18px!important;line-height:1!important;font-weight:700!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-report{display:flex;align-items:center;gap:18px;margin:12px 0 0;padding:10px 0 0;border-top:1px solid #ffcfaa}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-report svg{flex:0 0 22px;width:32px;height:32px;color:#ff6e00}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-report :is(strong,a){display:block;margin:0;color:#0c1435;font-size:13px!important;line-height:1.4!important;font-weight:700!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-report a{color:#006bdc;text-decoration:underline}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-messaging-notices{margin-top:14px;clear:both}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-notices{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start;margin-left:304px}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page):not(:has(.messaging-listing)) .ty-conversation-notices{margin-left:0}
@media(max-width:1180px){html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-notices{grid-template-columns:minmax(0,1fr)}}
@media(max-width:930px){html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-notices{margin-left:0}}
@media(max-width:600px){html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-courtesy{gap:12px;padding:14px}html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-courtesy h2,html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-safety h2{font-size:20px!important}html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .ty-conversation-courtesy p{font-size:16px!important}}
@media(max-width:700px){html body.sp-site-page .ad-page-bloc-infos .sp-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body.sp-site-page .sp-facts>.sp-fact{padding:12px;gap:10px}html body.sp-site-page .sp-facts .sp-fact-icon{flex-basis:40px;width:40px;height:40px}html body.sp-site-page .ty-step-4 #ty-payment-help{padding:12px;font-size:16px!important}}
@media(max-width:480px){html body.sp-site-page .ad-page-bloc-infos .sp-facts{grid-template-columns:1fr!important}html body.sp-site-page .list-premium.sp-ad-similar{grid-template-columns:1fr!important}}


/* TY-RECTIFICATION-20261023: active stylesheet, current page markup. */
html body.ty-capture-fixes.sp-site-page .sp-home-directory nav:is([aria-labelledby="talatyai-categories"],[aria-labelledby="talatyai-provinces"]) li a{font-size:14px!important;font-weight:400!important;line-height:1.4!important;text-transform:none!important}
html body.ty-capture-fixes.sp-site-page .categories .sp-category-footer-group :is(h2,h2 a){font-size:14px!important;font-weight:400!important;line-height:1.4!important}
html body.ty-capture-fixes.sp-site-page .ty-step-4 #ty-payment-help{min-height:0!important;margin:7px 0 14px!important;padding:8px 12px!important;gap:8px!important;font-size:13px!important;font-weight:400!important;line-height:1.45!important}
html body.ty-capture-fixes.sp-site-page .ty-step-4 #ty-payment-help::before{flex:0 0 20px!important;width:20px!important;height:20px!important;font:700 16px/1 Arial,sans-serif!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .ad-page-bloc-infos .sp-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 0!important;padding:0!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-facts>.sp-fact{box-sizing:border-box!important;display:flex!important;align-items:center!important;min-width:0!important;min-height:56px!important;height:auto!important;padding:9px 10px!important;gap:8px!important;border-radius:8px!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-facts .sp-fact-icon{flex:0 0 28px!important;width:28px!important;height:28px!important;border-radius:7px!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-facts .sp-fact-icon svg{width:19px!important;height:19px!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-facts .sp-fact-text{flex:1 1 auto!important;min-width:0!important;overflow-wrap:break-word!important;word-break:normal!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-facts .sp-fact-label{display:block!important;font-size:12px!important;line-height:1.3!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-facts .sp-fact-value{display:block!important;margin-top:2px!important;font-size:13px!important;line-height:1.3!important;word-break:normal!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .list-premium.sp-ad-similar{display:grid!important;grid-column:1/-1!important;flex:0 0 100%!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:start!important;margin:24px 0 0!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar>h2.icon-similar{grid-column:1/-1!important;margin:0!important;font-size:20px!important;line-height:1.35!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar>a.background-ads-premium{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;float:none!important;min-width:0!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:10px!important;gap:0!important;border:1px solid #d3dce4!important;border-radius:10px!important;background:#fff!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-photo{order:0!important;position:relative!important;flex:none!important;box-sizing:border-box!important;display:block!important;width:100%!important;height:auto!important;margin:0!important;aspect-ratio:5/3!important;overflow:hidden!important;border-radius:8px!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-photo>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:0!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .bloc-premium-infos{order:1!important;box-sizing:border-box!important;width:100%!important;margin:0!important;padding:10px 0 8px!important;text-align:left!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-title{margin:0 0 4px!important;padding:0!important;color:#10213f!important;font-size:16px!important;font-weight:700!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:break-word!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-location{margin:0!important;padding:0!important;font-size:13px!important;line-height:1.4!important;white-space:normal!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-seller{order:2!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:7px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:28px!important;margin:0!important;padding:0!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-seller-avatar{display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;border-radius:50%!important;font-size:15px!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-seller-name{flex:0 1 auto!important;min-width:0!important;max-width:none!important;margin:0!important;font-size:16px!important;font-weight:700!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-seller-rating{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;flex-wrap:nowrap!important;gap:4px!important;width:auto!important;margin:0!important;padding:0!important;font-size:13px!important;line-height:1.3!important;white-space:nowrap!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-seller-star{font-size:20px!important;line-height:1!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-seller-count{font-size:13px!important;line-height:1.3!important;white-space:nowrap!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-photo>.sp-premium-heart{top:8px!important;right:8px!important;width:34px!important;height:34px!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-listing-seen:not([hidden]){right:8px!important;bottom:8px!important;margin:0!important;padding:5px 8px!important;font-size:12px!important;line-height:1.2!important}
@media(max-width:900px){html body.ty-capture-fixes.sp-site-page .ad-page-container .list-premium.sp-ad-similar{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){html body.ty-capture-fixes.sp-site-page .ad-page-container .ad-page-bloc-infos .sp-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){html body.ty-capture-fixes.sp-site-page .ad-page-container .list-premium.sp-ad-similar{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:380px){html body.ty-capture-fixes.sp-site-page .ad-page-container .ad-page-bloc-infos .sp-facts{grid-template-columns:minmax(0,1fr)!important}}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-photo>.sp-premium-heart::before{position:absolute!important;display:block!important;top:50%!important;left:50%!important;width:24px!important;height:21px!important;margin:0!important;transform:translate(-50%,-50%)!important;background-position:center top!important;background-size:24px 42px!important}
html body.ty-capture-fixes.sp-site-page .ad-page-container .sp-ad-similar .sp-premium-photo>.sp-premium-heart.selected::before{background-position:center bottom!important}

/* Account controls use the same 40px height and 13px type as the deposit button. */
html body.ty-capture-fixes.sp-site-page{--ty-account-control-height:40px;--ty-account-control-width:198px;--ty-account-control-font:13px}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-toolbar{gap:10px!important;flex-wrap:wrap!important;align-items:center!important}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-bulk{width:var(--ty-account-control-width)!important;max-width:100%!important;min-height:0!important}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-bulk input[type="submit"],html body.ty-capture-fixes.sp-site-page .ty-dashboard-summary>.ty-dashboard-summary-card>p>a,html body.ty-capture-fixes.sp-site-page #form-post-comment input[type="submit"]{box-sizing:border-box!important;width:var(--ty-account-control-width)!important;max-width:100%!important;height:var(--ty-account-control-height)!important;min-height:var(--ty-account-control-height)!important;margin-top:0!important;padding:8px 12px!important;font-size:var(--ty-account-control-font)!important;line-height:1.3!important;border-radius:7px!important}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-bulk input[type="submit"]{width:100%!important;padding-left:36px!important}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-bulk svg{left:12px!important;width:18px!important;height:18px!important}
html body.ty-capture-fixes.sp-site-page .ty-dashboard-summary>.ty-dashboard-summary-card>p>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
html body.ty-capture-fixes.sp-site-page .ty-dashboard-summary .ty-dashboard-credit-button-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-select-all{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-height:0!important}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-select-all input[type="checkbox"]{display:block!important;position:static!important;appearance:auto!important;opacity:1!important;box-sizing:border-box!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:0!important;padding:0!important;clip:auto!important;clip-path:none!important;accent-color:#ff7900}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-select-all label{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-select-all label::before,html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-select-all label::after{display:none!important;content:none!important}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-sort .sp-modern-select{width:230px!important;max-width:100%!important}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-sort .sp-modern-select-trigger{height:40px!important;min-height:40px!important;padding:8px 12px!important;font-size:13px!important;line-height:1.3!important}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-sort .sp-modern-select-panel{width:max(100%,320px)!important;max-width:calc(100vw - 32px)!important;background:#fff!important;padding:6px!important}
html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-sort .sp-modern-select-option{min-height:34px!important;padding:7px 9px!important;font-size:13px!important;line-height:1.4!important}
html body.ty-capture-fixes.sp-site-page .ty-dashboard-sort .sp-modern-select-empty[hidden]{display:none!important}

/* Required rating, optional comment: native radios remain focusable. */
html body.ty-capture-fixes.sp-site-page #form-post-comment .rating-form{display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;height:28px!important;direction:rtl}
html body.ty-capture-fixes.sp-site-page #form-post-comment .rating-form .ty-review-star{position:relative!important;display:block!important;flex:0 0 24px!important;width:24px!important;height:28px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;cursor:pointer}
html body.ty-capture-fixes.sp-site-page #form-post-comment .rating-form .ty-review-star::before,html body.ty-capture-fixes.sp-site-page #form-post-comment .rating-form .ty-review-star::after{display:none!important;content:none!important}
html body.ty-capture-fixes.sp-site-page #form-post-comment .ty-review-star input[type="radio"]{position:absolute!important;display:block!important;opacity:0!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;clip-path:inset(50%)!important}
html body.ty-capture-fixes.sp-site-page #form-post-comment .ty-review-star span{display:block!important;width:24px!important;height:28px!important;margin:0!important;padding:0!important;background:none!important;color:#b7bec6!important;font:26px/28px Arial,sans-serif!important;direction:ltr}
html body.ty-capture-fixes.sp-site-page #form-post-comment .ty-review-star.actif span,html body.ty-capture-fixes.sp-site-page #form-post-comment .ty-review-star:has(input:checked) span,html body.ty-capture-fixes.sp-site-page #form-post-comment .ty-review-star:hover span,html body.ty-capture-fixes.sp-site-page #form-post-comment .ty-review-star:hover~.ty-review-star span{color:#ffbf00!important}
html body.ty-capture-fixes.sp-site-page #form-post-comment .ty-review-star:focus-within{outline:2px solid #2477c9;outline-offset:2px;border-radius:3px}
html body.ty-capture-fixes.sp-site-page #form-post-comment .rating-form.form-error{outline:1px solid #c33;outline-offset:5px}

/* Messaging notices stay in their owning columns; the summary may grow. */
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-conversation-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;align-items:start!important;gap:20px!important;width:100%!important;min-width:0!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) :is(.lcm-conversation-main,.lcm-conversation-summary){box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;height:auto!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card{height:auto!important;min-height:0!important;padding:16px!important;overflow:visible!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card :is(p,h3,h4){overflow-wrap:break-word!important;word-break:normal!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card>h2{white-space:normal!important;font-size:14px!important;line-height:1.4!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card>.ty-conversation-safety{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:16px 0 0!important;padding:14px 12px!important;text-align:center}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card .ty-conversation-safety header{justify-content:center!important;gap:8px!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card .ty-conversation-safety h2{text-align:center!important;font-size:15px!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card .ty-conversation-safety header svg{flex:0 0 24px!important;width:24px!important;height:28px!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card .ty-conversation-safety li{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;align-items:start!important;gap:7px!important;margin-bottom:8px!important;font-size:13px!important;line-height:1.45!important;text-align:left!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card .ty-conversation-safety li>span:first-child{margin:0!important;font-size:15px!important;line-height:1.25!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-conversation-main>.ty-conversation-courtesy{box-sizing:border-box!important;width:100%!important;margin:14px 0 0!important;padding:14px!important;gap:12px!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-conversation-main>.ty-conversation-courtesy p{font-size:13px!important;line-height:1.5!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-conversation-main>.ty-conversation-courtesy h2{font-size:14px!important;line-height:1.4!important}
@media(min-width:932px){
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .messaging-container{height:auto!important;overflow:visible!important;padding:0!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .messaging-container>div:has(.messaging-listing){display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:20px!important;align-items:start!important;width:100%!important;left:0!important;transform:none!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .messaging-listing{box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important;padding:10px!important;align-self:stretch!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .messaging-conversation-container{width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
}
@media(max-width:1100px){html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-conversation-layout{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:760px){html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-sort .sp-modern-select,html body.ty-capture-fixes.sp-site-page .sp-dashboard-results .ty-dashboard-sort .sp-modern-select-panel{width:100%!important;max-width:100%!important}}

/* One font size for directory links and a thin shared footer separator. */
html body.ty-capture-fixes.sp-site-page :is(.categories .sp-category-footer-group h2,.categories .sp-category-footer-group h2 a,.sp-province-footer-list>a){font-size:14px!important;font-weight:400!important;line-height:1.4!important;text-transform:none!important;letter-spacing:normal!important}
html body.ty-capture-fixes.sp-site-page .sp-category-footer{border-bottom:0!important}
html body.ty-capture-fixes.sp-site-page .sp-province-footer{border-top:1px solid #d4dce4!important;padding-top:16px!important}
html body.ty-capture-fixes.sp-site-page .sp-home-directory nav+nav{border-top:1px solid #d4dce4!important;padding-top:16px!important;margin-top:16px!important}
html body.ty-capture-fixes.sp-site-page footer.footer.sp-footer-v2{border-top:1px solid #d4dce4!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-conversation-layout{height:auto!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-conversation-main>.messaging-conversation{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-conversation-main .conversation-content{flex:0 0 auto!important;height:clamp(260px,45vh,440px)!important;min-height:260px!important;max-height:440px!important;overflow-y:auto!important}
@media(min-width:932px){html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .messaging-container>div{height:auto!important}html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .messaging-listing{height:auto!important;min-height:100%!important}}

html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card .ty-conversation-report{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:start!important;gap:8px!important;text-align:left!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card .ty-conversation-report svg{width:20px!important;height:24px!important;margin:0!important}
html body.ty-capture-fixes.sp-site-page .forms.messaging:not(.lcm-contact-page) .lcm-ad-summary-card .ty-conversation-report :is(strong,a){display:block!important;text-align:left!important;font-size:13px!important;line-height:1.45!important;overflow-wrap:normal!important}

/* Compact totals; the VAT row keeps its existing typography. */
html body.sp-site-page .ty-step-4 .ty-total-stripe>strong{font-size:17px!important}
html body.sp-site-page .ty-step-4 .ty-total-stripe>div>strong{font-size:20px!important}
html body.sp-site-page .sp-ad-reviews .sp-shop-comments-empty{border:0!important}
@media(min-width:961px){
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>:is(a.ring,a.selection,a.connexion.sp-header-login),
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>:is(a.ring,a.selection,a.connexion.sp-header-login):is(:visited,:hover,:focus,:focus-visible,:active){box-sizing:border-box!important;height:52px!important;min-height:52px!important;max-height:52px!important;padding:34px 0 0!important;align-items:center!important;justify-content:flex-end!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>a.ring{flex-basis:94px!important;width:94px!important;min-width:94px!important;max-width:94px!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>a.connexion.sp-header-login,
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>a.connexion.sp-header-login:is(:visited,:hover,:focus,:focus-visible,:active){flex-basis:88px!important;width:88px!important;min-width:88px!important;max-width:88px!important}
 html body.ty-capture-fixes.sp-site-page.sp-modern-header header#ty-site-header.header .header-links .menu>a.connexion.sp-header-login>span{font-size:12px!important;line-height:1.2!important;height:14.4px!important;min-height:14.4px!important;max-width:88px!important}
}

/* Match the seller control height before and after select enhancement. */
html body.sp-site-page .sp-listing-summary-sellers>select:not(.sp-native-select-hidden){height:52px!important;min-height:52px!important}

/* Cookie preference switches use the site's orange when enabled. */
#cookie-manager-box.dialog-box .radio-slide-container .radio-slide-background.selected {background:#f58220;}

/* 27 October: keep gallery controls inside the large-photo area, clear of thumbnails. */
html body .sp-ad-gallery-modal .modal.prev,
html body .sp-ad-gallery-modal .modal.next {
  box-sizing:border-box!important;top:calc(50% - 55px)!important;
  width:44px!important;height:44px!important;min-width:44px!important;
  margin:0!important;transform:none!important;right:auto!important;
}
html body .sp-ad-gallery-modal .modal.prev {left:calc(5% + 8px)!important;}
html body .sp-ad-gallery-modal .modal.next {left:calc(72% - 52px)!important;}

@media(max-width:700px){
  /* Category navigation is hidden; category inputs in forms remain available. */
  html body.sp-site-page :is(#ty-home-nav,.sp-category-navigation,.sp-home-featured-categories,.sp-home-category-navigation,.sp-category-footer,.sp-mobile-nav-categories),
  html body.sp-site-page .sp-home-directory nav[aria-labelledby="talatyai-categories"] {display:none!important;}

  /* Same account grid for private and professional accounts: logout below invoices. */
  html body.sp-site-page.sp-modern-header .dashboard-menu>ul {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
  html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li[data-account-item="home"] {grid-area:1 / 1!important;}
  html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li[data-account-item="search"] {grid-area:1 / 2!important;}
  html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li[data-account-item="heart"] {grid-area:1 / 3!important;}
  html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li[data-account-item="user"] {grid-area:2 / 1!important;}
  html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li[data-account-item="coins"] {grid-area:2 / 2!important;}
  html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li[data-account-item="invoice"] {grid-area:2 / 3!important;}
  html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li[data-account-item="shop"] {grid-area:3 / 2!important;}
  html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li[data-lcm="global-notification"] {grid-area:3 / 1!important;}
  html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li.sp-account-logout-item {grid-area:3 / 3!important;min-width:0!important;max-width:100%!important;padding:0!important;}
  html body.sp-site-page.sp-modern-header .dashboard-menu>ul>li>a.sp-account-logout {box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:10px 5px!important;font-size:12px!important;white-space:normal!important;}

  html body .sp-ad-gallery-modal .modal.prev,
  html body .sp-ad-gallery-modal .modal.next {top:calc(36% - 22px)!important;}
  html body .sp-ad-gallery-modal .modal.next {left:auto!important;right:calc(5% + 8px)!important;}
}

@media(max-width:760px){
  /* Reset inherited form widths/floats that squeezed the help text into a column. */
  html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help {float:none!important;width:100%!important;min-width:0!important;max-width:100%!important;}
  html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-benefit {box-sizing:border-box!important;float:none!important;width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important;margin:20px 0 0!important;}
  html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-benefit>span {position:static!important;inset:auto!important;grid-area:1 / 1!important;width:48px!important;height:48px!important;min-width:48px!important;float:none!important;}
  html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-benefit>div {grid-area:1 / 2!important;float:none!important;width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;}
  html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-benefit :is(h2,p) {width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;}
  html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-info-box>div {float:none!important;flex:1 1 0!important;min-width:0!important;width:auto!important;}
  html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad .ty-category-help .ty-info-box {width:100%!important;max-width:100%!important;padding:16px!important;gap:12px!important;}

  /* Only uploaded photos plus the next Add photo tile are visible on phones. */
  html body.sp-site-page #form-ad.sp-deposit-form .uploader-container>.upload.ty-photo-slot-unused {display:none!important;}
  html body.sp-site-page .ty-reference-page #form-ad .ty-photos-card .upload {flex:0 0 calc((100% - 12px)/2)!important;width:calc((100% - 12px)/2)!important;}
}


/* Compact listing pagination. */
html body.ty-capture-fixes.sp-site-page .listing-pagination {
    display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;
}
html body.ty-capture-fixes.sp-site-page .listing-pagination a:not(.pagination-arrow),
html body.ty-capture-fixes.sp-site-page .listing-pagination .not-selected:not(.pagination-arrow) {
    box-sizing:border-box!important;width:32px!important;height:32px!important;
    min-width:32px!important;min-height:32px!important;max-height:32px!important;
    padding:0!important;font-size:14px!important;line-height:1!important;
}
html body.ty-capture-fixes.sp-site-page .listing-pagination .pagination-arrow {
    box-sizing:border-box!important;width:32px!important;height:32px!important;
    min-width:32px!important;min-height:32px!important;font-size:22px!important;line-height:1!important;
}
html body.ty-capture-fixes.sp-site-page .listing-pagination .pagination-arrow.not-selected {opacity:.35!important;}
html body.ty-capture-fixes.sp-site-page .ty-step-4 #ty-payment-help,
html body.ty-capture-fixes.sp-site-page :is(#billing-terms-help,#payment-terms-help,.ty-step-4 .ty-terms-help) {
    box-sizing:border-box;display:block;position:relative;margin:8px 0 18px!important;padding:10px 14px 10px 46px!important;
    border:1px solid #ff7a00!important;border-radius:8px;background:transparent!important;
    color:#e66a00!important;text-align:left;line-height:1.5;overflow-wrap:anywhere;
}
html body.ty-capture-fixes.sp-site-page .ty-step-4 #ty-payment-help::before,
html body.ty-capture-fixes.sp-site-page :is(#billing-terms-help,#payment-terms-help,.ty-step-4 .ty-terms-help)::before {
    content:"!";position:absolute!important;left:14px!important;top:50%!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;width:20px!important;height:20px!important;flex:0 0 20px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:50%;
    background:#ff7a00;color:#fff!important;-webkit-text-fill-color:#fff!important;
    font:700 15px/20px Arial,Helvetica,sans-serif!important;text-align:center!important;text-indent:0!important;
    transform:translateY(-50%)!important;
}


/* PromptPay: explicit fourth step, compact full-width payment actions. */
html body.ty-capture-fixes.sp-site-page :is(.sp-payment-choice,.ty-step-4 .ty-payment-card) {container-type:inline-size;}
html body.ty-capture-fixes.sp-site-page .ty-promptpay-confirm-step {
    display:flex;align-items:center;gap:10px;min-width:0;margin:14px 0 0;padding:12px 0 0;
    border-top:1px solid #e6eaee;text-align:left;
}
html body.ty-capture-fixes.sp-site-page .ty-promptpay-confirm-number {
    display:grid;place-items:center;flex:none;width:26px;height:26px;
    border-radius:50%;background:#eaf1f8;color:#194d7b;font-size:16px;font-weight:700;
}
html body.ty-capture-fixes.sp-site-page .ty-promptpay-confirm-step>p {
    flex:1;min-width:0;margin:0;padding:8px 10px;color:#263447;
    border:1px solid #ff9a34;border-radius:6px;background:#ffcf8b;
    font:700 16px/1.7 "Roboto Regular","Noto Sans Thai",Arial,sans-serif;
    text-align:left;overflow-wrap:break-word;
}
html body.ty-capture-fixes.sp-site-page .ty-promptpay-confirm-step>p>span {
    display:block;color:inherit;font:inherit;
}
html body.ty-capture-fixes.sp-site-page .ty-promptpay-confirm-step>p>span:last-child {
    text-align:center;
}
html body.ty-capture-fixes.sp-site-page .ty-step-4 .ty-promptpay-verification {
    margin:12px 0 0;padding:0;color:#4e5b68;font-size:14px;line-height:1.5;
}
html body.ty-capture-fixes.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-choice-action :is(.sp-button-prompt,.sp-button-credit),
html body.ty-capture-fixes.sp-site-page .ty-step-4 #ty-payment-methods#ty-payment-methods#ty-payment-methods .ty-payment-button {
    box-sizing:border-box!important;display:flex!important;align-items:center;justify-content:center;gap:8px;
    width:100%!important;min-width:0!important;max-width:none!important;
    height:44px!important;min-height:44px!important;margin:0!important;padding:10px 14px!important;
    font:700 14px/1.3 "Roboto Regular","Noto Sans Thai",Arial,sans-serif!important;
    border-radius:6px;white-space:normal;text-align:center;
}
html body.ty-capture-fixes.sp-site-page :is(.sp-choice-action,.ty-step-4 .ty-payment-card>form,.ty-step-4 .ty-credit-action) {width:100%;}
html body.ty-capture-fixes.sp-site-page :is(.sp-button-prompt,.sp-button-credit,.ty-step-4 .ty-payment-button)>svg {
    flex:none;width:17px!important;height:17px!important;
}
html body.ty-capture-fixes.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #billing-result #edit-billing {
    box-sizing:border-box!important;width:auto!important;max-width:none!important;
    min-height:44px!important;height:44px!important;padding:10px 16px!important;
    font:700 14px/1.3 "Roboto Regular","Noto Sans Thai",Arial,sans-serif!important;
    white-space:nowrap!important;border-radius:6px!important;
}
@media(max-width:700px) {
    html body.ty-capture-fixes.sp-site-page .ty-promptpay-confirm-step {align-items:flex-start;}
    html body.ty-capture-fixes.sp-site-page .ty-promptpay-confirm-step>p {font-size:16px;}
    html body.ty-capture-fixes.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #billing-result #edit-billing {
        width:100%!important;max-width:100%!important;font-size:13px!important;padding:10px 8px!important;
    }
}
@media(max-width:360px) {
    html body.ty-capture-fixes.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup #billing-result #edit-billing {height:auto!important;white-space:normal!important;}
}


/* PromptPay readability: bank examples, amount and the confirmation above the button. */
html body.ty-capture-fixes.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-pay-step:first-child>div>small {
    box-sizing:border-box;width:calc(100% + 35px);margin-left:-35px;white-space:nowrap;
    font-size:12px;font-weight:700;color:#194d7b;line-height:1.5;
}
html body.ty-capture-fixes.sp-site-page .ty-step-4 .ty-pay-steps>li:first-child>div>small {
    box-sizing:border-box;width:calc(100% + 41px);margin-left:-41px;white-space:nowrap;
    font-size:12px;font-weight:700;color:#194d7b;line-height:1.5;
}
html body.ty-capture-fixes.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-pay-details>div:first-child>strong,
html body.ty-capture-fixes.sp-site-page .ty-step-4 .ty-payment-details>div:first-child>strong {
    font-size:20px!important;font-weight:700;
}
html body.ty-capture-fixes.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-choice-action>.sp-verification,
html body.ty-capture-fixes.sp-site-page .ty-step-4 form>.ty-promptpay-verification {
    width:100%;margin:0 0 10px;padding:0;text-align:center!important;
    font-size:14px;font-weight:700!important;line-height:1.5;color:#4e5b68;
}


/* Corrections limited to the nine supplied mobile captures (2026-10-27). */
html body.ty-capture-fixes.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-pay-step:first-child>div,
html body.ty-capture-fixes.sp-site-page .ty-step-4 .ty-pay-steps>li:first-child>div{flex:1!important;min-width:0!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad #ad_photo_pack_button>.ty-photo-pack-icon{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;margin:0!important;padding:0!important;transform:none!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad .ty-deposit-next>span{position:static!important;display:inline-flex!important;margin:0!important;padding:0!important;font-size:20px!important;line-height:1!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad .ty-price-input{position:relative!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad .ty-price-input>input{box-sizing:border-box!important;width:100%!important;margin:0!important;padding-right:52px!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad .ty-price-input>.ty-currency{display:flex!important;position:absolute!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;top:1px!important;right:1px!important;bottom:1px!important;width:46px!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid #d2ddea!important;border-radius:0 6px 6px 0!important;background:#f5f6f8!important;pointer-events:none}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad .ty-photo-heading{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 12px!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad .ty-photo-heading .ty-panel-title{flex:1 1 230px!important;min-width:0!important;margin:0!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad #ty-photo-count{position:static!important;flex:0 0 auto!important;margin-left:auto!important;white-space:nowrap!important;line-height:1.4!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad #ad_photo_pack_button{display:flex;flex-direction:row!important;align-items:center!important;box-sizing:border-box!important;height:auto!important;min-height:0!important;padding:16px!important;gap:14px!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad #ad_photo_pack_button>.ty-photo-pack-action{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;order:3!important;flex:0 0 auto!important;width:auto!important;height:auto!important;min-height:44px!important;margin:0 0 0 auto!important;padding:12px 16px!important;transform:none!important;white-space:nowrap!important;text-align:center!important;line-height:1.3!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page.ty-step-2 #form-ad#form-ad#form-ad>.ty-deposit-actions{padding-right:0!important;align-items:center!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad .ty-deposit-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;white-space:nowrap!important}
html body.ty-capture-fixes.sp-site-page .ty-dashboard-summary>.ty-dashboard-summary-credit{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}
html body.ty-capture-fixes.sp-site-page .ty-dashboard-summary>.ty-dashboard-summary-credit>.ty-dashboard-credit-action{grid-column:1/-1!important;display:flex!important;justify-content:center!important;width:100%!important;margin:8px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
html body.ty-capture-fixes.sp-site-page .ty-dashboard-summary .ty-dashboard-credit-action>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;max-width:100%!important;min-height:38px!important;gap:7px!important;margin:0!important;padding:8px 12px!important;border:1px solid #0084e9!important;border-radius:8px!important;background:#0084e9!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px!important;line-height:1.4!important;text-decoration:none!important}
html body.ty-capture-fixes.sp-site-page .sp-shop-reviews-popup .sp-popup-close{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font:400 32px/1 Arial,sans-serif!important}
html body.ty-capture-fixes.sp-site-page .payment-container.sp-checkout-page.sp-checkout-mockup .sp-pay-step:first-child>div>small,
html body.ty-capture-fixes.sp-site-page .ty-step-4 .ty-pay-steps>li:first-child>div>small{text-align:center!important;white-space:normal!important;overflow-wrap:break-word!important}
@media(max-width:760px){
 html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad .ty-photo-heading .ty-panel-title{flex-basis:100%!important}
 html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad #ad_photo_pack_button{flex-wrap:wrap!important}
 html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad #ad_photo_pack_button>.ty-photo-pack-action{flex-basis:100%!important;width:100%!important;margin:0!important}
 html body.ty-capture-fixes.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;overflow:visible!important}
 html body.ty-capture-fixes.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-search{grid-column:1/-1!important;min-width:0!important;width:100%!important}
 html body.ty-capture-fixes.sp-site-page .search-results-container .sp-listing-summary .sp-listing-summary-filter{grid-column:2!important;justify-self:stretch!important;width:100%!important;min-width:0!important;margin-left:auto!important}
}
@media(max-width:700px){
 html body.ty-capture-fixes.sp-site-page .sp-invoice-row>.sp-invoice-number{text-align:right!important;justify-self:end!important}
}


/* Latest annotated captures: photo counter and PromptPay instructions only. */
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad .ty-photo-add-label>#ty-photo-count{position:static!important;display:block!important;flex:none!important;order:0!important;width:100%!important;height:auto!important;margin:4px 0!important;padding:0!important;text-align:center!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important;white-space:normal!important;color:#102452!important}
html body.ty-capture-fixes.sp-site-page .ty-promptpay-confirm-step>p,
html body.ty-capture-fixes.sp-site-page .ty-promptpay-confirm-step>p>span{box-sizing:border-box!important;text-align:center!important;text-indent:0!important}
html body.ty-capture-fixes.sp-site-page .ty-promptpay-confirm-step>p>span{display:block!important;width:100%!important;margin:0!important;padding:0!important}
html body.ty-capture-fixes.sp-site-page .ty-promptpay-confirm-step>p>span+span{margin-top:4px!important}
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad #ad_photo_pack_button>div>h3,
html body.ty-capture-fixes.sp-site-page .ty-reference-page #form-ad#form-ad#form-ad #ad_photo_pack_button>div>p{text-align:center!important}

/* Make seller names readable without enlarging ratings or location text. */
html body.sp-site-page main.sp-site-surface .sp-ad-card-seller>strong,
html body.sp-site-page main.sp-site-surface .sp-premium-seller-name{
  font-size:16px!important;font-weight:700!important;line-height:1.3!important;
}
html body.sp-site-page .ad-page-container .sp-ad-seller-bar .sp-ad-seller-name,
html body.sp-site-page .ad-page-container .ad-page-bloc-infos.contact .name-contact,
html body.sp-site-page .ad-page-container .ad-page-bloc-infos.contact .sp-ad-pro-brand{
  font-size:20px!important;font-weight:700!important;line-height:1.3!important;
}
/* The See all link and its arrow no longer gain an underline on hover. */
html body.sp-site-page.sp-home-page .index-container :is(.sp-home-section-heading>a,.sp-home-latest-all),
html body.sp-site-page.sp-home-page .index-container :is(.sp-home-section-heading>a,.sp-home-latest-all):is(:hover,:focus,:active),
html body.sp-site-page.sp-home-page .index-container :is(.sp-home-section-heading>a,.sp-home-latest-all) *{
  text-decoration:none!important;
}

/* Requested colour exceptions; button geometry stays with its existing component. */
html body.sp-site-page :is(.sp-listing-summary-save,.ty-deposit-back,.ty-promptpay-button,.sp-button-prompt),
html body.sp-site-page.sp-home-page header.header .sp-header-search button[type="submit"] {
  --ty-primary-action-color:#2477c9;
}
/* Centre only the existing primary-photo label. */
html body.sp-site-page .ty-reference-page #form-ad .ty-photos-card .ty-photo-main::after {
  left:50%!important;
  width:max-content!important;
  transform:translateX(-50%)!important;
}

/* ===== footer-directory.css ===== */
/* Load the final directory layout before the first paint. */
.sp-footer-v2{background:#484848!important;color:#fff!important;padding-top:0!important}
.sp-footer-v2 .sp-footer-shell{display:grid!important;grid-template-columns:minmax(220px,1.25fr) repeat(4,minmax(0,1fr))!important;gap:32px!important;max-width:1280px;width:calc(100% - 48px);margin:0 auto;padding:48px 0 36px!important}
.sp-footer-v2 .sp-footer-brand,.sp-footer-v2 .sp-footer-links{width:auto!important;min-width:0;margin:0!important;padding:0!important;border:0!important}
.sp-footer-v2 .sp-footer-logo{color:#ff7a19!important;font-size:42px!important;font-weight:800;text-decoration:none;line-height:1.2}
.sp-footer-v2 .sp-footer-logo span{color:#fff!important}
.sp-footer-v2 .sp-footer-tagline{color:#eee!important;max-width:220px;font-size:15px;line-height:1.65;margin:20px 0}
.sp-footer-v2 .sp-footer-socials{display:flex!important;justify-content:flex-start!important;align-items:center;gap:12px;margin:22px 0 0!important}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-socials > a{display:flex!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;line-height:1!important;aspect-ratio:1;overflow:hidden}
body.sp-site-page .footer.sp-footer-v2 .sp-footer-socials > a svg{display:block;flex:none;width:22px!important;height:22px!important;margin:0!important}
body.sp-modern-header .sp-header-main .dashboard-menu-mobile{display:none!important}
.sp-footer-v2 .sp-footer-links h2{color:#fff!important;font-size:17px!important;font-weight:700;line-height:1.5;margin:4px 0 12px!important;padding:0!important;border:0!important;background:none!important}
.sp-footer-v2 .sp-footer-links h2::after{content:"";display:block;width:32px;height:3px;background:#ee8431;margin-top:8px}
.sp-footer-v2 .sp-footer-links ul{display:block!important;list-style:none;margin:0!important;padding:0!important;gap:0!important}
.sp-footer-v2 .sp-footer-links li{margin:0 0 4px!important;padding:0!important;font-size:14px!important;line-height:1.5!important}
.sp-footer-v2 .sp-footer-links a{display:block;color:#eee!important;font-size:14px!important;line-height:1.5;padding:0!important;text-decoration:none}
.sp-footer-v2 a:hover,.sp-footer-v2 a:focus-visible{color:#ff9b51!important;text-decoration:underline}
.sp-footer-v2 .sp-footer-bottom{background:transparent!important;border-top:1px solid #ffffff30!important;margin:0!important;padding:0!important}
.sp-footer-v2 .sp-footer-bottom-inner{display:block!important;text-align:center;padding:18px 24px!important}
.sp-footer-v2 .sp-footer-copyright{margin:0!important;color:#ddd!important;font-size:13px!important;line-height:1.6}
.sp-footer-v2 .sp-footer-copyright a{color:inherit!important}
.sp-home-directory{max-width:1280px;width:calc(100% - 48px);margin:36px auto;padding:28px 0;border-top:1px solid #e5e5e5;color:#3b3b3b}
.sp-home-directory h2{font-size:20px;line-height:1.4;margin:0 0 18px;color:#333}
.sp-home-directory nav+nav{margin-top:28px}
.sp-home-directory ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 24px}
.sp-home-directory a{display:inline-block;color:#505050;font-size:14px;line-height:1.5;text-decoration:none}
.sp-home-directory a:hover,.sp-home-directory a:focus-visible{color:#dc650c;text-decoration:underline}
@media(max-width:1050px){.sp-footer-v2 .sp-footer-shell{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important}.sp-footer-v2 .sp-footer-brand{grid-column:1/-1}.sp-home-directory ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.sp-footer-v2 .sp-footer-shell{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% - 32px);padding:32px 0!important;gap:26px 20px!important}.sp-footer-v2 .sp-footer-logo{font-size:36px!important}.sp-footer-v2 .sp-footer-tagline{max-width:100%}.sp-home-directory{width:calc(100% - 32px);margin:24px auto;padding:22px 0}.sp-home-directory ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}}
@media(max-width:360px){.sp-footer-v2 .sp-footer-shell{grid-template-columns:minmax(0,1fr)!important}.sp-footer-v2 .sp-footer-brand{grid-column:auto}.sp-home-directory ul{grid-template-columns:minmax(0,1fr)}}

/* TALATYAI FOOTER RESPONSIVE START */
/* Footer responsive fix. */
body.sp-site-page footer.footer.sp-footer-v2 {
  width:100%!important; max-width:none!important; box-sizing:border-box;
  margin:0!important; padding:0!important; background:#484848!important;
}
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-shell {
  display:grid!important; grid-template-columns:minmax(220px,1.25fr) repeat(4,minmax(0,1fr))!important;
  width:var(--ty-col,calc(100% - 48px))!important; max-width:none!important;
  box-sizing:border-box!important; margin:0 auto!important;
  padding:36px 0 28px!important; gap:24px!important; align-items:start;
}
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-brand,
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-links {
  width:auto!important; max-width:none!important; min-width:0!important;
  box-sizing:border-box!important; float:none!important; margin:0!important;
  padding:0!important; border:0!important;
}
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-links {
  align-self:stretch; border-left:1px solid #ffffff30!important; padding-left:24px!important;
}
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-links h2 {
  white-space:normal!important; overflow-wrap:anywhere; line-height:1.4!important;
}
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-links a {
  white-space:normal!important; overflow-wrap:anywhere;
}
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-bottom {
  display:block!important; width:100%!important; max-width:none!important;
  min-width:0!important; float:none!important; clear:both;
  columns:auto!important; column-count:1!important; column-gap:normal!important;
  margin:0!important; padding:0!important; border:0!important;
}
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-bottom-inner {
  display:block!important; grid-template-columns:none!important; float:none!important;
  columns:auto!important; column-count:1!important; column-gap:normal!important;
  width:var(--ty-col,calc(100% - 48px))!important; max-width:none!important; min-width:0!important;
  box-sizing:border-box!important; margin:0 auto!important; padding:18px 0!important;
  border-top:1px solid #ffffff30!important; text-align:left!important;
}
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-copyright {
  display:block!important; width:100%!important; max-width:none!important;
  min-width:0!important; float:none!important; box-sizing:border-box!important;
  margin:0!important; padding:0!important; text-align:left!important;
  white-space:normal!important; overflow-wrap:break-word;
}
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-copyright a {
  display:inline!important; width:auto!important;
}
@media(max-width:1050px) {
  body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-shell {
    grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:24px!important;
  }
  body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-brand {grid-column:1/-1!important;}
  body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-links {
    border-left:0!important; padding-left:0!important;
  }
}
@media(max-width:600px) {
  body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-shell {
    grid-template-columns:minmax(0,1fr)!important; width:calc(100% - 32px)!important;
    padding:28px 0 24px!important; gap:24px!important;
  }
  body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-brand {grid-column:1!important;}
  body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-links {
    grid-column:1!important; width:100%!important;
  }
  body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-bottom-inner {
    width:calc(100% - 32px)!important; padding:16px 0!important;
  }
}


@media(max-width:600px){body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-shell > nav.sp-footer-links:nth-of-type(2){display:none!important;}}
@media(max-width:600px){body.sp-site-page nav[aria-labelledby="talatyai-provinces"]{display:none!important;}}
/* Compact category and province directory on all screens. */
body.sp-site-page section.sp-home-directory{margin-top:20px!important;margin-bottom:20px!important;padding-top:18px!important;padding-bottom:18px!important;}
body.sp-site-page section.sp-home-directory nav+nav{margin-top:14px!important;}
body.sp-site-page section.sp-home-directory h2{margin-bottom:6px!important;}
body.sp-site-page section.sp-home-directory ul{row-gap:2px!important;column-gap:20px!important;}
body.sp-site-page section.sp-home-directory li{margin:0!important;padding:0!important;line-height:1.4!important;}
body.sp-site-page section.sp-home-directory li a{display:block!important;margin:0!important;padding:0!important;line-height:1.4!important;}
/* Desktop directory headings and separation. */
@media(min-width:701px){

body.sp-site-page section.sp-home-directory nav+nav{margin-top:24px!important;}
}
body.sp-site-page section.sp-home-directory h2{display:none!important;}
/* Mobile: remove stacked spacing between viewed ads and categories. */
@media(max-width:600px){
body.sp-home-page main.sp-site-surface .index-container .sp-home-seen{margin-bottom:0!important;}
body.sp-home-page main.sp-site-surface .index-container{padding-bottom:0!important;}
body.sp-home-page main.sp-site-surface{padding-bottom:0!important;}
body.sp-home-page section.sp-home-directory{margin-top:8px!important;padding-top:10px!important;}
}
/* TalatYai footer: approved 2026-10-18 adjustments. */
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-brand > a.sp-footer-logo,
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-brand > a.sp-footer-logo:is(:hover,:focus,:visited,:active) {
  display:inline-block!important; width:auto!important; max-width:100%;
  font-size:40px!important; line-height:1.2!important; letter-spacing:-1.2px!important; white-space:nowrap;
  color:#ff7a19!important; text-shadow:none!important; box-shadow:none!important;
  text-decoration:none!important; opacity:1!important; filter:none!important; transform:none!important; transition:none!important;
}
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-logo > span {color:#fff!important;}
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-links {border-left:0!important; padding-left:0!important;}
body.sp-site-page footer.footer.sp-footer-v2 .sp-footer-bottom-inner {border-top:0!important;}
body.sp-site-page .sp-category-footer-group {border-bottom:0!important;}
body.sp-site-page section.sp-home-directory {border-top:0!important; border-bottom:0!important;}

/* TALATYAI FOOTER RESPONSIVE END */