/* TopRest Mobile Vivid UI — inspired by lively mobile commerce patterns, original implementation */
@media (max-width: 689px){
  html{background:#F4FBFD}
  body.home{background:
    radial-gradient(circle at 12% 5%,rgba(8,116,150,.08),transparent 24rem),
    radial-gradient(circle at 90% 18%,rgba(10,75,122,.06),transparent 22rem),
    #F4FBFD!important}

  /* Mobile header: clean glass surface */
  #header [data-row]{
    background:rgba(255,255,255,.94)!important;
    border-bottom:1px solid rgba(199,229,238,.78)!important;
    box-shadow:0 8px 30px rgba(6,47,79,.06)!important;
    -webkit-backdrop-filter:blur(14px) saturate(145%);
    backdrop-filter:blur(14px) saturate(145%);
  }
  #header .ct-header-trigger,#header .ct-cart-item,#header .ct-account-item{
    background:linear-gradient(180deg,#fff,#F4FBFD)!important;
    border:1px solid #C7E5EE!important;
    box-shadow:0 5px 16px rgba(6,47,79,.07),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }

  /* Hero gets depth without changing its artwork */
  body.home .qasf-section--hero{
    position:relative;
    margin:8px 10px 0!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-shadow:0 18px 42px rgba(6,47,79,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;
  }
  body.home .qasf-section--hero:before,
  body.home .qasf-section--hero:after{
    content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:1;filter:blur(2px)
  }
  body.home .qasf-section--hero:before{
    width:190px;height:190px;left:-75px;top:-70px;
    background:radial-gradient(circle,rgba(255,255,255,.20),rgba(8,116,150,.10) 42%,transparent 72%);
  }
  body.home .qasf-section--hero:after{
    width:150px;height:150px;right:-55px;bottom:-55px;
    background:radial-gradient(circle,rgba(135,226,246,.20),rgba(10,75,122,.08) 46%,transparent 72%);
  }
  body.home .qasf-hero-slide,body.home .qasf-hero-content{position:relative;z-index:2}
  body.home .qasf-hero-content h1{text-shadow:0 5px 22px rgba(0,0,0,.16)}
  body.home .qasf-hero-actions .button{
    border-radius:14px!important;
    background:linear-gradient(135deg,#087496,#0A4B7A)!important;
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.26)!important;
  }

  /* Sections: less flat, more layered */
  body.home .qasf-storefront>.qasf-section:not(.qasf-section--hero){position:relative;overflow:hidden}
  body.home #home-city{background:transparent!important;padding:12px 0 18px!important}
  body.home #home-city .qasf-cta{
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(231,247,252,.96))!important;
    border:1px solid rgba(168,220,233,.9)!important;
    border-radius:20px!important;
    box-shadow:0 14px 34px rgba(6,47,79,.09),inset 0 1px 0 #fff!important;
  }
  body.home #home-offers,body.home #home-200ml,body.home #home-600ml{
    background:linear-gradient(180deg,#F4FBFD 0%,#ECF8FB 48%,#F8FDFE 100%)!important;
  }
  body.home #home-best-sellers,body.home #home-330ml,body.home #home-mosques,
  body.home #shop-by-size,body.home #featured-brands,body.home #customer-reviews{
    background:linear-gradient(180deg,#fff 0%,#FBFEFF 100%)!important;
  }

  /* Headings */
  body.home .qasf-section-heading{position:relative;padding-inline-start:13px!important}
  body.home .qasf-section-heading:before{
    content:"";position:absolute;right:0;top:5px;width:4px;height:32px;border-radius:999px;
    background:linear-gradient(180deg,#087496,#0A4B7A);
    box-shadow:0 4px 12px rgba(8,116,150,.25);
  }
  body.home .qasf-section-heading h2{font-size:24px!important;font-weight:800!important;letter-spacing:-.25px!important}
  body.home .qasf-section-heading p{color:#607985!important}

  /* Product cards: glossy, touch-friendly */
  body.home .qasf-section--products ul.products{gap:10px!important}
  body.home .qasf-section--products ul.products li.product{
    position:relative!important;
    border-radius:18px!important;
    padding:9px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 66%,#F1FAFC 100%)!important;
    border:1px solid rgba(199,229,238,.96)!important;
    box-shadow:0 10px 26px rgba(6,47,79,.075),inset 0 1px 0 rgba(255,255,255,1)!important;
    transform:translateZ(0);
  }
  body.home .qasf-section--products ul.products li.product:before{
    content:"";position:absolute;z-index:0;pointer-events:none;
    width:115px;height:115px;left:-38px;top:-42px;border-radius:50%;
    background:radial-gradient(circle,rgba(135,226,246,.25),rgba(231,247,252,.09) 48%,transparent 72%);
  }
  body.home .qasf-section--products ul.products li.product>*{position:relative;z-index:1}
  body.home .qasf-section--products li.product img{
    border-radius:14px!important;
    background:radial-gradient(circle at 50% 38%,#fff 0%,#F4FBFD 70%,#ECF8FB 100%)!important;
    box-shadow:inset 0 1px 0 #fff!important;
  }
  body.home .qasf-section--products .woocommerce-loop-product__title{
    color:#0D2B3E!important;font-size:12.5px!important;font-weight:750!important;line-height:1.55!important;
  }
  body.home .qasf-section--products .price{color:#0A4B7A!important;font-size:14px!important;font-weight:900!important}
  body.home .qasf-section--products li.product>.button{
    min-height:40px!important;border-radius:12px!important;
    background:linear-gradient(135deg,#062F4F,#0A4B7A)!important;
    border:0!important;
    box-shadow:0 8px 18px rgba(6,47,79,.20),inset 0 1px 0 rgba(255,255,255,.20)!important;
  }
  body.home .qasf-section--products li.product:active{transform:scale(.985)!important}
  body.home .qasf-section--products .onsale{
    background:linear-gradient(135deg,#087496,#065D7B)!important;
    box-shadow:0 6px 15px rgba(8,116,150,.22)!important;
  }

  /* Collection / brand cards */
  body.home .qcol-card-surface,
  body.home .qcol-item>a,
  body.home .qasf-term-card,
  body.home .qasf-brand-card{
    border-radius:17px!important;
    border:1px solid #C7E5EE!important;
    background:linear-gradient(145deg,#fff,#F2FBFD)!important;
    box-shadow:0 9px 22px rgba(6,47,79,.07),inset 0 1px 0 #fff!important;
  }
  body.home .qcol-item:active .qcol-card-surface{transform:scale(.98)!important}

  /* General mobile commerce surfaces */
  .woocommerce .cart_totals,.woocommerce-checkout-review-order,.woocommerce-account .woocommerce-MyAccount-content,
  .trq-box,.tr-location{
    border-radius:18px!important;
    border-color:#C7E5EE!important;
    background:linear-gradient(180deg,#fff,#FAFEFF)!important;
    box-shadow:0 12px 30px rgba(6,47,79,.075),inset 0 1px 0 #fff!important;
  }
  input:not([type=checkbox]):not([type=radio]),select,textarea{
    min-height:46px;
    box-shadow:inset 0 1px 2px rgba(6,47,79,.025),0 3px 10px rgba(6,47,79,.025)!important;
  }
  .single_add_to_cart_button,.checkout-button,#place_order,.qasf-button{
    background:linear-gradient(135deg,#062F4F,#0A4B7A)!important;
    box-shadow:0 9px 22px rgba(6,47,79,.20),inset 0 1px 0 rgba(255,255,255,.20)!important;
  }

  /* Better touch feedback */
  a,button,.button,.qcol-item,.woocommerce li.product{-webkit-tap-highlight-color:transparent}
  button:active,.button:active,.ct-button:active,.qcol-item:active{transform:scale(.98)}
}

@media (max-width:689px) and (prefers-reduced-motion:no-preference){
  body.home .qasf-hero-actions .button{background-size:180% 180%!important;animation:tr-water-pulse 7s ease-in-out infinite}
  @keyframes tr-water-pulse{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
}