/** Shopify CDN: Minification failed

Line 113:5 Cannot use type selector "-label" directly after nesting selector "&"

**/
	@font-face {
  font-family: 'Tajawal';
  src: url('/cdn/shop/files/Tajawal-ExtraLight.woff2?v=1785440466') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tajawal';
  src: url('/cdn/shop/files/Tajawal-Light.woff2?v=1785440466') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tajawal';
  src: url('/cdn/shop/files/Tajawal-Regular.woff2?v=1785440466') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tajawal';
  src: url('/cdn/shop/files/Tajawal-Medium.woff2?v=1785440466') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tajawal';
  src: url('/cdn/shop/files/Tajawal-Bold.woff2?v=1785440466') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tajawal';
  src: url('/cdn/shop/files/Tajawal-ExtraBold.woff2?v=1785440465') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tajawal';
  src: url('/cdn/shop/files/Tajawal-Black.woff2?v=1785440466') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-body-family: 'Tajawal', sans-serif !important;
  --font-heading-family: 'Tajawal', sans-serif !important;
}

body.rtl .custom-side-zoom-panel-container.is-active,
[dir="rtl"] .custom-side-zoom-panel-container.is-active {
  left: auto !important;
  right: calc(50% + 40px) !important;  
}

.collection-card .collection-card__img {
    padding: 35px;
    background: #f2f2f2;
}

.collection-card .collection-card__image-wrapper {
    border-radius: 50%;
}

.collection-card .collection-card__image-wrapper {
padding-bottom: 100% !important;
}

/* Product card 31-07-26 */
.product-card .product-card__title, .product-card .product-card__vendor {
    font-size: smaller;
  }

  .product-card .product-card__image {
  padding: 5%
  }

.product-card {
	.product-card__main {
		position: relative;
		display: flex;
		border: 1px solid #e5e5e5;
		border-radius: 8px;
		overflow: hidden;
		background: #fff;
		transition: border-color 0.25s ease, box-shadow 0.25s ease;

		&:hover {
			border-color: var(--button-border-color-social);
			box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
		}
	}
}

/* footer 31-07-26 */
.footer__temp-payments {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;

    &-label {
        font-weight: 600;
        white-space: nowrap;
    }
}

.product-card .product-card__footer {
height: auto !important;
}


/*Custom Footer Newsletter Design*/

.benefits .benefits__container {
    background: #e7e1da;
}

footer.footer.container.color-scheme-1.need-animate.js-animate.animated {
  background: #dfe6cc;
}
.footer-form {
    width: 100%;
    margin-top: 0 !important; 
    padding-top: 0 !important;
}
.footer .footer__newsletter {
    display: flex;
    flex-direction: column;
    align-items: left !important;
    text-align: center;
    width: min(400px,100vw - 32px);
}

/* ==========================================
   1. Chrome Autofill Background Color Fix
   ========================================== */
footer input:-webkit-autofill,
footer input:-webkit-autofill:hover, 
footer input:-webkit-autofill:focus,
footer input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #333333 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* ==========================================
   2. Newsletter Outer Wrapper & Heading Alignment
   ========================================== */
footer .footer__newsletter,
footer .footer-block__newsletter {
    max-width: 420px !important;
    width: 100% !important;
    margin-inline-start: 0 !important;
    margin-inline-end: auto !important;
}

footer .footer__newsletter-heading,
footer .newsletter-form__heading {
    text-align: start !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #20261d !important;
    margin-bottom: 12px !important;
}

/* ==========================================
   3. Main Outer Pill Box Container
   ========================================== */
footer .footer-form__field,
footer .newsletter-form__field,
footer .field {
    display: flex !important;
    align-items: center !important;
    background-color: #ffffff !important;
    border-radius: 50px !important;
    padding: 3px !important;
    padding-inline-start: 16px !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    width: 100% !important;
}

/* Clear pseudo borders */
footer .field::before,
footer .field::after,
footer .footer-form__field::before,
footer .footer-form__field::after {
    display: none !important;
    content: none !important;
}

/* ==========================================
   4. Input Field Styling
   ========================================== */
footer .footer-form__input,
footer .newsletter-form__input,
footer .field__input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    height: 100% !important;
    padding: 0 !important;
    padding-inline-end: 8px !important;
    margin: 0 !important;
    font-size: 0.85rem !important;
    color: #333333 !important;
    flex: 1 !important;
    min-width: 0 !important;
    text-align: start !important;
}

footer .footer-form__input:focus,
footer .footer-form__input:focus-visible,
footer .field__input:focus,
footer .field__input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* ==========================================
   5. Button Styling
   ========================================== */
footer .footer-form__button,
footer .newsletter-form__button,
footer .field__button {
    background-color: #23281f !important;
    color: #ffffff !important;
    border-radius: 40px !important;
    padding: 0 18px !important;
    height: 38px !important;
    min-height: 38px !important;
    width: auto !important;
    margin: 0 !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}



/* ==========================================
   6. RTL (Arabic) Specific Overrides
   ========================================== */
[dir="rtl"] footer .footer__newsletter,
[dir="rtl"] footer .footer-block__newsletter {
    text-align: right !important;
}

[dir="rtl"] footer .footer__newsletter-heading,
[dir="rtl"] footer .newsletter-form__heading {
    text-align: right !important;
}

[dir="rtl"] footer .footer-form__input,
[dir="rtl"] footer .newsletter-form__input,
[dir="rtl"] footer .field__input {
    text-align: right !important;
}

/* ==========================================
   7. Mobile View Adjustments
   ========================================== */
@media screen and (max-width: 749px) {
    footer .footer__content-top {
        display: flex !important;
        flex-direction: column !important;
    }

    footer .footer__newsletter,
    footer .footer-block__newsletter {
        order: 99 !important;
        margin-top: 24px !important;
        margin-bottom: 20px !important;
        width: 100% !important;
    }
}
#BeautyBanner-template--19733937782855__banner_home_7yDgQU {
    --bb-gap: 7px;
    padding: 12px 8px 12px;
    max-width: 80%;
    margin: auto;
}

@media screen and (min-width: 992px) {
  .product-media {
    width: calc(50% - 32px) !important;
  }
}

/* Product media */
/* .product-media__slider-thumbnails-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  transform: none !important; 
}

.product-media__slider-thumbnails .swiper-wrapper {
  justify-content: center !important;
} */


 /* .product-form {
    width: calc(60% - 32px) !important;
}


.product-media .product-media__slider-slide.product-media__slider-slide--single .product-media__image, .product-media .product-media__slider-slide.product-media__slider-slide--single .product-gallery-video__vimeo, .product-media .product-media__slider-slide.product-media__slider-slide--single .product-gallery-video__youtube, .product-media .product-media__slider-slide.product-media__slider-slide--single .product-gallery-video__html
{
  padding:10%;
  
}
.product-description.rte p {
    font-size: 18px;
} */


.js-product-gallery-slide-zoom {
  position: relative;
}

.custom-zoom-lens-box {
  position: absolute;
  border: 1px solid rgba(0,0,0,0.4);
  background: rgba(255,255,255,0.4);
  pointer-events: none;
  display: none;
  z-index: 10;
}

.custom-side-zoom-panel-container {
  position: fixed;
  display: none;
  background-repeat: no-repeat;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  z-index: 9999;
  pointer-events: none;
}

@media (min-width: 1200px) {
  .js-product-gallery-slide-zoom {
    cursor: crosshair;
  }
  .js-product-gallery-slide-zoom.is-side-zooming .custom-zoom-lens-box {
    display: block;
  }
  .custom-side-zoom-panel-container.is-active {
    display: block;
  }
}


.rtl .curr{
  display:flex;
}

.rtl .curr .cur_sym{
   display:flex;
   order:1;
   margin-right: 2px;
}

.shopify-policy__title{
  display:none;
}

/* 1. Entire Input Container/Wrapper Ko Hamesha LTR Flex Par Set Karein */
.taqnyat-phone-input-wrapper,
.phone-input-container,
.input-group,
div[class*="phone-input"] {
    display: flex !important;
    flex-direction: row !important; /* Left se Right hi element place honge */
    direction: ltr !important;
    align-items: center !important;
}

/* 2. Flag aur Country Code Prefix Ko Left Side Par Lock Karein */
.country-code-prefix,
.flag-container,
div[class*="country-code"] {
    order: 1 !important; 
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
}


.taqnyat-phone-input-wrapper input,
.phone-input-container input,
.input-group input {
    order: 2 !important; 
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: isolate !important;
}


body.rtl .taqnyat-phone-input-wrapper,
body[dir="rtl"] .taqnyat-phone-input-wrapper,
html[dir="rtl"] .taqnyat-phone-input-wrapper {
    direction: ltr !important;
    flex-direction: row !important;
}

.header-menu .header-menu__list.header-menu__list--main {
    column-gap: 25px !important;
}




/* Account Wrapper & Dropdown Layout */
.header__account-wrapper {
  position: relative;
  display: inline-block;
}

/* Dropdown Menu Box */
.header__account-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  width: 220px;
  background-color: #ffffff;
  color: #333333;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  padding: 16px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: 100;
  border: 1px solid #f0f0f0;
}

/* Hover Effect Trigger */
.header__account-wrapper:hover .header__account-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Header Inside Dropdown */
.account-dropdown__header {
  margin-bottom: 12px;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 8px;
}

.account-dropdown__title {
  font-size: 13px;
  font-weight: 600;
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.account-dropdown__welcome {
  font-size: 14px;
  font-weight: 600;
  color: #111111;
}

/* Buttons for Guest Users */
.account-dropdown__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.account-dropdown__btn {
  display: block;
  text-align: center;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.account-dropdown__btn--primary {
  background-color: #000000;
  color: #ffffff !important;
}

.account-dropdown__btn--primary:hover {
  background-color: #333333;
}

.account-dropdown__btn--secondary {
  background-color: #f5f5f5;
  color: #111111 !important;
  border: 1px solid #e0e0e0;
}

.account-dropdown__btn--secondary:hover {
  background-color: #e9e9e9;
}

/* List Links for Logged-In Users */
.account-dropdown__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.account-dropdown__link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  font-size: 14px;
  color: #333333;
  text-decoration: none;
  transition: color 0.2s ease;
}

.account-dropdown__link:hover {
  color: #000000;
  font-weight: 500;
}

.account-dropdown__link--logout {
  color: #d9534f;
}

.account-dropdown__link--logout:hover {
  color: #c9302c;
}

/* Container ko exact 4:1 ratio par lock karne ke liye */
.banner__media-wrapper {
  width: 100% !important;
  aspect-ratio: 1920 / 480 !important; /* Perfect 4:1 Ratio */
  height: auto !important;
  position: relative !important;
  overflow: hidden !important;
}

.banner__media-wrapper picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

/* Image ko bina crop kiye poora fit karne ke liye */
.banner__media {
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important; /* Poori image ko bina kate dikhayega */
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}
/* ============================================
   Collection list — mobile arrow fix
   Custom by PerformanceMax
   ============================================ */
@media screen and (max-width: 767.98px) {
  .collection-list .collection-list__slider-button-wrapper {
    top: 38%;
  }
  .collection-list .collection-list__slider-button-wrapper--prev {
    inset-inline-start: 2px;
  }
  .collection-list .collection-list__slider-button-wrapper--next {
    inset-inline-end: 2px;
  }
  .collection-list .swiper-button-prev-new,
  .collection-list .swiper-button-next-new {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18);
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .collection-list .swiper-button-prev-new svg,
  .collection-list .swiper-button-next-new svg {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 767.98px) {
  .collection-list .collection-list__slider-button-wrapper {
    display: none !important;
  }
}







/* ================================================================
   GLOBAL RTL PHONE NUMBER FIX
   Keeps +966 / Saudi phone numbers visually LTR
   ================================================================ */

/* html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] .phone-number,
html[dir="rtl"] .mobile-number,
html[dir="rtl"] .telephone,
html[dir="rtl"] .phone,
html[dir="rtl"] [class*="phone"],
html[dir="rtl"] [class*="mobile"],
html[dir="rtl"] [class*="telephone"],
html[dir="rtl"] [class*="tel-number"] {

  direction: ltr !important;

  unicode-bidi: isolate !important;

  text-align: left !important;

} */


/* Footer phone specifically */

html[dir="rtl"] footer a[href^="tel:"],
html[dir="rtl"] .footer a[href^="tel:"],
html[dir="rtl"] .footer__blocks-wrapper a[href^="tel:"],
html[dir="rtl"] .footer__content-bottom a[href^="tel:"] {

  direction: ltr !important;

  unicode-bidi: isolate !important;

  display: inline-block !important;

  text-align: left !important;

}


/* Plain phone-number spans */

html[dir="rtl"] span.phone-number,
html[dir="rtl"] span.mobile-number,
html[dir="rtl"] span.telephone {

  direction: ltr !important;

  unicode-bidi: isolate !important;

  display: inline-block !important;

  text-align: left !important;

}

.rtl a[href^="tel:"],
[href^="tel:"] {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

.social-links .social-links__list {
    flex-wrap: nowrap !important;
}

.slideshow {
  min-height: 0 !important;
}

.slideshow .slideshow__slide {
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 1920 / 800 !important;
}

.slideshow .slideshow__slide-media {
  object-fit: contain !important;
}

@media (max-width: 767.98px) {
  .slideshow .slideshow__slide {
    aspect-ratio: 400 / 530 !important;
  }
}


.curr .cur_sym,
.cur_sym {
  display: inline-block;
  width: .78em;
  height: .88em;
  overflow: hidden;
  text-indent: -100em;
  white-space: nowrap;
  vertical-align: -.08em;
  margin-inline-end: .14em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,<svg%20fill=%22black%22%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201124.14%201256.39%22>%20<path%20d=%22M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z%22/>%20<path%20d=%22M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z%22/>%20</svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml,<svg%20fill=%22black%22%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201124.14%201256.39%22>%20<path%20d=%22M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z%22/>%20<path%20d=%22M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z%22/>%20</svg>") no-repeat center / contain;
}

@supports not ((-webkit-mask: url('')) or (mask: url(''))) {
  .curr .cur_sym,
  .cur_sym {
    background: url("data:image/svg+xml,<svg%20fill=%22black%22%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201124.14%201256.39%22>%20<path%20d=%22M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z%22/>%20<path%20d=%22M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z%22/>%20</svg>") no-repeat center / contain;
  }
}

/* --- PDP quantity selector: reduced width --- */
.product-quantity .product-quantity__wrapper {
  max-width: 132px !important;
}

.product-quantity .product-quantity__container {
  width: 100%;
}

.product-quantity .product-quantity__button {
  width: 34px !important;
  height: 38px;
  flex: 0 0 34px;
}

.product-quantity .product-quantity__input {
  flex-grow: 0 !important;
  width: 44px !important;
  margin: 0 !important;
  padding: 8px 2px !important;
}

.banner .banner__wrapper .banner__media-wrapper {
    aspect-ratio: 2.4 / 1 !important;
}
.home-banner-slide .slideshow__slide picture.slideshow__slide-media-wrapper img.slideshow__slide-media {
    object-fit: cover !important;
}
.banner .banner__wrapper .banner__media-wrapper img.banner__media {
    object-fit: cover !important;
}
.product-tabs .product-tabs__buttons-wrapper ul.product-tabs__buttons-list li button {
    text-transform: capitalize;
}
.product .product__container form .product-vendor .product-vendor__item {
    font-size: 25px;
    font-weight: 700;
}
.product .product__container form .product-title-wrapper .product-title {
    font-size: 22px;
    font-weight: 700;
}
.product .product__container form .product-description p, .product .product__container form .product-sku * {
    font-size: 16px;
}
.product .product__container form .product-options .legend.product-options__option-label font {
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
}
.product .product__container form .product-options fieldset.product-options__default {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap !important;
        margin: 10px 0;
}
.product .product__container form .product-options fieldset.product-options__default .legend.product-options__option-label {
    display: contents;
    font-size: 18px;
    font-weight: 700;
}
.product .product__container form .product-quantity .product-options__option-label {
    font-size: 18px;
    font-weight: 700;
    margin-bottom:0;
    display:none;
}
.product .product__container form .product-quantity {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.product .product__container .product-media .product-media__slider-slide .product-media__aspect-ratio {
    position: relative;
    padding-top: 80%;
}

/* Container Flex layout */
.product-add-to-cart {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important; /* Forces both wrappers to equal height */
  gap: 12px !important;
  width: 100% !important;
}

/* Base button wrapper width & reset */
.product-add-to-cart > .add-to-cart,
.product-add-to-cart > .product-add-to-cart__additional-buttons {
  flex: 1 1 50% !important;
  width: 50% !important;
  margin: 0 !important;
}

/* Shopify dynamic elements full height fix */
.product-add-to-cart .shopify-payment-button,
.product-add-to-cart shopify-accelerated-checkout,
.product-add-to-cart shopify-buy-it-now-button {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
}

/* Both actual buttons height, padding & flex alignment */
.product-add-to-cart .button,
.product-add-to-cart .shopify-payment-button__button {
  height: 40px !important;            /* Adjust height (e.g. 48px or 50px) */
  max-height: 50px !important;
  line-height: normal !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Mobile responsive gap adjustment */
@media (max-width: 749px) {
  .product-add-to-cart {
    gap: 8px !important;
  }
}


.product-vendor span {
    font-size: 12px;
}


/* =========================================
   FINAL FIX
   ========================================= */

/* 1. HOW TO USE ko left align karo */
.product-form .pa-wrap {
  clear: both !important;
  float: none !important;

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

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

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

.product-form .pa-item {
  width: 100% !important;
  text-align: left !important;
}

.product-form .pa-summary {
  width: 100% !important;

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

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

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

.product-form .pa-title {
  text-align: left !important;
  margin-left: 0 !important;
}

.product-form .pa-content {
  text-align: left !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}


/* =========================================
   2. QUANTITY KE BEECH KI HORIZONTAL LINE REMOVE
   ========================================= */

/* Number input ki default/theme border remove */
.product-form .product-quantity__input {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;

  box-shadow: none !important;
  outline: none !important;

  background: transparent !important;
}

/* Quantity buttons ki saari borders remove */
.product-form .product-quantity__button {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;

  box-shadow: none !important;
  outline: none !important;

  background: transparent !important;
}

/* Quantity pill ki sirf OUTER border rahe */
.product-form .product-quantity__container {
  border: 1px solid #dedede !important;
  border-radius: 999px !important;

  box-shadow: none !important;
  background: transparent !important;
}


/* =========================================
   3. ADD TO CART - SIRF OUTER BORDER
   ========================================= */

.product-form .product-add-to-cart .add-to-cart {
  border-radius: 999px !important;
  box-shadow: none !important;
}

.cstm_inline {
    display: flex;
}
section.contact-form .contact-form__form-heading, section.contact-form .contact-form__text-wrapper {
    text-align: center;
}
section.contact-form .contact-form__text-wrapper, section.contact-form form#ContactForm {
    width: 100%;
}
.contact-form .contact-form__container {
    width: 100%;
    max-width: 800px;
    margin: auto;
    row-gap: 10px !important;
}
section.contact-form form#ContactForm {
    margin-top: 20px;
}
.store-location .store-location__container {
    gap: 20px !important;
}
.store-location .store-location__container .store-location__items .store-location__item .store-location__item-text-content .store-location__item-heading {
    font-weight: 700;
}
.store-location .store-location__container .store-location__items .store-location__item .store-location__item-text-content .store-location__item-text {
    font-size: 20px;
}
.store-location .store-location__container .store-location__items .store-location__item .store-location__item-text-content .store-location__item-text a {
    text-decoration: none;
    color: var(--color-text-primary);
}
.store-location .store-location__container .store-location__items .store-location__item .store-location__item-text-content .store-location__item-text a:hover {
    text-decoration: underline;
}
.contact-form .contact-form__container form#ContactForm .contact-form__button {
    background-color: #6d4c41;
    border: 0;
    color: #fff;
    border-radius: 10px;
    padding: 12px 30px;
}
.contact-us-banner .slideshow__slide, .اتصل.بنا .slideshow__slide {
    aspect-ratio: 1920/450 !important;
}
.contact-us-banner .slideshow__slide img, .اتصل.بنا .slideshow__slide img {
    width: 100% !important;
    object-fit: cover !important;
}
.page-contact nav.breadcrumb {
    display: none;
}
.contact-us-banner .slideshow__slide-box .slideshow__slide-content-inner {
    max-width: 500px;
}
.content .shopify-policy__container {
    padding-bottom: 70px !important;
}
.store-location .store-location__container .store-location__header {
    max-width: 750px;
}

.newsletter-popup__error-popup {
  background: #ffe5e5;
  color: #d60000;
  padding: 12px;
  border-radius: 6px;
  text-align: center;
  font-weight: 600;
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}


@media (max-width: 767px) {
      .vlr-about .vlr-hero {
        padding: 40px 20px 0;
    }
    .content .shopify-policy__container {
    padding-bottom: 40px !important;
}
  .contact-us-banner .slideshow__slide, .اتصل.بنا .slideshow__slide {
    aspect-ratio: unset !important;
}
.vlr-about .vlr-intro {
    padding: 40px 0 20px;
  }
  .vlr-about .vlr-section {
        padding: 25px 0;
    }
    .vlr-about .vlr-band .vlr-section {
    padding: 40px 0 20px;
}
.vlr-about .vlr-closing {
    padding: 40px 24px 40px;
}
.vlr-about .vlr-band {
    margin-top: 0px;
}
  .product__container {
    display: flex !important;
    flex-direction: column !important;
  }

.product .product__container > form.product-form .product-breadcrumbs {
    position: absolute;
    top: 0;
    width: calc(100% - 20px) !important;
}

.product .product__container .product-media {
    margin-top: 20px;
}

.product{
  position:relative;
}
 .product .product__container > form.product-form {
    padding-left: 10px;
    padding-right: 10px;
}
 
  .product-media {
    order: -1 !important;
  }
}

@media (max-width: 767px) {
  /* Media container ko flex column banayein */
  .product-media {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Main image slider ko top par set karein */
  .product-media .product-media__slider {
    order: 1 !important;
    width: 100% !important;
  }

  /* Thumbnails container ko main image ke neeche set karein */
  .product-media .product-media__slider-thumbnails-container,
  .product-media .product-media__slider-thumbnails-container--mobile {
    order: 2 !important;
    width: 100% !important;
    margin-top: 10px !important;
  }


.product .product__container .product-media .product-media__image{
  /* object-fit: cover; */
  border-radius: 10px;
}
  .product .product__container {
        padding-left: 5px;
        padding-right: 5px;
}

.product .product__container .product-media .product-media__slider-slide .product-media__aspect-ratio {
    padding-top: 100%;
}

}


body.rtl .product-form .pa-content {
    text-align: right !important;
}

section#CartDrawer{
  z-index:10000;
}


.cart-footer .cart-footer__button.button.button--secondary span[data-text]:after{
  content:none;
} 
.cart-footer .cart-footer__button.button.button--secondary:hover span{
transform:unset;
}

@media (min-width: 768px) and (max-width: 1024px) {
.product-media.product-media--layout-carousel {
    flex-direction: column-reverse !important;
}
}

@media (min-width: 1025px) and (max-width: 1200px) {
.product-media.product-media--layout-carousel {
    flex-direction: column-reverse !important;
}
}