.elan-detail-page {
  max-width: 1000px;
  margin: 30px auto;
  padding: 0 0px;
}

.elan-detail-container {
  display: grid;
  grid-template-columns: 1fr 325px;
  align-items: start;
}

/* Left Column - Main Content */
.elan-main-content {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);

}

/* Image Gallery */
.elan-gallery {
  position: relative;
  background: #000;
  aspect-ratio: 16/9;
}

.elan-gallery-main {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.9);
  border: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.gallery-nav:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.1);
}

.gallery-nav.prev {
  left: 16px;
}

.gallery-nav.next {
  right: 16px;
}

.gallery-counter {
  position: absolute;
  bottom: 16px;
  right: 16px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
}

/* Price & Title */
.elan-header {
  padding: 24px;
}

.elan-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.elan-price-main {
  font-size: 32px;
  font-weight: 900;
  color: #1f2937;
}

.elan-price-main .currency {
  font-size: 24px;
  margin-left: 4px;
}

.credit-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #fef3c7;
  color: #92400e;
  padding: 8px 16px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
}

.elan-title-main {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 20px;
  line-height: 1.3;
}

/* Service Packages */
.service-packages {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}

.service-package {
  flex: 1;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}

.service-package:hover {
  border-color: #d1d5db;
  transform: translateY(-2px);
}

.service-package.highlighted {
  border-color: #10b981;
  background: #f0fdf4;
}

.service-package.highlighted-vip {
  border-color: #f59e0b;
  background: #fffbeb;
}

.service-package.highlighted-premium {
  border-color: #ef4444;
  background: #fef2f2;
}

.package-icon {
  font-size: 28px;
  margin-bottom: 8px;
}

.package-name {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 4px;
}

.package-price {
  font-size: 14px;
  color: #6b7280;
}

/* VIN Section */
.vin-section {
  background: #f9fafb;
  padding: 20px 24px;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}

.vin-display {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 16px 20px;
  border-radius: 8px;
  margin-bottom: 12px;
}

.vin-label {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 4px;
}

.vin-code {
  font-family: 'Courier New', monospace;
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 12px;
}

.copy-btn {
  background: none;
  border: none;
  color: #3b82f6;
  cursor: pointer;
  font-size: 20px;
}

.vin-check-btn {
  background: #fff;
  border: 2px solid #3b82f6;
  color: #3b82f6;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

.vin-check-btn:hover {
  background: #3b82f6;
  color: #fff;
}

.vin-note {
  font-size: 13px;
  color: #6b7280;
  margin-top: 8px;
}

/* Specifications Table */
.elan-specs {
  padding: 24px;
}

.specs-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.spec-row {
  display: flex;
  justify-content: space-between;
  
}

.spec-label {
  color: #6b7280;
  font-size: 14px;
}

.spec-value {
  color: #1f2937;
  font-weight: 600;
  font-size: 14px;
  text-align: right;
}

/* Description */
.elan-description {

}

.elan-description h3 {
  font-size: 18px;
  font-weight: 700;
  /*margin-bottom: 16px;*/
  color: #1f2937;
}

.elan-description-text {
  color: #4b5563;
  line-height: 1.7;
  font-size: 15px;
}

/* Right Sidebar */
.elan-sidebar {
  display: flex;
  flex-direction: column;
  
}

/* Seller Card */
.seller-card {
  background: #fff;
  border-radius: 12px;

}

.seller-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.seller-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  background: #f3f4f6;
}

.seller-info h3 {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

.verified-badge {
  color: #3b82f6;
  font-size: 18px;
}

.dealer-badge {
  background: #3b82f6;
  color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 4px;
  font-weight: 700;
}

.seller-stats {
  font-size: 13px;
  color: #ef4444;
}

.seller-hours {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #6b7280;
  padding: 12px;
  background: #f9fafb;
  border-radius: 8px;
  margin-bottom: 16px;
}

.contact-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contact-btn {
  width: 100%;
  padding: 14px 20px;
  border-radius: 8px;
  border: none;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s;
}

.contact-btn-primary {
  background: #4f46e5;
  color: #fff;
}

.contact-btn-primary:hover {
  background: #4338ca;
}

.contact-btn-success {
  background: #10b981;
  color: #fff;
}

.contact-btn-success:hover {
  background: #059669;
}

/* Warning Box */
.warning-box {
  background: #fef2f2;
  border: 2px solid #fecaca;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  gap: 12px;
}

.warning-icon {
  color: #dc2626;
  font-size: 24px;
  flex-shrink: 0;
}

.warning-content h4 {
  font-size: 14px;
  font-weight: 700;
  color: #991b1b;
  margin-bottom: 8px;
}

.warning-content p {
  font-size: 13px;
  color: #7f1d1d;
  line-height: 1.5;
}

/* Ad Meta */
.elan-meta-card {
  background: #fff;
  border-radius: 12px;
  padding: 14px;

}

.meta-item {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  font-size: 14px;
}

.meta-item:last-child {
  border-bottom: none;
}

.meta-label {
  color: #6b7280;
}

.meta-value {
  font-weight: 600;
  color: #1f2937;
}

/* Share Actions */
.share-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.share-btn {
  background: none;
  border: none;
  color: #6b7280;
  font-size: 24px;
  cursor: pointer;
  transition: all 0.2s;
}

.share-btn:hover {
  color: #1f2937;
  transform: scale(1.1);
}

.flag-btn {
  background: none;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}

.flag-btn:hover {
  border-color: #d1d5db;
  color: #1f2937;
}


.tapmodal-title-wrap{display:flex;gap:10px;align-items:flex-start}
.tapmodal-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f3f4f6}
.tapmodal-title{font-weight:700;font-size:16px;line-height:1.2}
.tapmodal-sub{font-size:12px;color:#6b7280;margin-top:4px;max-width:420px}
.tapmodal-x{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#6b7280;padding:2px 6px}

.tapmodal-tabs{
  display:flex;gap:8px;padding:0 16px 12px;
}
.tmtab{
  flex:1;border:1px solid #e5e7eb;background:#fff;border-radius:10px;
  padding:10px 10px; text-align:left; cursor:pointer; position:relative;
  font-weight:600;font-size:12px;color:#111827;
}
.tmtab small{display:block;font-weight:500;color:#6b7280;margin-top:3px}
.tmtab.active{border-color:#111827}
.tmtab-bonus{
  position:absolute;right:10px;top:8px;
  background:#ff7a00;color:#fff;font-weight:700;
  font-size:10px;padding:2px 6px;border-radius:999px;
}

.tapmodal-block{padding:12px 16px 16px;border-top:1px solid #eef0f3}
.tapmodal-h{font-size:11px;letter-spacing:.08em;color:#6b7280;font-weight:800;margin-bottom:10px}

.tapmodal-radios{display:grid;gap:10px}
.durrow{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 10px;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;
}
.durrow .left{display:flex;align-items:center;gap:10px}
.durrow input{accent-color:#111827}
.durrow .price{font-weight:700}
.durrow.active{border-color:#111827}

.paymethods{display:grid;gap:10px}
.payrow{
  border:1px solid #e5e7eb;border-radius:10px;
  padding:10px 10px;display:flex;align-items:center;gap:10px;
}
.payrow input{accent-color:#111827}
.payname{font-weight:600;font-size:13px}
.paybrand{margin-left:auto;font-weight:800;font-size:12px;letter-spacing:.06em}
.paylink{margin-left:10px;font-size:12px;color:#2563eb}
.payicon{margin-left:auto}

.payrow-bank .paywallets{margin-left:auto;display:flex;gap:8px;align-items:center}
.wallet-badge{
  width:46px;height:22px;border:1px solid #e5e7eb;border-radius:6px;
  display:grid;place-items:center;overflow:hidden;background:#fff;
}
.wallet-badge img{height:16px;width:auto;display:block}

.tapmodal-note{margin-top:12px;font-size:11px;color:#9ca3af;line-height:1.4}
.tapmodal-note a{color:#6b7280;text-decoration:underline}

.tapmodal-paybtn{
  width:100%;margin-top:12px;
  border:0;border-radius:10px;
  padding:12px 14px;
  background:#2563eb;color:#fff;font-weight:800;
  cursor:pointer;
}
.tapmodal-paybtn:active{transform:translateY(1px)}

.service-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.service-option {
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 12px;
}

.service-option:hover {
  border-color: #d1d5db;
}

.service-option.selected {
  border-color: #10b981;
  background: #f0fdf4;
}

.service-option input[type="radio"] {
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
}

.service-option-content {
  flex: 1;
}

.service-option-title {
  font-weight: 700;
  font-size: 16px;
  color: #1f2937;
  margin-bottom: 4px;
}

.service-option-price {
  font-size: 14px;
  color: #6b7280;
}

.service-option-badge {
  background: #fef2f2;
  color: #dc2626;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.payment-methods {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.payment-method {
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 12px;
}

.payment-method:hover {
  border-color: #d1d5db;
}

.payment-method.selected {
  border-color: #3b82f6;
  background: #eff6ff;
}

.payment-method input[type="radio"] {
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
}

.payment-method-name {
  font-weight: 600;
  font-size: 15px;
  color: #1f2937;
}

.payment-note {
  background: #fef3c7;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 24px;
  font-size: 13px;
  color: #78350f;
  line-height: 1.5;
}

.payment-note a {
  color: #dc2626;
  text-decoration: underline;
  font-weight: 600;
}

.modal-submit {
  width: 100%;
  background: #ef4444;
  color: #fff;
  border: none;
  padding: 16px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s;
}

.modal-submit:hover {
  background: #dc2626;
}

.modal-submit:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1024px) {
  .elan-detail-container {
    grid-template-columns: 1fr;
  }
  
  .elan-sidebar {
    order: -1;
  }
}

@media (max-width: 768px) {
  .specs-table {
    grid-template-columns: 1fr;
  }
  
  .service-packages {
    flex-direction: column;
  }
  
  .elan-price-main {
    font-size: 24px;
  }
  
  .elan-title-main {
    font-size: 20px;
  }
}


.elan-detail-header {
    max-width: 1320px;
    /* margin: 20px auto 0; */
    padding: 0 1px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e7eb;
}

.elan-detail-header-title {
  font-size: 20px;
  font-weight: 600;
  color: #111827;
  line-height: 1.3;
}

.elan-detail-header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.detail-fav-btn,
.detail-flag-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  padding: 6px 10px;
  font-size: 14px;
  cursor: pointer;
  color: #6b7280;
  border-radius: 999px;
  transition: background .15s ease, color .15s ease;
}

.detail-fav-btn i,
.detail-flag-btn i {
  font-size: 18px;
}

.detail-fav-btn:hover,
.detail-flag-btn:hover {
  background: #f3f4f6;
  color: #111827;
}

/* aktiv favorit – qırmızı ürək */
.detail-fav-btn.active {
  color: #dc2626;
}
.detail-fav-btn.active i {
  color: #dc2626;
}

/* Ad Detail Page */
.elan-detail-page {
  max-width: 1000px;
  margin: 10px auto 30px;
  padding: 0 0px;
}

.elan-detail-container {
  display: grid;
  grid-template-columns: 1fr 325px;
  gap: 5px;
}

/* Left Column - Main Content */
.elan-main-content {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  width: 100%;
}

/* Image Gallery */
.elan-gallery {
  position: relative;
  background: #000;
  aspect-ratio: 13/9;
}

.elan-gallery-main {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.9);
  border: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.gallery-nav:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.1);
}

.gallery-nav.prev {
  left: 16px;
}

.gallery-nav.next {
  right: 16px;
}

.gallery-counter {
  position: absolute;
  bottom: 16px;
  right: 16px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
}

/* Price & Title */
.elan-header {
  padding: 2px 15px;
}

.elan-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1px;
}

.elan-price-main {
  font-size: 34px;
  font-weight: 600;
  color: #1f2937;
}

.elan-price-main .currency {
  font-size: 34px;
  margin-left: 4px;
}

.credit-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #fef3c7;
  color: #92400e;
  padding: 8px 16px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
}

.elan-title-main {
  font-size: 24px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 20px;
  line-height: 1.3;
}

.service-packages {
    display: flex;
    gap: 8px;
    margin-bottom: 6px;
}
.service-package {
    flex: 1;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    padding: 1px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
}

.service-package:hover {
  border-color: #d1d5db;
  transform: translateY(-2px);
}

.service-package.highlighted {
  border-color: #10b981;
  background: #f0fdf4;
}

.service-package.highlighted-vip {
  border-color: #f59e0b;
  background: #fffbeb;
}

.service-package.highlighted-premium {
  border-color: #ef4444;
  background: #fef2f2;
}

.package-icon {
    font-size: 18px;
    margin-bottom: 0px;
}

.package-name {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 4px;
}

.package-price {
  font-size: 14px;
  color: #6b7280;
}

/* VIN Section */
.vin-section {
  background: #f9fafb;
  padding: 20px 24px;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}

.vin-display {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 16px 20px;
  border-radius: 8px;
  margin-bottom: 12px;
}

.vin-label {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 4px;
}

.vin-code {
  font-family: 'Courier New', monospace;
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 12px;
}

.copy-btn {
  background: none;
  border: none;
  color: #3b82f6;
  cursor: pointer;
  font-size: 20px;
}

.vin-check-btn {
  background: #fff;
  border: 2px solid #3b82f6;
  color: #3b82f6;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

.vin-check-btn:hover {
  background: #3b82f6;
  color: #fff;
}

.vin-note {
  font-size: 13px;
  color: #6b7280;
  margin-top: 8px;
}

/* Specifications Table */
.elan-specs {
  padding: 10px;
}

.specs-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.elan-specs {
  padding: 22px;
  
  padding-top: 0;
}

.spec-label {
  color: #6b7280;
  font-size: 14px;
}

.spec-value {
  color: #1f2937;
  font-weight: 600;
  font-size: 14px;
  text-align: right;
}

.elan-description h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #1f2937;
}

.elan-description-text{
  font-size:14px;
  line-height:1.55;
  color:#111827;
  word-break:break-word;
}

.elan-description-text.collapsed{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:10;       /* 10 sətir */
  overflow:hidden;
  position:relative;
}

/* Aşağıda yumşaq fade effekti (qatlananda) */
.elan-description-text.collapsed::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:52px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
  pointer-events:none;
}

.desc-toggle-btn{
  margin-top:10px;
  background:transparent;
  border:0;
  padding:0;
  color:#059669;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
}

.desc-toggle-btn:active{ transform:translateY(1px); }

/* Right Sidebar */
.elan-sidebar {
  display: flex;
  flex-direction: column;

  position: sticky;
  top: 58px;
  align-self: start;
  height: fit-content;
  max-height: none;
  overflow: visible;
  justify-self: flex-end;
  width: 100%;
  min-height: 0;
}

/* Custom scrollbar for sidebar */
.elan-sidebar::-webkit-scrollbar {
  width: 6px;
}

.elan-sidebar::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 3px;
}

.elan-sidebar::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}

.elan-sidebar::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

/* Seller Card */
.seller-card {
  background: #fff;
  border-radius: 12px;
  padding:14px;

}

.seller-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.seller-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  background: #f3f4f6;
}

.seller-info h3 {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

.verified-badge {
  color: #3b82f6;
  font-size: 18px;
}

.dealer-badge {
  background: #3b82f6;
  color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 4px;
  font-weight: 700;
}

.seller-stats {
  font-size: 13px;
  color: #ef4444;
}

.seller-hours {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #6b7280;
  padding: 12px;
  background: #f9fafb;
  border-radius: 8px;
  margin-bottom: 16px;
}

.contact-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contact-btn {
  width: 100%;
  padding: 14px 20px;
  border-radius: 8px;
  border: none;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s;
}

.contact-btn-primary {
  background: #4f46e5;
  color: #fff;
}

.contact-btn-primary:hover {
  background: #4338ca;
}

.contact-btn-success {
  background: #10b981;
  color: #fff;
}

.contact-btn-success:hover {
  background: #059669;
}

/* Warning Box */
.warning-box {
  background: #fef2f2;
  border: 2px solid #fecaca;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  gap: 12px;
}

.warning-icon {
  color: #dc2626;
  font-size: 24px;
  flex-shrink: 0;
}

.warning-content h4 {
  font-size: 14px;
  font-weight: 700;
  color: #991b1b;
  margin-bottom: 8px;
}

.warning-content p {
  font-size: 13px;
  color: #7f1d1d;
  line-height: 1.5;
}

/* Ad Meta */
.elan-meta-card {
  background: #fff;
  border-radius: 12px;
  padding: 14px;

}

.meta-item {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  font-size: 14px;
}

.meta-item:last-child {
  border-bottom: none;
}

.meta-label {
  color: #6b7280;
}

.meta-value {
  font-weight: 600;
  color: #1f2937;
}

/* Share Actions */
.share-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.share-btn {
  background: none;
  border: none;
  color: #6b7280;
  font-size: 24px;
  cursor: pointer;
  transition: all 0.2s;
}

.share-btn:hover {
  color: #1f2937;
  transform: scale(1.1);
}

.flag-btn {
  background: none;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}

.flag-btn:hover {
  border-color: #d1d5db;
  color: #1f2937;
}

/* Payment Modal Styles */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.modal-overlay.active {
  display: flex;
}

.modal-content {
  background: #fff;
  border-radius: 16px;
  width: 90%;
  max-width: 520px;
  padding: 32px;
  position: relative;
  max-height: 90vh;
  overflow-y: auto;
}

.modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  font-size: 24px;
  color: #9ca3af;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s;
}

.modal-close:hover {
  background: #f3f4f6;
  color: #1f2937;
}

.modal-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.modal-icon {
  font-size: 32px;
}

.modal-header h3 {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
}

.modal-description {
  color: #6b7280;
  font-size: 14px;
  margin-bottom: 24px;
  line-height: 1.6;
}

.modal-section-title {
  font-size: 15px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.service-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.service-option {
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 12px;
}

.service-option:hover {
  border-color: #d1d5db;
}

.service-option.selected {
  border-color: #10b981;
  background: #f0fdf4;
}

.service-option input[type="radio"] {
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
}

.service-option-content {
  flex: 1;
}

.service-option-title {
  font-weight: 700;
  font-size: 16px;
  color: #1f2937;
  margin-bottom: 4px;
}

.service-option-price {
  font-size: 14px;
  color: #6b7280;
}

.service-option-badge {
  background: #fef2f2;
  color: #dc2626;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.payment-methods {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.payment-method {
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 12px;
}

.payment-method:hover {
  border-color: #d1d5db;
}

.payment-method.selected {
  border-color: #3b82f6;
  background: #eff6ff;
}

.payment-method input[type="radio"] {
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
}

.payment-method-name {
  font-weight: 600;
  font-size: 15px;
  color: #1f2937;
}

.payment-note {
  background: #fef3c7;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 24px;
  font-size: 13px;
  color: #78350f;
  line-height: 1.5;
}

.payment-note a {
  color: #dc2626;
  text-decoration: underline;
  font-weight: 600;
}

.modal-submit {
  width: 100%;
  background: #ef4444;
  color: #fff;
  border: none;
  padding: 16px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s;
}

.modal-submit:hover {
  background: #dc2626;
}

.modal-submit:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1024px) {
  .elan-detail-container {
    grid-template-columns: 1fr;
  }
  
  .elan-sidebar {
    order: -1;
    position: relative;
    top: auto;
    max-height: none;
    overflow-y: visible;
  }

  .elan-detail-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  .specs-table {
    grid-template-columns: 1fr;
  }
  
  .service-packages {
    flex-direction: column;
  }
  
  .elan-price-main {
    font-size: 24px;
  }
  
  .elan-title-main {
    font-size: 20px;
  }
}

/* ----- Lightbox ----- */
.lb-overlay{
  position: fixed; inset: 0; background: rgba(0,0,0,.9);
  display: none; align-items: center; justify-content: center;
  z-index: 10000; padding: 24px;
}
.lb-overlay.active{ display:flex; }

.lb-stage{ position: relative; width: min(96vw, 1200px); height: min(92vh, 820px); }
.lb-image{
  position:absolute; inset:56px 56px 96px 56px; width: calc(100% - 112px); height: calc(100% - 152px);
  object-fit: contain; background:#000;
}
.lb-nav{
  position:absolute; top:50%; transform: translateY(-50%);
  width:54px; height:54px; border:0; border-radius:50%;
  background: rgba(255,255,255,.15); color:#fff; font-size:28px; cursor:pointer;
}
.lb-prev{ left:8px; } .lb-next{ right:8px; }
.lb-nav:hover{ background: rgba(255,255,255,.28); }

.lb-close{
  position:absolute; top:6px; right:6px; width:40px; height:40px;
  border:0; border-radius:50%; background: rgba(255,255,255,.18);
  color:#fff; font-size:24px; cursor:pointer;
}
.lb-close:hover{ background: rgba(255,255,255,.3); }

.lb-counter{
  position:absolute; right:16px; bottom:72px;
  color:#fff; background: rgba(255,255,255,.12); padding:6px 10px; border-radius:6px;
  font-weight:600; font-size:14px;
}

.lb-thumbs{
  position:absolute; left:56px; right:56px; bottom:16px; height:64px;
  display:flex; gap:10px; overflow-x:auto; -webkit-overflow-scrolling:touch;
}
.lb-thumbs::-webkit-scrollbar{ height:6px; }
.lb-thumb{
  flex:0 0 auto; width:96px; height:64px; border-radius:6px; overflow:hidden;
  border:2px solid transparent; cursor:pointer; background:#111;
}
.lb-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.lb-thumb.active{ border-color:#fff; }

@media (max-width: 640px){
  .lb-image{ inset:56px 12px 108px 12px; width:auto; height:auto; }
  .lb-thumbs{ left:12px; right:12px; bottom:12px; height:60px; }
}


.service-packages {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.service-package {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    padding: 8px 8px;
    background: #f9fafb;
    border: 2px solid #e5e7eb;
    cursor: pointer;
    transition: background .15s ease, box-shadow .15s ease, transform .1s ease;
}

.service-package:hover {
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    transform: translateY(-1px);
}

.sp-text {
    display: flex;
    flex-direction: column;
    text-align: left;
}
.sp-icon-discover>svg{
  width: 32px !important;
  height: 32px !important;
}
.sp-title {
    font-weight: 700;
    font-size: 14px;
    color: #111827;
}

.sp-price {
    font-size: 13px;
    color: #2563eb; /* Tap.az mavi */
}

/* Icon kapsulu */
.sp-icon {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sp-icon svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* Rənglər – Kəşf et, VIP, Premium */
.sp-discover {
    border-color: #16a34a;
}
.sp-icon-discover {
    background: #16a34a;
    color: #ffffff;
    padding-left: 4px;
}

.sp-vip {
    border-color: #f59e0b;
}
.sp-icon-vip {
    background: #f59e0b1a;
    color: #f59e0b;
}

.sp-premium {
    border-color: #ef4444;
}
.sp-icon-premium {
    background: #fee2e2;
    color: #ef4444;
}

/* Mobil üçün alt-alta */
@media (max-width: 768px) {
    .service-packages {
        flex-direction: column;
    }
}


/* ================================
   EXTRA STYLES – HEÇ NƏ SİLİNMMİR,
   SADƏCƏ ƏLAVƏ BLOKDUR
   ================================ */

/* Yuxarı hissədə fonun bozdan açıq ağ rəngə keçməsi */
.elan-detail-page {
  
    border-radius: 0 0 18px 18px;
}

/* Şəkil üzərindəki header (geri / paylaş / favorit) */
.elan-gallery {
    position: relative; /* artıq var idisə problem deyil */
}

.elan-gallery-topbar {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 5;
}

.topbar-right {
    display: flex;
    gap: 8px;
}

.topbar-btn {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: none;
    background: rgba(0,0,0,0.45);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    transition: background .15s ease, transform .1s ease;
}

.topbar-btn:hover {
    background: rgba(0,0,0,0.7);
    transform: translateY(-1px);
}

.topbar-btn.active i {
    color: #ef4444;
}

/* Qiymət hissəsindəki kiçik “Barter / Kredit” badge-ləri */
.chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid transparent;
}

.chip-barter {
    background: #dcfce7;
    border-color: #bbf7d0;
    color: #166534;
}

.chip-credit {
    background: #fef3c7;
    border-color: #fde68a;
    color: #92400e;
}

/* Specs və təsvir kartlarını “kart” formasında göstərmək üçün */
.specs-card {
    background: #ffffff;
    border-radius: 14px;
   
}

.elan-description-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 14px 16px 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

/* Əsas başlıq favorit düyməsi – JS .js-detail-fav sinifini istifadə edir */
.detail-fav-btn.js-detail-fav {
    /* mövcud .detail-fav-btn stilinə əlavə olaraq işləyəcək */
}

/* Service-packages blokunun üst-üstə düşməməsi üçün kiçik düzəliş */
.elan-header .service-packages {
    margin-top: 8px;
}
/* Fixed topbar – şəkil üstündə başlayır, scroll olduqca səhifənin başında qalır */
.elan-gallery-topbar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1320px;
    margin: 0 auto;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 50;

    /* startda tam şəffaf */
    background-color: rgba(255,255,255,0);
   

    transition:
        background-color .25s ease,
        box-shadow .25s ease,
        transform .15s ease;
}

/* Kiçik kölgə – artıq azca ağlaşanda gözəl görünməsi üçün */
.elan-gallery-topbar.has-bg {
    box-shadow: 0 1px 4px rgba(15,23,42,0.15);
}

/* Düy­mələr eyni qalsın */
.elan-gallery-topbar .topbar-btn {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: none;
  background: rgb(255, 255, 255);
  color: #1f2937;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    
}

/* Mobil üçün kiçik düzəliş */
@media (max-width: 768px) {
    .elan-gallery-topbar {
        padding-inline: 8px;
        max-width: 100%;
    }
    .gallery-counter{
    left:45%!important;
   right:inherit;
}
.detail-fav-btn{
    display:none;
}
}


/* Mobil düzəlişlər – service paketləri və header */
@media (max-width: 768px) {
  .lb-image{
    inset: 220px 21px 74px 0px;
    width: 100%;
    height: auto;
  }
  
  
  .elan-header .service-packages {
    margin-top: 8px;
 
    display: ruby-text;
}


.gallery-nav{
    display:none;
}
 .elan-header {
    padding: 12px 10px;
  }

  .lb-prev{z-index: 9999;}
    .elan-detail-page {
        padding-left: 8px;
        padding-right: 8px;
    }
    .bz-main-content{
      padding: 0!important ;
    }
    .elan-detail-page{
      margin:0!important ;
      padding: 0!important ;
    }

    .elan-gallery-topbar{
      position: fixed!important ;
    }
    .elan-price-row {
        flex-direction: column;
        align-items: flex-start;
        gab: 0px;
    }

    .elan-price-actions {
        justify-content: flex-start;
    }

    .service-packages {
        flex-direction: column;
    }

    .specs-table {
        grid-template-columns: 1fr;
    }
    .elan-main-content {
        width: 100%;
    }
    .elan-sidebar {
        width: 100%;
    }
    .main-header{
      display: none ;
    }
    .elan-detail-container{
        display:block;
    }
    
    .elan-price-main .currency {
  font-size: 24px!important;
  margin-left: 4px;
}
}

/* Daha kiçik ekranlar üçün aspect ratio və fontlar */
@media (max-width: 480px) {
    .elan-gallery {
        aspect-ratio: 4 / 3;
    }

    .elan-title-main {
        font-size: 19px;
    }

    .elan-price-main {
        font-size: 24px;
    }
}

/* Mobil – service-packages 3-ü də yan-yana səliqəli */
@media (max-width: 768px) {

    .elan-header .service-packages,
    .service-packages {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin-top: 10px;
    }

    .service-package {
        padding: 6px 6px;
        min-height: 64px;
    }

    .sp-text {
        gap: 2px;
    }

    .sp-title {
        font-size: 12px;
        line-height: 1.1;
    }

    .sp-price {
        font-size: 11px;
    }

    .sp-icon {
        width: 26px;
        height: 26px;
    }

    .sp-icon svg {
        width: 14px;
        height: 14px;
    }
}
.spec-value {
    text-align: left !important;
}


/* Specs sətirlərini tap.az stilinə salaq */
.spec-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    justify-content: flex-start;   /* space-between-i ləğv edir */
}

/* Soldakı label sütunu – sabit eni */
.spec-label {
    flex: 0 0 40%;                 /* istəsən 35–45% oynada bilərsən */
    text-align: left;
}

/* Sağdakı dəyər sütunu */
.spec-value {
    flex: 1;
    text-align: left;
}



/* Mobil kontakt bar */
.m-contactbar{
  position: fixed;
  left: 0; right: 0;
  bottom: 70px;
  height: 58px;
  display: none;               /* desktopda yoxdur */
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  background: #fff;
  border-top: 1px solid rgba(0,0,0,.08);
  z-index: 9999;
  transform: translateY(110%);
  transition: transform .18s ease;
}

.m-contactbar.show{ transform: translateY(0); }

.mcb-btn{
  flex: 1;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
}

.mcb-call{ background: #2f67ff; }   /* mavi */
.mcb-msg{  background: #22c55e; }   /* yaşıl */

.mcb-avatar{
  
    width: 62px;
    height: 62px;
    border-radius: 999px;
    margin: 0 12px;
    background: #fff;
    border: 3px solid #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
    overflow: hidden;
    flex: 0 0 auto;
    transform: translateY(-28px);
}

.mcb-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 992px){
  .m-contactbar{ display: flex; }
  /* bar kontenti örtməsin */
  body{ padding-bottom: 72px; }
}

.elan-gallery{
  touch-action: pan-y; /* şaquli scroll normal, üfüqi swipe bizdə */
}
.elan-gallery-main{
  user-select: none;
  -webkit-user-drag: none;
}

.elan-gallery { overflow: hidden; }

.elan-gallery-viewport{ width:100%; height:100%; overflow:hidden; touch-action: pan-y; }
.elan-gallery-track{ height:100%; display:flex; transform: translate3d(0,0,0); will-change: transform; }
.elan-gallery-track.is-anim{ transition: transform .22s ease; }
.elan-gallery-slide{ flex:0 0 100%; height:100%; display:grid; place-items:center; background:#000; }
.elan-gallery-slide img{ width:100%; height:100%; object-fit:contain; user-select:none; -webkit-user-drag:none; }
/* =========================
   MAIN SLIDER — FULL IMAGE + BLUR SIDES
   (CSS-in ən axırına əlavə et)
========================= */

/* slayd mərkəzdə tutsun */
.elan-gallery-slide{
  position: relative !important;
  overflow: hidden !important;
  background:#000 !important;

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

/* blur fon */
.elan-gallery-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:-40px !important;
  background-image: var(--bg) !important;
  background-size: cover !important;
  background-position: center !important;
  filter: blur(20px) !important;
  transform: scale(1.15) !important;
  opacity: .60 !important;
}

/* ✅ əsas şəkil – kəsilməsin, tam görünsün */
.elan-gallery-slide img{
  position: relative !important;
  z-index: 1 !important;

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

  object-fit: contain !important;   /* nə olur olsun, contain */
  display:block !important;
}

    .badge{
        display:inline-flex;
        box-shadow:none!important;
        align-items:center;
        gap:6px;
        padding:2px 8px;
        border-radius:999px;
        font-size:22px;
        color:#059669
    }
    .text-center{
        text-align:center;
    }

    /* ===== Tap.az seller card (screendəki kimi) ===== */
    .tap-seller{
        background:#fff;
        border-radius:16px;
        border:1px solid #eef0f3;
        box-shadow:0 10px 26px rgba(15,23,42,.06);
        padding:14px;
    }
    .tap-seller-top{
        display:flex;
        align-items:center;
        gap:12px;
        padding-bottom:10px;
    }
    .tap-seller-avatar{
        width:90px;height:90px;
        border-radius:999px;
        overflow:hidden;
        border:2px solid #e5e7eb;
        display:block;
        flex:0 0 auto;
    }
    .tap-seller-avatar img{width:100%;height:100%;object-fit:cover;display:block}
    .tap-seller-meta{flex:1;min-width:0}
    .tap-seller-name-row{
        display:flex;
        align-items:center;
        gap:8px;
    }
    .tap-seller-name{
        font-weight:800;
        font-size:15px;
        color:#111827;
        text-decoration:none;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:100%;
    }
    .tap-verified{
        color:#0ea5e9;
        font-size:18px;
        line-height:1;
        flex:0 0 auto;
    }
    .tap-seller-badges{
        margin-top:6px;
        display:flex;
        gap:8px;
        align-items:center;
        flex-wrap:wrap;
    }
    .tap-badge{
        display:inline-flex;
        align-items:center;
        gap:6px;
        font-size:12px;
        font-weight:700;
        padding:3px 8px;
        border-radius:999px;
        border:1px solid #e5e7eb;
        background:#fff;
        color:#111827;
    }
    .tap-badge-shop{background:#f3f4f6}
    .tap-badge-online{
        color:#059669;
        border-color:rgba(5,150,105,.25);
        background:rgba(5,150,105,.06);
    }
    .tap-badge-online .bi-dot{font-size:20px;line-height:0}
    .tap-seller-actions{
        display:grid;
        gap:10px;
        margin-top:10px;
    }
    .tap-btn{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        border-radius:12px;
        padding:11px 12px;
        min-height:46px;
        font-weight:700;
        text-decoration:none;
        cursor:pointer;
        border:1px solid #eef0f3;
        background:#f7f7f7;
        color:#111827;
        font-size:15px;
    }
    .tap-btn i{font-size:16px}
    .tap-btn:hover{filter:brightness(.98);color:#111827}

    .tap-btn-call{
        background:#22c55e;
        border-color:#16a34a;
        color:#fff;
    }
    .tap-btn-call:hover{
        filter:brightness(.97);
        color:#fff;
    }
    .tap-btn-msg {
  background: #3b82f6;
  border-color: #2563eb;
  color: #fff;
  margin-top: 5px;
  padding: 7px;
}
    .tap-btn-msg:hover{
        filter:brightness(.97);
        color:#fff;
    }

    /* ==== Diqqət! qutusu ==== */
    .warning-box {
      margin: 8px 11px;
      padding: 10px 16px;
      border-radius: 16px;
      background: #ffecec;
      border: 1px solid #ffc8c8;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      /*margin: -15px 10px;*/
    }
    .warning-text{
        flex:1;
        min-width:0;
    }

    .warning-title{
        margin:0 0 3px;
        font-size:13px;
        font-weight:700;
        color:#f87171;
    }

    .warning-body{
        margin:0;
        font-size:12px;
        line-height:1.4;
        color:#4b5563;
    }

    .warning-icon{
        flex-shrink:0;
        width:30px;
        height:30px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#f97373;
    }

    .warning-icon svg{
        width:60px;
        height:60px;
    }

    /* ==== Meta kart ==== */
    .elan-meta-card{
        margin-top:0px;
        background:#fff;
        border-radius: 15px 15px 15px 15px;
        padding:10px 12px;
    }
    .elan-meta-card .meta-item{
        display:flex;
        justify-content:space-between;
        font-size:13px;
        padding:4px 0;
    }
    .elan-meta-card .meta-label{
      
    }
    .elan-meta-card .meta-value{
        
      
    }

  

    .meta-report-link{
        display:inline-flex;
        align-items:center;
        gap:6px;
        margin-top:8px;
        font-size:13px;
        color:#6b7280;
        text-decoration:none;
        border-top:1px solid #f0f0f0;
        width:100%;
        padding:5px;
        border-bottom:1px solid #f0f0f0;
    }
    .meta-report-link i{
        font-size:18px;
        font-weight:800;
    }
    .meta-report-link span{
        font-size:15px;
        font-weight:600;
        text-decoration-line:underline;
    }
    .meta-report-link:hover{
        color:#111827;
        text-decoration:underline;
    }

    .section-title{
        padding:10px;
        background:#fff;
        text-transform:uppercase;
        font-size:14px;
        letter-spacing:.08em;
        font-weight:700;
        margin:3px 0 3px;
    }

   
    .cmp-overlay{
      position:fixed;
      inset:0;
      background:rgba(0,0,0,.35);
      display:none;
      z-index:9999;
    }
    .cmp-overlay-center{
      display:none;
      align-items:center;
      justify-content:center;
      padding:16px;
    }
    .cmp-overlay-bottom{
      display:none;
      align-items:flex-end;
      justify-content:center;
      padding:16px 12px;
    }
    .cmp-overlay.active{
      display:flex;
    }

    .cmp-modal{
      width:min(420px,100%);
      background:#fff;
      border-radius:18px;
      box-shadow:0 16px 40px rgba(15,23,42,.28);
      overflow:hidden;
      margin-bottom:70px;
    }
    .cmp-modal-bottom{
      border-radius:16px 16px 0 0;
    }

    .cmp-modal-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:12px 16px;
      border-bottom:1px solid #f3f4f6;
    }
    .cmp-modal-title{
      font-size:15px;
      font-weight:600;
      text-align:center;
      flex:1;
    }
    .cmp-close{
      border:0;
      background:transparent;
      font-size:22px;
      line-height:1;
      padding:0 4px;
      cursor:pointer;
      color:#6b7280;
    }

    .cmp-list{
      padding:4px 0;
    }
    .cmp-list-item{
      width:100%;
      border:0;
      background:#fff;
      padding:12px 16px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      font-size:14px;
      cursor:pointer;
    }
    .cmp-list-item + .cmp-list-item{
      border-top:1px solid #f3f4f6;
    }
    .cmp-list-item i{
      font-size:16px;
      color:#9ca3af;
    }
    .cmp-list-item:hover{
      background:#f9fafb;
    }

    .cmp-link-btn{
      border:0;
      background:transparent;
      font-size:14px;
      color:#ef4444;
      font-weight:500;
      padding:2px 4px;
      cursor:pointer;
    }

    .cmp-form-body{
      padding:12px 16px 16px;
    }
    .cmp-textarea{
      width:100%;
      border-radius:12px;
      padding:10px 12px;
      border:1px solid #e5e7eb;
      font-size:14px;
      resize:vertical;
      min-height:96px;
    }
    .cmp-textarea:focus{
      outline:none;
      border-color:#fb923c;
      box-shadow:0 0 0 1px rgba(251,146,60,.25);
    }

    .cmp-error{
      margin-top:8px;
      font-size:13px;
      color:#b91c1c;
    }

    .cmp-submit{
      margin-top:14px;
      width:100%;
      border:0;
      border-radius:999px;
      padding:11px 14px;
      background:#f97316;
      color:#fff;
      font-weight:700;
      font-size:14px;
      cursor:pointer;
    }
    .cmp-submit:disabled{
      opacity:.6;
      cursor:default;
    }
    .cmp-submit:active{
      transform:translateY(1px);
    }

    @media (max-width:480px){
      .cmp-modal{
        width:100%;
      }
    }
    
    .cmp-note{
  margin-top:8px;
  font-size:12px;
  color:#6b7280;
  line-height:1.4;
}
.tap-storecard{ padding:14px; }
.tap-store-top{ padding-bottom:10px; }

.workhours-pill{
  margin: 6px 0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  /*background:#f3f4f6;*/
  /*border:1px solid #eef0f3;*/
}

.wh-left{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  color:#111827;
  font-size:12px;
}
.wh-left i{ font-size:14px; }
.wh-left strong{ font-weight:800; font-size:12px; }
.wh-time{
  color:#6b7280;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:180px;
}

.wh-right{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.wh-dot{
  width:8px;height:8px;border-radius:999px;
  background:#9ca3af;
}

.wh-open{ color:#059669; }
.wh-open .wh-dot{ background:#22c55e; }

.wh-closed{ color:#6b7280; }
.wh-closed .wh-dot{ background:#9ca3af; }

.wh-muted{ color:#6b7280; }
.wh-muted .wh-dot{ background:#d1d5db; }

.tap-store-actions-2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
  margin-bottom:10px;
}

.tap-btn-soft{
  background:#f3f4f6;
  border-color:#eef0f3;
  padding:11px 12px;
  min-height:46px;
}

.tap-follow-form{ margin:0; }
.tap-btn-follow{
  background:#38bdf8;
  border-color:#0ea5e9;
  color:#fff;
}
.tap-btn-follow:hover{ filter:brightness(.97); color:#fff; }
.tap-btn-follow.is-following{
  background:#e5e7eb;
  border-color:#d1d5db;
  color:#111827;
}

.tap-btn-callbig{
  background:#22c55e;
  border:1px solid #eef0f3;
  padding:11px 12px;
  min-height:46px;
  border-radius:14px;
  font-size:18px;
  font-weight:900;
  color:#fff;
  justify-content:center;
}
.tap-btn-callbig i{ font-size:22px; }



/* =========================
   MOBILE — BLUR BACKGROUND OFF
   ========================= */
@media (max-width: 768px){

  .tap-btn-msg {
display:none;
}
  /* blur fonu tam söndür */
  .elan-gallery-slide::before{
    content: none !important;
    display: none !important;
    background-image: none !important;
    filter: none !important;
    opacity: 0 !important;
  }

  /* slaydın fonu düz olsun (Tap.az kimi) */
  .elan-gallery-slide{
    background: #000 !important;   /* istəsən #fff də edə bilərsən */
  }

  /* şəkil normal görünsün (blur yoxdur) */
  .elan-gallery-slide img{
    position: relative !important;
    z-index: 1 !important;

    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* screendəki kimi “tam görünsün” istəyirsənsə contain */
  }
}



/* =========================
   BƏNZƏR ELANLAR - DESKTOP LAYOUT
   ========================= */

/* Bənzər elanlar konteynerini ana layout-a uyğunlaşdır */
.similar-section {
  max-width: 1000px;
  margin: 40px auto 30px;
  padding: 0;
}

/* Desktop - mərkəzdə, yuxarıdakı kimi */
@media (min-width: 992px) {
  .similar-section {
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    padding: 24px;
  }

  .similar-section .section-head {
    margin-bottom: 20px;
  }
  .elan-gallery-topbar {
 display:none;
}

  .similar-section .section-title {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
    text-align: left;
    background: transparent;
    padding: 0;
    margin: 0;
    text-transform: none;
    letter-spacing: normal;
  }

  /* Grid düzənişi */
  .similar-section .elan-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
   
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
  .similar-section .elan-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  
  
  
}

/* Mobil */
@media (max-width: 767px) {
  .similar-section {
    margin: -4px 0px;
    
  }

  .similar-section .section-head {
    margin-bottom: 7px;
  }

  .similar-section .elan-grid {
    grid-template-columns: repeat(2, 1fr);
  
  }
  
  
}

/* =========================
   GALLERY CONTROLS - HOVER ONLY
   ========================= */

/* ✅ Default: bütün kontrol elementləri gizli */
.elan-gallery-topbar,
.gallery-nav.prev,
.gallery-nav.next,
.gallery-counter {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

/* ✅ Gallery hover zamanı: hamısı görünür */
.elan-gallery:hover .elan-gallery-topbar,
.elan-gallery:hover .gallery-nav.prev,
.elan-gallery:hover .gallery-nav.next,
.elan-gallery:hover .gallery-counter {
  opacity: 1;
  pointer-events: auto;
}

/* ✅ Mobil: həmişə göstər (touch device) */
@media (max-width: 768px) {
  .elan-gallery-topbar {
    opacity: 1;
    pointer-events: auto;
  }
  
  .gallery-counter {
    opacity: 1;
    pointer-events: auto;
  }
  
  /* Mobil-də next/prev buttonlar gizli qalır */
  .gallery-nav.prev,
  .gallery-nav.next {
    opacity: 0;
    pointer-events: none;
  }

  .elan-main-content,
  .elan-gallery,
  .elan-gallery-viewport,
  .elan-gallery-track,
  .elan-gallery-slide {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .gallery-zoom-icon {
    display: none !important;
  }
}


.gallery-zoom-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  background: rgb(255, 255, 255);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1b1e10;
  font-size: 18px;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease;
}

.elan-gallery:hover .gallery-zoom-icon {
  opacity: 1;
  pointer-events: auto;
}

.gallery-zoom-icon:hover {
  background: rgba(0,0,0,0.8);
  transform: scale(1.1);
}




/* ============================
   PAYMENT MODAL — RESPONSIVE
   (Mobil: tam ekran / Desktop: kiçik modal)
============================ */

/* Overlay - hər iki halda */
#paymentModal.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0;
  z-index: 999999;
  overflow: auto;
}

#paymentModal.modal-overlay.active {
  display: flex;
}

/* ========== DESKTOP: Kiçik Modal Mərkəzdə ========== */
@media (min-width: 769px) {
  #paymentModal.modal-overlay {
    padding: 20px;
    align-items: center; /* mərkəzdə */
  }

  #paymentModal .tapmodal {
    width: 100%;
    max-width: 520px; /* kiçik modal */
    max-height: 90vh;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    margin: auto;
    
    display: flex;
    flex-direction: column;
  }

  /* Header sabit deyil, scroll edir */
  #paymentModal .tapmodal-top {
    flex: 0 0 auto;
    background: #fff;
    border-bottom: 1px solid #eef0f3;
    padding: 16px;
  }

  #paymentModal .tapmodal-tabs {
    flex: 0 0 auto;
    padding: 0 16px 12px;
    background: #fff;
    border-bottom: 1px solid #eef0f3;
  }

  /* Content scroll */
  #paymentModal .tapmodal-block {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 12px 16px 16px;
  }

  /* Açılma animasiyası */
  #paymentModal .tapmodal {
    transform: scale(0.95);
    opacity: 0;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }

  #paymentModal.active .tapmodal {
    transform: scale(1);
    opacity: 1;
  }
}

/* ========== MOBILE: Tam Ekran ========== */
@media (max-width: 768px) {
  #paymentModal.modal-overlay {
    background: #fff; /* ağ fon */
    padding: 0;
    align-items: stretch;
    justify-content: stretch;
  }

  #paymentModal .tapmodal {
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    overflow: hidden;

    display: flex;
    flex-direction: column;
  }

  /* Header sticky */
  #paymentModal .tapmodal-top {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid #eef0f3;
    padding: 16px;
  }

  /* Tabs sticky */
  #paymentModal .tapmodal-tabs {
    position: sticky;
    top: 62px; /* header hündürlüyü */
    z-index: 9;
    background: #fff;
    padding: 12px 16px;
    border-bottom: 1px solid #eef0f3;
  }

  /* Content scroll */
  #paymentModal .tapmodal-block {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 12px 16px 80px; /* alt boşluq */
  }

  /* Açılma animasiyası */
  #paymentModal .tapmodal {
    transform: translateY(100%);
    opacity: 1;
    transition: transform 0.25s ease;
  }

  #paymentModal.active .tapmodal {
    transform: translateY(0);
  }

  /* Safe area (iPhone) */
  @supports (padding: max(0px)) {
    #paymentModal .tapmodal-top {
      padding-top: max(16px, env(safe-area-inset-top));
    }
    #paymentModal .tapmodal-block {
      padding-bottom: max(80px, env(safe-area-inset-bottom));
    }
  }

  /* Modal açılanda contact bar gizlənsin */
  body.pm-open .m-contactbar {
    display: none !important;
  }

  body.pm-open {
    padding-bottom: 0 !important;
  }
}

/* ========== GENERAL MODAL STYLES ========== */
#paymentModal .tapmodal-title-wrap {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

#paymentModal .tapmodal-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #f3f4f6;
}

#paymentModal .tapmodal-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
}

#paymentModal .tapmodal-sub {
  font-size: 12px;
  color: #6b7280;
  margin-top: 4px;
  max-width: 420px;
}

#paymentModal .tapmodal-x {
border: 0;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: #6b7280;
  padding: 2px 6px;
  position: absolute;
  right: 20px;
  top: 20px;
}

#paymentModal .tapmodal-tabs {
  display: flex;
  gap: 8px;
}

#paymentModal .tmtab {
  flex: 1;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  text-align: left;
  cursor: pointer;
  position: relative;
  font-weight: 600;
  font-size: 12px;
  color: #111827;
}

#paymentModal .tmtab small {
  display: block;
  font-weight: 500;
  color: #6b7280;
  margin-top: 3px;
}

#paymentModal .tmtab.active {
  border-color: #111827;
}

#paymentModal .tmtab-bonus {
  position: absolute;
  right: 10px;
  top: 8px;
  background: #ff7a00;
  color: #fff;
  font-weight: 700;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 999px;
}

#paymentModal .tapmodal-h {
  font-size: 11px;
  letter-spacing: 0.08em;
  color: #6b7280;
  font-weight: 800;
  margin-bottom: 10px;
}

#paymentModal .tapmodal-radios {
  display: grid;
  gap: 10px;
}

#paymentModal .durrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
}

#paymentModal .durrow .left {
  display: flex;
  align-items: center;
  gap: 10px;
}

#paymentModal .durrow input {
  accent-color: #111827;
}

#paymentModal .durrow .price {
  font-weight: 700;
}

#paymentModal .durrow.active {
  border-color: #111827;
}

#paymentModal .paymethods {
  display: grid;
  gap: 10px;
}

#paymentModal .payrow {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}

#paymentModal .payrow input {
  accent-color: #111827;
}

#paymentModal .payname {
  font-weight: 600;
  font-size: 13px;
}

#paymentModal .paybrand {
  margin-left: auto;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.06em;
}

#paymentModal .paylink {
  margin-left: 10px;
  font-size: 12px;
  color: #2563eb;
}

#paymentModal .payicon {
  margin-left: auto;
}

#paymentModal .payrow-bank .paywallets {
  margin-left: auto;
  display: flex;
  gap: 8px;
  align-items: center;
}

#paymentModal .wallet-badge {
  width: 46px;
  height: 22px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #fff;
}

#paymentModal .wallet-badge img {
  height: 16px;
  width: auto;
  display: block;
}

#paymentModal .tapmodal-note {
  margin-top: 12px;
  font-size: 11px;
  color: #9ca3af;
  line-height: 1.4;
}

#paymentModal .tapmodal-note a {
  color: #6b7280;
  text-decoration: underline;
}

#paymentModal .tapmodal-paybtn {
  width: 100%;
  margin-top: 12px;
  border: 0;
  border-radius: 10px;
  padding: 12px 14px;
  background: #2563eb;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

#paymentModal .tapmodal-paybtn:active {
  transform: translateY(1px);
}


/* =========================
   TAP.AZ PAYMENT MODAL (screenshot)
   ========================= */

#paymentModal.modal-overlay{
  position:fixed; inset:0;
  background:#fff;            /* mobil tam ağ */
  display:none;
  z-index:999999;
}
#paymentModal.modal-overlay.active{ display:block; }

/* Desktop overlay qara olsun */
@media (min-width: 769px){
  #paymentModal.modal-overlay{
    background: rgba(0,0,0,.45);
    display:none;
  }
  #paymentModal.modal-overlay.active{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px;
  }
}

.tap-paymodal{
  width:100vw;
  height:100vh;
  background:#fff;
  display:flex;
  flex-direction:column;
}

/* Desktop: kiçik modal */
@media (min-width: 769px){
  .tap-paymodal{
    width:min(520px, 96vw);
    height:auto;
    max-height:90vh;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 24px 70px rgba(0,0,0,.35);
  }
}

/* Topbar */
.pm-topbar{
  position:sticky;
  top:0;
  background:#fff;
  z-index:5;
  border-bottom:1px solid #eef0f3;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pm-x{
  position:absolute;
  left:12px;
  border:0;
  background:transparent;
  font-size:26px;
  line-height:1;
  color:#6b7280;
  cursor:pointer;
  padding:4px 8px;
}
.pm-head{
  display:flex;
  align-items:center;
  gap:10px;
}
.pm-diamond{
  width:28px;height:28px;
  display:grid;place-items:center;
  color:#2563eb;
}
.pm-title{
  font-weight:800;
  font-size:18px;
  color:#1f2937;
}

/* Body scroll */
.pm-body{
  flex:1 1 auto;
  overflow:auto;
  padding:14px 14px 10px;
}
@media (min-width:769px){
  .pm-body{ padding:16px; }
}

/* Info card */
.pm-info{
  border:1px solid #e5e7eb;
  background:#f8fafc;
  border-radius:14px;
  padding:12px 12px;
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.pm-info-ic{
  width:34px;height:34px;
  border-radius:12px;
  background:#fff;
  border:1px solid #eef0f3;
  display:grid;place-items:center;
  flex:0 0 auto;
}
.pm-info-title{
  font-weight:800;
  font-size:15px;
  color:#111827;
  margin-bottom:4px;
}
.pm-info-sub{
  font-size:12.5px;
  line-height:1.45;
  color:#6b7280;
}

/* Bonus pill */
.pm-bonus{
  width:100%;
  margin-top:10px;
  border:1px solid #dbeafe;
  background:#eff6ff;
  border-radius:14px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
}
.pm-bonus-left{ display:flex; align-items:center; gap:10px; }
.pm-bonus-ic{ color:#2563eb; }
.pm-bonus-txt{
  font-weight:900;
  letter-spacing:.02em;
  color:#111827;
  font-size:14px;
}
.pm-bonus-badge{
  background:#ef4444;
  color:#fff;
  font-weight:900;
  font-size:12px;
  padding:4px 10px;
  border-radius:999px;
}

/* Sections */
.pm-section{ margin-top:14px; }
.pm-section-h{
  font-size:12px;
  letter-spacing:.08em;
  font-weight:900;
  color:#111827;
  margin:10px 2px;
}

/* Durations list (radio cards) */
.pm-durations{ display:grid; gap:12px; }

.pm-dur{
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:14px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  background:#fff;
  position:relative;
}
.pm-dur-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.pm-dur input{ width:20px; height:20px; margin:0; accent-color:#2563eb; }

.pm-dur-days{
  font-weight:700;
  font-size:16px;
  color:#111827;
  line-height:1.05;
}
.pm-dur-perday{
  margin-top:4px;
  font-size:12px;
  color:#6b7280;
}
.pm-dur-price{
  font-weight:700;
  font-size:16px;
  color:#2563eb;
  white-space:nowrap;
}

/* selected (blue border like screenshot) */
.pm-dur.selected{
  border:2px solid #3b82f6;
  box-shadow:0 0 0 4px rgba(59,130,246,.12);
}

/* badges */
.pm-dur-badge{
  position:absolute;
  left:14px;
  top:-10px;
  background:#e0f2fe;
  color:#0369a1;
  font-weight:900;
  font-size:11px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(3,105,161,.18);
}
.pm-dur-save{
  position:absolute;
  right:14px;
  bottom:-10px;
  background:#dcfce7;
  color:#166534;
  font-weight:900;
  font-size:11px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(22,101,52,.18);
}

/* Pay methods */
.pm-paymethods{ display:grid; gap:12px; }
.pm-pay{
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:14px 14px;
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  cursor:pointer;
}
.pm-pay input{ width:20px; height:20px; margin:0; accent-color:#2563eb; }

.pm-pay-ic{
  width:34px;height:34px;
  border-radius:12px;
  display:grid;place-items:center;
  background:#f3f4f6;
  color:#111827;
  flex:0 0 auto;
}
.pm-pay-main{ flex:1; min-width:0; }
.pm-pay-name{ font-weight:800; color:#111827; }
.pm-pay-sub{ font-size:12.5px; color:#6b7280; margin-top:2px; }
.pm-pay-right{
  margin-left:auto;
  font-size:13px;
  font-weight:800;
  color:#6b7280;
  white-space:nowrap;
}
.pm-savedcards{ display:grid; gap:10px; margin-top:10px; }
.pm-savedcard{
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:14px 14px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  background:#fff;
  cursor:pointer;
}
.pm-savedcard.active{
  border-color:#60a5fa;
  box-shadow:0 10px 20px rgba(59,130,246,.10);
  background:linear-gradient(180deg,#fff 0%,#eff6ff 100%);
}
.pm-savedbadge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  background:#dcfce7;
  color:#166534;
  font-size:12px;
  font-weight:600;
  margin-top:6px;
}

/* Footer button */
.pm-footer{
  border-top:1px solid #eef0f3;
  padding:12px 14px 14px;
  background:#fff;
}
.pm-paybtn{
  width:100%;
  border:0;
  border-radius:14px;
  padding:14px 16px;
  background:#2563eb;
  color:#fff;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
}
.pm-paybtn:active{ transform:translateY(1px); }

/* legal */
.pm-legal{
  margin:12px 2px 0;
  font-size:12px;
  color:#9ca3af;
  line-height:1.4;
}
.pm-legal a{ color:#6b7280; text-decoration:underline; }

.elan-gallery {
  position: relative;
  aspect-ratio: 13 / 9;
  overflow: hidden;
  background: #000;
}

.elan-gallery-viewport,
.elan-gallery-track,
.elan-gallery-slide {
  width: 100%;
  height: 100%;
}

.elan-gallery-track {
  display: flex;
  height: 100%;
}

.elan-gallery-slide {
  position: relative;
  flex: 0 0 100%;
  overflow: hidden;
}

/* 🔥 BLUR BACKGROUND */
.elan-gallery-bg {
  position: absolute;
  inset: 0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  filter: blur(25px);
  transform: scale(1.1);
  opacity: 0.6;
}

/* 🔥 MAIN IMAGE (contain qalır) */
.elan-gallery-slide img {
  position: relative;
  z-index: 2;

  width: 100%;
  height: 100%;

  object-fit: contain;
  object-position: center;

  display: block;
}

.tap-owner-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
  
    background: #fff;
    padding: 10px;
    border-radius: 15px;
}

.tap-owner-form {
  margin: 0;
}

.tap-owner-btn {
  width: 100%;
  min-height: 46px;
  border: 1px solid transparent;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: .18s ease;
  cursor: pointer;
}

.tap-owner-btn i {
  font-size: 16px;
  line-height: 1;
}

.tap-owner-btn-edit {
  background: #f3f4f6;
  color: #111827;
  border-color: #e5e7eb;
}

.tap-owner-btn-edit:hover {
  background: #e5e7eb;
  color: #111827;
}

.tap-owner-btn-delete {
  background: #fff1f2;
  color: #dc2626;
  border-color: #fecdd3;
}

.tap-owner-btn-delete:hover {
  background: #ffe4e6;
  color: #b91c1c;
}

@media (max-width: 768px) {
  .tap-owner-actions {
    grid-template-columns: 1fr;
  }
}


.auction-panel{
  margin-top:20px;
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg,#f8fffe 0%,#ffffff 100%);
  border:1px solid #d9f2ef;
  box-shadow:0 20px 45px rgba(15,23,42,.06);
}
.auction-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}
.auction-panel-title{margin:0;font-size:22px;font-weight:900;color:#0f172a}
.auction-panel-sub{margin:8px 0 0;color:#475569;font-size:14px;line-height:1.5}
.auction-status-pill{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;
  background:#ecfeff;border:1px solid #a5f3fc;color:#155e75;font-weight:800;font-size:13px;white-space:nowrap
}
.auction-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.auction-stat{
  padding:16px;border-radius:20px;background:#fff;border:1px solid #e2e8f0;
}
.auction-stat-label{font-size:12px;font-weight:800;letter-spacing:.04em;color:#64748b;text-transform:uppercase}
.auction-stat-value{margin-top:8px;font-size:24px;font-weight:900;color:#0f172a}
.auction-stat-note{margin-top:6px;font-size:13px;color:#64748b}
.auction-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px}
.auction-card{padding:18px;border-radius:24px;background:#fff;border:1px solid #e2e8f0}
.auction-card-title{margin:0 0 14px;font-size:18px;font-weight:900;color:#111827}
.auction-offer-form{display:flex;flex-direction:column;gap:12px}
.auction-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:#334155}
.auction-field input,.auction-field textarea{
  width:100%;border:1px solid #dbe4ee;border-radius:16px;padding:13px 14px;font-size:15px;outline:none;background:#f8fafc
}
.auction-field textarea{min-height:110px;resize:vertical}
.auction-submit{
  display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:16px;padding:14px 18px;
  background:#0f766e;color:#fff;font-weight:900;font-size:15px;cursor:pointer;
}
.auction-submit:disabled{opacity:.65;cursor:not-allowed}
.auction-note{
  padding:14px 16px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0;
  color:#334155;font-size:14px;line-height:1.5
}
.auction-recent-list{display:flex;flex-direction:column;gap:12px}
.auction-offer-item{
  display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;background:#f8fafc;border:1px solid #eef2f7
}
.auction-offer-main{min-width:0}
.auction-offer-name{font-size:14px;font-weight:900;color:#0f172a}
.auction-offer-meta{margin-top:5px;font-size:12px;color:#64748b}
.auction-offer-message{margin-top:7px;font-size:13px;color:#475569}
.auction-offer-price{font-size:18px;font-weight:900;color:#0f766e;white-space:nowrap;text-align:right}
.auction-offer-actions{display:flex;gap:8px;margin-top:10px;justify-content:flex-end}
.auction-action-btn{
  border:0;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:800;cursor:pointer
}
.auction-action-btn.accept{background:#dcfce7;color:#166534}
.auction-action-btn.reject{background:#fee2e2;color:#b91c1c}
.auction-status-badge{
  display:inline-flex;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900
}
.auction-status-badge.pending{background:#fef3c7;color:#b45309}
.auction-status-badge.accepted{background:#dcfce7;color:#166534}
.auction-status-badge.rejected{background:#fee2e2;color:#b91c1c}
.auction-login-link{color:#0f766e;font-weight:800;text-decoration:none}
.spec-value-link{
  color: #2563eb !important;
  text-decoration:none;
  font-weight:700;
}
.spec-value-link:hover{
  color:#1d4ed8;
  text-decoration:underline;
}
.tap-store-hours{
  margin:14px 0 12px;
}
.tap-store-hours .store-hours-widget{
  box-shadow:none;
  border-radius:20px;
}
.tap-store-hours .store-hours-widget__trigger{
  padding:13px 14px;
}
.tap-store-hours .store-hours-widget__icon{
  width:34px;
  height:34px;
  border-radius:10px;
}
.tap-store-hours .store-hours-widget__summary{
  font-size:13px;
}
@media (max-width: 900px){
  .auction-grid{grid-template-columns:1fr}
  .auction-stats{grid-template-columns:1fr}
  .auction-panel{padding:16px;border-radius:22px}
  .auction-panel-head{flex-direction:column}
}