/* SOREVIA_HOME_HERO_RESTORE_V1
 * Restore the existing hero footprint. Real PDF pages are composed as digital
 * screen previews; there is no book cover, spine or physical product mockup.
 */
#storefront .store-hero-art.planner-hero-art { aspect-ratio:3 / 2; }
#storefront .planner-hero-screen { position:absolute; margin:0; overflow:hidden; border:1px solid #b7b6ad; border-radius:10px; background:#f4f0ea; box-shadow:0 20px 38px #3f382b26; }
#storefront .planner-hero-screen.side-left { left:9%; top:19%; width:27%; transform:rotate(-9deg); }
#storefront .planner-hero-screen.side-right { right:9%; top:19%; width:27%; transform:rotate(9deg); }
#storefront .planner-hero-screen.main-screen { left:32.5%; top:5%; width:35%; z-index:1; border:8px solid #292b27; border-radius:20px; box-shadow:0 24px 42px #3f382b38; }
#storefront .planner-hero-screen .planner-screen-bar { display:flex; align-items:center; gap:4px; height:17px; padding:0 8px; border-bottom:1px solid #dad5ca; background:#e9e5dc; }
#storefront .planner-screen-bar i { display:block; width:4px; height:4px; border-radius:50%; background:#8b8d81; }
#storefront .planner-hero-screen.main-screen .planner-screen-bar { height:12px; justify-content:center; border:0; background:#292b27; }
#storefront .planner-hero-screen.main-screen .planner-screen-bar i { background:#696b64; }
#storefront .planner-hero-screen img { width:100%; height:auto; aspect-ratio:1600 / 2263; display:block; object-fit:contain; animation:none; }
#storefront .winter-feature #winter-feature-title { margin:0; color:#191a17; font-family:"Playfair Display",Georgia,serif; font-weight:400; font-size:4rem; letter-spacing:-.04em; line-height:1.05; }
@media(max-width:1000px){#storefront .winter-feature #winter-feature-title{font-size:3rem;}}
@media(max-width:600px){
  #storefront .planner-hero-screen { border-radius:5px; box-shadow:0 10px 18px #3f382b26; }
  #storefront .planner-hero-screen.main-screen { border-width:4px; border-radius:10px; box-shadow:0 12px 20px #3f382b38; }
  #storefront .planner-hero-screen .planner-screen-bar { height:10px; padding:0 4px; gap:2px; }
  #storefront .planner-screen-bar i { width:2px; height:2px; }
  #storefront .planner-hero-screen.main-screen .planner-screen-bar { height:6px; }
}
@media(max-width:360px){#storefront .winter-feature #winter-feature-title{font-size:2rem;}}
