/* R44 — autocomplete, dark mode completo, ficha mobile compacta e carrinho editável */

/* ---------- AUTOCOMPLETE ---------- */
.r44-suggest-host{position:relative!important}
.r44-suggestions{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  z-index:3000!important;
  background:#fff!important;
  border:1px solid #e5ded5!important;
  border-radius:14px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.15)!important;
  overflow:hidden!important;
  max-height:min(360px,48vh)!important;
  overflow-y:auto!important;
}
.r44-suggestions[hidden]{display:none!important}
.r44-suggestion{
  width:100%!important;
  border:0!important;
  border-bottom:1px solid #f0ebe5!important;
  background:#fff!important;
  color:#2b221b!important;
  text-align:left!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  cursor:pointer!important;
}
.r44-suggestion:last-child{border-bottom:0!important}
.r44-suggestion strong{font-size:14px!important;line-height:1.3!important}
.r44-suggestion small{font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#9a7a2b!important;white-space:nowrap!important}
.r44-suggestion:hover,.r44-suggestion:focus{background:#faf7f1!important;outline:none!important}

/* ---------- NOTIFICAÇÃO DO CARRINHO ---------- */
#detailMsg.r44-cart-toast{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.r44-cart-toast-btn{
  width:100%!important;
  border:1px solid #b9ddc5!important;
  background:#edf9f1!important;
  color:#184d2a!important;
  border-radius:14px!important;
  padding:13px 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  font-weight:800!important;
  cursor:pointer!important;
  text-align:left!important;
}
.r44-cart-toast-btn span:last-child{color:#15833c!important;white-space:nowrap!important}

/* ---------- EDITAR PARCELAMENTO NO CARRINHO ---------- */
.r44-edit-pay{
  margin-top:8px!important;
  border:1px solid #d9caa8!important;
  background:#fffaf0!important;
  color:#7a5810!important;
  border-radius:10px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
#r44PaymentModal{
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(0,0,0,.46)!important;
}
#r44PaymentModal.open{display:flex!important}
.r44-pay-card{
  width:min(560px,100%)!important;
  max-height:min(720px,88dvh)!important;
  overflow-y:auto!important;
  background:#fff!important;
  border-radius:20px!important;
  box-shadow:0 28px 70px rgba(0,0,0,.24)!important;
  padding:18px!important;
}
.r44-pay-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important}
.r44-pay-head h3{margin:0!important;font-size:20px!important}
.r44-pay-head p{margin:4px 0 0!important;color:#7d736a!important;font-size:13px!important}
.r44-pay-close{width:40px!important;height:40px!important;border:1px solid #e2ddd7!important;border-radius:12px!important;background:#fff!important;font-size:22px!important}
.r44-pay-list{display:grid!important;gap:8px!important}
.r44-pay-row{
  border:1px solid #e5dfd7!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:12px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  cursor:pointer!important;
}
.r44-pay-row.selected{border-color:#c99a1c!important;background:#fff9e9!important}
.r44-pay-row strong{font-size:14px!important}
.r44-pay-row span{font-size:13px!important;color:#655b52!important}

/* ---------- MOBILE: FICHA MAIS COMPACTA ---------- */
@media(max-width:820px){
  #detailModal #detailBody{padding:14px 13px 72px!important}
  #detailModal .r30-detail{gap:16px!important}
  #detailModal .r30-main-image,
  #detailModal .detail-gallery{
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
  }
  #detailModal .r30-main-image img,
  #detailModal .detail-gallery img{
    width:100%!important;
    height:auto!important;
    max-height:34dvh!important;
    object-fit:contain!important;
    padding:10px!important;
  }
  #detailModal .detail h2,
  #detailModal .r30-info h2{
    margin:4px 0 10px!important;
    max-width:100%!important;
    font-size:clamp(23px,7vw,30px)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
  }
  #detailModal .detail-price{
    font-size:26px!important;
    line-height:1.1!important;
    margin:8px 0!important;
  }
  #detailModal .detail-desc{
    font-size:15.5px!important;
    line-height:1.62!important;
    max-width:100%!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  #detailModal .box{
    width:100%!important;
    max-width:100%!important;
    padding:15px!important;
    margin:12px 0!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  #detailModal .box h4{font-size:15px!important;margin-bottom:10px!important}
  #detailModal .r30-specs>div{
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding:10px 0!important;
  }
  #detailModal .r30-specs b,
  #detailModal .r30-specs span{
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }
  #detailModal .r30-related h2,
  #detailModal .r26-related h2{font-size:24px!important;line-height:1.1!important}
  #detailModal .r30-related,
  #detailModal .r26-related{max-width:100%!important;overflow:hidden!important}
}

/* ---------- DARK MODE: TODA A JORNADA ---------- */
body.dark{
  --ink:#f4eadf!important;
  --muted:#b9aea3!important;
  --line:#40372e!important;
  background:#11100f!important;
  color:#f4eadf!important;
}
body.dark #publicApp,
body.dark #publicApp>.wrap,
body.dark main,
body.dark .catalog-shell,
body.dark #ggCatalogBrowse{background:#11100f!important;color:#f4eadf!important}
body.dark .top{
  background:#171411!important;
  border-color:#3a322a!important;
}
body.dark .nav-link,
body.dark .nav-icon,
body.dark .brand b,
body.dark .brand span{color:#f4eadf!important}
body.dark .hero,
body.dark .hero .panel,
body.dark .hero-copy,
body.dark .hero .flow{
  background:#171411!important;
  border-color:#40372e!important;
  color:#f4eadf!important;
}
body.dark .hero h1,
body.dark .hero h2,
body.dark .hero p{color:#f4eadf!important}
body.dark .hero p{color:#b9aea3!important}

/* Home / categorias */
body.dark .gg-type-card{
  background:linear-gradient(145deg,#1b1d20,#24272b)!important;
  border-color:#454a50!important;
  color:#f4eadf!important;
}
body.dark .gg-type-card:nth-child(3n+2){
  background:linear-gradient(145deg,#21191d,#2b2025)!important;
  border-color:#5b414b!important;
}
body.dark .gg-type-card:nth-child(3n){
  background:linear-gradient(145deg,#182018,#222b22)!important;
  border-color:#405441!important;
}
body.dark .gg-type-card h3,
body.dark .gg-type-card p,
body.dark .gg-type-card .gg-type-link,
body.dark .gg-type-card .gg-type-count,
body.dark .gg-type-card .gg-type-num{color:#f4eadf!important}
body.dark .gg-type-card p,
body.dark .gg-type-card .gg-type-count{color:#b9aea3!important}

/* Catálogo / cabeçalho por categoria */
body.dark #ggCatalogBrowse .r27-browse-hero{
  --r40-cat-bg:linear-gradient(105deg,#1b1714,#211c18)!important;
  --r40-cat-border:#40372e!important;
}
body.dark #ggCatalogBrowse[data-r39-category="PERFUMARIA"] .r27-browse-hero{background:linear-gradient(105deg,#25191f,#1b1518)!important}
body.dark #ggCatalogBrowse[data-r39-category="SKINCARE"] .r27-browse-hero{background:linear-gradient(105deg,#172019,#141915)!important}
body.dark #ggCatalogBrowse[data-r39-category="HAIR & BEAUTY"] .r27-browse-hero{background:linear-gradient(105deg,#241a1e,#191416)!important}
body.dark #ggCatalogBrowse[data-r39-category="TECNOLOGIA"] .r27-browse-hero{background:linear-gradient(105deg,#17202a,#14191f)!important}
body.dark #ggCatalogBrowse[data-r39-category="CASA INTELIGENTE"] .r27-browse-hero{background:linear-gradient(105deg,#1e2117,#171912)!important}
body.dark #ggCatalogBrowse[data-r39-category="GAMES"] .r27-browse-hero{background:linear-gradient(105deg,#211a28,#18141e)!important}
body.dark .r27-browse-hero h1,
body.dark .r27-browse-hero p,
body.dark .r27-browse-eyebrow{color:#f4eadf!important}
body.dark .r27-browse-hero p{color:#b9aea3!important}
body.dark .r27-chip,
body.dark .r29-audience-chip{
  background:#211d19!important;
  border-color:#4a4035!important;
  color:#e9dfd4!important;
}
body.dark .r27-chip.active,
body.dark .r29-audience-chip.active{
  background:#d1a347!important;
  color:#17120b!important;
  border-color:#d1a347!important;
}
body.dark .r27-search-row input,
body.dark input,
body.dark select,
body.dark textarea{
  background:#1d1916!important;
  color:#f4eadf!important;
  border-color:#4a4035!important;
}
body.dark input::placeholder,
body.dark textarea::placeholder{color:#8f8378!important}

/* Produto cards */
body.dark .card,
body.dark .card-body{
  background:#191714!important;
  border-color:#40372e!important;
  color:#f4eadf!important;
}
body.dark .card-body h3,
body.dark .card .price{color:#f4eadf!important}
body.dark .card .meta,
body.dark .card .ref,
body.dark .card .install{color:#b9aea3!important}
body.dark .card .thumb{background:#24211e!important}
body.dark .card .thumb img{background:#fff!important}

/* Ficha */
body.dark #detailModal,
body.dark #detailModal .modal-card,
body.dark #detailModal #detailBody{
  background:#11100f!important;
  color:#f4eadf!important;
}
body.dark #detailModal .close-row{
  background:rgba(17,16,15,.98)!important;
  border-color:#40372e!important;
}
body.dark #detailModal .box,
body.dark #detailModal .r30-specs,
body.dark #detailModal .r35-fragrance-profile,
body.dark #detailModal .notice{
  background:#191714!important;
  border-color:#40372e!important;
  color:#eee3d8!important;
}
body.dark #detailModal h2,
body.dark #detailModal h3,
body.dark #detailModal h4,
body.dark #detailModal .detail-desc,
body.dark #detailModal .r30-specs b,
body.dark #detailModal .r30-specs span{color:#eee3d8!important}
body.dark #detailModal .meta,
body.dark #detailModal .ref,
body.dark #detailModal .mini{color:#b9aea3!important}
body.dark #detailModal .gg-pay-option,
body.dark #detailModal .install-row,
body.dark #detailModal .r30-choice{
  background:#211d19!important;
  border-color:#4a4035!important;
  color:#eee3d8!important;
}
body.dark #detailModal .gg-pay-option.selected,
body.dark #detailModal .install-row.selected,
body.dark #detailModal .r30-choice.active{
  background:#3b2f18!important;
  border-color:#d1a347!important;
  color:#f8e6b5!important;
}
body.dark #detailModal .r30-main-image,
body.dark #detailModal .detail-gallery{background:#f6f6f6!important}

/* Carrinho / demais modais */
body.dark #cartModal .modal-card,
body.dark #contactModal .modal-card,
body.dark #loginModal .modal-card,
body.dark #forgotModal .modal-card,
body.dark #resetModal .modal-card,
body.dark #aboutModal .modal-card{
  background:#171411!important;
  color:#f4eadf!important;
  border-color:#40372e!important;
}
body.dark .cart-item,
body.dark .gg-order-totals,
body.dark .gg-cart-summary{
  background:#1c1916!important;
  border-color:#40372e!important;
  color:#eee3d8!important;
}
body.dark .cart-name,
body.dark .cart-pay,
body.dark .gg-total-row{color:#eee3d8!important}
body.dark .cart-sub,
body.dark .gg-muted-line{color:#b9aea3!important}

/* Footer / ajuda */
body.dark .gg-help-cta,
body.dark .gg-public-footer{
  background:#151310!important;
  color:#eee3d8!important;
  border-color:#40372e!important;
}
body.dark .gg-help-copy h2,
body.dark .gg-footer-brand,
body.dark .gg-footer-link,
body.dark .gg-footer-bottom{color:#eee3d8!important}
body.dark .gg-help-copy p,
body.dark .gg-footer-bottom{color:#b9aea3!important}

/* Autocomplete / cart edit no dark */
body.dark .r44-suggestions,
body.dark .r44-suggestion,
body.dark .r44-pay-card,
body.dark .r44-pay-row{
  background:#1b1815!important;
  color:#eee3d8!important;
  border-color:#40372e!important;
}
body.dark .r44-suggestion:hover,
body.dark .r44-suggestion:focus,
body.dark .r44-pay-row.selected{background:#2b251f!important}
body.dark .r44-pay-head p,
body.dark .r44-pay-row span{color:#b9aea3!important}
body.dark .r44-pay-close{background:#211d19!important;color:#eee3d8!important;border-color:#4a4035!important}
body.dark .r44-edit-pay{background:#2a2318!important;color:#e8c66d!important;border-color:#66542a!important}