/* CATNARA V131 — Restore compact original Apple review image frame; keep theme-aware text. */
/* CATNARA V128 — SINGLE CANONICAL Apple review hero layout.
   Loaded LAST after App V120 theme bridge. Responsive full-photo card:
   fit the entire review photo (portrait or landscape) without clipping.
   Headline/description follow active Apple theme text tokens.
   Scoped only to public Apple APP; PC, CLASSIC, CMS and other APP untouched. */
@media screen and (max-width:820px){
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:auto!important;
  box-sizing:border-box!important;
  padding:0 0 10px!important;
  overflow:hidden!important;
  border-radius:23px!important;
  border:1px solid var(--catapp-native-line)!important;
  background:var(--catapp-native-surface)!important;
  box-shadow:0 7px 23px color-mix(in srgb,var(--catapp-native-text) 8%,transparent)!important;
  isolation:isolate;touch-action:pan-y!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-media{
  position:relative!important;inset:auto!important;
  grid-row:1!important;grid-column:1/-1!important;
  display:flex!important;justify-content:center!important;align-items:center!important;
  width:100%!important;height:clamp(155px,46vw,210px)!important;
  min-height:155px!important;max-height:210px!important;
  margin:0!important;padding:0!important;
  background:var(--catapp-native-soft)!important;
  border-radius:21px 21px 0 0!important;
  overflow:hidden!important;
  transform:translate3d(0,0,0);
  will-change:transform,opacity;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-photo{
  position:absolute!important;inset:0!important;
  display:block!important;
  width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  object-fit:cover!important;object-position:center 37%!important;
  aspect-ratio:auto!important;flex:0 0 auto!important;
  border-radius:21px 21px 0 0!important;margin:0!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-illustration{
  position:relative!important;inset:auto!important;display:flex!important;
  justify-content:center!important;align-items:center!important;
  min-height:155px!important;max-height:210px!important;width:100%!important;height:clamp(155px,46vw,210px)!important;
  padding:0!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-shade{
  display:none!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-copy{
  position:relative!important;inset:auto!important;
  grid-row:2!important;grid-column:1!important;
  align-self:center!important;justify-self:stretch!important;
  min-width:0!important;width:auto!important;max-width:none!important;
  margin:13px 0 0 16px!important;padding:0!important;
  transform:none!important;
  color:var(--catapp-native-text)!important;
  -webkit-text-fill-color:var(--catapp-native-text)!important;
  opacity:1!important;filter:none!important;
  pointer-events:none!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-tag{
  display:block!important;
  margin-bottom:4px!important;
  font-size:9px!important;font-weight:850!important;letter-spacing:.1em!important;
  color:var(--catapp-native-primary)!important;
  -webkit-text-fill-color:var(--catapp-native-primary)!important;
  text-shadow:none!important;opacity:1!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-copy h2{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  white-space:normal!important;word-break:keep-all!important;overflow-wrap:anywhere!important;
  color:var(--catapp-native-text)!important;
  -webkit-text-fill-color:var(--catapp-native-text)!important;
  font-size:16px!important;line-height:1.35!important;font-weight:850!important;
  letter-spacing:-.03em!important;text-shadow:none!important;
  opacity:1!important;filter:none!important;
  margin:0 0 3px!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-copy p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  white-space:normal!important;word-break:keep-all!important;overflow-wrap:anywhere!important;
  color:var(--catapp-native-text)!important;
  -webkit-text-fill-color:var(--catapp-native-text)!important;
  font-size:12px!important;line-height:1.45!important;font-weight:500!important;
  text-shadow:none!important;opacity:1!important;filter:none!important;
  margin:0!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-review-detail{
  position:relative!important;top:auto!important;bottom:auto!important;
  right:auto!important;left:auto!important;
  grid-row:2!important;grid-column:2!important;
  align-self:center!important;justify-self:end!important;
  width:auto!important;min-width:0!important;max-width:100%!important;
  min-height:36px!important;margin:13px 15px 0 10px!important;padding:6px 10px!important;
  border-radius:11px!important;
  font-size:11px!important;font-weight:800!important;
  background:var(--catapp-native-primary)!important;color:var(--catapp-native-on-primary)!important;
  -webkit-text-fill-color:var(--catapp-native-on-primary)!important;
  border:1px solid var(--catapp-native-primary)!important;
  box-shadow:none!important;opacity:1!important;cursor:pointer!important;
  white-space:nowrap!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-dots{
  position:relative!important;inset:auto!important;bottom:auto!important;left:auto!important;
  grid-row:3!important;grid-column:1/-1!important;
  align-self:center!important;justify-self:center!important;
  display:flex!important;gap:7px!important;
  height:18px!important;max-width:100%!important;
  margin:12px 0 0!important;transform:none!important;
  z-index:5!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-dots button{
  width:8px!important;height:8px!important;
  background:var(--catapp-native-line)!important;
  box-shadow:none!important;border:0!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-dots button[aria-pressed="true"]{
  width:22px!important;background:var(--catapp-native-primary)!important;
 }
 /* Swipe animation: clone is an overlay and must not change intrinsic grid size. */
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-media.catapp-original-hero-media--outgoing{
  position:absolute!important;inset:0 0 auto 0!important;
  grid-row:auto!important;grid-column:auto!important;
  width:100%!important;height:clamp(155px,46vw,210px)!important;
  max-height:210px!important;margin:0!important;padding:0!important;
  pointer-events:none!important;z-index:4!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero--dragging .catapp-original-hero-media:not(.catapp-original-hero-media--outgoing){
  transform:translate3d(var(--catapp-review-drag-x,0px),0,0)!important;
  transition:none!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero--enter-next .catapp-original-hero-media:not(.catapp-original-hero-media--outgoing){
  animation:catappReviewEnterNext .34s cubic-bezier(.2,.72,.22,1) both!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero--enter-prev .catapp-original-hero-media:not(.catapp-original-hero-media--outgoing){
  animation:catappReviewEnterPrev .34s cubic-bezier(.2,.72,.22,1) both!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-media--outgoing-next{
  animation:catappReviewLeaveNext .34s cubic-bezier(.2,.72,.22,1) both!important;
 }
 html[data-mobile-experience="app"][data-catapp-edition="original-apple"][data-view-mode="public"] body.catnara-app-shell-v2-active #catnara-app-home-v3.catapp-original-home .catapp-original-hero-media--outgoing-prev{
  animation:catappReviewLeavePrev .34s cubic-bezier(.2,.72,.22,1) both!important;
 }
}
@keyframes catappReviewEnterNext{from{opacity:.85;transform:translate3d(28px,0,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes catappReviewEnterPrev{from{opacity:.85;transform:translate3d(-28px,0,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes catappReviewLeaveNext{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-30px,0,0)}}
@keyframes catappReviewLeavePrev{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(30px,0,0)}}
@media (prefers-reduced-motion:reduce){
 .catapp-original-home .catapp-original-hero-media,
 .catapp-original-home .catapp-original-hero-media--outgoing{
  animation:none!important;transition:none!important;transform:none!important;
 }
}