/* JBA v16.20.18 — exact visual restoration for server-rendered cards/carousels.
 * Preserves the v16.20.16 visual cascade without restoring delayed DOM-rebuild JavaScript.
 */

/* ===== BEGIN Styles/jba-v16.18.12-product-gallery-similar-only.css ===== */
/* JBA v16.18.12 — product gallery and similar-products only; contains no footer rules. */

/* Product gallery: do not stretch the gallery column to the height of product information. */
body.jba-v1662-product-page #jewelp-top{
  align-items:flex-start!important;
  height:auto!important;
  min-height:0!important;
}
body.jba-v1662-product-page #pro-slider{
  align-self:flex-start!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
body.jba-v1662-product-page #pro-slider > div,
body.jba-v1662-product-page #pro-slider .slider-for,
body.jba-v1662-product-page #pro-slider .indo-slider,
body.jba-v1662-product-page #pro-slider .owl-carousel-indo,
body.jba-v1662-product-page #pro-slider .slick-list,
body.jba-v1662-product-page #pro-slider .slick-track{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
body.jba-v1662-product-page #pro-slider .slider-for{margin-bottom:8px!important}
body.jba-v1662-product-page #pro-slider .indo-slider{margin:8px auto 0!important;padding:0!important}
body.jba-v1662-product-page #pro-slider .owl-carousel-indo{margin-bottom:0!important;padding-block:0!important}

/* Remove every old related-product control. New controls use the unique v1817 class. */
.jba-v11-rel-arrow,
.jba-v111-rel-arrow,
.jba-v132-rel-arrow,
.jba-v133-rel-arrow,
.jba-v134-rel-arrow,
.jba-v135-rel-arrow,
.jba-v137-rel-arrow,
.jba-v1043-rel-arrow,
.jba-v1044-product-arrow,
.jba-v140-carousel-arrow,
.jba-v141-carousel-arrow,
.jba-v1815-orphan-arrow,
.jba-v1816-carousel-arrow{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* ---------------- Similar products: fully isolated component ---------------- */
#similar-jewel.jba-v1817-similar{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:18px 0!important;
  padding:0!important;
  border:1px solid #d9e4f2!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(6,36,91,.08)!important;
  overflow:hidden!important;
  direction:rtl!important;
  box-sizing:border-box!important;
}
#similar-jewel .jba-v1817-similar__heading{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:58px!important;
  margin:0!important;
  padding:13px 22px!important;
  border:0!important;
  border-bottom:1px solid #e9eef6!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
  color:#06245b!important;
  font-family:'IRANYekanXFaNum','IRANYekanX',Tahoma,sans-serif!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.7!important;
  text-align:right!important;
  box-sizing:border-box!important;
}
#similar-jewel .jba-v1817-similar__heading::before{
  content:"";
  flex:0 0 5px;
  width:5px;
  height:28px;
  margin-left:10px;
  border-radius:999px;
  background:linear-gradient(180deg,#f7c374,#e5a92f);
}
#similar-jewel .jba-v1817-similar__carousel{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:14px 56px 16px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
}
#similar-jewel .jba-v1817-similar__viewport{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:6px 2px 10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  direction:ltr!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  overscroll-behavior-x:contain!important;
  scroll-behavior:smooth!important;
  -webkit-overflow-scrolling:touch!important;
  box-sizing:border-box!important;
}
#similar-jewel .jba-v1817-similar__viewport::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
#similar-jewel .jba-v1817-similar__track{
  display:flex!important;
  flex-flow:row-reverse nowrap!important;
  align-items:stretch!important;
  gap:var(--jba1817-gap,10px)!important;
  width:max-content!important;
  min-width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  direction:ltr!important;
  transform:none!important;
  box-sizing:border-box!important;
}
#similar-jewel .jba-v1817-similar__card{
  position:relative!important;
  display:flex!important;
  flex:0 0 var(--jba1817-card-width,210px)!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:var(--jba1817-card-width,210px)!important;
  min-width:var(--jba1817-card-width,210px)!important;
  max-width:var(--jba1817-card-width,210px)!important;
  min-height:310px!important;
  margin:0!important;
  padding:9px!important;
  border:1px solid #d9e4f2!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(5,38,99,.06)!important;
  color:#06245b!important;
  text-decoration:none!important;
  text-align:center!important;
  direction:rtl!important;
  box-sizing:border-box!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
#similar-jewel .jba-v1817-similar__card:hover,
#similar-jewel .jba-v1817-similar__card:focus-visible{
  transform:translateY(-2px)!important;
  border-color:rgba(229,169,47,.65)!important;
  box-shadow:0 13px 28px rgba(5,38,99,.13)!important;
  color:#06245b!important;
  text-decoration:none!important;
  outline:0!important;
}
#similar-jewel .jba-v1817-similar__image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:166px!important;
  min-height:166px!important;
  margin:0 0 8px!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:#f5f7fa!important;
}
#similar-jewel .jba-v1817-similar__image picture,
#similar-jewel .jba-v1817-similar__image .jba-optimized-picture{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}
#similar-jewel .jba-v1817-similar__image img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:inherit!important;
}
#similar-jewel .jba-v1817-similar__title{
  display:-webkit-box!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0 3px!important;
  overflow:hidden!important;
  color:#06245b!important;
  font-family:'IRANYekanXFaNum','IRANYekanX',Tahoma,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.8!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
#similar-jewel .jba-v1817-similar__price,
#similar-jewel .jba-v1817-similar__code{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  margin:6px 0 0!important;
  padding:6px 7px!important;
  border:1px solid #e1e8f3!important;
  border-radius:11px!important;
  background:#f9fbff!important;
  color:#27364f!important;
  font-family:'IRANYekanXFaNum','IRANYekanX',Tahoma,sans-serif!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.55!important;
  box-sizing:border-box!important;
}
#similar-jewel .jba-v1817-similar__price{color:#06245b!important;font-weight:700!important}
#similar-jewel .jba-v1817-similar__control{
  position:absolute!important;
  top:50%!important;
  z-index:40!important;
  display:flex!important;
  visibility:visible!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:52px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(247,195,116,.45)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#06245b,#0b3579)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(6,36,91,.2)!important;
  cursor:pointer!important;
  opacity:1!important;
  pointer-events:auto!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:transform .15s ease,background .15s ease,opacity .15s ease!important;
}
#similar-jewel .jba-v1817-similar__control--right{right:7px!important;left:auto!important}
#similar-jewel .jba-v1817-similar__control--left{left:7px!important;right:auto!important}
#similar-jewel .jba-v1817-similar__control svg{display:block!important;width:25px!important;height:25px!important;pointer-events:none!important}
#similar-jewel .jba-v1817-similar__control svg path{fill:none!important;stroke:#fff!important;stroke-width:2.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#similar-jewel .jba-v1817-similar__control:hover,
#similar-jewel .jba-v1817-similar__control:focus-visible{transform:translateY(-50%) scale(1.04)!important;background:linear-gradient(145deg,#0b3579,#06245b)!important;outline:0!important}
#similar-jewel .jba-v1817-similar__control:disabled{opacity:.28!important;pointer-events:none!important;cursor:default!important;transform:translateY(-50%)!important}
#similar-jewel .jba-v1817-similar__more-wrap{display:flex!important;justify-content:center!important;padding:0 15px 18px!important}
#similar-jewel .jba-v1817-similar__more{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:8px 28px!important;border-radius:12px!important;background:#06245b!important;color:#fff!important;font-family:'IRANYekanXFaNum','IRANYekanX',Tahoma,sans-serif!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}
#similar-jewel .jba-v1817-similar__more:hover{background:#f7c374!important;color:#06245b!important;text-decoration:none!important}
#similar-jewel .jba-v1817-similar__empty{margin:0!important;padding:24px!important;text-align:center!important;color:#6d7788!important}

/* ===== END Styles/jba-v16.18.12-product-gallery-similar-only.css ===== */

/* ===== BEGIN Styles/jba-v16.19.1-digikala-product-carousels-polish.css ===== */
/*
 * JBA v16.19.1 — carousel spacing, controls and mobile navigation polish.
 * UI-only, isolated from footer/header/listing grids.
 */
:root{
  --jba190-navy:#06245b;
  --jba190-navy-2:#0a3478;
  --jba190-gold:#f2b84b;
  --jba190-gold-soft:#fff5dd;
  --jba190-text:#18233a;
  --jba190-muted:#7c879b;
  --jba190-line:#e6e9ef;
  --jba190-surface:#fff;
  --jba190-soft:#f8f9fb;
  --jba190-danger:#d92d20;
  --jba190-shadow:0 8px 26px rgba(11,32,72,.07);
}

/* -------- shared section shell -------- */
html body .jba-dk-section{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:18px 0!important;
  padding:0!important;
  border:1px solid var(--jba190-line)!important;
  border-radius:18px!important;
  background:var(--jba190-surface)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  direction:rtl!important;
}
html body .jba-dk-section>.panel,
html body .jba-dk-section>.jba-dk-panel{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .jba-dk-section .panel-heading,
html body .jba-dk-section .jba-v1654-heading,
html body .jba-dk-section .jba-v1817-similar__heading,
html body .jba-dk-heading{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:78px!important;
  margin:0!important;
  padding:18px 22px 12px!important;
  border:0!important;
  background:#fff!important;
  color:var(--jba190-text)!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body .jba-dk-section .panel-heading::after,
html body .jba-dk-section .jba-v1654-heading::after,
html body .jba-dk-section .jba-v1817-similar__heading::after,
html body .jba-dk-heading::after{
  content:"";
  position:absolute;
  right:22px;
  bottom:0;
  width:78px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--jba190-gold),#ffd985);
}
html body .jba-dk-section .panel-title,
html body .jba-dk-section .jba-v1654-heading-text,
html body .jba-dk-section .jba-v1817-similar__heading-text,
html body .jba-dk-heading__title{
  margin:0!important;
  color:var(--jba190-text)!important;
  font-family:'IRANYekanXFaNum','IRANYekanX',Tahoma,sans-serif!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.7!important;
  letter-spacing:0!important;
  text-align:right!important;
}
html body .jba-dk-section .panel-title::after,
html body .jba-dk-section .jba-v1654-heading-text::after,
html body .jba-dk-section .jba-v1817-similar__heading-text::after{
  content:"پیشنهادهای منتخب جواهری بینا";
  display:block;
  margin-top:1px;
  color:var(--jba190-muted);
  font-size:12px;
  font-weight:400;
  line-height:1.8;
}
html body .jba-dk-section .title-more{
  display:flex!important;
  align-items:center!important;
  margin:3px 0 0!important;
  padding:0!important;
  float:none!important;
}
html body .jba-dk-section .title-more a,
html body .jba-dk-section .jba-v1817-similar__more,
html body .jba-dk-section .jba-v1654-more{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:40px!important;
  padding:7px 14px!important;
  border:0!important;
  border-radius:9px!important;
  background:#f1f2f4!important;
  color:#39445b!important;
  font-family:'IRANYekanXFaNum','IRANYekanX',Tahoma,sans-serif!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.5!important;
  text-decoration:none!important;
  transition:background .16s ease,color .16s ease!important;
}
html body .jba-dk-section .title-more a:hover,
html body .jba-dk-section .title-more a:focus-visible,
html body .jba-dk-section .jba-v1817-similar__more:hover,
html body .jba-dk-section .jba-v1654-more:hover{
  background:var(--jba190-gold-soft)!important;
  color:var(--jba190-navy)!important;
  outline:0!important;
}
html body .jba-dk-section .title-more svg{width:12px!important;height:12px!important;fill:currentColor!important}
html body .jba-dk-section .panel-body{padding:0!important;background:#fff!important;overflow:visible!important}

/* -------- generic native-scroll engine -------- */
html body .jba-dk-shell{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  padding:10px 48px 16px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  direction:rtl!important;
}
html body .jba-dk-viewport{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0!important;
  margin:0!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;
  direction:rtl!important;
  outline:0!important;
}
html body .jba-dk-viewport::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
html body .jba-dk-track{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  gap:0!important;
  width:max-content!important;
  min-width:100%!important;
  margin:0!important;
  padding:0!important;
  direction:rtl!important;
  transform:none!important;
  transition:none!important;
  box-sizing:border-box!important;
}

/* -------- card -------- */
html body .jba-dk-card{
  position:relative!important;
  display:flex!important;
  flex:0 0 var(--jba190-card-width,230px)!important;
  width:var(--jba190-card-width,230px)!important;
  min-width:var(--jba190-card-width,230px)!important;
  max-width:var(--jba190-card-width,230px)!important;
  min-height:316px!important;
  margin:0!important;
  padding:12px 13px 14px!important;
  border:0!important;
  border-left:1px solid var(--jba190-line)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:var(--jba190-text)!important;
  text-decoration:none!important;
  text-align:right!important;
  direction:rtl!important;
  scroll-snap-align:start!important;
  box-sizing:border-box!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  transition:box-shadow .16s ease,transform .16s ease,background .16s ease!important;
}
html body .jba-dk-card:first-child{border-right:1px solid var(--jba190-line)!important}
html body .jba-dk-card:hover,
html body .jba-dk-card:focus-within{
  z-index:2!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(10,35,78,.11)!important;
  transform:translateY(-2px)!important;
}
html body .jba-dk-card>a,
html body a.jba-dk-card{color:inherit!important;text-decoration:none!important}

html body .jba-dk-card__image,
html body .jba-dk-card .img-item-slider,
html body .jba-dk-card .jba-v1654-card-image,
html body .jba-dk-card .jba-v1817-similar__image{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:190px!important;
  min-height:190px!important;
  margin:0 0 10px!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body .jba-dk-card__image picture,
html body .jba-dk-card__image .jba-optimized-picture,
html body .jba-dk-card .img-item-slider picture,
html body .jba-dk-card .img-item-slider .jba-optimized-picture,
html body .jba-dk-card .jba-v1654-card-image picture,
html body .jba-dk-card .jba-v1817-similar__image picture{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}
html body .jba-dk-card__image img,
html body .jba-dk-card .img-item-slider img:not(.deluxe-javaherat):not(.haraj-javaherat),
html body .jba-dk-card .jba-v1654-card-image img,
html body .jba-dk-card .jba-v1817-similar__image img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:8px!important;
  box-shadow:none!important;
  transition:transform .22s ease!important;
}
html body .jba-dk-card:hover .jba-dk-card__image img,
html body .jba-dk-card:hover .img-item-slider img:not(.deluxe-javaherat):not(.haraj-javaherat),
html body .jba-dk-card:hover .jba-v1654-card-image img,
html body .jba-dk-card:hover .jba-v1817-similar__image img{transform:scale(1.035)!important}
html body .jba-dk-card .deluxe-javaherat,
html body .jba-dk-card .haraj-javaherat{
  position:absolute!important;
  z-index:5!important;
  top:8px!important;
  width:42px!important;
  height:auto!important;
  max-height:42px!important;
  object-fit:contain!important;
}
html body .jba-dk-card .deluxe-javaherat{right:7px!important;left:auto!important}
html body .jba-dk-card .haraj-javaherat{left:7px!important;right:auto!important}

html body .jba-dk-card>ul{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  background:transparent!important;
}
html body .jba-dk-card__title,
html body .jba-dk-card .pro-name,
html body .jba-dk-card .pro-name h3,
html body .jba-dk-card .jba-v1654-card-title,
html body .jba-dk-card .jba-v1817-similar__title{
  display:-webkit-box!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:var(--jba190-text)!important;
  font-family:'IRANYekanXFaNum','IRANYekanX',Tahoma,sans-serif!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:2!important;
  text-align:right!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
html body .jba-dk-card .pro-name a,
html body .jba-dk-card .pro-name h3 a{color:inherit!important;text-decoration:none!important}

html body .jba-dk-card .price,
html body .jba-dk-card__price-wrap{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  min-height:42px!important;
  margin:auto 0 0!important;
  padding:2px 0 0!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
}
html body .jba-dk-card .green-price1,
html body .jba-dk-card .jba-v1654-card-price,
html body .jba-dk-card .jba-v1817-similar__price,
html body .jba-dk-card__price{
  display:block!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--jba190-text)!important;
  font-family:'IRANYekanXFaNum','IRANYekanX',Tahoma,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.28!important;
  text-align:left!important;
  white-space:nowrap!important;
}
html body .jba-dk-card .green-price1 b{font-size:18px!important;font-weight:700!important}
html body .jba-dk-card .dell-price,
html body .jba-dk-card__old-price{
  order:-1!important;
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  color:#a4abb9!important;
  font-family:'IRANYekanXFaNum','IRANYekanX',Tahoma,sans-serif!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:1.22!important;
  margin-bottom:-1px!important;
  text-decoration:line-through!important;
  text-align:left!important;
  white-space:nowrap!important;
}
html body .jba-dk-card .dell-price b{font-weight:400!important}
html body .jba-dk-card .jba-dk-discount-badge{
  position:absolute!important;
  right:0!important;
  bottom:4px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:36px!important;
  min-height:22px!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  background:var(--jba190-danger)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
}
html body .jba-dk-card .code,
html body .jba-dk-card .jba-v1654-card-code,
html body .jba-dk-card .jba-v1817-similar__code,
html body .jba-dk-card__code{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:30px!important;
  margin:5px 0 0!important;
  padding:5px 0 0!important;
  border:0!important;
  border-top:1px dashed #eceef2!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8a94a6!important;
  font-family:'IRANYekanXFaNum','IRANYekanX',Tahoma,sans-serif!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:1.6!important;
}
html body .jba-dk-card .code-name{font-weight:400!important;color:#8a94a6!important}
html body .jba-dk-card .code-num{font-weight:600!important;color:#59647a!important}

/* Product cards stay informational; direct add-to-cart controls are intentionally removed. */
html body .jba-dk-card .add-basket{display:none!important}

/* -------- final view-all tile -------- */
html body .jba-dk-view-all{
  display:flex!important;
  flex:0 0 164px!important;
  width:164px!important;
  min-width:164px!important;
  min-height:316px!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:20px 14px!important;
  border-left:1px solid var(--jba190-line)!important;
  background:#fff!important;
  color:#354158!important;
  text-decoration:none!important;
  scroll-snap-align:start!important;
  box-sizing:border-box!important;
}
html body .jba-dk-view-all__icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  border:2px solid #404b60!important;
  border-radius:50%!important;
  color:#404b60!important;
  font-size:24px!important;
  line-height:1!important;
  transition:.16s ease!important;
}
html body .jba-dk-view-all__text{
  color:#354158!important;
  font-family:'IRANYekanXFaNum','IRANYekanX',Tahoma,sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
}
html body .jba-dk-view-all:hover .jba-dk-view-all__icon{border-color:var(--jba190-gold)!important;background:var(--jba190-gold-soft)!important;color:var(--jba190-navy)!important}

/* -------- controls -------- */
html body .jba-dk-control{
  position:absolute!important;
  top:50%!important;
  z-index:50!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  border:1px solid #cdd2db!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#3b465b!important;
  box-shadow:0 4px 14px rgba(20,32,58,.12)!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:opacity .14s ease,background .14s ease,color .14s ease,transform .14s ease!important;
}
html body .jba-dk-control--previous{right:8px!important;left:auto!important}
html body .jba-dk-control--next{left:8px!important;right:auto!important}
html body .jba-dk-control svg{display:block!important;width:21px!important;height:21px!important;pointer-events:none!important}
html body .jba-dk-control svg path{fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body .jba-dk-control:hover,
html body .jba-dk-control:focus-visible{background:var(--jba190-gold-soft)!important;color:var(--jba190-navy)!important;border-color:var(--jba190-gold)!important;outline:0!important;transform:translateY(-50%) scale(1.04)!important}
html body .jba-dk-control[hidden]{display:none!important}
html body .jba-dk-control:disabled{
  display:flex!important;
  visibility:visible!important;
  opacity:.28!important;
  pointer-events:none!important;
  cursor:default!important;
  transform:translateY(-50%)!important;
}

/* -------- old carousel elements are no longer visual owners -------- */
html body .jba-dk-section .carousel-control,
html body .jba-dk-section .jba-v1654-arrow,
html body .jba-dk-section .jba-v1817-similar__control,
html body .jba-dk-section .jba-v1817-similar__more-wrap,
html body .jba-dk-section .jba-v1654-more-wrap{display:none!important}

/* -------- timed discount carousel: same visual language, keep its own timer/runtime -------- */
html body .jba-tpd-luxe-shell{
  margin:18px 0!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
html body .jba-tpd-luxe{
  border-radius:18px!important;
  border:1px solid var(--jba190-line)!important;
  box-shadow:none!important;
}
html body .jba-tpd-luxe__slider-side{background:#fff!important;border-radius:14px!important}
html body .jba-tpd-luxe__viewport{scroll-snap-type:x proximity!important;scrollbar-width:none!important}
html body .jba-tpd-luxe__viewport::-webkit-scrollbar{display:none!important}
html body .jba-tpd-luxe__track{gap:0!important}
html body .jba-tpd-luxe__card{
  min-height:350px!important;
  border:0!important;
  border-left:1px solid var(--jba190-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  scroll-snap-align:start!important;
}
html body .jba-tpd-luxe__thumb{height:184px!important;background:#fff!important;border-radius:10px!important}
html body .jba-tpd-luxe__name{font-size:13px!important;font-weight:500!important;line-height:2!important}
html body .jba-tpd-luxe__actions{display:none!important}
html body .jba-tpd-luxe__nav{
  width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid #cdd2db!important;background:#fff!important;color:#3b465b!important;box-shadow:0 4px 14px rgba(20,32,58,.12)!important
}

/* -------- responsive -------- */
@media (min-width:1400px){html body .jba-dk-shell{--jba190-card-width:230px}}
@media (min-width:1200px) and (max-width:1399px){html body .jba-dk-shell{--jba190-card-width:218px}}
@media (min-width:992px) and (max-width:1199px){html body .jba-dk-shell{--jba190-card-width:205px}}
@media (min-width:768px) and (max-width:991px){html body .jba-dk-shell{--jba190-card-width:190px}}

@media (max-width:767px){
  html body .jba-dk-section{margin:12px 0!important;border-radius:14px!important}
  html body .jba-dk-section .panel-heading,
  html body .jba-dk-section .jba-v1654-heading,
  html body .jba-dk-section .jba-v1817-similar__heading,
  html body .jba-dk-heading{min-height:62px!important;padding:12px 13px 9px!important;gap:8px!important}
  html body .jba-dk-section .panel-heading::after,
  html body .jba-dk-section .jba-v1654-heading::after,
  html body .jba-dk-section .jba-v1817-similar__heading::after,
  html body .jba-dk-heading::after{right:13px!important;width:54px!important;height:2px!important}
  html body .jba-dk-section .panel-title,
  html body .jba-dk-section .jba-v1654-heading-text,
  html body .jba-dk-section .jba-v1817-similar__heading-text,
  html body .jba-dk-heading__title{font-size:15px!important}
  html body .jba-dk-section .panel-title::after,
  html body .jba-dk-section .jba-v1654-heading-text::after,
  html body .jba-dk-section .jba-v1817-similar__heading-text::after{font-size:10px!important}
  html body .jba-dk-section .title-more a{min-height:34px!important;padding:5px 9px!important;font-size:10px!important}
  html body .jba-dk-shell{--jba190-card-width:44vw;padding:8px 38px 12px!important}
  html body .jba-dk-viewport{padding-inline:0!important}
  html body .jba-dk-card{min-height:260px!important;padding:8px 9px 10px!important}
  html body .jba-dk-card__image,
  html body .jba-dk-card .img-item-slider,
  html body .jba-dk-card .jba-v1654-card-image,
  html body .jba-dk-card .jba-v1817-similar__image{height:142px!important;min-height:142px!important;margin-bottom:7px!important}
  html body .jba-dk-card__title,
  html body .jba-dk-card .pro-name,
  html body .jba-dk-card .pro-name h3,
  html body .jba-dk-card .jba-v1654-card-title,
  html body .jba-dk-card .jba-v1817-similar__title{min-height:44px!important;max-height:44px!important;font-size:11px!important;line-height:2!important}
  html body .jba-dk-card .price,
  html body .jba-dk-card__price-wrap{min-height:38px!important;padding-top:2px!important;gap:0!important}
  html body .jba-dk-card .green-price1,
  html body .jba-dk-card .jba-v1654-card-price,
  html body .jba-dk-card .jba-v1817-similar__price,
  html body .jba-dk-card__price{font-size:12px!important}
  html body .jba-dk-card .green-price1 b{font-size:14px!important}
  html body .jba-dk-card .code,
  html body .jba-dk-card .jba-v1654-card-code,
  html body .jba-dk-card .jba-v1817-similar__code{font-size:9px!important;min-height:26px!important}
  html body .jba-dk-view-all{flex-basis:118px!important;width:118px!important;min-width:118px!important;min-height:260px!important}
  html body .jba-dk-view-all__icon{width:38px!important;height:38px!important;font-size:20px!important}
  html body .jba-dk-view-all__text{font-size:11px!important}
  html body .jba-dk-control{
    display:flex!important;
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    z-index:90!important;
  }
  html body .jba-dk-control--previous{right:2px!important;left:auto!important}
  html body .jba-dk-control--next{left:2px!important;right:auto!important}
  html body .jba-dk-control svg{width:18px!important;height:18px!important}
  html body .jba-tpd-luxe__nav{display:flex!important;width:34px!important;height:34px!important}
}
@media (max-width:420px){html body .jba-dk-shell{--jba190-card-width:47vw;padding-right:36px!important;padding-left:36px!important}}
@media (prefers-reduced-motion:reduce){
  html body .jba-dk-viewport{scroll-behavior:auto!important}
  html body .jba-dk-card,
  html body .jba-dk-card img,
  html body .jba-dk-control{transition:none!important}
}

/* ===== END Styles/jba-v16.19.1-digikala-product-carousels-polish.css ===== */

/* ===== BEGIN Styles/jba-v16.19.9-code-match-special.css ===== */
/*
 * JBA v16.19.8 — fresh isolated Digikala-like product carousel skin.
 * Applies only after the runtime adds .jba-v196-* classes, so previous carousel CSS remains untouched.
 */
:root{
  --jba196-navy:#0f2d6b;
  --jba196-text:#1e293b;
  --jba196-muted:#8c95a6;
  --jba196-line:#e6ebf2;
  --jba196-soft:#f8fafc;
  --jba196-discount:#ef394e;
  --jba196-red-1:#ef4056;
  --jba196-red-2:#d9264e;
}

html body .jba-dk-shell.jba-v196-shell{
  --jba190-card-width:238px;
  position:relative!important;
  padding:8px 48px 18px!important;
  background:#fff!important;
  overflow:hidden!important;
}
html body .jba-v196-shell .jba-dk-track{align-items:stretch!important}
html body .jba-v196-shell .jba-dk-card.jba-v196-card{
  width:var(--jba190-card-width)!important;
  min-width:var(--jba190-card-width)!important;
  max-width:var(--jba190-card-width)!important;
  min-height:382px!important;
  height:382px!important;
  padding:12px 12px 12px!important;
  border-left:1px solid var(--jba196-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
}
html body .jba-v196-shell .jba-dk-card.jba-v196-card:first-child{border-right:1px solid var(--jba196-line)!important}
html body .jba-v196-shell .jba-dk-card.jba-v196-card:hover,
html body .jba-v196-shell .jba-dk-card.jba-v196-card:focus-within{
  box-shadow:0 10px 24px rgba(15,45,107,.10)!important;
  z-index:2!important;
}
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-dk-card__image,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .img-item-slider,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-image,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__image{
  height:174px!important;
  min-height:174px!important;
  margin:0 0 9px!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
html body .jba-v196-shell .jba-dk-card.jba-v196-card > ul{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  gap:0!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  overflow:visible!important;
}
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v196-body,
html body .jba-v196-shell .jba-dk-card.jba-v196-card > ul.jba-v196-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
}
html body .jba-v196-shell .jba-v196-title,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .pro-name,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .pro-name h3,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-title,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__title{
  display:-webkit-box!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0 0 7px!important;
  overflow:hidden!important;
  color:var(--jba196-text)!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:24px!important;
  text-align:right!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
html body .jba-v196-shell .jba-dk-card.jba-v196-card .pro-name a,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .pro-name h3 a{color:inherit!important;text-decoration:none!important}
html body .jba-v196-shell .jba-v196-code,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .code,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-code,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__code{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0 0 9px!important;
  padding:7px 68px 7px 10px!important;
  border:1px solid var(--jba196-line)!important;
  border-radius:10px!important;
  background:var(--jba196-soft)!important;
  color:var(--jba196-muted)!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:18px!important;
}
html body .jba-v196-shell .jba-dk-card.jba-v196-card .code > div,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-code > div,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__code > div{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  white-space:nowrap!important;
}
html body .jba-v196-shell .jba-dk-card.jba-v196-card .code{gap:0!important}
html body .jba-v196-shell .jba-dk-card.jba-v196-card .code-name{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:auto!important;
  max-width:58px!important;
  color:#8c95a6!important;
  font-size:10px!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
html body .jba-v196-shell .jba-dk-card.jba-v196-card .code-num{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  float:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#263b66!important;
  font-family:'IRANYekanXFaNum','IRANYekanX',Tahoma,sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:22px!important;
  letter-spacing:.25px!important;
  text-align:center!important;
  direction:ltr!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
html body .jba-v196-shell .jba-dk-card.jba-v196-card .code-num::before,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .code-num::after{
  display:none!important;
  content:none!important;
}
html body .jba-v196-shell .jba-v196-price,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .price,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-dk-card__price-wrap{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"old old" "current badge"!important;
  align-items:end!important;
  margin-top:auto!important;
  min-height:66px!important;
  max-height:66px!important;
  grid-template-rows:17px minmax(0,1fr)!important;
  padding:0!important;
  direction:ltr!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
}
html body .jba-v196-shell .jba-v196-price .dell-price,
html body .jba-v196-shell .jba-v196-price .jba-dk-card__old-price,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .dell-price{
  grid-area:old!important;
  justify-self:start!important;
  align-self:start!important;
  margin:0!important;
  color:#a8b0be!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:14px!important;
  text-decoration:line-through!important;
  text-align:left!important;
  white-space:nowrap!important;
  direction:rtl!important;
}
html body .jba-v196-shell .jba-v196-price .green-price1,
html body .jba-v196-shell .jba-v196-price .jba-v1654-card-price,
html body .jba-v196-shell .jba-v196-price .jba-v1817-similar__price,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .green-price1,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-price,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__price{
  grid-area:current!important;
  justify-self:start!important;
  align-self:end!important;
  padding-bottom:2px!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:3px!important;
  margin:0!important;
  color:var(--jba196-text)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:23px!important;
  white-space:nowrap!important;
  direction:rtl!important;
  text-align:left!important;
}
html body .jba-v196-shell .jba-v196-price .green-price1 b,
html body .jba-v196-shell .jba-v196-price .jba-v1654-card-price b,
html body .jba-v196-shell .jba-v196-price .jba-v1817-similar__price b,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .green-price1 b,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-price b,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__price b{
  font-size:22px!important;
  font-weight:800!important;
  line-height:25px!important;
}
html body .jba-v196-shell .jba-v196-price:not(.jba-v196-has-discount) .jba-v196-badge,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .price:not(.jba-v196-has-discount) .jba-v196-badge{display:none!important}
html body .jba-v196-shell .jba-v196-badge,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-dk-discount-badge{
  grid-area:badge!important;
  position:static!important;
  justify-self:end!important;
  align-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:36px!important;
  height:22px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:var(--jba196-discount)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:22px!important;
}
html body .jba-v196-shell .jba-dk-card.jba-v196-card .add-basket{display:none!important}

html body .jba-v196-shell .jba-dk-view-all{
  min-height:382px!important;
  height:382px!important;
  border-left:1px solid var(--jba196-line)!important;
}
html body .jba-v196-shell .jba-dk-control{
  width:42px!important;height:42px!important;z-index:60!important;background:#fff!important;border:1px solid #d3d9e4!important;
}
html body .jba-v196-shell .jba-dk-control--previous{right:8px!important}
html body .jba-v196-shell .jba-dk-control--next{left:8px!important}

/* Digikala-like special offer */
html body .jba-tpd-luxe.jba-v196-special{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  grid-template-areas:"slider promo"!important;
  gap:18px!important;
  padding:16px!important;
  border:0!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,var(--jba196-red-1) 0%, var(--jba196-red-2) 100%)!important;
  box-shadow:none!important;
  direction:ltr!important;
}
html body .jba-v196-special .jba-tpd-dk__promo{
  grid-area:promo!important;
  order:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:16px 10px!important;
  text-align:center!important;
  color:#fff!important;
  direction:rtl!important;
}
html body .jba-v196-special .jba-tpd-luxe__slider-side{
  grid-area:slider!important;
  order:1!important;
  position:relative!important;
  padding:0 44px!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
}
html body .jba-v196-special .jba-tpd-dk__percent{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:84px!important;
  height:84px!important;
  border:3px solid rgba(255,255,255,.92)!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:62px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body .jba-v196-special .jba-tpd-dk__label{display:block!important;font-size:13px!important;font-weight:600!important;opacity:.95!important}
html body .jba-v196-special .jba-tpd-dk__title{margin:0!important;color:#fff!important;font-size:32px!important;font-weight:900!important;line-height:1.3!important}
html body .jba-v196-special .jba-tpd-dk__subtitle{margin:0!important;color:rgba(255,255,255,.92)!important;font-size:13px!important;line-height:1.8!important}
html body .jba-v196-special .jba-tpd-dk__all{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:42px!important;padding:0 16px!important;border-radius:10px!important;background:#fff!important;color:#333!important;text-decoration:none!important;font-weight:700!important;
}
html body .jba-v196-special .jba-tpd-dk__timer{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important}
html body .jba-v196-special .jba-tpd-dk__timebox{min-width:50px!important;padding:8px 6px!important;border-radius:10px!important;background:rgba(255,255,255,.16)!important;color:#fff!important}
html body .jba-v196-special .jba-tpd-dk__timebox strong{display:block!important;font-size:17px!important;line-height:1.1!important}
html body .jba-v196-special .jba-tpd-dk__timebox span{display:block!important;font-size:10px!important;opacity:.95!important}
html body .jba-v196-special .jba-tpd-luxe__viewport{overflow-x:auto!important;scrollbar-width:none!important}
html body .jba-v196-special .jba-tpd-luxe__viewport::-webkit-scrollbar{display:none!important}
html body .jba-v196-special .jba-tpd-luxe__track{display:flex!important;gap:0!important;width:max-content!important;min-width:100%!important}
html body .jba-v196-special .jba-tpd-luxe__card{
  display:flex!important;
  flex-direction:column!important;
  width:200px!important;
  min-width:200px!important;
  max-width:200px!important;
  min-height:330px!important;
  margin:0!important;
  padding:12px 12px 10px!important;
  border:0!important;
  border-left:1px solid var(--jba196-line)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:right!important;
  direction:rtl!important;
}
html body .jba-v196-special .jba-tpd-luxe__thumb{display:flex!important;align-items:center!important;justify-content:center!important;height:170px!important;margin-bottom:10px!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important}
html body .jba-v196-special .jba-tpd-luxe__thumb img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
html body .jba-v196-special .jba-tpd-luxe__name{
  display:-webkit-box!important;min-height:48px!important;max-height:48px!important;margin:0 0 8px!important;overflow:hidden!important;
  color:var(--jba196-text)!important;font-size:13px!important;font-weight:600!important;line-height:24px!important;text-decoration:none!important;
  -webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
}
html body .jba-v196-special .jba-tpd-luxe__code{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;min-height:38px!important;margin:0 0 9px!important;padding:7px 68px 7px 10px!important;
  border:1px solid var(--jba196-line)!important;border-radius:10px!important;background:var(--jba196-soft)!important;color:var(--jba196-muted)!important;font-size:10px!important;font-weight:500!important
}
html body .jba-v196-special .jba-tpd-luxe__code span:first-child{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;max-width:58px!important;white-space:nowrap!important}
html body .jba-v196-special .jba-tpd-luxe__code b,
html body .jba-v196-special .jba-tpd-luxe__code span:last-child{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;color:#263b66!important;font-size:15px!important;font-weight:800!important;text-align:center!important;direction:ltr!important;white-space:nowrap!important}
html body .jba-v196-special .jba-tpd-luxe__prices{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"old old" "current badge"!important;grid-template-rows:16px minmax(0,1fr)!important;align-items:end!important;
  margin-top:auto!important;min-height:64px!important;direction:ltr!important
}
html body .jba-v196-special .jba-tpd-luxe__prices del{grid-area:old!important;justify-self:start!important;margin:0 0 2px!important;color:#a8b0be!important;font-size:11px!important;line-height:14px!important;text-decoration:line-through!important;direction:rtl!important}
html body .jba-v196-special .jba-tpd-luxe__prices b{grid-area:current!important;justify-self:start!important;margin:0!important;color:var(--jba196-text)!important;font-size:20px!important;font-weight:800!important;line-height:24px!important;direction:rtl!important}
html body .jba-v196-special .jba-tpd-luxe__price-badge{grid-area:badge!important;justify-self:end!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:36px!important;height:22px!important;padding:0 8px!important;border-radius:999px!important;background:var(--jba196-discount)!important;color:#fff!important;font-size:10px!important;font-weight:800!important}
html body .jba-v196-special .jba-tpd-luxe__nav{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:40px!important;height:40px!important;border:1px solid #d3d9e4!important;border-radius:50%!important;background:#fff!important;color:#2d3748!important;box-shadow:0 4px 14px rgba(20,32,58,.12)!important;z-index:5!important
}
html body .jba-v196-special .jba-tpd-luxe__nav.is-prev{right:6px!important;left:auto!important}
html body .jba-v196-special .jba-tpd-luxe__nav.is-next{left:6px!important;right:auto!important}
html body .jba-v196-special .jba-tpd-luxe__dots{display:none!important}

@media (min-width:1200px) and (max-width:1399px){html body .jba-dk-shell.jba-v196-shell{--jba190-card-width:224px!important}}
@media (min-width:992px) and (max-width:1199px){html body .jba-dk-shell.jba-v196-shell{--jba190-card-width:210px!important}}
@media (max-width:767px){
  html body .jba-dk-shell.jba-v196-shell{--jba190-card-width:45vw!important;padding:8px 36px 14px!important}
  html body .jba-v196-shell .jba-dk-card.jba-v196-card{min-height:316px!important;height:316px!important;padding:8px 8px 10px!important}
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-dk-card__image,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .img-item-slider,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-image,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__image{height:132px!important;min-height:132px!important;margin-bottom:8px!important}
  html body .jba-v196-shell .jba-v196-title,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .pro-name,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .pro-name h3,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-title,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__title{min-height:40px!important;max-height:40px!important;margin-bottom:6px!important;font-size:11px!important;line-height:20px!important}
  html body .jba-v196-shell .jba-v196-code,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .code,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-code,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__code{min-height:34px!important;max-height:34px!important;margin-bottom:7px!important;padding:5px 52px 5px 7px!important;font-size:9px!important}
  html body .jba-v196-shell .jba-v196-price,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .price,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-dk-card__price-wrap{min-height:50px!important;max-height:50px!important}
  html body .jba-v196-shell .jba-v196-price .green-price1,
  html body .jba-v196-shell .jba-v196-price .jba-v1654-card-price,
  html body .jba-v196-shell .jba-v196-price .jba-v1817-similar__price,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .green-price1,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-price,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__price{font-size:10px!important;line-height:18px!important}
  html body .jba-v196-shell .jba-v196-price .green-price1 b,
  html body .jba-v196-shell .jba-v196-price .jba-v1654-card-price b,
  html body .jba-v196-shell .jba-v196-price .jba-v1817-similar__price b,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .green-price1 b,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-price b,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__price b{font-size:15px!important;line-height:20px!important}
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .code-name{right:7px!important;max-width:48px!important;font-size:8px!important}
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .code-num{font-size:13px!important;line-height:20px!important;letter-spacing:0!important}
  html body .jba-v196-shell .jba-v196-price .dell-price,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .dell-price{font-size:9px!important;line-height:12px!important}
  html body .jba-v196-shell .jba-v196-badge,
  html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-dk-discount-badge{min-width:31px!important;height:20px!important;font-size:8px!important;padding:0 6px!important}
  html body .jba-v196-shell .jba-dk-control{display:flex!important;width:34px!important;height:34px!important;z-index:90!important}
  html body .jba-v196-shell .jba-dk-control--previous{right:2px!important}
  html body .jba-v196-shell .jba-dk-control--next{left:2px!important}
  html body .jba-tpd-luxe.jba-v196-special{grid-template-columns:1fr!important;grid-template-areas:"promo" "slider"!important;gap:14px!important;padding:14px!important}
  html body .jba-v196-special .jba-tpd-dk__promo{padding:6px 8px 2px!important}
  html body .jba-v196-special .jba-tpd-dk__title{font-size:24px!important}
  html body .jba-v196-special .jba-tpd-luxe__slider-side{padding:0 34px!important}
  html body .jba-v196-special .jba-tpd-luxe__card{width:44vw!important;min-width:44vw!important;max-width:44vw!important;min-height:286px!important;padding:9px 8px 9px!important}
  html body .jba-v196-special .jba-tpd-luxe__thumb{height:128px!important;margin-bottom:8px!important}
  html body .jba-v196-special .jba-tpd-luxe__name{min-height:40px!important;max-height:40px!important;margin-bottom:6px!important;font-size:11px!important;line-height:20px!important}
  html body .jba-v196-special .jba-tpd-luxe__code{min-height:30px!important;margin-bottom:8px!important;padding:5px 7px!important;font-size:9px!important}
  html body .jba-v196-special .jba-tpd-luxe__prices{min-height:50px!important}
  html body .jba-v196-special .jba-tpd-luxe__prices del{font-size:9px!important;line-height:12px!important}
  html body .jba-v196-special .jba-tpd-luxe__prices b{font-size:15px!important;line-height:20px!important}
  html body .jba-v196-special .jba-tpd-luxe__price-badge{min-width:31px!important;height:20px!important;font-size:8px!important;padding:0 6px!important}
  html body .jba-v196-special .jba-tpd-luxe__nav{display:flex!important;width:34px!important;height:34px!important}
}

/* ===== END Styles/jba-v16.19.9-code-match-special.css ===== */

/* ===== BEGIN Styles/jba-v16.20.13-one-amazing-card.css ===== */
/*
 * JBA v16.20.13 — one real product card everywhere.
 * This is the exact visual anatomy of .jba-tpd-luxe__card, reused globally.
 */
:root{
  --jba-one-card-text:#1e293b;
  --jba-one-card-muted:#8c95a6;
  --jba-one-card-line:#e6ebf2;
  --jba-one-card-soft:#f8fafc;
  --jba-one-card-discount:#ef394e;
}

html body .jba-one-product-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:200px!important;
  min-width:200px!important;
  max-width:200px!important;
  height:330px!important;
  min-height:330px!important;
  max-height:330px!important;
  margin:0!important;
  padding:12px 12px 10px!important;
  border:0!important;
  border-left:1px solid var(--jba-one-card-line)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:right!important;
  direction:rtl!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  transform:none!important;
}
html body .jba-one-product-card:hover,
html body .jba-one-product-card:focus-within{
  z-index:3!important;
  box-shadow:0 10px 24px rgba(15,45,107,.10)!important;
}
html body .jba-one-product-card .jba-tpd-luxe__thumb{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:170px!important;
  min-height:170px!important;
  max-height:170px!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
html body .jba-one-product-card .jba-tpd-luxe__thumb picture{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
}
html body .jba-one-product-card .jba-tpd-luxe__thumb img:not(.deluxe-javaherat):not(.haraj-javaherat){
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:100%!important;
  margin:auto!important;
  object-fit:contain!important;
}
html body .jba-one-product-card .jba-tpd-luxe__thumb .deluxe-javaherat,
html body .jba-one-product-card .jba-tpd-luxe__thumb .haraj-javaherat{
  position:absolute!important;
  top:6px!important;
  z-index:4!important;
  width:auto!important;
  max-width:34px!important;
  height:auto!important;
  max-height:48px!important;
  object-fit:contain!important;
}
html body .jba-one-product-card .jba-tpd-luxe__thumb .deluxe-javaherat{left:6px!important}
html body .jba-one-product-card .jba-tpd-luxe__thumb .haraj-javaherat{right:6px!important}

html body .jba-one-product-card .jba-tpd-luxe__name{
  display:-webkit-box!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0 0 8px!important;
  padding:0!important;
  overflow:hidden!important;
  color:var(--jba-one-card-text)!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:24px!important;
  text-align:right!important;
  text-decoration:none!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
html body .jba-one-product-card .jba-tpd-luxe__code{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:100%!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0 0 9px!important;
  padding:7px 68px 7px 10px!important;
  border:1px solid var(--jba-one-card-line)!important;
  border-radius:10px!important;
  background:var(--jba-one-card-soft)!important;
  color:var(--jba-one-card-muted)!important;
  font-size:10px!important;
  font-weight:500!important;
  box-sizing:border-box!important;
}
html body .jba-one-product-card .jba-tpd-luxe__code span:first-child{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  max-width:58px!important;
  transform:translateY(-50%)!important;
  white-space:nowrap!important;
}
html body .jba-one-product-card .jba-tpd-luxe__code b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  color:#263b66!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:20px!important;
  text-align:center!important;
  direction:ltr!important;
  white-space:nowrap!important;
}
html body .jba-one-product-card .jba-tpd-luxe__prices{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"old old" "current badge"!important;
  grid-template-rows:16px minmax(0,1fr)!important;
  align-items:end!important;
  width:100%!important;
  min-height:64px!important;
  margin-top:auto!important;
  padding:0!important;
  direction:ltr!important;
  box-sizing:border-box!important;
}
html body .jba-one-product-card .jba-tpd-luxe__prices del{
  grid-area:old!important;
  justify-self:start!important;
  margin:0 0 2px!important;
  color:#a8b0be!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:14px!important;
  text-decoration:line-through!important;
  direction:rtl!important;
  white-space:nowrap!important;
}
html body .jba-one-product-card .jba-tpd-luxe__prices del.jba-one-product-card__empty-old{
  visibility:hidden!important;
}
html body .jba-one-product-card .jba-tpd-luxe__prices > b{
  grid-area:current!important;
  justify-self:start!important;
  align-self:end!important;
  margin:0!important;
  color:var(--jba-one-card-text)!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:24px!important;
  text-align:left!important;
  direction:rtl!important;
  white-space:nowrap!important;
}
html body .jba-one-product-card .jba-tpd-luxe__price-badge{
  grid-area:badge!important;
  justify-self:end!important;
  align-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:36px!important;
  height:22px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:var(--jba-one-card-discount)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:22px!important;
  direction:rtl!important;
}

/* Home and product-page carousel widths become the same as the amazing cards. */
html body .jba-dk-shell{--jba190-card-width:200px!important}
html body .jba-dk-track > .jba-one-product-card{
  flex:0 0 200px!important;
}

/* Listing pages: same card, only distributed in a four-column grid. */
html body #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:330px!important;
  gap:0!important;
  align-items:stretch!important;
}
html body #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid > .jba-one-product-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:330px!important;
  min-height:330px!important;
  max-height:330px!important;
}

@media (max-width:1199px) and (min-width:900px){
  html body #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (max-width:899px) and (min-width:768px){
  html body #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:767px){
  html body .jba-dk-shell{--jba190-card-width:44vw!important}
  html body .jba-dk-track > .jba-one-product-card{
    flex:0 0 44vw!important;
  }
  html body .jba-one-product-card{
    width:44vw!important;
    min-width:44vw!important;
    max-width:44vw!important;
    height:286px!important;
    min-height:286px!important;
    max-height:286px!important;
    padding:9px 8px 9px!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__thumb{
    height:128px!important;
    min-height:128px!important;
    max-height:128px!important;
    margin-bottom:8px!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__name{
    min-height:40px!important;
    max-height:40px!important;
    margin-bottom:6px!important;
    font-size:11px!important;
    line-height:20px!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__code{
    min-height:30px!important;
    max-height:30px!important;
    margin-bottom:8px!important;
    padding:5px 52px 5px 7px!important;
    font-size:9px!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__code span:first-child{
    right:7px!important;
    max-width:45px!important;
    font-size:8px!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__code b{
    font-size:13px!important;
    line-height:18px!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__prices{
    min-height:50px!important;
    grid-template-rows:13px minmax(0,1fr)!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__prices del{
    font-size:9px!important;
    line-height:11px!important;
    margin-bottom:3px!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__prices > b{
    font-size:15px!important;
    line-height:20px!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__price-badge{
    min-width:31px!important;
    height:20px!important;
    padding:0 6px!important;
    font-size:8px!important;
    line-height:20px!important;
  }
  html body #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:286px!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
  }
  html body #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid > .jba-one-product-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:286px!important;
    min-height:286px!important;
    max-height:286px!important;
  }
}

/* ===== END Styles/jba-v16.20.13-one-amazing-card.css ===== */

/* ===== BEGIN Styles/jba-v16.20.14-mobile-title-code-gap.css ===== */
/*
 * JBA v16.20.14 — mobile title containment and safe title/code spacing.
 * Prevents long product names from entering the jewel-code row.
 */
@media (max-width:767px){
  html body .jba-one-product-card{
    height:286px!important;
    min-height:286px!important;
    max-height:286px!important;
  }

  html body .jba-one-product-card .jba-tpd-luxe__thumb{
    flex:0 0 124px!important;
    width:100%!important;
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
    margin:0 0 8px!important;
  }

  html body .jba-one-product-card .jba-tpd-luxe__name{
    position:relative!important;
    z-index:2!important;
    display:-webkit-box!important;
    flex:0 0 36px!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0 0 8px!important;
    padding:0 2px!important;
    overflow:hidden!important;
    color:var(--jba-one-card-text)!important;
    font-size:10px!important;
    font-weight:650!important;
    line-height:18px!important;
    text-align:right!important;
    text-overflow:ellipsis!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    white-space:normal!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    box-sizing:border-box!important;
  }

  html body .jba-one-product-card .jba-tpd-luxe__code{
    position:relative!important;
    z-index:3!important;
    flex:0 0 30px!important;
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0 0 7px!important;
    overflow:hidden!important;
  }

  html body .jba-one-product-card .jba-tpd-luxe__prices{
    flex:0 0 48px!important;
    width:100%!important;
    min-height:48px!important;
    height:48px!important;
    max-height:48px!important;
    margin-top:auto!important;
    overflow:visible!important;
  }

  html body #content-page.jba-v1670-shop-listing
  .whole-jewels.jba-v16202-home-card-grid{
    grid-auto-rows:286px!important;
  }

  html body #content-page.jba-v1670-shop-listing
  .whole-jewels.jba-v16202-home-card-grid > .jba-one-product-card{
    height:286px!important;
    min-height:286px!important;
    max-height:286px!important;
  }
}

@media (max-width:420px){
  html body .jba-one-product-card .jba-tpd-luxe__name{
    font-size:9.5px!important;
    line-height:18px!important;
  }
}

/* ===== END Styles/jba-v16.20.14-mobile-title-code-gap.css ===== */

/* ===== BEGIN Styles/jba-v16.20.15-mobile-card-grid-containment.css ===== */
/*
 * JBA v16.20.15
 * Hard mobile containment for unified product cards.
 * Uses both a direct mobile marker and media query so legacy viewport pages are covered.
 */

/* Mobile marker path — works even when the legacy viewport reports desktop CSS width. */
html.jba-v162015-mobile-card body .jba-one-product-card,
html.jba-mobile-performance-pack body .jba-one-product-card,
html.jba-v16205-mobile-list body .jba-one-product-card,
body.jba-mobile-shop .jba-one-product-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:122px 40px 30px 50px!important;
  grid-template-areas:
    "image"
    "title"
    "code"
    "price"!important;
  align-content:start!important;
  align-items:stretch!important;
  row-gap:6px!important;
  width:44vw!important;
  min-width:44vw!important;
  max-width:44vw!important;
  height:286px!important;
  min-height:286px!important;
  max-height:286px!important;
  padding:9px 8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

html.jba-v162015-mobile-card body .jba-one-product-card .jba-tpd-luxe__thumb,
html.jba-mobile-performance-pack body .jba-one-product-card .jba-tpd-luxe__thumb,
html.jba-v16205-mobile-list body .jba-one-product-card .jba-tpd-luxe__thumb,
body.jba-mobile-shop .jba-one-product-card .jba-tpd-luxe__thumb{
  grid-area:image!important;
  position:relative!important;
  align-self:stretch!important;
  width:100%!important;
  height:122px!important;
  min-height:122px!important;
  max-height:122px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
}

html.jba-v162015-mobile-card body .jba-one-product-card .jba-tpd-luxe__name,
html.jba-mobile-performance-pack body .jba-one-product-card .jba-tpd-luxe__name,
html.jba-v16205-mobile-list body .jba-one-product-card .jba-tpd-luxe__name,
body.jba-mobile-shop .jba-one-product-card .jba-tpd-luxe__name{
  grid-area:title!important;
  position:relative!important;
  z-index:1!important;
  display:-webkit-box!important;
  align-self:stretch!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:1px 2px 0!important;
  overflow:hidden!important;
  color:var(--jba-one-card-text,#1e293b)!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:19px!important;
  text-align:right!important;
  text-decoration:none!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  box-sizing:border-box!important;
  contain:layout paint!important;
}

html.jba-v162015-mobile-card body .jba-one-product-card .jba-tpd-luxe__code,
html.jba-mobile-performance-pack body .jba-one-product-card .jba-tpd-luxe__code,
html.jba-v16205-mobile-list body .jba-one-product-card .jba-tpd-luxe__code,
body.jba-mobile-shop .jba-one-product-card .jba-tpd-luxe__code{
  grid-area:code!important;
  position:relative!important;
  z-index:2!important;
  align-self:stretch!important;
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  margin:0!important;
  padding:5px 52px 5px 7px!important;
  overflow:hidden!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  contain:layout paint!important;
}

html.jba-v162015-mobile-card body .jba-one-product-card .jba-tpd-luxe__prices,
html.jba-mobile-performance-pack body .jba-one-product-card .jba-tpd-luxe__prices,
html.jba-v16205-mobile-list body .jba-one-product-card .jba-tpd-luxe__prices,
body.jba-mobile-shop .jba-one-product-card .jba-tpd-luxe__prices{
  grid-area:price!important;
  position:relative!important;
  align-self:stretch!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* Listing grid must use the same fixed mobile row height. */
html.jba-v162015-mobile-card body #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid,
html.jba-mobile-performance-pack body #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid,
html.jba-v16205-mobile-list body #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid,
body.jba-mobile-shop #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:286px!important;
  align-items:start!important;
}

html.jba-v162015-mobile-card body #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid > .jba-one-product-card,
html.jba-mobile-performance-pack body #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid > .jba-one-product-card,
html.jba-v16205-mobile-list body #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid > .jba-one-product-card,
body.jba-mobile-shop #content-page.jba-v1670-shop-listing .whole-jewels.jba-v16202-home-card-grid > .jba-one-product-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

/* Standard viewport fallback. */
@media (max-width:767px){
  html body .jba-one-product-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:122px 40px 30px 50px!important;
    grid-template-areas:"image" "title" "code" "price"!important;
    align-content:start!important;
    row-gap:6px!important;
    height:286px!important;
    min-height:286px!important;
    max-height:286px!important;
    padding:9px 8px!important;
    overflow:hidden!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__thumb{
    grid-area:image!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
    margin:0!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__name{
    grid-area:title!important;
    display:-webkit-box!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:1px 2px 0!important;
    overflow:hidden!important;
    font-size:10px!important;
    line-height:19px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    contain:layout paint!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__code{
    grid-area:code!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__prices{
    grid-area:price!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
  }
}

@media (max-width:360px){
  html.jba-v162015-mobile-card body .jba-one-product-card .jba-tpd-luxe__name,
  html.jba-mobile-performance-pack body .jba-one-product-card .jba-tpd-luxe__name,
  html.jba-v16205-mobile-list body .jba-one-product-card .jba-tpd-luxe__name,
  body.jba-mobile-shop .jba-one-product-card .jba-tpd-luxe__name,
  html body .jba-one-product-card .jba-tpd-luxe__name{
    font-size:9px!important;
    line-height:18px!important;
  }
}

/* ===== END Styles/jba-v16.20.15-mobile-card-grid-containment.css ===== */