/* =========================================================
   ALVEREA K — PHOENIX V6 CLEAN
   Safe rebuild version
   - CSS only
   - No JavaScript
   - No MutationObserver
   - No category-title hiding script
   ========================================================= */

/*!
 * ALVEREA K — Phoenix Cosmetics Theme
 * Premium storefront override — Version 2.0
 *
 * Core identity:
 * Ivory White      #F8F7F3
 * Matte Gold       #C7A35D
 * Dusty Lavender   #CFC6D9
 *
 * This stylesheet intentionally avoids broad layout selectors such as:
 * [class*="container"], header img, [class*="hero"], and generic submit buttons.
 * Those selectors were responsible for changing unrelated Phoenix components.
 */

/* =========================================================
   01. DESIGN TOKENS + EASYORDERS PALETTE
   ========================================================= */

:root {
  --ak-ivory: #F8F7F3;
  --ak-ivory-2: #FCFBF8;
  --ak-white: #FFFFFF;

  --ak-gold: #C7A35D;
  --ak-gold-dark: #9E7936;
  --ak-gold-deep: #816126;
  --ak-gold-soft: #E8D9B9;
  --ak-gold-wash: #F4EDDE;

  --ak-lavender: #CFC6D9;
  --ak-lavender-dark: #A99BB8;
  --ak-lavender-deep: #81728E;
  --ak-lavender-soft: #E9E4EE;
  --ak-lavender-wash: #F3F0F6;

  --ak-ink: #2F2933;
  --ak-ink-soft: #625B68;
  --ak-muted: #8D8492;
  --ak-line: rgba(47, 41, 51, 0.12);
  --ak-line-gold: rgba(199, 163, 93, 0.36);
  --ak-line-lavender: rgba(169, 155, 184, 0.46);

  --ak-radius-xs: 8px;
  --ak-radius-sm: 12px;
  --ak-radius-md: 18px;
  --ak-radius-lg: 24px;
  --ak-radius-xl: 32px;
  --ak-pill: 999px;

  --ak-shadow-xs: 0 4px 14px rgba(47, 41, 51, 0.05);
  --ak-shadow-sm: 0 10px 30px rgba(47, 41, 51, 0.07);
  --ak-shadow-md: 0 18px 48px rgba(47, 41, 51, 0.10);
  --ak-shadow-gold: 0 14px 34px rgba(199, 163, 93, 0.23);
  --ak-shadow-lavender: 0 14px 34px rgba(129, 114, 142, 0.15);

  --ak-ease: 220ms cubic-bezier(.2, .75, .25, 1);

  /* EasyOrders palette variables */
  --hd-bg: var(--ak-ivory) !important;
  --hd-text: var(--ak-ink) !important;
  --ann-bg: var(--ak-lavender-deep) !important;
  --ann-text: var(--ak-white) !important;
  --ft-bg: var(--ak-lavender) !important;
  --ft-text: var(--ak-ink) !important;

  --body-bg: var(--ak-ivory) !important;
  --body-text: var(--ak-ink) !important;

  --product-name-text: var(--ak-ink) !important;
  --product-price-text: var(--ak-ink-soft) !important;
  --product-sale-price-text: var(--ak-lavender-deep) !important;

  --input-border: var(--ak-lavender) !important;
  --input-bg: var(--ak-white) !important;
  --input-text: var(--ak-ink) !important;

  --checkout-form-bg: var(--ak-white) !important;
  --checkout-heading-text: var(--ak-ink) !important;

  --buy-btn-bg: var(--ak-lavender-deep) !important;
  --buy-btn-text: var(--ak-white) !important;
  --buy-btn-border: var(--ak-lavender-deep) !important;

  --crt-btn-bg: var(--ak-lavender) !important;
  --crt-btn-text: var(--ak-ink) !important;
  --crt-btn-border: var(--ak-lavender-dark) !important;
}


/* =========================================================
   02. SAFE RESET + TYPOGRAPHY
   ========================================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  background: var(--ak-ivory);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: hidden;
  background: var(--ak-ivory) !important;
  color: var(--ak-ink) !important;
  font-family: "Manrope", "Cairo", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body,
button,
input,
textarea,
select {
  font-family: "Manrope", "Cairo", Arial, sans-serif !important;
}

h1,
h2,
h3,
.display-title,
.hero-title,
.home_section_top_title {
  color: var(--ak-ink);
  font-family: "Cormorant Garamond", "Cairo", Georgia, serif !important;
  font-weight: 650;
}

p {
  color: var(--ak-ink-soft);
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

::selection {
  background: var(--ak-lavender);
  color: var(--ak-ink);
}


/* =========================================================
   03. GLOBAL SURFACES — NO WIDTH OR CONTAINER OVERRIDES
   ========================================================= */

body,
main {
  background:
    radial-gradient(circle at 8% 12%, rgba(207, 198, 217, 0.22), transparent 27rem),
    radial-gradient(circle at 92% 18%, rgba(199, 163, 93, 0.09), transparent 25rem),
    var(--ak-ivory) !important;
}

hr {
  border-color: var(--ak-line) !important;
}

.card,
.panel,
.content-card {
  border-color: var(--ak-line-lavender);
}


/* =========================================================
   04. ANNOUNCEMENT BAR
   ========================================================= */

.announcement-bar,
.announcement_bar,
.announcementBar {
  min-height: 34px !important;
  background:
    linear-gradient(90deg, var(--ak-lavender-deep), var(--ak-lavender-dark), var(--ak-lavender-deep)) !important;
  color: var(--ak-white) !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}

.announcement-bar a,
.announcement_bar a,
.announcementBar a {
  color: var(--ak-white) !important;
}


/* =========================================================
   05. PHOENIX HEADER — VISUAL ONLY, LAYOUT-SAFE
   ========================================================= */

header,
.default_header,
.sphinx_header,
.phoenix-header,
.site-header {
  background: rgba(248, 247, 243, 0.97) !important;
  color: var(--ak-ink) !important;
  border-bottom: 1px solid var(--ak-line-lavender) !important;
  box-shadow: var(--ak-shadow-sm) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.default_header_logo,
.sphinx_header_logo,
.header-logo,
.header_logo,
header [class*="logo"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.default_header_logo img,
.sphinx_header_logo img,
.header-logo img,
.header_logo img,
header [class*="logo"] img {
  width: 190px !important;
  max-width: 190px !important;
  height: 56px !important;
  max-height: 56px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

header a,
.default_header a,
.sphinx_header a,
.phoenix-header a {
  color: var(--ak-ink) !important;
  transition: color var(--ak-ease), opacity var(--ak-ease);
}

header a:hover,
.default_header a:hover,
.sphinx_header a:hover,
.phoenix-header a:hover {
  color: var(--ak-lavender-deep) !important;
}

header button,
.default_header button,
.sphinx_header button,
.phoenix-header button {
  color: var(--ak-ink) !important;
}

header svg,
.default_header svg,
.sphinx_header svg,
.phoenix-header svg {
  stroke: currentColor;
}

header [class*="cart"],
.default_header [class*="cart"],
.sphinx_header [class*="cart"] {
  background: var(--ak-lavender-soft) !important;
  border-color: var(--ak-lavender-dark) !important;
}


/* =========================================================
   06. MOBILE NAV / DRAWER / SEARCH
   ========================================================= */

.mobile-menu,
.mobile_menu,
.menu-drawer,
.menu_drawer,
.search-drawer,
.search_drawer,
.cart-drawer,
.cart_drawer {
  background: var(--ak-ivory) !important;
  color: var(--ak-ink) !important;
  border-color: var(--ak-line-lavender) !important;
}

.mobile-menu a,
.mobile_menu a,
.menu-drawer a,
.menu_drawer a {
  color: var(--ak-ink) !important;
  border-bottom-color: var(--ak-line) !important;
}

.mobile-menu a:hover,
.mobile_menu a:hover,
.menu-drawer a:hover,
.menu_drawer a:hover {
  color: var(--ak-gold-dark) !important;
  background: var(--ak-lavender-wash) !important;
}

.mobile-categories,
.mobile_categories,
.categories-strip,
.categories_strip {
  background: var(--ak-lavender-soft) !important;
  color: var(--ak-ink) !important;
  border-block: 1px solid var(--ak-line-lavender) !important;
}


/* =========================================================
   07. HERO / RUNWAY HERO / SLIDER
   ========================================================= */

.home_slider_container,
.home_slider_card,
.home_slider_slide,
.home_banner,
.hero-section,
.hero_section,
.hero-full-width,
.hero_full_width,
.runway-hero,
.runway_hero {
  border-radius: var(--ak-radius-xl) !important;
}

.home_slider_container,
.home_banner,
.hero-section,
.hero_section,
.hero-full-width,
.hero_full_width,
.runway-hero,
.runway_hero {
  overflow: hidden !important;
  border: 1px solid rgba(207, 198, 217, 0.54) !important;
  box-shadow: var(--ak-shadow-md) !important;
}

.home_slider_container img,
.home_slider_card img,
.home_slider_slide img,
.home_banner img,
.hero-section img,
.hero_section img,
.hero-full-width img,
.hero_full_width img,
.runway-hero img,
.runway_hero img {
  width: 100%;
  object-fit: cover;
}

.hero-content,
.hero_content,
.slider-content,
.slider_content {
  text-shadow: 0 2px 14px rgba(25, 20, 28, 0.18);
}

.hero-content h1,
.hero_content h1,
.slider-content h1,
.slider_content h1 {
  font-family: "Cormorant Garamond", "Cairo", Georgia, serif !important;
  font-weight: 650 !important;
  letter-spacing: .01em;
}

.hero-content a,
.hero_content a,
.slider-content a,
.slider_content a {
  border-radius: var(--ak-pill) !important;
}

.swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  background: var(--ak-lavender-deep) !important;
  opacity: .42 !important;
}

.swiper-pagination-bullet-active {
  width: 26px !important;
  border-radius: var(--ak-pill) !important;
  background: var(--ak-gold) !important;
  opacity: 1 !important;
}

.slider_button,
.slider_buttons_container button,
.swiper-button-next,
.swiper-button-prev {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: rgba(248, 247, 243, 0.94) !important;
  color: var(--ak-ink) !important;
  border: 1px solid var(--ak-line-gold) !important;
  box-shadow: var(--ak-shadow-xs) !important;
}


/* =========================================================
   08. SECTION HEADINGS
   ========================================================= */

.home_section_top_container,
.category_section_header,
.section-heading,
.section_heading {
  margin-bottom: 24px !important;
}

.home_section_top_title,
.category_section_header_title,
.section-heading h2,
.section_heading h2 {
  color: var(--ak-ink) !important;
  font-family: "Cormorant Garamond", "Cairo", Georgia, serif !important;
  font-weight: 650 !important;
  line-height: 1.05 !important;
}

.home_section_top_title::after,
.category_section_header_title::after,
.section-heading h2::after,
.section_heading h2::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin-top: 12px;
  border-radius: var(--ak-pill);
  background:
    linear-gradient(90deg, var(--ak-gold) 0 52%, var(--ak-lavender) 52% 100%);
}


/* =========================================================
   09. CATEGORY MOSAIC / COLLECTION CARDS
   ========================================================= */

.default_category_card,
.category-card,
.category_card,
.category-mosaic-card,
.category_mosaic_card {
  overflow: hidden !important;
  background: var(--ak-white) !important;
  border: 1px solid var(--ak-line-lavender) !important;
  border-radius: var(--ak-radius-lg) !important;
  box-shadow: var(--ak-shadow-sm) !important;
  transition:
    transform var(--ak-ease),
    box-shadow var(--ak-ease),
    border-color var(--ak-ease);
}

.default_category_card:hover,
.category-card:hover,
.category_card:hover,
.category-mosaic-card:hover,
.category_mosaic_card:hover {
  transform: translateY(-5px);
  border-color: var(--ak-line-gold) !important;
  box-shadow: var(--ak-shadow-md) !important;
}

.default_category_card_img,
.category-card-image,
.category_card_image {
  background: var(--ak-lavender-wash) !important;
}

.default_category_card_name,
.category-card-title,
.category_card_title {
  color: var(--ak-ink) !important;
  font-weight: 750 !important;
}


/* =========================================================
   10. SCROLLING MARQUEE — REMOVE THE PINK
   ========================================================= */

.scrolling-marquee,
.scrolling_marquee,
.marquee-section,
.marquee_section,
.marquee-track,
.marquee_track {
  background:
    linear-gradient(90deg, var(--ak-lavender-deep), var(--ak-lavender), var(--ak-lavender-deep)) !important;
  color: var(--ak-white) !important;
  border-color: transparent !important;
}

.scrolling-marquee *,
.scrolling_marquee *,
.marquee-section *,
.marquee_section * {
  color: var(--ak-white) !important;
}


/* =========================================================
   11. PRODUCT CARDS
   ========================================================= */

.default_product_list_card,
.home_products_grid_card,
.products_grid_card,
.category_products_grid_card,
.default_product_featured_card,
.product-card,
.product_card {
  overflow: hidden !important;
  background: var(--ak-white) !important;
  border: 1px solid rgba(207, 198, 217, 0.72) !important;
  border-radius: var(--ak-radius-lg) !important;
  box-shadow: var(--ak-shadow-xs) !important;
  transition:
    transform var(--ak-ease),
    box-shadow var(--ak-ease),
    border-color var(--ak-ease);
}

.default_product_list_card:hover,
.home_products_grid_card:hover,
.products_grid_card:hover,
.category_products_grid_card:hover,
.default_product_featured_card:hover,
.product-card:hover,
.product_card:hover {
  transform: translateY(-6px);
  border-color: var(--ak-line-gold) !important;
  box-shadow: var(--ak-shadow-md) !important;
}

.default_product_featured_card_img,
.default_product_list_card img,
.home_products_grid_card img,
.products_grid_card img,
.category_products_grid_card img,
.product-card img,
.product_card img {
  background: var(--ak-white) !important;
  transition: transform 320ms ease;
}

.default_product_list_card:hover img,
.home_products_grid_card:hover img,
.products_grid_card:hover img,
.category_products_grid_card:hover img,
.product-card:hover img,
.product_card:hover img {
  transform: scale(1.018);
}

.product_name,
.product-name,
.product_card_name,
.product-card-name {
  color: var(--ak-ink) !important;
  font-weight: 750 !important;
  line-height: 1.5 !important;
}

.product_price,
.product-price,
.product_card_price,
.product-card-price {
  color: var(--ak-ink-soft) !important;
  font-weight: 650 !important;
}

.product-price-sale,
.product_price_sale,
.sale-price,
.sale_price {
  color: var(--ak-gold-dark) !important;
  font-weight: 800 !important;
}

del,
.old-price,
.old_price {
  color: var(--ak-muted) !important;
  text-decoration-color: var(--ak-lavender-dark) !important;
}

.sale-badge,
.sale_badge,
.discount-badge,
.discount_badge {
  padding: 7px 12px !important;
  background:
    linear-gradient(135deg, var(--ak-gold), var(--ak-gold-dark)) !important;
  color: var(--ak-white) !important;
  border: 0 !important;
  border-radius: var(--ak-pill) !important;
  box-shadow: var(--ak-shadow-lavender) !important;
  font-weight: 800 !important;
}

.product-card .add-to-cart,
.product_card .add_to_cart,
.default_product_list_card .add_to_cart_btn {
  color: var(--ak-ink) !important;
  border-top-color: var(--ak-line-lavender) !important;
}

.product-card .add-to-cart:hover,
.product_card .add_to_cart:hover,
.default_product_list_card .add_to_cart_btn:hover {
  background: var(--ak-lavender-soft) !important;
}


/* =========================================================
   12. BUTTON SYSTEM
   ========================================================= */

.btn,
.button,
.global_button,
a.button,
a.btn {
  border-radius: var(--ak-pill) !important;
  transition:
    transform var(--ak-ease),
    box-shadow var(--ak-ease),
    background-color var(--ak-ease),
    color var(--ak-ease);
}

.buy-button,
.buy_button,
.checkout_buy_now,
.form_checkout_btn,
.checkout_btn {
  min-height: 54px !important;
  background:
    linear-gradient(135deg, var(--ak-lavender-dark), var(--ak-lavender-deep)) !important;
  color: var(--ak-white) !important;
  border: 1px solid var(--ak-lavender-deep) !important;
  border-radius: var(--ak-pill) !important;
  box-shadow: var(--ak-shadow-lavender) !important;
  font-weight: 800 !important;
}

.buy-button:hover,
.buy_button:hover,
.checkout_buy_now:hover,
.form_checkout_btn:hover,
.checkout_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(129, 114, 142, 0.26) !important;
}

.add_to_cart_btn,
.add-to-cart-btn,
.cart-button,
.cart_button {
  min-height: 52px !important;
  background: var(--ak-lavender) !important;
  color: var(--ak-ink) !important;
  border: 1px solid var(--ak-lavender-dark) !important;
  border-radius: var(--ak-pill) !important;
  box-shadow: var(--ak-shadow-lavender) !important;
  font-weight: 800 !important;
}

.add_to_cart_btn:hover,
.add-to-cart-btn:hover,
.cart-button:hover,
.cart_button:hover {
  background: var(--ak-lavender-dark) !important;
  color: var(--ak-white) !important;
}


/* =========================================================
   13. BEFORE / AFTER
   ========================================================= */

.before-after,
.before_after,
.before-after-slider,
.before_after_slider {
  overflow: hidden !important;
  background: var(--ak-white) !important;
  border: 1px solid var(--ak-line-lavender) !important;
  border-radius: var(--ak-radius-xl) !important;
  box-shadow: var(--ak-shadow-md) !important;
}

.before-after button,
.before_after button,
.before-after-slider button,
.before_after_slider button {
  background: var(--ak-white) !important;
  color: var(--ak-ink) !important;
  border: 1px solid var(--ak-line-gold) !important;
}


/* =========================================================
   14. EDITORIAL + NEWSLETTER — LAVENDER BRAND MOMENT
   ========================================================= */

.editorial-feature,
.editorial_feature {
  background:
    linear-gradient(145deg, var(--ak-lavender-deep), var(--ak-lavender-dark)) !important;
  color: var(--ak-white) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: var(--ak-radius-xl) !important;
  box-shadow: var(--ak-shadow-lavender) !important;
}

.editorial-feature h2,
.editorial_feature h2,
.editorial-feature h3,
.editorial_feature h3,
.editorial-feature p,
.editorial_feature p {
  color: var(--ak-white) !important;
}

.newsletter-section,
.newsletter_section,
.newsletter-block,
.newsletter_block {
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.40), transparent 20rem),
    linear-gradient(145deg, var(--ak-lavender-soft), var(--ak-lavender)) !important;
  color: var(--ak-ink) !important;
  border-top: 2px solid var(--ak-gold) !important;
  border-bottom: 1px solid var(--ak-line-lavender) !important;
}

.newsletter-section h2,
.newsletter_section h2,
.newsletter-block h2,
.newsletter_block h2 {
  color: var(--ak-ink) !important;
}

.newsletter-section input,
.newsletter_section input,
.newsletter-block input,
.newsletter_block input {
  background: rgba(255,255,255,.94) !important;
  color: var(--ak-ink) !important;
  border: 1px solid var(--ak-lavender-dark) !important;
  border-radius: var(--ak-pill) !important;
}

.newsletter-section button,
.newsletter_section button,
.newsletter-block button,
.newsletter_block button {
  background: var(--ak-lavender-deep) !important;
  color: var(--ak-white) !important;
  border-color: var(--ak-lavender-deep) !important;
}


/* =========================================================
   15. FOOTER
   ========================================================= */

.default_footer,
.site-footer,
.main-footer,
footer {
  background:
    radial-gradient(circle at 8% 12%, rgba(255,255,255,.45), transparent 19rem),
    linear-gradient(145deg, var(--ak-lavender-soft), var(--ak-lavender)) !important;
  color: var(--ak-ink) !important;
  border-top: 2px solid var(--ak-gold) !important;
}

.default_footer a,
.site-footer a,
.main-footer a,
footer a {
  color: var(--ak-ink) !important;
}

.default_footer a:hover,
.site-footer a:hover,
.main-footer a:hover,
footer a:hover {
  color: var(--ak-lavender-deep) !important;
}

.default_footer h2,
.default_footer h3,
.site-footer h2,
.site-footer h3,
.main-footer h2,
.main-footer h3,
footer h2,
footer h3 {
  color: var(--ak-ink) !important;
}

.default_footer_social_container a,
.site-footer .social-link,
.main-footer .social-link,
footer .social-link {
  width: 44px !important;
  height: 44px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.62) !important;
  color: var(--ak-ink) !important;
  border: 1px solid rgba(129, 114, 142, 0.27) !important;
  box-shadow: var(--ak-shadow-xs) !important;
  transition:
    transform var(--ak-ease),
    background var(--ak-ease),
    color var(--ak-ease);
}

.default_footer_social_container a:hover,
.site-footer .social-link:hover,
.main-footer .social-link:hover,
footer .social-link:hover {
  transform: translateY(-3px);
  background: var(--ak-lavender-deep) !important;
  color: var(--ak-white) !important;
  border-color: var(--ak-lavender-deep) !important;
}

.default_footer input[type="email"],
.site-footer input[type="email"],
.main-footer input[type="email"],
footer input[type="email"] {
  background: rgba(255,255,255,.94) !important;
  color: var(--ak-ink) !important;
  border: 1px solid var(--ak-lavender-dark) !important;
  border-radius: var(--ak-pill) !important;
}

.footer_store_info,
.footer-store-info,
footer .copyright {
  color: var(--ak-ink-soft) !important;
  border-color: rgba(47,41,51,.10) !important;
}


/* =========================================================
   16. PRODUCT PAGE — GALLERY
   ========================================================= */

.default_product_img,
.default_product_preview_img,
.sphinx_product_img,
.product-gallery,
.product_gallery {
  background: var(--ak-white) !important;
  border: 1px solid rgba(207, 198, 217, 0.66) !important;
  border-radius: var(--ak-radius-xl) !important;
  box-shadow: var(--ak-shadow-sm) !important;
}

.default_product_img img,
.default_product_preview_img img,
.sphinx_product_img img,
.product-gallery img,
.product_gallery img {
  background: var(--ak-white) !important;
  object-fit: contain;
}


/* =========================================================
   17. PRODUCT PAGE — DETAILS / ACTIONS
   ========================================================= */

.product-details,
.product_details,
.product-info,
.product_info,
.product_form_checkout,
.checkout_form,
.checkout-form {
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(207, 198, 217, 0.72) !important;
  border-radius: var(--ak-radius-xl) !important;
  box-shadow: var(--ak-shadow-sm) !important;
}

.product-details h1,
.product_details h1,
.product-info h1,
.product_info h1 {
  color: var(--ak-ink) !important;
  font-family: "Cormorant Garamond", "Cairo", Georgia, serif !important;
  font-weight: 650 !important;
}

.product_description {
  color: var(--ak-ink-soft) !important;
  line-height: 1.9 !important;
}

.quantity_container,
.quantity-container {
  overflow: hidden !important;
  background: var(--ak-white) !important;
  border: 1px solid var(--ak-lavender-dark) !important;
  border-radius: var(--ak-pill) !important;
}

.quantity_btn,
.quantity-btn {
  background: var(--ak-lavender-wash) !important;
  color: var(--ak-ink) !important;
  border: 0 !important;
}

.total_shipping_container,
.total_price_container {
  border-color: var(--ak-line) !important;
}

.total_shipping,
.total_price {
  color: var(--ak-ink) !important;
  font-weight: 800 !important;
}


/* =========================================================
   18. PRODUCT DESCRIPTION / ACCORDIONS / REVIEWS
   ========================================================= */

.product-description,
.product_description_container,
.description-accordion,
.description_accordion,
.accordion-item,
.accordion_item {
  background: rgba(255,255,255,.76) !important;
  color: var(--ak-ink-soft) !important;
  border-color: rgba(207,198,217,.64) !important;
  border-radius: var(--ak-radius-lg) !important;
}

.accordion-title,
.accordion_title,
.accordion-header,
.accordion_header {
  color: var(--ak-ink) !important;
}

.reviews_container,
.reviews_summary,
.user_review,
.review-card,
.review_card {
  background: var(--ak-white) !important;
  border: 1px solid rgba(207,198,217,.66) !important;
  border-radius: var(--ak-radius-lg) !important;
}

.user_review {
  box-shadow: var(--ak-shadow-xs) !important;
}

.user_review_name {
  color: var(--ak-ink) !important;
  font-weight: 750 !important;
}

.user_review_comment {
  color: var(--ak-ink-soft) !important;
  line-height: 1.8 !important;
}


/* =========================================================
   19. FORMS / CHECKOUT
   ========================================================= */

.global_input,
.global_textarea,
.gov_select,
.checkout_form input,
.checkout_form textarea,
.checkout_form select,
.checkout-form input,
.checkout-form textarea,
.checkout-form select {
  min-height: 50px;
  background: var(--ak-white) !important;
  color: var(--ak-ink) !important;
  border: 1px solid var(--ak-lavender) !important;
  border-radius: 14px !important;
  outline: none !important;
  transition:
    border-color var(--ak-ease),
    box-shadow var(--ak-ease);
}

.global_textarea,
.checkout_form textarea,
.checkout-form textarea {
  min-height: 112px;
}

.global_input:focus,
.global_textarea:focus,
.gov_select:focus,
.checkout_form input:focus,
.checkout_form textarea:focus,
.checkout_form select:focus,
.checkout-form input:focus,
.checkout-form textarea:focus,
.checkout-form select:focus {
  border-color: var(--ak-gold) !important;
  box-shadow: 0 0 0 4px rgba(199, 163, 93, 0.14) !important;
}

.checkout_form label,
.checkout-form label {
  color: var(--ak-ink) !important;
  font-weight: 700 !important;
}

.checkout_container,
.checkout_order_summary,
.checkout_cart_items_container {
  background: var(--ak-white) !important;
  border-radius: var(--ak-radius-xl) !important;
}

.checkout_order_summary,
.checkout_cart_items_container {
  border: 1px solid rgba(207,198,217,.66) !important;
  box-shadow: var(--ak-shadow-sm) !important;
}


/* =========================================================
   20. PAYMENT METHODS
   ========================================================= */

.payments_container {
  gap: 12px !important;
}

.payment_card {
  background: var(--ak-white) !important;
  color: var(--ak-ink) !important;
  border: 1px solid rgba(207,198,217,.74) !important;
  border-radius: var(--ak-radius-lg) !important;
  box-shadow: var(--ak-shadow-xs) !important;
}

.payment_card.active,
.payment_card.selected,
.payment_card:has(input:checked) {
  border-color: var(--ak-gold) !important;
  box-shadow: 0 0 0 3px rgba(199,163,93,.14) !important;
}

.radio_circle {
  border-color: var(--ak-lavender-dark) !important;
}

input[type="radio"]:checked + .radio_circle,
.radio_container input:checked ~ .radio_circle {
  border-color: var(--ak-gold) !important;
  background: var(--ak-gold) !important;
}


/* =========================================================
   21. STOCK / VISITORS / URGENCY
   ========================================================= */

.fake_stock_container,
.fake_visitors_container,
.fake_counter_container {
  background: var(--ak-lavender-wash) !important;
  color: var(--ak-ink) !important;
  border: 1px solid var(--ak-line-lavender) !important;
  border-radius: var(--ak-radius-md) !important;
}

.fake_stock_progress {
  background: var(--ak-lavender) !important;
}

.fake_stock_progress > * {
  background:
    linear-gradient(90deg, var(--ak-gold), var(--ak-gold-dark)) !important;
}


/* =========================================================
   22. CUSTOM UI BLOCKS
   ========================================================= */

.ak-brand-signature {
  width: 100%;
  padding: 10px 16px;
  direction: ltr;
  text-align: center;
  background:
    linear-gradient(90deg, var(--ak-lavender-soft), var(--ak-lavender), var(--ak-lavender-soft));
  color: var(--ak-lavender-deep);
  border-block: 1px solid var(--ak-line-gold);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2.4px;
}

.ak-trust-strip {
  width: min(1180px, calc(100% - 32px));
  margin: 18px auto 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.ak-trust-item {
  min-height: 108px;
  padding: 20px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), var(--ak-lavender-wash));
  border: 1px solid var(--ak-line-lavender);
  border-radius: var(--ak-radius-lg);
  box-shadow: var(--ak-shadow-sm);
  text-align: center;
}

.ak-trust-item strong {
  display: block;
  margin-bottom: 7px;
  color: var(--ak-ink);
  font-size: 15px;
  font-weight: 800;
}

.ak-trust-item small {
  color: var(--ak-ink-soft);
  font-size: 12px;
  line-height: 1.7;
}

.ak-order-note {
  margin-bottom: 18px;
  padding: 17px 19px;
  background:
    linear-gradient(135deg, var(--ak-lavender-wash), var(--ak-ivory));
  color: var(--ak-ink);
  border: 1px solid var(--ak-line-lavender);
  border-inline-start: 4px solid var(--ak-gold);
  border-radius: var(--ak-radius-md);
  line-height: 1.8;
}

.ak-after-order {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.ak-after-order > div {
  padding: 12px;
  background: var(--ak-lavender-wash);
  color: var(--ak-ink-soft);
  border: 1px solid var(--ak-line-lavender);
  border-radius: var(--ak-radius-md);
  text-align: center;
  font-size: 12px;
  font-weight: 750;
}

.ak-brand-promise {
  width: min(940px, calc(100% - 32px));
  margin: 46px auto;
  padding: 44px 28px;
  text-align: center;
  background:
    radial-gradient(circle at 10% 15%, rgba(255,255,255,.68), transparent 17rem),
    linear-gradient(145deg, var(--ak-lavender-soft), var(--ak-lavender));
  border: 1px solid var(--ak-line-gold);
  border-radius: var(--ak-radius-xl);
  box-shadow: var(--ak-shadow-md);
}

.ak-brand-promise h2 {
  margin: 0 0 14px;
  color: var(--ak-ink);
  font-family: "Cormorant Garamond", "Cairo", Georgia, serif !important;
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 650;
}

.ak-brand-promise p {
  max-width: 720px;
  margin: 0 auto;
  color: var(--ak-ink-soft);
  line-height: 2;
}

.ak-brand-promise::after {
  content: "";
  display: block;
  width: 84px;
  height: 3px;
  margin: 24px auto 0;
  border-radius: var(--ak-pill);
  background: var(--ak-gold);
}


/* =========================================================
   23. TABLET
   ========================================================= */

@media (max-width: 991px) {
  :root {
    --ak-radius-xl: 24px;
  }

  .default_header_logo img,
  .sphinx_header_logo img,
  .header-logo img,
  .header_logo img,
  header [class*="logo"] img {
    width: 175px !important;
    max-width: 175px !important;
    height: 52px !important;
    max-height: 52px !important;
  }

  .ak-trust-strip {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .ak-trust-item {
    min-height: auto;
    text-align: start;
  }
}


/* =========================================================
   24. MOBILE
   ========================================================= */

@media (max-width: 767px) {
  body,
  main {
    background:
      radial-gradient(circle at 8% 5%, rgba(207,198,217,.26), transparent 18rem),
      var(--ak-ivory) !important;
  }

  .home_slider_container,
  .home_slider_card,
  .home_slider_slide,
  .home_banner,
  .hero-section,
  .hero_section,
  .hero-full-width,
  .hero_full_width,
  .runway-hero,
  .runway_hero {
    border-radius: 20px !important;
  }

  .default_category_card,
  .category-card,
  .category_card,
  .category-mosaic-card,
  .category_mosaic_card,
  .default_product_list_card,
  .home_products_grid_card,
  .products_grid_card,
  .category_products_grid_card,
  .default_product_featured_card,
  .product-card,
  .product_card {
    border-radius: 18px !important;
  }

  .default_product_img,
  .default_product_preview_img,
  .sphinx_product_img,
  .product-gallery,
  .product_gallery,
  .product-details,
  .product_details,
  .product-info,
  .product_info,
  .product_form_checkout,
  .checkout_form,
  .checkout-form {
    border-radius: 20px !important;
  }

  .buy-button,
  .buy_button,
  .checkout_buy_now,
  .form_checkout_btn,
  .checkout_btn,
  .add_to_cart_btn,
  .add-to-cart-btn,
  .cart-button,
  .cart_button {
    min-height: 50px !important;
    font-size: 14px !important;
  }

  .ak-brand-signature {
    padding: 9px 6px;
    font-size: 8px;
    letter-spacing: 1.45px;
  }

  .ak-after-order {
    grid-template-columns: 1fr;
  }

  .ak-brand-promise {
    margin: 30px 14px;
    padding: 34px 18px;
  }

  .ak-brand-promise p {
    line-height: 1.85;
  }
}


/* =========================================================
   25. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {
  .default_header_logo img,
  .sphinx_header_logo img,
  .header-logo img,
  .header_logo img,
  header [class*="logo"] img {
    width: 150px !important;
    max-width: 150px !important;
    height: 46px !important;
    max-height: 46px !important;
  }

  .ak-brand-signature {
    font-size: 7.4px;
    letter-spacing: 1px;
  }
}


/* =========================================================
   26. ACCESSIBILITY
   ========================================================= */

:focus-visible {
  outline: 3px solid rgba(199, 163, 93, 0.42) !important;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}

/* =========================================================
   27. ALVEREA K — LAVENDER-DOMINANT FINAL LAYER
   Gold is now a supporting premium accent only.
   ========================================================= */

:root {
  --ak-primary: var(--ak-lavender-deep);
  --ak-primary-mid: var(--ak-lavender-dark);
  --ak-primary-soft: var(--ak-lavender);
  --ak-primary-wash: var(--ak-lavender-wash);
  --ak-accent: var(--ak-gold);

  --ann-bg: var(--ak-primary) !important;
  --buy-btn-bg: var(--ak-primary) !important;
  --buy-btn-border: var(--ak-primary) !important;
  --product-sale-price-text: var(--ak-primary) !important;
}

/* Announcement */
.announcement-bar,
.announcement_bar,
.announcementBar {
  background:
    linear-gradient(90deg, #776886, var(--ak-primary-mid), #776886) !important;
  color: #FFFFFF !important;
}

/* Header keeps the clean ivory base, with lavender identity details */
header,
.default_header,
.sphinx_header,
.phoenix-header,
.site-header {
  border-bottom-color: rgba(169, 155, 184, .58) !important;
}

header [class*="cart"],
.default_header [class*="cart"],
.sphinx_header [class*="cart"] {
  background:
    linear-gradient(180deg, var(--ak-lavender-soft), var(--ak-lavender)) !important;
  border-color: var(--ak-lavender-dark) !important;
}

/* Hero / slider controls */
.swiper-pagination-bullet-active {
  background: var(--ak-primary) !important;
}

.slider_button:hover,
.slider_buttons_container button:hover,
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: var(--ak-primary) !important;
  color: #FFFFFF !important;
  border-color: var(--ak-primary) !important;
}

/* Section headings: lavender dominates; gold is a small accent */
.home_section_top_title::after,
.category_section_header_title::after,
.section-heading h2::after,
.section_heading h2::after {
  background:
    linear-gradient(
      90deg,
      var(--ak-primary) 0 78%,
      var(--ak-gold) 78% 100%
    ) !important;
}

/* Category and product cards */
.default_category_card,
.category-card,
.category_card,
.category-mosaic-card,
.category_mosaic_card,
.default_product_list_card,
.home_products_grid_card,
.products_grid_card,
.category_products_grid_card,
.default_product_featured_card,
.product-card,
.product_card {
  border-color: rgba(169, 155, 184, .52) !important;
}

.default_category_card:hover,
.category-card:hover,
.category_card:hover,
.category-mosaic-card:hover,
.category_mosaic_card:hover,
.default_product_list_card:hover,
.home_products_grid_card:hover,
.products_grid_card:hover,
.category_products_grid_card:hover,
.default_product_featured_card:hover,
.product-card:hover,
.product_card:hover {
  border-color: var(--ak-primary-mid) !important;
  box-shadow: var(--ak-shadow-lavender) !important;
}

/* Main purchase button = lavender */
.buy-button,
.buy_button,
.checkout_buy_now,
.form_checkout_btn,
.checkout_btn {
  background:
    linear-gradient(135deg, var(--ak-primary-mid), var(--ak-primary)) !important;
  color: #FFFFFF !important;
  border-color: var(--ak-primary) !important;
  box-shadow: var(--ak-shadow-lavender) !important;
}

.buy-button:hover,
.buy_button:hover,
.checkout_buy_now:hover,
.form_checkout_btn:hover,
.checkout_btn:hover {
  background:
    linear-gradient(135deg, var(--ak-primary), #6F617B) !important;
  box-shadow: 0 18px 38px rgba(129, 114, 142, .28) !important;
}

/* Cart button = lighter lavender */
.add_to_cart_btn,
.add-to-cart-btn,
.cart-button,
.cart_button {
  background:
    linear-gradient(180deg, var(--ak-lavender-soft), var(--ak-lavender)) !important;
  color: var(--ak-ink) !important;
  border-color: var(--ak-primary-mid) !important;
}

/* Sale badge stays gold as a premium accent */
.sale-badge,
.sale_badge,
.discount-badge,
.discount_badge {
  background:
    linear-gradient(135deg, var(--ak-gold), var(--ak-gold-dark)) !important;
  color: #FFFFFF !important;
  box-shadow: var(--ak-shadow-gold) !important;
}

/* Sale price becomes lavender; old price remains neutral */
.product-price-sale,
.product_price_sale,
.sale-price,
.sale_price {
  color: var(--ak-primary) !important;
}

/* Before/after */
.before-after,
.before_after,
.before-after-slider,
.before_after_slider {
  border-color: rgba(169, 155, 184, .62) !important;
}

/* Editorial and newsletter */
.editorial-feature,
.editorial_feature {
  background:
    radial-gradient(circle at 14% 18%, rgba(255,255,255,.16), transparent 18rem),
    linear-gradient(145deg, #756681, var(--ak-primary-mid)) !important;
}

.newsletter-section,
.newsletter_section,
.newsletter-block,
.newsletter_block {
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.48), transparent 20rem),
    linear-gradient(145deg, var(--ak-lavender-soft), var(--ak-lavender)) !important;
  border-top-color: var(--ak-primary-mid) !important;
}

.newsletter-section button,
.newsletter_section button,
.newsletter-block button,
.newsletter_block button {
  background: var(--ak-primary) !important;
  border-color: var(--ak-primary) !important;
}

/* Footer = strong lavender brand area */
.default_footer,
.site-footer,
.main-footer,
footer {
  background:
    radial-gradient(circle at 10% 12%, rgba(255,255,255,.48), transparent 20rem),
    linear-gradient(145deg, #EEE9F2, var(--ak-lavender)) !important;
  border-top: 2px solid var(--ak-primary-mid) !important;
}

.default_footer_social_container a:hover,
.site-footer .social-link:hover,
.main-footer .social-link:hover,
footer .social-link:hover {
  background: var(--ak-primary) !important;
  border-color: var(--ak-primary) !important;
}

/* Product page */
.default_product_img,
.default_product_preview_img,
.sphinx_product_img,
.product-gallery,
.product_gallery,
.product-details,
.product_details,
.product-info,
.product_info,
.product_form_checkout,
.checkout_form,
.checkout-form {
  border-color: rgba(169, 155, 184, .58) !important;
}

.quantity_container,
.quantity-container {
  border-color: var(--ak-primary-mid) !important;
}

/* Forms */
.global_input:focus,
.global_textarea:focus,
.gov_select:focus,
.checkout_form input:focus,
.checkout_form textarea:focus,
.checkout_form select:focus,
.checkout-form input:focus,
.checkout-form textarea:focus,
.checkout-form select:focus {
  border-color: var(--ak-primary) !important;
  box-shadow: 0 0 0 4px rgba(129, 114, 142, .14) !important;
}

/* Payment selection */
.payment_card.active,
.payment_card.selected,
.payment_card:has(input:checked) {
  border-color: var(--ak-primary) !important;
  box-shadow: 0 0 0 3px rgba(129,114,142,.15) !important;
}

input[type="radio"]:checked + .radio_circle,
.radio_container input:checked ~ .radio_circle {
  border-color: var(--ak-primary) !important;
  background: var(--ak-primary) !important;
}

/* Custom brand strip */
.ak-brand-signature {
  background:
    linear-gradient(
      90deg,
      var(--ak-lavender-soft),
      var(--ak-lavender),
      var(--ak-lavender-soft)
    ) !important;
  color: var(--ak-primary) !important;
  border-block-color: rgba(169,155,184,.60) !important;
}

/* Brand promise */
.ak-brand-promise {
  background:
    radial-gradient(circle at 10% 15%, rgba(255,255,255,.72), transparent 17rem),
    linear-gradient(145deg, var(--ak-lavender-soft), var(--ak-lavender)) !important;
  border-color: rgba(169,155,184,.58) !important;
}

.ak-brand-promise::after {
  background:
    linear-gradient(90deg, var(--ak-primary) 0 76%, var(--ak-gold) 76% 100%) !important;
}

/* =========================================================
   28. CART DRAWER — CHECKOUT BUTTON
   Phoenix Cosmetics cart drawer override
   ========================================================= */

/*
 * This layer is deliberately scoped to cart drawers / mini carts only.
 * It does not affect quantity controls, product-card buttons, or forms.
 */

.cart_checkout_btn,
.cart-checkout-btn,
.cart_checkout_button,
.cart-checkout-button,
.checkout_cart_btn,
.checkout-cart-btn,
.checkout_cart_button,
.checkout-cart-button,
.mini_cart_checkout,
.mini-cart-checkout,
.side_cart_checkout,
.side-cart-checkout,
[class*="cart" i][class*="drawer" i] [class*="checkout" i],
[class*="cart" i][class*="sidebar" i] [class*="checkout" i],
[class*="mini" i][class*="cart" i] [class*="checkout" i],
[class*="side" i][class*="cart" i] [class*="checkout" i],
[class*="cart" i][class*="drawer" i] a[href*="checkout" i],
[class*="cart" i][class*="sidebar" i] a[href*="checkout" i],
[class*="mini" i][class*="cart" i] a[href*="checkout" i],
[class*="side" i][class*="cart" i] a[href*="checkout" i],
[class*="cart" i][class*="drawer" i] button[aria-label*="checkout" i],
[class*="cart" i][class*="sidebar" i] button[aria-label*="checkout" i],
[class*="mini" i][class*="cart" i] button[aria-label*="checkout" i],
[class*="side" i][class*="cart" i] button[aria-label*="checkout" i],
[class*="cart" i][class*="drawer" i] button[title*="checkout" i],
[class*="cart" i][class*="sidebar" i] button[title*="checkout" i],
[class*="mini" i][class*="cart" i] button[title*="checkout" i],
[class*="side" i][class*="cart" i] button[title*="checkout" i] {
  width: 100% !important;
  min-height: 58px !important;

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

  padding: 14px 24px !important;

  background:
    linear-gradient(
      135deg,
      var(--ak-lavender-dark) 0%,
      var(--ak-lavender-deep) 100%
    ) !important;

  color: #FFFFFF !important;
  border: 1px solid var(--ak-lavender-deep) !important;
  border-radius: var(--ak-pill) !important;

  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 1.7px !important;
  text-align: center !important;
  text-transform: uppercase !important;

  box-shadow:
    0 14px 32px rgba(129, 114, 142, 0.30) !important;

  cursor: pointer !important;

  transition:
    transform var(--ak-ease),
    box-shadow var(--ak-ease),
    background var(--ak-ease),
    border-color var(--ak-ease) !important;
}

.cart_checkout_btn:hover,
.cart-checkout-btn:hover,
.cart_checkout_button:hover,
.cart-checkout-button:hover,
.checkout_cart_btn:hover,
.checkout-cart-btn:hover,
.checkout_cart_button:hover,
.checkout-cart-button:hover,
.mini_cart_checkout:hover,
.mini-cart-checkout:hover,
.side_cart_checkout:hover,
.side-cart-checkout:hover,
[class*="cart" i][class*="drawer" i] [class*="checkout" i]:hover,
[class*="cart" i][class*="sidebar" i] [class*="checkout" i]:hover,
[class*="mini" i][class*="cart" i] [class*="checkout" i]:hover,
[class*="side" i][class*="cart" i] [class*="checkout" i]:hover,
[class*="cart" i][class*="drawer" i] a[href*="checkout" i]:hover,
[class*="cart" i][class*="sidebar" i] a[href*="checkout" i]:hover,
[class*="mini" i][class*="cart" i] a[href*="checkout" i]:hover,
[class*="side" i][class*="cart" i] a[href*="checkout" i]:hover {
  background:
    linear-gradient(
      135deg,
      var(--ak-lavender-deep) 0%,
      #6F617B 100%
    ) !important;

  color: #FFFFFF !important;
  border-color: #6F617B !important;

  transform: translateY(-2px) !important;

  box-shadow:
    0 18px 38px rgba(129, 114, 142, 0.38) !important;
}

.cart_checkout_btn:active,
.cart-checkout-btn:active,
.cart_checkout_button:active,
.cart-checkout-button:active,
.checkout_cart_btn:active,
.checkout-cart-btn:active,
.checkout_cart_button:active,
.checkout-cart-button:active,
.mini_cart_checkout:active,
.mini-cart-checkout:active,
.side_cart_checkout:active,
.side-cart-checkout:active,
[class*="cart" i][class*="drawer" i] [class*="checkout" i]:active,
[class*="cart" i][class*="sidebar" i] [class*="checkout" i]:active,
[class*="mini" i][class*="cart" i] [class*="checkout" i]:active,
[class*="side" i][class*="cart" i] [class*="checkout" i]:active {
  transform: translateY(0) !important;
}

/*
 * Phoenix fallback:
 * Some versions render the checkout control as the final primary action
 * inside the cart footer/summary without an explicit "checkout" class.
 */
:is(
  [class*="cart" i][class*="drawer" i],
  [class*="cart" i][class*="sidebar" i],
  [class*="mini" i][class*="cart" i],
  [class*="side" i][class*="cart" i]
)
:is(
  [class*="footer" i],
  [class*="summary" i],
  [class*="total" i]
)
> :is(a, button, [role="button"]):last-child {
  min-height: 58px !important;

  background:
    linear-gradient(
      135deg,
      var(--ak-lavender-dark) 0%,
      var(--ak-lavender-deep) 100%
    ) !important;

  color: #FFFFFF !important;
  border-color: var(--ak-lavender-deep) !important;
  border-radius: var(--ak-pill) !important;

  font-weight: 800 !important;
  letter-spacing: 1.7px !important;
  text-transform: uppercase !important;

  box-shadow:
    0 14px 32px rgba(129, 114, 142, 0.30) !important;
}

:is(
  [class*="cart" i][class*="drawer" i],
  [class*="cart" i][class*="sidebar" i],
  [class*="mini" i][class*="cart" i],
  [class*="side" i][class*="cart" i]
)
:is(
  [class*="footer" i],
  [class*="summary" i],
  [class*="total" i]
)
> :is(a, button, [role="button"]):last-child:hover {
  background:
    linear-gradient(
      135deg,
      var(--ak-lavender-deep) 0%,
      #6F617B 100%
    ) !important;

  color: #FFFFFF !important;
  border-color: #6F617B !important;

  transform: translateY(-2px) !important;

  box-shadow:
    0 18px 38px rgba(129, 114, 142, 0.38) !important;
}

/* Cart drawer surface and total area */
:is(
  [class*="cart" i][class*="drawer" i],
  [class*="cart" i][class*="sidebar" i],
  [class*="mini" i][class*="cart" i],
  [class*="side" i][class*="cart" i]
) {
  background: var(--ak-ivory-2) !important;
  color: var(--ak-ink) !important;
}

:is(
  [class*="cart" i][class*="drawer" i],
  [class*="cart" i][class*="sidebar" i],
  [class*="mini" i][class*="cart" i],
  [class*="side" i][class*="cart" i]
)
:is(
  [class*="footer" i],
  [class*="summary" i],
  [class*="total" i]
) {
  border-top-color: rgba(169, 155, 184, 0.58) !important;
}

/* Mobile cart checkout */
@media (max-width: 767px) {
  .cart_checkout_btn,
  .cart-checkout-btn,
  .cart_checkout_button,
  .cart-checkout-button,
  .checkout_cart_btn,
  .checkout-cart-btn,
  .checkout_cart_button,
  .checkout-cart-button,
  .mini_cart_checkout,
  .mini-cart-checkout,
  .side_cart_checkout,
  .side-cart-checkout,
  [class*="cart" i][class*="drawer" i] [class*="checkout" i],
  [class*="cart" i][class*="sidebar" i] [class*="checkout" i],
  [class*="mini" i][class*="cart" i] [class*="checkout" i],
  [class*="side" i][class*="cart" i] [class*="checkout" i] {
    min-height: 54px !important;
    padding: 13px 20px !important;
    font-size: 15px !important;
  }
}

/* =========================================================
   29. GUARANTEED CART CHECKOUT BUTTON CLASS
   This class is added by the small Head script in V5.
   ========================================================= */

.ak-cart-checkout-force {
  width: 100% !important;
  min-height: 58px !important;

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

  padding: 14px 24px !important;

  background:
    linear-gradient(
      135deg,
      #A99BB8 0%,
      #81728E 100%
    ) !important;

  background-color: #81728E !important;
  color: #FFFFFF !important;

  border: 1px solid #81728E !important;
  border-radius: 999px !important;

  font-family: "Manrope", "Cairo", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 1.7px !important;
  text-align: center !important;
  text-transform: uppercase !important;

  box-shadow:
    0 14px 32px rgba(129, 114, 142, 0.30) !important;

  opacity: 1 !important;
  filter: none !important;
  cursor: pointer !important;

  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    background 220ms ease !important;
}

.ak-cart-checkout-force:hover {
  background:
    linear-gradient(
      135deg,
      #81728E 0%,
      #6F617B 100%
    ) !important;

  background-color: #6F617B !important;
  color: #FFFFFF !important;

  border-color: #6F617B !important;

  transform: translateY(-2px) !important;

  box-shadow:
    0 18px 38px rgba(129, 114, 142, 0.38) !important;
}

.ak-cart-checkout-force:active {
  transform: translateY(0) !important;
}

@media (max-width: 767px) {
  .ak-cart-checkout-force {
    min-height: 54px !important;
    padding: 13px 20px !important;
    font-size: 15px !important;
  }
}

/* =========================================================
   ALVEREA K — CHECKOUT BUTTON
   CSS only — no JavaScript
   ========================================================= */

button.flex.items-center.justify-center.w-full.bg-skin-primary.text-white[data-translated="true"] {
  background-color: #81728E !important;
  border-color: #81728E !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(129, 114, 142, 0.22) !important;
}

button.flex.items-center.justify-center.w-full.bg-skin-primary.text-white[data-translated="true"]:hover {
  background-color: #6F607D !important;
  border-color: #6F607D !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
}

button.flex.items-center.justify-center.w-full.bg-skin-primary.text-white[data-translated="true"]:active {
  background-color: #5F526B !important;
  border-color: #5F526B !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  transform: translateY(1px);
}

button.flex.items-center.justify-center.w-full.bg-skin-primary.text-white[data-translated="true"]:focus,
button.flex.items-center.justify-center.w-full.bg-skin-primary.text-white[data-translated="true"]:focus-visible {
  outline: 2px solid rgba(129, 114, 142, 0.35) !important;
  outline-offset: 2px !important;
}

/* =========================================================
   ALVEREA K — CATEGORY CARDS CLEANUP
   Hide forced category label + remove dark overlay
   CSS only — no JavaScript
   ========================================================= */

/* إخفاء اسم القسم الصغير الذي يضيفه الثيم */
.ab-categories .ab-cat-content,
.ab-categories .ab-cat-label {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* إزالة طبقة التعتيم فوق صور الأقسام */
.ab-categories .ab-cat-overlay {
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* ضمان ظهور الصورة بألوانها الطبيعية */
.ab-categories .ab-cat-media,
.ab-categories .ab-cat-media img {
  opacity: 1 !important;
  filter: none !important;
}

/* احتياط لو الثيم عامل التعتيم بعناصر وهمية */
.ab-categories .ab-cat-card::before,
.ab-categories .ab-cat-card::after,
.ab-categories .ab-cat-media::before,
.ab-categories .ab-cat-media::after {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* =========================================================
   ALVEREA K — COLLECTION SECTION PREMIUM TRANSITION
   CSS only — no JavaScript
   ========================================================= */

.ab-categories {
  position: relative !important;
  z-index: 2 !important;
  margin-top: -26px !important;
  padding: 46px 18px 44px !important;
  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(207, 198, 217, 0.42) 0%,
      rgba(207, 198, 217, 0.16) 28%,
      rgba(248, 247, 243, 0) 58%
    ),
    linear-gradient(
      180deg,
      #F2EDF6 0%,
      #F8F7F3 38%,
      #F8F7F3 100%
    ) !important;

  border-radius: 30px 30px 0 0 !important;
  border-top: 1px solid rgba(199, 163, 93, 0.32) !important;

  box-shadow:
    0 -16px 38px rgba(129, 114, 142, 0.12) !important;
}

/* خط ذهبي رفيع أعلى القسم */
.ab-categories::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: min(170px, 38vw) !important;
  height: 2px !important;
  transform: translateX(-50%) !important;

  background:
    linear-gradient(
      90deg,
      rgba(199, 163, 93, 0) 0%,
      rgba(199, 163, 93, 0.78) 50%,
      rgba(199, 163, 93, 0) 100%
    ) !important;

  pointer-events: none !important;
}

/* تنسيق منطقة العنوان */
.ab-categories .ab-categories-header {
  position: relative !important;
  z-index: 2 !important;
  max-width: 760px !important;
  margin: 0 auto 28px !important;
  padding: 0 14px !important;
  text-align: center !important;
}

/* سطر صغير فوق العنوان */
.ab-categories .ab-categories-header::before {
  content: "CURATED FOR YOU" !important;
  display: block !important;
  margin-bottom: 8px !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.24em !important;
  color: #81728E !important;
}

/* سطر وصفي أسفل العنوان */
.ab-categories .ab-categories-header::after {
  content: "Explore skincare by category" !important;
  display: block !important;
  margin-top: 8px !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.01em !important;
  color: #746B79 !important;
}

/* عنوان القسم — يغطي أغلب تراكيب Phoenix المحتملة */
.ab-categories .ab-categories-header h1,
.ab-categories .ab-categories-header h2,
.ab-categories .ab-categories-header h3,
.ab-categories .ab-categories-header h4,
.ab-categories .ab-categories-header .section-title,
.ab-categories .ab-categories-header [class*="title"] {
  margin: 0 !important;

  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(34px, 4vw, 50px) !important;
  font-weight: 600 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.02em !important;
  color: #2F2933 !important;
  text-align: center !important;
}

/* الحفاظ على مسافة مريحة بين العنوان والكروت */
.ab-categories .ab-categories-track {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 0 !important;
}

/* تحسين انتقال القسم على الموبايل */
@media (max-width: 767px) {
  .ab-categories {
    margin-top: -18px !important;
    padding: 34px 14px 36px !important;
    border-radius: 24px 24px 0 0 !important;

    background:
      radial-gradient(
        circle at 50% 0%,
        rgba(207, 198, 217, 0.48) 0%,
        rgba(207, 198, 217, 0.17) 34%,
        rgba(248, 247, 243, 0) 64%
      ),
      linear-gradient(
        180deg,
        #F1ECF5 0%,
        #F8F7F3 42%,
        #F8F7F3 100%
      ) !important;
  }

  .ab-categories .ab-categories-header {
    margin-bottom: 22px !important;
    padding: 0 8px !important;
  }

  .ab-categories .ab-categories-header::before {
    margin-bottom: 7px !important;
    font-size: 10px !important;
    letter-spacing: 0.20em !important;
  }

  .ab-categories .ab-categories-header::after {
    margin-top: 6px !important;
    font-size: 12px !important;
  }

  .ab-categories .ab-categories-header h1,
  .ab-categories .ab-categories-header h2,
  .ab-categories .ab-categories-header h3,
  .ab-categories .ab-categories-header h4,
  .ab-categories .ab-categories-header .section-title,
  .ab-categories .ab-categories-header [class*="title"] {
    font-size: 35px !important;
    line-height: 1.05 !important;
  }
}

/* =========================================================
   ALVEREA K — V10 EDITOR'S PICKS
   Seamless transition + premium product section
   CSS only — no JavaScript
   ========================================================= */

/* إزالة أي فراغات تضيفها حاويات EasyOrders بين الأقسام والمنتجات */
.content_container:has(.ab-categories),
.content_container:has(.ab-plist) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* إنهاء قسم الأقسام بنفس الخلفية التي يبدأ بها قسم المنتجات */
.ab-categories {
  margin-bottom: 0 !important;
  padding-bottom: 30px !important;
  border-radius: 30px 30px 0 0 !important;
}

/* سكشن Editor's Picks */
.ab-plist {
  --ab-sale-badge-bg: #81728E !important;
  --ab-sale-badge-text: #FFFFFF !important;
  --ab-product-card-bg: #FFFFFF !important;

  position: relative !important;
  z-index: 2 !important;
  isolation: isolate !important;
  overflow: hidden !important;

  margin: 0 !important;
  padding: 36px 18px 54px !important;

  background:
    radial-gradient(
      circle at 88% 5%,
      rgba(207, 198, 217, 0.30) 0%,
      rgba(207, 198, 217, 0.08) 24%,
      transparent 48%
    ),
    linear-gradient(
      180deg,
      #F8F7F3 0%,
      #F6F2F8 48%,
      #F8F7F3 100%
    ) !important;

  border-top: 1px solid rgba(199, 163, 93, 0.20) !important;
  border-radius: 0 0 30px 30px !important;
}

/* فاصل ذهبي ناعم بدل القطع الأبيض */
.ab-plist::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: min(210px, 46vw) !important;
  height: 2px !important;
  transform: translateX(-50%) !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(199, 163, 93, 0.76) 50%,
      transparent 100%
    ) !important;

  pointer-events: none !important;
}

/* رأس السكشن */
.ab-plist .ab-plist-header {
  position: relative !important;
  z-index: 2 !important;

  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px !important;

  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto 24px !important;
  padding: 0 2px !important;
}

/* عنوان Editor's Picks */
.ab-plist .ab-plist-title {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 11px !important;

  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(33px, 4.2vw, 48px) !important;
  font-weight: 600 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
  color: #2F2933 !important;
}

/* الخط الصغير أسفل العنوان */
.ab-plist .ab-plist-title::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 82px !important;
  height: 2px !important;
  border-radius: 999px !important;

  background:
    linear-gradient(
      90deg,
      #81728E 0%,
      #C7A35D 100%
    ) !important;
}

/* زر View All */
.ab-plist .ab-plist-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-shrink: 0 !important;
}

.ab-plist .ab-plist-actions a,
.ab-plist .ab-plist-actions button {
  min-height: 44px !important;
  padding: 11px 22px !important;

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

  background: rgba(255, 255, 255, 0.72) !important;
  color: #5F526B !important;

  border: 1px solid rgba(129, 114, 142, 0.48) !important;
  border-radius: 999px !important;

  box-shadow: 0 8px 22px rgba(129, 114, 142, 0.08) !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease !important;
}

.ab-plist .ab-plist-actions a:hover,
.ab-plist .ab-plist-actions button:hover {
  transform: translateY(-2px) !important;
  background: #81728E !important;
  color: #FFFFFF !important;
  border-color: #81728E !important;
  box-shadow: 0 12px 26px rgba(129, 114, 142, 0.20) !important;
}

/* مسار المنتجات */
.ab-plist .ab-plist-track {
  position: relative !important;
  z-index: 2 !important;

  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 2px 2px 14px !important;

  gap: 16px !important;
  scroll-padding-inline: 2px !important;
}

/* كارت المنتج — نستهدف العناصر المباشرة داخل المسار فقط */
.ab-plist .ab-plist-track > * {
  overflow: hidden !important;
  background: #FFFFFF !important;

  border: 1px solid rgba(207, 198, 217, 0.76) !important;
  border-radius: 21px !important;

  box-shadow:
    0 10px 28px rgba(47, 41, 51, 0.055),
    0 2px 8px rgba(129, 114, 142, 0.04) !important;

  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease !important;
}

/* صور المنتجات */
.ab-plist .ab-plist-track > * img {
  background: #FFFFFF !important;
  filter: none !important;
  transition: transform 260ms ease !important;
}

/* شارات الخصم */
.ab-plist [class*="sale-badge"],
.ab-plist [class*="sale_badge"],
.ab-plist [class*="discount-badge"],
.ab-plist [class*="discount_badge"] {
  background: #81728E !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 999px !important;

  box-shadow: 0 7px 18px rgba(129, 114, 142, 0.20) !important;

  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
}

/* أزرار الكارت الدائرية مثل إضافة للسلة */
.ab-plist .ab-plist-track > * button {
  color: #5F526B !important;
  background: rgba(248, 247, 243, 0.96) !important;
  border-color: rgba(129, 114, 142, 0.20) !important;

  box-shadow: 0 7px 18px rgba(47, 41, 51, 0.08) !important;
}

.ab-plist .ab-plist-track > * button:hover {
  color: #FFFFFF !important;
  background: #81728E !important;
  border-color: #81728E !important;
}

/* Hover للكمبيوتر فقط */
@media (hover: hover) and (pointer: fine) {
  .ab-plist .ab-plist-track > *:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(199, 163, 93, 0.66) !important;

    box-shadow:
      0 18px 40px rgba(47, 41, 51, 0.09),
      0 5px 16px rgba(129, 114, 142, 0.08) !important;
  }

  .ab-plist .ab-plist-track > *:hover img {
    transform: scale(1.018) !important;
  }
}

/* الموبايل */
@media (max-width: 767px) {
  .ab-categories {
    padding-bottom: 24px !important;
    border-radius: 24px 24px 0 0 !important;
  }

  .ab-plist {
    padding: 30px 14px 40px !important;
    border-radius: 0 0 24px 24px !important;

    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(207, 198, 217, 0.34) 0%,
        rgba(207, 198, 217, 0.10) 28%,
        transparent 52%
      ),
      linear-gradient(
        180deg,
        #F8F7F3 0%,
        #F5F0F7 52%,
        #F8F7F3 100%
      ) !important;
  }

  .ab-plist .ab-plist-header {
    align-items: flex-end !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
  }

  .ab-plist .ab-plist-title {
    padding-bottom: 9px !important;
    font-size: 31px !important;
    line-height: 1.02 !important;
  }

  .ab-plist .ab-plist-title::after {
    width: 64px !important;
  }

  .ab-plist .ab-plist-actions a,
  .ab-plist .ab-plist-actions button {
    min-height: 40px !important;
    padding: 10px 16px !important;
    font-size: 10px !important;
    letter-spacing: 0.09em !important;
  }

  .ab-plist .ab-plist-track {
    gap: 12px !important;
    padding: 2px 1px 12px !important;
  }

  .ab-plist .ab-plist-track > * {
    flex: 0 0 min(76vw, 292px) !important;
    border-radius: 18px !important;
  }
}

/* =========================================================
   ALVEREA K — V11 GLOBAL SITE BACKGROUND
   Soft ivory + dusty lavender atmosphere
   CSS only — no JavaScript
   ========================================================= */

html {
  background-color: #F2EDF5 !important;
}

body {
  color: #2F2933 !important;
  background:
    radial-gradient(
      circle at 8% 6%,
      rgba(207, 198, 217, 0.46) 0%,
      rgba(207, 198, 217, 0.15) 22%,
      transparent 42%
    ),
    radial-gradient(
      circle at 92% 34%,
      rgba(199, 163, 93, 0.10) 0%,
      rgba(199, 163, 93, 0.03) 18%,
      transparent 34%
    ),
    radial-gradient(
      circle at 18% 82%,
      rgba(169, 155, 184, 0.18) 0%,
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #F8F7F3 0%,
      #F4EFF7 38%,
      #F8F7F3 72%,
      #F1ECF4 100%
    ) !important;

  background-attachment: fixed !important;
}

/* جعل الحاويات الأساسية شفافة حتى يظهر التدرج بدون تقطيع */
main.container_class,
main.container_class > div,
.content_container {
  background-color: transparent !important;
}

/* منع ظهور شرائط بيضاء مفاجئة بين السكاشن */
.content_container {
  box-shadow: none !important;
}

/* الحفاظ على وضوح الأقسام التي لها خلفياتها الخاصة */
.ab-categories,
.ab-plist {
  position: relative !important;
}

/* خلفية أخف على الموبايل لتحسين الأداء والوضوح */
@media (max-width: 767px) {
  body {
    background:
      radial-gradient(
        circle at 10% 4%,
        rgba(207, 198, 217, 0.42) 0%,
        rgba(207, 198, 217, 0.13) 26%,
        transparent 48%
      ),
      radial-gradient(
        circle at 92% 44%,
        rgba(199, 163, 93, 0.08) 0%,
        transparent 30%
      ),
      linear-gradient(
        180deg,
        #F8F7F3 0%,
        #F3EEF6 46%,
        #F8F7F3 100%
      ) !important;

    background-attachment: scroll !important;
  }
}

/* =========================================================
   ALVEREA K — V12 TRUST PROMISES
   Premium seamless section + automatic heading
   CSS only — no JavaScript
   ========================================================= */

/* إزالة الفراغات التي تضيفها حاوية EasyOrders حول السكشن */
.content_container:has(.trust-promise__row) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}

/* ربط Editor's Picks بصريًا بالسكشن التالي */
.ab-plist {
  margin-bottom: 0 !important;
  padding-bottom: 38px !important;
  border-radius: 0 !important;
}

/* الغلاف الخارجي لسكشن Trust Promises */
section:has(.trust-promise__row) {
  position: relative !important;
  z-index: 2 !important;
  isolation: isolate !important;
  overflow: hidden !important;

  margin: 0 !important;
  padding: 48px 20px 54px !important;

  background:
    radial-gradient(
      circle at 12% 10%,
      rgba(207, 198, 217, 0.40) 0%,
      rgba(207, 198, 217, 0.13) 28%,
      transparent 52%
    ),
    radial-gradient(
      circle at 90% 88%,
      rgba(199, 163, 93, 0.08) 0%,
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #F6F2F8 0%,
      #F8F7F3 100%
    ) !important;

  border-top: 1px solid rgba(199, 163, 93, 0.20) !important;
  border-bottom: 1px solid rgba(129, 114, 142, 0.10) !important;
}

/* خط ذهبي ناعم أعلى السكشن */
section:has(.trust-promise__row)::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: min(220px, 48vw) !important;
  height: 2px !important;
  transform: translateX(-50%) !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(199, 163, 93, 0.82) 50%,
      transparent 100%
    ) !important;

  pointer-events: none !important;
}

/* شبكة الوعود */
.trust-promise__row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;

  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* العنوان التلقائي فوق الأربع عناصر */
.trust-promise__row::before {
  content: "The Alverea K Standard" !important;
  grid-column: 1 / -1 !important;
  order: -2 !important;

  display: block !important;
  margin: 0 0 8px !important;

  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(36px, 4.5vw, 52px) !important;
  font-weight: 600 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  color: #2F2933 !important;
}

/* وصف السكشن */
.trust-promise__row::after {
  content: "Thoughtful choices, trusted guidance and skincare selected around real skin needs." !important;
  grid-column: 1 / -1 !important;
  order: -1 !important;

  display: block !important;
  max-width: 700px !important;
  margin: 0 auto 24px !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  color: #746B79 !important;
}

/* كل وعد ككارت مستقل */
.trust-promise__item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;

  min-width: 0 !important;
  min-height: 220px !important;
  padding: 24px 18px 22px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.86) 0%,
      rgba(248, 247, 243, 0.72) 100%
    ) !important;

  border: 1px solid rgba(207, 198, 217, 0.86) !important;
  border-radius: 22px !important;

  box-shadow:
    0 12px 30px rgba(47, 41, 51, 0.055),
    0 3px 10px rgba(129, 114, 142, 0.04) !important;

  text-align: center !important;

  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease !important;
}

/* لمسة ذهبية أعلى كل كارت */
.trust-promise__item::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: 56px !important;
  height: 2px !important;
  transform: translateX(-50%) !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      #C7A35D 50%,
      transparent 100%
    ) !important;
}

/* دائرة الأيقونة */
.trust-promise__icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;

  width: 76px !important;
  height: 76px !important;
  margin: 0 !important;
  padding: 10px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.96) 0%,
      rgba(235, 226, 242, 0.92) 100%
    ) !important;

  border: 1px solid rgba(129, 114, 142, 0.30) !important;
  border-radius: 50% !important;

  box-shadow:
    0 9px 22px rgba(129, 114, 142, 0.13),
    inset 0 0 0 3px rgba(255, 255, 255, 0.55) !important;
}

/* تكبير الأيقونة داخل الدائرة */
.trust-promise__icon-wrap img,
.trust-promise__icon-wrap svg,
.trust-promise__icon-wrap picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 58px !important;
  max-height: 58px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
}

/* النص */
.trust-promise__text {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  width: 100% !important;
}

/* عنوان كل وعد */
.trust-promise__title {
  margin: 0 !important;

  font-family: "Cormorant Garamond", serif !important;
  font-size: 21px !important;
  font-weight: 650 !important;
  line-height: 1.14 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: #2F2933 !important;
}

/* وصف كل وعد */
.trust-promise__desc {
  margin: 0 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  color: #746B79 !important;
}

/* Hover للكمبيوتر */
@media (hover: hover) and (pointer: fine) {
  .trust-promise__item:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(199, 163, 93, 0.64) !important;

    box-shadow:
      0 18px 40px rgba(47, 41, 51, 0.085),
      0 5px 16px rgba(129, 114, 142, 0.08) !important;
  }
}

/* التابلت */
@media (max-width: 1023px) {
  .trust-promise__row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* الموبايل */
@media (max-width: 767px) {
  .ab-plist {
    padding-bottom: 30px !important;
  }

  section:has(.trust-promise__row) {
    padding: 36px 14px 42px !important;

    background:
      radial-gradient(
        circle at 0% 0%,
        rgba(207, 198, 217, 0.42) 0%,
        rgba(207, 198, 217, 0.13) 30%,
        transparent 56%
      ),
      linear-gradient(
        180deg,
        #F6F2F8 0%,
        #F8F7F3 100%
      ) !important;
  }

  .trust-promise__row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .trust-promise__row::before {
    margin-bottom: 6px !important;
    font-size: 36px !important;
    line-height: 1.04 !important;
  }

  .trust-promise__row::after {
    margin-bottom: 20px !important;
    padding: 0 8px !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
  }

  .trust-promise__item {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 15px !important;

    min-height: 0 !important;
    padding: 17px 15px !important;
    border-radius: 18px !important;

    text-align: left !important;
  }

  .trust-promise__item::before {
    top: auto !important;
    bottom: 0 !important;
    left: 24px !important;
    width: 48px !important;
    transform: none !important;
  }

  .trust-promise__icon-wrap {
    width: 66px !important;
    height: 66px !important;
    padding: 8px !important;
  }

  .trust-promise__icon-wrap img,
  .trust-promise__icon-wrap svg,
  .trust-promise__icon-wrap picture {
    max-width: 52px !important;
    max-height: 52px !important;
  }

  .trust-promise__text {
    align-items: flex-start !important;
    gap: 5px !important;
  }

  .trust-promise__title {
    font-size: 18px !important;
    line-height: 1.12 !important;
    text-align: left !important;
  }

  .trust-promise__desc {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }
}

/* =========================================================
   ALVEREA K — V13 CATEGORY MOSAIC / SHOP BY CONCERN
   Seamless section + clean image tiles
   CSS only — no JavaScript
   ========================================================= */

/* إزالة الفراغات التي تضيفها حاوية EasyOrders حول السكشن */
.content_container:has(.category-mosaic) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}

/* ربط Trust Promises بالسكشن الجديد */
section:has(.trust-promise__row) {
  margin-bottom: 0 !important;
  padding-bottom: 40px !important;
  border-radius: 0 !important;
}

/* السكشن بالكامل */
.eo-home-section.category-mosaic {
  --mosaic-cols: 2 !important;
  --mosaic-section-bg: #F6F2F8 !important;
  --mosaic-head-title-color: #2F2933 !important;
  --mosaic-head-title-size: 44px !important;
  --mosaic-head-title-weight: 600 !important;
  --mosaic-head-subtitle-color: #746B79 !important;
  --mosaic-head-subtitle-size: 15px !important;
  --mosaic-head-subtitle-weight: 500 !important;

  position: relative !important;
  z-index: 2 !important;
  isolation: isolate !important;
  overflow: hidden !important;

  margin: 0 !important;
  padding: 48px 20px 56px !important;

  background:
    radial-gradient(
      circle at 92% 8%,
      rgba(207, 198, 217, 0.35) 0%,
      rgba(207, 198, 217, 0.10) 28%,
      transparent 54%
    ),
    radial-gradient(
      circle at 8% 86%,
      rgba(199, 163, 93, 0.07) 0%,
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #F8F7F3 0%,
      #F6F2F8 48%,
      #F8F7F3 100%
    ) !important;

  border-top: 1px solid rgba(199, 163, 93, 0.20) !important;
  border-bottom: 1px solid rgba(129, 114, 142, 0.10) !important;
  border-radius: 0 0 30px 30px !important;

  box-shadow:
    0 16px 34px rgba(47, 41, 51, 0.045) !important;
}

/* الخط الذهبي أعلى السكشن */
.eo-home-section.category-mosaic::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: min(220px, 48vw) !important;
  height: 2px !important;
  transform: translateX(-50%) !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(199, 163, 93, 0.82) 50%,
      transparent 100%
    ) !important;

  pointer-events: none !important;
}

/* رأس السكشن */
.eo-home-section.category-mosaic .category-mosaic__head {
  position: relative !important;
  z-index: 2 !important;

  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 30px !important;
  padding: 0 10px !important;

  text-align: center !important;
}

/* العنوان */
.eo-home-section.category-mosaic .category-mosaic__title {
  margin: 0 !important;

  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(36px, 4.7vw, 52px) !important;
  font-weight: 600 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  text-align: center !important;
  color: #2F2933 !important;
}

/* الوصف */
.eo-home-section.category-mosaic .category-mosaic__subtitle {
  max-width: 600px !important;
  margin: 10px auto 0 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  color: #746B79 !important;
}

/* شبكة الصور */
.eo-home-section.category-mosaic .category-mosaic__grid {
  position: relative !important;
  z-index: 2 !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;

  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;

  align-items: stretch !important;
}

/* كارت الصورة */
.eo-home-section.category-mosaic .category-mosaic__grid > * {
  position: relative !important;
  overflow: hidden !important;

  aspect-ratio: 1 / 1 !important;
  min-width: 0 !important;

  background: #FFFFFF !important;
  border: 1px solid rgba(207, 198, 217, 0.80) !important;
  border-radius: 24px !important;

  box-shadow:
    0 13px 32px rgba(47, 41, 51, 0.06),
    0 3px 10px rgba(129, 114, 142, 0.045) !important;

  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease !important;
}

/* الصورة داخل الكارت */
.eo-home-section.category-mosaic .category-mosaic__grid > * img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center !important;

  opacity: 1 !important;
  filter: none !important;

  transition: transform 280ms ease !important;
}

/* إخفاء الاسم والوصف اللذين يضيفهما الثيم فوق الصورة */
.eo-home-section.category-mosaic .category-mosaic__grid h2,
.eo-home-section.category-mosaic .category-mosaic__grid h3,
.eo-home-section.category-mosaic .category-mosaic__grid h4,
.eo-home-section.category-mosaic .category-mosaic__grid p,
.eo-home-section.category-mosaic .category-mosaic__grid .category-mosaic__content,
.eo-home-section.category-mosaic .category-mosaic__grid .category-mosaic__name,
.eo-home-section.category-mosaic .category-mosaic__grid .category-mosaic__line,
.eo-home-section.category-mosaic .category-mosaic__grid .category-mosaic__caption,
.eo-home-section.category-mosaic .category-mosaic__grid [class*="tile-content"],
.eo-home-section.category-mosaic .category-mosaic__grid [class*="tile-title"],
.eo-home-section.category-mosaic .category-mosaic__grid [class*="tile-subtitle"],
.eo-home-section.category-mosaic .category-mosaic__grid [class*="tile-caption"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* إزالة طبقة التعتيم أو الجراديانت التي يضيفها الثيم */
.eo-home-section.category-mosaic .category-mosaic__grid [class*="overlay"] {
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.eo-home-section.category-mosaic .category-mosaic__grid > *::before,
.eo-home-section.category-mosaic .category-mosaic__grid > *::after {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hover على الكمبيوتر */
@media (hover: hover) and (pointer: fine) {
  .eo-home-section.category-mosaic .category-mosaic__grid > *:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(199, 163, 93, 0.66) !important;

    box-shadow:
      0 20px 42px rgba(47, 41, 51, 0.09),
      0 6px 18px rgba(129, 114, 142, 0.08) !important;
  }

  .eo-home-section.category-mosaic .category-mosaic__grid > *:hover img {
    transform: scale(1.018) !important;
  }
}

/* التابلت */
@media (max-width: 1023px) {
  .eo-home-section.category-mosaic {
    padding: 42px 16px 48px !important;
  }

  .eo-home-section.category-mosaic .category-mosaic__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 15px !important;
  }
}

/* الموبايل */
@media (max-width: 767px) {
  section:has(.trust-promise__row) {
    padding-bottom: 30px !important;
  }

  .eo-home-section.category-mosaic {
    --mosaic-cols: 1 !important;

    padding: 36px 14px 42px !important;
    border-radius: 0 0 24px 24px !important;

    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(207, 198, 217, 0.36) 0%,
        rgba(207, 198, 217, 0.11) 30%,
        transparent 56%
      ),
      linear-gradient(
        180deg,
        #F8F7F3 0%,
        #F6F2F8 50%,
        #F8F7F3 100%
      ) !important;
  }

  .eo-home-section.category-mosaic .category-mosaic__head {
    margin-bottom: 22px !important;
    padding: 0 6px !important;
  }

  .eo-home-section.category-mosaic .category-mosaic__title {
    font-size: 36px !important;
    line-height: 1.04 !important;
  }

  .eo-home-section.category-mosaic .category-mosaic__subtitle {
    margin-top: 8px !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
  }

  .eo-home-section.category-mosaic .category-mosaic__grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .eo-home-section.category-mosaic .category-mosaic__grid > * {
    border-radius: 18px !important;
  }
}

/* =========================================================
   ALVEREA K — V14 BUILD YOUR ROUTINE / SHOP THE LOOK
   Seamless section + responsive typography and layout
   CSS only — no JavaScript
   ========================================================= */

/* إزالة فراغات EasyOrders حول السكشن */
.content_container:has(.shop-the-look__head) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}

/* ربط Shop by concern بالسكشن الجديد */
.eo-home-section.category-mosaic {
  margin-bottom: 0 !important;
  padding-bottom: 42px !important;
  border-radius: 0 !important;
}

/* الغلاف الخارجي للسكشن */
section:has(.shop-the-look__head) {
  position: relative !important;
  z-index: 2 !important;
  isolation: isolate !important;
  overflow: hidden !important;

  margin: 0 !important;
  padding: 48px 20px 56px !important;

  background:
    radial-gradient(
      circle at 10% 8%,
      rgba(207, 198, 217, 0.32) 0%,
      rgba(207, 198, 217, 0.10) 28%,
      transparent 54%
    ),
    radial-gradient(
      circle at 92% 88%,
      rgba(199, 163, 93, 0.08) 0%,
      transparent 36%
    ),
    linear-gradient(
      180deg,
      #F8F7F3 0%,
      #F4EEF6 48%,
      #F8F7F3 100%
    ) !important;

  border-top: 1px solid rgba(199, 163, 93, 0.20) !important;
  border-bottom: 1px solid rgba(129, 114, 142, 0.10) !important;
  border-radius: 0 0 30px 30px !important;

  box-shadow:
    0 16px 34px rgba(47, 41, 51, 0.045) !important;
}

/* خط ذهبي أعلى السكشن */
section:has(.shop-the-look__head)::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: min(220px, 48vw) !important;
  height: 2px !important;
  transform: translateX(-50%) !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(199, 163, 93, 0.82) 50%,
      transparent 100%
    ) !important;

  pointer-events: none !important;
}

/* رأس السكشن */
section:has(.shop-the-look__head) .shop-the-look__head {
  position: relative !important;
  z-index: 2 !important;

  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 30px !important;
  padding: 0 10px !important;

  text-align: center !important;
}

/* اللابل الصغير */
section:has(.shop-the-look__head) .shop-the-look__eyebrow {
  display: inline-block !important;
  margin: 0 0 9px !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #81728E !important;
}

/* العنوان */
section:has(.shop-the-look__head) .shop-the-look__title {
  margin: 0 !important;

  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(36px, 4.7vw, 52px) !important;
  font-weight: 600 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  text-align: center !important;
  color: #2F2933 !important;
}

/* الوصف */
section:has(.shop-the-look__head) .shop-the-look__subtitle {
  display: block !important;
  max-width: 620px !important;
  margin: 10px auto 0 !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  color: #746B79 !important;

  opacity: 1 !important;
}

/* اللياوت الرئيسي */
section:has(.shop-the-look__head) .shop-the-look__layout {
  position: relative !important;
  z-index: 2 !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
  gap: 20px !important;
  align-items: stretch !important;

  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* منع العناصر من تجاوز العرض */
section:has(.shop-the-look__head) .shop-the-look__layout > * {
  min-width: 0 !important;
}

/* الكارت الرئيسي */
section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child {
  position: relative !important;
  overflow: hidden !important;

  background: #FFFFFF !important;
  border: 1px solid rgba(207, 198, 217, 0.82) !important;
  border-radius: 24px !important;
  padding: 11px !important;

  box-shadow:
    0 14px 34px rgba(47, 41, 51, 0.065),
    0 3px 10px rgba(129, 114, 142, 0.045) !important;
}

/* الصورة الرئيسية */
section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;

  object-fit: cover !important;
  object-position: center !important;

  border-radius: 18px !important;
  filter: none !important;
}

/* طبقة النص فوق الصورة */
section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child [class*="overlay"],
section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child [class*="content"] {
  border-radius: 18px !important;
}

/* عنوان الكارت الرئيسي */
section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child h2,
section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child h3,
section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child [class*="title"] {
  font-family: "Cormorant Garamond", serif !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
}

/* وصف الكارت الرئيسي */
section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child p,
section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child [class*="caption"] {
  font-family: "Manrope", sans-serif !important;
  color: rgba(255, 255, 255, 0.92) !important;
  line-height: 1.6 !important;
}

/* زر الروتين */
section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child a,
section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child button {
  min-height: 42px !important;
  padding: 11px 20px !important;

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

  background: #81728E !important;
  color: #FFFFFF !important;

  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;

  box-shadow: 0 9px 22px rgba(47, 41, 51, 0.16) !important;

  font-family: "Manrope", sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

/* عمود المنتجات */
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-content: start !important;
}

/* كروت المنتجات */
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child > * {
  position: relative !important;
  overflow: hidden !important;

  min-width: 0 !important;
  background: #FFFFFF !important;

  border: 1px solid rgba(207, 198, 217, 0.82) !important;
  border-radius: 20px !important;

  box-shadow:
    0 10px 26px rgba(47, 41, 51, 0.055),
    0 2px 8px rgba(129, 114, 142, 0.04) !important;

  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease !important;
}

/* صور المنتجات */
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child img {
  display: block !important;
  width: 100% !important;
  height: auto !important;

  object-fit: contain !important;
  background: #FFFFFF !important;
  filter: none !important;
}

/* أسماء المنتجات */
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child h2,
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child h3,
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child h4,
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child [class*="title"],
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child [class*="name"] {
  font-family: "Manrope", sans-serif !important;
  color: #2F2933 !important;
  font-weight: 700 !important;
}

/* السعر الحالي */
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child [class*="price"]:not([class*="old"]):not([class*="compare"]) {
  color: #81728E !important;
  font-weight: 800 !important;
}

/* السعر القديم */
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child del,
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child [class*="old"],
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child [class*="compare"] {
  color: #A89EAA !important;
  font-weight: 500 !important;
}

/* أزرار كروت المنتجات */
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child button,
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child a[class*="button"],
section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child .btn {
  border-radius: 999px !important;
}

/* Hover للكمبيوتر */
@media (hover: hover) and (pointer: fine) {
  section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child > *:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(199, 163, 93, 0.66) !important;

    box-shadow:
      0 18px 38px rgba(47, 41, 51, 0.085),
      0 5px 16px rgba(129, 114, 142, 0.08) !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child a:hover,
  section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child button:hover {
    background: #6F617B !important;
  }
}

/* التابلت */
@media (max-width: 1023px) {
  section:has(.shop-the-look__head) {
    padding: 42px 16px 48px !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__layout {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child img {
    min-height: 380px !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* الموبايل */
@media (max-width: 767px) {
  .eo-home-section.category-mosaic {
    padding-bottom: 30px !important;
  }

  section:has(.shop-the-look__head) {
    padding: 36px 14px 42px !important;
    border-radius: 0 0 24px 24px !important;

    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(207, 198, 217, 0.36) 0%,
        rgba(207, 198, 217, 0.11) 30%,
        transparent 56%
      ),
      linear-gradient(
        180deg,
        #F8F7F3 0%,
        #F4EEF6 50%,
        #F8F7F3 100%
      ) !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__head {
    margin-bottom: 22px !important;
    padding: 0 6px !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__eyebrow {
    margin-bottom: 7px !important;
    font-size: 10px !important;
    letter-spacing: 0.20em !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__title {
    font-size: 36px !important;
    line-height: 1.04 !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__subtitle {
    margin-top: 8px !important;
    padding: 0 6px !important;

    font-size: 12.5px !important;
    line-height: 1.65 !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__layout {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child {
    padding: 8px !important;
    border-radius: 20px !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__layout > *:first-child img {
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 15px !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  section:has(.shop-the-look__head) .shop-the-look__layout > *:last-child > * {
    border-radius: 18px !important;
  }
}

/* =========================================================
   ALVEREA K — V15 FORCE PRODUCT BUY BUTTON LABEL
   Visually standardize every checkout button as BUY NOW
   CSS only — no JavaScript
   ========================================================= */

/*
 * نخفي النص الأصلي داخل زر الشراء فقط، ثم نعرض BUY NOW.
 * الزر يظل يعمل بصورة طبيعية، والتعديل لا يغيّر Add to cart.
 */
.p_details_container button.checkout_btn,
.p_details_container .checkout_btn,
button.checkout_btn {
  position: relative !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  color: transparent !important;
}

/* النص الموحد */
.p_details_container button.checkout_btn::after,
.p_details_container .checkout_btn::after,
button.checkout_btn::after {
  content: "BUY NOW" !important;

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

  font-family: "Manrope", "Jost", sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;

  color: #FFFFFF !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* الحفاظ على وضوح النص في جميع الحالات */
.p_details_container button.checkout_btn:hover::after,
.p_details_container button.checkout_btn:focus::after,
.p_details_container button.checkout_btn:active::after,
.p_details_container .checkout_btn:hover::after,
.p_details_container .checkout_btn:focus::after,
.p_details_container .checkout_btn:active::after {
  color: #FFFFFF !important;
}

/* الموبايل */
@media (max-width: 767px) {
  .p_details_container button.checkout_btn::after,
  .p_details_container .checkout_btn::after,
  button.checkout_btn::after {
    font-size: 13px !important;
    letter-spacing: 0.055em !important;
  }
}

/* =========================================================
   ALVEREA K — V16 PRODUCT DESCRIPTION BLOCKS
   Why It Made the Cut
   ========================================================= */

.ak-product-story,
.ak-product-story * {
  box-sizing: border-box !important;
}

.ak-product-story {
  position: relative !important;
  overflow: hidden !important;

  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 30px 18px 22px !important;

  background:
    radial-gradient(
      circle at 92% 8%,
      rgba(207, 198, 217, 0.28) 0%,
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #F8F7F3 0%,
      #F6F2F8 100%
    ) !important;

  border: 1px solid rgba(207, 198, 217, 0.88) !important;
  border-radius: 24px !important;

  box-shadow:
    0 12px 30px rgba(47, 41, 51, 0.055) !important;

  color: #2F2933 !important;
}

.ak-product-story::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;

  width: 150px !important;
  height: 2px !important;
  transform: translateX(-50%) !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      #C7A35D 50%,
      transparent 100%
    ) !important;
}

.ak-product-story__head {
  display: block !important;
  width: 100% !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  text-align: center !important;
}

.ak-product-story__eyebrow {
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;

  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #81728E !important;
}

.ak-product-story__title {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  color: #2F2933 !important;
}

.ak-product-story__intro {
  display: block !important;
  max-width: 620px !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;

  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  text-align: center !important;
  color: #746B79 !important;
}

.ak-product-story__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ak-product-story__card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;

  min-width: 0 !important;
  min-height: 188px !important;
  margin: 0 !important;
  padding: 18px 14px !important;

  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(207, 198, 217, 0.82) !important;
  border-radius: 18px !important;

  box-shadow:
    0 8px 20px rgba(47, 41, 51, 0.035) !important;

  text-align: center !important;
}

.ak-product-story__number {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;

  width: 44px !important;
  height: 44px !important;
  margin: 0 auto 11px !important;
  padding: 0 !important;

  background: #EFE8F4 !important;
  border: 1px solid rgba(129, 114, 142, 0.30) !important;
  border-radius: 50% !important;

  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #81728E !important;
}

.ak-product-story__card-title {
  display: block !important;
  width: 100% !important;
  margin: 0 0 7px !important;
  padding: 0 !important;

  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.16 !important;
  text-align: center !important;
  color: #2F2933 !important;
}

.ak-product-story__card-text {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  text-align: center !important;
  color: #746B79 !important;
}

.ak-product-story__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}

.ak-product-story__tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

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

  background: #FFFFFF !important;
  border: 1px solid rgba(199, 163, 93, 0.40) !important;
  border-radius: 999px !important;

  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  color: #5E5368 !important;
}

/* منع قواعد الثيم من تكسير عناصر وصف المنتج */
.p_details_container .ak-product-story h2,
.p_details_container .ak-product-story h3,
.p_details_container .ak-product-story p,
.p_details_container .ak-product-story div,
.p_details_container .ak-product-story span {
  float: none !important;
  clear: none !important;
  text-indent: 0 !important;
}

/* الموبايل */
@media (max-width: 767px) {
  .ak-product-story {
    padding: 27px 14px 18px !important;
    border-radius: 20px !important;
  }

  .ak-product-story__head {
    margin-bottom: 18px !important;
  }

  .ak-product-story__eyebrow {
    font-size: 10px !important;
    letter-spacing: 0.15em !important;
  }

  .ak-product-story__title {
    font-size: 29px !important;
  }

  .ak-product-story__intro {
    font-size: 13px !important;
    line-height: 1.75 !important;
  }

  .ak-product-story__grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .ak-product-story__card {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 4px !important;

    align-items: center !important;
    min-height: 0 !important;
    padding: 15px 14px !important;

    text-align: left !important;
  }

  .ak-product-story__number {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;

    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  .ak-product-story__card-title {
    grid-column: 2 !important;
    grid-row: 1 !important;

    margin: 0 !important;
    font-size: 19px !important;
    text-align: left !important;
  }

  .ak-product-story__card-text {
    grid-column: 2 !important;
    grid-row: 2 !important;

    font-size: 11.5px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }

  .ak-product-story__tags {
    gap: 6px !important;
    margin-top: 15px !important;
  }

  .ak-product-story__tag {
    padding: 7px 10px !important;
    font-size: 10px !important;
  }
}

/* =========================================================
   ALVEREA K — V19 SAFE PRODUCT PAGE
   هدف النسخة:
   1) الحفاظ على تخطيط EasyOrders الأصلي على الكمبيوتر والموبايل
   2) عدم لمس الهيدر أو الـ Landing Page sections
   3) إعادة تشغيل سحب صور المنتج و scroll-snap
   4) توحيد الألوان والكروت بدون JavaScript
   ========================================================= */

/* صفحة المنتج فقط — بدون تغيير display أو position للحاويات الرئيسية */
#product-id {
  background: #F8F7F3 !important;
  color: #2F2933 !important;
}

#product-id,
#product-id * {
  box-sizing: border-box;
}

/* =========================================================
   01. PRODUCT GALLERY CARD — scoped to p_gallery_container
   ========================================================= */

#product-id .p_gallery_container {
  position: relative !important;
  width: 100% !important;

  background: #FFFFFF !important;
  border: 1px solid rgba(207, 198, 217, 0.82) !important;
  border-radius: 24px !important;

  box-shadow: 0 12px 32px rgba(47, 41, 51, 0.06) !important;
  overflow: hidden !important;
}

#product-id .p_gallery_container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 4 !important;

  width: 130px !important;
  height: 2px !important;
  transform: translateX(-50%) !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    #C7A35D 50%,
    transparent 100%
  ) !important;

  pointer-events: none !important;
}

/* مهم: لا نطبق هذه القواعد على Gallery الخاصة بالـLanding Page */
#product-id .p_gallery_container .ab-gallery {
  width: 100% !important;
  overflow: hidden !important;
}

/* استعادة السحب الأفقي والسلايدر */
#product-id .p_gallery_container .ab-gallery-track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  overscroll-behavior-x: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: auto !important;
  overscroll-behavior-y: auto !important;

  scrollbar-width: none !important;
}

#product-id .p_gallery_container .ab-gallery-track::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

#product-id .p_gallery_container .ab-gallery-slide {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;

  scroll-snap-align: start !important;
  scroll-snap-stop: always !important;

  background: #FFFFFF !important;
  overflow: hidden !important;
}

#product-id .p_gallery_container .ab-gallery-media {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;

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

  background: #FFFFFF !important;
  object-fit: contain !important;
  object-position: center !important;

  user-select: none !important;
  -webkit-user-drag: none !important;
}

/* نقاط السلايدر — تغيير اللون فقط بدون كسر منطق EasyOrders */
#product-id .p_gallery_container .ab-gallery-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  min-height: 30px !important;
  margin: 8px 0 4px !important;
  padding: 0 !important;
}

#product-id .p_gallery_container .ab-gallery-dots > * {
  background-color: #CFC6D9 !important;
  border-color: #CFC6D9 !important;
  opacity: 0.72 !important;
}

#product-id .p_gallery_container .ab-gallery-dots > *.active,
#product-id .p_gallery_container .ab-gallery-dots > *[aria-current="true"],
#product-id .p_gallery_container .ab-gallery-dots > *[data-active="true"],
#product-id .p_gallery_container .ab-gallery-dots > [class*="bg-skin-primary"] {
  background-color: #81728E !important;
  border-color: #81728E !important;
  opacity: 1 !important;
}

/* =========================================================
   02. PRODUCT DETAILS — no layout override
   ========================================================= */

#product-id .p_details_container {
  position: relative !important;

  width: 100% !important;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.97) 0%,
    rgba(248, 247, 243, 0.96) 100%
  ) !important;

  border: 1px solid rgba(207, 198, 217, 0.82) !important;
  border-radius: 24px !important;

  box-shadow: 0 12px 32px rgba(47, 41, 51, 0.06) !important;

  color: #2F2933 !important;
  overflow: hidden !important;
}

#product-id .p_details_container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;

  width: 130px !important;
  height: 2px !important;
  transform: translateX(-50%) !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    #C7A35D 50%,
    transparent 100%
  ) !important;

  pointer-events: none !important;
}

#product-id .p_details_container h1,
#product-id .p_details_container h2 {
  font-family: "Cormorant Garamond", "Cairo", Georgia, serif !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.015em !important;
  color: #2F2933 !important;
}

#product-id .p_details_container p {
  font-family: Manrope, Cairo, Arial, sans-serif !important;
  color: #746B79 !important;
}

/* الأسعار */
#product-id .p_details_container [class*="price"]:not([class*="old"]):not([class*="compare"]),
#product-id .p_details_container .text-skin-primary {
  color: #81728E !important;
}

#product-id .p_details_container del,
#product-id .p_details_container s,
#product-id .p_details_container [class*="old-price"],
#product-id .p_details_container [class*="old_price"],
#product-id .p_details_container [class*="compare"] {
  color: #A89EAA !important;
  text-decoration-color: #A99BB8 !important;
}

/* حقول واختيارات المنتج */
#product-id .p_details_container input,
#product-id .p_details_container select,
#product-id .p_details_container textarea {
  background: #FFFFFF !important;
  color: #2F2933 !important;
  border-color: rgba(169, 155, 184, 0.72) !important;
  border-radius: 13px !important;
}

#product-id .p_details_container input:focus,
#product-id .p_details_container select:focus,
#product-id .p_details_container textarea:focus {
  outline: none !important;
  border-color: #81728E !important;
  box-shadow: 0 0 0 3px rgba(129, 114, 142, 0.12) !important;
}

/* زر Add to cart — نغير المظهر فقط */
#product-id .p_details_container button[class~="bg-skin-primary"]:not(.checkout_btn),
#product-id .p_details_container .add_to_cart_btn,
#product-id .p_details_container .add-to-cart-btn {
  background: linear-gradient(135deg, #EEE8F3 0%, #DCD2E5 100%) !important;
  color: #2F2933 !important;

  border: 1px solid rgba(129, 114, 142, 0.52) !important;
  border-radius: 999px !important;

  box-shadow: 0 8px 20px rgba(129, 114, 142, 0.12) !important;
}

/* زر الشراء الرئيسي */
#product-id .p_details_container .checkout_btn {
  background: linear-gradient(135deg, #9584A3 0%, #81728E 100%) !important;
  color: transparent !important;

  border: 1px solid #81728E !important;
  border-radius: 999px !important;

  box-shadow: 0 12px 26px rgba(129, 114, 142, 0.22) !important;
}

#product-id .p_details_container .checkout_btn:hover {
  background: linear-gradient(135deg, #8B7899 0%, #70617D 100%) !important;
}

/* =========================================================
   03. FIXED BUY BAR
   ========================================================= */

#product-id .ab-fixed-buy {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(207, 198, 217, 0.90) !important;
  border-radius: 22px !important;

  box-shadow: 0 14px 38px rgba(47, 41, 51, 0.15) !important;

  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  overflow: hidden !important;
}

#product-id .ab-fixed-buy-product,
#product-id .ab-fixed-buy-price {
  color: #2F2933 !important;
}

#product-id .ab-fixed-buy-btn {
  background: linear-gradient(135deg, #9584A3 0%, #81728E 100%) !important;
  color: #FFFFFF !important;

  border: 1px solid #81728E !important;
  border-radius: 999px !important;

  box-shadow: 0 8px 20px rgba(129, 114, 142, 0.20) !important;
}

/* =========================================================
   04. RESPONSIVE POLISH
   لا نغيّر grid أو sticky أو top spacing الخاص بالثيم
   ========================================================= */

@media (min-width: 1024px) {
  #product-id .p_gallery_container,
  #product-id .p_details_container {
    border-radius: 28px !important;
  }
}

@media (max-width: 767px) {
  #product-id .p_gallery_container,
  #product-id .p_details_container {
    border-radius: 22px !important;
  }

  #product-id .p_gallery_container .ab-gallery-dots {
    min-height: 26px !important;
    margin-top: 6px !important;
  }

  #product-id .p_details_container h1,
  #product-id .p_details_container h2 {
    font-size: 31px !important;
  }

  #product-id .p_details_container p {
    font-size: 13px !important;
    line-height: 1.78 !important;
  }

  #product-id .ab-fixed-buy {
    border-radius: 20px !important;
  }
}

/* =========================================================
   ALVEREA K — V20 GALLERY + DESCRIPTION POLISH
   Safe additions on top of V19
   - Does not change desktop layout
   - Does not change the header
   - Does not touch landing-page galleries
   ========================================================= */

/* ---------------------------------------------------------
   01. PRODUCT GALLERY DOTS
   Active state is supplied by the small scoped head script.
   --------------------------------------------------------- */

#product-id .p_gallery_container .ab-gallery-track {
  cursor: grab !important;
}

#product-id .p_gallery_container .ab-gallery-track:active {
  cursor: grabbing !important;
}

#product-id .p_gallery_container .ab-gallery-dots {
  gap: 7px !important;
  min-height: 34px !important;
  margin: 5px 0 3px !important;
}

#product-id .p_gallery_container .ab-gallery-dots > * {
  display: block !important;
  flex: 0 0 auto !important;

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

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

  background: #D9D1E1 !important;
  border: 0 !important;
  border-radius: 999px !important;

  box-shadow: none !important;
  opacity: 1 !important;

  cursor: pointer !important;

  transition:
    width 0.22s ease,
    background-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease !important;
}

/* Current slide: elegant lavender pill */
#product-id .p_gallery_container
.ab-gallery-dots > [data-ak-active="true"],
#product-id .p_gallery_container
.ab-gallery-dots > *.active,
#product-id .p_gallery_container
.ab-gallery-dots > *[aria-current="true"],
#product-id .p_gallery_container
.ab-gallery-dots > *[data-active="true"] {
  width: 28px !important;
  min-width: 28px !important;

  background:
    linear-gradient(
      90deg,
      #A99BB8 0%,
      #81728E 100%
    ) !important;

  box-shadow:
    0 4px 10px rgba(129, 114, 142, 0.24) !important;

  transform: translateY(-1px) !important;
}

/* Keyboard accessibility */
#product-id .p_gallery_container
.ab-gallery-dots > *:focus-visible {
  outline: 2px solid #C7A35D !important;
  outline-offset: 4px !important;
}

/* ---------------------------------------------------------
   02. REMOVE EMPTY SPACE INSIDE PRODUCT DESCRIPTION
   --------------------------------------------------------- */

#product-id details,
#product-id details[open],
#product-id .product-description,
#product-id .product_description_container,
#product-id .description-accordion,
#product-id .description_accordion {
  height: auto !important;
  min-height: 0 !important;
}

#product-id details[open] > div,
#product-id .product-description > div,
#product-id .product_description_container > div,
#product-id .description-accordion > div,
#product-id .description_accordion > div {
  height: auto !important;
  min-height: 0 !important;
}

/* Quill/editor containers used by EasyOrders descriptions */
#product-id details[open] .ql-editor,
#product-id .product-description .ql-editor,
#product-id .product_description_container .ql-editor {
  display: block !important;

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

  padding-bottom: 0 !important;
  gap: 0 !important;
}

/* Remove empty paragraphs or editor rows after uploaded images */
#product-id details[open] .ql-editor > p:empty,
#product-id details[open] .ql-editor > p:has(> br:only-child),
#product-id details[open] .ql-editor > div:empty,
#product-id .product-description .ql-editor > p:empty,
#product-id .product-description .ql-editor > p:has(> br:only-child),
#product-id .product-description .ql-editor > div:empty,
#product-id .product_description_container .ql-editor > p:empty,
#product-id .product_description_container .ql-editor > p:has(> br:only-child),
#product-id .product_description_container .ql-editor > div:empty {
  display: none !important;
}

/* Uploaded description images remain flush and responsive */
#product-id details[open] .ql-editor img,
#product-id .product-description .ql-editor img,
#product-id .product_description_container .ql-editor img {
  display: block !important;

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

  margin: 0 !important;
}

/* No trailing margin after the final description element */
#product-id details[open] .ql-editor > *:last-child,
#product-id .product-description .ql-editor > *:last-child,
#product-id .product_description_container .ql-editor > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ---------------------------------------------------------
   03. REDUCE THE OUTER GAP BEFORE FAQ / LANDING SECTIONS
   Only wrappers that actually contain the FAQ are affected.
   --------------------------------------------------------- */

#product-id [class*="py-12"]:has(.szh-accordion),
#product-id [class*="sm:py-16"]:has(.szh-accordion),
#product-id div:has(> div .szh-accordion) {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

@media (min-width: 1024px) {
  #product-id [class*="py-12"]:has(.szh-accordion),
  #product-id [class*="sm:py-16"]:has(.szh-accordion),
  #product-id div:has(> div .szh-accordion) {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  #product-id .p_gallery_container .ab-gallery-dots {
    min-height: 30px !important;
    margin-top: 4px !important;
  }

  #product-id .p_gallery_container .ab-gallery-dots > * {
    width: 7px !important;
    min-width: 7px !important;
    height: 7px !important;
    min-height: 7px !important;
  }

  #product-id .p_gallery_container
  .ab-gallery-dots > [data-ak-active="true"],
  #product-id .p_gallery_container
  .ab-gallery-dots > *.active,
  #product-id .p_gallery_container
  .ab-gallery-dots > *[aria-current="true"],
  #product-id .p_gallery_container
  .ab-gallery-dots > *[data-active="true"] {
    width: 25px !important;
    min-width: 25px !important;
  }

  #product-id [class*="py-12"]:has(.szh-accordion),
  #product-id [class*="sm:py-16"]:has(.szh-accordion),
  #product-id div:has(> div .szh-accordion) {
    padding-top: 16px !important;
    padding-bottom: 18px !important;
  }
}

/* =========================================================
   ALVEREA K — V24 PRODUCT GALLERY VERTICAL SCROLL FIX
   Allows page scrolling while the pointer/finger is over
   the product gallery. Horizontal slider remains native.
   ========================================================= */

#product-id .p_gallery_container .ab-gallery,
#product-id .p_gallery_container .ab-gallery-track,
#product-id .p_gallery_container .ab-gallery-slide,
#product-id .p_gallery_container .ab-gallery-media {
  touch-action: auto !important;
}

#product-id .p_gallery_container .ab-gallery-track {
  overscroll-behavior-x: contain !important;
  overscroll-behavior-y: auto !important;
}

/*
 * Prevent decorative layers from catching touch or wheel
 * gestures over the product image.
 */
#product-id .p_gallery_container::before,
#product-id .p_gallery_container::after,
#product-id .p_gallery_container
.ab-gallery-slide::before,
#product-id .p_gallery_container
.ab-gallery-slide::after {
  pointer-events: none !important;
}


/* ALVEREA K — V25 PRECISION CHECKOUT */

body:has(.checkout_form) {
  min-height: 100vh !important;
  background:
    radial-gradient(circle at 6% 9%, rgba(207,198,217,.20) 0%, transparent 24rem),
    radial-gradient(circle at 94% 12%, rgba(199,163,93,.07) 0%, transparent 22rem),
    #F8F7F3 !important;
  color: #2F2933 !important;
}

body:has(.checkout_form) .app_container,
body:has(.checkout_form) .checkout_bg_right,
body:has(.checkout_form) .checkout_bg_left {
  background: transparent !important;
}

body:has(.checkout_form) .checkout_container:not(.checkout_form) {
  width: min(100%, 1160px) !important;
  max-width: 1160px !important;
  margin-inline: auto !important;
  padding: 30px 18px 52px !important;
  align-items: start !important;
  gap: 28px !important;
}

body:has(.checkout_form) .checkout_order_summary,
body:has(.checkout_form) .checkout_form {
  position: relative !important;
  overflow: visible !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(253,252,250,.99) 100%) !important;
  border: 1px solid rgba(207,198,217,.88) !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 38px rgba(47,41,51,.065) !important;
}

body:has(.checkout_form) .checkout_order_summary::before,
body:has(.checkout_form) .checkout_form::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: 135px !important;
  height: 2px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent 0%, #C7A35D 50%, transparent 100%) !important;
}

body:has(.checkout_form) .checkout_form > .mx-auto:has(.ql-editor) {
  display: none !important;
}

body:has(.checkout_form) .checkout_form,
body:has(.checkout_form) .checkout_form > section,
body:has(.checkout_form) .checkout_form > div {
  min-height: 0 !important;
  height: auto !important;
}

body:has(.checkout_form) .checkout_form {
  display: block !important;
}

body:has(.checkout_form) .checkout_order_summary h2,
body:has(.checkout_form) .contact-info-heading h2,
body:has(.checkout_form) .checkout_form section h2,
body:has(.checkout_form) .checkout_form section h3 {
  margin-top: 0 !important;
  color: #2F2933 !important;
  font-family: "Cormorant Garamond", "Cairo", Georgia, serif !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  letter-spacing: -.012em !important;
}

body:has(.checkout_form) .checkout_order_summary h2 {
  margin-bottom: 18px !important;
  font-size: clamp(30px, 3vw, 42px) !important;
}

body:has(.checkout_form) .contact-info-heading h2 {
  max-width: 620px !important;
  margin-bottom: 24px !important;
  font-size: clamp(29px, 2.7vw, 40px) !important;
}

body:has(.checkout_form) .checkout_order_summary,
body:has(.checkout_form) .checkout_form,
body:has(.checkout_form) .checkout_order_summary *,
body:has(.checkout_form) .checkout_form * {
  font-family: Manrope, Cairo, Arial, sans-serif;
  letter-spacing: 0;
}

body:has(.checkout_form) .checkout_order_summary h2,
body:has(.checkout_form) .contact-info-heading h2,
body:has(.checkout_form) .checkout_form section h2,
body:has(.checkout_form) .checkout_form section h3 {
  font-family: "Cormorant Garamond", "Cairo", Georgia, serif !important;
}

body:has(.checkout_form) .checkout_cart_items_container {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

body:has(.checkout_form) .checkout_cart_items_container > li {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  border-color: rgba(207,198,217,.66) !important;
}

body:has(.checkout_form) .checkout_cart_items_container > li:first-child {
  padding-top: 0 !important;
}

body:has(.checkout_form) .checkout_cart_items_container img {
  display: block !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(207,198,217,.72) !important;
  border-radius: 13px !important;
  object-fit: contain !important;
}

body:has(.checkout_form) .checkout_cart_items_container h3,
body:has(.checkout_form) .checkout_cart_items_container a,
body:has(.checkout_form) .checkout_cart_items_container p {
  color: #2F2933 !important;
  font-family: Manrope, Cairo, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
}

body:has(.checkout_form) .checkout_cart_items_container button {
  min-width: 32px !important;
  min-height: 32px !important;
  color: #746B79 !important;
  background: transparent !important;
  border-color: rgba(169,155,184,.48) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body:has(.checkout_form) .checkout_order_summary dl {
  margin-top: 20px !important;
}

body:has(.checkout_form) .checkout_order_summary dl > div {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  color: #4E4654 !important;
}

body:has(.checkout_form) .checkout_order_summary dl > div:last-child {
  margin-top: 14px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(207,198,217,.78) !important;
}

body:has(.checkout_form) .checkout_order_summary dl > div:last-child dt,
body:has(.checkout_form) .checkout_order_summary dl > div:last-child dd {
  color: #2F2933 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

body:has(.checkout_form) .checkout_order_summary dd,
body:has(.checkout_form) .checkout_order_summary [class*="price"],
body:has(.checkout_form) .checkout_order_summary [class*="total"] {
  color: #81728E !important;
  font-weight: 800 !important;
}

body:has(.checkout_form) .checkout_form section {
  margin: 0 !important;
  padding: 0 !important;
}

body:has(.checkout_form) .checkout_form section + section {
  margin-top: 28px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(207,198,217,.72) !important;
}

body:has(.checkout_form) .contact-info-heading > .mt-3,
body:has(.checkout_form) .checkout_form section > .mt-3,
body:has(.checkout_form) .checkout_form section > .mb-1 {
  margin-top: 15px !important;
}

body:has(.checkout_form) .checkout_form label {
  display: block !important;
  margin-bottom: 7px !important;
  color: #4E4654 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

body:has(.checkout_form) .checkout_form input:not([type="radio"]):not([type="checkbox"]),
body:has(.checkout_form) .checkout_form textarea {
  width: 100% !important;
  min-height: 52px !important;
  padding: 13px 15px !important;
  color: #2F2933 !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(169,155,184,.62) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}

body:has(.checkout_form) .checkout_form textarea {
  min-height: 118px !important;
  resize: vertical !important;
}

body:has(.checkout_form) .checkout_form input::placeholder,
body:has(.checkout_form) .checkout_form textarea::placeholder {
  color: #AAA1AD !important;
  opacity: 1 !important;
}

body:has(.checkout_form) .checkout_form input:not([type="radio"]):not([type="checkbox"]):focus,
body:has(.checkout_form) .checkout_form textarea:focus {
  outline: none !important;
  border-color: #81728E !important;
  box-shadow: 0 0 0 3px rgba(129,114,142,.11) !important;
}

body:has(.checkout_form) .gov_select {
  width: 100% !important;
  direction: rtl !important;
  font-family: Cairo, Manrope, Arial, sans-serif !important;
}

body:has(.checkout_form) .gov_select .select__control {
  min-height: 52px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(169,155,184,.62) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body:has(.checkout_form) .gov_select .select__control:hover {
  border-color: #A99BB8 !important;
}

body:has(.checkout_form) .gov_select .select__control--is-focused {
  border-color: #81728E !important;
  box-shadow: 0 0 0 3px rgba(129,114,142,.11) !important;
}

body:has(.checkout_form) .gov_select .select__value-container {
  padding: 4px 14px !important;
}

body:has(.checkout_form) .gov_select .select__single-value,
body:has(.checkout_form) .gov_select .select__placeholder,
body:has(.checkout_form) .gov_select .select__input-container {
  margin: 0 !important;
  color: #2F2933 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body:has(.checkout_form) .gov_select .select__indicator-separator {
  background: rgba(207,198,217,.85) !important;
}

body:has(.checkout_form) .gov_select .select__dropdown-indicator {
  color: #81728E !important;
}

body:has(.checkout_form) .gov_select .select__menu {
  z-index: 9999 !important;
  overflow: hidden !important;
  margin-top: 7px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(207,198,217,.88) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 36px rgba(47,41,51,.14) !important;
}

body:has(.checkout_form) .gov_select .select__menu-list {
  padding: 6px !important;
}

body:has(.checkout_form) .gov_select .select__option {
  padding: 11px 12px !important;
  color: #4E4654 !important;
  background: #FFFFFF !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  cursor: pointer !important;
}

body:has(.checkout_form) .gov_select .select__option--is-focused {
  color: #2F2933 !important;
  background: #F6F2F8 !important;
}

body:has(.checkout_form) .gov_select .select__option--is-selected {
  color: #FFFFFF !important;
  background: #81728E !important;
}

body:has(.checkout_form) .checkout_form > .fixed.bottom-0.left-0.right-0 {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:has(.checkout_form) .checkout_form > .fixed.bottom-0.left-0.right-0 > div {
  width: 100% !important;
}

body:has(.checkout_form) .checkout_buy_now {
  width: 100% !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 16px 26px !important;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #9584A3 0%, #81728E 100%) !important;
  border: 1px solid #81728E !important;
  border-radius: 999px !important;
  box-shadow: 0 13px 29px rgba(129,114,142,.23) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body:has(.checkout_form) .checkout_buy_now:hover {
  background: linear-gradient(135deg, #8B7899 0%, #70617D 100%) !important;
  box-shadow: 0 17px 34px rgba(129,114,142,.28) !important;
  transform: translateY(-1px) !important;
}

@media (min-width: 1024px) {
  body:has(.checkout_form) .checkout_order_summary {
    position: sticky !important;
    top: 106px !important;
    align-self: start !important;
  }
}

@media (max-width: 767px) {
  body:has(.checkout_form) .checkout_container:not(.checkout_form) {
    padding: 18px 9px calc(28px + env(safe-area-inset-bottom,0px)) !important;
    gap: 15px !important;
  }

  body:has(.checkout_form) .checkout_order_summary,
  body:has(.checkout_form) .checkout_form {
    padding: 20px 16px !important;
    border-radius: 21px !important;
    box-shadow: 0 10px 28px rgba(47,41,51,.055) !important;
  }

  body:has(.checkout_form) .checkout_order_summary h2 {
    margin-bottom: 14px !important;
    font-size: 29px !important;
  }

  body:has(.checkout_form) .contact-info-heading h2 {
    margin-bottom: 20px !important;
    font-size: 28px !important;
  }

  body:has(.checkout_form) .checkout_cart_items_container > li {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }

  body:has(.checkout_form) .checkout_form input:not([type="radio"]):not([type="checkbox"]),
  body:has(.checkout_form) .checkout_form textarea,
  body:has(.checkout_form) .gov_select .select__control {
    min-height: 50px !important;
  }

  body:has(.checkout_form) .checkout_buy_now {
    min-height: 54px !important;
    font-size: 14px !important;
  }
}

@keyframes akCheckoutCardIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

body:has(.checkout_form) .checkout_order_summary,
body:has(.checkout_form) .checkout_form {
  animation: akCheckoutCardIn .42s ease both !important;
}

body:has(.checkout_form) .checkout_form {
  animation-delay: .06s !important;
}

@media (prefers-reduced-motion: reduce) {
  body:has(.checkout_form) .checkout_order_summary,
  body:has(.checkout_form) .checkout_form {
    animation: none !important;
  }
}

/* =========================================================
   ALVEREA K — V26 CHECKOUT FORM RESTORE
   Fixes V25 hiding the form wrapper.
   ========================================================= */

/* Restore the wrapper that contains both the editor and form sections */
body:has(.checkout_form)
.checkout_form > .mx-auto:has(.ql-editor) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

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

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

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

/* Hide only the unwanted rich-text/editor content */
body:has(.checkout_form)
.checkout_form .ql-editor {
  display: none !important;
}

/* Explicitly restore the actual customer-information sections */
body:has(.checkout_form)
.checkout_form .contact-info-heading,
body:has(.checkout_form)
.checkout_form section {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

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

/* Restore all direct field groups */
body:has(.checkout_form)
.checkout_form .contact-info-heading > div {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

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

/* Keep the submit area in normal document flow */
body:has(.checkout_form)
.checkout_form > .fixed.bottom-0.left-0.right-0 {
  display: block !important;
  position: static !important;

  inset: auto !important;
  width: 100% !important;

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

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

/* =========================================================
   ALVEREA K — V27 CHECKOUT FIELD FIX
   Fixes governorate select alignment and checkout button flow
   ========================================================= */

/* ---------------------------------------------------------
   01. GOVERNORATE SELECT
   --------------------------------------------------------- */

/*
 * Keep React Select's structural direction LTR so the
 * dropdown arrow stays on the right and never collides
 * with the selected Arabic value.
 */
body:has(.checkout_form)
.gov_select {
  direction: ltr !important;
}

/* Selected Arabic text remains RTL and right-aligned */
body:has(.checkout_form)
.gov_select .select__value-container {
  direction: rtl !important;
  text-align: right !important;

  padding-right: 14px !important;
  padding-left: 8px !important;
}

body:has(.checkout_form)
.gov_select .select__single-value,
body:has(.checkout_form)
.gov_select .select__placeholder,
body:has(.checkout_form)
.gov_select .select__input-container {
  direction: rtl !important;
  text-align: right !important;
}

/* Keep the dropdown controls isolated on the right */
body:has(.checkout_form)
.gov_select .select__indicators {
  direction: ltr !important;
  flex: 0 0 auto !important;
}

/* Hide the decorative building icon inside the value area only */
body:has(.checkout_form)
.gov_select .select__value-container svg,
body:has(.checkout_form)
.gov_select .select__single-value svg {
  display: none !important;
}

/* Preserve the actual dropdown arrow */
body:has(.checkout_form)
.gov_select .select__dropdown-indicator,
body:has(.checkout_form)
.gov_select .select__dropdown-indicator svg {
  display: flex !important;
  color: #81728E !important;
}

/* ---------------------------------------------------------
   02. COMPLETE ORDER BUTTON
   --------------------------------------------------------- */

/*
 * The EasyOrders fixed button wrapper is nested inside the
 * contact section, not directly under the form.
 */
body:has(.checkout_form)
.checkout_form .fixed.bottom-0.left-0.right-0 {
  position: static !important;

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

  z-index: auto !important;

  display: block !important;
  clear: both !important;

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

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

  background: transparent !important;

  border: 0 !important;
  box-shadow: none !important;

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

/* Remove the nested maximum-width wrapper */
body:has(.checkout_form)
.checkout_form .fixed.bottom-0.left-0.right-0 > div {
  width: 100% !important;
  max-width: none !important;

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

/* Ensure the address field fully owns its vertical space */
body:has(.checkout_form)
.checkout_form label[for="address"] + .relative,
body:has(.checkout_form)
.checkout_form textarea[name="address"] {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  height: auto !important;
  min-height: 118px !important;

  margin-bottom: 0 !important;

  float: none !important;
  clear: both !important;
}

/* Button remains below the address field */
body:has(.checkout_form)
.checkout_form textarea[name="address"]
~ .fixed.bottom-0.left-0.right-0 {
  margin-top: 22px !important;
}

/* Make sure the final button itself has no negative positioning */
body:has(.checkout_form)
.checkout_buy_now {
  position: relative !important;

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

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

  transform: none;
}

body:has(.checkout_form)
.checkout_buy_now:hover {
  transform: translateY(-1px) !important;
}

/* Mobile spacing */
@media (max-width: 767px) {
  body:has(.checkout_form)
  .checkout_form .fixed.bottom-0.left-0.right-0 {
    margin-top: 18px !important;
  }

  body:has(.checkout_form)
  .checkout_form textarea[name="address"] {
    min-height: 112px !important;
  }
}

/* =========================================================
   ALVEREA K — V28 CHECKOUT HEADER CLEARANCE
   Keeps Order Summary fully below the demo bar and header
   ========================================================= */

/* Desktop and tablet */
body:has(.checkout_form)
.checkout_container:not(.checkout_form) {
  padding-top: 126px !important;
}

/* Mobile */
@media (max-width: 767px) {
  body:has(.checkout_form)
  .checkout_container:not(.checkout_form) {
    padding-top: 118px !important;
  }
}

/* Very small screens */
@media (max-width: 390px) {
  body:has(.checkout_form)
  .checkout_container:not(.checkout_form) {
    padding-top: 114px !important;
  }
}

/* =========================================================
   ALVEREA K — V30 TEMPLATE SECTION SPACING — CORRECTED
   Product-page landing-template wrappers only.
   Important: pseudo-classes stay attached to the wrapper,
   so gallery children are never given section padding.
   ========================================================= */

#product-id {
  --ak-section-space-mobile: 10px;
  --ak-section-space-desktop: 16px;
}

/* Correct outer wrappers — no whitespace before :not() */
#product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="py-12"]:not(.product_container):not(:has(.p_content_container)):not(:has(.p_details_container)),
#product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="sm:py-16"]:not(.product_container):not(:has(.p_content_container)):not(:has(.p_details_container)) {
  height: auto !important;
  min-height: 0 !important;

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

  padding-top: var(--ak-section-space-mobile) !important;
  padding-bottom: var(--ak-section-space-mobile) !important;
}

/* Inner template containers */
#product-id .content_container:has(.szh-accordion),
#product-id .content_container:has([class*="carousel"]),
#product-id .content_container:has([class*="slider"]),
#product-id .content_container:has(section) {
  height: auto !important;
  min-height: 0 !important;

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

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Empty builder placeholders */
#product-id .content_container:empty,
#product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="py-12"]:empty {
  display: none !important;
}

/* Template section roots */
#product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="py-12"] > section,
#product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="py-12"] > div > section,
#product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="sm:py-16"] > section,
#product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="sm:py-16"] > div > section {
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="py-12"] > :first-child,
#product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="sm:py-16"] > :first-child {
  margin-top: 0 !important;
}

#product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="py-12"] > :last-child,
#product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="sm:py-16"] > :last-child {
  margin-bottom: 0 !important;
}

/* Description to first landing section */
#product-id details,
#product-id details[open],
#product-id .product-description,
#product-id .product_description_container,
#product-id .description-accordion,
#product-id .description_accordion {
  margin-bottom: 0 !important;
}

/* Landing FAQ/carousel roots */
#product-id .szh-accordion,
#product-id [class*="carousel"]:not(.ab-gallery),
#product-id [class*="slider"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Explicitly restore the native product gallery */
#product-id .product_container,
#product-id .p_content_container,
#product-id .p_gallery_container,
#product-id .ab-gallery,
#product-id .ab-gallery-track,
#product-id .ab-gallery-slide,
#product-id .ab-gallery-media,
#product-id .ab-gallery-dots {
  min-height: 0 !important;
}

#product-id .ab-gallery,
#product-id .ab-gallery-track,
#product-id .ab-gallery-slide {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Keep only the gallery card's intended internal padding */
#product-id .p_gallery_container {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Product section keeps normal compact spacing */
#product-id .product_container {
  padding-top: 22px !important;
  padding-bottom: 30px !important;
}

@media (min-width: 768px) {
  #product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="py-12"]:not(.product_container):not(:has(.p_content_container)):not(:has(.p_details_container)),
  #product-id div[class~="mx-auto"][class~="max-w-2xl"][class~="sm:py-16"]:not(.product_container):not(:has(.p_content_container)):not(:has(.p_details_container)) {
    padding-top: var(--ak-section-space-desktop) !important;
    padding-bottom: var(--ak-section-space-desktop) !important;
  }

  #product-id .product_container {
    padding-top: 34px !important;
    padding-bottom: 48px !important;
  }

  #product-id .p_gallery_container {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}


/* =========================================================
   ALVEREA K — V32 HEADER CATEGORIES
   Scoped to EasyOrders header category navigation only
   ========================================================= */

/* Category strip */
#eo-header .ab-header-category {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  width: 100% !important;
  min-height: 48px !important;

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

  overflow-x: auto !important;
  overflow-y: hidden !important;

  background:
    linear-gradient(
      180deg,
      rgba(248, 247, 243, 0.98) 0%,
      rgba(246, 242, 248, 0.98) 100%
    ) !important;

  border-top:
    1px solid rgba(207, 198, 217, 0.55) !important;
  border-bottom:
    1px solid rgba(207, 198, 217, 0.82) !important;

  box-shadow:
    0 8px 20px rgba(47, 41, 51, 0.055) !important;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;

  scroll-behavior: smooth !important;
  scroll-snap-type: x proximity !important;

  -webkit-overflow-scrolling: touch !important;
}

#eo-header .ab-header-category::-webkit-scrollbar {
  display: none !important;
}

/* Category chips */
#eo-header .ab-header-category > a {
  position: relative !important;

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

  min-height: 32px !important;

  margin: 0 !important;
  padding: 7px 13px !important;

  color: #746B79 !important;
  background: rgba(255, 255, 255, 0.90) !important;

  border:
    1px solid rgba(207, 198, 217, 0.92) !important;
  border-radius: 999px !important;

  box-shadow:
    0 4px 12px rgba(47, 41, 51, 0.035) !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  letter-spacing: 0.045em !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  scroll-snap-align: start !important;

  transition:
    color 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease !important;

  -webkit-tap-highlight-color: transparent !important;
}

/* Hover */
#eo-header .ab-header-category > a:hover {
  color: #81728E !important;

  background:
    linear-gradient(
      180deg,
      #F6F2F8 0%,
      #FFFFFF 100%
    ) !important;

  border-color:
    rgba(129, 114, 142, 0.58) !important;

  box-shadow:
    0 7px 16px rgba(129, 114, 142, 0.10) !important;

  transform: translateY(-1px) !important;
}

/* Active/current category */
#eo-header .ab-header-category > a[aria-current="page"],
#eo-header .ab-header-category > a.active,
#eo-header .ab-header-category > a[data-active="true"] {
  color: #2F2933 !important;

  background:
    linear-gradient(
      135deg,
      #EEE8F3 0%,
      #F8F7F3 100%
    ) !important;

  border-color: #C7A35D !important;

  box-shadow:
    0 7px 17px rgba(129, 114, 142, 0.12) !important;
}

/* Gold active detail */
#eo-header .ab-header-category > a[aria-current="page"]::after,
#eo-header .ab-header-category > a.active::after,
#eo-header .ab-header-category > a[data-active="true"]::after {
  content: "" !important;

  position: absolute !important;
  right: 14px !important;
  bottom: 3px !important;
  left: 14px !important;

  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      #C7A35D 50%,
      transparent 100%
    ) !important;

  border-radius: 999px !important;
}

/* Tap state */
#eo-header .ab-header-category > a:active {
  transform: scale(0.97) !important;
}

/* Desktop */
@media (min-width: 768px) {
  #eo-header .ab-header-category {
    justify-content: center !important;

    min-height: 52px !important;

    padding-top: 8px !important;
    padding-bottom: 9px !important;
  }

  #eo-header .ab-header-category > a {
    min-height: 34px !important;

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

    font-size: 12px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  #eo-header .ab-header-category {
    justify-content: flex-start !important;

    gap: 7px !important;

    min-height: 45px !important;

    padding: 6px 10px 7px !important;
  }

  #eo-header .ab-header-category > a {
    min-height: 31px !important;

    padding: 7px 12px !important;

    font-size: 10px !important;
    letter-spacing: 0.035em !important;
  }
}

/* =========================================================
   ALVEREA K — V33 REFINED HEADER TABS
   Replaces bulky category chips with one elegant tab bar
   ========================================================= */

/* One integrated bar under the main header */
#eo-header .ab-header-category {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 3px !important;

  width: calc(100% - 24px) !important;
  max-width: 760px !important;
  min-height: 42px !important;

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

  overflow: hidden !important;

  background:
    rgba(248, 247, 243, 0.96) !important;

  border:
    1px solid rgba(207, 198, 217, 0.82) !important;
  border-radius: 16px !important;

  box-shadow:
    0 8px 20px rgba(47, 41, 51, 0.07) !important;

  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;

  scroll-snap-type: none !important;
}

/* Slim text tabs instead of separate large pills */
#eo-header .ab-header-category > a {
  position: relative !important;

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

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

  margin: 0 !important;
  padding: 7px 3px !important;

  overflow: hidden !important;

  color: #746B79 !important;
  background: transparent !important;

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

  box-shadow: none !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 9.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  letter-spacing: 0.015em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;

  transform: none !important;

  transition:
    color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease !important;
}

/* Elegant hover */
#eo-header .ab-header-category > a:hover {
  color: #81728E !important;
  background: rgba(239, 232, 244, 0.72) !important;

  border: 0 !important;
  box-shadow: none !important;

  transform: none !important;
}

/* Active state when EasyOrders provides it */
#eo-header .ab-header-category > a[aria-current="page"],
#eo-header .ab-header-category > a.active,
#eo-header .ab-header-category > a[data-active="true"] {
  color: #2F2933 !important;

  background:
    linear-gradient(
      180deg,
      #EEE8F3 0%,
      #F6F2F8 100%
    ) !important;

  border: 0 !important;

  box-shadow:
    inset 0 0 0 1px rgba(129, 114, 142, 0.18) !important;
}

/* Small gold active line */
#eo-header .ab-header-category > a[aria-current="page"]::after,
#eo-header .ab-header-category > a.active::after,
#eo-header .ab-header-category > a[data-active="true"]::after {
  content: "" !important;

  position: absolute !important;
  right: 18% !important;
  bottom: 3px !important;
  left: 18% !important;

  height: 2px !important;

  background: #C7A35D !important;
  border-radius: 999px !important;
}

/* Correct visual order */
#eo-header
.ab-header-category
> a[href*="/collections/all-products" i] {
  order: 1 !important;
}

#eo-header
.ab-header-category
> a[href*="/collections/cleanser" i] {
  order: 2 !important;
}

#eo-header
.ab-header-category
> a[href*="/collections/serum" i] {
  order: 3 !important;
}

#eo-header
.ab-header-category
> a[href*="/collections/creame" i],
#eo-header
.ab-header-category
> a[href*="/collections/cream" i] {
  order: 4 !important;
}

#eo-header
.ab-header-category
> a[href*="/collections/sun" i] {
  order: 5 !important;
}

/* Correct the typo CREAME visually */
#eo-header
.ab-header-category
> a[href*="/collections/creame" i] {
  font-size: 0 !important;
}

#eo-header
.ab-header-category
> a[href*="/collections/creame" i]::before {
  content: "CREAMS" !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 9.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.015em !important;

  color: inherit !important;
}

/* Remove any old chip active decoration from V32 */
#eo-header
.ab-header-category
> a[href*="/collections/creame" i]::after {
  display: none;
}

/* Mobile */
@media (max-width: 767px) {
  #eo-header .ab-header-category {
    width: calc(100% - 20px) !important;
    min-height: 41px !important;

    margin-top: 3px !important;
    padding: 4px 3px !important;

    border-radius: 14px !important;
  }

  #eo-header .ab-header-category > a {
    min-height: 31px !important;

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

    font-size: 8.7px !important;
    letter-spacing: 0 !important;
  }

  #eo-header
  .ab-header-category
  > a[href*="/collections/creame" i]::before {
    font-size: 8.7px !important;
    letter-spacing: 0 !important;
  }
}

/* Small mobile */
@media (max-width: 380px) {
  #eo-header .ab-header-category {
    width: calc(100% - 14px) !important;
    gap: 1px !important;

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

  #eo-header .ab-header-category > a {
    font-size: 8px !important;
  }

  #eo-header
  .ab-header-category
  > a[href*="/collections/creame" i]::before {
    font-size: 8px !important;
  }
}

/* Desktop */
@media (min-width: 768px) {
  #eo-header .ab-header-category {
    min-height: 46px !important;
    padding: 5px !important;
  }

  #eo-header .ab-header-category > a {
    min-height: 34px !important;
    font-size: 11px !important;
  }

  #eo-header
  .ab-header-category
  > a[href*="/collections/creame" i]::before {
    font-size: 11px !important;
  }
}

/* =========================================================
   ALVEREA K — V37 DIRECT PRODUCT HEADER FIX
   The product page starts at #product-id, not main.container_class.
   The V37 script calculates the real announcement + header height.
   ========================================================= */

#product-id {
  box-sizing: border-box !important;

  padding-top:
    var(--ak-product-header-offset, 126px) !important;

  scroll-margin-top:
    var(--ak-product-header-offset, 126px) !important;
}

/* Keep only a small natural internal space */
#product-id .product_container {
  padding-top: 10px !important;
}

/* Avoid any older header-clearance rules affecting descendants */
#product-id .p_content_container,
#product-id .p_gallery_container,
#product-id .p_details_container {
  scroll-margin-top:
    var(--ak-product-header-offset, 126px) !important;
}

@media (min-width: 768px) {
  #product-id {
    padding-top:
      var(--ak-product-header-offset, 136px) !important;
  }

  #product-id .product_container {
    padding-top: 14px !important;
  }
}