.hero {position: relative;height: 850px;overflow: hidden;}
.hero .swiper {width: 100%;height: 100%;}
.hero .swiper-slide {position: relative;display: flex;align-items: center;}
.hero__bg {position: absolute;inset: 0;}
.hero__bg-img {width: 100%;height: 100%;object-fit: cover;}
.hero__content {position: relative;z-index: 2;max-width: var(--max-width);margin: 0 auto;padding: 0 32px;padding-left: 164px;width: 100%;}
.hero__text-wrap {max-width: 814px;}
.hero__title {font-size: 58px;font-weight: 700;line-height: 1.12;color: var(--color-white);max-width: 760px;margin-bottom: 24px;text-shadow: 0 4px 2px rgba(0, 0, 0, 0.25);}
.hero__desc {font-size: 18px;line-height: 1.62;color: var(--color-white);max-width: 669px;margin-bottom: 40px;}
.hero__btn {display: inline-flex;align-items: center;gap: 10px;padding: 16px 32px;background: var(--color-primary);color: var(--color-white);font-size: 16px;font-weight: 600;border-radius: var(--radius-full);text-decoration: none;border: none;transition: all 0.3s;}
.hero__btn:hover {background: #42923b;color: var(--color-white);}
.hero__btn img {width: 17px;height: 17px;}
.hero__nav-prev,
.hero__nav-next {position: absolute;top: 50%;z-index: 10;width: 48px;height: 48px;border-radius: 50%;background: rgba(255, 255, 255, 0.15);border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 0.3s;}
.hero__nav-prev:hover,
.hero__nav-next:hover {background: rgba(255, 255, 255, 0.3);}
.hero__nav-prev { left: 24px; }
.hero__nav-next { right: 24px; }
.hero__nav-prev img,
.hero__nav-next img {width: 22px;height: 22px;}
.hero .swiper-pagination {bottom: 40px !important;}
.hero .swiper-pagination-bullet {width: 12px;height: 12px;background: rgba(255, 255, 255, 0.4);opacity: 1;margin: 0 6px !important;transition: all 0.3s;}
.hero .swiper-pagination-bullet-active {width: 36px;border-radius: 6px;background: var(--color-primary);}
.section {padding: var(--section-py) 0;}
.js-enabled .section {opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease-out, transform 0.6s ease-out;}
.js-enabled .section.is-visible {opacity: 1;transform: translateY(0);}
.section__container {max-width: var(--max-width);margin: 0 auto;}
.section__label {font-size: 22px;font-weight: 600;color: var(--color-primary);text-transform: uppercase;letter-spacing: 2.34px;text-align: center;margin-bottom: 0;line-height: 0.88;}
.section__heading {font-size: 46px;font-weight: 700;color: var(--color-dark);text-align: center;margin-top: 18px;line-height: 1.2;}
.section__heading-sm {font-size: 36px;font-weight: 700;color: var(--color-dark);line-height: 1.17;}
.section__subheading {font-size: 17px;line-height: 1.625;color: var(--color-text);}
.section__link-cta {display: inline-flex;align-items: center;gap: 6px;color: var(--color-primary);font-size: 16px;font-weight: 600;text-decoration: none;transition: all 0.3s ease-in-out;line-height: 1.5;}
.section__link-cta:hover {transform: translateX(-6px);}
.section__link-cta img {width: 14px;height: 14px;}
.section__header--left .section__label,
.section__header--left .section__heading {text-align: left;}
.section__header--left .section__heading {margin-top: 8px;}
.products-section {background: var(--color-white);padding: var(--section-py) 0;}
.products__showcase {display: flex;gap: 40px;align-items: flex-start;padding-top: 64px;}
.products__showcase-left {flex: 1;width: 778px;height: 615px;min-height: 520px;position: relative;background: var(--color-card-bg);border-radius: var(--radius-card);overflow: hidden;}
.products__showcase-left:hover .products__showcase-img {transform: scale(1.08);}
.products__showcase-img {width: 100%;height: 100%;object-fit: cover;}
.products__play-btn {position: absolute;bottom: 28px;left: 84px;display: flex;align-items: center;justify-content: center;gap: 8px;cursor: pointer;padding: 0;}
.products__play-icon {width: 61px;height: 61px;border-radius: 50%;background: var(--color-primary);display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: transform 0.3s;}
.products__play-btn:hover .products__play-icon {transform: scale(1.1);}
.products__play-icon img {width: 22px;height: 25px;}
.products__play-text {font-size: 22px;line-height: normal;color: var(--color-white);white-space: nowrap;}
.products__showcase-right {width: 738px;flex-shrink: 0;display: flex;flex-direction: column;gap: 16px;}
.products__mode-label {font-size: 16px;font-weight: 700;line-height: 1.31;color: #9CA3AF;text-transform: uppercase;letter-spacing: 2.24px;margin-bottom: 0;}
.products__mode-list {display: flex;flex-direction: column;gap: 16px;}
.products__mode-card {display: flex;align-items: center;gap: 24px;padding: 20px 28px;border-radius: var(--radius-card);cursor: pointer;transition: all 0.3s;}

.products__mode-card--sparkling {background: var(--color-primary);}
.products__mode-card--chilled {background: rgba(42, 92, 159, 0.2);}
.products__mode-card--hot {background: rgba(203, 63, 47, 0.2);}
.products__mode-card--ambient {background: rgba(125, 193, 221, 0.2);}
.products__mode-icon-wrap {width: 64px;height: 64px;border-radius: 14px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.products__mode-card--sparkling .products__mode-icon-wrap { background: rgba(255, 255, 255); }
.products__mode-card--chilled .products__mode-icon-wrap { background: #2a5c9f; }
.products__mode-card--hot .products__mode-icon-wrap { background: #cb3f2f; }
.products__mode-card--ambient .products__mode-icon-wrap { background: #7dc1dd; }
.products__mode-icon-wrap img {width: 40px;height: 40px;}
.products__mode-card:hover .products__mode-icon-wrap{transform: translateY(-4px);}
.products__mode-info {flex: 1;min-width: 0;}
.products__mode-title {font-size: 20px;font-weight: 700;line-height: 1.25;margin-bottom: 0;}
.products__mode-card--sparkling .products__mode-title {color: var(--color-white);}
.products__mode-card--chilled .products__mode-title,
.products__mode-card--hot .products__mode-title,
.products__mode-card--ambient .products__mode-title {color: var(--color-dark);}
.products__mode-details {padding-top: 16px;font-size: 16px;line-height: 1.37;margin-bottom: 0;}
.products__mode-card--sparkling .products__mode-details {color: var(--color-white);}
.products__mode-card--chilled .products__mode-details,
.products__mode-card--hot .products__mode-details,
.products__mode-card--ambient .products__mode-details {color: var(--color-text);}
.markets-section {background: var(--color-light-bg);padding: var(--section-py) 0;}
.markets__header {display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 43px;}
.markets__case-card {display: flex;border-radius: var(--radius-lg);overflow: hidden;background: var(--color-white);}
.markets__case-img-side {flex: 0 0 60%;position: relative;}
.markets__case-img {width: 100%;height: 100%;object-fit: cover;}
.markets-section .section__subheading{max-width: 580px;}
.markets__case-overlay {position: absolute;inset: 0;background: linear-gradient(144.346deg, rgba(6, 14, 30, 0.78) 0%, rgba(6, 14, 30, 0.45) 50%, rgba(6, 14, 30, 0.2) 100%);display: flex;flex-direction: column;justify-content: center;padding: 56px 52px;}
.markets__case-label {font-size: 22px;font-weight: 700;color: var(--color-primary);text-transform: uppercase;letter-spacing: 1.54px;margin-bottom: 8px;line-height: 0.75;padding-left: 16px;position: relative;}
.markets__case-label::before{position: absolute;content:'';top:50%;left:0;width: 8px;height: 8px;background: var(--color-primary);transform: translateY(-50%);border-radius: 50%;}
.markets__case-title {font-size: 36px;font-weight: 800;color: var(--color-white);line-height: 1.53;margin-bottom: 20px;}
.markets__case-desc {font-size: 16px;line-height: 1.75;color: rgba(255, 255, 255);max-width: 620px;margin-bottom: 40px;}
.markets__case-desc p{margin-bottom: 0;}
.markets__case-btn {display: inline-flex;align-items: center;gap: 8px;padding: 14px 28px;background: var(--color-primary);color: var(--color-white);font-size: 15px;font-weight: 600;border-radius: 28px;text-decoration: none;align-self: flex-start;transition: all 0.3s ease-in-out;}
.markets__case-btn:hover {transform: translateX(5px);color: var(--color-white);}
.markets__stats-side {flex: 1;padding: 56px 52px;display: flex;flex-direction: column;gap: 0;}
.markets__stat-card {display: flex;align-items: center;gap: 30px;padding: 32px 0;}
.markets__stat-icon {width: 64px;height: 64px;border-radius: var(--radius-card);display: flex;align-items: center;justify-content: center;flex-shrink: 0;background: rgba(var(--color-primary-rgb), 0.2);}
.markets__stat-icon img {object-fit: contain;}
.markets__stat-value {font-size: 48px;font-weight: 800;line-height: 1.083;color: var(--color-dark);letter-spacing: -1.04px;}
.markets__stat-label {font-size: 16px;font-weight: 500;color: var(--color-text);line-height: 1.5;margin-top: 8px;}
.markets__stat-tips{font-size: 22px;font-weight: 500;line-height: 1.09;color: var(--color-dark);margin-top: 4px;}
.products-grid-section {background: var(--color-white);padding: var(--section-py) 0;}
.products-grid__header {display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 32px;}
.products-grid__cards {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;}
.products-grid__card {border: 2px solid transparent;border-radius: var(--radius-card);overflow: hidden;background: var(--color-white);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);transition: all 0.3s;}
.products-grid__card--active {border-color: var(--color-primary);box-shadow: 0 8px 32px rgba(58, 170, 53, 0.18);}
.products-grid__card:hover {box-shadow: 0 8px 32px rgba(58, 170, 53, 0.18);transform: translateY(-4px);}
.products-grid__card:hover .products-grid__card-btn{background: var(--color-primary);color: var(--color-white);}
.products-grid__card-img-wrap {border-bottom: 1px solid #eaeaea;overflow: hidden;aspect-ratio: 1 / 1;}
.products-grid__card-img {width: 100%;height: auto;object-fit: cover;}
.products-grid__card-body {padding: 24px;}
.products-grid__card-name {font-size: 20px;font-weight: 700;color: var(--color-dark);line-height: 1.5;padding-top: 6px;margin-bottom: 0;}
.products-grid__card-desc {font-size: 14px;color: var(--color-gray);margin-top: 8px;line-height: 1.5;}
.products-grid__card-btn {display: inline-flex;align-items: center;justify-content: center;width: 100%;height: 48px;border: 1px solid var(--color-primary);border-radius: var(--radius-full);background: transparent;color: var(--color-primary);font-size: 16px;font-weight: 600;text-decoration: none;margin-top: 11px;transition: all 0.3s;}
.products-grid__card-btn:hover {transform: translateX(3px);}
.why-section {position: relative;min-height: 660px;height: 850px;overflow: hidden;}
.why-section__bg-wrap {position: absolute;inset: 0;pointer-events: none;}
.why-section__bg-wrap::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image:linear-gradient(-90deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,0.6) 100%);}
.why-section__bg-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.why-section__inner {position: relative;z-index: 1;display: flex;align-items: flex-start;max-width: 1620px;height: 100%;min-height: inherit;margin: 0 auto;}
.why-section__left {width: 50%;flex-shrink: 0;display: flex;flex-direction: column;justify-content: flex-start;padding: 50px 64px;}
.why-section__label {font-size: 22px;font-weight: 600;line-height: 19.5px;color: var(--color-primary);text-transform: uppercase;letter-spacing: 2.34px;margin-bottom: 0;}
.why-section__heading-group {margin-top: 0;}
.why-section__heading {font-size: 46px;font-weight: 700;line-height: 52.9px;color: var(--color-dark);margin-bottom: 0;}
.why-section__subheading {font-size: 17px;line-height: 27.625px;color: var(--color-text);margin-top: 0;max-width: 682px;}
.why-section__right {width: 50%;flex-shrink: 0;position: relative;display: flex;flex-direction: column;justify-content: flex-start;padding: 293px 0 0 128px;}
.why-section__award-label {font-size: 30px;font-weight: 600;line-height: 0.65;color: var(--color-dark);text-transform: uppercase;letter-spacing: 2.34px;margin-bottom: 0;}
.why-section__award-detail {margin-top: 15px;}
.why-section__award-title {font-size: 46px;font-weight: 700;line-height: 1.15;color: var(--color-dark);margin-bottom: 0;}
.why-section__award-desc {font-size: 17px;line-height: 1.62;color: var(--color-text);margin-top: 0;max-width: 500px;}
.why-section__award-desc p{margin-bottom: 0;}
.why-section__btn {display: inline-flex;align-items: center;justify-content: center;margin-top: 32px;padding: 12px 32px;height: 48px;width: 226px;background: var(--color-primary);color: var(--color-white);font-size: 16px;font-weight: 600;border-radius: var(--radius-full);text-decoration: none;transition: all 0.3s ease-in-out;}
.why-section__btn:hover {background: #42923b;color: var(--color-white);transform: translateX(5px);}
.news-section {background: var(--color-white);padding: var(--section-py) 0;}
.news__header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 0;}
.news__content {display: flex;gap: 28px;align-items: stretch;padding-top: 56px;}
.news__main-card {flex: 1;width: 778px;border: 1px solid #f0f0f0;border-radius: var(--radius-card);overflow: hidden;text-decoration: none;color: inherit;transition: box-shadow 0.3s;}
.news__main-card:hover {box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);color: inherit;}
.news__main-card-img {width: 100%;height: 421px;object-fit: cover;}
.news__main-card-body {padding: 36px;}
.news__card-date {display: flex;align-items: center;gap: 12px;font-size: 16px;line-height: 1.4;color: #9ca3af;margin-bottom: 12px;}
.news__main-card .news__card-date {margin-bottom: 16px;}
.news__main-card .news__card-title {font-size: 24px;font-weight: 700;color: var(--color-dark);line-height: 1.375;margin-bottom: 20px;}
.news__main-card .news__card-desc {font-size: 16px;color: #6b7280;line-height: 1.625;margin-bottom: 33px;}
.news__card-readmore {display: inline-flex;align-items: center;gap: 6px;color: var(--color-primary);font-size: 15px;font-weight: 600;line-height: 22.5px;text-decoration: none;transition: gap 0.3s;}
.news__card-readmore:hover {gap: 12px;color: var(--color-primary);}
.news__card-readmore img {width: 14px;height: 14px;}
.news__side-cards {width: 50%;flex-shrink: 0;display: flex;flex-direction: column;gap: 20px;}
.news__side-card {display: flex;align-items: flex-start;height: 240px;border: 1px solid #f0f0f0;border-radius: var(--radius-card);overflow: hidden;text-decoration: none;color: inherit;transition: box-shadow 0.3s;}
.news__side-card:nth-child(3) {height: 242px;}
.news__side-card:hover {box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);color: inherit;}
.news__side-card-img {width: 323px;height: 100%;object-fit: cover;flex-shrink: 0;}
.news__side-card-body {width: 489px;display: flex;flex-direction: column;justify-content: center;padding: 24px 28px;height: 100%;}
.news__side-card-title {font-size: 18px;font-weight: 700;color: var(--color-dark);line-height: 1.29;margin-bottom: 8px;}
.news__side-card-desc {font-size: 16px;color: #9ca3af;line-height: 1.52;margin-bottom: 12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
@media screen and (max-width:1620px) {
  .section__container{padding:0 20px;}
}

@media (max-width: 1200px) {
  .hero { height: 600px; }
  .hero__content { padding-left: 32px; }
  .hero__title { font-size: 40px; }
  .hero__desc { font-size: 16px; }
  .section__heading { font-size: 36px; }
  .section__label { font-size: 18px; }
  .products__showcase { flex-direction: column; }
  .products__showcase-left {width: 100%; height: auto; min-height: 400px; }
  .products__showcase-right { width: 100%; }
  .markets__case-card { flex-direction: column; }
  .markets__case-img-side { flex: 0 0 auto; }
  .products-grid__cards { grid-template-columns: repeat(2, 1fr); }
  .news__content { flex-direction: column; }
  .news__main-card { width: 100%; }
  .news__main-card-img { height: auto; max-height: 421px; }
  .news__side-cards { width: 100%; }
  .news__side-card { height: auto; flex-direction: column; }
  .news__side-card-img { width: 100%; height: 200px; }
  .news__side-card-body { width: 100%; height: auto; }
  .why-section { height: auto; min-height: 500px; }
  .why-section__inner { flex-direction: column; }
  .why-section__left { width: 100%; padding: 48px 32px; }
  .why-section__right { width: 100%; padding: 0 32px 48px; }
}

@media (max-width: 768px) {
  .hero { height: 500px; }
  .hero__content { padding-left: 16px; padding-right: 16px; }
  .hero__title { font-size: 28px; max-width: 100%; }
  .hero__desc { font-size: 14px; max-width: 100%; }
  .hero__btn { width: 100%; justify-content: center; }
  .hero__nav-prev, .hero__nav-next { display: none; }
  .section__heading { font-size: 28px; }
  .section__heading-sm { font-size: 24px; }
  .section__label { font-size: 16px; letter-spacing: 1px; }
  .products__showcase-left { min-height: 280px; height: auto; }
  .products__play-text { font-size: 16px; }
  .products__play-icon { width: 48px; height: 48px; }
  .products__mode-card { flex-direction: column; align-items: flex-start; padding: 16px; gap: 12px; }
  .products__mode-label { font-size: 14px; letter-spacing: 1px; }
  .markets__case-overlay { padding: 24px; }
  .markets__case-title { font-size: 18px; }
  .markets__stats-side { padding: 24px; }
  .markets__stat-value { font-size: 28px; }
  .markets__stat-label{font-size: 14px;}
  .markets__stat-tips{font-size: 17px;line-height: 1.2;}
  .products-grid__cards { grid-template-columns: 1fr; }
  .news__main-card-img { height: 200px; }
  .news__main-card-body { padding: 20px; }
  .news__main-card .news__card-title { font-size: 18px; }
  .news__side-card-body { width: 100%; height: auto; padding: 16px; }
  .news__side-card-title { font-size: 16px; line-height: 1.3; }
  .why-section { height: auto; min-height: auto; }
  .why-section__inner { flex-direction: column; }
  .why-section__left { width: 100%; padding: 32px 16px; }
  .why-section__heading { font-size: 28px; line-height: 1.2; }
  .why-section__right { width: 100%; padding: 0 16px 32px; }
  .why-section__award-title { font-size: 28px; line-height: 1.2; }
  .markets__header, .products-grid__header, .news__header {flex-direction: column;align-items: flex-start;gap: 12px;}
  .section__header--left .section__label,
  .section__header--left .section__heading {text-align: left;}
  .section__label{line-height: 1.3;}
  .markets__case-label{font-size: 16px;}
  .markets__case-btn{padding:10px 20px;font-size: 14px;}
  .markets__case-label{line-height: 1.2;}
  .markets__stat-card{padding:20px 0;}
  .news__content{padding-top: 48px;}
  .why-section{padding: 48px 0;}

  .markets__case-img-side{height: 500px;overflow: hidden;}
}