/* WISMABET layout — works under Hostinger CSP (style-src 'self') */
:root {
  --wb-bg: #12080B;
  --wb-bg2: #1A0A0E;
  --wb-maroon: #6B1D2A;
  --wb-accent: #9B2D3C;
  --wb-soft: #C45C6A;
  --wb-text: #F3EDEF;
  --wb-muted: #C9B4B8;
  --wb-line: rgba(196, 92, 106, 0.35);
  --wb-max: 1120px;
  --wb-font: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

html {
  scroll-behavior: smooth;
}

body,
#wrap {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--wb-bg) !important;
  color: var(--wb-text) !important;
  font-family: var(--wb-font) !important;
  line-height: 1.55 !important;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: var(--wb-soft);
}

/* —— Hide Samsung residue that dumps unstyled —— */
.skip-bar,
.cod05-app-banner,
.progress.cm-loader,
.pd-g-trade-in,
.pd-g-care,
.pd18-trade-in,
.pd-warranty,
.hv2-trade-in,
.financing-banner,
.ce-trade-in,
.pd-buying-price__trade-in,
section[class*="trade-in"],
section[class*="care-plus"],
.pd-g-ar-experience,
.pd-g-feature,
.pd-g-feature-benefit,
.pd-g-gallery,
.pd-g-compare,
.pd-g-spec,
.pd-g-support,
.pd-g-review,
.pd-g-related,
.pd-g-recommend,
.pd-g-featured,
.cm-g-featured,
.nv00-gnb-v4__featured-wrap,
.pd-header-navigation__menu-epromoter-cta,
.footer-column,
.footer-language,
.footer-language-wrap,
.footer-sns,
.footer-terms,
.footer-bottom,
[data-sdf-template*="priceBox"],
.pd-buying-price,
.pd-g-product-detail-offer-banner,
.cm-g-hero-banner .slick-dots,
.cookie-bar,
#truste-consent-track,
.gnb__search,
.nv00-gnb-v4__utility-search,
.nv00-gnb-v4__utility-cart,
.nv00-gnb-v4__utility-shop,
.nv00-gnb-v4__depth2,
.nv00-gnb-v4__l1-menu-wrap,
.nv00-gnb-v4__mobile-menu,
.nv00-gnb-v4__dim,
.pd18-product-finder,
.pd-g-buying-tool,
.s-txt-headline,
iframe[src*="samsung"],
script + .parsys > .pd-g-trade-in {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Keep topical SEO / hero content visible */
.wismabet-seo,
.wismabet-seo *,
.wismabet-seo-block,
.wismabet-seo-block *,
#wismabet-seo-content,
#wismabet-seo-content *,
.anesor-seo,
.cm-g-hero,
.cm-g-hero *,
.hdd02-pdp-header,
.hdd02-pdp-header *,
.pd-g-product-anchor,
.pd-g-product-anchor *,
.nv00-gnb-v4,
.nv00-gnb-v4__header,
.nv00-gnb-v4__logo,
.nv00-gnb-v4__l0-menu,
.nv00-gnb-v4__l0-menu-link,
.footer,
.fo-footer,
#footer {
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* —— Header / GNB —— */
#header {
  display: none !important;
}

.nv00-gnb-v4 {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  background: linear-gradient(180deg, #1e0c10 0%, #14080b 100%) !important;
  border-bottom: 1px solid var(--wb-line) !important;
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.nv00-gnb-v4__wrap,
.nv00-gnb-v4__inner,
.nv00-gnb-v4__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  max-width: var(--wb-max) !important;
  margin: 0 auto !important;
  padding: 12px 16px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.nv00-gnb-v4__logo {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}

.nv00-gnb-v4__logo img {
  display: block !important;
  width: min(220px, 48vw) !important;
  height: auto !important;
  max-height: 48px !important;
  object-fit: contain !important;
}

.nv00-gnb-v4__l0-menu-wrap,
.nv00-gnb-v4__menu,
.nv00-gnb-v4__l0-menu {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}

.nv00-gnb-v4__l0-menu-link,
.nv00-gnb-v4__l0-menu-btn {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  color: var(--wb-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}

.nv00-gnb-v4__l0-menu-link:hover,
.nv00-gnb-v4__l0-menu-btn:hover {
  border-color: var(--wb-line) !important;
  color: #fff !important;
  background: rgba(155, 45, 60, 0.2) !important;
}

.nv00-gnb-v4__utility-list,
.nv00-gnb-v4__utility,
.nv00-gnb-v4__menu-close,
.nv00-gnb-v4__menu-open,
button.nv00-gnb-v4__utility {
  display: none !important;
}

/* —— Hero —— */
.cm-g-hero,
.pd-g-product-anchor,
.hero,
[class*="hero-banner"] {
  display: block !important;
  visibility: visible !important;
  background:
    radial-gradient(ellipse 80% 60% at 70% 20%, rgba(155, 45, 60, 0.28), transparent 55%),
    linear-gradient(160deg, #1a0a0e 0%, #12080b 55%, #0d0608 100%) !important;
  padding: 28px 16px 40px !important;
  border-bottom: 1px solid var(--wb-line) !important;
}

.cm-g-hero .text,
.cm-g-hero .text-block,
.pd-g-product-anchor .text,
.cm-g-hero .cta-container,
.cm-g-hero .button-wrapper {
  max-width: var(--wb-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

h1,
.cm-g-hero h1,
.pd-g-product-anchor h1,
.title-text,
.display-title {
  color: #fff !important;
  font-size: clamp(1.55rem, 3.2vw, 2.35rem) !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 12px !important;
  max-width: 38ch !important;
}

.cm-g-hero p,
.pd-g-product-anchor p,
.desc,
.sub-copy {
  color: var(--wb-muted) !important;
  font-size: 1.05rem !important;
  max-width: 52ch !important;
  margin: 0 0 18px !important;
}

.cta,
a.cta,
.cta--contained,
.cta--emphasis,
.button,
.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 22px !important;
  margin: 6px 8px 6px 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, var(--wb-accent), var(--wb-maroon)) !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 8px 24px rgba(107, 29, 42, 0.45) !important;
  white-space: normal !important;
}

.cta:hover,
a.cta:hover {
  filter: brightness(1.08);
  color: #fff !important;
}

.image,
.image__main,
.image__preview,
.responsive-img,
.cm-g-hero img,
.pd-g-product-anchor img {
  display: block !important;
  width: min(520px, 100%) !important;
  margin: 18px auto 0 !important;
  border-radius: 16px !important;
  border: 1px solid var(--wb-line) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45) !important;
  background: #0a0406 !important;
}

/* —— SEO / content blocks —— */
.wismabet-seo,
.wismabet-seo-block,
#wismabet-seo-content,
.anesor-seo,
.seo-block,
.article-content,
.cm-section {
  display: block !important;
  max-width: var(--wb-max) !important;
  margin: 0 auto !important;
  padding: 36px 16px !important;
  color: var(--wb-text) !important;
}

.wismabet-seo h2,
.wismabet-seo-block h2,
#wismabet-seo-content h2,
.anesor-seo h2,
.seo-block h2,
.wismabet-seo h3,
.wismabet-seo-block h3,
.anesor-seo h3 {
  color: #fff !important;
  font-size: clamp(1.25rem, 2.2vw, 1.65rem) !important;
  margin: 28px 0 10px !important;
  line-height: 1.25 !important;
}

.wismabet-seo p,
.wismabet-seo-block p,
#wismabet-seo-content p,
.anesor-seo p,
.seo-block p,
.wismabet-seo li,
.wismabet-seo-block li,
.anesor-seo li {
  color: var(--wb-muted) !important;
  font-size: 1rem !important;
  margin: 0 0 12px !important;
}

.wismabet-seo ul,
.wismabet-seo-block ul,
.anesor-seo ul {
  padding-left: 1.2em !important;
  margin: 0 0 16px !important;
}

.wismabet-seo a,
.wismabet-seo-block a,
.anesor-seo a {
  color: var(--wb-soft) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.wismabet-card,
.catatan-card,
.topic-card {
  display: block !important;
  background: linear-gradient(160deg, rgba(155, 45, 60, 0.12), rgba(18, 8, 11, 0.9)) !important;
  border: 1px solid var(--wb-line) !important;
  border-radius: 14px !important;
  padding: 18px 18px 8px !important;
  margin: 14px 0 !important;
}

/* —— Footer —— */
.footer,
.fo-footer,
#footer,
footer {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: #0a0406 !important;
  border-top: 1px solid var(--wb-line) !important;
  padding: 28px 16px 40px !important;
  color: var(--wb-muted) !important;
  text-align: center !important;
  font-size: 14px !important;
}

.footer a,
.fo-footer a,
#footer a {
  color: var(--wb-soft) !important;
}

/* —— Generic cleanup for leftover text walls —— */
.parsys > div:empty,
.newpar,
.iparys_inherited:empty {
  display: none !important;
}

@media (max-width: 820px) {
  .nv00-gnb-v4__header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .nv00-gnb-v4__l0-menu-wrap,
  .nv00-gnb-v4__l0-menu {
    width: 100% !important;
  }

  h1,
  .cm-g-hero h1 {
    max-width: none !important;
  }
}