.hero {position: relative;}
.hero__slide {position: relative;min-height: 856px; background-position: center;background-size: cover;background-repeat: no-repeat;}
.hero__slide .container {display: flex;flex-direction: column;justify-content: center;padding-top: 12rem;padding-bottom: 5rem;min-height: 760px;}
.hero__content {max-width: 780px;}
.hero__eyebrow {display: inline-flex;align-items: center;margin: 0;border: 1px solid #c3ae9b;border-radius: var(--radius-pill);background: #fbf6f1;padding: .5rem 1.25rem .5rem 1rem;color: var(--color-primary);font-size: 1rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;}
.hero__title {margin: 2rem 0 0;max-width: 780px;color: #342f23;font-size: clamp(2.25rem, 3vw, 3rem);font-weight: 700;line-height: 1.16;}

.hero__description {margin: 1.5rem 0 0;max-width: 680px;color: #342f23;font-size: 1rem;line-height: 1.5;}
.hero__actions {display: flex;flex-wrap: wrap;gap: 1.25rem;margin-top: 2.5rem;}
.button {display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;border-radius: var(--radius-md);transition: transform var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);}
.button:hover,
.button:focus-visible {transform: translateY(-2px);color: #fff;}
.button--outline:hover{color: #342f23;}
.button--outline {border: 2px solid #342f23;padding: 1rem 2.25rem;color: #342f23;font-size: 1rem;font-weight: 500;line-height: 1.5;}
.button--outline img {width: 20px;height: 20px;}
.button--filled {box-shadow: var(--shadow-soft);background: var(--color-primary);padding: 1.125rem 2.25rem;color: #fff;font-size: 1rem;font-weight: 500;line-height: 1.5;}
.button--pill {border-radius: var(--radius-pill);background: var(--color-primary-dark);padding: 0.75rem 2rem;color: #fff;font-size: 0.875rem;font-weight: 500;letter-spacing: 0.06em;text-transform: uppercase;}
.hero__badges {display: flex;flex-wrap: wrap;gap: 1rem 1.5rem;margin-top: 3rem;}
.hero__badges li {display: inline-flex;align-items: center;border: 1px solid var(--color-border);border-radius: 10px;background: var(--color-surface-soft);padding: 0.625rem 1rem;color: #000;font-size: 1rem;font-weight: 500;line-height: 1.5;}
.hero__badges li::before {content: "";display: inline-block;margin-right: 0.5rem;border-radius: 50%;background: var(--color-primary);width: 8px;height: 8px;}
.hero__progress {display: flex;align-items: center;gap: 1.5rem;margin-top: 1.5rem;}
.hero__fraction {min-width: 72px;color: #9ca3af;font-size: 1rem;font-weight: 500;line-height: 1.5;}
.hero__line {position: relative;display: block;background: #e5e7eb;width: 128px;height: 2px;}
.hero__line-fill {position: absolute;top: 0;left: 0;display: block;background: var(--color-primary);width: 43px;height: 2px;}
.slide-w-text .hero__title,
.slide-w-text .hero__description ,
.slide-w-text .hero__fraction{color: #ffffff;}
.slide-w-text .button--outline{ border: 2px solid #ffffff;color: #ffffff;}
.slide-last .hero__content{position: absolute;right: -5%;}
.slide-last .hero__title{width: 68%;}
.hero .hero-pagination {display: flex;gap: 8px;}
.hero .hero-pagination .hero-pag__btn{width: 8px;height: 8px;border-radius: 50%;background-color: #9CA3AF;}
.hero .hero-pagination .hero-pag__btn.active{width: 24px;border-radius: 4px;background-color: var(--bs-theme-color);}
.section-why,
.section-categories,
.section-news,
.section-faq {padding: 6rem 0;}
.section-arrivals {padding: 3rem 0 7rem;}
.section-about {background: #f5f5f5;padding: 6rem 0;}
.section-contact {position: relative;background-position: center;background-size: cover;background-repeat: no-repeat;padding: 6rem 0;}
.section-heading {display: flex;flex-direction: column;gap: 0.75rem;margin-bottom: 3rem;}
.section-heading h2 {margin: 0;color: var(--color-heading);font-size: clamp(1.75rem, 3vw, 3.125rem);font-weight: 700;line-height: 1.05;}
.section-heading .section-heading__description {margin: 0;color: #000;font-size: 1rem;line-height: 1.5;}
.section-heading--center {align-items: center;text-align: center;}
.section-heading--center .section-heading__description {max-width: 720px;}
.section-heading--left {align-items: flex-start;margin-bottom: 2rem;}
.section-heading--inline {flex-direction: row;align-items: center;justify-content: space-between;gap: 1.5rem;margin-bottom: 2.5rem;}
.section-heading__divider {display: inline-block;background: var(--color-primary);width: 105px;height: 3px;}
.section-heading__link {color: #0a0a0a;font-size: 1rem;font-weight: 500;line-height: 1.25;text-decoration: underline;}
.section-why__layout {align-items: stretch;width: 72%;max-width: 1150px;margin: 0 auto;}
.factory-card {position: relative;border-radius: var(--radius-lg);box-shadow: var(--shadow-card);min-height: 640px;overflow: hidden;}
.factory-card::before {content: "";position: absolute;inset: 0;background:linear-gradient(180deg, rgb(0 0 0 / 0.5) 0%, rgb(0 0 0 / 0.2) 48%, rgb(0 0 0 / 0) 100%), linear-gradient(150deg, rgb(55 65 81 / 0.55) 0%, rgb(55 65 81 / 0.45) 100%);}
.factory-card__image {width: 100%;height: 640px;object-fit: cover;}
.factory-card__overlay {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;}
.factory-card__play {display: inline-flex;flex-direction: column;align-items: center;gap: 0.625rem;color: #fff;font-size: 1rem;font-weight: 500;border: 0;background-color: transparent;}
.factory-card__play-icon {display: inline-flex;align-items: center;justify-content: center;border: 2px solid rgb(255 255 255 / 0.8);border-radius: 50%;background: rgb(255 255 255 / 0.08);width: 66px;height: 66px;}
.factory-card__play-icon img {width: 28px;height: 28px;}
.advantage-list {display: grid;gap: 1.75rem;padding-left: 18%;}
.advantage-list__item {padding: 0 1.25rem 0 0;}
.advantage-list__index {color: var(--color-heading);font-size: 1.125rem;font-weight: 600;line-height: 1.5;}
.advantage-list__item h3 {margin: 0.75rem 0 0;color: var(--color-heading);font-size: 1.5rem;font-weight: 600;line-height: 1.33;}
.advantage-list__item p {margin: 0.75rem 0 0;color: #000;font-size: 1rem;line-height: 1.5;}
.advantage-list__item small {display: block;margin-top: 0.5rem;color: #353535;font-size: 1rem;line-height: 1.5;}
.category-card {border: 1px solid var(--color-border);background: #fff;height: 100%;overflow: hidden;}
.category-card__media {display: flex;align-items: center;justify-content: center;background: #fff;min-height: 515px;overflow: hidden;}
.category-card__media a {display: block; width: 100%;height: 100%;}
.category-card__media img {width: 100%;height: 100%;object-fit: cover;}
.category-card h3 {margin: 0;border-top: 1px solid var(--color-border);padding: 1.5rem;color: var(--color-text);font-size: 1.5rem;font-weight: 600;line-height: 1.3;text-align: center;}
.category-card h3 a {color: var(--color-text);}
.arrivals-shell {position: relative;}
.arrivals-slider {display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 1rem;}
.arrivals-slider__nav {display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;box-shadow: var(--shadow-soft);background: #fff;width: 40px;height: 40px;border: 0;}
.arrivals-slider__nav img {width: 24px;height: 24px;}
.arrivals-swiper {width: 100%;}
.product-card {border-radius: var(--radius-md);height: auto;overflow: hidden;}
.product-card__media {background: #fff;height: 383px;overflow: hidden;}
.product-card__media img {width: 100%;height: 100%;object-fit: contain;background: #fff;}
.product-card__media:hover img {transform: scale(1.08);}
.product-card__body {padding: 1rem 1rem 0;}
.product-card__body h3 {margin: 0;color: #0a0a0a;font-size: 1.125rem;font-weight: 500;line-height: 1.5;}
.product-card__body p {margin: 0.25rem 0 0;color: var(--color-text-muted);font-size: 0.875rem;line-height: 1.4;}
.arrivals-slider__pagination {position: static;margin-top: 1.5rem;display: none;}
.arrivals-slider__pagination .swiper-pagination-bullet {background: var(--color-primary);opacity: 0.25;}
.arrivals-slider__pagination .swiper-pagination-bullet-active {opacity: 1;}
.about-copy h3 {margin: 0;max-width: 620px;color: #000;font-size: 1.5rem;font-weight: 400;line-height: 1.6;}
.about-copy .about-content {margin: 1.75rem 0 0;max-width: 620px;color: var(--color-text-muted);font-size: 1rem;line-height: 1.65;}
.about-copy .button--pill {margin-top: 2.25rem;}
.about-copy__media {border-radius: var(--radius-md);box-shadow: var(--shadow-soft);overflow: hidden;}
.about-copy__media img {width: 100%;min-height: 420px;object-fit: cover;}
.about-copy__media:hover img {transform: scale(1.08);}
.news-grid {margin-top: 1rem;}
.news-card {border: 1px solid #efefeb;border-radius: var(--radius-lg);background: #f1f1f1;height: 100%;overflow: hidden;}
.news-card__media {position: relative;}
.news-card__media img {width: 100%;height: 320px;object-fit: cover;}
.news-card__tag {position: absolute;top: 1rem;left: 1rem;display: inline-flex;align-items: center;border-radius: 10px;background: rgb(168 144 128 / 0.5);padding: 0.45rem 0.75rem;color: #fff;font-size: 0.875rem;font-weight: 600;line-height: 1.5;}
.news-card__tag--light {box-shadow: 0 10px 15px 0 rgb(0 0 0 / 0.1), 0 4px 6px 0 rgb(0 0 0 / 0.1);background: #fff;color: var(--color-primary-dark);}
.news-card__body {display: flex;flex-direction: column;padding: 1.75rem;min-height: 230px;}
.news-card__body time {color: #9ca3af;font-size: 0.875rem;line-height: 1.5;}
.news-card__body h3 {margin: 0.625rem 0 0;color: var(--color-text);font-size: 1.125rem;font-weight: 600;line-height: 1.55;}
.news-card__body p {margin: 0.625rem 0 0;color: var(--color-text-soft);font-size: 0.875rem;line-height: 1.6;}
.news-card__body a {display: inline-flex;align-items: center;gap: 0.5rem;margin-top: auto;padding-top: 1rem;color: var(--color-primary-dark);font-size: 0.875rem;font-weight: 500;}
.news-card__body a img {width: 16px;height: 16px;}
.news-card__body h3 .news-card__title {color: var(--color-text);font-size: 1.125rem;}
.contact-panel {display: grid;grid-template-columns: minmax(0, 480px) minmax(0, 1fr);gap: 3rem;align-items: center;padding: 0 0 0 3rem;}
.contact-panel__content {padding: 1rem 0;}
.contact-panel__eyebrow {margin: 0;color: var(--color-primary-dark);font-size: 1rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;}
.contact-panel__content h2 {margin: 1rem 0 0;color: var(--color-heading);font-size: clamp(2.25rem, 3vw, 3.125rem);font-weight: 700;line-height: 1.05;}
.contact-panel__lead {margin: 1.5rem 0 0;color: var(--color-text-soft);font-size: 1rem;line-height: 1.5;}
.contact-panel__list {display: flex;flex-direction: column;gap: 1rem;margin-top: 2rem;}
.contact-panel__list li {display: flex;align-items: center;gap: 0.875rem;color: var(--color-text);font-size: 1rem;line-height: 1.5;}
.contact-panel__list li img {flex: 0 0 24px;width: 24px;height: 24px;}
.contact-form {border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-soft);background: #fff;padding: 3rem;}
.contact-form__label {display: block;margin-bottom: 0.5rem;color: var(--color-text);font-size: 1rem;font-weight: 500;line-height: 1.5;}
.contact-form__input,
.contact-form__textarea {width: 100%;border: 1px solid var(--color-border);border-radius: 10px;padding: 0.875rem 1.125rem;color: var(--color-text);font-size: 1rem;line-height: 1.4;}
.contact-form__input::placeholder,
.contact-form__textarea::placeholder {color: rgb(10 10 10 / 0.5);}
.contact-form__textarea {min-height: 150px;resize: vertical;}
.contact-form__submit {width: 100%;border-radius: 10px;box-shadow: var(--shadow-soft);background: var(--color-primary-dark);padding: 1rem 1.5rem;color: #fff;font-size: 1rem;font-weight: 500;line-height: 1.5;border: 0;}
.contact-form__meta {margin-top: 1.5rem;border-top: 1px solid var(--color-border);padding-top: 1.5rem;}
.contact-form__meta p,
.contact-form__feedback {margin: 0;color: var(--color-text-soft);font-size: 1rem;line-height: 1.5;}
.contact-form__feedback {margin-top: 0.75rem;min-height: 1.5rem;color: var(--color-primary-dark);}
.contact-form__meta a{color: var(--color-text-soft);}
.faq-accordion {max-width: 980px;margin: 0 auto;}
.faq-accordion .accordion-item {border: 1px solid var(--color-border);border-radius: 16px;background: #fff;overflow: hidden;}
.faq-accordion .accordion-item + .accordion-item {margin-top: 1rem;}
.faq-accordion .accordion-button {padding: 1.25rem 1.5rem;color: var(--color-heading);font-size: 1rem;font-weight: 600;}
.faq-accordion .accordion-button:not(.collapsed) {box-shadow: none;background: #f8f4f0;color: var(--color-heading);}
.faq-accordion .accordion-button:focus {box-shadow: none;}
.faq-accordion .accordion-body {color: var(--color-text-muted);font-size: 1rem;line-height: 1.7;}
.modal-content {border: 0;border-radius: var(--radius-lg);}
@media (min-width: 1400px) {
  .hero__slide .container {padding-top: 10rem;padding-bottom: 5.25rem;}
}
@media (max-width: 1399.98px) {
  .category-card__media {min-height: 420px;}
  .news-card__media img {height: 280px;}
  .contact-panel {padding-left: 0;}
  .advantage-list{padding-left: 10%;}
}
@media (max-width: 1199.98px) {
  .hero__slide,
  .hero__slide .container {min-height: 680px;}
  .hero__slide .container {padding-top: 10.5rem;}
  .hero__content {max-width: 640px;}
  .arrivals-slider {grid-template-columns: 1fr;}
  .arrivals-slider__nav {display: none;}
  .contact-panel {grid-template-columns: 1fr;gap: 2rem;}
  .section-why__layout{width: 100%;}
}
@media (max-width: 991.98px) {
  .hero__slide,
  .hero__slide .container {min-height: 640px;}
  .hero__slide .container {padding-top: 5rem;}
  .slide-last .hero__content{position: static;}
  .slide-last .hero__title{width: 100%;}
  .section-why,
  .section-categories,
  .section-about,
  .section-news,
  .section-contact,
  .section-faq {padding: 3.75rem 0;}
  .advantage-list{padding-left: 0;}
  .section-arrivals {padding: 2rem 0 5rem;}
  .factory-card {min-height: 480px;}
  .factory-card__image {height: 480px;}
  .category-card__media {min-height: 360px;}
  .about-copy__media img {min-height: 340px;}
  .arrivals-slider__pagination{display: block;}
  .button--outline,
  .button--filled {padding:12px 2.25rem;}
}
@media (max-width: 767.98px) {
  .hero__slide,
  .hero__slide .container {min-height: 600px;}
  .hero__title {font-size: 2rem;}
  .hero__actions {flex-direction: column;align-items: flex-start;}
  .button--outline,
  .button--filled {width: 100%;}
  .hero__badges {gap: 0.75rem;}
  .section-heading--inline {flex-direction: column;align-items: flex-start;}
  .category-card__media {min-height: 300px;}
  .product-card__media {height: 300px;}
  .news-card__media img {height: 240px;}
  .contact-form {padding: 1.5rem;}
}

@media (max-width: 575.98px) {
  .hero__slide .container {padding-top: 4rem;padding-bottom: 3rem;}
  .hero__eyebrow {font-size: 0.8125rem;}
  .hero__title {font-size: 1.75rem;}
  .hero__description,
  .hero__badges li,
  .section-heading .section-heading__description,
  .advantage-list__item p,
  .advantage-list__item small,
  .about-copy .about-content,
  .contact-panel__lead,
  .contact-form__meta p,
  .faq-accordion .accordion-body{font-size: .875rem;}
  .factory-card {min-height: 400px;}
  .factory-card__image {height: 400px;}
  .category-card__media,
  .product-card__media {min-height: 250px;height: 250px;}
}
@media (max-width: 360px) {
  .hero__title {font-size: 1.5rem;}
  .hero__badges li,
  .button--outline,
  .button--filled {width: 100%;}
  .contact-form {padding: 1.25rem;}
  .contact-form__input,
  .contact-form__textarea {padding-right: 0.875rem;padding-left: 0.875rem;}
}