/* Qasim v6.22.1 — quiet premium motion for the home benefits strip. */
.site-shell .benefits:not(.loyalty-benefits)>div{
  position:relative;
  isolation:isolate;
  border-radius:14px;
  padding-block:14px;
  transform:translateZ(0);
  transform-origin:center;
  transition:transform 220ms cubic-bezier(.2,.75,.25,1),background-color 220ms ease,box-shadow 220ms ease,color 220ms ease;
  will-change:transform;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.site-shell .benefits:not(.loyalty-benefits)>div::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:3px 7px;
  border:1px solid transparent;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(218,173,81,.09),rgba(218,173,81,0)) padding-box,
             linear-gradient(135deg,rgba(232,193,107,.52),rgba(128,88,28,.08)) border-box;
  opacity:0;
  transition:opacity 220ms ease;
  pointer-events:none;
}
.site-shell .benefits:not(.loyalty-benefits)>div b{
  transition:color 220ms ease,text-shadow 220ms ease;
}
@media (hover:hover) and (pointer:fine){
  .site-shell .benefits:not(.loyalty-benefits)>div:hover{
    z-index:2;
    transform:translateY(-4px) scale(1.028);
    background:rgba(210,158,55,.055);
    box-shadow:0 14px 30px rgba(0,0,0,.2),0 0 20px rgba(199,143,42,.07);
  }
  .site-shell .benefits:not(.loyalty-benefits)>div:hover::before{opacity:1}
  .site-shell .benefits:not(.loyalty-benefits)>div:hover b{
    color:#e7bd65;
    text-shadow:0 0 18px rgba(219,172,72,.18);
  }
}
.site-shell .benefits:not(.loyalty-benefits)>div.qasim-benefit-pressed{
  z-index:2;
  transform:scale(1.024);
  background:rgba(210,158,55,.07);
  box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 18px rgba(199,143,42,.08);
}
.site-shell .benefits:not(.loyalty-benefits)>div.qasim-benefit-pressed::before{opacity:1}
.site-shell[data-theme="light"] .benefits:not(.loyalty-benefits)>div.qasim-benefit-pressed{
  background:rgba(155,103,20,.055);
  box-shadow:0 14px 30px rgba(69,45,12,.11),0 0 18px rgba(155,103,20,.08);
}
@media (hover:hover) and (pointer:fine){
  .site-shell[data-theme="light"] .benefits:not(.loyalty-benefits)>div:hover{
    background:rgba(155,103,20,.055);
    box-shadow:0 14px 30px rgba(69,45,12,.11),0 0 18px rgba(155,103,20,.08);
  }
}
@media (max-width:700px){
  .site-shell .benefits:not(.loyalty-benefits)>div{padding:16px 7px}
  .site-shell .benefits:not(.loyalty-benefits)>div::before{inset:3px}
}
@media (prefers-reduced-motion:reduce){
  .site-shell .benefits:not(.loyalty-benefits)>div,
  .site-shell .benefits:not(.loyalty-benefits)>div::before,
  .site-shell .benefits:not(.loyalty-benefits)>div b{transition:none!important}
  .site-shell .benefits:not(.loyalty-benefits)>div:hover,
  .site-shell .benefits:not(.loyalty-benefits)>div.qasim-benefit-pressed{transform:none!important}
}