/* Add custom CSS styles below */ 
.matcha-faq .text-center > .inline-flex {
    display: none !important;
}
:root {
    --color-btn-single-product: #304521 !important;
    --color-btnMove-single-product: #263719 !important;
}
@media (min-width: 1024px) {
    #mobile-menu > ul.main-menu {
        position: relative !important;
        right: -270px !important;
    }

    #mobile-menu > ul.main-menu > li.root-level > a {
        font-size: 18px !important;
    }
}
@media (min-width: 1024px) {
    img[alt="The Function logo"] {
        width: 100px !important;
        height: 100px !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}
/* ===== ONE CONTINUOUS FOOTER BACKGROUND ===== */

footer.store-footer.matcha-store-footer {
    height: auto !important;
    min-height: 0 !important;

    background-image: url("https://raw.githubusercontent.com/itsnalabb/the-function-assets/main/PHOTO-2026-09-21-20-57-12.jpg") !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Remove every separate footer background */
footer.matcha-store-footer .matcha-store-footer__inner,
footer.matcha-store-footer .store-footer__inner,
footer.matcha-store-footer .matcha-copyright,
footer.matcha-store-footer .matcha-copyright > div {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}
@media (min-width: 1024px) {

    /* Turn Salla's 6-column layout into 3 equal columns */
    footer.matcha-store-footer .store-footer__inner > .container {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 80px !important;

        align-items: start !important;

        /* Move everything further down */
        padding-top: 65px !important;
        padding-bottom: 30px !important;
    }


    /* ------------------------------------------
       COLUMN 1 — SOCIALS + COMMERCIAL REGISTER
       ------------------------------------------ */

    footer.matcha-store-footer
    .store-footer__inner > .container > div:first-child {
        grid-column: 1 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }


    /* ------------------------------------------
       COLUMN 2 — IMPORTANT LINKS
       ------------------------------------------ */

    footer.matcha-store-footer
    .store-footer__inner > .container > div:nth-child(2) {
        grid-column: 2 !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* ------------------------------------------
       COLUMN 3 — CONTACT
       ------------------------------------------ */

    footer.matcha-store-footer
    .store-footer__inner > .container > div:nth-child(3) {
        grid-column: 3 !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* Empty Salla app column — remove it */
    footer.matcha-store-footer salla-apps-icons {
        display: none !important;
    }
}


/* ==================================================
   REMOVE "THE FUNCTION"
   ================================================== */

footer.matcha-store-footer
.store-footer__inner
a[href="https://salla.sa/thefunction/"] {
    display: none !important;
}


/* ==================================================
   TITLES
   ================================================== */

footer.matcha-store-footer .store-footer__inner h3,
footer.matcha-store-footer .s-contacts-title {
    color: #374924 !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    margin: 0 0 18px 0 !important;
}


/* ==================================================
   EVERYTHING UNDER THE TITLES — WHITE
   ================================================== */

footer.matcha-store-footer .store-footer__inner a,
footer.matcha-store-footer .store-footer__inner p,
footer.matcha-store-footer .store-footer__inner span,
footer.matcha-store-footer .store-footer__inner b,
footer.matcha-store-footer .s-contacts-item,
footer.matcha-store-footer .unicode,
footer.matcha-store-footer .s-trust-badges-label,
footer.matcha-store-footer .s-trust-badges-number {
    color: #ffffff !important;
}


/* Contact + social SVG icons */

footer.matcha-store-footer .store-footer__inner svg,
footer.matcha-store-footer .store-footer__inner svg path {
    fill: #ffffff !important;
}


/* ==================================================
   SOCIAL ICONS
   ================================================== */

footer.matcha-store-footer .s-social-list {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    margin: 0 0 22px 0 !important;
}


/* ==================================================
   COMMERCIAL REGISTER
   ================================================== */

footer.matcha-store-footer .s-trust-badges-wrapper {
    margin: 0 !important;
}


/* ==================================================
   CONTACT
   ================================================== */

footer.matcha-store-footer .s-contacts-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

footer.matcha-store-footer .s-contacts-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 1023px) {

    footer.matcha-store-footer .store-footer__inner {
        padding-top: 50px !important;
    }

    footer.matcha-store-footer .store-footer__inner > .container {
        gap: 30px !important;
    }

}
@media (max-width: 767px) {

    /* Keep background proportional on mobile */
    footer.store-footer.matcha-store-footer {
        background-size: cover !important;
        background-position: center bottom !important;
        min-height: 0 !important;
    }

    /* Footer content position */
    footer.matcha-store-footer .store-footer__inner {
        padding: 140px 25px 30px !important;
    }

    /* Clean single-column layout */
    footer.matcha-store-footer .store-footer__inner > .container {
        display: flex !important;
        flex-direction: column !important;
        gap: 25px !important;
        padding: 0 !important;
    }

    /* Reset Salla spacing */
    footer.matcha-store-footer .store-footer__inner > .container > div {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Important links first */
    footer.matcha-store-footer
    .store-footer__inner > .container > div:nth-child(2) {
        order: 1 !important;
    }

    /* Contact second */
    footer.matcha-store-footer
    .store-footer__inner > .container > div:nth-child(3) {
        order: 2 !important;
    }

    /* Socials + commercial register third */
    footer.matcha-store-footer
    .store-footer__inner > .container > div:first-child {
        order: 3 !important;
    }

    /* Hide empty apps section */
    footer.matcha-store-footer salla-apps-icons {
        display: none !important;
    }

    /* Titles */
    footer.matcha-store-footer .store-footer__inner h3,
    footer.matcha-store-footer .s-contacts-title {
        color: #374924 !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        margin: 0 0 12px !important;
    }

    /* Text */
    footer.matcha-store-footer .store-footer__inner a,
    footer.matcha-store-footer .store-footer__inner p,
    footer.matcha-store-footer .store-footer__inner span,
    footer.matcha-store-footer .store-footer__inner b {
        color: #ffffff !important;
    }

    /* Icons */
    footer.matcha-store-footer .store-footer__inner svg,
    footer.matcha-store-footer .store-footer__inner svg path {
        fill: #ffffff !important;
    }

    /* Contact details */
    footer.matcha-store-footer .s-contacts-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    footer.matcha-store-footer .s-contacts-item {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        font-size: 13px !important;
    }

    /* Social icons */
    footer.matcha-store-footer .s-social-list {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 0 18px !important;
    }

    /* Copyright/payment area */
    footer.matcha-store-footer .matcha-copyright > .container {
        padding-top: 15px !important;
        padding-bottom: 18px !important;
        gap: 12px !important;
    }

    footer.matcha-store-footer .matcha-copyright p {
        font-size: 11px !important;
        margin: 0 !important;
    }
}
@font-face {
    font-family: 'GeistLatin';
    src: url('https://raw.githubusercontent.com/itsnalabb/the-function-assets/main/Geist-VariableFont_wght%20(1).woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;

    /* Latin characters only — does not affect Arabic */
    unicode-range:
        U+0000-007F,
        U+0080-00FF,
        U+0100-017F,
        U+0180-024F;
}

/* Use Geist for English/Latin characters everywhere */
body {
    font-family: 'GeistLatin', 'Nassim Arabic Pro', sans-serif !important;
}
@media (max-width: 767px) {

    footer.store-footer.matcha-store-footer
    .store-footer__inner
    .s-contacts
    .s-contacts-list
    .s-contacts-item
    span.unicode {
        color: #374924 !important;
    }

}
li#offers {
    visibility: hidden !important;
    pointer-events: none !important;
}
@media (min-width: 1024px) {
    html[lang="en"] #mobile-menu > ul.main-menu {
        right: auto !important;
        left: -250px !important;
    }
}
.slide-content {
    display: none !important;
}
@media (min-width: 768px) {

    section.matcha-hero-slider {
        height: auto !important;
        min-height: 0 !important;
    }

    section.matcha-hero-slider .hero-slider,
    section.matcha-hero-slider salla-slider,
    section.matcha-hero-slider .s-slider-container,
    section.matcha-hero-slider .swiper-wrapper,
    section.matcha-hero-slider .swiper-slide,
    section.matcha-hero-slider .hero-slide {
        height: auto !important;
        min-height: 0 !important;
    }

    section.matcha-hero-slider .hero-slide-bg {
        position: relative !important;
        inset: unset !important;
        width: 100% !important;
        height: auto !important;
    }

    section.matcha-hero-slider .hero-slide-bg img.hidden.md\:block {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    section.matcha-hero-slider .hero-slide > .relative.h-full {
        display: none !important;
    }
}
i.sicon-quote {
    font-size: 0 !important;
    width: 60px !important;
    height: 60px !important;
    display: inline-block !important;

    background-image: url("https://raw.githubusercontent.com/itsnalabb/the-function-assets/main/The_Function_Illustrations_Steamed_Milk-45.svg") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Remove original Salla quote icon */
i.sicon-quote::before {
    display: none !important;
}
i.sicon-shield-alt {
    font-size: 0 !important;
    width: 60px !important;
    height: 60px !important;
    display: inline-block !important;

    background-image: url("https://raw.githubusercontent.com/itsnalabb/the-function-assets/main/The_Function_Illustrations_Steamed_Milk-58.svg") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Remove original Salla shield icon */
i.sicon-shield-alt::before {
    display: none !important;
}
i.sicon-headphones {
    font-size: 0 !important;
    width: 60px !important;
    height: 60px !important;
    display: inline-block !important;

    background-image: url("https://raw.githubusercontent.com/itsnalabb/the-function-assets/main/The_Function_Illustrations_Steamed_Milk-49.svg") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Remove original Salla headphones icon */
i.sicon-headphones::before {
    display: none !important;
}
i.sicon-heart {
    font-size: 0 !important;
    width: 60px !important;
    height: 60px !important;
    display: inline-block !important;

    background-image: url("https://raw.githubusercontent.com/itsnalabb/the-function-assets/main/The_Function_Illustrations_Steamed_Milk-62.svg") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Remove original Salla heart icon */
i.sicon-heart::before {
    display: none !important;
}
section.matcha-hero-slider .hero-slide-bg {
    background-image: url("https://raw.githubusercontent.com/itsnalabb/the-function-assets/main/f2f2f844-514e-41fa-a63a-e0bd59176703.webp") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Hide Salla's original hero images */
section.matcha-hero-slider .hero-slide-bg > img {
    opacity: 0 !important;
}
footer.matcha-store-footer
.store-footer__inner > .container > div:nth-child(2) {
    display: block !important;
    visibility: visible !important;
}

footer.matcha-store-footer
.store-footer__inner > .container > div:nth-child(2) salla-menu,
footer.matcha-store-footer
.store-footer__inner > .container > div:nth-child(2) ul,
footer.matcha-store-footer
.store-footer__inner > .container > div:nth-child(2) li,
footer.matcha-store-footer
.store-footer__inner > .container > div:nth-child(2) a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
@media (min-width: 1024px) {
    footer.store-footer.matcha-store-footer
    .store-footer__inner
    .s-contacts
    .s-contacts-list
    .s-contacts-item
    span.unicode {
        color: #ffffff !important;
    }
}
@media (max-width: 767px) {

    /* Move Useful Links lower */
    footer.matcha-store-footer
    .store-footer__inner > .container > div:nth-child(2) {
        padding-top: 45px !important;
    }

    /* Socials + Commercial Register section */
    footer.matcha-store-footer
    .store-footer__inner > .container > div:first-child {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 20px !important;
    }

    /* Instagram + TikTok */
    footer.matcha-store-footer .s-social-list {
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

    /* Commercial Register */
    footer.matcha-store-footer .s-trust-badges-wrapper {
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
}
@media (max-width: 767px) {
    footer.store-footer.matcha-store-footer
    .store-footer__inner
    .s-contacts
    .s-contacts-list
    .s-contacts-item
    span.unicode {
        color: #ffffff !important;
    }
}
@media (max-width: 767px) {

    section.matcha-hero-slider .hero-slide-bg {
        background-image: url("https://raw.githubusercontent.com/itsnalabb/the-function-assets/main/a33aefdb-de23-4479-b855-b19fa83b2a01.webp") !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    section.matcha-hero-slider .hero-slide-bg > img {
        opacity: 0 !important;
    }
}
.matcha-copyright .copyright-text p {
    font-size: 0 !important;
}

.matcha-copyright .copyright-text p > * {
    display: none !important;
}

.matcha-copyright .copyright-text p::after {
    content: "The Function Concept";
    display: inline-block !important;
    font-size: 13px !important;
    color: #ffffff !important;
    font-family: 'GeistLatin', sans-serif !important;
}
/* Remove selected drink checkmark circle */
.drink-type-btn > .absolute.top-3.right-3 {
    display: none !important;
}
.drink-type-btn[aria-label="Select Iced"] {
    display: none !important;
}
.drink-type-btn[aria-label="Select Traditional"],
.drink-type-btn[aria-label="Select Latte"] {
    width: 100% !important;
}
.grid.sm\:grid-cols-3.gap-4:has(> .drink-type-btn) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Make both remaining cards fill their columns */
.drink-type-btn[aria-label="Select Traditional"],
.drink-type-btn[aria-label="Select Latte"] {
    width: 100% !important;
    max-width: none !important;
}
svg:has(> path[d="M4 13c6.5-7.5 12-7 16-6-1 7-6 13-13 13-2 0-3-1-3-3 0-1 .5-2 0-4z"]) {
    width: 30px !important;
    height: 30px !important;

    background-image: url("https://raw.githubusercontent.com/itsnalabb/the-function-assets/main/leaf%202.svg") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Hide original leaf */
svg:has(> path[d="M4 13c6.5-7.5 12-7 16-6-1 7-6 13-13 13-2 0-3-1-3-3 0-1 .5-2 0-4z"]) > path {
    display: none !important;
}
svg:has(> path[d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707"]) {
    width: 20px !important;
    height: 20px !important;

    background-image: url("https://raw.githubusercontent.com/itsnalabb/the-function-assets/main/water.svg") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Hide original icon */
svg:has(> path[d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707"]) > path {
    display: none !important;
}
svg:has(> path[d="M6 3h12v2H6V3m0 4h12a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V9a2 2 0 012-2z"]) {
    width: 30px !important;
    height: 30px !important;

    background-image: url("https://raw.githubusercontent.com/itsnalabb/the-function-assets/main/milk.svg") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Hide original milk icon */
svg:has(> path[d="M6 3h12v2H6V3m0 4h12a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V9a2 2 0 012-2z"]) > path {
    display: none !important;
}
html[lang="ar"] svg[style*="--temp-icon-color"] + span {
    color: transparent !important;
    position: relative !important;
}

html[lang="ar"] svg[style*="--temp-icon-color"] + span::after {
    content: "درجة الحرارة المثالية للماء";
    color: var(--section-title-color) !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: max-content !important;
    white-space: nowrap !important;
}
.flex.flex-wrap.gap-3.mt-8.pt-8.border-t {
    display: none !important;
}
.inline-flex.items-center.gap-2.px-4.py-2.rounded-full > svg {
    display: none !important;
}

/* Center "دليل التحضير" */
.inline-flex.items-center.gap-2.px-4.py-2.rounded-full {
    justify-content: center !important;
    text-align: center !important;
}
.flex.items-center.gap-3.mb-3:has(svg[style*="--temp-icon-color"]) {
    gap: 0 !important;
}

/* Remove temperature icon from layout completely */
svg[style*="--temp-icon-color"] {
    display: none !important;
}

/* Correct heading alignment by language */
html[lang="ar"] .flex.items-center.gap-3.mb-3:has(svg[style*="--temp-icon-color"]) {
    justify-content: flex-start !important;
    text-align: right !important;
}

html[lang="en"] .flex.items-center.gap-3.mb-3:has(svg[style*="--temp-icon-color"]) {
    justify-content: flex-start !important;
    text-align: left !important;
}
@media (max-width: 1023px) {

    /* Hide English | SAR text, keep icons */
    button[aria-label="Change Language and/or Currency"] > span {
        display: none !important;
    }

    button[aria-label="Change Language and/or Currency"] {
        gap: 5px !important;
        padding: 6px 8px !important;
    }

    /* Hide hamburger */
    a.mburger[href="#mobile-menu"] {
        display: none !important;
    }

    /* Mobile Matcha Products link */
    .mobile-matcha-products {
        display: flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        color: var(--color-header-text) !important;
        text-decoration: none !important;
        margin-right: 6px !important;
        margin-left: 6px !important;
    }
}
@media (max-width: 1023px) {

    .matcha-top-navbar span {
        font-size: 0 !important;
    }

    .matcha-top-navbar span::after {
        content: "The Function Matcha Drop is live.";
        font-size: 14px !important;
    }
}
@media (max-width: 1023px) {
    .matcha-copyright .copyright-text p::after {
        content: none !important;
        display: none !important;
    }
}
@media (max-width: 1023px) {

    .matcha-top-navbar span {
        font-size: 0 !important;
    }

    /* English */
    html[lang="en"] .matcha-top-navbar span::after {
        content: "The Function Matcha Drop is live.";
        font-size: 14px !important;
    }

    /* Arabic */
    html[lang="ar"] .matcha-top-navbar span::after {
        content: "ماتشتكم المفضلة تنتظركم";
        font-size: 14px !important;
    }
}
#mainnav .mobile-matcha-products {
    display: none !important;
}

@media screen and (max-width: 767px) {
    #mainnav .mobile-matcha-products {
        display: flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        color: var(--color-header-text) !important;
        text-decoration: none !important;
        margin-inline: 6px !important;
    }
}
.s-user-menu-avatar-wrap {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
.s-user-menu-trigger,
.s-user-menu-trigger-slot {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
.matcha-stat-item {
    white-space: nowrap !important;
}
@media (max-width: 767px) {

    /* Tasting Notes title */
    .text-4xl.font-bold.matcha-stat-item.mb-2 {
        font-size: 25px !important;
        line-height: 1.1 !important;
        margin-bottom: 5px !important;
        white-space: nowrap !important;

        transform: translate(-35px, -80px) !important;
    }

    /* At 75° Water Temperature */
    .text-sm[style*="opacity: 0.9"] {
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;

        transform: translate(-35px, -80px) !important;
    }
}
@media (max-width: 767px) {

    html[lang="ar"] .text-4xl.font-bold.matcha-stat-item.mb-2 {
        transform: translate(35px, -80px) !important;
        text-align: right !important;
    }

    html[lang="ar"] .text-sm[style*="opacity: 0.9"] {
        transform: translate(35px, -80px) !important;
        text-align: right !important;
    }
}
html[lang="ar"] .text-center.p-6:has(.gokou-ar-tasting-graphic) {
    position: relative !important;
}

/* Move the Arabic text slightly right */
html[lang="ar"] .text-center.p-6:has(.gokou-ar-tasting-graphic)
.matcha-stat-item {
    transform: translateX(-250px) !important;
    white-space: nowrap !important;
}

html[lang="ar"] .text-center.p-6:has(.gokou-ar-tasting-graphic)
.text-sm {
    transform: translateX(-250px) !important;
    white-space: nowrap !important;
}

/* SVG on the left */
html[lang="ar"] .gokou-ar-tasting-graphic {
    position: absolute !important;

    width: 420px !important;
    max-width: none !important;
    height: auto !important;

    right: 50% !important;
    top: 50% !important;

    transform: translate(-400px, -50%) !important;

    display: block !important;
}
@media (max-width: 767px) {

    /* Restore the original mobile block */
    html[lang="ar"] .text-center.p-6:has(.gokou-ar-tasting-graphic) {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: auto !important;
        display: block !important;
        transform: none !important;
        padding: 1.5rem !important;
    }

    /* Arabic heading */
    html[lang="ar"] .text-center.p-6:has(.gokou-ar-tasting-graphic)
    .matcha-stat-item {
        position: static !important;
        font-size: 25px !important;
        line-height: 1.1 !important;
        margin-bottom: 5px !important;
        white-space: nowrap !important;

        /* back to your working mobile position */
        transform: translate(35px, -80px) !important;
    }

    /* Arabic temperature */
    html[lang="ar"] .text-center.p-6:has(.gokou-ar-tasting-graphic)
    .text-sm {
        position: static !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;

        /* back to your working mobile position */
        transform: translate(35px, -80px) !important;
    }

    /* Reset SVG from all desktop positioning */
    html[lang="ar"] .gokou-ar-tasting-graphic {
        position: absolute !important;

        width: 300px !important;
        max-width: none !important;
        height: auto !important;

        left: 50% !important;
        right: auto !important;
        top: 5px !important;

        transform: translateX(-80%) !important;

        display: block !important;
    }
}
html[lang="ar"] .text-center.p-6:has(.yabukita-ar-tasting-graphic) {
    position: relative !important;
}

html[lang="ar"] .text-center.p-6:has(.yabukita-ar-tasting-graphic)
.matcha-stat-item {
    transform: translateX(-250px) !important;
    white-space: nowrap !important;
}

html[lang="ar"] .text-center.p-6:has(.yabukita-ar-tasting-graphic)
.text-sm {
    transform: translateX(-250px) !important;
    white-space: nowrap !important;
}

html[lang="ar"] .yabukita-ar-tasting-graphic {
    position: absolute !important;

    width: 420px !important;
    max-width: none !important;
    height: auto !important;

    right: 50% !important;
    top: 50% !important;

    transform: translate(-400px, -50%) !important;

    display: block !important;
}


/* =====================================
   YABUKITA ARABIC — MOBILE
   ===================================== */

@media (max-width: 767px) {

    html[lang="ar"] .text-center.p-6:has(.yabukita-ar-tasting-graphic) {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: auto !important;
        display: block !important;
        transform: none !important;
        padding: 1.5rem !important;
    }

    /* Arabic heading */
    html[lang="ar"] .text-center.p-6:has(.yabukita-ar-tasting-graphic)
    .matcha-stat-item {
        position: static !important;
        font-size: 25px !important;
        line-height: 1.1 !important;
        margin-bottom: 5px !important;
        white-space: nowrap !important;

        transform: translate(35px, -80px) !important;
    }

    /* Temperature */
    html[lang="ar"] .text-center.p-6:has(.yabukita-ar-tasting-graphic)
    .text-sm {
        position: static !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;

        transform: translate(35px, -80px) !important;
    }

    /* Yabukita SVG */
    html[lang="ar"] .yabukita-ar-tasting-graphic {
        position: absolute !important;

        width: 300px !important;
        max-width: none !important;
        height: auto !important;

        left: 50% !important;
        right: auto !important;
        top: 5px !important;

        transform: translateX(-80%) !important;

        display: block !important;
    }
}
html[lang="en"] .text-center.p-6:has(.yabukita-en-tasting-graphic) {
    position: relative !important;
}

html[lang="en"] .text-center.p-6:has(.yabukita-en-tasting-graphic)
.matcha-stat-item {
    transform: translateX(250px) !important;
    white-space: nowrap !important;
}

html[lang="en"] .text-center.p-6:has(.yabukita-en-tasting-graphic)
.text-sm {
    transform: translateX(250px) !important;
    white-space: nowrap !important;
}

html[lang="en"] .yabukita-en-tasting-graphic {
    position: absolute !important;

    width: 420px !important;
    max-width: none !important;
    height: auto !important;

    left: 50% !important;
    top: 50% !important;

    transform: translate(400px, -50%) !important;

    display: block !important;
}


/* =====================================
   YABUKITA ENGLISH — MOBILE
   ===================================== */

@media (max-width: 767px) {

    html[lang="en"] .text-center.p-6:has(.yabukita-en-tasting-graphic) {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: auto !important;
        display: block !important;
        transform: none !important;
        padding: 1.5rem !important;
    }

    /* Tasting Notes */
    html[lang="en"] .text-center.p-6:has(.yabukita-en-tasting-graphic)
    .matcha-stat-item {
        position: static !important;
        font-size: 25px !important;
        line-height: 1.1 !important;
        margin-bottom: 5px !important;
        white-space: nowrap !important;

        transform: translate(-35px, -80px) !important;
    }

    /* Water temperature */
    html[lang="en"] .text-center.p-6:has(.yabukita-en-tasting-graphic)
    .text-sm {
        position: static !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;

        transform: translate(-35px, -80px) !important;
    }

    /* Yabukita English SVG */
    html[lang="en"] .yabukita-en-tasting-graphic {
        position: absolute !important;

        width: 300px !important;
        max-width: none !important;
        height: auto !important;

        right: 50% !important;
        left: auto !important;
        top: 5px !important;

        transform: translateX(80%) !important;

        display: block !important;
    }
}
html[lang="en"] .text-center.p-6:has(.gokou-en-tasting-graphic) {
    position: relative !important;
}

html[lang="en"] .text-center.p-6:has(.gokou-en-tasting-graphic)
.matcha-stat-item {
    transform: translateX(250px) !important;
    white-space: nowrap !important;
}

html[lang="en"] .text-center.p-6:has(.gokou-en-tasting-graphic)
.text-sm {
    transform: translateX(250px) !important;
    white-space: nowrap !important;
}

html[lang="en"] .gokou-en-tasting-graphic {
    position: absolute !important;

    width: 420px !important;
    max-width: none !important;
    height: auto !important;

    left: 50% !important;
    top: 50% !important;

    transform: translate(400px, -50%) !important;

    display: block !important;
}


/* =====================================
   GOKOU ENGLISH — MOBILE
   ===================================== */

@media (max-width: 767px) {

    html[lang="en"] .text-center.p-6:has(.gokou-en-tasting-graphic) {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: auto !important;
        display: block !important;
        transform: none !important;
        padding: 1.5rem !important;
    }

    /* Tasting Notes */
    html[lang="en"] .text-center.p-6:has(.gokou-en-tasting-graphic)
    .matcha-stat-item {
        position: static !important;
        font-size: 25px !important;
        line-height: 1.1 !important;
        margin-bottom: 5px !important;
        white-space: nowrap !important;

        transform: translate(-35px, -80px) !important;
    }

    /* Water temperature */
    html[lang="en"] .text-center.p-6:has(.gokou-en-tasting-graphic)
    .text-sm {
        position: static !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;

        transform: translate(-35px, -80px) !important;
    }

    /* Gokou English SVG */
    html[lang="en"] .gokou-en-tasting-graphic {
        position: absolute !important;

        width: 300px !important;
        max-width: none !important;
        height: auto !important;

        right: 50% !important;
        left: auto !important;
        top: 5px !important;

        transform: translateX(80%) !important;

        display: block !important;
    }
}
a[href*="c1970030014"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;

    padding: 8px 16px !important;

    border: 1px solid #F2F0DC !important;
    border-radius: 8px !important;
    outline: none !important;
    box-shadow: none !important;

    background: transparent !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    transition: background 0.2s ease !important;
}

/* Preserve text layout */
a[href*="c1970030014"] span {
    white-space: nowrap !important;
    line-height: 1.5 !important;
}

/* Desktop */
@media (min-width: 1024px) {
    li[id="1970030014"] > a {
        padding: 10px 20px !important;
    }
}

/* Mobile */
@media (max-width: 1023px) {
    a[href*="c1970030014"] {
        padding: 6px 10px !important;
        font-size: 12px !important;
        border-radius: 7px !important;
    }
}

/* Hover */
a[href*="c1970030014"]:hover {
    background: rgba(242, 240, 220, 0.12) !important;
}
/* Center slider title */
.s-slider-block__title {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}
/* THE FUNCTION — CENTER MATCHA HEADING */

/* Target the heading identified by our JavaScript */
.tf-matcha-heading {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Make the title container span the entire heading */
.tf-matcha-heading .s-slider-block__title-right {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    text-align: center !important;
}

/* Center the actual text */
.tf-matcha-heading h2 {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #374924 !important;
}

/* Remove navigation from heading layout */
.tf-matcha-heading .s-slider-block__title-left {
    display: none !important;
}

/* Mobile */
@media (max-width: 768px) {
    .tf-matcha-heading h2 {
        font-size: 24px !important;
    }
}