:root {
  --fallback-font-stack: Helvetica, Arial, serif;
}

.index.main {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  overflow: hidden;
}
.index .unstructuredItemsSection {
  min-height: 72px;
}
.index .productShowcaseSection {
  display: flex;
  flex-direction: column;
  background-color: #e9d1c3;
}
.index .productContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 112px auto;
  width: 91.11%;
  max-width: 1311.9792480469px;
}
@media (max-width: 1199px) {
  .index .productContainer {
    flex-direction: column;
    gap: 32px;
  }
}
@media (max-width: 575px) {
  .index .productContainer {
    position: relative;
    margin: 80px auto;
  }
}
@media (max-width: 383px) {
  .index .productContainer {
    margin: 50px auto;
  }
}
.index .productDescriptionBlock {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  width: 616px;
  min-width: 0;
}
@media (max-width: 1199px) {
  .index .productDescriptionBlock {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
.index .productInfoGroup {
  display: flex;
  flex-direction: column;
  row-gap: 23px;
}
.index .introText {
  font: 56px/1.2 Archivo, Helvetica, Arial, serif;
  color: #9a3927;
  letter-spacing: -0.56001px;
}
@media (max-width: 991px) {
  .index .introText {
    align-items: flex-start;
    font-size: 50px;
  }
}
@media (max-width: 479px) {
  .index .introText {
    font-size: 36px;
  }
}
.index .detailedDescription {
  font: 18px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
@media (max-width: 991px) {
  .index .detailedDescription {
    align-items: flex-start;
    font-size: 16px;
  }
}
.index .learnMoreLink {
  display: flex;
  justify-content: center;
  width: 135px;
  max-width: 85%;
  font: 500 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #0b0209;
  padding: 10px 18px;
  border-radius: 6px;
  border-width: 2px 2px 4px;
  border-color: #231b21;
  border-style: solid;
  transition: all 0.3s ease;
}

.index .learnMoreLink:hover {
  background-color: #231b21;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.index .productImage {
  width: 616px;
  min-width: 0;
  border-radius: 28px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .index .productImage {
    position: relative;
    width: 100%;
    min-width: unset;
    max-width: 616px;
  }
}
.index .productDisplaySection {
  display: flex;
  flex-direction: column;
  background-color: #f7f4ef;
}
.index .contentWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 80px;
  margin: 112px auto;
  width: 91.11%;
  max-width: 1311.9792480469px;
}
@media (max-width: 575px) {
  .index .contentWrapper {
    position: relative;
    margin: 80px auto;
  }
}
@media (max-width: 383px) {
  .index .contentWrapper {
    row-gap: 50px;
    margin: 50px auto;
  }
}
.index .introTextContainer {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 768.0208740234px;
  max-width: 85%;
}
.index .featuredProductHeading {
  display: flex;
  justify-content: center;
  font: 48px/1.2 Archivo, Helvetica, Arial, serif;
  color: #9a3927;
  text-align: center;
  letter-spacing: -0.48px;
}
@media (max-width: 991px) {
  .index .featuredProductHeading {
    align-items: flex-start;
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .index .featuredProductHeading {
    font-size: 36px;
  }
}
.index .exploreMessage {
  display: flex;
  justify-content: center;
  font: 18px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
  text-align: center;
}
@media (max-width: 991px) {
  .index .exploreMessage {
    align-items: flex-start;
    font-size: 16px;
  }
}
.index .productGrid {
  display: flex;
  -moz-column-gap: 32px;
  column-gap: 32px;
  width: 100%;
}
@media (max-width: 991px) {
  .index .productGrid {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .index .productGrid {
    gap: 32px;
  }
}
.index .productCard {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 416px;
  min-width: 0;
}
@media (max-width: 991px) {
  .index .productCard {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .index .productCard {
    min-width: unset;
  }
}
.index .productImage1 {
  width: 100%;
  border-radius: 18px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index .productDetails {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}
.index .productInfo {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.index .productName {
  font: 24px/1.4 Archivo, Helvetica, Arial, serif;
  color: #0b0209;
  letter-spacing: -0.24px;
}
@media (max-width: 991px) {
  .index .productName {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index .productName {
    font-size: 20px;
  }
}
.index .productDescription {
  font: 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
.index .categoryTags {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin: 16px 0 0;
}
.index .categoryLabel {
  display: flex;
  justify-content: center;
  min-width: 62px;
  font: 600 14px/1.5 Sarabun, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #ba6b5c;
  padding: 4px 10px;
  border-radius: 4px;
}
.index .categoryLabel1 {
  display: flex;
  justify-content: center;
  min-width: 76px;
  font: 600 14px/1.5 Sarabun, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #ba6b5c;
  padding: 4px 10px;
  border-radius: 4px;
}
.index .viewMoreLink {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin: 24px 0 0;
}
.index .viewMoreText {
  font: 500 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
  transition: color 0.3s ease;
}

.index .viewMoreText:hover {
  color: #9a3927;
  text-decoration: underline;
}

.index .viewMoreIcon {
  width: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index .categoryLabel2 {
  display: flex;
  justify-content: center;
  min-width: 48px;
  font: 600 14px/1.5 Sarabun, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #ba6b5c;
  padding: 4px 10px;
  border-radius: 4px;
}
.index .uniqueShoppingSection {
  display: flex;
  flex-direction: column;
  background-color: white;
}
.index .contentContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 112px auto;
  width: 91.11%;
  max-width: 1311.9792480469px;
}
@media (max-width: 1399px) {
  .index .contentContainer {
    flex-direction: column;
    gap: 32px;
  }
}
@media (max-width: 575px) {
  .index .contentContainer {
    position: relative;
    margin: 80px auto;
  }
}
@media (max-width: 383px) {
  .index .contentContainer {
    margin: 50px auto;
  }
}
.index .mainImage {
  width: 616px;
  min-width: 0;
  border-radius: 28px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1399px) {
  .index .mainImage {
    position: relative;
    width: 100%;
    min-width: unset;
    max-width: 616px;
  }
}
.index .textAndIconContainer {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  width: 616px;
  min-width: 0;
}
@media (max-width: 1399px) {
  .index .textAndIconContainer {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
.index .descriptionContainer {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.index .mainDescription {
  font: 40px/1.2 Archivo, Helvetica, Arial, serif;
  color: #9a3927;
  letter-spacing: -0.4px;
}
@media (max-width: 991px) {
  .index .mainDescription {
    align-items: flex-start;
    font-size: 36px;
  }
}
@media (max-width: 479px) {
  .index .mainDescription {
    font-size: 32px;
  }
}
.index .productVarietyDescription {
  font: 18px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
@media (max-width: 991px) {
  .index .productVarietyDescription {
    align-items: flex-start;
    font-size: 16px;
  }
}
.index .featuresContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}

.index .featuresContainer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.index .featuresContainer li {
  text-align: left;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.index .featureNumber {
  font-size: 1.2em;
  min-width: 25px;
}

.index .featureItem {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (max-width: 767px) {
  .index .featureItem {
    flex-direction: column;
    align-items: center;
    gap: 32px 16px;
  }
}
.index .featureIcon {
  width: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .index .featureIcon {
    position: relative;
    width: 100%;
    max-width: 24px;
  }
}
.index .featureText {
  width: 576px;
  font: 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
@media (max-width: 767px) {
  .index .featureText {
    position: relative;
    width: 100%;
  }
}
.index .imageGallerySection {
  display: flex;
  flex-direction: column;
  background-color: #e9d1c3;
}
.index .multiColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 80px;
  margin: 112px auto;
  width: 91.11%;
  max-width: 1311.9792480469px;
}
@media (max-width: 575px) {
  .index .multiColumn {
    position: relative;
    margin: 80px auto;
  }
}
@media (max-width: 383px) {
  .index .multiColumn {
    row-gap: 50px;
    margin: 50px auto;
  }
}
.index .introTextColumn {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 768.0208740234px;
  max-width: 85%;
}
.index .galleryHeading {
  display: flex;
  justify-content: center;
  font: 48px/1.2 Archivo, Helvetica, Arial, serif;
  color: #9a3927;
  text-align: center;
  letter-spacing: -0.48px;
}
@media (max-width: 991px) {
  .index .galleryHeading {
    align-items: flex-start;
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .index .galleryHeading {
    font-size: 36px;
  }
}
.index .explorationMsg {
  display: flex;
  justify-content: center;
  font: 18px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
  text-align: center;
}
@media (max-width: 991px) {
  .index .explorationMsg {
    align-items: flex-start;
    font-size: 16px;
  }
}
.index .imageGrid {
  display: flex;
  -moz-column-gap: 32px;
  column-gap: 32px;
  width: 100%;
}
@media (max-width: 767px) {
  .index .imageGrid {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 575px) {
  .index .imageGrid {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (max-width: 383px) {
  .index .imageGrid {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.index .topImageRow {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  width: 640px;
  min-width: 0;
}
@media (max-width: 767px) {
  .index .topImageRow {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
    padding-bottom: 30px;
  }
}
.index .productImg1 {
  width: 100%;
  border-radius: 28px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index .productImg2 {
  width: 100%;
  border-radius: 28px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index .bottomImageRow {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  width: 640px;
  min-width: 0;
}
@media (max-width: 767px) {
  .index .bottomImageRow {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
.index .productImg3 {
  width: 100%;
  border-radius: 28px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index .productImg4 {
  width: 100%;
  border-radius: 28px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index .customerTestimonialsSection {
  display: flex;
  flex-direction: column;
  background-color: white;
}
.index .testimonialContainer {
  display: flex;
  flex-direction: column;
  row-gap: 80px;
  margin: 112px auto;
  width: 91.11%;
  max-width: 1311.9792480469px;
}
@media (max-width: 575px) {
  .index .testimonialContainer {
    position: relative;
    margin: 80px auto;
  }
}
@media (max-width: 383px) {
  .index .testimonialContainer {
    row-gap: 50px;
    margin: 50px auto;
  }
}
.index .testimonialHeader {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 100%;
}
@media (max-width: 383px) {
  .index .testimonialHeader {
    position: relative;
    max-width: 100%;
  }
}
.index .customerPraiseMsg {
  font: 48px/1.2 Archivo, Helvetica, Arial, serif;
  color: #9a3927;
  letter-spacing: -0.48px;
}
@media (max-width: 991px) {
  .index .customerPraiseMsg {
    align-items: flex-start;
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .index .customerPraiseMsg {
    font-size: 36px;
  }
}
.index .customerOpinionMsg {
  font: 18px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
@media (max-width: 991px) {
  .index .customerOpinionMsg {
    align-items: flex-start;
    font-size: 16px;
  }
}
.index .testimonialContent {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 32px;
  column-gap: 32px;
}
@media (max-width: 1199px) {
  .index .testimonialContent {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}
.index .testimonialItem {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  width: 624px;
  min-width: 0;
}
@media (max-width: 1199px) {
  .index .testimonialItem {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
@media (max-width: 383px) {
  .index .testimonialItem {
    row-gap: 20px;
  }
}
.index .brandLogoGallery {
  display: flex;
  -moz-column-gap: 4px;
  column-gap: 4px;
}
.index .brandLogoImg {
  width: 20px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index .image {
  width: 20px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index .testimonialText {
  font: 20px/1.4 Archivo, Helvetica, Arial, serif;
  color: #0b0209;
  letter-spacing: -0.2px;
}
@media (max-width: 991px) {
  .index .testimonialText {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .index .testimonialText {
    font-size: 16px;
  }
}
.index .authorDetails {
  display: flex;
  -moz-column-gap: 19px;
  column-gap: 19px;
}
@media (max-width: 575px) {
  .index .authorDetails {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (max-width: 383px) {
  .index .authorDetails {
    flex-wrap: wrap;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.index .authorProfileImg {
  margin: 2px 0 3px;
  width: 56px;
  border-radius: 28px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 383px) {
  .index .authorProfileImg {
    position: relative;
    margin: unset;
    width: 30%;
    max-width: 56px;
  }
}
.index .authorInfo {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  margin: 6px 0 7px;
  width: 132px;
  min-width: 0;
}
@media (max-width: 383px) {
  .index .authorInfo {
    position: relative;
    margin: unset;
    width: 70%;
    min-width: unset;
  }
}
.index .authorName {
  font: 600 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
.index .authorPosition {
  font: 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
.index .separatorColor {
  width: 1px;
  min-height: 61px;
  background-color: #ba6b5c;
}
@media (max-width: 383px) {
  .index .separatorColor {
    position: relative;
    display: none !important;
    margin: unset;
  }
}
.index .quoteIconImg {
  margin: 6px 0 7px;
  width: 176px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 383px) {
  .index .quoteIconImg {
    position: relative;
    margin: unset;
    width: 100%;
    min-width: unset;
    max-width: 120px;
  }
}
.index .authorInfo1 {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  margin: 6px 0 7px;
  width: 133px;
  min-width: 0;
}
@media (max-width: 383px) {
  .index .authorInfo1 {
    position: relative;
    margin: unset;
    width: 70%;
    min-width: unset;
  }
}
.index .fashionPromotionSection {
  display: flex;
  flex-direction: column;
  background-color: white;
}
.index .contentWrapper1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 112px auto;
  width: 91.11%;
  max-width: 1311.9792480469px;
}
@media (max-width: 1199px) {
  .index .contentWrapper1 {
    flex-direction: column;
    gap: 32px;
  }
}
@media (max-width: 575px) {
  .index .contentWrapper1 {
    position: relative;
    margin: 80px auto;
  }
}
@media (max-width: 383px) {
  .index .contentWrapper1 {
    margin: 50px auto;
  }
}
.index .textImageRow {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  width: 616px;
  min-width: 0;
}
@media (max-width: 1199px) {
  .index .textImageRow {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
.index .textBlock {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.index .ctaMessage {
  font: 48px/1.2 Archivo, Helvetica, Arial, serif;
  color: #9a3927;
  letter-spacing: -0.48px;
}
@media (max-width: 991px) {
  .index .ctaMessage {
    align-items: flex-start;
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .index .ctaMessage {
    font-size: 36px;
  }
}
.index .collectionDescription {
  font: 18px/1.5 Sarabun, Helvetica, Arial, serif;
  color: #0b0209;
}
@media (max-width: 991px) {
  .index .collectionDescription {
    align-items: flex-start;
    font-size: 16px;
  }
}
.index .purchasePrompt {
  display: flex;
  justify-content: center;
  width: 111.9965362549px;
  max-width: 85%;
  font: 500 16px/1.5 Sarabun, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #231b21;
  padding: 10px 18px;
  border-radius: 6px;
  border-width: 2px 2px 4px;
  border-color: #0b0209;
  border-style: solid;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.index .purchasePrompt:hover {
  background-color: #3a2d34;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-color: #231b21;
}

.index .purchasePrompt:active {
  transform: translateY(1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.index .infoSection {
  min-height: 546px;
}

.productVarietyDescription {
  font-size: 1.2em;
  color: #333;
  max-width: 800px;
  line-height: 1.5;
}