/*
 * Pharma Kuwait PSD UI v1.0
 * Reference: supplied Web.psd (2560x5448)
 * Scope: visual layer over WoodMart + WooCommerce.
 */

:root {
    --pk-blue: #0f4c71;
    --pk-teal: #1eaaa0;
    --pk-ink: #173143;
    --pk-muted: #667985;
    --pk-aqua: #eaf7f5;
    --pk-ice: #f4f9fb;
    --pk-card: #f2f2f2;
    --pk-line: #e3e8eb;
    --pk-white: #ffffff;
    --pk-radius-xl: 42px;
    --pk-radius-lg: 34px;
    --pk-radius-md: 24px;
    --pk-content: 1790px;
}

.pk-psd-ui {
    color: var(--pk-ink);
    background: #fff;
}

.pk-psd-ui,
.pk-psd-ui button,
.pk-psd-ui input,
.pk-psd-ui select,
.pk-psd-ui textarea {
    font-family: "Manrope", Arial, sans-serif;
}

html[lang^="ar"] .pk-psd-ui,
html[lang^="ar"] .pk-psd-ui button,
html[lang^="ar"] .pk-psd-ui input,
html[lang^="ar"] .pk-psd-ui select,
html[lang^="ar"] .pk-psd-ui textarea {
    font-family: "Alexandria", Arial, sans-serif;
}

/* ---------------------------------------------------------------------
   Header - mirrors the three-row PSD structure
------------------------------------------------------------------------ */
.pk-psd-ui .whb-top-bar {
    min-height: 34px;
    background: var(--pk-blue) !important;
    font-size: 11px;
    letter-spacing: .01em;
}

.pk-psd-ui .whb-general-header {
    min-height: 86px;
    background: #fff;
    border-bottom: 1px solid var(--pk-line);
}

.pk-psd-ui .whb-header-bottom {
    min-height: 50px;
    background: #fff;
    border-bottom: 1px solid var(--pk-line);
}

@media (min-width: 1800px) {
    .pk-psd-ui .whb-top-bar .container,
    .pk-psd-ui .whb-general-header .container,
    .pk-psd-ui .whb-header-bottom .container,
    .pk-psd-ui .main-page-wrapper > .container,
    .pk-psd-ui .site-content > .container {
        width: 70%;
        max-width: var(--pk-content);
    }
}

.pk-psd-ui .wd-logo img {
    max-height: 58px;
    object-fit: contain;
}

.pk-psd-ui .wd-header-search-form input[type="text"],
.pk-psd-ui .wd-header-search-form input[type="search"] {
    height: 46px;
    border: 1px solid #d9e1e5;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    font-size: 12px;
}

.pk-psd-ui .wd-header-search-form .searchsubmit {
    color: var(--pk-blue);
}

.pk-psd-ui .wd-header-cats,
.pk-psd-ui .wd-header-cats .menu-opener {
    background: var(--pk-teal) !important;
    color: #fff !important;
}

.pk-psd-ui .whb-header-bottom .wd-nav > li > a,
.pk-psd-ui .whb-header-bottom .wd-header-nav > ul > li > a {
    color: var(--pk-ink);
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.pk-psd-ui .whb-header-bottom .wd-nav > li:hover > a,
.pk-psd-ui .whb-header-bottom .wd-nav > li.current-menu-item > a {
    color: var(--pk-teal);
}

/* ---------------------------------------------------------------------
   Homepage widths and rhythm
------------------------------------------------------------------------ */
.pk-psd-ui .pk-psd-section,
.pk-psd-ui .pk-promo-grid,
.pk-psd-ui .pk-psd-title,
.pk-psd-ui .pk-psd-products,
.pk-psd-ui .pk-psd-categories,
.pk-psd-ui .pk-psd-brands {
    width: min(70vw, var(--pk-content));
    margin-left: auto;
    margin-right: auto;
}

.pk-psd-ui .pk-psd-title {
    margin-top: 58px;
    margin-bottom: 24px;
}

.pk-psd-ui .pk-psd-title .title,
.pk-psd-ui .pk-psd-title h2,
.pk-psd-ui .pk-psd-title h3,
.pk-psd-ui .title-wrapper.pk-psd-title .title {
    color: var(--pk-blue);
    font-size: 28px;
    line-height: 1.15;
    font-weight: 800;
    text-transform: none;
}

/* ---------------------------------------------------------------------
   WoodMart slider - rounded two-column hero shell from PSD
------------------------------------------------------------------------ */
.pk-psd-ui .wd-slider,
.pk-psd-ui .wd-carousel-container.wd-slider-container {
    width: min(70vw, var(--pk-content));
    margin-left: auto;
    margin-right: auto;
}

.pk-psd-ui .wd-slide,
.pk-psd-ui .wd-slider .wd-slide {
    overflow: hidden;
    border-radius: 76px;
    background: #dcecff;
}

.pk-psd-ui .wd-slide .elementor-widget-wd_title .title,
.pk-psd-ui .wd-slide .title-wrapper .title {
    color: #111;
    font-weight: 800;
    letter-spacing: -.025em;
}

.pk-psd-ui .wd-slider .wd-nav-pagin-wrap,
.pk-psd-ui .wd-slider .wd-nav-pagin {
    margin-top: 28px;
}

.pk-psd-ui .wd-slider .wd-nav-pagin li,
.pk-psd-ui .wd-slider .wd-nav-pagin > span,
.pk-psd-ui .wd-slider .swiper-pagination-bullet {
    width: 82px;
    height: 6px;
    border-radius: 0;
    background: #e4e7e8;
    opacity: 1;
}

.pk-psd-ui .wd-slider .wd-nav-pagin li.wd-active,
.pk-psd-ui .wd-slider .wd-nav-pagin > span.wd-active,
.pk-psd-ui .wd-slider .swiper-pagination-bullet-active {
    background: var(--pk-teal);
}

/* ---------------------------------------------------------------------
   Global WooCommerce product card - used on Home/Shop/Category/Brand/
   Search/Related/Upsells
------------------------------------------------------------------------ */
.pk-psd-ui .wd-product,
.pk-psd-ui .product-grid-item {
    padding: 8px;
}

.pk-psd-ui .wd-product .product-wrapper,
.pk-psd-ui .product-grid-item .product-wrapper {
    height: 100%;
    overflow: hidden;
    border: 1px solid #e2e4e5;
    border-radius: 36px;
    background: var(--pk-card);
    box-shadow: none;
    transition: transform .2s ease, box-shadow .2s ease;
}

.pk-psd-ui .wd-product:hover .product-wrapper,
.pk-psd-ui .product-grid-item:hover .product-wrapper {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(15,76,113,.07);
}

.pk-psd-ui .wd-product .product-element-top,
.pk-psd-ui .product-grid-item .product-element-top {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px 26px 18px;
    background: #fff;
}

.pk-psd-ui .wd-product .product-element-top img,
.pk-psd-ui .product-grid-item .product-element-top img {
    max-height: 235px;
    width: 100%;
    object-fit: contain;
}

.pk-psd-ui .wd-product .product-information,
.pk-psd-ui .product-grid-item .product-information {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 180px;
    padding: 18px 22px 20px;
    background: var(--pk-card);
    text-align: left;
}

html[dir="rtl"] .pk-psd-ui .wd-product .product-information,
html[dir="rtl"] .pk-psd-ui .product-grid-item .product-information {
    align-items: flex-start;
    text-align: right;
}

.pk-psd-ui .wd-product .wd-entities-title,
.pk-psd-ui .product-grid-item .wd-entities-title,
.pk-psd-ui .products .product .woocommerce-loop-product__title {
    min-height: 38px;
    margin: 0 0 4px;
    color: var(--pk-blue);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 500;
}

.pk-psd-ui .wd-product .wd-product-brands {
    display: none !important;
}

.pk-psd-ui .pk-loop-brand {
    order: 4;
    margin: 0 0 12px;
    color: var(--pk-teal);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.pk-psd-ui .pk-loop-brand a {
    color: inherit;
}

.pk-psd-ui .wd-product .price,
.pk-psd-ui .product-grid-item .price {
    order: 5;
    margin-top: auto;
    margin-bottom: 12px;
    color: var(--pk-blue) !important;
    font-size: 13px;
    font-weight: 700;
}

.pk-psd-ui .wd-product .price ins,
.pk-psd-ui .product-grid-item .price ins {
    color: var(--pk-blue) !important;
}

.pk-psd-ui .wd-product .wd-add-btn,
.pk-psd-ui .product-grid-item .wd-add-btn {
    order: 6;
    width: 100%;
    margin-top: 0;
}

.pk-psd-ui .wd-product .wd-add-btn .button,
.pk-psd-ui .product-grid-item .wd-add-btn .button,
.pk-psd-ui .products .product .add_to_cart_button,
.pk-psd-ui .products .product .product_type_simple {
    position: relative;
    width: 100%;
    min-height: 42px;
    padding: 10px 18px 10px 48px;
    border: 0;
    border-radius: 999px;
    background: var(--pk-teal) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

.pk-psd-ui .wd-product .wd-add-btn .button:before,
.pk-psd-ui .product-grid-item .wd-add-btn .button:before,
.pk-psd-ui .products .product .add_to_cart_button:before {
    content: "+";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-52%);
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
}

html[dir="rtl"] .pk-psd-ui .wd-product .wd-add-btn .button,
html[dir="rtl"] .pk-psd-ui .product-grid-item .wd-add-btn .button,
html[dir="rtl"] .pk-psd-ui .products .product .add_to_cart_button {
    padding-right: 48px;
    padding-left: 18px;
}

html[dir="rtl"] .pk-psd-ui .wd-product .wd-add-btn .button:before,
html[dir="rtl"] .pk-psd-ui .product-grid-item .wd-add-btn .button:before,
html[dir="rtl"] .pk-psd-ui .products .product .add_to_cart_button:before {
    left: auto;
    right: 18px;
}

/* Remove card hover clutter not present in PSD. */
.pk-psd-ui .wd-product .wd-buttons,
.pk-psd-ui .product-grid-item .wd-buttons,
.pk-psd-ui .wd-product .wd-quick-view-icon,
.pk-psd-ui .product-grid-item .wd-quick-view-icon {
    opacity: 0;
    pointer-events: none;
}

/* ---------------------------------------------------------------------
   Product category cards
------------------------------------------------------------------------ */
.pk-psd-ui .category-grid-item .category-image-wrapp,
.pk-psd-ui .wd-cat .wd-cat-thumb {
    aspect-ratio: 1 / .98;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border-radius: 34px;
    background: #f4f4f4;
}

.pk-psd-ui .category-grid-item img,
.pk-psd-ui .wd-cat img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pk-psd-ui .category-grid-item .wd-entities-title,
.pk-psd-ui .wd-cat .wd-entities-title {
    margin-top: 12px;
    color: var(--pk-blue);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.pk-psd-ui .category-grid-item .more-products,
.pk-psd-ui .wd-cat .more-products {
    display: none;
}

/* ---------------------------------------------------------------------
   Promo triptych from supplied PSD
------------------------------------------------------------------------ */
.pk-psd-ui .pk-promo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 58px;
    margin-bottom: 58px;
}

.pk-psd-ui .pk-promo-grid a {
    display: block;
    overflow: hidden;
    border-radius: 42px;
}

.pk-psd-ui .pk-promo-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 580 / 532;
    object-fit: cover;
    transition: transform .35s ease;
}

.pk-psd-ui .pk-promo-grid a:hover img {
    transform: scale(1.015);
}

/* ---------------------------------------------------------------------
   Brand tiles
------------------------------------------------------------------------ */
.pk-psd-ui .wd-products-brands,
.pk-psd-ui .brands-items-wrapper {
    gap: 22px;
}

.pk-psd-ui .wd-products-brands .brand-item,
.pk-psd-ui .brands-items-wrapper .brand-item,
.pk-psd-ui .wd-products-brands a {
    overflow: hidden;
    border-radius: 34px;
    background: #f4f4f4;
}

.pk-psd-ui .wd-products-brands img,
.pk-psd-ui .brands-items-wrapper img {
    width: 100%;
    max-width: 220px;
    height: 200px;
    padding: 28px;
    object-fit: contain;
}

/* ---------------------------------------------------------------------
   Shop / archive / search
------------------------------------------------------------------------ */
.pk-psd-ui.woocommerce-shop .site-content,
.pk-psd-ui.tax-product_cat .site-content,
.pk-psd-ui.tax-product_brand .site-content,
.pk-psd-ui.search-results .site-content {
    padding-top: 30px;
}

.pk-psd-ui .shop-loop-head,
.pk-psd-ui .wd-shop-tools {
    margin-bottom: 28px;
}

.pk-psd-ui .woocommerce-result-count,
.pk-psd-ui .wd-products-per-page,
.pk-psd-ui .wd-products-shop-view {
    color: var(--pk-muted);
    font-size: 12px;
}

.pk-psd-ui .woocommerce-ordering select,
.pk-psd-ui .wd-products-per-page select {
    border: 1px solid var(--pk-line);
    border-radius: 14px;
    background: #fff;
}

/* ---------------------------------------------------------------------
   Single product - same visual language (PSD has no single-product mockup)
------------------------------------------------------------------------ */
.pk-psd-ui.single-product .product-image-summary-wrap {
    gap: 48px;
}

.pk-psd-ui.single-product .woocommerce-product-gallery,
.pk-psd-ui.single-product .summary-inner {
    border-radius: 34px;
}

.pk-psd-ui.single-product .woocommerce-product-gallery {
    background: var(--pk-ice);
    padding: 28px;
}

.pk-psd-ui.single-product .product_title {
    color: var(--pk-blue);
    font-weight: 800;
}

.pk-psd-ui.single-product .summary-inner .price {
    color: var(--pk-blue);
    font-weight: 800;
}

.pk-psd-ui.single-product .single_add_to_cart_button {
    min-height: 48px;
    border-radius: 999px;
    background: var(--pk-teal) !important;
}

/* ---------------------------------------------------------------------
   Cart / checkout / account
------------------------------------------------------------------------ */
.pk-psd-ui.woocommerce-cart .cart-totals-inner,
.pk-psd-ui.woocommerce-checkout .checkout-order-review,
.pk-psd-ui.woocommerce-checkout .woocommerce-billing-fields,
.pk-psd-ui.woocommerce-account .woocommerce-MyAccount-content {
    border: 1px solid var(--pk-line);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(15,76,113,.05);
}

.pk-psd-ui.woocommerce-checkout input.input-text,
.pk-psd-ui.woocommerce-checkout textarea,
.pk-psd-ui.woocommerce-checkout .select2-selection,
.pk-psd-ui.woocommerce-account input.input-text {
    min-height: 48px;
    border: 1px solid #dfe5e8;
    border-radius: 14px;
    background: #fff;
}

.pk-psd-ui.woocommerce-checkout #place_order,
.pk-psd-ui.woocommerce-cart .checkout-button {
    border-radius: 999px;
    background: var(--pk-teal) !important;
}

/* ---------------------------------------------------------------------
   Footer
------------------------------------------------------------------------ */
.pk-psd-ui .footer-container,
.pk-psd-ui footer.footer-container,
.pk-psd-ui .main-footer {
    margin-top: 76px;
    overflow: hidden;
    border-radius: 70px 70px 0 0;
    background: #11577f !important;
    color: #fff;
}

.pk-psd-ui .footer-container a,
.pk-psd-ui .main-footer a,
.pk-psd-ui .footer-container .widget-title,
.pk-psd-ui .main-footer .widget-title {
    color: #fff;
}

.pk-psd-ui .footer-container .widget-title,
.pk-psd-ui .main-footer .widget-title {
    font-size: 18px;
    font-weight: 700;
}

.pk-psd-ui .footer-container a,
.pk-psd-ui .main-footer a {
    font-size: 12px;
    opacity: .95;
}

/* ---------------------------------------------------------------------
   Responsive
------------------------------------------------------------------------ */
@media (max-width: 1799px) {
    .pk-psd-ui .pk-psd-section,
    .pk-psd-ui .pk-promo-grid,
    .pk-psd-ui .pk-psd-title,
    .pk-psd-ui .pk-psd-products,
    .pk-psd-ui .pk-psd-categories,
    .pk-psd-ui .pk-psd-brands,
    .pk-psd-ui .wd-slider,
    .pk-psd-ui .wd-carousel-container.wd-slider-container {
        width: min(92vw, 1400px);
    }
}

@media (max-width: 1024px) {
    .pk-psd-ui .wd-slide,
    .pk-psd-ui .wd-slider .wd-slide {
        border-radius: 44px;
    }

    .pk-psd-ui .wd-product .product-wrapper,
    .pk-psd-ui .product-grid-item .product-wrapper,
    .pk-psd-ui .category-grid-item .category-image-wrapp,
    .pk-psd-ui .wd-cat .wd-cat-thumb,
    .pk-psd-ui .wd-products-brands .brand-item {
        border-radius: 26px;
    }

    .pk-psd-ui .pk-promo-grid {
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .pk-psd-ui .whb-top-bar {
        min-height: 32px;
    }

    .pk-psd-ui .whb-general-header {
        min-height: 60px;
    }

    .pk-psd-ui .wd-logo img {
        max-height: 40px;
    }

    .pk-psd-ui .pk-psd-title {
        margin-top: 34px;
        margin-bottom: 16px;
    }

    .pk-psd-ui .pk-psd-title .title,
    .pk-psd-ui .pk-psd-title h2,
    .pk-psd-ui .pk-psd-title h3 {
        font-size: 22px;
    }

    .pk-psd-ui .wd-slide,
    .pk-psd-ui .wd-slider .wd-slide {
        border-radius: 30px;
    }

    .pk-psd-ui .wd-product,
    .pk-psd-ui .product-grid-item {
        padding: 5px;
    }

    .pk-psd-ui .wd-product .product-element-top,
    .pk-psd-ui .product-grid-item .product-element-top {
        min-height: 190px;
        padding: 18px 16px 12px;
    }

    .pk-psd-ui .wd-product .product-element-top img,
    .pk-psd-ui .product-grid-item .product-element-top img {
        max-height: 175px;
    }

    .pk-psd-ui .wd-product .product-information,
    .pk-psd-ui .product-grid-item .product-information {
        min-height: 165px;
        padding: 14px 14px 16px;
    }

    .pk-psd-ui .wd-product .product-wrapper,
    .pk-psd-ui .product-grid-item .product-wrapper {
        border-radius: 24px;
    }

    .pk-psd-ui .pk-promo-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 34px;
        margin-bottom: 34px;
    }

    .pk-psd-ui .pk-promo-grid a {
        border-radius: 28px;
    }

    .pk-psd-ui .footer-container,
    .pk-psd-ui .main-footer {
        margin-top: 44px;
        border-radius: 38px 38px 0 0;
    }
}


/* ================================================================
   PK PERMANENT LOOP CART BUTTON
   ================================================================ */

.pk-psd-ui .wd-product .product-information,
.pk-psd-ui .product-grid-item .product-information {
    min-height: 235px;
}

.pk-psd-ui .pk-loop-add-to-cart {
    order: 6;
    width: 100%;
    margin-top: 0;
}

.pk-psd-ui .pk-loop-add-to-cart .button {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 42px;
    padding: 11px 18px 11px 48px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #1EAAA0 !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.2;
    font-weight: 800 !important;
    text-align: center;
    text-transform: uppercase;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.pk-psd-ui .pk-loop-add-to-cart .button:before {
    content: "+";
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-52%);
    font-size: 23px;
    line-height: 1;
    font-weight: 400;
}

.pk-psd-ui .pk-loop-add-to-cart .button:hover {
    background: #0F4C71 !important;
    color: #fff !important;
}

html[dir="rtl"] .pk-psd-ui .pk-loop-add-to-cart .button {
    padding-right: 48px !important;
    padding-left: 18px !important;
}

html[dir="rtl"] .pk-psd-ui .pk-loop-add-to-cart .button:before {
    right: 18px;
    left: auto;
}

/* Hide WoodMart duplicate/hover cart controls.
   Our permanent button above remains visible. */
.pk-psd-ui .wd-product .wd-add-btn,
.pk-psd-ui .product-grid-item .wd-add-btn {
    display: none !important;
}

@media (max-width: 767px) {

    .pk-psd-ui .wd-product .product-information,
    .pk-psd-ui .product-grid-item .product-information {
        min-height: 220px;
    }

    .pk-psd-ui .pk-loop-add-to-cart .button {
        min-height: 40px;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        font-size: 11px !important;
    }
}



/* ================================================================
   PK ADD TO CART - PERFECT CENTER ALIGNMENT
   ================================================================ */

.pk-psd-ui .pk-loop-add-to-cart {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

.pk-psd-ui .pk-loop-add-to-cart .button {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 48px !important;
    padding-right: 48px !important;

    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    box-sizing: border-box !important;
}

/* Keep + icon separate without shifting the button text */
.pk-psd-ui .pk-loop-add-to-cart .button:before {
    left: 18px !important;
    right: auto !important;
}

/* Arabic / RTL */
html[dir="rtl"] .pk-psd-ui .pk-loop-add-to-cart .button {
    padding-left: 48px !important;
    padding-right: 48px !important;
}

html[dir="rtl"] .pk-psd-ui .pk-loop-add-to-cart .button:before {
    right: 18px !important;
    left: auto !important;
}



/* ================================================================
   PK CART BUTTON - CENTER ICON + TEXT AS ONE GROUP
   ================================================================ */

.pk-psd-ui .pk-loop-add-to-cart .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 14px !important;

    width: 100% !important;
    padding: 11px 20px !important;

    text-align: center !important;
}

/* Make + a normal flex item instead of pinning it to the edge */
.pk-psd-ui .pk-loop-add-to-cart .button:before {
    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    flex: 0 0 auto !important;

    font-size: 23px !important;
    line-height: 1 !important;
}

/* English: + then ADD TO CART */
html:not([dir="rtl"]) .pk-psd-ui .pk-loop-add-to-cart .button {
    direction: ltr !important;
    flex-direction: row !important;
}

/* Arabic: text + icon group stays centered, + on the right */
html[dir="rtl"] .pk-psd-ui .pk-loop-add-to-cart .button {
    direction: rtl !important;
    flex-direction: row !important;

    padding-left: 20px !important;
    padding-right: 20px !important;
}

html[dir="rtl"] .pk-psd-ui .pk-loop-add-to-cart .button:before {
    position: static !important;
    right: auto !important;
    left: auto !important;
}



/* ================================================================
   PK HIDE PRODUCT CARD CATEGORIES
   Show brand only under product title
   Home / Shop / Category / Brand / Search / Related / Upsells
   ================================================================ */

.pk-psd-ui .wd-product .wd-product-cats,
.pk-psd-ui .product-grid-item .wd-product-cats,
.pk-psd-ui .product-information .wd-product-cats,
.pk-psd-ui .product-element-bottom .wd-product-cats,

.pk-psd-ui .wd-product .product-categories,
.pk-psd-ui .product-grid-item .product-categories,
.pk-psd-ui .product-information .product-categories,

.pk-psd-ui .wd-product .product-cat,
.pk-psd-ui .product-grid-item .product-cat,

.pk-psd-ui .products .product .posted_in {
    display: none !important;
}

/* Brand remains visible */
.pk-psd-ui .pk-loop-brand {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}



/* ================================================================
   PK CLEAN PRODUCT CARD PRICE / BRAND / CART LAYOUT
   ================================================================ */

/* The real parent that contains brand + price + button */
.pk-psd-ui .wd-product .wrapp-product-price,
.pk-psd-ui .product-grid-item .wrapp-product-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* Brand */
.pk-psd-ui .wrapp-product-price .pk-loop-brand {
    width: 100% !important;
    text-align: center !important;
}


/* Price */
.pk-psd-ui .wrapp-product-price > .price {
    width: 100% !important;
    text-align: center !important;
}


/* Whole Add to cart wrapper */
.pk-psd-ui .wrapp-product-price > .pk-loop-add-to-cart {
    display: block !important;

    width: calc(100% - 24px) !important;
    max-width: 250px !important;

    margin: 14px auto 0 !important;

    align-self: center !important;

    box-sizing: border-box !important;
}


/* Long pill button */
.pk-psd-ui .wrapp-product-price > .pk-loop-add-to-cart > a.button {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

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

    min-height: 52px !important;

    padding: 10px 24px !important;
    margin: 0 !important;

    border-radius: 999px !important;

    font-size: 12px !important;

    box-sizing: border-box !important;
}


/* Do not use the old pseudo + */
.pk-psd-ui .wrapp-product-price > .pk-loop-add-to-cart > a.button::before {
    content: none !important;
    display: none !important;
}


/* Center + and text as a normal flex group */
.pk-psd-ui .pk-loop-add-to-cart .pk-cart-inner {
    position: static !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex-direction: row !important;

    gap: 12px !important;

    width: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;

    transform: none !important;

    white-space: nowrap !important;
}


/* Arabic */
html[dir="rtl"] .pk-psd-ui .pk-loop-add-to-cart .pk-cart-inner,
body.rtl .pk-psd-ui .pk-loop-add-to-cart .pk-cart-inner {
    flex-direction: row-reverse !important;
}


/* Hide categories everywhere in product cards */
.pk-psd-ui .wd-product-cats,
.pk-psd-ui .product-grid-item .wd-product-cats {
    display: none !important;
}



/* ================================================================
   PK REAL PRODUCT CARD CENTER FIX
   The real issue is product-rating-price width
   ================================================================ */

/* Make the parent of brand + price + button span the full card */
.pk-psd-ui .wd-product .product-rating-price,
.pk-psd-ui .product-grid-item .product-rating-price {
    display: block !important;

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

    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline: 0 !important;

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

    box-sizing: border-box !important;
}


/* The inner wrapper must also use the full width */
.pk-psd-ui .wd-product .product-rating-price .wrapp-product-price,
.pk-psd-ui .product-grid-item .product-rating-price .wrapp-product-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

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

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

    box-sizing: border-box !important;
}


/* Brand exactly centered in the card */
.pk-psd-ui .wrapp-product-price > .pk-loop-brand {
    display: block !important;

    width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;

    align-self: center !important;
}


/* Price exactly centered in the card */
.pk-psd-ui .wrapp-product-price > .price {
    display: block !important;

    width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;

    align-self: center !important;
}


/* Center the WHOLE green button */
.pk-psd-ui .wrapp-product-price > .pk-loop-add-to-cart {
    display: block !important;

    width: calc(100% - 24px) !important;
    max-width: 250px !important;

    margin-top: 14px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-inline: auto !important;

    align-self: center !important;

    float: none !important;

    box-sizing: border-box !important;
}


/* Button fills its centered wrapper */
.pk-psd-ui .wrapp-product-price > .pk-loop-add-to-cart > a.button {
    width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* Categories stay hidden */
.pk-psd-ui .wd-product-cats,
.pk-psd-ui .product-grid-item .wd-product-cats {
    display: none !important;
}



/* ================================================================
   PK BRAND + PRICE LANGUAGE ALIGNMENT
   EN = LEFT
   AR = RIGHT
   ADD TO CART = CENTER
   ================================================================ */

/* Brand */
.pk-psd-ui .wrapp-product-price > .pk-loop-brand {
    width: 100% !important;
    box-sizing: border-box !important;

    padding-inline: 12px !important;

    text-align: start !important;

    align-self: stretch !important;
}


/* Price */
.pk-psd-ui .wrapp-product-price > .price {
    width: 100% !important;
    box-sizing: border-box !important;

    padding-inline: 12px !important;

    text-align: start !important;

    align-self: stretch !important;
}


/* Ensure brand link follows parent alignment */
.pk-psd-ui .wrapp-product-price > .pk-loop-brand > a {
    display: inline-block !important;
}


/* English = left */
html:not([dir="rtl"]) .pk-psd-ui .wrapp-product-price > .pk-loop-brand,
html:not([dir="rtl"]) .pk-psd-ui .wrapp-product-price > .price {
    text-align: left !important;
}


/* Arabic = right */
html[dir="rtl"] .pk-psd-ui .wrapp-product-price > .pk-loop-brand,
html[dir="rtl"] .pk-psd-ui .wrapp-product-price > .price,
body.rtl .pk-psd-ui .wrapp-product-price > .pk-loop-brand,
body.rtl .pk-psd-ui .wrapp-product-price > .price {
    text-align: right !important;
}


/* Keep the cart button centered in BOTH languages */
.pk-psd-ui .wrapp-product-price > .pk-loop-add-to-cart,
html[dir="rtl"] .pk-psd-ui .wrapp-product-price > .pk-loop-add-to-cart,
body.rtl .pk-psd-ui .wrapp-product-price > .pk-loop-add-to-cart {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-inline: auto !important;

    align-self: center !important;
}



/* ================================================================
   PK SHOP BY CATEGORY
   Image inside rounded card
   Category title centered OUTSIDE below the image
   ================================================================ */

/* Outer category item must not create the grey card */
.pk-psd-ui .wd-cats-element .category-grid-item .wrapp-category,
.pk-psd-ui .products.categories .category-grid-item .wrapp-category {
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}


/* The IMAGE area becomes the actual rounded card */
.pk-psd-ui .wd-cats-element .category-image-wrapp,
.pk-psd-ui .products.categories .category-image-wrapp {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    background: #f5f5f5 !important;

    border-radius: 32px !important;

    overflow: hidden !important;
}


/* Keep image centered */
.pk-psd-ui .wd-cats-element .category-image-wrapp > a,
.pk-psd-ui .products.categories .category-image-wrapp > a {
    display: flex !important;

    width: 100% !important;
    height: 100% !important;

    align-items: center !important;
    justify-content: center !important;
}


/* Category title block OUTSIDE the image */
.pk-psd-ui .wd-cats-element .category-grid-item .hover-mask,
.pk-psd-ui .products.categories .category-grid-item .hover-mask {
    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 12px 4px 0 !important;

    background: transparent !important;

    text-align: center !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* Category name */
.pk-psd-ui .wd-cats-element .category-grid-item .wd-entities-title,
.pk-psd-ui .products.categories .category-grid-item .wd-entities-title {
    display: block !important;

    width: 100% !important;

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

    text-align: center !important;

    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;

    color: #0F4C71 !important;
}


/* Link follows centered title */
.pk-psd-ui .wd-cats-element .category-grid-item .wd-entities-title a,
.pk-psd-ui .products.categories .category-grid-item .wd-entities-title a {
    display: inline-block !important;
    color: #0F4C71 !important;
}


/* Hide product count / extra category text if WoodMart shows it */
.pk-psd-ui .wd-cats-element .category-grid-item .more-products,
.pk-psd-ui .products.categories .category-grid-item .more-products,
.pk-psd-ui .wd-cats-element .category-grid-item .category-count {
    display: none !important;
}


/* Arabic stays centered too */
html[dir="rtl"] .pk-psd-ui .category-grid-item .hover-mask,
html[dir="rtl"] .pk-psd-ui .category-grid-item .wd-entities-title,
body.rtl .pk-psd-ui .category-grid-item .hover-mask,
body.rtl .pk-psd-ui .category-grid-item .wd-entities-title {
    text-align: center !important;
}


/* Mobile spacing */
@media (max-width: 767px) {

    .pk-psd-ui .wd-cats-element .category-image-wrapp,
    .pk-psd-ui .products.categories .category-image-wrapp {
        border-radius: 22px !important;
    }

    .pk-psd-ui .wd-cats-element .category-grid-item .hover-mask,
    .pk-psd-ui .products.categories .category-grid-item .hover-mask {
        padding-top: 9px !important;
    }

    .pk-psd-ui .wd-cats-element .category-grid-item .wd-entities-title,
    .pk-psd-ui .products.categories .category-grid-item .wd-entities-title {
        font-size: 12px !important;
    }
}



/* ================================================================
   PK CATEGORY TITLE BELOW IMAGE - FINAL ORDER FIX
   ================================================================ */

/* Make each category card a vertical layout */
.pk-psd-ui .wd-cats-element .category-grid-item .wrapp-category,
.pk-psd-ui .products.categories .category-grid-item .wrapp-category {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    overflow: visible !important;
    background: transparent !important;
}


/* Image FIRST */
.pk-psd-ui .wd-cats-element .category-grid-item .category-image-wrapp,
.pk-psd-ui .products.categories .category-grid-item .category-image-wrapp {
    order: 1 !important;

    width: 100% !important;

    margin: 0 !important;
}


/* Title SECOND - below image */
.pk-psd-ui .wd-cats-element .category-grid-item .hover-mask,
.pk-psd-ui .products.categories .category-grid-item .hover-mask {
    order: 2 !important;

    position: static !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 12px 4px 0 !important;

    transform: none !important;

    background: transparent !important;

    text-align: center !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* Category name centered under image */
.pk-psd-ui .wd-cats-element .category-grid-item .wd-entities-title,
.pk-psd-ui .products.categories .category-grid-item .wd-entities-title {
    width: 100% !important;

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

    text-align: center !important;

    color: #0F4C71 !important;
}


/* Arabic also centered */
html[dir="rtl"] .pk-psd-ui .category-grid-item .hover-mask,
html[dir="rtl"] .pk-psd-ui .category-grid-item .wd-entities-title,
body.rtl .pk-psd-ui .category-grid-item .hover-mask,
body.rtl .pk-psd-ui .category-grid-item .wd-entities-title {
    text-align: center !important;
}



/* ================================================================
   PK RESTORE WOODMART PRODUCT HOVER ACTIONS
   Wishlist + Quick View + Compare
   Keep duplicate Add to Cart hidden
   ================================================================ */

/* Restore WoodMart action containers */
.pk-psd-ui .wd-product .wd-product-card-hover,
.pk-psd-ui .product-grid-item .wd-product-card-hover,
.pk-psd-ui .wd-product .wd-bottom-actions,
.pk-psd-ui .product-grid-item .wd-bottom-actions {
    visibility: visible !important;
}


/* Wishlist */
.pk-psd-ui .wd-product .wrap-wishlist-button,
.pk-psd-ui .product-grid-item .wrap-wishlist-button,
.pk-psd-ui .wd-product .wd-wishlist-btn,
.pk-psd-ui .product-grid-item .wd-wishlist-btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* Quick View */
.pk-psd-ui .wd-product .wrap-quickview-button,
.pk-psd-ui .product-grid-item .wrap-quickview-button,
.pk-psd-ui .wd-product .wd-quick-view-btn,
.pk-psd-ui .product-grid-item .wd-quick-view-btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* Compare */
.pk-psd-ui .wd-product .wd-compare-btn,
.pk-psd-ui .product-grid-item .wd-compare-btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/*
 * Do NOT restore WoodMart's old Add to Cart hover button,
 * because we already have our permanent centered button.
 */
.pk-psd-ui .wd-product .wd-add-btn,
.pk-psd-ui .product-grid-item .wd-add-btn {
    display: none !important;
}


/* Make action buttons neat and consistent */
.pk-psd-ui .wd-bottom-actions {
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}



/* ================================================================
   PK PRODUCT ACTION ICONS + COMPACT CARD BOTTOM
   Wishlist / Quick View / Compare
   ================================================================ */


/* ------------------------------------------------
   Card positioning
------------------------------------------------- */

.pk-psd-ui .wd-product .product-wrapper,
.pk-psd-ui .product-grid-item .product-wrapper {
    position: relative !important;
}


/* ------------------------------------------------
   Remove unused hover-description space
------------------------------------------------- */

.pk-psd-ui .wd-product .wd-product-card-hover,
.pk-psd-ui .product-grid-item .wd-product-card-hover {
    position: static !important;

    display: block !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;

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

    overflow: visible !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.pk-psd-ui .wd-product .wd-product-card-hover .hover-content,
.pk-psd-ui .product-grid-item .wd-product-card-hover .hover-content {
    display: none !important;
}


/* Bottom actions themselves must not consume card height */
.pk-psd-ui .wd-product .wd-bottom-actions,
.pk-psd-ui .product-grid-item .wd-bottom-actions {
    position: static !important;

    display: block !important;

    width: 0 !important;
    height: 0 !important;

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

    overflow: visible !important;
}


/* Never show WoodMart's duplicate Add to Cart */
.pk-psd-ui .wd-product .wd-bottom-actions .wd-add-btn,
.pk-psd-ui .product-grid-item .wd-bottom-actions .wd-add-btn {
    display: none !important;
}


/* ------------------------------------------------
   Floating actions
------------------------------------------------- */

/* Wishlist */
.pk-psd-ui .wd-product .wrap-wishlist-button,
.pk-psd-ui .product-grid-item .wrap-wishlist-button {
    position: absolute !important;

    top: 18px !important;
    right: 18px !important;
    left: auto !important;

    z-index: 20 !important;

    width: 42px !important;
    height: 42px !important;

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

    opacity: 0 !important;
    visibility: hidden !important;

    transform: translateX(8px) !important;

    transition:
        opacity .2s ease,
        transform .2s ease !important;
}


/* Quick View */
.pk-psd-ui .wd-product .wrap-quickview-button,
.pk-psd-ui .product-grid-item .wrap-quickview-button {
    position: absolute !important;

    top: 68px !important;
    right: 18px !important;
    left: auto !important;

    z-index: 20 !important;

    width: 42px !important;
    height: 42px !important;

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

    opacity: 0 !important;
    visibility: hidden !important;

    transform: translateX(8px) !important;

    transition:
        opacity .2s ease,
        transform .2s ease !important;
}


/* Compare */
.pk-psd-ui .wd-product .wd-compare-btn,
.pk-psd-ui .product-grid-item .wd-compare-btn {
    position: absolute !important;

    top: 118px !important;
    right: 18px !important;
    left: auto !important;

    z-index: 20 !important;

    width: 42px !important;
    height: 42px !important;

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

    opacity: 0 !important;
    visibility: hidden !important;

    transform: translateX(8px) !important;

    transition:
        opacity .2s ease,
        transform .2s ease !important;
}


/* Restore exact WoodMart buttons that the PSD CSS hid */
.pk-psd-ui .wd-product .wd-wishlist-btn,
.pk-psd-ui .product-grid-item .wd-wishlist-btn,
.pk-psd-ui .wd-product .wd-quick-view-btn,
.pk-psd-ui .product-grid-item .wd-quick-view-btn,
.pk-psd-ui .wd-product .wd-quick-view-icon,
.pk-psd-ui .product-grid-item .wd-quick-view-icon,
.pk-psd-ui .wd-product .wd-compare-btn,
.pk-psd-ui .product-grid-item .wd-compare-btn {

    display: flex !important;

    opacity: 1;

    pointer-events: auto !important;

    visibility: visible;
}


/* White circular icon style */
.pk-psd-ui .wrap-wishlist-button .wd-action-btn,
.pk-psd-ui .wrap-quickview-button .wd-action-btn,
.pk-psd-ui .wd-compare-btn {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: 42px !important;

    border: 1px solid #e2e4e5 !important;
    border-radius: 50% !important;

    background: #fff !important;

    box-shadow: 0 5px 15px rgba(15,76,113,.10) !important;
}


/* Click target fills circle */
.pk-psd-ui .wrap-wishlist-button .wd-action-btn > a,
.pk-psd-ui .wrap-quickview-button .wd-action-btn > a,
.pk-psd-ui .wd-compare-btn > a {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: 42px !important;

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


/* Hide action text - icon only */
.pk-psd-ui .wrap-wishlist-button .wd-action-text,
.pk-psd-ui .wrap-quickview-button .wd-action-text,
.pk-psd-ui .wd-compare-btn .wd-action-text {
    display: none !important;
}


/* Show all three on product hover */
.pk-psd-ui .wd-product:hover .wrap-wishlist-button,
.pk-psd-ui .product-grid-item:hover .wrap-wishlist-button,

.pk-psd-ui .wd-product:hover .wrap-quickview-button,
.pk-psd-ui .product-grid-item:hover .wrap-quickview-button,

.pk-psd-ui .wd-product:hover .wd-compare-btn,
.pk-psd-ui .product-grid-item:hover .wd-compare-btn {

    opacity: 1 !important;
    visibility: visible !important;

    transform: translateX(0) !important;

    pointer-events: auto !important;
}


/* Teal hover */
.pk-psd-ui .wrap-wishlist-button .wd-action-btn:hover,
.pk-psd-ui .wrap-quickview-button .wd-action-btn:hover,
.pk-psd-ui .wd-compare-btn:hover {
    border-color: #1EAAA0 !important;
}


/* ------------------------------------------------
   RTL - icons on left side
------------------------------------------------- */

html[dir="rtl"] .pk-psd-ui .wd-product .wrap-wishlist-button,
html[dir="rtl"] .pk-psd-ui .wd-product .wrap-quickview-button,
html[dir="rtl"] .pk-psd-ui .wd-product .wd-compare-btn,
body.rtl .pk-psd-ui .wd-product .wrap-wishlist-button,
body.rtl .pk-psd-ui .wd-product .wrap-quickview-button,
body.rtl .pk-psd-ui .wd-product .wd-compare-btn {

    right: auto !important;
    left: 18px !important;
}


/* ------------------------------------------------
   Reduce empty space below Add to Cart
------------------------------------------------- */

.pk-psd-ui .wd-product .product-information,
.pk-psd-ui .product-grid-item .product-information {

    min-height: 205px !important;

    padding-bottom: 10px !important;
}


.pk-psd-ui .wrapp-product-price > .pk-loop-add-to-cart {
    margin-bottom: 0 !important;
}


/* Mobile: keep actions visible because there is no real hover */
@media (max-width: 767px) {

    .pk-psd-ui .wd-product .wrap-wishlist-button,
    .pk-psd-ui .product-grid-item .wrap-wishlist-button,

    .pk-psd-ui .wd-product .wrap-quickview-button,
    .pk-psd-ui .product-grid-item .wrap-quickview-button,

    .pk-psd-ui .wd-product .wd-compare-btn,
    .pk-psd-ui .product-grid-item .wd-compare-btn {

        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;

        width: 36px !important;
        height: 36px !important;
    }

    .pk-psd-ui .wd-product .wrap-wishlist-button {
        top: 12px !important;
    }

    .pk-psd-ui .wd-product .wrap-quickview-button {
        top: 54px !important;
    }

    .pk-psd-ui .wd-product .wd-compare-btn {
        top: 96px !important;
    }
}



/* ================================================================
   PK PRODUCT ACTIONS BAR - STATIC FINAL FIX
   Fixed white strip below image.
   Icons appear ONLY on product hover.
   No movement / no animation / no image overlay.
   ================================================================ */


/* ------------------------------------------------
   1. White strip stays in normal document flow
------------------------------------------------- */

.pk-psd-ui .wd-product .wrapp-swatches,
.pk-psd-ui .product-grid-item .wrapp-swatches {

    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    inset: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 24px !important;

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

    min-height: 54px !important;
    height: 54px !important;

    margin: 0 !important;
    padding: 5px 12px !important;

    background: #fff !important;

    border-top: 1px solid #e7e8e9 !important;
    border-bottom: 1px solid #e7e8e9 !important;

    transform: none !important;
    translate: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: auto !important;

    transition: none !important;
    animation: none !important;
}


/* ------------------------------------------------
   2. Prevent WoodMart from sliding the bar on hover
------------------------------------------------- */

.pk-psd-ui .wd-product:hover .wrapp-swatches,
.pk-psd-ui .product-grid-item:hover .wrapp-swatches {

    position: static !important;

    top: auto !important;
    bottom: auto !important;

    transform: none !important;
    translate: none !important;

    opacity: 1 !important;

    transition: none !important;
    animation: none !important;
}


/* ------------------------------------------------
   3. All three buttons stay INSIDE the white strip
------------------------------------------------- */

.pk-psd-ui .wrapp-swatches .wrap-wishlist-button,
.pk-psd-ui .wrapp-swatches .wrap-quickview-button,
.pk-psd-ui .wrapp-swatches .wd-compare-btn {

    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;

    min-width: 38px !important;

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

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    transform: none !important;

    transition: none !important;
    animation: none !important;

    pointer-events: none !important;

    opacity: 0 !important;
    visibility: hidden !important;
}


/* ------------------------------------------------
   4. Show icons ONLY when mouse is over the product
------------------------------------------------- */

.pk-psd-ui .wd-product:hover .wrapp-swatches .wrap-wishlist-button,
.pk-psd-ui .wd-product:hover .wrapp-swatches .wrap-quickview-button,
.pk-psd-ui .wd-product:hover .wrapp-swatches .wd-compare-btn,

.pk-psd-ui .product-grid-item:hover .wrapp-swatches .wrap-wishlist-button,
.pk-psd-ui .product-grid-item:hover .wrapp-swatches .wrap-quickview-button,
.pk-psd-ui .product-grid-item:hover .wrapp-swatches .wd-compare-btn {

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;

    transform: none !important;

    transition: none !important;
    animation: none !important;
}


/* ------------------------------------------------
   5. Actual WoodMart icon buttons
------------------------------------------------- */

.pk-psd-ui .wrapp-swatches .wd-wishlist-btn,
.pk-psd-ui .wrapp-swatches .wd-quick-view-btn,
.pk-psd-ui .wrapp-swatches .wd-compare-btn,
.pk-psd-ui .wrapp-swatches .wd-action-btn {

    position: static !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;

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

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    transform: none !important;

    transition: none !important;
    animation: none !important;
}


/* Click target */
.pk-psd-ui .wrapp-swatches .wd-action-btn > a,
.pk-psd-ui .wrapp-swatches .wd-wishlist-btn > a,
.pk-psd-ui .wrapp-swatches .wd-quick-view-btn > a,
.pk-psd-ui .wrapp-swatches .wd-compare-btn > a {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;

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

    background: transparent !important;

    transform: none !important;

    transition: none !important;
}


/* Icon only - no labels */
.pk-psd-ui .wrapp-swatches .wd-action-text {
    display: none !important;
}


/* ------------------------------------------------
   6. Make sure strip is BELOW the image
------------------------------------------------- */

.pk-psd-ui .wd-product .product-element-top,
.pk-psd-ui .product-grid-item .product-element-top {

    display: flex !important;
    flex-direction: column !important;

    overflow: hidden !important;
}


/* Image remains first */
.pk-psd-ui .wd-product .product-image-link,
.pk-psd-ui .product-grid-item .product-image-link {
    order: 1 !important;
}


/* White actions strip remains second */
.pk-psd-ui .wd-product .wrapp-swatches,
.pk-psd-ui .product-grid-item .wrapp-swatches {
    order: 2 !important;
    flex: 0 0 54px !important;
}


/* ------------------------------------------------
   7. Do not restore duplicate WoodMart Add To Cart
------------------------------------------------- */

.pk-psd-ui .wd-product .wd-add-btn,
.pk-psd-ui .product-grid-item .wd-add-btn {
    display: none !important;
}


/* ------------------------------------------------
   8. Desktop only hover behavior
------------------------------------------------- */

@media (hover: hover) {

    .pk-psd-ui .wrapp-swatches .wrap-wishlist-button,
    .pk-psd-ui .wrapp-swatches .wrap-quickview-button,
    .pk-psd-ui .wrapp-swatches .wd-compare-btn {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .pk-psd-ui .wd-product:hover .wrapp-swatches .wrap-wishlist-button,
    .pk-psd-ui .wd-product:hover .wrapp-swatches .wrap-quickview-button,
    .pk-psd-ui .wd-product:hover .wrapp-swatches .wd-compare-btn,
    .pk-psd-ui .product-grid-item:hover .wrapp-swatches .wrap-wishlist-button,
    .pk-psd-ui .product-grid-item:hover .wrapp-swatches .wrap-quickview-button,
    .pk-psd-ui .product-grid-item:hover .wrapp-swatches .wd-compare-btn {
        opacity: 1 !important;
        visibility: visible !important;
    }
}


/* Mobile / touch: show icons permanently */
@media (hover: none) {

    .pk-psd-ui .wrapp-swatches .wrap-wishlist-button,
    .pk-psd-ui .wrapp-swatches .wrap-quickview-button,
    .pk-psd-ui .wrapp-swatches .wd-compare-btn {

        opacity: 1 !important;
        visibility: visible !important;

        pointer-events: auto !important;
    }
}



/* ================================================================
   PK PRODUCT ACTIONS - FINAL OVERLAY BEHAVIOR
   Desktop: hidden over image, appears on hover
   Mobile/Tablet: completely removed
   ================================================================ */


/* ================================================================
   MOBILE + TABLET <= 1024
   Remove actions bar completely
   ================================================================ */

@media (max-width: 1024px) {

    .pk-psd-ui .wd-product .wrapp-swatches,
    .pk-psd-ui .product-grid-item .wrapp-swatches {

        display: none !important;

        position: static !important;

        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;

        height: 0 !important;
        min-height: 0 !important;

        flex: 0 0 0 !important;

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

        border: 0 !important;

        opacity: 0 !important;
        visibility: hidden !important;

        overflow: hidden !important;

        pointer-events: none !important;
    }


    .pk-psd-ui .wrapp-swatches .wrap-wishlist-button,
    .pk-psd-ui .wrapp-swatches .wrap-quickview-button,
    .pk-psd-ui .wrapp-swatches .wd-compare-btn {

        display: none !important;
    }
}


/* ================================================================
   DESKTOP >= 1025
   ================================================================ */

@media (min-width: 1025px) {

    /*
     * Image area becomes positioning reference.
     * The actions bar will NOT take layout space.
     */
    .pk-psd-ui .wd-product .product-element-top,
    .pk-psd-ui .product-grid-item .product-element-top {

        position: relative !important;

        display: block !important;

        overflow: hidden !important;
    }


    /*
     * Let product image use the whole area.
     */
    .pk-psd-ui .wd-product .product-image-link,
    .pk-psd-ui .product-grid-item .product-image-link {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
    }


    /*
     * White actions bar.
     * ABSOLUTE = does not reserve 54px below image.
     */
    .pk-psd-ui .wd-product .wrapp-swatches,
    .pk-psd-ui .product-grid-item .wrapp-swatches {

        position: absolute !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;

        z-index: 30 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 26px !important;

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

        height: 58px !important;
        min-height: 58px !important;

        flex: none !important;

        margin: 0 !important;
        padding: 6px 15px !important;

        background: rgba(255,255,255,.97) !important;

        border-top: 1px solid #e5e7e8 !important;
        border-bottom: 0 !important;

        box-sizing: border-box !important;

        /*
         * Hidden normally.
         */
        opacity: 0 !important;
        visibility: hidden !important;

        pointer-events: none !important;

        transform: translateY(100%) !important;

        transition:
            opacity .18s ease,
            transform .18s ease,
            visibility .18s ease !important;

        overflow: visible !important;
    }


    /*
     * Show bar when mouse is anywhere over product.
     */
    .pk-psd-ui .wd-product:hover .wrapp-swatches,
    .pk-psd-ui .product-grid-item:hover .wrapp-swatches {

        opacity: 1 !important;
        visibility: visible !important;

        pointer-events: auto !important;

        transform: translateY(0) !important;
    }


    /*
     * Three action wrappers.
     */
    .pk-psd-ui .wrapp-swatches .wrap-wishlist-button,
    .pk-psd-ui .wrapp-swatches .wrap-quickview-button,
    .pk-psd-ui .wrapp-swatches .wd-compare-btn {

        position: static !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

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

        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        pointer-events: auto !important;

        transition: none !important;
    }


    /*
     * WoodMart action elements.
     */
    .pk-psd-ui .wrapp-swatches .wd-action-btn,
    .pk-psd-ui .wrapp-swatches .wd-wishlist-btn,
    .pk-psd-ui .wrapp-swatches .wd-quick-view-btn,
    .pk-psd-ui .wrapp-swatches .wd-compare-btn {

        position: static !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        height: 40px !important;

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

        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }


    /*
     * Click targets.
     */
    .pk-psd-ui .wrapp-swatches .wd-action-btn > a,
    .pk-psd-ui .wrapp-swatches .wd-wishlist-btn > a,
    .pk-psd-ui .wrapp-swatches .wd-quick-view-btn > a,
    .pk-psd-ui .wrapp-swatches .wd-compare-btn > a {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        height: 40px !important;

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


    /*
     * Icons only.
     */
    .pk-psd-ui .wrapp-swatches .wd-action-text {
        display: none !important;
    }


    /*
     * Never show duplicated old WoodMart Add To Cart.
     */
    .pk-psd-ui .wd-product .wd-add-btn,
    .pk-psd-ui .product-grid-item .wd-add-btn {

        display: none !important;
    }
}



/* ================================================================
   PK CLEAN IMAGE + HOVER ACTION BAR V2
   Based on last known-good hover icon state.
   ================================================================ */


/* ------------------------------------------------
   Make PRODUCT itself visually larger
   Do NOT change WoodMart container structure.
------------------------------------------------- */

.pk-psd-ui .wd-product .product-image-link img,
.pk-psd-ui .product-grid-item .product-image-link img {
    transform: scale(1.10) !important;
    transform-origin: center center !important;
}


/* ================================================================
   DESKTOP
   No reserved bar space normally.
   Open a small strip BELOW image only on hover.
   ================================================================ */

@media (min-width: 1025px) {

    /*
     * IMPORTANT:
     * Keep WoodMart's real layout.
     * Do not make product-element-top absolute/grid/etc.
     */
    .pk-psd-ui .wd-product .product-element-top,
    .pk-psd-ui .product-grid-item .product-element-top {
        overflow: hidden !important;
    }


    /*
     * Normal state:
     * Action strip exists after image but occupies ZERO height.
     */
    .pk-psd-ui .wd-product .wrapp-swatches,
    .pk-psd-ui .product-grid-item .wrapp-swatches {

        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 22px !important;

        width: 100% !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 12px !important;

        background: #fff !important;

        border-top: 0 !important;
        border-bottom: 0 !important;

        opacity: 0 !important;
        visibility: hidden !important;

        overflow: hidden !important;

        pointer-events: none !important;

        transform: none !important;

        transition:
            height .15s ease,
            min-height .15s ease,
            max-height .15s ease,
            opacity .12s ease !important;
    }


    /*
     * Hover:
     * Add only 46px BELOW image.
     */
    .pk-psd-ui .wd-product:hover .wrapp-swatches,
    .pk-psd-ui .product-grid-item:hover .wrapp-swatches {

        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;

        padding: 3px 12px !important;

        border-top: 1px solid #e5e7e8 !important;
        border-bottom: 1px solid #e5e7e8 !important;

        opacity: 1 !important;
        visibility: visible !important;

        overflow: visible !important;

        pointer-events: auto !important;
    }


    /*
     * Do NOT resize or reposition the actual icon elements.
     * Restore the known-good WoodMart icon presentation.
     */
    .pk-psd-ui .wrapp-swatches .wrap-wishlist-button,
    .pk-psd-ui .wrapp-swatches .wrap-quickview-button,
    .pk-psd-ui .wrapp-swatches .wd-compare-btn {

        position: static !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        pointer-events: auto !important;
    }


    /* Keep only icons */
    .pk-psd-ui .wrapp-swatches .wd-action-text {
        display: none !important;
    }
}


/* ================================================================
   MOBILE + TABLET
   Remove bar completely.
   ================================================================ */

@media (max-width: 1024px) {

    .pk-psd-ui .wd-product .wrapp-swatches,
    .pk-psd-ui .product-grid-item .wrapp-swatches {

        display: none !important;

        width: 0 !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

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

        border: 0 !important;

        opacity: 0 !important;
        visibility: hidden !important;

        pointer-events: none !important;
    }
}


/* Never show duplicate WoodMart cart button */
.pk-psd-ui .wd-product .wd-add-btn,
.pk-psd-ui .product-grid-item .wd-add-btn {
    display: none !important;
}


/* ================================================================
   PK PRODUCT CARD - SHORTER NORMAL CARD + SMALL HOVER EXPAND
   ================================================================ */

/* -----------------------------
   DESKTOP ONLY
------------------------------ */
@media (min-width: 1025px) {

    /* Make the whole card more compact */
    .pk-psd-ui .wd-product,
    .pk-psd-ui .product-grid-item {
        height: auto !important;
    }

    /* Product image area */
    .pk-psd-ui .wd-product .product-element-top,
    .pk-psd-ui .product-grid-item .product-element-top {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: stretch !important;

        min-height: 290px !important;
        padding: 14px 14px 0 !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Image link area */
    .pk-psd-ui .wd-product .product-image-link,
    .pk-psd-ui .product-grid-item .product-image-link {
        min-height: 245px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Product image itself */
    .pk-psd-ui .wd-product .product-image-link img,
    .pk-psd-ui .product-grid-item .product-image-link img {
        width: auto !important;
        max-width: 100% !important;
        max-height: 215px !important;
        object-fit: contain !important;
        transform: scale(1.08) !important;
        transform-origin: center center !important;
    }

    /* Hidden action bar by default - no reserved space */
    .pk-psd-ui .wd-product .wrapp-swatches,
    .pk-psd-ui .product-grid-item .wrapp-swatches {
        position: static !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 22px !important;

        width: 100% !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

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

        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        pointer-events: none !important;

        border-top: 0 !important;
        border-bottom: 0 !important;
        background: #fff !important;

        transition:
            height .18s ease,
            min-height .18s ease,
            max-height .18s ease,
            padding .18s ease,
            opacity .14s ease !important;
    }

    /* Show bar only on hover */
    .pk-psd-ui .wd-product:hover .wrapp-swatches,
    .pk-psd-ui .product-grid-item:hover .wrapp-swatches {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        padding: 4px 10px !important;

        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        pointer-events: auto !important;

        border-top: 1px solid #e8e8e8 !important;
        border-bottom: 1px solid #e8e8e8 !important;
    }

    /* Keep icons clean and stable */
    .pk-psd-ui .wrapp-swatches .wd-action-text {
        display: none !important;
    }

    .pk-psd-ui .wrapp-swatches .wrap-wishlist-button,
    .pk-psd-ui .wrapp-swatches .wrap-quickview-button,
    .pk-psd-ui .wrapp-swatches .wd-compare-btn {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        pointer-events: auto !important;
        margin: 0 !important;
    }

    /* Bottom content more compact */
    .pk-psd-ui .wd-product .product-element-bottom,
    .pk-psd-ui .product-grid-item .product-element-bottom {
        padding: 14px 18px 18px !important;
        box-sizing: border-box !important;
    }

    /* Product title */
    .pk-psd-ui .wd-product .wd-entities-title,
    .pk-psd-ui .product-grid-item .wd-entities-title {
        margin-bottom: 10px !important;
    }

    /* Brand + price block */
    .pk-psd-ui .wd-product .wrapp-product-price,
    .pk-psd-ui .product-grid-item .wrapp-product-price {
        row-gap: 12px !important;
    }

    /* Cart button spacing */
    .pk-psd-ui .wd-product .pk-loop-add-to-cart,
    .pk-psd-ui .product-grid-item .pk-loop-add-to-cart {
        margin-top: 8px !important;
        margin-bottom: 0 !important;
    }

    .pk-psd-ui .wd-product .pk-loop-add-to-cart > a.button,
    .pk-psd-ui .product-grid-item .pk-loop-add-to-cart > a.button {
        min-height: 54px !important;
    }
}


/* -----------------------------
   TABLET + MOBILE
------------------------------ */
@media (max-width: 1024px) {

    .pk-psd-ui .wd-product .product-element-top,
    .pk-psd-ui .product-grid-item .product-element-top {
        min-height: 250px !important;
        padding: 12px 12px 0 !important;
    }

    .pk-psd-ui .wd-product .product-image-link,
    .pk-psd-ui .product-grid-item .product-image-link {
        min-height: 215px !important;
    }

    .pk-psd-ui .wd-product .product-image-link img,
    .pk-psd-ui .product-grid-item .product-image-link img {
        max-height: 190px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    /* Hide action bar completely on tablet/mobile */
    .pk-psd-ui .wd-product .wrapp-swatches,
    .pk-psd-ui .product-grid-item .wrapp-swatches {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    .pk-psd-ui .wd-product .product-element-bottom,
    .pk-psd-ui .product-grid-item .product-element-bottom {
        padding: 12px 16px 16px !important;
    }
}



/* ================================================================
   PHARMA KUWAIT - HOME HERO SLIDER FINAL SIZE
   Align slider with Products + Categories
   ================================================================ */


/* ------------------------------------------------
   Slider widget itself
   Same horizontal container as the rest of homepage
------------------------------------------------- */

body.home .elementor-widget-wd_slider,
body.home [data-widget_type="wd_slider.default"] {

    width: calc(100% - 40px) !important;

    max-width: var(--wd-container-w, 1440px) !important;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-inline: auto !important;

    box-sizing: border-box !important;
}


/* ------------------------------------------------
   Main slider frame
------------------------------------------------- */

body.home [data-widget_type="wd_slider.default"] .wd-slider,
body.home [data-widget_type="wd_slider.default"] .wd-slider-wrap,
body.home [data-widget_type="wd_slider.default"] .wd-carousel-container {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    border-radius: 30px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* ------------------------------------------------
   Desktop hero proportions
   Reference image is approximately 2.65 : 1
------------------------------------------------- */

@media (min-width: 1025px) {

    body.home [data-widget_type="wd_slider.default"] .wd-slider,
    body.home [data-widget_type="wd_slider.default"] .wd-slider-wrap {

        aspect-ratio: 2.65 / 1 !important;

        height: auto !important;

        min-height: 0 !important;
        max-height: none !important;
    }


    body.home [data-widget_type="wd_slider.default"] .wd-slide,
    body.home [data-widget_type="wd_slider.default"] .swiper,
    body.home [data-widget_type="wd_slider.default"] .swiper-wrapper,
    body.home [data-widget_type="wd_slider.default"] .swiper-slide {

        height: 100% !important;
        min-height: 0 !important;
    }
}


/* ------------------------------------------------
   Clip every slide to the same rounded rectangle
------------------------------------------------- */

body.home [data-widget_type="wd_slider.default"] .wd-slide,
body.home [data-widget_type="wd_slider.default"] .swiper-slide {

    overflow: hidden !important;

    border-radius: 30px !important;
}


/* ------------------------------------------------
   Images / backgrounds fill slider cleanly
------------------------------------------------- */

body.home [data-widget_type="wd_slider.default"] img {

    max-width: 100% !important;

    object-fit: contain;
}


/* ------------------------------------------------
   Slider dots - close to reference design
------------------------------------------------- */

body.home [data-widget_type="wd_slider.default"] .wd-nav-pagin-wrap,
body.home [data-widget_type="wd_slider.default"] .swiper-pagination {

    margin-top: 14px !important;
}


/* ================================================================
   TABLET
   ================================================================ */

@media (min-width: 768px) and (max-width: 1024px) {

    body.home .elementor-widget-wd_slider,
    body.home [data-widget_type="wd_slider.default"] {

        width: calc(100% - 30px) !important;

        margin-inline: auto !important;
    }


    body.home [data-widget_type="wd_slider.default"] .wd-slider,
    body.home [data-widget_type="wd_slider.default"] .wd-slider-wrap {

        aspect-ratio: 2.45 / 1 !important;

        height: auto !important;

        border-radius: 26px !important;

        overflow: hidden !important;
    }


    body.home [data-widget_type="wd_slider.default"] .wd-slide,
    body.home [data-widget_type="wd_slider.default"] .swiper-slide {

        height: 100% !important;

        border-radius: 26px !important;
    }
}


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

@media (max-width: 767px) {

    body.home .elementor-widget-wd_slider,
    body.home [data-widget_type="wd_slider.default"] {

        width: calc(100% - 20px) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 0 !important;
    }


    body.home [data-widget_type="wd_slider.default"] .wd-slider,
    body.home [data-widget_type="wd_slider.default"] .wd-slider-wrap {

        width: 100% !important;

        aspect-ratio: 2 / 1 !important;

        height: auto !important;

        min-height: 0 !important;

        border-radius: 22px !important;

        overflow: hidden !important;
    }


    body.home [data-widget_type="wd_slider.default"] .wd-slide,
    body.home [data-widget_type="wd_slider.default"] .swiper,
    body.home [data-widget_type="wd_slider.default"] .swiper-wrapper,
    body.home [data-widget_type="wd_slider.default"] .swiper-slide {

        height: 100% !important;
        min-height: 0 !important;

        border-radius: 22px !important;
    }
}


/* ================================================================
   PHARMA KUWAIT - SLIDER BACKGROUND COLOR
   ================================================================ */

body.home #slider-74 .wd-slide-bg {
    background-color: #cfe7ff !important;
}



/* ================================================================
   PK_MOBILE_PRODUCT_COMPACT_V1
   Compact WooCommerce product cards on phones only
   ================================================================ */

@media (max-width: 767px) {

    /* Remove inherited/fixed card heights */
    .pk-psd-ui .wd-product,
    .pk-psd-ui .product-grid-item,
    .pk-psd-ui .wd-product .product-wrapper,
    .pk-psd-ui .product-grid-item .product-wrapper,
    .pk-psd-ui .wd-product .product-element-bottom,
    .pk-psd-ui .product-grid-item .product-element-bottom {

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }


    /* Do not stretch short cards vertically */
    .pk-psd-ui .wd-product,
    .pk-psd-ui .product-grid-item {

        align-self: flex-start !important;
    }


    /* Product image area = compact square */
    .pk-psd-ui .wd-product .product-element-top,
    .pk-psd-ui .product-grid-item .product-element-top {

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: 1 / 1 !important;

        overflow: hidden !important;
    }


    /* Keep product image centered inside square */
    .pk-psd-ui .wd-product .product-image-link,
    .pk-psd-ui .product-grid-item .product-image-link {

        width: 100% !important;
        height: 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    .pk-psd-ui .wd-product .product-element-top img,
    .pk-psd-ui .product-grid-item .product-element-top img {

        width: 100% !important;
        height: 100% !important;

        max-height: 100% !important;

        object-fit: contain !important;
    }


    /* Remove desktop hover/action reserved space completely */
    .pk-psd-ui .wd-product-card-hover,
    .pk-psd-ui .wd-bottom-actions,
    .pk-psd-ui .wrapp-swatches,
    .pk-psd-ui .pk-actions-bar-fixed {

        display: none !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

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

        border: 0 !important;

        overflow: hidden !important;
    }


    /* Compact information block */
    .pk-psd-ui .wd-product .product-element-bottom,
    .pk-psd-ui .product-grid-item .product-element-bottom {

        padding: 10px 10px 12px !important;

        margin: 0 !important;
    }


    /* Reduce unnecessary gaps between title / brand / price */
    .pk-psd-ui .wd-product .wd-entities-title,
    .pk-psd-ui .product-grid-item .wd-entities-title {

        margin-top: 0 !important;
        margin-bottom: 5px !important;
    }


    .pk-psd-ui .wd-product .product-rating-price,
    .pk-psd-ui .product-grid-item .product-rating-price,
    .pk-psd-ui .wd-product .wrapp-product-price,
    .pk-psd-ui .product-grid-item .wrapp-product-price {

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        min-height: 0 !important;
    }


    /* Add to cart should end the card */
    .pk-psd-ui .pk-loop-add-to-cart {

        margin-top: 8px !important;
        margin-bottom: 0 !important;

        padding-bottom: 0 !important;
    }

}



/* ================================================================
   PHARMA KUWAIT - MOBILE HERO SLIDER V1
   Mobile only
   ================================================================ */

@media (max-width: 767px) {

    /* ------------------------------------------------------------
       1. Make slider taller on mobile
       ------------------------------------------------------------ */

    body.home #slider-74,
    body.home #slider-74 .wd-carousel-inner,
    body.home #slider-74 .wd-carousel,
    body.home #slider-74 .wd-carousel-wrap {

        height: 560px !important;
        min-height: 560px !important;
        max-height: 560px !important;
    }


    body.home #slider-74 .wd-slide {

        height: 560px !important;
        min-height: 560px !important;
        max-height: 560px !important;

        position: relative !important;

        overflow: hidden !important;
    }


    /* ------------------------------------------------------------
       2. Keep slide content inside the taller mobile slider
       ------------------------------------------------------------ */

    body.home #slider-74 .wd-slide-container {

        height: 100% !important;
        min-height: 100% !important;

        padding-top: 20px !important;
        padding-bottom: 55px !important;

        box-sizing: border-box !important;
    }


    body.home #slider-74 .wd-slide-inner {

        width: 100% !important;
        max-width: 100% !important;

        height: 100% !important;
    }


    /* ------------------------------------------------------------
       3. Make large slide titles fit mobile better
       ------------------------------------------------------------ */

    body.home #slider-74 .wd-slide .title {

        font-size: 34px !important;
        line-height: 1.08 !important;

        word-break: normal !important;
    }


    /* ------------------------------------------------------------
       4. Remove WoodMart large white pagination bar
       ------------------------------------------------------------ */

    body.home #slider-74 .wd-nav-pagin-wrap {

        position: absolute !important;

        left: 50% !important;
        right: auto !important;

        bottom: 16px !important;
        top: auto !important;

        transform: translateX(-50%) !important;

        width: auto !important;
        height: auto !important;

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

        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        z-index: 20 !important;
    }


    body.home #slider-74 .wd-nav-pagin {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 7px !important;

        width: auto !important;
        height: auto !important;

        padding: 7px 10px !important;

        background: rgba(255,255,255,.88) !important;

        border-radius: 999px !important;

        box-shadow: 0 3px 12px rgba(15,76,113,.12) !important;
    }


    /* ------------------------------------------------------------
       5. Normal pagination dots
       ------------------------------------------------------------ */

    body.home #slider-74 .wd-nav-pagin > li,
    body.home #slider-74 .wd-nav-pagin > span,
    body.home #slider-74 .swiper-pagination-bullet {

        display: block !important;

        width: 8px !important;
        height: 8px !important;

        min-width: 8px !important;
        min-height: 8px !important;

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

        background: #b9c3c9 !important;

        border: 0 !important;
        border-radius: 50% !important;

        opacity: 1 !important;

        box-shadow: none !important;

        transition:
            width .2s ease,
            background-color .2s ease !important;
    }


    /* Active dot */
    body.home #slider-74 .wd-nav-pagin > li.wd-active,
    body.home #slider-74 .wd-nav-pagin > span.wd-active,
    body.home #slider-74 .wd-nav-pagin .wd-active,
    body.home #slider-74 .swiper-pagination-bullet-active {

        width: 24px !important;
        min-width: 24px !important;

        background: #1eaaa0 !important;

        border-radius: 999px !important;
    }


    /* ------------------------------------------------------------
       6. Smaller left/right arrows if WoodMart shows them
       ------------------------------------------------------------ */

    body.home #slider-74 .wd-slider-arrows {

        --wd-arrow-size: 34px !important;
        --wd-arrow-offset-h: 8px !important;
    }

}