@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Poppins:wght@400;600;700;800;900&display=swap');

:root {
 --gold: #D4AF37;
 --gold-hover: #b8972e;
 --dark: #5A341E;
 --darker: #3A2114;
 --white: #ffffff;
 --silver: #8a959e;
 --bg-light: #f8f9fa;
 --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
 --card-shadow-hover: 0 15px 40px rgba(212, 175, 55, 0.18);
 --border-color: rgba(138, 149, 158, 0.2);
 --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

* {
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}

body {
 font-family: 'Cairo', 'Poppins', sans-serif;
 background-color: var(--bg-light);
 color: var(--dark);
 line-height: 1.7;
 overflow-x: hidden;
 transition: direction 0.3s ease;
}

body[dir="ltr"] {
 font-family: 'Poppins', 'Cairo', sans-serif;
}

a {
 color: var(--gold);
 text-decoration: none;
 transition: var(--transition);
}

a:hover {
 color: var(--gold-hover);
}

ul {
 list-style: none;
}

button {
 cursor: pointer;
 font-family: inherit;
 border: none;
 outline: none;
}

.container {
 max-width: 1280px;
 margin: 0 auto;
 padding: 0 20px;
}

/* ==========================================================================
  LOGO & HEADER
  ========================================================================== */
.top-logo-container {
 background-color: var(--darker);
 text-align: center;
 padding: 20px 10px;
 border-bottom: 2px solid var(--gold);
}

.brand-logo {
 display: inline-flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-decoration: none;
}

.brand-title {
 color: var(--gold);
 font-size: 32px;
 font-weight: 900;
 letter-spacing: 3px;
 text-transform: uppercase;
 margin: 0;
 text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.brand-subtitle {
 color: var(--white);
 font-size: 13px;
 font-weight: 600;
 letter-spacing: 6px;
 margin-top: 2px;
 opacity: 0.9;
}

.main-header {
 background-color: var(--dark);
 position: sticky;
 top: 0;
 z-index: 100;
 box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.nav-wrapper {
 display: flex;
 align-items: center;
 justify-content: space-between;
 height: 80px;
}

.nav-links {
 display: flex;
 align-items: center;
 gap: 25px;
}

.nav-link {
 color: var(--white);
 font-weight: 700;
 font-size: 16px;
 padding: 8px 16px;
 border-radius: 6px;
 transition: var(--transition);
 position: relative;
}

.nav-link:hover,
.nav-link.active {
 color: var(--gold);
 background-color: rgba(212, 175, 55, 0.1);
}

.nav-link.active::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 15%;
 width: 70%;
 height: 3px;
 background-color: var(--gold);
 border-radius: 3px;
}

/* Header Tools: Language & Search */
.header-tools {
 display: flex;
 align-items: center;
 gap: 15px;
}

.search-box {
 position: relative;
 display: flex;
 align-items: center;
}

.search-input {
 width: 260px;
 padding: 10px 40px 10px 15px;
 border-radius: 30px;
 border: 1px solid var(--silver);
 background-color: rgba(255, 255, 255, 0.08);
 color: var(--white);
 font-size: 14px;
 transition: var(--transition);
}

body[dir="ltr"] .search-input {
 padding: 10px 15px 10px 40px;
}

.search-input:focus {
 width: 320px;
 border-color: var(--gold);
 background-color: rgba(255, 255, 255, 0.15);
 box-shadow: 0 0 15px rgba(212, 175, 55, 0.3);
}

.search-input::placeholder {
 color: var(--silver);
}

.search-icon {
 position: absolute;
 left: 12px;
 color: var(--gold);
 pointer-events: none;
 font-size: 16px;
}

body[dir="ltr"] .search-icon {
 left: auto;
 right: 12px;
}

/* Language Selector */
.lang-selector {
 position: relative;
}

.lang-btn {
 display: flex;
 align-items: center;
 gap: 8px;
 background-color: var(--gold);
 color: var(--darker);
 font-weight: 800;
 font-size: 14px;
 padding: 10px 16px;
 border-radius: 30px;
 transition: var(--transition);
 box-shadow: 0 4px 10px rgba(212, 175, 55, 0.3);
}

.lang-btn:hover {
 background-color: var(--white);
 color: var(--dark);
}

.lang-dropdown {
 position: absolute;
 top: 120%;
 left: 0;
 background-color: var(--white);
 border-radius: 12px;
 box-shadow: 0 10px 30px rgba(0,0,0,0.2);
 min-width: 160px;
 overflow: hidden;
 display: none;
 z-index: 101;
 border: 1px solid var(--gold);
}

body[dir="ltr"] .lang-dropdown {
 left: auto;
 right: 0;
}

.lang-dropdown.show {
 display: block;
 animation: fadeIn 0.2s ease;
}

.lang-option {
 display: block;
 width: 100%;
 text-align: right;
 padding: 10px 18px;
 font-size: 14px;
 font-weight: 700;
 color: var(--dark);
 background: none;
 border-bottom: 1px solid var(--border-color);
 transition: var(--transition);
}

body[dir="ltr"] .lang-option {
 text-align: left;
}

.lang-option:last-child {
 border-bottom: none;
}

.lang-option:hover,
.lang-option.active {
 background-color: rgba(212, 175, 55, 0.15);
 color: var(--gold-hover);
 padding-right: 22px;
}

body[dir="ltr"] .lang-option:hover,
body[dir="ltr"] .lang-option.active {
 padding-left: 22px;
 padding-right: 18px;
}

/* Hamburger Menu */
.hamburger-btn {
 display: none;
 font-size: 28px;
 color: var(--gold);
 background: none;
 padding: 5px;
}

/* ==========================================================================
  HERO SECTION
  ========================================================================== */
.hero-section {
 background: linear-gradient(135deg, var(--darker) 0%, var(--dark) 100%);
 color: var(--white);
 padding: 70px 0;
 position: relative;
 overflow: hidden;
 border-bottom: 3px solid var(--gold);
 text-align: center;
}

.hero-section::before {
 content: '';
 position: absolute;
 top: -50%;
 left: -50%;
 width: 200%;
 height: 200%;
 background: radial-gradient(circle, rgba(212,175,55,0.08) 0%, rgba(0,0,0,0) 70%);
 pointer-events: none;
}

.hero-title {
 font-size: 44px;
 font-weight: 900;
 color: var(--gold);
 margin-bottom: 20px;
 max-width: 900px;
 margin-left: auto;
 margin-right: auto;
 line-height: 1.3;
}

.hero-subtitle {
 font-size: 18px;
 font-weight: 600;
 color: var(--white);
 max-width: 800px;
 margin: 0 auto 35px;
 opacity: 0.9;
 line-height: 1.6;
}

.hero-stats {
 display: flex;
 justify-content: center;
 gap: 40px;
 flex-wrap: wrap;
 margin-top: 20px;
}

.hero-stat-item {
 background: rgba(255,255,255,0.05);
 border: 1px solid rgba(212,175,55,0.3);
 padding: 15px 25px;
 border-radius: 12px;
 min-width: 160px;
}

.stat-number {
 font-size: 28px;
 font-weight: 900;
 color: var(--gold);
}

.stat-label {
 font-size: 14px;
 color: var(--silver);
 font-weight: 700;
}

/* ==========================================================================
  CATEGORY FILTER BAR
  ========================================================================== */
.category-filter-section {
 background-color: var(--white);
 padding: 20px 0;
 box-shadow: 0 4px 15px rgba(0,0,0,0.05);
 position: sticky;
 top: 80px;
 z-index: 90;
}

.category-scroll {
 display: flex;
 gap: 12px;
 overflow-x: auto;
 padding-bottom: 8px;
 scrollbar-width: thin;
 scrollbar-color: var(--gold) var(--bg-light);
}

.category-scroll::-webkit-scrollbar {
 height: 6px;
}

.category-scroll::-webkit-scrollbar-track {
 background: var(--bg-light);
}

.category-scroll::-webkit-scrollbar-thumb {
 background-color: var(--gold);
 border-radius: 3px;
}

.cat-chip {
 background-color: var(--bg-light);
 color: var(--dark);
 border: 1px solid var(--silver);
 padding: 10px 20px;
 border-radius: 30px;
 font-weight: 700;
 font-size: 14px;
 cursor: pointer;
 white-space: nowrap;
 transition: var(--transition);
}

.cat-chip:hover,
.cat-chip.active {
 background-color: var(--dark);
 color: var(--gold);
 border-color: var(--gold);
 box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* ==========================================================================
  PRODUCTS GRID
  ========================================================================== */
.main-content-section {
 padding: 60px 0;
 min-height: 600px;
}

.products-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
 gap: 30px;
}

.product-card {
 background-color: var(--white);
 border-radius: 16px;
 overflow: hidden;
 box-shadow: var(--card-shadow);
 border: 1px solid var(--border-color);
 display: flex;
 flex-direction: column;
 transition: var(--transition);
 position: relative;
}

.product-card:hover {
 transform: translateY(-8px);
 box-shadow: var(--card-shadow-hover);
 border-color: var(--gold);
}

.product-image-wrapper {
 background: radial-gradient(circle, #ffffff 0%, #eef1f5 100%);
 height: 250px;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 20px;
 position: relative;
 overflow: hidden;
 border-bottom: 1px solid var(--border-color);
}

.product-image {
 max-width: 100%;
 max-height: 100%;
 object-fit: contain;
 transition: transform 0.5s ease;
}

.product-card:hover .product-image {
 transform: scale(1.08);
}

.product-badge {
 position: absolute;
 top: 15px;
 right: 15px;
 background-color: var(--dark);
 color: var(--gold);
 font-size: 12px;
 font-weight: 800;
 padding: 5px 12px;
 border-radius: 20px;
 box-shadow: 0 2px 8px rgba(0,0,0,0.2);
 border: 1px solid var(--gold);
}

body[dir="ltr"] .product-badge {
 right: auto;
 left: 15px;
}

.product-body {
 padding: 25px 20px;
 display: flex;
 flex-direction: column;
 flex: 1;
}

.product-title {
 font-size: 22px;
 font-weight: 900;
 color: var(--dark);
 margin-bottom: 10px;
 line-height: 1.3;
}

.product-summary {
 font-size: 14px;
 color: var(--silver);
 margin-bottom: 25px;
 flex: 1;
 font-weight: 600;
 line-height: 1.6;
}

.product-actions {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 12px;
}

.btn-primary {
 background-color: var(--gold);
 color: var(--darker);
 font-weight: 800;
 font-size: 14px;
 padding: 12px;
 border-radius: 8px;
 text-align: center;
 display: inline-block;
 transition: var(--transition);
 box-shadow: 0 4px 12px rgba(212, 175, 55, 0.25);
}

.btn-primary:hover {
 background-color: var(--dark);
 color: var(--gold);
 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.btn-secondary {
 background-color: var(--dark);
 color: var(--white);
 font-weight: 800;
 font-size: 14px;
 padding: 12px;
 border-radius: 8px;
 text-align: center;
 display: inline-block;
 transition: var(--transition);
 border: 1px solid rgba(255,255,255,0.1);
}

.btn-secondary:hover {
 background-color: var(--gold);
 color: var(--darker);
}

/* ==========================================================================
  BLOG / ARTICLES GRID
  ========================================================================== */
.articles-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
 gap: 30px;
}

.article-card {
 background-color: var(--white);
 border-radius: 16px;
 padding: 30px;
 box-shadow: var(--card-shadow);
 border: 1px solid var(--border-color);
 transition: var(--transition);
 display: flex;
 flex-direction: column;
}

.article-card:hover {
 transform: translateY(-8px);
 border-color: var(--gold);
 box-shadow: var(--card-shadow-hover);
}

.article-prod-tag {
 display: inline-block;
 background-color: rgba(212, 175, 55, 0.15);
 color: var(--gold-hover);
 font-weight: 800;
 font-size: 13px;
 padding: 6px 14px;
 border-radius: 6px;
 margin-bottom: 15px;
 align-self: flex-start;
}

.article-card-title {
 font-size: 20px;
 font-weight: 900;
 color: var(--dark);
 margin-bottom: 15px;
 line-height: 1.4;
}

.article-card-excerpt {
 color: var(--silver);
 font-size: 15px;
 margin-bottom: 25px;
 flex: 1;
}

.article-card-btn {
 background-color: var(--dark);
 color: var(--gold);
 font-weight: 800;
 padding: 12px 20px;
 border-radius: 8px;
 text-align: center;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 transition: var(--transition);
}

.article-card-btn:hover {
 background-color: var(--gold);
 color: var(--darker);
}

/* ==========================================================================
  SINGLE ARTICLE VIEW
  ========================================================================== */
.single-article-view {
 background-color: var(--white);
 border-radius: 20px;
 padding: 50px 60px;
 box-shadow: var(--card-shadow);
 max-width: 1000px;
 margin: 0 auto;
 border: 1px solid var(--border-color);
}

.article-header {
 border-bottom: 2px solid rgba(212, 175, 55, 0.3);
 padding-bottom: 30px;
 margin-bottom: 40px;
 text-align: center;
}

.article-main-title {
 font-size: 36px;
 font-weight: 900;
 color: var(--dark);
 line-height: 1.3;
 margin-bottom: 15px;
}

.article-body-content {
 font-size: 17px;
 color: #333333;
 line-height: 1.8;
}

.article-body-content h2 {
 font-size: 26px;
 font-weight: 800;
 color: var(--dark);
 margin: 40px 0 20px;
 padding-bottom: 10px;
 border-bottom: 1px solid var(--border-color);
 position: relative;
}

.article-body-content h2::before {
 content: '';
 position: absolute;
 bottom: -1px;
 right: 0;
 width: 60px;
 height: 3px;
 background-color: var(--gold);
}

body[dir="ltr"] .article-body-content h2::before {
 right: auto;
 left: 0;
}

.article-body-content h3 {
 font-size: 22px;
 font-weight: 800;
 color: var(--gold-hover);
 margin: 30px 0 15px;
}

.article-body-content p {
 margin-bottom: 20px;
}

.article-body-content ul, 
.article-body-content ol {
 margin-bottom: 25px;
 padding-right: 25px;
}

body[dir="ltr"] .article-body-content ul, 
body[dir="ltr"] .article-body-content ol {
 padding-right: 0;
 padding-left: 25px;
}

.article-body-content li {
 margin-bottom: 10px;
}

/* Mandatory Article Promotional CTA Section */
.article-mandatory-cta-box {
 background: linear-gradient(135deg, #fffcf3 0%, #fff7e1 100%);
 border: 2px dashed var(--gold);
 border-radius: 20px;
 padding: 40px;
 text-align: center;
 margin-top: 60px;
 box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15);
}

.article-cta-phrase {
 font-size: 24px;
 font-weight: 900;
 color: var(--dark);
 margin-bottom: 25px;
 line-height: 1.5;
}

.btn-giant-cta {
 display: inline-block;
 background: linear-gradient(135deg, var(--gold) 0%, #ffcc00 100%);
 color: var(--darker);
 font-size: 22px;
 font-weight: 900;
 padding: 20px 50px;
 border-radius: 50px;
 box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);
 text-transform: uppercase;
 letter-spacing: 1px;
 transition: var(--transition);
 text-decoration: none;
}

.btn-giant-cta:hover {
 transform: scale(1.05) translateY(-3px);
 box-shadow: 0 15px 35px rgba(212, 175, 55, 0.6);
 background: var(--dark);
 color: var(--gold);
}

/* ==========================================================================
  MODAL (INGREDIENTS POPUP)
  ========================================================================== */
.modal-overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,0.75);
 backdrop-filter: blur(5px);
 display: flex;
 align-items: center;
 justify-content: center;
 z-index: 1000;
 opacity: 0;
 pointer-events: none;
 transition: opacity 0.3s ease;
}

.modal-overlay.show {
 opacity: 1;
 pointer-events: auto;
}

.modal-content {
 background-color: var(--white);
 width: 90%;
 max-width: 750px;
 border-radius: 24px;
 padding: 40px;
 box-shadow: 0 20px 60px rgba(0,0,0,0.3);
 transform: translateY(30px);
 transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
 border: 2px solid var(--gold);
 max-height: 90vh;
 display: flex;
 flex-direction: column;
}

.modal-overlay.show .modal-content {
 transform: translateY(0);
}

.modal-header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 border-bottom: 1px solid var(--border-color);
 padding-bottom: 20px;
 margin-bottom: 25px;
}

.modal-title {
 font-size: 26px;
 font-weight: 900;
 color: var(--dark);
}

.modal-close-btn {
 background: rgba(212, 175, 55, 0.15);
 color: var(--dark);
 font-size: 20px;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: var(--transition);
}

.modal-close-btn:hover {
 background: var(--dark);
 color: var(--gold);
}

.modal-body {
 overflow-y: auto;
 padding-right: 10px;
}

.modal-product-name {
 font-size: 22px;
 font-weight: 900;
 color: var(--gold);
 margin-bottom: 15px;
}

.modal-subtitle {
 font-size: 15px;
 color: var(--silver);
 margin-bottom: 25px;
 font-weight: 600;
}

.ingredients-list-box {
 background-color: var(--bg-light);
 border: 1px solid var(--border-color);
 padding: 25px;
 border-radius: 16px;
 font-size: 16px;
 font-weight: 700;
 color: var(--darker);
 line-height: 1.9;
}

.ingredients-list-box ul {
 list-style: disc inside;
}

.ingredients-list-box li {
 margin-bottom: 10px;
}

/* ==========================================================================
  VIP LOCKER & SUBSCRIBE
  ========================================================================== */
.form-card-wrapper {
 max-width: 650px;
 margin: 40px auto;
 background: var(--white);
 border-radius: 24px;
 padding: 50px;
 box-shadow: var(--card-shadow);
 border: 1px solid var(--border-color);
 text-align: center;
}

.form-title {
 font-size: 32px;
 font-weight: 900;
 color: var(--dark);
 margin-bottom: 15px;
}

.form-subtitle {
 color: var(--silver);
 font-size: 16px;
 margin-bottom: 35px;
 font-weight: 600;
}

.custom-form {
 display: flex;
 flex-direction: column;
 gap: 20px;
 text-align: right;
}

body[dir="ltr"] .custom-form {
 text-align: left;
}

.form-group {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.form-label {
 font-weight: 800;
 font-size: 15px;
 color: var(--darker);
}

.form-input {
 padding: 15px 20px;
 border-radius: 12px;
 border: 2px solid var(--silver);
 font-size: 16px;
 font-weight: 600;
 transition: var(--transition);
}

.form-input:focus {
 border-color: var(--gold);
 box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);
}

.btn-form-submit {
 background: linear-gradient(135deg, var(--gold) 0%, #b8972e 100%);
 color: var(--darker);
 font-size: 18px;
 font-weight: 900;
 padding: 16px;
 border-radius: 12px;
 box-shadow: 0 8px 20px rgba(212, 175, 55, 0.3);
 margin-top: 10px;
 transition: var(--transition);
}

.btn-form-submit:hover {
 background: var(--dark);
 color: var(--gold);
}

.alert-msg {
 padding: 15px 20px;
 border-radius: 12px;
 font-weight: 800;
 font-size: 15px;
 margin-bottom: 25px;
 text-align: center;
 display: none;
}

.alert-success {
 background-color: #d1fae5;
 color: #065f46;
 border: 1px solid #34d399;
}

.alert-error {
 background-color: #fee2e2;
 color: #991b1b;
 border: 1px solid #f87171;
}

.vip-locked-container {
 text-align: center;
 padding: 60px 20px;
}

.vip-locked-icon {
 font-size: 70px;
 margin-bottom: 20px;
}

.vip-code-input-group {
 display: flex;
 justify-content: center;
 gap: 12px;
 max-width: 500px;
 margin: 30px auto;
}

.vip-code-input {
 flex: 1;
 padding: 15px 20px;
 border-radius: 30px;
 border: 2px solid var(--gold);
 font-size: 16px;
 font-weight: 800;
 text-align: center;
}

/* ==========================================================================
  ABOUT & CONTACT PAGES
  ========================================================================== */
.page-header-banner {
 background: var(--dark);
 color: var(--white);
 padding: 60px 0;
 text-align: center;
 border-bottom: 3px solid var(--gold);
 margin-bottom: 50px;
}

.page-banner-title {
 font-size: 40px;
 font-weight: 900;
 color: var(--gold);
}

.about-content-box {
 background-color: var(--white);
 border-radius: 20px;
 padding: 50px;
 box-shadow: var(--card-shadow);
 border: 1px solid var(--border-color);
 font-size: 18px;
 line-height: 2;
 color: #333;
}

.about-content-box p {
 margin-bottom: 25px;
}

/* ==========================================================================
  WHATSAPP FLOATING BUTTON
  ========================================================================== */
.whatsapp-floating-btn {
 position: fixed;
 bottom: 30px;
 right: 30px;
 width: 65px;
 height: 65px;
 background-color: #25D366;
 color: var(--white);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 36px;
 box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5);
 z-index: 999;
 transition: var(--transition);
 text-decoration: none;
}

body[dir="ltr"] .whatsapp-floating-btn {
 right: auto;
 left: 30px;
}

.whatsapp-floating-btn:hover {
 transform: scale(1.15) rotate(10deg);
 box-shadow: 0 12px 35px rgba(37, 211, 102, 0.7);
}

/* ==========================================================================
  FOOTER
  ========================================================================== */
.main-footer {
 background-color: var(--darker);
 color: var(--silver);
 padding: 40px 0;
 text-align: center;
 border-top: 1px solid rgba(212, 175, 55, 0.2);
 margin-top: 80px;
 font-weight: 600;
 font-size: 14px;
}

/* ==========================================================================
  RESPONSIVE QUERIES
  ========================================================================== */
@media (max-width: 992px) {
 .nav-links {
  position: fixed;
  top: 162px;
  left: 0;
  width: 100%;
  background-color: var(--darker);
  flex-direction: column;
  padding: 30px 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  border-bottom: 2px solid var(--gold);
  display: none;
 }

 .nav-links.show {
  display: flex;
 }

 .hamburger-btn {
  display: block;
 }

 .search-input {
  width: 200px;
 }

 .search-input:focus {
  width: 240px;
 }

 .hero-title {
  font-size: 34px;
 }

 .single-article-view {
  padding: 30px 20px;
 }

 .btn-giant-cta {
  font-size: 18px;
  padding: 15px 30px;
 }
}

@media (max-width: 576px) {
 .search-input {
  width: 150px;
 }
 .search-input:focus {
  width: 180px;
 }
 .hero-title {
  font-size: 28px;
 }
 .vip-code-input-group {
  flex-direction: column;
 }
}
/* Article content styles for sanitized markdown rendering */

/* Article headings */
.article-content h1, .article-content h2, .article-content h3 {
 font-family: 'Cairo', 'Poppins', sans-serif;
 color: var(--darker);
 margin: 28px 0 14px;
 line-height: 1.3;
}
.article-content h1 { font-size: 28px; font-weight: 900; }
.article-content h2 { font-size: 24px; font-weight: 800; color: var(--gold); border-bottom: 2px solid var(--border-color); padding-bottom: 10px; }
.article-content h3 { font-size: 19px; font-weight: 700; color: var(--darker); }

/* Article paragraphs */
.article-content p {
 margin: 12px 0;
 line-height: 1.8;
 color: var(--dark);
 font-size: 16px;
}

/* Article strong/bold */
.article-content strong {
 color: var(--darker);
 font-weight: 800;
}

/* Article blockquote */
.article-quote {
 background: linear-gradient(135deg, #fff8e7 0%, #fffcf5 100%);
 border-left: 4px solid var(--gold);
 padding: 16px 20px;
 margin: 20px 0;
 border-radius: 0 12px 12px 0;
 font-style: italic;
 color: var(--darker);
 font-weight: 600;
}

/* Article tables */
.article-table {
 width: 100%;
 border-collapse: collapse;
 margin: 20px 0;
 background: #fff;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.article-table th {
 background: var(--gold);
 color: var(--darker);
 padding: 12px 16px;
 text-align: right;
 font-weight: 900;
 font-size: 14px;
}
.article-table td {
 padding: 12px 16px;
 border-bottom: 1px solid var(--border-color);
 font-size: 14px;
 color: var(--dark);
}
.article-table tr:last-child td { border-bottom: none; }
.article-table tr:nth-child(even) td { background: #fafafa; }

/* Article links (markdown auto-converted) */
.article-content a {
 color: var(--gold);
 font-weight: 700;
 text-decoration: underline;
 text-decoration-color: rgba(212,175,55,0.4);
 transition: var(--transition);
}
.article-content a:hover {
 color: var(--gold-hover);
 text-decoration-color: var(--gold);
}

/* Article lists */
.article-content ul, .article-content ol {
 padding-left: 24px;
 margin: 12px 0;
 line-height: 1.8;
}
.article-content ul li, .article-content ol li {
 margin: 8px 0;
}

/* Block IDs (no longer visible — anchors were stripped) */


/* Master Logo CSS */
/* NATSUP Professional Logo CSS */
/* Add this to assets/style.css or include inline */

.brand-logo {
 display: inline-flex;
 align-items: center;
 gap: 16px;
 text-decoration: none;
 padding: 4px 0;
}

.brand-logo img {
 height: 64px;
 width: auto;
 display: block;
 filter: drop-shadow(0 4px 12px rgba(212, 175, 55, 0.15));
 transition: filter 0.3s ease;
}

.brand-logo:hover img {
 filter: drop-shadow(0 6px 16px rgba(212, 175, 55, 0.3));
}

.brand-logo .brand-title {
 color: var(--gold);
 font-size: 28px;
 font-weight: 900;
 letter-spacing: 4px;
 text-transform: uppercase;
 margin: 0;
 line-height: 1;
 text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.brand-logo .brand-subtitle {
 color: var(--white);
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 3px;
 margin-top: 4px;
 opacity: 0.95;
}

.brand-logo .brand-tagline {
 color: var(--silver);
 font-size: 9px;
 font-weight: 600;
 letter-spacing: 2.5px;
 margin-top: 3px;
 text-transform: uppercase;
}

@media (max-width: 576px) {
 .brand-logo img { height: 48px; }
 .brand-logo .brand-title { font-size: 22px; letter-spacing: 3px; }
 .brand-logo .brand-subtitle { font-size: 9px; }
 .brand-logo .brand-tagline { font-size: 8px; }
}


/* Master Article CSS */
/* Article content styles for sanitized markdown rendering */

/* Article headings */
.article-content h1, .article-content h2, .article-content h3 {
 font-family: 'Cairo', 'Poppins', sans-serif;
 color: var(--darker);
 margin: 28px 0 14px;
 line-height: 1.3;
}
.article-content h1 { font-size: 28px; font-weight: 900; }
.article-content h2 { font-size: 24px; font-weight: 800; color: var(--gold); border-bottom: 2px solid var(--border-color); padding-bottom: 10px; }
.article-content h3 { font-size: 19px; font-weight: 700; color: var(--darker); }

/* Article paragraphs */
.article-content p {
 margin: 12px 0;
 line-height: 1.8;
 color: var(--dark);
 font-size: 16px;
}

/* Article strong/bold */
.article-content strong {
 color: var(--darker);
 font-weight: 800;
}

/* Article blockquote */
.article-quote {
 background: linear-gradient(135deg, #fff8e7 0%, #fffcf5 100%);
 border-left: 4px solid var(--gold);
 padding: 16px 20px;
 margin: 20px 0;
 border-radius: 0 12px 12px 0;
 font-style: italic;
 color: var(--darker);
 font-weight: 600;
}

/* Article tables */
.article-table {
 width: 100%;
 border-collapse: collapse;
 margin: 20px 0;
 background: #fff;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.article-table th {
 background: var(--gold);
 color: var(--darker);
 padding: 12px 16px;
 text-align: right;
 font-weight: 900;
 font-size: 14px;
}
.article-table td {
 padding: 12px 16px;
 border-bottom: 1px solid var(--border-color);
 font-size: 14px;
 color: var(--dark);
}
.article-table tr:last-child td { border-bottom: none; }
.article-table tr:nth-child(even) td { background: #fafafa; }

/* Article links (markdown auto-converted) */
.article-content a {
 color: var(--gold);
 font-weight: 700;
 text-decoration: underline;
 text-decoration-color: rgba(212,175,55,0.4);
 transition: var(--transition);
}
.article-content a:hover {
 color: var(--gold-hover);
 text-decoration-color: var(--gold);
}

/* Article lists */
.article-content ul, .article-content ol {
 padding-left: 24px;
 margin: 12px 0;
 line-height: 1.8;
}
.article-content ul li, .article-content ol li {
 margin: 8px 0;
}

/* Block IDs (no longer visible — anchors were stripped) */



/* === NATSUP visual identity and requested fixes — 2026-06-17 === */
.top-logo-container{background:#ffffff!important;text-align:center;padding:28px 10px!important;border-bottom:3px solid var(--gold)!important;}
.brand-logo{display:inline-flex!important;flex-direction:row!important;gap:22px!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;max-width:980px;margin:auto;}
.brand-logo img{height:96px!important;width:auto!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;}
.brand-logo .brand-text{text-align:center;}
.brand-title{color:var(--gold)!important;font-size:54px!important;line-height:.95!important;letter-spacing:9px!important;text-shadow:none!important;margin:0!important;font-weight:900!important;}
.brand-subtitle{color:var(--dark)!important;font-size:23px!important;letter-spacing:9px!important;font-weight:900!important;margin-top:12px!important;}
.brand-tagline{color:#8b949b!important;font-size:13px!important;letter-spacing:9px!important;font-weight:800!important;margin-top:10px!important;}
.products-grid{gap:7px!important;}
.product-card{border-radius:10px!important;}
.product-card:hover{transform:translateY(-3px)!important;}
.product-image-wrapper{background:#fff!important;}
.main-footer a{color:var(--gold);font-weight:800;text-decoration:none;margin:0 6px;}
.footer-links,.footer-contact{margin-top:10px;}
.article-inline-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 28px;}
.article-inline-figure{margin:0;background:#fff;border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.06);}
.article-inline-figure img{width:100%;height:260px;object-fit:cover;display:block;}
.article-inline-figure figcaption{padding:10px 14px;text-align:center;font-weight:800;color:var(--dark);}
.privacy-card{background:#fff;border:1px solid var(--border-color);border-radius:18px;padding:28px;box-shadow:var(--card-shadow);line-height:1.9;}
.privacy-card h2{color:var(--gold);margin-top:24px;}
.contact-direct-box{background:#fff8e1;border:1px solid rgba(212,175,55,.35);border-radius:16px;padding:18px;margin:0 0 22px;font-weight:800;}
@media(max-width:768px){.brand-logo{flex-direction:column!important;gap:8px!important}.brand-logo img{height:78px!important}.brand-title{font-size:38px!important;letter-spacing:6px!important}.brand-subtitle{font-size:15px!important;letter-spacing:5px!important}.brand-tagline{font-size:10px!important;letter-spacing:4px!important}.products-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:6px!important}.article-inline-gallery{grid-template-columns:1fr}.category-filter-section{position:static!important;}}


/* === NATSUP V2 requested fixes — translation, home quality, completed forms, footer contacts === */
.hero-premium{background:linear-gradient(135deg,#14181c 0%,#22272d 48%,#0f1114 100%)!important;color:#fff!important;position:relative;overflow:hidden;padding:70px 0!important;}
.hero-premium:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 10%,rgba(212,175,55,.34),transparent 25%),radial-gradient(circle at 80% 70%,rgba(212,175,55,.18),transparent 28%);pointer-events:none;}
.hero-premium-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:34px;align-items:center;}
.hero-copy{text-align:right;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:900;letter-spacing:3px;font-size:13px;margin-bottom:14px;}
.hero-premium .hero-title{color:#fff!important;font-size:clamp(34px,5vw,64px)!important;line-height:1.12!important;letter-spacing:0!important;text-shadow:0 8px 24px rgba(0,0,0,.28)!important;max-width:860px;}
.hero-premium .hero-subtitle{color:#e8edf2!important;font-size:clamp(17px,2vw,23px)!important;max-width:820px;margin:18px 0 0!important;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;font-weight:900;text-decoration:none;transition:.25s ease;}
.hero-primary{background:var(--gold);color:#15191e;box-shadow:0 12px 26px rgba(212,175,55,.25);}
.hero-secondary{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06);}
.hero-primary:hover,.hero-secondary:hover{transform:translateY(-2px);}
.hero-trust-card{background:rgba(255,255,255,.08);border:1px solid rgba(212,175,55,.35);border-radius:26px;padding:22px;backdrop-filter:blur(10px);box-shadow:0 24px 60px rgba(0,0,0,.25);}
.hero-trust-card .hero-stat-item{background:#fff!important;color:var(--dark)!important;border:1px solid rgba(212,175,55,.28)!important;border-radius:18px!important;margin-bottom:12px!important;text-align:center!important;padding:18px!important;}
.hero-trust-card .hero-stat-item:last-child{margin-bottom:0!important;}
.hero-trust-card .hero-stat-item strong{display:block;color:var(--gold);font-size:34px;line-height:1;}
.hero-trust-card .hero-stat-item span{display:block;margin-top:7px;font-weight:900;}
.product-card{box-shadow:0 8px 22px rgba(15,23,42,.07)!important;border:1px solid rgba(212,175,55,.18)!important;}
.product-card-body{padding:18px!important;}
.product-title{min-height:unset!important;}
.product-image-wrapper{height:230px!important;}
.product-image{filter:drop-shadow(0 12px 18px rgba(0,0,0,.10));}
.article-inline-gallery{display:block!important;}
.article-inline-figure{margin:24px 0 30px!important;border-radius:20px!important;}
.article-top-image{margin-top:0!important;}
.article-mid-image{margin:34px 0!important;}
.article-inline-figure img{height:auto!important;max-height:520px;object-fit:contain!important;background:#fff;width:100%;padding:10px;}
.page-intro-card{background:linear-gradient(135deg,#171b20,#252b31);color:#fff;border-radius:24px;padding:36px;margin-bottom:28px;box-shadow:0 22px 55px rgba(0,0,0,.16);border:1px solid rgba(212,175,55,.28);}
.page-intro-card h1{font-size:clamp(30px,4vw,48px);margin:0 0 12px;color:#fff;}
.page-intro-card p{color:#e9edf0;font-size:18px;margin:0;}
.contact-grid,.subscribe-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start;}
.contact-info-panel,.vip-benefits,.enhanced-form{background:#fff;border:1px solid var(--border-color);border-radius:22px;padding:26px;box-shadow:var(--card-shadow);}
.contact-method{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--dark);padding:14px;border-radius:16px;border:1px solid #edf0f3;margin:12px 0;background:#fbfcfd;}
.contact-method strong{display:block;color:var(--dark);}
.contact-method small{color:#64707a;font-weight:800;direction:ltr;unicode-bidi:embed;}
.contact-icon,.mini-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff4cf;color:#15191e;font-weight:900;}
.whatsapp-icon{background:#25D366!important;color:#fff!important;}
.contact-note{background:#fff8e1;border:1px solid rgba(212,175,55,.35);padding:14px;border-radius:14px;font-weight:800;line-height:1.8;}
.enhanced-form form{display:grid;gap:10px;}
.enhanced-form label{font-weight:900;color:var(--dark);}
.enhanced-form input,.enhanced-form textarea{width:100%;border:1px solid #dfe5ea;border-radius:14px;padding:13px 15px;font:inherit;background:#fbfcfd;}
.enhanced-form button,.whatsapp-help{border:0;border-radius:999px;background:var(--gold);color:#15191e;font-weight:900;padding:14px 22px;text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 10px 24px rgba(212,175,55,.22);}
.benefit-item{display:flex;gap:12px;align-items:flex-start;background:#fbfcfd;border:1px solid #edf0f3;border-radius:16px;padding:14px;margin:12px 0;font-weight:800;line-height:1.7;}
.whatsapp-help{display:block;margin-top:18px;background:#25D366;color:#fff;}
.footer-motiv{color:#fff;font-size:15px;font-weight:900;margin:0 0 12px;}
.footer-contact-icons{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;}
.footer-icon-link{display:inline-flex;gap:7px;align-items:center;color:var(--gold)!important;text-decoration:none;font-weight:900;direction:ltr;unicode-bidi:embed;}
@media(max-width:850px){.hero-premium-inner,.contact-grid,.subscribe-layout{grid-template-columns:1fr;}.hero-copy{text-align:center;}.hero-actions{justify-content:center;}.product-image-wrapper{height:210px!important;}}


/* === NATSUP V3 fixes: watermark logo background, clearer buy CTA, clean footer icons === */
body{position:relative;background:#f8f7f1!important;}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url('logo-natsup-mark.png');background-repeat:no-repeat;background-position:center 48%;background-size:min(62vw,680px);opacity:.105;filter:saturate(1.08) contrast(1.05);}
.top-logo-container,.main-header,.hero-section,.category-filter-section,.main-content-section,.main-footer,main,section,footer,header{position:relative;z-index:1;}
.product-card,.single-article-view,.privacy-card,.form-card,.contact-info-panel,.vip-benefits,.page-intro-card,.article-card{position:relative;z-index:1;}
.btn-giant-buy{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#D4AF37,#f3d879)!important;color:#111820!important;border:1px solid #b99018!important;border-radius:999px!important;box-shadow:0 8px 18px rgba(212,175,55,.32), inset 0 1px 0 rgba(255,255,255,.55)!important;font-weight:950!important;text-decoration:none!important;text-shadow:none!important;letter-spacing:.2px!important;}
.btn-giant-buy:hover{background:linear-gradient(135deg,#f1d36b,#D4AF37)!important;transform:translateY(-2px)!important;box-shadow:0 12px 26px rgba(212,175,55,.42)!important;color:#0f1419!important;}
.footer-links{margin-bottom:12px!important;}
.footer-contact-icons{gap:18px!important;}
.footer-icon-link.icon-only{font-size:0!important;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(212,175,55,.28);display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;}
.footer-icon-link.icon-only .mini-icon{font-size:18px;margin:0!important;}
.footer-icon-link.icon-only:hover{transform:translateY(-2px);background:rgba(212,175,55,.12);}
@media(max-width:768px){body::before{background-size:92vw;opacity:.075;background-position:center 55%;}.btn-giant-buy{width:100%;}}


/* === NATSUP V4: visible language/main menus, centered CTA, text-safe article display === */
.main-header{z-index:10000!important;overflow:visible!important;}
.nav-wrapper{overflow:visible!important;gap:14px!important;}
.nav-links{gap:10px!important;flex:1 1 auto;justify-content:center;min-width:0;}
.nav-link{font-size:14px!important;padding:8px 10px!important;white-space:nowrap;}
.lang-selector{position:relative!important;z-index:10050!important;flex:0 0 auto;}
.lang-dropdown{z-index:10060!important;min-width:176px!important;max-height:340px!important;overflow-y:auto!important;top:calc(100% + 8px)!important;}
.lang-dropdown.show,.lang-selector.open .lang-dropdown,.lang-btn[aria-expanded="true"] + .lang-dropdown{display:block!important;visibility:visible!important;opacity:1!important;}
.lang-option{cursor:pointer!important;}
.btn-giant-buy{font-size:13px!important;line-height:1.15!important;text-align:center!important;white-space:normal!important;min-height:42px!important;padding:10px 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.product-actions{align-items:stretch!important;}
.article-body,.article-content{word-break:normal;overflow-wrap:anywhere;}
.article-table td,.article-table th{word-break:normal!important;overflow-wrap:anywhere!important;}
@media(max-width:1180px){.nav-links{gap:6px!important}.nav-link{font-size:13px!important;padding:7px 8px!important}.lang-btn{padding:9px 12px!important;font-size:13px!important}}
@media(max-width:992px){.nav-wrapper{height:auto!important;min-height:72px!important;padding:12px 0!important}.nav-links{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-height:100vh!important;overflow-y:auto!important;background:rgba(21,24,27,.98)!important;z-index:10040!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:88px 22px 26px!important}.nav-links.show{display:flex!important}.nav-link{display:block!important;width:100%!important;text-align:center!important;font-size:16px!important;padding:13px 16px!important;border:1px solid rgba(212,175,55,.18)!important;background:rgba(255,255,255,.04)!important}.hamburger-btn{position:relative!important;z-index:10070!important}.lang-selector{margin-inline-start:auto!important}.lang-dropdown{position:absolute!important;left:auto!important;right:0!important}.main-header{position:sticky!important;top:0!important}}
@media(max-width:480px){.btn-giant-buy{font-size:12px!important;padding:9px 12px!important}.lang-dropdown{right:0!important;left:auto!important;min-width:150px!important}}


/* === NATSUP V6: stable mobile language menu, especially Arabic RTL touch screens === */
.lang-btn{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;}
.lang-btn[aria-expanded="true"] + .lang-dropdown{display:block!important;visibility:visible!important;opacity:1!important;}
body[dir="rtl"] .lang-dropdown{right:0!important;left:auto!important;text-align:right!important;}
body[dir="ltr"] .lang-dropdown{left:auto!important;right:0!important;text-align:left!important;}
@media (hover:none) and (pointer:coarse){
 .lang-selector:hover .lang-dropdown:not(.show),
 .lang-selector:focus-within .lang-dropdown:not(.show){display:none!important;visibility:hidden!important;opacity:0!important;}
 .lang-dropdown.show,
 .lang-selector.open .lang-dropdown{display:block!important;visibility:visible!important;opacity:1!important;}
}
@media(max-width:992px){
 body[dir="rtl"] .lang-selector{margin-inline-start:auto!important;margin-inline-end:0!important;}
 body[dir="rtl"] .lang-dropdown{right:0!important;left:auto!important;transform:none!important;}
}

/* === NATSUP V7 SEO/UX Enhancements === */
.natsup-rating-widget{margin:12px 0;padding:10px 12px;border:1px solid rgba(212,175,55,.28);border-radius:14px;background:rgba(255,248,231,.75);text-align:center}.rating-stars{display:flex;gap:3px;justify-content:center;direction:ltr}.star-rate{border:0;background:transparent;color:#b9c0c8;font-size:22px;cursor:pointer;padding:2px}.star-rate.active,.star-rate:hover{color:#D4AF37}.natsup-review-evidence{margin:34px 0;padding:26px;border-radius:22px;background:#fff;border:1px solid rgba(212,175,55,.24);box-shadow:0 8px 24px rgba(15,23,42,.06)}.natsup-review-evidence h2{color:#5A341E;margin:22px 0 12px;font-weight:950}.natsup-review-evidence details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin:12px 0}.scientific-source-list{padding-inline-start:22px;line-height:1.9}.scientific-source-list a{color:#b8972e;font-weight:900;text-decoration:underline}.comparison-table-wrap{overflow-x:auto}.verified-review-note{background:#f8fafc;border-inline-start:4px solid #D4AF37;padding:14px 16px;border-radius:12px;color:#334155;font-weight:700}

/* === NS9 Warm Brown Premium Redesign === */
:root{
 --dark:#5A341E;
 --darker:#3A2114;
 --brown:#5A341E;
 --brown-deep:#3A2114;
 --brown-soft:#8B5A36;
 --cream:#FFF8EA;
 --bg-light:#FFF7E8;
 --gold:#D4AF37;
 --gold-hover:#C59628;
 --card-shadow:0 16px 42px rgba(58,33,20,.10);
 --card-shadow-hover:0 22px 58px rgba(90,52,30,.18);
 --border-color:rgba(139,90,54,.18);
}
body{background:radial-gradient(circle at top right,rgba(212,175,55,.16),transparent 32%),linear-gradient(180deg,#FFF8EA 0%,#F7E8D2 100%)!important;color:var(--brown)!important;}
.top-logo-container{background:linear-gradient(135deg,#3A2114 0%,#5A341E 58%,#7A4A2C 100%)!important;border-bottom:3px solid var(--gold)!important;box-shadow:0 12px 34px rgba(58,33,20,.22)!important;}
.main-header{background:rgba(90,52,30,.94)!important;backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(58,33,20,.18)!important;}
.nav-link{color:#FFF8EA!important;border-radius:999px!important;}
.nav-link:hover,.nav-link.active{background:rgba(212,175,55,.18)!important;color:#FFE9A3!important;}
.hero-section,.hero-premium{background:linear-gradient(135deg,#4A2A19 0%,#6B3F25 48%,#B8862E 100%)!important;border-bottom:1px solid rgba(212,175,55,.35)!important;}
.hero-title,.section-title{color:#4A2A19!important;text-shadow:none!important;}
.hero-premium .hero-title{color:#FFF8EA!important;text-shadow:0 3px 16px rgba(0,0,0,.22)!important;}
.hero-subtitle,.section-subtitle{color:#6F4328!important;}
.hero-premium .hero-subtitle{color:#FDEDD0!important;}
.hero-eyebrow{background:rgba(255,248,234,.14)!important;color:#FFE9A3!important;border:1px solid rgba(212,175,55,.34)!important;border-radius:999px!important;padding:7px 16px!important;display:inline-block!important;}
.product-card,.article-card,.single-article-view,.privacy-card,.form-card,.contact-info-panel,.vip-benefits,.page-intro-card,.natsup-review-evidence{background:rgba(255,252,246,.96)!important;border:1px solid rgba(139,90,54,.16)!important;border-radius:26px!important;box-shadow:var(--card-shadow)!important;}
.product-card:hover,.article-card:hover{transform:translateY(-5px)!important;box-shadow:var(--card-shadow-hover)!important;border-color:rgba(212,175,55,.42)!important;}
.product-badge,.article-prod-tag{background:linear-gradient(135deg,#D4AF37,#F2D77A)!important;color:#3A2114!important;border:1px solid rgba(90,52,30,.12)!important;}
.btn-primary,.btn-giant-buy,.hero-primary,.btn-form-submit,.art-cta-btn{background:linear-gradient(135deg,#D4AF37 0%,#F0D178 52%,#B98524 100%)!important;color:#3A2114!important;border:1px solid rgba(90,52,30,.18)!important;box-shadow:0 12px 26px rgba(139,90,54,.18)!important;}
.btn-primary:hover,.btn-giant-buy:hover,.hero-primary:hover,.art-cta-btn:hover{filter:saturate(1.05) brightness(1.02);transform:translateY(-2px)!important;}
.btn-secondary,.hero-secondary,.btn-read{background:#FFF8EA!important;color:#5A341E!important;border:1px solid rgba(139,90,54,.22)!important;border-radius:999px!important;}
.category-filter-section{background:rgba(255,248,234,.88)!important;border-bottom:1px solid rgba(139,90,54,.12)!important;box-shadow:0 12px 28px rgba(90,52,30,.06)!important;}
.cat-chip,.filter-row select,.search-input,#rating-filter-select,#price-filter-select{background:#FFFDF7!important;color:#5A341E!important;border:1px solid rgba(139,90,54,.22)!important;box-shadow:0 8px 18px rgba(90,52,30,.06)!important;}
.cat-chip.active,.cat-chip:hover{background:linear-gradient(135deg,#5A341E,#8B5A36)!important;color:#FFF8EA!important;border-color:#D4AF37!important;}
.article-table th{background:#5A341E!important;color:#FFF8EA!important;}
.article-table td{background:#FFFDF7!important;color:#5A341E!important;border-color:rgba(139,90,54,.13)!important;}
.main-footer{background:linear-gradient(135deg,#3A2114,#5A341E)!important;color:#FFF8EA!important;border-top:3px solid var(--gold)!important;}
body::before{opacity:.055!important;filter:sepia(.45) saturate(.9)!important;}
.lang-btn{background:linear-gradient(135deg,#F2D77A,#D4AF37)!important;color:#3A2114!important;}
.lang-dropdown{border-color:rgba(139,90,54,.26)!important;box-shadow:0 18px 44px rgba(58,33,20,.18)!important;}
@media(max-width:768px){.product-card,.article-card,.single-article-view{border-radius:20px!important}.hero-section{padding-top:34px!important}.section-title{font-size:28px!important}.nav-links{background:rgba(58,33,20,.98)!important}}


/* === NS11 final contrast and localization visual fixes === */
.top-logo-container .brand-subtitle,
.top-logo-container .brand-tagline{color:#FFF8EA!important;text-shadow:0 2px 10px rgba(0,0,0,.26)!important;}
.top-logo-container .brand-title{color:#F2D77A!important;text-shadow:0 3px 12px rgba(0,0,0,.22)!important;}
.page-intro-card h1,.page-intro-card .section-title{color:#4A2A19!important;text-shadow:none!important;}
.page-intro-card p,.page-intro-card .section-subtitle{color:#6F4328!important;}
.page-intro-card .hero-eyebrow{background:#F7E8D2!important;color:#5A341E!important;border-color:rgba(139,90,54,.28)!important;}
.hero-premium .hero-eyebrow{background:rgba(255,248,234,.16)!important;color:#FFE9A3!important;border-color:rgba(212,175,55,.42)!important;}
.contact-icon,.mini-icon{background:#FFF4CF!important;color:#5A341E!important;}
.whatsapp-icon{background:#25D366!important;color:#fff!important;}
.enhanced-form button,.whatsapp-help{color:#3A2114!important;}
.article-quote{background:#FFF4CF!important;color:#5A341E!important;border-inline-start:5px solid #D4AF37!important;}
.article-content,.article-body,.single-article-view{color:#4A2A19!important;}
.article-content p,.article-body p,.article-content li,.article-body li{color:#5A341E!important;}
.article-table th{background:linear-gradient(135deg,#5A341E,#7B4A2C)!important;color:#FFF8EA!important;}
.article-table td,.article-table td strong{color:#4A2A19!important;}
.natsup-review-evidence details,.natsup-review-evidence p,.natsup-review-evidence li{color:#5A341E!important;}
.footer-contact,.main-footer p,.main-footer div{color:#FFF8EA!important;}
.product-summary,.article-card-excerpt{color:#6F4328!important;}
.lang-option{color:#5A341E!important;background:#FFFDF7!important;}
.lang-option:hover,.lang-option.active{background:#FFF4CF!important;color:#3A2114!important;}
@media(max-width:992px){.nav-links{background:rgba(58,33,20,.985)!important}.nav-link{color:#FFF8EA!important}}


/* === NS11F legal pages, WhatsApp floating button, no-black logo polish === */
.top-logo-container .brand-logo img{filter:none!important;mix-blend-mode:normal!important;}
.top-logo-container{background:linear-gradient(135deg,#5A341E 0%,#7A4A2C 55%,#D4AF37 140%)!important;}
.legal-page .legal-card{max-width:980px;margin:0 auto;padding:34px;line-height:1.95;}
.legal-card h1{color:#4A2A19!important;font-size:clamp(30px,4vw,46px);margin-bottom:18px;}
.legal-card h2{color:#5A341E!important;margin-top:24px;margin-bottom:8px;font-size:24px;}
.legal-card p,.legal-card li{color:#5A341E!important;font-weight:700;}
.legal-card a{color:#9A6A1F!important;text-decoration:underline;font-weight:900;}
.about-premium-page .about-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:24px;align-items:start;}
.about-panel{background:rgba(255,252,246,.98);border:1px solid rgba(139,90,54,.18);border-radius:26px;padding:28px;box-shadow:var(--card-shadow);}
.about-panel h2{color:#4A2A19!important;margin:0 0 12px;font-size:26px;}
.about-panel p,.about-panel li{color:#5A341E!important;font-weight:750;line-height:1.95;}
.about-panel ul{list-style:disc;padding-inline-start:24px;}
.about-values .benefit-item{background:#FFF8EA!important;border-color:rgba(139,90,54,.18)!important;color:#5A341E!important;}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:20000;display:inline-flex;align-items:center;justify-content:center;width:58px;min-width:58px;height:58px;padding:0;border-radius:50%;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff!important;font-weight:950;text-decoration:none;box-shadow:0 16px 36px rgba(18,140,126,.35);border:2px solid rgba(255,255,255,.75);}
.floating-whatsapp::before{content:'';width:26px;height:26px;display:block;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5A8 8 0 0 1 8.2 18.6L4 19.6l1.1-4.1A8 8 0 1 1 20 11.5Z'/%3E%3Cpath d='M9.4 9.4c.2-.6.6-.9 1-.9.2 0 .3 0 .5.4l.5 1c.1.2.1.4 0 .6l-.4.5c-.1.1-.1.3 0 .4.3.6.8 1.1 1.4 1.4.1.1.3.1.4 0l.5-.4c.2-.1.4-.1.6 0l1 .5c.4.2.4.3.4.5 0 .4-.3.8-.9 1-.8.2-1.7 0-3.1-.8-1.2-.7-2.1-1.6-2.8-2.8-.8-1.4-1-2.3-.8-3.1Z'/%3E%3C/svg%3E");}
.floating-whatsapp span{display:none!important;}
.floating-whatsapp:hover{transform:translateY(-3px);filter:brightness(1.05);}
.footer-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:14px 0!important;}
.footer-links a{padding:6px 10px;border-radius:999px;background:rgba(255,248,234,.08);border:1px solid rgba(212,175,55,.18);}
@media(max-width:768px){.about-premium-page .about-grid{grid-template-columns:1fr}.legal-page .legal-card{padding:22px}.floating-whatsapp{right:14px;bottom:14px;height:54px;min-width:54px;width:54px;padding:0}.floating-whatsapp span{display:none}}

/* === NS11F logo refinement and About translation-safe layout === */
.top-logo-container .brand-logo{gap:10px!important;}
.top-logo-container .brand-logo img{height:82px!important;width:auto!important;filter:none!important;mix-blend-mode:normal!important;}
.top-logo-container .brand-title{font-size:46px!important;letter-spacing:7px!important;color:#F2D77A!important;}
.top-logo-container .brand-subtitle{font-size:18px!important;letter-spacing:7px!important;color:#FFF8EA!important;}
.top-logo-container .brand-tagline{font-size:12px!important;letter-spacing:5px!important;color:#FFE9A3!important;}
.about-content-box h2,.about-values h2{color:#4A2A19!important;}
.about-content-box p,.about-content-box li,.about-values .benefit-item{color:#5A341E!important;}
@media(max-width:640px){.top-logo-container .brand-logo img{height:72px!important}.top-logo-container .brand-title{font-size:36px!important;letter-spacing:5px!important}.top-logo-container .brand-subtitle{font-size:14px!important;letter-spacing:4px!important}.top-logo-container .brand-tagline{font-size:10px!important;letter-spacing:3px!important}}