/* EveryDayWasi responsive upgrades */
html{scroll-behavior:smooth;scroll-padding-top:150px}
.site-sticky-top{backdrop-filter:saturate(140%) blur(10px)}
.nav-scroll{-ms-overflow-style:none;scrollbar-width:none;padding-top:1rem;padding-bottom:1rem}
.nav-scroll::-webkit-scrollbar,.mobile-swipe::-webkit-scrollbar{display:none}
.category-menu{max-height:calc(100vh - 130px);overflow:auto}
.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}
@media (max-width:1023px){
  .site-sticky-top{box-shadow:0 8px 30px rgba(15,23,42,.08)}
  .site-nav .container{max-width:100%;padding-left:0;padding-right:0}
}
@media (max-width:640px){
  body{padding-bottom:78px;overflow-x:hidden}
  .container{width:100%}
  #flash-deals .grid{display:grid!important;grid-auto-flow:column;grid-auto-columns:76%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.75rem;gap:.75rem;-ms-overflow-style:none;scrollbar-width:none}
  #flash-deals .grid::-webkit-scrollbar{display:none}
  #flash-deals .grid>*{scroll-snap-align:start}
  #mobile-accessories .grid,#pc-accessories .grid,#smart-devices .grid,#lifestyle-gear .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}
  #mobile-accessories .grid .p-3,#pc-accessories .grid .p-3,#smart-devices .grid .p-3,#lifestyle-gear .grid .p-3{padding:.55rem!important}
  #mobile-accessories h4,#pc-accessories h4,#smart-devices h4,#lifestyle-gear h4{font-size:11px!important}
  #mobile-accessories button,#pc-accessories button,#smart-devices button,#lifestyle-gear button{font-size:10px!important;padding:.55rem .4rem!important}
  .group .translate-y-full{transform:translateY(0)!important}
  footer{padding-bottom:95px!important}
  .checkout-grid{grid-template-columns:1fr!important}
}
@media (max-width:380px){
  .mobile-bottom-nav span{font-size:9px}
  .nav-scroll{gap:1rem}
}


/* Shop page and category swipe refinements */
.shop-page .site-sticky-top{position:static!important;top:auto!important;box-shadow:none!important}
.shop-filter-sticky{position:sticky;top:0}
.home-category-swipe,.mobile-swipe{-ms-overflow-style:none;scrollbar-width:none}
.home-category-swipe::-webkit-scrollbar,.mobile-swipe::-webkit-scrollbar{display:none}
@media (max-width:640px){
  #categories .home-category-swipe{display:grid!important;grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem;gap:.85rem!important}
  #categories .home-category-swipe>*{scroll-snap-align:start}
  .shop-page .shop-filter-sticky{top:0!important}
  #shopProductsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}
  #shopProductsGrid .p-4{padding:.65rem!important}
  #shopProductsGrid h4{font-size:11px!important;line-height:1.25!important}
  #shopProductsGrid button{font-size:10px!important;padding:.55rem .3rem!important}
  #shopProductsGrid [data-shop-card] .product-image-box{padding:.85rem!important}
}


/* Product card image holder fix: keep generated product thumbnails perfectly square. */
.product-image-box{aspect-ratio:1 / 1;}
.product-image-box img{width:100%;height:100%;object-fit:contain;}
@media (max-width:640px){
  #homeProductsGrid [data-shop-card] .product-image-box,
  #homeFlashGrid [data-shop-card] .product-image-box,
  #homeSmartphonesGrid [data-shop-card] .product-image-box,
  #homeMobileAccessoriesGrid [data-shop-card] .product-image-box,
  #homePcAccessoriesGrid [data-shop-card] .product-image-box,
  #homeSmartDevicesGrid [data-shop-card] .product-image-box,
  #homeLifestyleGearGrid [data-shop-card] .product-image-box{
    aspect-ratio:1 / 1!important;
    padding:.85rem!important;
  }
}


/* Shop filter: locked mobile icon grid + desktop controls */
.shop-page .shop-filter-sticky{
  position:sticky!important;
  top:0!important;
  z-index:60!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}
.shop-filter-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.55rem;
}
.shop-filter-control,.shop-filter-action-card{
  min-height:64px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:#fff;
  color:#111827;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.25rem;
  position:relative;
  overflow:hidden;
  box-shadow:0 6px 16px rgba(15,23,42,.035);
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.shop-filter-control:focus-within,.shop-filter-control:hover,.shop-filter-action-card:hover{
  border-color:#111;
  box-shadow:0 8px 22px rgba(15,23,42,.07);
}
.shop-filter-icon,.shop-filter-action-card i{
  font-size:16px;
  color:#111;
}
.shop-filter-control span,.shop-filter-action-card span{
  font-size:10px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.shop-filter-control strong{
  max-width:92%;
  color:#6b7280;
  font-size:9px;
  line-height:1.1;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.shop-filter-control select{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
  border:0;
  font-size:16px;
}
.shop-control-search{
  grid-column:1 / -1;
  min-height:50px;
  flex-direction:row;
  justify-content:flex-start;
  padding:0 1rem;
  background:#f8f9fa;
}
.shop-control-search input{
  width:100%;
  min-width:0;
  height:100%;
  background:transparent;
  border:0;
  outline:none;
  font-size:14px;
  font-weight:800;
  color:#111827;
}
.shop-control-search input::placeholder{color:#9ca3af;font-weight:800}
.shop-filter-action-card.home{
  background:#FFD100;
  border-color:#FFD100;
  color:#000;
}
.shop-filter-action-card.home i{color:#000}
@media (min-width:768px){
  .shop-page .shop-filter-sticky{top:0!important;z-index:40!important;}
  .shop-filter-grid{
    grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) minmax(140px,1fr) minmax(150px,1fr) minmax(150px,1fr) 96px 96px;
    align-items:center;
    gap:.75rem;
  }
  .shop-filter-control,.shop-filter-action-card{
    min-height:48px;
    height:48px;
    border-radius:14px;
    box-shadow:none;
    background:#f8f9fa;
  }
  .shop-filter-control:not(.shop-control-search){padding:0;display:block;}
  .shop-filter-control:not(.shop-control-search) .shop-filter-icon,
  .shop-filter-control:not(.shop-control-search) span,
  .shop-filter-control:not(.shop-control-search) strong{display:none;}
  .shop-filter-control select{
    position:static;
    opacity:1;
    height:48px;
    border:0;
    outline:0;
    background:#f8f9fa;
    padding:0 1rem;
    border-radius:14px;
    color:#111827;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
  }
  .shop-control-search{
    grid-column:auto;
    min-height:48px;
    height:48px;
    padding:0 1rem;
  }
  .shop-filter-action-card{
    flex-direction:row;
    gap:.45rem;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
    cursor:pointer;
  }
}
@media (max-width:767px){
  .shop-page .site-sticky-top{position:static!important;}
  .shop-page main>section:first-child{display:none;}
  .shop-filter-sticky .container{padding-top:.65rem!important;padding-bottom:.65rem!important;}
}