/* Pickikt frontend motion — lightweight, compositor-only animations. */
@media (prefers-reduced-motion:no-preference){
 body.ph-motion-ready .ph-motion-item{opacity:0;transform:translate3d(0,18px,0);transition:opacity .48s ease,transform .48s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
 body.ph-motion-ready .ph-motion-item.ph-in-view{opacity:1;transform:none;will-change:auto}
 body.ph-motion-ready .ph-motion-pop{transform:scale(.965);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
 body.ph-motion-ready .ph-motion-pop.ph-in-view{transform:scale(1)}
 .ph-header,.ph-site-header,#mnbp-navbar{animation:phUiEnter .38s ease both}
 a,button,.ph-btn,[role="button"]{transition-property:transform,opacity,box-shadow,background-color,border-color;transition-duration:.16s;transition-timing-function:ease}
 a:active,button:active,.ph-btn:active,[role="button"]:active{transform:scale(.975)}
 @keyframes phUiEnter{from{opacity:0;transform:translate3d(0,-8px,0)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v5.107.82 render performance: skip layout/paint work for off-screen frontend sections. */
@supports (content-visibility:auto){
  .ph-section,.ph-store-section,.pdm-section,.db-section,.vm-section,.cvp-section,.ph-policy-content{
    content-visibility:auto;
    contain-intrinsic-size:auto 700px;
  }
}
/* Keep interactions compositor-friendly. */
.ph-motion-item,.ph-store-product-card,.pdm-card,.deal-card,.db-card,.vm-card,.cvp-card{backface-visibility:hidden;}

/* v5.107.91: all frontend dialogs/popups stay inside the visible viewport. */
.ph-modal,.ph-modal-product,.ph-modal-overlay,.ph-video-modal,.ph-sidebar-video-modal,
.li-popup-backdrop,.pdm-modal-overlay,.cvp-overlay,.cvp-modal-overlay,
.vm-modal-overlay,.deal-modal-overlay,.db-modal-overlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:var(--ph-vh,100dvh)!important;
  max-width:none!important;
  max-height:none!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
  z-index:2147483000!important;
}
.ph-modal-box,.ph-compare-modal-inner,.ph-sidebar-video-modal-inner,.li-popup-box,.pdm-modal,.cvp-modal,
.ph-video-modal-inner,[role="dialog"] > .modal-content{
  max-height:calc(var(--ph-vh,100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  box-sizing:border-box!important;
}
/* content-visibility/contain can establish clipping/containing contexts for nested fixed UI. */
.ph-section,.ph-store-section,.pdm-section,.db-section,.vm-section,.cvp-section,.ph-policy-content{contain:none!important;}
@supports (content-visibility:auto){
 .ph-section,.ph-store-section,.pdm-section,.db-section,.vm-section,.cvp-section,.ph-policy-content{content-visibility:visible!important;contain-intrinsic-size:none!important;}
}

/* v5.107.95 — global compact frontend density (responsive, no feature removal). */
:root{--ph-compact-gap:12px;--ph-compact-pad:14px;--ph-compact-radius:12px}
.ph-section,.ph-store-section,.pdm-section,.db-section,.vm-section,.cvp-section{margin-block:14px!important;padding-block:12px!important}
.ph-container,.ph-wrap,.ph-content,.pdm-container,.db-container,.vm-container{padding-left:14px!important;padding-right:14px!important}
.ph-card,.ph-store-product-card,.ph-store-card,.ph-offer-card,.pdm-card,.deal-card,.db-card,.vm-card,.cvp-card,.la-card{padding:12px!important;border-radius:var(--ph-compact-radius)!important}
.ph-grid,.ph-cards,.ph-store-grid,.pdm-grid,.db-grid,.vm-grid{gap:var(--ph-compact-gap)!important}
.ph-section h1,.ph-section h2,.ph-section h3,.ph-section-title,.pdm-section-title,.db-section-title{margin-top:0!important;margin-bottom:8px!important;line-height:1.2!important}
.ph-section p,.ph-card p,.pdm-card p,.db-card p,.vm-card p{margin-top:5px!important;margin-bottom:7px!important}
.ph-btn,.ph-button,.pdm-btn,.db-btn,.vm-btn,button,input[type=submit]{min-height:36px!important;padding:7px 12px!important;line-height:1.2!important}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{padding:8px 10px!important;min-height:38px!important}
.ph-modal-box,.ph-compare-modal-inner,.ph-sidebar-video-modal-inner,.li-popup-box,.pdm-modal,.cvp-modal{padding:14px!important}
.ph-header,.ph-site-header{min-height:52px!important}
.ph-header-inner,.ph-site-header-inner{padding-top:6px!important;padding-bottom:6px!important}
.ph-bottom-nav,.ph-mobile-nav{min-height:52px!important}
/* Newly recreated App Download page: compact without reverting its design. */
.ph-app-download,.ph-app-download-wrap,.ph-app-download-shell,.ph-app-download-card,.ph-app-download-hero{gap:12px!important}
.ph-app-download-card,.ph-app-download-shell,.ph-app-download-hero{padding:16px!important}
.ph-app-download img,.ph-app-icon{max-width:84px;height:auto}
@media (max-width:782px){
 :root{--ph-compact-gap:9px;--ph-compact-pad:10px}
 .ph-section,.ph-store-section,.pdm-section,.db-section,.vm-section,.cvp-section{margin-block:9px!important;padding-block:8px!important}
 .ph-container,.ph-wrap,.ph-content,.pdm-container,.db-container,.vm-container{padding-left:10px!important;padding-right:10px!important}
 .ph-card,.ph-store-product-card,.ph-store-card,.ph-offer-card,.pdm-card,.deal-card,.db-card,.vm-card,.cvp-card,.la-card{padding:9px!important;border-radius:10px!important}
 .ph-grid,.ph-cards,.ph-store-grid,.pdm-grid,.db-grid,.vm-grid{gap:9px!important}
 .ph-btn,.ph-button,.pdm-btn,.db-btn,.vm-btn,button,input[type=submit]{min-height:34px!important;padding:6px 10px!important}
 .ph-modal-box,.ph-compare-modal-inner,.ph-sidebar-video-modal-inner,.li-popup-box,.pdm-modal,.cvp-modal{padding:10px!important}
 .ph-app-download-card,.ph-app-download-shell,.ph-app-download-hero{padding:12px!important;gap:10px!important}
 .ph-app-download img,.ph-app-icon{max-width:72px}
}
@media (min-width:783px) and (max-width:1100px){
 .ph-section,.ph-store-section,.pdm-section,.db-section,.vm-section,.cvp-section{margin-block:12px!important;padding-block:10px!important}
 .ph-card,.ph-store-product-card,.pdm-card,.deal-card,.db-card,.vm-card,.cvp-card{padding:11px!important}
}
/* Compact motion: shorter travel/duration keeps dense pages feeling fast. */
@media (prefers-reduced-motion:no-preference){
 body.ph-motion-ready .ph-motion-item{transform:translate3d(0,10px,0);transition-duration:.34s}
 .ph-card:hover,.ph-store-product-card:hover,.pdm-card:hover,.deal-card:hover,.db-card:hover,.vm-card:hover,.cvp-card:hover{transform:translateY(-2px)}
}