/* =============================================
Mrhbazhni Product Category Archive - Premium V1.3
Scoped exclusively to WooCommerce product category archives.
============================================= */
body.tax-product_cat .mrhba-archive-hero-section,
body.tax-product_cat .mrhba-archive-products-section,
body.tax-product_cat .mrhba-archive-trust-section,
body.tax-product_cat .mrhba-archive-cta-section {
overflow-x: clip;
}
body.tax-product_cat .mrhba-archive-hero-row.et_pb_row,
body.tax-product_cat .mrhba-archive-products-row.et_pb_row,
body.tax-product_cat .mrhba-archive-trust-row.et_pb_row,
body.tax-product_cat .mrhba-archive-cta-row.et_pb_row {
width: min(calc(100% - 48px), 1180px) !important;
max-width: 1180px !important;
margin-inline: auto !important;
}
body.tax-product_cat .mrhba-archive-hero-row .et_pb_column,
body.tax-product_cat .mrhba-archive-products-row .et_pb_column,
body.tax-product_cat .mrhba-archive-trust-row .et_pb_column,
body.tax-product_cat .mrhba-archive-cta-row .et_pb_column {
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
min-width: 0;
}
/* Hero */
body.tax-product_cat .mrhba-archive-hero-section {
padding: clamp(40px, 5vw, 72px) 0 clamp(34px, 4.5vw, 60px);
background: #f6f1e8;
}
body.tax-product_cat .mrhba-archive-hero-row.et_pb_row {
padding: clamp(32px, 5vw, 62px) !important;
border: 1px solid rgba(231, 225, 216, 0.98);
border-radius: 24px;
background: #fffdf8;
box-shadow: 0 14px 34px rgba(37, 35, 52, 0.07);
}
body.tax-product_cat .mrhba-archive-eyebrow-module,
body.tax-product_cat .mrhba-archive-title-module,
body.tax-product_cat .mrhba-archive-copy-module {
max-width: 760px;
margin-bottom: 0 !important;
}
body.tax-product_cat .mrhba-archive-eyebrow {
display: inline-flex;
align-items: center;
min-height: 30px;
margin: 0 0 12px;
padding: 6px 11px;
border: 1px solid rgba(239, 35, 60, 0.16);
border-radius: 999px;
background: rgba(239, 35, 60, 0.07);
color: #d90429;
font-family: var(--mrhba-font-body);
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.06em;
line-height: 1.2;
text-transform: uppercase;
}
body.tax-product_cat .mrhba-archive-title {
max-width: 720px;
margin: 0 0 14px;
color: #2b2d42;
font-family: var(--mrhba-font-heading);
font-size: clamp(2.5rem, 4.8vw, 4.5rem);
font-weight: 700;
line-height: 1.03;
}
body.tax-product_cat .mrhba-archive-hero-copy {
max-width: 660px;
color: #555866;
font-family: var(--mrhba-font-body);
font-size: clamp(1rem, 1.15vw, 1.1rem);
line-height: 1.68;
}
body.tax-product_cat .mrhba-archive-hero-copy > p {
margin: 0;
}
body.tax-product_cat .mrhba-archive-trust-line {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 20px;
}
body.tax-product_cat .mrhba-archive-trust-line span {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
max-width: 100%;
min-height: 32px;
padding: 6px 10px;
border: 1px solid rgba(201, 161, 74, 0.34);
border-radius: 999px;
background: #fffdf8;
box-shadow: 0 4px 10px rgba(37, 35, 52, 0.035);
color: #363847;
font-family: var(--mrhba-font-body);
font-size: 0.76rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
}
/* Current-category product catalogue */
body.tax-product_cat .mrhba-archive-products-section {
padding: clamp(38px, 5vw, 68px) 0;
background: #faf6ef;
}
body.tax-product_cat .mrhba-archive-products-module,
body.tax-product_cat .mrhba-archive-products-grid {
width: 100%;
min-width: 0;
}
body.tax-product_cat .mrhba-archive-products-module ul.products,
body.tax-product_cat .mrhba-archive-products-grid ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(20px, 2.4vw, 30px);
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
body.tax-product_cat .mrhba-archive-products-module ul.products::before,
body.tax-product_cat .mrhba-archive-products-module ul.products::after,
body.tax-product_cat .mrhba-archive-products-grid ul.products::before,
body.tax-product_cat .mrhba-archive-products-grid ul.products::after {
content: none !important;
display: none !important;
}
body.tax-product_cat .mrhba-archive-products-module li.product,
body.tax-product_cat .mrhba-archive-products-grid li.product {
display: flex !important;
float: none !important;
flex-direction: column;
width: auto !important;
min-width: 0;
margin: 0 !important;
overflow: hidden;
border: 1px solid rgba(231, 225, 216, 0.98);
border-radius: 20px;
background: #fffdf8;
box-shadow: 0 8px 20px rgba(37, 35, 52, 0.06);
transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}
body.tax-product_cat .mrhba-archive-products-module li.product:hover,
body.tax-product_cat .mrhba-archive-products-grid li.product:hover {
transform: translateY(-3px);
border-color: rgba(201, 161, 74, 0.5);
box-shadow: 0 15px 32px rgba(37, 35, 52, 0.11);
}
body.tax-product_cat .mrhba-archive-products-module li.product > a:not(.button),
body.tax-product_cat .mrhba-archive-products-module .woocommerce-LoopProduct-link,
body.tax-product_cat .mrhba-archive-products-grid li.product > a:not(.button),
body.tax-product_cat .mrhba-archive-products-grid .woocommerce-LoopProduct-link {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-width: 0;
color: inherit;
text-decoration: none;
}
body.tax-product_cat .mrhba-archive-products-module img,
body.tax-product_cat .mrhba-archive-products-module .et_shop_image,
body.tax-product_cat .mrhba-archive-products-grid img,
body.tax-product_cat .mrhba-archive-products-grid .et_shop_image {
display: block;
width: 100% !important;
max-width: none !important;
height: auto;
aspect-ratio: 4 / 3;
margin: 0 !important;
object-fit: cover;
background: #f8f3ea;
}
body.tax-product_cat .mrhba-archive-products-module img[src*="placeholder"],
body.tax-product_cat .mrhba-archive-products-grid img[src*="placeholder"] {
padding: clamp(30px, 5vw, 54px);
object-fit: contain;
background: #f8f3ea;
}
body.tax-product_cat .mrhba-archive-products-module .woocommerce-loop-product__title,
body.tax-product_cat .mrhba-archive-products-grid .woocommerce-loop-product__title {
margin: 0 !important;
padding: 19px 20px 7px !important;
color: #2b2d42;
font-family: var(--mrhba-font-heading);
font-size: clamp(1.14rem, 1.35vw, 1.32rem) !important;
font-weight: 700;
line-height: 1.22;
}
body.tax-product_cat .mrhba-archive-products-module .price,
body.tax-product_cat .mrhba-archive-products-grid .price {
display: block;
margin: 0 !important;
padding: 0 20px 19px;
color: #a45f3f !important;
font-family: var(--mrhba-font-body);
font-size: 0.88rem !important;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1.35;
}
body.tax-product_cat .mrhba-archive-products-module .price del,
body.tax-product_cat .mrhba-archive-products-grid .price del {
color: #7b7e89;
font-weight: 500;
}
body.tax-product_cat .mrhba-archive-products-module .price ins,
body.tax-product_cat .mrhba-archive-products-grid .price ins {
color: inherit;
text-decoration: none;
}
body.tax-product_cat .mrhba-archive-products-module a.button,
body.tax-product_cat .mrhba-archive-products-module button.button,
body.tax-product_cat .mrhba-archive-products-module .add_to_cart_button,
body.tax-product_cat .mrhba-archive-products-grid a.button,
body.tax-product_cat .mrhba-archive-products-grid button.button,
body.tax-product_cat .mrhba-archive-products-grid .add_to_cart_button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
margin: auto 20px 20px !important;
padding: 10px 14px !important;
border: 1px solid #ef233c !important;
border-radius: 999px !important;
background: transparent !important;
color: #d90429 !important;
font-family: var(--mrhba-font-body) !important;
font-size: 0.8rem !important;
font-weight: 800 !important;
line-height: 1.1 !important;
text-align: center;
text-decoration: none !important;
transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}
body.tax-product_cat .mrhba-archive-products-module a.button:hover,
body.tax-product_cat .mrhba-archive-products-module button.button:hover,
body.tax-product_cat .mrhba-archive-products-module .add_to_cart_button:hover,
body.tax-product_cat .mrhba-archive-products-grid a.button:hover,
body.tax-product_cat .mrhba-archive-products-grid button.button:hover,
body.tax-product_cat .mrhba-archive-products-grid .add_to_cart_button:hover {
background: #ef233c !important;
color: #ffffff !important;
transform: translateY(-1px);
}
@media (min-width: 768px) {
body.tax-product_cat .mrhba-archive-products-grid ul.products:has(> li.product:only-child),
body.tax-product_cat .mrhba-archive-products-module ul.products:has(> li.product:only-child) {
grid-template-columns: minmax(0, 400px);
justify-content: start;
}
}
/* Empty category state */
body.tax-product_cat .mrhba-archive-empty-state {
max-width: 700px;
margin: 0 auto;
padding: clamp(30px, 4vw, 46px);
border: 1px solid rgba(201, 161, 74, 0.3);
border-radius: 22px;
background: #fffdf8;
box-shadow: 0 10px 24px rgba(37, 35, 52, 0.06);
color: #555866;
text-align: center;
}
body.tax-product_cat .mrhba-archive-empty-state::before {
content: "";
display: block;
width: 46px;
height: 3px;
margin: 0 auto 16px;
border-radius: 999px;
background: #c9a14a;
}
body.tax-product_cat .mrhba-archive-empty-state h2 {
margin: 0 0 10px;
color: #2b2d42;
font-family: var(--mrhba-font-heading);
font-size: clamp(1.8rem, 3vw, 2.55rem);
line-height: 1.12;
}
body.tax-product_cat .mrhba-archive-empty-state p {
max-width: 520px;
margin: 0 auto;
font-family: var(--mrhba-font-body);
font-size: 1rem;
line-height: 1.64;
}
body.tax-product_cat .mrhba-archive-empty-actions,
body.tax-product_cat .mrhba-archive-cta-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 20px;
}
body.tax-product_cat .mrhba-archive-primary-cta,
body.tax-product_cat .mrhba-archive-secondary-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 11px 16px;
border: 1px solid transparent;
border-radius: 999px;
font-family: var(--mrhba-font-body);
font-size: 0.84rem;
font-weight: 800;
line-height: 1.1;
text-align: center;
text-decoration: none;
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}
body.tax-product_cat .mrhba-archive-primary-cta {
border-color: #ef233c;
background: #ef233c;
color: #ffffff;
box-shadow: 0 6px 16px rgba(239, 35, 60, 0.18);
}
body.tax-product_cat .mrhba-archive-primary-cta:hover {
border-color: #d90429;
background: #d90429;
color: #ffffff;
transform: translateY(-1px);
}
body.tax-product_cat .mrhba-archive-secondary-cta {
border-color: #e7e1d8;
background: transparent;
color: #2b2d42;
}
body.tax-product_cat .mrhba-archive-secondary-cta:hover {
border-color: #2b2d42;
color: #2b2d42;
transform: translateY(-1px);
}
/* Trust band */
body.tax-product_cat .mrhba-archive-trust-section {
padding: clamp(38px, 5vw, 66px) 0;
background: #f6f1e8 !important;
}
body.tax-product_cat .mrhba-archive-trust-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(16px, 2vw, 22px);
align-items: stretch;
}
body.tax-product_cat .mrhba-archive-trust-card {
min-width: 0;
min-height: 0;
padding: clamp(24px, 2.6vw, 32px);
border: 1px solid rgba(231, 225, 216, 0.98);
border-radius: 20px;
background: #fffdf8 !important;
box-shadow: 0 8px 20px rgba(37, 35, 52, 0.055);
}
body.tax-product_cat .mrhba-archive-trust-card h2 {
display: block;
margin: 0 0 10px;
color: #2b2d42 !important;
font-family: var(--mrhba-font-heading);
font-size: clamp(1.3rem, 1.7vw, 1.65rem);
font-weight: 700;
line-height: 1.15;
opacity: 1 !important;
visibility: visible !important;
}
body.tax-product_cat .mrhba-archive-trust-card p {
display: block;
margin: 0;
color: #646775 !important;
font-family: var(--mrhba-font-body);
font-size: 0.94rem;
font-weight: 500;
line-height: 1.6;
opacity: 1 !important;
visibility: visible !important;
}
/* A compact category guidance block before the global footer CTA. */
body.tax-product_cat .mrhba-archive-cta-section {
padding: clamp(30px, 4vw, 52px) 0 clamp(22px, 3vw, 36px);
background: #fffdf8;
}
body.tax-product_cat .mrhba-archive-cta {
max-width: 740px;
margin: 0 auto;
padding: clamp(26px, 3.5vw, 38px);
border: 1px solid rgba(231, 225, 216, 0.96);
border-radius: 22px;
background: #faf6ef;
box-shadow: 0 8px 20px rgba(37, 35, 52, 0.06);
text-align: center;
}
body.tax-product_cat .mrhba-archive-cta .mrhba-archive-eyebrow {
margin-bottom: 12px;
}
body.tax-product_cat .mrhba-archive-cta h2 {
max-width: 530px;
margin: 0 auto 12px;
color: #2b2d42;
font-family: var(--mrhba-font-heading);
font-size: clamp(1.75rem, 3vw, 2.45rem);
line-height: 1.1;
}
body.tax-product_cat .mrhba-archive-cta > p:not(.mrhba-archive-eyebrow) {
max-width: 560px;
margin: 0 auto;
color: #555866;
font-size: 0.98rem;
line-height: 1.62;
}
@media (max-width: 980px) {
body.tax-product_cat .mrhba-archive-products-module ul.products,
body.tax-product_cat .mrhba-archive-products-grid ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
body.tax-product_cat .mrhba-archive-hero-section {
padding: 30px 0 26px;
}
body.tax-product_cat .mrhba-archive-hero-row.et_pb_row,
body.tax-product_cat .mrhba-archive-products-row.et_pb_row,
body.tax-product_cat .mrhba-archive-trust-row.et_pb_row,
body.tax-product_cat .mrhba-archive-cta-row.et_pb_row {
width: min(100% - 28px, 100%) !important;
}
body.tax-product_cat .mrhba-archive-hero-row.et_pb_row {
padding: 28px 22px !important;
border-radius: 20px;
}
body.tax-product_cat .mrhba-archive-title {
margin-bottom: 10px;
font-size: clamp(2rem, 9.2vw, 2.8rem);
}
body.tax-product_cat .mrhba-archive-hero-copy {
font-size: 0.98rem;
line-height: 1.6;
}
body.tax-product_cat .mrhba-archive-products-section,
body.tax-product_cat .mrhba-archive-trust-section {
padding: 34px 0;
}
body.tax-product_cat .mrhba-archive-products-module ul.products,
body.tax-product_cat .mrhba-archive-products-grid ul.products,
body.tax-product_cat .mrhba-archive-trust-grid {
grid-template-columns: 1fr;
}
body.tax-product_cat .mrhba-archive-products-module ul.products,
body.tax-product_cat .mrhba-archive-products-grid ul.products {
gap: 16px;
}
body.tax-product_cat .mrhba-archive-products-module img,
body.tax-product_cat .mrhba-archive-products-module .et_shop_image,
body.tax-product_cat .mrhba-archive-products-grid img,
body.tax-product_cat .mrhba-archive-products-grid .et_shop_image {
aspect-ratio: 16 / 10;
}
body.tax-product_cat .mrhba-archive-products-module .woocommerce-loop-product__title,
body.tax-product_cat .mrhba-archive-products-grid .woocommerce-loop-product__title {
padding: 16px 16px 7px !important;
font-size: 1.18rem !important;
}
body.tax-product_cat .mrhba-archive-products-module .price,
body.tax-product_cat .mrhba-archive-products-grid .price {
padding: 0 16px 16px;
}
body.tax-product_cat .mrhba-archive-products-module a.button,
body.tax-product_cat .mrhba-archive-products-module button.button,
body.tax-product_cat .mrhba-archive-products-module .add_to_cart_button,
body.tax-product_cat .mrhba-archive-products-grid a.button,
body.tax-product_cat .mrhba-archive-products-grid button.button,
body.tax-product_cat .mrhba-archive-products-grid .add_to_cart_button {
margin: auto 16px 16px !important;
}
body.tax-product_cat .mrhba-archive-trust-card {
padding: 22px 20px;
}
body.tax-product_cat .mrhba-archive-empty-state,
body.tax-product_cat .mrhba-archive-cta {
padding: 26px 18px;
border-radius: 20px;
}
body.tax-product_cat .mrhba-archive-empty-actions,
body.tax-product_cat .mrhba-archive-cta-actions {
flex-direction: column;
align-items: stretch;
}
body.tax-product_cat .mrhba-archive-primary-cta,
body.tax-product_cat .mrhba-archive-secondary-cta {
width: 100%;
}
}
@media (max-width: 480px) {
body.tax-product_cat .mrhba-archive-trust-line {
gap: 7px;
margin-top: 16px;
}
body.tax-product_cat .mrhba-archive-trust-line span {
min-height: 30px;
padding: 5px 9px;
font-size: 0.72rem;
}
body.tax-product_cat .mrhba-archive-cta-section {
padding: 26px 0 22px;
}
}
@media (max-width: 390px) {
body.tax-product_cat .mrhba-archive-hero-row.et_pb_row,
body.tax-product_cat .mrhba-archive-products-row.et_pb_row,
body.tax-product_cat .mrhba-archive-trust-row.et_pb_row,
body.tax-product_cat .mrhba-archive-cta-row.et_pb_row {
width: min(100% - 22px, 100%) !important;
}
body.tax-product_cat .mrhba-archive-eyebrow {
padding: 5px 9px;
font-size: 0.66rem;
letter-spacing: 0.045em;
}
body.tax-product_cat .mrhba-archive-trust-line span {
font-size: 0.7rem;
}
}
@media (max-width: 360px) {
body.tax-product_cat .mrhba-archive-hero-row.et_pb_row {
padding: 24px 18px !important;
}
body.tax-product_cat .mrhba-archive-trust-line {
gap: 6px;
}
body.tax-product_cat .mrhba-archive-trust-line span {
min-height: 29px;
padding: 5px 8px;
font-size: 0.68rem;
}
}
/* =============================================
Archive Premium V1.3 - Hero Trust Refinement
============================================= */
body.tax-product_cat .mrhba-archive-hero-row.et_pb_row {
border-top: 3px solid #c9a14a;
box-shadow: 0 18px 42px rgba(37, 35, 52, 0.08);
}
body.tax-product_cat .mrhba-archive-title {
max-width: 680px;
}
body.tax-product_cat .mrhba-archive-hero-copy {
max-width: 620px;
color: #4f5260;
line-height: 1.64;
}
/* Desktop reassurance line: editorial labels, not individual buttons. */
body.tax-product_cat .mrhba-archive-trust-line {
gap: 0;
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid rgba(231, 225, 216, 0.92);
}
body.tax-product_cat .mrhba-archive-trust-line span {
position: relative;
width: auto;
min-height: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: #5d6070;
font-size: 0.78rem;
font-weight: 700;
line-height: 1.35;
text-align: left;
}
body.tax-product_cat .mrhba-archive-trust-line span + span {
margin-left: 18px;
padding-left: 18px;
}
body.tax-product_cat .mrhba-archive-trust-line span + span::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background: #c9a14a;
transform: translateY(-50%);
}
/* Small screens use a single composed trust panel, preventing the 2 + 1 wrap. */
@media (max-width: 600px) {
body.tax-product_cat .mrhba-archive-hero-section {
padding-top: 26px;
padding-bottom: 24px;
}
body.tax-product_cat .mrhba-archive-hero-row.et_pb_row {
padding: 24px 20px !important;
border-radius: 18px;
}
body.tax-product_cat .mrhba-archive-title {
margin-bottom: 9px;
font-size: clamp(1.9rem, 8.8vw, 2.5rem);
line-height: 1.06;
}
body.tax-product_cat .mrhba-archive-hero-copy {
font-size: 0.96rem;
line-height: 1.58;
}
body.tax-product_cat .mrhba-archive-trust-line {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
margin-top: 15px;
padding: 7px 13px;
border: 1px solid rgba(231, 225, 216, 0.95);
border-radius: 14px;
background: #faf6ef;
}
body.tax-product_cat .mrhba-archive-trust-line span,
body.tax-product_cat .mrhba-archive-trust-line span + span {
width: 100% !important;
min-height: 0;
margin: 0;
padding: 7px 0 7px 14px;
color: #545766;
font-size: 0.74rem;
line-height: 1.25;
text-align: left;
}
body.tax-product_cat .mrhba-archive-trust-line span + span {
border-top: 1px solid rgba(231, 225, 216, 0.92);
}
body.tax-product_cat .mrhba-archive-trust-line span::before,
body.tax-product_cat .mrhba-archive-trust-line span + span::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background: #c9a14a;
transform: translateY(-50%);
}
}
@media (max-width: 360px) {
body.tax-product_cat .mrhba-archive-hero-row.et_pb_row {
padding: 22px 17px !important;
}
body.tax-product_cat .mrhba-archive-trust-line {
padding: 6px 11px;
}
body.tax-product_cat .mrhba-archive-trust-line span,
body.tax-product_cat .mrhba-archive-trust-line span + span {
padding-top: 6px;
padding-bottom: 6px;
font-size: 0.71rem;
}
}
/* =============================================
Archive Premium V1.4 - Trust Line Markup Fix
Divi inserts
tags between the reassurance spans.
============================================= */
body.tax-product_cat .mrhba-archive-trust-line br {
display: none !important;
}
@media (min-width: 601px) {
body.tax-product_cat .mrhba-archive-trust-line {
display: flex !important;
flex-wrap: wrap;
align-items: center;
}
body.tax-product_cat .mrhba-archive-trust-line span + span {
margin-left: 16px;
padding-left: 16px;
}
}
@media (max-width: 600px) {
body.tax-product_cat .mrhba-archive-trust-line span,
body.tax-product_cat .mrhba-archive-trust-line span + span {
padding-left: 0;
}
body.tax-product_cat .mrhba-archive-trust-line span::before,
body.tax-product_cat .mrhba-archive-trust-line span + span::before {
content: none !important;
display: none !important;
}
body.tax-product_cat .mrhba-archive-trust-line span + span {
margin-left: 0;
}
}
/* =============================================
Archive Premium V1.4 - Divi Sibling Selector Fix
Hidden
nodes still break the adjacent-sibling selector.
============================================= */
@media (min-width: 601px) {
body.tax-product_cat .mrhba-archive-trust-line span:not(:first-of-type) {
margin-left: 0;
padding-left: 0;
}
body.tax-product_cat .mrhba-archive-trust-line span:not(:first-of-type)::before {
content: "\00B7";
display: inline-block;
position: static;
width: auto;
height: auto;
margin: 0 10px;
border-radius: 0;
background: transparent;
color: #c9a14a;
font-size: 1rem;
line-height: 1;
transform: none;
vertical-align: middle;
}
}
@media (max-width: 600px) {
body.tax-product_cat .mrhba-archive-trust-line span:not(:first-of-type) {
margin-left: 0;
padding-left: 0;
border-top: 1px solid rgba(231, 225, 216, 0.92);
}
body.tax-product_cat .mrhba-archive-trust-line span:not(:first-of-type)::before {
content: none !important;
display: none !important;
}
}
/* =========================================================
MRHBAZHNI — MARRAKECH CATEGORY
SEO CONTENT + PREMIUM RESPONSIVE REFINEMENTS
Scope: /product-category/destinations/marrakech/
========================================================= */
/* ---------------------------------------------------------
1. DESIGN TOKENS — MARRAKECH
--------------------------------------------------------- */
body.tax-product_cat.term-marrakech {
--mrhba-marrakech-navy: #17233f;
--mrhba-marrakech-text: #566173;
--mrhba-marrakech-muted: #6f7785;
--mrhba-marrakech-red: #c92d2d;
--mrhba-marrakech-red-hover: #a82222;
--mrhba-marrakech-border: rgba(23, 35, 63, 0.10);
--mrhba-marrakech-ivory: #f8f3ea;
}
/* =========================================================
2. HERO — MARRAKECH
========================================================= */
/* Keep the hero premium and readable */
body.tax-product_cat.term-marrakech
.mrhba-archive-hero-row.et_pb_row {
width: min(90%, 1200px) !important;
max-width: 1200px !important;
}
/* Eyebrow */
body.tax-product_cat.term-marrakech
.mrhba-archive-eyebrow {
margin-bottom: 10px;
color: rgba(23, 35, 63, 0.68);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.02em;
}
/* H1 */
body.tax-product_cat.term-marrakech
.mrhba-archive-title {
margin-bottom: 20px;
color: var(--mrhba-marrakech-navy);
}
/* Hero introduction */
body.tax-product_cat.term-marrakech
.mrhba-archive-hero-copy {
max-width: 640px;
color: var(--mrhba-marrakech-text);
font-size: 16px;
line-height: 1.7;
}
body.tax-product_cat.term-marrakech
.mrhba-archive-hero-copy > p {
margin-bottom: 0;
}
/* Trust line below hero copy */
body.tax-product_cat.term-marrakech
.mrhba-archive-trust-line {
margin-top: 18px;
}
/* =========================================================
3. SEO EDITORIAL BLOCK — MAIN CONTAINER
========================================================= */
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy {
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0;
color: var(--mrhba-marrakech-text);
}
/* ---------------------------------------------------------
Editorial sections
--------------------------------------------------------- */
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy section {
margin: 0;
padding: 40px 0;
border-bottom: 1px solid var(--mrhba-marrakech-border);
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy section:last-child {
padding-bottom: 0;
border-bottom: 0;
}
/* =========================================================
4. SEO TYPOGRAPHY
========================================================= */
/* H2 */
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy h2 {
max-width: 900px;
margin: 0 0 18px;
padding: 0;
color: var(--mrhba-marrakech-navy);
font-family: "Playfair Display", Georgia, "Times New Roman", serif;
font-size: clamp(31px, 2.7vw, 40px);
font-weight: 700;
line-height: 1.16;
letter-spacing: -0.018em;
}
/* Paragraphs */
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy p {
max-width: 900px;
margin: 0 0 16px;
padding: 0;
color: var(--mrhba-marrakech-text);
font-family: "Inter", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.78;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy p:last-child {
margin-bottom: 0;
}
/* =========================================================
5. LINKS
========================================================= */
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy a {
color: var(--mrhba-marrakech-red);
font-weight: 650;
text-decoration: none;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition:
color 0.2s ease,
text-decoration-color 0.2s ease;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy a:hover {
color: var(--mrhba-marrakech-red-hover);
text-decoration: underline;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy a:focus-visible {
color: var(--mrhba-marrakech-red-hover);
outline: 2px solid rgba(201, 45, 45, 0.35);
outline-offset: 3px;
border-radius: 2px;
}
/* =========================================================
6. DIVI ROW / MODULE WIDTH
========================================================= */
/*
The section containing the SEO copy should remain centered
and align visually with the rest of the archive.
*/
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy,
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy .et_pb_text_inner {
width: 100%;
}
/* =========================================================
7. SPACING BETWEEN PRODUCTS AND SEO CONTENT
========================================================= */
/*
Keep a clear transition from the commercial product grid
to the editorial SEO section without creating an oversized gap.
*/
body.tax-product_cat.term-marrakech
.mrhba-archive-products-section {
padding-bottom: 64px !important;
}
/*
If your SEO content is inside its own Divi section,
keep its top spacing moderate.
*/
body.tax-product_cat.term-marrakech
.et_pb_section:has(.mrhba-marrakech-seo-copy) {
padding-top: 52px !important;
padding-bottom: 70px !important;
}
/* =========================================================
8. TRUST SECTION TRANSITION
========================================================= */
body.tax-product_cat.term-marrakech
.mrhba-archive-trust-section {
margin-top: 0;
}
/* =========================================================
9. TABLET — <= 980px
========================================================= */
@media (max-width: 980px) {
body.tax-product_cat.term-marrakech
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 40px) !important;
max-width: none !important;
}
body.tax-product_cat.term-marrakech
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15.5px;
line-height: 1.7;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy {
max-width: 100%;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy section {
padding: 34px 0;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy h2 {
max-width: 100%;
margin-bottom: 16px;
font-size: clamp(29px, 4vw, 35px);
line-height: 1.18;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy p {
max-width: 100%;
font-size: 16px;
line-height: 1.75;
}
body.tax-product_cat.term-marrakech
.mrhba-archive-products-section {
padding-bottom: 48px !important;
}
body.tax-product_cat.term-marrakech
.et_pb_section:has(.mrhba-marrakech-seo-copy) {
padding-top: 40px !important;
padding-bottom: 58px !important;
}
}
/* =========================================================
10. MOBILE — <= 767px
========================================================= */
@media (max-width: 767px) {
/* ------------------------------
Hero
------------------------------ */
body.tax-product_cat.term-marrakech
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 32px) !important;
max-width: none !important;
}
body.tax-product_cat.term-marrakech
.mrhba-archive-eyebrow {
margin-bottom: 8px;
font-size: 11px;
line-height: 1.35;
}
body.tax-product_cat.term-marrakech
.mrhba-archive-title {
margin-bottom: 16px;
}
body.tax-product_cat.term-marrakech
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15px;
line-height: 1.72;
}
body.tax-product_cat.term-marrakech
.mrhba-archive-trust-line {
margin-top: 16px;
}
/* ------------------------------
SEO content container
------------------------------ */
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy {
width: 100%;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
/* ------------------------------
SEO sections
------------------------------ */
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy section {
padding: 30px 0;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy section:last-child {
padding-bottom: 0;
}
/* ------------------------------
SEO H2
------------------------------ */
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy h2 {
max-width: 100%;
margin: 0 0 15px;
font-size: 26px;
line-height: 1.20;
letter-spacing: -0.012em;
}
/* ------------------------------
SEO paragraphs
------------------------------ */
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy p {
max-width: 100%;
margin-bottom: 15px;
font-size: 16px;
line-height: 1.75;
}
/* ------------------------------
SEO links
------------------------------ */
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy a {
font-weight: 600;
}
/* ------------------------------
Products → SEO transition
------------------------------ */
body.tax-product_cat.term-marrakech
.mrhba-archive-products-section {
padding-bottom: 38px !important;
}
body.tax-product_cat.term-marrakech
.et_pb_section:has(.mrhba-marrakech-seo-copy) {
padding-top: 34px !important;
padding-bottom: 48px !important;
}
/* ------------------------------
Final CTA
------------------------------ */
body.tax-product_cat.term-marrakech
.mrhba-archive-cta {
padding-top: 30px;
padding-bottom: 30px;
}
}
/* =========================================================
11. SMALL MOBILE — <= 479px
========================================================= */
@media (max-width: 479px) {
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy {
padding-left: 18px;
padding-right: 18px;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy section {
padding: 27px 0;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy h2 {
font-size: 25px;
line-height: 1.20;
margin-bottom: 14px;
}
body.tax-product_cat.term-marrakech
.mrhba-marrakech-seo-copy p {
font-size: 15.5px;
line-height: 1.72;
}
}
/* =========================================================
MRHBAZHNI — MARRAKECH CATEGORY
SEO CONTENT + PREMIUM RESPONSIVE REFINEMENTS
Scope: /product-category/destinations/Fes/
========================================================= */
/* ---------------------------------------------------------
1. DESIGN TOKENS — MARRAKECH
--------------------------------------------------------- */
body.tax-product_cat.term-fes {
--mrhba-marrakech-navy: #17233f;
--mrhba-marrakech-text: #566173;
--mrhba-marrakech-muted: #6f7785;
--mrhba-marrakech-red: #c92d2d;
--mrhba-marrakech-red-hover: #a82222;
--mrhba-marrakech-border: rgba(23, 35, 63, 0.10);
--mrhba-marrakech-ivory: #f8f3ea;
}
/* =========================================================
2. HERO — MARRAKECH
========================================================= */
/* Keep the hero premium and readable */
body.tax-product_cat.term-fes
.mrhba-archive-hero-row.et_pb_row {
width: min(90%, 1200px) !important;
max-width: 1200px !important;
}
/* Eyebrow */
body.tax-product_cat.term-fes
.mrhba-archive-eyebrow {
margin-bottom: 10px;
color: rgba(23, 35, 63, 0.68);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.02em;
}
/* H1 */
body.tax-product_cat.term-fes
.mrhba-archive-title {
margin-bottom: 20px;
color: var(--mrhba-marrakech-navy);
}
/* Hero introduction */
body.tax-product_cat.term-fes
.mrhba-archive-hero-copy {
max-width: 640px;
color: var(--mrhba-marrakech-text);
font-size: 16px;
line-height: 1.7;
}
body.tax-product_cat.term-fes
.mrhba-archive-hero-copy > p {
margin-bottom: 0;
}
/* Trust line below hero copy */
body.tax-product_cat.term-fes
.mrhba-archive-trust-line {
margin-top: 18px;
}
/* =========================================================
3. SEO EDITORIAL BLOCK — MAIN CONTAINER
========================================================= */
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy {
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0;
color: var(--mrhba-marrakech-text);
}
/* ---------------------------------------------------------
Editorial sections
--------------------------------------------------------- */
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy section {
margin: 0;
padding: 40px 0;
border-bottom: 1px solid var(--mrhba-marrakech-border);
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy section:last-child {
padding-bottom: 0;
border-bottom: 0;
}
/* =========================================================
4. SEO TYPOGRAPHY
========================================================= */
/* H2 */
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy h2 {
max-width: 900px;
margin: 0 0 18px;
padding: 0;
color: var(--mrhba-marrakech-navy);
font-family: "Playfair Display", Georgia, "Times New Roman", serif;
font-size: clamp(31px, 2.7vw, 40px);
font-weight: 700;
line-height: 1.16;
letter-spacing: -0.018em;
}
/* Paragraphs */
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy p {
max-width: 900px;
margin: 0 0 16px;
padding: 0;
color: var(--mrhba-marrakech-text);
font-family: "Inter", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.78;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy p:last-child {
margin-bottom: 0;
}
/* =========================================================
5. LINKS
========================================================= */
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy a {
color: var(--mrhba-marrakech-red);
font-weight: 650;
text-decoration: none;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition:
color 0.2s ease,
text-decoration-color 0.2s ease;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy a:hover {
color: var(--mrhba-marrakech-red-hover);
text-decoration: underline;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy a:focus-visible {
color: var(--mrhba-marrakech-red-hover);
outline: 2px solid rgba(201, 45, 45, 0.35);
outline-offset: 3px;
border-radius: 2px;
}
/* =========================================================
6. DIVI ROW / MODULE WIDTH
========================================================= */
/*
The section containing the SEO copy should remain centered
and align visually with the rest of the archive.
*/
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy,
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy .et_pb_text_inner {
width: 100%;
}
/* =========================================================
7. SPACING BETWEEN PRODUCTS AND SEO CONTENT
========================================================= */
/*
Keep a clear transition from the commercial product grid
to the editorial SEO section without creating an oversized gap.
*/
body.tax-product_cat.term-fes
.mrhba-archive-products-section {
padding-bottom: 64px !important;
}
/*
If your SEO content is inside its own Divi section,
keep its top spacing moderate.
*/
body.tax-product_cat.term-fes
.et_pb_section:has(.mrhba-fes-seo-copy) {
padding-top: 52px !important;
padding-bottom: 70px !important;
}
/* =========================================================
8. TRUST SECTION TRANSITION
========================================================= */
body.tax-product_cat.term-fes
.mrhba-archive-trust-section {
margin-top: 0;
}
/* =========================================================
9. TABLET — <= 980px
========================================================= */
@media (max-width: 980px) {
body.tax-product_cat.term-fes
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 40px) !important;
max-width: none !important;
}
body.tax-product_cat.term-fes
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15.5px;
line-height: 1.7;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy {
max-width: 100%;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy section {
padding: 34px 0;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy h2 {
max-width: 100%;
margin-bottom: 16px;
font-size: clamp(29px, 4vw, 35px);
line-height: 1.18;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy p {
max-width: 100%;
font-size: 16px;
line-height: 1.75;
}
body.tax-product_cat.term-fes
.mrhba-archive-products-section {
padding-bottom: 48px !important;
}
body.tax-product_cat.term-fes
.et_pb_section:has(.mrhba-fes-seo-copy) {
padding-top: 40px !important;
padding-bottom: 58px !important;
}
}
/* =========================================================
10. MOBILE — <= 767px
========================================================= */
@media (max-width: 767px) {
/* ------------------------------
Hero
------------------------------ */
body.tax-product_cat.term-fes
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 32px) !important;
max-width: none !important;
}
body.tax-product_cat.term-fes
.mrhba-archive-eyebrow {
margin-bottom: 8px;
font-size: 11px;
line-height: 1.35;
}
body.tax-product_cat.term-fes
.mrhba-archive-title {
margin-bottom: 16px;
}
body.tax-product_cat.term-fes
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15px;
line-height: 1.72;
}
body.tax-product_cat.term-fes
.mrhba-archive-trust-line {
margin-top: 16px;
}
/* ------------------------------
SEO content container
------------------------------ */
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy {
width: 100%;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
/* ------------------------------
SEO sections
------------------------------ */
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy section {
padding: 30px 0;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy section:last-child {
padding-bottom: 0;
}
/* ------------------------------
SEO H2
------------------------------ */
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy h2 {
max-width: 100%;
margin: 0 0 15px;
font-size: 26px;
line-height: 1.20;
letter-spacing: -0.012em;
}
/* ------------------------------
SEO paragraphs
------------------------------ */
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy p {
max-width: 100%;
margin-bottom: 15px;
font-size: 16px;
line-height: 1.75;
}
/* ------------------------------
SEO links
------------------------------ */
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy a {
font-weight: 600;
}
/* ------------------------------
Products → SEO transition
------------------------------ */
body.tax-product_cat.term-fes
.mrhba-archive-products-section {
padding-bottom: 38px !important;
}
body.tax-product_cat.term-fes
.et_pb_section:has(.mrhba-fes-seo-copy) {
padding-top: 34px !important;
padding-bottom: 48px !important;
}
/* ------------------------------
Final CTA
------------------------------ */
body.tax-product_cat.term-fes
.mrhba-archive-cta {
padding-top: 30px;
padding-bottom: 30px;
}
}
/* =========================================================
11. SMALL MOBILE — <= 479px
========================================================= */
@media (max-width: 479px) {
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy {
padding-left: 18px;
padding-right: 18px;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy section {
padding: 27px 0;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy h2 {
font-size: 25px;
line-height: 1.20;
margin-bottom: 14px;
}
body.tax-product_cat.term-fes
.mrhba-fes-seo-copy p {
font-size: 15.5px;
line-height: 1.72;
}
}
/* =========================================================
MRHBAZHNI — MARRAKECH CATEGORY
SEO CONTENT + PREMIUM RESPONSIVE REFINEMENTS
Scope: /product-category/destinations/Rabat/
========================================================= */
/* ---------------------------------------------------------
1. DESIGN TOKENS — MARRAKECH
--------------------------------------------------------- */
body.tax-product_cat.term-rabat {
--mrhba-marrakech-navy: #17233f;
--mrhba-marrakech-text: #566173;
--mrhba-marrakech-muted: #6f7785;
--mrhba-marrakech-red: #c92d2d;
--mrhba-marrakech-red-hover: #a82222;
--mrhba-marrakech-border: rgba(23, 35, 63, 0.10);
--mrhba-marrakech-ivory: #f8f3ea;
}
/* =========================================================
2. HERO — MARRAKECH
========================================================= */
/* Keep the hero premium and readable */
body.tax-product_cat.term-rabat
.mrhba-archive-hero-row.et_pb_row {
width: min(90%, 1200px) !important;
max-width: 1200px !important;
}
/* Eyebrow */
body.tax-product_cat.term-rabat
.mrhba-archive-eyebrow {
margin-bottom: 10px;
color: rgba(23, 35, 63, 0.68);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.02em;
}
/* H1 */
body.tax-product_cat.term-rabat
.mrhba-archive-title {
margin-bottom: 20px;
color: var(--mrhba-marrakech-navy);
}
/* Hero introduction */
body.tax-product_cat.term-rabat
.mrhba-archive-hero-copy {
max-width: 640px;
color: var(--mrhba-marrakech-text);
font-size: 16px;
line-height: 1.7;
}
body.tax-product_cat.term-rabat
.mrhba-archive-hero-copy > p {
margin-bottom: 0;
}
/* Trust line below hero copy */
body.tax-product_cat.term-rabat
.mrhba-archive-trust-line {
margin-top: 18px;
}
/* =========================================================
3. SEO EDITORIAL BLOCK — MAIN CONTAINER
========================================================= */
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy {
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0;
color: var(--mrhba-marrakech-text);
}
/* ---------------------------------------------------------
Editorial sections
--------------------------------------------------------- */
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy section {
margin: 0;
padding: 40px 0;
border-bottom: 1px solid var(--mrhba-marrakech-border);
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy section:last-child {
padding-bottom: 0;
border-bottom: 0;
}
/* =========================================================
4. SEO TYPOGRAPHY
========================================================= */
/* H2 */
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy h2 {
max-width: 900px;
margin: 0 0 18px;
padding: 0;
color: var(--mrhba-marrakech-navy);
font-family: "Playfair Display", Georgia, "Times New Roman", serif;
font-size: clamp(31px, 2.7vw, 40px);
font-weight: 700;
line-height: 1.16;
letter-spacing: -0.018em;
}
/* Paragraphs */
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy p {
max-width: 900px;
margin: 0 0 16px;
padding: 0;
color: var(--mrhba-marrakech-text);
font-family: "Inter", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.78;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy p:last-child {
margin-bottom: 0;
}
/* =========================================================
5. LINKS
========================================================= */
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy a {
color: var(--mrhba-marrakech-red);
font-weight: 650;
text-decoration: none;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition:
color 0.2s ease,
text-decoration-color 0.2s ease;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy a:hover {
color: var(--mrhba-marrakech-red-hover);
text-decoration: underline;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy a:focus-visible {
color: var(--mrhba-marrakech-red-hover);
outline: 2px solid rgba(201, 45, 45, 0.35);
outline-offset: 3px;
border-radius: 2px;
}
/* =========================================================
6. DIVI ROW / MODULE WIDTH
========================================================= */
/*
The section containing the SEO copy should remain centered
and align visually with the rest of the archive.
*/
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy,
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy .et_pb_text_inner {
width: 100%;
}
/* =========================================================
7. SPACING BETWEEN PRODUCTS AND SEO CONTENT
========================================================= */
/*
Keep a clear transition from the commercial product grid
to the editorial SEO section without creating an oversized gap.
*/
body.tax-product_cat.term-rabat
.mrhba-archive-products-section {
padding-bottom: 64px !important;
}
/*
If your SEO content is inside its own Divi section,
keep its top spacing moderate.
*/
body.tax-product_cat.term-rabat
.et_pb_section:has(.mrhba-rabat-seo-copy) {
padding-top: 52px !important;
padding-bottom: 70px !important;
}
/* =========================================================
8. TRUST SECTION TRANSITION
========================================================= */
body.tax-product_cat.term-rabat
.mrhba-archive-trust-section {
margin-top: 0;
}
/* =========================================================
9. TABLET — <= 980px
========================================================= */
@media (max-width: 980px) {
body.tax-product_cat.term-rabat
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 40px) !important;
max-width: none !important;
}
body.tax-product_cat.term-rabat
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15.5px;
line-height: 1.7;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy {
max-width: 100%;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy section {
padding: 34px 0;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy h2 {
max-width: 100%;
margin-bottom: 16px;
font-size: clamp(29px, 4vw, 35px);
line-height: 1.18;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy p {
max-width: 100%;
font-size: 16px;
line-height: 1.75;
}
body.tax-product_cat.term-rabat
.mrhba-archive-products-section {
padding-bottom: 48px !important;
}
body.tax-product_cat.term-rabat
.et_pb_section:has(.mrhba-rabat-seo-copy) {
padding-top: 40px !important;
padding-bottom: 58px !important;
}
}
/* =========================================================
10. MOBILE — <= 767px
========================================================= */
@media (max-width: 767px) {
/* ------------------------------
Hero
------------------------------ */
body.tax-product_cat.term-rabat
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 32px) !important;
max-width: none !important;
}
body.tax-product_cat.term-rabat
.mrhba-archive-eyebrow {
margin-bottom: 8px;
font-size: 11px;
line-height: 1.35;
}
body.tax-product_cat.term-rabat
.mrhba-archive-title {
margin-bottom: 16px;
}
body.tax-product_cat.term-rabat
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15px;
line-height: 1.72;
}
body.tax-product_cat.term-rabat
.mrhba-archive-trust-line {
margin-top: 16px;
}
/* ------------------------------
SEO content container
------------------------------ */
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy {
width: 100%;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
/* ------------------------------
SEO sections
------------------------------ */
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy section {
padding: 30px 0;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy section:last-child {
padding-bottom: 0;
}
/* ------------------------------
SEO H2
------------------------------ */
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy h2 {
max-width: 100%;
margin: 0 0 15px;
font-size: 26px;
line-height: 1.20;
letter-spacing: -0.012em;
}
/* ------------------------------
SEO paragraphs
------------------------------ */
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy p {
max-width: 100%;
margin-bottom: 15px;
font-size: 16px;
line-height: 1.75;
}
/* ------------------------------
SEO links
------------------------------ */
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy a {
font-weight: 600;
}
/* ------------------------------
Products → SEO transition
------------------------------ */
body.tax-product_cat.term-rabat
.mrhba-archive-products-section {
padding-bottom: 38px !important;
}
body.tax-product_cat.term-rabat
.et_pb_section:has(.mrhba-rabat-seo-copy) {
padding-top: 34px !important;
padding-bottom: 48px !important;
}
/* ------------------------------
Final CTA
------------------------------ */
body.tax-product_cat.term-rabat
.mrhba-archive-cta {
padding-top: 30px;
padding-bottom: 30px;
}
}
/* =========================================================
11. SMALL MOBILE — <= 479px
========================================================= */
@media (max-width: 479px) {
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy {
padding-left: 18px;
padding-right: 18px;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy section {
padding: 27px 0;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy h2 {
font-size: 25px;
line-height: 1.20;
margin-bottom: 14px;
}
body.tax-product_cat.term-rabat
.mrhba-rabat-seo-copy p {
font-size: 15.5px;
line-height: 1.72;
}
}
/* =========================================================
MRHBAZHNI — MARRAKECH CATEGORY
SEO CONTENT + PREMIUM RESPONSIVE REFINEMENTS
Scope: /product-category/destinations/Food Tours/
========================================================= */
/* ---------------------------------------------------------
1. DESIGN TOKENS — MARRAKECH
--------------------------------------------------------- */
body.tax-product_cat.term-food-culinary-tours {
--mrhba-marrakech-navy: #17233f;
--mrhba-marrakech-text: #566173;
--mrhba-marrakech-muted: #6f7785;
--mrhba-marrakech-red: #c92d2d;
--mrhba-marrakech-red-hover: #a82222;
--mrhba-marrakech-border: rgba(23, 35, 63, 0.10);
--mrhba-marrakech-ivory: #f8f3ea;
}
/* =========================================================
2. HERO — MARRAKECH
========================================================= */
/* Keep the hero premium and readable */
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-hero-row.et_pb_row {
width: min(90%, 1200px) !important;
max-width: 1200px !important;
}
/* Eyebrow */
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-eyebrow {
margin-bottom: 10px;
color: rgba(23, 35, 63, 0.68);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.02em;
}
/* H1 */
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-title {
margin-bottom: 20px;
color: var(--mrhba-marrakech-navy);
}
/* Hero introduction */
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-hero-copy {
max-width: 640px;
color: var(--mrhba-marrakech-text);
font-size: 16px;
line-height: 1.7;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-hero-copy > p {
margin-bottom: 0;
}
/* Trust line below hero copy */
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-trust-line {
margin-top: 18px;
}
/* =========================================================
3. SEO EDITORIAL BLOCK — MAIN CONTAINER
========================================================= */
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy {
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0;
color: var(--mrhba-marrakech-text);
}
/* ---------------------------------------------------------
Editorial sections
--------------------------------------------------------- */
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy section {
margin: 0;
padding: 40px 0;
border-bottom: 1px solid var(--mrhba-marrakech-border);
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy section:last-child {
padding-bottom: 0;
border-bottom: 0;
}
/* =========================================================
4. SEO TYPOGRAPHY
========================================================= */
/* H2 */
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy h2 {
max-width: 900px;
margin: 0 0 18px;
padding: 0;
color: var(--mrhba-marrakech-navy);
font-family: "Playfair Display", Georgia, "Times New Roman", serif;
font-size: clamp(31px, 2.7vw, 40px);
font-weight: 700;
line-height: 1.16;
letter-spacing: -0.018em;
}
/* Paragraphs */
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy p {
max-width: 900px;
margin: 0 0 16px;
padding: 0;
color: var(--mrhba-marrakech-text);
font-family: "Inter", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.78;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy p:last-child {
margin-bottom: 0;
}
/* =========================================================
5. LINKS
========================================================= */
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy a {
color: var(--mrhba-marrakech-red);
font-weight: 650;
text-decoration: none;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition:
color 0.2s ease,
text-decoration-color 0.2s ease;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy a:hover {
color: var(--mrhba-marrakech-red-hover);
text-decoration: underline;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy a:focus-visible {
color: var(--mrhba-marrakech-red-hover);
outline: 2px solid rgba(201, 45, 45, 0.35);
outline-offset: 3px;
border-radius: 2px;
}
/* =========================================================
6. DIVI ROW / MODULE WIDTH
========================================================= */
/*
The section containing the SEO copy should remain centered
and align visually with the rest of the archive.
*/
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy,
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy .et_pb_text_inner {
width: 100%;
}
/* =========================================================
7. SPACING BETWEEN PRODUCTS AND SEO CONTENT
========================================================= */
/*
Keep a clear transition from the commercial product grid
to the editorial SEO section without creating an oversized gap.
*/
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-products-section {
padding-bottom: 64px !important;
}
/*
If your SEO content is inside its own Divi section,
keep its top spacing moderate.
*/
body.tax-product_cat.term-food-culinary-tours
.et_pb_section:has(.mrhba-food-seo-copy) {
padding-top: 52px !important;
padding-bottom: 70px !important;
}
/* =========================================================
8. TRUST SECTION TRANSITION
========================================================= */
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-trust-section {
margin-top: 0;
}
/* =========================================================
9. TABLET — <= 980px
========================================================= */
@media (max-width: 980px) {
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 40px) !important;
max-width: none !important;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15.5px;
line-height: 1.7;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy {
max-width: 100%;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy section {
padding: 34px 0;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy h2 {
max-width: 100%;
margin-bottom: 16px;
font-size: clamp(29px, 4vw, 35px);
line-height: 1.18;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy p {
max-width: 100%;
font-size: 16px;
line-height: 1.75;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-products-section {
padding-bottom: 48px !important;
}
body.tax-product_cat.term-food-culinary-tours
.et_pb_section:has(.mrhba-food-seo-copy) {
padding-top: 40px !important;
padding-bottom: 58px !important;
}
}
/* =========================================================
10. MOBILE — <= 767px
========================================================= */
@media (max-width: 767px) {
/* ------------------------------
Hero
------------------------------ */
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 32px) !important;
max-width: none !important;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-eyebrow {
margin-bottom: 8px;
font-size: 11px;
line-height: 1.35;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-title {
margin-bottom: 16px;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15px;
line-height: 1.72;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-trust-line {
margin-top: 16px;
}
/* ------------------------------
SEO content container
------------------------------ */
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy {
width: 100%;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
/* ------------------------------
SEO sections
------------------------------ */
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy section {
padding: 30px 0;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy section:last-child {
padding-bottom: 0;
}
/* ------------------------------
SEO H2
------------------------------ */
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy h2 {
max-width: 100%;
margin: 0 0 15px;
font-size: 26px;
line-height: 1.20;
letter-spacing: -0.012em;
}
/* ------------------------------
SEO paragraphs
------------------------------ */
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy p {
max-width: 100%;
margin-bottom: 15px;
font-size: 16px;
line-height: 1.75;
}
/* ------------------------------
SEO links
------------------------------ */
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy a {
font-weight: 600;
}
/* ------------------------------
Products → SEO transition
------------------------------ */
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-products-section {
padding-bottom: 38px !important;
}
body.tax-product_cat.term-food-culinary-tours
.et_pb_section:has(.mrhba-food-seo-copy) {
padding-top: 34px !important;
padding-bottom: 48px !important;
}
/* ------------------------------
Final CTA
------------------------------ */
body.tax-product_cat.term-food-culinary-tours
.mrhba-archive-cta {
padding-top: 30px;
padding-bottom: 30px;
}
}
/* =========================================================
11. SMALL MOBILE — <= 479px
========================================================= */
@media (max-width: 479px) {
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy {
padding-left: 18px;
padding-right: 18px;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy section {
padding: 27px 0;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy h2 {
font-size: 25px;
line-height: 1.20;
margin-bottom: 14px;
}
body.tax-product_cat.term-food-culinary-tours
.mrhba-food-seo-copy p {
font-size: 15.5px;
line-height: 1.72;
}
}
/* =========================================================
MRHBAZHNI — MARRAKECH CATEGORY
SEO CONTENT + PREMIUM RESPONSIVE REFINEMENTS
Scope: /product-category/destinations/Cultural Tours/
========================================================= */
/* ---------------------------------------------------------
1. DESIGN TOKENS — MARRAKECH
--------------------------------------------------------- */
body.tax-product_cat.term-cultural-heritage-tours {
--mrhba-marrakech-navy: #17233f;
--mrhba-marrakech-text: #566173;
--mrhba-marrakech-muted: #6f7785;
--mrhba-marrakech-red: #c92d2d;
--mrhba-marrakech-red-hover: #a82222;
--mrhba-marrakech-border: rgba(23, 35, 63, 0.10);
--mrhba-marrakech-ivory: #f8f3ea;
}
/* =========================================================
2. HERO — MARRAKECH
========================================================= */
/* Keep the hero premium and readable */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-hero-row.et_pb_row {
width: min(90%, 1200px) !important;
max-width: 1200px !important;
}
/* Eyebrow */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-eyebrow {
margin-bottom: 10px;
color: rgba(23, 35, 63, 0.68);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.02em;
}
/* H1 */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-title {
margin-bottom: 20px;
color: var(--mrhba-marrakech-navy);
}
/* Hero introduction */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-hero-copy {
max-width: 640px;
color: var(--mrhba-marrakech-text);
font-size: 16px;
line-height: 1.7;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-hero-copy > p {
margin-bottom: 0;
}
/* Trust line below hero copy */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-trust-line {
margin-top: 18px;
}
/* =========================================================
3. SEO EDITORIAL BLOCK — MAIN CONTAINER
========================================================= */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy {
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0;
color: var(--mrhba-marrakech-text);
}
/* ---------------------------------------------------------
Editorial sections
--------------------------------------------------------- */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy section {
margin: 0;
padding: 40px 0;
border-bottom: 1px solid var(--mrhba-marrakech-border);
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy section:last-child {
padding-bottom: 0;
border-bottom: 0;
}
/* =========================================================
4. SEO TYPOGRAPHY
========================================================= */
/* H2 */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy h2 {
max-width: 900px;
margin: 0 0 18px;
padding: 0;
color: var(--mrhba-marrakech-navy);
font-family: "Playfair Display", Georgia, "Times New Roman", serif;
font-size: clamp(31px, 2.7vw, 40px);
font-weight: 700;
line-height: 1.16;
letter-spacing: -0.018em;
}
/* Paragraphs */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy p {
max-width: 900px;
margin: 0 0 16px;
padding: 0;
color: var(--mrhba-marrakech-text);
font-family: "Inter", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.78;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy p:last-child {
margin-bottom: 0;
}
/* =========================================================
5. LINKS
========================================================= */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy a {
color: var(--mrhba-marrakech-red);
font-weight: 650;
text-decoration: none;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition:
color 0.2s ease,
text-decoration-color 0.2s ease;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy a:hover {
color: var(--mrhba-marrakech-red-hover);
text-decoration: underline;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy a:focus-visible {
color: var(--mrhba-marrakech-red-hover);
outline: 2px solid rgba(201, 45, 45, 0.35);
outline-offset: 3px;
border-radius: 2px;
}
/* =========================================================
6. DIVI ROW / MODULE WIDTH
========================================================= */
/*
The section containing the SEO copy should remain centered
and align visually with the rest of the archive.
*/
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy,
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy .et_pb_text_inner {
width: 100%;
}
/* =========================================================
7. SPACING BETWEEN PRODUCTS AND SEO CONTENT
========================================================= */
/*
Keep a clear transition from the commercial product grid
to the editorial SEO section without creating an oversized gap.
*/
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-products-section {
padding-bottom: 64px !important;
}
/*
If your SEO content is inside its own Divi section,
keep its top spacing moderate.
*/
body.tax-product_cat.term-cultural-heritage-tours
.et_pb_section:has(.mrhba-cultural-seo-copy) {
padding-top: 52px !important;
padding-bottom: 70px !important;
}
/* =========================================================
8. TRUST SECTION TRANSITION
========================================================= */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-trust-section {
margin-top: 0;
}
/* =========================================================
9. TABLET — <= 980px
========================================================= */
@media (max-width: 980px) {
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 40px) !important;
max-width: none !important;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15.5px;
line-height: 1.7;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy {
max-width: 100%;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy section {
padding: 34px 0;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy h2 {
max-width: 100%;
margin-bottom: 16px;
font-size: clamp(29px, 4vw, 35px);
line-height: 1.18;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy p {
max-width: 100%;
font-size: 16px;
line-height: 1.75;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-products-section {
padding-bottom: 48px !important;
}
body.tax-product_cat.term-cultural-heritage-tours
.et_pb_section:has(.mrhba-cultural-seo-copy) {
padding-top: 40px !important;
padding-bottom: 58px !important;
}
}
/* =========================================================
10. MOBILE — <= 767px
========================================================= */
@media (max-width: 767px) {
/* ------------------------------
Hero
------------------------------ */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 32px) !important;
max-width: none !important;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-eyebrow {
margin-bottom: 8px;
font-size: 11px;
line-height: 1.35;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-title {
margin-bottom: 16px;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15px;
line-height: 1.72;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-trust-line {
margin-top: 16px;
}
/* ------------------------------
SEO content container
------------------------------ */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy {
width: 100%;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
/* ------------------------------
SEO sections
------------------------------ */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy section {
padding: 30px 0;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy section:last-child {
padding-bottom: 0;
}
/* ------------------------------
SEO H2
------------------------------ */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy h2 {
max-width: 100%;
margin: 0 0 15px;
font-size: 26px;
line-height: 1.20;
letter-spacing: -0.012em;
}
/* ------------------------------
SEO paragraphs
------------------------------ */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy p {
max-width: 100%;
margin-bottom: 15px;
font-size: 16px;
line-height: 1.75;
}
/* ------------------------------
SEO links
------------------------------ */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy a {
font-weight: 600;
}
/* ------------------------------
Products → SEO transition
------------------------------ */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-products-section {
padding-bottom: 38px !important;
}
body.tax-product_cat.term-cultural-heritage-tours
.et_pb_section:has(.mrhba-cultural-seo-copy) {
padding-top: 34px !important;
padding-bottom: 48px !important;
}
/* ------------------------------
Final CTA
------------------------------ */
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-archive-cta {
padding-top: 30px;
padding-bottom: 30px;
}
}
/* =========================================================
11. SMALL MOBILE — <= 479px
========================================================= */
@media (max-width: 479px) {
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy {
padding-left: 18px;
padding-right: 18px;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy section {
padding: 27px 0;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy h2 {
font-size: 25px;
line-height: 1.20;
margin-bottom: 14px;
}
body.tax-product_cat.term-cultural-heritage-tours
.mrhba-cultural-seo-copy p {
font-size: 15.5px;
line-height: 1.72;
}
}
/* =========================================================
MRHBAZHNI — MARRAKECH CATEGORY
SEO CONTENT + PREMIUM RESPONSIVE REFINEMENTS
Scope: /product-category/destinations/Walking Tours/
========================================================= */
/* ---------------------------------------------------------
1. DESIGN TOKENS — MARRAKECH
--------------------------------------------------------- */
body.tax-product_cat.term-walking-tours {
--mrhba-marrakech-navy: #17233f;
--mrhba-marrakech-text: #566173;
--mrhba-marrakech-muted: #6f7785;
--mrhba-marrakech-red: #c92d2d;
--mrhba-marrakech-red-hover: #a82222;
--mrhba-marrakech-border: rgba(23, 35, 63, 0.10);
--mrhba-marrakech-ivory: #f8f3ea;
}
/* =========================================================
2. HERO — MARRAKECH
========================================================= */
/* Keep the hero premium and readable */
body.tax-product_cat.term-walking-tours
.mrhba-archive-hero-row.et_pb_row {
width: min(90%, 1200px) !important;
max-width: 1200px !important;
}
/* Eyebrow */
body.tax-product_cat.term-walking-tours
.mrhba-archive-eyebrow {
margin-bottom: 10px;
color: rgba(23, 35, 63, 0.68);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.02em;
}
/* H1 */
body.tax-product_cat.term-walking-tours
.mrhba-archive-title {
margin-bottom: 20px;
color: var(--mrhba-marrakech-navy);
}
/* Hero introduction */
body.tax-product_cat.term-walking-tours
.mrhba-archive-hero-copy {
max-width: 640px;
color: var(--mrhba-marrakech-text);
font-size: 16px;
line-height: 1.7;
}
body.tax-product_cat.term-walking-tours
.mrhba-archive-hero-copy > p {
margin-bottom: 0;
}
/* Trust line below hero copy */
body.tax-product_cat.term-walking-tours
.mrhba-archive-trust-line {
margin-top: 18px;
}
/* =========================================================
3. SEO EDITORIAL BLOCK — MAIN CONTAINER
========================================================= */
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy {
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0;
color: var(--mrhba-marrakech-text);
}
/* ---------------------------------------------------------
Editorial sections
--------------------------------------------------------- */
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy section {
margin: 0;
padding: 40px 0;
border-bottom: 1px solid var(--mrhba-marrakech-border);
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy section:last-child {
padding-bottom: 0;
border-bottom: 0;
}
/* =========================================================
4. SEO TYPOGRAPHY
========================================================= */
/* H2 */
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy h2 {
max-width: 900px;
margin: 0 0 18px;
padding: 0;
color: var(--mrhba-marrakech-navy);
font-family: "Playfair Display", Georgia, "Times New Roman", serif;
font-size: clamp(31px, 2.7vw, 40px);
font-weight: 700;
line-height: 1.16;
letter-spacing: -0.018em;
}
/* Paragraphs */
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy p {
max-width: 900px;
margin: 0 0 16px;
padding: 0;
color: var(--mrhba-marrakech-text);
font-family: "Inter", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.78;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy p:last-child {
margin-bottom: 0;
}
/* =========================================================
5. LINKS
========================================================= */
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy a {
color: var(--mrhba-marrakech-red);
font-weight: 650;
text-decoration: none;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition:
color 0.2s ease,
text-decoration-color 0.2s ease;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy a:hover {
color: var(--mrhba-marrakech-red-hover);
text-decoration: underline;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy a:focus-visible {
color: var(--mrhba-marrakech-red-hover);
outline: 2px solid rgba(201, 45, 45, 0.35);
outline-offset: 3px;
border-radius: 2px;
}
/* =========================================================
6. DIVI ROW / MODULE WIDTH
========================================================= */
/*
The section containing the SEO copy should remain centered
and align visually with the rest of the archive.
*/
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy,
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy .et_pb_text_inner {
width: 100%;
}
/* =========================================================
7. SPACING BETWEEN PRODUCTS AND SEO CONTENT
========================================================= */
/*
Keep a clear transition from the commercial product grid
to the editorial SEO section without creating an oversized gap.
*/
body.tax-product_cat.term-walking-tours
.mrhba-archive-products-section {
padding-bottom: 64px !important;
}
/*
If your SEO content is inside its own Divi section,
keep its top spacing moderate.
*/
body.tax-product_cat.term-walking-tours
.et_pb_section:has(.mrhba-walking-seo-copy) {
padding-top: 52px !important;
padding-bottom: 70px !important;
}
/* =========================================================
8. TRUST SECTION TRANSITION
========================================================= */
body.tax-product_cat.term-walking-tours
.mrhba-archive-trust-section {
margin-top: 0;
}
/* =========================================================
9. TABLET — <= 980px
========================================================= */
@media (max-width: 980px) {
body.tax-product_cat.term-walking-tours
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 40px) !important;
max-width: none !important;
}
body.tax-product_cat.term-walking-tours
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15.5px;
line-height: 1.7;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy {
max-width: 100%;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy section {
padding: 34px 0;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy h2 {
max-width: 100%;
margin-bottom: 16px;
font-size: clamp(29px, 4vw, 35px);
line-height: 1.18;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy p {
max-width: 100%;
font-size: 16px;
line-height: 1.75;
}
body.tax-product_cat.term-walking-tours
.mrhba-archive-products-section {
padding-bottom: 48px !important;
}
body.tax-product_cat.term-walking-tours
.et_pb_section:has(.mrhba-walking-seo-copy) {
padding-top: 40px !important;
padding-bottom: 58px !important;
}
}
/* =========================================================
10. MOBILE — <= 767px
========================================================= */
@media (max-width: 767px) {
/* ------------------------------
Hero
------------------------------ */
body.tax-product_cat.term-walking-tours
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 32px) !important;
max-width: none !important;
}
body.tax-product_cat.term-walking-tours
.mrhba-archive-eyebrow {
margin-bottom: 8px;
font-size: 11px;
line-height: 1.35;
}
body.tax-product_cat.term-walking-tours
.mrhba-archive-title {
margin-bottom: 16px;
}
body.tax-product_cat.term-walking-tours
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15px;
line-height: 1.72;
}
body.tax-product_cat.term-walking-tours
.mrhba-archive-trust-line {
margin-top: 16px;
}
/* ------------------------------
SEO content container
------------------------------ */
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy {
width: 100%;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
/* ------------------------------
SEO sections
------------------------------ */
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy section {
padding: 30px 0;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy section:last-child {
padding-bottom: 0;
}
/* ------------------------------
SEO H2
------------------------------ */
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy h2 {
max-width: 100%;
margin: 0 0 15px;
font-size: 26px;
line-height: 1.20;
letter-spacing: -0.012em;
}
/* ------------------------------
SEO paragraphs
------------------------------ */
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy p {
max-width: 100%;
margin-bottom: 15px;
font-size: 16px;
line-height: 1.75;
}
/* ------------------------------
SEO links
------------------------------ */
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy a {
font-weight: 600;
}
/* ------------------------------
Products → SEO transition
------------------------------ */
body.tax-product_cat.term-walking-tours
.mrhba-archive-products-section {
padding-bottom: 38px !important;
}
body.tax-product_cat.term-walking-tours
.et_pb_section:has(.mrhba-walking-seo-copy) {
padding-top: 34px !important;
padding-bottom: 48px !important;
}
/* ------------------------------
Final CTA
------------------------------ */
body.tax-product_cat.term-walking-tours
.mrhba-archive-cta {
padding-top: 30px;
padding-bottom: 30px;
}
}
/* =========================================================
11. SMALL MOBILE — <= 479px
========================================================= */
@media (max-width: 479px) {
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy {
padding-left: 18px;
padding-right: 18px;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy section {
padding: 27px 0;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy h2 {
font-size: 25px;
line-height: 1.20;
margin-bottom: 14px;
}
body.tax-product_cat.term-walking-tours
.mrhba-walking-seo-copy p {
font-size: 15.5px;
line-height: 1.72;
}
}
/* =========================================================
MRHBAZHNI — MARRAKECH CATEGORY
SEO CONTENT + PREMIUM RESPONSIVE REFINEMENTS
Scope: /product-category/destinations/Premium Tours/
========================================================= */
/* ---------------------------------------------------------
1. DESIGN TOKENS — MARRAKECH
--------------------------------------------------------- */
body.tax-product_cat.term-private-premium-tours {
--mrhba-marrakech-navy: #17233f;
--mrhba-marrakech-text: #566173;
--mrhba-marrakech-muted: #6f7785;
--mrhba-marrakech-red: #c92d2d;
--mrhba-marrakech-red-hover: #a82222;
--mrhba-marrakech-border: rgba(23, 35, 63, 0.10);
--mrhba-marrakech-ivory: #f8f3ea;
}
/* =========================================================
2. HERO — MARRAKECH
========================================================= */
/* Keep the hero premium and readable */
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-hero-row.et_pb_row {
width: min(90%, 1200px) !important;
max-width: 1200px !important;
}
/* Eyebrow */
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-eyebrow {
margin-bottom: 10px;
color: rgba(23, 35, 63, 0.68);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.02em;
}
/* H1 */
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-title {
margin-bottom: 20px;
color: var(--mrhba-marrakech-navy);
}
/* Hero introduction */
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-hero-copy {
max-width: 640px;
color: var(--mrhba-marrakech-text);
font-size: 16px;
line-height: 1.7;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-hero-copy > p {
margin-bottom: 0;
}
/* Trust line below hero copy */
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-trust-line {
margin-top: 18px;
}
/* =========================================================
3. SEO EDITORIAL BLOCK — MAIN CONTAINER
========================================================= */
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy {
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0;
color: var(--mrhba-marrakech-text);
}
/* ---------------------------------------------------------
Editorial sections
--------------------------------------------------------- */
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy section {
margin: 0;
padding: 40px 0;
border-bottom: 1px solid var(--mrhba-marrakech-border);
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy section:last-child {
padding-bottom: 0;
border-bottom: 0;
}
/* =========================================================
4. SEO TYPOGRAPHY
========================================================= */
/* H2 */
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy h2 {
max-width: 900px;
margin: 0 0 18px;
padding: 0;
color: var(--mrhba-marrakech-navy);
font-family: "Playfair Display", Georgia, "Times New Roman", serif;
font-size: clamp(31px, 2.7vw, 40px);
font-weight: 700;
line-height: 1.16;
letter-spacing: -0.018em;
}
/* Paragraphs */
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy p {
max-width: 900px;
margin: 0 0 16px;
padding: 0;
color: var(--mrhba-marrakech-text);
font-family: "Inter", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.78;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy p:last-child {
margin-bottom: 0;
}
/* =========================================================
5. LINKS
========================================================= */
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy a {
color: var(--mrhba-marrakech-red);
font-weight: 650;
text-decoration: none;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition:
color 0.2s ease,
text-decoration-color 0.2s ease;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy a:hover {
color: var(--mrhba-marrakech-red-hover);
text-decoration: underline;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy a:focus-visible {
color: var(--mrhba-marrakech-red-hover);
outline: 2px solid rgba(201, 45, 45, 0.35);
outline-offset: 3px;
border-radius: 2px;
}
/* =========================================================
6. DIVI ROW / MODULE WIDTH
========================================================= */
/*
The section containing the SEO copy should remain centered
and align visually with the rest of the archive.
*/
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy,
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy .et_pb_text_inner {
width: 100%;
}
/* =========================================================
7. SPACING BETWEEN PRODUCTS AND SEO CONTENT
========================================================= */
/*
Keep a clear transition from the commercial product grid
to the editorial SEO section without creating an oversized gap.
*/
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-products-section {
padding-bottom: 64px !important;
}
/*
If your SEO content is inside its own Divi section,
keep its top spacing moderate.
*/
body.tax-product_cat.term-private-premium-tours
.et_pb_section:has(.mrhba-private-seo-copy) {
padding-top: 52px !important;
padding-bottom: 70px !important;
}
/* =========================================================
8. TRUST SECTION TRANSITION
========================================================= */
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-trust-section {
margin-top: 0;
}
/* =========================================================
9. TABLET — <= 980px
========================================================= */
@media (max-width: 980px) {
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 40px) !important;
max-width: none !important;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15.5px;
line-height: 1.7;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy {
max-width: 100%;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy section {
padding: 34px 0;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy h2 {
max-width: 100%;
margin-bottom: 16px;
font-size: clamp(29px, 4vw, 35px);
line-height: 1.18;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy p {
max-width: 100%;
font-size: 16px;
line-height: 1.75;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-products-section {
padding-bottom: 48px !important;
}
body.tax-product_cat.term-private-premium-tours
.et_pb_section:has(.mrhba-private-seo-copy) {
padding-top: 40px !important;
padding-bottom: 58px !important;
}
}
/* =========================================================
10. MOBILE — <= 767px
========================================================= */
@media (max-width: 767px) {
/* ------------------------------
Hero
------------------------------ */
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 32px) !important;
max-width: none !important;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-eyebrow {
margin-bottom: 8px;
font-size: 11px;
line-height: 1.35;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-title {
margin-bottom: 16px;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15px;
line-height: 1.72;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-trust-line {
margin-top: 16px;
}
/* ------------------------------
SEO content container
------------------------------ */
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy {
width: 100%;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
/* ------------------------------
SEO sections
------------------------------ */
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy section {
padding: 30px 0;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy section:last-child {
padding-bottom: 0;
}
/* ------------------------------
SEO H2
------------------------------ */
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy h2 {
max-width: 100%;
margin: 0 0 15px;
font-size: 26px;
line-height: 1.20;
letter-spacing: -0.012em;
}
/* ------------------------------
SEO paragraphs
------------------------------ */
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy p {
max-width: 100%;
margin-bottom: 15px;
font-size: 16px;
line-height: 1.75;
}
/* ------------------------------
SEO links
------------------------------ */
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy a {
font-weight: 600;
}
/* ------------------------------
Products → SEO transition
------------------------------ */
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-products-section {
padding-bottom: 38px !important;
}
body.tax-product_cat.term-private-premium-tours
.et_pb_section:has(.mrhba-private-seo-copy) {
padding-top: 34px !important;
padding-bottom: 48px !important;
}
/* ------------------------------
Final CTA
------------------------------ */
body.tax-product_cat.term-private-premium-tours
.mrhba-archive-cta {
padding-top: 30px;
padding-bottom: 30px;
}
}
/* =========================================================
11. SMALL MOBILE — <= 479px
========================================================= */
@media (max-width: 479px) {
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy {
padding-left: 18px;
padding-right: 18px;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy section {
padding: 27px 0;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy h2 {
font-size: 25px;
line-height: 1.20;
margin-bottom: 14px;
}
body.tax-product_cat.term-private-premium-tours
.mrhba-private-seo-copy p {
font-size: 15.5px;
line-height: 1.72;
}
}
/* =========================================================
MRHBAZHNI — MARRAKECH CATEGORY
SEO CONTENT + PREMIUM RESPONSIVE REFINEMENTS
Scope: /product-category/destinations/Souk Tours/
========================================================= */
/* ---------------------------------------------------------
1. DESIGN TOKENS — MARRAKECH
--------------------------------------------------------- */
body.tax-product_cat.term-shopping-souks-tours {
--mrhba-marrakech-navy: #17233f;
--mrhba-marrakech-text: #566173;
--mrhba-marrakech-muted: #6f7785;
--mrhba-marrakech-red: #c92d2d;
--mrhba-marrakech-red-hover: #a82222;
--mrhba-marrakech-border: rgba(23, 35, 63, 0.10);
--mrhba-marrakech-ivory: #f8f3ea;
}
/* =========================================================
2. HERO — MARRAKECH
========================================================= */
/* Keep the hero premium and readable */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-hero-row.et_pb_row {
width: min(90%, 1200px) !important;
max-width: 1200px !important;
}
/* Eyebrow */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-eyebrow {
margin-bottom: 10px;
color: rgba(23, 35, 63, 0.68);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.02em;
}
/* H1 */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-title {
margin-bottom: 20px;
color: var(--mrhba-marrakech-navy);
}
/* Hero introduction */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-hero-copy {
max-width: 640px;
color: var(--mrhba-marrakech-text);
font-size: 16px;
line-height: 1.7;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-hero-copy > p {
margin-bottom: 0;
}
/* Trust line below hero copy */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-trust-line {
margin-top: 18px;
}
/* =========================================================
3. SEO EDITORIAL BLOCK — MAIN CONTAINER
========================================================= */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy {
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0;
color: var(--mrhba-marrakech-text);
}
/* ---------------------------------------------------------
Editorial sections
--------------------------------------------------------- */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy section {
margin: 0;
padding: 40px 0;
border-bottom: 1px solid var(--mrhba-marrakech-border);
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy section:last-child {
padding-bottom: 0;
border-bottom: 0;
}
/* =========================================================
4. SEO TYPOGRAPHY
========================================================= */
/* H2 */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy h2 {
max-width: 900px;
margin: 0 0 18px;
padding: 0;
color: var(--mrhba-marrakech-navy);
font-family: "Playfair Display", Georgia, "Times New Roman", serif;
font-size: clamp(31px, 2.7vw, 40px);
font-weight: 700;
line-height: 1.16;
letter-spacing: -0.018em;
}
/* Paragraphs */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy p {
max-width: 900px;
margin: 0 0 16px;
padding: 0;
color: var(--mrhba-marrakech-text);
font-family: "Inter", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.78;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy p:last-child {
margin-bottom: 0;
}
/* =========================================================
5. LINKS
========================================================= */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy a {
color: var(--mrhba-marrakech-red);
font-weight: 650;
text-decoration: none;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition:
color 0.2s ease,
text-decoration-color 0.2s ease;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy a:hover {
color: var(--mrhba-marrakech-red-hover);
text-decoration: underline;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy a:focus-visible {
color: var(--mrhba-marrakech-red-hover);
outline: 2px solid rgba(201, 45, 45, 0.35);
outline-offset: 3px;
border-radius: 2px;
}
/* =========================================================
6. DIVI ROW / MODULE WIDTH
========================================================= */
/*
The section containing the SEO copy should remain centered
and align visually with the rest of the archive.
*/
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy,
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy .et_pb_text_inner {
width: 100%;
}
/* =========================================================
7. SPACING BETWEEN PRODUCTS AND SEO CONTENT
========================================================= */
/*
Keep a clear transition from the commercial product grid
to the editorial SEO section without creating an oversized gap.
*/
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-products-section {
padding-bottom: 64px !important;
}
/*
If your SEO content is inside its own Divi section,
keep its top spacing moderate.
*/
body.tax-product_cat.term-shopping-souks-tours
.et_pb_section:has(.mrhba-shopping-seo-copy) {
padding-top: 52px !important;
padding-bottom: 70px !important;
}
/* =========================================================
8. TRUST SECTION TRANSITION
========================================================= */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-trust-section {
margin-top: 0;
}
/* =========================================================
9. TABLET — <= 980px
========================================================= */
@media (max-width: 980px) {
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 40px) !important;
max-width: none !important;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15.5px;
line-height: 1.7;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy {
max-width: 100%;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy section {
padding: 34px 0;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy h2 {
max-width: 100%;
margin-bottom: 16px;
font-size: clamp(29px, 4vw, 35px);
line-height: 1.18;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy p {
max-width: 100%;
font-size: 16px;
line-height: 1.75;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-products-section {
padding-bottom: 48px !important;
}
body.tax-product_cat.term-shopping-souks-tours
.et_pb_section:has(.mrhba-shopping-seo-copy) {
padding-top: 40px !important;
padding-bottom: 58px !important;
}
}
/* =========================================================
10. MOBILE — <= 767px
========================================================= */
@media (max-width: 767px) {
/* ------------------------------
Hero
------------------------------ */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-hero-row.et_pb_row {
width: calc(100% - 32px) !important;
max-width: none !important;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-eyebrow {
margin-bottom: 8px;
font-size: 11px;
line-height: 1.35;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-title {
margin-bottom: 16px;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-hero-copy {
max-width: 100%;
font-size: 15px;
line-height: 1.72;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-trust-line {
margin-top: 16px;
}
/* ------------------------------
SEO content container
------------------------------ */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy {
width: 100%;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
/* ------------------------------
SEO sections
------------------------------ */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy section {
padding: 30px 0;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy section:first-child {
padding-top: 0;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy section:last-child {
padding-bottom: 0;
}
/* ------------------------------
SEO H2
------------------------------ */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy h2 {
max-width: 100%;
margin: 0 0 15px;
font-size: 26px;
line-height: 1.20;
letter-spacing: -0.012em;
}
/* ------------------------------
SEO paragraphs
------------------------------ */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy p {
max-width: 100%;
margin-bottom: 15px;
font-size: 16px;
line-height: 1.75;
}
/* ------------------------------
SEO links
------------------------------ */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy a {
font-weight: 600;
}
/* ------------------------------
Products → SEO transition
------------------------------ */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-products-section {
padding-bottom: 38px !important;
}
body.tax-product_cat.term-shopping-souks-tours
.et_pb_section:has(.mrhba-shopping-seo-copy) {
padding-top: 34px !important;
padding-bottom: 48px !important;
}
/* ------------------------------
Final CTA
------------------------------ */
body.tax-product_cat.term-shopping-souks-tours
.mrhba-archive-cta {
padding-top: 30px;
padding-bottom: 30px;
}
}
/* =========================================================
11. SMALL MOBILE — <= 479px
========================================================= */
@media (max-width: 479px) {
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy {
padding-left: 18px;
padding-right: 18px;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy section {
padding: 27px 0;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy h2 {
font-size: 25px;
line-height: 1.20;
margin-bottom: 14px;
}
body.tax-product_cat.term-shopping-souks-tours
.mrhba-shopping-seo-copy p {
font-size: 15.5px;
line-height: 1.72;
}
}