/* KHO MÁY MỚI V1.1.2 — HOME VISUAL CATEGORY CARDS
   Product-only assets extracted from user-provided references.
   Scope: Home category grid only. AppShell/BottomNav/quote logic untouched. */
#home .hero + .section .grid .tile{
  isolation:isolate;
  background-repeat:no-repeat;
  background-blend-mode:normal,screen,normal;
  text-shadow:0 2px 14px rgba(0,0,0,.16);
}
#home .hero + .section .grid .t1{
  background-image:url('/assets/images/categories/iphone.webp'),radial-gradient(circle at 82% 16%,rgba(255,255,255,.28),rgba(255,255,255,.08) 38%,transparent 66%),linear-gradient(150deg,#73e4ff,#4b8df7);
  background-size:72% auto,78% 110%,cover;
  background-position:right -10% top -8%,right -8% top -12%,center;
}
#home .hero + .section .grid .t2{
  background-image:url('/assets/images/categories/ipad.webp'),radial-gradient(circle at 82% 16%,rgba(255,255,255,.24),rgba(255,255,255,.07) 38%,transparent 66%),linear-gradient(150deg,#ffd68b,#ff903d);
  background-size:72% auto,78% 110%,cover;
  background-position:right -12% top -2%,right -8% top -12%,center;
}
#home .hero + .section .grid .t3{
  background-image:url('/assets/images/categories/watch.webp'),radial-gradient(circle at 82% 18%,rgba(255,255,255,.25),rgba(255,255,255,.07) 38%,transparent 66%),linear-gradient(150deg,#9bea92,#45c24e);
  background-size:67% auto,78% 110%,cover;
  background-position:right -7% top -7%,right -8% top -12%,center;
}
#home .hero + .section .grid .t4{
  background-image:url('/assets/images/categories/airpods.webp'),radial-gradient(circle at 80% 18%,rgba(255,255,255,.30),rgba(255,255,255,.08) 38%,transparent 66%),linear-gradient(150deg,#b5a8ff,#7959ff);
  background-size:56% auto,78% 110%,cover;
  background-position:right 1% top 0,right -8% top -12%,center;
}
@media (max-width:767px){
  #home .hero + .section .grid .tile{height:154px;padding:16px;font-size:21px}
  #home .hero + .section .grid .t1{background-size:75% auto,82% 112%,cover;background-position:right -15% top -1%,right -10% top -12%,center}
  #home .hero + .section .grid .t2{background-size:74% auto,82% 112%,cover;background-position:right -16% top 5%,right -10% top -12%,center}
  #home .hero + .section .grid .t3{background-size:70% auto,82% 112%,cover;background-position:right -13% top 0,right -10% top -12%,center}
  #home .hero + .section .grid .t4{background-size:60% auto,82% 112%,cover;background-position:right -2% top 6%,right -10% top -12%,center}
}
@media (min-width:1200px){
  #home .hero + .section .grid .tile{height:188px;padding:20px;font-size:23px}
  #home .hero + .section .grid .t1{background-size:68% auto,72% 106%,cover;background-position:right -6% top -10%,right -6% top -10%,center}
  #home .hero + .section .grid .t2{background-size:68% auto,72% 106%,cover;background-position:right -8% top 0,right -6% top -10%,center}
  #home .hero + .section .grid .t3{background-size:64% auto,72% 106%,cover;background-position:right -4% top -8%,right -6% top -10%,center}
  #home .hero + .section .grid .t4{background-size:52% auto,72% 106%,cover;background-position:right 3% top 2%,right -6% top -10%,center}
}