/* ==========================================================================
   AGARTHARA MODERN SKINCARE & CREATIVE ECOMMERCE DESIGN (v3.0)
   - Full-width sections & native scroll-snap carousels
   - 36px white circular slider arrows on the left/right sides of all sliders
   - Compact header without Top bar, Currency switcher in menu bar, minimal outline icons
   - Title-case menu items
   - Quick View removed on product hover
   - Crisp SVG payment method icons in footer
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --ag-blush: #dfa19c;
  --ag-blush-hover: #ce8983;
  --ag-blush-dark: #a8645f;
  --ag-blush-soft: #fbf0ee;
  --ag-blush-card: #faeae7;
  --ag-cream-bg: #fffcfb;
  --ag-text-dark: #231f20;
  --ag-text-body: #5a5250;
  --ag-text-muted: #8c827f;
  --ag-gold: #e6ac44;
  --ag-border: #f0e2df;
  --ag-font-serif: 'Playfair Display', Georgia, serif;
  --ag-font-sans: 'Plus Jakarta Sans', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* --- Global Reset & Strict Width Protection --- */
html,
body {
  background-color: var(--ag-cream-bg) !important;
  color: var(--ag-text-dark);
  font-family: var(--ag-font-sans) !important;
  max-width: 100%;
  overflow-x: hidden !important;
}

#page {
  overflow-x: hidden !important;
  width: 100%;
}

body#index .columns-container {
  background-color: var(--ag-cream-bg) !important;
  padding-top: 12px !important;
  padding-bottom: 50px !important;
}

body#index #columns.container {
  padding-top: 0 !important;
}

body#product #page #columns,
body#category #page #columns,
body.not-index #page #columns {
  padding-top: 32px !important;
}

.product-title .comments_note,
.pb-center-column .product-title .comments_note {
  display: none !important;
}

/* Hide legacy homepage blocks replaced by our modern layout */
body#index #rev_slider_1_1_wrapper,
body#index .fw-pseudo-wrapper-slider,
body#index #iqitcontentcreator .iqitcontent-element-id-36,
body#index #editorial_block_center,
body#index .ybc_block_latest.page_home {
  display: none !important;
}

/* ==========================================================================
   HEADER, NAVIGATION MENU, CURRENCY SWITCHER & MINIMAL OUTLINE ICONS
   ========================================================================== */

/* Completely hide legacy Top section (.banner, .nav) and extra nav links */
header .banner,
header .nav,
#header #header_links,
#header .bt_compare,
#header .wishlist_top_link {
  display: none !important;
}

.header-container {
  background: #ffffff !important;
  border-bottom: 1px solid var(--ag-border) !important;
  box-shadow: 0 2px 18px rgba(190, 140, 135, 0.06);
}

.header-container .container-header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Reduce height of the header/menu section */
#header #desktop-header {
  padding: 6px 0 !important;
  min-height: 56px !important;
}

#header #desktop-header .inline-table {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

#header #desktop-header .inline-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

#header #desktop-header .inline-cell.display-menu {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
}

#header #desktop-header .inline-cell-table {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

#header #header_logo {
  padding: 0 28px 0 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  height: auto !important;
}

#header #header_logo img.logo {
  max-height: 58px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}

/* Menu items: Uppercase + lowercase letters (Title Case), compact height, clean look */
#iqitmegamenu-horizontal {
  background-color: transparent !important;
  border: none !important;
}

.cbp-horizontal > ul > li > a,
.cbp-horizontal > ul > li > span.cbp-main-link,
#header .cbp-hrmenu > ul > li > a {
  font-family: var(--ag-font-sans) !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  line-height: 44px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  color: var(--ag-text-dark) !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  border-left: none !important;
  transition: color 0.2s ease !important;
}

#header .cbp-hrmenu .cbp-tab-title {
  text-transform: none !important;
  font-weight: 500 !important;
}

#header .cbp-hrmenu > ul > li > a:hover,
#header .cbp-hrmenu > ul > li.cbp-hropen > a {
  color: var(--ag-blush-dark) !important;
  background-color: transparent !important;
}

/* Submenu styling */
.cbp-hrmenu .cbp-hrsub-inner,
.cbp-hrmenu ul.cbp-hrsub-level2 {
  border: 1px solid var(--ag-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 36px rgba(45, 34, 32, 0.09) !important;
  background-color: #ffffff !important;
  padding: 18px 12px !important;
}

.cbp-hrmenu .cbp-triangle-top-back {
  border-bottom-color: var(--ag-border) !important;
}

.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title,
.cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link {
  font-family: var(--ag-font-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--ag-text-dark) !important;
  text-transform: none !important;
  border-bottom: 1px solid var(--ag-border) !important;
  padding-bottom: 8px !important;
  margin-bottom: 8px !important;
}

.cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover,
.cbp-hrmenu .cbp-hrsub-inner a:hover {
  color: var(--ag-blush-dark) !important;
}

/* Right Header Action Bar: Currency + Search + User + Cart Icons */
#header .displayTop.inline-cell,
#header .inline-cell-noflex {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  min-width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 1. Currency Switcher in Menu Section */
#header #currencies-block-top {
  order: 1;
  float: none !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

#header #currencies-block-top .cur-label {
  display: none !important;
}

#header #currencies-block-top div.current {
  cursor: pointer;
  height: 28px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  border: 1.5px solid var(--ag-text-dark) !important;
  background: transparent !important;
  color: var(--ag-text-dark) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--ag-font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  top: 0 !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

#header #currencies-block-top div.current:hover,
#header #currencies-block-top div.current.active {
  border-color: var(--ag-blush-dark) !important;
  color: var(--ag-blush-dark) !important;
  background: var(--ag-blush-soft) !important;
}

#header #currencies-block-top div.current div {
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

#header #currencies-block-top div.current div::after {
  font-size: 11px !important;
  padding-left: 2px !important;
  color: inherit !important;
}

#header #currencies-block-top ul#first-currencies {
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  min-width: 115px !important;
  padding: 6px !important;
  border-radius: 12px !important;
  border: 1px solid var(--ag-border) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(35, 31, 32, 0.12) !important;
  z-index: 9999 !important;
}

#header #currencies-block-top ul#first-currencies li {
  line-height: 1.4 !important;
  margin: 2px 0 !important;
}

#header #currencies-block-top ul#first-currencies li a {
  display: block !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  font-family: var(--ag-font-sans) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: var(--ag-text-dark) !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

#header #currencies-block-top ul#first-currencies li.selected a,
#header #currencies-block-top ul#first-currencies li a:hover {
  background: var(--ag-blush-soft) !important;
  color: var(--ag-blush-dark) !important;
  font-weight: 600 !important;
}

/* 2. Search Icon (Minimalist Outline Magnifying Glass as in attachment) */
#header .iqit-search-shower {
  order: 2;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
}

#header .iqit-search-shower-i {
  width: 28px !important;
  height: 28px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

#header .iqit-search-shower-i .icon-search {
  display: none !important;
}

#header .iqit-search-shower-i::before {
  content: '' !important;
  width: 21px !important;
  height: 21px !important;
  display: block !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231f20' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='20' y1='20' x2='16.2' y2='16.2'/%3E%3C/svg%3E") !important;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

#header .iqit-search-shower-i:hover::before {
  transform: scale(1.08);
  opacity: 0.75;
}

#header #search_block_top.iqit-search-c {
  top: calc(100% + 12px) !important;
  right: 0 !important;
  min-width: 310px !important;
  height: 42px !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 32px rgba(35, 31, 32, 0.14) !important;
  border: 1px solid var(--ag-border) !important;
  overflow: hidden !important;
  z-index: 9999 !important;
}

/* 3. User / Account Icon (Minimalist Outline Person with Closed Base as in attachment) */
#header .header_user_info {
  order: 3;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
}

#header .header_user_info > a:first-child {
  width: 28px !important;
  height: 28px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

#header .header_user_info > a:first-child::before {
  content: '' !important;
  width: 21px !important;
  height: 21px !important;
  display: block !important;
  margin: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231f20' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7.5' r='3.8'/%3E%3Cpath d='M5 20c0-3.6 3.13-6.2 7-6.2s7 2.6 7 6.2H5z'/%3E%3C/svg%3E") !important;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

#header .header_user_info > a:first-child:hover::before {
  transform: scale(1.08);
  opacity: 0.75;
}

#header .header_user_info .logout {
  display: none !important;
}

/* 4. Shopping Bag Icon + Rose Circle Badge (as in attachment) */
#header #shopping_cart_container {
  order: 4;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 4px 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  overflow: visible !important;
}

#header #shopping_cart_container .shopping_cart {
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  overflow: visible !important;
}

#header #shopping_cart_container .shopping_cart > a:first-child {
  width: 36px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative !important;
  padding: 0 6px 0 2px !important;
  margin: 0 !important;
  text-decoration: none !important;
  overflow: visible !important;
}

#header #shopping_cart_container .shopping_cart > a:first-child span.cart_name {
  font-size: 0 !important;
  line-height: 0 !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
  background: transparent !important;
}

#header #shopping_cart_container .shopping_cart > a:first-child span.cart_name::before {
  content: '' !important;
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231f20' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='7.5' width='15' height='13' rx='2'/%3E%3Cpath d='M8.5 7.5V6a3.5 3.5 0 0 1 7 0v1.5'/%3E%3C/svg%3E") !important;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

#header #shopping_cart_container .shopping_cart > a:first-child:hover span.cart_name::before {
  transform: scale(1.08);
  opacity: 0.75;
}

#header #shopping_cart_container .more_info {
  overflow: visible !important;
}

#header #shopping_cart_container .more_info .ajax_cart_product_txt,
#header #shopping_cart_container .more_info .ajax_cart_product_txt_s,
#header #shopping_cart_container .more_info .ajax_cart_total,
#header #shopping_cart_container .more_info .ajax_cart_no_product {
  display: none !important;
}

#header #shopping_cart_container .more_info .ajax_cart_quantity,
#header #shopping_cart_container .more_info .ajax_cart_quantity.unvisible {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: 1px !important;
  right: 1px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background-color: #c94a72 !important;
  color: #ffffff !important;
  font-family: var(--ag-font-sans) !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 0 !important;
}

/* ==========================================================================
   1. HERO BANNER + FLOATING 4-FEATURES BAR (Full Width)
   ========================================================================== */
.ag-hero-wrapper {
  width: 100%;
  margin: 10px 0 56px;
}

.ag-hero-banner {
  position: relative;
  width: 100%;
  min-height: 540px;
  border-radius: 24px;
  background-image: url('/img/hero-banner-ag.webp');
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  padding: 56px 56px 96px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(190, 135, 130, 0.14);
}

.ag-hero-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(249, 229, 225, 0.94) 0%,
    rgba(251, 236, 233, 0.78) 44%,
    rgba(251, 236, 233, 0) 70%
  );
  pointer-events: none;
  z-index: 1;
}

.ag-hero-content {
  position: relative;
  z-index: 2;
  max-width: 520px;
}

.ag-hero-eyebrow {
  display: inline-block;
  font-family: var(--ag-font-sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #7c4f4b;
  margin-bottom: 14px;
}

.ag-hero-title {
  font-family: var(--ag-font-serif) !important;
  font-size: 52px !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  color: #231f20 !important;
  margin: 0 0 20px 0 !important;
  letter-spacing: -0.01em;
}

.ag-hero-divider {
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 320px;
  margin-bottom: 18px;
}

.ag-hero-divider::before,
.ag-hero-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(124, 79, 75, 0.3);
}

.ag-hero-divider svg {
  width: 18px;
  height: 18px;
  color: #9e635e;
  flex-shrink: 0;
}

.ag-hero-subtitle {
  font-family: var(--ag-font-sans);
  font-size: 15.5px;
  line-height: 1.65;
  color: #4a3f3e;
  margin: 0 0 28px 0;
  max-width: 430px;
}

.ag-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

.ag-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: var(--ag-blush) !important;
  color: #ffffff !important;
  font-family: var(--ag-font-sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 14px 30px;
  border-radius: 8px;
  border: 1.5px solid var(--ag-blush);
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(223, 161, 156, 0.38);
  transition: all 0.25s ease;
}

.ag-btn-primary:hover,
.ag-btn-primary:focus {
  background-color: var(--ag-blush-hover) !important;
  border-color: var(--ag-blush-hover);
  color: #ffffff !important;
  transform: translateY(-2px);
}

.ag-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0.55) !important;
  color: #5c3d3b !important;
  font-family: var(--ag-font-sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.03em;
  padding: 14px 26px;
  border-radius: 8px;
  border: 1.5px solid #c9948f;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.ag-btn-outline:hover,
.ag-btn-outline:focus {
  background-color: #ffffff !important;
  border-color: var(--ag-blush-dark);
  color: var(--ag-text-dark) !important;
  transform: translateY(-2px);
}

/* Floating 4-Features Card */
.ag-trust-bar-wrap {
  position: relative;
  z-index: 5;
  max-width: 1060px;
  margin: -50px auto 0;
  padding: 0 24px;
}

.ag-trust-bar {
  background: #ffffff;
  border-radius: 18px;
  padding: 24px 20px;
  box-shadow: 0 14px 40px rgba(175, 125, 120, 0.13);
  border: 1px solid rgba(223, 161, 156, 0.24);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.ag-trust-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 6px 14px;
  border-right: 1px solid #f1e3e0;
}

.ag-trust-item:last-child {
  border-right: none;
}

.ag-trust-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--ag-blush-soft);
  color: var(--ag-blush-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.ag-trust-item:hover .ag-trust-icon {
  background: var(--ag-blush);
  color: #ffffff;
}

.ag-trust-icon svg {
  width: 22px;
  height: 22px;
}

.ag-trust-text h4 {
  font-family: var(--ag-font-sans) !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: var(--ag-text-dark) !important;
  margin: 0 0 2px 0 !important;
  line-height: 1.25;
}

.ag-trust-text p {
  font-family: var(--ag-font-sans);
  font-size: 12px;
  color: var(--ag-text-muted);
  margin: 0;
}

/* ==========================================================================
   2. FULL-WIDTH SECTIONS & SIDE WHITE CIRCLE ARROWS FOR ALL SLIDERS
   ========================================================================== */
.ag-section {
  width: 100%;
  margin: 56px 0;
  position: relative;
}

.ag-section-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}

.ag-section-title {
  font-family: var(--ag-font-serif) !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  color: var(--ag-text-dark) !important;
  margin: 0 !important;
}

/* Carousel Wrapper & 36px White Circle Side Buttons */
.ag-carousel-wrapper {
  position: relative;
  width: 100%;
}

.ag-slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 12;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #ead5d2;
  background: #ffffff;
  color: var(--ag-text-dark);
  box-shadow: 0 4px 14px rgba(35, 31, 32, 0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  padding: 0;
  outline: none;
}

.ag-slider-prev {
  left: -18px;
}

.ag-slider-next {
  right: -18px;
}

.ag-slider-btn:hover {
  background: var(--ag-blush);
  border-color: var(--ag-blush);
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(223, 161, 156, 0.4);
  transform: translateY(-50%) scale(1.06);
}

.ag-slider-btn svg {
  width: 16px;
  height: 16px;
}

/* Also style native Slick Carousel arrows (Featured Products, etc.) as 36px white circles on the sides */
.slick-prev,
.slick-next,
.alternative-slick-arrows .slick-prev,
.alternative-slick-arrows .slick-next {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #ead5d2 !important;
  color: var(--ag-text-dark) !important;
  box-shadow: 0 4px 14px rgba(35, 31, 32, 0.12) !important;
  top: 50% !important;
  margin-top: -18px !important;
  text-indent: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 12 !important;
  opacity: 1 !important;
  padding: 0 !important;
  transition: all 0.25s ease !important;
}

.slick-prev,
.alternative-slick-arrows .slick-prev {
  left: -18px !important;
  right: auto !important;
}

.slick-next,
.alternative-slick-arrows .slick-next {
  right: -18px !important;
  left: auto !important;
}

.slick-prev::before,
.slick-next::before,
.alternative-slick-arrows .slick-prev::before,
.alternative-slick-arrows .slick-next::before {
  font-family: 'FontAwesome' !important;
  font-size: 18px !important;
  line-height: 34px !important;
  color: var(--ag-text-dark) !important;
}

.slick-prev::before,
.alternative-slick-arrows .slick-prev::before {
  content: '\F104' !important;
}

.slick-next::before,
.alternative-slick-arrows .slick-next::before {
  content: '\F105' !important;
}

.slick-prev:hover,
.slick-next:hover,
.alternative-slick-arrows .slick-prev:hover,
.alternative-slick-arrows .slick-next:hover {
  background: var(--ag-blush) !important;
  border-color: var(--ag-blush) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(223, 161, 156, 0.4) !important;
}

.slick-prev:hover::before,
.slick-next:hover::before,
.alternative-slick-arrows .slick-prev:hover::before,
.alternative-slick-arrows .slick-next:hover::before {
  color: #ffffff !important;
}

/* Bulletproof Horizontal Scroll-Snap Track */
.ag-carousel-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 6px 2px 14px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
}

.ag-carousel-track::-webkit-scrollbar {
  display: none;
}

.ag-carousel-track.ag-cols-4 > .ag-slide-item {
  flex: 0 0 calc(25% - 18px);
  max-width: calc(25% - 18px);
  scroll-snap-align: start;
}

.ag-carousel-track.ag-cols-3 > .ag-slide-item {
  flex: 0 0 calc(33.3333% - 16px);
  max-width: calc(33.3333% - 16px);
  scroll-snap-align: start;
}

/* ==========================================================================
   3. FEATURED CATEGORIES CARDS (With Real Product Photos)
   ========================================================================== */
.ag-cat-card {
  display: block;
  background: var(--ag-blush-soft);
  border-radius: 18px;
  padding: 28px 20px 24px;
  text-align: center;
  text-decoration: none !important;
  border: 1px solid rgba(223, 161, 156, 0.2);
  transition: all 0.3s ease;
  height: 100%;
}

.ag-cat-card:hover {
  transform: translateY(-5px);
  background: var(--ag-blush-card);
  box-shadow: 0 14px 32px rgba(195, 138, 132, 0.16);
}

.ag-cat-img-wrap {
  width: 170px;
  height: 170px;
  margin: 0 auto 18px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #ffffff;
  box-shadow: 0 8px 22px rgba(185, 130, 125, 0.14);
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ag-cat-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transition: transform 0.45s ease;
}

.ag-cat-card:hover .ag-cat-img-wrap img {
  transform: scale(1.08);
}

.ag-cat-title {
  font-family: var(--ag-font-serif) !important;
  font-size: 21px !important;
  font-weight: 500 !important;
  color: var(--ag-text-dark) !important;
  margin: 0 0 4px 0 !important;
}

.ag-cat-subtitle {
  font-family: var(--ag-font-sans);
  font-size: 12.5px;
  color: var(--ag-text-muted);
  display: block;
}

/* ==========================================================================
   4. FEATURED PRODUCTS (Fixed Hover Overlap + Quick View Removed + Clean Cards)
   ========================================================================== */

/* Remove Quick View button on product hover across the site */
.quick-view,
.quickview,
.quick-view-wrapper-mobile,
.functional-buttons,
.functional-buttons-grid,
.ajax_block_product .functional-buttons {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body#index .ag-hook-home-products {
  margin-top: 0 !important;
}

body#index #iqitcontentcreator {
  margin: 0 0 40px !important;
}

body#index #iqitcontentcreator .iqitcontent-element-id-10 .iqit-fullwidth-row,
body#index #iqitcontentcreator .iqit-fullwidth-row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body#index #iqitcontentcreator .iqitcontent-tabs > .iqitcontent-column-inner > .nav-tabs {
  border: none !important;
  text-align: center !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  background: transparent !important;
}

body#index #iqitcontentcreator .iqitcontent-tabs > .iqitcontent-column-inner > .nav-tabs > li {
  float: none !important;
  display: inline-block !important;
  border: none !important;
  background: transparent !important;
}

body#index #iqitcontentcreator .iqitcontent-tabs > .iqitcontent-column-inner > .nav-tabs > li > a {
  font-family: var(--ag-font-serif) !important;
  font-size: 34px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  color: var(--ag-text-dark) !important;
  text-transform: uppercase !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: none;
}

body#index #iqitcontentcreator .tab-content {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

.ajax_block_product .product-container {
  background: #ffffff !important;
  border: 1px solid #f2e6e4 !important;
  border-radius: 16px !important;
  padding: 16px !important;
  margin-bottom: 20px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 16px rgba(180, 140, 135, 0.06) !important;
  text-align: left !important;
}

.ajax_block_product:hover {
  outline: none !important;
}

.ajax_block_product .product-container:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 14px 32px rgba(185, 135, 130, 0.15) !important;
  border-color: var(--ag-blush) !important;
}

.ajax_block_product .product-image-container {
  background: #ffffff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  padding: 8px !important;
  margin-bottom: 14px !important;
  position: relative !important;
}

/* Prevent second rollover photo from overlapping on top of the first photo */
.ajax_block_product .product-image-container img.img_1,
.ajax_block_product .product-image-container img.img-rollover {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.ajax_block_product .product-image-container img.img_0 {
  opacity: 1 !important;
  visibility: visible !important;
  margin: 0 auto !important;
  transition: transform 0.4s ease !important;
}

.ajax_block_product .product-container:hover .product-image-container img.img_0 {
  transform: scale(1.05);
}

.ajax_block_product h5.product-name-container {
  min-height: 40px !important;
  height: auto !important;
  margin: 4px 0 6px !important;
}

.ajax_block_product a.product-name {
  font-family: var(--ag-font-sans) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--ag-text-dark) !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ajax_block_product .product-reference,
.ajax_block_product .pl-quantity-input-wrapper {
  display: none !important;
}

.ajax_block_product .comments_note {
  margin: 4px 0 8px !important;
  display: block !important;
}

.ajax_block_product .star_content div.star:not(.star_on):not(.star_partial),
.star_content div.star:not(.star_on):not(.star_partial) {
  opacity: 1 !important;
}

.ajax_block_product .star_content div.star:not(.star_on):not(.star_partial)::after,
.star_content div.star:not(.star_on):not(.star_partial)::after {
  content: "\f005" !important;
  color: #dcd2cf !important;
}

.ajax_block_product .star_content div.star.star_partial,
.star_content div.star.star_partial {
  display: block;
  opacity: 1 !important;
}

.ajax_block_product .star_content div.star.star_partial::after,
.star_content div.star.star_partial::after {
  content: "\f005" !important;
  font-family: "FontAwesome" !important;
  display: inline-block !important;
  background: linear-gradient(90deg, var(--ag-gold) 0%, var(--ag-gold) var(--star-fill, 50%), #dcd2cf var(--star-fill, 50%), #dcd2cf 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: var(--ag-gold) !important;
}

.ajax_block_product .star_content div.star_on::after,
.star_content div.star_on::after {
  color: var(--ag-gold) !important;
}

.ajax_block_product .content_price {
  margin: 4px 0 12px !important;
}

.ajax_block_product .price.product-price {
  font-family: var(--ag-font-sans) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--ag-text-dark) !important;
}

.ajax_block_product .button-container {
  width: 100% !important;
  display: block !important;
}

.ajax_block_product .ajax_add_to_cart_button {
  width: 100% !important;
  display: block !important;
  background-color: var(--ag-blush) !important;
  border: 1px solid var(--ag-blush) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 11px 16px !important;
  font-family: var(--ag-font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  text-align: center !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
}

.ajax_block_product .ajax_add_to_cart_button:hover {
  background-color: var(--ag-blush-hover) !important;
  border-color: var(--ag-blush-hover) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   5. PROMO BANNER (Full Width)
   ========================================================================== */
.ag-promo-banner {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  padding: 46px 32px;
  margin: 48px 0 60px;
  background: linear-gradient(115deg, #f7dcd8 0%, #fceee9 50%, #f4d3ce 100%);
  border: 1px solid #f0cfc9;
  text-align: center;
  box-shadow: 0 12px 32px rgba(210, 150, 145, 0.14);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  transition: transform 0.3s ease;
}

.ag-promo-banner:hover {
  transform: translateY(-3px);
}

.ag-promo-title {
  font-family: var(--ag-font-serif) !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  color: var(--ag-text-dark) !important;
  margin: 0 !important;
}

.ag-promo-sub {
  font-family: var(--ag-font-sans);
  font-size: 14px;
  color: #6b4946;
  margin-top: 8px;
  font-weight: 500;
}

/* ==========================================================================
   6. WHY CHOOSE US (Full Width 4-Column Grid)
   ========================================================================== */
.ag-why-full-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.ag-why-card {
  background: #ffffff;
  border: 1px solid #f1e3e0;
  border-radius: 16px;
  padding: 28px 20px;
  text-align: center;
  box-shadow: 0 6px 20px rgba(185, 135, 130, 0.06);
  transition: all 0.3s ease;
}

.ag-why-card:hover {
  transform: translateY(-4px);
  border-color: var(--ag-blush);
  box-shadow: 0 12px 28px rgba(185, 135, 130, 0.13);
}

.ag-why-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: var(--ag-blush-soft);
  color: var(--ag-blush-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.ag-why-card:hover .ag-why-icon {
  background: var(--ag-blush);
  color: #ffffff;
}

.ag-why-icon svg {
  width: 28px;
  height: 28px;
}

.ag-why-title {
  font-family: var(--ag-font-serif) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: var(--ag-text-dark) !important;
  margin: 0 0 6px 0 !important;
}

.ag-why-desc {
  font-family: var(--ag-font-sans);
  font-size: 13px;
  color: var(--ag-text-muted);
  margin: 0;
  line-height: 1.45;
}

/* ==========================================================================
   7. TESTIMONIALS SLIDER (Full Width 3-Column Carousel)
   ========================================================================== */
.ag-testi-card {
  background: var(--ag-blush-soft);
  border-radius: 18px;
  padding: 30px 24px;
  text-align: center;
  border: 1px solid rgba(223, 161, 156, 0.22);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.ag-testi-card:hover {
  background: var(--ag-blush-card);
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(195, 138, 132, 0.15);
}

.ag-testi-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #ffffff;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  margin-bottom: 12px;
}

.ag-testi-stars {
  color: var(--ag-gold);
  font-size: 16px;
  letter-spacing: 2px;
  margin-bottom: 12px;
}

.ag-testi-quote {
  font-family: var(--ag-font-sans);
  font-size: 14px;
  line-height: 1.6;
  color: var(--ag-text-body);
  margin: 0 0 14px 0;
  font-style: italic;
}

.ag-testi-author {
  font-family: var(--ag-font-sans);
  font-size: 14px;
  font-weight: 700;
  color: var(--ag-text-dark);
}

.ag-testi-verified {
  display: inline-block;
  font-size: 11.5px;
  color: #5b8c69;
  font-weight: 600;
  margin-top: 3px;
}

/* ==========================================================================
   8. BLOG PREVIEW SLIDER (Full Width 3-Column Carousel)
   ========================================================================== */
.ag-blog-card {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #f1e3e0;
  box-shadow: 0 6px 20px rgba(180, 140, 135, 0.06);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ag-blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px rgba(190, 140, 135, 0.16);
  border-color: var(--ag-blush);
}

.ag-blog-img-link {
  display: block;
  height: 210px;
  overflow: hidden;
  position: relative;
}

.ag-blog-img-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.ag-blog-card:hover .ag-blog-img-link img {
  transform: scale(1.06);
}

.ag-blog-body {
  padding: 22px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.ag-blog-tag {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ag-blush-dark);
  margin-bottom: 8px;
}

.ag-blog-title {
  font-family: var(--ag-font-serif) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--ag-text-dark) !important;
  margin: 0 0 10px 0 !important;
  text-decoration: none !important;
}

.ag-blog-title:hover {
  color: var(--ag-blush-dark) !important;
}

.ag-blog-excerpt {
  font-family: var(--ag-font-sans);
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--ag-text-muted);
  margin: 0 0 16px 0;
}

.ag-blog-more {
  margin-top: auto;
  font-size: 13px;
  font-weight: 700;
  color: var(--ag-blush-dark) !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.ag-blog-more:hover {
  color: var(--ag-text-dark) !important;
}

/* ==========================================================================
   9. NEWSLETTER SIGNUP (Full Width)
   ========================================================================== */
.ag-newsletter-box {
  background: var(--ag-blush-soft);
  border-radius: 20px;
  padding: 44px 32px;
  margin: 56px 0 20px;
  text-align: center;
  border: 1px solid rgba(223, 161, 156, 0.28);
}

.ag-newsletter-box h3 {
  font-family: var(--ag-font-serif) !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  color: var(--ag-text-dark) !important;
  margin: 0 0 8px 0 !important;
}

.ag-newsletter-box p {
  font-family: var(--ag-font-sans);
  font-size: 14.5px;
  color: var(--ag-text-body);
  margin: 0 0 22px 0;
}

.ag-newsletter-form {
  display: flex;
  gap: 12px;
  max-width: 520px;
  margin: 0 auto;
}

.ag-newsletter-input {
  flex: 1;
  height: 48px;
  padding: 0 18px;
  border-radius: 8px;
  border: 1px solid #e5ccc8;
  background: #ffffff;
  font-family: var(--ag-font-sans);
  font-size: 14px;
  color: var(--ag-text-dark);
  outline: none;
}

.ag-newsletter-input:focus {
  border-color: var(--ag-blush-dark);
}

.ag-newsletter-btn {
  height: 48px;
  padding: 0 32px;
  border-radius: 8px;
  border: none;
  background: var(--ag-blush);
  color: #ffffff;
  font-family: var(--ag-font-sans);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.25s ease;
}

.ag-newsletter-btn:hover {
  background: var(--ag-blush-hover);
}

/* ==========================================================================
   10. FOOTER & MODERN PAYMENT SYSTEM ICONS
   ========================================================================== */
.footer-container,
.footer-container .footer-container-inner,
.footer-container .footer-container-inner1 {
  background-color: var(--ag-blush-soft) !important;
  border-top: 1px solid #f0dad6 !important;
  color: var(--ag-text-body) !important;
}

.footer-container #footer h4,
.footer-container #footer h4 a,
.footer-container #footer1 h4,
.footer-container #footer1 h4 a {
  font-family: var(--ag-font-serif) !important;
  color: var(--ag-text-dark) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  border-bottom-color: #ead5d2 !important;
}

.footer-container #footer .bullet li {
  border-top-color: #f2e0dd !important;
}

.footer-container #block_contact_infos a {
  color: var(--ag-blush-dark) !important;
}

.social_block_mod li a {
  background-color: var(--ag-blush) !important;
  border-radius: 50% !important;
}

.social_block_mod li a:hover {
  background-color: var(--ag-blush-hover) !important;
}

.footer_copyrights {
  background-color: #f6e4e1 !important;
  border-top: 1px solid #ebd2ce !important;
  padding: 16px 0 !important;
}

.footer_copyrights .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer_copyrights .ag-copyright-col p {
  margin: 0 !important;
  font-family: var(--ag-font-sans);
  font-size: 13px;
  color: var(--ag-text-body);
}

.ag-payment-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.ag-pay-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(35, 31, 32, 0.06);
  transition: transform 0.2s ease;
}

.ag-pay-badge:hover {
  transform: translateY(-2px);
}

/* ==========================================================================
   11. RESPONSIVE BREAKPOINTS
   ========================================================================== */
@media (max-width: 991px) {
  .ag-hero-banner {
    min-height: 460px;
    padding: 40px 32px 80px;
    background-position: 72% center;
  }
  .ag-hero-title {
    font-size: 40px !important;
  }
  .ag-trust-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .ag-trust-item:nth-child(2) {
    border-right: none;
  }
  .ag-why-full-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ag-carousel-track.ag-cols-4 > .ag-slide-item {
    flex: 0 0 calc(33.3333% - 16px);
    max-width: calc(33.3333% - 16px);
  }
  .ag-carousel-track.ag-cols-3 > .ag-slide-item {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
  .ag-slider-prev,
  .slick-prev,
  .alternative-slick-arrows .slick-prev {
    left: -8px !important;
  }
  .ag-slider-next,
  .slick-next,
  .alternative-slick-arrows .slick-next {
    right: -8px !important;
  }
}

@media (max-width: 640px) {
  .ag-hero-banner {
    min-height: 420px;
    padding: 32px 22px 70px;
    background-position: 78% center;
  }
  .ag-hero-banner::before {
    background: linear-gradient(180deg, rgba(251, 236, 233, 0.9) 0%, rgba(251, 236, 233, 0.84) 100%);
  }
  .ag-hero-title {
    font-size: 32px !important;
  }
  .ag-trust-bar {
    grid-template-columns: 1fr;
  }
  .ag-trust-item {
    border-right: none !important;
    border-bottom: 1px solid #f1e3e0;
    padding: 10px 4px;
  }
  .ag-trust-item:last-child {
    border-bottom: none;
  }
  .ag-why-full-grid {
    grid-template-columns: 1fr;
  }
  .ag-carousel-track.ag-cols-4 > .ag-slide-item,
  .ag-carousel-track.ag-cols-3 > .ag-slide-item {
    flex: 0 0 85%;
    max-width: 85%;
  }
  .ag-newsletter-form {
    flex-direction: column;
  }
  .footer_copyrights .row {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }
  .ag-payment-icons {
    justify-content: center;
  }
}

/* ==========================================================================
   11. PRODUCT PAGE: FULL DESCRIPTION BELOW ADD TO CART & HIDE PRINT/MORE INFO
   ========================================================================== */
.ag-product-full-desc {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid #f0e2df;
  font-family: var(--ag-font-sans);
  font-size: 14.5px;
  line-height: 1.68;
  color: var(--ag-text-body);
}

.ag-product-full-desc p {
  margin-bottom: 12px;
}

.ag-product-full-desc h1,
.ag-product-full-desc h2,
.ag-product-full-desc h3,
.ag-product-full-desc h4 {
  font-family: var(--ag-font-serif);
  color: var(--ag-text-dark);
  margin-top: 16px;
  margin-bottom: 8px;
}

.more_buttons_bottom_block .print,
#usefull_link_block .print {
  display: none !important;
}

#buy_block .more_buttons_bottom_block {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ==========================================================================
   12. THAI CERTIFICATION & TRUST BADGES (Footer & Product Page)
   ========================================================================== */
.ag-footer-certs-bar {
  background: #fbf3f1;
  border-top: 1px solid #eedad6;
  padding: 24px 0;
}

.ag-footer-certs-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
}

.ag-cert-item {
  display: flex;
  align-items: center;
  gap: 14px;
}

.ag-cert-img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  object-fit: cover;
  background: #fdf9f4;
  border: 2px solid #ffffff;
  box-shadow: 0 4px 12px rgba(175, 125, 120, 0.14);
  flex-shrink: 0;
}

.ag-cert-text {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.ag-cert-text strong {
  font-family: var(--ag-font-serif);
  font-size: 16px;
  font-weight: 600;
  color: var(--ag-text-dark);
  line-height: 1.25;
}

.ag-cert-text span {
  font-family: var(--ag-font-sans);
  font-size: 12.5px;
  color: var(--ag-text-muted);
  margin-top: 2px;
}

/* Product Page Trust Certifications Block */
.ag-product-certs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 22px;
  padding: 16px;
  background: #fdf6f4;
  border: 1px solid #f0dedb;
  border-radius: 14px;
}

.ag-product-cert-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ag-product-cert-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  background: #fdf9f4;
  border: 2px solid #ffffff;
  box-shadow: 0 3px 10px rgba(175, 125, 120, 0.12);
  flex-shrink: 0;
}

.ag-product-cert-info {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}

.ag-product-cert-info strong {
  font-family: var(--ag-font-sans);
  font-size: 12.5px;
  font-weight: 700;
  color: var(--ag-text-dark);
}

.ag-product-cert-info span {
  font-family: var(--ag-font-sans);
  font-size: 11.5px;
  color: var(--ag-text-muted);
  margin-top: 2px;
}

@media (max-width: 767px) {
  .ag-footer-certs-grid {
    gap: 20px;
    justify-content: flex-start;
  }
  .ag-product-certs {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* ==========================================================================
   13. INFORMATION CMS PAGES & CONTACT US PAGE MODERN DESIGN
   ========================================================================== */
.ag-cms-wrapper {
  padding: 10px 0 36px;
  font-family: var(--ag-font-sans);
  color: var(--ag-text-body);
}

.ag-cms-hero {
  background: linear-gradient(130deg, #f9e3df 0%, #fdf3f1 55%, #f5d8d3 100%);
  border: 1px solid #f0d3ce;
  border-radius: 22px;
  padding: 48px 36px;
  text-align: center;
  margin-bottom: 36px;
  box-shadow: 0 12px 34px rgba(195, 138, 132, 0.11);
}

.ag-cms-eyebrow {
  display: inline-block;
  font-family: var(--ag-font-sans);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ag-blush-dark);
  background: rgba(255, 255, 255, 0.72);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 14px;
}

.ag-cms-title {
  font-family: var(--ag-font-serif) !important;
  font-size: 38px !important;
  font-weight: 600 !important;
  color: var(--ag-text-dark) !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.2 !important;
}

.ag-cms-subtitle {
  font-family: var(--ag-font-sans);
  font-size: 15.5px !important;
  line-height: 1.6 !important;
  color: #69504d !important;
  max-width: 680px;
  margin: 0 auto !important;
}

.ag-cms-grid {
  display: grid;
  gap: 24px;
  margin-bottom: 36px;
}

.ag-cms-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.ag-cms-card {
  background: #ffffff;
  border: 1px solid #f1e2df;
  border-radius: 18px;
  padding: 30px 24px;
  text-align: center;
  box-shadow: 0 8px 24px rgba(180, 135, 130, 0.07);
  transition: all 0.3s ease;
}

.ag-cms-card:hover {
  transform: translateY(-4px);
  border-color: var(--ag-blush);
  box-shadow: 0 14px 32px rgba(180, 135, 130, 0.14);
}

.ag-cms-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: var(--ag-blush-soft);
  color: var(--ag-blush-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.ag-cms-card:hover .ag-cms-icon {
  background: var(--ag-blush);
  color: #ffffff;
}

.ag-cms-icon svg {
  width: 26px;
  height: 26px;
}

.ag-cms-card h3 {
  font-family: var(--ag-font-serif) !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  color: var(--ag-text-dark) !important;
  margin: 0 0 10px 0 !important;
}

.ag-cms-card p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--ag-text-muted) !important;
  margin: 0 !important;
}

.ag-cms-card a {
  color: var(--ag-blush-dark) !important;
  font-weight: 600;
  text-decoration: underline;
}

/* Split Box on About Us */
.ag-cms-split-box {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 32px;
  background: #fdf6f4;
  border: 1px solid #f0dcd8;
  border-radius: 20px;
  padding: 36px;
  align-items: center;
}

.ag-cms-split-text h2 {
  font-family: var(--ag-font-serif) !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  color: var(--ag-text-dark) !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.3 !important;
}

.ag-cms-split-text p {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: var(--ag-text-body) !important;
  margin-bottom: 12px !important;
}

.ag-cms-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.ag-cms-split-badges {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #ffffff;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid #f2e4e1;
  box-shadow: 0 6px 20px rgba(175, 125, 120, 0.08);
}

.ag-cms-badge-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f5eae8;
}

.ag-cms-badge-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.ag-cms-badge-row img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.ag-cms-badge-row strong {
  display: block;
  font-family: var(--ag-font-serif);
  font-size: 16.5px;
  color: var(--ag-text-dark);
}

.ag-cms-badge-row span {
  font-size: 12.5px;
  color: var(--ag-text-muted);
}

/* Delivery Steps Timeline */
.ag-cms-steps-box {
  background: #fdf6f4;
  border: 1px solid #f0dcd8;
  border-radius: 20px;
  padding: 36px 30px;
  margin-bottom: 32px;
  text-align: center;
}

.ag-cms-steps-box h2 {
  font-family: var(--ag-font-serif) !important;
  font-size: 28px !important;
  color: var(--ag-text-dark) !important;
  margin: 0 0 28px 0 !important;
}

.ag-cms-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.ag-cms-step {
  background: #ffffff;
  border: 1px solid #f1e3e0;
  border-radius: 16px;
  padding: 24px 18px;
  position: relative;
}

.ag-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--ag-blush);
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 12px;
}

.ag-cms-step h4 {
  font-family: var(--ag-font-serif) !important;
  font-size: 18px !important;
  color: var(--ag-text-dark) !important;
  margin: 0 0 8px 0 !important;
}

.ag-cms-step p {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: var(--ag-text-muted) !important;
  margin: 0 !important;
}

/* CTA Banner */
.ag-cms-cta-banner {
  background: linear-gradient(120deg, #fceee9 0%, #f7dcd7 100%);
  border: 1px solid #efc9c2;
  border-radius: 18px;
  padding: 30px 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.ag-cms-cta-banner h3 {
  font-family: var(--ag-font-serif) !important;
  font-size: 24px !important;
  color: var(--ag-text-dark) !important;
  margin: 0 0 6px 0 !important;
}

.ag-cms-cta-banner p {
  font-size: 14px !important;
  color: #69504d !important;
  margin: 0 !important;
}

.ag-cms-cta-banner .ag-cms-actions {
  margin-top: 0;
  flex-shrink: 0;
}

/* Terms & Conditions Policy Cards */
.ag-cms-policy-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.ag-cms-policy-card {
  background: #ffffff;
  border: 1px solid #f1e2df;
  border-radius: 16px;
  padding: 26px 24px;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  box-shadow: 0 6px 20px rgba(180, 135, 130, 0.06);
  transition: all 0.25s ease;
}

.ag-cms-policy-card:hover {
  border-color: var(--ag-blush);
  box-shadow: 0 12px 28px rgba(180, 135, 130, 0.13);
}

.ag-policy-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--ag-blush-soft);
  color: var(--ag-blush-dark);
  font-family: var(--ag-font-serif);
  font-size: 17px;
  font-weight: 700;
  flex-shrink: 0;
}

.ag-cms-policy-card h3 {
  font-family: var(--ag-font-serif) !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  color: var(--ag-text-dark) !important;
  margin: 0 0 8px 0 !important;
}

.ag-cms-policy-card p {
  font-size: 14px !important;
  line-height: 1.62 !important;
  color: var(--ag-text-body) !important;
  margin: 0 !important;
}

/* Contact Us Form Card */
.ag-contact-form-card {
  background: #ffffff !important;
  border: 1px solid #f0dedb !important;
  border-radius: 20px !important;
  padding: 34px 30px !important;
  box-shadow: 0 10px 30px rgba(180, 135, 130, 0.08) !important;
}

.ag-contact-form-card .page-subheading {
  font-family: var(--ag-font-serif) !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  color: var(--ag-text-dark) !important;
  text-transform: none !important;
  border-bottom: 1px solid #f2e4e1 !important;
  padding-bottom: 14px !important;
  margin-bottom: 24px !important;
}

.ag-contact-form-card .form-control {
  border-radius: 10px !important;
  border: 1px solid #e6d4d0 !important;
  background: #fdfaf9 !important;
  padding: 10px 14px !important;
  height: auto !important;
  min-height: 42px;
}

.ag-contact-form-card textarea.form-control {
  min-height: 165px !important;
}

.ag-contact-form-card #submitMessage {
  background: var(--ag-blush) !important;
  border-color: var(--ag-blush) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 12px 28px !important;
  font-family: var(--ag-font-sans) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
}

.ag-contact-form-card #submitMessage:hover {
  background: var(--ag-blush-hover) !important;
  border-color: var(--ag-blush-hover) !important;
  transform: translateY(-2px);
}

@media (max-width: 991px) {
  .ag-cms-grid-3,
  .ag-cms-steps-grid,
  .ag-cms-policy-grid,
  .ag-cms-split-box {
    grid-template-columns: 1fr;
  }
  .ag-cms-hero {
    padding: 34px 20px;
  }
  .ag-cms-title {
    font-size: 30px !important;
  }
}