/* V107 final UI commerce patch: centered hero content, fixed header, accessory suggestions. */
html{scroll-padding-top:96px;}
body{padding-top:76px;}
.admin-bar body{padding-top:108px;}
.manya-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:99999!important;
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.06)!important;
}
.admin-bar .manya-header{top:32px!important;}
.site-main{overflow:hidden;}

/* Center hero content while keeping existing V106 hero image and design. */
.home .apple-hero.v103-home-hero,
.home .v90-home-hero,
.apple-hero.v103-home-hero{
  min-height:calc(100vh - 76px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:70px 0 64px!important;
  overflow:hidden!important;
  position:relative!important;
}
.home .apple-hero.v103-home-hero .container,
.home .v90-home-hero .container{
  display:flex!important;
  min-height:calc(100vh - 210px)!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  position:relative!important;
  z-index:2!important;
}
.home .apple-hero .eyebrow,
.home .apple-hero .hero-title,
.home .apple-hero .hero-sub,
.home .apple-hero .hero-actions{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.home .apple-hero .hero-title{
  max-width:980px!important;
}
.home .apple-hero .hero-sub{
  max-width:850px!important;
}
.home .apple-hero .hero-actions{
  justify-content:center!important;
}
.home .apple-hero .hero-media,
.home .v90-home-hero .hero-media,
.home .hero-wrapper .hero-media{
  width:min(1120px,96vw)!important;
  margin:34px auto 0!important;
  border-radius:38px!important;
  overflow:hidden!important;
  position:relative!important;
  aspect-ratio:16/7.2!important;
  min-height:360px!important;
  max-height:620px!important;
  box-shadow:0 35px 110px rgba(0,0,0,.14)!important;
}
.home .apple-hero .hero-media img,
.home .v90-home-hero .hero-media img,
.home .hero-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1)!important;
  will-change:transform!important;
  transition:transform .1s linear!important;
  display:block!important;
  position:static!important;
}
.home .v90-facts{margin-top:24px!important;}

/* Accessory suggestion cards after cart actions. */
.manya-accessory-suggestions{
  width:min(1180px,calc(100% - 40px));
  margin:28px auto 46px;
  padding:28px;
  background:linear-gradient(135deg,#ffffff 0%,#f3f8f4 100%);
  border:1px solid rgba(11,93,70,.12);
  border-radius:32px;
  box-shadow:0 22px 70px rgba(0,0,0,.075);
}
.manya-accessory-suggestions .manya-suggestion-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px;
}
.manya-accessory-suggestions .manya-suggestion-head h2{
  margin:0;color:var(--manya-ink,#1d1d1f);font-size:clamp(26px,3vw,42px);letter-spacing:-.045em;line-height:1.02;
}
.manya-accessory-suggestions .manya-suggestion-head p{margin:8px 0 0;color:var(--manya-muted,#767676);font-size:16px;line-height:1.45;}
.manya-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.manya-suggestion-card{background:#fff;border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.06);box-shadow:0 12px 42px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease;}
.manya-suggestion-card:hover{transform:translateY(-5px);box-shadow:0 24px 70px rgba(0,0,0,.12);}
.manya-suggestion-card img{display:block;width:100%!important;height:190px!important;object-fit:cover!important;}
.manya-suggestion-card div{padding:18px;}
.manya-suggestion-card h3{margin:0 0 8px;color:var(--manya-green,#0b5d46);font-size:22px;line-height:1.05;letter-spacing:-.035em;}
.manya-suggestion-card p{margin:0;color:var(--manya-muted,#767676);font-size:15px;line-height:1.4;}
.manya-suggestion-card span{display:inline-flex;margin-top:14px;color:var(--manya-green,#0b5d46);font-weight:900;}

@media(max-width:782px){
  body{padding-top:72px;}
  .admin-bar .manya-header{top:46px!important;}
  .home .apple-hero.v103-home-hero,
  .home .v90-home-hero{min-height:auto!important;padding:48px 0 54px!important;}
  .home .apple-hero.v103-home-hero .container,
  .home .v90-home-hero .container{min-height:auto!important;}
  .home .apple-hero .hero-media,
  .home .v90-home-hero .hero-media{aspect-ratio:4/3!important;min-height:260px!important;border-radius:28px!important;}
  .manya-accessory-suggestions{width:calc(100% - 24px);padding:20px;border-radius:26px;}
  .manya-accessory-suggestions .manya-suggestion-head{display:block;}
  .manya-suggestion-grid{grid-template-columns:1fr;}
}
