@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* =============================================================================
   Flatsome Child — Main Stylesheet
   Mobile-first. No CSS variables. Static values only.
   ============================================================================= */

/* ── Fonts ───────────────────────────────────────────────────────────────────── */

@font-face {
   font-family: 'Gratelos Display';
   src: url('../fonts/SVN-Gratelos Display.otf') format('opentype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Gratelos Display 2';
   src: url('../fonts/SVN-Gratelos Display 2.otf') format('opentype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

.font-gratelos-display h2 {
   font-family: 'Gratelos Display' !important;
}

/* ── Global ──────────────────────────────────────────────────────────────── */
.product .box {
   padding: 44px;
   background-color: #fff;
   border-radius: 30px;
   text-align: center;
}

.product .box .product-title {
   margin-bottom: 10px;
   padding-top: 0;
   margin-top: 19px;
}

.product .box .product-title a {
   font-size: 14px;
   color: #000000;
}

.product .box .price,
.product .box .price .amount {
   font-size: 12px;
   font-weight: 600;
   color: #00561B;
}

.product .box .box-text-products {
   padding-bottom: 0;
}

#wrapper .row-bg-white {
   background-color: #FFFFFF;
   border-radius: 15px;
   overflow: hidden;
}

#wrapper .row-bg-white .col {
   padding: 0;
}

#wrapper .row-bg-white-col-content.col {
   padding-left: 46px;
   padding-right: 46px;
}

#wrapper .row-product-category-1 {
   background-color: #fff;
   border-radius: 15px;
   width: calc(100% - 20px);
   padding-top: 30px;
}

#wrapper .row-product-category-1 .img-inner {
   transform: translateY(100px);
}

#wrapper .icon-box .icon {
   transition: all 200ms linear;
}

#wrapper .icon-box:hover .icon {
   transform: scale(1.1);
}

.popup-welcome-seclect-logo {
   max-width: 200px;
   margin-left: auto;
   margin-right: auto;
}

/* Payment Gateway Icon Sizing */
.woocommerce-checkout .payment_methods img,
.woocommerce-order-pay .payment_methods img,
#order_review .payment_methods img,
.wc_payment_method img {
   max-height: 28px !important;
   width: auto !important;
   display: inline-block !important;
   vertical-align: middle !important;
   margin-left: 8px !important;
}

/* ─── Order Pay Page Styling ────────────────────────────────────────────── */

body.woocommerce-order-pay #content {
   padding: 40px 15px 60px !important;
   background-color: #f7faf7 !important;
}

body.woocommerce-order-pay form#order_review,
.woocommerce-order-pay form#order_review {
   max-width: 800px !important;
   margin: 0 auto !important;
   background: #ffffff !important;
   border: 1px solid #e7ece7 !important;
   border-radius: 20px !important;
   box-shadow: 0 10px 30px rgba(20, 40, 20, 0.05) !important;
   padding: 32px !important;
}

body.woocommerce-order-pay form#order_review table.shop_table,
.woocommerce-order-pay form#order_review table.shop_table {
   border: 1px solid #e7ece7 !important;
   border-radius: 12px !important;
   overflow: hidden !important;
   margin-bottom: 24px !important;
   width: 100% !important;
}

body.woocommerce-order-pay form#order_review table.shop_table th,
.woocommerce-order-pay form#order_review table.shop_table th {
   background-color: #f8faf8 !important;
   color: #1f3d23 !important;
   font-weight: 700 !important;
   font-size: 14px !important;
   text-transform: uppercase !important;
   letter-spacing: 0.5px !important;
   padding: 14px 18px !important;
   border-bottom: 1px solid #e7ece7 !important;
}

body.woocommerce-order-pay form#order_review table.shop_table td,
.woocommerce-order-pay form#order_review table.shop_table td {
   padding: 14px 18px !important;
   border-bottom: 1px solid #f0f4f0 !important;
   font-size: 14px !important;
   color: #333333 !important;
}

body.woocommerce-order-pay form#order_review table.shop_table tr:last-child td,
.woocommerce-order-pay form#order_review table.shop_table tr:last-child td {
   border-bottom: none !important;
}

body.woocommerce-order-pay form#order_review #payment,
.woocommerce-order-pay form#order_review #payment {
   background: #fcfdfe !important;
   border: 1px solid #e7ece7 !important;
   border-radius: 14px !important;
   padding: 24px !important;
   margin-top: 24px !important;
}

body.woocommerce-order-pay form#order_review #payment ul.payment_methods,
.woocommerce-order-pay form#order_review #payment ul.payment_methods {
   list-style: none !important;
   padding: 0 !important;
   margin: 0 0 20px 0 !important;
}

body.woocommerce-order-pay form#order_review #payment ul.payment_methods li.wc_payment_method,
.woocommerce-order-pay form#order_review #payment ul.payment_methods li.wc_payment_method {
   padding: 14px 18px !important;
   margin-bottom: 12px !important;
   border: 1px solid #e7ece7 !important;
   border-radius: 10px !important;
   background: #ffffff !important;
   transition: all 0.2s ease !important;
}

body.woocommerce-order-pay form#order_review #payment ul.payment_methods li.wc_payment_method:hover,
.woocommerce-order-pay form#order_review #payment ul.payment_methods li.wc_payment_method:hover {
   border-color: #1f3d23 !important;
}

body.woocommerce-order-pay form#order_review #payment ul.payment_methods li.wc_payment_method input[type="radio"],
.woocommerce-order-pay form#order_review #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
   accent-color: #1f3d23 !important;
   margin-right: 8px !important;
}

body.woocommerce-order-pay form#order_review #payment ul.payment_methods li.wc_payment_method label,
.woocommerce-order-pay form#order_review #payment ul.payment_methods li.wc_payment_method label {
   font-weight: 600 !important;
   color: #1f3d23 !important;
   cursor: pointer !important;
   display: inline-flex !important;
   align-items: center !important;
}

body.woocommerce-order-pay form#order_review #payment div.payment_box,
.woocommerce-order-pay form#order_review #payment div.payment_box {
   background: #f4f8f4 !important;
   border-radius: 8px !important;
   padding: 12px 16px !important;
   font-size: 13px !important;
   color: #4a5d4d !important;
   margin-top: 10px !important;
}

body.woocommerce-order-pay form#order_review #payment div.form-row,
.woocommerce-order-pay form#order_review #payment div.form-row {
   margin: 0 !important;
   padding: 0 !important;
   text-align: center !important;
}

body.woocommerce-order-pay form#order_review #payment #place_order,
.woocommerce-order-pay form#order_review #payment #place_order {
   display: inline-block !important;
   width: 100% !important;
   max-width: 340px !important;
   height: 48px !important;
   line-height: 48px !important;
   padding: 0 28px !important;
   background-color: #1f3d23 !important;
   color: #ffffff !important;
   border: none !important;
   border-radius: 999px !important;
   font-size: 15px !important;
   font-weight: 700 !important;
   letter-spacing: 0.5px !important;
   text-transform: uppercase !important;
   cursor: pointer !important;
   transition: all 0.2s ease-in-out !important;
   box-shadow: 0 4px 14px rgba(31, 61, 35, 0.25) !important;
   margin: 15px auto 0 !important;
}

body.woocommerce-order-pay form#order_review #payment #place_order:hover,
.woocommerce-order-pay form#order_review #payment #place_order:hover {
   background-color: #152b18 !important;
   transform: translateY(-1px) !important;
   box-shadow: 0 6px 18px rgba(31, 61, 35, 0.35) !important;
}

/* ─── Custom Order Pay Form Styling ────────────────────────────────────────── */

.woocommerce-pay-custom-wrapper {
   max-width: 800px;
   margin: 40px auto 60px;
   padding: 0 15px;
}

.woocommerce-pay-custom-wrapper #order_review {
   background: #ffffff !important;
   border: 1px solid #e7ece7 !important;
   border-radius: 24px !important;
   box-shadow: 0 10px 35px rgba(20, 40, 20, 0.06) !important;
   padding: 36px !important;
}

.pay-order-header {
   text-align: center;
   margin-bottom: 28px;
   padding-bottom: 20px;
   border-bottom: 1px solid #edf1ed;
}

.pay-order-title {
   font-size: 24px !important;
   font-weight: 700 !important;
   color: #1f3d23 !important;
   margin-bottom: 6px !important;
}

.pay-order-subtitle {
   font-size: 14px;
   color: #6c7e6f;
   margin: 0;
}

.pay-section-title {
   font-size: 15px !important;
   font-weight: 700 !important;
   color: #1f3d23 !important;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   margin-bottom: 16px !important;
}

/* Items List */
.pay-items-list {
   border: 1px solid #e7ece7;
   border-radius: 16px;
   overflow: hidden;
   margin-bottom: 28px;
}

.pay-item-row {
   display: flex;
   align-items: center;
   gap: 16px;
   padding: 16px 20px;
   border-bottom: 1px solid #f0f4f0;
   background: #ffffff;
}

.pay-item-row:last-child {
   border-bottom: none;
}

.pay-item-image {
   flex-shrink: 0;
   width: 70px;
   height: 70px;
   border-radius: 12px;
   overflow: hidden;
   border: 1px solid #e8ede8;
   background: #f8faf8;
}

.pay-item-image img {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover !important;
   display: block !important;
}

.pay-item-details {
   flex-grow: 1;
}

.pay-item-name {
   font-size: 15px !important;
   font-weight: 700 !important;
   color: #1f3d23 !important;
   margin: 0 0 6px !important;
}

.pay-item-meta {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-bottom: 4px;
}

.pay-item-meta .meta-tag {
   font-size: 13px;
   color: #666666;
   background: none;
   padding: 0;
   border-radius: 0;
}


.pay-item-qty {
   font-size: 13px;
   color: #7a8c7c;
}

.pay-item-subtotal {
   font-size: 16px;
   font-weight: 700;
   color: #1f3d23;
   text-align: right;
   flex-shrink: 0;
}

/* Totals Section */
.pay-order-totals {
   background: #f9fbf9;
   border: 1px solid #e7ece7;
   border-radius: 16px;
   padding: 16px 20px;
   margin-bottom: 28px;
}

.pay-total-row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 8px 0;
   font-size: 14px;
   color: #4a5c4d;
}

.pay-total-row.is-grand-total {
   border-top: 1px solid #e2e8e2;
   margin-top: 8px;
   padding-top: 14px;
   font-size: 17px;
   font-weight: 700;
   color: #1f3d23;
}

.pay-total-row.is-grand-total .total-value {
   color: #00561B;
   font-size: 20px;
}

/* =============================================================================
   Shopify / Stripe Style Modern Minimalist Checkout
   ============================================================================= */

/* Container & Layout */
body.woocommerce-checkout {
   background-color: #ffffff !important;
}

body.woocommerce-checkout #content {
   padding: 30px 0 60px !important;
}

.shopify-style-checkout.checkout-main-row {
   max-width: 1140px !important;
   margin: 0 auto !important;
}

/* Coupon Notice Bar */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
   background-color: #f0f7f1 !important;
   border: 1px solid #d1e5d4 !important;
   border-radius: 8px !important;
   padding: 12px 18px !important;
   font-size: 14px !important;
   color: #1f3d23 !important;
   font-weight: 500 !important;
   margin-bottom: 24px !important;
}

.woocommerce-checkout .woocommerce-info a.showcoupon,
.woocommerce-checkout .woocommerce-info a.showlogin {
   color: #1f3d23 !important;
   font-weight: 700 !important;
   text-decoration: underline !important;
}

/* Left Column: Form Details */
.checkout-left-col {
   padding-right: 35px !important;
}

.checkout-customer-box {
   background: transparent !important;
   border: none !important;
   padding: 0 !important;
   box-shadow: none !important;
}

.checkout-customer-box h3,
.checkout-customer-box #ship-to-different-address-checkbox+span,
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3 {
   font-size: 18px !important;
   font-weight: 700 !important;
   color: #111827 !important;
   margin-bottom: 16px !important;
   padding: 0 !important;
   border: none !important;
   letter-spacing: -0.2px !important;
}

/* Form Controls (Inputs, Selects, Textareas) */
.checkout-left-col .form-row {
   margin-bottom: 16px !important;
}

.checkout-left-col label {
   font-size: 13px !important;
   font-weight: 600 !important;
   color: #374151 !important;
   margin-bottom: 5px !important;
   display: block !important;
}

.checkout-left-col label .required {
   color: #dc2626 !important;
}

.checkout-left-col input[type="text"],
.checkout-left-col input[type="email"],
.checkout-left-col input[type="tel"],
.checkout-left-col input[type="password"],
.checkout-left-col select,
.checkout-left-col .select2-container--default .select2-selection--single {
   height: 46px !important;
   line-height: 46px !important;
   background-color: #ffffff !important;
   border: 1px solid #d1d5db !important;
   border-radius: 8px !important;
   padding: 0 14px !important;
   font-size: 14px !important;
   color: #1f2937 !important;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
   box-shadow: none !important;
}

.checkout-left-col textarea {
   border-radius: 8px !important;
   border: 1px solid #d1d5db !important;
   padding: 12px 14px !important;
   font-size: 14px !important;
   color: #1f2937 !important;
   height: 100px !important;
}

.checkout-left-col input[type="text"]:focus,
.checkout-left-col input[type="email"]:focus,
.checkout-left-col input[type="tel"]:focus,
.checkout-left-col input[type="password"]:focus,
.checkout-left-col textarea:focus,
.checkout-left-col select:focus,
.checkout-left-col .select2-container--default.select2-container--focus .select2-selection--single {
   border-color: #1f3d23 !important;
   box-shadow: 0 0 0 3px rgba(31, 61, 35, 0.12) !important;
   outline: none !important;
}

.checkout-left-col .select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 46px !important;
   padding-left: 0 !important;
   color: #1f2937 !important;
   font-size: 14px !important;
}

.checkout-left-col .select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 44px !important;
}

/* Right Column: Order Review Sidebar Card */
.checkout-right-col .col-inner,
.checkout-right-col .col-inner.has-border,
.checkout-right-col .col-inner.is-well {
   border: none !important;
   background: transparent !important;
   padding: 0 !important;
   box-shadow: none !important;
}

.checkout-sidebar-card {
   background-color: #f9fafb !important;
   border: 1px solid #e5e7eb !important;
   border-radius: 12px !important;
   padding: 24px !important;
   position: sticky !important;
   top: 90px !important;
}

.checkout-summary-title {
   font-size: 16px !important;
   font-weight: 700 !important;
   color: #111827 !important;
   text-transform: uppercase !important;
   letter-spacing: 0.5px !important;
   padding-bottom: 14px !important;
   margin-bottom: 18px !important;
   border-bottom: 1px solid #e5e7eb !important;
}

/* Order Review Table */
.checkout-sidebar-card #order_review {
   background: transparent !important;
   border: none !important;
   padding: 0 !important;
   margin: 0 !important;
   box-shadow: none !important;
}

.checkout-sidebar-card table.shop_table {
   border: none !important;
   margin-bottom: 16px !important;
   width: 100% !important;
}

.checkout-sidebar-card table.shop_table th {
   background: none !important;
   color: #6b7280 !important;
   font-size: 12px !important;
   font-weight: 700 !important;
   text-transform: uppercase !important;
   letter-spacing: 0.5px !important;
   padding: 8px 0 !important;
   border-bottom: 1px solid #e5e7eb !important;
}

.checkout-sidebar-card table.shop_table td {
   padding: 12px 0 !important;
   border-bottom: 1px solid #f3f4f6 !important;
   font-size: 14px !important;
   color: #374151 !important;
   vertical-align: middle !important;
}

/* Product Item Layout in Order Review Table */
.checkout-review-item-flex {
   display: flex !important;
   align-items: center !important;
   gap: 12px !important;
}

.checkout-review-img-wrap {
   position: relative !important;
   width: 52px !important;
   height: 52px !important;
   border: 1px solid #e5e7eb !important;
   border-radius: 8px !important;
   background: #ffffff !important;
   flex-shrink: 0 !important;
}

.checkout-review-item-img {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover !important;
   border-radius: 7px !important;
}

.checkout-review-item-qty {
   position: absolute !important;
   top: -7px !important;
   right: -7px !important;
   background-color: #6b7280 !important;
   color: #ffffff !important;
   border-radius: 999px !important;
   width: 19px !important;
   height: 19px !important;
   font-size: 11px !important;
   font-weight: 700 !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   z-index: 2 !important;
}

.checkout-review-item-details {
   font-size: 13.5px !important;
   font-weight: 600 !important;
   color: #111827 !important;
   line-height: 1.35 !important;
}

/* Hide duplicate quantity text since badge is on image */
body.woocommerce-checkout table.shop_table .product-quantity,
.checkout-sidebar-card table.shop_table .product-quantity,
td.product-name .product-quantity,
strong.product-quantity {
   display: none !important;
}

/* Format Product Variation Meta (Kích thước, Màu sắc, Mẫu) as Inline Tags */
body.woocommerce-checkout table.shop_table .wc-item-meta,
.checkout-sidebar-card table.shop_table .wc-item-meta,
td.product-name .wc-item-meta {
   margin: 6px 0 0 0 !important;
   padding: 0 !important;
   list-style: none !important;
   display: flex !important;
   flex-wrap: wrap !important;
   gap: 6px !important;
}

body.woocommerce-checkout table.shop_table .wc-item-meta li,
.checkout-sidebar-card table.shop_table .wc-item-meta li,
td.product-name .wc-item-meta li {
   background-color: #f3f4f6 !important;
   border: 1px solid #e5e7eb !important;
   border-radius: 4px !important;
   padding: 2px 8px !important;
   font-size: 11.5px !important;
   color: #4b5563 !important;
   margin: 0 !important;
   display: inline-flex !important;
   align-items: center !important;
   gap: 4px !important;
}

body.woocommerce-checkout table.shop_table .wc-item-meta li strong.wc-item-meta-label,
.checkout-sidebar-card table.shop_table .wc-item-meta li strong.wc-item-meta-label,
td.product-name .wc-item-meta li strong.wc-item-meta-label {
   font-weight: 600 !important;
   color: #6b7280 !important;
   margin: 0 !important;
}

body.woocommerce-checkout table.shop_table .wc-item-meta li p,
.checkout-sidebar-card table.shop_table .wc-item-meta li p,
td.product-name .wc-item-meta li p {
   margin: 0 !important;
   display: inline !important;
   color: #111827 !important;
   font-weight: 500 !important;
}


.checkout-sidebar-card table.shop_table .product-total {
   font-weight: 700 !important;
   text-align: right !important;
   color: #111827 !important;
   font-size: 14px !important;
}

.checkout-sidebar-card table.shop_table tr.cart-subtotal th,
.checkout-sidebar-card table.shop_table tr.shipping th {
   color: #6b7280 !important;
   font-size: 13.5px !important;
   font-weight: 600 !important;
}

.checkout-sidebar-card table.shop_table tr.cart-subtotal td,
.checkout-sidebar-card table.shop_table tr.shipping td {
   text-align: right !important;
   font-weight: 700 !important;
   color: #111827 !important;
   font-size: 14px !important;
}

.checkout-sidebar-card table.shop_table tr.order-total th {
   font-size: 16px !important;
   color: #111827 !important;
   border-bottom: none !important;
   padding-top: 16px !important;
}

.checkout-sidebar-card table.shop_table tr.order-total td {
   font-size: 20px !important;
   font-weight: 800 !important;
   color: #1f3d23 !important;
   text-align: right !important;
   border-bottom: none !important;
   padding-top: 16px !important;
}

/* Payment Methods Section */
.checkout-sidebar-card #payment {
   background: transparent !important;
   border: none !important;
   padding: 16px 0 0 0 !important;
   margin-top: 16px !important;
   border-top: 1px solid #e5e7eb !important;
}

.checkout-sidebar-card #payment ul.payment_methods {
   list-style: none !important;
   padding: 0 !important;
   margin: 0 0 16px 0 !important;
   border: none !important;
}

.checkout-sidebar-card #payment ul.payment_methods li.wc_payment_method {
   border: 1.5px solid #e5e7eb !important;
   border-radius: 8px !important;
   padding: 14px 16px !important;
   margin-bottom: 10px !important;
   background: #ffffff !important;
   transition: border-color 0.15s ease, background-color 0.15s ease !important;
   box-sizing: border-box !important;
}

.checkout-sidebar-card #payment ul.payment_methods li.wc_payment_method:hover,
.checkout-sidebar-card #payment ul.payment_methods li.wc_payment_method.payment_method_active {
   border-color: #1f3d23 !important;
   background-color: #f0f7f1 !important;
}

.checkout-sidebar-card #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
   accent-color: #1f3d23 !important;
   margin-right: 8px !important;
   cursor: pointer !important;
}

.checkout-sidebar-card #payment ul.payment_methods li.wc_payment_method label {
   font-size: 14px !important;
   font-weight: 600 !important;
   color: #111827 !important;
   cursor: pointer !important;
   display: inline-flex !important;
   align-items: center !important;
   margin: 0 !important;
}

.checkout-sidebar-card #payment div.payment_box {
   background: #ffffff !important;
   border: 1px solid #e5e7eb !important;
   border-radius: 6px !important;
   padding: 10px 12px !important;
   font-size: 13px !important;
   line-height: 1.5 !important;
   color: #4b5563 !important;
   margin-top: 10px !important;
   margin-bottom: 2px !important;
}

.checkout-sidebar-card #payment div.payment_box::before {
   display: none !important;
}

.checkout-sidebar-card #payment div.place-order {
   padding: 0 !important;
   margin-top: 18px !important;
}



.checkout-sidebar-card #payment button#place_order,
.checkout-sidebar-card #payment #place_order {
   display: block !important;
   width: 100% !important;
   height: 48px !important;
   line-height: 48px !important;
   padding: 0 24px !important;
   background-color: #1f3d23 !important;
   color: #ffffff !important;
   border: none !important;
   border-radius: 8px !important;
   font-size: 15px !important;
   font-weight: 700 !important;
   text-transform: uppercase !important;
   letter-spacing: 0.5px !important;
   cursor: pointer !important;
   transition: background-color 0.2s ease-in-out !important;
   box-shadow: 0 4px 12px rgba(31, 61, 35, 0.2) !important;
}

.checkout-sidebar-card #payment button#place_order:hover,
.checkout-sidebar-card #payment #place_order:hover {
   background-color: #152b18 !important;
}

.woocommerce-billing-fields {
   border-top: none !important;
   padding-top: 0 !important
}

@media (max-width: 849px) {
   .checkout-left-col {
      padding-right: 0 !important;
      margin-bottom: 30px !important;
   }

   .checkout-sidebar-card {
      position: static !important;
   }
}

/* ── Wynthor Guide Header & Box Styles ─────────────────────────────────────── */
.wynthor-guide-subtitle p {
   font-size: 12px;
   font-weight: 500;
   color: #4da3ff;
   letter-spacing: 1.2px;
   text-transform: uppercase;
   margin-bottom: 0px;
}

.wynthor-guide-title p {
   font-size: 36px;
   font-weight: 700;
   color: #0f172a;
   line-height: 48px;
   margin-bottom: 12px;
}

.wynthor-guide-desc {
   font-size: 14px;
   color: rgba(0, 0, 0, 0.65);
   line-height: 20px;
   margin-bottom: 22px;
}

.wynthor-guide-box {
   background: #ffffff;
   border: 1px solid rgba(154, 154, 154, 0.43);
   border-radius: 5px;
   padding: 30px;
}

.wynthor-guide-box h3 {
   font-size: 15px;
   font-weight: 700;
   color: #000000;
   margin-top: 20px;
   margin-bottom: 8px;
}

.wynthor-guide-box h3:first-child {
   margin-top: 0;
}

.wynthor-guide-box h4 {
   font-size: 14px;
   font-weight: 600;
   color: #000000;
   margin-top: 12px;
   margin-bottom: 6px;
}

.wynthor-guide-box p {
   font-size: 14px;
   color: #000000;
   line-height: 24px;
   margin-bottom: 12px;
}

.wynthor-guide-box ul {
   padding-left: 20px;
   margin-bottom: 16px;
}

/* ── Wynthor Header Navigation Bar (Figma Node 172:1128) ──────────────────── */
.wynthor-header-sec {
   background: #ffffff;
   padding: 16px 0;
}

.wynthor-header-logo {
   display: flex;
   align-items: center;
   gap: 12px;
   text-decoration: none;
}

.wynthor-header-logo-box {
   width: 40px;
   height: 40px;
   background: #050c13;
   border: 1px solid rgba(214, 164, 83, 0.6);
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: 'Cormorant Garamond', serif;
   font-size: 18px;
   color: #d6a453;
   font-weight: 500;
}

.wynthor-header-logo-text {
   display: flex;
   flex-direction: column;
}

.wynthor-header-logo-brand {
   font-family: 'Cormorant Garamond', serif;
   font-size: 18px;
   font-weight: 500;
   color: #050c13;
   letter-spacing: 3.24px;
   line-height: 1;
}

.wynthor-header-logo-sub {
   font-family: 'Inter', sans-serif;
   font-size: 10px;
   font-weight: 400;
   color: #5d646c;
   letter-spacing: 3.2px;
   text-decoration: underline;
   line-height: 1.2;
   margin-top: 2px;
}

.wynthor-header-nav {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 32px;
}

.wynthor-header-nav a {
   font-size: 15px;
   color: #0f172b;
   text-decoration: none;
   transition: color 0.2s ease;
}

/* ── Wynthor Deposit & Withdrawal ─────── */
.wynthor-deposit-subtitle p {
   font-size: 12px;
   font-weight: 500;
   color: #4da3ff;
   letter-spacing: 1.2px;
   text-transform: uppercase;
   margin-bottom: 4px;
}

.wynthor-deposit-title p {
   font-size: 36px !important;
   font-weight: 700 !important;
   color: #0f172a !important;
   line-height: 48px !important;
   margin-bottom: 12px !important;
}

.wynthor-deposit-desc p {
   font-size: 14px;
   color: rgba(0, 0, 0, 0.65);
   line-height: 20px;
   margin-bottom: 0px;
}

.wynthor-deposit-section-title p {
   font-size: 25px;
   font-weight: 600;
   color: #0f172a;
   margin-top: 20px;
   margin-bottom: 10px;
}

.wynthor-deposit-tab .nav {
   gap: 10px;
   margin-top: 20px;
}

.wynthor-deposit-tab .tab a {
   color: #94A3B8;
   text-align: center;
   font-size: 14px !important;
   font-weight: 600 !important;
   line-height: 20px !important;
   padding: 10px 20px !important;
   border-radius: 0;
   text-transform: none;
   background: #fff;
   border-radius: 6px;
}

.wynthor-deposit-tab .tab.active a {
   background: #092244;
   color: #fff;
}

.wynthor-method-card {
   background: #fff;
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
   padding: 20px;
}

.wynthor-method-card h3 {
   color: #374151;
   font-size: 16px;
   font-weight: 600;
   line-height: 29px;
   margin-bottom: 0;
}

.wynthor-method-card p {
   color: rgba(0, 0, 0, 0.65);
   font-size: 14px;
   font-weight: 400;
   line-height: 25px;
   margin-bottom: 10px;
}

.wynthor-badge-free {
   display: inline-flex;
   align-items: center;
   border-radius: 57px;
   background: #F2F2FB;
   padding: 5px 35px;
}

.wynthor-badge-free p {
   color: #092244;
   font-size: 14px;
   font-weight: 700;
}

/* ── Wynthor Bank Accounts Shortcode (Figma 198:785) ─────── */
.wynthor-bank-card {
   background: #ffffff;
   border: 1px solid #e8edf3;
   border-radius: 8px;
   overflow: hidden;
}

.wynthor-bank-card-header {
   padding: 16px 20px;
   border-bottom: 1px solid #f0f4f9;
}

.wynthor-bank-card-title {
   font-size: 14px !important;
   font-weight: 600 !important;
   color: #0f172a !important;
   margin: 0 !important;
}

.wynthor-bank-card-recipient {
   font-size: 13px;
   color: #64748b;
   margin: 0;
}

.wynthor-bank-card-recipient strong {
   color: #0f172a;
}

.wynthor-bank-item {
   display: flex;
   align-items: center;
   gap: 16px;
   padding: 15px 20px;
   border-bottom: 1px solid #f8fafc;
}

.wynthor-bank-item:last-child {
   border-bottom: none;
}

.wynthor-bank-item-logo {
   width: 40px;
   height: 40px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.wynthor-bank-item-logo img {
   width: 40px;
   height: 40px;
   object-fit: contain;
   border-radius: 8px;
}

.wynthor-bank-badge {
   width: 40px;
   height: 40px;
   border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   font-weight: 800;
   text-transform: uppercase;
   letter-spacing: 0.5px;
}

.wynthor-bank-item-info {
   flex: 1;
   min-width: 0;
}

.wynthor-bank-item-name {
   font-size: 14px;
   font-weight: 600;
   color: #0f172a;
   margin: 0 0 2px 0;
   line-height: 20px;
}

.wynthor-bank-item-acc {
   font-size: 14px;
   font-weight: 700;
   color: #2563eb;
   margin: 0;
   line-height: 20px;
}

.wynthor-bank-item-action {
   flex-shrink: 0;
}

.wynthor-copy-btn {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   background: #f1f5f9;
   border: 1px solid #e2e8f0;
   border-radius: 6px;
   padding: 0px 9px;
   font-size: 12px;
   font-weight: 500;
   color: #64748b;
   cursor: pointer;
   transition: all 0.2s ease;
   margin: 0;
   min-height: max-content;
   text-transform: none;
}

.wynthor-copy-btn:hover {
   background: #e2e8f0;
   color: #0f172a;
}

.wynthor-copy-btn.copied {
   background: #dcfce7;
   border-color: #86efac;
   color: #166534;
}

.wynthor-syntax-box-col .col-inner {
   background: #0A2141;
   padding: 20px;
   color: #fff;
   border-radius: 6px;
}

.wynthor-syntax-title-text h4 {
   color: #FFF;
   font-size: 16px;
   font-weight: 600;
}

.wynthor-syntax-title-text p {
   color: #94A3B8;
   font-weight: 400;
   line-height: 16px;
   font-size: 14px;
   margin-bottom: 25px;
}

.wynthor-syntax-code-text {
   border-radius: 8px;
   border: 1px solid #FFF;
   padding: 12px 16px;
}

.wynthor-syntax-code-text p {
   margin-bottom: 0;
   font-size: 14px;
   font-weight: 600;
}

.wynthor-syntax-note h5 {
   color: #000;

}

.wynthor-syntax-note p {
   margin-bottom: 10px;
   font-size: 15px;
}

.wynthor-syntax-note {
   margin-top: 28px;
   background: #fff;
   padding: 20px;
   border-radius: 6px;
   color: #000;
}

@media (max-width: 849px) {
   .wynthor-deposit-methods-grid {
      grid-template-columns: 1fr;
   }

   .wynthor-deposit-columns-grid {
      grid-template-columns: 1fr;
   }
}


.wynthor-guide-tab .tab a {
   padding: 12px 24px;
   border-radius: 0;
   text-transform: none;
   color: #94A3B8;
   text-align: center;
   font-size: 14px;
   font-weight: 600;
   line-height: 20px;
   background: #fff;
}

.wynthor-guide-tab .tab.active a {
   background: #092244;
   color: #FFF;
}

.wynthor-guide-tab .nav {
   gap: 10px;
}

/* ── Wynthor Hướng Dẫn Khác / Thông Báo Khác ────────── */
.wynthor-other-notices-wrap {
   width: 100%;
   margin: 40px auto;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 40px;
}

.wynthor-other-notices-heading {
   font-size: 36px;
   font-weight: 700;
   color: #0f172b;
   line-height: 45px;
   letter-spacing: -0.72px;
   text-align: center;
   margin: 0;
}

.wynthor-other-notices-box {
   background: #ffffff;
   border: 1px solid rgba(154, 154, 154, 0.43);
   border-radius: 6px;
   padding: 10px 30px;
   width: 100%;
   box-sizing: border-box;
}

.wynthor-other-notice-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 20px 8px 20px 0;
   border-bottom: 1px solid rgba(154, 154, 154, 0.22);
   text-decoration: none !important;
   transition: all 0.2s ease;
}

.wynthor-other-notice-item:last-child {
   border-bottom: none;
}

.wynthor-other-notice-date {
   font-size: 14px;
   color: #9a9a9a;
   letter-spacing: 1.2px;
   width: 110px;
   flex-shrink: 0;
}

.wynthor-other-notice-title {
   font-size: 16px;
   font-weight: 500;
   color: #000000;
   line-height: 25px;
   letter-spacing: -0.2px;
   flex: 1;
   padding-right: 20px;
   transition: color 0.2s ease;
}

.wynthor-other-notice-item:hover .wynthor-other-notice-title {
   color: #2563eb;
}

.wynthor-other-notice-arrow {
   font-size: 18px;
   color: #223146;
   flex-shrink: 0;
   transition: transform 0.2s ease, color 0.2s ease;
}

.wynthor-other-notice-item:hover .wynthor-other-notice-arrow {
   transform: translateX(4px);
   color: #2563eb;
}

@media (max-width: 768px) {
   .wynthor-other-notices-box {
      padding: 16px;
   }

   .wynthor-other-notice-item {
      padding: 16px 0;
      flex-wrap: wrap;
      gap: 8px;
   }

   .wynthor-other-notice-date {
      width: 100%;
      font-size: 13px;
   }

   .wynthor-other-notice-title {
      font-size: 15px;
      line-height: 24px;
      padding-right: 10px;
   }
}

/* ── Single Template: Thông Báo Khác / Hướng Dẫn Khác ─────────────────── */
.single-tbk-container {
   margin: 30px auto 30px !important;
   padding: 0 15px !important;
}

.single-tbk-back-wrap {
   margin-bottom: 10px;
}

.single-tbk-back {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   font-size: 14px;
   font-weight: 500;
   color: #64748b !important;
   text-decoration: none !important;
   transition: color 0.2s ease;
}

.single-tbk-back:hover {
   color: #0f172a !important;
}

.single-tbk-back .arrow {
   font-size: 18px;
   line-height: 1;
}

.single-tbk-title {
   font-size: 28px;
   font-weight: 700;
   color: #0f172a;
   line-height: 35px;
   letter-spacing: -0.5px;
   margin-bottom: 5px;
}

.single-tbk-meta {
   font-size: 14px;
   color: #64748b;
   margin-bottom: 20px;
}

.single-tbk-content {
   font-size: 16px;
   line-height: 28px;
   color: #334155;
}

.single-tbk-content p {
   font-size: 16px;
   line-height: 25px;
   color: #334155;
   margin-bottom: 10px;
}

.single-tbk-content {
   padding-bottom: 0 !important;
   padding-top: 0 !important;
}

.single-tbk-content h3 {
   font-size: 20px !important;
   font-weight: 700 !important;
   color: #0f172a !important;
   margin: 32px 0 16px 0 !important;
   letter-spacing: -0.2px !important;
}

.single-tbk-content ul,
.single-tbk-content ol {
   padding-left: 20px;
   margin-bottom: 24px;
}

.single-tbk-content li {
   margin-bottom: 10px;
   font-size: 16px;
   line-height: 28px;
   color: #334155;
}

.single-tbk-content strong {
   font-weight: 700;
   color: #0f172a;
}

.single-tbk-content a {
   color: #ef4444 !important;
   text-decoration: underline !important;
   font-weight: 500;
}

/* ── Thông báo từ MXV Page ───────────────────────── */
.wynthor-mxv-subtitle p {
   font-size: 14px;
   font-weight: 500;
   color: #d6a453;
   margin-bottom: 12px;
}

.wynthor-mxv-heading h2,
.wynthor-mxv-heading p {
   color: #ffffff;
   font-size: 42px;
   font-weight: 500;
   line-height: 52px;
   letter-spacing: -0.48px;
   margin-bottom: 16px;
}

.wynthor-mxv-desc p {
   font-size: 16px;
   color: rgba(255, 255, 255, 0.8);
   line-height: 24px;
   margin-bottom: 0;
}

.wynthor-news-list-dark .wynthor-news-item-title {
   color: #ffffff !important;
}

.wynthor-news-list-dark .wynthor-news-item-date {
   color: rgba(255, 255, 255, 0.7) !important;
}

.wynthor-news-list-dark .wynthor-news-item-arrow {
   color: #ffffff !important;
   opacity: 1 !important;
}

/* ── Wynthor Pagination ────────────────────────────────────────────── */
.wynthor-pagination-wrap {
   width: 100%;
   display: flex;
   justify-content: center;
   margin-top: 30px;
}

.wynthor-pagination {
   display: flex;
   align-items: center;
   gap: 6px;
}

.wynthor-pagination .page-numbers {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 36px;
   height: 36px;
   padding: 0 10px;
   border-radius: 6px;
   font-size: 14px;
   font-weight: 500;
   color: #0f172b !important;
   background: #ffffff;
   border: 1px solid rgba(154, 154, 154, 0.3);
   text-decoration: none !important;
   transition: all 0.2s ease;
}

.wynthor-pagination .page-numbers:hover {
   background: #f1f5f9;
   border-color: #cbd5e1;
   color: #0f172a !important;
}

.wynthor-pagination .page-numbers.current {
   background: #092244 !important;
   color: #ffffff !important;
   border-color: #092244 !important;
   font-weight: 700;
}

.wynthor-pagination .page-numbers.dots {
   border: none;
   background: transparent;
   color: #94a3b8 !important;
}

/* ── Wynthor Article Grid  ─────────────────────────── */
.wynthor-page-hero-title h2,
.wynthor-page-hero-title p {
   font-size: 36px;
   font-weight: 500;
   color: #0b121a;
   line-height: 45px;
   letter-spacing: -0.6px;
   margin-bottom: 5px;
}

.wynthor-article-grid-wrap {
   margin-top: 20px;
   margin-bottom: 60px;
}

.wynthor-article-col {
   margin-bottom: 30px;
}

.wynthor-article-card {
   display: flex;
   flex-direction: column;
   height: 100%;
   background: #ffffff;
   border-radius: 6px;
   overflow: hidden;
   transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wynthor-article-card:hover {
   transform: translateY(-4px);
}

.wynthor-article-card-image {
   display: block;
   width: 100%;
   height: 240px;
   overflow: hidden;
   border-radius: 6px;
}

.wynthor-article-card-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.3s ease;
}

.wynthor-article-card:hover .wynthor-article-card-image img {
   transform: scale(1.04);
}

.wynthor-article-card-body {
   display: flex;
   flex-direction: column;
   flex: 1;
   padding: 16px 4px 10px 4px;
}

.wynthor-article-card-title {
   font-size: 19px !important;
   font-weight: 600 !important;
   line-height: 26px !important;
   margin-bottom: 8px !important;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.wynthor-article-card-title a {
   color: #092f62 !important;
   text-decoration: none !important;
   transition: color 0.2s ease;
}

.wynthor-article-card-title a:hover {
   color: #2563eb !important;
}

.wynthor-article-card-excerpt {
   font-size: 15px;
   line-height: 22px;
   color: #595959;
   margin-bottom: 16px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.wynthor-article-card-meta {
   margin-top: auto;
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 14px;
   color: #595959;
}

.wynthor-calendar-icon {
   color: #595959;
   flex-shrink: 0;
}

/* ── Wynthor Trang Liên Hệ ────────────────────────── */

.wynthor-contact-banner {
   background-color: #fff !important;
}

/* ── Wynthor Real Time Streaming Commodity Prices ── */

.wynthor-realtime-header-row {
   margin-bottom: 24px !important;
}

.wynthor-realtime-tag p,
.wynthor-realtime-tag {
   font-size: 12px !important;
   font-weight: 500 !important;
   color: #4da3ff !important;
   letter-spacing: 1.2px !important;
   text-transform: uppercase !important;
   margin-bottom: 8px !important;
}

.wynthor-realtime-heading h1,
.wynthor-realtime-heading h2,
.wynthor-realtime-heading h3,
.wynthor-realtime-heading p,
.wynthor-realtime-heading {
   font-size: 36px !important;
   font-weight: 700 !important;
   color: #0f172b !important;
   letter-spacing: -0.72px !important;
   line-height: 45px !important;
   margin-bottom: 12px !important;
}

.wynthor-realtime-desc p,
.wynthor-realtime-desc {
   font-size: 14px !important;
   line-height: 22.75px !important;
   color: #0f172b !important;
   margin-bottom: 0 !important;
   max-width: 1107px;
}

.wynthor-realtime-card {
   background-color: #092244 !important;
   border-radius: 8px !important;
   padding: 24px 24px 10px 24px !important;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
   overflow: visible;
}

.wynthor-realtime-card-title h3,
.wynthor-realtime-card-title p,
.wynthor-realtime-card-title {
   font-size: 20px !important;
   font-weight: 700 !important;
   color: #ffffff !important;
   letter-spacing: -0.45px !important;
   margin-bottom: 20px !important;
   text-transform: none !important;
}

.wynthor-realtime-iframe-container {
   width: 100%;
   border-radius: 8px;
   overflow: hidden;
   background: #092244;
}

.wynthor-realtime-iframe-container iframe {
   width: 100%;
   height: 1000px !important;
   border: none;
   display: block;
   touch-action: pan-y !important;
   pointer-events: auto !important;
}

/* Tablet: 551px - 1024px (iPad Mini, iPad, etc.) */
@media (min-width: 551px) and (max-width: 1024px) {
   .wynthor-realtime-iframe-container {
      height: 600px !important;
      max-height: 600px !important;
      overflow-y: auto !important;
      -webkit-overflow-scrolling: touch !important;
      scrollbar-width: none;
   }

   .wynthor-realtime-iframe-container::-webkit-scrollbar {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
   }

   .wynthor-realtime-iframe-container iframe {
      height: 1150px !important;
      touch-action: auto !important;
      pointer-events: auto !important;
   }
}

@media (max-width: 550px) {
   .wynthor-realtime-card {
      padding: 16px 12px 10px 12px !important;
	   max-width: 95% !important;
        margin: 0 auto !important;
   }

   .wynthor-realtime-iframe-container {
      height: 480px !important;
      max-height: 480px !important;
      overflow-y: auto !important;
      -webkit-overflow-scrolling: touch !important;
      scrollbar-width: none;
   }

   .wynthor-realtime-iframe-container::-webkit-scrollbar {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
   }

   .wynthor-realtime-iframe-container iframe {
      height: 1800px !important;
      min-height: unset !important;
      touch-action: auto !important;
      pointer-events: auto !important;
   }
}

@media (max-width: 1024px) {

   .wynthor-realtime-heading h1,
   .wynthor-realtime-heading h2,
   .wynthor-realtime-heading h3,
   .wynthor-realtime-heading p,
   .wynthor-realtime-heading {
      font-size: 28px !important;
      line-height: 36px !important;
      letter-spacing: -0.5px !important;
   }
}

@media (max-width: 768px) {

   .wynthor-realtime-heading h1,
   .wynthor-realtime-heading h2,
   .wynthor-realtime-heading h3,
   .wynthor-realtime-heading p,
   .wynthor-realtime-heading {
      font-size: 24px !important;
      line-height: 32px !important;
      letter-spacing: -0.4px !important;
      margin-bottom: 8px !important;
   }

   .wynthor-realtime-desc p,
   .wynthor-realtime-desc {
      font-size: 13px !important;
      line-height: 20px !important;
   }

   .wynthor-realtime-card-title h3,
   .wynthor-realtime-card-title p,
   .wynthor-realtime-card-title {
      font-size: 17px !important;
      line-height: 24px !important;
      margin-bottom: 14px !important;
   }

   .wynthor-realtime-desc p,
   .wynthor-realtime-desc {
      text-align: justify;
   }
}

@media (max-width: 768px) {
   .wynthor-deposit-subtitle p {
      font-size: 11px;
      margin-bottom: 2px;
   }

   .wynthor-deposit-title p {
      font-size: 24px !important;
      line-height: 32px !important;
      margin-bottom: 8px !important;
   }

   .wynthor-deposit-desc p {
      font-size: 13px;
      line-height: 18px;
   }

   .wynthor-deposit-section-title p {
      font-size: 18px !important;
      line-height: 24px !important;
      margin-top: 0px;
      margin-bottom: 8px;
   }

   .wynthor-deposit-tab .nav {
      margin-top: 12px;
      gap: 6px;
   }

   .wynthor-deposit-tab .tab a {
      padding: 8px 16px !important;
      font-size: 13px !important;
   }

   .wynthor-method-card {
      padding: 14px 16px;
      margin-bottom: 0px;
   }

   .wynthor-method-card h3 {
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 5px;
   }

   .wynthor-method-card p {
      font-size: 12px;
      line-height: 20px;
      margin-bottom: 8px !important;
   }

   .wynthor-badge-free {
      padding: 4px 20px;
   }

   .wynthor-badge-free p {
      font-size: 12px;
      margin-bottom: 0 !important;
   }

   .wynthor-bank-item-name {
      font-size: 12px;
      line-height: 15px;
      margin-bottom: 0 !important;
   }

   .wynthor-bank-item {
      padding: 10px;
   }

   .wynthor-bank-item-acc {
      font-size: 12px;
      margin-bottom: 0 !important;
   }

   .wynthor-syntax-code-text p {
      margin-bottom: 0 !important;
   }

   .wynthor-syntax-title-text p {
      margin-bottom: 25px !important;
   }

   .wynthor-guide-tab .tab a {
      padding: 10px 13px;
      font-size: 13px;
   }

   .wynthor-guide-title p {
      font-size: 24px;
      line-height: 32px;
   }

   .wynthor-guide-box {
      padding: 20px;
   }

   .wynthor-other-notices-wrap {
      margin: 24px auto;
      gap: 20px;
   }

   .wynthor-other-notices-heading {
      font-size: 24px;
      line-height: 32px;
      letter-spacing: -0.4px;
   }

   .wynthor-other-notices-box {
      padding: 10px 16px;
   }

   .wynthor-other-notice-item {
      padding: 14px 4px;
   }

   .wynthor-other-notice-date {
      font-size: 12px;
      width: 90px;
   }

   .wynthor-other-notice-title {
      font-size: 13px;
      line-height: 20px;
      padding-right: 12px;
   }

   .wynthor-pagination-wrap {
      margin-top: 0;
   }

   .single-tbk-title {
      font-size: 20px;
      line-height: 25px;
   }

   .wynthor-page-hero-title h2,
   .wynthor-page-hero-title p {
      font-size: 24px;
      line-height: 32px;
      letter-spacing: -0.4px;
      margin-bottom: 5px;
   }

   .wynthor-article-grid-wrap {
      margin-top: 0;
   }

   .wynthor-mxv-heading h2,
   .wynthor-mxv-heading p {
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 12px;
   }
}

/* ── Tablet Responsive (1024px) ─────────────────────── */
@media (max-width: 1024px) {

   .wynthor-page-hero-title h2,
   .wynthor-page-hero-title p {
      font-size: 30px;
      line-height: 38px;
   }

   .wynthor-other-notices-heading {
      font-size: 30px;
      line-height: 38px;
   }

   .wynthor-other-notices-box {
      padding: 12px 20px;
   }

   .wynthor-deposit-title {
      font-size: 30px;
   }

   .wynthor-deposit-section-title {
      font-size: 20px;
   }

   .single-tbk-title {
      font-size: 24px;
      line-height: 30px;
   }

   .wynthor-mxv-heading h2,
   .wynthor-mxv-heading p {
      font-size: 32px;
      line-height: 40px;
   }
}