/* Mandrake UX v8 - volta topo da home original, stories/cupom + header desktop correto */
:root{
  --mg8-blue:#0057ff;
  --mg8-blue-dark:#0046d6;
  --mg8-ink:#07111f;
  --mg8-muted:#53647d;
  --mg8-line:#d7e7ff;
  --mg8-soft:#eef6ff;
  --mg8-shadow:0 16px 44px rgba(0,63,194,.10);
  --mg8-card-shadow:0 10px 28px rgba(7,17,31,.07);
}

/* Header da home/produtos alinhado e limpo em desktop grande */
.mg-header-inicio{
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(247,251,255,.94))!important;
  border-bottom:1px solid rgba(0,87,255,.14)!important;
  box-shadow:0 10px 28px rgba(7,17,31,.075)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.mg-header-inicio-inner{
  width:min(1760px,calc(100% - 4rem))!important;
  max-width:none!important;
  padding:.55rem 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.mg-inicio-logo-card{
  background:linear-gradient(135deg,#fff,#eef6ff)!important;
  border:1px solid rgba(0,87,255,.22)!important;
  border-radius:1.05rem!important;
  box-shadow:0 8px 22px rgba(0,87,255,.10)!important;
  min-height:3rem!important;
}
.mg-inicio-menu-button{
  background:linear-gradient(135deg,#fff,#eef6ff)!important;
  color:var(--mg8-blue)!important;
  border:1px solid rgba(0,87,255,.22)!important;
  border-radius:1rem!important;
  box-shadow:0 8px 22px rgba(0,87,255,.10)!important;
}
@media(min-width:2100px){
  .mg-header-inicio-inner{width:min(1980px,calc(100% - 5rem))!important;}
}
@media(max-width:900px){
  .mg-header-inicio-inner{width:calc(100% - 1rem)!important;padding:.44rem 0!important;}
  .mg-inicio-logo-card{min-height:2.75rem!important;padding:.32rem .62rem .32rem .38rem!important;}
  .mg-inicio-logo-img{width:2.15rem!important;height:2.15rem!important;}
  .mg-inicio-menu-button{width:2.65rem!important;height:2.65rem!important;}
}

/* Mantém identidade azul e background profissional */
body.mg-page-bg,
body{
  background:
    radial-gradient(circle at left top, rgba(0,87,255,.13), transparent 34rem),
    radial-gradient(circle at right top, rgba(14,165,233,.10), transparent 30rem),
    linear-gradient(180deg,#ecf8ff 0%,#f7fbff 48%,#eef7ff 100%)!important;
}

/* Marca d'água só no fundo, sem brigar com conteúdo */
body.mg-page-bg::after{
  display:block!important;
  content:""!important;
  position:fixed!important;
  right:max(1rem,calc((100vw - 1760px)/2 + 1rem))!important;
  bottom:7.5rem!important;
  left:auto!important;
  top:auto!important;
  width:clamp(220px,22vw,420px)!important;
  height:clamp(220px,22vw,420px)!important;
  background:url('/img/fivecoinmdk-480.webp') center/contain no-repeat!important;
  opacity:.012!important;
  filter:grayscale(100%) contrast(110%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.mg-logo-watermark::after{display:none!important;content:none!important;}
.brand-panel,.mg-story-card,.mg-coupon-card,.mg-products-panel,.mg-fashion-trust-item{position:relative!important;z-index:1!important;}
@media(max-width:900px){
  body.mg-page-bg::after{width:230px!important;height:230px!important;right:-4rem!important;bottom:6rem!important;opacity:.01!important;}
}

/* Remove o hero V7 da home e volta a porta de entrada antiga com stories/cupom */
.mg-home-entry-shell{display:none!important;}
.mg-main{padding-top:4.85rem!important;}
@media(max-width:900px){.mg-main{padding-top:4.25rem!important;}}

/* Containers iguais ao layout amplo, mas sem ficar espremido no centro */
.mg-wide-shell,.mg-store,.mg-client-scope,.mg-checkout-clean,.minha-conta-main{
  width:min(1760px,calc(100% - 4rem))!important;
  max-width:none!important;
}
@media(min-width:2100px){
  .mg-wide-shell,.mg-store,.mg-client-scope,.mg-checkout-clean,.minha-conta-main{width:min(1980px,calc(100% - 5rem))!important;}
}
@media(max-width:900px){
  .mg-wide-shell,.mg-store,.mg-client-scope,.mg-checkout-clean,.minha-conta-main{width:calc(100% - 1rem)!important;}
}

/* Stories/cupom visíveis e bonitos novamente */
.mg-story-shell{display:block!important;padding-top:.9rem!important;}
.mg-story-card,
.mg-story-card-empty{
  display:block!important;
  min-height:auto!important;
  border-radius:1.35rem!important;
  border:1px solid rgba(0,87,255,.14)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,246,255,.90))!important;
  box-shadow:var(--mg8-shadow)!important;
  overflow:hidden!important;
}
.mg-story-card > .absolute{opacity:.6!important;}
.mg-story-empty-inner{padding:1.2rem!important;}
.mg-story-logo{width:3.25rem!important;height:3.25rem!important;border-radius:1rem!important;}
.mg-story-title{font-size:clamp(1.35rem,2vw,2rem)!important;line-height:1.05!important;letter-spacing:-.04em!important;}
.mg-story-desc{display:block!important;font-size:.9rem!important;line-height:1.45!important;color:#53647d!important;}
.mg-story-content-box{margin-top:.8rem!important;border-radius:1.1rem!important;background:#fff!important;}
.mg-story-products-btn,
.mg-story-card .brand-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  min-height:2.75rem!important;
  padding:0 1rem!important;
  border-radius:.95rem!important;
  background:var(--mg8-blue)!important;
  color:#fff!important;
  border:1px solid var(--mg8-blue)!important;
  font-weight:1000!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(0,87,255,.20)!important;
}
@media(max-width:760px){
  .mg-story-empty-inner{padding:.95rem!important;}
  .mg-story-card .flex.sm\:items-center{align-items:flex-start!important;}
  .mg-story-products-btn,.mg-story-card .brand-button{width:100%!important;}
}

/* Benefício rotativo e confiança em vez dos cards repetidos do hero */
.mg-benefit-panel{display:block!important;border-radius:1.1rem!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--mg8-card-shadow)!important;}
.mg-fashion-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.75rem!important;}
.mg-fashion-trust-item{border-radius:1rem!important;padding:.78rem .9rem!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--mg8-card-shadow)!important;border:1px solid rgba(0,87,255,.12)!important;}
.mg-fashion-trust-icon{background:var(--mg8-blue)!important;color:#fff!important;}
@media(max-width:760px){
  .mg-fashion-trust{grid-template-columns:1fr!important;gap:.55rem!important;}
  .mg-fashion-trust-item{padding:.68rem!important;}
}

/* Cupom volta como bloco compacto */
.mg-coupon-card{background:linear-gradient(135deg,#eef6ff,#fff)!important;border-color:rgba(0,87,255,.16)!important;}
.coupon-scroll{scroll-snap-type:x mandatory!important;}
.coupon-scroll .mg-coupon-card{scroll-snap-align:start!important;}

/* Produtos em destaque continua clean */
.mg-products-panel{border-radius:1.35rem!important;background:rgba(255,255,255,.94)!important;box-shadow:var(--mg8-shadow)!important;}
.mg-products-heading{color:#071b55!important;letter-spacing:-.035em!important;word-spacing:.12em!important;}
#produtosCarrossel .produto-card{box-shadow:var(--mg8-card-shadow)!important;border-color:rgba(0,87,255,.14)!important;}
#produtosCarrossel .favorito{right:.65rem!important;top:.65rem!important;width:2.35rem!important;height:2.35rem!important;}

/* Mobile sem sobreposição */
@media(max-width:900px){
  #carrinhoFlutuante,.mg-floating-cart{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;}
  .mg-client-mobile-bar{height:4.15rem!important;bottom:calc(.6rem + env(safe-area-inset-bottom,0px))!important;}
  .mg-client-sticky-buy{bottom:calc(5.2rem + env(safe-area-inset-bottom,0px))!important;left:.65rem!important;right:.65rem!important;width:auto!important;border-radius:1rem!important;}
  .checkout-mobile-bar{bottom:calc(4.85rem + env(safe-area-inset-bottom,0px))!important;}
}
@media(max-width:640px){
  .mg-products-panel{padding:.85rem!important;border-radius:1.1rem!important;}
  .mg-products-heading{font-size:1.75rem!important;}
}