/* ===== Reels Feed – base ===== */
.dvg-feed {
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 480px !important;
  height: 85vh !important;
  max-height: 900px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scroll-snap-type: y mandatory !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  background: #000 !important;
  position: relative !important;
  display: block !important;
}
.dvg-feed::-webkit-scrollbar { display: none !important; }

.dvg-product-slide {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 85vh !important;
  max-height: 900px !important;
  min-height: 480px !important;
  scroll-snap-align: start !important;
  scroll-snap-stop: always !important;
  background: #000 !important;
  overflow: hidden !important;
  color: #fff !important;
  box-sizing: border-box !important;
  flex: none !important;
}

/* ===== Fullscreen: full viewport, centered 400px column ===== */
.dvg-feed.is-fullscreen {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: none !important;
  z-index: 2147483646 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: #3a3a3a !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scroll-snap-type: y mandatory !important;
  display: block !important;
}
.dvg-feed.is-fullscreen .dvg-product-slide {
  width: 100% !important;
  max-width: 400px !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: none !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.dvg-reels-fs {
  overflow: hidden !important;
  background: #3a3a3a !important;
}
body.dvg-reels-fs > *:not(.dvg-feed.is-fullscreen) {
  /* keep page content but feed is on top */
}

/* Media */
.dvg-media-frame {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  z-index: 1 !important;
}
.dvg-media-track {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  direction: rtl !important; /* slide 1 on the right; next slides to the left */
  cursor: grab !important;
  user-select: none !important;
  scroll-behavior: smooth !important;
}
.dvg-media-track.is-dragging {
  cursor: grabbing !important;
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
}
.dvg-media-track::-webkit-scrollbar { display: none !important; }

.dvg-media-item {
  flex: 0 0 100% !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  scroll-snap-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000 !important;
  position: relative !important;
  box-sizing: border-box !important;
}
.dvg-media-item video {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}
.dvg-media-item img.dvg-image,
.dvg-media-item img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

/* Play when user paused video */
.dvg-play-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  background: transparent !important;
}
.dvg-product-slide.is-paused:not(.is-buffering) .dvg-play-overlay {
  display: flex !important;
}
.dvg-play-circle {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.45) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.35);
}
.dvg-play-circle svg {
  margin-left: 3px; /* optical center */
}

/* Buffering loader */
.dvg-buffer-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 6 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  background: transparent !important;
}
.dvg-product-slide.is-buffering .dvg-buffer-overlay {
  display: flex !important;
}
.dvg-buffer-spinner {
  width: 40px !important;
  height: 40px !important;
  border: 3px solid rgba(255,255,255,.25) !important;
  border-top-color: #fff !important;
  border-radius: 50% !important;
  animation: dvg-spin .7s linear infinite !important;
}

/* Mute – square, 16px */
.dvg-mute-btn {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  z-index: 10 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  border: none !important;
  background: rgba(0,0,0,.5) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
}

/* Actions column – 16px from right */
.dvg-actions {
  position: absolute !important;
  right: 16px !important;
  bottom: 200px !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  align-items: center !important;
  width: auto !important;
}
.dvg-action {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  border-radius: 0 !important;
  filter: none;
  line-height: 1 !important;
}
.dvg-action:hover,
.dvg-action:focus {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  box-shadow: none !important;
}
.dvg-action svg {
  width: 26px !important;
  height: 26px !important;
  display: block !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.55));
}
.dvg-action .dvg-count {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.55));
}
.dvg-action svg path { stroke: #fff !important; }
.dvg-action .dvg-icon-on path {
  fill: #fff !important;
  stroke: none !important;
}
.dvg-action .dvg-count {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.dvg-action.is-active .dvg-icon-off { display: none !important; }
.dvg-action.is-active .dvg-icon-on { display: block !important; }
.dvg-action:not(.is-active) .dvg-icon-on { display: none !important; }
.dvg-action:not(.is-active) .dvg-icon-off { display: block !important; }

/* Bottom bar */
.dvg-bottom {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 8 !important;
  padding: 14px 16px 22px !important;
  background: linear-gradient(transparent, rgba(0,0,0,.85)) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: right !important;
  direction: rtl !important;
}

.dvg-dots {
  display: flex !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
  direction: rtl !important;
}
.dvg-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(255,255,255,.9) !important;
  background: transparent !important;
  box-sizing: border-box !important;
  transition: background .2s ease, transform .2s ease, opacity .2s ease !important;
  opacity: .85 !important;
}
.dvg-dot.is-active {
  background: #fff !important;
  opacity: 1 !important;
  transform: scale(1.25) !important;
}

.dvg-vendor {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}
.dvg-vendor-avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid #fff !important;
  flex-shrink: 0 !important;
}
.dvg-vendor-name,
.dvg-vendor-name:link,
.dvg-vendor-name:visited,
.dvg-vendor-name:hover {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

.dvg-follow-btn {
  font-family: "Yekan Bakh", "YekanBakh", "Yekan Bakh FaNum", "IRANYekan", Tahoma, sans-serif !important;
  margin-right: auto !important;
  background: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 5px 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  min-height: 28px !important;
  min-width: 88px !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.dvg-follow-btn.is-following,
.dvg-follow-btn.is-following:hover,
.dvg-follow-btn.is-following:focus,
.dvg-follow-btn.is-following:active {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}
.dvg-follow-btn.is-loading {
  pointer-events: none !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.dvg-follow-btn.is-loading::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  margin-left: -8px !important;
  margin-top: -8px !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid rgba(0,0,0,.15) !important;
  border-top-color: #111111 !important;
  border-radius: 50% !important;
  animation: dvg-spin .6s linear infinite !important;
}
.dvg-follow-btn.is-following.is-loading::after {
  border-color: rgba(0,0,0,.15) !important;
  border-top-color: #111 !important;
}
@keyframes dvg-spin { to { transform: rotate(360deg); } }

.dvg-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
  color: #fff !important;
}
.dvg-short {
  font-size: 12px !important;
  opacity: .95 !important;
  line-height: 1.5 !important;
  color: #fff !important;
}
.dvg-more-btn {
  background: none !important;
  border: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  padding: 0 !important;
  text-decoration: underline !important;
  box-shadow: none !important;
}

.dvg-price-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 12px !important;
  direction: rtl !important;
  gap: 12px !important;
}
.dvg-price {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 !important;
  flex: 1 !important;
  text-align: right !important;
}
.dvg-price .amount,
.dvg-price * { color: #fff !important; }

.dvg-cart-open {
  font-family: "Yekan Bakh", "YekanBakh", "Yekan Bakh FaNum", "IRANYekan", Tahoma, sans-serif !important;
  background: #FF555E !important;
  color: #fff !important;
  border: none !important;
  padding: 8px 16px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  margin: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  line-height: 1.3 !important;
}
.dvg-cart-open:hover { background: #e84850 !important; color: #fff !important; }

/* Sheets */
.dvg-details-sheet,
.dvg-comments-sheet,
.dvg-share-sheet,
.dvg-info-sheet {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 30 !important;
  background: #1a1a1a !important;
  color: #fff !important;
  border-radius: 16px 16px 0 0 !important;
  max-height: 55% !important;
  display: flex !important;
  flex-direction: column !important;
  transform: translateY(100%) !important;
  transition: transform .28s ease !important;
  direction: rtl !important;
}
.dvg-details-sheet.is-open,
.dvg-comments-sheet.is-open,
.dvg-share-sheet.is-open,
.dvg-info-sheet.is-open {
  transform: translateY(0) !important;
}
.dvg-details-sheet[hidden],
.dvg-comments-sheet[hidden],
.dvg-share-sheet[hidden],
.dvg-info-sheet[hidden] {
  display: none !important;
}
.dvg-sheet-handle {
  width: 40px !important;
  height: 4px !important;
  background: #555 !important;
  border-radius: 2px !important;
  margin: 10px auto 6px !important;
}
.dvg-sheet-close {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  left: auto !important;
  background: rgba(255,255,255,.12) !important;
  border: none !important;
  color: #fff !important;
  font-size: 20px !important;
  line-height: 1 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 5 !important;
}
.dvg-sheet-close:hover {
  background: rgba(255,255,255,.22) !important;
  color: #fff !important;
}
.dvg-sheet-body { padding: 40px 16px 24px !important; overflow-y: auto !important; }
.dvg-attrs { width: 100% !important; border-collapse: collapse !important; margin: 12px 0 !important; font-size: 13px !important; }
.dvg-attrs th, .dvg-attrs td { border-bottom: 1px solid #333 !important; padding: 8px 4px !important; text-align: right !important; }
.dvg-var-select {
  width: 100% !important;
  padding: 8px !important;
  border-radius: 8px !important;
  border: 1px solid #444 !important;
  background: #111 !important;
  color: #fff !important;
}
.dvg-add-cart-btn, .dvg-share-soon {
  width: 100% !important;
  margin-top: 12px !important;
  padding: 12px !important;
  background: #FF555E !important;
  color: #fff !important;
  border: none !important;
  border-radius: 24px !important;
  font-weight: 700 !important;
}
.dvg-comments-list { flex: 1 !important; overflow-y: auto !important; padding: 28px 14px 12px !important; min-height: 120px !important; }
.dvg-comments-loading {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px 0 !important;
}
.dvg-comments-loading .dvg-buffer-spinner {
  width: 32px !important;
  height: 32px !important;
  border: 3px solid rgba(255,255,255,.2) !important;
  border-top-color: #fff !important;
  border-radius: 50% !important;
  animation: dvg-spin .7s linear infinite !important;
  display: block !important;
}
.dvg-comment-item { display: flex !important; gap: 10px !important; margin-bottom: 14px !important; }
.dvg-comment-item img { width: 36px !important; height: 36px !important; border-radius: 50% !important; object-fit: cover !important; }
.dvg-comment-form {
  display: flex !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border-top: 1px solid #333 !important;
}
.dvg-comment-form input {
  flex: 1 !important;
  border-radius: 20px !important;
  border: 1px solid #444 !important;
  background: #111 !important;
  color: #fff !important;
  padding: 10px 14px !important;
}
.dvg-comment-form button {
  background: #FF555E !important;
  color: #fff !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 0 16px !important;
}
.dvg-login-hint { text-align: center !important; padding: 16px !important; opacity: .8 !important; }

/* Blue interactive text */
.dvg-more-btn {
  color: #4da3ff !important;
  text-decoration: underline !important;
}
.dvg-login-link {
  color: #4da3ff !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
}
.dvg-price-label {
  opacity: .9;
  margin-left: 4px;
}

/* Close button bigger, 8px top/right */
.dvg-sheet-close {
  top: 8px !important;
  right: 8px !important;
  width: 36px !important;
  height: 36px !important;
  font-size: 28px !important;
  line-height: 1 !important;
  z-index: 5 !important;
}

/* Cart sheet same as other sheets */
.dvg-cart-sheet {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 30 !important;
  background: #1a1a1a !important;
  color: #fff !important;
  border-radius: 16px 16px 0 0 !important;
  max-height: 55% !important;
  display: flex !important;
  flex-direction: column !important;
  transform: translateY(100%) !important;
  transition: transform .28s ease !important;
}
.dvg-cart-sheet.is-open { transform: translateY(0) !important; }
.dvg-cart-sheet[hidden] { display: none !important; }

.dvg-qty {
  width: 100% !important;
  padding: 10px !important;
  border-radius: 8px !important;
  border: 1px solid #444 !important;
  background: #111 !important;
  color: #fff !important;
  box-sizing: border-box !important;
  font-size: 15px !important;
}

.dvg-add-cart-btn {
  font-family: "Yekan Bakh", "YekanBakh", "Yekan Bakh FaNum", "IRANYekan", Tahoma, sans-serif !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
}
.dvg-add-cart-btn.is-loading .dvg-btn-label { opacity: 0 !important; }
.dvg-add-cart-btn.is-loading .dvg-btn-loader {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  border: 3px solid rgba(255,255,255,.25) !important;
  border-top-color: #fff !important;
  border-radius: 50% !important;
  animation: dvg-spin .6s linear infinite !important;
  position: absolute !important;
}
.dvg-btn-loader[hidden] { display: none !important; }

.dvg-cart-success {
  text-align: center !important;
  margin-top: 16px !important;
  padding: 12px !important;
  background: rgba(255,255,255,.06) !important;
  border-radius: 12px !important;
}
.dvg-cart-success p {
  margin: 0 0 12px !important;
  font-size: 14px !important;
}
.dvg-checkout-btn {
  display: inline-block !important;
  background: #FF555E !important;
  color: #fff !important;
  text-decoration: none !important;
  padding: 10px 18px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  margin: 0 6px 8px !important;
}
.dvg-cart-continue {
  display: inline-block !important;
  background: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
  padding: 8px 16px !important;
  border-radius: 20px !important;
  cursor: pointer !important;
}

/* Price row: cart LEFT, price RIGHT (LTR flex with order) */
.dvg-price-row {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  direction: ltr !important;
}
.dvg-price-row .dvg-cart-open {
  order: 1 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}
.dvg-price-row .dvg-price {
  order: 2 !important;
  text-align: right !important;
  direction: rtl !important;
  flex: 1 !important;
}

/* Follow: loading = full white bg + dark spinner */
.dvg-follow-btn.is-loading {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: transparent !important;
}
.dvg-follow-btn.is-loading::after {
  border: 2px solid rgba(0,0,0,.15) !important;
  border-top-color: #111 !important;
}

/* Price row: cart left, price stuck right */
.dvg-price-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  direction: ltr !important;
  gap: 10px !important;
}
.dvg-price-row .dvg-cart-open {
  order: 1 !important;
  margin-right: auto !important;
  margin-left: 0 !important;
}
.dvg-price-row .dvg-price {
  order: 2 !important;
  margin-left: auto !important;
  text-align: right !important;
  direction: rtl !important;
  white-space: nowrap !important;
}

/* Attributes table: readable zebra rows */
.dvg-attrs th,
.dvg-attrs td {
  color: #eee !important;
  background: transparent !important;
}
.dvg-attrs tr:nth-child(even) th,
.dvg-attrs tr:nth-child(even) td {
  background: #ffffff !important;
  color: #111111 !important;
}
.dvg-attrs tr:nth-child(odd) th,
.dvg-attrs tr:nth-child(odd) td {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}
.dvg-long {
  color: #eee !important;
}
.dvg-long table th,
.dvg-long table td {
  color: inherit;
}
.dvg-long table tr:nth-child(even) th,
.dvg-long table tr:nth-child(even) td {
  background: #fff !important;
  color: #111 !important;
}
.dvg-long table tr:nth-child(odd) th,
.dvg-long table tr:nth-child(odd) td {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}

/* Select options readable */
.dvg-var-select {
  direction: rtl !important;
  text-align: right !important;
  font-family: inherit !important;
}


/* ===== Comments 3.0.0 ===== */
.dvg-comment-item {
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
  direction: rtl !important;
  align-items: flex-start !important;
}
.dvg-comment-item.is-reply {
  margin-right: 28px !important;
  padding-right: 10px !important;
  border-right: 2px solid rgba(255,255,255,.18) !important;
}
.dvg-comment-body-wrap {
  flex: 1 !important;
  min-width: 0 !important;
}
.dvg-comment-meta {
  font-size: 12px !important;
  margin-bottom: 2px !important;
}
.dvg-comment-body {
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #eee !important;
  word-break: break-word !important;
}
.dvg-c-votes {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  margin-top: 6px !important;
  direction: ltr !important;
}
.dvg-c-vote {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 5px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #ffffff !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  min-width: 0 !important;
  height: auto !important;
  line-height: 1 !important;
}
.dvg-c-vote:hover,
.dvg-c-vote:focus {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  box-shadow: none !important;
}
.dvg-c-vote svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  flex-shrink: 0 !important;
}
.dvg-c-vote .n {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.dvg-c-vote .dvg-c-icon-on { display: none !important; }
.dvg-c-vote .dvg-c-icon-off { display: block !important; }
.dvg-c-vote.is-active .dvg-c-icon-on { display: block !important; }
.dvg-c-vote.is-active .dvg-c-icon-off { display: none !important; }

/* Liked heart red */
.dvg-like.is-active .dvg-icon-on path {
  fill: #e81d23 !important;
  stroke: none !important;
}
.dvg-action.is-active.dvg-like svg path {
  fill: #e81d23 !important;
  stroke: none !important;
}


/* Desktop horizontal arrows – outside 400px column */
.dvg-media-nav {
  display: none !important;
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
  width: 44px !important;
  height: 44px !important;
  border: none !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.35) !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.dvg-media-nav svg {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
}
.dvg-media-nav:hover {
  background: rgba(0,0,0,.5) !important;
}

@media (min-width: 900px) {
  .dvg-feed.is-fullscreen .dvg-product-slide .dvg-media-nav {
    display: flex !important;
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2147483646 !important;
  }
  /* Outside 400px centered column */
  .dvg-feed.is-fullscreen .dvg-media-prev {
    left: calc(50% - 200px - 56px) !important;
    right: auto !important;
  }
  .dvg-feed.is-fullscreen .dvg-media-next {
    right: calc(50% - 200px - 56px) !important;
    left: auto !important;
  }
}



@media (min-width: 900px) {
  /* removed: was hiding all arrows */
  .dvg-feed.is-fullscreen .dvg-media-nav.dvg-nav-active {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}


/* Fullscreen close button – desktop */
.dvg-fs-close {
  display: none !important;
}
@media (min-width: 900px) {
  .dvg-feed.is-fullscreen > .dvg-fs-close {
    display: flex !important;
    position: fixed !important;
    top: 32px !important;
    right: 32px !important;
    z-index: 2147483647 !important;
    width: 40px !important;
    height: 40px !important;
    border: none !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.4) !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
  .dvg-feed.is-fullscreen > .dvg-fs-close:hover {
    background: rgba(0,0,0,.55) !important;
  }
}

/* ONLY fullscreen + multi media + active slide */
.dvg-media-nav {
  display: none !important;
}
@media (min-width: 900px) {
  .dvg-feed.is-fullscreen .dvg-media-nav.dvg-nav-active {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}


/* ===== Arrows CLEAN 3.0.8 ===== */
.dvg-media-nav {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
@media (min-width: 900px) {
  .dvg-feed.is-fullscreen .dvg-product-slide.is-active-slide .dvg-media-nav.dvg-nav-active,
  .dvg-feed.is-fullscreen .dvg-product-slide.is-active-slide .dvg-media-nav {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2147483646 !important;
    width: 44px !important;
    height: 44px !important;
    border: none !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.4) !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }
  .dvg-feed.is-fullscreen .dvg-product-slide.is-active-slide .dvg-media-prev {
    left: calc(50% - 200px - 56px) !important;
    right: auto !important;
  }
  .dvg-feed.is-fullscreen .dvg-product-slide.is-active-slide .dvg-media-next {
    right: calc(50% - 200px - 56px) !important;
    left: auto !important;
  }
  /* Only if multi media */
  .dvg-feed.is-fullscreen .dvg-product-slide.is-active-slide:not(:has(.dvg-media-item:nth-child(2))) .dvg-media-nav {
    display: none !important;
  }
}


/* Infinite load spinner – center, non-blocking */
.dvg-infinite-loader-fixed {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2147483645 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.45) !important;
  pointer-events: none !important;
}
.dvg-infinite-loader-fixed .dvg-buffer-spinner {
  width: 32px !important;
  height: 32px !important;
  border: 3px solid rgba(255,255,255,.25) !important;
  border-top-color: #fff !important;
  border-radius: 50% !important;
  animation: dvg-spin .7s linear infinite !important;
  display: block !important;
}


/* Shared desktop arrows (body-level) */
.dvg-shared-nav { display: none !important; }
.dvg-shared-nav[data-visible="1"] { display: block !important; }
.dvg-shared-nav .dvg-media-nav {
  display: flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2147483646 !important;
  width: 44px !important;
  height: 44px !important;
  border: none !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.4) !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
.dvg-shared-nav .dvg-media-prev { left: calc(50% - 200px - 56px) !important; right: auto !important; }
.dvg-shared-nav .dvg-media-next { right: calc(50% - 200px - 56px) !important; left: auto !important; }
.dvg-shared-nav .dvg-media-nav svg { width: 28px !important; height: 28px !important; display: block !important; }
@media (max-width: 899px) {
  .dvg-shared-nav { display: none !important; }
}


/* ===== FINAL shared arrows force-show (3.1.1) ===== */
body > .dvg-shared-nav[data-visible="1"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483646 !important;
}
body > .dvg-shared-nav[data-visible="1"] > .dvg-media-nav {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2147483646 !important;
  width: 48px !important;
  height: 48px !important;
  border: none !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.45) !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
body > .dvg-shared-nav[data-visible="1"] > .dvg-media-prev {
  left: calc(50% - 200px - 60px) !important;
  right: auto !important;
}
body > .dvg-shared-nav[data-visible="1"] > .dvg-media-next {
  right: calc(50% - 200px - 60px) !important;
  left: auto !important;
}
body > .dvg-shared-nav[data-visible="1"] > .dvg-media-nav svg {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  pointer-events: none !important;
}
@media (max-width: 899px) {
  body > .dvg-shared-nav { display: none !important; }
}


/* ===== ARROWS 3.1.2 – per-slide, absolute, reliable ===== */
.dvg-media-nav {
  display: none !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 30 !important;
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.4) !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.dvg-media-nav svg {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  pointer-events: none !important;
}
.dvg-media-prev { left: 10px !important; right: auto !important; }
.dvg-media-next { right: 10px !important; left: auto !important; }

/* Outside the 400px frame when fullscreen desktop */
@media (min-width: 900px) {
  .dvg-feed.is-fullscreen .dvg-product-slide {
    overflow: visible !important;
  }
  .dvg-feed.is-fullscreen .dvg-media-frame {
    overflow: visible !important;
  }
  .dvg-feed.is-fullscreen .dvg-product-slide.is-active-slide .dvg-media-nav[data-show="1"] {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .dvg-feed.is-fullscreen .dvg-product-slide.is-active-slide .dvg-media-prev[data-show="1"] {
    left: -56px !important;
    right: auto !important;
  }
  .dvg-feed.is-fullscreen .dvg-product-slide.is-active-slide .dvg-media-next[data-show="1"] {
    right: -56px !important;
    left: auto !important;
  }
  /* prevent feed from clipping outside arrows */
  .dvg-feed.is-fullscreen {
    overflow-x: visible !important;
  }
}

/* Fallback: show arrows on edges INSIDE frame if outside gets clipped */
@media (min-width: 900px) {
  .dvg-feed.is-fullscreen .dvg-product-slide.is-active-slide .dvg-media-nav[data-show="1"] {
    display: flex !important;
    opacity: 1 !important;
  }
}


/* Hide shared nav leftover */
.dvg-shared-nav { display: none !important; }


/* Arrow click reliability 3.1.4 */
.dvg-media-nav[data-show="1"] {
  z-index: 50 !important;
  pointer-events: auto !important;
}
.dvg-media-track {
  scroll-behavior: auto !important;
}


/* Arrows removed – hide leftovers */
.dvg-media-nav,
.dvg-shared-nav { display: none !important; }



/* ===== Interaction account page ===== */
.dvg-interaction {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 12px 0 48px !important;
  direction: rtl !important;
  font-family: inherit !important;
}
.dvg-interaction-title {
  font-size: 1.25rem !important;
  margin: 0 0 18px !important;
  font-weight: 700 !important;
  color: #111 !important;
  text-align: center !important;
}
.dvg-interaction-tabs {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 28px !important;
  margin: 0 0 20px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid #eee !important;
  background: transparent !important;
}
.dvg-interaction-tab {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: none !important;
  background: transparent !important;
  color: #111 !important;
  padding: 8px !important;
  margin: 0 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  box-shadow: none !important;
  outline: none !important;
  line-height: 1 !important;
  position: relative !important;
  opacity: .35 !important;
  transition: opacity .15s ease !important;
}
.dvg-interaction-tab:hover,
.dvg-interaction-tab:focus {
  background: transparent !important;
  color: #111 !important;
  opacity: .7 !important;
  box-shadow: none !important;
}
.dvg-interaction-tab.is-active {
  opacity: 1 !important;
  background: transparent !important;
  color: #111 !important;
}
.dvg-interaction-tab.is-active::after {
  content: "" !important;
  position: absolute !important;
  bottom: -15px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 28px !important;
  height: 2px !important;
  background: #111 !important;
  border-radius: 2px !important;
}
.dvg-interaction-tab-icon {
  display: flex !important;
  width: 26px !important;
  height: 26px !important;
  color: #111 !important;
}
.dvg-interaction-tab-icon svg {
  width: 26px !important;
  height: 26px !important;
  display: block !important;
  fill: #111 !important;
}
.dvg-interaction-tab-icon svg path {
  fill: #111 !important;
}
.dvg-interaction-count {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #111 !important;
  line-height: 1 !important;
  background: none !important;
  padding: 0 !important;
}
.dvg-interaction-panel { display: none !important; }
.dvg-interaction-panel.is-active { display: block !important; }
.dvg-interaction-empty {
  color: #888 !important;
  padding: 40px 12px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-family: "Yekan Bakh", "YekanBakh", "Yekan Bakh FaNum", "IRANYekan", Tahoma, sans-serif !important;
}
.dvg-interaction-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2px !important;
  width: 100% !important;
}
.dvg-interaction-tile {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: #1a1a1a !important;
  cursor: pointer !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.dvg-interaction-tile:hover,
.dvg-interaction-tile:focus {
  background: #1a1a1a !important;
  box-shadow: none !important;
  outline: none !important;
}
.dvg-interaction-thumb {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #222 !important;
  transition: transform .2s ease !important;
}
.dvg-interaction-tile:hover .dvg-interaction-thumb {
  transform: scale(1.03) !important;
}
.dvg-interaction-play {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 6px 0 6px 10px !important;
  border-color: transparent transparent transparent #fff !important;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,.55)) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
/* CRITICAL: hide pre-rendered reels source so it never shows in account page */
.dvg-interaction-feed-source,
.dvg-interaction-feed-source .dvg-feed,
.dvg-interaction-feed-source .dvg-product-slide {
  display: none !important;
  visibility: hidden !important;
  position: fixed !important;
  left: -99999px !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: -1 !important;
}
#dvg-interaction-reels-host[hidden],
#dvg-interaction-reels-host:empty {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}
#dvg-interaction-reels-host .dvg-feed.is-fullscreen {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 999999 !important;
}


/* Single product → Reels page */
body.dvg-product-reel-body {
  margin: 0 !important;
  padding: 0 !important;
  background: #000 !important;
  overflow: hidden !important;
}
.dvg-product-reel-page {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: #000 !important;
}
.dvg-product-reel-page .dvg-feed {
  height: 100vh !important;
  max-height: 100dvh !important;
}


/* Share sheet */
.dvg-share-body { padding-bottom: 28px !important; }
.dvg-share-heading {
  margin: 4px 0 16px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #111 !important;
}
.dvg-share-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}
.dvg-share-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 14px 10px !important;
  border-radius: 12px !important;
  border: 1px solid #e8e8e8 !important;
  background: #f7f7f7 !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}
.dvg-share-btn:hover,
.dvg-share-btn:focus {
  background: #eee !important;
  color: #111 !important;
  box-shadow: none !important;
}
.dvg-share-btn-icon { font-size: 20px !important; line-height: 1 !important; }
.dvg-share-toast {
  margin: 16px 0 0 !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0a7a3e !important;
  transition: opacity .2s ease !important;
}
.dvg-share-toast.is-visible { display: block !important; }


/* Left actions column – mirror of right */
.dvg-actions-left {
  position: absolute !important;
  left: 16px !important;
  right: auto !important;
  bottom: 200px !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  align-items: center !important;
  width: auto !important;
  pointer-events: auto !important;
}
.dvg-actions-left .dvg-action {
  pointer-events: auto !important;
}
.dvg-actions-left .dvg-count {
  font-size: 11px !important;
  max-width: 52px !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.dvg-actions-left .dvg-copy-label.is-copied {
  color: #7dffa0 !important;
}
.dvg-left-toast {
  position: absolute !important;
  left: 50% !important;
  bottom: 120px !important;
  transform: translateX(-50%) !important;
  background: rgba(0,0,0,.75) !important;
  color: #fff !important;
  padding: 8px 14px !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  z-index: 30 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity .2s ease !important;
}
.dvg-left-toast.is-visible {
  opacity: 1 !important;
}


/* Template font on reel buttons */
.dvg-product-slide .dvg-follow-btn,
.dvg-product-slide .dvg-cart-open,
.dvg-product-slide .dvg-add-cart-btn,
.dvg-product-slide .dvg-more-btn,
.dvg-product-slide .dvg-comment-form button,
.dvg-product-slide .dvg-share-btn {
  font-family: "Yekan Bakh", "YekanBakh", "Yekan Bakh FaNum", "IRANYekan", Tahoma, sans-serif !important;
}

/* Info sheets – match dark sheets */
.dvg-info-sheet .dvg-sheet-body {
  padding: 40px 16px 24px !important;
  overflow-y: auto !important;
}
.dvg-info-title {
  margin: 4px 0 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #fff !important;
}
.dvg-info-stat {
  margin: 0 0 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #fff !important;
}
.dvg-info-text,
.dvg-info-soon {
  margin: 0 0 8px !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,.78) !important;
}
.dvg-info-soon {
  color: rgba(255,255,255,.55) !important;
}

/* Template font everywhere in reels */
.dvg-product-slide,
.dvg-product-slide *,
.dvg-feed,
.dvg-interaction,
.dvg-interaction * {
  font-family: "Yekan Bakh", "YekanBakh", "Yekan Bakh FaNum", "IRANYekan", Tahoma, sans-serif !important;
}
.dvg-action .dvg-count,
.dvg-views .dvg-count,
.dvg-bot-count,
.dvg-copy-count {
  font-family: "Yekan Bakh", "YekanBakh", "Yekan Bakh FaNum", "IRANYekan", Tahoma, sans-serif !important;
  font-feature-settings: "ss01" !important;
}


/* Bale bot form in sheet */
.dvg-bot-label {
  display: block !important;
  margin: 0 0 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #fff !important;
}
.dvg-bot-price {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  border: 1px solid #444 !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 15px !important;
  margin-bottom: 8px !important;
}
.dvg-bot-hint {
  font-size: 12px !important;
  color: rgba(255,255,255,.55) !important;
  margin: 0 0 14px !important;
}
.dvg-bot-send {
  width: 100% !important;
  padding: 12px !important;
  border: none !important;
  border-radius: 24px !important;
  background: #FF555E !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  font-family: "Yekan Bakh", "YekanBakh", Tahoma, sans-serif !important;
}
.dvg-bot-send.is-loading {
  opacity: .7 !important;
  pointer-events: none !important;
}
.dvg-bot-status {
  margin-top: 12px !important;
  font-size: 13px !important;
  color: #7dffa0 !important;
  text-align: center !important;
}
.dvg-bot-need-connect {
  margin-top: 12px !important;
  font-size: 13px !important;
  color: #ffb4b4 !important;
  text-align: center !important;
}
.dvg-bot-need-connect a {
  color: #9ecbff !important;
  display: inline-block !important;
  margin-right: 6px !important;
}


/* Multi-channel bot picker */
.dvg-bot-channels {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
  max-height: none !important;
  overflow: visible !important;
}
.dvg-bot-channel-pick {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 12px !important;
  background: #111 !important;
  border: 1px solid #333 !important;
  direction: rtl !important;
}
.dvg-bot-channel-top {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}
.dvg-bot-channel-top .dvg-bot-channel-name {
  flex: 1 !important;
  min-width: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.dvg-bot-channel-top .dvg-bot-channel-type {
  color: rgba(255,255,255,.55) !important;
  font-size: 11px !important;
  flex-shrink: 0 !important;
}
.dvg-bot-channel-pick .dvg-bot-price-wrap {
  width: 100% !important;
}
.dvg-bot-channel-pick .dvg-bot-channel-price {
  flex: 1 !important;
}
.dvg-bot-channel-pick.is-checked {
  border-color: #FF555E !important;
  background: #1a1214 !important;
}
.dvg-bot-channel-pick input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #FF555E !important;
  margin: 0 !important;
}
.dvg-bot-channel-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
.dvg-bot-channel-name {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.dvg-bot-channel-type {
  color: rgba(255,255,255,.55) !important;
  font-size: 11px !important;
}
.dvg-bot-channel-price {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  border: 1px solid #444 !important;
  background: #0a0a0a !important;
  color: #fff !important;
  font-size: 13px !important;
}
.dvg-bot-channel-pick.is-checked .dvg-bot-channel-price {
  border-color: #666 !important;
}

.dvg-bot-loading {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 24px 12px !important;
  color: rgba(255,255,255,.75) !important;
  font-size: 13px !important;
}
.dvg-bot-spinner {
  width: 22px !important;
  height: 22px !important;
  border: 2px solid rgba(255,255,255,.25) !important;
  border-top-color: #FF555E !important;
  border-radius: 50% !important;
  animation: dvg-spin .7s linear infinite !important;
  flex-shrink: 0 !important;
}
@keyframes dvg-spin { to { transform: rotate(360deg); } }
.dvg-bot-price-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.dvg-bot-toman {
  color: rgba(255,255,255,.65) !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}
.dvg-bot-channel-price {
  opacity: 1 !important;
  pointer-events: auto !important;
  min-width: 90px !important;
}
.dvg-bot-check-wrap {
  position: relative !important;
  width: 22px !important;
  height: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.dvg-bot-check-wrap input {
  position: absolute !important;
  opacity: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
}
.dvg-bot-check-ui {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #888 !important;
  border-radius: 6px !important;
  background: #111 !important;
  display: block !important;
}
.dvg-bot-channel-pick.is-checked .dvg-bot-check-ui,
.dvg-bot-ch-check:checked + .dvg-bot-check-ui {
  background: #FF555E !important;
  border-color: #FF555E !important;
}
.dvg-bot-channel-pick.is-checked .dvg-bot-check-ui::after,
.dvg-bot-ch-check:checked + .dvg-bot-check-ui::after {
  content: "" !important;
  display: block !important;
  width: 5px !important;
  height: 9px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
  margin: 2px auto 0 !important;
}
.dvg-bot-send {
  pointer-events: auto !important;
  cursor: pointer !important;
}
.dvg-bot-send.is-loading {
  opacity: .7 !important;
  pointer-events: none !important;
}

.dvg-bot-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
  direction: rtl !important;
}
.dvg-bot-head .dvg-info-title {
  margin: 0 !important;
  flex: 1 !important;
}
.dvg-bot-coop-price {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.85) !important;
  white-space: nowrap !important;
  text-align: left !important;
  direction: rtl !important;
}
.dvg-bot-coop-price span {
  font-variant-numeric: tabular-nums !important;
}
.dvg-bot-send {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: background .25s ease, color .25s ease !important;
}
.dvg-bot-send[hidden] { display: none !important; }
.dvg-bot-send-spinner {
  width: 16px !important;
  height: 16px !important;
  border: 2px solid rgba(255,255,255,.35) !important;
  border-top-color: #fff !important;
  border-radius: 50% !important;
  animation: dvg-spin .7s linear infinite !important;
  flex-shrink: 0 !important;
}
.dvg-bot-send.is-loading {
  opacity: 1 !important;
  pointer-events: none !important;
  background: #c44a52 !important;
}
.dvg-bot-send.is-success {
  background: #2e9b57 !important;
  pointer-events: none !important;
}
.dvg-bot-add-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 12px !important;
  border-radius: 24px !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  margin-top: 4px !important;
  font-family: "Yekan Bakh", "YekanBakh", Tahoma, sans-serif !important;
}
.dvg-bot-add-btn[hidden] { display: none !important; }
.dvg-bot-add-btn:hover {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

.dvg-bot-hint[hidden] { display: none !important; }

.dvg-bot-supplier-note {
  display: block !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.65) !important;
  padding: 4px 0 0 !important;
}


/* Price locked until channel checkbox */
.dvg-bot-channel-price:disabled,
.dvg-bot-channel-price[readonly] {
  opacity: .45 !important;
  cursor: not-allowed !important;
  background: #1a1a1a !important;
}
.dvg-bot-channel-pick.is-checked .dvg-bot-channel-price:not(:disabled) {
  opacity: 1 !important;
  cursor: text !important;
  background: #0d0d0d !important;
}


/* When a modal is open, lock vertical reel switching */
.dvg-feed.has-sheet-open {
  overscroll-behavior-y: none !important;
  touch-action: none !important;
}
.dvg-feed.has-sheet-open .dvg-product-slide {
  pointer-events: none !important;
}
.dvg-feed.has-sheet-open .dvg-details-sheet,
.dvg-feed.has-sheet-open .dvg-comments-sheet,
.dvg-feed.has-sheet-open .dvg-share-sheet,
.dvg-feed.has-sheet-open .dvg-cart-sheet,
.dvg-feed.has-sheet-open .dvg-info-sheet,
.dvg-feed.has-sheet-open .dvg-bot-sheet,
.dvg-feed.has-sheet-open .dvg-stock-sheet,
.dvg-feed.has-sheet-open .dvg-sales-sheet,
.dvg-feed.has-sheet-open .dvg-side,
.dvg-feed.has-sheet-open .dvg-side-left {
  pointer-events: auto !important;
}
.dvg-feed.has-sheet-open .is-open {
  pointer-events: auto !important;
}


/* هشدار قیمت زیر فیلد */
.dvg-bot-price-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.dvg-bot-price-warn {
  display: block !important;
  width: 100% !important;
  flex-basis: 100%;
  color: #ff8a8a;
  font-size: 12px;
  margin-top: 4px;
  line-height: 1.4;
}

/* ========== Instagram Explore grid ========== */
.dvg-explore,
.dvg-explore *,
.dvg-explore-tile,
.dvg-explore-tile img,
.dvg-explore-tile video {
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.dvg-explore {
  width: 100%;
  max-width: 935px;
  margin: 0 auto;
  direction: ltr;
}
.dvg-explore-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  width: 100%;
  grid-auto-flow: row dense;
}
.dvg-explore-tile {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #111;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
}
.dvg-explore-tile.is-tall {
  grid-row: span 2;
  aspect-ratio: auto;
  min-height: 0;
  height: auto;
}
.dvg-explore-tile.is-tall-right {
  grid-column: 3;
}
.dvg-explore-tile.is-tall-left {
  grid-column: 1;
}
.dvg-explore-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  background: #111;
}
.dvg-explore-play {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / contain no-repeat;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.6));
  pointer-events: none;
  z-index: 2;
}
.dvg-explore-feed-source {
  display: none !important;
}
#dvg-explore-reels-host,
#dvg-interaction-reels-host {
  display: none !important;
}
body:not(.dvg-reels-fs) > .dvg-feed[data-dvg-clone],
body:not(.dvg-reels-fs) > .dvg-feed.is-fullscreen {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}
.dvg-feed.is-fullscreen.dvg-fs-prep {
  opacity: 0 !important;
  visibility: hidden !important;
}
.dvg-feed.dvg-fs-enter {
  animation: dvgFsIn .28s cubic-bezier(.2,.8,.2,1);
}
.dvg-feed.dvg-fs-leave {
  animation: dvgFsOut .22s ease forwards;
}
@keyframes dvgFsIn {
  from { opacity: 0; transform: scale(.88); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes dvgFsOut {
  from { opacity: 1; transform: scale(1); }
  to { opacity: 0; transform: scale(.92) translateY(24px); }
}
.dvg-explore-more-wrap {
  height: 80px;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
}
.dvg-explore-more {
  width: 100%;
  height: 80px;
  opacity: 0;
  pointer-events: none;
  border: 0;
}
.dvg-explore-empty {
  text-align: center;
  padding: 24px;
  color: #888;
}
.dvg-explore-skel {
  background: #ececec !important;
  pointer-events: none !important;
  cursor: default !important;
}
.dvg-explore-skel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.55) 50%, transparent 100%);
  animation: dvgSkel 1.1s ease-in-out infinite;
}
@keyframes dvgSkel {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@media (max-width: 735px) {
  .dvg-explore {
    max-width: 100%;
  }
  .dvg-explore-play {
    width: 16px;
    height: 16px;
    top: 6px;
    right: 6px;
  }
}