/* Offer (ex-Frame6) horizontal scroll block */
:root { --offer-text: #111; --offer-bg: #b9b3a9; }

.offer-container { width: 100%; overflow-x: hidden; background: #000000; }

/* intro/credit удалены */

#offerSectionPin { height: 120vh; overflow: hidden; display: flex; background: #000000 !important; color: var(--offer-bg); position: relative; z-index: 20; padding-top: 8vh; }
#offerSectionPin::before {
  content: none;
}
.pin-wrap { 
  position: relative; 
  z-index: 1; 
  height: 100vh; 
  display: flex; 
  justify-content: flex-start; 
  align-items: center; 
  padding: 50px 10vw; 
  gap: 24px; 
  width: max-content; /* Важно для правильного расчета scrollWidth */
}
.pin-wrap > * { min-width: 60vw; padding: 0 3vw; }
.pin-wrap img { height: 80vh; width: auto; object-fit: cover; border-radius: 14px; }

.credit a { color: var(--offer-text); text-decoration: none; }

/* Карточки офера */
.offer-card { background: rgba(255,255,255,0.06); backdrop-filter: blur(10px); border-radius: 18px; padding: 24px; border: 1px solid rgba(255,255,255,0.15); min-height: 60vh; display: flex; flex-direction: column; justify-content: center; }
.offer-card h3 { font-size: clamp(28px, 5.2vw, 54px); margin: 0 0 16px; line-height: 1.05; color: #ebe0aa; }
.offer-card p { color: #e6e6e6; font-size: clamp(16px, 1.55vw, 20px); line-height: 1.75; margin: 0 0 12px; max-width: 720px; }
.offer-highlight { color: #f0e4ac; font-weight: 600; font-style: italic; }

/* Мобильная версия */
@media (max-width: 768px) {
    #offerSectionPin {
        height: auto;
        overflow: visible;
        padding-top: 4vh;
    }
    
    .pin-wrap {
        height: auto;
        flex-direction: column;
        padding: 20px 5vw;
        gap: 20px;
        overflow-y: auto;
        overflow-x: visible;
    }
    
    .pin-wrap > * {
        min-width: auto;
        width: 100%;
        padding: 0;
    }
    
    .offer-card {
        min-height: auto;
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .offer-card h3 {
        font-size: clamp(24px, 6vw, 32px);
    }
    
    .offer-card p {
        font-size: clamp(14px, 4vw, 18px);
    }
}