@keyframes ab-fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ab-featuredHeroReveal {
  0% {
    opacity: 0;
    transform: translate3d(-56px, 32px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes ab-featuredHeroRevealRtl {
  0% {
    opacity: 0;
    transform: translate3d(56px, 32px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes ab-shimmer {
  0% {
    background-position: -200%0;
  }
  to {
    background-position: 200%0;
  }
}
@keyframes ab-marquee {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(var(--marquee-offset, -50%));
  }
}
@keyframes ab-cat-fadeIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 12px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes ab-fs-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(214, 69, 69, 0.45);
  }
  70% {
    box-shadow: 0 0 0 7px transparent;
  }
  to {
    box-shadow: 0 0 0 0 transparent;
  }
}
@keyframes hs-inner-lux-drift {
  0% {
    opacity: 0;
    transform: translateY(44px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes hs-inner-clip {
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
@keyframes hs-inner-mask {
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: translateX(0);
  }
}
@keyframes hs-inner-shine-fade {
  to {
    opacity: 1;
  }
}
@keyframes hs-inner-shine-move {
  0% {
    opacity: 0;
    transform: translateX(-62%) skewX(-15deg);
  }
  18% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateX(62%) skewX(-15deg);
  }
}
@keyframes hs-inner-stagger {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tp-fade-up {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tp-zoom-in {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes tp-blur-reveal {
  0% {
    opacity: 0;
    filter: blur(8px);
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}
@keyframes tp-slide-cascade {
  0% {
    opacity: 0;
    transform: translateX(-40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes tp-fade-right {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes tp-flip-up {
  0% {
    opacity: 0;
    transform: perspective(600px) rotateX(15deg) translateY(20px);
  }
  to {
    opacity: 1;
    transform: perspective(600px) rotateX(0) translateY(0);
  }
}
@keyframes tp-dots-in {
  0% {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pt-8 {
  padding-top: 0;
}
.collection_container,
.product_container {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding-inline: 1.5rem;
  padding-top: 0;
  min-width: 0;
  min-height: 0;
  max-height: none;
  overflow: visible;
}
.content_container {
  max-width: 1440px;
  padding-inline: 20px;
}
.flex.justify-between.text-base.font-medium.text-gray-900 {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .product_container {
    padding-inline: 1rem;
    padding-top: 0;
  }
  .header-col-right a.ab-icon-btn.search-btn.ab-mobile-search {
    display: none;
  }
  .lq-desc-accordion {
    margin: 20px 0 0 !important;
  }
  .p_content_container {
    padding: 0 !important;
  }
  .lq-desc-accordion {
    font-size: 14px !important;
  }
}
.p_content_container {
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding-inline: clamp(1rem, -0.5rem + 4vw, 3rem);
  gap: 1.25rem;
  min-width: 0;
  min-height: 0;
  overflow: visible;
}
@media (min-width: 1024px) {
  .p_content_container {
    display: grid;
    grid: auto/minmax(0, 1.1fr) minmax(0, 0.9fr);
    align-items: start;
    column-gap: 3rem;
  }
  .content_container {
    max-width: none;
    padding-inline: 48px;
  }
}
.p_gallery_container {
  min-width: 0;
  width: 100%;
  padding-top: 0;
}
.p_details_container {
  border-radius: 5px;
  padding: 2rem;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
@media (min-width: 1024px) {
  .product_container.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 {
    padding: 0 40px;
  }
  .mt-5.flex.flex-col.flex-col-reverse.gap-3 {
    margin-top: 0;
    gap: 10px !important;
  }
}
.app_container,
.content_container {
  background: var(--body-bg, #fff) !important;
  color: var(--body-text, #131316);
}
.home_section_container {
  padding: 10px !important;
  margin-block: 10px;
  border-radius: 20px;
}
.ab-ann-simple,
.ab-announce {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ab-announce {
  background: var(--ann-bg, #151515);
  color: var(--ann-text, #fff);
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.4;
  height: var(--ann-height, 35px);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  overflow: hidden;
  transition: transform 0.1s ease, opacity 0.2s ease;
  direction: ltr;
}
.scrolled .ab-announce {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
.ab-announce a {
  color: var(--ann-text, #fff);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ab-ann-simple {
  gap: 10px;
  padding: 0 16px;
  white-space: nowrap;
}
.ab-ann-sep {
  opacity: 0.45;
  font-size: 10px;
}
.ab-ann-marquee {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 100%;
}
.ab-ann-marquee-track {
  display: flex;
  align-items: center;
  white-space: nowrap;
  will-change: transform;
}
.ab-ann-marquee-track.ab-running {
  animation: ab-marquee var(--marquee-dur, 20s) linear infinite;
}
.ab-ann-marquee-item {
  flex-shrink: 0;
  padding: 0 32px;
}
.ab-ann-slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ab-ann-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
}
.ab-ann-slide.ab-active {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
.ab-ann-slide.ab-exit-left {
  opacity: 0;
  transform: translateX(-100%);
}
body:has(section.checkout_order_summary) .ab-footer,
body:has(section.checkout_order_summary) .ab-footer-inner {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
div#product-id .mx-auto.max-w-2xl.py-12 {
  max-width: 100%;
}
form.checkout_form.checkout_container
  label.block.text-sm.font-medium.text-gray-700 {
  display: none;
}
div:has(> .ab-header) {
  position: relative;
  pointer-events: none;
}
div:has(> .ab-header) > * {
  pointer-events: auto;
}
.p_details_container > * {
  max-width: 430px !important;
  width: 100% !important;
}
.ab-theme:not(.ab-ready) .ab-announce,
.ab-theme:not(.ab-ready) .ab-header {
  transition: none !important;
}
.ab-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  background: var(--hd-bg, #ffffff);
  color: var(--hd-text, #151515);
  height: var(--header-height-desktop, 80px);
  transform: translateY(var(--ann-height, 35px));
  transition: background 0.2s ease, filter 0.2s ease, transform 0.15s ease,
    box-shadow 0.2s ease;
  box-shadow: 0 0 2px rgb(from var(--body-text, #000) r g b/.1);
}
.ab-theme:not(:has(.ab-announce)) .ab-header {
  transform: translateY(0);
}
.ab-no-announce .ab-header,
.scrolled .ab-header {
  transform: translateY(0);
}
.ab-theme.is-homepage:not(.scrolled) .ab-header,
body.is-home .ab-theme:not(.scrolled) .ab-header {
  background: 0 0;
  box-shadow: none;
}
.ab-header-inner,
.header-col-left {
  display: flex;
  align-items: center;
  position: relative;
}
.ab-header-inner {
  max-width: inherit;
  margin: 0 auto;
  justify-content: space-between;
  height: var(--header-height-desktop, 80px);
  --header-logo-reserve: 88px;
}
.header-col-left {
  justify-content: flex-start;
  gap: 6px;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  z-index: 1;
}
.header-col-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.header-col-center .ab-logo {
  pointer-events: auto;
}
.header-col-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 0;
  min-width: 0;
  position: relative;
  z-index: 1;
}
.ab-mobile-search,
span.absolute.left-1\/2.top-0.-translate-x-1\/2.-translate-y-1\/2.-z-10.text-3xl.md\:text-4xl.text-\[\#61758A1F\].select-none.whitespace-nowrap.overflow-hidden.text-ellipsis.max-w-full {
  display: none;
}
.ab-desktop-only,
.ab-logo {
  display: flex;
}
.ab-logo {
  align-items: center;
  text-decoration: none;
}
.ab-logo img {
  height: var(--logo-height-desktop, 28px);
  max-height: calc(var(--header-height-desktop, 80px) - 10px);
  width: auto;
  object-fit: contain;
  max-height: 55px;
}
.ab-logo-text {
  font-style: italic;
  font-size: 34px;
  font-weight: 400;
  color: var(--hd-text, #151515);
  letter-spacing: -0.02em;
  line-height: 1;
  text-decoration: none;
}
.ab-nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  gap: 20px;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 980px) {
  .ab-nav:not(.ab-nav--ready) {
    visibility: hidden;
  }
  .ab-nav.ab-nav--calculating {
    visibility: hidden;
  }
  .ab-nav.ab-nav--ready:not(.ab-nav--calculating) {
    visibility: visible;
  }
}
.ab-nav .ab-dropdown-trigger,
.ab-nav > a {
  text-decoration: none;
  color: var(--hd-text, #000);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 4px 0;
  position: relative;
  transition: opacity 0.2s;
  cursor: pointer;
}
.ab-nav .ab-dropdown-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ab-nav-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #ececec;
  color: var(--hd-text, #050505);
}
.ab-nav-chevron svg {
  width: 5px;
  height: 8px;
  transition: transform 0.25s ease;
}
.ab-dropdown:focus-within .ab-nav-chevron svg,
.ab-dropdown:hover .ab-nav-chevron svg {
  transform: rotate(90deg);
}
html.ab-lang-ar .ab-featured-hero-cta::after,
html.ab-lang-ar .ab-footer.ab-footer-v2 .abf-submit,
html.ab-lang-ar .ab-mobile-chevron svg,
html.ab-lang-ar .ab-nav-chevron svg,
html.ab-lang-ar .ab-plist-viewall-icon svg,
html[dir="rtl"] .ab-featured-hero-cta::after,
html[dir="rtl"] .ab-footer-subscribe-btn svg,
html[dir="rtl"] .ab-footer.ab-footer-v2 .abf-submit,
html[dir="rtl"] .ab-mobile-chevron svg,
html[dir="rtl"] .ab-nav-chevron svg,
html[dir="rtl"] .ab-plist-viewall-icon svg,
html[lang^="ar"] .ab-footer-subscribe-btn svg {
  transform: scaleX(-1);
}
html[dir="rtl"] .ab-dropdown:focus-within .ab-nav-chevron svg,
html[dir="rtl"] .ab-dropdown:hover .ab-nav-chevron svg {
  transform: scaleX(-1) rotate(90deg);
}
html.ab-lang-ar .ab-dropdown:focus-within .ab-nav-chevron svg,
html.ab-lang-ar .ab-dropdown:hover .ab-nav-chevron svg {
  transform: scaleX(-1) rotate(90deg) !important;
}
section.ab-plist.ab-plist--related {
  margin: 40px 0;
}
.ab-nav .ab-dropdown-trigger::after,
.ab-nav > a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1.5px;
  background: var(--hd-text, #151515);
  transition: width 0.25s ease;
}
.ab-nav .ab-dropdown-trigger:hover::after,
.ab-nav > a:hover::after {
  width: 100%;
}
.ab-dropdown {
  position: relative;
  display: flex;
}
.ab-dropdown-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 12px;
  z-index: 200;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.ab-dropdown:hover .ab-dropdown-panel {
  display: block;
}
.ab-dropdown:focus-within .ab-dropdown-panel {
  display: block;
}
@media (min-width: 980px) {
  .ab-nav,
  .header-col-left {
    overflow: visible;
  }
  .ab-dropdown {
    z-index: 1;
  }
  .ab-dropdown:focus-within,
  .ab-dropdown:hover {
    z-index: 220;
  }
  .header-col-left:has(.ab-dropdown:focus-within),
  .header-col-left:has(.ab-dropdown:hover),
  .header-col-left:has(.ab-nav-more.ab-open) {
    z-index: 5;
  }
}
.ab-logo img,
.ab-nav-more.ab-open .ab-dropdown-panel {
  display: block;
}
.ab-nav-more--closing:hover .ab-dropdown-panel {
  display: none !important;
}
.ab-nav-more .ab-dropdown-panel {
  left: auto;
  right: 0;
  transform: none;
  min-width: 210px;
}
.ab-nav-more .ab-dropdown-panel > a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}
.ab-dropdown-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 12px;
}
.ab-dropdown-panel > a {
  display: block;
  white-space: nowrap;
  padding: 10px 24px;
  text-decoration: none;
  color: var(--hd-text, #151515);
  font-size: 13px;
  font-weight: 500;
  transition: background 0.15s, color 0.15s;
  background: var(--hd-bg, #fff);
}
.ab-dropdown-panel > a:first-child {
  border-radius: 10px 10px 0 0;
  padding-top: 14px;
}
.ab-dropdown-panel > a:last-child {
  border-radius: 0 0 10px 10px;
  padding-bottom: 14px;
}
.ab-dropdown-panel > a:only-child {
  border-radius: 10px;
}
.ab-dropdown-panel > a:hover {
  background: #f5f0eb;
}
.ab-icon-btn,
.ab-right-links {
  display: flex;
  align-items: center;
}
.ab-right-links {
  gap: 16px;
  margin-right: 12px;
}
.ab-right-links a {
  text-decoration: none;
  color: var(--hd-text, #151515);
  font-size: 13px;
  font-weight: 500;
  transition: opacity 0.2s;
}
.ab-right-links a:hover {
  opacity: 0.6;
}
.ab-icon-btn {
  justify-content: center;
  background: 0 0;
  border: 0;
  cursor: pointer;
  border-radius: 50%;
  color: var(--hd-text, #151515);
  transition: background 0.2s, opacity 0.2s;
  position: relative;
  width: 44px;
  height: 44px;
}
.ab-icon-btn.cart-btn:focus-visible::before,
.ab-icon-btn.cart-btn:hover::before,
.ab-icon-btn.search-btn:focus-visible::before,
.ab-icon-btn.search-btn:hover::before {
  background: var(--buy-btn-bg, #cc2134);
}
.ab-hamburger:focus-visible,
.ab-hamburger:hover {
  color: var(--buy-btn-bg, #cc2134);
}
.ab-icon-btn::before {
  content: "";
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.ab-icon-btn::before,
.ab-mobile-close::before {
  background: var(--hd-text, #151515);
  transition: background 0.2s ease;
}
svg.h-5.w-5.text-gray-400 {
  color: var(--body-text, #000);
}
.ab-icon-btn::before {
  width: var(--width-ICON-desktop-header, 22px);
  height: 22px;
  -webkit-mask-position: center;
  mask-position: center;
}
body:has(.ab-announce) .ab-slider,
html:has(.ab-announce) .ab-slider {
  padding-top: 35px !important;
}
.ab-icon-btn.search-btn::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Ccircle cx='11' cy='10' r='7' stroke='black' stroke-width='2'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 15 3 3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Ccircle cx='11' cy='10' r='7' stroke='black' stroke-width='2'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 15 3 3'/%3E%3C/svg%3E");
}
.ab-icon-btn.cart-btn::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 7H3.577A2 2 0 0 0 1.64 9.497l2.051 8A2 2 0 0 0 5.63 19H16.37a2 2 0 0 0 1.937-1.503l2.052-8A2 2 0 0 0 18.422 7H11Zm0 0V1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 7H3.577A2 2 0 0 0 1.64 9.497l2.051 8A2 2 0 0 0 5.63 19H16.37a2 2 0 0 0 1.937-1.503l2.052-8A2 2 0 0 0 18.422 7H11Zm0 0V1'/%3E%3C/svg%3E");
}
.ab-icon-btn.lang-btn::before {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z'/%3E%3C/svg%3E");
}
.ab-icon-btn.register-btn::before {
  width: 22px;
  height: 22px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='19' y1='8' x2='19' y2='14'/%3E%3Cline x1='22' y1='11' x2='16' y2='11'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='19' y1='8' x2='19' y2='14'/%3E%3Cline x1='22' y1='11' x2='16' y2='11'/%3E%3C/svg%3E");
}
.ab-cart-count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 3px;
  right: -1px;
  background: var(--hd-text, #151515);
  color: var(--hd-bg, #fff);
  font-size: 9px;
  font-weight: 600;
  min-width: 16px;
  height: 16px;
  border-radius: 1rem;
  line-height: 1;
  padding: 0 4px;
  pointer-events: none;
}
.ab-mobile-menu,
.ab-mobile-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: 0 0 !important;
  z-index: 999;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ab-mobile-overlay.ab-open {
  display: block;
  opacity: 1;
}
body.ab-mobile-menu-open,
html.ab-mobile-menu-open {
  overscroll-behavior: none;
}
.ab-mobile-menu {
  z-index: 1000;
  padding: 0 10px 10px;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}
.ab-mobile-menu.ab-open {
  opacity: 1;
  visibility: visible;
  pointer-events: none;
}
.ab-mobile-menu-shell {
  width: min(100%, 420px);
  margin: 0 auto;
  transform: translateY(10px);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: auto;
}
.ab-mobile-menu.ab-open .ab-mobile-menu-shell {
  transform: translateY(0);
}
.ab-mobile-menu-top {
  margin-bottom: 10px;
}
.ab-mobile-menu-title {
  margin: 0 0 14px;
  padding: 0 4px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--body-text, #050505);
}
.ab-mobile-close-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}
.ab-mobile-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--body-bg, #fff);
  cursor: pointer;
  color: var(--body-text, #050505);
  box-shadow: 0 4px 14px rgb(0 0 0/0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ab-mobile-close:hover {
  transform: scale(1.04);
  box-shadow: 0 6px 18px rgb(0 0 0/0.16);
}
.ab-mobile-close::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentColor;
}
.ab-mobile-menu-card {
  display: flex;
  flex-direction: column;
  min-height: min(72vh, 560px);
  padding: 28px 24px 32px;
  border-radius: 8px;
  background: var(--body-bg, #fff);
  box-shadow: 0 18px 48px rgb(0 0 0/0.14);
}
.pointer-events-none.fixed .flex-1.overflow-y-auto.py-6.px-4.sm\:px-6,
.pointer-events-none.fixed .py-6.px-4.sm\:px-6 {
  background: var(--body-bg, #fff);
  color: var(--body-text, #151515);
}
.pointer-events-none.fixed
  .flex.items-start.justify-between
  h2.text-lg.font-medium.text-gray-900 {
  color: var(--body-text, #151515);
  font-weight: 600;
}
.pointer-events-none.fixed
  .flex.justify-between.text-base.font-medium.text-gray-900,
.pointer-events-none.fixed button.-m-2.p-2.text-gray-400.hover\:text-gray-500,
.pointer-events-none.fixed svg.h-4.w-4.text-gray-900,
.w-full.max-w-5xl
  .flex.justify-center.items-center.gap-4.border.border-\[\#EBEBEB\].rounded-\[14px\].px-2
  svg,
.w-full.max-w-5xl p.m-0.self-center.w-6.text-center {
  color: var(--body-text, #151515);
}
.pointer-events-none.fixed
  dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900
  > div.flex.items-center.justify-between
  > dt.text-gray-600 {
  font-size: 16px;
  font-weight: 600;
  color: var(--body-text, #151515);
  position: relative !important;
  min-height: 38px !important;
}
.pointer-events-none.fixed
  .flex.items-center.justify-between
  dd.flex.items-center.gap-0\.5 {
  color: var(--body-text, #151515);
  font-size: 16px;
  font-weight: 600;
}
.pointer-events-none.fixed
  dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900
  > div.flex.items-center.justify-between
  > dt.text-gray-600::before {
  color: rgb(from var(--body-text, #151515) r g b/.7);
  content: var(--ab-checkout-shipping-note) !important;
  visibility: visible !important;
  position: absolute !important;
  top: 32px !important;
  font-size: 10px;
  margin-top: -5px;
  color: var(--body-text, #151515);
  white-space: nowrap !important;
}
.pointer-events-none.fixed
  .flex.flex-1.flex-col.gap-3.text-sm
  p.text-gray-500.flex.items-center.gap-0\.5 {
  color: rgb(from var(--body-text, #151515) r g b/.5);
  display: none;
}
.pointer-events-none.fixed
  dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900 {
  border-top: 0.5px solid rgb(from var(--body-text, #000) r g b/.4);
}
.pointer-events-none.fixed .qty-box-wrapper {
  border-color: rgb(from var(--body-text, #000) r g b/.3);
  color: var(--body-text, #151515);
}
ul.grid.grid-cols-3.md\:grid-cols-4.xl\:grid-cols-5.gap-5.mt-8.md\:mt-12 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ab-mobile-nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1 1 auto;
}
.ab-mobile-nav-label {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--body-text, #050505);
}
.ab-mobile-accordion-trigger,
.ab-mobile-nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
  background: 0 0;
  border: 0;
  cursor: pointer;
  text-align: start;
}
.ab-mobile-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--body-bg, #ffffff) 60%, #7e7e7e);
  color: var(--body-text, #050505);
  transition: background 0.2s ease, transform 0.25s ease;
}
.ab-mobile-chevron svg {
  width: 8px;
  height: 8px;
}
.relative.py-16.bg-white.flex-1,
.sticky.top-0.z-10.bg-white.pt-4.pb-3.-mx-4.px-4.sm\:-mx-6.sm\:px-6.xl\:-mx-8.xl\:px-8 {
  background: var(--body-bg, #fff) !important;
}
.ab-mobile-accordion.ab-open .ab-mobile-chevron {
  transform: rotate(90deg);
}
html.ab-lang-ar .ab-mobile-accordion.ab-open .ab-mobile-chevron,
html[dir="rtl"] .ab-mobile-accordion.ab-open .ab-mobile-chevron {
  transform: none;
}
html.ab-lang-ar .ab-mobile-accordion.ab-open .ab-mobile-chevron svg,
html[dir="rtl"] .ab-mobile-accordion.ab-open .ab-mobile-chevron svg {
  transform: scaleX(-1) rotate(90deg) !important;
}
.ab-mobile-accordion-panel {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-8px);
  padding-top: 0;
  transition: max-height 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.32s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    padding-top 0.32s ease;
}
.ab-mobile-accordion.ab-open .ab-mobile-accordion-panel {
  max-height: 360px;
  opacity: 1;
  transform: translateY(0);
  padding-top: 8px;
}
.ab-mobile-accordion-panel a {
  display: block;
  padding: 6px 0 6px 8px;
  text-decoration: none;
  color: rgb(from var(--body-text, #050505) r g b/.75);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.28s ease, transform 0.28s ease, color 0.15s ease;
}
.ab-mobile-accordion.ab-open .ab-mobile-accordion-panel a {
  opacity: 1;
  transform: translateY(0);
}
.ab-mobile-accordion.ab-open .ab-mobile-accordion-panel a:nth-child(1) {
  transition-delay: 0.06s;
}
.ab-mobile-accordion.ab-open .ab-mobile-accordion-panel a:nth-child(2) {
  transition-delay: 0.1s;
}
.ab-mobile-accordion.ab-open .ab-mobile-accordion-panel a:nth-child(3) {
  transition-delay: 0.14s;
}
.ab-mobile-accordion.ab-open .ab-mobile-accordion-panel a:nth-child(4) {
  transition-delay: 0.18s;
}
.ab-mobile-accordion.ab-open .ab-mobile-accordion-panel a:nth-child(5) {
  transition-delay: 0.22s;
}
.ab-mobile-accordion.ab-open .ab-mobile-accordion-panel a:nth-child(n + 6) {
  transition-delay: 0.26s;
}
.ab-mobile-accordion-panel a:hover,
.ab-mobile-menu-social a {
  color: var(--body-text, #050505);
}
.ab-mobile-menu-social {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 28px;
}
.ab-mobile-menu-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.ab-mobile-menu-social a:hover {
  opacity: 0.7;
}
.ab-mobile-social-icon {
  width: 26px;
  height: 26px;
  display: block;
  background: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.ab-hamburger {
  display: none;
}
.ab-breadcrumbs,
a.ab-plist-card.ab-reveal.ab-observed.ab-visible {
  padding: 0;
}
.ab-breadcrumbs-list {
  display: none;
}
.ab-breadcrumbs-item a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.15s;
}
.ab-breadcrumbs-item a:hover {
  opacity: 0.75;
}
.ab-breadcrumbs-sep {
  margin-inline-start: 6px;
  opacity: 0.5;
}
.ab-breadcrumbs-current {
  opacity: 1;
  color: var(--body-text, #151515);
  font-weight: 500;
}
@media (min-width: 980px) {
  .header-col-left,
  .header-col-right {
    max-width: calc(50% - var(--header-logo-reserve, 88px));
  }
  .header-col-left {
    padding-inline-end: 12px;
  }
  .header-col-right {
    padding-inline-start: 12px;
  }
}
@media (min-width: 1025px) {
  .header-col-left .search-btn.ab-mobile-search {
    display: none !important;
  }
  .ab-header-inner {
    padding-inline: 48px;
  }
}
h1.text-2xl.font-bold.text-heading.category_section_header_title.inline-flex.pb-1 {
  font-weight: 600;
  font-size: 48px;
  color: var(--body-text, #151515);
}
span.text-amber-600.check-icon.absolute.inset-y-0.right-0.flex.items-center.ps-3 {
  padding: 0 !important;
  padding-inline-end: 15px !important;
}
.category_section_header .relative.z-10 ul.absolute {
  left: auto !important;
  right: 0 !important;
}
@media (max-width: 979px) {
  .ab-mobile-menu {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  .ab-icon-btn::before {
    width: var(--width-ICON-mobile-header, 22px);
    height: 22px;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .ab-icon-btn {
    width: 36px;
    height: 36px;
  }
  .ab-header {
    width: auto;
  }
  .ab-nav {
    display: none;
  }
  .ab-mobile-search {
    display: flex;
  }
  .ab-desktop-only {
    display: none;
  }
  .header-col-left,
  .header-col-right {
    gap: 2px;
  }
  .ab-hamburger {
    display: flex;
    align-items: center;
    justify-content: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    color: var(--hd-text, #151515);
    width: 36px;
    height: 36px;
    transition: color 0.2s ease;
  }
  .ab-logo-text {
    font-size: 24px;
  }
  .ab-logo img {
    height: var(--logo-height-mobile, 22px);
    max-height: calc(var(--header-height-mobile, 60px) - 18px);
  }
  h1.text-2xl.font-bold.text-heading.category_section_header_title.inline-flex.pb-1 {
    font-weight: 600;
    font-size: 26px;
    color: var(--body-text, #151515);
  }
  .category_section_header.mb-7.flex.items-center.justify-between.pt-3 {
    padding-top: 25px;
    margin-block: 20px;
  }
  [role="option"] {
    padding: 5px 8px !important;
    margin: 2px 0;
    border-radius: 4px;
  }
  [role="option"] .check-icon {
    right: 8px !important;
    padding-left: 0 !important;
  }
}
button.text-heading.flex.items-center.rounded-md.border.border-gray-300.px-4.py-2.text-sm.font-semibold.transition.duration-200.ease-in-out.text-start.hover\:bg-gray-200.focus\:outline-none {
  padding: 5px 8px;
  font-size: 12px;
  white-space: NOWRAP;
  border-radius: 2px;
  border: 0;
}
button.text-heading.flex.items-center.rounded-md.border.border-gray-300.px-4.py-2.text-sm.font-semibold.transition.duration-200.ease-in-out.text-start.hover\:bg-gray-200.focus\:outline-none:hover {
  background: 0 0;
  color: #cd1515;
}
.ab-categories {
  --cat-gap: 16px;
  --cat-visible: 1.85;
  --cat-visible-gaps: 0;
  --cat-pad: 20px;
  overflow: hidden;
  margin-inline: -48px;
}
.ab-categories-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.ab-categories-nav {
  display: none;
}
.ab-categories-track.ab-cat-slider {
  display: flex;
  gap: var(--cat-gap);
  overflow-x: auto;
  overflow-y: hidden;
  padding-inline: 48px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-inline: var(--cat-pad);
  padding-bottom: 4px;
}
.ab-categories-track.ab-cat-slider::-webkit-scrollbar {
  display: none;
}
@media (min-width: 769px) {
  .ab-categories-nav {
    display: block;
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
    pointer-events: none;
    z-index: 3;
  }
  .ab-categories-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 1px solid rgba(33, 42, 47, 0.18);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: var(--body-text, #151515);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease,
      opacity 0.2s ease;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  }
  .ab-categories-arrow svg {
    width: 18px;
    height: 18px;
  }
  .ab-categories-arrow:hover:not(:disabled) {
    background: var(--body-text, #151515);
    border-color: var(--body-text, #151515);
    color: var(--body-bg, #fff);
  }
  .ab-categories-arrow:disabled {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
  }
  .ab-categories-prev {
    inset-inline-start: 30px;
  }
  .ab-categories-next {
    inset-inline-end: 30px;
  }
  .ab-categories-carousel:not(.ab-categories-carousel--scrollable)
    .ab-categories-nav {
    display: none;
  }
  .ab-categories-track.ab-cat-slider {
    cursor: grab;
    scroll-behavior: smooth;
  }
  .ab-categories-track.ab-cat-slider.ab-cat-slider--dragging {
    cursor: grabbing;
    user-select: none;
    scroll-behavior: auto;
  }
  .ab-cat-card img {
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none;
  }
}
.ab-cat-card {
  position: relative;
  flex: 0 0
    calc(
      (100% - (var(--cat-visible-gaps) * var(--cat-gap))) / var(--cat-visible)
    );
  min-width: 0;
  display: block;
  text-decoration: none;
  scroll-snap-align: start;
  aspect-ratio: var(--cat-aspect-ratio, 1 / 1);
  border-radius: 8px;
  overflow: hidden;
}
.ab-cat-image-wrapper {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.ab-cat-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s ease;
}
.ab-cat-label {
  color: #fff;
  font-size: clamp(14px, 3vw, 45px);
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  letter-spacing: 0.01em;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .ab-cat-label {
    font-size: clamp(20px, 5.2vw, 18px);
  }
  .ab-cat-arrow {
    width: 38px;
    height: 38px;
  }
  .ab-header-inner {
    padding: 0 8px;
    height: var(--header-height-mobile, 60px);
  }
}
.ab-categories-header {
  justify-content: flex-start;
}
.product_container.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 {
  padding-bottom: 10px;
}
.flex-1.overflow-y-auto.py-6.px-4.sm\:px-6 .flex.items-start.justify-between {
  border-bottom: 0.5px solid rgb(from var(--body-text, #000) r g b/.4);
  padding-bottom: 20px;
}
.flex-1.overflow-y-auto.py-6.px-4.sm\:px-6 .mt-8 {
  margin-top: 25px;
}
.pointer-events-none.fixed
  button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.w-full.border.border-transparent.bg-skin-primary.hover\:bg-skin-primary.hover\:bg-opacity-80.active\:bg-opacity-90.text-white {
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
}
.py-6.px-4.sm\:px-6 .mt-6 {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .lg\:max-w-7xl {
    max-width: 90rem;
  }
  ul.grid.grid-cols-3.md\:grid-cols-4.xl\:grid-cols-5.gap-5.mt-8.md\:mt-12 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.flex.flex-col.items-center
  .relative.overflow-hidden.w-full.h-full.rounded-xl.object-cover,
img.transition-opacity.w-full.h-full.opacity-100.animate-zoom-fade.w-full.h-full.rounded-xl.object-cover {
  border-radius: 1px;
}
.ab-cat-content,
.ab-cat-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.ab-cat-overlay {
  background: rgba(0, 0, 0, 0.32);
  z-index: 1;
}
.ab-cat-content {
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.ab-cat-label {
  position: static !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  margin: 0;
}
.ab-cat-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  max-height: 0;
  margin-top: 0;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
  color: #555;
  opacity: 0;
  transform: translateY(8px);
  transition: max-height 0.35s ease, margin-top 0.35s ease, opacity 0.35s ease,
    transform 0.35s ease;
}
.ab-cat-arrow svg,
.ab-featured-arrow svg {
  width: 18px;
  height: 18px;
}
.ab-cat-card:hover .ab-cat-image-wrapper img {
  transform: scale(1.06);
}
.ab-cat-card:hover .ab-cat-arrow {
  max-height: 44px;
  margin-top: 14px;
  opacity: 1;
  transform: translateY(0);
}
.ab-cat-card.ab-reveal {
  opacity: 1;
  transform: none;
}
.ab-cat-card.ab-reveal.ab-visible {
  animation: none;
}
.ab-cat-card.ab-reveal .ab-cat-content,
.ab-cat-card.ab-reveal .ab-cat-image-wrapper,
.ab-cat-card.ab-reveal .ab-cat-overlay {
  opacity: 0;
  transform: translate3d(0, 12px, 0);
}
.ab-cat-card.ab-reveal.ab-visible .ab-cat-content,
.ab-cat-card.ab-reveal.ab-visible .ab-cat-image-wrapper,
.ab-cat-card.ab-reveal.ab-visible .ab-cat-overlay {
  animation: ab-cat-fadeIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.ab-cat-card.ab-reveal.ab-visible:nth-child(2) .ab-cat-content,
.ab-cat-card.ab-reveal.ab-visible:nth-child(2) .ab-cat-image-wrapper,
.ab-cat-card.ab-reveal.ab-visible:nth-child(2) .ab-cat-overlay {
  animation-delay: 0.08s;
}
.ab-cat-card.ab-reveal.ab-visible:nth-child(3) .ab-cat-content,
.ab-cat-card.ab-reveal.ab-visible:nth-child(3) .ab-cat-image-wrapper,
.ab-cat-card.ab-reveal.ab-visible:nth-child(3) .ab-cat-overlay {
  animation-delay: 0.16s;
}
@media (min-width: 769px) {
  .ab-categories {
    --cat-visible: 4.1;
    --cat-visible-gaps: 2;
    --cat-pad: 48px;
  }
}
@media (min-width: 1024px) {
  .ab-gallery-dots {
    display: none;
  }
}
.ab-featured-products {
  margin-inline: -20px;
  margin-block: 15px;
  --fp-gap: 12px;
  --fp-visible-products: 1;
}
.ab-featured-shell {
  display: flex;
  align-items: stretch;
  gap: var(--fp-gap);
  padding-inline: 20px;
}
.ab-featured-carousel,
.ab-featured-hero-slot {
  flex: 0 0 calc(50% - var(--fp-gap) / 2);
  min-width: 0;
}
.ab-featured-carousel {
  position: relative;
  overflow: hidden;
}
.ab-featured-track {
  display: flex;
  gap: var(--fp-gap);
  width: 100%;
  transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.ab-featured-track--dragging {
  transition: none;
}
.ab-featured-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 320px;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  background: #1a1a1a;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.ab-featured-hero:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.14);
}
.ab-featured-hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--featured-hero-img-object-fit, cover);
  transition: transform 0.6s ease;
}
.ab-featured-hero:hover .ab-featured-hero-img,
.ab-pgrid-hero:hover > img {
  transform: scale(1.04);
}
.ab-featured-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.62) 0,
    rgba(0, 0, 0, 0.18) 55%,
    rgba(0, 0, 0, 0.08) 100%
  );
}
.ab-featured-hero-content {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 20px 16px;
  box-sizing: border-box;
}
.ab-featured-hero-eyebrow {
  margin: 0 0 8px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.2;
}
.ab-featured-hero-title {
  margin: 0;
  color: #fff;
  font-size: clamp(1.25rem, 2.4vw, 1.75rem);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.01em;
  font-family: Newsreader, serif;
}
.ab-featured-hero-subtitle {
  margin: 0 0 12px;
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
}
.ab-featured-hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.72);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
  transition: border-color 0.25s ease, transform 0.25s ease;
}
.ab-featured-hero-cta::after {
  content: "→";
  font-size: 13px;
  line-height: 1;
}
.ab-featured-hero:hover .ab-featured-hero-cta {
  border-color: #fff;
  transform: translateX(2px);
}
.ab-featured-nav {
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  pointer-events: none;
  z-index: 3;
  direction: ltr;
}
.ab-featured-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border: 1px solid rgba(33, 42, 47, 0.18);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  color: var(--body-text, #151515);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  opacity: 1;
  transition: opacity 0.25s ease, background 0.2s ease, border-color 0.2s ease,
    color 0.2s ease;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.ab-featured-carousel:focus-within .ab-featured-arrow,
.ab-featured-carousel:hover .ab-featured-arrow {
  opacity: 1;
}
.ab-featured-arrow:hover {
  background: var(--body-text, #151515);
  border-color: var(--body-text, #151515);
  color: var(--body-bg, #fff);
}
.ab-featured-arrow:disabled {
  opacity: 0.35 !important;
  cursor: default;
  pointer-events: bounding-box;
}
.ab-featured-prev {
  inset-inline-start: 8px;
}
.ab-featured-next {
  inset-inline-end: 8px;
}
.ab-featured-mobile-progress {
  display: none;
}
.ab-featured-add-btn {
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 4;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid rgb(from var(--body-text, #151515) r g b/.1);
  border-radius: 50%;
  background: var(--body-bg, #fff);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.13);
  cursor: pointer;
  color: var(--body-text, #151515);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.25s ease, transform 0.25s ease, background 0.2s ease,
    box-shadow 0.2s ease;
}
.ab-featured-card:hover .ab-featured-add-btn {
  opacity: 1;
  transform: translateY(0);
}
.ab-featured-add-btn:hover {
  background: #151515;
  color: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
.ab-featured-add-btn::before {
  content: "";
  display: block;
  width: 17px;
  height: 16px;
  margin: auto;
  background: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M7.75 4.75H2.283a1 1 0 0 0-.97 1.244l1.574 6.25a1 1 0 0 0 .97.756h7.787a1 1 0 0 0 .97-.756l1.573-6.25a1 1 0 0 0-.97-1.244H7.75Zm0 0V1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M7.75 4.75H2.283a1 1 0 0 0-.97 1.244l1.574 6.25a1 1 0 0 0 .97.756h7.787a1 1 0 0 0 .97-.756l1.573-6.25a1 1 0 0 0-.97-1.244H7.75Zm0 0V1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.ab-reveal {
  opacity: 0;
  transform: translateY(30px);
}
.ab-reveal.ab-visible {
  animation: ab-fadeUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.ab-featured-hero-slot.ab-reveal {
  opacity: 0;
  transform: translate3d(-56px, 32px, 0);
  will-change: opacity, transform;
}
html[dir="rtl"] .ab-featured-hero-slot.ab-reveal {
  transform: translate3d(56px, 32px, 0);
}
.ab-featured-hero-slot.ab-reveal.ab-visible {
  animation: ab-featuredHeroReveal 0.82s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
html[dir="rtl"] .ab-featured-hero-slot.ab-reveal.ab-visible {
  animation-name: ab-featuredHeroRevealRtl;
}
@media (prefers-reduced-motion: reduce) {
  .ab-featured-hero-slot.ab-reveal {
    opacity: 1;
    transform: none;
    will-change: auto;
  }
  .ab-featured-hero-slot.ab-reveal.ab-visible {
    animation: none;
  }
}
.ab-featured-card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  min-width: 0;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  overflow: hidden;
  background: var(--body-bg, #fff);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.ab-featured-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}
.ab-featured-badge {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 3;
  border-radius: 20px;
  padding: 1px 6px;
  color: var(--product-badge-text, #fff);
  background: var(--product-badge-bg, #cd1515);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.ab-featured-badge-stack {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  pointer-events: none;
}
.ab-featured-badge-stack .ab-featured-badge {
  position: static;
}
.ab-featured-badge-stack:has(.ab-out-of-stock-badge)
  .ab-featured-badge:not(.ab-out-of-stock-badge),
.ab-pgrid-badge-stack:has(.ab-out-of-stock-badge)
  .ab-pgrid-badge:not(.ab-out-of-stock-badge),
.ab-plist-badge-stack:has(.ab-out-of-stock-badge)
  .ab-plist-badge:not(.ab-out-of-stock-badge) {
  display: none;
}
.ab-featured-media {
  background: #f5f4f2;
  width: 100%;
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--featured-media-aspect-ratio, 4 / 5);
}
.ab-featured-img-hover,
.ab-featured-media img {
  width: 100%;
  object-fit: var(--featured-media-object-fit, cover);
}
.ab-featured-media img {
  height: auto;
  display: block;
  transition: opacity 0.45s ease, transform 0.45s ease;
}
.ab-featured-img-hover {
  position: absolute;
  inset: 0;
  height: 100%;
  opacity: 0;
}
.ab-featured-card:hover .ab-featured-img-primary {
  opacity: 0;
  transform: scale(1.03);
}
.ab-featured-card:hover .ab-featured-img-hover {
  opacity: 1;
  transform: scale(1.03);
}
.ab-featured-info {
  padding: 14px 10px;
  line-height: 1.5;
  flex: 1;
}
.ab-featured-name {
  margin: 0;
  color: var(--product-name-text, #151515);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.04em;
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ab-featured-price-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}
.ab-featured-price {
  color: var(--product-price-text, #151515);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}
.ab-featured-subtitle {
  margin: 6px 0 0;
  color: rgba(33, 42, 47, 0.82);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}
.ab-featured-swatches {
  margin-top: 8px;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}
.ab-featured-swatch {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1.5px solid rgb(from var(--body-text, #000) r g b/.4);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ab-featured-swatch:hover {
  transform: scale(1.15);
  box-shadow: 0 0 0 2px rgba(33, 42, 47, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.18);
  display: inline-flex;
  overflow: hidden;
}
.ab-featured-swatch-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ab-featured-swatch-more {
  color: #1f272b;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .ab-featured-mobile-progress {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-inline: 2px;
  }
  .ab-featured-mobile-progress-track {
    position: relative;
    flex: 1 1 auto;
    height: 3px;
    border-radius: 999px;
    overflow: hidden;
    background: rgb(from var(--body-text, #151515) r g b/.16);
  }
  .ab-featured-mobile-progress-fill {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 0%;
    border-radius: 999px;
    background: var(--body-text, #151515);
    transition: width 0.28s ease;
  }
  .ab-featured-mobile-progress-text {
    min-width: 34px;
    text-align: end;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: rgb(from var(--body-text, #151515) r g b/.68);
    letter-spacing: 0.01em;
  }
  .ab-featured-hero {
    min-height: 320px;
  }
  .ab-featured-arrow {
    display: none;
  }
  .ab-featured-add-btn {
    opacity: 1;
    transform: translateY(0);
  }
  .ab-featured-name,
  .ab-featured-price,
  .ab-price-old {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .ab-featured-products {
    --fp-gap: 10px;
  }
  .ab-featured-hero-cta {
    font-size: 11px;
  }
  .ab-featured-swatch {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 769px) {
  .ab-featured-products {
    --fp-visible-products: 3;
  }
  .ab-featured-hero-slot {
    flex: 0 0 calc(25% - var(--fp-gap) * 3 / 4);
  }
  .ab-featured-carousel {
    flex: 1;
    min-width: 0;
  }
  .ab-featured-card {
    flex: 0 0 calc((100% - (var(--fp-gap) * 2)) / 3);
  }
  .ab-featured-hero {
    min-height: 350px;
  }
  .ab-featured-hero-content {
    padding: 28px 22px;
  }
  .ab-featured-name {
    font-size: 20px;
  }
}
.ab-categories-title {
  color: var(--body-text, #313e61);
  letter-spacing: 0.5px !important;
  margin: 0 !important;
  font-size: 48px;
  font-weight: 600;
  text-align: center;
}
.ab-categories-header {
  width: 100%;
  display: flex;
  padding: 15px 48px 32px;
}
.ab-price-old {
  text-decoration: line-through;
  color: var(--body-text, #151515);
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  opacity: 0.4;
}
.ab-featured-price-row .ab-price-sale,
.ab-pgrid-price-row .ab-price-sale,
.ab-plist-price-row .ab-price-sale {
  color: var(--product-sale-price-text, #cd1515);
}
.ab-pgrid-price-row,
.ab-plist-price-row {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
section.ab-plist.ab-plist--related .ab-plist-header {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 0 5px;
  justify-content: center;
}
section.ab-plist.ab-plist--related .ab-plist-track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 768px) {
  section.ab-plist.ab-plist--related .ab-plist-track {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 14px;
    row-gap: 0;
    padding: 0;
  }
}
a.ab-plist-card.ab-reveal.ab-observed.ab-visible .ab-plist-badge-stack {
  top: 5px;
  left: 5px;
}
a.ab-plist-card.ab-reveal.ab-observed.ab-visible .ab-plist-info {
  padding: 15px 10px;
}
[role="radiogroup"].mt-2,
[role="radiogroup"].mt-3 {
  padding-inline-start: 8px;
}
.ab-plist-arrow:hover {
  background: var(--body-text, #151515);
  border-color: var(--body-text, #151515);
  color: var(--body-bg, #fff);
}
.ab-footer.ab-footer-v2 .abf-logo img {
  max-height: 60px;
  width: auto;
}
@media (max-width: 480px) {
  .bundles_label.bundles_label {
    margin-inline: 10px;
  }
  nav.ab-breadcrumbs {
    display: NONE;
  }
}
.ab-plist {
  margin: 30px -48px;
}
.ab-plist-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  padding: 0 48px;
}
.ab-plist-title {
  margin: 0;
  font-size: 40px;
  font-weight: 700;
  color: var(--body-text, #313e61);
  display: inline-block;
}
.ab-plist-arrows {
  display: none;
  gap: 8px;
}
.ab-plist-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid rgba(33, 42, 47, 0.35);
  background: 0 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  color: var(--body-text, #151515);
  transition: background 0.2s, border-color 0.2s;
}
.ab-plist-arrow svg {
  width: 20px;
  height: 20px;
}
main.collection_container .ab-categories-header {
  display: none !important;
}
main.collection_container .ab-categories {
  padding-block: 0 20px;
}
.ab-plist-arrow,
button#checkout-order-summary-toggle,
main.collection_container a.ab-cat-card.ab-reveal.ab-observed.ab-visible {
  align-items: center;
}
button.text-heading.flex.items-center.rounded-md.border.border-gray-300.px-4.py-2.text-sm.font-semibold.transition.duration-200.ease-in-out.text-start.hover\:bg-gray-200.focus\:outline-none
  span.px-2\.5 {
  font-weight: 500;
}
button.text-heading.flex.items-center.rounded-md.border.border-gray-300.px-4.py-2.text-sm.font-semibold.transition.duration-200.ease-in-out.text-start.hover\:bg-gray-200.focus\:outline-none
  svg {
  stroke-width: 1px;
}
.ab-plist-track {
  display: flex;
  gap: 24px;
  overflow-y: hidden;
  padding-bottom: 4px;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ab-plist-track::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1023px) {
  .ab-plist {
    margin: 20px -20px;
  }
  .ab-plist-header,
  .ab-plist-track {
    padding-inline: 20px;
  }
}
.ab-plist-card {
  position: relative;
  flex: 0 0 calc(24% - 12px);
  min-width: 235px;
  scroll-snap-align: start;
  display: block;
  padding: 38px 16px;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  margin: 2rem 0;
  border-radius: 6px;
}
@media (max-width: 768px) {
  .ab-plist-card {
    margin: 20px 0;
  }
  span.ab-pgrid-swatch.ab-pgrid-swatch-image,
  span.ab-plist-swatch.ab-plist-swatch-image {
    width: 40px;
    height: 40px;
    border-radius: 3px;
  }
}
@media (hover: hover) {
  .ab-plist-card:hover {
    transform: translateY(-4px);
  }
}
.ab-plist-badge,
.ab-plist-badge-stack {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
}
.ab-plist-badge {
  padding: 1px 5px;
  background: var(--product-badge-bg, #cd1515);
  color: var(--product-badge-text, #fff);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  border-radius: 15px;
  height: 23px;
}
main.collection_container .ab-pgrid .ab-pgrid-card {
  padding: 0;
  box-shadow: none;
  margin: 0;
}
main.collection_container .ab-pgrid {
  margin: 18px 0;
}
main.collection_container .category_section_header {
  position: relative;
  padding-bottom: 16px;
}
main.collection_container .category_section_header::after,
main.collection_container .category_section_header::before {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 1px;
  background-color: var(--body-text, #121212);
  opacity: 0.4;
}
main.collection_container .category_section_header::after {
  bottom: 0;
  width: 35px;
}
.ab-plist-badge-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  pointer-events: none;
}
.ab-plist-badge-stack .ab-plist-badge {
  position: static;
}
.ab-featured-badge.ab-out-of-stock-badge,
.ab-pgrid-badge.ab-out-of-stock-badge,
.ab-plist-badge.ab-out-of-stock-badge {
  background: #000;
  color: #fff;
}
.ab-plist-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--plist-media-aspect-ratio, auto);
}
.ab-plist-media .ab-plist-img-hover,
.ab-plist-media img {
  width: 100%;
  object-fit: var(--plist-media-object-fit, cover);
}
.ab-plist-media img {
  height: auto;
  display: block;
  transition: opacity 0.45s ease, transform 0.45s ease;
}
.ab-plist-media .ab-plist-img-hover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
}
.ab-plist-card:hover .ab-plist-img-primary {
  opacity: 0;
  transform: scale(1.03);
}
.ab-plist-card:hover .ab-plist-img-hover {
  opacity: 1;
  transform: scale(1.03);
}
.ab-plist-add-btn {
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 4;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #efede8;
  border-radius: 50%;
  background: var(--body-bg, #ffffff);
  box-shadow: 0 0 1px rgb(from var(--body-text, #000) r g b/.13);
  cursor: pointer;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.25s ease, transform 0.25s ease, background 0.2s ease,
    box-shadow 0.2s ease;
}
.ab-pgrid-add-btn::before,
.ab-plist-add-btn::before {
  content: "";
  display: block;
  margin: auto;
  background: var(--body-text, #151515);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M7.75 4.75H2.283a1 1 0 0 0-.97 1.244l1.574 6.25a1 1 0 0 0 .97.756h7.787a1 1 0 0 0 .97-.756l1.573-6.25a1 1 0 0 0-.97-1.244H7.75Zm0 0V1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M7.75 4.75H2.283a1 1 0 0 0-.97 1.244l1.574 6.25a1 1 0 0 0 .97.756h7.787a1 1 0 0 0 .97-.756l1.573-6.25a1 1 0 0 0-.97-1.244H7.75Zm0 0V1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.ab-plist-add-btn::before {
  width: 17px;
  height: 16px;
}
.ab-plist-card:hover .ab-plist-add-btn {
  opacity: 1;
  transform: translateY(0);
}
.ab-plist-add-btn:hover {
  background: #151515;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
.ab-pgrid-add-btn:hover::before,
.ab-plist-add-btn:hover::before {
  background: #fff;
}
.ab-plist-info {
  padding: 16px 0 0;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ab-plist-name {
  margin: 0;
  color: var(--product-name-text, #151515);
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.2;
}
.ab-plist-rating.ab-pd-rating {
  padding: 8px 0 6px;
}
.ab-plist-rating .ab-pd-star {
  width: 18px;
  height: 18px;
}
.ab-plist-rating .ab-pd-reviews-count {
  font-size: 16px;
  color: var(--body-text, #151515);
  line-height: 1;
}
div#headlessui-radiogroup-\:r8\: {
  padding-inline-start: 5px;
}
.ab-plist-subtitle {
  margin: 4px 0 0;
  color: rgba(33, 42, 47, 0.7);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}
.ab-plist-price {
  display: block;
  color: var(--product-price-text, #313e61);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
}
.ab-plist-swatches {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ab-plist-swatch {
  width: 20px;
  height: 20px;
  border-radius: 30px;
  border: 1.5px solid rgb(from var(--body-text, #000) r g b/.4);
  display: inline-flex;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ab-plist-swatch:hover {
  transform: scale(1.2);
  box-shadow: 0 0 0 2px rgba(33, 42, 47, 0.3);
}
.ab-plist-swatch-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ab-plist-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.ab-plist-viewall-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--body-text, #313e61);
  border-radius: 20px;
  background: 0 0;
  text-decoration: none;
  white-space: nowrap;
}
.ab-plist-viewall-text {
  position: relative;
  display: inline-block;
}
.ab-plist-viewall-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1.5px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}
.ab-plist-viewall-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--body-bg, #ffffff) 80%, #e5e5e5);
  color: var(--body-text, #313e61);
  flex-shrink: 0;
  transition: background 0.3s ease, color 0.3s ease;
}
.ab-plist-viewall-icon svg {
  width: 16px;
  height: 16px;
}
.ab-plist-viewall-btn:hover .ab-plist-viewall-text::after {
  transform: scaleX(1);
}
.ab-plist-viewall-btn:hover .ab-plist-viewall-icon {
  background: var(--body-text, #313e61);
  color: #fff;
}
@media (max-width: 1024px) {
  .ab-plist-card {
    min-width: 200px;
  }
  .ab-plist-add-btn {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 480px) {
  .ab-plist-card {
    flex: 0 0 65%;
    min-width: 0;
  }
  .ab-plist-arrows {
    display: none;
  }
  .ab-plist-title {
    font-size: 24px;
  }
}
h2.ab-pgrid-title.ab-reveal.ab-observed.ab-visible {
  margin: 0;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--body-text, #313e61);
  display: inline-block;
}
.ab-pgrid-header {
  text-align: center;
  padding: 20px 0 18px;
}
.ab-pgrid-footer {
  display: flex;
  text-align: center;
  justify-content: center;
  padding-block: 25px;
}
a.ab-pgrid-viewall-btn {
  background: var(--body-text, #151515);
  color: var(--body-bg, #fff);
  padding: 8px 24px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 20px;
}
.ab-pgrid {
  margin: 10px 0;
}
.ab-pgrid-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 20px;
  column-gap: 18px;
}
body,
html {
  overflow-x: clip;
  scrollbar-width: thin;
}
.ab-pgrid-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  background: 0 0;
  padding: 38px 16px;
  margin: 20px 0;
  border-radius: 6px;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.ab-featured-card:has(.ab-out-of-stock-badge) .ab-featured-media,
.ab-featured-media.is-out-of-stock,
.ab-pgrid-card:has(.ab-out-of-stock-badge) .ab-pgrid-media,
.ab-pgrid-media.is-out-of-stock,
.ab-plist-card:has(.ab-out-of-stock-badge) .ab-plist-media,
.ab-plist-media.is-out-of-stock {
  opacity: 0.5;
}
.ab-pgrid-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  padding: 2px 8px;
  background: var(--product-badge-bg, #cd1515);
  color: var(--product-badge-text, #fff);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  border-radius: 15px;
  height: 24px;
}
.ab-pgrid-badge-stack {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  pointer-events: none;
}
.ab-pgrid-badge-stack .ab-pgrid-badge {
  position: static;
}
.ab-pgrid-media {
  position: relative;
  overflow: hidden;
  background: #f5f4f2;
  aspect-ratio: var(--pgrid-media-aspect-ratio, auto);
}
.ab-pgrid-media .ab-pgrid-img-hover,
.ab-pgrid-media img {
  width: 100%;
  object-fit: var(--pgrid-media-object-fit, cover);
  display: block;
}
.ab-pgrid-media img {
  height: auto;
  transition: opacity 0.45s ease, transform 0.45s ease;
}
.ab-pgrid-img-hover {
  position: absolute;
  inset: 0;
  height: 100%;
  opacity: 0;
}
.ab-pgrid-card:hover .ab-pgrid-img-primary {
  opacity: 0;
  transform: scale(1.03);
}
.ab-pgrid-card:hover .ab-pgrid-img-hover {
  opacity: 1;
  transform: scale(1.03);
}
.ab-pgrid-add-btn {
  position: absolute;
  bottom: 6px;
  right: 4px;
  z-index: 4;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid #efede8;
  border-radius: 50%;
  background: var(--body-bg, #ffffff);
  box-shadow: 0 0 2px rgb(from var(--body-text, #000) r g b/.13);
  cursor: pointer;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.25s ease, transform 0.25s ease, background 0.2s ease,
    box-shadow 0.2s ease;
}
.ab-pgrid-add-btn::before {
  width: 15px;
  height: 15px;
}
a.ab-pgrid-card.ab-reveal.ab-observed.ab-visible {
  margin: 10px 0;
  padding: 0 0 15px;
}
.ab-pgrid-card:hover .ab-pgrid-add-btn {
  opacity: 1;
  transform: translateY(0);
}
.ab-pgrid-add-btn:hover {
  background: #151515;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
.ab-pgrid-info {
  padding: 12px 14px 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ab-pgrid-name {
  margin: 0;
  color: var(--product-name-text, #151515);
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.03em;
  line-height: 1.1;
}
.ab-pgrid-subtitle {
  margin: 2px 0 0;
  color: rgba(33, 42, 47, 0.7);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}
.ab-pgrid-price {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--product-price-text, #313e61);
}
.ab-pgrid-swatches {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
span.ab-pgrid-swatch.ab-pgrid-swatch-image,
span.ab-plist-swatch.ab-plist-swatch-image {
  width: 45px;
  height: 45px;
  border-radius: 3px;
}
.ab-pgrid-swatch {
  width: 18px;
  height: 18px;
  border-radius: 20px;
  border: 1.5px solid rgb(from var(--body-text, #000) r g b/.4);
  display: inline-flex;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ab-pgrid-swatch:hover {
  transform: scale(1.2);
  box-shadow: 0 0 0 2px rgba(33, 42, 47, 0.3);
}
.ab-pgrid-swatch-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ab-pgrid-swatch-more {
  font-size: 11px;
  font-weight: 700;
  color: rgba(33, 42, 47, 0.6);
  margin-left: 2px;
}
.ab-pgrid-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  min-height: 100%;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.ab-pgrid-hero:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.ab-pgrid-hero > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.ab-pgrid-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0, transparent 60%);
  z-index: 1;
}
.ab-pgrid-hero-content {
  position: relative;
  z-index: 2;
  padding: 20px 20px 0;
}
.ab-pgrid-hero-cat {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  opacity: 0.85;
}
.ab-pgrid-hero-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin: 4px 0 10px;
}
.ab-pgrid-hero-cta {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 14px 20px 20px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.92);
  color: #1f272b;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 4px;
  transition: background 0.2s ease;
}
.ab-pgrid-hero:hover .ab-pgrid-hero-cta {
  background: #fff;
}
.ab-pgrid-loadmore-wrap {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
button.text-\[13px\].md\:text-sm.leading-4.inline-flex.items-center.cursor-pointer.transition.ease-in-out.duration-300.font-semibold.font-body.text-center.justify-center.border-0.border-transparent.rounded-md.placeholder-white.focus-visible\:outline-none.focus\:outline-none.h-11.md\:h-12.px-5.bg-heading.text-white.py-2.transform-none.normal-case.hover\:text-white.hover\:bg-gray-600.hover\:shadow-cart {
  border-radius: 25px;
  color: var(--body-bg, #fff);
  background: var(--body-text, #151515);
  padding: 7px 19px;
  font-size: 12px;
  margin-bottom: 3rem;
}
.ab-pgrid-loadmore-btn {
  padding: 10px 36px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--body-bg, #fff);
  background: var(--body-text, #151515);
  border: 1px solid var(--body-text, #151515);
  border-radius: 2px;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.ab-pgrid-loadmore-btn:hover {
  opacity: 0.85;
}
@media (max-width: 1024px) {
  .ab-pgrid-wrap {
    grid-template-columns: repeat(4, 1fr);
  }
  .ab-pgrid-hero {
    grid-column: span 3;
    min-height: 220px;
  }
  .ab-pgrid-add-btn {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 480px) {
  .ab-pgrid-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .ab-pgrid-hero {
    grid-column: span 2;
    min-height: 200px;
  }
  .ab-pgrid-hero-title {
    font-size: 18px;
  }
}
.ab-slider {
  position: relative;
  margin-inline: -48px;
  width: auto;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 20px;
}
.ab-slider-track {
  position: relative;
  width: 100%;
  aspect-ratio: 16/7;
}
.ab-slider-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
  pointer-events: none;
}
.ab-slider-slide.ab-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}
.ab-slider-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ab-slider-controls {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ab-slider-progress {
  flex: 1;
  height: 3px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  overflow: hidden;
}
.ab-slider-progress-bar {
  display: block;
  height: 100%;
  width: 0%;
  background: #fff;
  border-radius: 2px;
  transition: width 0.1s linear;
}
.ab-slider-arrow,
.ab-slider-pause {
  background: 0 0;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: color 0.2s;
}
.ab-slider-pause:hover {
  color: #fff;
}
.ab-slider-arrow {
  width: 28px;
  height: 28px;
  transition: color 0.2s, transform 0.2s;
  border-radius: 50%;
}
.ab-slider-arrow:hover {
  color: #fff;
  transform: scale(1.08);
}
.ab-slider-arrow svg {
  width: 20px;
  height: 20px;
}
.ab-slider-pause svg {
  width: 18px;
  height: 18px;
}
.ab-slider-icon-play,
.ab-slider.ab-paused .ab-slider-icon-pause {
  display: none;
}
.ab-slider.ab-paused .ab-slider-icon-play {
  display: block;
}
@media (max-width: 768px) {
  .ab-slider {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    max-width: 100vw;
    box-sizing: border-box;
    border-radius: 0;
  }
  .ab-slider-track {
    aspect-ratio: 5/6;
  }
  .ab-slider-controls {
    bottom: 14px;
    left: 14px;
    right: 14px;
  }
  .ab-categories-track.ab-cat-slider,
  .ab-plist-track {
    gap: 16px;
  }
  .ab-pgrid-wrap {
    column-gap: 16px;
    row-gap: 12px;
  }
  .ab-categories {
    padding: 0 !important;
    margin-inline: -20px !important;
  }
  .ab-categories-header {
    padding: 20px;
  }
  .ab-categories-track.ab-cat-slider {
    padding-inline: 20px !important;
    scroll-snap-type: block;
  }
  h2.ab-categories-title.ab-reveal.ab-observed.ab-visible {
    font-size: 32px;
  }
}
.ab-pd {
  padding-bottom: 0;
}
.ab-pd-name {
  margin: 0;
  font-size: 28px;
  line-height: 2rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--product-name-text, #151515);
}
@media (min-width: 768px) {
  .ab-pd-name {
    font-size: 40px;
    line-height: 1.1;
  }
  .p_details_container {
    position: sticky;
    top: 120px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start;
    align-items: center !important;
    height: auto;
    min-height: 0;
    align-self: start;
    padding: 0 !important;
    max-width: 80%;
    margin: 0 auto;
  }
}
.ab-pd-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-bottom: 25px;
}
.ab-pd-meta-row .ab-pd-rating {
  margin-top: 0;
}
.ab-pd-price-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding-bottom: 25px;
}
.mt-5.flex.flex-col.flex-col-reverse.gap-3 {
  margin-top: 0;
  gap: 8px;
}
.ab-pd-price {
  font-size: 20px;
  font-weight: 600;
  color: var(--product-price-text, #151515);
}
.ab-pd-price-sale {
  color: var(--product-sale-price-text, #cd1515);
}
.ab-pd-price-old {
  font-size: 18px;
  font-weight: 600;
  color: var(--body-text, #91939a);
  text-decoration: line-through;
  opacity: 0.4;
}
.ab-pd-rating,
.ab-pd-stars {
  display: flex;
  align-items: center;
}
.ab-pd-rating {
  gap: 6px;
}
.ab-pd-stars {
  gap: 1px;
}
.ab-pd-star {
  width: 20px;
  height: 20px;
  display: block;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.ab-pd-star-filled {
  background-image: none !important;
  background-color: #f5c60b;
  -webkit-mask-image: url(https://files.easy-orders.net/1772838507170834447ab-star-filled.svg);
  mask-image: url(https://files.easy-orders.net/1772838507170834447ab-star-filled.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.ab-pd-star-half {
  background: linear-gradient(to right, #facc15 50%, #e5e7eb 50%) !important;
  -webkit-mask: url(https://files.easy-orders.net/1772838507170834447ab-star-filled.svg)
    center/contain no-repeat;
  mask: url(https://files.easy-orders.net/1772838507170834447ab-star-filled.svg)
    center/contain no-repeat;
}
.ab-pd-star-empty {
  background-image: url(https://files.easy-orders.net/1772838507171010246ab-star-empty.svg);
}
.ab-pd-reviews-count {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: rgb(from var(--body-text, #151515) r g b/.7);
}
.ab-pd-description {
  margin: 16px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}
.button_variations_container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
}
@media (max-width: 768px) {
  .ab-pd-price {
    font-size: 18px;
  }
  .ab-pd-price-old {
    font-size: 16px;
  }
  .ab-pd-meta-row {
    padding-bottom: 5px;
  }
}
span.format-price {
  font-family: "Red Hat Text", sans-serif;
}
span.absolute.inset-0.flex.justify-center.bg-white\/50.bg-center.bg-no-repeat
  img.max-h-full.max-w-full {
  min-width: stretch;
  opacity: 0.7;
}
.button_variation {
  min-width: 40px;
  height: 40px;
  padding: 0 8px !important;
  border: 1px solid rgb(from var(--body-text, #000) r g b/.25) !important;
  border-radius: 0 !important;
  background: 0 0;
  color: var(--body-text, #151515) !important;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.button_variation:hover,
.image_variation:hover {
  border-color: #151515;
}
.button_variation_checked {
  background: 0 0 !important;
  border-color: var(--body-text, #151515) !important;
  border: 1px solid !important;
}
.button_variation.w-fit.relative.flex.items-center.justify-center.rounded-\[15px\].border.px-3.py-\[11px\].font-medium.uppercase.cursor-pointer.focus\:outline-none.leading-none.border-gray-200.bg-white.text-gray-900.hover\:bg-gray-50:hover,
button.bg-gray-50.mx-2.rounded-md.active\:bg-gray-200.hover\:bg-gray-100 {
  background: 0 0;
}
.color_variation {
  border-radius: 20px;
  padding: 0 !important;
}
.color_variation_checked {
  --tw-ring-shadow: none !important;
  outline: 1px solid var(--body-text, #151515);
  outline-offset: 0.165rem;
}
.color_variation span {
  width: 24px;
  height: 24px;
  border-radius: 20px;
  border: 1px solid rgb(70 70 70/50%);
  border-top-left-radius: none;
}
.variation_name,
h2.text-base.font-bold.text-gray-900.whitespace-nowrap.flex.items-center.gap-1.flex-wrap {
  font-size: 14px;
  font-weight: 600 !important;
  color: var(--body-text, #313e61);
  margin-bottom: 0 !important;
  line-height: 1 !important;
  justify-content: center;
}
.flex.flex-col.lg\:flex-row.lg\:items-baseline.gap-2.mt-2 {
  margin-top: 16px;
}
.image_variation {
  width: 52px;
  height: 52px;
  border: 1.5px solid #d4d4d4;
  border-radius: 0;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.image_variation div,
.image_variation img {
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.image_variation div {
  height: 100%;
  display: flex;
}
.image_variation img {
  height: 50px;
  object-fit: cover;
}
.image_variation span {
  border-radius: 0;
}
.image_variation_checked {
  --tw-ring-shadow: none !important;
  outline: 1px solid var(--body-text, #151515);
  outline-offset: 2px;
}
.ab-gallery {
  width: 100%;
  direction: ltr;
}
.ab-gallery-desktop-layout {
  display: flex;
  gap: 12px;
  position: relative;
}
.ab-gallery-thumbs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
  width: 72px;
  max-height: 500px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
.ab-gallery-thumbs::-webkit-scrollbar {
  width: 3px;
}
.ab-gallery-thumbs::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}
.ab-gallery-thumb {
  width: 72px;
  flex-shrink: 0;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 10px;
  overflow: hidden;
  background: #f5f4f2;
  cursor: pointer;
  transition: border-color 0.25s ease, transform 0.2s ease;
}
.ab-gallery-thumb.ab-active {
  border-bottom: 2px solid var(--body-text, #151515);
  padding-bottom: 4px;
  opacity: 1;
}
.ab-gallery-thumb:not(.ab-active):hover {
  border-color: #bbb;
  transform: scale(0.96);
}
.ab-gallery-thumb img,
.ab-gallery-thumb video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.ab-gallery-slider {
  position: relative;
  border-radius: 0;
  overflow: hidden;
  cursor: zoom-in;
  height: 100%;
  touch-action: pan-y pinch-zoom;
  flex: 1;
  direction: ltr;
  min-width: 0;
}
.ab-gallery-track {
  display: flex;
  width: 100%;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.ab-gallery-track.ab-dragging {
  transition: none;
}
.ab-gallery-slide {
  flex: 0 0 100%;
  min-width: 0;
}
.ab-gallery-zoom {
  position: absolute;
  bottom: 14px;
  right: 14px;
  z-index: 3;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0;
  background: rgb(247 247 247/92%);
  border: 1px solid rgb(from var(--body-text, #151515) r g b/.15);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #1f272b;
  cursor: zoom-in;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.25s ease, transform 0.25s ease, background 0.2s ease;
  pointer-events: auto;
}
.ab-gallery-slider:hover .ab-gallery-zoom {
  opacity: 1;
  transform: scale(1);
}
.ab-gallery-zoom:hover {
  background: #fff;
}
.ab-gallery-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  background: color-mix(in srgb, var(--body-bg, #ffffff) 55%, #d4d4d4);
  cursor: pointer;
  transition: background 0.25s ease, transform 0.25s ease;
}
.ab-gallery-dot.ab-active {
  background: var(--body-text, #151515);
}
.ab-gallery-dot:not(.ab-active):hover {
  background: #aaa;
}
.ab-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.ab-lightbox.ab-open {
  display: flex;
}
.ab-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: #fff;
  cursor: default;
}
.ab-lightbox-body,
.ab-lightbox-close {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ab-lightbox-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  width: 44px;
  height: 42px;
  border-radius: 50%;
  color: #000;
  font-size: 33px;
  font-weight: 200;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease;
  border: 1px solid 1px solid #1515152b;
  align-items: stretch;
}
.ab-lightbox-arrow:hover,
.ab-lightbox-close:hover {
  background: rgba(255, 255, 255, 0.25);
}
.ab-lightbox-body {
  position: relative;
  z-index: 2;
  max-width: 90vw;
  max-height: 90vh;
  pointer-events: none;
}
.ab-lightbox-img {
  max-width: fit-content;
  object-fit: cover;
  border-radius: 1px;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: auto;
}
.ab-lightbox-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, 0.12);
  color: #000;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
.ab-lightbox-arrow svg {
  width: 22px;
  height: 22px;
}
.ab-lightbox-nav {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}
.ab-lightbox-nav > * {
  pointer-events: auto;
}
.ab-lightbox-prev {
  left: 16px;
}
.ab-lightbox-next {
  right: 16px;
}
.ab-lightbox-counter {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.08em;
  background: rgba(0, 0, 0, 0.4);
  padding: 7px 15px;
  border-radius: 32px;
}
@media (max-width: 768px) {
  .ab-lightbox-body {
    max-width: 100vw;
    max-height: 100vh;
    width: 100vw;
    height: 100vh;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    pointer-events: auto;
  }
  .ab-lightbox-img {
    width: auto;
    max-width: none;
    max-height: inherit;
    flex-shrink: 0;
    border-radius: 0;
  }
  .ab-gallery-desktop-layout {
    display: block;
  }
  .ab-gallery-thumbs {
    display: none;
  }
  .ab-gallery-dots {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    gap: 8px !important;
    padding: 8px 16px;
    margin: 10px 0 0 !important;
    background: 0 0 !important;
    z-index: 5 !important;
    border: 1px solid rgb(from var(--body-text, #151515) r g b/.4);
    width: fit-content;
    border-radius: 25px;
  }
  .ab-gallery {
    width: 100%;
    direction: ltr;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ab-gallery-slider {
    border-radius: 0;
    cursor: default;
    aspect-ratio: auto;
    height: auto;
  }
  .ab-gallery-zoom {
    opacity: 1;
    transform: scale(1);
    display: flex;
    width: 34px;
    height: 34px;
    top: 10px;
    right: 10px;
    bottom: auto;
  }
  .ab-gallery-dot {
    width: 6px;
    height: 6px;
  }
  .ab-lightbox-nav {
    inset: auto;
    top: auto;
    left: 50%;
    right: auto;
    bottom: 20px;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 4px 6px;
    background: #fff;
    border: 1px solid rgb(from var(--body-text, #151515) r g b/.12);
    border-radius: 999px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    pointer-events: auto;
  }
  .ab-lightbox-arrow,
  .ab-lightbox-counter {
    position: static;
    transform: none;
    background: 0 0;
  }
  .ab-lightbox-arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }
  .ab-lightbox-arrow:hover {
    background: rgb(from var(--body-text, #151515) r g b/.06);
  }
  .ab-lightbox-arrow svg {
    width: 16px;
    height: 16px;
  }
  .ab-lightbox-counter {
    color: #151515;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1;
    min-width: 44px;
    text-align: center;
  }
}
.ab-featured-hero,
.ab-featured-media,
.ab-pgrid-hero,
.ab-pgrid-media,
.ab-plist-media,
.ab-slider-slide {
  background: #fff;
  background-size: 400% 100%;
}
.ab-footer {
  background: var(--ft-bg, #ffffff);
  color: var(--ft-text, #000);
}
.ab-footer-inner {
  max-width: 944px;
  margin: 0 auto;
  padding: 48px 24px 32px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: nowrap;
}
.ab-footer-columns {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
}
.ab-footer-col {
  min-width: 230px;
}
.ab-footer-heading {
  font-size: 24px;
  font-weight: 200;
  font-family: Newsreader, serif !important;
  line-height: 1.1;
  padding-block: 0.7rem;
}
.ab-footer-links {
  list-style: none;
  margin-top: 12px;
  padding: 0;
}
.ab-footer-links a {
  font-size: 12px;
  line-height: 2;
  font-weight: 400;
  letter-spacing: 0.1em;
  transition: opacity 0.2s;
}
.ab-footer-links a:hover {
  opacity: 0.7;
}
.ab-footer-brand {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.ab-footer-links a,
.ab-footer-logo {
  text-decoration: none;
  color: var(--ft-text, #333);
}
.ab-footer-logo {
  display: inline-block;
}
.ab-footer-logo img {
  max-height: 48px;
  width: auto;
}
.ab-footer-logo-text {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ab-footer-contact {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.ab-footer-contact-item,
.ab-footer-social-icons a {
  display: flex;
  align-items: center;
  color: var(--ft-text, #050505);
}
.ab-footer-contact-item {
  gap: 0.5rem;
  font-size: 13px;
  font-style: normal;
  text-decoration: none;
}
a.ab-footer-contact-item:hover {
  opacity: 0.9;
}
.ab-footer-social {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ab-footer-social-label {
  margin: 0 0 14px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  opacity: 0.5;
}
.ab-footer-social-icons {
  display: flex;
  gap: 8px;
}
.ab-footer-social-icons a {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  opacity: 0.7;
  justify-content: center;
  color: var(--ft-text, #070707);
}
.ab-footer-social-icons a:hover {
  opacity: 1;
}
.ab-footer-social-icons svg {
  width: 16px;
  height: 16px;
  fill: var(--ft-text, #fff);
  stroke: var(--ft-text, #fff);
}
.ab-footer-social-img {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: var(--ft-text, #080808);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.ab-footer-payment {
  display: flex;
  justify-content: center;
}
.ab-footer-payment img {
  max-height: 95px;
  width: 222px;
}
.ab-footer-bottom {
  padding: 16px 24px 0;
  text-align: center;
}
input.ab-footer-subscribe-input::placeholder {
  font-size: 12px !important;
}
.ab-footer-copy {
  margin: 0;
  font-size: 12px;
  border-top: 1px solid #e6e6e6;
  padding-top: 12px;
}
.ab-footer-powered {
  margin: 8px 0 0;
  font-size: 12px;
}
.ab-footer-powered a {
  color: #34d399;
  text-decoration: none;
  font-weight: 600;
}
.ab-footer-powered a:hover {
  text-decoration: underline;
}
main.mx-auto.w-full.max-w-full.flex-1.px-4.sm\:px-6.xl\:max-w-7xl.xl\:px-8.pb-24 {
  background: var(--body-bg, #fff);
}
.flex.w-full.flex-1.items-end.max-w-5xl.mx-auto input.global_input {
  background: rgb(from var(--body-bg, #000) r g b/.4);
}
.ab-footer-right {
  display: flex;
  flex-direction: column;
  gap: 28px;
  min-width: 320px;
  flex: 1;
  max-width: 420px;
}
.ab-footer-subscribe-form {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 408px;
}
.ab-footer-subscribe-input::-webkit-input-placeholder {
  color: var(--ft-bg, #6b7280) !important;
  opacity: 1 !important;
}
.ab-footer-subscribe-input::-moz-placeholder {
  color: var(--ft-bg, #6b7280) !important;
  opacity: 1 !important;
}
.ab-footer-subscribe-input:-ms-input-placeholder {
  color: var(--ft-bg, #6b7280) !important;
  opacity: 1 !important;
}
.ab-footer-subscribe-input::placeholder {
  color: var(--ft-bg, #6b7280);
  opacity: 1 !important;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
}
.ab-footer-input-wrapper {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 400px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  background: 0 0 !important;
  overflow: hidden !important;
}
.ab-footer-subscribe-input {
  flex: 1;
  height: 40px;
  font-size: 16px;
  color: #000;
  background: 0 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0;
  outline: 0;
  padding: 0.5rem 0 !important;
  transition: border-color 0.2s;
}
.ab-footer-subscribe-input:focus {
  border-color: rgba(255, 255, 255, 0.7);
}
.ab-footer-subscribe-btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ft-text, #fff);
  border: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: opacity 0.2s;
}
.ab-footer-subscribe-btn svg {
  width: 18px;
  height: 18px;
  stroke: var(--ft-bg, #5d5757);
}
.ab-footer-subscribe-btn:hover {
  opacity: 0.85;
}
.ab-footer-email-error {
  display: none;
  margin-top: 6px;
  font-size: 12px;
  color: #000;
  line-height: 1.3;
}
.ab-footer-subscribe-msg {
  margin: 8px 0 0;
  font-size: 12px;
  color: #34d399;
}
.ab-footer-subscribe-msg[data-error] {
  color: #f87171;
}
@media (max-width: 768px) {
  .ab-footer-inner {
    flex-direction: column;
    padding: 32px 16px 5px;
    gap: 32px;
  }
  .ab-footer-columns {
    flex-direction: column;
    gap: 12px;
  }
  .ab-footer-payment {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .ab-footer-social {
    padding: 24px 5px 0;
    margin-bottom: -25px;
  }
  .ab-footer-subscribe-form {
    width: auto;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .ab-footer-inner {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 32px 24px;
    padding: 40px 24px 0;
    max-width: 100%;
  }
  .ab-footer-columns {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    gap: 12px;
    flex-wrap: nowrap;
  }
  .ab-footer-col {
    min-width: 0;
    flex: 1;
  }
  .ab-footer-subscribe-section {
    grid-column: 2;
    grid-row: 1;
  }
  .ab-footer-subscribe-form {
    width: 100%;
  }
  .ab-footer-contact-info {
    grid-column: 1;
    grid-row: 2;
  }
  .ab-footer-brand-section {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .ab-footer-bottom {
    grid-column: 1/-1;
    grid-row: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    padding-top: 12px;
  }
  .ab-footer-copy {
    border-top: none;
  }
  .header-col-right a.ab-icon-btn.search-btn.ab-mobile-search.focus-handled {
    display: none;
  }
  .ab-gallery-dots {
    visibility: hidden;
  }
  .p_details_container > * {
    max-width: initial !important;
    width: 100% !important;
  }
}
.ab-pd-meta-row,
.ab-pd-price-row {
  margin-top: 14px !important;
}
.ab-pd-meta-row .ab-pd-price-row {
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}
.mt-4.md\:mt-6 {
  display: grid;
  justify-items: start;
  align-items: center;
  margin-bottom: 13px;
  justify-content: space-between;
  align-content: space-between;
}
.ab-pd-divider {
  width: 100%;
  height: 1px;
  background-color: var(--body-text, #313e61);
  margin: 15px 0 10px;
  border: 0;
  opacity: 0.2;
}
.variation_name {
  width: 100% !important;
}
.button_variations_container,
.flex.flex-wrap.items-center.gap-3,
.flex.w-fit.flex-wrap.gap-3 {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.checkout_btn {
  width: 100% !important;
  justify-content: center !important;
}
.add_to_cart_btn {
  display: flex !important;
  align-items: center !important;
  text-transform: capitalize;
  background: var(--crt-btn-bg, #fff);
  color: var(--crt-btn-text, #151515);
  border: 1px solid var(--crt-btn-border, #151515a4);
  border-radius: 40px;
  flex: 1;
  font-size: 16px;
  padding-block: 12px;
  line-height: 1.6 !important;
}
.add_to_cart_btn,
.flex.flex-row-reverse.gap-2.mt-5 {
  width: 100% !important;
  justify-content: center !important;
}
.add_to_cart_btn::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M14.608 12.563v5m2.5-2.5h-5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M14.608 12.563v5m2.5-2.5h-5'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  vertical-align: middle;
}
.quantity_btn_container {
  border-radius: 40px;
  gap: 0.5rem;
  border: 1px solid var(--body-text, var(--crt-btn-border, #151515a4));
  margin: 0 !important;
}
.quantity_btn_container,
button.bg-gray-50.mx-2.rounded-md.active\:bg-gray-200.hover\:bg-gray-100 svg {
  color: var(--body-text, var(--crt-btn-border, #151515a4));
}
.add_to_cart_btn:hover {
  background: var(--crt-btn-text, #151515);
  color: var(--crt-btn-bg, #fff);
}
.checkout_btn,
.checkout_btn:hover {
  background: var(--buy-btn-bg, #cc2134);
}
.checkout_btn {
  color: var(--buy-btn-text, #fff);
  border: 1px solid var(--buy-btn-border, #cc2134);
  border-radius: 40px;
  font-weight: 600;
  font-size: 16px;
  padding-block: 0.8rem;
  text-transform: capitalize;
}
.checkout_btn:hover {
  opacity: 0.88;
}
input.global_input.border-sm.border-red-500.ring-red-500 {
  background: var(--input-bg, #fff);
}
.ab-reviews {
  max-width: 1420px;
  margin: 2.5rem auto;
  padding: 0 1rem;
}
.ab-reviews-header {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ab-reviews-title {
  font-size: 35px;
  font-weight: 700;
  color: var(--body-text, #151515);
  margin: 0 0 0.75rem;
}
.ab-reviews-summary {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ab-reviews-avg-stars {
  display: flex;
  align-items: center;
  gap: 2px;
}
.ab-reviews-count {
  font-size: 16px;
  font-weight: 500;
  color: rgb(from var(--body-text, #151515) r g b/.6);
}
.ab-reviews-write-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.5rem;
  font-size: 14px;
  font-weight: 600;
  border: 1.5px solid var(--body-text, #151515);
  color: var(--body-bg, #fff);
  background: var(--body-text, #151515);
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.ab-reviews-write-btn:hover {
  background: var(--body-text, #151515);
  color: #fff;
}
.ab-reviews-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (min-width: 1024px) {
  span.verified-badge {
    font-size: 15px;
  }
  h3.ab-review-author {
    font-size: 18px;
    font-weight: 600;
  }
  p.ab-review-comment {
    font-size: 16px;
  }
  .p_details_container {
    position: sticky;
    top: 120px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start;
    align-items: center !important;
    height: auto;
    min-height: 0;
    align-self: start;
    padding: 0 !important;
    max-width: 100%;
    margin: 0 auto;
    gap: 0;
  }
  h1.ab-pd-name {
    padding-top: 50px;
  }
  .checkout_buy_now {
    height: 60px;
    font-size: 20px;
  }
  .flex.flex-col:has(.product_form_checkout.product_form_checkout) {
    margin-inline: -35px;
  }
  .ab-pgrid-price {
    font-size: 20px;
  }
  main.collection_container .category_section_header::before {
    width: 160px;
    bottom: 8px;
  }
  main.collection_container .category_section_header::after {
    width: 100px;
  }
  button.text-heading.flex.items-center.rounded-md.border.border-gray-300.px-4.py-2.text-sm.font-semibold.transition.duration-200.ease-in-out.text-start.hover\:bg-gray-200.focus\:outline-none {
    padding: 5px 8px;
    font-size: 16px;
    white-space: NOWRAP;
    border-radius: 2px;
    border: 0;
  }
  .category_section_header.mb-7.flex.items-center.justify-between.pt-3 {
    padding-block: 30px 10px;
  }
  .mt-4.md\:mt-6 {
    display: flex;
    align-items: flex-start;
    margin: 0;
    justify-content: space-between;
    flex-direction: column;
  }
  .ab-plist-track {
    padding-inline: 48px;
  }
}
.mt-4.md\:mt-6.lg\:col-span-5.\[\&_h2\]\:font-bold form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mt-4.md\:mt-6.lg\:col-span-5.\[\&_h2\]\:font-bold {
  margin: 0;
}
body:has(.ab-announce) .edition-hero-slider__track,
html:has(.ab-announce) .edition-hero-slider__track {
  margin-top: 35px;
}
div#product-id {
  padding-bottom: 0 !important;
}
.ab-review-card {
  background: #f3f3f3;
  border-radius: 0.75rem;
  padding: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ab-review-stars .verified-badge {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #aeaeae;
  display: flex;
  gap: 6px;
  white-space: nowrap;
  line-height: normal;
}
.verified-badge-icon {
  flex-shrink: 0;
  width: 16px;
}
.ab-review-stars {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  flex-direction: column-reverse;
}
.stars-wrapper {
  display: flex;
}
.ab-review-author {
  font-size: 15px;
  font-weight: 600;
  color: #131316;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1;
}
.ab-review-comment {
  font-size: 14px;
  line-height: 1.6;
  color: #131316db;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.ab-review-comment.ab-review-expanded {
  -webkit-line-clamp: unset;
  display: block;
}
.ab-review-read-more {
  display: none;
  background: 0 0;
  border: 0;
  padding: 0;
  margin-top: 0.25rem;
  font-size: 13px;
  font-weight: 600;
  color: var(--body-text, #151515);
  cursor: pointer;
  text-decoration: none;
}
.ab-invoice-store-info a:hover,
.ab-review-read-more:hover {
  text-decoration: underline;
}
.ab-review-read-more.ab-visible {
  display: inline;
}
.ab-review-image {
  margin-top: 0.75rem;
  width: 100px;
  height: 140px;
  object-fit: cover;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.ab-reviews-empty {
  text-align: center;
  color: rgb(from var(--body-text, #151515) r g b/.5);
  font-size: 15px;
  padding: 2rem 0;
}
.ab-review-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.ab-review-modal.ab-review-modal-open {
  display: flex;
}
.ab-review-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.ab-review-modal-content {
  position: relative;
  background: #fff;
  border-radius: 0.75rem;
  width: 90%;
  max-width: 420px;
  padding: 1.5rem;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}
.ab-review-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.ab-review-modal-header h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--body-text, #151515);
  margin: 0;
}
.ab-review-modal-close {
  background: 0 0;
  border: 0;
  font-size: 24px;
  color: rgba(33, 42, 47, 0.5);
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.ab-review-modal-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ab-review-rating-select {
  display: flex;
  gap: 4px;
  margin-bottom: 0.25rem;
}
.ab-review-rating-star {
  background: 0 0;
  border: 0;
  cursor: pointer;
  padding: 2px;
}
.ab-review-rating-star .ab-pd-star {
  width: 24px;
  height: 24px;
}
.ab-review-input {
  width: 100%;
  padding: 0.625rem 0.875rem;
  border: 1.5px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.5rem;
  font-size: 14px;
  color: #151515;
  outline: 0;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.ab-review-input:focus {
  border-color: var(--body-text, #151515);
}
.ab-review-textarea {
  min-height: 100px;
  resize: vertical;
}
.ab-review-submit-btn {
  width: 100%;
  padding: 0.625rem;
  background: var(--body-text, #151515);
  color: #fff;
  border: 0;
  border-radius: 2rem;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
}
.ab-review-submit-btn:hover {
  opacity: 0.88;
}
@media (max-width: 768px) {
  .ab-reviews {
    padding: 0 0.75rem;
    margin: 1.5rem auto;
  }
  .ab-reviews-title {
    font-size: 1.25rem;
  }
  .ab-review-card {
    padding: 1.25rem;
  }
  .ab-reviews-list {
    display: grid;
    flex-direction: column;
    gap: 1rem;
    grid-template-columns: repeat(1, 2fr);
  }
  main.collection_container {
    padding-inline: 20px;
  }
  .mt-4.md\:mt-6.lg\:col-span-5.\[\&_h2\]\:font-bold form {
    gap: 0 !important;
  }
  .ab-pgrid-name,
  .ab-pgrid-price,
  .ab-plist-name,
  .ab-plist-price,
  .ab-price-old {
    font-size: 14px;
  }
  span.ab-plist-badge.ab-out-of-stock-badge {
    line-height: 1;
    height: 25px;
    padding: 5px 8px;
    font-weight: 500;
  }
  .ab-reviews-count {
    font-size: 14px !important;
  }
  body:has(.ab-announce) .ab-slider,
  html:has(.ab-announce) .ab-slider {
    padding-top: 35px !important;
  }
  .ab-plist-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 10px;
    margin: 10px 20px;
  }
  .ab-plist-viewall-icon {
    width: 24px;
    height: 24px;
  }
  .ab-plist-viewall-icon svg {
    width: 13px;
    height: 14px;
  }
  .ab-plist-rating .ab-pd-reviews-count,
  .ab-plist-viewall-text {
    font-size: 14px;
  }
  h2.ab-pgrid-title.ab-reveal.ab-observed.ab-visible {
    margin: 0;
    font-size: 32px;
  }
}
@media (max-width: 1023px) {
  .p_gallery_container {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: none !important;
    padding: 0 !important;
  }
  .ab-gallery,
  .ab-gallery-main-media,
  .ab-gallery-slide,
  .ab-gallery-slider,
  .ab-gallery-track,
  .p_gallery_container {
    border-radius: 0 !important;
  }
}
.checkout_bg_left.checkout_bg_left {
  background: var(--checkout-form-bg, #f2f2f2) !important;
}
.checkout_bg_right.checkout_bg_right,
.checkout_order_summary.checkout_order_summary {
  background: #f2f2f2;
}
.checkout_form div.bg-white {
  margin-top: 0 !important;
}
.checkout_order_summary h2 {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}
.checkout_cart_items_container.checkout_cart_items_container {
  border-color: rgba(0, 0, 0, 0.08) !important;
}
.checkout_form {
  background: var(--checkout-form-bg, #f2f2f2) !important;
}
@media (min-width: 1024px) {
  .checkout_order_summary.checkout_order_summary {
    background: 0 0 !important;
  }
  .ab-header-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
  .header-col-left .ab-icon-btn {
    display: none;
  }
  .ab-gallery-desktop-layout {
    padding-top: 3rem;
  }
}
.product_form_checkout.product_form_checkout {
  background: var(--checkout-form-bg, #f2f2f2);
  padding: 25px;
  border-radius: 8px;
  max-width: 100%;
  margin-top: 30px;
}
.checkout_form .contact-info-heading h2,
.product_form_checkout p.text-lg {
  font-weight: 600;
  color: var(--checkout-heading-text, #333333);
  margin-bottom: 20px;
}
span.shipping_option_card_name.w-fit.text-base.font-bold.text-gray-600 {
  color: var(--checkout-heading-text, #333333);
  font-size: 14px;
}
span.shipping_option_card_description.w-fit.text-sm.text-gray-500 {
  color: rgb(from var(--checkout-heading-text, #151515) r g b/.7);
}
.checkout_form label,
.product_form_checkout label {
  font-size: 13px;
  font-weight: 500;
  color: rgb(from var(--checkout-heading-text, #151515) r g b/.8);
  margin-bottom: 6px;
  text-transform: capitalize;
  letter-spacing: 0.04em;
}
.checkout_form .quantity_btn svg,
.product_form_checkout .quantity_btn svg {
  color: rgb(from var(--checkout-heading-text, #151515) r g b/.8) !important;
}
.checkout_form .quantity_container,
.product_form_checkout .quantity_container {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 8px;
  border: 0.5px solid #e1e1e1;
  padding: 0.25rem !important;
  gap: 0 !important;
}
.checkout_form .quantity_btn,
.product_form_checkout .quantity_btn {
  border-radius: 50% !important;
  border: 0 !important;
  background: 0 0 !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: background 0.15s;
}
.checkout_form .quantity_btn:hover,
.product_form_checkout .quantity_btn:hover {
  background: rgba(0, 0, 0, 0.06) !important;
}
.checkout_form .quantity_btn:active,
.product_form_checkout .quantity_btn:active {
  background: rgba(0, 0, 0, 0.1) !important;
}
.checkout_form .quantity_container p,
.product_form_checkout .quantity_container p {
  min-width: 2rem !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  color: var(--checkout-heading-text, #151515) !important;
}
.checkout_form .global_input:not(.border-red-500),
.checkout_form .global_textarea:not(.border-red-500),
.global_input:not(.border-red-500),
.global_textarea:not(.border-red-500),
.product_form_checkout .global_input:not(.border-red-500),
.product_form_checkout .global_textarea:not(.border-red-500) {
  border: 1.5px solid var(--input-border, rgba(0, 0, 0, 0.08));
  background: var(--input-bg, #fff);
}
.checkout_form .global_input,
.checkout_form .global_textarea,
.global_input,
.global_textarea,
.product_form_checkout .global_input,
.product_form_checkout .global_textarea {
  border-radius: 8px !important;
  transition: border-color 0.2s, background 0.2s;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.75rem 1rem !important;
  width: 100%;
  color: var(--input-text, #151515) !important;
  background: var(--input-bg, #fff);
}
.checkout_form .global_input:focus:not(.border-red-500),
.checkout_form .global_textarea:focus:not(.border-red-500),
.product_form_checkout .global_input:focus:not(.border-red-500),
.product_form_checkout .global_textarea:focus:not(.border-red-500) {
  background: var(--input-bg, #fff);
  border-color: var(--input-border, rgba(0, 0, 0, 0.08));
  outline: 0;
}
.checkout_form .select__control,
.product_form_checkout .select__control {
  border-radius: 0.75rem !important;
  border: 1.5px solid var(--input-border, rgba(0, 0, 0, 0.08)) !important;
  background: var(--input-bg, #fff) !important;
  min-height: 44px !important;
}
.checkout_form input[name="full_name"],
.checkout_form input[name="full_name"]:focus,
.product_form_checkout input[name="full_name"],
.product_form_checkout input[name="full_name"]:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.28705 11.3223C6.24871 9.55892 10.0022 9.5588 12.9638 11.3223C13.0607 11.3799 13.18 11.448 13.3154 11.5244C13.9094 11.8595 14.8077 12.3657 15.4228 12.9678C15.8074 13.3443 16.1726 13.8405 16.2392 14.4482C16.3099 15.0948 16.0277 15.7021 15.4619 16.2412C14.4858 17.171 13.3146 17.9159 11.7997 17.916H4.45112C2.93595 17.916 1.7642 17.1712 0.788031 16.2412C0.222182 15.7021 -0.0599851 15.0948 0.010687 14.4482C0.0772502 13.8405 0.44249 13.3443 0.827093 12.9678C1.44219 12.3657 2.3405 11.8595 2.93452 11.5244C3.07007 11.4479 3.19013 11.38 3.28705 11.3223ZM12.3242 12.3965C9.75652 10.8676 6.49337 10.8676 3.92573 12.3965C3.78592 12.4797 3.63304 12.5672 3.4726 12.6582C2.8788 12.9951 2.18549 13.3882 1.70209 13.8613C1.40222 14.1549 1.27349 14.3968 1.25287 14.584C1.23663 14.7326 1.27481 14.9782 1.65034 15.3359C2.51351 16.1583 3.39078 16.666 4.45112 16.666H11.7997C12.86 16.6659 13.7374 16.1582 14.6005 15.3359C14.9758 14.9783 15.0133 14.7326 14.997 14.584C14.9764 14.3969 14.8485 14.1547 14.5488 13.8613C14.0655 13.3883 13.372 12.995 12.7783 12.6582C12.6177 12.5671 12.464 12.4798 12.3242 12.3965ZM8.12494 0C10.5412 0 12.4999 1.95875 12.4999 4.375C12.4998 6.7911 10.5411 8.75 8.12494 8.75C5.70882 8.74998 3.75012 6.79109 3.74994 4.375C3.74994 1.95876 5.70871 1.57934e-05 8.12494 0ZM8.12494 1.25C6.39907 1.25002 4.99994 2.64912 4.99994 4.375C5.00012 6.10073 6.39918 7.49998 8.12494 7.5C9.85073 7.5 11.2498 6.10074 11.2499 4.375C11.2499 2.64911 9.85083 1.25 8.12494 1.25Z' fill='%23999999'/%3E%3C/svg%3E") !important;
  background-position: 0.875rem center !important;
  background-size: 16px 16px !important;
  padding-inline-start: 2.5rem !important;
  background-repeat: no-repeat !important;
}
.ab-lang-ar .checkout_form input[name="full_name"],
.ab-lang-ar .checkout_form input[name="full_name"]:focus,
.ab-lang-ar .product_form_checkout input[name="full_name"],
.ab-lang-ar .product_form_checkout input[name="full_name"]:focus,
html[dir="rtl"] .checkout_form input[name="full_name"],
html[dir="rtl"] .checkout_form input[name="full_name"]:focus,
html[dir="rtl"] .product_form_checkout input[name="full_name"],
html[dir="rtl"] .product_form_checkout input[name="full_name"]:focus {
  background-position: calc(100% - 0.875rem) center !important;
}
.checkout_form input[name="phone"],
.checkout_form input[name="phone"]:focus,
.product_form_checkout input[name="phone"],
.product_form_checkout input[name="phone"]:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.0389 0.398573C2.43298 0.0774647 2.91249 -0.0680865 3.38949 0.0304086C3.8616 0.127987 4.23784 0.445363 4.47152 0.864393L5.21566 2.20033C5.48983 2.69216 5.72123 3.10615 5.87191 3.46596C6.03165 3.8475 6.12622 4.2238 6.08284 4.63978C6.03945 5.05592 5.86877 5.40476 5.63363 5.74525C5.412 6.06613 5.10087 6.42329 4.73128 6.84779L2.87484 8.9806C4.34721 11.3939 6.52154 13.5692 8.93734 15.0431L11.0692 13.1867C11.4938 12.817 11.8517 12.506 12.1727 12.2843C12.5132 12.0492 12.862 11.8785 13.2782 11.8351C13.6942 11.7918 14.0704 11.8863 14.452 12.046C14.8117 12.1967 15.2259 12.4272 15.7176 12.7013L17.0535 13.4464C17.4725 13.6801 17.79 14.0564 17.8875 14.5285C17.986 15.0054 17.8404 15.485 17.5194 15.879C16.3536 17.3093 14.4856 18.2196 12.5262 17.8244C11.3218 17.5814 10.1334 17.1769 8.69613 16.3527C5.80849 14.6966 3.21948 12.1061 1.56527 9.22181C0.74101 7.78457 0.335564 6.59611 0.0926106 5.39174C-0.302636 3.43238 0.608597 1.56433 2.0389 0.398573ZM13.408 13.0783C13.2757 13.0921 13.126 13.1446 12.8826 13.3126C12.6263 13.4897 12.3213 13.7535 11.8641 14.1515L10.1014 15.6867C11.0734 16.1656 11.9186 16.4273 12.7733 16.5997C14.1866 16.8849 15.6132 16.238 16.5496 15.089C16.6724 14.9384 16.6736 14.8336 16.6629 14.7814C16.6511 14.7244 16.6032 14.6269 16.4442 14.5382L15.1395 13.8107C14.61 13.5155 14.2569 13.3197 13.9696 13.1994C13.697 13.0852 13.5403 13.0645 13.408 13.0783ZM10.0506 4.40736C10.1857 4.08987 10.5523 3.94143 10.87 4.07631C12.205 4.64325 13.2737 5.71294 13.8407 7.04799C13.9755 7.36567 13.8273 7.73242 13.5096 7.86732C13.192 8.00202 12.8251 7.85388 12.6903 7.53627C12.2499 6.49939 11.4185 5.66708 10.3817 5.2267C10.064 5.09178 9.9157 4.72508 10.0506 4.40736ZM3.13656 1.25502C3.08449 1.24429 2.97944 1.24484 2.82894 1.36732C1.67996 2.30379 1.03309 3.73129 1.3182 5.14467C1.4906 5.99925 1.75238 6.84464 2.23128 7.81654L3.76644 6.05287C4.16424 5.59593 4.42831 5.29152 4.60531 5.03529C4.77337 4.79193 4.82588 4.64227 4.83968 4.5099C4.85343 4.3776 4.83275 4.22099 4.71859 3.94838C4.59823 3.661 4.40248 3.30809 4.10726 2.77846L3.37972 1.47377C3.29107 1.31473 3.19357 1.2668 3.13656 1.25502ZM11.3436 0.0245493C14.4976 0.934719 16.9821 3.41948 17.8924 6.57338C17.9881 6.90493 17.7971 7.25099 17.4657 7.34681C17.134 7.44253 16.787 7.2517 16.6912 6.92006C15.9 4.17883 13.7382 2.0168 10.9969 1.22572C10.6655 1.1299 10.4746 0.783764 10.5701 0.452284C10.6658 0.120732 11.012 -0.0709687 11.3436 0.0245493Z' fill='%23999999'/%3E%3C/svg%3E") !important;
  background-position: 0.875rem center !important;
  background-size: 16px 16px !important;
  padding-inline-start: 2.5rem !important;
  background-repeat: no-repeat !important;
}
.ab-lang-ar .checkout_form input[name="phone"],
.ab-lang-ar .checkout_form input[name="phone"]:focus,
.ab-lang-ar .product_form_checkout input[name="phone"],
.ab-lang-ar .product_form_checkout input[name="phone"]:focus,
html[dir="rtl"] .checkout_form input[name="phone"],
html[dir="rtl"] .checkout_form input[name="phone"]:focus,
html[dir="rtl"] .product_form_checkout input[name="phone"],
html[dir="rtl"] .product_form_checkout input[name="phone"]:focus {
  background-position: calc(100% - 0.875rem) center !important;
}
.checkout_form textarea[name="address1"],
.checkout_form textarea[name="address1"]:focus,
.checkout_form textarea[name="address"],
.checkout_form textarea[name="address"]:focus,
.product_form_checkout textarea[name="address1"],
.product_form_checkout textarea[name="address1"]:focus,
.product_form_checkout textarea[name="address"],
.product_form_checkout textarea[name="address"]:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5977 13.3477C13.5802 13.7943 14.585 14.4916 14.585 15.4199C14.5848 16.2481 13.7741 16.8964 12.1768 17.3447C10.8644 17.713 9.1304 17.916 7.29395 17.916H7.29199C4.58376 17.916 0.00034628 17.3906 0 15.4199C0 14.4924 1.00578 13.7943 2.98828 13.3477C3.32471 13.2722 3.65863 13.4839 3.73535 13.8203C3.81118 14.157 3.59936 14.4917 3.2627 14.5684C1.82951 14.8917 1.34031 15.2809 1.25781 15.4209C1.45867 15.7952 3.44811 16.666 7.29297 16.666C11.1381 16.666 13.1268 15.7952 13.3281 15.4209C13.2456 15.2809 12.7562 14.8908 11.3232 14.5684C10.9866 14.4925 10.7748 14.1578 10.8506 13.8203C10.9265 13.4839 11.2603 13.272 11.5977 13.3477ZM7.29199 0C9.87198 1.38162e-05 12.2703 1.59586 13.2578 3.97168C14.9751 8.10153 11.8666 11.0487 9.36914 13.417C9.16667 13.6086 8.96646 13.7989 8.77148 13.9863C8.37151 14.3712 7.84592 14.582 7.29102 14.582C6.73648 14.5818 6.21127 14.3711 5.81152 13.9873C5.60238 13.7848 5.38978 13.5819 5.1748 13.377C2.69818 11.0195 -0.384332 8.08574 1.32715 3.97168C2.31465 1.59585 4.71199 0 7.29199 0ZM7.29199 1.25C5.21042 1.25 3.27735 2.53632 2.48145 4.45117C1.09978 7.772 3.60947 10.1617 6.03613 12.4717C6.2544 12.6791 6.46974 12.8836 6.67969 13.0869C6.84385 13.2444 7.06199 13.333 7.29199 13.333C7.52191 13.333 7.74044 13.2458 7.90625 13.0859C8.10375 12.8959 8.30574 12.7039 8.51074 12.5098C10.9598 10.1873 13.4911 7.7851 12.1045 4.4502C11.3078 2.53535 9.37355 1.24904 7.29199 1.24902V1.25ZM7.29199 3.75C8.78532 3.75 9.99999 4.96469 10 6.45801C10 7.95134 8.78533 9.16602 7.29199 9.16602C5.79866 9.16602 4.58398 7.95134 4.58398 6.45801C4.584 4.96469 5.79867 3.75 7.29199 3.75ZM7.29199 5C6.48783 5 5.834 5.65385 5.83398 6.45801C5.83398 7.26217 6.48783 7.91602 7.29199 7.91602C8.09616 7.91602 8.75 7.26217 8.75 6.45801C8.74999 5.65385 8.09615 5 7.29199 5Z' fill='%23999999'/%3E%3C/svg%3E") !important;
  background-position: 0.875rem 1.2rem !important;
  background-size: 16px 16px !important;
  padding-inline-start: 2.5rem !important;
  background-repeat: no-repeat !important;
}
.ab-lang-ar .checkout_form textarea[name="address1"],
.ab-lang-ar .checkout_form textarea[name="address1"]:focus,
.ab-lang-ar .checkout_form textarea[name="address"],
.ab-lang-ar .checkout_form textarea[name="address"]:focus,
.ab-lang-ar .product_form_checkout textarea[name="address1"],
.ab-lang-ar .product_form_checkout textarea[name="address1"]:focus,
.ab-lang-ar .product_form_checkout textarea[name="address"],
.ab-lang-ar .product_form_checkout textarea[name="address"]:focus,
html[dir="rtl"] .checkout_form textarea[name="address1"],
html[dir="rtl"] .checkout_form textarea[name="address1"]:focus,
html[dir="rtl"] .checkout_form textarea[name="address"],
html[dir="rtl"] .checkout_form textarea[name="address"]:focus,
html[dir="rtl"] .product_form_checkout textarea[name="address1"],
html[dir="rtl"] .product_form_checkout textarea[name="address1"]:focus,
html[dir="rtl"] .product_form_checkout textarea[name="address"],
html[dir="rtl"] .product_form_checkout textarea[name="address"]:focus {
  background-position: calc(100% - 14px) 16px !important;
}
.checkout_form input[name="city"],
.checkout_form input[name="city"]:focus,
.product_form_checkout input[name="city"],
.product_form_checkout input[name="city"]:focus {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20122.88%20109.45%22%3E%3Cpath%20fill%3D%22%23999999%22%20fill-rule%3D%22evenodd%22%20d%3D%22M49%2C76.93A47.76%2C47.76%2C0%2C0%2C1%2C37.49%2C99.08a46.14%2C46.14%2C0%2C0%2C1-9.89%2C8.21%2C3.45%2C3.45%2C0%2C0%2C1-3.91.14A56%2C56%2C0%2C0%2C1%2C9.83%2C95.06%2C44.45%2C44.45%2C0%2C0%2C1%2C.44%2C74.72C-.71%2C67.62.38%2C60.76%2C4%2C55.15a24.51%2C24.51%2C0%2C0%2C1%2C5.44-6A26.2%2C26.2%2C0%2C0%2C1%2C25.9%2C43.08a23.48%2C23.48%2C0%2C0%2C1%2C15.83%2C6.43A23.38%2C23.38%2C0%2C0%2C1%2C46%2C54.66c3.81%2C6.3%2C4.66%2C14.26%2C3%2C22.27Zm-8%2C29.09h78.51V32.12H88.54V106H85.11V3.43H32.85v33.2h-.11l-.05%2C0h-.16l-.05%2C0h-.21l-.06%2C0h-.1l-.11%2C0h-.16l-.06%2C0H29.42V18h0V3A3%2C3%2C0%2C0%2C1%2C30.3.89h0A3%2C3%2C0%2C0%2C1%2C32.43%2C0h53.1a3%2C3%2C0%2C0%2C1%2C2.13.88l.12.14a3%2C3%2C0%2C0%2C1%2C.76%2C2V28.69h31.82a2.47%2C2.47%2C0%2C0%2C1%2C1.77.74h0a2.47%2C2.47%2C0%2C0%2C1%2C.74%2C1.77v76.53a1.71%2C1.71%2C0%2C0%2C1-1.72%2C1.71H37.1l0%2C0%2C.08-.07.09-.07.08-.07.09-.07.06-.05%2C0%2C0%2C0%2C0%2C.06%2C0%2C0%2C0%2C0%2C0%2C0%2C0h0l.05%2C0%2C0%2C0%2C0%2C0%2C.06%2C0h0l0%2C0%2C.05%2C0h0l.06%2C0%2C0%2C0%2C0%2C0%2C.06%2C0h0l0%2C0%2C0%2C0h0l.06-.05h0l0%2C0%2C0%2C0h0l0%2C0%2C0%2C0%2C0%2C0%2C0%2C0h0l0%2C0%2C0%2C0h0l0-.05%2C0%2C0%2C0%2C0%2C0%2C0h0l.06%2C0%2C0%2C0h0l.05%2C0%2C0%2C0%2C0%2C0%2C.05%2C0h0l.06-.05%2C0%2C0%2C0%2C0%2C.06%2C0h0l0%2C0%2C0%2C0h0l.06%2C0%2C0%2C0%2C0%2C0%2C.05%2C0h0l0%2C0%2C0%2C0h0l0%2C0%2C0%2C0%2C0%2C0%2C0%2C0h0L40%2C107l.11-.09v0l0%2C0%2C0%2C0h0l.06%2C0%2C0%2C0%2C0%2C0%2C0%2C0h0l0%2C0%2C0%2C0h0l0%2C0%2C0%2C0%2C0%2C0%2C0%2C0h0l.05-.05%2C0%2C0v0l0%2C0h0l0%2C0%2C0%2C0h0l.05-.05%2C0%2C0%2C0%2C0ZM56.08%2C60.54h4a.59.59%2C0%2C0%2C1%2C.59.59v9.53a.6.6%2C0%2C0%2C1-.59.59H57A41.14%2C41.14%2C0%2C0%2C0%2C56.7%2C64c-.15-1.15-.36-2.29-.62-3.41Zm-.4%2C19.71h4.38a.59.59%2C0%2C0%2C1%2C.58.59v9.53a.58.58%2C0%2C0%2C1-.58.59h-8.3a53.08%2C53.08%2C0%2C0%2C0%2C3.92-10.71Zm-5-39.42h9.4a.58.58%2C0%2C0%2C1%2C.58.58v9.53a.58.58%2C0%2C0%2C1-.58.59h-7.5l-.38-.64a34%2C34%2C0%2C0%2C0-2.11-3.1V41.41a.58.58%2C0%2C0%2C1%2C.59-.58Zm17%2C39.42H77a.59.59%2C0%2C0%2C1%2C.58.59v9.53A.58.58%2C0%2C0%2C1%2C77%2C91h-9.4a.58.58%2C0%2C0%2C1-.59-.59V80.84a.59.59%2C0%2C0%2C1%2C.59-.59Zm0-19.71H77a.58.58%2C0%2C0%2C1%2C.58.59v9.53a.59.59%2C0%2C0%2C1-.58.59h-9.4a.59.59%2C0%2C0%2C1-.59-.59V61.13a.58.58%2C0%2C0%2C1%2C.59-.59Zm0-19.71H77a.58.58%2C0%2C0%2C1%2C.58.58v9.53a.58.58%2C0%2C0%2C1-.58.59h-9.4a.58.58%2C0%2C0%2C1-.59-.59V41.41a.58.58%2C0%2C0%2C1%2C.59-.58Zm30%2C30.57h13.6c.16%2C0%2C.29.1.29.2v5.59c0%2C.1-.15.21-.29.21H97.6c-.14%2C0-.29-.1-.29-.21V71.6c0-.11.13-.2.29-.2ZM40.53%2C10.89h36.9a1.39%2C1.39%2C0%2C0%2C1%2C1.38%2C1.37V26.85a1.39%2C1.39%2C0%2C0%2C1-1.38%2C1.37H40.53a1.39%2C1.39%2C0%2C0%2C1-1.38-1.37V12.26a1.38%2C1.38%2C0%2C0%2C1%2C1.38-1.37ZM97.6%2C59.17h13.6c.16%2C0%2C.29.11.29.21V65c0%2C.1-.15.21-.29.21H97.6c-.14%2C0-.29-.1-.29-.21V59.38c0-.12.13-.21.29-.21ZM97.6%2C47h13.6c.16%2C0%2C.29.11.29.21v5.58c0%2C.1-.15.21-.29.21H97.6c-.14%2C0-.29-.09-.29-.21V47.16c0-.12.13-.21.29-.21ZM24.88%2C56.89A11.35%2C11.35%2C0%2C1%2C1%2C13.54%2C68.24%2C11.35%2C11.35%2C0%2C0%2C1%2C24.88%2C56.89Z%22%2F%3E%3C%2Fsvg%3E) !important;
  background-position: 0.875rem center !important;
  background-size: 20px 18px !important;
  padding-inline-start: 2.5rem !important;
  background-repeat: no-repeat !important;
}
.ab-lang-ar .checkout_form input[name="city"],
.ab-lang-ar .checkout_form input[name="city"]:focus,
.ab-lang-ar .product_form_checkout input[name="city"],
.ab-lang-ar .product_form_checkout input[name="city"]:focus,
html[dir="rtl"] .checkout_form input[name="city"],
html[dir="rtl"] .checkout_form input[name="city"]:focus,
html[dir="rtl"] .product_form_checkout input[name="city"],
html[dir="rtl"] .product_form_checkout input[name="city"]:focus {
  background-position: calc(100% - 0.875rem) center !important;
}
.css-hlgwow.select__value-container {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.291 17.9161C17.6362 17.9161 17.916 17.6363 17.916 17.2911C17.9158 16.9461 17.6361 16.6661 17.291 16.6661H17.083V5.74915C17.083 5.2633 17.0831 4.85273 17.0488 4.51379C17.0124 4.15399 16.9337 3.82217 16.7441 3.50891C16.5542 3.19506 16.2974 2.9733 15.9961 2.77747C15.7133 2.59371 15.3515 2.40938 14.9268 2.1925L11.2813 0.331177C11.0269 0.201321 10.7753 0.0910493 10.54 0.0372314C10.3069 -0.0160616 9.98627 -0.0375256 9.69238 0.152466C9.40363 0.339339 9.2882 0.636156 9.23535 0.862427C9.18116 1.09455 9.16602 1.3659 9.16602 1.64856V5.00012H7.29102C6.76054 5.00013 6.2916 5.02694 5.89355 5.11438C5.48863 5.2034 5.11807 5.36357 4.82422 5.65735C4.53022 5.95135 4.36929 6.32246 4.28027 6.72766C4.19286 7.12573 4.16602 7.59462 4.16602 8.12512V8.33313H2.29102C2.10528 8.33314 1.91343 8.34209 1.73633 8.38098C1.55201 8.42147 1.34568 8.5021 1.17383 8.67395C1.00198 8.8458 0.921351 9.05213 0.880859 9.23645C0.841972 9.41355 0.833018 9.6054 0.833008 9.79114L0.833008 16.6661H0.625C0.279931 16.6661 0.000176026 16.9461 0 17.2911C0 17.6363 0.279822 17.9161 0.625 17.9161L17.291 17.9161ZM13.75 8.12512C13.75 7.59462 13.7232 7.12573 13.6357 6.72766C13.5467 6.32246 13.3858 5.95135 13.0918 5.65735C12.7979 5.36357 12.4274 5.2034 12.0225 5.11438C11.6244 5.02694 11.1555 5.00013 10.625 5.00012H10.416V1.64856C10.416 1.50763 10.4212 1.39728 10.4287 1.31165C10.5033 1.34195 10.5967 1.38513 10.7129 1.44446L14.3311 3.29114C14.7908 3.52586 15.0929 3.68135 15.3145 3.82532C15.5234 3.96109 15.616 4.05913 15.6748 4.15637C15.7341 4.25438 15.7789 4.38509 15.8047 4.63977C15.8319 4.90833 15.833 5.25524 15.833 5.77942L15.833 16.6661L13.75 16.6661L13.75 8.12512ZM5.41602 8.12512C5.41602 7.62156 5.44384 7.25977 5.50195 6.99524C5.5585 6.73814 5.6356 6.61354 5.70801 6.54114C5.78047 6.46874 5.90495 6.3916 6.16211 6.33508C6.42658 6.27698 6.78763 6.25013 7.29102 6.25012H10.625C11.1284 6.25013 11.4894 6.27698 11.7539 6.33508C12.0111 6.3916 12.1355 6.46874 12.208 6.54114C12.2804 6.61354 12.3575 6.73814 12.4141 6.99524C12.4722 7.25977 12.5 7.62156 12.5 8.12512L12.5 16.6661H5.41602L5.41602 8.12512ZM9.79102 9.58313C10.1362 9.58313 10.416 9.30331 10.416 8.95813C10.416 8.61295 10.1362 8.33313 9.79102 8.33313H8.125C7.77982 8.33313 7.5 8.61295 7.5 8.95813C7.5 9.30331 7.77982 9.58313 8.125 9.58313H9.79102ZM2.08301 9.79114C2.08301 9.7032 2.08572 9.63798 2.08984 9.58997C2.13786 9.58584 2.20308 9.58314 2.29102 9.58313H4.16602L4.16602 16.6661H2.08301L2.08301 9.79114ZM9.79102 12.0831C10.1362 12.0831 10.416 11.8033 10.416 11.4581C10.416 11.113 10.1362 10.8331 9.79102 10.8331H8.125C7.77982 10.8331 7.5 11.113 7.5 11.4581C7.5 11.8033 7.77982 12.0831 8.125 12.0831H9.79102ZM9.79102 14.5831C10.1362 14.5831 10.416 14.3033 10.416 13.9581C10.416 13.613 10.1362 13.3331 9.79102 13.3331H8.125C7.77982 13.3331 7.5 13.613 7.5 13.9581C7.5 14.3033 7.77982 14.5831 8.125 14.5831L9.79102 14.5831Z' fill='%23999999'/%3E%3C/svg%3E") !important;
  background-position: 0.875rem center !important;
  background-size: 16px 16px !important;
  padding-inline-start: 2.5rem !important;
  background-repeat: no-repeat !important;
}
.ab-lang-ar .css-hlgwow.select__value-container,
html[dir="rtl"] .css-hlgwow.select__value-container {
  background-position: calc(100% - 0.875rem) center !important;
}
.mt-2 span.text-lg.font-bold.text-gray-700 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.mt-2 span.text-lg.font-bold.text-gray-700::before {
  width: 22px;
  height: 23px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.92969 15.8792L15.8797 3.9292' stroke='%232B365B' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.1016 18.2791L12.3016 17.0791' stroke='%232B365B' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.793 15.5887L16.183 13.1987' stroke='%232B365B' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.60127 10.239L10.2413 3.599C12.3613 1.479 13.4213 1.469 15.5213 3.569L20.4313 8.479C22.5313 10.579 22.5213 11.639 20.4013 13.759L13.7613 20.399C11.6413 22.519 10.5813 22.529 8.48127 20.429L3.57127 15.519C1.47127 13.419 1.47127 12.369 3.60127 10.239Z' stroke='%232B365B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 21.9985H22' stroke='%232B365B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.92969 15.8792L15.8797 3.9292' stroke='%232B365B' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.1016 18.2791L12.3016 17.0791' stroke='%232B365B' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.793 15.5887L16.183 13.1987' stroke='%232B365B' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.60127 10.239L10.2413 3.599C12.3613 1.479 13.4213 1.469 15.5213 3.569L20.4313 8.479C22.5313 10.579 22.5213 11.639 20.4013 13.759L13.7613 20.399C11.6413 22.519 10.5813 22.529 8.48127 20.429L3.57127 15.519C1.47127 13.419 1.47127 12.369 3.60127 10.239Z' stroke='%232B365B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 21.9985H22' stroke='%232B365B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mt-2 span.text-lg.font-bold.text-gray-700::before,
.product_form_checkout.checkout_container > p.text-lg.font-bold::before,
.shipping_options_container.mt-2 span.text-lg.font-bold.text-gray-700::before {
  content: "";
  display: inline-block;
  background-color: var(--checkout-heading-text, #151515);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
.shipping_options_container.mt-2 span.text-lg.font-bold.text-gray-700::before {
  width: 22px;
  height: 18px;
  background-image: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4088 0.183643C12.3448 0.487773 13.1151 1.14422 13.5666 2.00003H15.1084C15.8045 2.00003 16.3821 2 16.8579 2.04804C17.3589 2.09863 17.8075 2.20691 18.231 2.45985C18.6545 2.7128 18.9625 3.05649 19.2446 3.47364C19.4741 3.81313 19.7082 4.23532 19.9782 4.73494L20.1163 4.99121L21.4046 7.38373C21.4346 7.43723 21.4582 7.49483 21.4745 7.55543C21.4931 7.62443 21.5014 7.69463 21.5002 7.76413V9.80393C21.5002 10.9366 21.5002 11.8623 21.4018 12.5932C21.2991 13.3571 21.0768 14.0195 20.5481 14.5482C19.983 15.1132 19.2613 15.3312 18.4169 15.4236C18.1165 16.6167 17.0364 17.5 15.75 17.5C14.4912 17.5 13.43 16.6543 13.1035 15.5001H8.3965C8.06998 16.6543 7.00875 17.5 5.75 17.5C4.46361 17.5 3.38352 16.6167 3.0831 15.4236C2.23874 15.3312 1.51696 15.1132 0.9519 14.5482C0.25104 13.8473 0.08421 12.9053 0.02848 11.7874C0.00786 11.3737 0.32651 11.0216 0.74021 11.001C1.15391 10.9804 1.506 11.299 1.52662 11.7127C1.58023 12.7883 1.73968 13.2146 2.01256 13.4875C2.22109 13.696 2.51923 13.8383 3.12818 13.9178C3.48084 12.8058 4.52132 12 5.75 12C7.0088 12 8.07006 12.8458 8.3965 14.0001H13.1035C13.4299 12.8458 14.4912 12 15.75 12C16.9787 12 18.0192 12.8058 18.3718 13.9178C18.9808 13.8383 19.2789 13.696 19.4874 13.4875C19.691 13.284 19.8348 12.9909 19.9152 12.3933C19.9984 11.7741 20 10.9498 20 9.75013V8.50013H15.9327C15.3039 8.50063 14.8173 8.50103 14.4002 8.36553C13.563 8.09353 12.9066 7.43713 12.6346 6.5999C12.4991 6.18276 12.4994 5.69617 12.4999 5.06739L12.5 4.9501C12.5 3.77496 12.4907 3.36526 12.3899 3.05481C12.1673 2.36983 11.6303 1.83279 10.9453 1.61022C10.6762 1.5228 10.3326 1.5042 9.4808 1.50079L0.75 1.5001C0.33579 1.5001 0 1.16431 0 0.750103C0 0.335893 0.33579 2.95706e-05 0.75 2.95706e-05H9.189C10.171 -0.000316599 10.8418 -0.000586599 11.4088 0.183643ZM5.75 13.5C5.05964 13.5 4.5 14.0596 4.5 14.75C4.5 15.4404 5.05964 16 5.75 16C6.44036 16 7 15.4404 7 14.75C7 14.0596 6.44036 13.5 5.75 13.5ZM15.75 13.5C15.0596 13.5 14.5 14.0596 14.5 14.75C14.5 15.4404 15.0596 16 15.75 16C16.4404 16 17 15.4404 17 14.75C17 14.0596 16.4404 13.5 15.75 13.5ZM15.5321 3.50058L13.9744 3.50003C14.0004 3.87211 14.0002 4.29935 14 4.81109L14.0008 5.28141C14.0039 5.82028 14.0173 6.00115 14.0612 6.13637C14.1848 6.51692 14.4832 6.81523 14.8637 6.93893C15.0235 6.99083 15.2471 7.00013 16.05 7.00013H19.4944L18.8132 5.73511C18.4611 5.08122 18.2225 4.63988 18.002 4.31388C17.7911 4.0019 17.6305 3.84839 17.4618 3.74763C17.2931 3.64686 17.0819 3.57829 16.7072 3.54045C16.4026 3.5097 16.0314 3.50233 15.5321 3.50058ZM0.75 4.00003C0.33579 4.00003 0 4.33582 0 4.75003C0 5.16424 0.33579 5.50003 0.75 5.50003H6.75C7.16421 5.50003 7.5 5.16424 7.5 4.75003C7.5 4.33582 7.16421 4.00003 6.75 4.00003H0.75ZM0 7.75003C0 7.33583 0.33579 7.00003 0.75 7.00003H4.75C5.16421 7.00003 5.5 7.33583 5.5 7.75003C5.5 8.16423 5.16421 8.50003 4.75 8.50003H0.75C0.33579 8.50003 0 8.16423 0 7.75003Z' fill='%23fff'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4088 0.183643C12.3448 0.487773 13.1151 1.14422 13.5666 2.00003H15.1084C15.8045 2.00003 16.3821 2 16.8579 2.04804C17.3589 2.09863 17.8075 2.20691 18.231 2.45985C18.6545 2.7128 18.9625 3.05649 19.2446 3.47364C19.4741 3.81313 19.7082 4.23532 19.9782 4.73494L20.1163 4.99121L21.4046 7.38373C21.4346 7.43723 21.4582 7.49483 21.4745 7.55543C21.4931 7.62443 21.5014 7.69463 21.5002 7.76413V9.80393C21.5002 10.9366 21.5002 11.8623 21.4018 12.5932C21.2991 13.3571 21.0768 14.0195 20.5481 14.5482C19.983 15.1132 19.2613 15.3312 18.4169 15.4236C18.1165 16.6167 17.0364 17.5 15.75 17.5C14.4912 17.5 13.43 16.6543 13.1035 15.5001H8.3965C8.06998 16.6543 7.00875 17.5 5.75 17.5C4.46361 17.5 3.38352 16.6167 3.0831 15.4236C2.23874 15.3312 1.51696 15.1132 0.9519 14.5482C0.25104 13.8473 0.08421 12.9053 0.02848 11.7874C0.00786 11.3737 0.32651 11.0216 0.74021 11.001C1.15391 10.9804 1.506 11.299 1.52662 11.7127C1.58023 12.7883 1.73968 13.2146 2.01256 13.4875C2.22109 13.696 2.51923 13.8383 3.12818 13.9178C3.48084 12.8058 4.52132 12 5.75 12C7.0088 12 8.07006 12.8458 8.3965 14.0001H13.1035C13.4299 12.8458 14.4912 12 15.75 12C16.9787 12 18.0192 12.8058 18.3718 13.9178C18.9808 13.8383 19.2789 13.696 19.4874 13.4875C19.691 13.284 19.8348 12.9909 19.9152 12.3933C19.9984 11.7741 20 10.9498 20 9.75013V8.50013H15.9327C15.3039 8.50063 14.8173 8.50103 14.4002 8.36553C13.563 8.09353 12.9066 7.43713 12.6346 6.5999C12.4991 6.18276 12.4994 5.69617 12.4999 5.06739L12.5 4.9501C12.5 3.77496 12.4907 3.36526 12.3899 3.05481C12.1673 2.36983 11.6303 1.83279 10.9453 1.61022C10.6762 1.5228 10.3326 1.5042 9.4808 1.50079L0.75 1.5001C0.33579 1.5001 0 1.16431 0 0.750103C0 0.335893 0.33579 2.95706e-05 0.75 2.95706e-05H9.189C10.171 -0.000316599 10.8418 -0.000586599 11.4088 0.183643ZM5.75 13.5C5.05964 13.5 4.5 14.0596 4.5 14.75C4.5 15.4404 5.05964 16 5.75 16C6.44036 16 7 15.4404 7 14.75C7 14.0596 6.44036 13.5 5.75 13.5ZM15.75 13.5C15.0596 13.5 14.5 14.0596 14.5 14.75C14.5 15.4404 15.0596 16 15.75 16C16.4404 16 17 15.4404 17 14.75C17 14.0596 16.4404 13.5 15.75 13.5ZM15.5321 3.50058L13.9744 3.50003C14.0004 3.87211 14.0002 4.29935 14 4.81109L14.0008 5.28141C14.0039 5.82028 14.0173 6.00115 14.0612 6.13637C14.1848 6.51692 14.4832 6.81523 14.8637 6.93893C15.0235 6.99083 15.2471 7.00013 16.05 7.00013H19.4944L18.8132 5.73511C18.4611 5.08122 18.2225 4.63988 18.002 4.31388C17.7911 4.0019 17.6305 3.84839 17.4618 3.74763C17.2931 3.64686 17.0819 3.57829 16.7072 3.54045C16.4026 3.5097 16.0314 3.50233 15.5321 3.50058ZM0.75 4.00003C0.33579 4.00003 0 4.33582 0 4.75003C0 5.16424 0.33579 5.50003 0.75 5.50003H6.75C7.16421 5.50003 7.5 5.16424 7.5 4.75003C7.5 4.33582 7.16421 4.00003 6.75 4.00003H0.75ZM0 7.75003C0 7.33583 0.33579 7.00003 0.75 7.00003H4.75C5.16421 7.00003 5.5 7.33583 5.5 7.75003C5.5 8.16423 5.16421 8.50003 4.75 8.50003H0.75C0.33579 8.50003 0 8.16423 0 7.75003Z' fill='%23fff'/%3E%3C/svg%3E");
}
.product_form_checkout.checkout_container > p.text-lg.font-bold {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}
.product_form_checkout.checkout_container > p.text-lg.font-bold::before {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1198 12.78C12.0498 12.77 11.9598 12.77 11.8798 12.78C10.1198 12.72 8.71973 11.28 8.71973 9.50998C8.71973 7.69998 10.1798 6.22998 11.9998 6.22998C13.8098 6.22998 15.2798 7.69998 15.2798 9.50998C15.2698 11.28 13.8798 12.72 12.1198 12.78Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.7398 19.3801C16.9598 21.0101 14.5998 22.0001 11.9998 22.0001C9.39977 22.0001 7.03977 21.0101 5.25977 19.3801C5.35977 18.4401 5.95977 17.5201 7.02977 16.8001C9.76977 14.9801 14.2498 14.9801 16.9698 16.8001C18.0398 17.5201 18.6398 18.4401 18.7398 19.3801Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1198 12.78C12.0498 12.77 11.9598 12.77 11.8798 12.78C10.1198 12.72 8.71973 11.28 8.71973 9.50998C8.71973 7.69998 10.1798 6.22998 11.9998 6.22998C13.8098 6.22998 15.2798 7.69998 15.2798 9.50998C15.2698 11.28 13.8798 12.72 12.1198 12.78Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.7398 19.3801C16.9598 21.0101 14.5998 22.0001 11.9998 22.0001C9.39977 22.0001 7.03977 21.0101 5.25977 19.3801C5.35977 18.4401 5.95977 17.5201 7.02977 16.8001C9.76977 14.9801 14.2498 14.9801 16.9698 16.8001C18.0398 17.5201 18.6398 18.4401 18.7398 19.3801Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  flex-shrink: 0;
}
.mt-3.mb-1 label.block.text-sm.font-medium.text-gray-700 {
  display: NONE;
}
.checkout_form input[name="sa_national_address"],
.checkout_form input[name="sa_national_address"]:focus,
.product_form_checkout input[name="sa_national_address"],
.product_form_checkout input[name="sa_national_address"]:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.667 18.958C16.7681 18.958 16.8628 18.9324 16.9473 18.8896C17.4501 18.8208 17.9064 18.6728 18.2773 18.3184C18.6616 17.9511 18.8201 17.4906 18.8916 16.9824C18.9587 16.5052 18.959 15.9056 18.959 15.1934V13.8018C18.9598 13.1542 18.9604 12.6246 18.7207 12.1563C18.588 11.897 18.4057 11.696 18.1934 11.5078C17.9939 11.331 17.7383 11.141 17.4395 10.9189L17.0029 10.5938L16.9736 10.5732C16.5067 10.2263 16.1137 9.93342 15.7646 9.73242C15.7189 9.70609 15.671 9.68423 15.625 9.66016V4.16699C15.625 3.63646 15.5982 3.16762 15.5107 2.76953C15.4217 2.3644 15.2617 1.9932 14.9678 1.69922C14.6738 1.40526 14.3026 1.24527 13.8975 1.15625C13.4993 1.06879 13.0306 1.04199 12.5 1.04199H9.16699C8.63643 1.04199 8.16763 1.06881 7.76953 1.15625C7.36433 1.24527 6.99322 1.40522 6.69922 1.69922C6.40522 1.99322 6.24527 2.36433 6.15625 2.76953C6.06881 3.16763 6.04199 3.63643 6.04199 4.16699L6.04199 17.708H3.54199L3.54199 13.8301C3.84851 13.6992 4.10664 13.4786 4.30078 13.2197C4.61539 12.8 4.79193 12.2491 4.79199 11.667C4.79199 11.0847 4.61555 10.5331 4.30078 10.1133C3.98584 9.69336 3.50285 9.37512 2.91699 9.375C2.33104 9.375 1.8482 9.69334 1.5332 10.1133C1.21835 10.5331 1.04199 11.0846 1.04199 11.667C1.04206 12.2492 1.21845 12.8 1.5332 13.2197C1.72746 13.4787 1.98523 13.6993 2.29199 13.8301L2.29199 17.708H1.66699C1.32192 17.708 1.04217 17.988 1.04199 18.333C1.04199 18.6782 1.32181 18.958 1.66699 18.958L16.667 18.958ZM7.29199 4.16699C7.29199 3.66344 7.31884 3.30164 7.37695 3.03711C7.4335 2.77996 7.51059 2.65542 7.58301 2.58301C7.65542 2.51059 7.77996 2.4335 8.03711 2.37695C8.30164 2.31884 8.66344 2.29199 9.16699 2.29199H12.5C13.0035 2.29199 13.3644 2.31887 13.6289 2.37695C13.8864 2.43351 14.0115 2.51055 14.084 2.58301C14.1564 2.65545 14.2335 2.78011 14.29 3.03711C14.3482 3.30164 14.375 3.66343 14.375 4.16699V9.3877C14.0265 9.42536 13.7127 9.55374 13.4023 9.73242C13.0533 9.93343 12.6602 10.2263 12.1934 10.5732C12.1838 10.5803 12.1736 10.5866 12.1641 10.5938L11.748 10.9043C11.7413 10.9093 11.7342 10.914 11.7275 10.9189C11.4287 11.141 11.1731 11.331 10.9736 11.5078C10.7613 11.696 10.579 11.897 10.4463 12.1562C10.2066 12.6246 10.2072 13.1542 10.208 13.8018C10.2081 13.8404 10.209 13.8795 10.209 13.9189V17.708H7.29199L7.29199 4.16699ZM11.667 5.625C12.012 5.62482 12.292 5.34507 12.292 5C12.292 4.65493 12.012 4.37518 11.667 4.375H10C9.65482 4.375 9.375 4.65482 9.375 5C9.375 5.34518 9.65482 5.625 10 5.625H11.667ZM11.667 8.125C12.012 8.12482 12.292 7.84507 12.292 7.5C12.292 7.15493 12.012 6.87518 11.667 6.875H10C9.65482 6.875 9.375 7.15482 9.375 7.5C9.375 7.84518 9.65482 8.125 10 8.125H11.667ZM2.91699 12.708C2.81264 12.708 2.67062 12.6529 2.5332 12.4697C2.39572 12.2864 2.29206 12.0049 2.29199 11.667C2.29199 11.3289 2.39565 11.0467 2.5332 10.8633C2.67059 10.6802 2.81267 10.625 2.91699 10.625C3.02131 10.6251 3.16351 10.6803 3.30078 10.8633C3.43827 11.0467 3.54199 11.329 3.54199 11.667C3.54193 12.0047 3.43814 12.2864 3.30078 12.4697C3.16351 12.6528 3.02131 12.7079 2.91699 12.708ZM11.459 13.9189C11.459 13.0913 11.4748 12.8912 11.5596 12.7256C11.5963 12.654 11.6572 12.5724 11.8027 12.4434C11.9571 12.3066 12.1687 12.1483 12.4932 11.9072L12.9102 11.5977C13.4135 11.2236 13.7482 10.9756 14.0264 10.8154C14.2898 10.6638 14.4468 10.625 14.584 10.625C14.7211 10.6251 14.8776 10.664 15.1406 10.8154C15.4188 10.9756 15.7535 11.2236 16.2568 11.5977L16.6738 11.9072C16.9983 12.1483 17.2099 12.3066 17.3643 12.4434C17.5098 12.5724 17.5707 12.654 17.6074 12.7256C17.6922 12.8912 17.709 13.0913 17.709 13.9189V15.1484C17.709 15.9175 17.7068 16.4286 17.6533 16.8086C17.6028 17.1673 17.5176 17.316 17.4141 17.415C17.3064 17.5179 17.1386 17.6052 16.749 17.6553C16.3803 17.7026 15.8977 17.7065 15.208 17.707V16.667C15.208 16.3218 14.9282 16.042 14.583 16.042C14.238 16.0422 13.958 16.3219 13.958 16.667V17.708H11.459V13.9189Z' fill='%23999999'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 0.875rem 0.75rem !important;
  background-size: 20px 20px !important;
  padding-inline-start: 2.8rem !important;
}
.checkout_form input[name="email"],
.checkout_form input[name="email"]:focus,
.product_form_checkout input[name="email"],
.product_form_checkout input[name="email"]:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.52387 0.03125C8.16137 -0.0104167 9.75355 -0.0104167 11.3911 0.03125C14.0893 0.0995804 15.5756 0.138385 16.6948 1.25586C17.8155 2.38501 17.8469 3.83254 17.9028 6.45996C17.9203 7.299 17.9203 8.11408 17.9028 8.95312C17.8469 11.5803 17.8158 13.0269 16.6977 14.1543C15.5769 15.2743 14.0901 15.3125 11.392 15.3809C10.5737 15.4017 9.7659 15.4121 8.95844 15.4121C8.15094 15.4121 7.34318 15.4017 6.52484 15.3809C3.82667 15.3125 2.34027 15.2736 1.22113 14.1562C0.1003 13.0271 0.0689562 11.5796 0.013123 8.95215C-0.00437566 8.11304 -0.00437304 7.29808 0.013123 6.45898C0.0689564 3.83148 0.0998678 2.38434 1.2182 1.25684C2.33898 0.136958 3.82579 0.0995768 6.52387 0.03125ZM11.3588 1.2793C9.74322 1.23764 8.17253 1.23764 6.55609 1.2793C4.02443 1.34346 2.8688 1.37284 2.10297 2.13867C1.33811 2.91031 1.31381 4.03049 1.26215 6.48438C1.24465 7.30521 1.24465 8.10411 1.26215 8.92578C1.3138 11.3795 1.33865 12.5 2.1059 13.2725C2.87006 14.0358 4.0254 14.0667 6.55707 14.1309C8.1727 14.1725 9.74334 14.1725 11.3598 14.1309C13.8915 14.0667 15.0471 14.0373 15.8129 13.2715C16.5778 12.4999 16.6021 11.3796 16.6537 8.92578C16.6712 8.10495 16.6712 7.30604 16.6537 6.48438C16.6021 4.03036 16.5775 2.9092 15.81 2.13672C15.0458 1.3736 13.8902 1.34346 11.3588 1.2793ZM4.25433 4.4668C4.43029 4.17055 4.81332 4.0714 5.1098 4.24707L7.56097 5.69727C8.78764 6.41977 9.12854 6.41977 10.3569 5.69727L12.8071 4.24805C13.1045 4.07223 13.4885 4.17034 13.6635 4.46777C13.8393 4.76527 13.7403 5.14922 13.4428 5.32422L10.9916 6.77441C10.1743 7.25596 9.56664 7.496 8.95844 7.49609C8.35094 7.49609 7.74286 7.25524 6.92621 6.77441L4.47406 5.32324C4.17739 5.14741 4.0785 4.76346 4.25433 4.4668Z' fill='%23999999'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 0.875rem 0.995rem !important;
  background-size: 18px 18px !important;
  padding-inline-start: 2.5rem !important;
}
.checkout_form input[name="City"],
.checkout_form input[name="City"]:focus,
.product_form_checkout input[name="City"],
.product_form_checkout input[name="City"]:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.0389 0.398573C2.43298 0.0774647 2.91249 -0.0680865 3.38949 0.0304086C3.8616 0.127987 4.23784 0.445363 4.47152 0.864393L5.21566 2.20033C5.48983 2.69216 5.72123 3.10615 5.87191 3.46596C6.03165 3.8475 6.12622 4.2238 6.08284 4.63978C6.03945 5.05592 5.86877 5.40476 5.63363 5.74525C5.412 6.06613 5.10087 6.42329 4.73128 6.84779L2.87484 8.9806C4.34721 11.3939 6.52154 13.5692 8.93734 15.0431L11.0692 13.1867C11.4938 12.817 11.8517 12.506 12.1727 12.2843C12.5132 12.0492 12.862 11.8785 13.2782 11.8351C13.6942 11.7918 14.0704 11.8863 14.452 12.046C14.8117 12.1967 15.2259 12.4272 15.7176 12.7013L17.0535 13.4464C17.4725 13.6801 17.79 14.0564 17.8875 14.5285C17.986 15.0054 17.8404 15.485 17.5194 15.879C16.3536 17.3093 14.4856 18.2196 12.5262 17.8244C11.3218 17.5814 10.1334 17.1769 8.69613 16.3527C5.80849 14.6966 3.21948 12.1061 1.56527 9.22181C0.74101 7.78457 0.335564 6.59611 0.0926106 5.39174C-0.302636 3.43238 0.608597 1.56433 2.0389 0.398573ZM13.408 13.0783C13.2757 13.0921 13.126 13.1446 12.8826 13.3126C12.6263 13.4897 12.3213 13.7535 11.8641 14.1515L10.1014 15.6867C11.0734 16.1656 11.9186 16.4273 12.7733 16.5997C14.1866 16.8849 15.6132 16.238 16.5496 15.089C16.6724 14.9384 16.6736 14.8336 16.6629 14.7814C16.6511 14.7244 16.6032 14.6269 16.4442 14.5382L15.1395 13.8107C14.61 13.5155 14.2569 13.3197 13.9696 13.1994C13.697 13.0852 13.5403 13.0645 13.408 13.0783ZM10.0506 4.40736C10.1857 4.08987 10.5523 3.94143 10.87 4.07631C12.205 4.64325 13.2737 5.71294 13.8407 7.04799C13.9755 7.36567 13.8273 7.73242 13.5096 7.86732C13.192 8.00202 12.8251 7.85388 12.6903 7.53627C12.2499 6.49939 11.4185 5.66708 10.3817 5.2267C10.064 5.09178 9.9157 4.72508 10.0506 4.40736ZM3.13656 1.25502C3.08449 1.24429 2.97944 1.24484 2.82894 1.36732C1.67996 2.30379 1.03309 3.73129 1.3182 5.14467C1.4906 5.99925 1.75238 6.84464 2.23128 7.81654L3.76644 6.05287C4.16424 5.59593 4.42831 5.29152 4.60531 5.03529C4.77337 4.79193 4.82588 4.64227 4.83968 4.5099C4.85343 4.3776 4.83275 4.22099 4.71859 3.94838C4.59823 3.661 4.40248 3.30809 4.10726 2.77846L3.37972 1.47377C3.29107 1.31473 3.19357 1.2668 3.13656 1.25502ZM11.3436 0.0245493C14.4976 0.934719 16.9821 3.41948 17.8924 6.57338C17.9881 6.90493 17.7971 7.25099 17.4657 7.34681C17.134 7.44253 16.787 7.2517 16.6912 6.92006C15.9 4.17883 13.7382 2.0168 10.9969 1.22572C10.6655 1.1299 10.4746 0.783764 10.5701 0.452284C10.6658 0.120732 11.012 -0.0709687 11.3436 0.0245493Z' fill='%23999999'/%3E%3C/svg%3E") !important;
  background-size: 18px 18px !important;
  padding-inline-start: 2.5rem !important;
  background-repeat: no-repeat !important;
}
.shipping_options_container.mt-2.flex.flex-col.space-y-2 {
  padding-bottom: 0;
}
.checkout_form .global_textarea,
.product_form_checkout .global_textarea {
  min-height: 100px !important;
  resize: vertical;
}
.checkout_form .shipping_cost_container,
.product_form_checkout .shipping_cost_container {
  padding-block-start: 0.2rem !important;
  margin-top: 0 !important;
  border: 0 !important;
  margin-bottom: 30px;
}
.checkout_form .shipping_cost_container dt,
.product_form_checkout .shipping_cost_container dt {
  color: rgb(from var(--checkout-heading-text, #000) r g b/.9);
  font-size: 14px !important;
}
.checkout_form .shipping_cost_container dd,
.product_form_checkout .shipping_cost_container dd {
  font-weight: 700 !important;
  font-size: 14px !important;
  color: rgb(from var(--checkout-heading-text, #000) r g b/.9);
}
button.shipping_option_card.flex.cursor-pointer.w-full.items-center.p-2.md\:p-3.transition.duration-300.ease-in-out.rounded-md.border-2 {
  border-radius: 8px !important;
  border: 0.5px solid #e1e1e1;
}
.shipping_option_card_content.flex.w-full.flex-col {
  gap: 1px;
}
.bundles_container > div p.line-through > span {
  font-weight: 500 !important;
}
.shipping_option_card_price.flex.items-center.gap-1.px-2 {
  font-size: 14px;
  font-weight: 500;
  color: rgb(from var(--checkout-heading-text, #151515) r g b/.9);
}
.flex.flex-1.flex-col.gap-3.text-sm p.text-gray-500.flex.items-center.gap-0\.5,
span.shipping_option_card_description.w-fit.text-sm.text-gray-500 {
  font-size: 12px;
}
.shipping_options_container.mt-2 {
  padding: 12px 0;
}
.radio_circle.h-4.w-4.rounded-full.bg-gray-200.transition-colors.duration-300.ease-in-out.\!bg-black {
  background-color: #005bd1 !important;
  height: 10px !important;
}
.bundles_container > div {
  background: #fff;
  border-radius: 8px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.checkout_form .payment_card,
.product_form_checkout .payment_card {
  background: #fff;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
  padding: 15px !important;
  margin-top: 10px !important;
  background: 0 0 !important;
  transition: all 0.2s ease !important;
}
.checkout_form .payment_card:hover,
.product_form_checkout .payment_card:hover {
  border-color: rgba(0, 0, 0, 0.18) !important;
}
.checkout_form .payment_card.border-blue-600,
.product_form_checkout .payment_card.border-blue-600,
button.shipping_option_card.flex.cursor-pointer.w-full.items-center.p-2.md\:p-3.transition.duration-300.ease-in-out.border-black.hover\:border-black.rounded-md.border-2 {
  border-color: #005bd1 !important;
  border-width: 1px !important;
  border-radius: 8px;
}
.global_input::placeholder {
  color: #999;
  opacity: 1;
}
.global_input.border-red-500::placeholder {
  color: #ef4444;
}
.checkout_form .radio_container,
.product_form_checkout .radio_container {
  border-color: rgba(0, 0, 0, 0.15) !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  border-radius: 50% !important;
}
.shipping_option_card:has(.bg-blue-500),
.shipping_option_card:has(.bg-blue-600) {
  border-color: #2563eb !important;
  border-width: 2px !important;
}
.checkout_form .radio_circle,
.product_form_checkout .radio_circle {
  background-color: #eeeeee3d;
  transition: background-color 0.2s;
  width: 10px !important;
  height: 10px !important;
}
.checkout_form .radio_circle.bg-blue-500,
.product_form_checkout .radio_circle.bg-blue-500 {
  background-color: #005bd1 !important;
  width: 10px !important;
  height: 10px !important;
}
.checkout_form .payment_card_name,
.product_form_checkout .payment_card_name {
  color: var(--checkout-heading-text, #151515);
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
}
.checkout_form .payment_card_description,
.product_form_checkout .payment_card_description {
  color: rgb(from var(--checkout-heading-text, #000) r g b/.8);
  font-size: 13px;
}
.checkout_form .total_price_container,
.product_form_checkout .total_price_container {
  border-top: 1px solid #eee;
  padding-top: 15px;
  margin-top: 15px;
}
.checkout_form .total_price_container .total_price,
.checkout_form .total_price_container dt,
.product_form_checkout .total_price_container .total_price,
.product_form_checkout .total_price_container dt {
  font-size: 18px;
  font-weight: 600;
  color: rgb(from var(--checkout-heading-text, #000) r g b/.9);
}
.checkout_buy_now,
.checkout_form button[type="submit"],
.form_checkout_btn {
  background: var(--buy-btn-bg, #151515);
  color: var(--buy-btn-text, #fff) !important;
  border: 1.5px solid var(--buy-btn-border, #151515) !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 16px;
  padding: 10px 20px;
  transition: opacity 0.2s;
}
.checkout_buy_now:hover,
.checkout_form button[type="submit"]:hover,
.form_checkout_btn:hover {
  opacity: 0.88;
}
.bundles_container {
  border-radius: 1.25rem 0 !important;
  padding: 1.5rem !important;
  gap: 1rem !important;
}
.bundles_title {
  display: flex !important;
  align-items: flex-start;
  gap: 0.5rem !important;
  padding-bottom: 10px;
  justify-content: center;
}
.bundles_container .absolute.-left-2.-right-2.top-0.flex.justify-between,
p.bundles_description {
  display: none;
}
.bundles_title::before {
  content: "";
  display: inline-flex;
  width: 45px;
  height: 45px;
  min-width: 45px;
  border-radius: 50%;
  order: -1;
  background-color: var(--body-text, #151515);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 122.88 116.21' style='enable-background:new 0 0 122.88 116.21' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M8.28,0H114.6c4.57,0,8.28,3.73,8.28,8.28v82.61c0,4.54-3.73,8.27-8.28,8.27h-8.77 c1.25-2.49,2.31-5.09,3.14-7.8h4.7c0.64,0,1.19-0.25,1.62-0.67c0.43-0.42,0.67-0.98,0.67-1.62V20.59h0.05l0,0H7.23v68.48 c0,0.63,0.25,1.19,0.67,1.62c0.43,0.43,0.99,0.67,1.62,0.67h4.39c0.83,2.71,1.88,5.31,3.14,7.8H8.28C3.73,99.16,0,95.43,0,90.89 V8.28C-0.01,3.73,3.71,0,8.28,0L8.28,0L8.28,0z M82.2,29.2c-2.33,27.87-34.23,9.55-46.35,32.77c-1.71,3.78-2.86,7.29-3.4,10.5 c-0.89,1.1-1.71,2.28-2.45,3.54c-3.7,6.41-4.44,13.71-2.67,20.33c1.78,6.62,6.08,12.57,12.49,16.26c6.41,3.7,13.7,4.44,20.33,2.67 c6.62-1.77,12.57-6.07,16.26-12.48c1.64-2.84,2.7-5.84,3.22-8.88c3.77-2.2,7.1-5.3,9.64-9.41c4.31-10-3.54-17.97,7.21-25.01 c-6.65-3.34-10.69,0.11-14.57,6.87c-4.2,9.11-19.93-1.68-5.18-7.29C89.38,54.28,88.22,39.43,82.2,29.2L82.2,29.2L82.2,29.2 L82.2,29.2z M52.63,89.33c0.08,0,0.16,0,0.24,0.01l9.23-6.91c1.06-0.8,2.59-0.59,3.39,0.48c0.8,1.07,0.59,2.59-0.48,3.4l-9.13,6.85 c-0.26,1.56-1.61,2.76-3.25,2.76c-1.81,0-3.28-1.48-3.28-3.29c0-0.34,0.06-0.67,0.15-1l-9.4-7.26c-0.59-0.46-0.7-1.31-0.24-1.9 c0.46-0.6,1.31-0.71,1.9-0.25l9.56,7.39C51.72,89.43,52.16,89.33,52.63,89.33L52.63,89.33L52.63,89.33z M64.62,69.64 c11.37,6.56,14.93,19.82,8.36,31.2c-6.56,11.37-19.83,14.93-31.2,8.37c-11.37-6.56-14.92-19.83-8.36-31.2 C39.99,66.63,53.25,63.08,64.62,69.64L64.62,69.64L64.62,69.64z M106.72,6.7c2.26,0,4.09,1.83,4.09,4.09 c0,2.26-1.84,4.09-4.09,4.09c-2.25,0-4.09-1.83-4.09-4.09C102.63,8.53,104.45,6.7,106.72,6.7L106.72,6.7L106.72,6.7z M79.01,6.7 c2.26,0,4.09,1.83,4.09,4.09c0,2.26-1.83,4.09-4.09,4.09c-2.26,0-4.09-1.83-4.09-4.09C74.91,8.53,76.74,6.7,79.01,6.7L79.01,6.7 L79.01,6.7z M92.86,6.7c2.26,0,4.09,1.83,4.09,4.09c0,2.26-1.83,4.09-4.09,4.09c-2.26,0-4.09-1.83-4.09-4.09 C88.78,8.53,90.6,6.7,92.86,6.7L92.86,6.7L92.86,6.7z' fill='black'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 122.88 116.21' style='enable-background:new 0 0 122.88 116.21' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M8.28,0H114.6c4.57,0,8.28,3.73,8.28,8.28v82.61c0,4.54-3.73,8.27-8.28,8.27h-8.77 c1.25-2.49,2.31-5.09,3.14-7.8h4.7c0.64,0,1.19-0.25,1.62-0.67c0.43-0.42,0.67-0.98,0.67-1.62V20.59h0.05l0,0H7.23v68.48 c0,0.63,0.25,1.19,0.67,1.62c0.43,0.43,0.99,0.67,1.62,0.67h4.39c0.83,2.71,1.88,5.31,3.14,7.8H8.28C3.73,99.16,0,95.43,0,90.89 V8.28C-0.01,3.73,3.71,0,8.28,0L8.28,0L8.28,0z M82.2,29.2c-2.33,27.87-34.23,9.55-46.35,32.77c-1.71,3.78-2.86,7.29-3.4,10.5 c-0.89,1.1-1.71,2.28-2.45,3.54c-3.7,6.41-4.44,13.71-2.67,20.33c1.78,6.62,6.08,12.57,12.49,16.26c6.41,3.7,13.7,4.44,20.33,2.67 c6.62-1.77,12.57-6.07,16.26-12.48c1.64-2.84,2.7-5.84,3.22-8.88c3.77-2.2,7.1-5.3,9.64-9.41c4.31-10-3.54-17.97,7.21-25.01 c-6.65-3.34-10.69,0.11-14.57,6.87c-4.2,9.11-19.93-1.68-5.18-7.29C89.38,54.28,88.22,39.43,82.2,29.2L82.2,29.2L82.2,29.2 L82.2,29.2z M52.63,89.33c0.08,0,0.16,0,0.24,0.01l9.23-6.91c1.06-0.8,2.59-0.59,3.39,0.48c0.8,1.07,0.59,2.59-0.48,3.4l-9.13,6.85 c-0.26,1.56-1.61,2.76-3.25,2.76c-1.81,0-3.28-1.48-3.28-3.29c0-0.34,0.06-0.67,0.15-1l-9.4-7.26c-0.59-0.46-0.7-1.31-0.24-1.9 c0.46-0.6,1.31-0.71,1.9-0.25l9.56,7.39C51.72,89.43,52.16,89.33,52.63,89.33L52.63,89.33L52.63,89.33z M64.62,69.64 c11.37,6.56,14.93,19.82,8.36,31.2c-6.56,11.37-19.83,14.93-31.2,8.37c-11.37-6.56-14.92-19.83-8.36-31.2 C39.99,66.63,53.25,63.08,64.62,69.64L64.62,69.64L64.62,69.64z M106.72,6.7c2.26,0,4.09,1.83,4.09,4.09 c0,2.26-1.84,4.09-4.09,4.09c-2.25,0-4.09-1.83-4.09-4.09C102.63,8.53,104.45,6.7,106.72,6.7L106.72,6.7L106.72,6.7z M79.01,6.7 c2.26,0,4.09,1.83,4.09,4.09c0,2.26-1.83,4.09-4.09,4.09c-2.26,0-4.09-1.83-4.09-4.09C74.91,8.53,76.74,6.7,79.01,6.7L79.01,6.7 L79.01,6.7z M92.86,6.7c2.26,0,4.09,1.83,4.09,4.09c0,2.26-1.83,4.09-4.09,4.09c-2.26,0-4.09-1.83-4.09-4.09 C88.78,8.53,90.6,6.7,92.86,6.7L92.86,6.7L92.86,6.7z' fill='black'/%3E%3C/g%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 26px 26px;
  mask-size: 26px 26px;
}
.bundles_container > div {
  padding: 0.9rem;
  margin-bottom: 0;
  border-width: 0.1rem !important;
  background: 0 0;
}
.bundles_container > div:not(.\!border-skin-primary) {
  border: 1px solid rgb(from var(--body-text, #151515) r g b/.12) !important;
}
.bundles_container .radio_container {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  border-color: #d9d9d9 !important;
}
.bundles_container > div.\!border-\[3px\] .radio_container,
.bundles_container > div.\!border-skin-primary .radio_container,
.bundles_item.mb-4.flex.w-full.cursor-pointer.flex-col.rounded-xl.border.p-3.\!border-\[3px\].bg-gray-white.\!border-skin-primary.\!pt-7.relative {
  border-color: var(--body-text, #151515) !important;
}
.bundles_container .radio_circle {
  width: 12px !important;
  height: 12px !important;
  background: 0 0 !important;
}
.border-skin-primary.pb-2
  .mt-4.md\:mt-6.lg\:col-span-5.\[\&_h2\]\:font-bold
  .mt-4.md\:mt-6 {
  margin-top: 10px;
  margin-bottom: 0;
}
.bundles_container
  button.flex.justify-between.items-center.relative.w-full.border.cursor-default.bg-white.py-2.px-3.whitespace-nowrap {
  background: 0 0;
  font-size: 14px;
}
ul.absolute.z-40.mt-1.max-h-60.w-full.overflow-auto.rounded-md.bg-white.py-1.text-base.shadow-lg.ring-1.ring-black\/5.focus\:outline-none.sm\:text-sm {
  background: var(--body-text, #151515) !important;
  color: var(--body-bg, #fff) !important;
}
.bundles_container .border-skin-primary.pb-2.border-b {
  border-color: rgb(from var(--body-text, #000) r g b/.4) !important;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.bundles_container .radio_circle.bg-blue-500 {
  background-color: var(--body-text, #151515) !important;
}
.bundles_container > div p.text-xl {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: var(--product-name-text, #151515);
  margin-inline: 3px;
}
p.-mb-4.mt-2.font-bold.text-black {
  font-weight: 500;
  font-size: 14px;
  margin-block: 10px;
  color: var(--body-text, #151515);
}
.bundles_container > div p.text-xs.bg-\[\#eee\],
.bundles_container > div p[class*="bg-[#eee]"] {
  color: var(--body-bg, #fff);
  background: var(--body-text, #151515);
  margin-inline-start: 28px;
  font-size: 12px;
  padding: 6px;
  display: block !important;
  width: fit-content !important;
  border-radius: 8px;
  font-weight: 500;
  line-height: 1;
}
.bundles_container .flex.gap-2 {
  justify-content: space-between;
}
.flex.flex-1.flex-col.md\:flex-row.gap-x-4.gap-y-3.md\:items-center.flex-wrap {
  display: grid;
  max-width: fit-content;
  gap: 12px;
  justify-items: start;
  justify-content: start;
  align-items: start;
  grid-auto-flow: row;
}
.bundles_container > div p.font-bold.text-gray-700 {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: var(--product-price-text, #151515);
}
.bundles_container > div p.line-through {
  font-size: 14px;
  line-height: 18px;
  color: rgb(from var(--body-text, #000) r g b/.45);
  font-weight: 500;
}
.flex.flex-col.items-center.gap-2.md\:flex-row {
  display: flex;
  align-items: flex-start;
  gap: 4px !important;
  justify-content: flex-start;
}
.bundles_container > div p.text-gray-500.text-xs,
.custom-trash-btn[data-cart="item-remove"] svg {
  display: none !important;
}
.bundles_container > div > div:has(.bundles_label) {
  top: 0;
  margin-block: 5px !important;
}
.bundles_label.bundles_label {
  padding: 0;
  background-color: transparent;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  color: var(--body-text, #151515);
}
.bundles_label .border-red-600,
.bundles_label span.border-red-600 {
  border-color: rgb(var(--color-primary, #151515)) !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.bundles_container > div .border-t {
  border-color: #f0f0f0 !important;
}
@media (max-width: 767px) {
  .bundles_container {
    padding: 0.75rem 0 !important;
    border-radius: 1rem !important;
    gap: 0.75rem !important;
  }
  .bundles_container > div {
    padding: 1.65rem 0.8rem 0.85rem !important;
    border-radius: 8px;
  }
  .bundles_container > div:not(:has(.bundles_label)) {
    padding: 0.85rem 0.8rem !important;
  }
  .bundles_title::before {
    width: 32px;
    height: 32px;
    min-width: 32px;
    background-size: 16px 16px;
  }
  .p_details_container {
    padding: 0 !important;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .flex.flex-row-reverse.gap-2.mt-5 {
    margin-top: 8px;
  }
}
div.ab-fake-counter {
  margin: 20px 0;
  padding: 14px 16px;
  border: 1px solid rgb(from var(--body-text, #151515) r g b/.12);
  border-radius: 12px;
  background: rgb(from var(--body-text, #151515) r g b/.03);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}
div.ab-fake-counter .ab-fc-title {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgb(from var(--body-text, #151515) r g b/.72);
}
div.ab-fake-counter .ab-fc-digits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  background: 0 0;
}
div.ab-fake-counter .ab-fc-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  padding: 0;
  background: 0 0;
  border: 0;
  box-shadow: none;
}
div.ab-fake-counter .ab-fc-num {
  font-size: 20px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--body-text, #151515);
  line-height: 1;
  padding: 0;
  margin: 0;
}
div.ab-fake-counter .ab-fc-label {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgb(from var(--body-text, #151515) r g b/.45);
  margin: 0;
}
.flex.flex-col.items-center.space-y-2 svg,
.mt-6.flex.justify-center.text-center.text-sm.text-gray-500,
div.ab-fake-counter .ab-fc-sep {
  display: none;
}
@media (min-width: 768px) {
  div.ab-fake-counter {
    padding: 16px 20px;
  }
  div.ab-fake-counter .ab-fc-num {
    font-size: 24px;
  }
}
.ab-fake-stock {
  margin: 16px 0 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ab-fake-stock::before {
  content: none;
}
.ab-fs-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ab-fs-dot {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d64545;
  box-shadow: 0 0 0 rgba(214, 69, 69, 0.35);
  animation: ab-fs-pulse 1.8s ease-out infinite;
}
.ab-fs-text {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: var(--body-text, #151515);
}
.ab-fs-bar {
  width: 100%;
  height: 3px;
  border-radius: 999px;
  background: rgb(from var(--body-text, #151515) r g b/.1);
  overflow: hidden;
}
.ab-fs-fill {
  display: block;
  width: 65%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #d64545 0, #e56b6b 100%);
}
.lq-desc-accordion {
  margin-top: 1.5rem;
  border-top: 1px solid #e5e1dc;
}
.lq-desc-item {
  border-bottom: 1px solid #e5e1dc;
}
.lq-desc-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-block: 20px;
  background: 0 0;
  border: 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.08em;
  color: var(--body-text, #313e61);
  text-align: start;
}
.lq-desc-toggle-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.lq-desc-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  opacity: 0.7;
  display: none;
}
.lq-desc-chevron {
  position: relative;
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--body-bg, #ffffff) 70%, #c2c2c2);
  flex-shrink: 0;
  transition: background-color 0.25s ease, transform 0.3s ease;
}
.lq-desc-chevron::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background-color: var(--body-text, #313e61);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M11 5.5 7 9.5 3 5.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M11 5.5 7 9.5 3 5.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color 0.25s ease;
}
.lq-desc-chevron::after {
  content: none;
}
.lq-desc-toggle:hover .lq-desc-chevron {
  background-color: var(--body-text, #313e61);
}
.lq-desc-toggle:hover .lq-desc-chevron::before {
  background-color: #fff;
}
.lq-desc-item[data-open="true"] .lq-desc-chevron {
  transform: rotate(180deg);
}
.lq-desc-panel {
  overflow: hidden;
}
.lq-desc-content {
  padding: 0 0 1.25rem;
  font-size: 12px;
  line-height: 1.75;
  color: var(--body-text, #313e61);
  opacity: 0.9;
}
.ab-thanks-custom-content img,
.lq-desc-content img {
  max-width: 100%;
  height: auto;
}
.lq-desc-share-wrap {
  padding-top: 24px;
  margin-top: 0;
}
.lq-desc-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  background: 0 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: var(--body-text, #313e61);
  transition: opacity 0.2s ease;
}
.lq-desc-share-btn svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.lq-desc-share-btn:hover {
  opacity: 0.7;
}
[data-policies-nav],
[data-policies-panels] {
  display: contents;
}
.ab-fake-visitor,
.ab-fv-icon {
  display: inline-flex;
  align-items: center;
}
.ab-fake-visitor {
  gap: 8px;
  margin: 12px 0 16px;
  max-width: 100%;
}
.ab-fv-icon {
  flex-shrink: 0;
  justify-content: center;
  color: rgb(from var(--body-text, #151515) r g b/.75);
}
.ab-fv-icon svg {
  width: 18px;
  height: 18px;
}
.ab-fv-text {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgb(from var(--body-text, #151515) r g b/.9);
}
.ab-fv-count {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--body-text, #151515);
}
.fake_visitors_container.fake_visitors_container {
  display: inline-flex !important;
  background: 0 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-top: 0 !important;
  gap: 0 !important;
}
.fake_visitors_container.fake_visitors_container p {
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}
.fake_visitors_container.fake_visitors_container .ab-fv-count {
  background: 0 0 !important;
  color: var(--body-text, #151515) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: 600 !important;
}
.fake_stock_container.fake_stock_container {
  margin-top: 1.5rem !important;
  background: #f5f4f2 !important;
  border-radius: 0.875rem !important;
  padding: 1.125rem 1.5rem !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 1rem !important;
}
.fake_stock_container .fake_stock_progress.fake_stock_progress {
  flex: 1 !important;
  height: 6px !important;
  background: #e5e1dc !important;
  border-radius: 3px !important;
  overflow: hidden !important;
}
.fake_stock_container .fake_stock_progress > div {
  height: 6px !important;
  background: var(--body-text, #151515) !important;
  border-radius: 3px !important;
  margin-inline-start: 0 !important;
  width: 22% !important;
}
.fake_stock_container .fake_stock_count.fake_stock_count {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  letter-spacing: 0.04em !important;
  color: var(--body-text, #151515) !important;
  margin-top: 0 !important;
  order: -1 !important;
}
.fake_counter_container {
  margin: 1.75rem 0 !important;
  background: #f5f4f2 !important;
  border-radius: 1rem !important;
  padding: 1.5rem 1.75rem !important;
}
.ab-fixed-buy {
  position: fixed;
  z-index: 50;
  left: 50%;
  bottom: max(35px, env(safe-area-inset-bottom, 0));
  transform: translateX(0) translateY(12px);
  width: min(560px, calc(100% - 40px));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 14px;
  background: rgb(from var(--body-bg, #fff) r g b/.96);
  border: 1px solid rgb(from var(--body-text, #000) r g b/.1);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease,
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.ab-fixed-buy,
.w-full.max-w-5xl.transform.overflow-hidden.rounded-3xl.bg-white.shadow-2xl.transition-all.opacity-100.scale-100,
button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-skin-primary.bg-white.hover\:bg-gray-50.active\:bg-gray-100.text-skin-primary.px-4.\!py-2.pt-1.pb-1.whitespace-nowrap {
  border-radius: 8px;
}
.ab-fixed-buy.ab-fixed-buy--visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  left: auto;
  right: 30px;
}
.ab-fixed-buy-preview,
.ab-fixed-buy__content {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
}
.ab-fixed-buy-thumb {
  width: 80px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  background: #f5f4f2;
}
.ab-fixed-buy-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ab-fixed-buy-name {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--product-name-text, var(--body-text, #151515));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
}
.ab-fixed-buy-price-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
}
.ab-fixed-buy-price {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--product-price-text, var(--body-text, #151515));
}
.ab-fixed-buy-price-sale {
  color: var(--product-sale-price-text, #cd1515);
}
.ab-fixed-buy-price-old {
  font-size: 14px;
  font-weight: 500;
  color: rgb(from var(--body-text, #000) r g b/.45);
  text-decoration: line-through;
}
.ab-fixed-buy-qty {
  display: none;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  padding: 4px;
  border: 1px solid rgb(from var(--body-text, #000) r g b/.12);
  border-radius: 999px;
  background: rgb(from var(--body-text, #000) r g b/.03);
}
.ab-fixed-buy-qty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: 0 0;
  color: var(--body-text, #151515);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.ab-fixed-buy-qty-btn:hover {
  background: rgb(from var(--body-text, #000) r g b/.06);
}
.ab-fixed-buy-qty-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.ab-fixed-buy-qty-value {
  min-width: 28px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--body-text, #151515);
  user-select: none;
}
.ab-fixed-buy .ab-fixed-buy-btn,
.ab-fixed-buy button.ab-fixed-buy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  min-height: 48px;
  padding: 0 22px;
  border: 1.5px solid var(--buy-btn-border, var(--buy-btn-bg, #cc2134));
  border-radius: 999px;
  background: var(--buy-btn-bg, #cc2134);
  color: var(--buy-btn-text, #fff);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.ab-fixed-buy-btn:hover {
  opacity: 0.92;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgb(from var(--buy-btn-bg, #cc2134) r g b/.35);
}
.ab-fixed-buy-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.ab-fixed-buy-btn__icon {
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ab-fixed-buy-btn__text {
  display: inline;
}
@media (max-width: 768px) {
  .ab-fixed-buy {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    transform: translateY(100%);
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0));
    gap: 10px;
    border-radius: 14px 14px 0 0;
    border-inline: 0;
    border-bottom: 0;
    box-shadow: 0-8px 28px rgb(from var(--body-text, #000) r g b/.1);
  }
  .ab-fixed-buy.ab-fixed-buy--visible {
    transform: translateY(0);
    flex-direction: column;
    right: auto;
  }
  .ab-fixed-buy__content {
    gap: 10px;
  }
  .ab-fixed-buy-name,
  .ab-fixed-buy-thumb {
    display: none;
  }
  .ab-fixed-buy-price,
  .ab-fixed-buy-price-old {
    font-size: 13px;
  }
  .ab-fixed-buy-qty {
    display: none;
  }
  .ab-fixed-buy .ab-fixed-buy-btn,
  .ab-fixed-buy button.ab-fixed-buy-btn {
    min-height: 40px;
    min-width: 100%;
    padding: 0 16px;
    font-size: 14px;
    gap: 6px;
  }
  .ab-fixed-buy-btn__icon svg {
    width: 16px;
    height: 16px;
  }
}
.ab-thanks {
  max-width: 720px;
  margin: 3rem auto;
  padding: 0 1.5rem;
}
.ab-thanks-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
}
.ab-thanks-custom-content {
  text-align: start;
  line-height: 1.75;
  font-size: 15px;
  color: var(--body-text, #151515);
}
.ab-thanks-default {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.ab-thanks-icon {
  color: var(--body-text, #151515);
  margin-bottom: 0.5rem;
}
.ab-thanks-icon svg {
  width: 80px;
  height: 80px;
  color: #14cc21;
}
.ab-thanks-title {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  color: var(--body-text, #151515);
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.ab-thanks-message,
.ab-thanks-phone-msg {
  margin: 0;
  font-size: 1.125rem;
  color: rgba(33, 42, 47, 0.7);
  line-height: 1.5;
}
.ab-thanks-home-btn {
  margin-top: 1.5rem;
  height: 46px;
  border-radius: 2rem;
  border: 0;
  padding: 0 2rem;
  background: var(--body-text, #151515);
  color: var(--buy-btn-text, #fff);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
}
.ab-thanks-home-btn:hover {
  opacity: 0.88;
}
.ab-thanks-offers {
  margin-top: 1rem;
  font-size: 1rem;
  color: var(--body-text, #151515);
  text-decoration: underline;
  text-underline-offset: 6px;
}
@media (max-width: 480px) {
  .ab-thanks {
    padding: 0 1rem;
  }
  .ab-thanks-title {
    font-size: 1.5rem;
  }
  .ab-thanks-message,
  .ab-thanks-phone-msg {
    font-size: 1rem;
  }
}
.ab-invoice {
  width: 100%;
  background: #fff;
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.25rem 1rem 2.5rem;
}
.ab-invoice-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e5e1dc;
}
.ab-invoice-logo {
  height: 40px;
  width: auto;
  object-fit: contain;
}
.ab-invoice-track-btn {
  height: 38px;
  border-radius: 0.5rem;
  border: 0;
  padding: 0 1rem;
  background: #f5f4f2;
  color: rgba(33, 42, 47, 0.75);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.ab-invoice-track-btn:hover {
  background: #e5e1dc;
  color: var(--body-text, #151515);
}
.ab-invoice-body {
  display: flex;
  flex-direction: column-reverse;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  .ab-invoice {
    padding: 1.25rem 2rem 2.5rem;
    width: 60%;
  }
  .ab-invoice-body {
    display: grid;
    gap: 1.25rem;
  }
}
.ab-invoice-main,
.ab-invoice-sidebar,
.ab-invoice-store-info {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.ab-invoice-store-info {
  font-style: normal;
  border: 1px solid #e5e1dc;
  border-radius: 0.75rem;
  padding: 1rem;
  gap: 0.5rem;
  font-size: 13px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ab-invoice-store-name {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--body-text, #151515);
}
.ab-invoice-store-info a {
  color: inherit;
  text-decoration: none;
}
.ab-invoice-contact-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.ab-invoice-contact-label,
.ab-invoice-dl-row dt {
  color: rgba(33, 42, 47, 0.55);
}
.ab-invoice-section-title {
  margin: 0 0 0.75rem;
  font-size: 14px;
  font-weight: 600;
  color: #151515;
}
.ab-invoice-shipping,
.ab-invoice-timeline {
  border: 1px solid #e5e1dc;
  border-radius: 0.75rem;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ab-invoice-dl {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ab-invoice-dl-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.25rem;
  font-size: 13px;
}
.ab-invoice-dl-row dd {
  margin: 0;
  font-weight: 500;
  color: #151515;
}
.ab-invoice-dl-row-center,
a.mt-6.text-sm.md\:text-base.font-medium.flex.gap-2.md\:gap-3.items-center.hover\:opacity-90.transition-opacity.group {
  justify-content: center;
}
.ab-invoice-receipt-img {
  max-height: 240px;
  object-fit: contain;
  border-radius: 0.5rem;
}
.ab-invoice-notes-list {
  list-style: disc;
  margin: 0;
  padding: 0 0 0 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 13px;
  color: #151515;
}
.ab-invoice-note-date {
  display: block;
  font-size: 12px;
  color: rgba(33, 42, 47, 0.45);
  margin-top: 2px;
}
.ab-invoice-status-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1rem;
  border: 1px solid #e5e1dc;
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ab-invoice-status-label {
  font-size: 1.125rem;
  font-weight: 500;
  color: rgba(33, 42, 47, 0.7);
}
.ab-invoice-status-value {
  font-size: 1.125rem;
  font-weight: 600;
  color: #38d810;
}
.ab-invoice-items {
  border: 1px solid #e5e1dc;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ab-invoice-item {
  display: flex;
  gap: 1rem;
}
.ab-invoice-item-img {
  width: 80px;
  height: 80px;
  border-radius: 0.5rem;
  object-fit: contain;
  flex-shrink: 0;
}
.ab-invoice-item-details {
  flex: 1;
  min-width: 0;
}
.ab-invoice-item-name {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #151515;
  line-height: 1.3;
}
.ab-invoice-item-variants {
  margin: 4px 0 0;
  font-size: 13px;
  color: rgba(33, 42, 47, 0.55);
}
.ab-invoice-item-qty,
.ab-invoice-item-unit-price {
  margin: 2px 0 0;
  font-size: 13px;
  color: rgba(33, 42, 47, 0.55);
}
.ab-invoice-item-metadata {
  margin-top: 6px;
  font-size: 13px;
  color: rgba(33, 42, 47, 0.55);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ab-invoice-item-metadata img {
  border-radius: 0.5rem;
  margin-top: 4px;
}
.ab-invoice-item-total {
  font-size: 15px;
  font-weight: 600;
  color: #151515;
  white-space: nowrap;
  flex-shrink: 0;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.ab-invoice-totals {
  border: 1px solid #e5e1dc;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ab-invoice-totals .ab-invoice-dl-row dt {
  font-weight: 500;
}
.ab-invoice-total-row {
  padding-top: 0.75rem;
  margin-top: 0.25rem;
  border-top: 1px solid #e5e1dc;
}
.ab-invoice-total-row dd,
.ab-invoice-total-row dt {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #151515 !important;
}
@media (max-width: 480px) {
  .ab-invoice-item {
    flex-direction: column;
    gap: 0.75rem;
  }
  .ab-invoice-item-img {
    width: 100%;
    height: auto;
    max-height: 240px;
    border-radius: 0.5rem;
  }
  .ab-invoice-item-total {
    align-self: flex-end;
  }
  .ab-invoice-status-label,
  .ab-invoice-status-value {
    font-size: 1rem;
  }
}
.ab-theme {
  --ab-theme-height: calc(
    var(--ann-height, 35px) + var(--header-height-desktop, 96px)
  );
  position: relative !important;
  display: block !important;
  height: var(--ab-theme-height);
  min-height: 0;
  overflow: hidden;
  padding-top: 0 !important;
}
.ab-theme.ab-ready {
  transition: height 0.15s ease;
}
.ab-theme.ab-no-announce,
.ab-theme:not(:has(.ab-announce)) {
  --ab-theme-height: var(--header-height-desktop, 96px);
}
.ab-theme.scrolled:has(.ab-announce):not(.ab-header-hidden) {
  --ab-theme-height: var(--header-height-desktop, 96px);
}
.ab-theme.ab-header-hidden:has(.ab-announce):not(.scrolled) {
  --ab-theme-height: var(--ann-height, 35px);
}
.ab-theme.ab-header-hidden.ab-no-announce,
.ab-theme.ab-header-hidden.scrolled,
.ab-theme.ab-header-hidden:not(:has(.ab-announce)) {
  --ab-theme-height: 0px;
}
.ab-theme.ab-header-hidden:not(.scrolled) .ab-header {
  transform: translateY(calc(-100% - var(--ann-height, 35px)));
  opacity: 0;
  pointer-events: none;
}
.ab-theme.ab-header-hidden.scrolled .ab-header {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
.ab-theme.is-homepage,
body.is-home .ab-theme {
  --ab-theme-height: 0px;
  height: 0 !important;
}
@media (max-width: 1024px) {
  .ab-theme {
    --ab-theme-height: calc(
      var(--ann-height, 35px) + var(--header-height-mobile, 60px)
    );
  }
  .ab-theme.ab-no-announce,
  .ab-theme:not(:has(.ab-announce)) {
    --ab-theme-height: var(--header-height-mobile, 60px);
  }
  .ab-theme.scrolled:has(.ab-announce):not(.ab-header-hidden) {
    --ab-theme-height: var(--header-height-mobile, 60px);
  }
  .ab-theme.is-homepage,
  body.is-home .ab-theme {
    --ab-theme-height: 0px;
    height: 0 !important;
  }
  .ab-header {
    height: var(--header-height-mobile, 60px) !important;
  }
}
.flex-split-layout {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  background: 0 0 !important;
  border: 0 !important;
}
.qty-box-wrapper {
  display: inline-flex;
  align-items: center;
  border: 1px solid #dedede;
  border-radius: 16px;
  height: 36px;
  overflow: hidden;
  color: #151515;
}
.qty-box-wrapper button,
.qty-box-wrapper p {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.qty-box-wrapper button {
  width: 34px !important;
  color: #333 !important;
  border: 0 !important;
  background: 0 0 !important;
  padding: 8px 12px !important;
  transition: background 0.2s;
}
.flex.flex-1.flex-col.ms-4 > .flex.flex-1.flex-col.gap-3.text-sm {
  gap: 6px;
}
button.payment_card.flex.cursor-pointer.w-full.items-center.p-1.transition.duration-300.ease-in-out.rounded-md.border-2.border-gray-200.hover\:border-blue-300.border-blue-600.hover\:border-blue-600
  .radio_container.flex.h-6.w-6.items-center.justify-center.rounded-full.border.border-gray-200.me-2,
button.shipping_option_card.flex.cursor-pointer.w-full.items-center.p-2.md\:p-3.transition.duration-300.ease-in-out.border-black.hover\:border-black.rounded-md.border-2
  .radio_container.flex.h-6.w-6.min-w-\[24px\].items-center.justify-center.rounded-full.border.border-gray-200.me-2 {
  border-color: #005bd1 !important;
}
.fixed.bottom-0.left-0.right-0.z-50.mt-2.flex.items-center.justify-center.border-t.border-gray-200.py-2.max-md\:p-4.max-md\:bg-white.lg\:static.lg\:border-t-0 {
  background: var(--checkout-form-bg, #f5f5f5) !important;
}
.qty-box-wrapper button:hover {
  background-color: #f5f5f5 !important;
}
.qty-box-wrapper p {
  width: 38px !important;
  margin: 0 !important;
  text-align: center !important;
  font-size: 14px !important;
}
.custom-trash-btn[data-cart="item-remove"]::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031%2031%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M29.5%201.5L1.5%2029.5M1.5%201.5L29.5%2029.5%22%20stroke%3D%22black%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
  mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031%2031%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M29.5%201.5L1.5%2029.5M1.5%201.5L29.5%2029.5%22%20stroke%3D%22black%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--buy-btn-bg, #cc2134);
}
.qty-box-wrapper button:hover:not(:disabled) {
  background-color: #f9fafb !important;
}
.mt-10.h-96.flex.flex-col.items-center.justify-center.gap-10
  h1.text-4xl.font-bold {
  font-size: 28px;
  font-weight: 400;
}
.mt-10.h-96.flex.flex-col.items-center.justify-center.gap-10 p {
  font-size: 16px;
  font-weight: 400;
}
.flex.flex-col.items-center.space-y-2 h1.text-4xl.font-bold {
  font-size: 32px;
  font-weight: 400;
}
.flex.flex-col.items-center.space-y-2 p {
  font-size: 20px;
  font-weight: 400;
}
h1.mt-2.text-4xl.font-extrabold.text-gray-900.tracking-tight.sm\:text-5xl {
  font-weight: 400;
  font-size: 30px;
  color: var(--body-text, #151515);
}
.py-16 .text-center p.mt-2.text-base.text-gray-500 {
  font-size: 14px;
  margin: 0;
}
.mt-6 a.text-base.font-medium.text-indigo-600.hover\:text-indigo-500 {
  background: var(--body-text, #151515);
  padding: 10px 12px;
  border-radius: 8px;
  color: #f8f8ff;
  font-size: 14px;
}
.flex.gap-2.md\:gap-2\.5.overflow-x-auto.p-2.md\:p-2\.5,
p.text-sm.font-semibold.text-indigo-600.uppercase.tracking-wide,
svg.w-5.h-5.transition-transform.group-hover\:-translate-x-1.rotate-180.group-hover\:translate-x-1 {
  display: none;
}
.custom-trash-btn {
  color: #b0b0b0 !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
  padding: 8px !important;
}
svg.h-5.w-5.text-red-600 {
  color: #514848;
}
.custom-trash-btn:hover {
  color: #ff4d4f !important;
  transform: scale(1.1);
}
.flex.items-center.justify-between {
  display: flex;
  align-items: flex-start;
}
.fixed.z-10.top-0.flex.justify-center.items-center.left-0.h-screen.w-screen.backdrop-blur.bg-\[rgba\(255\,255\,255\,0\.3\) {
  z-index: 50;
}
.ml-3.mr-3.w-full.max-w-md.rounded-md.bg-white.border.p-6.undefined {
  background: var(--body-bg, #fff);
}
.ml-3.mr-3.w-full.max-w-md h2.text-lg.font-medium,
label.block.text-sm.font-medium.text-black,
span.flex.shrink-0.items-center.gap-1\.5 svg.h-2\.5.w-2\.5.text-black.ms-1 {
  color: var(--checkout-heading-text, #212a2f);
}
textarea#address1::placeholder {
  font-weight: 200 !important;
  color: var(--checkout-heading-text, #212a2f) !important;
}
.checkout_order_summary.checkout_order_summary
  span.flex.shrink-0.items-center.gap-0\.5.text-\[19px\] {
  font-size: 18px;
}
ul.checkout_cart_items_container li.cart-item.flex.py-6 {
  padding-block: 7px 10px;
}
dl.space-y-6.border-t.border-gray-200.py-6.text-sm.font-medium.text-gray-900 {
  padding-block: 20px 0;
}
.flex.items-center.justify-between.border-t.border-gray-200.pt-6 dd,
.flex.items-center.justify-between.border-t.border-gray-200.pt-6 dt {
  font-size: 18px;
  font-weight: 600;
}
.ab-footer.ab-footer-v2 .abf-links li + li,
.shipping_cost_container.flex.items-center.justify-between {
  margin-top: 10px;
}
div#checkout-order-summary-content {
  padding-block: 16px;
}
@media (max-width: 768px) {
  div#checkout-order-summary-content {
    border-top: 1px solid
      rgb(from var(--checkout-heading-text, #212a2f) r g b/.1);
  }
}
.checkout_mobile_total_toggle span.font-\[inherit\],
.checkout_order_summary.checkout_order_summary
  span.flex.shrink-0.items-center.gap-0\.5.text-\[19px\],
.font-bold.text-gray-900,
button.checkout_mobile_total_toggle span.flex.shrink-0.items-center.gap-1\.5 {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
}
.checkout_mobile_total_toggle span.font-\[inherit\],
.font-bold.text-gray-900 {
  color: var(--checkout-heading-text, #212a2f);
  font-weight: 600;
  font-size: 19px;
}
.checkout_form .global_input::placeholder {
  font-weight: 200;
  color: var(--checkout-heading-text, #212a2f) !important;
}
.checkout_mobile_total_toggle .font-semibold.text-gray-900 {
  font-weight: 600;
  color: var(--checkout-heading-text, #212a2f);
  font-size: 18px;
  line-height: 1;
}
.checkout_mobile_total_toggle span.block.text-xs.mt-1.text-gray-500 {
  line-height: 1.5;
}
.checkout_mobile_total_toggle span.relative.h-11.w-14.shrink-0 {
  width: 40px;
  height: 40px;
}
nav.checkout_store_pages.pt-5.lg\:pt-4.pb-24.lg\:pb-6.mt-3\.5.lg\:mt-12.flex.flex-wrap.justify-center.gap-x-4.gap-y-2.border-t.border-gray-200.text-sm.text-gray-500 {
  padding-bottom: 0;
  color: var(--checkout-heading-text, #005bd1) !important;
  text-decoration-line: underline;
  text-underline-offset: 2px;
}
.checkout_mobile_header.flex.py-5.px-3\.5.md\:hidden {
  padding: 20px 16px;
}
.checkout_mobile_header img {
  object-fit: contain;
  height: 30px !important;
}
.checkout_mobile_header .relative.overflow-hidden.h-10.w-auto {
  width: 100px;
  height: auto;
}
button#checkout-order-summary-toggle
  span.flex.items-center.gap-2.text-sm.text-skin-primary {
  color: var(--body-text, #005bd1) !important;
}
div#checkout-mobile-submit button {
  height: 52px;
}
.pointer-events-none.fixed .mt-6 {
  margin-top: 0 !important;
}
span.text-lg.font-bold.text-gray-700 {
  font-weight: 600;
}
.payment_card_content.flex.w-full.flex-col {
  display: flex;
  justify-content: space-between;
}
.w-full.max-w-5xl {
  background: var(--body-bg, #fff);
}
button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-transparent.bg-skin-primary.hover\:bg-skin-primary.hover\:bg-opacity-80.active\:bg-opacity-90.text-white.w-full.rounded-\[14px\].py-3.md\:py-3\.5.font-bold.flex.items-center.justify-center.gap-2 {
  border-radius: 1px;
  font-weight: 500;
  font-size: 14px;
  height: 55px;
}
button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-skin-primary.bg-white.hover\:bg-gray-50.active\:bg-gray-100.text-skin-primary.w-full.font-bold.rounded-\[14px\].gap-2.px-1.disabled\:text-skin-primary\/50.disabled\:border-skin-primary\/50 {
  border-radius: 1px;
  font-weight: 500;
  font-size: 14px;
  height: 50px;
}
.flex.justify-center.items-center.gap-4.border.border-\[\#EBEBEB\].rounded-\[14px\].px-2 {
  border-radius: 25px;
  height: 50px;
  border-color: var(--body-text, #151515);
}
button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-skin-primary.bg-white.hover\:bg-gray-50.active\:bg-gray-100.text-gray-900.px-4.\!py-2.pt-1.pb-1.whitespace-nowrap {
  border-radius: 25px;
}
.mt-20.flex.h-96.items-center.justify-center {
  height: 100vh !important;
  margin: 0;
}
.relative.mt-1 input.global_input:placeholder {
  color: var(--body-text, #151515);
}
input.global_input::placeholder,
textarea.global_textarea::placeholder {
  color: rgb(from var(--input-text, #212a2f) r g b/.6) !important;
}
h2#headlessui-dialog-title-\:rj\: {
  font-size: 24px;
}
textarea.global_textarea::placeholder {
  background: var(--input-bg, #fff);
}
@media (min-width: 1024px) {
  .ab-footer-inner {
    display: grid !important;
    grid-template-columns: 1.5fr 0fr;
    row-gap: 60px;
    align-items: start;
  }
  .ab-footer-columns {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0 !important;
  }
  .ab-footer-subscribe-section {
    grid-column: 2;
    grid-row: 1;
    margin-top: 0 !important;
    width: max-content;
    display: flex;
    gap: 12px;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .ab-footer-brand-section,
  .ab-footer-contact-info {
    grid-column: 1;
    grid-row: 2;
    margin-top: 0 !important;
  }
  .ab-footer-brand-section {
    grid-column: 2;
    text-align: right;
    display: flex;
    flex-direction: column;
  }
  .ab-footer-bottom {
    grid-column: 1 / span 2;
    grid-row: 3;
    border-top: 1px solid #eee;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .ab-footer-columns {
    display: flex;
    gap: 12px;
    flex-wrap: nowrap;
  }
  .ab-footer-subscribe-form {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: fit-content;
  }
  .ab-footer-inner {
    column-gap: 50px;
  }
  .ab-footer-copy {
    margin: 0;
    font-size: 12px;
    border: 0 !important;
    padding-top: 10px;
  }
  .ab-footer-inner {
    padding: 48px 0 0 !important;
  }
  .ab-cart-count {
    min-width: 18px !important;
    height: 18px !important;
    top: 6px;
    right: 0;
  }
}
@media (min-width: 1440px) {
  .ab-footer-subscribe-form {
    width: 408px;
  }
  .ab-footer-inner {
    max-width: 1360px;
  }
  .ab-footer-col {
    min-width: 334px;
  }
  .ab-footer-subscribe-section {
    width: max-content;
  }
}
.sticky.top-0.z-10.bg-white.pt-4.pb-3.-mx-4.px-4.sm\:-mx-6.sm\:px-6.xl\:-mx-8.xl\:px-8
  label.block.text-sm.font-medium.text-black {
  font-size: 0;
}
.sticky.top-0.z-10.bg-white.pt-4.pb-3.-mx-4.px-4.sm\:-mx-6.sm\:px-6.xl\:-mx-8.xl\:px-8
  button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-transparent.bg-skin-primary.hover\:bg-skin-primary.hover\:bg-opacity-80.active\:bg-opacity-90.text-white {
  background: 0 0;
  padding: 14px 10px;
  color: var(--body-text, #151515);
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-position: under;
}
.home_section_container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.ab-categories {
  padding: 0 !important;
}
.category_section_header.mb-7.flex.items-center.justify-between.pt-3 {
  padding-bottom: 35px;
}
.flex.items-center.justify-between.border-t.border-gray-200.pt-6 {
  font-size: 19px;
  font-weight: 600;
}
.flex.items-center.justify-between.border-t.border-gray-200.pt-6
  dt.text-gray-600 {
  color: #000;
}
.h-24.w-24.flex-shrink-0.overflow-hidden.rounded-md.border.border-gray-200 {
  border-radius: 6px;
}
.mt-2 > span.text-lg.font-bold.text-gray-700 {
  font-size: 20px !important;
  font-weight: 500 !important;
  color: var(--checkout-heading-text, #333333) !important;
  line-height: 1.2;
  margin: 20px 0 12px !important;
}
p.mt-1.flex.items-center.gap-x-2.text-sm.text-gray-500 {
  margin: 0;
  font-size: 12px;
}
p.text-gray-500.f lex.items-center.gap-0\.5 {
  gap: 4px;
  margin-top: 8px;
  margin-bottom: -5px;
  font-size: 12px;
}
.flex.justify-between.text-base.font-medium.text-gray-900 {
  font-size: 14px;
}
dd.shipping_cost.font-bold.flex.items-center.gap-0\.5 {
  font-weight: revert;
}
@media (min-width: 769px) {
  .ab-gallery-desktop-layout {
    display: flex;
    align-items: flex-start;
    gap: 48px;
    direction: rtl;
  }
  .ab-gallery-thumbs {
    display: flex !important;
    flex-direction: column;
    flex-shrink: 0;
    gap: 20px;
    width: 84px;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgb(from var(--body-text, #151515) r g b/.25) transparent;
    -webkit-overflow-scrolling: touch;
  }
  .ab-gallery-thumbs::-webkit-scrollbar {
    width: 2px;
  }
  .ab-gallery-thumbs::-webkit-scrollbar-thumb {
    background: rgb(from var(--body-text, #151515) r g b/.25);
    border-radius: 999px;
  }
  .ab-gallery-thumb {
    flex-shrink: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: 0 0;
    opacity: 0.4;
    transform: none;
    transition: opacity 0.25s ease;
  }
  .ab-gallery-thumb:not(.ab-active):hover {
    opacity: 0.65;
    border-color: transparent;
    transform: none;
  }
  .ab-gallery-slider {
    flex: 1;
    min-width: 0;
    height: auto;
    cursor: pointer;
  }
  .ab-gallery-main-media {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .ab-dg-arrow,
  .ab-dg-counter,
  .ab-gallery-zoom {
    display: none !important;
  }
  .ab-dg-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .ab-dg-modal.ab-open {
    display: block;
    animation: abDgFadeIn 0.25s ease;
  }
  @keyframes abDgFadeIn {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .ab-dg-modal-close {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10001;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 0;
    background: rgba(0, 0, 0, 0.06);
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.15s ease;
  }
  .ab-dg-modal-close:hover {
    background: rgba(0, 0, 0, 0.12);
    transform: scale(1.08);
  }
  .ab-dg-modal-close svg {
    width: 22px;
    height: 22px;
  }
  .ab-dg-modal-body {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
  }
  .ab-dg-modal-img {
    width: 100%;
    border-radius: 0;
    display: block;
    object-fit: contain;
  }
}
@media (max-width: 768px) {
  .ab-dg-arrow,
  .ab-dg-counter,
  .ab-dg-modal {
    display: none !important;
  }
}
.ab-slider-track {
  min-height: 280px;
}
@media (max-width: 768px) {
  .ab-slider-track {
    min-height: 420px;
  }
}
.ab-featured-media img,
.ab-pgrid-media img,
.ab-plist-media img {
  aspect-ratio: inherit;
}
.ab-announce,
.ab-header {
  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.ab-featured-card,
.ab-pgrid-card,
.ab-pgrid-hero,
.ab-plist-card {
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
body:has([data-cart="root"]),
html:has([data-cart="root"]) {
  overflow: hidden !important;
  height: 100vh !important;
  position: fixed;
  width: 100%;
}
html.headlessui-shell-open {
  scroll-behavior: auto !important;
}
body.headlessui-shell-open {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.content_container.page_content.mt-6.mx-auto.prose.prose-lg.text-gray-500 {
  margin: 0;
}
span.mt-2.block.text-3xl.text-center.leading-8.font-extrabold.tracking-tight.text-gray-900.sm\:text-4xl {
  font-weight: 500;
  font-size: 28px;
  margin: 0;
  color: var(--body-text, #151515);
}
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.ql-editor ol,
.ql-editor p,
.ql-editor pre,
.ql-editor ul {
  color: var(--body-text, #151515);
}
.ql-editor .ql-align-right {
  text-align: revert-rule;
}
.hs-inner-shine {
  position: relative;
  overflow: hidden;
}
.hs-inner-shine > * {
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  [data-hs-inner] .category-mosaic__grid,
  [data-hs-inner] .category-mosaic__head,
  [data-hs-inner] .custom-static-promo-content > .custom-static-promo-btn,
  [data-hs-inner] .custom-static-promo-content > h2,
  [data-hs-inner] .custom-static-promo-content > h3,
  [data-hs-inner] .editorial-feature__copy,
  [data-hs-inner] .editorial-feature__media,
  [data-hs-inner] .newsletter-luxe__body,
  [data-hs-inner] .newsletter-luxe__fine,
  [data-hs-inner] .newsletter-luxe__form,
  [data-hs-inner] .newsletter-luxe__title,
  [data-hs-inner] .rnw-hero__actions,
  [data-hs-inner] .rnw-hero__kicker,
  [data-hs-inner] .rnw-hero__lede,
  [data-hs-inner] .rnw-hero__title {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
    filter: none !important;
  }
  [data-hs-inner] .hs-inner-shine::after {
    display: none !important;
    animation: none !important;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .editorial-feature[data-hs-inner="lux-drift"]:not(.hs-inner-inview)
    .editorial-feature__copy,
  .editorial-feature[data-hs-inner="lux-drift"]:not(.hs-inner-inview)
    .editorial-feature__media {
    opacity: 0;
    transform: translateY(44px);
  }
  .editorial-feature[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .editorial-feature__copy,
  .editorial-feature[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .editorial-feature__media {
    opacity: 0;
    clip-path: inset(0 0 100%0);
  }
  .editorial-feature[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .editorial-feature__copy,
  .editorial-feature[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .editorial-feature__media {
    opacity: 0;
    clip-path: inset(0 100%0 0);
    transform: translateX(-12px);
  }
  .editorial-feature[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .editorial-feature__copy,
  .editorial-feature[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .editorial-feature__media {
    opacity: 0;
  }
  .category-mosaic[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .category-mosaic__grid.hs-inner-shine::after,
  .custom-static-promo[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .custom-static-promo-inner.hs-inner-shine::after,
  .editorial-feature[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .editorial-feature__grid.hs-inner-shine::after,
  .newsletter-luxe[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .newsletter-luxe__inner.hs-inner-shine::after,
  .rnw-hero[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .rnw-hero__inner.hs-inner-shine::after {
    content: none !important;
    animation: none !important;
  }
  .editorial-feature[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .editorial-feature__copy,
  .editorial-feature[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .editorial-feature__media {
    opacity: 0;
    transform: translateY(20px);
  }
  .category-mosaic[data-hs-inner="lux-drift"]:not(.hs-inner-inview)
    .category-mosaic__grid,
  .category-mosaic[data-hs-inner="lux-drift"]:not(.hs-inner-inview)
    .category-mosaic__head {
    opacity: 0;
    transform: translateY(44px);
  }
  .category-mosaic[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .category-mosaic__grid,
  .category-mosaic[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .category-mosaic__head {
    opacity: 0;
    clip-path: inset(0 0 100%0);
  }
  .category-mosaic[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .category-mosaic__grid,
  .category-mosaic[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .category-mosaic__head {
    opacity: 0;
    clip-path: inset(0 100%0 0);
    transform: translateX(-12px);
  }
  .category-mosaic[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .category-mosaic__grid,
  .category-mosaic[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .category-mosaic__head {
    opacity: 0;
  }
  .category-mosaic[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .category-mosaic__grid,
  .category-mosaic[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .category-mosaic__head {
    opacity: 0;
    transform: translateY(20px);
  }
  .newsletter-luxe[data-hs-inner="lux-drift"]:not(.hs-inner-inview)
    .newsletter-luxe__body,
  .newsletter-luxe[data-hs-inner="lux-drift"]:not(.hs-inner-inview)
    .newsletter-luxe__fine,
  .newsletter-luxe[data-hs-inner="lux-drift"]:not(.hs-inner-inview)
    .newsletter-luxe__form,
  .newsletter-luxe[data-hs-inner="lux-drift"]:not(.hs-inner-inview)
    .newsletter-luxe__title {
    opacity: 0;
    transform: translateY(44px);
  }
  .newsletter-luxe[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .newsletter-luxe__body,
  .newsletter-luxe[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .newsletter-luxe__fine,
  .newsletter-luxe[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .newsletter-luxe__form,
  .newsletter-luxe[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .newsletter-luxe__title {
    opacity: 0;
    clip-path: inset(0 0 100%0);
  }
  .newsletter-luxe[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .newsletter-luxe__body,
  .newsletter-luxe[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .newsletter-luxe__fine,
  .newsletter-luxe[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .newsletter-luxe__form,
  .newsletter-luxe[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .newsletter-luxe__title {
    opacity: 0;
    clip-path: inset(0 100%0 0);
    transform: translateX(-10px);
  }
  .newsletter-luxe[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .newsletter-luxe__body,
  .newsletter-luxe[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .newsletter-luxe__fine,
  .newsletter-luxe[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .newsletter-luxe__form,
  .newsletter-luxe[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .newsletter-luxe__title {
    opacity: 0;
  }
  .newsletter-luxe[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .newsletter-luxe__body,
  .newsletter-luxe[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .newsletter-luxe__fine,
  .newsletter-luxe[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .newsletter-luxe__form,
  .newsletter-luxe[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .newsletter-luxe__title {
    opacity: 0;
    transform: translateY(18px);
  }
  .custom-static-promo[data-hs-inner="lux-drift"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > .custom-static-promo-btn,
  .custom-static-promo[data-hs-inner="lux-drift"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > h2,
  .custom-static-promo[data-hs-inner="lux-drift"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > h3,
  .rnw-hero[data-hs-inner="lux-drift"]:not(.hs-inner-inview) .rnw-hero__actions,
  .rnw-hero[data-hs-inner="lux-drift"]:not(.hs-inner-inview) .rnw-hero__kicker,
  .rnw-hero[data-hs-inner="lux-drift"]:not(.hs-inner-inview) .rnw-hero__lede,
  .rnw-hero[data-hs-inner="lux-drift"]:not(.hs-inner-inview) .rnw-hero__title {
    opacity: 0;
    transform: translateY(44px);
  }
  .custom-static-promo[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > .custom-static-promo-btn,
  .custom-static-promo[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > h2,
  .custom-static-promo[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > h3,
  .rnw-hero[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .rnw-hero__actions,
  .rnw-hero[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .rnw-hero__kicker,
  .rnw-hero[data-hs-inner="clip-reveal"]:not(.hs-inner-inview) .rnw-hero__lede,
  .rnw-hero[data-hs-inner="clip-reveal"]:not(.hs-inner-inview)
    .rnw-hero__title {
    opacity: 0;
    clip-path: inset(0 0 100%0);
  }
  .rnw-hero[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .rnw-hero__actions,
  .rnw-hero[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .rnw-hero__kicker,
  .rnw-hero[data-hs-inner="mask-reveal"]:not(.hs-inner-inview) .rnw-hero__lede,
  .rnw-hero[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .rnw-hero__title {
    opacity: 0;
    clip-path: inset(0 100%0 0);
    transform: translateX(-12px);
  }
  .rnw-hero[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .rnw-hero__actions,
  .rnw-hero[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .rnw-hero__kicker,
  .rnw-hero[data-hs-inner="shine-sweep"]:not(.hs-inner-inview) .rnw-hero__lede,
  .rnw-hero[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .rnw-hero__title {
    opacity: 0;
  }
  .rnw-hero[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .rnw-hero__actions,
  .rnw-hero[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .rnw-hero__kicker,
  .rnw-hero[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .rnw-hero__lede,
  .rnw-hero[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .rnw-hero__title {
    opacity: 0;
    transform: translateY(18px);
  }
  .custom-static-promo[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > .custom-static-promo-btn,
  .custom-static-promo[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > h2,
  .custom-static-promo[data-hs-inner="mask-reveal"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > h3 {
    opacity: 0;
    clip-path: inset(0 100%0 0);
    transform: translateX(-10px);
  }
  .custom-static-promo[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > .custom-static-promo-btn,
  .custom-static-promo[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > h2,
  .custom-static-promo[data-hs-inner="shine-sweep"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > h3 {
    opacity: 0;
  }
  .custom-static-promo[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > .custom-static-promo-btn,
  .custom-static-promo[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > h2,
  .custom-static-promo[data-hs-inner="stagger-simple"]:not(.hs-inner-inview)
    .custom-static-promo-content
    > h3 {
    opacity: 0;
    transform: translateY(18px);
  }
  .category-mosaic.hs-inner-inview.hs-inner-inview[data-hs-inner="shine-sweep"]
    .category-mosaic__grid.hs-inner-shine::after,
  .custom-static-promo.hs-inner-inview.hs-inner-inview[data-hs-inner="shine-sweep"]
    .custom-static-promo-inner.hs-inner-shine::after,
  .editorial-feature.hs-inner-inview.hs-inner-inview[data-hs-inner="shine-sweep"]
    .editorial-feature__grid.hs-inner-shine::after,
  .newsletter-luxe.hs-inner-inview.hs-inner-inview[data-hs-inner="shine-sweep"]
    .newsletter-luxe__inner.hs-inner-shine::after,
  .rnw-hero.hs-inner-inview.hs-inner-inview[data-hs-inner="shine-sweep"]
    .rnw-hero__inner.hs-inner-shine::after {
    content: "";
    position: absolute;
    inset: -15% -45%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
      118deg,
      transparent 0,
      transparent 40%,
      rgba(255, 249, 238, 0.38) 50%,
      transparent 61%,
      transparent 100%
    );
    opacity: 0;
    transform: translateX(-58%) skewX(-15deg);
    animation: hs-inner-shine-move 1.12s cubic-bezier(0.33, 0, 0.2, 1) 0.14s
      forwards;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="lux-drift"]
    .editorial-feature__copy,
  .editorial-feature.hs-inner-inview[data-hs-inner="lux-drift"]
    .editorial-feature__media {
    opacity: 0;
    animation: hs-inner-lux-drift 1.05s cubic-bezier(0.22, 1, 0.32, 1) forwards;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="lux-drift"]
    .editorial-feature__media {
    animation-delay: 0.05s;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="lux-drift"]
    .editorial-feature__copy {
    animation-delay: 0.14s;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="clip-reveal"]
    .editorial-feature__copy,
  .editorial-feature.hs-inner-inview[data-hs-inner="clip-reveal"]
    .editorial-feature__media {
    opacity: 0;
    clip-path: inset(0 0 100%0);
    animation: hs-inner-clip 0.86s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="clip-reveal"]
    .editorial-feature__media {
    animation-delay: 0.04s;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="clip-reveal"]
    .editorial-feature__copy {
    animation-delay: 0.12s;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="mask-reveal"]
    .editorial-feature__copy,
  .editorial-feature.hs-inner-inview[data-hs-inner="mask-reveal"]
    .editorial-feature__media {
    opacity: 0;
    clip-path: inset(0 100%0 0);
    transform: translateX(-12px);
    animation: hs-inner-mask 0.82s cubic-bezier(0.76, 0, 0.18, 1) forwards;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="mask-reveal"]
    .editorial-feature__media {
    animation-delay: 0.05s;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="mask-reveal"]
    .editorial-feature__copy {
    animation-delay: 0.13s;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="shine-sweep"]
    .editorial-feature__media {
    opacity: 0;
    animation: hs-inner-shine-fade 0.45s ease-out 0.05s forwards;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="shine-sweep"]
    .editorial-feature__copy {
    opacity: 0;
    animation: hs-inner-shine-fade 0.5s ease-out 0.11s forwards;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="stagger-simple"]
    .editorial-feature__copy,
  .editorial-feature.hs-inner-inview[data-hs-inner="stagger-simple"]
    .editorial-feature__media {
    opacity: 0;
    transform: translateY(20px);
    animation: hs-inner-stagger 0.62s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="stagger-simple"]
    .editorial-feature__media {
    animation-delay: 0.06s;
  }
  .editorial-feature.hs-inner-inview[data-hs-inner="stagger-simple"]
    .editorial-feature__copy {
    animation-delay: 0.14s;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="lux-drift"]
    .category-mosaic__grid,
  .category-mosaic.hs-inner-inview[data-hs-inner="lux-drift"]
    .category-mosaic__head {
    opacity: 0;
    animation: hs-inner-lux-drift 1.05s cubic-bezier(0.22, 1, 0.32, 1) forwards;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="lux-drift"]
    .category-mosaic__head {
    animation-delay: 0.05s;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="lux-drift"]
    .category-mosaic__grid {
    animation-delay: 0.16s;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="clip-reveal"]
    .category-mosaic__grid,
  .category-mosaic.hs-inner-inview[data-hs-inner="clip-reveal"]
    .category-mosaic__head {
    opacity: 0;
    clip-path: inset(0 0 100%0);
    animation: hs-inner-clip 0.86s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="clip-reveal"]
    .category-mosaic__head {
    animation-delay: 0.04s;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="clip-reveal"]
    .category-mosaic__grid {
    animation-delay: 0.12s;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="mask-reveal"]
    .category-mosaic__grid,
  .category-mosaic.hs-inner-inview[data-hs-inner="mask-reveal"]
    .category-mosaic__head {
    opacity: 0;
    clip-path: inset(0 100%0 0);
    transform: translateX(-12px);
    animation: hs-inner-mask 0.82s cubic-bezier(0.76, 0, 0.18, 1) forwards;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="mask-reveal"]
    .category-mosaic__head {
    animation-delay: 0.05s;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="mask-reveal"]
    .category-mosaic__grid {
    animation-delay: 0.14s;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="shine-sweep"]
    .category-mosaic__head {
    opacity: 0;
    animation: hs-inner-shine-fade 0.45s ease-out 0.05s forwards;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="shine-sweep"]
    .category-mosaic__grid {
    opacity: 0;
    animation: hs-inner-shine-fade 0.52s ease-out 0.12s forwards;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="stagger-simple"]
    .category-mosaic__grid,
  .category-mosaic.hs-inner-inview[data-hs-inner="stagger-simple"]
    .category-mosaic__head {
    opacity: 0;
    transform: translateY(20px);
    animation: hs-inner-stagger 0.62s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="stagger-simple"]
    .category-mosaic__head {
    animation-delay: 0.06s;
  }
  .category-mosaic.hs-inner-inview[data-hs-inner="stagger-simple"]
    .category-mosaic__grid {
    animation-delay: 0.16s;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="lux-drift"]
    .custom-static-promo-content
    > .custom-static-promo-btn,
  .custom-static-promo.hs-inner-inview[data-hs-inner="lux-drift"]
    .custom-static-promo-content
    > h2,
  .custom-static-promo.hs-inner-inview[data-hs-inner="lux-drift"]
    .custom-static-promo-content
    > h3,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="lux-drift"]
    .newsletter-luxe__body,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="lux-drift"]
    .newsletter-luxe__fine,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="lux-drift"]
    .newsletter-luxe__form,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="lux-drift"]
    .newsletter-luxe__title {
    opacity: 0;
    animation: hs-inner-lux-drift 1s cubic-bezier(0.22, 1, 0.32, 1) forwards;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="lux-drift"]
    .newsletter-luxe__title {
    animation-delay: 0.05s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="lux-drift"]
    .newsletter-luxe__body {
    animation-delay: 0.11s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="lux-drift"]
    .newsletter-luxe__form {
    animation-delay: 0.18s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="lux-drift"]
    .newsletter-luxe__fine {
    animation-delay: 0.25s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="clip-reveal"]
    .newsletter-luxe__body,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="clip-reveal"]
    .newsletter-luxe__fine,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="clip-reveal"]
    .newsletter-luxe__form,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="clip-reveal"]
    .newsletter-luxe__title {
    opacity: 0;
    clip-path: inset(0 0 100%0);
    animation: hs-inner-clip 0.82s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="clip-reveal"]
    .newsletter-luxe__title {
    animation-delay: 0.04s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="clip-reveal"]
    .newsletter-luxe__body {
    animation-delay: 0.1s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="clip-reveal"]
    .newsletter-luxe__form {
    animation-delay: 0.16s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="clip-reveal"]
    .newsletter-luxe__fine {
    animation-delay: 0.22s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="mask-reveal"]
    .newsletter-luxe__body,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="mask-reveal"]
    .newsletter-luxe__fine,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="mask-reveal"]
    .newsletter-luxe__form,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="mask-reveal"]
    .newsletter-luxe__title {
    opacity: 0;
    clip-path: inset(0 100%0 0);
    transform: translateX(-10px);
    animation: hs-inner-mask 0.78s cubic-bezier(0.76, 0, 0.18, 1) forwards;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="mask-reveal"]
    .newsletter-luxe__title {
    animation-delay: 0.05s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="mask-reveal"]
    .newsletter-luxe__body {
    animation-delay: 0.1s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="mask-reveal"]
    .newsletter-luxe__form {
    animation-delay: 0.16s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="mask-reveal"]
    .newsletter-luxe__fine {
    animation-delay: 0.22s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="shine-sweep"]
    .newsletter-luxe__title {
    opacity: 0;
    animation: hs-inner-shine-fade 0.42s ease-out 0.05s forwards;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="shine-sweep"]
    .newsletter-luxe__body {
    opacity: 0;
    animation: hs-inner-shine-fade 0.44s ease-out 0.09s forwards;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="shine-sweep"]
    .newsletter-luxe__form {
    opacity: 0;
    animation: hs-inner-shine-fade 0.48s ease-out 0.13s forwards;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="shine-sweep"]
    .newsletter-luxe__fine {
    opacity: 0;
    animation: hs-inner-shine-fade 0.5s ease-out 0.17s forwards;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="stagger-simple"]
    .newsletter-luxe__body,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="stagger-simple"]
    .newsletter-luxe__fine,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="stagger-simple"]
    .newsletter-luxe__form,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="stagger-simple"]
    .newsletter-luxe__title {
    opacity: 0;
    transform: translateY(18px);
    animation: hs-inner-stagger 0.58s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="stagger-simple"]
    .newsletter-luxe__title {
    animation-delay: 0.06s;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="lux-drift"]
    .custom-static-promo-content
    > h3,
  .newsletter-luxe.hs-inner-inview[data-hs-inner="stagger-simple"]
    .newsletter-luxe__body {
    animation-delay: 0.12s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="stagger-simple"]
    .newsletter-luxe__form {
    animation-delay: 0.18s;
  }
  .newsletter-luxe.hs-inner-inview[data-hs-inner="stagger-simple"]
    .newsletter-luxe__fine {
    animation-delay: 0.24s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="lux-drift"] .rnw-hero__actions,
  .rnw-hero.hs-inner-inview[data-hs-inner="lux-drift"] .rnw-hero__kicker,
  .rnw-hero.hs-inner-inview[data-hs-inner="lux-drift"] .rnw-hero__lede,
  .rnw-hero.hs-inner-inview[data-hs-inner="lux-drift"] .rnw-hero__title {
    opacity: 0;
    animation: hs-inner-lux-drift 1.02s cubic-bezier(0.22, 1, 0.32, 1) forwards;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="lux-drift"] .rnw-hero__kicker {
    animation-delay: 0.05s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="lux-drift"] .rnw-hero__title {
    animation-delay: 0.1s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="lux-drift"] .rnw-hero__lede {
    animation-delay: 0.15s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="lux-drift"] .rnw-hero__actions {
    animation-delay: 0.22s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="clip-reveal"] .rnw-hero__actions,
  .rnw-hero.hs-inner-inview[data-hs-inner="clip-reveal"] .rnw-hero__kicker,
  .rnw-hero.hs-inner-inview[data-hs-inner="clip-reveal"] .rnw-hero__lede,
  .rnw-hero.hs-inner-inview[data-hs-inner="clip-reveal"] .rnw-hero__title {
    opacity: 0;
    clip-path: inset(0 0 100%0);
    animation: hs-inner-clip 0.82s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="clip-reveal"] .rnw-hero__kicker {
    animation-delay: 0.03s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="clip-reveal"] .rnw-hero__title {
    animation-delay: 0.08s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="clip-reveal"] .rnw-hero__lede {
    animation-delay: 0.13s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="clip-reveal"] .rnw-hero__actions {
    animation-delay: 0.18s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="mask-reveal"] .rnw-hero__actions,
  .rnw-hero.hs-inner-inview[data-hs-inner="mask-reveal"] .rnw-hero__kicker,
  .rnw-hero.hs-inner-inview[data-hs-inner="mask-reveal"] .rnw-hero__lede,
  .rnw-hero.hs-inner-inview[data-hs-inner="mask-reveal"] .rnw-hero__title {
    opacity: 0;
    clip-path: inset(0 100%0 0);
    transform: translateX(-12px);
    animation: hs-inner-mask 0.78s cubic-bezier(0.76, 0, 0.18, 1) forwards;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="mask-reveal"] .rnw-hero__kicker {
    animation-delay: 0.04s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="mask-reveal"] .rnw-hero__title {
    animation-delay: 0.09s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="mask-reveal"] .rnw-hero__lede {
    animation-delay: 0.14s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="mask-reveal"] .rnw-hero__actions {
    animation-delay: 0.19s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="shine-sweep"] .rnw-hero__kicker {
    opacity: 0;
    animation: hs-inner-shine-fade 0.4s ease-out 0.04s forwards;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="shine-sweep"] .rnw-hero__title {
    opacity: 0;
    animation: hs-inner-shine-fade 0.44s ease-out 0.08s forwards;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="shine-sweep"] .rnw-hero__lede {
    opacity: 0;
    animation: hs-inner-shine-fade 0.48s ease-out 0.12s forwards;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="shine-sweep"] .rnw-hero__actions {
    opacity: 0;
    animation: hs-inner-shine-fade 0.52s ease-out 0.16s forwards;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="stagger-simple"] .rnw-hero__actions,
  .rnw-hero.hs-inner-inview[data-hs-inner="stagger-simple"] .rnw-hero__kicker,
  .rnw-hero.hs-inner-inview[data-hs-inner="stagger-simple"] .rnw-hero__lede,
  .rnw-hero.hs-inner-inview[data-hs-inner="stagger-simple"] .rnw-hero__title {
    opacity: 0;
    transform: translateY(18px);
    animation: hs-inner-stagger 0.58s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="lux-drift"]
    .custom-static-promo-content
    > h2,
  .rnw-hero.hs-inner-inview[data-hs-inner="stagger-simple"] .rnw-hero__kicker {
    animation-delay: 0.05s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="stagger-simple"] .rnw-hero__title {
    animation-delay: 0.1s;
  }
  .rnw-hero.hs-inner-inview[data-hs-inner="stagger-simple"] .rnw-hero__lede {
    animation-delay: 0.15s;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="lux-drift"]
    .custom-static-promo-content
    > .custom-static-promo-btn,
  .rnw-hero.hs-inner-inview[data-hs-inner="stagger-simple"] .rnw-hero__actions {
    animation-delay: 0.2s;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="clip-reveal"]
    .custom-static-promo-content
    > .custom-static-promo-btn,
  .custom-static-promo.hs-inner-inview[data-hs-inner="clip-reveal"]
    .custom-static-promo-content
    > h2,
  .custom-static-promo.hs-inner-inview[data-hs-inner="clip-reveal"]
    .custom-static-promo-content
    > h3 {
    opacity: 0;
    clip-path: inset(0 0 100%0);
    animation: hs-inner-clip 0.82s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="clip-reveal"]
    .custom-static-promo-content
    > h2 {
    animation-delay: 0.04s;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="clip-reveal"]
    .custom-static-promo-content
    > h3 {
    animation-delay: 0.1s;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="clip-reveal"]
    .custom-static-promo-content
    > .custom-static-promo-btn {
    animation-delay: 0.16s;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="mask-reveal"]
    .custom-static-promo-content
    > .custom-static-promo-btn,
  .custom-static-promo.hs-inner-inview[data-hs-inner="mask-reveal"]
    .custom-static-promo-content
    > h2,
  .custom-static-promo.hs-inner-inview[data-hs-inner="mask-reveal"]
    .custom-static-promo-content
    > h3 {
    opacity: 0;
    clip-path: inset(0 100%0 0);
    transform: translateX(-10px);
    animation: hs-inner-mask 0.76s cubic-bezier(0.76, 0, 0.18, 1) forwards;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="mask-reveal"]
    .custom-static-promo-content
    > h2 {
    animation-delay: 0.04s;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="mask-reveal"]
    .custom-static-promo-content
    > h3 {
    animation-delay: 0.09s;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="mask-reveal"]
    .custom-static-promo-content
    > .custom-static-promo-btn {
    animation-delay: 0.14s;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="shine-sweep"]
    .custom-static-promo-content
    > h2 {
    opacity: 0;
    animation: hs-inner-shine-fade 0.42s ease-out 0.05s forwards;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="shine-sweep"]
    .custom-static-promo-content
    > h3 {
    opacity: 0;
    animation: hs-inner-shine-fade 0.46s ease-out 0.1s forwards;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="shine-sweep"]
    .custom-static-promo-content
    > .custom-static-promo-btn {
    opacity: 0;
    animation: hs-inner-shine-fade 0.5s ease-out 0.15s forwards;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="stagger-simple"]
    .custom-static-promo-content
    > .custom-static-promo-btn,
  .custom-static-promo.hs-inner-inview[data-hs-inner="stagger-simple"]
    .custom-static-promo-content
    > h2,
  .custom-static-promo.hs-inner-inview[data-hs-inner="stagger-simple"]
    .custom-static-promo-content
    > h3 {
    opacity: 0;
    transform: translateY(18px);
    animation: hs-inner-stagger 0.58s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="stagger-simple"]
    .custom-static-promo-content
    > h2 {
    animation-delay: 0.06s;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="stagger-simple"]
    .custom-static-promo-content
    > h3 {
    animation-delay: 0.12s;
  }
  .custom-static-promo.hs-inner-inview[data-hs-inner="stagger-simple"]
    .custom-static-promo-content
    > .custom-static-promo-btn {
    animation-delay: 0.18s;
  }
}
.ab-footer.ab-footer-v2 {
  background: var(--ft-bg, #fff);
  border-top: 1px solid rgb(from var(--ft-text, #151515) r g b/.2);
}
.ab-footer.ab-footer-v2 .abf-wrap {
  max-width: 1360px;
  margin: 0 auto;
  padding: 44px 28px 24px;
}
.ab-footer.ab-footer-v2 .abf-main {
  display: grid;
  grid-template-columns: 2.5fr 1fr 1fr 1fr;
  gap: 28px 34px;
  align-items: start;
}
.ab-footer.ab-footer-v2 .abf-col {
  min-width: 0;
}
.ab-footer.ab-footer-v2 .abf-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  margin-bottom: 20px;
  width: 100%;
}
.ab-footer.ab-footer-v2 .abf-logo-text,
.ab-footer.ab-footer-v2 .abf-title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ab-footer.ab-footer-v2 .abf-title {
  margin: 0 0 20px;
  font-size: 14px;
  color: var(--ft-text, #050505);
}
.ab-footer.ab-footer-v2 .abf-newsletter .abf-title {
  margin-bottom: 12px;
  max-width: 320px;
}
.ab-footer.ab-footer-v2 .abf-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ab-footer.ab-footer-v2 .abf-contact a,
.ab-footer.ab-footer-v2 .abf-links a {
  text-decoration: none;
  color: rgb(from var(--ft-text, #151515) r g b/.7);
  font-size: 14px;
  line-height: 1.35;
}
.ab-footer.ab-footer-v2,
.ab-footer.ab-footer-v2 .abf-contact a:hover,
.ab-footer.ab-footer-v2 .abf-links a:hover {
  color: var(--ft-text, #050505);
}
.ab-footer.ab-footer-v2 .abf-contact {
  margin: 0;
  font-style: normal;
  color: rgb(from var(--ft-text, #151515) r g b/.7);
}
.ab-footer.ab-footer-v2 .abf-contact-line {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}
.ab-footer.ab-footer-v2 .abf-contact-line + .abf-contact-line {
  margin-top: 10px;
}
.ab-footer.ab-footer-v2 .abf-subscribe-form {
  margin: 0;
}
.ab-footer.ab-footer-v2 .abf-input-wrap {
  display: flex;
  align-items: center;
  width: min(410px, 100%);
  background: color-mix(in srgb, var(--ft-bg, #ffffff) 85%, #7e7e7e);
  height: 60px;
  border-radius: 8px;
}
.ab-footer.ab-footer-v2 .abf-input {
  flex: 1;
  border: 0;
  background: 0 0;
  padding: 0 14px;
  height: 100%;
  outline: 0;
  color: var(--ft-text, #050505);
  font-size: 16px;
}
.ab-footer.ab-footer-v2 .abf-input::placeholder {
  color: rgb(from var(--ft-text, #151515) r g b/.7);
}
.ab-footer.ab-footer-v2 .abf-social a,
.ab-footer.ab-footer-v2 .abf-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ft-text, #050505);
}
.ab-footer.ab-footer-v2 .abf-submit {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ft-bg, #ffffff) 60%, #7e7e7e);
  margin-inline-end: 12px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.ab-footer.ab-footer-v2 .abf-submit::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background-color: currentColor;
  transform: rotate(-90deg);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M11 5.5 7 9.5 3 5.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M11 5.5 7 9.5 3 5.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.ab-footer.ab-footer-v2 .abf-submit:hover {
  background: var(--ft-text, #050505);
  color: #fff;
}
.ab-footer.ab-footer-v2 .abf-email-error {
  display: none;
  font-size: 12px;
  margin-top: 6px;
  color: #c32020;
}
.ab-footer.ab-footer-v2 .abf-bottom {
  margin-top: 64px;
  padding-top: 14px;
  border-top: 1px solid rgb(from var(--ft-text, #151515) r g b/.1);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
.ab-footer.ab-footer-v2 .abf-bottom-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ab-footer.ab-footer-v2 .abf-social {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ab-footer.ab-footer-v2 .abf-social a {
  width: 47px;
  height: 47px;
}
.ab-footer.ab-footer-v2 .abf-social-icon {
  width: 27px;
  height: 27px;
  display: inline-block;
  background: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.ab-footer.ab-footer-v2 .abf-copy,
.ab-footer.ab-footer-v2 .abf-powered {
  margin: 0;
  padding-block: 10px;
  font-size: 14px;
  color: rgb(from var(--ft-text, #151515) r g b/.7);
}
.ab-footer.ab-footer-v2 .abf-powered a {
  color: inherit;
}
.ab-footer.ab-footer-v2 .abf-payment img {
  width: 242px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .ab-footer.ab-footer-v2 .abf-logo img {
    max-height: 50px;
  }
  .ab-footer.ab-footer-v2 .abf-wrap {
    padding: 28px 16px 18px;
  }
  .ab-footer.ab-footer-v2 .abf-main {
    grid-template-columns: 1fr 1fr;
    gap: 22px 16px;
  }
  .ab-footer.ab-footer-v2 .abf-brand-col,
  .ab-footer.ab-footer-v2 .abf-contact-col {
    grid-column: 1/-1;
  }
  .ab-footer.ab-footer-v2 .abf-title {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .ab-footer.ab-footer-v2 .abf-contact-line,
  .ab-footer.ab-footer-v2 .abf-links a {
    font-size: 14px;
  }
  .ab-footer.ab-footer-v2 .abf-input-wrap {
    width: 100%;
    height: 52px;
  }
  .ab-footer.ab-footer-v2 .abf-bottom {
    margin-top: 24px;
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }
  .ab-footer.ab-footer-v2 .abf-payment img {
    width: 218px;
  }
}
[data-tp-reveal]:not([data-tp-done]) .tp-anim-item,
[data-tp-reveal]:not([data-tp-done]) .trust-promise__dots {
  opacity: 0;
}
[data-tp-reveal="fade-up"][data-tp-done] .tp-anim-item {
  animation: tp-fade-up 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--tp-i, 0) * 0.12s);
}
[data-tp-reveal="zoom-in"][data-tp-done] .tp-anim-item {
  animation: tp-zoom-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--tp-i, 0) * 0.1s);
}
[data-tp-reveal="blur-reveal"][data-tp-done] .tp-anim-item {
  animation: tp-blur-reveal 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--tp-i, 0) * 0.12s);
}
[data-tp-reveal="slide-cascade"][data-tp-done] .tp-anim-item {
  animation: tp-slide-cascade 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--tp-i, 0) * 0.14s);
}
[data-tp-reveal="fade-right"][data-tp-done] .tp-anim-item {
  animation: tp-fade-right 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--tp-i, 0) * 0.12s);
}
[data-tp-reveal="flip-up"][data-tp-done] .tp-anim-item {
  animation: tp-flip-up 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--tp-i, 0) * 0.12s);
}
[data-tp-reveal][data-tp-done] .trust-promise__dots {
  animation: tp-dots-in 0.5s ease both;
  animation-delay: 0.4s;
}
[data-tp-reveal].tp-instant .tp-anim-item,
[data-tp-reveal].tp-instant .trust-promise__dots {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
  [data-tp-reveal] .tp-anim-item,
  [data-tp-reveal] .trust-promise__dots {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

/* =========================================================
   FRILO Brand Theme Overrides
   Premium • Natural • Fresh • Elegant
   Palette: Dark Green #214C2B | Gold #B18B3D | Cream #F5F0EB
   Typography: Logo Cormorant/Cinzel | Headings Playfair Display | Body Montserrat/Poppins
   ========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&family=Poppins:wght@400;500;600&display=swap");

:root {
  --frilo-green: #214c2b;
  --frilo-gold: #b18b3d;
  --frilo-cream: #f5f0eb;
  --frilo-ivory: #fff9f1;
  --frilo-strawberry: #d64545;
  --frilo-kiwi: #7fa640;
  --frilo-mango: #f1b33b;
  --frilo-ink: #17361f;
  --frilo-muted: #6f765f;
  --frilo-line: rgba(177, 139, 61, 0.34);
  --frilo-soft-shadow: 0 18px 45px rgba(33, 76, 43, 0.12);
  --frilo-card-shadow: 0 10px 30px rgba(33, 76, 43, 0.1);

  --body-bg: var(--frilo-cream);
  --body-text: var(--frilo-green);
  --hd-bg: rgba(245, 240, 235, 0.92);
  --hd-text: var(--frilo-green);
  --ann-bg: var(--frilo-green);
  --ann-text: var(--frilo-ivory);
  --ft-bg: var(--frilo-green);
  --ft-text: var(--frilo-ivory);
  --buy-btn-bg: var(--frilo-green);
  --buy-btn-text: var(--frilo-ivory);
  --buy-btn-border: var(--frilo-green);
  --crt-btn-bg: transparent;
  --crt-btn-text: var(--frilo-green);
  --crt-btn-border: var(--frilo-gold);
  --product-badge-bg: var(--frilo-gold);
  --product-badge-text: var(--frilo-ivory);
  --product-name-text: var(--frilo-green);
  --product-price-text: var(--frilo-green);
  --product-sale-price-text: var(--frilo-strawberry);
  --input-bg: rgba(255, 249, 241, 0.78);
  --input-border: rgba(177, 139, 61, 0.38);
  --input-text: var(--frilo-green);
}

html,
body {
  background: radial-gradient(
      circle at 8% 8%,
      rgba(177, 139, 61, 0.09) 0 18%,
      transparent 32%
    ),
    radial-gradient(
      circle at 92% 18%,
      rgba(127, 166, 64, 0.08) 0 16%,
      transparent 30%
    ),
    linear-gradient(180deg, var(--frilo-cream), #fffaf3 48%, var(--frilo-cream));
  color: var(--frilo-green);
  font-family: "Montserrat", "Poppins", system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0.01em;
}

body::before {
  content: "";
  position: fixed;
  inset: 14px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(177, 139, 61, 0.42);
  border-radius: 24px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.app_container,
.content_container,
main.collection_container,
main.mx-auto.w-full.max-w-full.flex-1 {
  background: transparent !important;
}

/* ---------- Typography ---------- */
h1,
h2,
h3,
.ab-categories-title,
.ab-plist-title,
.ab-pgrid-title,
.ab-pd-name,
.ab-footer-heading,
.category_section_header_title {
  font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif !important;
  color: var(--frilo-green) !important;
  letter-spacing: 0.035em;
}

.ab-logo-text,
.ab-footer-logo-text {
  font-family: "Cinzel", "Cormorant Garamond", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  color: var(--frilo-green) !important;
  text-transform: uppercase;
}

.ab-logo-text::after {
  content: "";
  display: block;
  width: 54%;
  height: 1px;
  margin: 0.35rem auto 0;
  background: linear-gradient(
    90deg,
    transparent,
    var(--frilo-gold),
    transparent
  );
}

p,
.ab-featured-subtitle,
.ab-plist-subtitle,
.ab-pgrid-subtitle,
.ab-pd-description,
.ab-footer-links a,
.ab-nav > a,
.ab-nav .ab-dropdown-trigger {
  font-family: "Montserrat", "Poppins", system-ui, sans-serif !important;
}

/* ---------- Header / Announcement ---------- */
.ab-announce {
  background: linear-gradient(
    90deg,
    #18391f,
    var(--frilo-green),
    #18391f
  ) !important;
  color: var(--frilo-ivory) !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ab-header {
  background: rgba(245, 240, 235, 0.86) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(177, 139, 61, 0.23);
  box-shadow: 0 10px 30px rgba(33, 76, 43, 0.07) !important;
}

.ab-theme.is-homepage:not(.scrolled) .ab-header,
body.is-home .ab-theme:not(.scrolled) .ab-header {
  background: rgba(245, 240, 235, 0.45) !important;
  box-shadow: none !important;
}

.ab-nav {
  gap: 26px;
}
.ab-nav > a,
.ab-nav .ab-dropdown-trigger {
  color: var(--frilo-green) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em;
}
.ab-nav > a::after,
.ab-nav .ab-dropdown-trigger::after {
  height: 1px !important;
  background: var(--frilo-gold) !important;
}
.ab-icon-btn::before,
.ab-mobile-close::before {
  background: var(--frilo-green) !important;
}
.ab-cart-count {
  background: var(--frilo-gold) !important;
  color: var(--frilo-ivory) !important;
}

/* ---------- Luxury FRILO hero / poster section ---------- */
.ab-slider {
  margin-top: 18px;
  border-radius: 28px !important;
  overflow: hidden;
  border: 1px solid var(--frilo-line);
  box-shadow: var(--frilo-soft-shadow);
  background: var(--frilo-cream);
}
.ab-slider-track {
  aspect-ratio: 16/9 !important;
}
.ab-slider-slide::before {
  content: "";
  position: absolute;
  inset: 22px;
  z-index: 2;
  border: 1px solid rgba(177, 139, 61, 0.64);
  border-radius: 22px;
  pointer-events: none;
}
.ab-slider-slide::after {
  content: "FRILO\A PREMIUM FREEZE-DRIED FRUITS\A NATURAL CRUNCH • REAL FLAVOR";
  white-space: pre;
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Cinzel", "Playfair Display", serif;
  color: var(--frilo-green);
  font-size: clamp(12px, 1.5vw, 18px);
  line-height: 2.1;
  letter-spacing: 0.24em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  pointer-events: none;
}
.ab-slider-slide img {
  filter: saturate(1.04) contrast(1.02);
}
.ab-slider-progress-bar {
  background: var(--frilo-gold) !important;
}
.ab-slider-controls {
  bottom: 28px !important;
  left: 42px !important;
  right: 42px !important;
}

/* Botanical luxury accents */
.home_section_container,
.ab-categories,
.ab-featured-products,
.ab-plist,
.ab-pgrid,
.ab-reviews {
  position: relative;
}
.home_section_container::before,
.ab-plist::before,
.ab-pgrid::before {
  content: "";
  position: absolute;
  inset: auto 32px -8px auto;
  width: 180px;
  height: 180px;
  opacity: 0.11;
  pointer-events: none;
  background: radial-gradient(
      ellipse at 50% 100%,
      transparent 42%,
      var(--frilo-gold) 44% 45%,
      transparent 47%
    ),
    radial-gradient(
      ellipse at 30% 70%,
      transparent 42%,
      var(--frilo-gold) 44% 45%,
      transparent 47%
    ),
    radial-gradient(
      ellipse at 70% 70%,
      transparent 42%,
      var(--frilo-gold) 44% 45%,
      transparent 47%
    );
  transform: rotate(-18deg);
}

.ab-categories-header,
.ab-plist-header,
.ab-pgrid-header,
.ab-reviews-header {
  justify-content: center !important;
  text-align: center;
}
.ab-categories-title,
.ab-plist-title,
h2.ab-pgrid-title.ab-reveal.ab-observed.ab-visible,
.ab-reviews-title {
  font-size: clamp(30px, 4vw, 54px) !important;
  font-weight: 600 !important;
  text-transform: none !important;
}
.ab-categories-title::after,
.ab-plist-title::after,
.ab-pgrid-title::after,
.ab-reviews-title::after,
.category_section_header::after {
  content: "";
  display: block;
  width: 92px;
  height: 1px;
  margin: 14px auto 0;
  background: linear-gradient(
    90deg,
    transparent,
    var(--frilo-gold),
    transparent
  );
}

/* ---------- Product cards ---------- */
.ab-featured-card,
.ab-plist-card,
.ab-pgrid-card,
.ab-cat-card,
.ab-review-card {
  background: rgba(255, 249, 241, 0.72) !important;
  border: 1px solid rgba(177, 139, 61, 0.24) !important;
  border-radius: 22px !important;
  box-shadow: var(--frilo-card-shadow) !important;
  overflow: hidden;
}
.ab-featured-card:hover,
.ab-plist-card:hover,
.ab-pgrid-card:hover,
.ab-cat-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 46px rgba(33, 76, 43, 0.15) !important;
}
.ab-featured-media,
.ab-plist-media,
.ab-pgrid-media {
  background: linear-gradient(140deg, #fffaf3, var(--frilo-cream)) !important;
}
.ab-featured-media img,
.ab-plist-media img,
.ab-pgrid-media img,
.ab-cat-card img {
  filter: saturate(1.08) contrast(1.03);
}
.ab-featured-badge,
.ab-plist-badge,
.ab-pgrid-badge {
  background: linear-gradient(135deg, var(--frilo-gold), #c8a75b) !important;
  color: var(--frilo-ivory) !important;
  border-radius: 999px !important;
  font-family: "Montserrat", sans-serif !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
}
.ab-featured-name,
.ab-plist-name,
.ab-pgrid-name {
  font-family: "Playfair Display", serif !important;
  font-weight: 600 !important;
  color: var(--frilo-green) !important;
  letter-spacing: 0.035em !important;
}
.ab-featured-price,
.ab-plist-price,
.ab-pgrid-price,
.ab-pd-price {
  color: var(--frilo-gold) !important;
  font-weight: 700 !important;
}
.ab-featured-subtitle,
.ab-plist-subtitle,
.ab-pgrid-subtitle {
  color: rgba(33, 76, 43, 0.66) !important;
}
.ab-featured-add-btn,
.ab-plist-add-btn,
.ab-pgrid-add-btn {
  background: var(--frilo-cream) !important;
  border-color: var(--frilo-gold) !important;
  color: var(--frilo-green) !important;
}
.ab-featured-add-btn:hover,
.ab-plist-add-btn:hover,
.ab-pgrid-add-btn:hover {
  background: var(--frilo-green) !important;
  color: var(--frilo-ivory) !important;
}

/* Fruit-inspired hover glow */
.ab-pgrid-card:nth-child(3n + 1),
.ab-plist-card:nth-child(3n + 1) {
  --fruit-glow: rgba(214, 69, 69, 0.18);
}
.ab-pgrid-card:nth-child(3n + 2),
.ab-plist-card:nth-child(3n + 2) {
  --fruit-glow: rgba(127, 166, 64, 0.18);
}
.ab-pgrid-card:nth-child(3n),
.ab-plist-card:nth-child(3n) {
  --fruit-glow: rgba(241, 179, 59, 0.2);
}
.ab-pgrid-card:hover,
.ab-plist-card:hover {
  box-shadow: 0 18px 44px var(--fruit-glow), var(--frilo-card-shadow) !important;
}

/* ---------- Product details ---------- */
.p_details_container {
  background: rgba(255, 249, 241, 0.54) !important;
  border: 1px solid rgba(177, 139, 61, 0.22);
  border-radius: 26px !important;
  box-shadow: 0 18px 44px rgba(33, 76, 43, 0.08);
}
.ab-pd-name {
  font-size: clamp(32px, 4vw, 56px) !important;
  line-height: 1.05 !important;
}
.ab-pd-divider {
  background: linear-gradient(
    90deg,
    transparent,
    var(--frilo-gold),
    transparent
  ) !important;
  opacity: 1 !important;
}
.button_variation,
.image_variation,
.quantity_btn_container {
  border-color: rgba(177, 139, 61, 0.44) !important;
  background: rgba(255, 249, 241, 0.5) !important;
  border-radius: 999px !important;
}
.button_variation_checked,
.image_variation_checked,
.color_variation_checked {
  outline: 1px solid var(--frilo-gold) !important;
  border-color: var(--frilo-gold) !important;
}
.add_to_cart_btn,
.checkout_btn,
.ab-pgrid-viewall-btn,
.ab-pgrid-loadmore-btn,
.ab-reviews-write-btn,
.ab-review-submit-btn {
  border-radius: 999px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase !important;
}
.add_to_cart_btn {
  background: transparent !important;
  border: 1px solid var(--frilo-gold) !important;
  color: var(--frilo-green) !important;
}
.add_to_cart_btn:hover {
  background: var(--frilo-green) !important;
  color: var(--frilo-ivory) !important;
}
.checkout_btn,
.ab-pgrid-viewall-btn,
.ab-pgrid-loadmore-btn,
.ab-reviews-write-btn,
.ab-review-submit-btn {
  background: var(--frilo-green) !important;
  border-color: var(--frilo-green) !important;
  color: var(--frilo-ivory) !important;
}
.checkout_btn:hover,
.ab-pgrid-viewall-btn:hover,
.ab-pgrid-loadmore-btn:hover,
.ab-reviews-write-btn:hover,
.ab-review-submit-btn:hover {
  background: #17361f !important;
  opacity: 1 !important;
}

/* ---------- Feature icons style ---------- */
.ab-pd-description ul,
.ab-feature-list,
.frilo-feature-icons {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 22px 0;
}
.ab-pd-description li,
.ab-feature-list li,
.frilo-feature-icons li {
  border: 1px solid rgba(177, 139, 61, 0.32);
  border-radius: 18px;
  padding: 14px 10px;
  background: rgba(255, 249, 241, 0.58);
  text-align: center;
  color: var(--frilo-green);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ab-pd-description li::before,
.ab-feature-list li::before,
.frilo-feature-icons li::before {
  content: "✓";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin: 0 auto 8px;
  border-radius: 50%;
  background: var(--frilo-green);
  color: var(--frilo-ivory);
  font-size: 13px;
}

/* ---------- Forms / checkout ---------- */
.checkout_form,
.product_form_checkout,
.checkout_bg_left.checkout_bg_left,
.checkout_bg_right.checkout_bg_right,
.checkout_order_summary.checkout_order_summary {
  background: linear-gradient(
    180deg,
    rgba(255, 249, 241, 0.88),
    rgba(245, 240, 235, 0.93)
  ) !important;
}
.global_input,
.global_textarea,
.select__control {
  border-radius: 16px !important;
  border-color: rgba(177, 139, 61, 0.34) !important;
  background: rgba(255, 249, 241, 0.82) !important;
  color: var(--frilo-green) !important;
}
.global_input:focus,
.global_textarea:focus,
.select__control:focus-within {
  border-color: var(--frilo-gold) !important;
  box-shadow: 0 0 0 3px rgba(177, 139, 61, 0.11) !important;
}

/* ---------- Footer / contact section ---------- */
.ab-footer {
  margin-top: 52px;
  background: radial-gradient(
      circle at 18% 0%,
      rgba(177, 139, 61, 0.18),
      transparent 32%
    ),
    linear-gradient(180deg, #17361f, var(--frilo-green)) !important;
  color: var(--frilo-ivory) !important;
  border-top: 1px solid rgba(177, 139, 61, 0.45);
}
.ab-footer-inner {
  max-width: 1180px !important;
}
.ab-footer-heading,
.ab-footer-links a,
.ab-footer-contact-item,
.ab-footer-social-label,
.ab-footer-copy {
  color: var(--frilo-ivory) !important;
}
.ab-footer-heading {
  color: var(--frilo-gold) !important;
  font-weight: 500 !important;
}
.ab-footer-logo-text {
  color: var(--frilo-ivory) !important;
}
.ab-footer-social-icons a {
  border: 1px solid rgba(177, 139, 61, 0.38);
  background: rgba(245, 240, 235, 0.08);
  color: var(--frilo-ivory) !important;
}
.ab-footer-social-icons a:hover {
  background: var(--frilo-gold);
  color: var(--frilo-green) !important;
}
.ab-footer-copy::before {
  content: "REAL FRUIT. REAL CRUNCH. REAL GOOD.";
  display: block;
  margin-bottom: 10px;
  font-family: "Playfair Display", serif;
  color: var(--frilo-gold);
  letter-spacing: 0.18em;
}

/* Optional ready-made FRILO poster block if added in HTML */
.frilo-poster {
  position: relative;
  aspect-ratio: 16/9;
  width: 100%;
  overflow: hidden;
  border-radius: 28px;
  background: var(--frilo-cream);
  border: 1px solid rgba(177, 139, 61, 0.5);
  box-shadow: var(--frilo-soft-shadow);
  display: grid;
  place-items: center;
  text-align: center;
  padding: clamp(24px, 5vw, 72px);
}
.frilo-poster::before {
  content: "";
  position: absolute;
  inset: 22px;
  border: 1px solid rgba(177, 139, 61, 0.68);
  border-radius: 22px;
  pointer-events: none;
}
.frilo-poster__title {
  font-family: "Cinzel", "Cormorant Garamond", serif;
  color: var(--frilo-green);
  font-size: clamp(48px, 9vw, 142px);
  font-weight: 600;
  letter-spacing: 0.18em;
  margin: 0;
}
.frilo-poster__subtitle {
  margin: 8px 0 0;
  color: var(--frilo-green);
  font-family: "Montserrat", sans-serif;
  font-size: clamp(12px, 1.55vw, 24px);
  font-weight: 700;
  letter-spacing: 0.28em;
}
.frilo-poster__tagline {
  margin: 16px auto 0;
  color: var(--frilo-gold);
  font-weight: 700;
  letter-spacing: 0.18em;
}
.frilo-poster__divider {
  width: min(220px, 32vw);
  height: 1px;
  margin: 22px auto;
  background: linear-gradient(
    90deg,
    transparent,
    var(--frilo-gold),
    transparent
  );
}
.frilo-poster__contacts {
  position: absolute;
  inset: auto 40px 32px;
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  color: var(--frilo-green);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.frilo-fruit-edge {
  position: absolute;
  pointer-events: none;
  filter: drop-shadow(0 16px 18px rgba(33, 76, 43, 0.16));
}
.frilo-fruit-edge--top {
  top: -4%;
  left: 8%;
  right: 8%;
  height: 18%;
}
.frilo-fruit-edge--right {
  top: 10%;
  right: -2%;
  bottom: 10%;
  width: 12%;
}
.frilo-fruit-edge--bottom {
  bottom: -4%;
  left: 8%;
  right: 8%;
  height: 18%;
}
.frilo-fruit-edge--left {
  top: 10%;
  left: -2%;
  bottom: 10%;
  width: 12%;
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  body::before {
    inset: 8px;
    border-radius: 18px;
  }
  .ab-slider {
    border-radius: 0 !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .ab-slider-track {
    aspect-ratio: 5/6 !important;
  }
  .ab-slider-slide::before {
    inset: 14px;
    border-radius: 16px;
  }
  .ab-slider-slide::after {
    font-size: clamp(11px, 3vw, 16px);
    letter-spacing: 0.16em;
    line-height: 1.9;
    padding: 0 24px;
  }
  .ab-pd-description ul,
  .ab-feature-list,
  .frilo-feature-icons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .ab-logo-text {
    font-size: 22px !important;
    letter-spacing: 0.12em !important;
  }
  .ab-mobile-menu-card {
    background: var(--frilo-cream) !important;
    border: 1px solid rgba(177, 139, 61, 0.26);
    border-radius: 24px !important;
  }
  .ab-mobile-nav-label {
    color: var(--frilo-green) !important;
    font-family: "Playfair Display", serif;
  }
  .ab-categories-title,
  .ab-plist-title,
  h2.ab-pgrid-title.ab-reveal.ab-observed.ab-visible,
  .ab-reviews-title {
    font-size: 30px !important;
  }
  .ab-featured-card,
  .ab-plist-card,
  .ab-pgrid-card,
  .ab-cat-card {
    border-radius: 16px !important;
  }
  .frilo-poster__contacts {
    position: relative;
    inset: auto;
    margin-top: 28px;
    gap: 10px;
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  .ab-pd-description ul,
  .ab-feature-list,
  .frilo-feature-icons {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   FRILO FINAL Product + Checkout Fixes v7
   Base: theme-frilo.css
   - Removes slider center text
   - Keeps product details at 680px
   - Enlarges buy/quantity controls
   - Centers .ab-fixed-buy, removes its image, makes it smaller
   - Fixes dt.text-gray-600::before overlap with checkout button
   ========================================================= */

/* Remove generated FRILO overlay text */
.ab-slider-slide::after,
.frilo-poster::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.ab-slider-slide::before {
  pointer-events: none !important;
}

/* Product details width + aligned checkout form */
@media (min-width: 1024px) {
  .p_content_container {
    grid-template-columns: minmax(0, 1fr) minmax(520px, 0.82fr) !important;
    column-gap: clamp(2rem, 4vw, 4.5rem) !important;
    align-items: start !important;
  }
  .p_details_container {
    width: min(100%, 680px) !important;
    max-width: 680px !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin-inline: auto !important;
    border-radius: 26px !important;
  }
  .p_details_container > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  .ab-pd,
  .product_form_checkout.product_form_checkout,
  .product_form_checkout.product_form_checkout form {
    width: 100% !important;
    max-width: 100% !important;
  }
  .ab-pd {
    padding-inline: clamp(10px, 1.4vw, 18px) !important;
  }
  .flex.flex-col:has(.product_form_checkout.product_form_checkout) {
    margin-inline: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

.product_form_checkout.product_form_checkout {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 28px !important;
  padding: clamp(22px, 2.2vw, 34px) !important;
  border-radius: 24px !important;
  box-sizing: border-box !important;
}
.product_form_checkout .global_input,
.product_form_checkout .global_textarea,
.checkout_form .global_input,
.checkout_form .global_textarea {
  min-height: 54px !important;
}

/* Bigger product page buttons + quantity */
.mt-5.flex.flex-col.flex-col-reverse.gap-3,
.flex.flex-row-reverse.gap-2.mt-5 {
  width: 100% !important;
  display: flex !important;
  gap: 12px !important;
}
.add_to_cart_btn,
.checkout_btn,
.checkout_buy_now {
  min-height: 60px !important;
  font-size: clamp(16px, 1.15vw, 20px) !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
}
.quantity_btn_container {
  min-height: 60px !important;
  min-width: 170px !important;
  justify-content: center !important;
  border-radius: 999px !important;
}

/* Accurate fixed buy bar target */
.ab-fixed-buy.ab-fixed-buy--visible,
.ab-fixed-buy {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 22px !important;
  transform: translateX(-50%) !important;
  width: min(620px, calc(100vw - 190px)) !important;
  max-width: 620px !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  border: 1px solid rgba(177, 139, 61, 0.32) !important;
  border-radius: 22px !important;
  background: rgba(245, 240, 235, 0.96) !important;
  box-shadow: 0 18px 42px rgba(33, 76, 43, 0.15) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  z-index: 46 !important;
  overflow: hidden !important;
  direction: rtl !important;
}
.ab-fixed-buy__content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.ab-fixed-buy-preview {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  text-align: right !important;
}
.ab-fixed-buy-thumb {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.ab-fixed-buy-info {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 4px !important;
}
.ab-fixed-buy-name {
  margin: 0 !important;
  color: var(--frilo-green, #214c2b) !important;
  font-family: "Playfair Display", "Cormorant Garamond", serif !important;
  font-size: clamp(16px, 1.05vw, 20px) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 210px !important;
  text-align: right !important;
}
.ab-fixed-buy-price-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  line-height: 1 !important;
}
.ab-fixed-buy-price,
.ab-fixed-buy-price-sale {
  color: var(--frilo-strawberry, #d64545) !important;
  font-size: clamp(14px, 0.95vw, 17px) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
.ab-fixed-buy-price-old {
  color: rgba(33, 76, 43, 0.45) !important;
  font-size: clamp(12px, 0.85vw, 15px) !important;
  font-weight: 600 !important;
  text-decoration: line-through !important;
  white-space: nowrap !important;
}
.ab-fixed-buy-qty {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 96px !important;
  height: 44px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(177, 139, 61, 0.32) !important;
  border-radius: 999px !important;
  background: rgba(255, 249, 241, 0.72) !important;
}
.ab-fixed-buy-qty-btn {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: var(--frilo-green, #214c2b) !important;
  cursor: pointer !important;
}
.ab-fixed-buy-qty-btn:hover {
  background: rgba(177, 139, 61, 0.14) !important;
}
.ab-fixed-buy-qty-value {
  min-width: 18px !important;
  text-align: center !important;
  color: var(--frilo-green, #214c2b) !important;
  font-weight: 800 !important;
}
.ab-fixed-buy-btn {
  flex: 0 0 auto !important;
  min-width: 166px !important;
  height: 52px !important;
  padding: 0 24px !important;
  border: 1px solid var(--frilo-green, #214c2b) !important;
  border-radius: 999px !important;
  background: var(--frilo-green, #214c2b) !important;
  color: var(--frilo-ivory, #fff9f1) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-size: clamp(14px, 0.95vw, 17px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 22px rgba(33, 76, 43, 0.18) !important;
  cursor: pointer !important;
}
.ab-fixed-buy-btn:hover {
  background: #17361f !important;
  border-color: var(--frilo-gold, #b18b3d) !important;
}
.ab-fixed-buy-btn__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
}
.ab-fixed-buy-btn__text {
  color: inherit !important;
  font-weight: inherit !important;
}
body:has(.ab-fixed-buy.ab-fixed-buy--visible) {
  padding-bottom: 110px !important;
}

@media (max-width: 1100px) and (min-width: 769px) {
  .ab-fixed-buy.ab-fixed-buy--visible,
  .ab-fixed-buy {
    width: min(560px, calc(100vw - 150px)) !important;
    gap: 10px !important;
    padding: 10px 12px !important;
  }
  .ab-fixed-buy-btn {
    min-width: 150px !important;
    padding-inline: 20px !important;
  }
  .ab-fixed-buy-name {
    max-width: 160px !important;
  }
  .ab-fixed-buy-qty {
    min-width: 88px !important;
  }
}

/* Fix dt.text-gray-600::before overlapping checkout button */
.pointer-events-none.fixed
  dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900
  > div.flex.items-center.justify-between
  > dt.text-gray-600::before,
dt.text-gray-600::before {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
  font-size: 11px !important;
  white-space: normal !important;
  overflow: visible !important;
  transform: none !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: auto !important;
  pointer-events: none !important;
}
.pointer-events-none.fixed
  dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900
  > div.flex.items-center.justify-between:has(> dt.text-gray-600),
dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900
  > div.flex.items-center.justify-between:has(> dt.text-gray-600) {
  align-items: flex-start !important;
  gap: 12px !important;
  min-height: 58px !important;
  padding-bottom: 8px !important;
}
.pointer-events-none.fixed
  button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.w-full.border.border-transparent.bg-skin-primary,
.pointer-events-none.fixed button[data-translated="true"] {
  margin-top: 14px !important;
  position: relative !important;
  z-index: 2 !important;
  clear: both !important;
}
@supports not selector(:has(*)) {
  .pointer-events-none.fixed
    dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900
    > div.flex.items-center.justify-between
    > dt.text-gray-600 {
    min-height: 48px !important;
    padding-bottom: 6px !important;
  }
}

@media (max-width: 768px) {
  .p_details_container,
  .p_details_container > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  .flex.flex-row-reverse.gap-2.mt-5 {
    flex-direction: column-reverse !important;
  }
  .quantity_btn_container,
  .add_to_cart_btn,
  .checkout_btn,
  .checkout_buy_now {
    width: 100% !important;
    min-width: 0 !important;
  }
  .ab-fixed-buy.ab-fixed-buy--visible,
  .ab-fixed-buy {
    left: 10px !important;
    right: 10px !important;
    bottom: 12px !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    min-height: 76px !important;
    padding: 9px 10px !important;
    border-radius: 18px !important;
    gap: 8px !important;
  }
  .ab-fixed-buy__content {
    gap: 8px !important;
  }
  .ab-fixed-buy-name {
    max-width: 140px !important;
    font-size: 14px !important;
  }
  .ab-fixed-buy-price,
  .ab-fixed-buy-price-sale {
    font-size: 13px !important;
  }
  .ab-fixed-buy-price-old {
    font-size: 11px !important;
  }
  .ab-fixed-buy-qty {
    display: none !important;
  }
  .ab-fixed-buy-btn {
    min-width: 130px !important;
    height: 50px !important;
    padding-inline: 16px !important;
    font-size: 13px !important;
  }
  body:has(.ab-fixed-buy.ab-fixed-buy--visible) {
    padding-bottom: 104px !important;
  }
}

/* =========================================================
   FRILO Mobile Product Page Polish v9
   Base: theme-frilo-final-v8.css if available, otherwise v7
   Fixes:
   1) Mobile sticky buy bar: prevent WhatsApp overlap and tidy checkout CTA.
   2) Center "منتجات مشابهة" / related products title on mobile and desktop.
   ========================================================= */

/* --- 1) Mobile fixed buy bar polish --- */
@media (max-width: 768px) {
  .ab-fixed-buy.ab-fixed-buy--visible,
  .ab-fixed-buy {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    width: auto !important;
    max-width: none !important;
    min-height: 72px !important;
    padding: 10px 78px 10px 12px !important; /* reserve safe empty area for the floating WhatsApp button */
    border-radius: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    background: rgba(255, 249, 241, 0.96) !important;
    border: 1px solid rgba(177, 139, 61, 0.36) !important;
    box-shadow: 0 16px 42px rgba(33, 76, 43, 0.16) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    overflow: visible !important;
    z-index: 46 !important;
  }

  .ab-fixed-buy__content {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  .ab-fixed-buy-preview {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .ab-fixed-buy-info {
    min-width: 0 !important;
    align-items: flex-start !important;
  }

  .ab-fixed-buy-name {
    max-width: 128px !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .ab-fixed-buy-price-row {
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }

  .ab-fixed-buy-price,
  .ab-fixed-buy-price-sale {
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  .ab-fixed-buy-price-old {
    font-size: 12px !important;
  }

  .ab-fixed-buy-qty,
  .ab-fixed-buy-thumb {
    display: none !important;
  }

  .ab-fixed-buy-btn {
    flex: 0 0 auto !important;
    min-width: 128px !important;
    max-width: 150px !important;
    height: 52px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    box-shadow: 0 10px 24px rgba(33, 76, 43, 0.18) !important;
    z-index: 2 !important;
  }

  .ab-fixed-buy-btn__icon {
    width: 17px !important;
    height: 17px !important;
  }

  body:has(.ab-fixed-buy.ab-fixed-buy--visible) {
    padding-bottom: 112px !important;
  }
}

/* Extra-small screens: keep the CTA readable and avoid crowding */
@media (max-width: 420px) {
  .ab-fixed-buy.ab-fixed-buy--visible,
  .ab-fixed-buy {
    left: 10px !important;
    right: 10px !important;
    padding: 9px 72px 9px 10px !important;
    gap: 8px !important;
  }

  .ab-fixed-buy-name {
    max-width: 98px !important;
    font-size: 12px !important;
  }

  .ab-fixed-buy-price,
  .ab-fixed-buy-price-sale {
    font-size: 13px !important;
  }

  .ab-fixed-buy-price-old {
    font-size: 11px !important;
  }

  .ab-fixed-buy-btn {
    min-width: 118px !important;
    max-width: 132px !important;
    height: 50px !important;
    padding-inline: 12px !important;
    font-size: 14px !important;
  }
}

/* --- 2) Center related products title: "منتجات مشابهة" --- */
section.ab-plist.ab-plist--related .ab-plist-header,
.ab-plist.ab-plist--related .ab-plist-header,
section.ab-plist--related .ab-plist-header {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding-inline: 20px !important;
  margin-inline: auto !important;
}

section.ab-plist.ab-plist--related .ab-plist-title,
.ab-plist.ab-plist--related .ab-plist-title,
section.ab-plist--related .ab-plist-title {
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  margin-inline: auto !important;
  color: var(--frilo-green, #214c2b) !important;
}

@media (max-width: 768px) {
  section.ab-plist.ab-plist--related .ab-plist-header,
  .ab-plist.ab-plist--related .ab-plist-header,
  section.ab-plist--related .ab-plist-header {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 22px auto 16px !important;
    padding-inline: 16px !important;
  }

  section.ab-plist.ab-plist--related .ab-plist-title,
  .ab-plist.ab-plist--related .ab-plist-title,
  section.ab-plist--related .ab-plist-title {
    font-size: clamp(28px, 8vw, 42px) !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }
}

/* =========================================================
   FRILO ab-plist Header + Arrow Final v10.3
   Base: theme-frilo-final-v9.css
   Fixes:
   1) Target the real wrapper: <div class="ab-plist-header">.
   2) Keep "عرض الكل" under the title and centered.
   3) Make the arrow point left, not right.
   4) Add a premium hover effect with NO down movement and NO direction change.
   ========================================================= */

/* Real header wrapper */
.ab-plist-header,
section.ab-plist .ab-plist-header,
.ab-plist.ab-plist--related .ab-plist-header,
section.ab-plist.ab-plist--related .ab-plist-header {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 14px !important;
  padding-inline: 20px !important;
  margin-inline: auto !important;
  margin-bottom: 22px !important;
}

/* Center section title */
.ab-plist-title,
h2.ab-plist-title,
.ab-plist-header .ab-plist-title,
section.ab-plist .ab-plist-title {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  text-align: center !important;
  margin: 0 auto !important;
  float: none !important;
  color: var(--frilo-green, #214c2b) !important;
}

.ab-plist-title::after,
h2.ab-plist-title::after,
.ab-plist-header .ab-plist-title::after {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Put view-all under title */
.ab-plist-actions,
.ab-plist-header .ab-plist-actions,
.ab-plist-header .ab-plist-viewall-btn,
.ab-plist-viewall-btn,
a.ab-plist-viewall-btn {
  float: none !important;
  clear: both !important;
  align-self: center !important;
  margin: 0 auto !important;
}

.ab-plist-header .ab-plist-viewall-btn,
.ab-plist-viewall-btn,
a.ab-plist-viewall-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: max-content !important;
  max-width: 100% !important;
  text-align: center !important;
  color: var(--frilo-green, #214c2b) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* Icon wrapper stays stable; SVG is flipped once to point left */
.ab-plist-viewall-icon,
.ab-plist-header .ab-plist-viewall-icon,
html[dir="rtl"] .ab-plist-viewall-icon,
html.ab-lang-ar .ab-plist-viewall-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 249, 241, 0.78) !important;
  border: 1px solid rgba(177, 139, 61, 0.28) !important;
  color: var(--frilo-green, #214c2b) !important;
  box-shadow: 0 8px 18px rgba(33, 76, 43, 0.08) !important;
  transform: none !important;
  transition: background 0.24s ease, border-color 0.24s ease,
    box-shadow 0.24s ease, color 0.24s ease !important;
}

.ab-plist-viewall-icon svg,
.ab-plist-viewall-btn svg,
.ab-plist-header .ab-plist-viewall-icon svg,
html[dir="rtl"] .ab-plist-viewall-icon svg,
html[dir="rtl"] .ab-plist-viewall-btn svg,
html.ab-lang-ar .ab-plist-viewall-icon svg,
html.ab-lang-ar .ab-plist-viewall-btn svg {
  transform: scaleX(-1) !important;
  transform-origin: center !important;
  transition: transform 0.22s ease, color 0.22s ease, stroke 0.22s ease !important;
}

/* Hover effect: glow + slight scale, no down movement, no direction flip */
.ab-plist-viewall-btn:hover .ab-plist-viewall-icon,
.ab-plist-viewall-btn:focus-visible .ab-plist-viewall-icon,
.ab-plist-header a:hover .ab-plist-viewall-icon,
.ab-plist-header a:focus-visible .ab-plist-viewall-icon {
  transform: none !important;
  background: rgba(177, 139, 61, 0.14) !important;
  border-color: rgba(177, 139, 61, 0.62) !important;
  color: var(--frilo-green, #214c2b) !important;
  box-shadow: 0 0 0 6px rgba(177, 139, 61, 0.1),
    0 14px 30px rgba(33, 76, 43, 0.14) !important;
}

.ab-plist-viewall-btn:hover .ab-plist-viewall-icon svg,
.ab-plist-viewall-btn:focus-visible .ab-plist-viewall-icon svg,
.ab-plist-viewall-btn:hover svg,
.ab-plist-viewall-btn:focus-visible svg,
.ab-plist-header a:hover .ab-plist-viewall-icon svg,
.ab-plist-header a:focus-visible .ab-plist-viewall-icon svg {
  transform: scaleX(-1) scale(1.08) !important;
  transform-origin: center !important;
}

.ab-plist-viewall-btn:hover .ab-plist-viewall-text::after,
.ab-plist-viewall-btn:focus-visible .ab-plist-viewall-text::after {
  transform: scaleX(1) !important;
}

/* Mobile centering override */
@media (max-width: 768px) {
  .ab-plist-header,
  section.ab-plist .ab-plist-header,
  .ab-plist.ab-plist--related .ab-plist-header,
  section.ab-plist.ab-plist--related .ab-plist-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 12px !important;
    padding-inline: 16px !important;
    margin: 28px auto 18px !important;
    width: 100% !important;
  }

  .ab-plist-title,
  h2.ab-plist-title,
  .ab-plist-header .ab-plist-title,
  section.ab-plist .ab-plist-title {
    width: 100% !important;
    text-align: center !important;
    font-size: clamp(30px, 8.8vw, 44px) !important;
    line-height: 1.12 !important;
    margin-inline: auto !important;
  }

  .ab-plist-header .ab-plist-viewall-btn,
  .ab-plist-viewall-btn,
  a.ab-plist-viewall-btn {
    margin: 0 auto !important;
    align-self: center !important;
    justify-content: center !important;
    font-size: 16px !important;
  }

  .ab-plist-viewall-icon,
  .ab-plist-header .ab-plist-viewall-icon {
    width: 34px !important;
    height: 34px !important;
  }
}

/* =========================================================
   FRILO Checkout Premium Board Fix v11
   Base: theme-frilo-final-v10-3-from-v9.css
   Purpose:
   - Restore/ensure checkout premium styling only.
   - No top marquee / announcement bar code included.
   - Scoped to checkout page elements to avoid resetting theme.
   ========================================================= */

/* Checkout side/background panels: replace gray with FRILO cream / ivory / gold ambience */
.checkout_bg_left.checkout_bg_left,
.checkout_bg_left.fixed.top-0.left-0.hidden.h-full.w-1\/2.bg-gray-50.lg\:block,
.checkout_bg_right.checkout_bg_right,
.checkout_order_summary.checkout_order_summary {
  background: radial-gradient(
      circle at 16% 10%,
      rgba(177, 139, 61, 0.1),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 20%,
      rgba(127, 166, 64, 0.08),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      var(--frilo-cream, #f5f0eb) 0%,
      #fffaf3 56%,
      var(--frilo-cream, #f5f0eb) 100%
    ) !important;
}

/* Keep checkout form transparent; board is applied to inner content only */
form.checkout_form.checkout_container,
.checkout_form.checkout_container {
  background: transparent !important;
  color: var(--frilo-green, #214c2b) !important;
}

/* Professional checkout board */
form.checkout_form.checkout_container > .mx-auto,
.checkout_form.checkout_container > .mx-auto {
  background: rgba(255, 249, 241, 0.9) !important;
  border: 1px solid rgba(177, 139, 61, 0.34) !important;
  border-radius: 28px !important;
  box-shadow: 0 22px 56px rgba(33, 76, 43, 0.13) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  padding: clamp(22px, 2.4vw, 38px) !important;
  box-sizing: border-box !important;
}

/* Avoid creating a nested/double board */
.checkout_form.checkout_container section.contact-info-heading {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Checkout heading */
.checkout_form.checkout_container #contact-info-heading,
.checkout_form.checkout_container .contact-info-heading h2 {
  color: var(--frilo-green, #214c2b) !important;
  font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(24px, 2.1vw, 34px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  text-align: center !important;
  margin: 0 0 24px !important;
  letter-spacing: 0.02em !important;
}

.checkout_form.checkout_container #contact-info-heading::after {
  content: "";
  display: block;
  width: 110px;
  height: 1px;
  margin: 14px auto 0;
  background: linear-gradient(
    90deg,
    transparent,
    var(--frilo-gold, #b18b3d),
    transparent
  );
}

/* Labels and small section titles */
.checkout_form.checkout_container label,
.checkout_form.checkout_container .block.text-sm.font-medium.text-black,
.checkout_form.checkout_container .block.text-sm.font-medium.text-gray-700,
.checkout_form.checkout_container span.text-lg.font-bold.text-gray-700 {
  color: var(--frilo-green, #214c2b) !important;
  font-family: "Montserrat", "Poppins", system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

.checkout_form.checkout_container span.text-lg.font-bold.text-gray-700 {
  display: block !important;
  margin-top: 22px !important;
  margin-bottom: 10px !important;
  font-size: 18px !important;
}

/* Inputs / textarea / select — scoped inside checkout only */
.checkout_form.checkout_container .global_input,
.checkout_form.checkout_container .global_textarea,
.checkout_form.checkout_container .select__control,
.checkout_form.checkout_container .gov_select .select__control {
  background: rgba(255, 249, 241, 0.94) !important;
  border: 1.5px solid rgba(177, 139, 61, 0.38) !important;
  color: var(--frilo-green, #214c2b) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 18px rgba(33, 76, 43, 0.06) !important;
  min-height: 56px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}

.checkout_form.checkout_container .global_textarea {
  min-height: 118px !important;
  resize: vertical !important;
}

.checkout_form.checkout_container .global_input:focus,
.checkout_form.checkout_container .global_textarea:focus,
.checkout_form.checkout_container .select__control:focus-within,
.checkout_form.checkout_container .gov_select .select__control:focus-within {
  background: #fffaf3 !important;
  border-color: var(--frilo-gold, #b18b3d) !important;
  box-shadow: 0 0 0 4px rgba(177, 139, 61, 0.13),
    0 12px 26px rgba(33, 76, 43, 0.08) !important;
  outline: 0 !important;
}

.checkout_form.checkout_container .select__single-value,
.checkout_form.checkout_container .select__placeholder,
.checkout_form.checkout_container .select__input-container,
.checkout_form.checkout_container .css-1dimb5e-singleValue {
  color: var(--frilo-green, #214c2b) !important;
}

.checkout_form.checkout_container .select__indicator svg,
.checkout_form.checkout_container .css-8mmkcg {
  fill: var(--frilo-green, #214c2b) !important;
  color: var(--frilo-green, #214c2b) !important;
}

.checkout_form.checkout_container .select__indicator-separator {
  background-color: rgba(177, 139, 61, 0.3) !important;
}

/* Payment cards */
.checkout_form.checkout_container .payments_container {
  gap: 12px !important;
  margin-top: 12px !important;
}

.checkout_form.checkout_container .payment_card {
  position: relative !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 18px !important;
  border: 1.5px solid rgba(177, 139, 61, 0.32) !important;
  border-radius: 22px !important;
  background: rgba(255, 249, 241, 0.76) !important;
  box-shadow: 0 10px 26px rgba(33, 76, 43, 0.08) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease,
    background 0.2s ease !important;
}

.checkout_form.checkout_container .payment_card:hover {
  border-color: rgba(177, 139, 61, 0.62) !important;
  background: rgba(255, 249, 241, 0.96) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 34px rgba(33, 76, 43, 0.11) !important;
}

.checkout_form.checkout_container .payment_card.border-blue-600,
.checkout_form.checkout_container .payment_card.hover\:border-blue-600,
.checkout_form.checkout_container .payment_card:has(.radio_circle.bg-blue-500) {
  border-color: var(--frilo-gold, #b18b3d) !important;
  background: linear-gradient(
    180deg,
    rgba(255, 249, 241, 0.98),
    rgba(245, 240, 235, 0.84)
  ) !important;
  box-shadow: 0 16px 38px rgba(177, 139, 61, 0.16) !important;
}

.checkout_form.checkout_container .radio_container {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border: 1.5px solid rgba(177, 139, 61, 0.52) !important;
  background: rgba(255, 249, 241, 0.92) !important;
  margin-top: 2px !important;
}

.checkout_form.checkout_container .radio_circle,
.checkout_form.checkout_container .radio_circle.bg-blue-500 {
  background: var(--frilo-gold, #b18b3d) !important;
}

.checkout_form.checkout_container .payment_card_name {
  color: var(--frilo-green, #214c2b) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.checkout_form.checkout_container .payment_card_description {
  color: rgba(33, 76, 43, 0.68) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

/* Transfer image/upload area */
.checkout_form.checkout_container .payment_card_img_container,
.checkout_form.checkout_container #transfer-receipt-upload {
  background: rgba(245, 240, 235, 0.58) !important;
  border: 1px solid rgba(177, 139, 61, 0.24) !important;
  border-radius: 18px !important;
  padding: 14px !important;
  box-sizing: border-box !important;
}

.checkout_form.checkout_container .payment_card_img,
.checkout_form.checkout_container .payment_card_img img {
  border-radius: 14px !important;
}

.checkout_form.checkout_container input[type="file"].global_input {
  padding: 10px 14px !important;
  cursor: pointer !important;
}

.checkout_form.checkout_container
  input[type="file"].global_input::file-selector-button {
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--frilo-green, #214c2b) !important;
  color: var(--frilo-ivory, #fff9f1) !important;
  padding: 9px 16px !important;
  margin-inline-end: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

/* Checkout button wrapper and CTA */
.checkout_form.checkout_container
  .fixed.bottom-0.left-0.right-0.z-50.mt-2.flex.items-center.justify-center.border-t.border-gray-200.py-2,
.checkout_form.checkout_container div.fixed.bottom-0.left-0.right-0.z-50 {
  background: rgba(255, 249, 241, 0.94) !important;
  border: 1px solid rgba(177, 139, 61, 0.28) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 38px rgba(33, 76, 43, 0.12) !important;
  padding: 12px !important;
  margin-top: 22px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.checkout_form.checkout_container .checkout_buy_now {
  background: var(--frilo-green, #214c2b) !important;
  border: 1px solid var(--frilo-green, #214c2b) !important;
  color: var(--frilo-ivory, #fff9f1) !important;
  border-radius: 999px !important;
  min-height: 58px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 28px rgba(33, 76, 43, 0.18) !important;
}

.checkout_form.checkout_container .checkout_buy_now:hover {
  background: #17361f !important;
  border-color: var(--frilo-gold, #b18b3d) !important;
}

/* Desktop checkout refinement */
@media (min-width: 1024px) {
  form.checkout_form.checkout_container,
  .checkout_form.checkout_container {
    padding-top: clamp(70px, 7vw, 110px) !important;
  }

  form.checkout_form.checkout_container > .mx-auto,
  .checkout_form.checkout_container > .mx-auto {
    max-width: min(100%, 620px) !important;
    margin-inline: auto !important;
  }

  .checkout_form.checkout_container
    .fixed.bottom-0.left-0.right-0.z-50.mt-2.flex.items-center.justify-center.border-t.border-gray-200.py-2,
  .checkout_form.checkout_container div.fixed.bottom-0.left-0.right-0.z-50 {
    position: static !important;
    width: 100% !important;
    transform: none !important;
  }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  form.checkout_form.checkout_container > .mx-auto,
  .checkout_form.checkout_container > .mx-auto {
    border-radius: 22px !important;
    padding: 20px !important;
  }

  .checkout_form.checkout_container .payment_card {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .checkout_form.checkout_container .payment_card_img_container,
  .checkout_form.checkout_container #transfer-receipt-upload {
    padding: 10px !important;
  }

  .checkout_form.checkout_container .checkout_buy_now {
    min-height: 54px !important;
    font-size: 16px !important;
  }
}

/* =========================================================
   FRILO Cart Drawer Header Overlap Fix v10.5
   Base: theme-frilo-final-v10-3-checkout-fixed.css
   المشكلة: الهيدر كان بيغطي أول جزء من Drawer سلة التسوق.
   الحل: رفع طبقة السلة فوق الهيدر + إعطاء محتوى السلة مساحة علوية آمنة تحت announcement bar.
   ملاحظة: لا يتم تعديل كود announcement bar نفسه.
   ========================================================= */

:root {
  --frilo-external-announcement-height: 38px;
  --frilo-cart-safe-top: calc(var(--frilo-external-announcement-height) + 18px);
}

/* اجعل طبقة السلة أعلى من الهيدر، وأقل من شريط الإعلان إن كان موجودًا */
.pointer-events-none.fixed:has([data-cart="content"]),
.fixed.inset-0:has([data-cart="content"]),
div[role="dialog"]:has([data-cart="content"]),
div:has(> [data-cart="content"]) {
  z-index: 99999996 !important;
}

/* محتوى السلة يبدأ أسفل منطقة الإعلان بدل ما الهيدر يغطيه */
[data-cart="content"],
.pointer-events-none.fixed [data-cart="content"],
.flex-1.overflow-y-auto.py-6.px-4.sm\:px-6[data-cart="content"] {
  padding-top: var(--frilo-cart-safe-top) !important;
  box-sizing: border-box !important;
  background: rgba(255, 249, 241, 0.98) !important;
  color: var(--frilo-green, #214c2b) !important;
}

/* Header سلة التسوق يفضل واضح وثابت بصريًا داخل السلة */
[data-cart="header"] {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  background: rgba(255, 249, 241, 0.98) !important;
  border-bottom: 1px solid rgba(177, 139, 61, 0.22) !important;
  padding-bottom: 16px !important;
  margin-bottom: 18px !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

[data-cart="title"] {
  color: var(--frilo-green, #214c2b) !important;
  font-weight: 800 !important;
}

[data-cart="close-button"] {
  color: var(--frilo-green, #214c2b) !important;
  border-radius: 999px !important;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
}

[data-cart="close-button"]:hover {
  background: rgba(177, 139, 61, 0.12) !important;
  color: var(--frilo-green, #214c2b) !important;
  transform: scale(1.04) !important;
}

/* منع أول المنتجات من الالتصاق بالهيدر الداخلي للسلة */
[data-cart="items-section"],
[data-cart="items-section"] .flow-root.mt-8 {
  margin-top: 18px !important;
}

@media (max-width: 768px) {
  :root {
    --frilo-external-announcement-height: 32px;
    --frilo-cart-safe-top: calc(
      var(--frilo-external-announcement-height) + 16px
    );
  }

  [data-cart="content"],
  .pointer-events-none.fixed [data-cart="content"],
  .flex-1.overflow-y-auto.py-6.px-4.sm\:px-6[data-cart="content"] {
    padding-top: var(--frilo-cart-safe-top) !important;
  }

  [data-cart="header"] {
    padding-bottom: 14px !important;
    margin-bottom: 14px !important;
  }
}

/* =========================================================
   FRILO Brand Palette Restore + Distributed Artline v15
   الهدف:
   - توزيع الـ artline بدل التداخل.
   - الرجوع لألوان هوية FRILO:
     Dark Green #214C2B / Gold #B18B3D / Cream White #F5F0EB.
   - الحفاظ على artline متحرك مع الصفحة، لأنه absolute داخل كل section وليس fixed.
   - لا تعديل على اللوجو أو الهيدر أو announcement bar.
   ========================================================= */

:root {
  --frilo-green: #214c2b;
  --frilo-gold: #b18b3d;
  --frilo-cream: #f5f0eb;
  --frilo-ivory: #fff9f1;
  --body-bg: #f5f0eb;
  --body-text: #214c2b;
  --hd-text: #214c2b;
  --hd-bg: #f5f0eb;
  --ft-bg: #214c2b;
  --ft-text: #f5f0eb;
  --product-name-text: #214c2b;
  --product-price-text: #214c2b;
  --product-sale-price-text: #b18b3d;
  --checkout-form-bg: #f5f0eb;
  --checkout-heading-text: #214c2b;
  --input-bg: #fff9f1;
  --input-border: rgba(177, 139, 61, 0.34);
}

html,
body,
.app_container,
.content_container,
.home_section_container,
main.collection_container,
main.product_container {
  background-color: #f5f0eb !important;
  color: #214c2b !important;
}

body {
  background: radial-gradient(
      circle at 12% 8%,
      rgba(177, 139, 61, 0.12),
      transparent 30%
    ),
    radial-gradient(circle at 88% 18%, rgba(33, 76, 43, 0.06), transparent 34%),
    linear-gradient(
      135deg,
      #f5f0eb 0%,
      #fff9f1 58%,
      rgba(177, 139, 61, 0.14) 100%
    ) !important;
}

/* Reset previous dense artline backgrounds from v14, then redistribute artwork section-by-section */
.home_section_container::before,
.ab-featured-products::before,
.ab-categories::before,
.ab-plist::before,
.ab-pgrid::before,
.product_container::before,
.collection_container::before,
.p_content_container::before,
.checkout_form::before,
.checkout_order_summary::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.2;
  background-repeat: no-repeat !important;
}

.home_section_container::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260' fill='none'%3E%3Cpath d='M50 185C95 176 137 130 152 68C101 81 61 123 50 185Z' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62 174C90 140 118 110 148 74' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M95 136C91 119 97 104 110 92' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M118 111C135 114 149 106 160 92' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-size: 230px 230px !important;
  background-position: left -55px top 24px !important;
}

.ab-categories::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='270' height='270' viewBox='0 0 270 270' fill='none'%3E%3Ccircle cx='128' cy='150' r='48' stroke='%23B18B3D' stroke-width='5'/%3E%3Cpath d='M130 98C132 76 149 61 172 58' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M170 62C193 69 208 86 212 110C186 110 169 91 170 62Z' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M103 140C116 126 137 122 153 130' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-size: 220px 220px !important;
  background-position: right -55px top 40px !important;
}

.ab-featured-products::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='230' viewBox='0 0 320 230' fill='none'%3E%3Cpath d='M62 152C84 102 136 76 201 83C183 141 132 176 62 152Z' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M80 145C122 122 156 101 196 85' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M140 109C134 93 139 79 153 68' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M168 95C186 100 202 95 216 83' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-size: 270px 195px !important;
  background-position: left -70px bottom 28px !important;
}

.ab-plist::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='230' viewBox='0 0 250 230' fill='none'%3E%3Cpath d='M84 154C67 130 73 97 98 81C123 65 158 75 174 101C191 128 179 163 153 178C128 191 99 177 84 154Z' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M116 77C118 59 130 48 148 46' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M146 49C162 54 172 66 176 83C158 83 146 70 146 49Z' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-size: 210px 190px !important;
  background-position: right -50px top 42px !important;
}

.ab-pgrid::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260' fill='none'%3E%3Cpath d='M50 185C95 176 137 130 152 68C101 81 61 123 50 185Z' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62 174C90 140 118 110 148 74' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M95 136C91 119 97 104 110 92' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M118 111C135 114 149 106 160 92' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-size: 210px 210px !important;
  background-position: left -58px bottom 36px !important;
}

.product_container::before,
.p_content_container::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='230' viewBox='0 0 320 230' fill='none'%3E%3Cpath d='M62 152C84 102 136 76 201 83C183 141 132 176 62 152Z' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M80 145C122 122 156 101 196 85' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M140 109C134 93 139 79 153 68' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M168 95C186 100 202 95 216 83' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-size: 260px 185px !important;
  background-position: right -72px top 80px !important;
  opacity: 0.16;
}

.collection_container::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='270' height='270' viewBox='0 0 270 270' fill='none'%3E%3Ccircle cx='128' cy='150' r='48' stroke='%23B18B3D' stroke-width='5'/%3E%3Cpath d='M130 98C132 76 149 61 172 58' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M170 62C193 69 208 86 212 110C186 110 169 91 170 62Z' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M103 140C116 126 137 122 153 130' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-size: 230px 230px !important;
  background-position: left -65px top 160px !important;
  opacity: 0.16;
}

.checkout_form::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260' fill='none'%3E%3Cpath d='M50 185C95 176 137 130 152 68C101 81 61 123 50 185Z' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62 174C90 140 118 110 148 74' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M95 136C91 119 97 104 110 92' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M118 111C135 114 149 106 160 92' stroke='%23B18B3D' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-size: 210px 210px !important;
  background-position: left -70px top 110px !important;
  opacity: 0.12;
}

.checkout_order_summary::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='230' viewBox='0 0 250 230' fill='none'%3E%3Cpath d='M84 154C67 130 73 97 98 81C123 65 158 75 174 101C191 128 179 163 153 178C128 191 99 177 84 154Z' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M116 77C118 59 130 48 148 46' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M146 49C162 54 172 66 176 83C158 83 146 70 146 49Z' stroke='%23B18B3D' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-size: 190px 175px !important;
  background-position: right -60px bottom 80px !important;
  opacity: 0.1;
}

.home_section_container > *,
.ab-featured-products > *,
.ab-categories > *,
.ab-plist > *,
.ab-pgrid > *,
.product_container > *,
.collection_container > *,
.p_content_container > *,
.checkout_form > *,
.checkout_order_summary > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Unified brand palette for checkout: no accidental dark/light split */
.checkout_bg_left.checkout_bg_left,
.checkout_bg_right.checkout_bg_right,
.checkout_order_summary.checkout_order_summary,
.checkout_form.checkout_container,
form.checkout_form.checkout_container {
  background: radial-gradient(
      circle at 16% 10%,
      rgba(177, 139, 61, 0.13),
      transparent 32%
    ),
    radial-gradient(circle at 86% 20%, rgba(33, 76, 43, 0.045), transparent 34%),
    linear-gradient(
      180deg,
      #f5f0eb 0%,
      #fff9f1 57%,
      rgba(177, 139, 61, 0.1) 100%
    ) !important;
}

form.checkout_form.checkout_container > .mx-auto,
.checkout_form.checkout_container > .mx-auto,
.product_form_checkout.product_form_checkout,
.p_details_container,
.ab-plist-card,
.ab-pgrid-card,
.ab-featured-card {
  background: rgba(255, 249, 241, 0.9) !important;
  color: #214c2b !important;
  border-color: rgba(177, 139, 61, 0.26) !important;
}

.ab-header {
  color: #214c2b !important;
}

.ab-plist-title,
h2.ab-pgrid-title,
.ab-categories-title,
.ab-pd-name,
.checkout_form.checkout_container #contact-info-heading,
.checkout_form.checkout_container .contact-info-heading h2 {
  color: #214c2b !important;
}

.ab-plist-title::after,
h2.ab-pgrid-title::after,
.checkout_form.checkout_container #contact-info-heading::after {
  background: linear-gradient(
    90deg,
    transparent,
    #b18b3d,
    transparent
  ) !important;
}

@media (max-width: 768px) {
  .home_section_container::before,
  .ab-featured-products::before,
  .ab-categories::before,
  .ab-plist::before,
  .ab-pgrid::before,
  .product_container::before,
  .collection_container::before,
  .p_content_container::before,
  .checkout_form::before,
  .checkout_order_summary::before {
    opacity: 0.14;
  }

  .home_section_container::before {
    background-size: 165px 165px !important;
    background-position: left -70px top 28px !important;
  }

  .ab-categories::before {
    background-size: 165px 165px !important;
    background-position: right -75px top 28px !important;
  }

  .ab-featured-products::before,
  .ab-pgrid::before {
    background-size: 180px 130px !important;
    background-position: left -80px bottom 30px !important;
  }

  .ab-plist::before {
    background-size: 160px 145px !important;
    background-position: right -78px top 45px !important;
  }

  .product_container::before,
  .p_content_container::before,
  .collection_container::before {
    background-size: 170px 128px !important;
    background-position: right -80px top 90px !important;
  }
}

/* =========================================================
   FRILO Final Version 1 — Darker Warm Brand Palette
   الهدف:
   - تغميق ألوان الهوية درجة واضحة لكن دافئة، بعيدًا عن الإحساس الرمادي.
   - الحفاظ على FRILO premium / natural / elegant.
   - لا تعديل على اللوجو أو الهيدر أو announcement bar.
   - إبقاء الـ artline موزع، لكن أغنى بصريًا وأوضح بدون تداخل زائد.
   ========================================================= */

:root{
  --frilo-green:#173C24;
  --frilo-green-deep:#102B1A;
  --frilo-gold:#9F742D;
  --frilo-gold-soft:#B18B3D;
  --frilo-cream:#E8D9C8;
  --frilo-cream-deep:#DED0BE;
  --frilo-ivory:#F7EFE4;
  --frilo-warm-paper:#EFE2D2;
  --body-bg:#E8D9C8;
  --body-text:#173C24;
  --hd-text:#173C24;
  --hd-bg:#E8D9C8;
  --ft-bg:#173C24;
  --ft-text:#F7EFE4;
  --product-name-text:#173C24;
  --product-price-text:#173C24;
  --product-sale-price-text:#9F742D;
  --checkout-form-bg:#E8D9C8;
  --checkout-heading-text:#173C24;
  --input-bg:#F7EFE4;
  --input-border:rgba(159,116,45,.42);
  --frilo-border-gold:1px solid rgba(159,116,45,.38);
  --frilo-shadow-soft:0 18px 44px rgba(16,43,26,.13);
  --frilo-shadow-lift:0 26px 62px rgba(16,43,26,.19);
}

html,
body,
.app_container,
.content_container,
.home_section_container,
main.collection_container,
main.product_container{
  background-color:#E8D9C8!important;
  color:#173C24!important;
}

body{
  background:
    radial-gradient(circle at 12% 8%, rgba(159,116,45,.18), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(23,60,36,.075), transparent 34%),
    linear-gradient(135deg,#E8D9C8 0%,#F1E5D6 52%,rgba(159,116,45,.18) 100%)!important;
}

/* Darker, warmer section surfaces — no gray cast */
.home_section_container,
.ab-featured-products,
.ab-categories,
.ab-plist,
.ab-pgrid,
.product_container,
.collection_container,
.p_content_container{
  background-color:transparent!important;
  color:#173C24!important;
}

/* Artline: same distribution, slightly darker and warmer */
.home_section_container::before,
.ab-featured-products::before,
.ab-categories::before,
.ab-plist::before,
.ab-pgrid::before,
.product_container::before,
.collection_container::before,
.p_content_container::before{
  opacity:.24!important;
  filter:contrast(1.08) saturate(1.06)!important;
}

.checkout_form::before,
.checkout_order_summary::before{
  opacity:.15!important;
  filter:contrast(1.06) saturate(1.04)!important;
}

/* Premium cards darker cream, still readable */
.ab-plist-card,
.ab-pgrid-card,
.ab-featured-card,
.p_details_container,
.product_form_checkout.product_form_checkout,
form.checkout_form.checkout_container > .mx-auto,
.checkout_form.checkout_container > .mx-auto{
  background:
    linear-gradient(180deg,rgba(247,239,228,.94),rgba(232,217,200,.90))!important;
  color:#173C24!important;
  border-color:rgba(159,116,45,.38)!important;
  box-shadow:0 14px 34px rgba(16,43,26,.12)!important;
}

.ab-plist-card:hover,
.ab-pgrid-card:hover,
.ab-featured-card:hover{
  border-color:rgba(159,116,45,.66)!important;
  box-shadow:0 26px 62px rgba(16,43,26,.20)!important;
}

.ab-plist-card::after,
.ab-pgrid-card::after,
.ab-featured-card::after{
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 38%,rgba(159,116,45,.12))!important;
}

/* Media surfaces warmer and deeper */
.ab-plist-media,
.ab-pgrid-media,
.ab-featured-media,
.ab-gallery-slider{
  background:linear-gradient(180deg,#F7EFE4,#E1D2BF)!important;
  border-color:rgba(159,116,45,.28)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important;
}

.ab-plist-media img,
.ab-pgrid-media img,
.ab-featured-media img{
  filter:saturate(1.07) contrast(1.035)!important;
}

/* Text hierarchy: darker forest green */
.ab-categories-title,
.ab-plist-title,
h2.ab-pgrid-title,
.ab-reviews-title,
.ab-pd-name,
.ab-featured-name,
.ab-plist-name,
.ab-pgrid-name,
.ab-featured-price,
.ab-plist-price,
.ab-pgrid-price,
.ab-pd-price,
.checkout_form.checkout_container #contact-info-heading,
.checkout_form.checkout_container .contact-info-heading h2{
  color:#173C24!important;
}

.ab-price-sale,
.ab-featured-price-row .ab-price-sale,
.ab-pgrid-price-row .ab-price-sale,
.ab-plist-price-row .ab-price-sale,
.ab-pd-price-sale{
  color:#9F742D!important;
}

/* Gold dividers and borders: less gray, more rich muted gold */
.ab-categories-header::after,
.ab-plist-header::after,
.ab-pgrid-header::after,
.ab-reviews-header::after,
.ab-plist-title::after,
h2.ab-pgrid-title::after,
.checkout_form.checkout_container #contact-info-heading::after{
  background:linear-gradient(90deg,transparent,#9F742D,transparent)!important;
  opacity:.95!important;
}

/* Buttons: darker green and richer gold border */
.checkout_btn,
.checkout_buy_now,
.add_to_cart_btn,
.ab-pgrid-viewall-btn,
.ab-reviews-write-btn,
.ab-fixed-buy-btn,
.pointer-events-none.fixed button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.w-full.border.border-transparent.bg-skin-primary.hover\:bg-skin-primary.hover\:bg-opacity-80.active\:bg-opacity-90.text-white{
  background:#173C24!important;
  color:#F7EFE4!important;
  border-color:rgba(159,116,45,.70)!important;
  box-shadow:0 13px 30px rgba(16,43,26,.23)!important;
}

.checkout_btn:hover,
.checkout_buy_now:hover,
.add_to_cart_btn:hover,
.ab-pgrid-viewall-btn:hover,
.ab-reviews-write-btn:hover,
.ab-fixed-buy-btn:hover,
.pointer-events-none.fixed button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.w-full.border.border-transparent.bg-skin-primary.hover\:bg-skin-primary.hover\:bg-opacity-80.active\:bg-opacity-90.text-white:hover{
  background:#102B1A!important;
  border-color:#9F742D!important;
  box-shadow:0 19px 42px rgba(16,43,26,.28)!important;
}

/* View all icon/button richer tone */
.ab-plist-viewall-btn{
  color:#173C24!important;
}

.ab-plist-viewall-icon{
  background:rgba(247,239,228,.92)!important;
  border-color:rgba(159,116,45,.46)!important;
  color:#173C24!important;
  box-shadow:0 9px 20px rgba(16,43,26,.11)!important;
}

.ab-plist-viewall-btn:hover .ab-plist-viewall-icon{
  background:rgba(159,116,45,.20)!important;
  border-color:rgba(159,116,45,.78)!important;
  box-shadow:0 0 0 6px rgba(159,116,45,.13),0 16px 36px rgba(16,43,26,.16)!important;
}

/* Badges: premium dark green */
.ab-featured-badge,
.ab-pgrid-badge,
.ab-plist-badge{
  background:#173C24!important;
  color:#F7EFE4!important;
  border-color:rgba(159,116,45,.70)!important;
  box-shadow:0 7px 16px rgba(16,43,26,.18)!important;
}

/* Checkout unified warmer dark cream */
.checkout_bg_left.checkout_bg_left,
.checkout_bg_right.checkout_bg_right,
.checkout_order_summary.checkout_order_summary,
.checkout_form.checkout_container,
form.checkout_form.checkout_container{
  background:
    radial-gradient(circle at 16% 10%, rgba(159,116,45,.18), transparent 32%),
    radial-gradient(circle at 86% 20%, rgba(23,60,36,.06), transparent 34%),
    linear-gradient(180deg,#E8D9C8 0%,#F1E5D6 56%,rgba(159,116,45,.16) 100%)!important;
}

form.checkout_form.checkout_container > .mx-auto,
.checkout_form.checkout_container > .mx-auto{
  background:rgba(247,239,228,.91)!important;
  border-color:rgba(159,116,45,.42)!important;
  color:#173C24!important;
}

.checkout_form.checkout_container .global_input,
.checkout_form.checkout_container .global_textarea,
.checkout_form.checkout_container .select__control,
.checkout_form.checkout_container .gov_select .select__control{
  background:#F7EFE4!important;
  border-color:rgba(159,116,45,.46)!important;
  color:#173C24!important;
  box-shadow:0 8px 20px rgba(16,43,26,.06)!important;
}

.checkout_form.checkout_container .global_input:focus,
.checkout_form.checkout_container .global_textarea:focus,
.checkout_form.checkout_container .select__control:focus-within,
.checkout_form.checkout_container .gov_select .select__control:focus-within{
  border-color:#9F742D!important;
  box-shadow:0 0 0 4px rgba(159,116,45,.17),0 12px 28px rgba(16,43,26,.10)!important;
}

.checkout_form.checkout_container .payment_card{
  background:rgba(247,239,228,.88)!important;
  border-color:rgba(159,116,45,.44)!important;
  color:#173C24!important;
}

.checkout_form.checkout_container .payment_card:hover{
  border-color:rgba(159,116,45,.72)!important;
  box-shadow:0 17px 38px rgba(16,43,26,.14)!important;
}

/* Footer stays premium, deeper green */
.ab-footer{
  background:#173C24!important;
  color:#F7EFE4!important;
}

.ab-footer a,
.ab-footer-heading,
.ab-footer-copy,
.ab-footer-contact-item{
  color:#F7EFE4!important;
}

@media (max-width:768px){
  .home_section_container::before,
  .ab-featured-products::before,
  .ab-categories::before,
  .ab-plist::before,
  .ab-pgrid::before,
  .product_container::before,
  .collection_container::before,
  .p_content_container::before{
    opacity:.18!important;
  }

  .ab-plist-card,
  .ab-pgrid-card,
  .ab-featured-card{
    box-shadow:0 9px 24px rgba(16,43,26,.11)!important;
  }
}

/* =========================================================
   FRILO Featured Shell Desktop RTL Fix v15
   الهدف:
   - على الكمبيوتر: الكارت الرئيسي يثبت في اليمين.
   - المنتجات تبدأ من يمين مساحة المنتجات بجانب الكارت الرئيسي ثم تكمل للشمال.
   - لو فيه منتج واحد، يبقى جنب الكارت الرئيسي وليس بعيد ناحية الشمال.
   - نصوص/زر الكارت الرئيسي تظهر فقط على hover/touch وتظهر تحت.
   ========================================================= */

.ab-featured-products {
  --frilo-green: #214C2B;
  --frilo-gold: #B18B3D;
  --frilo-cream: #F5F0EB;
  --fp-gap: clamp(10px, 0.9vw, 15px) !important;
  background: var(--body-bg, #F5F0EB) !important;
}

.ab-featured-shell {
  gap: clamp(14px, 1.25vw, 22px) !important;
  align-items: stretch !important;
}

@media (min-width: 769px) {
  /* بدل flex العادي: Grid يثبت الكارت الرئيسي في العمود اليمين دائماً */
  .ab-featured-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) clamp(260px, 24vw, 430px) !important;
    grid-template-areas: "products hero" !important;
    direction: ltr !important;
  }

  .ab-featured-carousel {
    grid-area: products !important;
    order: initial !important;
    min-width: 0 !important;
    width: 100% !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  .ab-featured-hero-slot {
    grid-area: hero !important;
    order: initial !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  /* المنتجات تظهر من اليمين للشمال داخل مساحة المنتجات، جنب الكارت الرئيسي */
  .ab-featured-track {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: var(--fp-gap) !important;
    width: 100% !important;
    background: transparent !important;
    direction: ltr !important;
  }

  .ab-featured-card {
    flex: 0 0 clamp(210px, 22vw, 335px) !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    overflow: visible !important;
    border-radius: 20px !important;
    padding: 0 !important;
    direction: rtl !important;
    transition: transform .28s ease, box-shadow .28s ease, background .28s ease;
  }

  .ab-featured-card:hover,
  .ab-featured-card:focus-within,
  .ab-featured-card:active {
    background: color-mix(in srgb, var(--body-bg, #F5F0EB) 78%, #fff) !important;
    box-shadow: 0 16px 38px rgba(33, 76, 43, .10) !important;
    transform: translateY(-4px) !important;
  }

  .ab-featured-media {
    border-radius: 18px !important;
    overflow: hidden !important;
    background: color-mix(in srgb, var(--body-bg, #F5F0EB) 88%, #fff) !important;
    box-shadow: none !important;
  }

  .ab-featured-card:hover .ab-featured-media,
  .ab-featured-card:focus-within .ab-featured-media,
  .ab-featured-card:active .ab-featured-media {
    box-shadow: 0 12px 28px rgba(33, 76, 43, .12) !important;
  }

  .ab-featured-info {
    background: transparent !important;
    padding: 20px 6px 4px !important;
    text-align: center !important;
    align-items: center !important;
  }

  .ab-featured-name,
  .ab-featured-subtitle,
  .ab-featured-price-row,
  .ab-featured-swatches {
    justify-content: center !important;
    text-align: center !important;
  }

  .ab-featured-name {
    color: #111 !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  .ab-featured-price {
    color: #111 !important;
    font-weight: 800 !important;
  }

  /* الكارت الرئيسي نفسه */
  .ab-featured-hero {
    height: 100% !important;
    min-height: clamp(390px, 39vw, 570px) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #214C2B !important;
    box-shadow: 0 18px 46px rgba(33, 76, 43, .20) !important;
    border: 1px solid rgba(177, 139, 61, .26) !important;
  }

  .ab-featured-hero::after {
    content: "";
    position: absolute;
    inset: 22px;
    z-index: 3;
    pointer-events: none;
    border: 2px solid rgba(255,255,255,.76);
    border-radius: 18px;
  }

  /* أخفي الكلام والزر في الطبيعي */
  .ab-featured-hero-overlay {
    opacity: 0 !important;
    background: linear-gradient(to top, rgba(0,0,0,.50) 0%, rgba(0,0,0,.12) 58%, rgba(0,0,0,0) 100%) !important;
    transition: opacity .3s ease !important;
    z-index: 1;
  }

  .ab-featured-hero-content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 34px !important;
    z-index: 4 !important;
    width: auto !important;
    padding: 0 !important;
    text-align: center !important;
    opacity: 0 !important;
    transform: translateY(14px) !important;
    transition: opacity .28s ease, transform .28s ease !important;
    pointer-events: none !important;
  }

  /* يظهر فقط مع hover/focus/active */
  .ab-featured-hero:hover .ab-featured-hero-overlay,
  .ab-featured-hero:focus-within .ab-featured-hero-overlay,
  .ab-featured-hero:active .ab-featured-hero-overlay,
  .ab-featured-hero:hover .ab-featured-hero-content,
  .ab-featured-hero:focus-within .ab-featured-hero-content,
  .ab-featured-hero:active .ab-featured-hero-content {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  .ab-featured-hero-title,
  .ab-featured-hero-subtitle,
  .ab-featured-hero-eyebrow {
    color: #fff !important;
    text-shadow: 0 4px 18px rgba(0,0,0,.26);
  }

  .ab-featured-hero-title {
    font-size: clamp(26px, 2.5vw, 42px) !important;
    line-height: 1.1 !important;
  }

  .ab-featured-hero-cta {
    margin-top: 16px !important;
    padding: 13px 32px !important;
    border-radius: 18px !important;
    border: 0 !important;
    background: #000 !important;
    color: #fff !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.24) !important;
  }

  .ab-featured-hero-cta::after {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* الموبايل يفضل زي ما هو تقريباً، بس المنتجات نفسها RTL */
  .ab-featured-track {
    direction: rtl !important;
  }

  .ab-featured-card {
    direction: rtl !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  .ab-featured-card:active,
  .ab-featured-card:focus-within {
    background: color-mix(in srgb, var(--body-bg, #F5F0EB) 78%, #fff) !important;
    box-shadow: 0 12px 28px rgba(33, 76, 43, .11) !important;
    transform: translateY(-2px) !important;
  }

  .ab-featured-media {
    border-radius: 16px !important;
    background: color-mix(in srgb, var(--body-bg, #F5F0EB) 88%, #fff) !important;
  }

  .ab-featured-info {
    background: transparent !important;
    text-align: center !important;
    padding-inline: 4px !important;
  }

  .ab-featured-name,
  .ab-featured-price-row,
  .ab-featured-swatches {
    justify-content: center !important;
    text-align: center !important;
  }

  .ab-featured-hero-overlay {
    opacity: 0 !important;
    background: linear-gradient(to top, rgba(0,0,0,.50) 0%, rgba(0,0,0,.12) 58%, rgba(0,0,0,0) 100%) !important;
    transition: opacity .3s ease !important;
  }

  .ab-featured-hero-content {
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 24px !important;
    z-index: 4 !important;
    padding: 0 !important;
    text-align: center !important;
    opacity: 0 !important;
    transform: translateY(12px) !important;
    transition: opacity .28s ease, transform .28s ease !important;
    pointer-events: none !important;
  }

  .ab-featured-hero:active .ab-featured-hero-overlay,
  .ab-featured-hero:focus-within .ab-featured-hero-overlay,
  .ab-featured-hero:hover .ab-featured-hero-overlay,
  .ab-featured-hero:active .ab-featured-hero-content,
  .ab-featured-hero:focus-within .ab-featured-hero-content,
  .ab-featured-hero:hover .ab-featured-hero-content {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
}

/* =========================================================
   FRILO Categories Restore ONLY - ab-categories-track ab-cat-slider
   Scope: categories slider only.
   ========================================================= */
.ab-categories,
.ab-categories-carousel { overflow: hidden !important; }
.ab-categories-track.ab-cat-slider {
  display: flex !important;
  align-items: center !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}
.ab-categories-track.ab-cat-slider::-webkit-scrollbar { display: none !important; }
.ab-categories-track.ab-cat-slider .ab-cat-label,
.ab-categories-track.ab-cat-slider .ab-cat-arrow { display: none !important; }
.ab-categories-track.ab-cat-slider .ab-cat-overlay { background: transparent !important; }
.ab-categories-track.ab-cat-slider .ab-cat-card {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  aspect-ratio: 0.80 / 1 !important;
  border-radius: clamp(14px, 1.35vw, 20px) !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.075) !important;
  transform: translateZ(0);
  transition: transform .28s ease, box-shadow .28s ease, filter .28s ease !important;
}
.ab-categories-track.ab-cat-slider .ab-cat-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.ab-categories-track.ab-cat-slider .ab-cat-card:first-child {
  position: relative !important;
  z-index: 2 !important;
  aspect-ratio: 0.74 / 1 !important;
  border-radius: clamp(18px, 1.7vw, 24px) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.15) !important;
  isolation: isolate;
}
.ab-categories-track.ab-cat-slider .ab-cat-card:first-child img {
  transform: scale(1.012) !important;
  filter: saturate(1.04) contrast(1.025) !important;
}
.ab-categories-track.ab-cat-slider .ab-cat-card:first-child::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 42%, rgba(0,0,0,.10) 100%);
}
.ab-categories-track.ab-cat-slider .ab-cat-card:first-child::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  border-radius: inherit;
  border: 2px solid rgba(255,255,255,.72) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.07) !important;
}
@media (hover: hover) {
  .ab-categories-track.ab-cat-slider .ab-cat-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.10) !important;
  }
  .ab-categories-track.ab-cat-slider .ab-cat-card:first-child:hover {
    transform: translateY(-4px) scale(1.008) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.17) !important;
  }
}
@media (min-width: 769px) {
  .ab-categories { --cat-gap: 15px !important; --cat-visible: 4.05 !important; --cat-visible-gaps: 2 !important; --cat-pad: 48px !important; }
  .ab-categories-track.ab-cat-slider { gap: var(--cat-gap) !important; padding-inline: var(--cat-pad) !important; padding-block: 12px 20px !important; }
  .ab-categories-track.ab-cat-slider .ab-cat-card { flex-basis: calc((100% - (var(--cat-visible-gaps) * var(--cat-gap))) / var(--cat-visible)) !important; aspect-ratio: 0.80 / 1 !important; }
  .ab-categories-track.ab-cat-slider .ab-cat-card:first-child { flex-basis: calc(((100% - (var(--cat-visible-gaps) * var(--cat-gap))) / var(--cat-visible)) * 1.07) !important; aspect-ratio: 0.74 / 1 !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .ab-categories { --cat-gap: 13px !important; --cat-visible: 3.35 !important; --cat-visible-gaps: 2 !important; --cat-pad: 28px !important; }
  .ab-categories-track.ab-cat-slider .ab-cat-card { aspect-ratio: 0.82 / 1 !important; }
  .ab-categories-track.ab-cat-slider .ab-cat-card:first-child { flex-basis: calc(((100% - (var(--cat-visible-gaps) * var(--cat-gap))) / var(--cat-visible)) * 1.06) !important; aspect-ratio: 0.76 / 1 !important; }
}
@media (max-width: 768px) {
  .ab-categories { --cat-gap: 10px !important; --cat-visible: 1.72 !important; --cat-visible-gaps: 0 !important; --cat-pad: 14px !important; margin-inline: -14px !important; padding: 0 !important; }
  .ab-categories-track.ab-cat-slider { gap: var(--cat-gap) !important; padding-inline: var(--cat-pad) !important; padding-block: 8px 16px !important; }
  .ab-categories-track.ab-cat-slider .ab-cat-card { flex-basis: calc((100% - (var(--cat-visible-gaps) * var(--cat-gap))) / var(--cat-visible)) !important; aspect-ratio: 0.82 / 1 !important; border-radius: 15px !important; box-shadow: 0 7px 18px rgba(0,0,0,.08) !important; }
  .ab-categories-track.ab-cat-slider .ab-cat-card:first-child { flex-basis: min(61vw, 278px) !important; aspect-ratio: 0.74 / 1 !important; border-radius: 18px !important; box-shadow: 0 13px 30px rgba(0,0,0,.15) !important; }
}
@media (max-width: 420px) {
  .ab-categories { --cat-visible: 1.62 !important; --cat-gap: 9px !important; --cat-pad: 10px !important; margin-inline: -10px !important; }
  .ab-categories-track.ab-cat-slider .ab-cat-card { aspect-ratio: 0.84 / 1 !important; border-radius: 14px !important; }
  .ab-categories-track.ab-cat-slider .ab-cat-card:first-child { flex-basis: min(63vw, 255px) !important; aspect-ratio: 0.76 / 1 !important; border-radius: 17px !important; }
}


/* =========================================================
   FRILO Mobile Side Drawer Restore ONLY
   Scope: mobile side drawer only.
   ========================================================= */
@media (max-width: 979px) {
  button#eo-mobile-close.ab-mobile-close,
  #eo-mobile-close,
  .ab-mobile-close-wrap:has(#eo-mobile-close),
  .ab-mobile-close-wrap {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
  .ab-mobile-menu {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    background: rgba(33,76,43,.18) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    overflow: hidden !important;
  }
  .ab-mobile-menu.ab-open { opacity: 1 !important; visibility: visible !important; pointer-events: none !important; }
  .ab-mobile-menu-shell {
    width: clamp(270px, 72vw, 335px) !important;
    max-width: 335px !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    margin: 0 0 0 auto !important;
    transform: translateX(105%) !important;
    transition: transform .38s cubic-bezier(.22,1,.36,1) !important;
    pointer-events: auto !important;
  }
  .ab-mobile-menu.ab-open .ab-mobile-menu-shell { transform: translateX(0) !important; }
  .ab-mobile-menu-card {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 18px 0 0 18px !important;
    padding: 26px 20px 20px !important;
    background: var(--body-bg, #F5F0EB) !important;
    border-left: 1px solid rgba(177,139,61,.32) !important;
    box-shadow: -18px 0 44px rgba(33,76,43,.22) !important;
    overflow-y: auto !important;
  }
  .ab-mobile-nav::before {
    content: "PREMIUM FREEZE-DRIED FRUITS" !important;
    display: block !important;
    width: min(100%, 238px) !important;
    margin: 0 auto 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(177,139,61,.38) !important;
    color: #B18B3D !important;
    font-family: Montserrat, Poppins, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    letter-spacing: .145em !important;
  }
  .ab-mobile-nav::after {
    content: "FRILO — فواكه مجففة مستوردة مختارة بعناية، بقرمشة طبيعية ونكهة فاخرة تليق بذوقك." !important;
    display: block !important;
    width: 100% !important;
    margin: auto auto 18px !important;
    padding: 15px 8px 0 !important;
    border-top: 1px solid rgba(177,139,61,.36) !important;
    color: #214C2B !important;
    font-family: Montserrat, Poppins, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.72 !important;
    text-align: center !important;
    letter-spacing: .01em !important;
  }
  .ab-mobile-menu-card::before,
  .ab-mobile-menu-card::after { content: none !important; display: none !important; }
  .ab-mobile-nav { flex: 1 1 auto !important; gap: 11px !important; margin-top: 2px !important; }
  .ab-mobile-accordion-trigger,
  .ab-mobile-nav-link { min-height: 41px !important; padding-block: 4px !important; }
  .ab-mobile-nav-label { font-size: 17px !important; line-height: 1.25 !important; }
}
@media (max-width: 420px) {
  .ab-mobile-menu-shell { width: clamp(255px, 76vw, 305px) !important; max-width: 305px !important; }
  .ab-mobile-menu-card { border-radius: 16px 0 0 16px !important; padding: 22px 18px 20px !important; }
  .ab-mobile-nav::before { width: min(100%, 218px) !important; margin-bottom: 14px !important; padding-bottom: 11px !important; font-size: 9.3px !important; letter-spacing: .125em !important; }
  .ab-mobile-nav::after { margin-bottom: 14px !important; padding-top: 13px !important; font-size: 11.8px !important; line-height: 1.68 !important; }
  .ab-mobile-nav { gap: 10px !important; }
}


/* =========================================================
   FRILO Checkout Fixed Bottom Button Overlap Fix ONLY
   Scope: mobile checkout fixed bottom submit wrapper / payment cards only.
   ========================================================= */
@media (max-width: 768px) {
  /* The fixed bottom checkout wrapper was covering the payment card. Keep it fixed, but reserve space above it. */
  form.checkout_form.checkout_container,
  .checkout_form,
  .checkout_container {
    padding-bottom: calc(120px + env(safe-area-inset-bottom)) !important;
  }

  .payment_card:last-of-type,
  button.payment_card:last-of-type {
    margin-bottom: 110px !important;
  }

  div.fixed.bottom-0.left-0.right-0.z-50:has(.checkout_buy_now) {
    z-index: 45 !important;
    margin-top: 0 !important;
    padding: 12px 16px max(14px, env(safe-area-inset-bottom)) !important;
    background: var(--body-bg, #fff) !important;
    border-top: 1px solid rgba(177, 139, 61, 0.28) !important;
    box-shadow: 0 -12px 28px rgba(33, 76, 43, 0.10) !important;
  }

  .checkout_buy_now {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 58px !important;
    height: auto !important;
    width: 100% !important;
    padding: 15px 24px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-align: center !important;
    border-radius: 999px !important;
  }

  .checkout_buy_now > * {
    position: relative !important;
    z-index: 3 !important;
    line-height: 1.35 !important;
  }
}

/* =========================================================
   FRILO Categories Hover Motion Patch v2 - image-src robust
   Scope: ONLY the 3 category images by their unique EasyOrders image IDs.
   Why v2: Some generated classes/selectors can change or not match; this patch
   targets the actual category images and their immediate wrappers directly.
   It does NOT change layout, card sizes, header, checkout, footer, or product cards.
   ========================================================= */

/* 1) Direct image fallback: this works even if wrapper selectors fail */
img[src*="1782692691272524636"],
img[src*="1782692696154614784"],
img[src*="1782692701391697538"] {
  transform: scale(1) translateZ(0) !important;
  transform-origin: center center !important;
  transition:
    transform .78s cubic-bezier(.22,1,.36,1),
    filter .42s ease,
    opacity .42s ease !important;
  will-change: transform, filter !important;
  backface-visibility: hidden !important;
}

img[src*="1782692691272524636"]:hover,
img[src*="1782692696154614784"]:hover,
img[src*="1782692701391697538"]:hover {
  transform: scale(1.075) rotate(.35deg) translateZ(0) !important;
  filter: saturate(1.08) contrast(1.05) brightness(.96) !important;
}

/* 2) Wrapper targeting by actual image src. This enables shadow, overlay, arrow, and shine. */
.relative:has(> img[src*="1782692691272524636"]),
.relative:has(> img[src*="1782692696154614784"]),
.relative:has(> img[src*="1782692701391697538"]),
div:has(> img[src*="1782692691272524636"]),
div:has(> img[src*="1782692696154614784"]),
div:has(> img[src*="1782692701391697538"]) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transform: translateY(0) scale(1) translateZ(0) !important;
  transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    box-shadow .45s cubic-bezier(.22,1,.36,1),
    filter .42s ease !important;
  box-shadow:
    0 10px 26px rgba(23,60,36,.08),
    inset 0 0 0 1px rgba(159,116,45,0) !important;
}

/* Per-category accents */
.relative:has(> img[src*="1782692691272524636"]),
div:has(> img[src*="1782692691272524636"]) {
  --frilo-cat-accent:#9F742D;
  --frilo-cat-glow:rgba(159,116,45,.28);
}

.relative:has(> img[src*="1782692696154614784"]),
div:has(> img[src*="1782692696154614784"]) {
  --frilo-cat-accent:#B9362E;
  --frilo-cat-glow:rgba(185,54,46,.22);
}

.relative:has(> img[src*="1782692701391697538"]),
div:has(> img[src*="1782692701391697538"]) {
  --frilo-cat-accent:#6F8F36;
  --frilo-cat-glow:rgba(111,143,54,.24);
}

/* Hover effect on wrappers */
.relative:has(> img[src*="1782692691272524636"]):hover,
.relative:has(> img[src*="1782692696154614784"]):hover,
.relative:has(> img[src*="1782692701391697538"]):hover,
div:has(> img[src*="1782692691272524636"]):hover,
div:has(> img[src*="1782692696154614784"]):hover,
div:has(> img[src*="1782692701391697538"]):hover {
  transform: translateY(-9px) scale(.992) translateZ(0) !important;
  box-shadow:
    0 24px 58px rgba(23,60,36,.18),
    0 0 0 1px var(--frilo-cat-accent,#9F742D),
    inset 0 0 0 1px rgba(247,239,228,.20) !important;
  filter: saturate(1.04) contrast(1.03) !important;
}

/* Image reacts when hovering wrapper, not only image */
.relative:has(> img[src*="1782692691272524636"]):hover > img,
.relative:has(> img[src*="1782692696154614784"]):hover > img,
.relative:has(> img[src*="1782692701391697538"]):hover > img,
div:has(> img[src*="1782692691272524636"]):hover > img,
div:has(> img[src*="1782692696154614784"]):hover > img,
div:has(> img[src*="1782692701391697538"]):hover > img {
  transform: scale(1.075) rotate(.35deg) translateZ(0) !important;
  filter: saturate(1.08) contrast(1.05) brightness(.96) !important;
}

/* Soft overlay */
.relative:has(> img[src*="1782692691272524636"])::before,
.relative:has(> img[src*="1782692696154614784"])::before,
.relative:has(> img[src*="1782692701391697538"])::before,
div:has(> img[src*="1782692691272524636"])::before,
div:has(> img[src*="1782692696154614784"])::before,
div:has(> img[src*="1782692701391697538"])::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(23,60,36,0) 0%,rgba(23,60,36,.08) 44%,var(--frilo-cat-glow,rgba(159,116,45,.22)) 100%);
  opacity:0;
  transition:opacity .45s ease !important;
}

.relative:has(> img[src*="1782692691272524636"]):hover::before,
.relative:has(> img[src*="1782692696154614784"]):hover::before,
.relative:has(> img[src*="1782692701391697538"]):hover::before,
div:has(> img[src*="1782692691272524636"]):hover::before,
div:has(> img[src*="1782692696154614784"]):hover::before,
div:has(> img[src*="1782692701391697538"]):hover::before {
  opacity:1;
}

/* Arrow cue */
.relative:has(> img[src*="1782692691272524636"])::after,
.relative:has(> img[src*="1782692696154614784"])::after,
.relative:has(> img[src*="1782692701391697538"])::after,
div:has(> img[src*="1782692691272524636"])::after,
div:has(> img[src*="1782692696154614784"])::after,
div:has(> img[src*="1782692701391697538"])::after {
  content:"↗";
  position:absolute;
  inset-inline-end:18px;
  bottom:18px;
  z-index:4;
  width:46px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#F7EFE4;
  background:rgba(23,60,36,.78);
  border:1px solid rgba(247,239,228,.50);
  border-radius:999px;
  font-size:18px;
  font-weight:900;
  line-height:1;
  direction:ltr;
  opacity:0;
  transform:translateY(10px) rotate(-12deg) scale(.86);
  transition:
    opacity .35s ease,
    transform .45s cubic-bezier(.22,1,.36,1),
    background .35s ease !important;
}

.relative:has(> img[src*="1782692691272524636"]):hover::after,
.relative:has(> img[src*="1782692696154614784"]):hover::after,
.relative:has(> img[src*="1782692701391697538"]):hover::after,
div:has(> img[src*="1782692691272524636"]):hover::after,
div:has(> img[src*="1782692696154614784"]):hover::after,
div:has(> img[src*="1782692701391697538"]):hover::after {
  opacity:1;
  transform:translateY(0) rotate(0deg) scale(1);
  background:var(--frilo-cat-accent,#9F742D);
}

/* Shine sweep via existing span placeholder */
.relative:has(> img[src*="1782692691272524636"]) > span::after,
.relative:has(> img[src*="1782692696154614784"]) > span::after,
.relative:has(> img[src*="1782692701391697538"]) > span::after,
div:has(> img[src*="1782692691272524636"]) > span::after,
div:has(> img[src*="1782692696154614784"]) > span::after,
div:has(> img[src*="1782692701391697538"]) > span::after {
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  left:-50%;
  width:34%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(247,239,228,.38),transparent);
  transform:skewX(-18deg) translateX(0);
  opacity:0;
}

.relative:has(> img[src*="1782692691272524636"]):hover > span::after,
.relative:has(> img[src*="1782692696154614784"]):hover > span::after,
.relative:has(> img[src*="1782692701391697538"]):hover > span::after,
div:has(> img[src*="1782692691272524636"]):hover > span::after,
div:has(> img[src*="1782692696154614784"]):hover > span::after,
div:has(> img[src*="1782692701391697538"]):hover > span::after {
  animation:frilo-category-shine-v2 .85s ease forwards;
}

@keyframes frilo-category-shine-v2 {
  0% { opacity:0; transform:skewX(-18deg) translateX(0); }
  18% { opacity:1; }
  100% { opacity:0; transform:skewX(-18deg) translateX(440%); }
}

@media (max-width:768px) {
  .relative:has(> img[src*="1782692691272524636"])::after,
  .relative:has(> img[src*="1782692696154614784"])::after,
  .relative:has(> img[src*="1782692701391697538"])::after,
  div:has(> img[src*="1782692691272524636"])::after,
  div:has(> img[src*="1782692696154614784"])::after,
  div:has(> img[src*="1782692701391697538"])::after {
    width:40px;
    height:40px;
    font-size:15px;
    inset-inline-end:14px;
    bottom:14px;
    opacity:1;
    transform:none;
    background:rgba(23,60,36,.72);
  }

  .relative:has(> img[src*="1782692691272524636"]):hover,
  .relative:has(> img[src*="1782692696154614784"]):hover,
  .relative:has(> img[src*="1782692701391697538"]):hover,
  div:has(> img[src*="1782692691272524636"]):hover,
  div:has(> img[src*="1782692696154614784"]):hover,
  div:has(> img[src*="1782692701391697538"]):hover {
    transform:translateY(-4px) scale(1) translateZ(0) !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  img[src*="1782692691272524636"],
  img[src*="1782692696154614784"],
  img[src*="1782692701391697538"],
  .relative:has(> img[src*="1782692691272524636"]),
  .relative:has(> img[src*="1782692696154614784"]),
  .relative:has(> img[src*="1782692701391697538"]),
  div:has(> img[src*="1782692691272524636"]),
  div:has(> img[src*="1782692696154614784"]),
  div:has(> img[src*="1782692701391697538"]) {
    animation:none !important;
    transition:none !important;
  }
}

/* =========================================================
   FRILO Categories Hover Smooth Tuning Patch v3
   Scope: ONLY category images hover motion.
   Goal: Make the existing hover effect slower, smoother, and more premium.
   This overrides v1/v2 timing only; it does not change layout or dimensions.
   ========================================================= */

img[src*="1782692691272524636"],
img[src*="1782692696154614784"],
img[src*="1782692701391697538"] {
  transition:
    transform 1.18s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.82s ease,
    opacity 0.82s ease !important;
}

img[src*="1782692691272524636"]:hover,
img[src*="1782692696154614784"]:hover,
img[src*="1782692701391697538"]:hover {
  transform: scale(1.045) rotate(0.16deg) translateZ(0) !important;
  filter: saturate(1.045) contrast(1.025) brightness(0.975) !important;
}

.relative:has(> img[src*="1782692691272524636"]),
.relative:has(> img[src*="1782692696154614784"]),
.relative:has(> img[src*="1782692701391697538"]),
div:has(> img[src*="1782692691272524636"]),
div:has(> img[src*="1782692696154614784"]),
div:has(> img[src*="1782692701391697538"]) {
  transition:
    transform 0.78s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.82s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.72s ease !important;
}

.relative:has(> img[src*="1782692691272524636"]):hover,
.relative:has(> img[src*="1782692696154614784"]):hover,
.relative:has(> img[src*="1782692701391697538"]):hover,
div:has(> img[src*="1782692691272524636"]):hover,
div:has(> img[src*="1782692696154614784"]):hover,
div:has(> img[src*="1782692701391697538"]):hover {
  transform: translateY(-6px) scale(0.997) translateZ(0) !important;
  box-shadow:
    0 18px 42px rgba(23,60,36,.145),
    0 0 0 1px var(--frilo-cat-accent,#9F742D),
    inset 0 0 0 1px rgba(247,239,228,.18) !important;
}

.relative:has(> img[src*="1782692691272524636"]):hover > img,
.relative:has(> img[src*="1782692696154614784"]):hover > img,
.relative:has(> img[src*="1782692701391697538"]):hover > img,
div:has(> img[src*="1782692691272524636"]):hover > img,
div:has(> img[src*="1782692696154614784"]):hover > img,
div:has(> img[src*="1782692701391697538"]):hover > img {
  transform: scale(1.045) rotate(0.16deg) translateZ(0) !important;
  filter: saturate(1.045) contrast(1.025) brightness(0.975) !important;
}

.relative:has(> img[src*="1782692691272524636"])::before,
.relative:has(> img[src*="1782692696154614784"])::before,
.relative:has(> img[src*="1782692701391697538"])::before,
div:has(> img[src*="1782692691272524636"])::before,
div:has(> img[src*="1782692696154614784"])::before,
div:has(> img[src*="1782692701391697538"])::before {
  transition: opacity 0.82s ease !important;
}

.relative:has(> img[src*="1782692691272524636"]):hover::before,
.relative:has(> img[src*="1782692696154614784"]):hover::before,
.relative:has(> img[src*="1782692701391697538"]):hover::before,
div:has(> img[src*="1782692691272524636"]):hover::before,
div:has(> img[src*="1782692696154614784"]):hover::before,
div:has(> img[src*="1782692701391697538"]):hover::before {
  opacity: 0.78;
}

.relative:has(> img[src*="1782692691272524636"])::after,
.relative:has(> img[src*="1782692696154614784"])::after,
.relative:has(> img[src*="1782692701391697538"])::after,
div:has(> img[src*="1782692691272524636"])::after,
div:has(> img[src*="1782692696154614784"])::after,
div:has(> img[src*="1782692701391697538"])::after {
  transition:
    opacity 0.58s ease,
    transform 0.78s cubic-bezier(0.16, 1, 0.3, 1),
    background 0.58s ease !important;
}

.relative:has(> img[src*="1782692691272524636"]):hover > span::after,
.relative:has(> img[src*="1782692696154614784"]):hover > span::after,
.relative:has(> img[src*="1782692701391697538"]):hover > span::after,
div:has(> img[src*="1782692691272524636"]):hover > span::after,
div:has(> img[src*="1782692696154614784"]):hover > span::after,
div:has(> img[src*="1782692701391697538"]):hover > span::after {
  animation: frilo-category-shine-smooth-v3 1.45s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes frilo-category-shine-smooth-v3 {
  0% { opacity: 0; transform: skewX(-18deg) translateX(0); }
  22% { opacity: .72; }
  100% { opacity: 0; transform: skewX(-18deg) translateX(440%); }
}

@media (max-width:768px) {
  img[src*="1782692691272524636"]:hover,
  img[src*="1782692696154614784"]:hover,
  img[src*="1782692701391697538"]:hover,
  .relative:has(> img[src*="1782692691272524636"]):hover > img,
  .relative:has(> img[src*="1782692696154614784"]):hover > img,
  .relative:has(> img[src*="1782692701391697538"]):hover > img,
  div:has(> img[src*="1782692691272524636"]):hover > img,
  div:has(> img[src*="1782692696154614784"]):hover > img,
  div:has(> img[src*="1782692701391697538"]):hover > img {
    transform: scale(1.028) translateZ(0) !important;
  }
}

/* =========================================================
   FRILO Final Checkout Integration Cleanup v7
   Scope: Checkout only.
   Purpose:
   - Final safety layer for checkout background unification.
   - Premium summary polish refinements.
   - Stable styling for JS-moved submit button when JS is loaded.
   ========================================================= */

:root {
  --frilo-checkout-bg: #E8D9C8;
  --frilo-checkout-paper: #F7EFE4;
  --frilo-checkout-green: #173C24;
  --frilo-checkout-deep: #102B1A;
  --frilo-checkout-gold: #9F742D;
  --frilo-checkout-red: #B9362E;
  --frilo-checkout-line: rgba(159, 116, 45, 0.36);
}

/* Final global checkout background guard */
html:has(.checkout_order_summary),
body:has(.checkout_order_summary),
html:has(.checkout_buy_now),
body:has(.checkout_buy_now),
body:has(.checkout_order_summary) :is(
  #root,
  #__next,
  .app_container,
  .content_container,
  main,
  main > div,
  main > div > div,
  main > section,
  .checkout_bg_left,
  .checkout_bg_right,
  [class*="checkout_bg"],
  .checkout_order_summary,
  .checkout_form,
  .product_form_checkout,
  .bg-white,
  .bg-gray-50,
  .max-md\:bg-white,
  .pb-24
),
body:has(.checkout_buy_now) :is(
  #root,
  #__next,
  .app_container,
  .content_container,
  main,
  main > div,
  main > div > div,
  main > section,
  .checkout_bg_left,
  .checkout_bg_right,
  [class*="checkout_bg"],
  .checkout_order_summary,
  .checkout_form,
  .product_form_checkout,
  .bg-white,
  .bg-gray-50,
  .max-md\:bg-white,
  .pb-24
) {
  background: var(--frilo-checkout-bg) !important;
  background-color: var(--frilo-checkout-bg) !important;
  background-image: none !important;
}

body:has(.checkout_order_summary)::before,
body:has(.checkout_buy_now)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -9999;
  background: var(--frilo-checkout-bg);
  pointer-events: none;
}

/* Final receipt/ledger refinement */
body:has(.checkout_order_summary) .checkout_order_summary > div.mx-auto,
body:has(.checkout_order_summary) .checkout_order_summary > div {
  backdrop-filter: blur(0.1px);
  -webkit-backdrop-filter: blur(0.1px);
}

/* Make the total badge separate and clean; prevents TOTAL from sticking to the number */
body:has(.checkout_order_summary) [data-invoice="invoice-total-value"]::before {
  display: none !important;
  content: none !important;
  margin: 0 !important;
}

body:has(.checkout_order_summary) [data-invoice="invoice-total"]::after {
  content: none !important;
  display: none !important;
}

body:has(.checkout_order_summary) [data-invoice="invoice-total-value"] {
  gap: 6px !important;
  letter-spacing: 0 !important;
}

/* JS-moved submit button wrapper support */
.frilo-checkout-submit-placed {
  order: 41 !important;
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.frilo-checkout-submit-placed .checkout_buy_now,
body:has(.checkout_buy_now) button.checkout_buy_now.checkout_buy_now {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 58px !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--frilo-checkout-green) !important;
  color: #fff !important;
  border: 1px solid var(--frilo-checkout-green) !important;
  border-radius: 999px !important;
  font-family: Almarai, inherit !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: 0 18px 42px rgba(23, 60, 36, 0.18) !important;
}

.frilo-checkout-submit-placed .checkout_buy_now:hover,
body:has(.checkout_buy_now) button.checkout_buy_now.checkout_buy_now:hover {
  background: var(--frilo-checkout-deep) !important;
  border-color: var(--frilo-checkout-deep) !important;
  opacity: 1 !important;
}

/* If the custom order-care strip exists, keep it below the submit button */
body:has(.checkout_buy_now) .frilo-order-flow {
  order: 90 !important;
}

@media (max-width: 768px) {
  body:has(.checkout_buy_now) {
    padding-bottom: 0 !important;
  }

  .frilo-checkout-submit-placed {
    margin-top: 12px !important;
  }

  .frilo-checkout-submit-placed .checkout_buy_now,
  body:has(.checkout_buy_now) button.checkout_buy_now.checkout_buy_now {
    min-height: 56px !important;
    height: 56px !important;
    font-size: 17px !important;
  }
}

/* =========================================================
   FRILO Final Summary Creative + Production Pass v8
   Scope: Checkout order summary + final left-strip guard.
   This is the final override layer after all previous checkout work.
   ========================================================= */

:root {
  --frilo-checkout-bg: #E8D9C8;
  --frilo-checkout-paper: #F7EFE4;
  --frilo-checkout-green: #173C24;
  --frilo-checkout-deep: #102B1A;
  --frilo-checkout-gold: #9F742D;
  --frilo-checkout-red: #B9362E;
  --frilo-checkout-line: rgba(159, 116, 45, 0.36);
}

/* Final left-strip/background guard */
html:has(.checkout_order_summary),
body:has(.checkout_order_summary),
html:has(.checkout_buy_now),
body:has(.checkout_buy_now),
body:has(.checkout_order_summary) :is(#root, #__next, .app_container, .content_container, main, main > div, main > div > div, main > section, .checkout_bg_left, .checkout_bg_right, [class*="checkout_bg"], .checkout_order_summary, .checkout_form, .product_form_checkout, .bg-white, .bg-gray-50, .max-md\:bg-white, .pb-24),
body:has(.checkout_buy_now) :is(#root, #__next, .app_container, .content_container, main, main > div, main > div > div, main > section, .checkout_bg_left, .checkout_bg_right, [class*="checkout_bg"], .checkout_order_summary, .checkout_form, .product_form_checkout, .bg-white, .bg-gray-50, .max-md\:bg-white, .pb-24) {
  background: var(--frilo-checkout-bg) !important;
  background-color: var(--frilo-checkout-bg) !important;
  background-image: none !important;
}

body:has(.checkout_order_summary)::before,
body:has(.checkout_buy_now)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -9999;
  pointer-events: none;
  background: var(--frilo-checkout-bg) !important;
}

/* Creative summary concept: FRILO Ticket Ledger */
body:has(.checkout_order_summary) .checkout_order_summary.checkout_order_summary {
  background: var(--frilo-checkout-bg) !important;
  color: var(--frilo-checkout-green) !important;
  padding: clamp(34px, 5vw, 72px) clamp(16px, 3vw, 44px) !important;
  overflow: visible !important;
}

body:has(.checkout_order_summary) .checkout_order_summary > div.mx-auto,
body:has(.checkout_order_summary) .checkout_order_summary > div {
  position: relative !important;
  isolation: isolate !important;
  width: min(640px, 100%) !important;
  max-width: 640px !important;
  margin-inline: auto !important;
  padding: clamp(22px, 3vw, 36px) !important;
  border-radius: 34px !important;
  border: 1px solid rgba(159, 116, 45, 0.46) !important;
  background: linear-gradient(135deg, rgba(247,239,228,.66), rgba(247,239,228,.24)), var(--frilo-checkout-bg) !important;
  box-shadow: 0 28px 80px rgba(23,60,36,.13), inset 0 0 0 1px rgba(247,239,228,.24) !important;
  overflow: hidden !important;
}

body:has(.checkout_order_summary) .checkout_order_summary > div.mx-auto::before,
body:has(.checkout_order_summary) .checkout_order_summary > div::before {
  content: "FRILO\ALEDGER";
  white-space: pre;
  position: absolute;
  inset-inline-start: -0.06em;
  bottom: -0.25em;
  z-index: -1;
  direction: ltr;
  color: transparent;
  -webkit-text-stroke: 1px rgba(23,60,36,.07);
  text-stroke: 1px rgba(23,60,36,.07);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(62px, 8vw, 132px);
  font-weight: 900;
  letter-spacing: -0.085em;
  line-height: .72;
}

body:has(.checkout_order_summary) .checkout_order_summary > div.mx-auto::after,
body:has(.checkout_order_summary) .checkout_order_summary > div::after {
  content: "";
  position: absolute;
  inset-inline: 22px;
  top: 116px;
  height: 1px;
  z-index: 0;
  background: repeating-linear-gradient(90deg, rgba(159,116,45,.45) 0 9px, transparent 9px 18px);
  opacity: .75;
}

body:has(.checkout_order_summary) #summary-heading,
body:has(.checkout_order_summary) .checkout_order_summary h2 {
  position: relative !important;
  display: grid !important;
  justify-items: end !important;
  gap: 8px !important;
  margin: 0 0 34px !important;
  padding: 0 0 24px !important;
  color: var(--frilo-checkout-green) !important;
  font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  font-weight: 950 !important;
  line-height: .98 !important;
  letter-spacing: -0.04em !important;
  text-align: right !important;
}

body:has(.checkout_order_summary) #summary-heading::before,
body:has(.checkout_order_summary) .checkout_order_summary h2::before {
  content: "FRILO ORDER LEDGER" !important;
  width: fit-content;
  padding: 7px 12px;
  color: var(--frilo-checkout-gold) !important;
  background: rgba(247,239,228,.38);
  border: 1px solid rgba(159,116,45,.36);
  border-radius: 999px;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .18em !important;
  direction: ltr;
  line-height: 1 !important;
  transform: rotate(-1.2deg);
}

body:has(.checkout_order_summary) #summary-heading::after,
body:has(.checkout_order_summary) .checkout_order_summary h2::after {
  content: "" !important;
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(159,116,45,.46), transparent) !important;
}

body:has(.checkout_order_summary) .checkout_cart_items_container.checkout_cart_items_container {
  position: relative !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
}

body:has(.checkout_order_summary) .checkout_cart_items_container.checkout_cart_items_container::before {
  content: "";
  position: absolute;
  inset-block: 18px;
  inset-inline-start: 14px;
  width: 7px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(159,116,45,.32) 1.8px, transparent 2.2px) 0 0 / 7px 18px;
  pointer-events: none;
}

body:has(.checkout_order_summary) .checkout_cart_items_container .cart-item {
  display: grid !important;
  grid-template-columns: 106px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 20px !important;
  border: 1px solid rgba(159,116,45,.28) !important;
  border-radius: 30px !important;
  background: radial-gradient(circle at 92% 16%, rgba(159,116,45,.10), transparent 34%), rgba(247,239,228,.36) !important;
  box-shadow: inset 0 0 0 1px rgba(247,239,228,.22) !important;
}

body:has(.checkout_order_summary) [data-cart="item-image-wrapper"] {
  width: 106px !important;
  height: 106px !important;
  flex: 0 0 106px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(159,116,45,.38) !important;
  background: rgba(247,239,228,.56) !important;
  overflow: hidden !important;
  transform: rotate(-1.5deg);
}

body:has(.checkout_order_summary) [data-cart="item-image"] {
  border-radius: 24px !important;
  object-fit: cover !important;
}

body:has(.checkout_order_summary) [data-cart="item-header"] {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}

body:has(.checkout_order_summary) [data-cart="item-name"] {
  color: var(--frilo-checkout-green) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

body:has(.checkout_order_summary) [data-cart="item-price"] {
  color: var(--frilo-checkout-gold) !important;
  font-size: 19px !important;
  font-weight: 950 !important;
}

body:has(.checkout_order_summary) [data-cart="item-total"] {
  display: none !important;
}

body:has(.checkout_order_summary) [data-cart="item-footer"] {
  margin-top: 14px !important;
}

body:has(.checkout_order_summary) .qty-box-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-height: 42px !important;
  padding: 4px !important;
  border: 1px solid rgba(159,116,45,.34) !important;
  border-radius: 999px !important;
  background: rgba(232,217,200,.40) !important;
  box-shadow: inset 0 0 0 1px rgba(247,239,228,.22) !important;
}

body:has(.checkout_order_summary) .qty-box-wrapper button {
  display: inline-grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--frilo-checkout-green) !important;
  background: rgba(247,239,228,.62) !important;
}

body:has(.checkout_order_summary) [data-cart="item-quantity"] {
  width: 34px !important;
  color: var(--frilo-checkout-green) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body:has(.checkout_order_summary) .custom-trash-btn {
  width: 38px !important;
  height: 38px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(185,54,46,.26) !important;
  border-radius: 999px !important;
  color: var(--frilo-checkout-red) !important;
  background: rgba(185,54,46,.07) !important;
  transform: rotate(-6deg);
  transition: transform .25s ease, background .25s ease !important;
}

body:has(.checkout_order_summary) .custom-trash-btn:hover {
  transform: rotate(0deg) scale(1.04);
  background: rgba(185,54,46,.12) !important;
}

body:has(.checkout_order_summary) .checkout_order_summary dl[data-invoice="invoice"] {
  position: relative !important;
  display: grid !important;
  gap: 0 !important;
  margin: 18px 0 0 !important;
  padding: 18px 22px !important;
  border: 1px solid rgba(159,116,45,.30) !important;
  border-radius: 30px !important;
  background: linear-gradient(180deg, rgba(247,239,228,.44), rgba(247,239,228,.22)), rgba(232,217,200,.22) !important;
  overflow: hidden !important;
}

body:has(.checkout_order_summary) .checkout_order_summary dl[data-invoice="invoice"]::before {
  content: "COST BREAKDOWN";
  position: absolute;
  top: 15px;
  inset-inline-start: 22px;
  direction: ltr;
  color: rgba(159,116,45,.62);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
  line-height: 1;
}

body:has(.checkout_order_summary) .checkout_order_summary dl[data-invoice="invoice"] > div {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  min-height: 58px !important;
  padding: 16px 0 !important;
  border-top: 1px dashed rgba(159,116,45,.28) !important;
}

body:has(.checkout_order_summary) .checkout_order_summary dl[data-invoice="invoice"] > div:first-child {
  margin-top: 12px !important;
  border-top: 0 !important;
}

body:has(.checkout_order_summary) .checkout_order_summary dl[data-invoice="invoice"] dt,
body:has(.checkout_order_summary) .checkout_order_summary dl[data-invoice="invoice"] dd {
  margin: 0 !important;
}

body:has(.checkout_order_summary) .checkout_order_summary dl[data-invoice="invoice"] dt {
  color: rgba(23,60,36,.74) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body:has(.checkout_order_summary) .checkout_order_summary dl[data-invoice="invoice"] dd {
  color: var(--frilo-checkout-green) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

body:has(.checkout_order_summary) [data-invoice="invoice-subtotal"] dt {
  color: rgba(23,60,36,.74) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body:has(.checkout_order_summary) [data-invoice="invoice-subtotal"] dt::after {
  content: none !important;
  display: none !important;
}

body:has(.checkout_order_summary) .shipping_cost_container dd,
body:has(.checkout_order_summary) .shipping_cost {
  color: var(--frilo-checkout-gold) !important;
}

body:has(.checkout_order_summary) [data-invoice="invoice-total"] {
  position: relative !important;
  min-height: 76px !important;
  margin-top: 8px !important;
  padding: 20px 0 4px !important;
  border-top: 1px solid rgba(159,116,45,.48) !important;
}

body:has(.checkout_order_summary) [data-invoice="invoice-total-label"] {
  color: var(--frilo-checkout-green) !important;
  font-size: 21px !important;
  font-weight: 950 !important;
}

body:has(.checkout_order_summary) [data-invoice="invoice-total-value"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  color: var(--frilo-checkout-green) !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

body:has(.checkout_order_summary) [data-invoice="invoice-total-value"]::before {
  display: none !important;
  content: none !important;
  margin: 0 !important;
}

body:has(.checkout_order_summary) [data-invoice="invoice-total"]::after {
  content: none !important;
  display: none !important;
}

@media (min-width: 1024px) {
  body:has(.checkout_order_summary) .checkout_order_summary > div.mx-auto,
  body:has(.checkout_order_summary) .checkout_order_summary > div {
    margin-inline-start: auto !important;
    margin-inline-end: clamp(34px, 4vw, 90px) !important;
  }
}

@media (max-width: 768px) {
  body:has(.checkout_order_summary) .checkout_order_summary.checkout_order_summary {
    padding: 20px 14px 26px !important;
  }

  body:has(.checkout_order_summary) .checkout_order_summary > div.mx-auto,
  body:has(.checkout_order_summary) .checkout_order_summary > div {
    padding: 18px !important;
    border-radius: 26px !important;
  }

  body:has(.checkout_order_summary) #summary-heading,
  body:has(.checkout_order_summary) .checkout_order_summary h2 {
    font-size: 32px !important;
    margin-bottom: 28px !important;
  }

  body:has(.checkout_order_summary) .checkout_cart_items_container .cart-item {
    grid-template-columns: 82px minmax(0,1fr) !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 24px !important;
  }

  body:has(.checkout_order_summary) [data-cart="item-image-wrapper"] {
    width: 82px !important;
    height: 82px !important;
    flex-basis: 82px !important;
    border-radius: 20px !important;
  }

  body:has(.checkout_order_summary) [data-cart="item-name"],
  body:has(.checkout_order_summary) [data-cart="item-price"] {
    font-size: 14px !important;
  }

  body:has(.checkout_order_summary) .checkout_order_summary dl[data-invoice="invoice"] {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  body:has(.checkout_order_summary) [data-invoice="invoice-total-label"] {
    font-size: 18px !important;
  }

  body:has(.checkout_order_summary) [data-invoice="invoice-total-value"] {
    font-size: 20px !important;
  }
}



/* FRILO exact checkout label cleanup - do not broaden */
body:has(.checkout_order_summary) [data-invoice="invoice-total"]::after,
body:has(.checkout_order_summary) [data-invoice="invoice-subtotal"] dt::after {
  content: none !important;
  display: none !important;
}
body:has(.checkout_order_summary) [data-invoice="invoice-subtotal"] dt {
  color: rgba(23,60,36,.74) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

/* =====================================================================
   FRILO — Force Peach Product Sold Out Everywhere
   Target product:
   - URL: /products/freeze-dried-peach
   - Image: 1782609419187524940.png
   - Name: خوخ
   What this patch does:
   1) Marks peach cards as SOLD OUT in product grids/lists/featured sections.
   2) Blocks clicking the peach card and hides quick-add on peach cards.
   3) On the peach product page, hides/disables add-to-cart / buy-now controls.
   ===================================================================== */

:root {
  --frilo-soldout-bg: #0B2114;
  --frilo-soldout-red: #B9362E;
  --frilo-soldout-paper: #F7EFE4;
  --frilo-soldout-gold: #9F742D;
}

/* ==============================
   1) Product cards: collection/grid/list/featured
   ============================== */

a.ab-pgrid-card[href="/products/freeze-dried-peach"],
a.ab-pgrid-card[href*="/products/freeze-dried-peach"],
a.ab-plist-card[href="/products/freeze-dried-peach"],
a.ab-plist-card[href*="/products/freeze-dried-peach"],
a.ab-featured-card[href="/products/freeze-dried-peach"],
a.ab-featured-card[href*="/products/freeze-dried-peach"] {
  position: relative !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  filter: saturate(.72) contrast(.94);
}

/* dim only the media, not the whole card text */
a.ab-pgrid-card[href="/products/freeze-dried-peach"] .ab-pgrid-media,
a.ab-pgrid-card[href*="/products/freeze-dried-peach"] .ab-pgrid-media,
a.ab-plist-card[href="/products/freeze-dried-peach"] .ab-plist-media,
a.ab-plist-card[href*="/products/freeze-dried-peach"] .ab-plist-media,
a.ab-featured-card[href="/products/freeze-dried-peach"] .ab-featured-media,
a.ab-featured-card[href*="/products/freeze-dried-peach"] .ab-featured-media {
  opacity: .52 !important;
  filter: grayscale(.22) saturate(.62) contrast(.92) !important;
}

/* hide quick-add/cart icon on peach cards */
a.ab-pgrid-card[href="/products/freeze-dried-peach"] .ab-pgrid-add-btn,
a.ab-pgrid-card[href*="/products/freeze-dried-peach"] .ab-pgrid-add-btn,
a.ab-plist-card[href="/products/freeze-dried-peach"] .ab-plist-add-btn,
a.ab-plist-card[href*="/products/freeze-dried-peach"] .ab-plist-add-btn,
a.ab-featured-card[href="/products/freeze-dried-peach"] .ab-featured-add-btn,
a.ab-featured-card[href*="/products/freeze-dried-peach"] .ab-featured-add-btn {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* SOLD OUT badge on media/image area */
a.ab-pgrid-card[href="/products/freeze-dried-peach"] .ab-pgrid-media::after,
a.ab-pgrid-card[href*="/products/freeze-dried-peach"] .ab-pgrid-media::after,
a.ab-plist-card[href="/products/freeze-dried-peach"] .ab-plist-media::after,
a.ab-plist-card[href*="/products/freeze-dried-peach"] .ab-plist-media::after,
a.ab-featured-card[href="/products/freeze-dried-peach"] .ab-featured-media::after,
a.ab-featured-card[href*="/products/freeze-dried-peach"] .ab-featured-media::after {
  content: "SOLD OUT";
  position: absolute;
  inset-inline-start: 12px;
  inset-block-start: 12px;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 7px 13px 6px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--frilo-soldout-red), #7A2B24);
  color: #fff;
  font-family: "Avenir Next", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: .12em;
  direction: ltr;
  text-transform: uppercase;
  box-shadow:
    0 12px 26px rgba(11, 33, 20, .22),
    inset 0 0 0 1px rgba(255,255,255,.18);
}

/* Arabic sold out label under product name */
a.ab-pgrid-card[href="/products/freeze-dried-peach"] .ab-pgrid-info::before,
a.ab-pgrid-card[href*="/products/freeze-dried-peach"] .ab-pgrid-info::before,
a.ab-plist-card[href="/products/freeze-dried-peach"] .ab-plist-info::before,
a.ab-plist-card[href*="/products/freeze-dried-peach"] .ab-plist-info::before,
a.ab-featured-card[href="/products/freeze-dried-peach"] .ab-featured-info::before,
a.ab-featured-card[href*="/products/freeze-dried-peach"] .ab-featured-info::before {
  content: "نفدت الكمية";
  order: 50;
  width: fit-content;
  margin-top: 8px;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(185, 54, 46, .10);
  color: var(--frilo-soldout-red);
  border: 1px solid rgba(185, 54, 46, .28);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

/* price/name stay visible but visually unavailable */
a.ab-pgrid-card[href="/products/freeze-dried-peach"] .ab-pgrid-price,
a.ab-pgrid-card[href*="/products/freeze-dried-peach"] .ab-pgrid-price,
a.ab-plist-card[href="/products/freeze-dried-peach"] .ab-plist-price,
a.ab-plist-card[href*="/products/freeze-dried-peach"] .ab-plist-price,
a.ab-featured-card[href="/products/freeze-dried-peach"] .ab-featured-price,
a.ab-featured-card[href*="/products/freeze-dried-peach"] .ab-featured-price {
  opacity: .42 !important;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(185, 54, 46, .75);
}

/* ==============================
   2) Product page: disable ordering controls for peach only
   Works with canonical/og:url if present, and with the peach image inside product page container.
   ============================== */

html:has(link[rel="canonical"][href*="/products/freeze-dried-peach"]) .add_to_cart_btn,
html:has(link[rel="canonical"][href*="/products/freeze-dried-peach"]) .checkout_btn,
html:has(meta[property="og:url"][content*="/products/freeze-dried-peach"]) .add_to_cart_btn,
html:has(meta[property="og:url"][content*="/products/freeze-dried-peach"]) .checkout_btn,
body:has(.product_container img[src*="1782609419187524940.png"]) .add_to_cart_btn,
body:has(.product_container img[src*="1782609419187524940.png"]) .checkout_btn,
body:has(.p_gallery_container img[src*="1782609419187524940.png"]) .add_to_cart_btn,
body:has(.p_gallery_container img[src*="1782609419187524940.png"]) .checkout_btn {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: .72 !important;
  background: #5f625b !important;
  border-color: #5f625b !important;
  color: transparent !important;
  position: relative !important;
  overflow: hidden !important;
}

html:has(link[rel="canonical"][href*="/products/freeze-dried-peach"]) .add_to_cart_btn::after,
html:has(link[rel="canonical"][href*="/products/freeze-dried-peach"]) .checkout_btn::after,
html:has(meta[property="og:url"][content*="/products/freeze-dried-peach"]) .add_to_cart_btn::after,
html:has(meta[property="og:url"][content*="/products/freeze-dried-peach"]) .checkout_btn::after,
body:has(.product_container img[src*="1782609419187524940.png"]) .add_to_cart_btn::after,
body:has(.product_container img[src*="1782609419187524940.png"]) .checkout_btn::after,
body:has(.p_gallery_container img[src*="1782609419187524940.png"]) .add_to_cart_btn::after,
body:has(.p_gallery_container img[src*="1782609419187524940.png"]) .checkout_btn::after {
  content: "نفدت الكمية";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  font-size: 16px;
  font-weight: 950;
  letter-spacing: 0;
  direction: rtl;
}

/* hide quantity selector / quantity controls on peach product page */
html:has(link[rel="canonical"][href*="/products/freeze-dried-peach"]) .quantity_btn_container,
html:has(meta[property="og:url"][content*="/products/freeze-dried-peach"]) .quantity_btn_container,
body:has(.product_container img[src*="1782609419187524940.png"]) .quantity_btn_container,
body:has(.p_gallery_container img[src*="1782609419187524940.png"]) .quantity_btn_container {
  display: none !important;
  pointer-events: none !important;
}

/* product page sold out notice */
html:has(link[rel="canonical"][href*="/products/freeze-dried-peach"]) .p_details_container::before,
html:has(meta[property="og:url"][content*="/products/freeze-dried-peach"]) .p_details_container::before,
body:has(.product_container img[src*="1782609419187524940.png"]) .p_details_container::before,
body:has(.p_gallery_container img[src*="1782609419187524940.png"]) .p_details_container::before {
  content: "SOLD OUT · نفدت الكمية";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0 auto 14px;
  padding: 9px 15px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--frilo-soldout-red), #7A2B24);
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  direction: ltr;
  box-shadow: 0 12px 26px rgba(11, 33, 20, .16);
}

html:has(link[rel="canonical"][href*="/products/freeze-dried-peach"]) .ab-gallery-slider::after,
html:has(meta[property="og:url"][content*="/products/freeze-dried-peach"]) .ab-gallery-slider::after,
body:has(.product_container img[src*="1782609419187524940.png"]) .ab-gallery-slider::after,
body:has(.p_gallery_container img[src*="1782609419187524940.png"]) .ab-gallery-slider::after {
  content: "SOLD OUT";
  position: absolute;
  top: 18px;
  inset-inline-start: 18px;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--frilo-soldout-red), #7A2B24);
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .12em;
  direction: ltr;
  box-shadow: 0 12px 26px rgba(11, 33, 20, .22);
}

@media (max-width: 560px) {
  a.ab-pgrid-card[href="/products/freeze-dried-peach"] .ab-pgrid-media::after,
  a.ab-pgrid-card[href*="/products/freeze-dried-peach"] .ab-pgrid-media::after,
  a.ab-plist-card[href="/products/freeze-dried-peach"] .ab-plist-media::after,
  a.ab-plist-card[href*="/products/freeze-dried-peach"] .ab-plist-media::after,
  a.ab-featured-card[href="/products/freeze-dried-peach"] .ab-featured-media::after,
  a.ab-featured-card[href*="/products/freeze-dried-peach"] .ab-featured-media::after {
    top: 8px;
    inset-inline-start: 8px;
    min-height: 26px;
    padding: 6px 10px;
    font-size: 9px;
    letter-spacing: .09em;
  }
}
/* ======================= END PEACH SOLD OUT PATCH ======================= */