@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) {
  html, body {overflow-x:hidden;}

  /* 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:12px 14px;border-radius:14px;border:1px solid rgba(0,0,0,0.14);background:#fff !important;font-size:14px;font-weight:800;color:#171717 !important;line-height:1;text-decoration:none;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:10;}
  body.body-ua #epsUaMenuToggle.vrool-ua-menu-toggle:after {content:"\25BE";font-weight:900;opacity:0.7;margin-left:12px;flex:0 0 auto;}

  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);}
  body.body-ua #user-menu a.public {margin:0 0 10px 0;border-radius:12px;}
  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 #ad6dee;
    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:#ad6dee;
    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, #ad6dee, #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;
    top: 27px;
    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: 70px !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!important;height:0!important;overflow:hidden!important;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 6px 0!important;padding:12px 14px!important;border:1px solid rgba(15,23,42,0.14)!important;border-radius:12px!important;background:#fff!important}
  body.body-ua #user-menu.is-open .vrool-ua-menu{display:flex!important;height:auto!important;overflow:visible!important;padding:0!important;margin:0!important}
}