/*
Theme Name: Spadana Main
Theme URI: https://spadanastone.com/
Author: Salin Team
Description: Lightweight Gutenberg-first, WooCommerce-ready and multilingual-ready theme for Spadana Stone.
Version: 1.6.24
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: spadana-main
Domain Path: /languages
*/

@font-face { font-family: "Yekan Bakh Web"; src: url("assets/fonts/yekan-bakh-light.woff2") format("woff2"), url("assets/fonts/yekan-bakh-light.ttf") format("truetype"); font-style: normal; font-weight: 300; font-display: swap; }
@font-face { font-family: "Yekan Bakh Web"; src: url("assets/fonts/yekan-bakh-regular.woff2") format("woff2"), url("assets/fonts/yekan-bakh-regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Yekan Bakh Web"; src: url("assets/fonts/yekan-bakh-semibold.woff2") format("woff2"), url("assets/fonts/yekan-bakh-semibold.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Yekan Bakh Web"; src: url("assets/fonts/yekan-bakh-bold.woff2") format("woff2"), url("assets/fonts/yekan-bakh-bold.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Yekan Bakh Web"; src: url("assets/fonts/yekan-bakh-extrabold.woff2") format("woff2"), url("assets/fonts/yekan-bakh-extrabold.ttf") format("truetype"); font-style: normal; font-weight: 800; font-display: swap; }
@font-face { font-family: "Yekan Bakh Web"; src: url("assets/fonts/yekan-bakh-black.woff2") format("woff2"), url("assets/fonts/yekan-bakh-black.ttf") format("truetype"); font-style: normal; font-weight: 900; font-display: swap; }

@font-face { font-family: "Yekan Bakh Farsi Digits"; src: url("assets/fonts/yekan-bakh-fa-light.woff2") format("woff2"), url("assets/fonts/yekan-bakh-fa-light.ttf") format("truetype"); font-style: normal; font-weight: 300; font-display: swap; }
@font-face { font-family: "Yekan Bakh Farsi Digits"; src: url("assets/fonts/yekan-bakh-fa-regular.woff2") format("woff2"), url("assets/fonts/yekan-bakh-fa-regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Yekan Bakh Farsi Digits"; src: url("assets/fonts/yekan-bakh-fa-semibold.woff2") format("woff2"), url("assets/fonts/yekan-bakh-fa-semibold.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Yekan Bakh Farsi Digits"; src: url("assets/fonts/yekan-bakh-fa-bold.woff2") format("woff2"), url("assets/fonts/yekan-bakh-fa-bold.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Yekan Bakh Farsi Digits"; src: url("assets/fonts/yekan-bakh-fa-extrabold.woff2") format("woff2"), url("assets/fonts/yekan-bakh-fa-extrabold.ttf") format("truetype"); font-style: normal; font-weight: 800; font-display: swap; }
@font-face { font-family: "Yekan Bakh Farsi Digits"; src: url("assets/fonts/yekan-bakh-fa-black.woff2") format("woff2"), url("assets/fonts/yekan-bakh-fa-black.ttf") format("truetype"); font-style: normal; font-weight: 900; font-display: swap; }

:root {
    --sp-red: #e30613;
    --sp-red-dark: #b9000c;
    --sp-black: #111214;
    --sp-black-2: #1b1c1f;
    --sp-text: #18191b;
    --sp-muted: #6e7075;
    --sp-line: #e9e9e9;
    --sp-soft: #f5f5f3;
    --sp-surface: #fafafa;
    --sp-white: #fff;
    --sp-wide: 1320px;
    --sp-content: 880px;
    --sp-gutter: clamp(20px, 3vw, 48px);
    --sp-radius: 16px;
    --sp-radius-sm: 10px;
    --sp-shadow: 0 18px 50px rgba(16, 17, 18, .09);
    --sp-font: "Yekan Bakh Web", Tahoma, Arial, sans-serif;
    --sp-product-image-size: 520px;
    --sp-product-card-image-size: 260px;
}

/* ==========================================================
   Spadana 1.6.24 — restored puzzle, glass overlay header,
   detached benefits and unified minimalist catalogue
   ========================================================== */

/* On the Persian homepage the hero begins at the top of the page, so its
   background visibly continues beneath the glass navigation panel. */
html[lang^="fa"] body.home .spadana-header,
html[lang^="fa"] body.front-page .spadana-header {
    position: absolute;
    z-index: 1400;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding: 16px 0 0;
    background: transparent !important;
}

html[lang^="fa"] body.admin-bar.home .spadana-header,
html[lang^="fa"] body.admin-bar.front-page .spadana-header {
    top: 32px;
}

html[lang^="fa"] body.home .spadana-header__inner,
html[lang^="fa"] body.front-page .spadana-header__inner {
    border: 1px solid rgba(255,255,255,.72);
    background: rgba(255,255,255,.54);
    box-shadow: 0 14px 42px rgba(31,29,24,.085), inset 0 1px 0 rgba(255,255,255,.58);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
    backdrop-filter: blur(22px) saturate(145%);
}

html[lang^="fa"] body.home .spadana-nav,
html[lang^="fa"] body.front-page .spadana-nav {
    background: transparent;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 13%, rgba(227,6,19,.045), transparent 28%),
        linear-gradient(135deg, #f8f7f3 0%, #f3f0e8 100%);
}

@media (min-width: 1081px) {
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
        height: clamp(650px, 100svh, 820px);
        min-height: 650px;
        padding: 116px 0 42px;
    }

    html[lang^="fa"] body.admin-bar .spadana-front-page .spadana-home-mosaic {
        height: clamp(650px, calc(100svh - 32px), 820px);
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__layout {
        height: 100%;
        grid-template-columns: minmax(350px,.78fr) minmax(0,1.45fr);
        gap: clamp(30px,3.2vw,50px);
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__grid {
        direction: ltr;
        display: grid;
        height: 100%;
        min-height: 0;
        grid-template-columns: repeat(12,minmax(0,1fr));
        grid-template-rows: repeat(6,minmax(0,1fr));
        gap: 10px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--1 { grid-column:1/6; grid-row:1/7; }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--2 { grid-column:6/13; grid-row:1/3; }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--3 { grid-column:6/9; grid-row:3/5; }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--4 { grid-column:9/13; grid-row:3/5; }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--5 { grid-column:6/13; grid-row:5/7; }
}

/* These four editable blocks are always a normal section after the hero. */
html[lang^="fa"] .spadana-front-page .spadana-benefits-card,
html[lang^="fa"] .spadana-front-page .entry-content > .spadana-benefits-card {
    position: relative !important;
    z-index: 2 !important;
    clear: both;
    width: min(1180px,calc(100% - (var(--sp-gutter) * 2))) !important;
    margin: 36px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-grid {
    gap: 14px !important;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-grid > .wp-block-column {
    min-height: 126px !important;
    padding: 21px 16px !important;
    border: 1px solid #e5e1d8 !important;
    border-radius: 14px !important;
    background: #fbfaf6 !important;
    box-shadow: 0 10px 28px rgba(31,29,24,.045) !important;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-card + .spadana-pathways {
    padding-top: 94px;
}

/* Larger four-column cards let the new square catalogue photography breathe. */
html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 22px !important;
}

html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic {
    border-color: #e6e1d7;
    border-radius: 15px;
    background: #fbfaf6 !important;
    box-shadow: 0 10px 30px rgba(31,29,24,.045);
}

html[lang^="fa"] .spadana-category-card-dynamic__visual {
    aspect-ratio: 1;
    border-bottom-color: #ece7dd;
    background: #f4f1e9;
}

html[lang^="fa"] .spadana-category-card-dynamic__visual img {
    object-fit: cover;
    filter: none;
}

html[lang^="fa"] .spadana-category-card-dynamic:hover .spadana-category-card-dynamic__visual img {
    transform: scale(1.018);
    filter: none;
}

html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content {
    min-height: 104px;
    padding: 16px 14px 18px;
}

html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content strong {
    font-size: 14px;
    line-height: 1.8;
}

html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content > span {
    font-size: 11px;
}

@media (max-width: 1080px) {
    html[lang^="fa"] body.home .spadana-header,
    html[lang^="fa"] body.front-page .spadana-header {
        padding-top: 10px;
    }

    html[lang^="fa"] body.home .spadana-nav,
    html[lang^="fa"] body.front-page .spadana-nav {
        background: rgba(250,249,246,.94);
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
        padding-top: 96px;
    }
}

@media (max-width: 900px) {
    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: 16px !important;
    }
}

@media (max-width: 782px) {
    html[lang^="fa"] body.admin-bar.home .spadana-header,
    html[lang^="fa"] body.admin-bar.front-page .spadana-header {
        top: 46px;
    }
}

@media (max-width: 600px) {
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
        padding: 86px 0 26px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic h1 {
        font-size: clamp(27px,7.6vw,31px) !important;
        line-height: 1.42;
    }

    html[lang^="fa"] .spadana-front-page .spadana-benefits-card,
    html[lang^="fa"] .spadana-front-page .entry-content > .spadana-benefits-card {
        margin-top: 24px !important;
    }

    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 10px !important;
    }

    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid > .wp-block-column {
        min-height: 116px !important;
        padding: 17px 9px !important;
    }

    html[lang^="fa"] .spadana-front-page .spadana-benefits-card + .spadana-pathways {
        padding-top: 72px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 11px !important;
    }

    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content {
        min-height: 92px;
        padding: 12px 8px 14px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content strong {
        font-size: 12px;
    }
}

html[lang^="fa"] {
    --sp-font: "Yekan Bakh Farsi Digits", "Yekan Bakh Web", Tahoma, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    overflow-x: hidden;
    background: var(--sp-white);
    color: var(--sp-text);
    font-family: var(--sp-font);
    font-size: 16px;
    line-height: 1.85;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--sp-red); }
button, input, textarea, select { font: inherit; }
.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

.spadana-shell,
.alignwide {
    width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2)));
    margin-inline: auto;
}
.alignfull { width: 100%; max-width: none; }
.entry-content { width: 100%; }
.entry-content > :where(:not(.alignwide):not(.alignfull)) {
    width: min(var(--sp-content), calc(100% - (var(--sp-gutter) * 2)));
    margin-inline: auto;
}
.entry-content > .alignwide { max-width: none; }
.entry-content > .alignfull { margin-inline: 0; }
.entry-content > *:first-child { margin-block-start: 0; }
.entry-content > *:last-child { margin-block-end: 0; }

/* ---------- Topbar ---------- */
.spadana-topbar {
    background: #101113;
    color: #fff;
    font-size: 12px;
}
.spadana-topbar__inner {
    min-height: 38px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 24px;
    align-items: center;
}
.spadana-topbar__claim { justify-self: start; opacity: .78; }
.spadana-topbar__hours { justify-self: center; display: flex; align-items: center; gap: 8px; white-space: nowrap; opacity: .86; }
.spadana-topbar__clock { color: var(--sp-red); font-size: 14px; }
.spadana-topbar__languages {
    justify-self: end;
    direction: rtl;
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: 800;
    letter-spacing: .06em;
}
.spadana-topbar__languages:empty { display: none; }
.spadana-topbar__languages a { direction: ltr; color: #fff; opacity: .6; }
.spadana-topbar__languages a:hover,
.spadana-topbar__languages a.is-active { opacity: 1; color: var(--sp-red); }
.spadana-topbar__languages .sep { opacity: .25; }

/* ---------- Header ---------- */
.spadana-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255,255,255,.98);
    border-bottom: 1px solid rgba(0,0,0,.07);
    backdrop-filter: blur(12px);
}
.admin-bar .spadana-header { top: 32px; }
.spadana-header__inner {
    min-height: 84px;
    display: flex;
    align-items: center;
    gap: clamp(22px, 2.6vw, 42px);
}
.spadana-brand { flex: 0 0 auto; display: flex; align-items: center; }
.spadana-brand .custom-logo-link,
.spadana-bundled-logo { display: flex; align-items: center; }
.spadana-brand .custom-logo,
.spadana-bundled-logo img {
    display: block;
    width: auto;
    height: 58px;
    max-width: 220px;
    object-fit: contain;
}
.spadana-nav { flex: 1 1 auto; min-width: 0; }
.spadana-menu {
    list-style: none;
    padding: 0; margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(17px, 1.6vw, 28px);
}
.spadana-menu > li { position: relative; }
.spadana-menu > li > a {
    position: relative;
    display: block;
    padding: 29px 0 25px;
    white-space: nowrap;
    color: #252629;
    font-size: 14px;
    font-weight: 700;
}
.spadana-menu > li > a:hover,
.spadana-menu > li.current-menu-item > a,
.spadana-menu > li.current-menu-ancestor > a { color: var(--sp-red); }
.spadana-menu > li.current-menu-item > a::after,
.spadana-menu > li.current-menu-ancestor > a::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 17px;
    height: 2px;
    background: var(--sp-red);
    border-radius: 3px;
}
.spadana-menu .sub-menu {
    display: none;
    position: absolute;
    inset-inline-start: -16px;
    top: 100%;
    min-width: 230px;
    margin: 0;
    padding: 9px;
    list-style: none;
    background: #fff;
    border: 1px solid var(--sp-line);
    border-radius: 12px;
    box-shadow: var(--sp-shadow);
}
.spadana-menu li:hover > .sub-menu { display: block; }
.spadana-menu .sub-menu a { display: block; padding: 9px 11px; border-radius: 7px; font-size: 13px; }
.spadana-menu .sub-menu a:hover { background: #f6f6f6; }
.spadana-header__cta { flex: 0 0 auto; }
.spadana-button,
.wp-block-button__link,
.spadana-outline-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 10px 21px;
    border-radius: 7px;
    font-weight: 800;
    line-height: 1.4;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.spadana-button,
.wp-block-button__link {
    color: #fff;
    background: var(--sp-red);
    border: 1px solid var(--sp-red);
}
.spadana-button:hover,
.wp-block-button__link:hover {
    color: #fff;
    background: var(--sp-red-dark);
    border-color: var(--sp-red-dark);
    transform: translateY(-1px);
}
.spadana-button--dark { background: #111; border-color: #111; }
.spadana-outline-button {
    color: var(--sp-text);
    background: #fff;
    border: 1px solid #d8d8d8;
}
.spadana-outline-button:hover { color: var(--sp-red); border-color: var(--sp-red); }
.wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent;
    color: var(--sp-text);
    border: 1px solid currentColor;
}
.spadana-menu-toggle {
    display: none;
    width: 44px; height: 44px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    padding: 9px; cursor: pointer;
    transition: background .2s ease, border-color .2s ease;
}
.spadana-menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    margin: 3px 0;
    border-radius: 3px;
    background: #111;
    transform-origin: center;
    transition: transform .24s ease, opacity .18s ease, margin .24s ease;
}
.spadana-menu-toggle.is-open { border-color: var(--sp-line); background: #f7f7f5; }
.spadana-menu-toggle.is-open span { margin: -1px 0; }
.spadana-menu-toggle.is-open span:nth-child(1) { transform: translateY(1px) rotate(45deg); }
.spadana-menu-toggle.is-open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.spadana-menu-toggle.is-open span:nth-child(3) { transform: translateY(-1px) rotate(-45deg); }

/* ---------- Generic ---------- */
.spadana-main { min-height: 50vh; }
.spadana-inner { padding-block: 56px 76px; }
.spadana-page-title { margin: 0 0 28px; font-size: clamp(34px, 4vw, 52px); line-height: 1.25; }
.spadana-section { padding-block: 78px; }
.spadana-section-head { text-align: center; margin: 0 auto 34px; }
.spadana-eyebrow {
    display: block;
    margin: 0 0 7px;
    color: var(--sp-red);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
}
.spadana-section-title {
    margin: 0;
    font-size: clamp(28px, 2.3vw, 40px);
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: -.025em;
}
.spadana-section-subtitle {
    max-width: 720px;
    margin: 10px auto 0;
    color: var(--sp-muted);
    font-size: 15px;
    line-height: 1.9;
}
.spadana-section-action { margin-top: 30px; text-align: center; }
.spadana-text-link,
.spadana-text-link a,
.spadana-path-link a { color: var(--sp-red); font-weight: 800; font-size: 14px; }

/* ---------- Hero ---------- */
.spadana-home-hero {
    --sp-hero-image: url('assets/images/hero.webp');
    position: relative;
    min-height: 590px;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #fff;
    background-image:
        linear-gradient(90deg, rgba(9,10,11,.55) 0%, rgba(9,10,11,.78) 46%, rgba(9,10,11,.94) 100%),
        var(--sp-hero-image);
    background-position: center;
    background-size: cover;
    transition: opacity .16s ease;
}
html[dir="ltr"] .spadana-home-hero {
    background-image:
        linear-gradient(270deg, rgba(9,10,11,.55) 0%, rgba(9,10,11,.78) 46%, rgba(9,10,11,.94) 100%),
        var(--sp-hero-image);
}
.spadana-home-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 72%, rgba(0,0,0,.28));
    pointer-events: none;
}
.spadana-home-hero.is-changing { opacity: .94; }
.spadana-home-hero__inner {
    position: relative;
    z-index: 2;
    width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2)));
    padding-block: 82px 112px;
}
.spadana-home-hero__inner > * { margin-inline: 0 !important; }
.spadana-hero-kicker {
    margin: 0 0 14px;
    color: rgba(255,255,255,.66);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    direction: ltr;
    text-align: start;
}
.spadana-home-hero__title {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(46px, 4.4vw, 72px);
    font-weight: 950;
    line-height: 1.22;
    letter-spacing: -.045em;
}
.spadana-home-hero__title span { color: #fff; }
.spadana-home-hero__title span::after {
    content: "";
    display: inline-block;
    width: 9px; height: 9px;
    margin-inline-start: 12px;
    background: var(--sp-red);
    vertical-align: .15em;
}
.spadana-home-hero__lead {
    max-width: 680px;
    margin: 20px 0 28px;
    color: rgba(255,255,255,.78);
    font-size: clamp(16px, 1.35vw, 20px);
    line-height: 2;
}
.spadana-home-hero__actions { gap: 12px; }
.spadana-home-hero__actions .wp-block-button__link { min-width: 150px; min-height: 48px; }
.spadana-home-hero__actions .is-style-outline .wp-block-button__link {
    color: #fff;
    border-color: rgba(255,255,255,.65);
}
.spadana-home-hero__actions .is-style-outline .wp-block-button__link:hover { background: #fff; color: #111; }
.spadana-hero-controls { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.spadana-hero-arrow {
    pointer-events: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px; height: 54px;
    border: 1px solid rgba(255,255,255,.15);
    background: rgba(0,0,0,.3);
    color: #fff;
    border-radius: 8px;
    font-size: 34px;
    cursor: pointer;
}
.spadana-hero-arrow:hover { background: rgba(0,0,0,.6); }
.spadana-hero-arrow--prev { left: 8px; }
.spadana-hero-arrow--next { right: 8px; }
.spadana-hero-dots {
    pointer-events: auto;
    position: absolute;
    left: 50%; bottom: 72px;
    transform: translateX(-50%);
    display: flex;
    gap: 7px;
    direction: ltr;
}
.spadana-hero-dot { width: 20px; height: 3px; padding: 0; border: 0; background: rgba(255,255,255,.42); cursor: pointer; }
.spadana-hero-dot.is-active { background: var(--sp-red); }

/* ---------- Benefit strip ---------- */
.spadana-benefits-card {
    position: relative;
    z-index: 6;
    margin-top: -46px !important;
    margin-bottom: 0 !important;
    padding: 0 22px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.04);
    border-radius: 15px;
    box-shadow: var(--sp-shadow);
}
.spadana-benefits-grid { gap: 0 !important; margin: 0 !important; }
.spadana-benefits-grid > .wp-block-column {
    min-height: 114px;
    padding: 20px 24px;
    display: grid;
    grid-template-columns: 48px minmax(0,1fr);
    column-gap: 14px;
    align-content: center;
}
.spadana-benefits-grid > .wp-block-column:not(:last-child) { border-inline-end: 1px solid var(--sp-line); }
.spadana-benefits-grid h3 { grid-column: 2; margin: 0 0 2px; font-size: 16px; line-height: 1.6; }
.spadana-benefits-grid p:not(.spadana-mini-icon) { grid-column: 2; margin: 0; color: var(--sp-muted); font-size: 12px; line-height: 1.7; }
.spadana-mini-icon {
    grid-row: 1 / span 2;
    width: 42px; height: 42px;
    margin: 0;
    display: flex;
    align-items: center; justify-content: center;
    color: var(--sp-red);
    background: #fff4f4;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 900;
    direction: ltr;
}

/* ---------- Pathways ---------- */
.spadana-pathways { padding-top: 88px; padding-bottom: 58px; }
.spadana-path-grid { gap: 18px !important; margin-top: 34px !important; }
.spadana-path-card {
    min-height: 230px;
    height: 100%;
    padding: 26px;
    border: 1px solid var(--sp-line);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.spadana-path-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(0,0,0,.07); border-color: #dedede; }
.spadana-path-card::after {
    content: "";
    position: absolute;
    inset-inline-end: -34px;
    bottom: -46px;
    width: 130px; height: 130px;
    border: 24px solid #f5f5f5;
    border-radius: 50%;
}
.spadana-path-no { position: relative; z-index: 1; margin: 0 0 24px; color: #c8c9cc; font-size: 26px; font-weight: 900; direction: ltr; }
.spadana-path-card h3 { position: relative; z-index: 1; margin: 0 0 7px; font-size: 20px; }
.spadana-path-card > p:not(.spadana-path-no):not(.spadana-path-link) { position: relative; z-index: 1; color: var(--sp-muted); font-size: 14px; }
.spadana-path-link { position: relative; z-index: 1; margin-top: 18px; }

/* ---------- Dynamic category cards ---------- */
.spadana-category-section { padding-top: 62px; padding-bottom: 70px; }
.spadana-category-grid-dynamic {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 16px;
}
.spadana-category-card-dynamic {
    --sp-card-bg: none;
    position: relative;
    min-height: 330px;
    overflow: hidden;
    border-radius: 14px;
    background-color: #202124;
    background-image: var(--sp-card-bg);
    background-size: cover;
    background-position: center;
    color: #fff;
    isolation: isolate;
}
.spadana-category-card-dynamic::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background: linear-gradient(135deg, #2c2d30, #151618);
}
.spadana-category-card-dynamic[style]::before { background: transparent; }
.spadana-category-card-dynamic__shade {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0,0,0,.04) 15%, rgba(0,0,0,.82) 100%);
    transition: background .2s ease;
}
.spadana-category-card-dynamic:hover .spadana-category-card-dynamic__shade { background: linear-gradient(180deg, rgba(0,0,0,.12) 5%, rgba(0,0,0,.9) 100%); }
.spadana-category-card-dynamic__content {
    position: absolute;
    inset-inline: 22px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.spadana-category-card-dynamic__content strong { color: #fff; font-size: 20px; }
.spadana-category-card-dynamic__content > span { color: rgba(255,255,255,.7); font-size: 12px; font-weight: 700; }
.spadana-category-card-dynamic__content b { color: var(--sp-red); font-size: 18px; }

/* ---------- Why Spadana ---------- */
.spadana-why {
    padding-block: 72px;
    background: #f7f7f5;
}
.spadana-why > .wp-block-group {
    width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2)));
}
.spadana-why-grid {
    gap: 18px !important;
    margin-top: 34px !important;
}
.spadana-why-grid > .wp-block-column {
    min-height: 190px;
    padding: 25px 22px;
    background: #fff;
    border: 1px solid var(--sp-line);
    border-radius: 13px;
    text-align: center;
}
.spadana-why-icon {
    width: 48px; height: 48px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center; justify-content: center;
    color: var(--sp-red);
    background: #fff2f3;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 900;
    direction: ltr;
}
.spadana-why-grid h3 { margin: 0 0 5px; font-size: 16px; }
.spadana-why-grid p:not(.spadana-why-icon) { margin: 0; color: var(--sp-muted); font-size: 12px; line-height: 1.8; }

/* ---------- Dynamic product/project/article grid ---------- */
.spadana-dynamic-section { padding-top: 72px; padding-bottom: 78px; }
.spadana-dynamic-section:nth-of-type(even) { }
.spadana-dynamic-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 18px;
}
.spadana-dynamic-grid--spadana_project { grid-template-columns: repeat(4, minmax(0,1fr)); }
.spadana-content-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--sp-line);
    border-radius: 13px;
    transition: transform .18s ease, box-shadow .18s ease;
}
.spadana-content-card:hover { transform: translateY(-4px); box-shadow: 0 16px 38px rgba(0,0,0,.08); }
.spadana-content-card__media { display: block; overflow: hidden; background: #efefed; }
.spadana-content-card__media img,
.spadana-card-placeholder { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; transition: transform .28s ease; }
.spadana-dynamic-grid--spadana_project .spadana-content-card__media img,
.spadana-dynamic-grid--spadana_project .spadana-card-placeholder,
.spadana-dynamic-grid--post .spadana-content-card__media img,
.spadana-dynamic-grid--post .spadana-card-placeholder { aspect-ratio: 16 / 10; }
.spadana-card-placeholder { background: linear-gradient(135deg,#ececeb,#f8f8f7); }
.spadana-content-card:hover .spadana-content-card__media img { transform: scale(1.035); }
.spadana-content-card__body { padding: 17px 18px 18px; }
.spadana-content-card__body h3 { margin: 0 0 7px; font-size: 17px; line-height: 1.65; }
.spadana-content-card__body p { margin: 0 0 12px; color: var(--sp-muted); font-size: 13px; line-height: 1.8; }
.spadana-content-card__meta { display: block; margin-bottom: 4px; color: #999; font-size: 11px; }

/* ---------- Stats ---------- */
.spadana-stats { background: var(--sp-black); color: #fff; padding-block: 28px; }
.spadana-stats > .wp-block-columns {
    width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2))) !important;
    margin: 0 auto !important;
    gap: 0 !important;
}
.spadana-stats .wp-block-column { position: relative; padding: 12px 16px; text-align: center; }
.spadana-stats .wp-block-column:not(:last-child)::after {
    content: "";
    position: absolute;
    inset-inline-end: 0;
    top: 20%; bottom: 20%;
    width: 1px;
    background: rgba(255,255,255,.08);
}
.spadana-stats h3 { margin: 0; color: #fff; font-size: 32px; line-height: 1.2; font-weight: 900; direction: ltr; }
.spadana-stats p { margin: 5px 0 0; color: rgba(255,255,255,.62); font-size: 12px; }

/* ---------- Split CTA ---------- */
.spadana-split-cta { padding-block: 54px 72px; }
.spadana-split-cta__grid { gap: 18px !important; }
.spadana-cta-card { min-height: 265px; height: 100%; padding: 34px 36px; border-radius: 14px; }
.spadana-cta-card h3 { max-width: 470px; margin: 5px 0 8px; font-size: clamp(24px,2.2vw,34px); line-height: 1.45; }
.spadana-cta-card p { max-width: 560px; font-size: 14px; }
.spadana-cta-card--dark { background: #17181a; color: #fff; }
.spadana-cta-card--dark h3 { color: #fff; }
.spadana-cta-card--dark > p:not(.spadana-eyebrow) { color: rgba(255,255,255,.65); }
.spadana-cta-card--light { background: #f4f4f2; border: 1px solid #ededeb; }

/* ---------- About ---------- */
.spadana-about {
    padding: 0 !important;
    background: #17181a;
    color: #fff;
    border-radius: 16px;
    overflow: hidden;
    margin-top: 22px !important;
    margin-bottom: 64px !important;
}
.spadana-about-grid { gap: 0 !important; min-height: 430px; }
.spadana-about-grid > .wp-block-column { margin: 0; }
.spadana-about-grid > .wp-block-column:last-child { padding: clamp(34px,4vw,64px); }
.spadana-about-media {
    min-height: 430px;
    height: 100%;
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.18)),
        url('assets/images/about.webp') center/cover no-repeat;
}
.spadana-about h2 { margin: 4px 0 13px; color: #fff; font-size: clamp(28px,2.5vw,40px); line-height: 1.45; }
.spadana-about .wp-block-column > p:not(.spadana-eyebrow) { color: rgba(255,255,255,.68); font-size: 14px; }
.spadana-about .wp-block-button__link { min-width: 128px; }

/* ---------- Process ---------- */
.spadana-process { padding-top: 66px; padding-bottom: 82px; }
.spadana-process-grid { position: relative; gap: 22px !important; margin-top: 38px !important; }
.spadana-process-grid::before {
    content: "";
    position: absolute;
    top: 28px;
    inset-inline: 10%;
    height: 1px;
    background: #dedede;
}
.spadana-process-grid > .wp-block-column { position: relative; z-index: 1; text-align: center; padding: 0 14px; }
.spadana-step-no {
    width: 56px; height: 56px;
    margin: 0 auto 17px;
    display: flex;
    align-items: center; justify-content: center;
    color: var(--sp-red);
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 900;
    direction: ltr;
}
.spadana-process-grid h3 { margin: 0 0 4px; font-size: 16px; }
.spadana-process-grid p:not(.spadana-step-no) { margin: 0; color: var(--sp-muted); font-size: 12px; }



/* ---------- FAQ ---------- */
.spadana-faq {
    position: relative;
    padding-block: 86px 94px;
}
.spadana-faq::before {
    content: "";
    position: absolute;
    inset: 22px max(var(--sp-gutter), calc((100vw - var(--sp-wide))/2)) 22px;
    z-index: -1;
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 18%, rgba(227,6,19,.045), transparent 270px),
        linear-gradient(135deg, #fff, #f7f7f4);
    border: 1px solid var(--sp-line);
}
.spadana-faq__grid {
    display: grid;
    grid-template-columns: .78fr 1.55fr;
    gap: 42px;
    align-items: start;
}
.wp-block-columns.spadana-faq__grid { display: flex; }
.spadana-faq__intro h2,
.spadana-faq h2 {
    margin: 6px 0 14px;
    font-size: clamp(28px, 2.7vw, 42px);
    line-height: 1.45;
}
.spadana-faq__intro p,
.spadana-faq > .wp-block-columns > .wp-block-column:first-child p:not(.spadana-eyebrow) {
    color: var(--sp-muted);
    margin-bottom: 24px;
}
.spadana-faq__items {
    display: grid;
    gap: 12px;
}
.spadana-faq__item {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--sp-line);
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(17,18,20,.035);
}
.spadana-faq__item summary {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    cursor: pointer;
    color: #17181a;
    font-size: 16px;
    font-weight: 850;
    list-style: none;
}
.spadana-faq__item summary::-webkit-details-marker { display: none; }
.spadana-faq__item summary::after {
    content: "+";
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff5f5;
    color: var(--sp-red);
    font-size: 20px;
    line-height: 1;
    transition: transform .18s ease, background .18s ease, color .18s ease;
}
.spadana-faq__item[open] summary::after {
    content: "−";
    background: var(--sp-red);
    color: #fff;
}
.spadana-faq__item p {
    margin: -5px 22px 22px;
    padding-top: 14px;
    border-top: 1px solid #f0f0f0;
    color: var(--sp-muted);
    font-size: 14px;
    line-height: 1.95;
}

/* ---------- WooCommerce ---------- */
.woocommerce .woocommerce-breadcrumb { margin: 0 0 28px; color: var(--sp-muted); }
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 20px;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product {
    width: auto !important;
    margin: 0 !important;
    padding: 0 0 18px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--sp-line);
    border-radius: 13px;
}
.woocommerce ul.products li.product a img { margin: 0 0 15px; aspect-ratio: 1/1; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding-inline: 16px; font-size: 16px; }
.woocommerce div.product { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 46px; }
.woocommerce div.product div.images,
.woocommerce div.product div.summary { float: none; width: auto; }

/* ---------- CTA + Footer ---------- */
.spadana-cta-strip { background: var(--sp-red); color: #fff; }
.spadana-cta-strip__inner {
    min-height: 118px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}
.spadana-cta-strip__text strong { display: block; font-size: 24px; line-height: 1.5; }
.spadana-cta-strip__text span { display: block; margin-top: 2px; font-size: 13px; opacity: .86; }
.spadana-cta-strip__actions { display: flex; gap: 9px; align-items: center; direction: ltr; }
.spadana-cta-strip__actions .spadana-button { background: #fff; color: #111; border-color: #fff; }
.spadana-cta-strip__actions .spadana-button--dark { background: #111; color: #fff; border-color: #111; }
.spadana-footer { background: #111214; color: #fff; }
.spadana-footer__grid {
    display: grid;
    grid-template-columns: 1.45fr 1fr 1fr 1.2fr;
    gap: 46px;
    padding-block: 54px 42px;
}
.spadana-footer__title { margin: 0 0 16px; color: #fff; font-size: 15px; }
.spadana-footer p,
.spadana-footer li,
.spadana-footer a { color: rgba(255,255,255,.62); font-size: 13px; }
.spadana-footer p { line-height: 1.9; }
.spadana-footer ul { list-style: none; margin: 0; padding: 0; }
.spadana-footer li { margin: 8px 0; }
.spadana-footer a:hover { color: #fff; }
.spadana-footer__logo .custom-logo,
.spadana-footer__logo .spadana-bundled-logo img { max-width: 210px; max-height: 64px; object-fit: contain; }
.spadana-footer__logo .custom-logo { filter: brightness(0) invert(1); }
.spadana-footer__social { display: flex; gap: 8px; margin-top: 16px; direction: ltr; }
.spadana-footer__social a {
    width: 32px; height: 32px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
}
.spadana-footer__bottom {
    min-height: 58px;
    display: flex; align-items: center; justify-content: center;
    border-top: 1px solid rgba(255,255,255,.08);
    color: rgba(255,255,255,.44);
    font-size: 11px;
    text-align: center;
}

/* ---------- Archives ---------- */
.spadana-card { overflow: hidden; background: #fff; border: 1px solid var(--sp-line); border-radius: 13px; }
.spadana-archive-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.spadana-archive-grid .spadana-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
html[dir="ltr"] .spadana-menu .sub-menu { text-align: left; }
html[dir="rtl"] .spadana-menu .sub-menu { text-align: right; }

/* ---------- Responsive ---------- */
@media (max-width: 1240px) {
    .spadana-menu { gap: 16px; }
    .spadana-menu > li > a { font-size: 13px; }
    .spadana-header__inner { gap: 20px; }
    .spadana-brand .custom-logo,
    .spadana-bundled-logo img { max-width: 190px; height: 52px; }
    .spadana-category-card-dynamic { min-height: 290px; }
}

@media (max-width: 1080px) {
    .spadana-menu-toggle { display: flex; order: 3; }
    .spadana-header__cta { display: none; }
    .spadana-brand { flex: 1; }
    .spadana-header__inner { min-height: 74px; }
    .spadana-nav {
        position: absolute;
        top: calc(100% + 8px);
        inset-inline: var(--sp-gutter);
        display: none;
        padding: 10px 16px 16px;
        background: #fff;
        border: 1px solid var(--sp-line);
        border-radius: 12px;
        box-shadow: var(--sp-shadow);
    }
    .spadana-nav.is-open { display: block; }
    .spadana-menu { display: block; }
    .spadana-menu > li > a { padding: 10px 4px; font-size: 14px; }
    .spadana-menu > li.current-menu-item > a::after,
    .spadana-menu > li.current-menu-ancestor > a::after { display: none; }
    .spadana-menu .sub-menu { display: block; position: static; min-width: 0; padding: 0 14px 4px; border: 0; box-shadow: none; }

    .spadana-benefits-grid { flex-wrap: wrap !important; }
    .spadana-benefits-grid > .wp-block-column { flex-basis: 50% !important; }
    .spadana-benefits-grid > .wp-block-column:nth-child(2) { border-inline-end: 0; }
    .spadana-benefits-grid > .wp-block-column:nth-child(-n+2) { border-bottom: 1px solid var(--sp-line); }
    .spadana-category-grid-dynamic { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .spadana-dynamic-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .spadana-dynamic-grid--spadana_project { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .spadana-why-grid { flex-wrap: wrap !important; }
    .spadana-why-grid > .wp-block-column { flex-basis: calc(50% - 10px) !important; }
    .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .spadana-footer__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}


@media (max-width: 900px) {
    .spadana-faq { padding-block: 64px 72px; }
    .spadana-faq__grid,
    .wp-block-columns.spadana-faq__grid { display: flex; flex-direction: column; gap: 28px; }
    .spadana-faq__item summary { padding: 18px 18px; font-size: 15px; }
    .spadana-faq__item p { margin-inline: 18px; }
}

@media (max-width: 782px) {
    :root { --sp-gutter: 18px; }
    .admin-bar .spadana-header { top: 46px; }
    .spadana-topbar__inner { grid-template-columns: 1fr auto; min-height: 36px; }
    .spadana-topbar__claim { display: none; }
    .spadana-topbar__hours { justify-self: start; font-size: 11px; }
    .spadana-topbar__languages { justify-self: end; font-size: 11px; }
    .spadana-brand .custom-logo,
    .spadana-bundled-logo img { max-width: 165px; height: 46px; }

    .spadana-home-hero { min-height: 520px; background-position: 46% center; }
    .spadana-home-hero__inner { padding-block: 64px 104px; }
    .spadana-home-hero__title { max-width: 590px; font-size: clamp(38px, 10vw, 52px); }
    .spadana-home-hero__lead { max-width: 560px; font-size: 15px; }
    .spadana-hero-arrow { display: none; }
    .spadana-hero-dots { bottom: 64px; }

    .spadana-benefits-card { margin-top: -34px !important; padding: 0 14px; }
    .spadana-benefits-grid > .wp-block-column { flex-basis: 100% !important; min-height: 92px; padding: 14px 8px; border-inline-end: 0 !important; border-bottom: 1px solid var(--sp-line); }
    .spadana-benefits-grid > .wp-block-column:last-child { border-bottom: 0; }
    .spadana-benefits-grid h3 { font-size: 15px; }

    .spadana-section { padding-block: 58px; }
    .spadana-pathways { padding-top: 72px; }
    .spadana-path-grid { flex-direction: column !important; gap: 12px !important; }
    .spadana-path-card { min-height: 190px; }
    .spadana-category-grid-dynamic { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
    .spadana-category-card-dynamic { min-height: 250px; }
    .spadana-dynamic-grid,
    .spadana-dynamic-grid--spadana_project { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }

    .spadana-stats > .wp-block-columns { display: grid !important; grid-template-columns: repeat(2,1fr); }
    .spadana-stats .wp-block-column:nth-child(2)::after { display: none; }
    .spadana-stats .wp-block-column:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.08); }

    .spadana-split-cta__grid { flex-direction: column !important; }
    .spadana-cta-card { min-height: 230px; padding: 28px 25px; }
    .spadana-about { width: 100% !important; max-width: none !important; margin-inline: 0 !important; border-radius: 0; }
    .spadana-about-grid { flex-direction: column !important; }
    .spadana-about-grid > .wp-block-column:last-child { padding: 28px var(--sp-gutter) 34px; }
    .spadana-about-media { min-height: 300px; }
    .spadana-process-grid { flex-wrap: wrap !important; }
    .spadana-process-grid::before { display: none; }
    .spadana-process-grid > .wp-block-column { flex-basis: calc(50% - 12px) !important; padding-block: 10px; }

    .spadana-cta-strip__inner { padding-block: 24px; flex-direction: column; align-items: flex-start; }
    .spadana-cta-strip__actions { width: 100%; flex-wrap: wrap; }
    .spadana-footer__grid { grid-template-columns: 1fr 1fr; gap: 28px; }
    .woocommerce ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .woocommerce div.product { grid-template-columns: 1fr; }
    .spadana-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 540px) {
    .spadana-home-hero { min-height: 500px; }
    .spadana-home-hero__title { font-size: 36px; line-height: 1.28; }
    .spadana-home-hero__title span::after { width: 7px; height: 7px; }
    .spadana-home-hero__actions { width: 100%; flex-direction: column; align-items: stretch; }
    .spadana-home-hero__actions .wp-block-button,
    .spadana-home-hero__actions .wp-block-button__link { width: 100%; }
    .spadana-category-grid-dynamic { grid-template-columns: 1fr; }
    .spadana-category-card-dynamic { min-height: 250px; }
    .spadana-dynamic-grid { grid-template-columns: 1fr 1fr; }
    .spadana-dynamic-grid--spadana_project { grid-template-columns: 1fr; }
    .spadana-content-card__body { padding: 13px; }
    .spadana-content-card__body h3 { font-size: 14px; }
    .spadana-dynamic-grid--post .spadana-content-card__body p { display: none; }
    .spadana-why-grid > .wp-block-column { flex-basis: 100% !important; }
    .spadana-process-grid > .wp-block-column { flex-basis: 100% !important; }
    .spadana-footer__grid { grid-template-columns: 1fr; }
    .woocommerce ul.products { gap: 12px; }
    .spadana-archive-grid { grid-template-columns: 1fr; }
}


/* ==========================================================
   Spadana 1.3.2 — richer visual layer
   More depth and density without adding heavy dependencies.
   ========================================================== */
:root {
    --sp-wide: 1360px;
    --sp-radius: 18px;
    --sp-shadow-soft: 0 12px 34px rgba(17,18,20,.07);
    --sp-shadow-hover: 0 22px 56px rgba(17,18,20,.12);
}

/* Subtle branded section rhythm */
.spadana-category-section,
.spadana-dynamic-section,
.spadana-process,
.spadana-pathways { position: relative; }
.spadana-category-section::before,
.spadana-dynamic-section::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(227,6,19,.07);
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}
.spadana-category-section::before { inset-inline-end: -36px; top: 86px; }
.spadana-dynamic-section::before { inset-inline-start: -58px; bottom: 64px; }

/* Hero: denser, more premium */
.spadana-home-hero {
    min-height: 650px;
    background-image:
        linear-gradient(90deg, rgba(9,10,11,.48) 0%, rgba(9,10,11,.72) 48%, rgba(9,10,11,.95) 100%),
        var(--sp-hero-image);
}
html[dir="ltr"] .spadana-home-hero {
    background-image:
        linear-gradient(270deg, rgba(9,10,11,.48) 0%, rgba(9,10,11,.72) 48%, rgba(9,10,11,.95) 100%),
        var(--sp-hero-image);
}
.spadana-home-hero::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    inset-inline-end: -130px;
    top: 70px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
    box-shadow: 0 0 0 60px rgba(255,255,255,.025), 0 0 0 120px rgba(255,255,255,.015);
    pointer-events: none;
}
.spadana-home-hero__inner { padding-block: 96px 138px; }
.spadana-home-hero__title { max-width: 850px; }
.spadana-home-hero__lead { max-width: 760px; }
.spadana-hero-points {
    gap: 8px 20px !important;
    margin-top: 28px !important;
}
.spadana-hero-points p {
    margin: 0;
    color: rgba(255,255,255,.75);
    font-size: 13px;
    font-weight: 700;
}
.spadana-hero-points p::first-letter { color: var(--sp-red); }

/* Benefit strip */
.spadana-benefits-card {
    margin-top: -58px !important;
    border-radius: 18px;
    box-shadow: 0 26px 70px rgba(17,18,20,.13);
}
.spadana-benefits-grid > .wp-block-column { min-height: 126px; }
.spadana-mini-icon {
    width: 46px;
    height: 46px;
    box-shadow: inset 0 0 0 1px rgba(227,6,19,.07);
}

/* Solution cards */
.spadana-pathways { padding-top: 106px; padding-bottom: 72px; }
.spadana-path-grid { gap: 22px !important; }
.spadana-path-card {
    min-height: 280px;
    padding: 32px;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(17,18,20,.035);
}
.spadana-path-card:hover { box-shadow: var(--sp-shadow-hover); }
.spadana-path-card--featured {
    background: var(--sp-black);
    color: #fff;
    border-color: var(--sp-black);
    transform: translateY(-10px);
}
.spadana-path-card--featured:hover { transform: translateY(-14px); }
.spadana-path-card--featured h3 { color: #fff; }
.spadana-path-card--featured > p:not(.spadana-path-no):not(.spadana-path-link) { color: rgba(255,255,255,.66); }
.spadana-path-card--featured .spadana-path-no { color: rgba(255,255,255,.28); }
.spadana-path-card--featured::after { border-color: rgba(255,255,255,.05); }
.spadana-path-card--featured .spadana-path-link a { color: #fff; }

/* Category showcase */
.spadana-category-section { padding-top: 78px; padding-bottom: 86px; }
.spadana-category-grid-dynamic { gap: 22px; }
.spadana-category-card-dynamic {
    min-height: 390px;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(17,18,20,.08);
    transition: transform .22s ease, box-shadow .22s ease;
}
.spadana-category-card-dynamic:hover { transform: translateY(-7px); box-shadow: var(--sp-shadow-hover); }
.spadana-category-card-dynamic__content { inset-inline: 26px; bottom: 26px; }
.spadana-category-card-dynamic__content strong { font-size: 22px; }

/* Dynamic cards */
.spadana-dynamic-section { padding-top: 86px; padding-bottom: 94px; }
.spadana-dynamic-grid { gap: 22px; }
.spadana-content-card {
    border-radius: 17px;
    box-shadow: 0 8px 24px rgba(17,18,20,.035);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.spadana-content-card:hover {
    transform: translateY(-7px);
    box-shadow: var(--sp-shadow-hover);
    border-color: rgba(227,6,19,.18);
}
.spadana-content-card__body { padding: 20px 21px 22px; }
.spadana-content-card__body h3 { font-size: 18px; }
.spadana-card-placeholder {
    position: relative;
    background:
      linear-gradient(135deg, rgba(227,6,19,.03), rgba(255,255,255,.72)),
      repeating-linear-gradient(45deg,#f0f0ef 0 18px,#f7f7f6 18px 36px);
}

/* Double CTA */
.spadana-split-cta { padding-block: 24px 88px; }
.spadana-split-cta__grid { gap: 22px !important; }
.spadana-cta-card {
    position: relative;
    min-height: 330px;
    padding: 42px 44px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.spadana-cta-card::after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    inset-inline-end: -78px;
    bottom: -92px;
    border: 34px solid rgba(127,127,127,.07);
    border-radius: 50%;
    pointer-events: none;
}
.spadana-cta-card--dark {
    background: linear-gradient(135deg,#0f1012,#202124);
    box-shadow: 0 18px 46px rgba(17,18,20,.16);
}
.spadana-cta-card--dark::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 42px;
    width: 4px;
    height: 74px;
    background: var(--sp-red);
}
.spadana-cta-card--light {
    background: linear-gradient(135deg,#f3f3f1,#fff);
    box-shadow: inset 0 0 0 1px #ebebe8, 0 12px 34px rgba(17,18,20,.04);
}
.spadana-cta-card .wp-block-buttons { margin-top: 18px; }

/* Why section */
.spadana-why {
    padding-block: 96px;
    background:
        radial-gradient(circle at 15% 20%, rgba(227,6,19,.045), transparent 260px),
        #f6f6f4;
}
.spadana-why-grid { gap: 22px !important; margin-top: 42px !important; }
.spadana-why-grid > .wp-block-column {
    position: relative;
    min-height: 230px;
    padding: 32px 26px;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(17,18,20,.035);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}
.spadana-why-grid > .wp-block-column::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline: 30%;
    height: 3px;
    background: var(--sp-red);
    border-radius: 0 0 5px 5px;
}
.spadana-why-grid > .wp-block-column:hover { transform: translateY(-6px); box-shadow: var(--sp-shadow-soft); }
.spadana-why-icon { width: 56px; height: 56px; margin-bottom: 20px; }
.spadana-why-grid h3 { font-size: 18px; }
.spadana-why-grid p:not(.spadana-why-icon) { font-size: 13px; }

/* About block */
.spadana-about {
    border-radius: 22px;
    margin-top: 40px !important;
    margin-bottom: 86px !important;
    box-shadow: 0 24px 64px rgba(17,18,20,.16);
}
.spadana-about-grid { min-height: 500px; }
.spadana-about-media { min-height: 500px; }
.spadana-about-grid > .wp-block-column:last-child { position: relative; }
.spadana-about-grid > .wp-block-column:last-child::after {
    content: "";
    position: absolute;
    inset-inline-end: -70px;
    bottom: -100px;
    width: 240px;
    height: 240px;
    border: 34px solid rgba(255,255,255,.035);
    border-radius: 50%;
    pointer-events: none;
}
.spadana-about-badges {
    margin: 26px 0 !important;
    gap: 8px !important;
}
.spadana-about-badges > .wp-block-column {
    padding: 13px 14px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background: rgba(255,255,255,.035);
}
.spadana-about-badges strong,
.spadana-about-badges span { display: block; }
.spadana-about-badges strong { color: #fff; font-size: 18px; line-height: 1.4; }
.spadana-about-badges span { margin-top: 3px; color: rgba(255,255,255,.55); font-size: 11px; }

/* Stats becomes a stronger divider */
.spadana-stats {
    position: relative;
    padding-block: 42px;
    overflow: hidden;
    background: linear-gradient(110deg,#0f1012,#191a1d 55%,#0f1012);
}
.spadana-stats::before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    top: -180px;
    inset-inline-start: 12%;
    border: 32px solid rgba(227,6,19,.07);
    border-radius: 50%;
}
.spadana-stats h3 { font-size: 38px; }
.spadana-stats p { font-size: 13px; }

/* Process as actual cards */
.spadana-process { padding-top: 92px; padding-bottom: 104px; }
.spadana-process-grid { gap: 18px !important; margin-top: 46px !important; }
.spadana-process-grid::before { top: 38px; inset-inline: 8%; }
.spadana-process-grid > .wp-block-column {
    min-height: 210px;
    padding: 30px 20px 24px;
    background: #fff;
    border: 1px solid var(--sp-line);
    border-radius: 16px;
    box-shadow: 0 8px 26px rgba(17,18,20,.035);
}
.spadana-step-no {
    width: 64px;
    height: 64px;
    margin-bottom: 22px;
    background: #fff5f5;
    border-color: rgba(227,6,19,.14);
    box-shadow: 0 0 0 8px #fff;
}
.spadana-process-grid h3 { font-size: 17px; }
.spadana-process-grid p:not(.spadana-step-no) { font-size: 13px; line-height: 1.8; }

/* Knowledge section */
.spadana-knowledge-band {
    position: relative;
    padding-block: 20px 12px;
    background:
      radial-gradient(circle at 90% 10%, rgba(227,6,19,.035), transparent 260px),
      #f7f7f5;
}
.spadana-knowledge-band .spadana-dynamic-section { margin-inline: auto; }
.spadana-dynamic-grid--post .spadana-content-card { background: #fff; }

/* CTA + Footer richer */
.spadana-cta-strip { position: relative; overflow: hidden; }
.spadana-cta-strip::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    inset-inline-end: 8%;
    top: -150px;
    border: 30px solid rgba(255,255,255,.12);
    border-radius: 50%;
}
.spadana-cta-strip__inner { min-height: 118px; position: relative; z-index: 1; }
.spadana-footer__grid { padding-block: 68px 56px; }
.spadana-footer { background: linear-gradient(180deg,#111214,#0c0d0f); }
.spadana-footer__grid > div:first-child { max-width: 330px; }
.spadana-footer__title { position: relative; padding-bottom: 11px; }
.spadana-footer__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 28px;
    height: 2px;
    background: var(--sp-red);
}

@media (max-width: 1024px) {
    .spadana-path-card--featured { transform: none; }
    .spadana-path-card--featured:hover { transform: translateY(-4px); }
    .spadana-category-card-dynamic { min-height: 330px; }
    .spadana-about-grid { min-height: 440px; }
    .spadana-about-media { min-height: 440px; }
}

@media (max-width: 767px) {
    .spadana-home-hero { min-height: 560px; }
    .spadana-home-hero::before { width: 260px; height: 260px; inset-inline-end: -120px; }
    .spadana-home-hero__inner { padding-block: 70px 112px; }
    .spadana-hero-points { margin-top: 20px !important; gap: 5px 12px !important; }
    .spadana-hero-points p { font-size: 11px; }
    .spadana-benefits-card { margin-top: -38px !important; }
    .spadana-pathways { padding-top: 76px; }
    .spadana-path-card { min-height: 230px; padding: 26px 24px; }
    .spadana-category-card-dynamic { min-height: 300px; }
    .spadana-split-cta { padding-bottom: 62px; }
    .spadana-cta-card { min-height: 280px; padding: 30px 26px; }
    .spadana-why { padding-block: 70px; }
    .spadana-about { border-radius: 0; }
    .spadana-about-grid { min-height: 0; }
    .spadana-about-media { min-height: 320px; }
    .spadana-about-badges { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); }
    .spadana-about-badges > .wp-block-column { padding: 10px 8px; }
    .spadana-process { padding-block: 72px 80px; }
    .spadana-process-grid > .wp-block-column { min-height: 0; }
}

/* ==========================================================
   Spadana 1.3.3 — directional slider, patterned sections, full footer
   ========================================================== */

/* Hero controls: logical RTL/LTR placement, aligned to the content shell. */
.spadana-hero-controls {
    width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2)));
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}
.spadana-hero-arrow {
    top: 48%;
    width: 46px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 5px;
    border-color: rgba(255,255,255,.22);
    background: rgba(12,13,15,.46);
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    line-height: 1;
}
.spadana-hero-arrow--prev { left: auto; right: auto; inset-inline-start: 6px; }
.spadana-hero-arrow--next { left: auto; right: auto; inset-inline-end: 6px; }
.spadana-hero-arrow:hover { background: var(--sp-red); border-color: var(--sp-red); transform: translateY(-50%) scale(1.04); }
.spadana-hero-dots { bottom: 86px; }

/* Full-bleed backgrounds behind Gutenberg's wide sections. */
.spadana-pathways,
.spadana-category-section,
.spadana-dynamic-section,
.spadana-process,
.spadana-split-cta { isolation: isolate; }
.spadana-pathways::after,
.spadana-category-section::after,
.spadana-dynamic-section::after,
.spadana-process::after,
.spadana-split-cta::after {
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    pointer-events: none;
}

/* Engineering-grid treatment — deliberately subtle so content stays primary. */
.spadana-pathways::after {
    background-color: #f8f8f6;
    background-image:
        linear-gradient(rgba(20,21,23,.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20,21,23,.028) 1px, transparent 1px),
        radial-gradient(circle at 83% 18%, rgba(227,6,19,.07), transparent 22%);
    background-size: 34px 34px, 34px 34px, auto;
}
.spadana-pathways::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 260px;
    height: 260px;
    inset-inline-start: -150px;
    top: 52px;
    border: 1px solid rgba(227,6,19,.10);
    border-radius: 50%;
    box-shadow: 0 0 0 44px rgba(227,6,19,.025), 0 0 0 88px rgba(17,18,20,.018);
}

.spadana-category-section::after {
    background-color: #fff;
    background-image:
        radial-gradient(circle at 8% 12%, rgba(17,18,20,.055) 0 1px, transparent 1.5px),
        radial-gradient(circle at 92% 84%, rgba(227,6,19,.055), transparent 26%);
    background-size: 24px 24px, auto;
}

/* Products use a soft technical paper texture. */
body.home .spadana-dynamic-section:has(.spadana-dynamic-grid--product)::after,
body.front-page .spadana-dynamic-section:has(.spadana-dynamic-grid--product)::after {
    background-color: #f5f5f2;
    background-image:
        repeating-linear-gradient(135deg, rgba(17,18,20,.018) 0 1px, transparent 1px 18px),
        radial-gradient(circle at 12% 82%, rgba(227,6,19,.06), transparent 22%);
}

/* Projects stay light but get an architectural line motif. */
body.home .spadana-dynamic-section:has(.spadana-dynamic-grid--spadana_project)::after,
body.front-page .spadana-dynamic-section:has(.spadana-dynamic-grid--spadana_project)::after {
    background-color: #fff;
    background-image:
        linear-gradient(115deg, transparent 0 72%, rgba(17,18,20,.025) 72% 72.4%, transparent 72.4%),
        radial-gradient(circle at 88% 25%, rgba(227,6,19,.055), transparent 24%);
}

.spadana-split-cta::after {
    background:
        radial-gradient(circle at 12% 25%, rgba(227,6,19,.055), transparent 22%),
        linear-gradient(180deg, #fff 0%, #fafafa 100%);
}
.spadana-cta-card--dark {
    position: relative;
    overflow: hidden;
    background-image:
        radial-gradient(circle at 12% 18%, rgba(227,6,19,.18), transparent 28%),
        linear-gradient(145deg, #191a1d, #111214);
}
.spadana-cta-card--dark::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    inset-inline-end: -70px;
    bottom: -90px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
    box-shadow: 0 0 0 36px rgba(255,255,255,.025), 0 0 0 72px rgba(255,255,255,.014);
}
.spadana-cta-card--light {
    position: relative;
    overflow: hidden;
    background-color: #f3f3f0;
    background-image:
        linear-gradient(rgba(17,18,20,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17,18,20,.026) 1px, transparent 1px);
    background-size: 28px 28px;
}

.spadana-why {
    position: relative;
    overflow: hidden;
    background-color: #f2f2ef;
    background-image:
        radial-gradient(circle at 14% 26%, rgba(227,6,19,.065) 0 2px, transparent 2.5px),
        radial-gradient(circle at 88% 76%, rgba(17,18,20,.045), transparent 24%);
    background-size: 34px 34px, auto;
}
.spadana-why::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    inset-inline-end: -190px;
    top: -120px;
    border: 1px solid rgba(17,18,20,.055);
    border-radius: 50%;
    box-shadow: 0 0 0 52px rgba(17,18,20,.018), 0 0 0 104px rgba(227,6,19,.018);
    pointer-events: none;
}
.spadana-why-grid > .wp-block-column {
    position: relative;
    box-shadow: 0 12px 34px rgba(17,18,20,.045);
}

.spadana-process::after {
    background-color: #f8f8f6;
    background-image:
        linear-gradient(30deg, rgba(17,18,20,.025) 12%, transparent 12.5%, transparent 87%, rgba(17,18,20,.025) 87.5%),
        linear-gradient(150deg, rgba(17,18,20,.025) 12%, transparent 12.5%, transparent 87%, rgba(17,18,20,.025) 87.5%);
    background-size: 46px 80px;
}
.spadana-process-grid > .wp-block-column {
    min-height: 180px;
    padding: 28px 18px 22px;
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(17,18,20,.07);
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(17,18,20,.035);
    backdrop-filter: blur(4px);
}
.spadana-process-grid::before { top: 56px; inset-inline: 7%; background: rgba(227,6,19,.18); }
.spadana-step-no { border-color: rgba(227,6,19,.22); box-shadow: 0 7px 20px rgba(227,6,19,.08); }

.spadana-knowledge-band {
    position: relative;
    overflow: hidden;
    background-color: #f1f1ee;
    background-image:
        linear-gradient(rgba(17,18,20,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17,18,20,.022) 1px, transparent 1px),
        radial-gradient(circle at 90% 15%, rgba(227,6,19,.065), transparent 25%);
    background-size: 38px 38px, 38px 38px, auto;
}
.spadana-knowledge-band::before {
    content: "";
    position: absolute;
    inset-inline-start: -80px;
    bottom: -150px;
    width: 320px;
    height: 320px;
    border: 1px solid rgba(17,18,20,.06);
    border-radius: 50%;
    box-shadow: 0 0 0 46px rgba(17,18,20,.018), 0 0 0 92px rgba(227,6,19,.016);
}

/* CTA and footer — denser and complete even if no footer menus are assigned. */
.spadana-cta-strip {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 35%, rgba(255,255,255,.15), transparent 24%),
        linear-gradient(120deg, #e30613, #c5000c);
}
.spadana-cta-strip::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    inset-inline-end: -130px;
    top: -180px;
    border: 1px solid rgba(255,255,255,.19);
    border-radius: 50%;
    box-shadow: 0 0 0 48px rgba(255,255,255,.055), 0 0 0 96px rgba(255,255,255,.03);
}
.spadana-cta-strip__inner { min-height: 148px; position: relative; z-index: 1; }
.spadana-cta-strip__eyebrow { margin-bottom: 4px !important; color: rgba(255,255,255,.72); font-size: 11px !important; font-weight: 800; }
.spadana-cta-strip__text strong { font-size: clamp(25px,2.2vw,34px); }
.spadana-cta-strip__text > span:last-child { font-size: 14px; }
.spadana-cta-strip__actions .spadana-button { min-height: 50px; gap: 8px; border-radius: 9px; }

.spadana-footer {
    position: relative;
    overflow: hidden;
    background-color: #0d0e10;
    background-image:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
        radial-gradient(circle at 88% 16%, rgba(227,6,19,.09), transparent 23%);
    background-size: 40px 40px, 40px 40px, auto;
}
.spadana-footer::before {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    inset-inline-start: -230px;
    bottom: -250px;
    border: 1px solid rgba(255,255,255,.045);
    border-radius: 50%;
    box-shadow: 0 0 0 62px rgba(255,255,255,.014), 0 0 0 124px rgba(227,6,19,.012);
    pointer-events: none;
}
.spadana-footer__accent { height: 4px; background: linear-gradient(90deg, transparent, var(--sp-red) 28% 72%, transparent); opacity: .9; }
.spadana-footer__grid {
    position: relative;
    z-index: 1;
    grid-template-columns: 1.45fr .85fr 1.05fr 1.35fr;
    gap: clamp(34px,4vw,70px);
    padding-block: 78px 62px;
}
.spadana-footer__brand-col { max-width: 370px; }
.spadana-footer__logo { margin-bottom: 20px; }
.spadana-footer__logo .custom-logo,
.spadana-footer__logo .spadana-bundled-logo img { max-width: 230px; max-height: 72px; }
.spadana-footer__about { max-width: 340px; margin: 0 0 20px; color: rgba(255,255,255,.64) !important; line-height: 2 !important; }
.spadana-footer__trust { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.spadana-footer__trust span {
    padding: 5px 10px;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(255,255,255,.035);
    border-radius: 999px;
    color: rgba(255,255,255,.64);
    font-size: 10px;
    font-weight: 700;
}
.spadana-footer__social { margin-top: 22px; }
.spadana-footer__social a {
    width: 38px;
    height: 38px;
    background: rgba(255,255,255,.035);
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.spadana-footer__social a:hover { color: #fff; background: var(--sp-red); border-color: var(--sp-red); transform: translateY(-2px); }
.spadana-footer__title { margin-bottom: 21px; font-size: 16px; }
.spadana-footer__title::after { width: 34px; height: 2px; bottom: 0; }
.spadana-footer__title--quick { margin-top: 30px; margin-bottom: 16px; font-size: 13px; color: rgba(255,255,255,.78); }
.spadana-footer__title--quick::after { width: 22px; opacity: .65; }
.spadana-footer__menu { list-style: none; margin: 0; padding: 0; }
.spadana-footer__menu li { margin: 0; border-bottom: 1px solid rgba(255,255,255,.045); }
.spadana-footer__menu li:last-child { border-bottom: 0; }
.spadana-footer__menu a {
    position: relative;
    display: block;
    padding: 8px 15px 8px 0;
    color: rgba(255,255,255,.62);
    transition: color .18s ease, transform .18s ease;
}
html[dir="rtl"] .spadana-footer__menu a { padding: 8px 15px 8px 0; }
html[dir="ltr"] .spadana-footer__menu a { padding: 8px 0 8px 15px; }
.spadana-footer__menu a::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    transform: translateY(-50%) rotate(45deg);
    background: rgba(227,6,19,.75);
}
.spadana-footer__menu a:hover { color: #fff; transform: translateX(-3px); }
html[dir="ltr"] .spadana-footer__menu a:hover { transform: translateX(3px); }
.spadana-footer__quick { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }

.spadana-footer__contact-list { display: grid; gap: 10px; }
.spadana-footer__contact-item {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 11px;
    align-items: center;
    padding: 11px 12px;
    background: rgba(255,255,255,.032);
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 11px;
    color: #fff !important;
    transition: border-color .18s ease, background .18s ease;
}
.spadana-footer__contact-item:hover { color: #fff; border-color: rgba(227,6,19,.4); background: rgba(255,255,255,.052); }
.spadana-footer__contact-icon {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(227,6,19,.12);
    color: #ff5a64;
    font-size: 14px;
    font-weight: 800;
}
.spadana-footer__contact-item small { display: block; margin-bottom: 1px; color: rgba(255,255,255,.42); font-size: 10px; }
.spadana-footer__contact-item strong { display: block; color: rgba(255,255,255,.78); font-size: 12px; line-height: 1.7; font-weight: 700; word-break: break-word; }
.spadana-footer__bottom {
    position: relative;
    z-index: 1;
    min-height: 72px;
    justify-content: space-between;
    gap: 24px;
    color: rgba(255,255,255,.42);
}
.spadana-footer__bottom-links { display: flex; gap: 18px; }
.spadana-footer__bottom-links a { color: rgba(255,255,255,.45); font-size: 11px; }
.spadana-footer__bottom-links a:hover { color: #fff; }

@media (max-width: 1080px) {
    .spadana-footer__grid { grid-template-columns: 1.3fr 1fr 1fr; }
    .spadana-footer__contact-col { grid-column: 1 / -1; }
    .spadana-footer__contact-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 782px) {
    .spadana-hero-dots { bottom: 68px; }
    .spadana-process-grid::before { display: none; }
    .spadana-process-grid > .wp-block-column { min-height: 0; }
    .spadana-footer__grid { grid-template-columns: 1fr 1fr; padding-block: 58px 44px; }
    .spadana-footer__brand-col { max-width: none; grid-column: 1 / -1; }
    .spadana-footer__contact-col { grid-column: 1 / -1; }
    .spadana-footer__contact-list { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
    .spadana-cta-strip__inner { min-height: 0; padding-block: 38px; }
    .spadana-footer__grid { grid-template-columns: 1fr; gap: 34px; }
    .spadana-footer__brand-col,
    .spadana-footer__contact-col { grid-column: auto; }
    .spadana-footer__contact-list { grid-template-columns: 1fr; }
    .spadana-footer__quick { grid-template-columns: 1fr 1fr; }
    .spadana-footer__bottom { padding-block: 18px; flex-direction: column; justify-content: center; }
}


/* ==========================================================
   Spadana 1.3.4 — photographic section accents + refined hero navigation
   ========================================================== */

/* Hero slider navigation: one compact control group, clear physical direction. */
.spadana-hero-controls {
    position: absolute;
    inset: auto auto 78px 50%;
    width: auto;
    height: 48px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 6px 8px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(10,11,13,.52);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 30px rgba(0,0,0,.20);
    pointer-events: auto;
}
.spadana-hero-arrow {
    position: static;
    inset: auto;
    top: auto;
    width: 34px;
    height: 34px;
    padding: 0 0 2px;
    transform: none;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    box-shadow: none;
    font-size: 26px;
    line-height: 1;
}
.spadana-hero-arrow:hover {
    transform: none;
    background: var(--sp-red);
    border-color: transparent;
}
.spadana-hero-dots {
    position: static;
    inset: auto;
    left: auto;
    bottom: auto;
    transform: none;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 3px;
}
.spadana-hero-dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: rgba(255,255,255,.38);
    transition: width .2s ease, background .2s ease;
}
.spadana-hero-dot.is-active {
    width: 24px;
    background: var(--sp-red);
}

/* Replace generic grids/circles with restrained photography from Spadana itself. */
.spadana-pathways,
.spadana-category-section,
.spadana-dynamic-section,
.spadana-process,
.spadana-split-cta,
.spadana-knowledge-band,
.spadana-why {
    position: relative;
}

/* Intro pathway: subtle finished-product texture, kept away from copy. */
.spadana-pathways::after {
    background:
        linear-gradient(90deg, rgba(250,250,248,.99) 0%, rgba(250,250,248,.97) 54%, rgba(250,250,248,.80) 78%, rgba(250,250,248,.66) 100%),
        url('assets/images/project-4.webp') center / cover no-repeat;
}
html[dir="ltr"] .spadana-pathways::after {
    background:
        linear-gradient(270deg, rgba(250,250,248,.99) 0%, rgba(250,250,248,.97) 54%, rgba(250,250,248,.80) 78%, rgba(250,250,248,.66) 100%),
        url('assets/images/project-4.webp') center / cover no-repeat;
}

/* Categories: a calm stone application image beneath a clean light wash. */
.spadana-category-section::after {
    background:
        linear-gradient(rgba(255,255,255,.94), rgba(255,255,255,.94)),
        url('assets/images/project-3.webp') center 42% / cover no-repeat;
}

/* Product grid: retain a clean showroom feel with a single photographic edge. */
.spadana-dynamic-section:has(.spadana-dynamic-grid--product)::after {
    background:
        linear-gradient(90deg, rgba(247,247,244,.98) 0%, rgba(247,247,244,.98) 68%, rgba(247,247,244,.88) 84%, rgba(247,247,244,.74) 100%),
        url('assets/images/cat-wall.webp') right center / 360px auto no-repeat,
        #f7f7f4;
}
html[dir="ltr"] .spadana-dynamic-section:has(.spadana-dynamic-grid--product)::after {
    background:
        linear-gradient(270deg, rgba(247,247,244,.98) 0%, rgba(247,247,244,.98) 68%, rgba(247,247,244,.88) 84%, rgba(247,247,244,.74) 100%),
        url('assets/images/cat-wall.webp') left center / 360px auto no-repeat,
        #f7f7f4;
}

/* Project listing: use a real installed-project photo at very low contrast. */
.spadana-dynamic-section:has(.spadana-dynamic-grid--spadana_project)::after {
    background:
        linear-gradient(rgba(255,255,255,.945), rgba(255,255,255,.945)),
        url('assets/images/project-1.webp') center / cover no-repeat;
}

/* Custom-order CTA: make the section feel connected to the workshop. */
.spadana-split-cta::after {
    background:
        linear-gradient(90deg, rgba(248,248,246,.965), rgba(248,248,246,.90)),
        url('assets/images/hero-2.webp') center / cover no-repeat;
}

/* Why Spadana: a genuine showroom backdrop with a controlled dark veil. */
.spadana-why {
    background:
        linear-gradient(rgba(14,15,17,.90), rgba(14,15,17,.92)),
        url('assets/images/hero-3.webp') center / cover no-repeat;
    color: #fff;
}
.spadana-why::after { display: none; }
.spadana-why .spadana-eyebrow { color: #ff737b; }
.spadana-why .spadana-section-title { color: #fff; }
.spadana-why .spadana-section-subtitle { color: rgba(255,255,255,.62); }
.spadana-why-grid > .wp-block-column {
    background: rgba(255,255,255,.96);
    border-color: rgba(255,255,255,.16);
    box-shadow: 0 16px 46px rgba(0,0,0,.18);
}

/* Process: production photography, faded into the background rather than a CSS grid. */
.spadana-process::after {
    background:
        linear-gradient(rgba(248,248,246,.925), rgba(248,248,246,.955)),
        url('assets/images/about.webp') center / cover no-repeat;
}
.spadana-process-grid > .wp-block-column {
    background: rgba(255,255,255,.93);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

/* Articles: subtle architectural application imagery, with cards kept crisp. */
.spadana-knowledge-band {
    background:
        linear-gradient(rgba(245,245,242,.93), rgba(245,245,242,.96)),
        url('assets/images/project-3.webp') center / cover no-repeat;
}
.spadana-knowledge-band::before { display: none; }

/* Stats remains deliberately dark; add only a very soft real texture. */
.spadana-stats {
    background:
        linear-gradient(rgba(15,16,18,.94), rgba(15,16,18,.94)),
        url('assets/images/hero.webp') center 58% / cover no-repeat;
}


@media (max-width: 782px) {
    .spadana-hero-controls {
        bottom: 72px;
        height: 44px;
        gap: 7px;
        padding: 5px 7px;
    }
    .spadana-hero-arrow { width: 32px; height: 32px; font-size: 24px; }
    .spadana-hero-dots { height: 32px; gap: 5px; }
    .spadana-hero-dot { width: 6px; height: 6px; }
    .spadana-hero-dot.is-active { width: 20px; }

    .spadana-pathways::after,
    .spadana-category-section::after,
    .spadana-dynamic-section::after,
    .spadana-process::after,
    .spadana-split-cta::after {
        background-position: center;
    }
    .spadana-dynamic-section:has(.spadana-dynamic-grid--product)::after {
        background:
            linear-gradient(rgba(247,247,244,.965), rgba(247,247,244,.965)),
            url('assets/images/cat-wall.webp') center / cover no-repeat;
    }
}

/* ==========================================================
   Spadana 1.5.3 — mobile font fallback and product placeholder
   ========================================================== */

.woocommerce img[src*="product-placeholder.webp"],
.spadana-product-placeholder {
    background: #fafaf8;
}

/* ==========================================================
   Spadana 1.6.0 — branded product fallback and blog archive
   ========================================================== */

.spadana-blog {
    padding: 0 0 88px;
    background: linear-gradient(180deg, #f6f6f3 0, #fff 420px);
}
.spadana-blog-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(52px, 7vw, 90px) 0 clamp(42px, 6vw, 72px);
    background: var(--sp-black);
    color: #fff;
}
.spadana-blog-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 15% 15%, rgba(227,6,19,.27), transparent 32%), linear-gradient(120deg, transparent 55%, rgba(255,255,255,.035));
    pointer-events: none;
}
.spadana-blog-hero__inner { position: relative; z-index: 1; max-width: 820px; }
.spadana-blog-hero__eyebrow { margin: 0 0 9px; color: #ff5d68; font-size: 13px; font-weight: 900; letter-spacing: .02em; }
.spadana-blog-hero h1 { margin: 0; color: #fff; font-size: clamp(34px, 5vw, 62px); line-height: 1.25; }
.spadana-blog-hero p:last-child { margin: 15px 0 0; max-width: 690px; color: rgba(255,255,255,.7); font-size: clamp(14px, 1.8vw, 18px); }
.spadana-blog-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 32px; align-items: start; padding-top: 42px; }
.spadana-blog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.spadana-post-card { overflow: hidden; min-width: 0; background: #fff; border: 1px solid var(--sp-line); border-radius: 18px; box-shadow: 0 12px 36px rgba(17,18,20,.055); transition: transform .2s ease, box-shadow .2s ease; }
.spadana-post-card:hover { transform: translateY(-4px); box-shadow: var(--sp-shadow); }
.spadana-post-card__media { display: block; position: relative; overflow: hidden; aspect-ratio: 16/10; background: #e9e9e6; }
.spadana-post-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.spadana-post-card:hover .spadana-post-card__media img { transform: scale(1.035); }
.spadana-post-card__fallback { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; padding: 28px; background: linear-gradient(145deg,#ecece8,#fafaf8); color: #b8b8b3; font-size: 46px; font-weight: 900; }
.spadana-post-card__body { padding: 20px 21px 23px; }
.spadana-post-card__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-bottom: 9px; color: #929398; font-size: 12px; }
.spadana-post-card__meta a { color: var(--sp-red); font-weight: 800; }
.spadana-post-card h2 { margin: 0 0 9px; font-size: clamp(18px,2vw,22px); line-height: 1.65; }
.spadana-post-card__excerpt { margin: 0 0 16px; color: var(--sp-muted); font-size: 13px; line-height: 1.9; }
.spadana-blog-sidebar { position: sticky; top: 105px; display: grid; gap: 18px; }
.spadana-blog-widget { padding: 23px; background: #fff; border: 1px solid var(--sp-line); border-radius: 17px; }
.spadana-blog-widget h2 { margin: 0 0 15px; padding-bottom: 10px; border-bottom: 2px solid var(--sp-red); font-size: 17px; }
.spadana-blog-widget ul { list-style: none; margin: 0; padding: 0; }
.spadana-blog-widget li { padding: 9px 0; border-bottom: 1px solid #f0f0ee; font-size: 13px; }
.spadana-blog-widget li:last-child { border: 0; padding-bottom: 0; }
.spadana-blog-search { display: flex; gap: 8px; }
.spadana-blog-search input { min-width: 0; width: 100%; padding: 10px 12px; border: 1px solid var(--sp-line); border-radius: 9px; }
.spadana-blog-search button { flex: 0 0 auto; padding: 9px 15px; border: 0; border-radius: 9px; background: var(--sp-red); color: #fff; cursor: pointer; }
.spadana-blog .navigation.pagination { grid-column: 1/-1; margin-top: 30px; }
.spadana-blog .nav-links { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; }
.spadana-blog .page-numbers { display: grid; min-width: 42px; height: 42px; place-items: center; padding: 0 10px; border: 1px solid var(--sp-line); border-radius: 9px; background: #fff; }
.spadana-blog .page-numbers.current, .spadana-blog .page-numbers:hover { border-color: var(--sp-red); background: var(--sp-red); color: #fff; }

@media (max-width: 980px) {
    .spadana-blog-layout { grid-template-columns: 1fr; }
    .spadana-blog-sidebar { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
    .spadana-blog { padding-bottom: 58px; }
    .spadana-blog-layout { padding-top: 26px; }
    .spadana-blog-grid, .spadana-blog-sidebar { grid-template-columns: 1fr; }
    .spadana-post-card__body { padding: 17px 17px 20px; }
}

@media (max-width: 767px) {
    :root {
        --sp-font: "Yekan Bakh Web", Tahoma, Arial, sans-serif;
    }
    body,
    button,
    input,
    textarea,
    select {
        font-family: var(--sp-font) !important;
    }
}


/* ==========================================================
   Spadana 1.3.8 — final hero navigation + management story
   Hero imagery/content intentionally unchanged.
   ========================================================== */

/* Desktop: arrows live at the two physical sides of the inner hero container;
   dots remain centered at the bottom. Logical sides make the placement RTL/LTR safe. */
.spadana-hero-controls {
    position: absolute;
    inset: 0 auto 0 50%;
    width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2)));
    height: 100%;
    transform: translateX(-50%);
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    pointer-events: none;
}
.spadana-hero-arrow {
    display: grid;
    place-items: center;
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    padding: 0 0 3px;
    transform: translateY(-50%);
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 50%;
    background: rgba(12,13,15,.48);
    box-shadow: 0 10px 28px rgba(0,0,0,.18);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 29px;
    line-height: 1;
    pointer-events: auto;
}
.spadana-hero-arrow--prev { left: auto; right: auto; inset-inline-start: 10px; }
.spadana-hero-arrow--next { left: auto; right: auto; inset-inline-end: 10px; }
.spadana-hero-arrow:hover {
    transform: translateY(-50%);
    background: var(--sp-red);
    border-color: var(--sp-red);
}
.spadana-hero-dots {
    position: absolute;
    left: 50%;
    bottom: 30px;
    height: auto;
    padding: 8px 10px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    background: rgba(10,11,13,.40);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    pointer-events: auto;
}

/* Management/legacy brand context: own workshop photography, no fabricated portrait or quote. */
.spadana-management-note {
    padding-block: 28px 88px;
}
.spadana-management-note__grid {
    margin: 0 !important;
    gap: 0 !important;
    overflow: hidden;
    min-height: 480px;
    border: 1px solid #e7e7e4;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(16,17,18,.10);
}
.spadana-management-note__media {
    position: relative;
    height: 100%;
    min-height: 480px;
    margin: 0 !important;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(12,13,15,.06), rgba(12,13,15,.42)),
        url('assets/images/about.webp') center / cover no-repeat;
}
.spadana-management-note__media::after {
    content: '';
    position: absolute;
    inset: 22px;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 16px;
    pointer-events: none;
}
.spadana-management-note__mark {
    position: absolute;
    inset-inline-start: 36px;
    bottom: 34px;
    z-index: 1;
    margin: 0 !important;
    color: #fff;
    font: 800 30px/1.05 Arial, sans-serif;
    letter-spacing: -.04em;
}
.spadana-management-note__mark::before {
    content: '';
    display: block;
    width: 42px;
    height: 4px;
    margin-bottom: 12px;
    background: var(--sp-red);
}
.spadana-management-note__content {
    max-width: 690px;
    padding: clamp(42px,5vw,74px);
}
.spadana-management-note__content h2 {
    margin: 6px 0 20px;
    font-size: clamp(30px,3vw,46px);
    line-height: 1.25;
}
.spadana-management-note__content > p:not(.spadana-eyebrow):not(.spadana-management-note__name) {
    margin: 0 0 14px;
    color: #5f6267;
    font-size: 15px;
    line-height: 2;
}
.spadana-management-note__name {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 5px 12px;
    margin: 0 0 24px !important;
    padding-bottom: 18px;
    border-bottom: 1px solid #ececea;
}
.spadana-management-note__name strong { font-size: 17px; color: #17181a; }
.spadana-management-note__name span { color: #8a8d92; font-size: 13px; }
.spadana-management-note__actions { margin-top: 26px !important; gap: 10px; }
.spadana-management-note__actions .is-style-outline .wp-block-button__link {
    border-color: #d8d8d5;
    color: #242527;
}


@media (max-width: 782px) {
    /* Mobile: compact arrows flank dots at the bottom, away from hero copy. */
    .spadana-hero-controls {
        inset: auto auto 24px 50%;
        width: auto;
        height: 42px;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 5px 7px;
        border: 1px solid rgba(255,255,255,.17);
        border-radius: 999px;
        background: rgba(10,11,13,.46);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        pointer-events: auto;
    }
    .spadana-hero-arrow {
        display: grid;
        position: static;
        top: auto;
        width: 32px;
        height: 32px;
        transform: none;
        border: 0;
        background: rgba(255,255,255,.08);
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        font-size: 24px;
    }
    .spadana-hero-arrow:hover { transform: none; }
    .spadana-hero-dots {
        position: static;
        left: auto;
        bottom: auto;
        height: 32px;
        padding: 0 3px;
        transform: none;
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .spadana-management-note { padding-block: 12px 64px; }
    .spadana-management-note__grid { min-height: 0; border-radius: 18px; }
    .spadana-management-note__media { min-height: 300px; }
    .spadana-management-note__content { padding: 38px 28px 42px; }
}

@media (max-width: 560px) {
    .spadana-management-note__grid { display: flex; flex-direction: column; }
    .spadana-management-note__grid > .wp-block-column { flex-basis: auto !important; }
    .spadana-management-note__media { min-height: 260px; }
    .spadana-management-note__media::after { inset: 14px; }
    .spadana-management-note__mark { inset-inline-start: 26px; bottom: 24px; font-size: 24px; }
    .spadana-management-note__content h2 { font-size: 30px; }
}

/* ==========================================================
   Spadana 1.3.8 — refined surfaces, parallax brand story,
   stone-inspired details and final slider navigation.
   Hero artwork/copy intentionally unchanged.
   ========================================================== */

/* ---------- Section signature: small architectural detail, not a background pattern ---------- */
.spadana-section-head {
    position: relative;
}
.spadana-section-head::after {
    content: "";
    display: block;
    width: 54px;
    height: 6px;
    margin: 18px auto 0;
    border-radius: 999px;
    background:
        linear-gradient(90deg,
            var(--sp-red) 0 12px,
            transparent 12px 17px,
            #c9c9c5 17px 33px,
            transparent 33px 38px,
            #1b1c1f 38px 54px);
    opacity: .9;
}

/* ---------- Category section: completely clean background ---------- */
.spadana-category-section {
    background: transparent !important;
}
.spadana-category-section::before,
.spadana-category-section::after {
    display: none !important;
    content: none !important;
}

/* Give category cards a little more crafted depth instead of decorating the whole section. */
.spadana-category-card-dynamic {
    border: 1px solid rgba(17,18,20,.08);
}
.spadana-category-card-dynamic::after {
    content: "";
    position: absolute;
    inset: 12px;
    z-index: 0;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 12px;
    pointer-events: none;
    transition: inset .22s ease, border-color .22s ease;
}
.spadana-category-card-dynamic:hover::after {
    inset: 9px;
    border-color: rgba(255,255,255,.36);
}
.spadana-category-card-dynamic__content { z-index: 1; }

/* ---------- Featured products: one calm solid surface, no photo/pattern ---------- */
.spadana-featured-products-band {
    position: relative;
    background: #f2f3f0;
    border-block: 1px solid #e8e9e5;
}
.spadana-featured-products-band .spadana-dynamic-section {
    margin-inline: auto;
    background: transparent !important;
}
.spadana-featured-products-band .spadana-dynamic-section::before,
.spadana-featured-products-band .spadana-dynamic-section::after {
    display: none !important;
    content: none !important;
}
.spadana-featured-products-band .spadana-content-card {
    border-color: #e1e2de;
    box-shadow: 0 12px 32px rgba(17,18,20,.045);
}

/* ---------- Projects: no background image. Use small artificial-stone slab motifs ---------- */
.spadana-project-showcase {
    position: relative;
    overflow: hidden;
    background: #fff;
}
.spadana-project-showcase .spadana-dynamic-section {
    position: relative;
    z-index: 2;
    margin-inline: auto;
    background: transparent !important;
}
.spadana-project-showcase .spadana-dynamic-section::before,
.spadana-project-showcase .spadana-dynamic-section::after {
    display: none !important;
    content: none !important;
}
.spadana-project-showcase::before,
.spadana-project-showcase::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border: 1px solid #dedfdb;
    background: #f7f7f4;
    border-radius: 8px;
    opacity: .88;
}
.spadana-project-showcase::before {
    width: 92px;
    height: 128px;
    inset-inline-start: max(12px, calc((100vw - var(--sp-wide))/2 - 72px));
    top: 112px;
    transform: rotate(-8deg);
    box-shadow:
        15px 13px 0 -1px #fff,
        15px 13px 0 0 #e5e5e1,
        30px 26px 0 -1px #f3f3f0,
        30px 26px 0 0 #e0e1dd;
}
.spadana-project-showcase::after {
    width: 72px;
    height: 72px;
    inset-inline-end: max(18px, calc((100vw - var(--sp-wide))/2 - 46px));
    bottom: 76px;
    transform: rotate(45deg);
    background: transparent;
    border-color: rgba(227,6,19,.20);
    box-shadow: 0 0 0 16px rgba(227,6,19,.025);
}

/* ---------- Why Spadana: solid premium dark area; cards keep readable dark copy ---------- */
.spadana-why {
    background: #151618 !important;
    color: #fff;
}
.spadana-why::before {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    inset-inline-end: 3%;
    top: 48px;
    border: 1px solid rgba(255,255,255,.055);
    transform: rotate(45deg);
    pointer-events: none;
}
.spadana-why::after { display: none !important; }
.spadana-why-grid > .wp-block-column {
    position: relative;
    overflow: hidden;
    background: #fff !important;
    border-color: rgba(255,255,255,.10);
}
.spadana-why-grid h3 {
    color: #1a1b1d !important;
}
.spadana-why-grid p:not(.spadana-why-icon) {
    color: #686b70 !important;
}
.spadana-why-icon {
    position: relative;
    font-size: 0 !important;
    background: #fff3f3;
    border: 1px solid rgba(227,6,19,.08);
}
.spadana-why-icon::before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/* Technical tooling */
.spadana-why-grid > .wp-block-column:nth-child(1) .spadana-why-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e30613' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17V7l8-4 8 4v10l-8 4-8-4Z'/%3E%3Cpath d='m4 7 8 4 8-4M12 11v10'/%3E%3C/svg%3E");
}
/* Quality check */
.spadana-why-grid > .wp-block-column:nth-child(2) .spadana-why-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e30613' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 4.6 2.8 8.1 7 10 4.2-1.9 7-5.4 7-10V6l-7-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
/* Mold variety */
.spadana-why-grid > .wp-block-column:nth-child(3) .spadana-why-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e30613' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
}
/* Direct value */
.spadana-why-grid > .wp-block-column:nth-child(4) .spadana-why-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e30613' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13 13 20 4 11V4h7l9 9Z'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.2'/%3E%3C/svg%3E");
}

/* ---------- Brand/About: true desktop parallax using Spadana's own workshop image ---------- */
.spadana-about {
    position: relative;
    isolation: isolate;
    background-image:
        linear-gradient(90deg, rgba(14,15,17,.34) 0%, rgba(14,15,17,.58) 38%, rgba(14,15,17,.94) 68%, rgba(14,15,17,.98) 100%),
        url('assets/images/about.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}
html[dir="ltr"] .spadana-about {
    background-image:
        linear-gradient(270deg, rgba(14,15,17,.34) 0%, rgba(14,15,17,.58) 38%, rgba(14,15,17,.94) 68%, rgba(14,15,17,.98) 100%),
        url('assets/images/about.webp') !important;
}
.spadana-about::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 18px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 12px;
    pointer-events: none;
}
.spadana-about-media {
    background: transparent !important;
}
.spadana-about-grid > .wp-block-column:last-child {
    background: linear-gradient(90deg, transparent, rgba(14,15,17,.12));
}
html[dir="ltr"] .spadana-about-grid > .wp-block-column:last-child {
    background: linear-gradient(270deg, transparent, rgba(14,15,17,.12));
}
.spadana-about .spadana-about-badges > .wp-block-column {
    border-color: rgba(255,255,255,.13);
    background: rgba(255,255,255,.055);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

/* ---------- Other sections: remove random photography and use restrained surfaces ---------- */
.spadana-pathways::after {
    background: #fafaf8 !important;
}
.spadana-pathways::before {
    width: 150px;
    height: 150px;
    inset-inline-start: -70px;
    top: 92px;
    border-radius: 18px;
    transform: rotate(18deg);
    box-shadow: 24px 24px 0 rgba(227,6,19,.025);
}
.spadana-split-cta::after {
    background: #fff !important;
}
.spadana-process::after {
    background: #f8f8f6 !important;
}
.spadana-process-grid > .wp-block-column {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.spadana-knowledge-band {
    background: #f4f5f2 !important;
}
.spadana-stats {
    background: #111214 !important;
}

/* ---------- Project/product cards: more deliberate micro-details ---------- */
.spadana-content-card {
    position: relative;
}
.spadana-content-card::after {
    content: "";
    position: absolute;
    inset-inline-start: 18px;
    top: 0;
    width: 34px;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: var(--sp-red);
    transform: scaleX(.35);
    transform-origin: center;
    opacity: 0;
    transition: transform .22s ease, opacity .22s ease;
}
.spadana-content-card:hover::after {
    opacity: 1;
    transform: scaleX(1);
}
.spadana-content-card__media { position: relative; }
.spadana-content-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255,255,255,0);
    transition: inset .22s ease, border-color .22s ease;
    pointer-events: none;
}
.spadana-content-card:hover .spadana-content-card__media::after {
    inset: 9px;
    border-color: rgba(255,255,255,.32);
}

/* ---------- Slider navigation: move the whole control away from hero copy ---------- */
.spadana-hero-controls {
    position: absolute !important;
    z-index: 4;
    top: auto !important;
    bottom: 32px !important;
    left: auto !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: max(var(--sp-gutter), calc((100vw - var(--sp-wide))/2 + 8px)) !important;
    width: auto !important;
    height: 48px !important;
    transform: none !important;
    display: flex !important;
    align-items: center;
    direction: ltr;
    gap: 7px;
    padding: 6px 8px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(10,11,13,.48);
    box-shadow: 0 14px 34px rgba(0,0,0,.18);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    pointer-events: auto;
}
.spadana-hero-arrow {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    width: 34px !important;
    height: 34px !important;
    transform: none !important;
    padding: 0 0 2px !important;
    border: 0 !important;
    border-radius: 50%;
    background: rgba(255,255,255,.09);
    box-shadow: none;
    font-size: 25px;
}
.spadana-hero-arrow:hover {
    transform: none !important;
    background: var(--sp-red);
}
.spadana-hero-dots {
    position: static !important;
    inset: auto !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: flex;
    align-items: center;
    height: 34px;
    padding: 0 3px;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ---------- Management block: make sure it reads as a deliberate brand-story component ---------- */
.spadana-management-note {
    position: relative;
}
.spadana-management-note::before {
    content: "";
    position: absolute;
    width: 78px;
    height: 78px;
    inset-inline-end: 2px;
    top: 2px;
    border: 1px solid rgba(227,6,19,.14);
    border-radius: 9px;
    transform: rotate(12deg);
    pointer-events: none;
}
.spadana-management-note__grid {
    box-shadow: 0 28px 80px rgba(16,17,18,.11);
}
.spadana-management-note__content h2 {
    color: #17181a;
}

@media (max-width: 1024px) {
    .spadana-about {
        background-attachment: scroll !important;
        background-position: center !important;
    }
    .spadana-project-showcase::before,
    .spadana-project-showcase::after {
        opacity: .45;
    }
}


@media (max-width: 782px) {
    .spadana-project-showcase::before,
    .spadana-project-showcase::after,
    .spadana-why::before,
    .spadana-management-note::before {
        display: none;
    }
    .spadana-about::before { inset: 10px; }
    .spadana-about {
        background-image:
            linear-gradient(rgba(14,15,17,.84), rgba(14,15,17,.94)),
            url('assets/images/about.webp') !important;
    }
    .spadana-about-media { min-height: 220px; }
    .spadana-hero-controls {
        bottom: 22px !important;
        inset-inline-end: 18px !important;
        height: 44px !important;
        padding: 5px 7px;
    }
    .spadana-hero-arrow { width: 32px !important; height: 32px !important; font-size: 23px; }
}

@media (prefers-reduced-motion: reduce) {
    .spadana-about { background-attachment: scroll !important; }
}

/* RTL/LTR physical arrow order inside the compact slider control. */
.spadana-hero-controls { margin: 0 !important; }
html[dir="rtl"] .spadana-hero-arrow--next { order: 1; }
html[dir="rtl"] .spadana-hero-dots { order: 2; }
html[dir="rtl"] .spadana-hero-arrow--prev { order: 3; }
html[dir="ltr"] .spadana-hero-arrow--prev { order: 1; }
html[dir="ltr"] .spadana-hero-dots { order: 2; }
html[dir="ltr"] .spadana-hero-arrow--next { order: 3; }
.spadana-about::before { z-index: 1; }
.spadana-about-grid { position: relative; z-index: 2; }

/* ---------- v1.3.8 fixes: visible categories, catalog mode, cleaner FAQ/footer language ---------- */
.spadana-category-grid-dynamic--catalog {
    grid-template-columns: repeat(5, minmax(0,1fr)) !important;
    gap: 18px !important;
}
.spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic {
    min-height: 164px !important;
    border-radius: 16px;
    background-color: #6f7586;
    box-shadow: 0 12px 30px rgba(17,18,20,.065);
}
.spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__shade {
    background: linear-gradient(180deg, rgba(20,21,24,.22), rgba(20,21,24,.78));
}
.spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content {
    inset-inline: 18px;
    bottom: 18px;
}
.spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content strong {
    font-size: 17px;
    line-height: 1.7;
    text-shadow: 0 2px 12px rgba(0,0,0,.35);
}
.spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content > span {
    font-size: 11px;
    color: rgba(255,255,255,.78);
}
.spadana-featured-products-band:not(:has(.spadana-dynamic-grid)) { display: none; }
.spadana-project-showcase:not(:has(.spadana-dynamic-grid)) { display: none; }

/* ---------- Project archive and single project ---------- */
.spadana-project-archive,
.spadana-project-single {
    background: #f7f7f5;
}
.spadana-project-hero {
    padding: 64px 0 54px;
    color: #fff;
    background:
        linear-gradient(120deg, rgba(17,18,20,.96), rgba(17,18,20,.78)),
        url('assets/images/project-3.webp') center 44% / cover no-repeat;
}
.spadana-project-hero__eyebrow,
.spadana-project-single__eyebrow {
    margin: 0 0 10px;
    color: #f06770;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
}
.spadana-project-hero h1 {
    max-width: 850px;
    margin: 0;
    color: #fff;
    font-size: clamp(30px,4vw,52px);
    line-height: 1.35;
}
.spadana-project-hero > .spadana-shell > p:last-child,
.spadana-project-hero__description {
    max-width: 760px;
    margin: 14px 0 0;
    color: rgba(255,255,255,.72);
    font-size: 15px;
    line-height: 1.9;
}
.spadana-project-hero__description p { margin: 0; }
.spadana-project-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    padding: 30px 0 26px;
}
.spadana-project-filters a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 15px;
    color: var(--sp-black);
    background: #fff;
    border: 1px solid var(--sp-line);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}
.spadana-project-filters a span {
    min-width: 22px;
    padding: 1px 6px;
    color: var(--sp-muted);
    background: #f1f1ef;
    border-radius: 999px;
    text-align: center;
}
.spadana-project-filters a:hover,
.spadana-project-filters a.is-active {
    color: #fff;
    background: var(--sp-red);
    border-color: var(--sp-red);
}
.spadana-project-filters a:hover span,
.spadana-project-filters a.is-active span {
    color: #fff;
    background: rgba(255,255,255,.18);
}
.spadana-project-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 22px;
    padding-bottom: 46px;
}
.spadana-project-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--sp-line);
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(18,19,21,.04);
    transition: transform .2s ease, box-shadow .2s ease;
}
.spadana-project-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 38px rgba(18,19,21,.09);
}
.spadana-project-card__media {
    display: block;
    overflow: hidden;
    background: #ececea;
}
.spadana-project-card__media img,
.spadana-project-card__placeholder {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 11;
    object-fit: cover;
    transition: transform .3s ease;
}
.spadana-project-card:hover .spadana-project-card__media img { transform: scale(1.035); }
.spadana-project-card__body { padding: 18px 19px 20px; }
.spadana-project-card__category {
    display: inline-block;
    margin-bottom: 7px;
    color: var(--sp-red);
    font-size: 11px;
    font-weight: 800;
}
.spadana-project-card h2,
.spadana-project-card h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
}
.spadana-project-card h2 a,
.spadana-project-card h3 a { color: var(--sp-black); }
.spadana-project-card__link {
    display: inline-block;
    margin-top: 12px;
    color: var(--sp-muted);
    font-size: 12px;
    font-weight: 700;
}
.spadana-project-card__link:hover { color: var(--sp-red); }
.spadana-project-empty { grid-column: 1 / -1; padding: 40px 0; }
.spadana-project-archive .navigation.pagination { padding-bottom: 64px; }

.spadana-project-single__article { padding: 58px 0 82px; }
.spadana-project-single__header {
    max-width: 900px;
    margin-bottom: 28px;
}
.spadana-project-single__header h1 {
    margin: 0 0 12px;
    font-size: clamp(28px,3.3vw,46px);
    line-height: 1.45;
}
.spadana-project-single__category {
    display: inline-flex;
    padding: 7px 13px;
    color: var(--sp-red);
    background: #fff;
    border: 1px solid #f0d9db;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}
.spadana-project-single__layout {
    display: grid;
    grid-template-columns: minmax(0,1.65fr) minmax(280px,.75fr);
    gap: 28px;
    align-items: start;
}
.spadana-project-single__media {
    overflow: hidden;
    margin: 0;
    background: #fff;
    border: 1px solid var(--sp-line);
    border-radius: 15px;
}
.spadana-project-single__media img {
    display: block;
    width: 100%;
    max-height: 760px;
    object-fit: contain;
    background: #efefed;
}
.spadana-project-single__media figcaption {
    padding: 13px 17px;
    color: var(--sp-muted);
    font-size: 12px;
}
.spadana-project-single__summary {
    position: sticky;
    top: 110px;
    padding: 26px;
    background: #fff;
    border: 1px solid var(--sp-line);
    border-radius: 15px;
}
.spadana-project-single__summary h2 {
    margin: 0 0 10px;
    font-size: 20px;
}
.spadana-project-single__summary p {
    margin: 0 0 20px;
    color: var(--sp-muted);
    font-size: 13px;
    line-height: 1.95;
}
.spadana-project-related { padding-top: 70px; }
.spadana-project-related__head h2 { margin: 0 0 22px; font-size: 27px; }
.spadana-project-grid--related { padding-bottom: 0; }

@media (max-width: 900px) {
    .spadana-project-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .spadana-project-single__layout { grid-template-columns: 1fr; }
    .spadana-project-single__summary { position: static; }
}
@media (max-width: 560px) {
    .spadana-project-hero { padding: 44px 0 38px; }
    .spadana-project-filters {
        flex-wrap: nowrap;
        margin-inline: calc(var(--sp-gutter) * -1);
        padding-inline: var(--sp-gutter);
        overflow-x: auto;
        scrollbar-width: thin;
    }
    .spadana-project-filters a { flex: 0 0 auto; }
    .spadana-project-grid { grid-template-columns: 1fr; gap: 15px; }
    .spadana-project-single__article { padding: 38px 0 60px; }
    .spadana-project-single__layout { gap: 18px; }
    .spadana-project-related { padding-top: 48px; }
}
.spadana-knowledge-band:not(:has(.spadana-dynamic-grid)) { display: none; }
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce a.added_to_cart,
.woocommerce a.button.add_to_cart_button,
.woocommerce button.single_add_to_cart_button,
.woocommerce form.cart { display: none !important; }
.woocommerce ul.products li.product .spadana-quote-button {
    margin: 8px 16px 0;
    width: calc(100% - 32px);
    min-height: 40px;
    font-size: 13px;
}
.woocommerce div.product .spadana-quote-button { margin-top: 16px; }
.spadana-faq__item[open] summary::after { background: #fff5f5; color: var(--sp-red); }
.spadana-faq__item summary::after { order: -1; }
.wpml-ls-statics-footer,
.wpml-ls-statics-post_translations,
body > .wpml-ls,
body > .trp_language_switcher_shortcode,
body > .pll-parent-menu-item,
body > .polylang_langswitcher { display: none !important; }
.spadana-footer__bottom {
    justify-content: space-between;
    gap: 18px;
}
.spadana-footer__bottom-links {
    display: inline-flex;
    gap: 14px;
    align-items: center;
}

@media (max-width: 1240px) {
    .spadana-category-grid-dynamic--catalog { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
}
@media (max-width: 900px) {
    .spadana-category-grid-dynamic--catalog { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media (max-width: 640px) {
    .spadana-category-grid-dynamic--catalog { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 12px !important; }
    .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic { min-height: 142px !important; }
    .spadana-footer__bottom { flex-direction: column; justify-content: center; }
}

/* ==========================================================
   Spadana 1.4.0 — responsive polish, centred hero benefits,
   raised slider controls and animated FAQ accordion.
   These final rules intentionally consolidate older overrides.
   ========================================================== */

/* Keep the four benefit cards centred below the hero at every width. */
.spadana-benefits-card,
.entry-content > .spadana-benefits-card {
    width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2))) !important;
    max-width: var(--sp-wide) !important;
    margin-inline: auto !important;
    padding-inline: clamp(10px, 1.5vw, 22px);
}
.spadana-benefits-grid {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    justify-content: center;
}
.spadana-benefits-grid > .wp-block-column {
    width: 100%;
    min-width: 0;
    flex-basis: auto !important;
    grid-template-columns: 48px minmax(0, 190px);
    justify-content: center;
}

/* Lift navigation clear of the overlapping benefit card. */
.spadana-hero-controls {
    top: auto !important;
    bottom: 88px !important;
}

/* Smooth details animation; height itself is driven by navigation.js. */
.spadana-faq__item {
    will-change: height;
}
.spadana-faq__item > :not(summary) {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity .24s ease, transform .32s cubic-bezier(.22,.61,.36,1);
}
.spadana-faq__item[open].is-expanded > :not(summary) {
    opacity: 1;
    transform: translateY(0);
}
.spadana-faq__item summary::after {
    transition: transform .32s cubic-bezier(.22,.61,.36,1), background .22s ease, color .22s ease;
}
.spadana-faq__item[open].is-expanded summary::after {
    transform: rotate(180deg);
}

/* Fluid media and long content must never force horizontal scrolling. */
.spadana-main :where(.wp-block-column, .spadana-content-card, .woocommerce, .woocommerce-page) {
    min-width: 0;
}
.spadana-main :where(img, iframe, video, table) {
    max-width: 100%;
}
.spadana-main :where(h1, h2, h3, p, a) {
    overflow-wrap: break-word;
}

@media (max-width: 1180px) {
    :root { --sp-gutter: clamp(20px, 3vw, 34px); }
    .spadana-home-hero__inner { padding-block: 78px 142px; }
    .spadana-home-hero__title { max-width: 720px; font-size: clamp(40px, 5vw, 58px); }
    .spadana-benefits-card { max-width: calc(100% - (var(--sp-gutter) * 2)) !important; }
    .spadana-benefits-grid > .wp-block-column { padding-inline: 18px; }
    .spadana-split-cta__grid,
    .spadana-about-grid,
    .spadana-management-note__grid { gap: clamp(20px, 3vw, 36px) !important; }
}

@media (max-width: 1024px) {
    .spadana-section { padding-block: 64px; }
    .spadana-benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .spadana-benefits-grid > .wp-block-column {
        min-height: 106px;
        border: 0 !important;
        border-bottom: 1px solid var(--sp-line) !important;
    }
    .spadana-benefits-grid > .wp-block-column:nth-child(odd) { border-inline-end: 1px solid var(--sp-line) !important; }
    .spadana-benefits-grid > .wp-block-column:nth-last-child(-n+2) { border-bottom: 0 !important; }
    .spadana-path-grid { gap: 14px !important; }
    .spadana-path-card { min-height: 240px; padding: 26px 24px; }
    .spadana-category-grid-dynamic--catalog { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
    .spadana-dynamic-grid { gap: 16px; }
    .spadana-faq__grid,
    .wp-block-columns.spadana-faq__grid { gap: 30px; }
}

@media (max-width: 782px) {
    :root { --sp-gutter: 18px; }
    .spadana-topbar__inner { gap: 12px; }
    .spadana-header__inner { min-height: 68px; }
    .spadana-brand .custom-logo,
    .spadana-bundled-logo img { max-width: 154px; height: 43px; }
    .spadana-nav { inset-inline: 18px; max-height: calc(100vh - 126px); overflow-y: auto; }

    .spadana-home-hero { min-height: 540px; }
    .spadana-home-hero__inner { padding-block: 62px 148px; }
    .spadana-home-hero__title { max-width: 620px; font-size: clamp(36px, 8.5vw, 48px); }
    .spadana-home-hero__lead { font-size: 14px; line-height: 1.9; }
    .spadana-hero-controls {
        bottom: 78px !important;
        left: 50% !important;
        right: auto !important;
        inset-inline: auto !important;
        transform: translateX(-50%) !important;
    }

    .spadana-benefits-card { margin-top: -52px !important; padding-inline: 8px; }
    .spadana-benefits-grid > .wp-block-column { padding: 15px 14px; }
    .spadana-section { padding-block: 54px; }
    .spadana-pathways { padding-top: 72px; }
    .spadana-path-grid { display: grid !important; grid-template-columns: 1fr; }
    .spadana-path-card,
    .spadana-path-card--featured { min-height: 0; transform: none; }
    .spadana-category-grid-dynamic--catalog { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    .spadana-dynamic-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .spadana-split-cta__grid,
    .spadana-about-grid,
    .spadana-management-note__grid { flex-direction: column !important; }
    .spadana-split-cta__grid > .wp-block-column,
    .spadana-about-grid > .wp-block-column,
    .spadana-management-note__grid > .wp-block-column { flex-basis: auto !important; width: 100%; }
    .spadana-faq__grid,
    .wp-block-columns.spadana-faq__grid { width: 100%; gap: 22px; }
    .spadana-faq__grid > .wp-block-column { width: 100%; flex-basis: auto !important; }
    .spadana-faq::before { inset-inline: 0; border-radius: 18px; }
    .spadana-footer__bottom { text-align: center; }
}

@media (max-width: 600px) {
    :root { --sp-gutter: 15px; }
    .spadana-topbar__hours { overflow: hidden; text-overflow: ellipsis; }
    .spadana-home-hero { min-height: 560px; background-position: 40% center; }
    .spadana-home-hero__inner { padding-block: 48px 154px; }
    .spadana-home-hero__title { font-size: clamp(31px, 9.2vw, 40px); }
    .spadana-home-hero__actions { gap: 9px; }
    .spadana-home-hero__actions .wp-block-button__link { min-height: 45px; }
    .spadana-hero-points { gap: 4px 10px !important; }
    .spadana-hero-points p { font-size: 10px; }

    .spadana-benefits-card { width: calc(100% - 24px) !important; max-width: none !important; border-radius: 14px; }
    .spadana-benefits-grid { grid-template-columns: 1fr; }
    .spadana-benefits-grid > .wp-block-column {
        min-height: 88px;
        padding: 13px 16px;
        border-inline: 0 !important;
        border-bottom: 1px solid var(--sp-line) !important;
    }
    .spadana-benefits-grid > .wp-block-column:last-child { border-bottom: 0 !important; }
    .spadana-benefits-grid h3 { font-size: 14px; }
    .spadana-mini-icon { width: 40px; height: 40px; }
    .spadana-pathways { padding-top: 64px; }
    .spadana-section-title { font-size: clamp(25px, 7.5vw, 32px); }
    .spadana-section-subtitle { font-size: 13px; }
    .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic { min-height: 138px !important; }
    .spadana-content-card__body { padding: 14px; }
    .spadana-cta-card { min-height: 0; padding: 26px 22px; }
    .spadana-about-media,
    .spadana-management-note__media { min-height: 240px; }
    .spadana-management-note__content { padding: 30px 22px 34px; }
    .spadana-faq { padding-block: 48px 54px; }
    .spadana-faq__item summary { gap: 12px; padding: 16px; font-size: 14px; }
    .spadana-faq__item p { margin: -3px 16px 17px; padding-top: 12px; font-size: 13px; }
}

/* ==========================================================
   Spadana 1.6.9 — taller hero and clean mobile about flow
   ========================================================== */
.spadana-home-hero { min-height: 690px; }

@media (max-width: 782px) {
    .spadana-home-hero { min-height: 590px; }
    .spadana-about-grid > .wp-block-column:first-child { display: none !important; }
    .spadana-about-media { display: none !important; min-height: 0 !important; }
    .spadana-about-grid > .wp-block-column:last-child { padding-top: 30px !important; }
}

/* ==========================================================
   Spadana 1.6.8 — tighter hero overlap and canonical trails
   ========================================================== */
.spadana-benefits-card,
.entry-content > .spadana-benefits-card {
    margin-top: -68px !important;
}

@media (max-width: 782px) {
    .spadana-benefits-card,
    .entry-content > .spadana-benefits-card { margin-top: -60px !important; }
}

/* ==========================================================
   Spadana 1.6.7 — original benefit strip, centred with flex
   ========================================================== */
.spadana-benefits-card,
.entry-content > .spadana-benefits-card {
    width: min(1120px, calc(100% - (var(--sp-gutter) * 2))) !important;
    max-width: 1120px !important;
    margin-inline: auto !important;
    padding-inline: 18px !important;
    border: 1px solid rgba(17,18,20,.055) !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: var(--sp-shadow) !important;
}
.spadana-benefits-grid,
.entry-content .spadana-benefits-grid {
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 auto !important;
}
.spadana-benefits-grid > .wp-block-column {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: 270px !important;
    min-width: 0 !important;
    min-height: 126px !important;
    padding: 20px 18px !important;
    border: 0 !important;
    border-inline-end: 1px solid var(--sp-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.spadana-benefits-grid > .wp-block-column:last-child { border-inline-end: 0 !important; }

@media (max-width: 900px) {
    .spadana-benefits-grid,
    .entry-content .spadana-benefits-grid { flex-wrap: wrap !important; }
    .spadana-benefits-grid > .wp-block-column {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        border-bottom: 1px solid var(--sp-line) !important;
    }
    .spadana-benefits-grid > .wp-block-column:nth-child(2n) { border-inline-end: 0 !important; }
    .spadana-benefits-grid > .wp-block-column:nth-last-child(-n+2) { border-bottom: 0 !important; }
}
@media (max-width: 520px) {
    .spadana-benefits-card,
    .entry-content > .spadana-benefits-card { width: calc(100% - 24px) !important; padding-inline: 12px !important; }
    .spadana-benefits-grid,
    .entry-content .spadana-benefits-grid { flex-direction: column !important; }
    .spadana-benefits-grid > .wp-block-column {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 108px !important;
        border-inline-end: 0 !important;
        border-bottom: 1px solid var(--sp-line) !important;
    }
    .spadana-benefits-grid > .wp-block-column:last-child { border-bottom: 0 !important; }
}

/* ==========================================================
   Spadana 1.6.6 — menu stacking and complete breadcrumbs
   ========================================================== */
.spadana-header { z-index: 1200; }
.spadana-nav,
.spadana-menu > li,
.spadana-menu .sub-menu,
.spadana-menu .spadana-product-mega-menu { z-index: 1210; }
.spadana-breadcrumb-wrap { position: relative; z-index: 20; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { z-index: 5 !important; }
.spadana-breadcrumb { overflow-x: auto; scrollbar-width: thin; }
.spadana-breadcrumb > * { flex: 0 0 auto; }

@media (max-width: 600px) {
    .spadana-breadcrumb { flex-wrap: nowrap; padding-block: 4px; white-space: nowrap; }
}

/* ==========================================================
   Spadana 1.6.4 — UI/UX refinement pass
   ========================================================== */

/* Clear keyboard and interaction feedback. */
:where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid rgba(227,6,19,.28);
    outline-offset: 3px;
}
.spadana-button,
.spadana-outline-button,
.spadana-text-link,
.spadana-menu a,
.spadana-blog-search button {
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.spadana-button:active,
.spadana-outline-button:active,
.spadana-blog-search button:active { transform: translateY(1px); }
button:disabled,
.is-loading { cursor: wait !important; opacity: .68; }

/* Better desktop header balance and legibility. */
@media (min-width: 1081px) {
    .spadana-header__inner { min-height: 76px; gap: clamp(22px,2.5vw,38px); }
    .spadana-menu { gap: clamp(15px,1.4vw,24px); }
    .spadana-menu > li > a { padding-block: 25px 22px; font-size: 14px; font-weight: 800; }
    .spadana-brand .custom-logo,
    .spadana-bundled-logo img,
    .spadana-brand .spadana-header-logo-img { max-width: 220px; max-height: 60px; }
}
.spadana-breadcrumb { min-height: 48px; font-size: 13px; }
.spadana-topbar { font-size: 13px; }

/* Mega menu: equal cards plus a clear route to the full catalogue. */
.spadana-product-mega-menu__all { grid-column: 1/-1; }
.spadana-menu .spadana-product-mega-menu .spadana-product-mega-menu__all a {
    justify-content: center;
    min-height: 46px;
    border: 1px solid rgba(227,6,19,.2);
    background: #fff3f4;
    color: var(--sp-red);
}
.spadana-menu .spadana-product-mega-menu .spadana-product-mega-menu__all a:hover { background: var(--sp-red); color: #fff; }

/* Editorial fallback and more useful blog sidebar. */
.spadana-post-card__fallback-image,
.spadana-article-placeholder { display: block; width: 100%; height: 100%; object-fit: cover; }
.spadana-blog-widget--articles li { display: grid; gap: 3px; }
.spadana-blog-widget--articles a { color: var(--sp-black); font-weight: 800; line-height: 1.75; }
.spadana-blog-widget--articles a:hover { color: var(--sp-red); }
.spadana-blog-widget--articles time { color: #929398; font-size: 11px; }
.spadana-post-card__meta { font-size: 13px; }
.spadana-post-card__excerpt { font-size: 14px; }

/* Compact CTA and calmer footer density. */
.spadana-cta-strip__inner { min-height: 118px; padding-block: 22px; }
.spadana-cta-strip__text strong { font-size: clamp(23px,2vw,30px); }
.spadana-cta-strip__text > span:last-child { font-size: 13px; }
.spadana-cta-strip__actions .spadana-button { min-height: 46px; }
.spadana-footer__grid { gap: clamp(26px,3vw,48px); padding-block: 58px 46px; }
.spadana-footer__about { font-size: 13px; line-height: 1.9 !important; }
.spadana-footer__menu a { padding-block: 7px; font-size: 13px; }
.spadana-footer__contact-item small { font-size: 11px; }
.spadana-footer__contact-item strong { font-size: 13px; }
.spadana-footer__bottom,
.spadana-footer__bottom-links a { font-size: 12px; }
.spadana-footer__toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 0 12px;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: inherit;
    font: inherit;
    font-weight: inherit;
    pointer-events: none;
}
.spadana-footer__toggle span { display: none; }

/* Slightly tighter rhythm on internal pages. */
.spadana-inner { padding-block: 44px 66px; }
.spadana-blog-layout { padding-top: 34px; }
.spadana-blog-grid { align-items: start; }

@media (max-width: 782px) {
    .spadana-topbar { font-size: 12px; }
    .spadana-breadcrumb { font-size: 12px; }
    .spadana-blog-hero { padding-block: 44px 40px; }
    .spadana-blog-layout { padding-top: 24px; gap: 24px; }
}

@media (max-width: 560px) {
    .spadana-cta-strip__inner { padding-block: 27px; }
    .spadana-cta-strip__text strong { font-size: 23px; }
    .spadana-footer__grid { gap: 0; padding-block: 42px 34px; }
    .spadana-footer__brand-col { margin-bottom: 25px; }
    .spadana-footer__group { border-top: 1px solid rgba(255,255,255,.08); }
    .spadana-footer__title { margin: 0; padding: 0; }
    .spadana-footer__title::after { display: none; }
    .spadana-footer__toggle {
        min-height: 54px;
        padding: 0;
        color: #fff;
        pointer-events: auto;
        cursor: pointer;
    }
    .spadana-footer__toggle span { display: block; font-size: 21px; transition: transform .2s ease; }
    .spadana-footer__group.is-open > .spadana-footer__title .spadana-footer__toggle span { transform: rotate(180deg); }
    .spadana-footer__collapsible { padding: 0 0 18px; }
    .spadana-js .spadana-footer__collapsible { display: none; }
    .spadana-footer__group.is-open > .spadana-footer__collapsible { display: block; }
    .spadana-footer__group.is-open > .spadana-footer__contact-list { display: grid; }
    .spadana-footer__title--quick { margin-top: 22px; padding-top: 6px; }
    .spadana-footer__contact-list { grid-template-columns: 1fr; }
    .spadana-footer__bottom { min-height: 0; padding-block: 18px; }
}

@media (max-width: 390px) {
    .spadana-topbar__hours { max-width: 205px; }
    .spadana-brand .custom-logo,
    .spadana-bundled-logo img { max-width: 138px; }
    .spadana-home-hero__title { font-size: 30px; }
    .spadana-category-grid-dynamic--catalog { grid-template-columns: 1fr !important; }
    .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic { min-height: 168px !important; }
    .spadana-dynamic-grid { grid-template-columns: 1fr; }
    .woocommerce ul.products { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .spadana-faq__item > :not(summary),
    .spadana-faq__item summary::after { transition: none !important; }
}

/* ==========================================================
   Spadana 1.4.1 — full-width management story and FAQ surface
   ========================================================== */

/* Gutenberg constrained-layout was narrowing this inner columns block to the
   content width. Keep it as wide as the section above and let the text surface
   occupy the full height of its column. */
.spadana-management-note,
.entry-content > .spadana-management-note {
    width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2))) !important;
    max-width: var(--sp-wide) !important;
    margin-inline: auto !important;
    padding-block: 50px 94px;
}
.spadana-management-note__grid {
    width: 100% !important;
    max-width: none !important;
    min-height: 540px;
    display: grid !important;
    grid-template-columns: minmax(340px, 42%) minmax(0, 58%);
    align-items: stretch !important;
    gap: 0 !important;
}
.spadana-management-note__grid > .wp-block-column {
    width: 100%;
    min-width: 0;
    height: 100%;
    margin: 0 !important;
}
.spadana-management-note__media {
    min-height: 540px;
}
.spadana-management-note__content {
    width: 100%;
    max-width: none;
    min-height: 540px;
    margin: 0 !important;
    padding: clamp(54px, 5.5vw, 88px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(circle at 100% 0, rgba(227,6,19,.055), transparent 250px),
        linear-gradient(135deg, #fff 0%, #fbfbfa 62%, #f4f4f1 100%);
}

/* The FAQ background now belongs to the whole wide section, rather than an
   inset calculated a second time from the viewport. */
.spadana-faq,
.entry-content > .spadana-faq {
    width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2))) !important;
    max-width: var(--sp-wide) !important;
    margin-inline: auto !important;
    padding: clamp(64px, 6vw, 88px) clamp(24px, 4.2vw, 62px);
    isolation: isolate;
}
.spadana-faq::before {
    inset: 0 !important;
    z-index: -1;
    border-radius: 24px;
}
.spadana-faq__grid,
.wp-block-columns.spadana-faq__grid {
    position: relative;
    z-index: 1;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(260px, .78fr) minmax(0, 1.55fr);
    gap: clamp(30px, 4vw, 54px);
    align-items: start;
}
.spadana-faq__grid > .wp-block-column {
    width: 100%;
    min-width: 0;
    margin: 0 !important;
}

@media (max-width: 1024px) {
    .spadana-management-note__grid {
        grid-template-columns: minmax(300px, 38%) minmax(0, 62%);
        min-height: 500px;
    }
    .spadana-management-note__media,
    .spadana-management-note__content { min-height: 500px; }
    .spadana-management-note__content { padding: 46px 42px; }
    .spadana-faq,
    .entry-content > .spadana-faq { padding-inline: clamp(24px, 4vw, 42px); }
}

@media (max-width: 782px) {
    .spadana-management-note,
    .entry-content > .spadana-management-note { padding-block: 28px 66px; }
    .spadana-management-note__grid {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0;
    }
    .spadana-management-note__grid > .wp-block-column {
        height: auto;
        flex-basis: auto !important;
    }
    .spadana-management-note__media { min-height: 310px; }
    .spadana-management-note__content {
        min-height: 0;
        padding: 40px 30px 44px;
    }
    .spadana-faq,
    .entry-content > .spadana-faq {
        padding: 54px 26px 58px;
    }
    .spadana-faq__grid,
    .wp-block-columns.spadana-faq__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

/* ==========================================================
   Spadana 1.6.10 — RTL FAQ and aligned footer social icons
   ========================================================== */

html[dir="rtl"] .spadana-faq,
html[dir="rtl"] .spadana-faq__intro,
html[dir="rtl"] .spadana-faq__items,
html[dir="rtl"] .spadana-faq__item,
html[dir="rtl"] .spadana-faq__item summary,
html[dir="rtl"] .spadana-faq__item p {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .spadana-faq__item summary {
    justify-content: flex-start;
}

html[dir="rtl"] .spadana-faq__intro .wp-block-buttons {
    justify-content: flex-start;
}

.spadana-footer__social {
    width: 100%;
}

html[dir="rtl"] .spadana-footer__social {
    direction: rtl;
    justify-content: flex-start;
}

/* Final mobile font fallback; kept at EOF so later packaged overrides cannot beat it. */
@media (max-width: 767px) {
    :root {
        --sp-font: "Yekan Bakh Web", Tahoma, Arial, sans-serif;
    }
    body,
    button,
    input,
    textarea,
    select {
        font-family: var(--sp-font) !important;
    }
}

/* ==========================================================
   Spadana 1.4.8 — breadcrumbs, product media and process polish
   ========================================================== */

.spadana-breadcrumb-wrap {
    border-top: 1px solid rgba(17,18,20,.05);
    border-bottom: 1px solid rgba(17,18,20,.06);
    background: #fff;
}

.spadana-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 46px;
    color: var(--sp-muted);
    font-size: 12px;
    font-weight: 800;
}

.spadana-breadcrumb a {
    color: var(--sp-black);
}

.spadana-breadcrumb a:hover {
    color: var(--sp-red);
}

.spadana-breadcrumb [aria-current="page"] {
    color: var(--sp-muted);
}

.spadana-breadcrumb__sep {
    color: #c8c8c8;
    font-weight: 700;
}

.woocommerce .spadana-breadcrumb.woocommerce-breadcrumb {
    margin: 0;
}

.spadana-footer__logo .spadana-footer-logo-img {
    display: block;
    width: auto;
    max-width: 230px;
    max-height: 72px;
    object-fit: contain;
}

.spadana-brand .spadana-header-logo-img {
    display: block;
    width: auto;
    max-width: 245px;
    max-height: 72px;
    object-fit: contain;
}

.woocommerce div.product div.images {
    max-width: var(--sp-product-image-size);
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images .woocommerce-product-gallery__image,
.woocommerce div.product div.images .wp-post-image {
    aspect-ratio: 1 / 1;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--sp-line);
    border-radius: 18px;
    background: #fff;
}

.woocommerce div.product div.images img,
.woocommerce ul.products li.product a img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    background: #fff;
}

.woocommerce ul.products li.product a img {
    min-height: min(var(--sp-product-card-image-size), 54vw);
    padding: 12px;
    border-bottom: 1px solid var(--sp-line);
}

.woocommerce div.product .summary {
    display: flex;
    flex-direction: column;
}

.woocommerce div.product .spadana-quote-button {
    align-self: flex-start;
    margin-inline-start: auto;
    margin-inline-end: 0;
}

[dir="ltr"] .woocommerce div.product .spadana-quote-button {
    margin-left: 0;
    margin-right: auto;
}

.spadana-process {
    text-align: center;
}

.spadana-process-grid,
.entry-content .spadana-process-grid {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr));
    align-items: stretch;
    justify-content: center;
    max-width: 1120px;
    margin-inline: auto !important;
    gap: 16px !important;
}

.spadana-process-grid::before {
    display: none !important;
}

.spadana-process-grid > .wp-block-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 190px;
    padding: 26px 18px 22px !important;
    border: 1px solid rgba(17,18,20,.08);
    border-radius: 18px;
    background: linear-gradient(180deg,#fff,#fafaf8);
    box-shadow: 0 12px 34px rgba(17,18,20,.045);
    text-align: center;
}

.spadana-process-grid > .wp-block-column:hover {
    transform: translateY(-3px);
    border-color: rgba(227,6,19,.22);
    box-shadow: 0 18px 44px rgba(17,18,20,.075);
}

.spadana-process-grid .spadana-step-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    color: var(--sp-red);
    font-size: 17px;
}

.spadana-process-grid h3 {
    margin-bottom: 7px;
}

.spadana-process-grid p:not(.spadana-step-no) {
    max-width: 210px;
    margin-inline: auto;
    line-height: 1.85;
}

@media (max-width: 900px) {
    .spadana-process-grid,
    .entry-content .spadana-process-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 560px) {
    .spadana-process-grid,
    .entry-content .spadana-process-grid {
        grid-template-columns: 1fr;
    }
    .woocommerce div.product .spadana-quote-button {
        width: 100%;
        margin-inline-start: 0;
    }
}

@media (max-width: 600px) {
    .spadana-management-note,
    .entry-content > .spadana-management-note,
    .spadana-faq,
    .entry-content > .spadana-faq {
        width: calc(100% - 24px) !important;
        max-width: none !important;
    }
    .spadana-management-note__grid { border-radius: 16px; }
    .spadana-management-note__media { min-height: 250px; }
    .spadana-management-note__content { padding: 32px 22px 36px; }
    .spadana-faq,
    .entry-content > .spadana-faq { padding: 44px 17px 48px; }
    .spadana-faq::before { border-radius: 17px; }
}

/* ==========================================================
   Spadana 1.4.2 — WooCommerce filters and editable SEO areas
   ========================================================== */

.spadana-shop-page {
    background:
        radial-gradient(circle at 8% 100px, rgba(227,6,19,.055), transparent 270px),
        linear-gradient(180deg, #fff 0%, #f7f7f5 58%, #fff 100%);
}

.spadana-shop-shell {
    width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2)));
    max-width: var(--sp-wide);
}

.woocommerce .woocommerce-products-header__title,
.woocommerce-page .woocommerce-products-header__title {
    margin: 0 0 20px;
    color: var(--sp-black);
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1.25;
    letter-spacing: -.03em;
}

.spadana-shop-seo {
    position: relative;
    overflow: hidden;
    margin: 22px 0 30px;
    border: 1px solid rgba(17,18,20,.07);
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0, rgba(227,6,19,.07), transparent 250px),
        linear-gradient(135deg, #fff 0%, #fbfbfa 64%, #f2f2ef 100%);
    box-shadow: 0 22px 65px rgba(17, 18, 20, .08);
}

.spadana-shop-seo--intro {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    align-items: stretch;
    min-height: 280px;
}

.spadana-shop-seo--no-image {
    display: block;
    min-height: 0;
}

.spadana-shop-seo--footer {
    margin-top: 42px;
    margin-bottom: 0;
}

.spadana-shop-seo__body {
    min-width: 0;
    padding: clamp(30px, 4.4vw, 58px);
}

.spadana-shop-seo__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--sp-red);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: -.01em;
}

.spadana-shop-seo__eyebrow::before {
    content: "";
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.spadana-shop-seo__content {
    color: var(--sp-text);
    font-size: 15px;
    line-height: 2.05;
}

.spadana-shop-seo__content > :first-child { margin-top: 0; }
.spadana-shop-seo__content > :last-child { margin-bottom: 0; }

.spadana-shop-seo__content h2,
.spadana-shop-seo__content h3,
.spadana-shop-seo__content h4 {
    margin: 0 0 14px;
    color: var(--sp-black);
    line-height: 1.45;
}

.spadana-shop-seo__content h2 { font-size: clamp(24px, 3vw, 36px); }
.spadana-shop-seo__content h3 { font-size: clamp(20px, 2.3vw, 28px); }

.spadana-shop-seo__content p { margin: 0 0 14px; }

.spadana-shop-seo__content a {
    color: var(--sp-red);
    font-weight: 800;
    text-decoration: none;
}

.spadana-shop-seo__content a:hover { color: var(--sp-red-dark); }

.spadana-shop-seo__content ul,
.spadana-shop-seo__content ol {
    margin: 0 0 18px;
    padding-inline-start: 22px;
}

.spadana-shop-seo__content img,
.spadana-shop-seo__content figure,
.spadana-shop-seo__content .wp-block-image {
    max-width: 100%;
    height: auto;
    border-radius: 16px;
}

.spadana-shop-seo__content figure { margin-inline: 0; }

.spadana-shop-seo__media {
    position: relative;
    min-height: 100%;
    margin: 0;
    background: var(--sp-black);
}

.spadana-shop-seo__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(17,18,20,.2), rgba(17,18,20,.55));
    pointer-events: none;
}

.spadana-shop-seo__image {
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
    display: block;
}

.spadana-product-filter {
    position: relative;
    z-index: 2;
    margin: 0 0 26px;
    padding: 14px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(17,18,20,.08);
    border-radius: 18px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 16px 44px rgba(17,18,20,.06);
    backdrop-filter: blur(10px);
}

.spadana-product-filter__label {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    background: var(--sp-black);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.spadana-product-filter__scroll {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 0 6px;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
}

.spadana-product-filter__item {
    min-height: 40px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid var(--sp-line);
    border-radius: 999px;
    background: #fff;
    color: var(--sp-black);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.spadana-product-filter__item:hover {
    transform: translateY(-2px);
    border-color: rgba(227,6,19,.35);
    color: var(--sp-red);
    box-shadow: 0 10px 22px rgba(17,18,20,.07);
}

.spadana-product-filter__item.is-active {
    border-color: var(--sp-red);
    background: var(--sp-red);
    color: #fff;
    box-shadow: 0 12px 28px rgba(227,6,19,.18);
}

.spadana-product-filter__item b {
    min-width: 24px;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(17,18,20,.07);
    color: inherit;
    font-size: 11px;
    line-height: 1.35;
    text-align: center;
}

.spadana-product-filter__item.is-active b { background: rgba(255,255,255,.2); }

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    margin: 6px 0 18px;
    color: var(--sp-muted);
    font-size: 13px;
    font-weight: 700;
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
    margin: 0 0 18px;
}

.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid var(--sp-line);
    border-radius: 12px;
    background: #fff;
    color: var(--sp-black);
    font: inherit;
}

@media (max-width: 1024px) {
    .spadana-shop-seo--intro {
        grid-template-columns: minmax(0, 1fr) minmax(260px, .62fr);
    }
    .spadana-shop-seo__body { padding: 34px 30px; }
}

@media (max-width: 782px) {
    .spadana-shop-seo--intro {
        display: flex;
        flex-direction: column-reverse;
    }
    .spadana-shop-seo__image { min-height: 230px; }
    .spadana-product-filter {
        grid-template-columns: 1fr;
        padding: 12px;
    }
    .spadana-product-filter__label {
        justify-content: center;
        width: fit-content;
    }
}

@media (max-width: 600px) {
    .spadana-shop-shell {
        width: calc(100% - 24px);
        max-width: none;
    }
    .woocommerce .woocommerce-products-header__title,
    .woocommerce-page .woocommerce-products-header__title {
        font-size: clamp(27px, 8vw, 34px);
    }
    .spadana-shop-seo {
        border-radius: 18px;
        margin-block: 18px 24px;
    }
    .spadana-shop-seo__body { padding: 26px 20px; }
    .spadana-shop-seo__content { font-size: 14px; line-height: 1.95; }
    .spadana-product-filter__scroll {
        margin-inline: -4px;
        padding-inline: 4px;
    }
    .spadana-product-filter__item {
        min-height: 38px;
        padding-inline: 13px;
        font-size: 12px;
    }
}

/* ==========================================================
   Spadana 1.4.3 — support cleanup, homepage rhythm and catalog match
   ========================================================== */

body.page-slug-support .spadana-page-title {
    width: min(920px, calc(100% - (var(--sp-gutter) * 2)));
    margin-inline: auto;
    text-align: center;
}

body.page-slug-support .entry-content {
    width: min(920px, calc(100% - (var(--sp-gutter) * 2)));
    margin: 0 auto clamp(58px, 6vw, 92px);
    color: var(--sp-text);
    font-size: 15px;
    line-height: 2.08;
}

body.page-slug-support .entry-content > :first-child { margin-top: 0; }
body.page-slug-support .entry-content > :last-child { margin-bottom: 0; }

.spadana-benefits-grid > .wp-block-column {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 5px;
    grid-template-columns: none !important;
}

.spadana-mini-icon {
    grid-row: auto;
    margin: 0 auto 4px;
}

.spadana-benefits-grid h3,
.spadana-benefits-grid p:not(.spadana-mini-icon) {
    grid-column: auto;
    max-width: 210px;
    margin-inline: auto;
}

.spadana-benefits-grid h3 { margin-bottom: 0; }

.spadana-pathways,
.entry-content > .spadana-pathways {
    margin-top: -56px !important;
    padding-top: clamp(118px, 8.4vw, 148px) !important;
    padding-bottom: clamp(68px, 6.2vw, 92px) !important;
}

.spadana-pathways::after {
    top: -78px !important;
}

.spadana-pathways .spadana-eyebrow {
    margin-top: 0;
    margin-bottom: 10px;
}

.spadana-pathways .spadana-section-title {
    margin-top: 0;
    margin-bottom: 12px;
}

.spadana-pathways .spadana-section-subtitle {
    max-width: 620px;
    margin-top: 0;
    margin-inline: auto;
}

.spadana-path-grid,
.wp-block-columns.spadana-path-grid {
    margin-top: clamp(32px, 3.6vw, 50px) !important;
}

.spadana-category-section .spadana-section-head::after {
    display: none !important;
    content: none !important;
}

.spadana-faq,
.entry-content > .spadana-faq {
    margin-top: clamp(54px, 6vw, 92px) !important;
    margin-bottom: clamp(54px, 6vw, 92px) !important;
}

.spadana-faq .spadana-eyebrow {
    margin-top: 0;
    margin-bottom: 12px;
}

.spadana-faq h2 {
    margin-top: 0;
    margin-bottom: 18px;
}

.spadana-faq__grid > .wp-block-column:first-child {
    padding-block: clamp(8px, 2vw, 20px);
}

@media (max-width: 782px) {
    .spadana-pathways,
    .entry-content > .spadana-pathways {
        margin-top: -42px !important;
        padding-top: 104px !important;
    }
    .spadana-pathways::after { top: -58px !important; }
    .spadana-faq,
    .entry-content > .spadana-faq {
        margin-block: 42px !important;
    }
}

@media (max-width: 600px) {
    body.page-slug-support .entry-content,
    body.page-slug-support .spadana-page-title {
        width: calc(100% - 28px);
    }
    .spadana-benefits-grid > .wp-block-column { min-height: 104px; }
    .spadana-pathways,
    .entry-content > .spadana-pathways {
        margin-top: -34px !important;
        padding-top: 92px !important;
        padding-bottom: 58px !important;
    }
    .spadana-path-grid,
    .wp-block-columns.spadana-path-grid {
        margin-top: 26px !important;
    }
}

/* ==========================================================
   Spadana 1.4.4 — product quote modal, related section and footer icons
   ========================================================== */

.spadana-footer__social a,
.spadana-footer__social-link {
    color: #fff !important;
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.12) !important;
}

.spadana-footer__social a:hover,
.spadana-footer__social-link:hover {
    color: var(--sp-red) !important;
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(227,6,19,.55) !important;
}

.spadana-footer__social svg {
    width: 18px;
    height: 18px;
    display: block;
    fill: currentColor;
}

.spadana-support-clean {
    max-width: 980px;
    margin-inline: auto;
    padding: clamp(34px, 5vw, 62px);
    border: 1px solid rgba(17,18,20,.07);
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0, rgba(227,6,19,.055), transparent 260px),
        linear-gradient(135deg,#fff,#f8f8f5);
    box-shadow: 0 22px 62px rgba(17,18,20,.07);
}

.spadana-support-clean h2 {
    margin: 0 0 16px;
    color: var(--sp-black);
    font-size: clamp(28px, 3.4vw, 44px);
    line-height: 1.45;
}

.spadana-support-clean > p:not(.spadana-eyebrow) {
    max-width: 760px;
    margin: 0 auto 28px;
    color: var(--sp-muted);
    text-align: center;
}

.spadana-support-clean .spadana-eyebrow { justify-content: center; text-align: center; }

.spadana-support-clean__grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
    margin-top: 30px;
}

.spadana-support-clean__grid article {
    padding: 24px;
    border: 1px solid var(--sp-line);
    border-radius: 18px;
    background: #fff;
}

.spadana-support-clean__grid span {
    width: 42px;
    height: 42px;
    margin-bottom: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff4f4;
    color: var(--sp-red);
    font-weight: 900;
    direction: ltr;
}

.spadana-support-clean__grid h3 {
    margin: 0 0 8px;
    color: var(--sp-black);
    font-size: 18px;
}

.spadana-support-clean__grid p {
    margin: 0;
    color: var(--sp-muted);
    font-size: 14px;
    line-height: 1.9;
}

.spadana-support-clean__cta {
    margin-top: 24px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-radius: 16px;
    background: var(--sp-black);
    color: #fff;
}

.woocommerce div.product .related.products,
.woocommerce div.product section.related.products {
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 48px;
    padding: clamp(30px, 4vw, 46px);
    border: 1px solid rgba(17,18,20,.07);
    border-radius: 24px;
    background: linear-gradient(135deg,#fff,#f7f7f4);
    box-shadow: 0 18px 50px rgba(17,18,20,.06);
}

.woocommerce div.product .related.products > h2 {
    margin: 0 0 24px;
    color: var(--sp-black);
    font-size: clamp(24px, 2.5vw, 34px);
}

.woocommerce div.product .related.products ul.products {
    grid-template-columns: repeat(4,minmax(0,1fr));
    margin-bottom: 0;
}

.spadana-modal-open { overflow: hidden; }

.spadana-quote-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.spadana-quote-modal.is-open { display: flex; }

.spadana-quote-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(6,7,9,.62);
    backdrop-filter: blur(8px);
}

.spadana-quote-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(520px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: clamp(26px, 4vw, 38px);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 34px 90px rgba(0,0,0,.28);
}

.spadana-quote-modal__close {
    position: absolute;
    top: 14px;
    inset-inline-end: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f4f4f2;
    color: var(--sp-black);
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.spadana-quote-modal__close:hover {
    background: var(--sp-red);
    color: #fff;
}

.spadana-quote-modal h2 {
    margin: 0 0 20px;
    color: var(--sp-black);
    font-size: clamp(24px, 3vw, 34px);
}

.spadana-quote-form {
    display: grid;
    gap: 14px;
}

.spadana-quote-form label {
    display: grid;
    gap: 7px;
    color: var(--sp-black);
    font-size: 13px;
    font-weight: 850;
}

.spadana-quote-form label b { color: var(--sp-red); }
.spadana-quote-form label small { color: var(--sp-muted); font-weight: 700; }

.spadana-quote-form input {
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid var(--sp-line);
    border-radius: 12px;
    background: #fff;
    color: var(--sp-black);
    font: inherit;
}

.spadana-quote-form input[readonly] {
    background: #f7f7f5;
    color: var(--sp-muted);
}

.spadana-quote-form button[type="submit"] {
    width: 100%;
    margin-top: 4px;
    border: 0;
    cursor: pointer;
}

.spadana-quote-form button.is-loading {
    opacity: .72;
    pointer-events: none;
}

.spadana-quote-form__message {
    min-height: 22px;
    margin: 0;
    color: var(--sp-muted);
    font-size: 13px;
    line-height: 1.8;
}

.spadana-quote-form__message.is-success { color: #15803d; }
.spadana-quote-form__message.is-error { color: var(--sp-red); }

@media (max-width: 782px) {
    .spadana-support-clean__grid,
    .woocommerce div.product .related.products ul.products {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .spadana-support-clean__cta {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }
}

@media (max-width: 600px) {
    .spadana-support-clean {
        padding: 28px 18px;
        border-radius: 18px;
    }
    .spadana-support-clean__grid,
    .woocommerce div.product .related.products ul.products {
        grid-template-columns: 1fr;
    }
    .woocommerce div.product .related.products {
        padding: 24px 16px;
        border-radius: 18px;
    }
    .spadana-quote-modal { padding: 12px; }
    .spadana-quote-modal__dialog { border-radius: 18px; }
}

/* ==========================================================
   Spadana 1.4.6 — reliable category links and cleaner archive navigation
   ========================================================== */

.spadana-menu .spadana-product-mega-menu {
    width: min(780px, calc(100vw - 34px));
    min-width: 0;
    inset-inline-start: 50%;
    transform: translateX(50%);
    padding: 16px;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px;
    grid-auto-rows: 1fr;
}

[dir="ltr"] .spadana-menu .spadana-product-mega-menu {
    transform: translateX(-50%);
}

.spadana-menu li:hover > .spadana-product-mega-menu {
    display: grid;
}

.spadana-product-mega-menu li { min-width: 0; height: 100%; }

.spadana-menu .spadana-product-mega-menu a {
    min-height: 44px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8f8f6;
    color: var(--sp-black);
    font-weight: 800;
    line-height: 1.7;
}

.spadana-submenu-toggle { display: none; }

.spadana-menu .spadana-product-mega-menu a:hover {
    background: var(--sp-red);
    color: #fff;
}

.spadana-category-archive-nav {
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto 24px;
    padding: 16px;
    border: 1px solid rgba(17,18,20,.08);
    border-radius: 18px;
    background: linear-gradient(135deg,#fff,#f8f8f5);
    box-shadow: 0 16px 42px rgba(17,18,20,.055);
}

.spadana-category-archive-nav__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
    color: var(--sp-black);
    font-weight: 900;
}

.spadana-category-archive-nav__head a {
    color: var(--sp-red);
    font-size: 13px;
    font-weight: 850;
}

.spadana-category-archive-nav__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.spadana-category-archive-nav__list a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid rgba(17,18,20,.08);
    border-radius: 999px;
    background: #fff;
    color: var(--sp-black);
    font-size: 13px;
    font-weight: 800;
}

.spadana-category-archive-nav__list a:hover,
.spadana-category-archive-nav__list a.is-active {
    border-color: var(--sp-red);
    background: var(--sp-red);
    color: #fff;
}

@media (max-width: 1080px) {
    .spadana-menu > li.menu-item-has-children { position: relative; }
    .spadana-menu > li.menu-item-has-children > a { padding-inline-end: 48px; }
    .spadana-submenu-toggle {
        position: absolute;
        inset-inline-end: 0;
        top: 5px;
        display: grid;
        width: 38px;
        height: 38px;
        place-items: center;
        padding: 0;
        border: 1px solid var(--sp-line);
        border-radius: 9px;
        background: #f7f7f5;
        color: var(--sp-black);
        cursor: pointer;
    }
    .spadana-submenu-toggle span { display: block; font-size: 21px; line-height: 1; transition: transform .2s ease; }
    .is-submenu-open > .spadana-submenu-toggle span { transform: rotate(180deg); }
    .spadana-menu .spadana-product-mega-menu {
        width: auto;
        transform: none;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 7px;
        padding: 8px 0 10px;
    }
    .spadana-menu .spadana-product-mega-menu {
        display: none;
    }
    .spadana-menu li.is-submenu-open > .spadana-product-mega-menu {
        display: grid;
    }
}

@media (max-width: 1080px) {
    .spadana-menu li.menu-item-has-children > .sub-menu { display: none; }
    .spadana-menu li.menu-item-has-children.is-submenu-open > .sub-menu { display: grid; }
}

@media (max-width: 600px) {
    .spadana-menu .spadana-product-mega-menu {
        grid-template-columns: 1fr;
    }
    .spadana-category-archive-nav {
        width: min(100% - 24px, 1120px);
        padding: 13px;
        border-radius: 15px;
    }
    .spadana-category-archive-nav__head {
        align-items: flex-start;
        flex-direction: column;
    }
    .spadana-category-archive-nav__list {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x proximity;
    }
    .spadana-category-archive-nav__list a {
        white-space: nowrap;
        scroll-snap-align: start;
    }
}

/* ==========================================================
   Spadana 1.6.13 — Yekan Bakh and tighter about layout
   ========================================================== */

@media (min-width: 783px) {
    .spadana-about-grid,
    .wp-block-columns.spadana-about-grid {
        flex-direction: row !important;
        gap: 0 !important;
    }
    .spadana-about-grid > .wp-block-column,
    .wp-block-columns.spadana-about-grid > .wp-block-column {
        flex-basis: 50% !important;
        width: 50% !important;
    }
    .spadana-about-grid > .wp-block-column:last-child,
    .wp-block-columns.spadana-about-grid > .wp-block-column:last-child {
        order: -1;
        padding: clamp(34px, 3.2vw, 48px) !important;
    }
    html[dir="rtl"] .spadana-about-grid > .wp-block-column:last-child {
        text-align: right;
    }
    html[dir="rtl"] .spadana-about-grid > .wp-block-column:last-child .wp-block-buttons {
        justify-content: flex-start;
    }
}

.spadana-about-page-management {
    margin-top: clamp(42px, 6vw, 82px) !important;
    margin-bottom: clamp(54px, 7vw, 96px) !important;
}

/* ==========================================================
   Spadana 1.6.19 — lighter, cleaner heading weights
   ========================================================== */

/* Keep the established scale, spacing and colors; only reduce visual weight. */
.spadana-main :where(h1, h2, h3, h4),
.woocommerce .woocommerce-products-header__title,
.woocommerce-page .woocommerce-products-header__title,
.woocommerce div.product .product_title,
.woocommerce div.product .related.products > h2,
.spadana-quote-modal h2,
.spadana-footer__title {
    font-weight: 600;
}

/* The hero remains the strongest heading, without using black/extra-black. */
.spadana-home-hero__title {
    font-weight: 700;
}

/* ==========================================================
   Spadana 1.6.20 — Persian homepage category-first refresh
   Scope is deliberately limited to the opening, benefit strip
   and product-category catalogue. Every later section is intact.
   ========================================================== */

html[lang^="fa"] .spadana-home-mosaic {
    position: relative;
    isolation: isolate;
    padding: clamp(38px, 4.5vw, 66px) 0 clamp(82px, 7vw, 108px);
    overflow: hidden;
    background: #f6f5f1;
    color: var(--sp-text);
}

html[lang^="fa"] .spadana-home-mosaic::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 360px;
    height: 360px;
    inset-inline-end: -210px;
    top: -205px;
    border: 1px solid rgba(227,6,19,.07);
    border-radius: 50%;
    box-shadow: 0 0 0 54px rgba(227,6,19,.018);
    pointer-events: none;
}

html[lang^="fa"] .spadana-home-mosaic__intro {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr);
    align-items: end;
    gap: clamp(34px, 5vw, 80px);
    margin-bottom: clamp(28px, 3.4vw, 48px);
}

html[lang^="fa"] .spadana-home-mosaic__copy,
html[lang^="fa"] .spadana-home-mosaic__aside {
    min-width: 0;
}

html[lang^="fa"] .spadana-home-mosaic__kicker {
    margin: 0 0 12px;
    color: var(--sp-red);
    font-family: "Yekan Bakh Web", Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .14em;
    direction: ltr;
    text-align: right;
}

html[lang^="fa"] .spadana-home-mosaic h1 {
    max-width: 820px;
    margin: 0;
    color: var(--sp-black);
    font-size: clamp(34px, 3.65vw, 56px);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -.025em;
}

html[lang^="fa"] .spadana-home-mosaic h1 span {
    color: var(--sp-red);
    font-weight: inherit;
}

html[lang^="fa"] .spadana-home-mosaic__copy > p:last-child {
    max-width: 720px;
    margin: 16px 0 0;
    color: var(--sp-muted);
    font-size: 15px;
    font-weight: 300;
    line-height: 2;
}

html[lang^="fa"] .spadana-home-mosaic__aside {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}

html[lang^="fa"] .spadana-home-mosaic__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

html[lang^="fa"] .spadana-home-mosaic__actions a {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: 1px solid var(--sp-red);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

html[lang^="fa"] .spadana-home-mosaic__primary {
    background: var(--sp-red);
    color: #fff;
}

html[lang^="fa"] .spadana-home-mosaic__secondary {
    background: transparent;
    color: var(--sp-black);
    border-color: #cfd0cc !important;
}

html[lang^="fa"] .spadana-home-mosaic__actions a:hover {
    background: var(--sp-black);
    border-color: var(--sp-black) !important;
    color: #fff;
}

html[lang^="fa"] .spadana-home-mosaic__points {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    color: #696b70;
    font-size: 11px;
    font-weight: 300;
}

html[lang^="fa"] .spadana-home-mosaic__points span::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-inline-end: 7px;
    border: 1px solid var(--sp-red);
    transform: rotate(45deg);
    vertical-align: .08em;
}

html[lang^="fa"] .spadana-home-mosaic__grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(225px, 1fr));
    gap: 12px;
    min-height: 526px;
}

html[lang^="fa"] .spadana-home-mosaic__tile {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(17,18,20,.075);
    border-radius: 10px;
    background: #efeee9;
    color: var(--sp-black);
}

html[lang^="fa"] .spadana-home-mosaic__tile--1 { grid-column: span 3; grid-row: span 2; }
html[lang^="fa"] .spadana-home-mosaic__tile--2 { grid-column: span 5; }
html[lang^="fa"] .spadana-home-mosaic__tile--3 { grid-column: span 4; }
html[lang^="fa"] .spadana-home-mosaic__tile--4,
html[lang^="fa"] .spadana-home-mosaic__tile--5,
html[lang^="fa"] .spadana-home-mosaic__tile--6 { grid-column: span 3; }

html[lang^="fa"] .spadana-home-mosaic__image {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
    background: #f4f3ef;
}

html[lang^="fa"] .spadana-home-mosaic__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.01) 45%, rgba(255,255,255,.24) 100%);
    pointer-events: none;
}

html[lang^="fa"] .spadana-home-mosaic__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.72) contrast(.96) brightness(1.02);
    transition: transform .45s cubic-bezier(.2,.65,.3,1), filter .3s ease;
}

html[lang^="fa"] .spadana-home-mosaic__tile:hover .spadana-home-mosaic__image img {
    transform: scale(1.025);
    filter: saturate(.82) contrast(.98) brightness(1.02);
}

html[lang^="fa"] .spadana-home-mosaic__label {
    position: absolute;
    z-index: 2;
    inset-inline: 15px;
    top: 15px;
    display: flex;
    width: fit-content;
    max-width: calc(100% - 30px);
    flex-direction: column;
    gap: 4px;
    padding: 11px 13px 10px;
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 8px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 8px 24px rgba(17,18,20,.055);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

html[lang^="fa"] .spadana-home-mosaic__label strong {
    color: var(--sp-black);
    font-size: clamp(14px, 1.25vw, 18px);
    font-weight: 500;
    line-height: 1.65;
}

html[lang^="fa"] .spadana-home-mosaic__label > span {
    color: #686a6e;
    font-size: 10px;
    font-weight: 300;
}

html[lang^="fa"] .spadana-home-mosaic__label b {
    margin-inline-start: 4px;
    color: var(--sp-red);
    font-size: 13px;
    font-weight: 400;
    transition: margin .2s ease;
}

html[lang^="fa"] .spadana-home-mosaic__tile:hover .spadana-home-mosaic__label b {
    margin-inline-start: 8px;
}

/* Refined four-item strip directly below the new opening. */
html[lang^="fa"] .spadana-front-page .spadana-benefits-card,
html[lang^="fa"] .spadana-front-page .entry-content > .spadana-benefits-card {
    z-index: 8;
    width: min(1120px, calc(100% - (var(--sp-gutter) * 2))) !important;
    margin-top: -58px !important;
    padding-inline: 16px !important;
    border: 1px solid rgba(17,18,20,.06) !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: 0 20px 55px rgba(17,18,20,.09) !important;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-grid,
html[lang^="fa"] .spadana-front-page .entry-content .spadana-benefits-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-grid > .wp-block-column {
    width: 100% !important;
    max-width: none !important;
    min-height: 112px !important;
    padding: 18px 16px !important;
    gap: 3px !important;
    border: 0 !important;
    border-inline-end: 1px solid var(--sp-line) !important;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-grid > .wp-block-column:last-child {
    border-inline-end: 0 !important;
}

html[lang^="fa"] .spadana-front-page .spadana-mini-icon {
    width: 36px;
    height: 36px;
    margin-bottom: 4px;
    border: 1px solid rgba(227,6,19,.10);
    background: #fff7f7;
    box-shadow: none;
    font-size: 9px;
    font-weight: 500;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-grid h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-grid p:not(.spadana-mini-icon) {
    font-size: 11px;
    font-weight: 300;
    line-height: 1.75;
}

/* Minimal, image-led product-category catalogue. */
html[lang^="fa"] .spadana-front-page .spadana-category-section {
    padding-top: clamp(92px, 7.5vw, 112px) !important;
    padding-bottom: clamp(96px, 8vw, 120px) !important;
}

html[lang^="fa"] .spadana-front-page .spadana-category-section .spadana-section-head {
    max-width: 720px;
    margin-bottom: clamp(36px, 4vw, 54px);
}

html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic {
    display: flex;
    min-height: 0 !important;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e4e4e0;
    border-radius: 10px;
    background: #fff !important;
    background-image: none !important;
    box-shadow: 0 7px 22px rgba(17,18,20,.035);
    color: var(--sp-black);
    isolation: isolate;
    transform: none;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic::before,
html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic::after,
html[lang^="fa"] .spadana-front-page .spadana-category-card-dynamic__shade {
    display: none !important;
    content: none !important;
}

html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic:hover {
    transform: translateY(-4px);
    border-color: rgba(227,6,19,.22);
    box-shadow: 0 16px 38px rgba(17,18,20,.075);
}

html[lang^="fa"] .spadana-category-card-dynamic__visual {
    display: block;
    aspect-ratio: 800 / 520;
    overflow: hidden;
    border-bottom: 1px solid #ecece8;
    background: #f4f3ef;
}

html[lang^="fa"] .spadana-category-card-dynamic__visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.70) contrast(.96) brightness(1.03);
    transition: transform .38s cubic-bezier(.2,.65,.3,1), filter .25s ease;
}

html[lang^="fa"] .spadana-category-card-dynamic:hover .spadana-category-card-dynamic__visual img {
    transform: scale(1.025);
    filter: saturate(.82) contrast(.98) brightness(1.03);
}

html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content {
    position: static;
    inset: auto;
    display: flex;
    min-height: 94px;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 13px 12px 14px;
    text-align: center;
}

html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content strong {
    color: var(--sp-black);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.75;
    text-shadow: none;
}

html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content > span {
    color: #77797d;
    font-size: 10px;
    font-weight: 300;
}

html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content b {
    margin-inline-start: 3px;
    color: var(--sp-red);
    font-size: 12px;
    font-weight: 400;
}

@media (max-width: 1180px) {
    html[lang^="fa"] .spadana-home-mosaic__intro {
        grid-template-columns: minmax(0, 1fr) minmax(280px, .58fr);
    }
    html[lang^="fa"] .spadana-home-mosaic__grid {
        grid-template-rows: repeat(2, minmax(205px, 1fr));
        min-height: 486px;
    }
    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    html[lang^="fa"] .spadana-home-mosaic__intro {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    html[lang^="fa"] .spadana-home-mosaic__aside { gap: 14px; }
    html[lang^="fa"] .spadana-home-mosaic__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
        grid-auto-rows: 205px;
        min-height: 0;
    }
    html[lang^="fa"] .spadana-home-mosaic__tile,
    html[lang^="fa"] .spadana-home-mosaic__tile--1,
    html[lang^="fa"] .spadana-home-mosaic__tile--2,
    html[lang^="fa"] .spadana-home-mosaic__tile--3,
    html[lang^="fa"] .spadana-home-mosaic__tile--4,
    html[lang^="fa"] .spadana-home-mosaic__tile--5,
    html[lang^="fa"] .spadana-home-mosaic__tile--6 {
        grid-column: auto;
        grid-row: auto;
    }
    html[lang^="fa"] .spadana-home-mosaic__tile--1,
    html[lang^="fa"] .spadana-home-mosaic__tile--2 { grid-column: span 2; }
    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid,
    html[lang^="fa"] .spadana-front-page .entry-content .spadana-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid > .wp-block-column:nth-child(2n) {
        border-inline-end: 0 !important;
    }
    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid > .wp-block-column:nth-child(-n+2) {
        border-bottom: 1px solid var(--sp-line) !important;
    }
    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
}

@media (max-width: 600px) {
    html[lang^="fa"] .spadana-home-mosaic {
        padding-top: 30px;
        padding-bottom: 88px;
    }
    html[lang^="fa"] .spadana-home-mosaic__kicker { font-size: 9px; }
    html[lang^="fa"] .spadana-home-mosaic h1 { font-size: clamp(29px, 8.6vw, 38px); }
    html[lang^="fa"] .spadana-home-mosaic__copy > p:last-child { font-size: 13px; }
    html[lang^="fa"] .spadana-home-mosaic__actions,
    html[lang^="fa"] .spadana-home-mosaic__actions a { width: 100%; }
    html[lang^="fa"] .spadana-home-mosaic__grid {
        grid-auto-rows: 165px;
        gap: 9px;
    }
    html[lang^="fa"] .spadana-home-mosaic__tile--1,
    html[lang^="fa"] .spadana-home-mosaic__tile--2 { min-height: 218px; }
    html[lang^="fa"] .spadana-home-mosaic__label {
        inset-inline: 9px;
        top: 9px;
        max-width: calc(100% - 18px);
        padding: 8px 9px 7px;
    }
    html[lang^="fa"] .spadana-home-mosaic__label strong { font-size: 12px; }
    html[lang^="fa"] .spadana-home-mosaic__label > span { font-size: 8px; }
    html[lang^="fa"] .spadana-front-page .spadana-benefits-card,
    html[lang^="fa"] .spadana-front-page .entry-content > .spadana-benefits-card {
        margin-top: -52px !important;
        padding-inline: 10px !important;
    }
    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid,
    html[lang^="fa"] .spadana-front-page .entry-content .spadana-benefits-grid {
        grid-template-columns: 1fr !important;
    }
    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid > .wp-block-column {
        min-height: 94px !important;
        border-inline-end: 0 !important;
        border-bottom: 1px solid var(--sp-line) !important;
    }
    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid > .wp-block-column:last-child {
        border-bottom: 0 !important;
    }
    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content {
        min-height: 100px;
        padding-inline: 8px;
    }
    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content strong {
        font-size: 11px;
    }
}

@media (max-width: 400px) {
    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   Spadana 1.6.21 — unified type, glass navigation and
   viewport-safe Persian opening section
   ========================================================== */

body,
button,
input,
textarea,
select,
.spadana-topbar,
.spadana-header,
.spadana-main,
.spadana-cta-strip,
.spadana-footer {
    font-family: var(--sp-font) !important;
}

html[lang^="fa"] .spadana-home-mosaic__kicker {
    font-family: inherit;
}

.spadana-button,
.wp-block-button__link,
.spadana-outline-button {
    font-weight: 500;
}

/* A quiet information bar and a genuinely translucent navigation surface. */
.spadana-topbar {
    border-bottom: 1px solid rgba(17,18,20,.055);
    background: #eeede8;
    color: #595b5e;
    font-size: 11px;
    font-weight: 300;
}

.spadana-topbar__inner {
    min-height: 30px;
}

.spadana-topbar__clock {
    color: var(--sp-red);
}

.spadana-topbar__languages {
    font-weight: 500;
}

.spadana-topbar__languages a {
    color: #242527;
    opacity: .58;
}

.spadana-topbar__languages a:hover,
.spadana-topbar__languages a.is-active {
    color: var(--sp-red);
    opacity: 1;
}

.spadana-header {
    background: linear-gradient(180deg, rgba(247,246,242,.88), rgba(247,246,242,.72));
    border-bottom: 1px solid rgba(17,18,20,.07);
    box-shadow: 0 10px 34px rgba(17,18,20,.055);
    -webkit-backdrop-filter: blur(22px) saturate(135%);
    backdrop-filter: blur(22px) saturate(135%);
}

.spadana-header__inner {
    min-height: 68px;
    gap: clamp(16px, 2vw, 30px);
}

.spadana-brand .custom-logo,
.spadana-bundled-logo img,
.spadana-brand .spadana-header-logo-img {
    max-width: 205px;
    max-height: 54px;
}

.spadana-menu > li > a {
    padding-block: 14px !important;
    color: #292a2c;
    font-size: 13px;
    font-weight: 500 !important;
}

.spadana-menu > li.current-menu-item > a::after,
.spadana-menu > li.current-menu-ancestor > a::after {
    bottom: 8px;
    height: 1px;
}

.spadana-header__cta .spadana-button {
    min-height: 42px;
    padding: 9px 18px;
    border-radius: 9px;
    font-size: 12px;
}

@media (min-width: 1081px) {
    .spadana-nav {
        padding-inline: clamp(14px, 1.5vw, 22px);
        border: 1px solid rgba(255,255,255,.74);
        border-radius: 12px;
        background: rgba(255,255,255,.52);
        box-shadow: inset 0 0 0 1px rgba(17,18,20,.025), 0 8px 24px rgba(17,18,20,.035);
        -webkit-backdrop-filter: blur(18px);
        backdrop-filter: blur(18px);
    }
}

/* Keep the complete first composition inside a normal desktop viewport. */
@media (min-width: 1081px) {
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
        display: grid;
        width: 100%;
        height: clamp(500px, calc(100vh - 98px), 650px);
        height: clamp(500px, calc(100svh - 98px), 650px);
        min-height: 0;
        grid-template-columns: minmax(325px, .72fr) minmax(0, 1.55fr);
        align-items: stretch;
        gap: clamp(24px, 2.6vw, 42px);
        padding: clamp(24px, 3vh, 34px) max(var(--sp-gutter), calc(50vw - 660px));
    }

    html[lang^="fa"] body.admin-bar .spadana-front-page .spadana-home-mosaic {
        height: clamp(480px, calc(100vh - 130px), 618px);
        height: clamp(480px, calc(100svh - 130px), 618px);
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__intro {
        display: flex;
        width: 100%;
        min-width: 0;
        height: 100%;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        gap: 0;
        margin: 0;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic h1 {
        font-size: clamp(36px, 3.1vw, 48px);
        line-height: 1.34;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__copy > p:last-child {
        margin-top: 13px;
        font-size: 14px;
        line-height: 1.9;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__aside {
        align-items: flex-start;
        gap: 15px;
        margin-top: 22px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__actions a {
        min-height: 43px;
        padding: 8px 16px;
        font-size: 12px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__grid {
        width: 100%;
        min-width: 0;
        min-height: 0;
        height: 100%;
        grid-template-rows: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__label {
        inset-inline: 11px;
        top: 11px;
        max-width: calc(100% - 22px);
        padding: 8px 10px 7px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__label strong {
        display: -webkit-box;
        overflow: hidden;
        font-size: clamp(12px, 1vw, 15px);
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__label > span {
        font-size: 9px;
    }
}

/* The contact bridge and footer now use the same restrained visual language. */
.spadana-cta-strip {
    border-top: 1px solid #deddd7;
    border-bottom: 1px solid #deddd7;
    background: #eeede8;
    background-image: none;
    color: var(--sp-black);
}

.spadana-cta-strip::after {
    display: none;
}

.spadana-cta-strip__inner {
    min-height: 126px;
}

.spadana-cta-strip__eyebrow {
    color: var(--sp-red) !important;
    font-weight: 400;
    opacity: 1 !important;
}

.spadana-cta-strip__text strong {
    color: var(--sp-black);
    font-weight: 500;
}

.spadana-cta-strip__text > span:last-child {
    color: #66686b;
    font-weight: 300;
    opacity: 1;
}

.spadana-cta-strip__actions .spadana-button {
    border-color: var(--sp-red) !important;
    background: var(--sp-red) !important;
    color: #fff !important;
    font-weight: 500;
}

.spadana-cta-strip__actions .spadana-button--dark {
    border-color: var(--sp-black) !important;
    background: var(--sp-black) !important;
}

.spadana-footer {
    border-top: 0;
    background: #151614;
    background-image: none;
    color: #fff;
}

.spadana-footer::before {
    display: none;
}

.spadana-footer__accent {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(227,6,19,.9), transparent);
    opacity: 1;
}

.spadana-footer__grid {
    gap: clamp(28px, 3.4vw, 52px);
    padding-block: 62px 50px;
}

.spadana-footer__title,
.spadana-footer__toggle {
    font-weight: 500;
}

.spadana-footer__title {
    font-size: 15px;
}

.spadana-footer__title::after {
    height: 1px;
}

.spadana-footer p,
.spadana-footer li,
.spadana-footer a,
.spadana-footer__about {
    font-weight: 300;
}

.spadana-footer__about {
    color: rgba(255,255,255,.58) !important;
}

.spadana-footer__trust span {
    border-color: rgba(255,255,255,.10);
    border-radius: 8px;
    background: rgba(255,255,255,.025);
    color: rgba(255,255,255,.58);
    font-weight: 400;
}

.spadana-footer__menu li {
    border-bottom-color: rgba(255,255,255,.055);
}

.spadana-footer__menu a {
    color: rgba(255,255,255,.58);
    font-weight: 300;
}

.spadana-footer__menu a::before {
    width: 4px;
    height: 4px;
    background: rgba(227,6,19,.68);
}

.spadana-footer__contact-item {
    border-color: rgba(255,255,255,.085);
    border-radius: 9px;
    background: rgba(255,255,255,.025);
    box-shadow: none;
}

.spadana-footer__contact-icon {
    background: rgba(227,6,19,.10);
    font-weight: 500;
}

.spadana-footer__contact-item small {
    color: rgba(255,255,255,.40);
    font-weight: 300;
}

.spadana-footer__contact-item strong {
    color: rgba(255,255,255,.72);
    font-weight: 400;
}

.spadana-footer__bottom,
.spadana-footer__bottom-links a {
    font-weight: 300;
}

@media (max-width: 1080px) {
    .spadana-header__inner {
        min-height: 64px;
    }

    .spadana-nav {
        border-color: rgba(255,255,255,.80);
        background: rgba(250,249,246,.94);
        box-shadow: 0 20px 55px rgba(17,18,20,.14);
        -webkit-backdrop-filter: blur(22px) saturate(130%);
        backdrop-filter: blur(22px) saturate(130%);
    }

    .spadana-menu > li > a {
        padding-block: 10px !important;
    }
}

@media (max-width: 782px) {
    .spadana-topbar__inner {
        min-height: 30px;
    }

    .spadana-brand .custom-logo,
    .spadana-bundled-logo img,
    .spadana-brand .spadana-header-logo-img {
        max-width: 158px;
        max-height: 45px;
    }
}

@media (max-width: 767px) {
    html[lang^="fa"] {
        --sp-font: "Yekan Bakh Farsi Digits", "Yekan Bakh Web", Tahoma, Arial, sans-serif;
    }
}

@media (max-width: 600px) {
    html[lang^="fa"] .spadana-home-mosaic__grid {
        grid-auto-rows: 150px;
    }

    html[lang^="fa"] .spadana-home-mosaic__tile--1,
    html[lang^="fa"] .spadana-home-mosaic__tile--2 {
        min-height: 0;
        grid-column: auto;
    }

    html[lang^="fa"] .spadana-home-mosaic__label strong {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .spadana-cta-strip__inner {
        padding-block: 32px;
    }

    .spadana-footer__grid {
        padding-block: 44px 34px;
    }
}

/* ==========================================================
   Spadana 1.6.22 — approved floating header and five-piece hero
   ========================================================== */

/* Preserve the information-bar data in the template, but remove the extra
   visual row so the opening composition starts with one clean glass header. */
.spadana-topbar {
    display: none !important;
}

.spadana-header {
    padding: 12px 0;
    border: 0;
    background: transparent !important;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.spadana-header__inner {
    min-height: 72px;
    padding: 8px 16px;
    gap: clamp(18px, 2.3vw, 36px);
    border: 1px solid rgba(255,255,255,.88);
    border-radius: 16px;
    background: rgba(255,255,255,.76);
    box-shadow: 0 16px 45px rgba(31,29,24,.09), inset 0 0 0 1px rgba(17,18,20,.025);
    -webkit-backdrop-filter: blur(24px) saturate(145%);
    backdrop-filter: blur(24px) saturate(145%);
}

.spadana-header__tools {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: clamp(14px, 1.6vw, 24px);
}

.spadana-header__languages {
    direction: ltr;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #4c4d50;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .03em;
}

.spadana-header__languages:empty {
    display: none;
}

.spadana-header__languages a {
    position: relative;
    padding: 8px 2px;
    color: inherit;
    opacity: .7;
}

.spadana-header__languages a:hover,
.spadana-header__languages a.is-active {
    color: var(--sp-black);
    opacity: 1;
}

.spadana-header__languages a.is-active::after {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 2px;
    left: 2px;
    height: 1.5px;
    border-radius: 3px;
    background: var(--sp-red);
}

.spadana-header__languages .sep {
    display: none;
}

.spadana-header__cta .spadana-button {
    min-height: 46px;
    padding: 10px 22px;
    border-radius: 10px;
    box-shadow: 0 10px 22px rgba(227,6,19,.17);
    font-size: 12px;
    font-weight: 500;
}

.spadana-header__cta .spadana-button::after {
    content: "←";
    margin-right: 10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
}

@media (min-width: 1081px) {
    .spadana-nav {
        padding-inline: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .spadana-menu {
        gap: clamp(19px, 1.8vw, 31px);
    }

    .spadana-menu > li > a {
        padding-block: 16px !important;
        color: #26272a;
        font-size: 13px;
        font-weight: 400 !important;
    }

    .spadana-menu > li.current-menu-item > a::after,
    .spadana-menu > li.current-menu-ancestor > a::after {
        bottom: 9px;
        height: 1.5px;
    }
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
    box-sizing: border-box;
    background: #f8f7f3;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic::before {
    width: 420px;
    height: 420px;
    inset-inline-end: -175px;
    top: -260px;
    border-color: rgba(227,6,19,.055);
    box-shadow: 0 0 0 66px rgba(227,6,19,.014);
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__kicker {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 11px;
    direction: rtl;
    color: var(--sp-red);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__kicker::after {
    content: "";
    width: 38px;
    height: 1px;
    border-radius: 3px;
    background: currentColor;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic h1 {
    max-width: 570px;
    font-weight: 500;
    letter-spacing: -.02em;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__copy > p:last-child {
    max-width: 540px;
    color: #717278;
    font-weight: 300;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, auto));
    align-items: center;
    gap: 0;
    color: #66686d;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points span {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    padding-inline: 13px;
    border-inline-start: 1px solid rgba(17,18,20,.10);
    white-space: nowrap;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points span:first-child {
    padding-inline-start: 0;
    border-inline-start: 0;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points span::before {
    display: none;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    fill: none;
    stroke: var(--sp-red);
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile {
    border-color: rgba(17,18,20,.065);
    border-radius: 13px;
    box-shadow: 0 8px 24px rgba(32,30,25,.045);
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__image::after {
    background: linear-gradient(180deg, rgba(255,255,255,0) 55%, rgba(25,25,24,.08) 100%);
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__image img {
    filter: saturate(.72) contrast(.95) brightness(1.035);
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__label {
    inset-inline: auto;
    top: auto;
    right: auto;
    bottom: 13px;
    left: 13px;
    direction: rtl;
    padding: 8px 12px 7px;
    border-radius: 7px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 7px 20px rgba(17,18,20,.07);
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__label strong {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.55;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__label > span {
    display: none;
}

@media (min-width: 1081px) {
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
        direction: rtl;
        display: grid;
        width: 100%;
        height: clamp(560px, calc(100vh - 96px), 720px);
        height: clamp(560px, calc(100svh - 96px), 720px);
        min-height: 0;
        grid-template-columns: minmax(350px, .78fr) minmax(0, 1.45fr);
        align-items: stretch;
        gap: clamp(28px, 3vw, 48px);
        padding: clamp(26px, 3.2vh, 38px) max(var(--sp-gutter), calc(50vw - 660px));
    }

    html[lang^="fa"] body.admin-bar .spadana-front-page .spadana-home-mosaic {
        height: clamp(528px, calc(100vh - 128px), 688px);
        height: clamp(528px, calc(100svh - 128px), 688px);
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__intro {
        display: flex;
        width: 100%;
        min-width: 0;
        height: 100%;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        gap: 0;
        margin: 0;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic h1 {
        font-size: clamp(38px, 3.35vw, 53px);
        line-height: 1.34;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__copy > p:last-child {
        margin-top: 15px;
        font-size: 14px;
        line-height: 2;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__aside {
        width: 100%;
        align-items: flex-start;
        gap: 18px;
        margin-top: 24px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__actions a {
        min-height: 45px;
        padding: 9px 18px;
        border-radius: 8px;
        font-size: 12px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__grid {
        direction: ltr;
        display: grid;
        width: 100%;
        min-width: 0;
        min-height: 0;
        height: 100%;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-template-rows: repeat(6, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--1 {
        grid-column: 1 / 6;
        grid-row: 1 / 7;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--2 {
        grid-column: 6 / 13;
        grid-row: 1 / 3;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--3 {
        grid-column: 6 / 9;
        grid-row: 3 / 5;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--4 {
        grid-column: 9 / 13;
        grid-row: 3 / 5;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--5 {
        grid-column: 6 / 13;
        grid-row: 5 / 7;
    }
}

@media (max-width: 1080px) {
    .spadana-header {
        padding: 9px 0;
    }

    .spadana-header__inner {
        position: relative;
        min-height: 60px;
        padding: 7px 12px;
        gap: 13px;
        border-radius: 14px;
    }

    .spadana-brand {
        order: 0;
        flex: 1 1 auto;
    }

    .spadana-header__tools {
        order: 2;
    }

    .spadana-menu-toggle {
        order: 3;
        display: flex;
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        border-color: rgba(227,6,19,.55);
        border-radius: 11px;
    }

    .spadana-menu-toggle span {
        width: 21px;
        height: 1.5px;
        background: var(--sp-red);
    }

    .spadana-header__cta {
        display: none;
    }

    .spadana-header__languages a:not(.is-active),
    .spadana-header__languages .sep {
        display: none;
    }

    .spadana-header__languages {
        font-size: 13px;
    }

    .spadana-nav {
        top: calc(100% + 10px);
        inset-inline: 0;
        padding: 12px 18px 18px;
        border: 1px solid rgba(255,255,255,.88);
        border-radius: 14px;
        background: rgba(250,249,246,.94);
        box-shadow: 0 22px 55px rgba(17,18,20,.14);
        -webkit-backdrop-filter: blur(24px) saturate(135%);
        backdrop-filter: blur(24px) saturate(135%);
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
        padding-top: clamp(30px, 5vw, 52px);
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__intro {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        margin-bottom: 27px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__aside {
        align-items: stretch;
        margin-top: 22px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__grid {
        direction: ltr;
        display: grid;
        width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2)));
        height: clamp(390px, 58vw, 520px);
        min-height: 0;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-template-rows: repeat(6, minmax(0, 1fr));
        grid-auto-rows: auto;
        gap: 9px;
        margin-inline: auto;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile,
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--1,
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--2,
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--3,
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--4,
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--5 {
        min-height: 0;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--1 {
        grid-column: 1 / 6;
        grid-row: 1 / 7;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--2 {
        grid-column: 6 / 13;
        grid-row: 1 / 3;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--3 {
        grid-column: 6 / 9;
        grid-row: 3 / 5;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--4 {
        grid-column: 9 / 13;
        grid-row: 3 / 5;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--5 {
        grid-column: 6 / 13;
        grid-row: 5 / 7;
    }
}

@media (max-width: 600px) {
    :root {
        --sp-gutter: 16px;
    }

    .spadana-header {
        padding-block: 8px;
    }

    .spadana-header__inner {
        min-height: 58px;
        padding: 6px 10px;
        border-radius: 13px;
    }

    .spadana-brand .custom-logo,
    .spadana-bundled-logo img,
    .spadana-brand .spadana-header-logo-img {
        width: auto;
        height: 43px;
        max-width: 152px;
        max-height: 43px;
    }

    .spadana-menu-toggle {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
        padding: 22px 0 70px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__intro {
        width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2)));
        gap: 0;
        margin: 0 auto 22px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__kicker {
        gap: 8px;
        margin-bottom: 7px;
        font-size: 10px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__kicker::after {
        width: 26px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic h1 {
        max-width: 100%;
        font-size: clamp(28px, 7.7vw, 32px) !important;
        font-weight: 500;
        line-height: 1.4;
        letter-spacing: -.015em;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__copy > p:last-child {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.95;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__aside {
        gap: 13px;
        margin-top: 16px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__actions {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__actions a {
        width: auto;
        min-height: 42px;
        padding: 7px 8px;
        border-radius: 7px;
        font-size: 10px;
        white-space: nowrap;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        font-size: 9px;
        line-height: 1.55;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points span,
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points span:first-child {
        min-height: 43px;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        padding-inline: 5px;
        border-inline-start: 1px solid rgba(17,18,20,.10);
        text-align: center;
        white-space: normal;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points span:first-child {
        border-inline-start: 0;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points svg {
        width: 19px;
        height: 19px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__grid {
        width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2)));
        height: 292px;
        grid-template-columns: minmax(0, 1.12fr) repeat(2, minmax(0, .74fr));
        grid-template-rows: 1.1fr 1fr 1fr;
        grid-auto-rows: auto;
        gap: 7px;
        margin-inline: auto;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile {
        border-radius: 9px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--1 {
        grid-column: 1 / 2;
        grid-row: 1 / 4;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--2 {
        grid-column: 2 / 4;
        grid-row: 1 / 2;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--3 {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--4 {
        grid-column: 3 / 4;
        grid-row: 2 / 3;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--5 {
        grid-column: 2 / 4;
        grid-row: 3 / 4;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__label {
        bottom: 7px;
        left: 7px;
        max-width: calc(100% - 14px);
        padding: 5px 7px 4px;
        border-radius: 5px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__label strong {
        display: block;
        overflow: hidden;
        font-size: 8px;
        line-height: 1.45;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* ==========================================================
   Spadana 1.6.23 — Gutenberg-native hero and detached benefits
   ========================================================== */

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
    display: block;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__layout {
    position: relative;
    z-index: 1;
    width: min(var(--sp-wide), calc(100% - (var(--sp-gutter) * 2)));
    margin-inline: auto;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic h1 span {
    display: block;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points > p {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding-inline: 13px;
    border-inline-start: 1px solid rgba(17,18,20,.10);
    color: #66686d;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.65;
    white-space: nowrap;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points > p:first-child {
    padding-inline-start: 0;
    border-inline-start: 0;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points > p::before {
    content: "✓";
    display: inline-flex;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(227,6,19,.32);
    border-radius: 50%;
    color: var(--sp-red);
    font-size: 10px;
    font-weight: 500;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__grid {
    width: 100%;
    margin: 0;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__grid > .spadana-home-mosaic__tile {
    position: relative;
    display: block;
    margin: 0 !important;
    overflow: hidden;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile > a {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile > a::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 58%, rgba(22,22,20,.10));
    pointer-events: none;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.72) contrast(.95) brightness(1.035);
    transition: transform .45s cubic-bezier(.2,.65,.3,1), filter .3s ease;
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile:hover img {
    transform: scale(1.025);
    filter: saturate(.82) contrast(.98) brightness(1.02);
}

html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile figcaption {
    position: absolute;
    z-index: 2;
    right: auto;
    bottom: 13px;
    left: 13px;
    width: fit-content;
    max-width: calc(100% - 26px);
    margin: 0;
    padding: 8px 12px 7px;
    border: 1px solid rgba(255,255,255,.80);
    border-radius: 7px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 7px 20px rgba(17,18,20,.07);
    color: var(--sp-black);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.55;
    text-align: right;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

@media (min-width: 1081px) {
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
        height: clamp(560px, calc(100vh - 96px), 720px);
        height: clamp(560px, calc(100svh - 96px), 720px);
        padding: clamp(26px, 3.2vh, 38px) 0;
    }

    html[lang^="fa"] body.admin-bar .spadana-front-page .spadana-home-mosaic {
        height: clamp(528px, calc(100vh - 128px), 688px);
        height: clamp(528px, calc(100svh - 128px), 688px);
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__layout {
        direction: rtl;
        display: grid;
        height: 100%;
        grid-template-columns: minmax(350px, .78fr) minmax(0, 1.45fr);
        align-items: stretch;
        gap: clamp(28px, 3vw, 48px);
    }
}

@media (max-width: 1080px) {
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
        padding-bottom: 34px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__layout {
        display: block;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__intro,
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__grid {
        width: 100%;
    }
}

/* The four existing editable Gutenberg cards now form their own quiet section. */
html[lang^="fa"] .spadana-front-page .spadana-benefits-card,
html[lang^="fa"] .spadana-front-page .entry-content > .spadana-benefits-card {
    position: relative;
    z-index: 2;
    width: min(1180px, calc(100% - (var(--sp-gutter) * 2))) !important;
    margin: 30px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-grid,
html[lang^="fa"] .spadana-front-page .entry-content .spadana-benefits-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-grid > .wp-block-column {
    min-height: 122px !important;
    padding: 20px 16px !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 12px !important;
    background: rgba(250,249,245,.92) !important;
    box-shadow: 0 10px 30px rgba(31,29,24,.045) !important;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-grid .spadana-mini-icon {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 8px !important;
    border: 1px solid rgba(227,6,19,.25);
    border-radius: 50%;
    background: #fff;
    color: var(--sp-red);
    font-size: 9px;
    font-weight: 500;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-grid h3 {
    margin: 0 !important;
    color: var(--sp-black);
    font-size: 14px;
    font-weight: 500;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-grid h3 + p {
    margin: 5px 0 0 !important;
    color: #76777b;
    font-size: 10px;
    font-weight: 300;
    line-height: 1.7;
}

html[lang^="fa"] .spadana-front-page .spadana-benefits-card + .spadana-pathways {
    padding-top: 88px;
}

@media (max-width: 900px) {
    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid,
    html[lang^="fa"] .spadana-front-page .entry-content .spadana-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

@media (max-width: 600px) {
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
        padding-bottom: 24px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__intro {
        width: 100%;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points > p {
        min-height: 43px;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        padding-inline: 5px;
        font-size: 9px;
        line-height: 1.5;
        text-align: center;
        white-space: normal;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__points > p::before {
        width: 19px;
        height: 19px;
        flex-basis: 19px;
        font-size: 9px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile figcaption {
        bottom: 7px;
        left: 7px;
        max-width: calc(100% - 14px);
        padding: 5px 7px 4px;
        border-radius: 5px;
        overflow: hidden;
        font-size: 8px;
        line-height: 1.45;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    html[lang^="fa"] .spadana-front-page .spadana-benefits-card,
    html[lang^="fa"] .spadana-front-page .entry-content > .spadana-benefits-card {
        margin-top: 22px !important;
        padding-inline: 0 !important;
    }

    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid > .wp-block-column {
        min-height: 112px !important;
        padding: 16px 9px !important;
    }

    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid h3 {
        font-size: 12px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid h3 + p {
        font-size: 9px;
    }

    html[lang^="fa"] .spadana-front-page .spadana-benefits-card + .spadana-pathways {
        padding-top: 68px;
    }
}

/* 1.6.24 final cascade: keep this block last so older compatibility layers
   cannot reintroduce the overlap or the opaque homepage header. */
html[lang^="fa"] body.home .spadana-header,
html[lang^="fa"] body.front-page .spadana-header {
    position: absolute;
    z-index: 1400;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding: 16px 0 0;
    border: 0;
    background: transparent !important;
    box-shadow: none;
}
html[lang^="fa"] body.admin-bar.home .spadana-header,
html[lang^="fa"] body.admin-bar.front-page .spadana-header { top: 32px; }
html[lang^="fa"] body.home .spadana-header__inner,
html[lang^="fa"] body.front-page .spadana-header__inner {
    border: 1px solid rgba(255,255,255,.72);
    background: rgba(255,255,255,.54);
    box-shadow: 0 14px 42px rgba(31,29,24,.085), inset 0 1px 0 rgba(255,255,255,.58);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
    backdrop-filter: blur(22px) saturate(145%);
}
html[lang^="fa"] body.home .spadana-nav,
html[lang^="fa"] body.front-page .spadana-nav { background: transparent; }
html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
    overflow: hidden;
    background: radial-gradient(circle at 8% 13%,rgba(227,6,19,.045),transparent 28%),linear-gradient(135deg,#f8f7f3 0%,#f3f0e8 100%);
}
html[lang^="fa"] .spadana-front-page .spadana-benefits-card,
html[lang^="fa"] .spadana-front-page .entry-content > .spadana-benefits-card {
    position: relative !important;
    z-index: 2 !important;
    clear: both;
    width: min(1180px,calc(100% - (var(--sp-gutter) * 2))) !important;
    margin: 36px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}
html[lang^="fa"] .spadana-front-page .spadana-benefits-grid { gap: 14px !important; }
html[lang^="fa"] .spadana-front-page .spadana-benefits-grid > .wp-block-column {
    min-height: 126px !important;
    padding: 21px 16px !important;
    border: 1px solid #e5e1d8 !important;
    border-radius: 14px !important;
    background: #fbfaf6 !important;
    box-shadow: 0 10px 28px rgba(31,29,24,.045) !important;
}
html[lang^="fa"] .spadana-front-page .spadana-benefits-card + .spadana-pathways { padding-top: 94px; }
html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 22px !important;
}
html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic {
    border-color: #e6e1d7;
    border-radius: 15px;
    background: #fbfaf6 !important;
    box-shadow: 0 10px 30px rgba(31,29,24,.045);
}
html[lang^="fa"] .spadana-category-card-dynamic__visual {
    aspect-ratio: 1;
    border-bottom-color: #ece7dd;
    background: #f4f1e9;
}
html[lang^="fa"] .spadana-category-card-dynamic__visual img,
html[lang^="fa"] .spadana-category-card-dynamic:hover .spadana-category-card-dynamic__visual img {
    object-fit: cover;
    filter: none;
}
html[lang^="fa"] .spadana-category-card-dynamic:hover .spadana-category-card-dynamic__visual img { transform: scale(1.018); }
html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content {
    min-height: 104px;
    padding: 16px 14px 18px;
}
html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content strong {
    font-size: 14px;
    line-height: 1.8;
}
html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content > span { font-size: 11px; }
@media (min-width:1081px) {
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic {
        height: clamp(650px,100svh,820px);
        min-height: 650px;
        padding: 116px 0 42px;
    }
    html[lang^="fa"] body.admin-bar .spadana-front-page .spadana-home-mosaic { height: clamp(650px,calc(100svh - 32px),820px); }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__layout {
        height: 100%;
        grid-template-columns: minmax(350px,.78fr) minmax(0,1.45fr);
        gap: clamp(30px,3.2vw,50px);
    }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__grid {
        direction: ltr;
        display: grid;
        height: 100%;
        min-height: 0;
        grid-template-columns: repeat(12,minmax(0,1fr));
        grid-template-rows: repeat(6,minmax(0,1fr));
        gap: 10px;
    }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--1 { grid-column:1/6; grid-row:1/7; }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--2 { grid-column:6/13; grid-row:1/3; }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--3 { grid-column:6/9; grid-row:3/5; }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--4 { grid-column:9/13; grid-row:3/5; }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile--5 { grid-column:6/13; grid-row:5/7; }
}
@media (max-width:1080px) {
    html[lang^="fa"] body.home .spadana-header,
    html[lang^="fa"] body.front-page .spadana-header { padding-top: 10px; }
    html[lang^="fa"] body.home .spadana-nav,
    html[lang^="fa"] body.front-page .spadana-nav { background: rgba(250,249,246,.94); }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic { padding-top: 96px; }
}
@media (max-width:900px) {
    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: 16px !important;
    }
}
@media (max-width:782px) {
    html[lang^="fa"] body.admin-bar.home .spadana-header,
    html[lang^="fa"] body.admin-bar.front-page .spadana-header { top: 46px; }
}
@media (max-width:600px) {
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic { padding: 86px 0 26px; }
    html[lang^="fa"] .spadana-front-page .spadana-home-mosaic h1 {
        font-size: clamp(27px,7.6vw,31px) !important;
        line-height: 1.42;
    }
    html[lang^="fa"] .spadana-front-page .spadana-benefits-card,
    html[lang^="fa"] .spadana-front-page .entry-content > .spadana-benefits-card { margin-top: 24px !important; }
    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 10px !important;
    }
    html[lang^="fa"] .spadana-front-page .spadana-benefits-grid > .wp-block-column {
        min-height: 116px !important;
        padding: 17px 9px !important;
    }
    html[lang^="fa"] .spadana-front-page .spadana-benefits-card + .spadana-pathways { padding-top: 72px; }
    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 11px !important;
    }
    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content {
        min-height: 92px;
        padding: 12px 8px 14px;
    }
    html[lang^="fa"] .spadana-front-page .spadana-category-grid-dynamic--catalog .spadana-category-card-dynamic__content strong { font-size: 12px; }
}

/* ==========================================================
   Spadana 1.6.24 targeted correction — remove only legacy 4-card strip
   Keep the approved 1.6.24 visual design and the 3-card pathways section.
   ========================================================== */
.spadana-front-page .spadana-benefits-card { display: none !important; }

/* ==========================================================
   1.6.24 patch — updated bundled logo assets, favicon support, and cleaner submenu typography
   ========================================================== */
.spadana-brand .custom-logo,
.spadana-bundled-logo img,
.spadana-brand .spadana-header-logo-img {
    max-width: 248px;
    height: 60px;
    max-height: 60px;
    object-fit: contain;
}

.spadana-footer__logo .spadana-bundled-logo img,
.spadana-footer__logo .spadana-footer-logo-img {
    width: auto;
    max-width: 252px;
    max-height: 72px;
    object-fit: contain;
}

.spadana-menu .sub-menu a,
.spadana-menu .spadana-product-mega-menu a {
    font-family: inherit;
    letter-spacing: 0;
}

.spadana-menu .sub-menu a {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.85;
}

.spadana-menu .spadana-product-mega-menu a {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.8;
}

@media (max-width: 1080px) {
    .spadana-brand .custom-logo,
    .spadana-bundled-logo img,
    .spadana-brand .spadana-header-logo-img {
        max-width: 214px;
        height: 54px;
        max-height: 54px;
    }

    .spadana-menu .sub-menu a,
    .spadana-menu .spadana-product-mega-menu a {
        font-size: 12.75px;
    }
}

@media (max-width: 600px) {
    .spadana-brand .custom-logo,
    .spadana-bundled-logo img,
    .spadana-brand .spadana-header-logo-img {
        max-width: 182px;
        height: 48px;
        max-height: 48px;
    }
}

/* ==========================================================
   1.6.24 patch — persistent sticky/fixed header
   Keep the approved floating homepage composition while the
   navigation remains visible during scrolling.
   ========================================================== */
.spadana-header {
    position: sticky;
    top: 0;
    z-index: 1400;
}

html[lang^="fa"] body.home .spadana-header,
html[lang^="fa"] body.front-page .spadana-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1400;
}

.admin-bar .spadana-header,
html[lang^="fa"] body.admin-bar.home .spadana-header,
html[lang^="fa"] body.admin-bar.front-page .spadana-header {
    top: 32px;
}

@media (max-width: 782px) {
    .admin-bar .spadana-header,
    html[lang^="fa"] body.admin-bar.home .spadana-header,
    html[lang^="fa"] body.admin-bar.front-page .spadana-header {
        top: 46px;
    }
}

/* ==========================================================
   1.6.24 internal-page refresh — nude / warm minimal system
   Matches the approved Persian homepage without touching it.
   ========================================================== */
:root {
    --sp-nude-bg: #f6f3ec;
    --sp-nude-bg-2: #f0ece3;
    --sp-nude-card: #fbfaf6;
    --sp-nude-white: #fffdf9;
    --sp-nude-line: #e6dfd3;
    --sp-nude-line-2: #eee8de;
    --sp-nude-ink: #25221e;
    --sp-nude-muted: #777168;
    --sp-nude-shadow: 0 14px 38px rgba(55,47,38,.055);
    --sp-nude-shadow-hover: 0 20px 46px rgba(55,47,38,.085);
}

body:not(.home):not(.front-page) {
    background: var(--sp-nude-bg);
    color: var(--sp-nude-ink);
}

body:not(.home):not(.front-page) .spadana-header {
    background: rgba(251,250,246,.93);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
    backdrop-filter: blur(18px) saturate(135%);
}

body:not(.home):not(.front-page) .spadana-header__inner {
    min-height: 76px;
}

body:not(.home):not(.front-page) .spadana-menu > li > a {
    color: #37322c;
    font-weight: 600;
}

body:not(.home):not(.front-page) .spadana-menu .sub-menu {
    border-color: var(--sp-nude-line);
    background: rgba(255,253,249,.97);
    box-shadow: 0 18px 45px rgba(55,47,38,.09);
}

body:not(.home):not(.front-page) .spadana-breadcrumb-wrap {
    border-top: 0;
    border-bottom: 1px solid var(--sp-nude-line-2);
    background: #faf7f1;
}

body:not(.home):not(.front-page) .spadana-breadcrumb {
    min-height: 42px;
    color: #908980;
    font-size: 11.5px;
    font-weight: 600;
}

body:not(.home):not(.front-page) .spadana-breadcrumb a {
    color: #5d574f;
}

/* Generic WordPress pages */
.spadana-internal-page,
.spadana-article-single {
    background: var(--sp-nude-bg);
}

.spadana-internal-page .spadana-inner {
    padding: 0 0 clamp(68px,8vw,108px);
}

.spadana-internal-hero,
.spadana-article-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-bottom: 1px solid var(--sp-nude-line);
    background:
        radial-gradient(circle at 8% 12%, rgba(227,6,19,.045), transparent 29%),
        linear-gradient(135deg,#f9f7f2 0%,#f0ebe1 100%);
}

.spadana-internal-hero::after,
.spadana-article-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 340px;
    height: 340px;
    inset-inline-end: -205px;
    top: -215px;
    border: 1px solid rgba(227,6,19,.065);
    border-radius: 50%;
    box-shadow: 0 0 0 54px rgba(227,6,19,.015);
    pointer-events: none;
}

.spadana-internal-hero__inner,
.spadana-article-hero__inner {
    padding-top: clamp(52px,6.5vw,82px);
    padding-bottom: clamp(44px,5vw,66px);
}

.spadana-internal-hero__eyebrow,
.spadana-article-hero__eyebrow,
.spadana-blog-hero__eyebrow,
.spadana-project-hero__eyebrow,
.spadana-project-single__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--sp-red);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
}

.spadana-internal-hero__eyebrow::before,
.spadana-article-hero__eyebrow::before,
.spadana-blog-hero__eyebrow::before,
.spadana-project-hero__eyebrow::before,
.spadana-project-single__eyebrow::before {
    content: "";
    width: 22px;
    height: 1.5px;
    border-radius: 999px;
    background: currentColor;
}

.spadana-internal-page .spadana-page-title,
.spadana-article-single .spadana-page-title {
    max-width: 900px;
    margin: 0;
    color: var(--sp-nude-ink);
    font-size: clamp(34px,4.4vw,58px);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -.025em;
}

.spadana-internal-hero__lead {
    max-width: 650px;
    margin: 14px 0 24px;
    color: var(--sp-nude-muted);
    font-size: 15px;
    line-height: 2;
}

.spadana-internal-content,
.spadana-article-content {
    padding-top: clamp(38px,5vw,64px);
    color: #4d4841;
}

.spadana-internal-content > :where(:not(.alignwide):not(.alignfull)),
.spadana-article-content > :where(:not(.alignwide):not(.alignfull)) {
    max-width: 860px;
}

.spadana-internal-content :where(p,li),
.spadana-article-content :where(p,li) {
    line-height: 2.05;
}

.spadana-internal-content :where(h2,h3,h4),
.spadana-article-content :where(h2,h3,h4) {
    color: var(--sp-nude-ink);
    font-weight: 600;
    line-height: 1.55;
}

.spadana-internal-content h2,
.spadana-article-content h2 {
    margin-top: 2.2em;
    font-size: clamp(24px,2.7vw,34px);
}

.spadana-internal-content h3,
.spadana-article-content h3 {
    margin-top: 1.8em;
    font-size: clamp(20px,2.2vw,27px);
}

.spadana-internal-content :where(.wp-block-image img, img),
.spadana-article-content :where(.wp-block-image img, img) {
    border-radius: 18px;
}

.spadana-internal-content :where(.wp-block-quote, blockquote),
.spadana-article-content :where(.wp-block-quote, blockquote) {
    margin-block: 28px;
    padding: 20px 24px;
    border: 1px solid var(--sp-nude-line);
    border-inline-start: 3px solid var(--sp-red);
    border-radius: 14px;
    background: var(--sp-nude-card);
    color: #5c554d;
}

.spadana-internal-content :where(table),
.spadana-article-content :where(table) {
    overflow: hidden;
    border: 1px solid var(--sp-nude-line);
    border-radius: 14px;
    background: var(--sp-nude-white);
}

.spadana-internal-content :where(.wp-block-group:not(.alignfull), .wp-block-columns:not(.alignfull)),
.spadana-article-content :where(.wp-block-group:not(.alignfull), .wp-block-columns:not(.alignfull)) {
    border-color: var(--sp-nude-line);
}

/* Blog archive / category archive */
.spadana-blog {
    padding-bottom: clamp(64px,8vw,96px);
    background: var(--sp-nude-bg);
}

.spadana-blog-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 0;
    color: var(--sp-nude-ink);
    border-bottom: 1px solid var(--sp-nude-line);
    background:
        radial-gradient(circle at 7% 18%, rgba(227,6,19,.04), transparent 28%),
        linear-gradient(135deg,#f9f7f2,#f0ebe1);
}

.spadana-blog-hero::after {
    width: 360px;
    height: 360px;
    inset: -220px auto auto -190px;
    border: 1px solid rgba(227,6,19,.06);
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 0 0 54px rgba(227,6,19,.014);
}

.spadana-blog-hero__inner {
    max-width: var(--sp-wide);
    padding-top: clamp(52px,6.5vw,82px);
    padding-bottom: clamp(44px,5vw,66px);
}

.spadana-blog-hero h1 {
    max-width: 880px;
    color: var(--sp-nude-ink);
    font-size: clamp(34px,4.4vw,58px);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -.025em;
}

.spadana-blog-hero p:last-child {
    max-width: 720px;
    color: var(--sp-nude-muted);
    font-size: 15px;
    line-height: 2;
}

.spadana-blog-layout {
    gap: 28px;
    padding-top: clamp(34px,4.5vw,54px);
}

.spadana-blog-grid {
    gap: 18px;
}

.spadana-post-card {
    border-color: var(--sp-nude-line);
    border-radius: 16px;
    background: var(--sp-nude-card);
    box-shadow: var(--sp-nude-shadow);
}

.spadana-post-card:hover {
    transform: translateY(-3px);
    border-color: #ddd4c6;
    box-shadow: var(--sp-nude-shadow-hover);
}

.spadana-post-card__media {
    background: #eee8dd;
}

.spadana-post-card__body {
    padding: 19px 19px 22px;
}

.spadana-post-card__meta {
    color: #979087;
    font-size: 11.5px;
}

.spadana-post-card__meta a {
    color: var(--sp-red);
    font-weight: 600;
}

.spadana-post-card h2 {
    color: var(--sp-nude-ink);
    font-size: clamp(17px,1.8vw,21px);
    font-weight: 600;
}

.spadana-post-card__excerpt {
    color: var(--sp-nude-muted);
    font-size: 13px;
}

.spadana-blog-widget {
    padding: 20px;
    border-color: var(--sp-nude-line);
    border-radius: 15px;
    background: rgba(255,253,249,.82);
    box-shadow: 0 10px 28px rgba(55,47,38,.035);
}

.spadana-blog-widget h2 {
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--sp-nude-line);
    color: var(--sp-nude-ink);
    font-size: 15px;
    font-weight: 600;
}

.spadana-blog-widget li {
    border-bottom-color: var(--sp-nude-line-2);
}

.spadana-blog-search input,
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
    border-color: var(--sp-nude-line);
    background: var(--sp-nude-white);
    box-shadow: none;
}

.spadana-blog .page-numbers,
.spadana-project-archive .page-numbers {
    border-color: var(--sp-nude-line);
    border-radius: 10px;
    background: var(--sp-nude-card);
    color: var(--sp-nude-ink);
}

/* Single article */
.spadana-article-single__article {
    padding-bottom: clamp(70px,8vw,110px);
}

.spadana-article-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 11px;
    align-items: center;
    margin-top: 17px;
    color: #8a837a;
    font-size: 12px;
}

.spadana-article-hero__meta a {
    color: var(--sp-red);
    font-weight: 600;
}

.spadana-article-cover {
    margin-top: clamp(28px,4vw,44px);
}

.spadana-article-cover img {
    display: block;
    width: 100%;
    max-height: 610px;
    object-fit: cover;
    border: 1px solid var(--sp-nude-line);
    border-radius: 22px;
    box-shadow: var(--sp-nude-shadow);
}

/* Project archive + project single */
.spadana-project-archive,
.spadana-project-single {
    background: var(--sp-nude-bg);
}

.spadana-project-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(52px,6.5vw,82px) 0 clamp(44px,5vw,66px);
    color: var(--sp-nude-ink);
    border-bottom: 1px solid var(--sp-nude-line);
    background:
        radial-gradient(circle at 8% 15%, rgba(227,6,19,.04), transparent 28%),
        linear-gradient(135deg,#f9f7f2,#f0ebe1);
}

.spadana-project-hero h1 {
    color: var(--sp-nude-ink);
    font-size: clamp(34px,4.4vw,58px);
    font-weight: 600;
    letter-spacing: -.025em;
}

.spadana-project-hero > .spadana-shell > p:last-child,
.spadana-project-hero__description {
    color: var(--sp-nude-muted);
    font-size: 15px;
}

.spadana-project-filters {
    gap: 8px;
    padding: 26px 0 24px;
}

.spadana-project-filters a {
    min-height: 38px;
    padding: 7px 13px;
    border-color: var(--sp-nude-line);
    border-radius: 999px;
    background: rgba(255,253,249,.76);
    color: #5b554d;
    font-size: 12px;
    font-weight: 600;
    box-shadow: none;
}

.spadana-project-filters a:hover,
.spadana-project-filters a.is-active {
    border-color: var(--sp-red);
    background: var(--sp-red);
    color: #fff;
}

.spadana-project-grid {
    gap: 18px;
    padding-bottom: 56px;
}

.spadana-project-card {
    border-color: var(--sp-nude-line);
    border-radius: 16px;
    background: var(--sp-nude-card);
    box-shadow: var(--sp-nude-shadow);
}

.spadana-project-card:hover {
    transform: translateY(-3px);
    border-color: #ddd4c6;
    box-shadow: var(--sp-nude-shadow-hover);
}

.spadana-project-card__media {
    background: #eee8dd;
}

.spadana-project-card__body {
    padding: 17px 18px 20px;
}

.spadana-project-card__category,
.spadana-project-card__link {
    font-weight: 600;
}

.spadana-project-card h2,
.spadana-project-card h3 {
    color: var(--sp-nude-ink);
    font-weight: 600;
}

.spadana-project-single__article {
    padding: clamp(46px,5.5vw,72px) 0 clamp(70px,8vw,104px);
}

.spadana-project-single__header {
    margin-bottom: 30px;
    padding: 0 0 26px;
    border-bottom: 1px solid var(--sp-nude-line);
}

.spadana-project-single__header h1 {
    color: var(--sp-nude-ink);
    font-size: clamp(32px,4vw,52px);
    font-weight: 600;
}

.spadana-project-single__category {
    border-color: var(--sp-nude-line);
    background: var(--sp-nude-card);
    color: var(--sp-red);
    font-weight: 600;
}

.spadana-project-single__layout {
    gap: 24px;
}

.spadana-project-single__media,
.spadana-project-single__summary {
    border: 1px solid var(--sp-nude-line);
    border-radius: 18px;
    background: var(--sp-nude-card);
    box-shadow: var(--sp-nude-shadow);
}

.spadana-project-single__media {
    overflow: hidden;
}

.spadana-project-single__media figcaption {
    border-top: 1px solid var(--sp-nude-line);
    background: #f7f3eb;
    color: #8b847b;
}

.spadana-project-single__summary {
    padding: clamp(24px,3vw,34px);
}

.spadana-project-single__summary h2,
.spadana-project-related__head h2 {
    color: var(--sp-nude-ink);
    font-weight: 600;
}

.spadana-project-single__summary p {
    color: var(--sp-nude-muted);
}

/* WooCommerce catalogue + product detail */
.spadana-shop-page {
    padding-top: clamp(42px,5vw,64px);
    padding-bottom: clamp(72px,8vw,104px);
    background: var(--sp-nude-bg);
}

.woocommerce .woocommerce-products-header__title,
.woocommerce-page .woocommerce-products-header__title {
    margin-bottom: 24px;
    color: var(--sp-nude-ink);
    font-size: clamp(32px,4.2vw,54px);
    font-weight: 600;
    letter-spacing: -.025em;
}

.spadana-shop-seo {
    border-color: var(--sp-nude-line);
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0,rgba(227,6,19,.04),transparent 250px),
        linear-gradient(135deg,#fffdf9 0%,#f6f2ea 100%);
    box-shadow: var(--sp-nude-shadow);
}

.spadana-shop-seo__content {
    color: #5b554d;
}

.spadana-product-filter {
    border-color: var(--sp-nude-line);
    border-radius: 15px;
    background: rgba(255,253,249,.84);
    box-shadow: 0 12px 32px rgba(55,47,38,.04);
}

.spadana-product-filter__label {
    background: #332f2a;
    font-weight: 700;
}

.spadana-product-filter__item {
    border-color: var(--sp-nude-line);
    background: var(--sp-nude-card);
    color: #5d574f;
    font-weight: 600;
}

.woocommerce ul.products {
    gap: 18px;
}

.woocommerce ul.products li.product {
    padding-bottom: 16px;
    border-color: var(--sp-nude-line);
    border-radius: 15px;
    background: var(--sp-nude-card);
    box-shadow: var(--sp-nude-shadow);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
    border-color: #ddd4c6;
    box-shadow: var(--sp-nude-shadow-hover);
}

.woocommerce ul.products li.product a img {
    margin-bottom: 13px;
    padding: 14px;
    border-bottom-color: var(--sp-nude-line);
    background: #f5f1e9;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding-inline: 15px;
    color: var(--sp-nude-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
}

.woocommerce div.product {
    gap: clamp(28px,4vw,52px);
    align-items: start;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
    border-color: var(--sp-nude-line);
    border-radius: 18px;
    background: #f7f3eb;
    box-shadow: var(--sp-nude-shadow);
}

.woocommerce div.product div.images img {
    background: #f7f3eb;
}

.woocommerce div.product .summary {
    padding: clamp(24px,3.2vw,38px);
    border: 1px solid var(--sp-nude-line);
    border-radius: 18px;
    background: var(--sp-nude-card);
    box-shadow: var(--sp-nude-shadow);
}

.woocommerce div.product .product_title {
    margin: 0 0 18px;
    color: var(--sp-nude-ink);
    font-size: clamp(28px,3.5vw,44px);
    font-weight: 600;
    line-height: 1.45;
}

.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .summary p {
    color: var(--sp-nude-muted);
    line-height: 2;
}

.woocommerce div.product .product_meta {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--sp-nude-line);
    color: #8a837a;
    font-size: 12px;
    line-height: 2;
}

.woocommerce div.product .related.products,
.woocommerce div.product section.related.products {
    margin-top: 56px;
    padding: clamp(28px,3.5vw,42px);
    border-color: var(--sp-nude-line);
    border-radius: 20px;
    background: #f0ece3;
    box-shadow: none;
}

.woocommerce div.product .related.products > h2 {
    color: var(--sp-nude-ink);
    font-weight: 600;
}

/* Shared components used by internal pages */
body:not(.home):not(.front-page) .spadana-support-clean,
body:not(.home):not(.front-page) .entry-content > .spadana-faq,
body:not(.home):not(.front-page) .entry-content > .spadana-management-note {
    border-color: var(--sp-nude-line);
    background: var(--sp-nude-card);
    box-shadow: var(--sp-nude-shadow);
}

body:not(.home):not(.front-page) .spadana-support-clean__grid article,
body:not(.home):not(.front-page) .spadana-faq__item {
    border-color: var(--sp-nude-line);
    background: #fffdf9;
}

body:not(.home):not(.front-page) .spadana-about {
    border: 1px solid var(--sp-nude-line);
    background: #2e2a25 !important;
    box-shadow: var(--sp-nude-shadow);
}

body:not(.home):not(.front-page) :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
    border-color: var(--sp-nude-line);
    border-radius: 10px;
    background: #fffdf9;
}

body:not(.home):not(.front-page) :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select):focus {
    outline: none;
    border-color: rgba(227,6,19,.42);
    box-shadow: 0 0 0 3px rgba(227,6,19,.06);
}

/* Keep the footer transition calm after light internal pages. */
body:not(.home):not(.front-page) .spadana-cta-strip {
    border-top: 1px solid #e2dbd0;
    background: #ede8df;
    color: var(--sp-nude-ink);
}

body:not(.home):not(.front-page) .spadana-cta-strip__eyebrow {
    color: var(--sp-red);
}

body:not(.home):not(.front-page) .spadana-cta-strip__text span {
    color: var(--sp-nude-muted);
}

body:not(.home):not(.front-page) .spadana-cta-strip__actions .spadana-button {
    border-color: var(--sp-red);
    background: var(--sp-red);
    color: #fff;
}

body:not(.home):not(.front-page) .spadana-cta-strip__actions .spadana-button--dark {
    border-color: #2f2b27;
    background: #2f2b27;
    color: #fff;
}

@media (max-width: 1080px) {
    body:not(.home):not(.front-page) .spadana-header__inner { min-height: 70px; }
    .spadana-blog-sidebar { position: static; }
}

@media (max-width: 782px) {
    .spadana-internal-hero__inner,
    .spadana-article-hero__inner,
    .spadana-blog-hero__inner,
    .spadana-project-hero {
        padding-top: 40px;
        padding-bottom: 38px;
    }

    .spadana-internal-page .spadana-page-title,
    .spadana-article-single .spadana-page-title,
    .spadana-blog-hero h1,
    .spadana-project-hero h1 {
        font-size: clamp(29px,8vw,38px);
    }

    .spadana-article-cover img { border-radius: 16px; }
    .woocommerce div.product .summary { padding: 22px 18px; }
}

@media (max-width: 600px) {
    .spadana-internal-hero__inner,
    .spadana-article-hero__inner,
    .spadana-blog-hero__inner {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .spadana-internal-content,
    .spadana-article-content { padding-top: 30px; }

    .spadana-blog-layout { padding-top: 28px; }
    .spadana-post-card,
    .spadana-project-card,
    .woocommerce ul.products li.product { border-radius: 14px; }

    .spadana-project-filters {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 18px;
        scrollbar-width: thin;
    }

    .spadana-project-filters a { flex: 0 0 auto; }

    body:not(.home):not(.front-page) .spadana-cta-strip__inner {
        align-items: stretch;
    }
}

/* ==========================================================
   1.6.24 patch — Persian breadcrumb & mega menu typography
   Keep internal nude design; normalize Yekan Bakh weights.
   ========================================================== */
html[lang^="fa"] .spadana-breadcrumb,
html[lang^="fa"] .woocommerce .spadana-breadcrumb.woocommerce-breadcrumb {
    font-family: "Yekan Bakh Farsi Digits", "Yekan Bakh Web", Tahoma, Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 400 !important;
    line-height: 1.8;
    letter-spacing: 0;
}

html[lang^="fa"] .spadana-breadcrumb a,
html[lang^="fa"] .spadana-breadcrumb [aria-current="page"] {
    font-family: inherit !important;
    font-weight: 400 !important;
}

html[lang^="fa"] .spadana-breadcrumb__sep {
    font-family: inherit !important;
    font-weight: 300 !important;
    opacity: .6;
}

html[lang^="fa"] .spadana-menu .sub-menu a,
html[lang^="fa"] .spadana-menu .spadana-product-mega-menu a {
    font-family: "Yekan Bakh Farsi Digits", "Yekan Bakh Web", Tahoma, Arial, sans-serif !important;
    font-size: 13px;
    font-weight: 400 !important;
    line-height: 1.85;
    letter-spacing: 0 !important;
}

html[lang^="fa"] .spadana-menu .spadana-product-mega-menu .spadana-product-mega-menu__all a {
    font-weight: 600 !important;
}

@media (max-width: 1080px) {
    html[lang^="fa"] .spadana-menu .sub-menu a,
    html[lang^="fa"] .spadana-menu .spadana-product-mega-menu a {
        font-size: 12.5px;
        font-weight: 400 !important;
    }
}


/* ==========================================================
   1.6.24 performance patch — no visual redesign
   ========================================================== */
html[lang^="fa"] .spadana-front-page .spadana-home-mosaic__tile figcaption > a {
    display: block;
    color: inherit;
    font: inherit;
    text-decoration: none;
}

/* Let the browser postpone layout/paint work for clearly below-the-fold home
   sections. The intrinsic fallback reserves space and prevents visual jumps. */
@supports (content-visibility: auto) {
    .spadana-front-page .spadana-category-section,
    .spadana-front-page .spadana-dynamic-section,
    .spadana-front-page .spadana-about,
    .spadana-front-page .spadana-management-note,
    .spadana-front-page .spadana-project-showcase,
    .spadana-front-page .spadana-process,
    .spadana-front-page .spadana-faq,
    .spadana-front-page .spadana-stats {
        content-visibility: auto;
        contain-intrinsic-size: auto 640px;
    }
}

/* ==========================================================
   1.6.24 internal structure refinement — white canvas, selective nude sections,
   single-H1 hierarchy, lighter catalogue sidebar.
   ========================================================== */
:root {
    --sp-nude-bg: #ffffff;
    --sp-nude-card: #ffffff;
    --sp-nude-white: #ffffff;
}

body:not(.home):not(.front-page),
.spadana-internal-page,
.spadana-article-single,
.spadana-blog,
.spadana-project-archive,
.spadana-project-single,
.spadana-shop-page {
    background: #fff;
}

body:not(.home):not(.front-page) .spadana-header {
    background: rgba(255,255,255,.95);
}

body:not(.home):not(.front-page) .spadana-breadcrumb-wrap {
    background: #fff;
}

/* Nude is now reserved for deliberate section separation. */
body:not(.home):not(.front-page) .spadana-blog-widget,
body:not(.home):not(.front-page) .spadana-shop-seo,
body:not(.home):not(.front-page) .woocommerce div.product .related.products,
body:not(.home):not(.front-page) .spadana-project-single__media figcaption,
body:not(.home):not(.front-page) .spadana-cta-strip {
    background-color: #f5f1e9;
}

/* Product archive title: this is the one H1 owned by the archive template. */
.spadana-catalog-title {
    margin: 0 0 24px;
    padding: 0 0 22px;
    border-bottom: 1px solid var(--sp-nude-line);
}

.spadana-catalog-title__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
    color: var(--sp-red);
    font-size: 11.5px;
    font-weight: 500;
}

.spadana-catalog-title__eyebrow::before {
    content: "";
    width: 18px;
    height: 1px;
    background: currentColor;
}

.spadana-catalog-title__heading {
    margin: 0;
    color: var(--sp-nude-ink);
    font-size: clamp(30px,4vw,48px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -.02em;
}

/* Catalogue navigation becomes a real sidebar instead of a heavy horizontal block. */
.spadana-catalog-layout {
    display: grid;
    grid-template-columns: minmax(205px, 235px) minmax(0, 1fr);
    gap: clamp(22px,3vw,34px);
    align-items: start;
    margin-top: 26px;
}

.spadana-catalog-sidebar {
    position: sticky;
    top: 112px;
    padding: 17px 16px;
    border: 1px solid var(--sp-nude-line);
    border-radius: 16px;
    background: #f7f3ec;
    box-shadow: none;
}

.admin-bar .spadana-catalog-sidebar { top: 144px; }

.spadana-catalog-sidebar__title {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4ddd2;
    color: #302c27;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8;
}

.spadana-catalog-sidebar__nav {
    display: grid;
    gap: 2px;
}

.spadana-catalog-sidebar__nav a {
    position: relative;
    display: block;
    padding: 8px 10px;
    border-radius: 9px;
    color: #625c54;
    font-family: "Yekan Bakh Farsi Digits", "Yekan Bakh Web", Tahoma, Arial, sans-serif;
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.8;
    text-decoration: none;
    transition: background-color .18s ease, color .18s ease;
}

.spadana-catalog-sidebar__nav a:hover {
    background: rgba(255,255,255,.72);
    color: var(--sp-red);
}

.spadana-catalog-sidebar__nav a.is-active {
    background: #fff;
    color: var(--sp-red);
    font-weight: 500;
    box-shadow: inset 2px 0 0 var(--sp-red);
}

html[dir="rtl"] .spadana-catalog-sidebar__nav a.is-active {
    box-shadow: inset -2px 0 0 var(--sp-red);
}

.spadana-catalog-main {
    min-width: 0;
}

.spadana-catalog-main::after {
    content: "";
    display: table;
    clear: both;
}

.spadana-catalog-main .woocommerce-result-count {
    font-weight: 400;
}

.spadana-catalog-main .woocommerce-ordering select {
    font-weight: 400;
}

.spadana-catalog-main ul.products {
    clear: both;
    grid-template-columns: repeat(3, minmax(0,1fr));
}

/* Old catalogue navigation is no longer used; keep hidden for stale cached markup. */
.spadana-product-filter,
.spadana-category-archive-nav {
    display: none !important;
}

/* Keep editor headings visually subordinate to the single page H1. */
body:not(.home):not(.front-page) .entry-content h2,
body:not(.home):not(.front-page) .spadana-shop-seo__content h2 {
    font-weight: 500;
}

@media (max-width: 980px) {
    .spadana-catalog-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .spadana-catalog-sidebar {
        position: static;
    }

    .spadana-catalog-sidebar__nav {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 4px 8px;
    }

    .spadana-catalog-main ul.products {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 600px) {
    .spadana-catalog-title__heading {
        font-size: clamp(27px,8vw,34px);
    }

    .spadana-catalog-sidebar {
        padding: 14px;
        border-radius: 14px;
    }

    .spadana-catalog-sidebar__nav {
        grid-template-columns: 1fr 1fr;
    }

    .spadana-catalog-sidebar__nav a {
        padding: 7px 8px;
        font-size: 12px;
    }
}

/* ==========================================================
   1.6.24 internal refinement v2 — cleaner white surfaces,
   tighter headers, lighter borders, and compact archive titles.
   ========================================================== */
:root {
    --sp-internal-line: #ecebea;
    --sp-internal-line-strong: #e4e2df;
    --sp-internal-soft: #fafafa;
    --sp-internal-cream: #faf7f1;
    --sp-internal-ink: #242424;
    --sp-internal-muted: #747474;
}

/* Internal header: cleaner and less tinted. */
body:not(.home):not(.front-page) .spadana-header {
    background: rgba(255,255,255,.97) !important;
    -webkit-backdrop-filter: blur(16px) saturate(120%);
    backdrop-filter: blur(16px) saturate(120%);
}
body:not(.home):not(.front-page) .spadana-header__inner {
    min-height: 72px;
}
body:not(.home):not(.front-page) .spadana-menu > li > a {
    color: #333;
    font-size: 13.5px;
    font-weight: 500;
}
body:not(.home):not(.front-page) .spadana-menu .sub-menu {
    border-color: var(--sp-internal-line) !important;
    background: rgba(255,255,255,.99) !important;
    box-shadow: 0 16px 40px rgba(20,20,20,.07) !important;
}

/* Breadcrumb: a quiet navigation row, not another coloured section. */
body:not(.home):not(.front-page) .spadana-breadcrumb-wrap {
    background: #fff !important;
    border-top: 0 !important;
    border-bottom: 1px solid #f0efee !important;
    box-shadow: none !important;
}
body:not(.home):not(.front-page) .spadana-breadcrumb-wrap .spadana-shell {
    display: flex;
    align-items: center;
    min-height: 38px;
}
html[lang^="fa"] body:not(.home):not(.front-page) .spadana-breadcrumb,
html[lang^="fa"] body:not(.home):not(.front-page) .woocommerce .spadana-breadcrumb.woocommerce-breadcrumb {
    min-height: 0;
    gap: 7px;
    color: #9a9a9a;
    font-size: 11.5px;
    font-weight: 400 !important;
    line-height: 1.7;
}
html[lang^="fa"] body:not(.home):not(.front-page) .spadana-breadcrumb a {
    color: #6f6f6f;
    transition: color .18s ease;
}
html[lang^="fa"] body:not(.home):not(.front-page) .spadana-breadcrumb a:hover {
    color: var(--sp-red);
}
html[lang^="fa"] body:not(.home):not(.front-page) .spadana-breadcrumb [aria-current="page"] {
    color: #444;
}
html[lang^="fa"] body:not(.home):not(.front-page) .spadana-breadcrumb__sep {
    color: #c9c9c9;
    opacity: 1;
}

/* Page/Article/Archive headers: white, compact, and separated only by a line. */
.spadana-internal-hero,
.spadana-article-hero,
.spadana-blog-hero,
.spadana-project-hero {
    background: #fff !important;
    box-shadow: none !important;
}
.spadana-internal-hero::after,
.spadana-article-hero::after,
.spadana-blog-hero::after,
.spadana-project-hero::after {
    display: none !important;
}
.spadana-internal-hero__inner,
.spadana-article-hero__inner,
.spadana-blog-hero__inner {
    padding-top: clamp(30px,4vw,46px) !important;
    padding-bottom: clamp(28px,3.6vw,42px) !important;
}
.spadana-project-hero {
    padding-top: clamp(30px,4vw,46px) !important;
    padding-bottom: clamp(28px,3.6vw,42px) !important;
}
.spadana-internal-hero__eyebrow,
.spadana-article-hero__eyebrow,
.spadana-blog-hero__eyebrow,
.spadana-project-hero__eyebrow,
.spadana-project-single__eyebrow,
.spadana-catalog-title__eyebrow {
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 500;
}
.spadana-internal-hero__eyebrow::before,
.spadana-article-hero__eyebrow::before,
.spadana-blog-hero__eyebrow::before,
.spadana-project-hero__eyebrow::before,
.spadana-project-single__eyebrow::before,
.spadana-catalog-title__eyebrow::before {
    width: 17px;
    height: 1px;
}

/* H1 scale: strong enough for hierarchy, no oversized archive titles. */
.spadana-internal-page .spadana-page-title,
.spadana-article-single .spadana-page-title {
    max-width: 900px;
    color: var(--sp-internal-ink);
    font-size: clamp(30px,3.2vw,42px) !important;
    font-weight: 500 !important;
    line-height: 1.45;
    letter-spacing: -.012em;
}
.spadana-blog-hero h1,
.spadana-project-hero h1,
.woocommerce .woocommerce-products-header__title,
.woocommerce-page .woocommerce-products-header__title,
.spadana-catalog-title__heading {
    color: var(--sp-internal-ink);
    font-size: clamp(28px,3vw,38px) !important;
    font-weight: 500 !important;
    line-height: 1.5;
    letter-spacing: -.01em;
}
.spadana-project-single__header h1,
.woocommerce div.product .product_title {
    color: var(--sp-internal-ink);
    font-size: clamp(28px,3.1vw,40px) !important;
    font-weight: 500 !important;
    line-height: 1.5;
    letter-spacing: -.01em;
}
.spadana-blog-hero p:last-child,
.spadana-project-hero > .spadana-shell > p:last-child,
.spadana-project-hero__description,
.spadana-internal-hero__lead {
    color: var(--sp-internal-muted);
    font-size: 14px;
    line-height: 1.95;
}

/* Keep the page canvas white. Cream is now an accent, not a default surface. */
body:not(.home):not(.front-page),
.spadana-internal-page,
.spadana-article-single,
.spadana-blog,
.spadana-project-archive,
.spadana-project-single,
.spadana-shop-page,
.spadana-internal-content,
.spadana-article-content {
    background: #fff !important;
}

/* Cards and content boxes use neutral borders, consistent radius, minimal shadow. */
body:not(.home):not(.front-page) :where(
    .spadana-post-card,
    .spadana-blog-widget,
    .spadana-project-card,
    .spadana-project-single__media,
    .spadana-project-single__summary,
    .spadana-shop-seo,
    .spadana-support-clean,
    .spadana-faq__item,
    .spadana-management-note__grid,
    .woocommerce ul.products li.product,
    .woocommerce div.product .summary,
    .woocommerce div.product div.images .woocommerce-product-gallery__image
) {
    border: 1px solid var(--sp-internal-line) !important;
    box-shadow: none !important;
}
body:not(.home):not(.front-page) :where(
    .spadana-post-card,
    .spadana-blog-widget,
    .spadana-project-card,
    .spadana-project-single__media,
    .spadana-project-single__summary,
    .spadana-shop-seo,
    .spadana-support-clean,
    .woocommerce ul.products li.product,
    .woocommerce div.product .summary
) {
    border-radius: 14px !important;
    background: #fff !important;
}
body:not(.home):not(.front-page) :where(
    .spadana-post-card:hover,
    .spadana-project-card:hover,
    .woocommerce ul.products li.product:hover
) {
    border-color: var(--sp-internal-line-strong) !important;
    box-shadow: 0 10px 28px rgba(25,25,25,.035) !important;
}

/* Neutralize formerly beige media surfaces. */
body:not(.home):not(.front-page) :where(
    .spadana-post-card__media,
    .spadana-project-card__media,
    .woocommerce ul.products li.product a img,
    .woocommerce div.product div.images .woocommerce-product-gallery__image,
    .woocommerce div.product div.images img,
    .spadana-project-single__media figcaption
) {
    background: var(--sp-internal-soft) !important;
}

/* Cream appears only in a few deliberate accents. */
body:not(.home):not(.front-page) .spadana-catalog-sidebar,
body:not(.home):not(.front-page) .spadana-cta-strip {
    background: var(--sp-internal-cream) !important;
}
body:not(.home):not(.front-page) .woocommerce div.product .related.products,
body:not(.home):not(.front-page) .woocommerce div.product section.related.products {
    background: #fcfbf8 !important;
    border: 1px solid var(--sp-internal-line) !important;
    box-shadow: none !important;
}
body:not(.home):not(.front-page) .spadana-shop-seo {
    background: #fff !important;
    background-image: none !important;
}

/* Catalogue sidebar: light and precise. */
.spadana-catalog-sidebar {
    border-color: #ece7df !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}
.spadana-catalog-sidebar__title {
    border-bottom-color: #e9e3da !important;
    font-weight: 500;
}
.spadana-catalog-sidebar__nav a {
    font-weight: 400;
}

/* About page management story: guarantee a clean framed section. */
body:not(.home):not(.front-page) .spadana-about-page-management {
    padding-top: 36px !important;
    padding-bottom: 70px !important;
}
body:not(.home):not(.front-page) .spadana-about-page-management .spadana-management-note__grid {
    min-height: 430px;
    overflow: hidden;
    border: 1px solid var(--sp-internal-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: none !important;
}
body:not(.home):not(.front-page) .spadana-about-page-management .spadana-management-note__media {
    min-height: 430px;
}
body:not(.home):not(.front-page) .spadana-about-page-management .spadana-management-note__media::after {
    inset: 16px;
    border-color: rgba(255,255,255,.30);
    border-radius: 12px;
}
body:not(.home):not(.front-page) .spadana-about-page-management .spadana-management-note__content {
    min-height: 430px;
    padding: clamp(38px,4.5vw,62px);
    background: #fff !important;
    background-image: none !important;
}
body:not(.home):not(.front-page) .spadana-about-page-management .spadana-management-note__content h2 {
    margin: 5px 0 16px;
    font-size: clamp(26px,2.6vw,34px);
    font-weight: 500;
    line-height: 1.5;
}
body:not(.home):not(.front-page) .spadana-about-page-management .spadana-management-note__name {
    margin-bottom: 18px !important;
    padding-bottom: 14px;
    border-bottom-color: var(--sp-internal-line);
}
body:not(.home):not(.front-page) .spadana-about-page-management .spadana-management-note__content > p:not(.spadana-eyebrow):not(.spadana-management-note__name) {
    color: #626262;
    font-size: 14.5px;
    line-height: 2.05;
}

/* Content headings and generic Gutenberg borders should not look boxed twice. */
body:not(.home):not(.front-page) .spadana-internal-content :where(.wp-block-group:not(.spadana-management-note):not(.spadana-faq), .wp-block-columns),
body:not(.home):not(.front-page) .spadana-article-content :where(.wp-block-group, .wp-block-columns) {
    border-color: var(--sp-internal-line) !important;
}
body:not(.home):not(.front-page) .spadana-internal-content :where(h2,h3,h4),
body:not(.home):not(.front-page) .spadana-article-content :where(h2,h3,h4) {
    color: var(--sp-internal-ink);
    font-weight: 500;
}

@media (max-width: 782px) {
    body:not(.home):not(.front-page) .spadana-header__inner { min-height: 66px; }

    .spadana-internal-hero__inner,
    .spadana-article-hero__inner,
    .spadana-blog-hero__inner,
    .spadana-project-hero {
        padding-top: 26px !important;
        padding-bottom: 25px !important;
    }

    .spadana-internal-page .spadana-page-title,
    .spadana-article-single .spadana-page-title,
    .spadana-blog-hero h1,
    .spadana-project-hero h1,
    .woocommerce .woocommerce-products-header__title,
    .woocommerce-page .woocommerce-products-header__title,
    .spadana-catalog-title__heading,
    .spadana-project-single__header h1,
    .woocommerce div.product .product_title {
        font-size: clamp(25px,7vw,32px) !important;
        line-height: 1.55;
    }

    body:not(.home):not(.front-page) .spadana-about-page-management .spadana-management-note__grid {
        min-height: 0;
        border-radius: 14px !important;
    }
    body:not(.home):not(.front-page) .spadana-about-page-management .spadana-management-note__media {
        min-height: 280px;
    }
    body:not(.home):not(.front-page) .spadana-about-page-management .spadana-management-note__content {
        min-height: 0;
        padding: 30px 22px 34px;
    }
}

/* ==========================================================
   Internal header cleanup + menu search + grouped search page
   ========================================================== */
body:not(.home):not(.front-page) .spadana-header {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Search lives as a real item in the primary menu. */
.spadana-menu-search {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
}

.spadana-menu-search__toggle {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 5px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #38393c;
    font: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    transition: color .18s ease, background-color .18s ease;
}

.spadana-menu-search__toggle:hover,
.spadana-menu-search.is-open .spadana-menu-search__toggle {
    background: #f7f7f6;
    color: var(--sp-red);
}

.spadana-menu-search__toggle svg,
.spadana-menu-search__form button svg,
.spadana-search-hero__form button svg,
.spadana-search-empty__icon svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.spadana-menu-search__panel {
    position: absolute;
    z-index: 1300;
    top: calc(100% + 11px);
    inset-inline-end: -8px;
    width: min(370px, calc(100vw - 34px));
    padding: 9px;
    border: 1px solid #ecebea;
    border-radius: 14px;
    background: rgba(255,255,255,.985);
    box-shadow: 0 18px 50px rgba(24,24,24,.10);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-5px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.spadana-menu-search.is-open .spadana-menu-search__panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.spadana-menu-search__form {
    display: flex;
    align-items: center;
    gap: 7px;
}

.spadana-menu-search__form input {
    width: 100%;
    min-width: 0;
    height: 43px;
    padding: 8px 13px;
    border: 1px solid #e8e7e5;
    border-radius: 9px;
    outline: 0;
    background: #fff;
    color: #222;
    font: inherit;
    font-size: 12.5px;
    font-weight: 400;
}

.spadana-menu-search__form input:focus {
    border-color: rgba(227,6,19,.38);
    box-shadow: 0 0 0 3px rgba(227,6,19,.055);
}

.spadana-menu-search__form button {
    display: inline-grid;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 9px;
    background: var(--sp-red);
    color: #fff;
    cursor: pointer;
}

/* Search results: white, grouped, quiet hierarchy. */
.spadana-search-page {
    min-height: 60vh;
    background: #fff;
}

.spadana-search-hero {
    border-bottom: 1px solid #f0efee;
    background: #fff;
}

.spadana-search-hero__inner {
    padding-top: clamp(28px, 3.7vw, 44px);
    padding-bottom: clamp(30px, 4vw, 48px);
}

.spadana-search-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 8px;
    color: var(--sp-red);
    font-size: 11px;
    font-weight: 400;
}

.spadana-search-hero__eyebrow::after {
    content: "";
    width: 18px;
    height: 1px;
    background: currentColor;
}

.spadana-search-hero h1 {
    margin: 0;
    color: #242424;
    font-size: clamp(27px, 2.8vw, 36px);
    font-weight: 500;
    line-height: 1.5;
}

.spadana-search-hero__form {
    display: flex;
    width: min(720px, 100%);
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    padding: 6px;
    border: 1px solid #e8e7e5;
    border-radius: 12px;
    background: #fff;
}

.spadana-search-hero__form:focus-within {
    border-color: rgba(227,6,19,.3);
    box-shadow: 0 0 0 4px rgba(227,6,19,.045);
}

.spadana-search-hero__form input {
    min-width: 0;
    height: 45px;
    flex: 1 1 auto;
    padding: 7px 12px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #242424;
    font: inherit;
    font-size: 13.5px;
    font-weight: 400;
}

.spadana-search-hero__form button {
    display: inline-flex;
    min-height: 45px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 16px;
    border: 0;
    border-radius: 9px;
    background: var(--sp-red);
    color: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.spadana-search-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding-top: 22px;
    padding-bottom: 2px;
}

.spadana-search-tabs a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 6px 11px;
    border: 1px solid #ecebea;
    border-radius: 8px;
    background: #fff;
    color: #666;
    font-size: 11.5px;
    font-weight: 400;
    transition: border-color .18s ease, color .18s ease, background-color .18s ease;
}

.spadana-search-tabs a:hover {
    border-color: #d9d7d4;
    color: #292929;
}

.spadana-search-tabs a.is-active {
    border-color: #1f2022;
    background: #1f2022;
    color: #fff;
}

.spadana-search-results {
    padding-top: clamp(30px, 4vw, 48px);
    padding-bottom: clamp(60px, 7vw, 92px);
}

.spadana-search-group + .spadana-search-group {
    margin-top: clamp(52px, 6vw, 76px);
    padding-top: clamp(42px, 5vw, 60px);
    border-top: 1px solid #efeeec;
}

.spadana-search-group__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.spadana-search-group__header > div {
    display: flex;
    align-items: center;
    gap: 9px;
}

.spadana-search-group__header h2 {
    margin: 0;
    color: #272727;
    font-size: clamp(19px, 2vw, 23px);
    font-weight: 500;
    line-height: 1.5;
}

.spadana-search-group__count {
    display: inline-flex;
    min-width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border-radius: 999px;
    background: #f4f4f3;
    color: #777;
    font-size: 10px;
    font-weight: 400;
}

.spadana-search-group__header > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #777;
    font-size: 11.5px;
    font-weight: 400;
}

.spadana-search-group__header > a:hover {
    color: var(--sp-red);
}

.spadana-search-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.spadana-search-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #ecebea;
    border-radius: 13px;
    background: #fff;
    transition: border-color .18s ease, transform .18s ease;
}

.spadana-search-card:hover {
    border-color: #dddcd9;
    transform: translateY(-2px);
}

.spadana-search-card__media {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #f7f7f6;
}

.spadana-search-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.spadana-search-card:hover .spadana-search-card__media img {
    transform: scale(1.015);
}

.spadana-search-card__placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: #c9c8c5;
}

.spadana-search-card__placeholder svg {
    width: 38px;
    height: 38px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.25;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.spadana-search-card__body {
    display: flex;
    min-height: 190px;
    flex-direction: column;
    padding: 16px 16px 14px;
}

.spadana-search-card__type {
    margin-bottom: 6px;
    color: var(--sp-red);
    font-size: 10.5px;
    font-weight: 400;
}

.spadana-search-card h3 {
    margin: 0;
    color: #292929;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.75;
}

.spadana-search-card h3 a {
    color: inherit;
}

.spadana-search-card h3 a:hover {
    color: var(--sp-red);
}

.spadana-search-card p {
    margin: 8px 0 0;
    color: #7a7a7a;
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.95;
}

.spadana-search-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 14px;
}

.spadana-search-card__meta,
.spadana-search-card__meta .amount {
    color: #555;
    font-size: 11px;
    font-weight: 400;
}

.spadana-search-card__link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #595959;
    font-size: 11px;
    font-weight: 400;
}

.spadana-search-card__link:hover {
    color: var(--sp-red);
}

.spadana-search-empty {
    width: min(620px, 100%);
    margin: 20px auto 0;
    padding: clamp(34px, 5vw, 58px) 24px;
    border: 1px solid #ecebea;
    border-radius: 14px;
    background: #fff;
    text-align: center;
}

.spadana-search-empty__icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #f6f6f5;
    color: #7d7d7d;
}

.spadana-search-empty h2 {
    margin: 0 0 7px;
    color: #292929;
    font-size: 20px;
    font-weight: 500;
}

.spadana-search-empty p {
    margin: 0;
    color: #7b7b7b;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.9;
}

.spadana-search-pagination {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 30px;
}

.spadana-search-pagination .page-numbers {
    display: inline-grid;
    min-width: 34px;
    height: 34px;
    place-items: center;
    padding: 0 8px;
    border: 1px solid #ecebea;
    border-radius: 8px;
    background: #fff;
    color: #666;
    font-size: 11px;
}

.spadana-search-pagination .page-numbers.current {
    border-color: #222;
    background: #222;
    color: #fff;
}

@media (max-width: 1080px) {
    .spadana-menu-search {
        display: block;
        padding-top: 6px;
        border-top: 1px solid rgba(17,18,20,.07);
    }

    .spadana-menu-search__toggle {
        width: 100%;
        min-height: 42px;
        justify-content: flex-start;
        padding-inline: 4px;
        border-radius: 0;
        background: transparent !important;
        color: #303134;
        font-size: 14px;
    }

    .spadana-menu-search__panel {
        position: static;
        width: 100%;
        padding: 5px 0 2px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        transform: none;
        display: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .spadana-menu-search.is-open .spadana-menu-search__panel {
        display: block;
    }

    .spadana-menu-search__form input {
        background: rgba(255,255,255,.78);
    }

    .spadana-search-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .spadana-search-hero__inner {
        padding-top: 24px;
        padding-bottom: 30px;
    }

    .spadana-search-hero h1 {
        font-size: 26px;
    }

    .spadana-search-hero__form {
        margin-top: 17px;
    }

    .spadana-search-hero__form button {
        width: 45px;
        flex: 0 0 45px;
        padding: 0;
    }

    .spadana-search-hero__form button span {
        display: none;
    }

    .spadana-search-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .spadana-search-tabs::-webkit-scrollbar {
        display: none;
    }

    .spadana-search-tabs a {
        flex: 0 0 auto;
    }

    .spadana-search-results {
        padding-top: 28px;
        padding-bottom: 64px;
    }

    .spadana-search-group__header {
        align-items: center;
        margin-bottom: 15px;
    }

    .spadana-search-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .spadana-search-card {
        display: grid;
        grid-template-columns: 112px minmax(0,1fr);
    }

    .spadana-search-card__media {
        height: 100%;
        min-height: 142px;
        aspect-ratio: auto;
    }

    .spadana-search-card__body {
        min-height: 142px;
        padding: 12px;
    }

    .spadana-search-card h3 {
        font-size: 13.5px;
        line-height: 1.7;
    }

    .spadana-search-card p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-top: 5px;
        font-size: 10.5px;
    }

    .spadana-search-card__footer {
        padding-top: 8px;
    }
}

@media (min-width: 1081px) {
    .spadana-menu-search__toggle {
        width: 38px;
        padding: 0;
    }
    .spadana-menu-search__toggle > span {
        display: none;
    }
}

@media (max-width: 1080px) {
    .spadana-menu-search__toggle > span {
        display: inline;
    }
}


/* ==========================================================
   1.6.24 — unified minimal pagination across all archives
   ========================================================== */
.navigation.pagination,
.spadana-search-pagination,
.woocommerce nav.woocommerce-pagination,
.woocommerce-page nav.woocommerce-pagination {
    width: 100%;
    clear: both;
    margin: 42px auto 0 !important;
    padding: 0 !important;
    text-align: center;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.spadana-project-archive .navigation.pagination {
    padding-bottom: 64px !important;
}

.navigation.pagination .nav-links,
.spadana-search-pagination,
.woocommerce nav.woocommerce-pagination ul.page-numbers,
.woocommerce-page nav.woocommerce-pagination ul.page-numbers {
    display: inline-flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none;
    border: 0 !important;
    background: transparent !important;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li,
.woocommerce-page nav.woocommerce-pagination ul.page-numbers li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.navigation.pagination .page-numbers,
.spadana-search-pagination .page-numbers,
.woocommerce nav.woocommerce-pagination ul.page-numbers li > .page-numbers,
.woocommerce-page nav.woocommerce-pagination ul.page-numbers li > .page-numbers {
    display: inline-grid !important;
    place-items: center;
    min-width: 36px;
    height: 36px;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #5e5f63 !important;
    font-family: "Yekan Bakh Farsi Digits", "Yekan Bakh", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: border-color .16s ease, color .16s ease, background-color .16s ease, transform .16s ease;
}

.navigation.pagination a.page-numbers:hover,
.spadana-search-pagination a.page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul.page-numbers li > a.page-numbers:hover,
.woocommerce-page nav.woocommerce-pagination ul.page-numbers li > a.page-numbers:hover {
    border-color: #cfcfcf !important;
    background: #fafafa !important;
    color: #171719 !important;
    transform: translateY(-1px);
}

.navigation.pagination .page-numbers.current,
.spadana-search-pagination .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul.page-numbers li > .page-numbers.current,
.woocommerce-page nav.woocommerce-pagination ul.page-numbers li > .page-numbers.current {
    border-color: #1c1c1e !important;
    background: #1c1c1e !important;
    color: #fff !important;
    font-weight: 500 !important;
}

.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next,
.spadana-search-pagination .page-numbers.prev,
.spadana-search-pagination .page-numbers.next,
.woocommerce nav.woocommerce-pagination .page-numbers.prev,
.woocommerce nav.woocommerce-pagination .page-numbers.next,
.woocommerce-page nav.woocommerce-pagination .page-numbers.prev,
.woocommerce-page nav.woocommerce-pagination .page-numbers.next {
    width: 36px;
    min-width: 36px;
    padding: 0 !important;
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}

.navigation.pagination .page-numbers.dots,
.spadana-search-pagination .page-numbers.dots,
.woocommerce nav.woocommerce-pagination .page-numbers.dots,
.woocommerce-page nav.woocommerce-pagination .page-numbers.dots {
    min-width: 24px;
    padding: 0 3px !important;
    border-color: transparent !important;
    background: transparent !important;
    color: #9a9a9a !important;
}

.navigation.pagination .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 600px) {
    .navigation.pagination,
    .spadana-search-pagination,
    .woocommerce nav.woocommerce-pagination,
    .woocommerce-page nav.woocommerce-pagination {
        margin-top: 34px !important;
    }

    .navigation.pagination .nav-links,
    .spadana-search-pagination,
    .woocommerce nav.woocommerce-pagination ul.page-numbers,
    .woocommerce-page nav.woocommerce-pagination ul.page-numbers {
        gap: 5px;
    }

    .navigation.pagination .page-numbers,
    .spadana-search-pagination .page-numbers,
    .woocommerce nav.woocommerce-pagination ul.page-numbers li > .page-numbers,
    .woocommerce-page nav.woocommerce-pagination ul.page-numbers li > .page-numbers {
        min-width: 34px;
        height: 34px;
        border-radius: 9px !important;
        font-size: 11.5px !important;
    }

    .navigation.pagination .page-numbers.prev,
    .navigation.pagination .page-numbers.next,
    .spadana-search-pagination .page-numbers.prev,
    .spadana-search-pagination .page-numbers.next,
    .woocommerce nav.woocommerce-pagination .page-numbers.prev,
    .woocommerce nav.woocommerce-pagination .page-numbers.next,
    .woocommerce-page nav.woocommerce-pagination .page-numbers.prev,
    .woocommerce-page nav.woocommerce-pagination .page-numbers.next {
        width: 34px;
        min-width: 34px;
    }
}

/* ==========================================================
   1.6.24 — centralized archive SEO editor output
   White/minimal presentation; supports rich media without Gutenberg.
   ========================================================== */
.spadana-archive-rich-wrap {
    margin-top: 26px;
    margin-bottom: 26px;
}

.spadana-archive-rich {
    width: 100%;
    max-width: 980px;
    margin-inline: auto;
    padding: 0;
    background: #fff;
    color: #363638;
}

.spadana-archive-rich--intro {
    margin-top: 6px;
    margin-bottom: 34px;
}

.spadana-archive-rich--footer {
    margin-top: 42px;
    margin-bottom: 18px;
    padding-top: 28px;
    border-top: 1px solid #ececec;
}

.spadana-archive-rich__content {
    font-family: "Yekan Bakh Farsi Digits", "Yekan Bakh Web", Tahoma, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
}

.spadana-archive-rich__content > :first-child { margin-top: 0; }
.spadana-archive-rich__content > :last-child { margin-bottom: 0; }

.spadana-archive-rich__content h2,
.spadana-archive-rich__content h3,
.spadana-archive-rich__content h4,
.spadana-shop-seo--managed .spadana-shop-seo__content h2,
.spadana-shop-seo--managed .spadana-shop-seo__content h3,
.spadana-shop-seo--managed .spadana-shop-seo__content h4 {
    color: #202022;
    font-weight: 500;
    line-height: 1.65;
}

.spadana-archive-rich__content h2,
.spadana-shop-seo--managed .spadana-shop-seo__content h2 {
    margin: 30px 0 12px;
    font-size: clamp(21px,2.2vw,28px);
}

.spadana-archive-rich__content h3,
.spadana-shop-seo--managed .spadana-shop-seo__content h3 {
    margin: 24px 0 10px;
    font-size: clamp(18px,1.8vw,22px);
}

.spadana-archive-rich__content p,
.spadana-shop-seo--managed .spadana-shop-seo__content p {
    margin: 0 0 14px;
}

.spadana-archive-rich__content a,
.spadana-shop-seo--managed .spadana-shop-seo__content a {
    color: var(--sp-red);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.spadana-archive-rich__content img,
.spadana-archive-rich__content figure,
.spadana-shop-seo--managed .spadana-shop-seo__content img,
.spadana-shop-seo--managed .spadana-shop-seo__content figure {
    max-width: 100%;
    height: auto;
}

.spadana-archive-rich__content img,
.spadana-shop-seo--managed .spadana-shop-seo__content img {
    border-radius: 12px;
}

.spadana-archive-rich__content figure,
.spadana-shop-seo--managed .spadana-shop-seo__content figure {
    margin: 22px 0;
}

.spadana-archive-rich__content figcaption,
.spadana-shop-seo--managed .spadana-shop-seo__content figcaption {
    margin-top: 7px;
    color: #777;
    font-size: 12.5px;
    line-height: 1.8;
}

.spadana-archive-rich__content iframe,
.spadana-archive-rich__content video,
.spadana-archive-rich__content .wp-video,
.spadana-archive-rich__content .wp-video-shortcode,
.spadana-shop-seo--managed .spadana-shop-seo__content iframe,
.spadana-shop-seo--managed .spadana-shop-seo__content video,
.spadana-shop-seo--managed .spadana-shop-seo__content .wp-video {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 22px 0;
    border-radius: 12px;
    overflow: hidden;
}

.spadana-archive-rich__content iframe,
.spadana-shop-seo--managed .spadana-shop-seo__content iframe {
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 300px;
    border: 0;
}

.spadana-archive-rich__content blockquote,
.spadana-shop-seo--managed .spadana-shop-seo__content blockquote {
    margin: 22px 0;
    padding: 16px 18px;
    border-inline-start: 2px solid var(--sp-red);
    background: #fbfaf8;
    border-radius: 10px;
}

.spadana-archive-rich__content table,
.spadana-shop-seo--managed .spadana-shop-seo__content table {
    width: 100%;
    margin: 20px 0;
    border-collapse: collapse;
    font-size: 13.5px;
}

.spadana-archive-rich__content th,
.spadana-archive-rich__content td,
.spadana-shop-seo--managed .spadana-shop-seo__content th,
.spadana-shop-seo--managed .spadana-shop-seo__content td {
    padding: 10px 12px;
    border: 1px solid #ececec;
    text-align: start;
}

/* Managed shop/category content uses the same restrained white language. */
body:not(.home):not(.front-page) .spadana-shop-seo--managed {
    display: block !important;
    max-width: 980px;
    margin-inline: auto;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body:not(.home):not(.front-page) .spadana-shop-seo--managed.spadana-shop-seo--intro {
    margin-bottom: 34px;
}

body:not(.home):not(.front-page) .spadana-shop-seo--managed.spadana-shop-seo--footer {
    margin-top: 42px;
    padding-top: 28px;
    border-top: 1px solid #ececec !important;
}

body:not(.home):not(.front-page) .spadana-shop-seo--managed .spadana-shop-seo__body {
    padding: 0 !important;
}

@media (max-width: 700px) {
    .spadana-archive-rich-wrap { margin-top: 20px; margin-bottom: 20px; }
    .spadana-archive-rich--footer,
    body:not(.home):not(.front-page) .spadana-shop-seo--managed.spadana-shop-seo--footer {
        margin-top: 30px;
        padding-top: 22px;
    }
    .spadana-archive-rich__content,
    .spadana-shop-seo--managed .spadana-shop-seo__content {
        font-size: 14px;
        line-height: 1.95;
    }
    .spadana-archive-rich__content iframe,
    .spadana-shop-seo--managed .spadana-shop-seo__content iframe {
        min-height: 190px;
    }
}

/* ==========================================================
   1.6.24 pre-launch hardening
   Canonical mega menu + clean internal header + lighter FAQ questions.
   ========================================================== */
/* Internal header intentionally has no separator line or drop shadow. */
body:not(.home):not(.front-page) .spadana-header {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* One mega-menu visual language on home and internal pages. */
.spadana-menu .spadana-product-mega-menu,
body:not(.home):not(.front-page) .spadana-menu .spadana-product-mega-menu {
    width: min(780px, calc(100vw - 34px));
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--sp-line) !important;
    border-radius: 12px;
    background: #fff !important;
    box-shadow: var(--sp-shadow) !important;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px;
    grid-auto-rows: 1fr;
}

.spadana-menu .spadana-product-mega-menu a,
body:not(.home):not(.front-page) .spadana-menu .spadana-product-mega-menu a {
    min-height: 44px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8f8f6 !important;
    color: var(--sp-black) !important;
    font-weight: 400 !important;
    line-height: 1.85;
}

.spadana-menu .spadana-product-mega-menu a:hover,
body:not(.home):not(.front-page) .spadana-menu .spadana-product-mega-menu a:hover {
    background: var(--sp-red) !important;
    color: #fff !important;
}

.spadana-menu .spadana-product-mega-menu .spadana-product-mega-menu__all a,
body:not(.home):not(.front-page) .spadana-menu .spadana-product-mega-menu .spadana-product-mega-menu__all a {
    background: #fff3f4 !important;
    color: var(--sp-red) !important;
    font-weight: 600 !important;
}

.spadana-menu .spadana-product-mega-menu .spadana-product-mega-menu__all a:hover,
body:not(.home):not(.front-page) .spadana-menu .spadana-product-mega-menu .spadana-product-mega-menu__all a:hover {
    background: var(--sp-red) !important;
    color: #fff !important;
}

/* FAQ questions should read like body UI, not heavy headings. */
.spadana-faq__item summary,
html[lang^="fa"] .spadana-faq__item summary {
    font-family: "Yekan Bakh Farsi Digits", "Yekan Bakh Web", Tahoma, Arial, sans-serif;
    font-weight: 400 !important;
}

@media (max-width: 1080px) {
    .spadana-menu .spadana-product-mega-menu,
    body:not(.home):not(.front-page) .spadana-menu .spadana-product-mega-menu {
        width: auto;
        padding: 8px 0 10px;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 600px) {
    .spadana-menu .spadana-product-mega-menu,
    body:not(.home):not(.front-page) .spadana-menu .spadana-product-mega-menu {
        grid-template-columns: 1fr;
    }
}