/**
 * EN content pages — skin only, preserves legacy layout skeleton
 * Use: body.premium-en.content-page + .prod-page | .instructions-page | .article-page
 */

.premium-en.content-page {
  --brand-blue: #0076c0;
  --brand-blue-dark: #005a94;
  --brand-ink: #1a1f24;
  --brand-body: #30332D;
  --brand-muted: #5c6470;
  --brand-surface: #f4f7fa;
  color: var(--brand-body);
}

/* High-contrast typography on all content / product pages */
.premium-en.content-page .richtext,
.premium-en.content-page .richtext p,
.premium-en.content-page .richtext li,
.premium-en.content-page .richtext td,
.premium-en.content-page .product-head .richtext,
.premium-en.content-page .product-head .number,
.premium-en.content-page h1,
.premium-en.content-page h2,
.premium-en.content-page h3,
.premium-en.content-page h4,
.premium-en.content-page label {
  color: var(--brand-body);
}
.premium-en.content-page h1.text-title,
.premium-en.content-page .product-head h1 {
  color: var(--brand-ink) !important;
}
.premium-en.content-page .richtext h2,
.premium-en.content-page .richtext h3,
.premium-en.content-page .richtext h4 {
  color: var(--brand-ink) !important;
}
.premium-en.content-page #subscribe .richtext h2,
.premium-en.content-page #subscribe .richtext h3,
.premium-en.content-page #subscribe .richtext h4,
.premium-en.content-page #subscribe .richtext p,
.premium-en.content-page #subscribe .richtext li {
  color: #ffffff !important;
}
.premium-en.content-page #subscribe .richtext p {
  color: rgba(255, 255, 255, 0.92) !important;
}
.premium-en.content-page .text-gray,
.premium-en.content-page .readmore.text-gray {
  color: var(--brand-muted) !important;
}
.premium-en.content-page #main {
  background: #fff;
}

/* Never apply nom-page / shell layout shifts on content pages */
.premium-en.content-page #main {
  padding-bottom: 0;
}

/* —— Product detail (.prod-page) —— */
.premium-en.prod-page .product-head {
  margin-top: 60px;
  padding-bottom: 0;
}
.premium-en.prod-page .product-head .carousel-main .img,
.premium-en.prod-page .product-head .carousel-side .img {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: block !important;
  min-height: 47px;
}
.premium-en.prod-page .product-head .carousel-main .img {
  width: 100%;
  max-width: 454px;
  height: 330px;
}
.premium-en.prod-page .product-head .carousel-side .img {
  width: 100%;
  height: 47px;
}
.premium-en.prod-page .product-head .img-fluid,
.premium-en.prod-page .richtext img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.premium-en.prod-page .product-head h1.text-title {
  color: var(--brand-ink);
}
.premium-en.prod-page .product-head ul.benefits li::before {
  color: var(--brand-blue);
}
.premium-en.prod-page section.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 3rem !important;
}
.premium-en.prod-page .richtext h2 {
  color: var(--brand-ink);
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  margin-bottom: 1.25rem;
}

/* Specification / CMS tables inside product body */
.premium-en.prod-page .richtext table,
.premium-en.content-page .richtext table {
  width: 100%;
  max-width: 100%;
  margin: 1.5rem 0;
  border-collapse: collapse;
  font-size: 0.9375rem;
  line-height: 1.5;
  overflow-x: auto;
  display: block;
}
.premium-en.content-page .richtext table {
  display: table;
}
.premium-en.content-page .richtext table thead {
  background: var(--brand-surface);
}
.premium-en.content-page .richtext table th,
.premium-en.content-page .richtext table td {
  border: 1px solid rgba(0, 118, 192, 0.15);
  padding: 0.75rem 1rem;
  vertical-align: top;
  text-align: left;
}
.premium-en.content-page .richtext table th {
  color: var(--brand-blue-dark);
  font-weight: 600;
}
.premium-en.content-page .richtext table tr:nth-child(even) td {
  background: rgba(244, 247, 250, 0.6);
}

/* —— Instructions list (.instructions-page) —— */
.premium-en.instructions-page .instructions-center {
  padding: 2rem 0 3rem;
  background: #fff;
}
.premium-en.instructions-page .instructions-center,
.premium-en.instructions-page .instructions-center .richtext,
.premium-en.instructions-page .instructions-center h4,
.premium-en.instructions-page .instruction-item,
.premium-en.instructions-page .instruction-item .value,
.premium-en.instructions-page .instruction-item .text,
.premium-en.instructions-page .filter-row label {
  color: var(--brand-body) !important;
}
.premium-en.instructions-page .instruction-item .readmore.text-gray {
  color: var(--brand-muted) !important;
}
.premium-en.instructions-page .instruction-item.green-item {
  background: #f4f7f0 !important;
  padding: 20px !important;
  margin-bottom: 15px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  border-top: 2px solid var(--brand-blue) !important;
}
.premium-en.instructions-page .instruction-item .row {
  row-gap: 0.75rem;
}
.premium-en.instructions-page .filter-row {
  margin-bottom: 1rem;
}
.premium-en.instructions-page .banner-wrapper .img {
  box-shadow: none !important;
  border: none !important;
  min-height: 200px;
  background-size: cover !important;
  background-position: center center !important;
}

/* Never hide real CMS images on content pages */
.premium-en.content-page img[src^="/"],
.premium-en.content-page img[src^="http"] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* —— Article / news detail (.article-page) —— */
.premium-en.article-page .news-detail .news-item {
  padding: 40px 0 !important;
  border-bottom: 2px solid #ecedeb !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  border-radius: 0 !important;
}
.premium-en.article-page .news-detail .img-fluid {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 480px;
}
.premium-en.article-page .news-detail .content .richtext {
  line-height: 1.75;
  color: var(--brand-muted);
}
.premium-en.article-page .news-detail .content .richtext h2,
.premium-en.article-page .news-detail .content .richtext h3 {
  color: var(--brand-ink);
}

/* —— Webinar / meta blocks —— */
.premium-en.content-page .bg-green.green-item {
  background: #f4f7f0 !important;
  padding: 1.25rem 1.5rem !important;
  border-radius: 8px;
  border-left: 4px solid var(--brand-blue);
}
.premium-en.content-page .banner-text {
  padding: 3rem 0 1.5rem;
}
.premium-en.content-page .banner-text h1 {
  color: var(--brand-ink);
}

/* Undo shell card styling if it leaked */
.premium-en.content-page .product-item,
.premium-en.content-page .card-item.white {
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 0;
  transform: none;
  height: auto;
}
.premium-en.content-page .card-item.with-btn.green {
  background: linear-gradient(135deg, #0076c0 0%, #005a94 100%);
  color: #fff;
  border: none;
  text-align: center;
  padding: 2.5rem 2rem;
  border-radius: 16px;
}
.premium-en.content-page .card-item.with-btn.green h3,
.premium-en.content-page .card-item.with-btn.green .richtext {
  color: #fff !important;
}
.premium-en.content-page .card-item.with-btn.green .btn-outline {
  background: #fff;
  color: #005a94 !important;
  border-color: #fff;
}

/* Product list page (pro.html) — light content band below dark hero */
.premium-en.product-list-page #main.site-main > section {
  background: #fff;
}
.premium-en.product-list-page #main.site-main .introduction,
.premium-en.product-list-page #main.site-main .introduction h2,
.premium-en.product-list-page #main.site-main .introduction p,
.premium-en.product-list-page #main.site-main .product-item h4,
.premium-en.product-list-page #main.site-main .product-item .richtext,
.premium-en.product-list-page #main.site-main .product-item .richtext p,
.premium-en.product-list-page #main.site-main .product-item a:not(.btn) {
  color: #30332D !important;
}
.premium-en.product-list-page #main.site-main .product-item h4,
.premium-en.product-list-page #main.site-main .introduction h2 {
  color: #1a1f24 !important;
}
.premium-en.product-list-page #main.site-main .product-item.lg {
  width: 100%;
  max-width: 941px;
  margin: 0 auto 3rem;
}
.premium-en.product-list-page #main.site-main .product-item.lg .row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.premium-en.product-list-page #main.site-main .product-item.lg .img-fluid {
  object-fit: contain;
  width: 100%;
  height: auto;
  max-height: 420px;
}
.premium-en.product-list-page #main.site-main .product-item:not(.lg) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.premium-en.product-list-page #main.site-main .product-item .caption {
  height: auto !important;
  min-height: 0;
  flex: 1 1 auto;
}
.premium-en.product-list-page #main.site-main .product-item .richtext {
  overflow: visible !important;
  height: auto !important;
  margin-bottom: 1rem;
}
.premium-en.product-list-page #main.site-main .product-item:not(.lg) .btns {
  margin-top: auto;
  padding-top: 0.5rem;
}
.premium-en.product-list-page #main.site-main .product-item:not(.lg) .img-fluid {
  object-fit: contain;
  width: 100%;
  height: auto;
}
.premium-en.product-list-page #main.site-main .product-list-grid {
  margin-top: 0.5rem;
}
.premium-en.product-list-page #main.site-main .product-list-grid > [class*="col-"] {
  margin-bottom: 1.5rem;
}

.premium-en.instructions-page .banner-wrapper {
  background: linear-gradient(135deg, #0a1628 0%, #0d2842 45%, #0a3d5c 100%) !important;
}
.premium-en.instructions-page .banner-wrapper .caption h1,
.premium-en.instructions-page .banner-wrapper .richtext.lg p {
  color: #fff !important;
}
@media only screen and (min-width: 992px) {
  .premium-en.instructions-page .banner::before {
    background: linear-gradient(135deg, #0a1628 0%, #0d2842 45%, #0a3d5c 100%) !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 991px) {
  .premium-en.instructions-page .banner .caption {
    background: linear-gradient(135deg, #0a1628 0%, #0d2842 45%, #0a3d5c 100%) !important;
  }
}