/** Shopify CDN: Minification failed

Line 346:0 Expected "}" to go with "{"

**/
/* Collection Info Section Styles - Based on Figma Design */
.collection-info-section {
  padding: 0;
}

/* Основные стили для заголовка коллекции */
.collection-info-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.24;
  color: #0B2823;
  margin: 0;
  padding: 0;
  text-align: left;
}

.collection-info-container {
  width: 100%;
  margin: 0;
  padding: 0;
  max-width: none;
}

.collection-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  width: 100%;
  max-width: auto;
  margin: 0 auto;
  padding: 68px 82px;
  align-items: center;
}

/* Левая колонка: Заголовок + Описание */
.collection-info-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 450px;
}



.collection-info-description {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  max-width: 448px;
}

.collection-info-desc-text {
  font-family: 'Cabinet Grotesk', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.24em;
  color: #4E524E;
  margin: 0;
  text-align: left;
  width: 100%;
}

/* Правая колонка: Изображение коллекции */
.collection-info-visual {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
}

.collection-image-container {
  position: relative;
  width: 680px;
  height: 320px;
  background: #F7FBFA;
  border: 1px solid #E3E3E3;
  overflow: hidden;
  max-width: 100%;
  /* SVG mask will be applied via inline styles in Liquid template */
}

.collection-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.collection-info-cta {
  text-align: left;
  margin-top: 0;
}

.collection-info-button {
  display: flex;



@media (max-width: 768px) {
  .collection-info-container {
    padding: 0;
    width: 100%;
  }
  
  .collection-info-grid {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 36px 0;
  }
  
  .collection-info-text {
    display: contents;
  }
  
  .collection-info-title { 
    font-size: 24px;
    line-height: 1.24em;
    text-align: left;
    order: 1;
    margin: 0;
    padding: 0 !important;
  }
  
  .collection-info-visual {
    width: 100%;
    order: 2;
  }
  
  .collection-image-container {
    width: 100%;
    height: 200px;
    margin: 20px 0;
  }
  
  .collection-info-description {
    width: 100%;
    max-width: none;
    align-self: stretch;
    align-items: flex-start;
    order: 3;
  }
  
  .collection-info-desc-text {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    padding-bottom: 20px;
  }
  
  .collection-info-cta {
    order: 4;
    width: fit-content;
  }
  
  .collection-info-button {
    font-size: 15px;
    line-height: 1.24em;
    width: fit-content;
  }
}

/* iPhone SE, iPhone 8, iPhone 7, iPhone 6s */
@media (max-width: 375px) {
  .collection-info-grid {
    padding: 24px 0;
    gap: 0;
  }
  
  .collection-info-title {
    font-size: 20px;
    margin: 0;
    padding: 0 !important;
  }
  
  .collection-info-desc-text {
    font-size: 14px;
    padding-bottom: 20px;
  }
  
  .collection-image-container {
    width: 100%;
    height: 150px;
    margin: 20px 0;
  }
  
  .collection-info-button {
    font-size: 14px;
    padding: 12px;
    height: 40px;
    width: fit-content;
  }
}

/* iPhone 12 Pro Max, iPhone 11 Pro Max, iPhone XS Max */
@media (min-width: 428px) and (max-width: 480px) {
  .collection-info-grid {
    padding: 32px 0;
    gap: 0;
  }
  
  .collection-info-title {
    font-size: 22px;
    margin: 0;
    padding: 0 !important;
  }
  
  .collection-info-desc-text {
    font-size: 16px;
  }
  
  .collection-image-container {
    width: 100%;
    height: 180px;
    margin: 20px 0;
  }
}

/* Small tablets */
@media (min-width: 481px) and (max-width: 768px) {
  .collection-info-grid {
    padding: 40px 0;
    gap: 0;
  }
  
  .collection-info-title {
    font-size: 24px;
    margin: 0;
    padding: 0 !important;
  }
  
  .collection-image-container {
    width: 100%;
    height: 200px;
    margin: 20px 0;
  }
}

/* Tablet Responsive */
@media (min-width: 769px) and (max-width: 1200px) {
  .collection-info-grid {
    padding: 40px 40px;
  }
  
  .collection-info-text {
    width: auto;
    flex: 1;
  }
  
  .collection-info-visual {
    width: auto;
    flex: 1;
  }
  
  .collection-image-container {
    width: 100%;
    max-width: 600px;
    height: 280px;
  }
}

/* Large Desktop */
@media (min-width: 1201px) and (max-width: 1800px) {
  .collection-info-grid {
    padding: 56px 60px;
  }
  
  .collection-info-text {
    margin-right: 265px;
  }
}

/* Desktop 1400-1600px */
@media (min-width: 1401px) and (max-width: 1600px) {
  .collection-image-container {
    width: 600px;
    height: 280px;
  }
  
  .collection-info-text {
    margin-right: 200px;
  }
}

/* Desktop 1200-1400px */
@media (min-width: 1201px) and (max-width: 1400px) {
  .collection-image-container {
    width: 500px;
    height: 240px;
  }
  
  .collection-info-text {
    margin-right: 150px;
  }
}

/* Extra Large Desktop */
@media (min-width: 1801px) {
  .collection-info-grid {
    padding: 56px 82px;
  }
  
  .collection-info-text {
    margin-right: 250px;
  }
}



/* Focus States for Accessibility */
.collection-info-button:focus {
  outline: 2px solid #257662;
  outline-offset: 2px;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
  .collection-info-button {
    border-width: 2px;
  }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
  .collection-info-section,
  .collection-info-visual,
  .collection-info-text {
    animation: none;
    opacity: 1;
    transform: none;
  }
  
  .collection-info-button {
    transition: none;
  }
}