/* Makhtoum mobile presentation pass. Desktop rules stay untouched. */

@media (max-width: 782px) {
    .mk-home {
        overflow: clip;
    }

    /* Present the active hero as a calm product image with a readable editorial card. */
    .mk-hero,
    .mk-hero__slide,
    .mk-hero__slide .mk-hero__layout {
        min-height: 650px;
    }

    .mk-hero__slide--brand-signature {
        background-image:
            linear-gradient(180deg, rgba(247, 244, 234, 0.08) 0%, rgba(247, 244, 234, 0.08) 36%, rgba(247, 244, 234, 0.56) 57%, rgba(247, 244, 234, 0.94) 100%),
            var(--mk-hero-image) !important;
        background-position: 68% top, 68% top !important;
        background-size: auto 330px, cover !important;
    }

    .mk-hero__slide--brand-signature .mk-hero__layout {
        display: flex !important;
        align-items: flex-end;
        padding: 0 14px 76px;
    }

    .mk-hero__copy--signature {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 23px 20px 20px;
        border: 1px solid rgba(201, 154, 61, 0.3);
        border-radius: 11px;
        background: rgba(247, 244, 234, 0.94);
        box-shadow: 0 18px 42px rgba(22, 60, 39, 0.14);
        text-align: center;
    }

    .mk-hero__copy--signature .mk-kicker,
    .mk-hero__copy--signature .mk-arabic {
        display: block;
        margin-inline: auto;
    }

    .mk-hero__copy--signature h1 {
        margin: 7px 0 8px;
        font-size: 31px;
        line-height: 1.12;
    }

    .mk-hero__copy--signature .mk-arabic {
        font-size: 20px;
        line-height: 1.55;
    }

    .mk-hero__copy--signature .mk-hero__text {
        max-width: 290px;
        margin: 8px auto 15px;
        font-size: 14px;
        line-height: 1.65;
    }

    .mk-hero__copy--signature .mk-actions {
        display: grid;
        gap: 8px;
        margin: 0;
    }

    .mk-hero__copy--signature .mk-button {
        min-height: 49px;
        justify-content: center;
        text-align: center;
    }

    .mk-hero__copy--signature .mk-button--primary {
        color: #fff !important;
        background: #245d3b !important;
    }

    .mk-hero__copy--signature .mk-button--ghost {
        color: #173c27 !important;
        border-color: rgba(23, 60, 39, 0.28) !important;
        background: rgba(255, 255, 255, 0.42) !important;
    }

    .mk-hero__controls {
        bottom: 13px;
        z-index: 4;
    }

    /* Trust points become a horizontal, swipeable premium rail instead of a square grid. */
    .mk-trust {
        margin-top: -12px;
        padding: 0 0 20px;
    }

    .mk-trust__mount {
        padding: 0 14px;
    }

    .mk-trust__grid {
        display: flex !important;
        gap: 10px;
        overflow-x: auto !important;
        overflow-y: hidden;
        padding: 4px 4px 9px;
        border-radius: 12px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .mk-trust__grid::-webkit-scrollbar {
        display: none;
    }

    .mk-trust__item,
    .mk-trust__grid > .mk-trust__item {
        flex: 0 0 calc(88% - 5px);
        min-width: 0;
        min-height: 136px;
        box-sizing: border-box;
        align-content: center;
        justify-items: center;
        gap: 8px;
        padding: 17px 16px;
        border: 0 !important;
        border-radius: 9px;
        background: rgba(255, 255, 255, 0.055);
        scroll-snap-align: start;
        text-align: center;
    }

    .mk-trust__item.is-active {
        background: linear-gradient(145deg, rgba(55, 104, 70, 0.96), rgba(26, 69, 44, 0.96));
        box-shadow: inset 0 0 0 1px rgba(201, 154, 61, 0.46);
    }

    .mk-trust__item > div,
    .mk-trust__item > div strong,
    .mk-trust__item > div b {
        display: block;
        width: 100%;
        text-align: center;
    }

    .mk-trust__item > div strong {
        font-size: 16px;
        line-height: 1.35;
    }

    .mk-trust__item b {
        margin-top: 4px;
        font-size: 14px;
        line-height: 1.65;
    }

    .mk-trust__item small {
        display: none;
    }

    /* Keep the brand story useful and compact. The product visual is desktop-only here. */
    .mk-intro {
        padding: 56px 0 50px;
    }

    .mk-intro__layout {
        display: block;
    }

    .mk-intro__copy {
        max-width: 340px;
        margin-inline: auto;
        text-align: center;
    }

    .mk-intro__copy .mk-section-arabic,
    .mk-intro__copy .mk-kicker {
        margin-inline: auto;
    }

    .mk-intro__copy h2 {
        margin: 12px 0 14px;
        font-size: 31px;
        line-height: 1.2;
    }

    .mk-intro__copy > p:not(.mk-section-arabic) {
        font-size: 15px;
        line-height: 1.75;
    }

    .mk-brand-pillars {
        display: none;
    }

    .mk-intro__copy .mk-text-link {
        display: inline-flex;
        min-height: 45px;
        align-items: center;
        justify-content: center;
        margin-top: 18px;
        padding: 10px 18px;
        border: 1px solid rgba(47, 99, 60, 0.22);
        border-radius: 5px;
        background: #f4f8f1;
    }

    .mk-intro__visual,
    .mk-signatures {
        display: none !important;
    }

    /* Certificates remain a compact horizontal browse, never a tall vertical stack. */
    .mk-documents {
        padding: 54px 0 48px;
    }

    .mk-credibility {
        display: block !important;
        overflow: visible !important;
    }

    .mk-credibility__summary {
        padding: 24px 20px 20px;
        text-align: center;
    }

    .mk-credibility__summary h3 {
        margin: 8px auto 16px;
        max-width: 310px;
        font-size: 25px;
        line-height: 1.25;
    }

    .mk-credibility__counts {
        max-width: 230px;
        margin-inline: auto;
    }

    .mk-credibility__tabs {
        grid-template-columns: 1fr 1fr;
        max-width: 330px;
        margin: 14px auto 0;
    }

    .mk-credibility__tabs button {
        min-height: 48px;
        padding: 8px 7px;
        font-size: 11px;
    }

    .mk-credibility__gallery {
        padding: 18px 14px 20px;
    }

    .mk-credibility__gallery > header {
        margin-bottom: 12px;
    }

    .mk-credibility .mk-documents-carousel__rail {
        display: flex !important;
        gap: 12px;
        overflow-x: auto;
        padding: 2px 2px 10px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .mk-credibility .mk-documents-carousel__rail::-webkit-scrollbar {
        display: none;
    }

    .mk-credibility .mk-document-card {
        flex: 0 0 78%;
        height: 310px;
        scroll-snap-align: start;
    }

    .mk-credibility .mk-document-card__media {
        height: 210px;
    }

    .mk-credibility .mk-document-card__label {
        min-height: 100px;
        padding: 12px 14px;
    }

    /* Mobile footer keeps the mark, house links and social actions only. */
    .makhtoum-footer__signature,
    .makhtoum-footer__column--collections,
    .makhtoum-footer__column--account {
        display: none !important;
    }

    .makhtoum-footer__grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 28px;
        padding: 34px 14px 30px;
    }

    .makhtoum-footer__brand,
    .makhtoum-footer__column--house,
    .makhtoum-footer__column--social {
        grid-column: 1 / -1 !important;
        text-align: center;
    }

    .makhtoum-footer__logo-wrap {
        min-width: 0;
        min-height: 62px;
        padding: 8px 18px;
    }

    .makhtoum-footer__logo {
        width: 160px;
    }

    .makhtoum-footer__brand strong,
    .makhtoum-footer__brand p {
        display: block;
        max-width: 320px;
        margin-inline: auto;
    }

    .makhtoum-footer__brand p {
        line-height: 1.7;
    }

    .makhtoum-footer__column--house h2,
    .makhtoum-footer__column--social h2 {
        margin-bottom: 13px;
    }

    .makhtoum-footer__column--house a {
        display: inline-block !important;
        margin: 0 6px 9px !important;
    }

    .makhtoum-footer__social-intro {
        margin-bottom: 10px;
        text-align: center;
    }

    .makhtoum-footer__socials {
        justify-content: center;
    }

    .makhtoum-footer__bottom .makhtoum-shell {
        display: grid;
        gap: 5px;
        padding: 14px;
        text-align: center;
    }
}

@media (max-width: 430px) {
    .mk-hero__slide--brand-signature,
    .mk-hero__slide--brand-signature .mk-hero__layout {
        min-height: 630px;
    }

    .mk-hero__copy--signature h1 {
        font-size: 29px;
    }

    .mk-trust__item,
    .mk-trust__grid > .mk-trust__item {
        flex-basis: calc(91% - 5px);
    }

    .mk-credibility .mk-document-card {
        flex-basis: 82%;
    }

}

@media (max-width: 480px) {
    /* Related products deserve the same visual weight as the product itself. */
    body.single-product .related.products .products-grid > .row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        padding: 0 4px !important;
    }

    body.single-product .related.products .products-grid.product {
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    body.single-product .related.products .mk-product-card {
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
    }

    body.single-product .related.products .mk-product-card__media {
        flex-basis: 54% !important;
    }

    body.single-product .related.products .mk-product-card__content {
        padding: 9px !important;
    }

    body.single-product .related.products .mk-product-card h3 {
        font-size: 11.5px !important;
        line-height: 1.32 !important;
    }

    body.single-product .related.products .mk-product-card__price {
        font-size: 16px !important;
    }

    body.single-product .related.products .mk-product-card__button {
        width: 42px !important;
        min-width: 42px !important;
        min-height: 38px !important;
    }

    /* GreenMart renders related products in an Owl carousel, not in the regular product grid. */
    body.single-product .widget.related.products,
    body.single-product .widget .owl-carousel.products.related {
        margin-inline: -2px !important;
    }

    body.single-product .owl-carousel.products.related .owl-stage-outer {
        padding: 2px 3px 10px !important;
    }

    body.single-product .owl-carousel.products.related .owl-item,
    body.single-product .owl-carousel.products.related .item,
    body.single-product .owl-carousel.products.related .products-grid.product {
        box-sizing: border-box;
    }

    body.single-product .owl-carousel.products.related .owl-item {
        padding: 0 5px !important;
    }

    body.single-product .owl-carousel.products.related .item,
    body.single-product .owl-carousel.products.related .products-grid.product {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card {
        width: 100% !important;
        min-width: 0 !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 9px !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card__media {
        flex: 0 0 57% !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card__image {
        width: 96% !important;
        height: 96% !important;
        padding: 2px !important;
        transform: scale(1.02) !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card__content {
        padding: 8px 8px 7px !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card h3 {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card__bottom {
        min-height: 36px !important;
        padding-top: 5px !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card__price {
        font-size: 16px !important;
    }
}

@media (max-width: 782px) {
    /* One durable card rhythm for the shop and product carousels. */
    body.makhtoum-storefront .products.products-grid > .row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.makhtoum-storefront .products.products-grid > .row > .mk-product-card,
    body.makhtoum-storefront ul.products .mk-product-card,
    body.single-product .owl-carousel.products.related .mk-product-card {
        height: clamp(218px, 58vw, 286px) !important;
        min-height: 218px !important;
        aspect-ratio: auto !important;
    }

    body.makhtoum-storefront .products.products-grid > .row > .mk-product-card__media,
    body.makhtoum-storefront ul.products .mk-product-card__media,
    body.single-product .owl-carousel.products.related .mk-product-card__media {
        min-height: 0 !important;
        height: 53% !important;
        flex: 0 0 53% !important;
    }

    body.makhtoum-storefront .products.products-grid > .row > .mk-product-card__image,
    body.makhtoum-storefront ul.products .mk-product-card__image,
    body.single-product .owl-carousel.products.related .mk-product-card__image {
        width: 90% !important;
        height: 90% !important;
        padding: 2px !important;
        object-fit: contain !important;
        transform: scale(1) !important;
    }

    body.makhtoum-storefront .products.products-grid > .row > .mk-product-card__content,
    body.makhtoum-storefront ul.products .mk-product-card__content,
    body.single-product .owl-carousel.products.related .mk-product-card__content {
        min-height: 0 !important;
        padding: 8px 9px 9px !important;
    }

    body.makhtoum-storefront .products.products-grid > .row > .mk-product-card h3,
    body.makhtoum-storefront ul.products .mk-product-card h3,
    body.single-product .owl-carousel.products.related .mk-product-card h3 {
        display: -webkit-box !important;
        min-height: 28px !important;
        max-height: 30px;
        margin: 0 !important;
        overflow: hidden;
        font-size: 10.5px !important;
        line-height: 1.35 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.makhtoum-storefront .products.products-grid > .row > .mk-product-card__bottom,
    body.makhtoum-storefront ul.products .mk-product-card__bottom,
    body.single-product .owl-carousel.products.related .mk-product-card__bottom {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 36px;
        min-height: 38px !important;
        align-items: end;
        gap: 5px;
        margin-top: auto !important;
        padding-top: 5px !important;
    }

    body.makhtoum-storefront .products.products-grid > .row > .mk-product-card__price,
    body.makhtoum-storefront ul.products .mk-product-card__price,
    body.single-product .owl-carousel.products.related .mk-product-card__price {
        min-width: 0;
        min-height: 0 !important;
        overflow: hidden;
        color: #a8222e;
        font-size: 15px !important;
        font-weight: 900;
        line-height: 1.1;
        white-space: nowrap;
    }

    body.makhtoum-storefront .products.products-grid > .row > .mk-product-card__price .amount,
    body.makhtoum-storefront ul.products .mk-product-card__price .amount,
    body.single-product .owl-carousel.products.related .mk-product-card__price .amount {
        font-size: inherit !important;
    }

    body.makhtoum-storefront .products.products-grid > .row > .mk-product-card__button,
    body.makhtoum-storefront ul.products .mk-product-card__button,
    body.single-product .owl-carousel.products.related .mk-product-card__button {
        display: inline-flex !important;
        width: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        padding: 0 !important;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 782px) {
    /* A clear mobile header: brand first, then the four essential destinations. */
    #tbay-header.makhtoum-header .makhtoum-header__layout {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) 54px !important;
        grid-template-rows: 74px 52px;
        min-height: 126px !important;
        gap: 7px 10px !important;
        padding: 8px 14px 10px !important;
    }

    #tbay-header.makhtoum-header .makhtoum-menu-toggle {
        grid-column: 1;
        grid-row: 1;
        width: 48px;
        height: 48px;
        margin: 0;
        border-radius: 14px;
    }

    #tbay-header.makhtoum-header .makhtoum-header__brand {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
        min-width: 0;
    }

    #tbay-header.makhtoum-header .makhtoum-header__brand,
    #tbay-header.makhtoum-header .makhtoum-header__logo {
        width: 96px !important;
        max-height: 66px !important;
    }

    #tbay-header.makhtoum-header .makhtoum-header__actions {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
    }

    #tbay-header.makhtoum-header .makhtoum-header__actions > :not(.makhtoum-header__cart) {
        display: none !important;
    }

    #tbay-header.makhtoum-header .makhtoum-header__cart {
        display: grid !important;
        width: 52px;
        min-width: 52px;
        height: 52px;
        min-height: 52px;
        place-items: center;
        border-radius: 15px;
        background: #185638;
        box-shadow: 0 9px 20px rgba(24, 86, 56, .2);
    }

    #tbay-header.makhtoum-header .makhtoum-header__cart .mk-icon {
        width: 25px;
        height: 25px;
        color: #fff;
    }

    #tbay-header.makhtoum-header .makhtoum-header__cart > span {
        display: none !important;
    }

    #tbay-header.makhtoum-header .makhtoum-header__cart b {
        top: -6px;
        right: -5px;
        width: 23px;
        height: 23px;
        border: 2px solid #fffdf8;
        border-radius: 50%;
        background: #d69b32;
        color: #173c27;
        font-size: 10px;
        line-height: 19px;
    }

    #tbay-header.makhtoum-header .makhtoum-header__quick-links {
        display: grid !important;
        grid-column: 1 / -1;
        grid-row: 2;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 5px;
        width: 100%;
        direction: rtl;
    }

    #tbay-header.makhtoum-header .makhtoum-header__quick-links a {
        display: inline-flex;
        min-width: 0;
        min-height: 50px;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 5px 4px;
        border: 1px solid rgba(23, 60, 39, .1);
        border-radius: 25px;
        background: #fffdfa;
        box-shadow: 0 3px 10px rgba(25, 61, 39, .04);
        color: #183f2b;
        font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
        font-size: 10px;
        font-weight: 800;
        line-height: 1.2;
        white-space: nowrap;
    }

    #tbay-header.makhtoum-header .makhtoum-header__quick-links a::before {
        font-family: "FontAwesome";
        font-size: 13px;
        font-weight: normal;
    }

    #tbay-header.makhtoum-header .makhtoum-header__quick-links a:nth-child(1)::before { content: "\f015"; }
    #tbay-header.makhtoum-header .makhtoum-header__quick-links a:nth-child(2)::before { content: "\f290"; }
    #tbay-header.makhtoum-header .makhtoum-header__quick-links a:nth-child(3)::before { content: "\f2bd"; }
    #tbay-header.makhtoum-header .makhtoum-header__quick-links a:nth-child(4)::before { content: "\f095"; }

    #tbay-header.makhtoum-header .makhtoum-header__quick-links a[aria-current="page"] {
        border-color: #185638;
        background: #185638;
        color: #fff;
        box-shadow: 0 8px 18px rgba(24, 86, 56, .2);
    }

    /* Shop and collection intros use their visual as a full, editorial right-hand panel. */
    .mk-shop-intro {
        grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr) !important;
        min-height: 322px;
        gap: 0 !important;
        padding: 28px 20px 0 !important;
    }

    .mk-shop-intro__copy {
        position: relative;
        z-index: 1;
        padding: 0 0 24px !important;
    }

    .mk-shop-intro__visual {
        min-height: 322px !important;
        height: 322px !important;
        align-self: stretch !important;
        overflow: hidden;
        padding: 0 !important;
        background: transparent !important;
    }

    .mk-shop-intro__visual img {
        display: block;
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        mix-blend-mode: multiply;
        object-fit: cover !important;
        object-position: 53% center !important;
        transform: scale(1.08);
    }

    /* The product page becomes a focused mobile purchase surface. */
    body.single-product #main-container {
        padding-top: 12px !important;
    }

    body.single-product div.product {
        margin: 0 10px 20px !important;
        padding: 12px !important;
        border: 1px solid rgba(23, 60, 39, .1) !important;
        border-radius: 20px !important;
        background: #fffdfa !important;
        box-shadow: 0 14px 34px rgba(20, 56, 37, .07);
    }

    body.single-product div.product > .row {
        gap: 14px !important;
    }

    body.single-product div.product .woocommerce-product-gallery,
    body.single-product .woocommerce-product-gallery__wrapper,
    body.single-product .woocommerce-product-gallery__image {
        min-height: 0 !important;
        aspect-ratio: 1 / 1;
    }

    body.single-product div.product .woocommerce-product-gallery {
        overflow: hidden;
        border-radius: 16px;
    }

    body.single-product .woocommerce-product-gallery__image img,
    body.single-product .woocommerce-product-gallery__image img.mk-visual-derivative--lifestyle,
    body.single-product .woocommerce-product-gallery__image img.mk-visual-derivative--detail {
        width: 100% !important;
        height: 100% !important;
        padding: 12px !important;
        object-fit: contain !important;
    }

    body.single-product div.product .summary,
    body.single-product div.product > .row > .information {
        padding: 18px 14px 12px !important;
        border-radius: 16px;
        text-align: center;
    }

    body.single-product .product_title {
        margin-bottom: 9px !important;
        color: #173c27 !important;
        font-family: "Noto Kufi Arabic", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
        font-size: 21px !important;
        font-weight: 850 !important;
        line-height: 1.45 !important;
        text-align: center !important;
    }

    body.single-product .woocommerce-product-rating {
        justify-content: center;
        margin-bottom: 10px !important;
    }

    body.single-product .summary > .price,
    body.single-product .woocommerce-variation-price .price {
        justify-content: center;
        margin: 10px 0 !important;
        padding: 10px 0 !important;
        border-color: rgba(23, 60, 39, .12) !important;
    }

    body.single-product form.variations_form .woocommerce-variation-price {
        grid-column: 1 / -1;
        min-height: 76px;
        margin: 4px 0 0;
    }

    body.single-product form.variations_form .woocommerce-variation-price .price {
        display: flex;
        min-height: 76px;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        padding: 12px !important;
        border: 1px solid rgba(159, 37, 40, .18) !important;
        border-radius: 10px;
        background: #fff8f1;
        text-align: center;
    }

    body.single-product form.variations_form .woocommerce-variation-price .amount {
        color: #b8232f !important;
        font-size: 30px !important;
        font-weight: 900 !important;
    }

    body.single-product .summary > .price .amount {
        color: #185638 !important;
        font-size: 31px !important;
    }

    body.single-product .woocommerce-product-details__short-description {
        margin: 8px auto 12px !important;
        color: #5d7064;
        font-size: 13px !important;
        text-align: center !important;
    }

    body.single-product form.cart {
        display: grid !important;
        grid-template-columns: 64px minmax(0, 1fr);
        align-items: stretch;
        gap: 8px;
        margin: 10px 0 4px !important;
    }

    body.single-product form.cart .box-quantity {
        grid-column: 1;
        margin: 0 !important;
    }

    body.single-product form.cart .title-qty {
        display: none !important;
    }

    body.single-product form.cart .quantity {
        height: 58px;
    }

    body.single-product form.cart .single_add_to_cart_button {
        grid-column: 2;
        min-height: 58px !important;
        margin: 0 !important;
        border-radius: 13px !important;
        font-size: 17px !important;
    }

    body.single-product form.variations_form .variations,
    body.single-product form.variations_form .single_variation_wrap {
        grid-column: 1 / -1;
    }

    body.single-product form.variations_form .single_add_to_cart_button {
        grid-column: 2;
    }

    body.single-product .product_meta,
    body.single-product .compare,
    body.single-product .yith-add-to-wishlist-button-block {
        display: none !important;
    }

    .mk-product-purchase-reassurance {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        margin: 18px 0 4px;
        padding: 12px 4px;
        border: 1px solid rgba(23, 60, 39, .1);
        border-radius: 14px;
        background: #f8f5ec;
    }

    .mk-product-purchase-reassurance > span {
        display: grid;
        gap: 5px;
        place-items: center;
        min-width: 0;
        padding: 0 5px;
        color: #214a35;
        font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
        font-size: 10px;
        font-weight: 750;
        line-height: 1.4;
        text-align: center;
    }

    .mk-product-purchase-reassurance > span + span {
        border-inline-start: 1px solid rgba(23, 60, 39, .16);
    }

    .mk-product-purchase-reassurance .mk-icon {
        width: 21px;
        height: 21px;
        color: #185638;
    }

    /* The campaign sits immediately after the image, where it is seen before purchase. */
    body.single-product .mk-sale-countdown {
        width: 100%;
        max-width: 100%;
        justify-items: center;
        gap: 8px;
        margin: 12px 0 0 !important;
        padding: 13px 12px 12px;
        border-color: rgba(159, 37, 40, .35);
        border-radius: 13px;
        background: #fff2e8;
        box-shadow: 0 8px 20px rgba(159, 37, 40, .08);
        text-align: center;
    }

    body.single-product div.product > .row > .images {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    body.single-product div.product .images > .mk-sale-countdown {
        display: grid !important;
        align-self: stretch !important;
        box-sizing: border-box;
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    body.single-product .mk-sale-countdown__headline {
        color: #9f2528;
        font-size: 13px;
        font-weight: 900;
    }

    body.single-product .mk-sale-countdown__units {
        width: min(100%, 320px);
        gap: 6px;
    }

    body.single-product .mk-sale-countdown__units span {
        padding: 8px 3px;
        border-radius: 7px;
        background: #8f2731;
        box-shadow: inset 0 1px rgba(255, 255, 255, .12);
    }

    body.single-product .mk-sale-countdown__units b {
        color: #fff;
        font-size: 19px;
        font-variant-numeric: tabular-nums;
    }

    body.single-product .mk-sale-countdown__units small {
        color: #ffe7bc;
        font-size: 9px;
    }

    body.single-product .mk-sale-countdown__cta {
        display: block;
        color: #865826;
        font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
        font-size: 10px;
        font-weight: 750;
    }
}

/* Final mobile product composition: the gallery leads, then the offer and one calm purchase card. */
@media (max-width: 782px) {
    body.single-product #main-container {
        padding: 12px 0 112px !important;
        background: #faf7ef;
    }

    body.single-product div.product.makhtoum-product {
        max-width: 440px;
        margin: 0 auto !important;
        padding: 12px !important;
        border: 1px solid rgba(28, 75, 49, .1);
        border-radius: 22px;
        background: #fffdf9;
        box-shadow: 0 12px 32px rgba(28, 75, 49, .08);
    }

    body.single-product div.product.makhtoum-product > .row {
        gap: 18px !important;
    }

    body.single-product div.product .image-mains {
        display: flex !important;
        flex-direction: column;
        gap: 14px;
        padding: 0 !important;
    }

    body.single-product div.product .image-mains .woocommerce-product-gallery {
        overflow: hidden;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 18px;
        background: #f6f1e6;
        box-shadow: none !important;
    }

    body.single-product div.product .image-mains .woocommerce-product-gallery__wrapper,
    body.single-product div.product .image-mains .woocommerce-product-gallery__image,
    body.single-product div.product .image-mains .woocommerce-product-gallery__image a {
        min-height: 0 !important;
        aspect-ratio: 1 / 1;
    }

    body.single-product div.product .image-mains .woocommerce-product-gallery__image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        background: #fffdf9;
    }

    body.single-product div.product .image-mains > .mk-sale-countdown {
        display: grid !important;
        grid-template-columns: minmax(112px, .9fr) minmax(0, 1.45fr);
        align-items: center;
        gap: 10px;
        width: 100% !important;
        margin: 0 !important;
        padding: 12px 13px;
        border: 1px solid #e8c47e;
        border-radius: 16px;
        background: #fff9ed;
        box-shadow: none;
        text-align: center;
    }

    body.single-product .mk-sale-countdown__headline {
        display: block;
        color: #bd7d18;
        font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
        font-size: 13px;
        font-weight: 800;
        line-height: 1.55;
        text-align: right;
    }

    body.single-product .mk-sale-countdown__label,
    body.single-product .mk-sale-countdown__cta {
        display: none !important;
    }

    body.single-product .mk-sale-countdown__units {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 5px;
        width: 100%;
        direction: ltr;
    }

    body.single-product .mk-sale-countdown__units span {
        min-width: 0;
        padding: 7px 2px 6px;
        border: 1px solid rgba(189, 125, 24, .55);
        border-radius: 8px;
        background: #fffefa;
        box-shadow: none;
        direction: rtl;
    }

    body.single-product .mk-sale-countdown__units b {
        color: #164d34;
        font-size: 18px;
        font-weight: 900;
        font-variant-numeric: tabular-nums;
    }

    body.single-product .mk-sale-countdown__units small {
        display: block;
        margin-top: 2px;
        color: #876225;
        font-size: 9px;
        font-weight: 700;
        line-height: 1.1;
    }

    body.single-product div.product .information,
    body.single-product div.product .summary.entry-summary {
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.single-product div.product .summary.entry-summary {
        border: 1px solid rgba(28, 75, 49, .12) !important;
        border-radius: 20px !important;
        background: #fff !important;
        padding: 20px 16px 16px !important;
    }

    body.single-product .summary .product_title {
        margin: 0 auto 9px !important;
        color: #174932;
        font-family: Georgia, "Noto Naskh Arabic", serif;
        font-size: clamp(24px, 7vw, 31px) !important;
        font-weight: 700;
        line-height: 1.22 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
    }

    body.single-product .summary .woocommerce-product-rating {
        display: flex !important;
        justify-content: center;
        margin: 0 0 12px !important;
    }

    body.single-product .summary .woocommerce-product-rating .star-rating,
    body.single-product .summary .woocommerce-product-rating .woocommerce-review-link {
        color: #c68317 !important;
        font-size: 13px !important;
    }

    body.single-product .woocommerce-product-details__short-description {
        margin: 0 0 14px !important;
        padding: 0 0 14px;
        border-bottom: 1px solid rgba(28, 75, 49, .12);
        color: #5e6d62;
        font-size: 13px !important;
        line-height: 1.7 !important;
        text-align: center !important;
    }

    body.single-product .woocommerce-product-details__short-description p {
        display: -webkit-box;
        margin: 0 !important;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.single-product .woocommerce-product-details__short-description p + p {
        display: none;
    }

    body.single-product form.variations_form.cart {
        display: block !important;
        margin: 0 !important;
    }

    body.single-product form.variations_form .variations {
        width: 100% !important;
        margin: 0 !important;
    }

    body.single-product form.variations_form .variations tr,
    body.single-product form.variations_form .variations td,
    body.single-product form.variations_form .variations th {
        display: block;
        width: 100% !important;
        padding: 0 !important;
        text-align: right;
    }

    body.single-product form.variations_form .variations .label {
        margin: 0 0 7px !important;
        color: #174932;
        font-size: 15px;
        font-weight: 800;
    }

    body.single-product form.variations_form .variations select {
        height: 54px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border: 1px solid #1c583d !important;
        border-radius: 9px !important;
        background-color: #fff !important;
        color: #174932 !important;
        font-size: 17px !important;
        font-weight: 700;
    }

    body.single-product form.variations_form .reset_variations {
        display: none !important;
    }

    body.single-product form.variations_form .single_variation_wrap {
        display: grid !important;
        gap: 12px;
        margin-top: 12px;
    }

    body.single-product form.variations_form .woocommerce-variation:empty::before {
        display: block;
        padding: 10px 0 0;
        color: #7b8a80;
        content: "اختر الحجم لإظهار الثمن";
        font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
    }

    body.single-product form.variations_form .woocommerce-variation-price .price {
        display: block;
        margin: 2px 0 0 !important;
        color: #174932 !important;
        font-family: Georgia, "Noto Naskh Arabic", serif;
        font-size: 35px !important;
        font-weight: 700;
        line-height: 1.1;
        text-align: center;
    }

    body.single-product form.variations_form .woocommerce-variation-price .amount {
        color: inherit !important;
        font-size: inherit !important;
    }

    body.single-product form.variations_form .woocommerce-variation-price .woocommerce-Price-currencySymbol {
        color: #b67816;
        font-size: .58em;
    }

    body.single-product form.variations_form .variations_button {
        display: grid !important;
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 8px;
        align-items: stretch;
        margin: 0 !important;
    }

    body.single-product form.variations_form .variations_button .box-quantity {
        grid-column: 1;
        margin: 0 !important;
    }

    body.single-product form.variations_form .variations_button .quantity {
        height: 56px;
    }

    body.single-product form.variations_form .variations_button .single_add_to_cart_button {
        grid-column: 2;
        min-height: 56px !important;
        margin: 0 !important;
        border-radius: 11px !important;
        background: #17613e !important;
        box-shadow: 0 7px 15px rgba(23, 97, 62, .18);
        font-size: 16px !important;
    }

    body.single-product .mk-product-purchase-reassurance {
        margin: 16px 0 0 !important;
        padding: 12px 3px;
        border-color: #ece5d6;
        border-radius: 12px;
        background: #fbf8f1;
    }

    body.single-product .mk-product-purchase-reassurance > span {
        display: grid;
        grid-template-columns: 23px minmax(0, 1fr);
        gap: 5px;
        align-items: center;
        padding: 0 6px;
    }

    body.single-product .mk-product-purchase-reassurance > span > span {
        display: grid;
        gap: 1px;
        min-width: 0;
        color: #174932;
        text-align: right;
    }

    body.single-product .mk-product-purchase-reassurance b {
        font-size: 10px;
        font-weight: 800;
        line-height: 1.25;
    }

    body.single-product .mk-product-purchase-reassurance small {
        color: #738178;
        font-size: 8px;
        line-height: 1.2;
    }

    body.single-product .mk-product-purchase-reassurance .mk-icon {
        width: 21px;
        height: 21px;
        color: #17613e;
    }

    body.single-product .widget.related.products {
        overflow: hidden;
        margin: 24px 0 0 !important;
        padding: 0 2px !important;
    }

    body.single-product .widget.related.products > .widget-title,
    body.single-product .widget.related.products > h3 {
        margin: 0 0 13px !important;
        color: #174932;
        font-family: Georgia, "Noto Naskh Arabic", serif;
        font-size: 25px !important;
        text-align: center;
    }

    body.single-product .owl-carousel.products.related .owl-stage {
        display: flex !important;
        gap: 10px;
    }

    body.single-product .owl-carousel.products.related .owl-item {
        float: none !important;
        flex: 0 0 calc((100% - 10px) / 2) !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card {
        height: 224px !important;
        min-height: 224px !important;
        border-radius: 12px !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card__media {
        height: 62% !important;
        flex: 0 0 62% !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card__image {
        width: 94% !important;
        height: 94% !important;
        object-fit: contain !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card__content {
        padding: 8px !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card h3 {
        min-height: 27px !important;
        max-height: 29px !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card__bottom {
        grid-template-columns: minmax(0, 1fr) 34px !important;
        min-height: 34px !important;
    }

    body.single-product .owl-carousel.products.related .mk-product-card__button {
        width: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }
}

@media (max-width: 420px) {
    body.single-product div.product.makhtoum-product {
        border-radius: 18px;
        padding: 10px !important;
    }

    body.single-product div.product .image-mains > .mk-sale-countdown {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 7px;
        padding: 10px;
    }

    body.single-product .mk-sale-countdown__headline {
        font-size: 12px;
    }

    body.single-product .mk-sale-countdown__units b {
        font-size: 16px;
    }

    body.single-product div.product .summary.entry-summary {
        padding: 18px 13px 14px !important;
    }

    body.single-product .summary .product_title {
        font-size: 25px !important;
    }

    body.single-product form.variations_form .woocommerce-variation-price .price {
        font-size: 31px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mk-trust__grid,
    .mk-credibility .mk-documents-carousel__rail {
        scroll-behavior: auto !important;
    }
}