@media screen and (min-width: 1081px) {
  .isMobile:not(.isDesktop), .isTablet:not(.isDesktop) {display:none!important;}
}


@media screen and (max-width: 1080px) {
  .upload-photos .qq-upload-delete, .upload-photos .primary_image, .upload-photos .qq-upload-rotate {display:block;opacity:1;bottom: 6px; top: auto; z-index: 3;}
}


@media screen and (min-width: 768px) {
  header .container.alt {display:none!important;}
}

@media screen and (min-width: 768px) and (max-width: 1080px) {
  .isDesktop:not(.isTablet), .isMobile:not(.isTablet) {display:none!important;}
  .simple-prod {width:calc(33.33% - 8px);}
  .simple-prod.medium {width:calc(25% - 8px);}
  .items-box .item .description {height:41px;}
  .home-search > .container:after {right:0;}

  body#home .home-search > .container {max-width:min(95%, 1490px);}
  body#home .home-search-layout {flex-direction:row;overflow:visible;}
  body#home .home-search-left {flex:0 0 calc(55% - 62px);width:calc(55% - 62px);}
  body#home .home-search-right {flex:0 0 calc(45% + 62px);width:calc(45% + 62px);position:relative;left:66px;overflow:visible;}
  body#home .home-search-left .box {position:relative !important;left:-41px !important;transform:none !important;}
  body#home .home-search-right .social-widget {position:relative;left:-46px !important;width:calc(100% + 48px) !important;max-width:none !important;max-height:845px;min-height:638px;}
  body#home .home-search-right .social-widget .social-widget-list {max-height:745px !important;}

  body#home .home-promo-shortcuts-left {flex-wrap:nowrap !important;overflow-x:visible !important;gap:10px !important;}
  body#home .home-promo-shortcuts-box {flex-wrap:nowrap !important;overflow-x:visible !important;gap:10px !important;}
  body#home .home-promo-shortcuts-box .btn {padding:8px 10px !important;font-size:12px !important;}
  body#home .home-promo-shortcuts-box img.hicon {width:20px !important;height:20px !important;margin-right:6px !important;}

  body#home .home-search-left .input-box.picker.pattern button.btn[type="submit"] {height:36px !important;min-width:96px !important;max-width:116px !important;width:auto !important;display:inline-flex !important;padding:0 12px !important;font-size:13px !important;border-radius:12px !important;}

  body#home .home-offers {position:relative;left:10px;}

}

/* Same horizontal rail as header (981px+): drop mid-width offsets from the block above */
@media screen and (min-width: 981px) and (max-width: 1080px) {
  body#home .home-search > .container {
    max-width: 1450px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
  }
  body#home .home-search-layout {
    flex-direction: row;
    flex-wrap: wrap;
    overflow: visible;
  }
  body#home .home-search-left {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    position: static;
    left: auto;
  }
  body#home .home-search-right {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin-top: 16px;
    position: static;
    left: auto;
    overflow: visible;
  }
  body#home .home-search-left .box {
    position: relative !important;
    left: 0 !important;
    transform: none !important;
  }
  body#home .home-search-right .social-widget {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media screen and (min-width: 541px) and (max-width: 1080px) {
  .blog-box {grid-template-columns: repeat(2, 1fr); grid-gap: 20px;}
  .blog-box > a:nth-child(1n+4) {display:flex;}
  .blog-box > a:nth-child(1n+5) {display:none;}
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
  bodu #bpr-seller.bpr-block .bpr-comp, #bpr-seller .bpr-comp {width:calc(25% - 16px)!important;}
}

@media screen and (min-width: 541px) and (max-width: 1024px) {
  #search-alert {width:100%;margin-bottom:15px;}
  #search-alert .open-alert-box {float:left;}
  #search-quick-bar .view-type {margin-left:0;}
  #search-quick-bar .view-type a {margin-left:0;margin-right:2px;}
  #search-quick-bar .sort-type {margin-left:auto;}
  
}


@media screen and (max-width: 1024px) {
  .pre-account .content {padding:16px 0;}
  .pre-account:not(.has-footer) footer, .item-publish footer {padding:10px 0;overflow:hidden;}
  footer section.two span {display:block;width:100%;margin:0;margin-top: -5px; font-size: 12px; color: #777;}
  footer .col {flex:1 1 50%;padding-bottom:15px;}
  footer .col:nth-child(even) {padding-right:0;}
  footer section.two {margin-bottom:0;}
  header .links .btn.noicon {display:none;}

  footer.vrool-footer {padding:28px 0 10px 0;}
  footer.vrool-footer .vrool-footer-card {padding:20px 18px 14px 18px;border-radius:22px;}
  footer.vrool-footer section.one {gap:18px;}
  footer.vrool-footer section.two {flex-wrap:wrap;}
  footer.vrool-footer section.two span {margin-top:0;color:rgba(0,0,0,0.55);}
  footer.vrool-footer .vrool-footer-watermark {margin-top:0;}
  footer.vrool-footer .vrool-footer-watermark {height: clamp(65px, 14vw, 120px);}
  footer.vrool-footer .vrool-footer-watermark img {width:min(860px, 92vw);}

  header .links .social.btn.noicon,
  header .links .forum.btn.noicon {display:none!important;}
  .item-publish .tip {width: 150px; font-size: 14px; line-height: 18px; padding: 10px;left:calc(100% - 8px);}
  body #fi_list_items.fi_user_menu .fi_item {width:31.33%;}
  body #fi_user_new_list .fi_new_name {width:100%;margin:0 0 8px 0;}
  body #fi_user_new_list .fi_check.first, body #fi_user_new_list .fi_check {width:auto;padding:0 25px 0 0;}
  body #fi_user_new_list button {clear:both;margin-top:10px;float:left;width:auto;}
  #search-items .products.grid, .products.grid {margin: 0 -10px; width: calc(100% + 20px); }
  #search-items .products.grid .simple-prod, .products.grid .simple-prod {margin:0 7px 12px 7px;width:calc(33.33% - 14px);}
  .products#premium-items .simple-prod {margin:0 4px 12px 4px;}

  body#home .home-search > .container {width:100%;max-width:min(95%, 1490px);padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto;}
  body#home .home-search .box,
  body#home .home-search form,
  body#home .vrool-home-search-inputs {max-width:100%;width:100%;}

  body#home .vrool-home-search-inputs {flex-direction:column;}
  body#home .home-search-left .input-box.picker.pattern,
  body#home .home-search-left .input-box.vrool-home-postcode {flex:1 1 100%;width:100%;max-width:100%;}
  body#home .home-search-left form button.btn,
  body#home .home-search-left form button[type="submit"],
  body#home .home-search-left form .btn[type="submit"] {width:auto;}

  body#home .home-search-layout {width:100%;max-width:100%;}
  body#home .home-search-layout {flex-direction:row;}
  body#home .home-search-left {margin-left:0 !important;flex:0 0 55%;width:55%;}
  body#home .home-search-right {flex:0 0 45%;width:45%;}
  body#home .home-search-left .box {transform:none !important;}

  @media screen and (max-width: 767px) {
    body#home .home-search-layout {flex-direction:column;}
    body#home .home-search-left, body#home .home-search-right {flex:0 0 100%;width:100%;}
  }

  body#home .vrool-trader-cta {width:100%;max-width:100%;margin-left:0;margin-right:0;left:auto;}
  body#home .vrool-trader-cta {flex-direction:column;align-items:stretch;}
  body#home .vrool-trader-cta-actions {width:100%;}
  body#home .vrool-trader-cta-btn {width:100%;}

  /* Item page: force single column on tablet/mobile widths */
  body#item .data-box {flex-direction:column;align-items:stretch;gap:12px;}
  /* Flatten wrappers so flex order can stack: gallery → buy box → listing body → other sidebar blocks */
  body#item #item-main {display:contents;}
  body#item #item-side {display:contents;}
  body#item #item-image {order:1;width:100% !important;max-width:100%;min-width:0;}
  body#item #buybox-section {order:2;width:100% !important;max-width:100%;min-width:0;}
  body#item #item-main > *:not(#item-image) {order:3;width:100% !important;max-width:100%;min-width:0;}
  body#item #item-side > *:not(#buybox-section) {order:4;width:100% !important;max-width:100%;min-width:0;}
  /* Receipt and Specs appear right after buy box, before Make Offer */
  body#item #vrool-fashion-specs {order:2 !important;margin-top:0 !important;}
  body#item #vrool-receipt-section {order:2 !important;}
  body#item #item-side > .vrool-in-demand-banner {order:2 !important;margin-top:8px !important;margin-bottom:0 !important;}

  /* Tighter vertical rhythm on stacked item page (was dominated by desktop gap:35px + 30px section padding) */
  body#item #item-image {margin-bottom:12px !important;}
  body#item #item-main .basic {margin-bottom:12px;}
  body#item #item-main .row {margin-bottom:8px;}
  body#item #item-main .description {padding-top:16px;margin-bottom:16px;}
  body#item #item-main .props.style {padding-top:16px;}
  body#item #shortcuts {margin-top:12px;padding-top:10px;padding-bottom:10px;}
  body#item #item-side > .box {margin-bottom:10px;}
  body#item #rel-block,
  body#item #recent-ads {margin-top:18px;}

  /* Search page: force single column on tablet/mobile widths */
  body#search .container.primary {flex-direction:column;align-items:stretch;}
  body#search #search-menu {width:100% !important;max-width:100%;order:1;}
  body#search #search-main {width:100% !important;max-width:100%;order:2;min-width:0;}
  body#search #search-items .products.grid .simple-prod {width:calc(50% - 14px);}

  /* User account pages (dashboard/profile/items...): force single column on tablet/mobile widths */
  body.body-ua .container.primary {flex-direction:column;align-items:stretch;}
  body.body-ua #user-menu {width:100% !important;max-width:100%;position:relative;top:auto;margin-left:0;margin-right:0;}
  body.body-ua #user-main {width:100% !important;max-width:100%;min-width:0;}
  /* Breadcrumbs (e.g. Home > Dashboard): 31px further left than desktop margin (36px → 5px) */
  body.body-ua #breadcrumbs .bread-text {margin-left:5px;}

  /* User dashboard cards: fluid width + 2 columns (desktop uses fixed 1050px in style.css) */
  #user-dashboard .card-box {width:100%;max-width:100%;min-width:0;grid-template-columns:repeat(2, minmax(0, 1fr));}
  #user-dashboard .daq-delete-sidebar {width:100%;max-width:100%;}

  /* Portrait + no-crop listing card images on mobile/tablet widths */
  .products.grid .simple-prod .img-wrap,
  .products.grid .simple-prod.verywide .img-wrap,
  .products.grid .simple-prod.megatall .img-wrap,
  .products.grid .simple-prod.extratall .img-wrap,
  #recent-ads .simple-prod .img-wrap,
  #recent-items .simple-prod .img-wrap,
  #recent-coupon-ads .simple-prod .img-wrap,
  #recent-coupon-items .simple-prod .img-wrap {
    height:auto !important;
    aspect-ratio:auto !important;
    padding-top:125% !important;
  }

  .products.grid .simple-prod .img-wrap img,
  #search-items .products.grid .simple-prod .img-wrap img,
  #search-premium-items .simple-prod .img-wrap img,
  #recent-ads .simple-prod .img-wrap img,
  #recent-coupon-ads .simple-prod .img-wrap img {
    object-fit:cover !important;
    object-position:center center !important;
  }

  .products.grid .simple-prod .img-wrap > a img,
  #search-items .products.grid .simple-prod .img-wrap > a img,
  #search-premium-items .simple-prod .img-wrap > a img,
  #recent-ads .simple-prod .img-wrap > a img,
  #recent-coupon-ads .simple-prod .img-wrap > a img {
    object-fit:cover !important;
    object-position:center center !important;
  }

  .products.grid .simple-prod .img-wrap .vrool-home-collage img {
    object-fit:cover !important;
    object-position:center center !important;
  }

  .products.grid .simple-prod .img-wrap,
  #recent-ads .simple-prod .img-wrap,
  #recent-coupon-ads .simple-prod .img-wrap {
    background:#f3f4f6;
  }

  /* Recently viewed carousels: make cards larger on mobile/tablet */
  #recent-ads .products.nice-scroll .simple-prod,
  #recent-items.products.nice-scroll .simple-prod,
  #recent-coupon-ads .products.nice-scroll .simple-prod,
  #recent-coupon-items.products.nice-scroll .simple-prod {
    width:240px !important;
    min-width:240px !important;
    max-width:240px !important;
  }

  /* Latest listings on home: avoid tiny single card on wide screens by using responsive tiles */
  body#home .products#latest-items {
    display:grid !important;
    grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap:12px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    width:100% !important;
    justify-items:stretch;
  }
  body#home .products#latest-items .simple-prod{margin:0 !important;width:auto !important;}
  }

  body#home .products#latest-items .simple-prod,
  body#home .products#latest-items .simple-prod.medium {
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
  }
}


@media screen and (max-width: 767px) {
  /* overflow-x must be "clip" (not "hidden") so it doesn't turn <body> into a
     scroll container, which would break position:sticky (e.g. the collapsing
     header). "hidden" kept as a fallback for browsers without clip support. */
  html, body {overflow-x:hidden;overflow-x:clip;}

  /* Strict mobile content width + consistent gutters */
  .container {width:100%;max-width:423px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;}
  /* Latest listings: full-width edge-to-edge on mobile */
  body#home #section-latest-listings > .container {max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important;}
  body#home #section-latest-listings {padding:0!important;}

  body#search.vrool-view .vrool-serp-results > div:not(.vrool-serp-resultsbar):not(#vroolSerpFiltersWrap) {display:block !important;}
  body#search.vrool-view .vrool-serp-results > div:not(.vrool-serp-resultsbar):not(#vroolSerpFiltersWrap) > .vrool-result {border-top:0 !important;padding:0 !important;margin:0 0 10px !important;}
  body#search.vrool-view .vrool-result {display:grid !important;grid-template-columns:100px 1fr !important;grid-template-rows:auto 1fr !important;gap:0 !important;border:1px solid rgba(0,0,0,0.08) !important;border-radius:14px !important;background:#fff !important;box-shadow:0 1px 4px rgba(0,0,0,0.05) !important;padding:0 !important;overflow:hidden !important;width:100% !important;min-height:auto !important;}

  body#search #search-items .products.grid,
  body#search #search-premium-items .products.grid,
  body#search #search-alert-items .products.grid {display:flex !important;flex-wrap:wrap !important;}

  body#search #search-items .products.grid .simple-prod,
  body#search #search-premium-items .products.grid .simple-prod,
  body#search #search-alert-items .products.grid .simple-prod {margin:0 7px 12px 7px;width:calc(50% - 14px) !important;flex:0 0 calc(50% - 14px) !important;max-width:calc(50% - 14px) !important;}

  body#home #latest-mobile-items.products.grid .simple-prod,
  body#home #latest-property-items.products.grid .simple-prod {margin:0!important;width:auto!important;min-width:0!important;max-width:none!important;}

  /* Mobile portrait cards: show more image height on grid cards */
  .products.grid .simple-prod .img-wrap,
  .products.grid .simple-prod.verywide .img-wrap,
  .products.grid .simple-prod.megatall .img-wrap,
  .products.grid .simple-prod.extratall .img-wrap {
    height:auto !important;
    aspect-ratio:auto !important;
    padding-top:125% !important;
  }

  /* Vinted-style: fill the tall frame */
  .products.grid .simple-prod .img-wrap img,
  #search-items .products.grid .simple-prod .img-wrap img,
  #search-premium-items .simple-prod .img-wrap img,
  #recent-ads .simple-prod .img-wrap img,
  #recent-coupon-ads .simple-prod .img-wrap img,
  .products.grid .simple-prod .img-wrap .vrool-home-collage img {
    object-fit:cover !important;
  }

  .products.grid .simple-prod .img-wrap,
  #recent-ads .simple-prod .img-wrap,
  #recent-coupon-ads .simple-prod .img-wrap {
    background:#f3f4f6;
  }

  body.body-ua #epsUaMenuToggle.vrool-ua-menu-toggle {display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 10px 0;padding:14px 16px;border-radius:14px;border:none !important;background:linear-gradient(135deg,#8f72ac 0%,#7648a8 100%) !important;font-size:15px;font-weight:800;color:#fff !important;line-height:1;text-decoration:none;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:10;box-shadow:0 6px 18px rgba(118,72,168,0.35);letter-spacing:0.01em;}
  body.body-ua #epsUaMenuToggle.vrool-ua-menu-toggle:after {content:none !important;}
  body.body-ua #epsUaMenuToggle.vrool-ua-menu-toggle .label:after {content:" — tap to open";font-weight:600;opacity:0.8;font-size:12px;}
  body.body-ua #epsUaMenuToggle.vrool-ua-menu-toggle .chevron {transition:transform .2s ease;color:#fff;}
  body.body-ua #user-menu.is-open #epsUaMenuToggle.vrool-ua-menu-toggle .chevron,
  body.body-ua #epsUaMenuToggle.vrool-ua-menu-toggle[aria-expanded="true"] .chevron {transform:rotate(180deg);}

  body.body-ua #user-menu {margin:0 0 12px 0;padding:8px;border-radius:16px;border:1px solid rgba(0,0,0,0.10);background:#fff;position:relative;z-index:1;}
  body.body-ua #user-menu a {font-size:14px;padding:12px 12px;border-radius:12px;margin:0 0 6px 0;border-left-width:0;}
  body.body-ua #user-menu .menu-hooks li > a {padding-left:52px;}
  body.body-ua #user-menu .menu-hooks li > a:before {left:12px;top:calc(50% - 15px);}
  /* Margin belongs to the wrapper now, or it offsets the anchor against the
     copy button beside it. This selector is more specific than the one in
     style.css, so it has to be corrected here rather than overridden. */
  body.body-ua #user-menu .vrool-ua-public {margin:0 0 10px 0;}
  body.body-ua #user-menu a.public {margin:0;border-radius:0;}
  body.body-ua #user-menu a.logout {margin-top:10px;}

  body.body-ua #user-menu.vrool-ua-menu-collapsed {display:none;}

  body.body-ua.plugin-instant_messenger.file-messages #footer-mobile-toggle,
  body.body-ua.plugin-instant_messenger.file-messages .footer-mobile-toggle,
  body.body-ua.plugin-instant_messenger.file-messages .act-btn-alerts {display:none !important;}

  body#search #search-menu form.search-side-form {padding:10px;margin:0 0 12px 0;border-radius:16px;}
  body#search #search-menu .search-filter-card {padding:12px 12px 10px;border-radius:16px;}
  body#search #search-menu .search-filter-card + .row {margin-top:10px;}
  body#search #search-menu .search-filter-card .sfc-head {gap:10px;margin:0 0 8px 0;}
  body#search #search-menu .search-filter-card .sfc-head .sfc-icon {width:34px;height:34px;border-radius:12px;flex:0 0 34px;}
  body#search #search-menu .search-filter-card .sfc-head .sfc-icon i {font-size:16px;}
  body#search #search-menu .search-filter-card .sfc-head .sfc-title {font-size:16px;line-height:18px;}
  body#search #search-menu .search-filter-card .sfc-body .input-box input,
  body#search #search-menu .search-filter-card .sfc-body .input-box select {height:44px;border-radius:12px;border-width:1px;font-size:15px;padding:10px 12px;}

  body#search #search-menu .search-location-card .slc-head {gap:10px;margin:0 0 8px 0;}
  body#search #search-menu .search-location-card .slc-head .slc-icon {width:34px;height:34px;border-radius:12px;flex:0 0 34px;}
  body#search #search-menu .search-location-card .slc-head .slc-icon i {font-size:16px;}
  body#search #search-menu .search-location-card .slc-head .slc-title {font-size:16px;line-height:18px;}
  body#search #search-menu .search-location-card .slc-body .radius-row {gap:10px;}
  body#search #search-menu .search-location-card .slc-body .radius-row input,
  body#search #search-menu .search-location-card .slc-body .radius-row select {font-size:15px;}

  body#search #search-category-box {display:none !important;}

  /* Vrool SERP top bar (mobile): keep desktop unchanged, only reflow on mobile */
  body#search .vrool-serp-top {top:6px !important;}
  body#search .vrool-serp-top .inner {padding-top:10px;padding-bottom:10px;align-items:stretch;}
  body#search .vrool-serp-form {align-items:stretch;position:relative;margin-top:78px;}

  body#search .vrool-serp-pill {
    display:grid !important;
    grid-template-columns:max-content max-content minmax(0, 1fr) 92px;
    grid-template-areas:
      "locbtn locpc loc locrad"
      "pattern pattern pattern pattern";
    gap:12px;
    height:auto;
    padding:10px 12px;
    border-radius:18px;
    overflow:visible;
    position:relative;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    width:100% !important;
    min-width:0 !important;
  }

  body#search .vrool-serp-pill:before {
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    top:-97px;
    height:44px;
    border-radius:999px;
    border:1px solid rgba(0,0,0,0.14);
    background:#fff;
    box-shadow:0 10px 26px rgba(0,0,0,0.06);
    z-index:0;
  }

  body#search .vrool-serp-pill:before {display:none;}

  body#search .vrool-serp-pill > * {position:relative;z-index:1;}

  body#search .vrool-serp-pill .sep {display:none;}

  body#search .vrool-serp-pill .locbtn {grid-area:locbtn;height:36px;padding:0 10px;}
  body#search .vrool-serp-pill .locbtn {max-width:160px;}
  body#search .vrool-serp-pill .locbtn span {max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

  body#search .vrool-serp-pill .locbtn span {font-size:0;}
  body#search .vrool-serp-pill .locbtn span:after {content:"Detect location";font-size:12px;font-weight:300;}

  body#search .vrool-serp-pill .locpc {grid-area:locpc;display:inline-flex;height:36px;max-width:78px;overflow:hidden;text-overflow:ellipsis;}
  body#search .vrool-serp-pill .picker.location {grid-area:loc;min-width:0;width:100%;}
  body#search .vrool-serp-pill .picker.location input {height:36px;}
  body#search #vroolLoc {padding-top:0;padding-bottom:0;line-height:36px;}
  body#search .vrool-serp-pill .locrad {grid-area:locrad;height:36px;line-height:36px;border-radius:999px;width:124px;max-width:124px;padding-left:10px;padding-right:26px;font-size:12px;}

  body#search .vrool-serp-pill .locbtn,
  body#search .vrool-serp-pill .locbtn span,
  body#search .vrool-serp-pill .picker.location input,
  body#search .vrool-serp-pill .picker.location input::placeholder,
  body#search .vrool-serp-pill .locrad {font-weight:300;}

  body#search .vrool-serp-pill .locbtn,
  body#search .vrool-serp-pill .locpc,
  body#search .vrool-serp-pill .picker.location,
  body#search .vrool-serp-pill .locrad {margin-top:-107px;}

  body#search .vrool-serp-pill input[name="sPattern"] {grid-area:pattern;width:100%;height:40px;}

  /* Mobile keyword search: large input + icon submit */
  body#search .vrool-serp-pill input[name="sPattern"] {
    height:56px;
    border:3px solid #8f72ac;
    border-radius:999px;
    padding-left:18px;
    padding-right:64px;
    font-size:20px;
    font-weight:650;
    background:#fff;
    box-shadow:none;
    width:100% !important;
    min-width:0 !important;
    display:block;
    box-sizing:border-box;
    margin-top:-35px;
  }

  body#search .vrool-serp-btn {
    position:absolute !important;
    right:18px !important;
    bottom:49px !important;
    width:44px !important;
    height:44px !important;
    padding:0 !important;
    border-radius:999px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    font-size:0 !important;
    z-index:3 !important;
    max-width:44px !important;
    min-width:44px !important;
    margin:0 !important;
    transform:translateY(36px);
  }

  body#search .vrool-serp-btn:before {
    content:"\f002";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:24px;
    line-height:44px;
    color:#8f72ac;
    display:block;
    text-align:center;
    transform:scaleX(-1);
  }

  .isDesktop:not(.isMobile), .isTablet:not(.isMobile) {display:none!important;}
  .home-search > .container:after, .pre-account > .content > section.container:after {display:none;}
  #users-list .user .img .online.off {display:block;}
  body#home > .content > section, body#home > .content > section.home-premium {padding:15px 0;}
  ul.breadcrumb li:last-child {margin-right:10px;}
  #rel-block, #recent-ads {margin:16px 0 8px 0;}
  body#item .container.primary {padding-bottom:12px;}
  #rel-block ~ #recent-ads {margin-top:0;}
  #recent-ads.onhome {margin:0;}
  body#home h2 {margin-bottom:8px;}
  body form#im-create-thread-form {width:100%;margin:0;}
  body .vrool-chat.vrool-closed {left:10px;bottom:55px;width:46px;height:46px;min-height:46px;right:auto;}
  body .vrool-chat.vrool-closed .vrool-global-head {width:46px;height:46px;}
  body .vrool-chat.vrool-closed .vrool-global-head span:not(.vrool-alt):before {width:46px;height:46px;line-height:48px;font-size:20px;}
  body .vrool-chat {left:10px;bottom:55px;right:auto;z-index:3;}
  body#item .vrool-chat.vrool-closed, body#item .vrool-chat {bottom:102px;}

  #side-menu .box.filter {background:#f6f7fb;}
  #side-menu .box.filter .nav {position:sticky;top:0;z-index:5;background:#ffffff;border-bottom:1px solid rgba(0,0,0,0.08);}
  #side-menu .box.filter .nav span {font-weight:900;color:#111827;letter-spacing:0.2px;}
  #side-menu .box.filter .section {padding:12px 12px 90px 12px;}

  #side-menu .box.filter .filter-menu form.search-side-form {background:transparent;border:none;padding:0;margin:0;}
  #side-menu .box.filter .filter-menu .row {margin:0 0 10px 0;}
  #side-menu .box.filter .filter-menu .row.search-filter-card,
  #side-menu .box.filter .filter-menu .row.search-location-card,
  #side-menu .box.filter .filter-menu .row.price,
  #side-menu .box.filter .filter-menu .row.period,
  #side-menu .box.filter .filter-menu .row.condition,
  #side-menu .box.filter .filter-menu .row.transaction,
  #side-menu .box.filter .filter-menu .row.company,
  #side-menu .box.filter .filter-menu .row.sidebar-hooks {background:#fff;border:1px solid rgba(17,24,39,0.10);border-radius:16px;box-shadow:0 8px 20px rgba(15,23,42,0.06);padding:12px 12px 10px 12px;}

  #side-menu .box.filter .filter-menu .sfc-head,
  #side-menu .box.filter .filter-menu .slc-head {display:flex;align-items:center;gap:10px;margin:0 0 8px 0;}
  #side-menu .box.filter .filter-menu .sfc-icon,
  #side-menu .box.filter .filter-menu .slc-icon {width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#eef2ff;color:#3b49df;flex:0 0 auto;}
  #side-menu .box.filter .filter-menu .sfc-title,
  #side-menu .box.filter .filter-menu .slc-title {font-weight:900;font-size:14px;line-height:18px;color:#111827;}

  #side-menu .box.filter .filter-menu label {font-size:13px;font-weight:900;color:#111827;}
  #side-menu .box.filter .filter-menu .input-box {margin-bottom:10px;}

  #side-menu .box.filter .filter-menu input[type="text"],
  #side-menu .box.filter .filter-menu input[type="number"],
  #side-menu .box.filter .filter-menu select {height:44px;border-radius:12px;border:1px solid rgba(0,0,0,0.14);background:#ffffff;padding:10px 12px;font-size:15px;box-shadow:none;}

  #side-menu .box.filter .filter-menu .radius-row {display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  #side-menu .box.filter .filter-menu .price .line {display:grid;grid-template-columns:1fr 12px 1fr;align-items:center;gap:10px;margin-bottom:8px;}
  #side-menu .box.filter .filter-menu .price .line .delim {opacity:0.35;}

  #side-menu .box.filter .row.checkboxes {margin-top:6px;display:inline-block;width:100%;}
  #side-menu .box.filter .row.checkboxes .input-box-check {display:flex;align-items:center;gap:10px;}
  #side-menu .box.filter .row.checkboxes input[type="checkbox"] {width:18px;min-width:18px;height:18px;margin:0;}

  #side-menu .box.filter .filter-menu .row.buttons.srch {position:fixed;left:12px;right:12px;bottom:12px;z-index:7;margin:0;}
  #side-menu .box.filter .filter-menu .row.buttons.srch #search-button {width:100%;height:52px;border-radius:16px;font-weight:900;font-size:16px;box-shadow:0 10px 22px rgba(16,185,129,0.35);}
  #side-menu .box.filter .filter-menu .row.buttons.srch #search-button svg,
  #side-menu .box.filter .filter-menu .row.buttons.srch #search-button i {display:none;}

  #side-menu .box.filter .row.checkboxes {margin-top:3px;display:inline-block;width:100%;}
  #side-menu .filter-menu .price .line {margin-bottom:3px;}
  #scroll-to-top {right:10px;}
  /* Categories: 1-row scroller, 4 visible items, compact cards */
  #home-cat {display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:10px;scroll-snap-type:x mandatory;width:100%;}
  #home-cat {max-width:423px;margin:10px auto 0 auto;padding:2px 0;}
  #home-cat::-webkit-scrollbar {height:0;width:0;display:none;}
  #home-cat::-webkit-scrollbar-track {background:transparent;}
  #home-cat::-webkit-scrollbar-thumb {background:transparent;}
  #home-cat {scrollbar-width:none;}

  #home-cat a {flex:0 0 calc((100% - 30px)/4);min-width:74px;margin:0;padding:10px 8px 10px 8px;scroll-snap-align:start;}
  #home-cat a {padding:8px 6px 8px 6px;}
  #home-cat a {border-radius:14px;background:#ffffff;border:1px solid rgba(17,24,39,0.10);box-shadow:0 10px 22px rgba(0,0,0,0.06);}
  #home-cat a > div {width:46px;height:46px;padding:9px;margin:0 auto 6px auto;border-radius:999px;}
  #home-cat a > div {background:#ffffff;border:1px solid rgba(0,0,0,0.06);box-shadow:0 10px 22px rgba(0,0,0,0.08);}
  #home-cat a > div img,
  #home-cat a > div svg {width:26px;height:26px;}
  .home-search h1 {margin-bottom:12px;font-size:clamp(24px, 8vw, 34px);line-height:1.08;letter-spacing:-0.02em;}
  .home-search h1 div {display:block;margin-top:10px;height:36px;overflow:hidden;}
  .home-search h1 div span {display:block;font-weight:900;height:36px;}
  .home-search h1 div span {background-image:linear-gradient(135deg, #8f72ac, #0a8b5a);background-size:100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
  .home-search h1 div span {font-size:clamp(18px, 6.2vw, 26px);line-height:36px;}
  body#home .home-search h1,
  body#home .home-search h1 * {word-break:break-word;overflow-wrap:anywhere;}

  /* Lighter borders for mobile search inputs */
  body#home .home-search input[name="sPattern"],
  body#home .home-search-left .input-box.vrool-home-postcode input {border:1px solid rgba(17,24,39,0.18);border-radius:12px;}
  body[data-theme="dark"] body#home .home-search input[name="sPattern"],
  body[data-theme="dark"] body#home .home-search-left .input-box.vrool-home-postcode input {border-color:rgba(255,255,255,0.14);}
  #home-cat a > h3 {display:flex;height:auto;min-height:18px;text-align:center;}
  #home-cat a > h3 span {margin:auto;display:block;font-size:11px;font-weight:800;line-height:12px;color:#111827;}

  /* Social Advert Feeds cards (home right widget) */
  body#home .home-search-right h2 {font-size:22px;line-height:1.1;margin:0 0 10px 0;}

  body#home .home-right-tabs {flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:8px;padding:2px 2px 4px 2px;margin:0 0 12px 0;scrollbar-width:none;}
  body#home .home-right-tabs::-webkit-scrollbar {height:0;width:0;display:none;}
  body#home .home-right-tabs button {flex:0 0 auto;white-space:nowrap;padding:7px 10px;border-radius:999px;font-size:12px;display:flex;align-items:center;gap:6px;}
  body#home .home-right-tabs button i {width:24px !important;height:24px !important;font-size:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;min-width:24px !important;min-height:24px !important;max-width:24px !important;max-height:24px !important;}

  body#home #latest-items.products.grid {align-items:flex-start !important;align-content:flex-start !important;}
  body#home #latest-items.products.grid .simple-prod {align-self:flex-start !important;display:flex;flex-direction:column;}
  body#home #latest-items.products.grid .simple-prod .simple-wrap {flex:0 0 auto;display:flex;flex-direction:column;}
  body#home #latest-items.products.grid .simple-prod .data {flex:0 0 auto;display:flex;flex-direction:column;}

  body#home #latest-vehicles-items.products.grid {flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;margin:0 -10px;width:calc(100% + 20px);padding:0;}
  body#home #latest-vehicles-items.products.grid::-webkit-scrollbar {height:0;width:0;display:none;}
  body#home #latest-vehicles-items.products.grid {scrollbar-width:none;}
  body#home #latest-vehicles-items.products.grid .simple-prod {flex:0 0 calc(50% - 14px);width:calc(50% - 14px) !important;margin:0 7px 12px 7px !important;scroll-snap-align:start;}

  body#home #latest-vehicles-items .img-wrap .vrool-home-collage-scroll{position:absolute;inset:0;overflow:hidden;}
  body#home #latest-vehicles-items .img-wrap .vrool-home-collage-scroll .vrool-home-collage-hint{display:none;}
  body#home #latest-vehicles-items .img-wrap .vrool-home-collage-scroll .vrool-home-collage-slide{display:none;}
  body#home #latest-vehicles-items .img-wrap .vrool-home-collage-scroll .vrool-home-collage-slide:first-of-type{display:block;}
  body#home #latest-vehicles-items .img-wrap .vrool-home-collage-scroll a.img.vrool-home-collage{display:block;position:absolute;inset:0;}
  body#home #latest-vehicles-items .img-wrap a.img.vrool-home-collage .vrool-home-collage-side{display:none;}
  body#home #latest-vehicles-items .img-wrap a.img.vrool-home-collage .vrool-home-collage-main{display:block;}
  body#home #latest-vehicles-items .img-wrap a.img.vrool-home-collage .vrool-home-collage-main img{display:block;width:100%;height:100%;object-fit:cover;}

  .social-widget-footer {text-align:center;margin-top:12px;padding:8px 0;}
  .social-widget-footer a {display:inline-block;text-align:center;text-decoration:none;color:#2563eb;font-weight:600;font-size:13px;padding:6px 12px;border-radius:8px;transition:all 0.2s ease;}
  .social-widget-footer a:hover {background:rgba(37, 99, 235, 0.1);color:#1d4ed8;}

  .social-widget-card {border-radius:16px;}
  .social-widget-card-link {gap:12px;padding:12px 12px;align-items:center;}
  .social-widget-thumb {width:96px;flex:0 0 96px;height:74px;margin-top:0;border-radius:16px;}
  .social-widget-main {flex:1 1 auto;min-width:0;text-align:left;}
  .social-widget-title {font-size:15px;font-weight:900;line-height:1.15;margin:0 0 6px 0;text-align:left;}
  .social-widget-type-tags,
  .social-widget-author-row {font-size:12px !important;line-height:1.2;margin:0 0 6px 0 !important;}
  .social-widget-type-tags,
  .social-widget-author-row {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
  .social-widget-meta {display:flex !important;flex-wrap:nowrap;gap:5px;margin-top:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .social-widget-meta::-webkit-scrollbar {height:0;width:0;display:none;}
  .social-widget-meta span {flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;}
  .social-widget-meta span {padding:4px 7px;border-radius:999px;background:rgba(17,24,39,0.04);border:1px solid rgba(17,24,39,0.08);}
  body[data-theme="dark"] .social-widget-meta span {background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.10);}
  .social-widget-meta span i {font-size:12px;line-height:1;opacity:0.85;}
  .social-widget-meta span {font-size:11px;font-weight:300;color:#111827;}
  body[data-theme="dark"] .social-widget-meta span {color:rgba(255,255,255,0.92);}
  /* Thumbnails strip: larger touch-friendly tiles, still scrollable */
  .welcome-latest-loop {max-width:min(100%, 468px);margin:12px auto 0 auto;overflow-x:auto;overflow-y:hidden;}
  .welcome-latest-loop {padding:0;}
  .welcome-latest-loop::-webkit-scrollbar {height:0;width:0;display:none;}
  .welcome-latest-loop::-webkit-scrollbar-track {background:transparent;}
  .welcome-latest-loop::-webkit-scrollbar-thumb {background:transparent;}
  .welcome-latest-loop {scrollbar-width:none;}
  .welcome-latest-loop .track {width:max-content;min-width:0;}
  .welcome-latest-loop a.thumb {width:152px !important;height:132px !important;border-radius:20px;overflow:hidden;box-sizing:border-box;padding:4px;}
  .welcome-latest-loop a.thumb img {width:100% !important;height:100% !important;object-fit:cover;border-radius:16px;display:block;}
}

@media screen and (max-width: 480px) {
  #home-cat {gap:8px;}
  #home-cat a {flex:0 0 calc((100% - 24px)/4);min-width:66px;padding:8px 6px 8px 6px;}
  #home-cat a {border-radius:13px;}
  #home-cat a > div {width:42px;height:42px;padding:8px;margin-bottom:6px;}
  #home-cat a > div img, #home-cat a > div svg {width:24px;height:24px;}
  #home-cat a > h3 span {font-size:10px;}
}

@media screen and (max-width: 520px) {
  .vrool-offer-cards{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;}
  .vrool-offer-card{min-height:0;border-radius:14px;}
  .vrool-offer-card-top{min-height:110px;}
  .vrool-offer-card-head{padding:10px;}
  .vrool-offer-logo{width:44px;height:44px;border-radius:12px;}
  .vrool-offer-card-body{padding:10px 10px 12px 10px;gap:8px;}
  .vrool-offer-title{font-size:14px;}
  .vrool-offer-sub{font-size:12px;}
  .vrool-offer-exp{padding:6px 8px;font-size:11px;}
  .vrool-offer-btn{padding:8px 10px;border-radius:12px;font-size:12px;}
  .vrool-offer-discount{padding:6px 8px;font-size:10px;}

  /* Social Advert Feeds (home right widget) - mobile layout: compact horizontal rows */
  body#home .social-widget-card-link {flex-direction:row !important;align-items:center;gap:10px;padding:10px 10px;}
  body#home .social-widget-thumb {width:80px;flex:0 0 80px;height:60px;border-radius:10px;}
  body#home .social-widget-thumb img,
  body#home .social-widget-thumb video {width:100%;height:100%;object-fit:cover;}
  body#home .social-widget-main {width:auto;flex:1 1 auto;min-width:0;text-align:left;}
  body#home .social-widget-title {font-size:14px;line-height:1.15;margin:0 0 5px 0;}
  body#home .social-widget-type-tags,
  body#home .social-widget-author-row {margin:0 0 5px 0 !important;}
  body#home .social-widget-meta {display:flex !important;flex-wrap:nowrap;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  body#home .social-widget-meta::-webkit-scrollbar {display:none;height:0;width:0;}
  body#home .social-widget-meta span {flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;font-size:11px;}
  body#home .social-widget-meta span img {flex:0 0 auto;width:13px !important;height:13px !important;}
  body#home .social-widget-meta span i {font-size:11px;}
  body#home .social-widget-date .social-widget-time-only {display:none !important;}
  body#home .social-widget-date {display:none !important;}
  body#home .social-widget-badges {position:static;flex:0 0 auto;}
}

@media screen and (max-width: 768px) {
  /* USER PROFILE (Account > Update my profile): stack left/right columns */
  #user-profile .profile-box form.profile > .wrap {flex-direction: column;}
  #user-profile .profile-box .left-block {padding-right: 0;}
  #user-profile .profile-box .right-block {min-width: 0;max-width: none;width: 100%;position: static;top: auto;margin-top: 14px;}
  #user-profile .profile-box select,
  #user-profile .profile-box input {max-width: none;}

  /* PUBLIC PROFILE: stack sidebar and listings */
  body#public .container.primary {flex-direction: column;}
  body#public #public-main {width: 100%;}
  body#public #item-side {position: static;top: auto;width: 100%;}
  body#public #public-main .products.list {grid-template-columns: repeat(2, minmax(0, 1fr));}

  /* ITEM PAGE: attributes/specs 2 per row on mobile */
  #item-hook table tr,
  .custom-fields .field,
  .job-detail > div,
  #item-hook .realestate-details .list-other-attributes li {width:calc(50% - 6px);min-width:140px;margin-right:6px;}

  /* ITEM PAGE (car_attr_pro): overview attributes 2 per row on mobile */
  #cap-item .cap-section.cap-section-main .cap-item-elem {width:calc(50% - 10px);}
  #cap-item .cap-section.cap-section-extra .cap-item-elem {width:calc(50% - 10px);}
}

@media screen and (max-width: 420px) {
  header .links .publish:not(.mini) {display:none;}
  header .links .publish.mini {display:inline-block;width:36px;padding:7px 4px;margin-left:10px;}
  header .links .publish.mini svg {vertical-align:0;margin:0;height:20px;}
  
  .items-box .item .image {width:80px;margin-right:10px;}
  .items-box .item .body {width:calc(100% - 90px);}
  .items-box .item .top {max-height:16px;}
  .items-box .item .buttons a {padding:4px 6px;margin:0 4px 4px 0;}
  .items-box .item .label-reserved, .items-box .item .label-sold {padding-left:3px;padding-right:3px;}
  .simple-prod .right .price {display:none;}
  .products.list .simple-prod .price.standalone {display:block;}
  .products.list .simple-prod .img-wrap {height:110px;width:75px;min-width:75px;margin-right:8px;}
  .products.list .simple-prod .info {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;max-width:calc(100% - 10px);height:18px;}
  .products.list .simple-prod .info .premium-mark, .products.list .simple-prod .info .label {margin:0 4px 0 0;padding:2px 3px;height:18px;}
  .products.detail .simple-prod .img-wrap {height:160px;width:90px;min-width:90px;margin-right:12px;}
  .products.detail .simple-prod .img-wrap .bar .price {display:none;}
  .products.detail .simple-prod .img-wrap .bar {padding:0;background:transparent;}
  .products.detail .simple-prod .img-wrap .bar .image-counter {left: 3px; bottom: 3px; right: auto; background: rgba(0,0,0,0.5); padding: 2px 4px; border-radius: 4px;}
  .products.detail .simple-prod .img-wrap .user-image {display:none;}
  .products.detail .simple-prod .favorite {left:3px;right:auto;top:3px;}
  .products.detail .simple-prod .action .price {display:inline-block;}
  .products.detail .simple-prod .premium-mark {left:3px;bottom:26px;}
  #item-image .swiper-thumbs li {width:calc(25% - 8px);min-width:64px;height:64px;}
  #item-hook table tr, .custom-fields .field, .job-detail > div, #item-hook .realestate-details .list-other-attributes li {width:calc(50% - 6px);min-width:140px;margin-right:6px;}
  
}


@media screen and (max-width: 360px) {
  #side-menu .section.lead {padding-left:100px;}
  #side-menu .section.lead a.img-container {left:8px;}
  #filter-user-type a {padding:8px;margin-right:4px;}
  .products.detail .simple-prod .img-wrap {width:80px;min-width:80px;margin-right:10px;}
  #item .sticky-button {letter-spacing:-0.2px;}

  div[id^="anr_captcha_field_"], div.g-recaptcha, #item-forms div.g-recaptcha {max-width:250px;height:60px;}
  div[id^="anr_captcha_field_"] > div, div.g-recaptcha > div {transform:scale(0.75);transform-origin:0 0;}

}

/* Item ≤1024px (stacked layout + display:contents): phone + WhatsApp strip directly under buy box */
@media screen and (max-width: 1024px) {
  body#item #item-side > #item-side-contact-actions {
    order: 3 !important;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  body#item #item-main > *:not(#item-image) {
    order: 4 !important;
  }
  body#item #item-side > *:not(#buybox-section):not(#item-side-contact-actions) {
    order: 5 !important;
  }
}

/* Account: max-width:1024 rules above use !important and stack the layout; from 981px match header rail (1350/16) */
@media screen and (min-width: 981px) {
  body.body-ua .container.primary {
    flex-direction: row;
    align-items: flex-start;
  }

  body.body-ua #user-menu {
    width: 280px !important;
    max-width: 280px !important;
    flex: 0 0 280px;
    position: sticky;
    /* This selector outranks the #user-menu rules in style.css and footer.php, so it
       is the one that decides the sticky offset. It must be 0: the page scrolls on
       <body> (html is overflow:hidden) and body already carries padding-top:72px to
       clear the fixed header, so sticky offsets are measured from y=72 — the column's
       own natural position. The column is therefore always in its stuck state, and
       top:27px showed up as the sidebar sitting permanently 27px below the content.
       At 0 it lines up at rest and still pins flush under the header on scroll. */
    top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  body.body-ua #user-main {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding-top: 27px;
  }

  body.body-ua #breadcrumbs .bread-text {
    margin-left: 0;
  }
}

/* Home main categories: seven per row on desktop (overrides mobile horizontal scroller in max-width:1024 block) */
@media screen and (min-width: 981px) {
  body#home #home-cat {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    column-gap: 6px;
    row-gap: 10px;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 14px;
    padding: 2px 0 !important;
    overflow: visible !important;
    overflow-x: visible !important;
    flex-wrap: unset !important;
    scroll-snap-type: none !important;
  }

  body#home #home-cat a {
    flex: unset !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 6px 2px 8px 2px !important;
    scroll-snap-align: none !important;
    border-radius: 8px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body#home #home-cat a.all {
    background: rgb(59 73 223 / 3%) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset !important;
  }

  body#home #home-cat a > div {
    width: 44px !important;
    height: 44px !important;
    padding: 7px !important;
    margin: 0 auto 4px auto !important;
    border-radius: 100px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
    background: #ffffff !important;
    border: 0 !important;
  }

  body#home #home-cat a.all > div {
    background: #e4e4e4 !important;
  }

  body#home #home-cat a > div img,
  body#home #home-cat a > div svg {
    width: auto !important;
    height: 28px !important;
    max-width: 32px !important;
    max-height: 28px !important;
  }

  body#home #home-cat a > h3 {
    height: 32px !important;
    min-height: 32px !important;
  }

  body#home #home-cat a > h3 span {
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 13px !important;
  }

  body#home #home-cat #toggle-button {
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: 4px;
  }
}



@media screen and (max-width: 767px) {
  /* Mobile only: all home page listing sections → horizontal scroll, 1 card full width */
  body#home .products.grid:not(#latest-vehicles-items),
  body#home .products.nice-scroll {
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    gap:10px !important;
    padding-bottom:4px !important;
    scrollbar-width:none !important;
  }
  body#home .products.grid:not(#latest-vehicles-items)::-webkit-scrollbar,
  body#home .products.nice-scroll::-webkit-scrollbar{display:none;}
  body#home .products.grid:not(#latest-vehicles-items) .simple-prod,
  body#home .products.nice-scroll .simple-prod{
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    scroll-snap-align:start !important;
  }
}


/* ═══ Homepage Fashion & Latest: 2-column grid on mobile ═══ */
@media screen and (max-width: 767px) {
  body#home #fashion-items.products.grid,
  body#home #latest-items.products.grid {
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    gap:10px !important;
    width:100% !important;
    margin:0 !important;
  }
  body#home #fashion-items.products.grid > .simple-prod,
  body#home #latest-items.products.grid > .simple-prod {
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    flex:none !important;
  }
  body#home #fashion-items .simple-prod .img-wrap,
  body#home #latest-items .simple-prod .img-wrap {
    aspect-ratio:3/4 !important;
    padding-top:0 !important;
    height:auto !important;
  }
  body#home #fashion-items .simple-prod .img-wrap img,
  body#home #latest-items .simple-prod .img-wrap img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
}

/* Hide region flag switcher on mobile — user knows their country from content */
@media (max-width: 767px) {
  .region-switcher { display: none !important; }
}

/* iPhone 16 footer white space fix — use dvh and safe area */
@supports (min-height: 100dvh) {
  html, body { min-height: 100dvh; }
}
html, body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
body {
  display: flex;
  flex-direction: column;
}
body > .container.primary,
body > #content,
body > .content {
  flex: 1;
}
footer.vrool-footer {
  margin-top: auto;
}
/* Safe area padding for iOS notch/home indicator */
#navi-bar {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* iPhone Chrome white space fix on scroll — match background to footer */
@media (max-width: 767px) {
  html {
    background-color: #ffffff;
    
  }
  body {
    background-color: #fff;
    
  }
}

/* Fix: Bottom nav bar should not resize on iOS Chrome address bar changes */
@media (max-width: 767px) {
  #navi-bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
    height: auto !important;
    min-height: 56px;
  }
  /* Prevent body content from being hidden behind fixed nav */
  body {
    padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Prevent horizontal scroll/shift on mobile */
@media (max-width: 767px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative;
  }
  header, footer, .container, #navi-bar {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  .vrool-gsearch-bar {
    max-width: 100vw !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    overflow: visible !important;
    z-index: 10000 !important;
  }
  .vrool-gsearch-bar .container {
    overflow: visible !important;
    max-width: 100% !important;
  }
  .vrool-gsearch-wrap {
    overflow: visible !important;
  }
  .vrool-gs-results {
    position: fixed !important;
    top: auto !important;
    left: 12px !important;
    right: 12px !important;
    z-index: 100000 !important;
    max-height: 65vh !important;
  }
}

/* Ensure social feed widget is visible on narrow screens (Z Flip etc) */
@media (max-width: 767px) {
  .ml-social-home-widget,
  .ml-social-feed-home,
  .vrool-social-home-feed {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
}
/* Fix: Force hide user menu items on mobile for all user account pages */
@media(max-width:980px){
  body.body-ua #user-menu .vrool-ua-menu{display:none;height:0;overflow:hidden;padding:0!important;margin:0!important}
  body.body-ua #user-menu{padding:0!important;margin:0 0 4px 0!important;border:none!important;background:transparent!important;width:100%!important;max-width:100%!important;position:relative!important;top:auto!important;height:auto!important;flex:none!important}
  body.body-ua #epsUaMenuToggle.vrool-ua-menu-toggle{display:flex!important;width:100%!important;margin:0 0 8px 0!important;padding:14px 16px!important;border:none!important;border-radius:12px!important;background:linear-gradient(135deg,#8f72ac 0%,#7648a8 100%)!important;color:#fff!important;box-shadow:0 6px 18px rgba(118,72,168,0.35)!important}
  body.body-ua #user-menu.is-open .vrool-ua-menu{display:flex;height:auto;overflow:visible;padding:0!important;margin:0!important}
}

/* Keep the mobile menu glyph as legible as the other header icons in dark mode. */
@media (max-width: 767px) {
  :is(html[data-vrool-theme="dark"] body, html:not([data-vrool-theme="light"]) body[data-theme="dark"])
    header .cmain > a.menu.btn.isMobile img,
  :is(html[data-vrool-theme="dark"] body, html:not([data-vrool-theme="light"]) body[data-theme="dark"])
    header .cmain > a.menu.btn.isMobile:hover img {
    filter: brightness(0) saturate(100%) invert(79%) sepia(11%) saturate(509%) hue-rotate(215deg) brightness(99%) contrast(91%) !important;
  }
}