/*
---------------------------------------------------------
변경 로그
---------------------------------------------------------
2026-10-08
- Témata 사이드 메뉴를 전체 공개 페이지에서 숨기고 다른 기능이 없는 사이드바의 빈 영역 제거
- 모든 페이지의 뉴스레터 grid·폼을 가용 폭에 맞춰 축소하여 Mobile 입력·버튼 잘림 제거

2026-10-14
- KOTSAM 상품 상세 최종: Mix 즉시 선택·단계별 표시·영역별 오류와 재시도, 기존 단품·Section 배치·포커스 보존

2025-11-10
- 장바구니, 위젯, 결제 버튼, 사이드바, 팝업에서 텍스트 가시성 보정

2025-11-14
- 모바일 메뉴 레이어 문제 수정
- 헤더 고정 및 상단 여백 보정

2025-11-25
- E-SHOP 버튼 레이아웃 및 모바일 헤더 정렬 조정

2025-11-28
- 배송지 선택 화면 버튼과 링크 스타일 정리

2025-12-04
- 주문 2단계 체크박스와 라디오 선택 색상 보정

2026-01-15
- 동영상형 히어로 배너 스타일과 반응형 레이아웃 추가

2026-03-08
- 히어로 배너 레이아웃 및 타이포 스타일 조정
- PC/모바일 반응형 배너 비율과 버튼 스타일 정리

2026-03-11
- 카테고리 상품 카드 평점 UI 스타일 추가

2026-03-27
- kotsam-hero-banner-slider 스타일 분리본 추가

2026-09-04
- 뉴스레터 폼 스타일의 장바구니 쿠폰 폼 침범 제거
- 장바구니 쿠폰 입력과 버튼 높이 및 반응형 정렬 통일

2026-10-01
- 홈페이지 장식의 음수 여백을 홈페이지로 제한하여 태블릿 상품 문의 클릭 차단 해소
- 로그인·리뷰·뉴스레터·평점·할인율·동의 링크의 실제 DOM 소유 규칙 정리
---------------------------------------------------------
*/
@media (min-width: 1921px) {
  .overall-wrapper {
    max-width: 1920px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    padding: 10px 30px;
  }
  .container {
    position: relative;
  }
  .container--bannersBenefit:before {
    margin-left: -200px !important;
    top: 135px;
  }
  .in-index .container--bannersBenefit:after {
    background-image: url(/user/documents/new-design/yuzu.png) !important;
  }
}
.homepage-tabs-wrapper .shp-tabs-holder
{
  display: none;
}
.login-wrapper .password-helper a {
  color: black;
}
.co-registration .form-group label {
  text-align: start;
}
.desktop {
  overflow-x: hidden;
}
html {
  scroll-behavior: smooth;
}
:is(h1, h2, h3, h4, h5, h6, p, a, span):not(.kotsam-product-detail *):not(.kotsam-hero-banner-media-first__overlay *) {
  font-family: "Montserrat", "Poppins", sans-serif !important;
}
.search-whisperer .p-name, .search-whisperer .price,.search-whisperer-documents a {
    color: black;
}
.navigation-in ul li a b {
  font-weight: 400;
  text-transform: uppercase;
}
#header {
  z-index: 1;
  position: relative;
}
#header .site-name a img {
  width: 260px;
  max-height: 100% !important;
  max-width: 300px;
  margin-left: 20px
}
.slider-video {
  width: 99%;
  height: auto;
  max-width: 99%;
  object-fit: cover;
  margin-top: -60px;
  -webkit-mask-image: -webkit-radial-gradient(white, black); /* Pro Safari */
  mask-image: -webkit-radial-gradient(white, black);
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.temp_new_clientTables .sidebar a {
  color: black;
}
#homepageProducts1 .flags.flags-default {
  left: -15px;
  position: absolute;
  top: -20px;
  max-width: 32px;
}
#products-1 a
{
  text-decoration: none;
}
#products-1 .price-final strong
{
  font-weight: 800
}
.detail-btn
{
  background-color: #008000;
  color: white !important;
  padding: 7px 15px !important;
  border-radius: 10px;
  font-weight: 700;
  font-size: 18px;
}
#products-1 .detail-btn {
  text-decoration: none !important;
  max-width: 150px;
  display: block;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .user-action .user-action-in {
    padding: 70px 0 19px;
  }
  #header .site-name a img {
    width: auto;
    max-height: 60px !important;
  }
 .carousel-inner > .active .banner-image
{
    max-height: 350px;
}
  /* Upravíme původní carousel */
  .homepage-products-1.carousel-slider-vyhody {
    position: relative;
  }
  /* Stylování scrollbaru */
  .carousel-slider-vyhody::-webkit-scrollbar {
    height: 5px;
    background-color: #f0f0f0;
    border-radius: 4px;
  }
  .carousel-slider-vyhody::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
  }
	#header .container {
    height: auto;
    min-height: 55px;
}
}
@media only screen and (max-width: 400px) {
  #header .site-name a img {
    padding-left: 0px;
    max-height: 30px !important;
  }
}
#products-1.products-block > div .p > a img {
  margin-right: 30px;
}
.carousel-inner > .active img {
  max-width: 1380px !important;
  margin: auto;
}
.in-index #products-1 .product {
  max-width: 300px;
  z-index: 9;
}
.in-index #products-1 {
  justify-content: center;
}
.navigation-buttons > a[data-target=cart] i {
  background-color: black;
}
.container.navigation-wrapper .site-name {
  flex-basis: auto;
}
.in-o-nas .carousel-item p {
  margin-top: 20px
}
div.slick-list.draggable {
  width: 100% !important;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 24px;
}
.slick-initialized .slick-slide {
  padding-right: 5px;
  padding-left: 5px;
}
.slick-track {
  display: flex !important;
}
@media (min-width: 768px) {
  #homepageProducts1 .products-block > div .p .name {
    min-height: 100px;
  }
}
.navigation-buttons a[data-target=cart]:before {
  font-size: 30px
}
.navigation-buttons a[data-target=search]:before {
  font-weight: 700;
}
.fitted .navigation-in ul {
  justify-content: end;
}
/* product 1 slider*/
#products-1 .slick-next {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  color: inherit;
  font: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
  font-family: inherit;
  line-height: inherit;
  border-left: 30px solid #ee312f;
  border-right: 0 solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  background-color: transparent;
  position: absolute;
  right: -32px;
  top: 50%;
  transform: translateY(400%);
  font-size: 0px;
  display: block;
}
#products-1 .slick-prev {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  color: inherit;
  font: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
  font-family: inherit;
  line-height: inherit;
  border-right: 30px solid #ee312f;
  border-left: 0 solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  background-color: transparent;
  position: absolute;
  left: -32px;
  top: 50%;
  transform: translateY(400%);
  font-size: 0px;
  display: block;
  /*z-index: 99;*/
}
.menu-btn a {
  color: white;
  background-color: #ee312f;
  margin: 0 10px;
  max-height: 40px;
  line-height: 20px;
  padding: 10px 15px;
  width: auto;
  font-size: 20px;
  font-weight: 700;
  border-radius: 10px;
  text-transform: uppercase;
}
#nav-manufacturers, .navigation-in .navigationActions, .pagination-top {
  display: none !important;
}
.navigation-buttons a, .navigation-buttons {
  border: none;
}
.homepage-texts-wrapper {
  width: 100%;
  margin-top: 70px;
}
div.slick-list.draggable {
  width: 100%;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.type-detail .rate-average,
.in-hodnoceni-obchodu .rate-average
{
  /* 2026-10-01: 밝은 평점 영역에서는 테마의 흰색 기본 글자 변수를 사용하지 않음 */
  color: #2A1A12;
}
.add-comment .rating-icon
{
  color: black;
}

.type-detail .responsive-nav .shp-tabs-holder {
    margin: 15px;
}

.type-detail .basic-description .tabs
{
   display: none;
}

/* 2026-10-05: 설명·리뷰 탭 색상은 유지하고 관련·유사 상품 탭은 더보기 영역에서도 비노출 */
.type-detail #p-detail-tabs > li > a {
    background: #EFE7DF;
    padding: 15px 20px;
    border-radius: 5px;
    font-size: 1em;
    font-weight: bold;
    color: #2A1A12;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}
.type-detail #p-detail-tabs > li.active > a,
.type-detail #p-detail-tabs > li > a[aria-selected="true"],
.type-detail #p-detail-tabs > li > a:hover,
.type-detail #p-detail-tabs > li > a:focus-visible {
    background: #2A1A12;
    color: #FFF8ED;
}
.type-detail .p-detail-tabs-wrapper li.shp-tab[data-testid="tabRelatedProducts"],
.type-detail .p-detail-tabs-wrapper li.shp-tab[data-testid="tabAlternativeProducts"] {
    display: none;
}
@media only screen and (max-width: 390px) {
  .type-detail #p-detail-tabs > li > a {
      padding: 15px 8px;
  }}
.global-review
{
  margin-top: 32px
}
.global-review .shp-tab-link
{
    text-align: center;
    padding: 5px 24px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 700;
    margin: auto;
    display: block;
    width: fit-content;
    text-decoration: none !important;
    background-color: #ee312f;
    color: white !important;
}
.slider-btn, .btn
{
  text-decoration: none !important;
}

.global-review .shp-tab-link:hover
{
    background-color: white;
    color: #E1191E !important;
    border: 1px solid #E1191E;
}



@media (min-width: 992px) {
  .next-to-carousel-banners {
    margin-top: -125px;
  }
}
#products-1 a {
  padding-top: 24px
}
#products-1.products-block > div .p {
  background-color: white;
  padding-bottom: 32px;
}
#products-1 a, #products-1.products-block > div .p > a img {
  max-height: 175px;
	z-index: 9
}
.products-block > div .p > a img {
  background-color: white;
  border-radius: 15px;
  border: none !important;
}
#products-1 .product {
  margin: 0 15px
}
.products-block .p {
  border: none !important;
  border-radius: 15px;
}
.main-claim {
  text-align: center;
  margin-top: 40px;
  position: relative;
}
.main-claim p.perex {
  max-width: 600px;
  margin: 32px auto 40px;
}
.main-claim .small-red-text {
  color: #ee312f;
  font-weight: 700;
  position: relative;
  margin-bottom: 10px;
  font-size: 12px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
}
.big-black-text {
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 1.2;
  color: #1c1d29;
  font-weight: 600;
  position: relative;
  margin: auto;
  text-align: center;
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}
.big-black-text.wide {
  max-width: 1300px;
}
.btn-red.btn
{
    background-color: #ee312f;
    width: fit-content;
    margin: 24px auto;
    padding: 15px 32px;
    border-radius: 10px;
    font-size: 20px;
    z-index: 9;
    position: relative;
    color: white !important;
    font-weight: 700;
}
.main-claim .btn-red {
  background-color: #ee312f;
  width: fit-content;
  margin: 50px auto;
  padding: 15px 32px;
  border-radius: 10px;
  font-size: 20px;
  z-index: 9;
  position: relative;
}
.main-claim .btn-red a {
  color: white !important;
  font-weight: 600;
  text-decoration: none;
}
.index-content-wrapper > .homepage-blog-wrapper.row.blog-wrapper {
  display: none;
}
.news-item a
{
  text-decoration: none !important;
}
@media (min-width: 768px) {
  .homepage-blog-wrapper .news-item {
    flex-basis: 33.33% !important;
  }
  .navigation-in.menu .navigationActions {
    display: none;
  }
  #newsWrapper .news-item {
    width: calc((100% / 3) - 10px);
    display: block;
    gap: 0px;
  }
  .news-item .text .title {
    min-height: 65px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}
.newsletter-header h4 span {
  font-size: 40px;
  color: #E1191E
}
.newsletter-header p {
  font-size: 18px;
  color: #143046;
  max-width: 750px;
  line-height: 1.1;
  margin-top: 20px;
  margin-bottom: 30px;
}
/* 2026-10-01: 로그인과 리뷰 폼의 버튼만 브랜드 색상을 사용하며 크기와 글꼴은 유지 */
.login-form .btn.btn-primary,
.rate-form-trigger .btn.btn-secondary,
.rating-form .btn.btn-primary {
  background-color: #E1191E;
  border-color: #E1191E;
  color: #FFFFFF;
}
.login-form .btn.btn-primary:is(:hover, :active),
.rate-form-trigger .btn.btn-secondary:is(:hover, :active),
.rating-form .btn.btn-primary:is(:hover, :active) {
  background-color: #C9151A;
  border-color: #C9151A;
  color: #FFFFFF;
}
.type-detail .p-final-price-wrapper .price-save {
  /* 2026-10-01: 상품 사진의 할인 배지가 아닌 가격 영역 할인율만 지정 */
  color: #2A1A12;
}
/* 2026-10-01: 실제 뉴스레터는 compact-form이 아닌 subscribe-form을 사용 */
.footer-newsletter .subscribe-form .btn {
  background-color: #E1191E;
  border-color: #E1191E;
  color: white;
}
/* 2026-09-04: 장바구니 쿠폰 입력과 버튼의 경계 및 높이를 동일하게 유지 */
[data-testid="formDiscountCoupon"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: stretch;
}
[data-testid="formDiscountCoupon"] [data-testid="inputDiscountCoupon"],
[data-testid="formDiscountCoupon"] [data-testid="buttonSubmitDiscountCoupon"] {
  box-sizing: border-box;
  height: 68px;
  min-height: 68px;
  margin: 0;
}
[data-testid="formDiscountCoupon"] [data-testid="inputDiscountCoupon"] {
  width: 100%;
  min-width: 0;
  border: 1px solid #919191;
  border-radius: 10px;
}
[data-testid="formDiscountCoupon"] [data-testid="buttonSubmitDiscountCoupon"] {
  width: auto;
  min-width: 0;
  max-width: 100%;
  border-color: #E1191E;
  background-color: #E1191E;
  color: #FFFFFF;
  font-weight: 700;
  text-transform: none;
}
[data-testid="formDiscountCoupon"] [data-testid="buttonSubmitDiscountCoupon"]:is(:hover, :focus, :active) {
  border-color: #C9151A;
  background-color: #C9151A;
  color: #FFFFFF;
}
.co-registration input[type=checkbox]:checked+label:before{
    background-image: url(https://www.kotsam.cz/user/documents/upload/check-mark-kotsam.svg);
    size: 16px !important;
    width: 14px !important;
    height: 14px !important;
    color: black;
    object-fit: cover;
    background-size: cover;
    z-index: 99;
}

/* 2026-10-01: 체크박스 label과 안내 문단 p.label의 동의 링크를 함께 지원 */
.consents.form-group label a,
.consents.form-group p.label > a {
  color: #143046;
  text-decoration: underline;
}
.footer-bottom {
  border-width: 0px 0 0;
}
.footer-newsletter {
  background-image: url(/user/documents/new-design/newsletter-bg.png);
  background-position-x: center;
  width: 100%;
  padding: 50px 0 0;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  min-height: 450px;
  widows: inherit !important
}
.newsletter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  padding: 24px;
}
/* 2026-10-08: footer 밖으로 이동한 실제 구독 폼도 테마의 최대 폭 안에서 축소 */
.newsletter-grid .subscribe-form {
  width: 100%;
  max-width: var(--form-fields-width-lg);
  min-width: 0;
  justify-self: center;
}
.footer-newsletter img {
  height: 100%;
  max-height: 200px;
}
.newsletter-grid .subscribe-form .btn
{
  background-color: white;
  color: #E1191E;
  border: 1px solid #E1191E;
}

.newsletter-grid .subscribe-form .btn:is(:hover, :active)
{
   background-color: #E1191E;
  color: #fff;
}
.pagination > a, .pagination > strong {
  color: white;
  background-color: #ee312f;
}
#newsWrapper .news-item {
  gap: 15px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
@media (min-width: 768px) {
  .pagination-wrapper {
    justify-content: center;
  }
  .pagination-wrapper .pagination {
    text-align: center;
  }
}
#blog-hp-section {
  margin-top: 150px;
}
.type-posts-listing .sidebar {
  display: none;
}
.in-obchodni-podminky .sidebar,
.in-vraceni-zbozi-a-reklamace .sidebar,
.in-podminky-ochrany-osobnich-udaju .sidebar {
  display: none;
}
/* 2026-10-08: Témata만 전역 비노출; 다른 상자가 있는 사이드바는 보존 */
.sidebar .box-articles,
.sidebar:has(> .sidebar-inner > .box-articles):not(:has(> .sidebar-inner > :not(.box-articles))) {
  display: none;
}
#newsWrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
}
.in-blog h2 {
  text-align: center;
  margin-top: 32px;
  display: block;
}
.homepage-blog-wrapper .homepage-group-title {
  font-size: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 40px;
}
.homepage-blog-wrapper:before {
  background-image: url(/user/documents/new-design/homepage-bg.png);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 100vw;
  height: -webkit-fill-available;
  background-repeat: no-repeat;
  background-size: cover;
  height: 120%;
  max-height: 805px;
  margin-top: -90px;
  z-index: 9;
  max-width: 100%;
  max-width: 1920px;
}
.homepage-blog-wrapper {
  padding-top: 75px;
}
.news-item .image img {
  height: 245px;
  width: auto;
  margin: auto;
  border-radius: 10px;
  object-fit: cover;
}
.news-item .image {
  margin: auto;
  text-align: center;
}
.news-item .text .title {
  font-weight: 700;
  font-size: 20px;
  color: black;
}
.homepage-blog-wrapper .news-item {
  z-index: 99;
}
.homepage-blog-wrapper .news-item .text {
  background-color: white;
  padding: 20px 20px 32px 20px;
  margin-top: -40px;
  z-index: 9;
  position: relative;
  font-size: 18px;
}
.blog-wrapper .news-item .title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative
}
@media (min-width: 768px) {
  .blog-wrapper {
    align-items: flex-start;
    display: inline-flex;
  }
}
.image-container {
  margin-top: 40px;
  position: relative;
  justify-content: space-evenly;
  display: flex;
  margin: auto;
  width: fit-content;
  min-width: 900px;
}
.image-container img {
  width: 100%;
  max-width: 600px;
  height: auto;
}
.info-box {
  position: absolute;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 30px 40px;
  max-width: 400px;
}
.info-box h3 {
  margin: 0;
  color: #ee312f;
}
.info-box p {
  margin: 10px 0 0 0;
  font-size: 0.9em;
}
.image-container .info-1 {
  top: 20px;
  left: -100px;
}
.image-container .info-2 {
  top: 20px;
  right: -100px;
}
.image-container .info-3 {
  bottom: 20px;
  left: -100px;
}
.image-container .info-4 {
  bottom: 20px;
  right: -100px;
}
.image-container .info-5 {
  top: 40%;
  right: -140px;
}
.history-container {
  display: flex;
  margin: 150px auto;
}
.history-container .image {
  padding: 20px;
  margin-top: auto;
  margin-bottom: auto;
}
.history-container .image img {
  width: 100%;
  height: auto;
  margin-left: 100px;
  position: relative;
  z-index: 0;
}
.history-container .btn-red {
  background-color: #ee312f;
  width: max-content;
  padding: 10px 15px;
  border-radius: 10px;
  color: white;
  font-weight: 600;
  margin: auto;
}
.history-container .btn-red a {
  color: white;
}
.text-section {
  margin-top: auto;
  margin-bottom: auto;
}
.history-container .card {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 40px;
  border-radius: 15px;
  background-color: white;
}
.history-container .card:nth-child(2) {
  margin-top: 32px;
}
.history-container h2 {
  font-size: 24px;
  letter-spacing: 0px;
  color: #ee312f;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.history-container h3 {
  letter-spacing: 0px;
  font-size: 24px;
  color: #1c1d29;
  font-weight: bold;
}
.history-container p {
  color: #61626a;
  line-height: 24px;
}
.history-container .note {
  font-size: 0.8em;
  color: #999;
}
.row.spolecne {
  max-width: 1000px;
  display: flex;
  margin: 75px auto;
}
.row.spolecne .col-md-6 {
  margin-top: auto;
  margin-bottom: auto;
}
.row.spolecne h2 {
  font-size: 40px;
}
.row.spolecne h2 span {
  color: #ee312f;
}
.row.spolecne p {
  font-size: 20px;
}
.row.spolecne img {
  max-width: 400px;
  max-height: 400px;
}
.center {
  text-align: center;
}
/*kontakt*/
.in-kontakty .sidebar {
  display: none;
}
.contact-form-section {
  max-width: 700px;
  margin: auto;
}
.contact-form-section p {
  display: none;
}
.contact-form-section {
  font-weight: 600;
}
.form-group:last-child {
  text-align: end;
}
.form-group:last-child .btn {
  background-color: #ee312f;
  width: max-content;
  margin: 20px auto;
  padding: 10px 15px;
  border-radius: 10px;
  color: white;
  border: none;
  font-weight: 600;
}
.oznameni {
  max-width: 800px;
  margin: 50px auto 75px;
}
#oznameni li {
  display: flex;
  justify-content: space-between;
  font-weight: 200;
}
#oznameni li a {
  flex: 1;
  text-align: left;
  margin-bottom: 20px;
  font-weight: 600;
}
#oznameni li span {
  text-align: right;
}
.header-oznameni {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.header-oznameni a {
  margin-top: auto;
  margin-bottom: auto;
  background-color: #ee312f;
  width: max-content;
  color: white;
  font-weight: 600;
  padding: 10px 15px;
  border-radius: 10px;
}
.header-oznameni h2 {
  position: relative;
  color: #ee312f;
}
.header-oznameni h2::before {
  content: "";
  position: absolute;
  bottom: -21px;
  left: 0;
  width: 100%;
  border-bottom: 3px solid #000;
}
.oznameni {
  border-bottom: 1px solid #000;
}
#oznameni li {
  list-style: none;
  position: relative;
  margin-left: 1.5em
}
#oznameni li::before {
  content: "•";
  position: absolute;
  left: -0.7em;
  font-size: 2.5em;
  height: 20px;
  line-height: 0.5;
}
.flags {
  left: 10px;
  position: absolute;
  top: 32px;
  max-width: 32px;
}
.flags .flag {
  border-radius: 50%;
  height: 60px;
  width: 60px;
  min-width: 60px;
  padding-top: 0px;
  font-weight: 700;
  margin-top: auto;
  margin-bottom: auto;
  align-items: center;
  position: relative;
  display: flex;
  padding: 5px;
  margin-bottom: 5px;
  font-size: 11px;
  justify-content: center;
}
.p:hover .flag {
  opacity: 1;
}
.flags-default .flag:after, .flags-default .flag:before, .availability-amount {
  display: none;
}
@media (min-width: 768px) {
  .products-block > div .p .name {
    height: inherit;
    font-weight: 700;
    font-size: 16px;
    z-index: 1;
    position: relative;
  }
}
@media (min-width: 992px) {
  .products-block > div .p .name {
    font-size: 20px;
  }
}
.slick-track .p-desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 42px;
  overflow: hidden;
}
.slick-track .product .price-final {
  color: #ee312f;
  font-size: 28px;
}
.product .availability, .product .p-tools {
  display: none !important;
}
.products-block > div .p .p-bottom .p-desc {
  margin-top: 10px
}

/*o nás*/
.in-o-nas h1, .in-o-nas .sidebar {
  display: none;
}

.about-perex {
  text-align: center;
  padding: 40px 0;
}
.about-perex h2 {
  font-size: 40px;
  margin-top: 50px;
}
.about-perex p {
  max-width: 800px;
  margin: auto;
  font-size: 24px;
  font-weight: 700;
}
.about-perex img {
  max-width: 200px;
}
.in-o-nas .content-wrapper.container, .in-o-nas .content-wrapper-in {
  width: initial;
  max-width: initial !important;
}
.in-o-nas .content {
  padding: 0 !important;
  margin-bottom: -35px;
}
.bg-image p {
  font-size: 45px;
  font-weight: 600;
  padding: 0 150px;
  line-height: 1.2;
}
.honey {
  background-image: url(/user/documents/upload/honey.png);
  background-size: contain !important;
  background-repeat: no-repeat;
  margin-bottom: 150px;
}
.honey p {
  bottom: -130px;
  position: absolute;
  color: black;
}
.bg-image {
  background-size: cover;
  background-position: center;
  height: 750px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
  padding: 20px;
}
.bg-image.green {
  color: black;
  top: 0;
  position: relative;
  padding: 50px;
  display: block;
}
.inner-bg-image img {
  border-radius: 20px;
  max-height: 500px;
  margin-top: 20px
}
.bg-image p {
  text-align: left;
}
.timeline-vertical {
  position: relative;
}
.timeline-vertical ul {
  list-style: none;
  padding: 0;
}
.timeline-vertical ul:before {
  content: '';
  position: absolute;
  left: 100px;
  top: 9%;
  bottom: 9%;
  width: 20px;
  background: #ee312f;
  z-index: 2;
}
.timeline-vertical li {
  position: relative;
  padding-left: 60px;
}
.timeline-vertical li .year {
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  width: 120px;
  height: 120px;
  background: #ee312f;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  font-weight: bold;
  z-index: 2;
}
.carousel-container {
  padding: 24px 0 100px;
  text-align: center;
}
.carousel-container h2 {
  font-size: 36px
}
#carousel-container {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  overflow: hidden;
  z-index: 1;
}
#carousel {
  display: flex;
  transition: transform 0.5s ease;
}
.carousel-item {
  min-width: 100%;
  box-sizing: border-box;
}
#prev, #next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  width: 60px; /* Nastavení šířky šipky */
  height: 60px; /* Nastavení výšky šipky */
  background-size: contain;
  background-repeat: no-repeat;
}
#prev {
  left: 10px;
  background-image: url('/user/documents/upload/back.png'); /* URL k obrázku šipky zpět */
}
#next {
  right: 10px;
  background-image: url('/user/documents/upload/next.png'); /* URL k obrázku šipky vpřed */
}
#lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 20;
}
#lightbox-img {
  max-width: 90%;
  max-height: 90%;
}
#close {
  position: absolute;
  top: 20px;
  right: 30px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}
@media (max-width: 1440px) {
  .bg-image p {
    font-size: 38px;
  }
}
@media (max-width: 992px) {
  .bg-image p {
    font-size: 32px;
  }
  .honey {
    background-size: cover !important;
  }
}
@media (max-width: 767px) {
  .in-o-nas .content-wrapper.container {
    padding-left: 0;
    padding-right: 0;
  }
  .bg-image p {
    padding: 0 0 0 120px;
  }
  .timeline-vertical li .year {
    left: 10px;
  }
  .timeline-vertical ul:before {
    left: 60px;
  }
  .honey {
    margin-bottom: 0px;
  }
  .honey p {
    bottom: 0;
  }
}
@media (max-width: 480px) {
  .about-perex h2 {
    font-size: 28px;
  }
  .about-perex p {
    font-size: 18px;
    padding: 0 20px;
  }
  .bg-image {
    position: relative;
    overflow: hidden;
  }
  .bg-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
  }
  .bg-image p, .bg-image .year {
    position: relative;
    z-index: 2;
    color: white;
  }
  .bg-image {
    height: 515px;
  }
}
@media (max-width: 425px) {
  .bg-image p {
    padding: 0px 0 0 65px;
  }
  .bg-image p {
    font-size: 25px;
  }
  .timeline-vertical li .year {
    width: 100px;
    height: 100px;
    font-size: 30px;
  }
  .timeline-vertical ul:before {
    left: 50px;
  }
}
/*blog*/
/*
.in-blog .content-inner:after, .in-novinky .content-inner:after  {
    content: '';
    background: url(/user/documents/upload/blog-bg.png);
    height: 100%;
    width: -webkit-fill-available;
    display: block;
    background-size: contain;
    bottom: 0px;
    position: absolute;
    right: 0;
    z-index: -1;
}
*/
body:not(.in-index) .products-wrapper .product.news-item, .type-posts-listing .news-item {
  padding: 24px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.type-posts-listing .news-item {
  margin-bottom: 0px;
}
.in-blog h1 {
  text-align: center
}
.news-item .detail-btn {
  margin-top: 20px;
  display: block;
  font-weight: 700;
  font-size: 17px;
  color: white !important;
  background-color: #ee312f;
  width: fit-content;
  padding: 10px 24px;
  border-radius: 15px;
  min-width: 135px;
  text-align: center;
}
.main-news {
  margin-top: 40px
}
.main-news.news-item .image {
  width: 50% !important
}
.main-news.news-item .text {
  margin-top: auto;
  margin-bottom: auto;
}
.sidebar a {
  font-size: 14px;
  font-weight: 600
}
.kategorie-sidebar a {
  display: block;
  line-height: 2;
}
.kategorie-sidebar a img {
  max-width: 20px;
  margin-right: 10px;
}
.products-block>div .p .p-in
{
	margin: 0 10px
}
.sidebar a {
  font-size: 14px;
  font-weight: 600
}
.kategorie-sidebar a {
  display: block;
  line-height: 2;
}
.kategorie-sidebar a img {
  max-width: 20px;
  margin-right: 10px;
}
@media (min-width: 480px) {
  .columns-4 .wide .products-block > div {
    width: calc((100% / 2) - 20px) !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .products-block {
    gap: 26px;
  }
}
@media (min-width: 1200px) {
  .columns-4 .wide .products-block > div {
    max-width: calc((100% / 4) - 20px);
  }
  .med-newsletter {
    visibility: hidden;
  }
  .footer-newsletter:after {
    display: inline-block;
    position: absolute;
    right: 0;
    height: 280px;
    width: 225px;
    margin-top: 0px;
    z-index: 9;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    background-image: url(/user/documents/new-design/med.png);
    clip-path: inset(0 0 0 0);
    margin-right: 0px;
  }
}
.columns-4 .wide .products-block > div {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.products-block {
  gap: 26px;
}
body:not(.in-index) .products-wrapper .product.news-item a {
  font-weight: 700 !important;
  margin-bottom: 10px;
}
body:not(.in-index) .products-wrapper .product.news-item .text .description p:last-child {
  margin-bottom: 20px;
}
body:not(.in-index) .products-wrapper .product.news-item .image {
  max-width: 250px;
}
.type-post .content-inner {
  padding: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.type-post .content-wrapper {
  background-color: transparent;
  max-width: 900px;
  margin: auto;
}
.type-post .content {
  background-color: white;
  margin-bottom: 32px;
}
.news-item.main-news .text .title {
  font-size: 32px;
  margin-bottom: 20px;
}
.news-item.main-news {
  margin-right: 20px;
}
.in-blog .content-wrapper, .in-novinky .content-wrapper {
  border-radius: 15px;
}
.in-blog .breadcrumbs, .in-novinky .breadcrumbs {
  border-radius: 15px;
}
@media (max-width: 767px) {
  .main-news.news-item .image {
    width: 100% !important;
  }
  .news-item.main-news {
    margin-right: 0;
  }
  .main-news {
    margin-top: 0;
  }
  .in-blog h1, .in-novinky h1 {
    padding-top: 30px;
    text-align: center;
  }
  .in-blog .content, .in-novinky .content {
    padding-left: 0;
    padding-right: 0;
  }
  .type-posts-listing .news-item {
    margin-bottom: 0;
  }
}
.type-post .sidebar {
  display: none;
}
.type-post .news-item-detail time
{
  text-align: center;
}

.type-post .content {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 20px
}
.article-detail {
  padding: 24px 20px
}
.in-blog .faq-bg h2 {
  font-size: 32px;
}
.in-blog .faq-item h3 {
  margin: 8px 0;
  font-size: 16px;
}
/*detail produktu*/
.global-review .ti-btn
{
  margin: 24px auto;
  display: block;
}

.ti-btn {
    background: #ee312f !important;
    padding: 15px 20px !important;
    border-radius: 5px;
    font-size: 1em !important;
    font-weight: bold !important;
    color: #fff !important;
    justify-content: space-between;
    align-items: center;
    border: none;
    transition: background-color 0.3s ease;
}
.ti-btn:hover {
    background: #CA0F0F !important;
}

.ti-header-btn a
{
  border-radius: 5px !important;
  text-decoration: none !important;
  outline-width: 0px !important;
}


.type-detail .p-detail-inner-header .stars-label
{
 display: none;
}
.flags.flags-extra, .wide .p-detail .flags.flags-extra {
    right: 40px;
}
.stars .star.is-active:hover, .stars .star.star-half:before, .stars .star.star-on:before {
  color: #ee312f;
}
.hodnoceni-produktu .star:before {
  font-size: 24px;
}
.hodnoceni-produktu .stars a {
  width: 24px;
}
.hodnoceni-produktu .stars {
  width: inherit;
}
.hodnoceni-produktu {
  text-align: center
}
.type-detail .faq-bg {
  margin: 75px 0 50px
}
.price-final {
  font-weight: 800 !important;
}
.add-to-cart-button {
  margin-top: 20px;
  width: 100%;
}
.availability-label::before {
  content: "";
  background-image: url(/user/documents/upload/truck.svg);
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
  width: 24px;
  height: 24px;
  margin-right: 20px;
  background-size: cover;
}
.btn-conversion.add-to-cart-button::before {
  content: "";
  background-image: url(/user/documents/upload/shopping-basket.svg);
  display: initial;
  vertical-align: middle;
  margin-bottom: 5px;
  width: 24px;
  height: 24px;
  margin-right: 20px;
  background-size: cover;
}
.navigation-buttons a[data-target="cart"]:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("https://www.kotsam.cz/user/documents/upload/Icon%20awesome-shopping-basket.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 5px
}
.navigation-buttons a[data-target=login]:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("https://www.kotsam.cz/user/documents/upload/Icon feather-user.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.navigation-buttons a[data-target=login] {
  display: block;
}
.navigation-buttons > a {
  width: 50px;
}
.products-block>div .p .name {
    font-weight: 700;
	font-size: 18px
}
.add-to-cart-button {
  margin-top: 20px;
  width: 100%;
  display: ruby-text;
  font-size: 20px;
  border-radius: 10px;
  background-color: #008000 !important;
  border-color: #008000 !important;
  font-weight: 600;
  margin-bottom: 10px;
}
.add-to-cart-button:hover {
  background-color: #006400 !important;
  border-color: #006400 !important;
}
.products-block>div .p .p-bottom>div .p-tools>.btn:last-child {
  border: 2px solid #008000 !important;
  border-radius: 10px;
  font-weight: 700;
}

.products-block>div .p .p-bottom>div .p-tools>.btn:last-child:hover {
  background-color: #008000 !important;
  color: white !important;
}
.p-code {
  display: none;
}
.detail-desc {
  text-align: center;
  margin-bottom: 32px;
  /*background-color: #f7f7f7;*/
  padding: 40px;
  border-radius: 15px;
}
.detail-desc h2 {
  font-size: 2em;
  margin: 1em 0 0.625em;
  text-align: center;
  line-height: 1.5;
}
.detail-desc h3 {
  font-size: 1.75em;
  line-height: 1.5;
}
.detail-desc p {
  line-height: 1.5;
  font-size: 17px;
  margin-bottom: 20px;
}
.detail-desc img {
  border-radius: 15px;
}
.one-section img {
  margin-top: 32px;
  margin-bottom: 32px;
}
.two-sections {
  display: flex;
}
.two-sections .col-md-6 {
  margin-top: auto;
  margin-bottom: auto;
}
@media (max-width: 767px) {
  .p-detail-tabs-wrapper .col-sm-12 {
    padding: 0px;
  }
  .detail-desc {
    padding: 20px;
  }
  .two-sections {
    display: grid;
  }
}
.type-detail .faq-item {
  border: 2px solid #ccc;
}
.tabs {
  background-color: #f0f0f0;
  margin-bottom: 50px
}
.tabs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.tabs li {
  margin-right: 5px;
  border-left: 1px solid;
}
.tabs a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #333;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  margin: 5px
}
.tabs a:hover {
  background-color: #e0e0e0;
}
.tabs a span {
  background-color: #ddd;
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 0.8em;
  margin-left: 5px;
}
#recenze p {
  max-width: 1100px;
  margin: auto;
}
#recenze img {
  margin-bottom: 20px;
}
#slozeni {
  text-align: center;
}
#slozeni p {
  max-width: 900px;
  margin: auto auto 75px;
  line-height: 1.5;
  font-size: 17px;
}
#foto-a-video img {
  max-width: 350px;
  margin: 10px;
}
#foto-a-video {
  margin: 100px auto;
  text-align: center;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.nutritional-info {
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}
.nutritional-info th, .nutritional-info td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.nutritional-info th {
  background-color: #f2f2f2;
  font-weight: bold;
}
.nutritional-info tr:nth-child(even) {
  background-color: #f9f9f9;
}
.nutritional-info tr:hover {
  background-color: #f5f5f5;
}
.image-container-detail {
  position: relative;
  margin: 50px auto;
  text-align: center;
}
.image-container-detail img {
  width: 100%;
  max-width: 600px;
  height: auto;
  object-fit: contain;
}
.info-box-detail {
  position: absolute;
  max-width: 400px;
  background-color: white;
  padding: 10px 20px;
  border-radius: 10px;
  text-align: start;
}
.info-box-detail h3 {
  color: #ff0000;
  font-size: 18px;
  margin-bottom: 5px;
}
.info-box-detail p {
  font-size: 13px;
  line-height: 1.4;
}
.info-box-detail {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.image-container-detail .info-1 {
  top: 5%;
  left: 5%;
}
.image-container-detail .info-2 {
  top: 5%;
  right: 5%;
}
.image-container-detail .info-3 {
  top: 35%;
  left: 0;
}
.image-container-detail .info-4 {
  top: 35%;
  right: 0;
}
.image-container-detail .info-5 {
  bottom: 0%;
  left: 5%;
}
.image-container-detail .info-6 {
  bottom: 0%;
  right: 5%;
}
.responsive-iframe {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Poměr stran 16:9 */
  height: 0;
}
.responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .image-container-detail .info-1, .image-container-detail .info-5 {
    left: 0;
  }
  .image-container-detail .info-2, .image-container-detail .info-6 {
    right: 0;
  }
}
@media only screen and (max-width: 992px) {
  .image-container-detail {
    margin: auto !important;
    max-width: 500px;
    display: block;
  }
  .info-box-detail {
    position: initial;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    margin-bottom: 15px !important;
  }
  .info-box-detail p {
    font-size: 16px;
    margin-bottom: 0px !important;
  }
}
@media (max-width: 600px) {
  .tabs ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .tabs {
    background-color: transparent;
  }
  .tabs li {
    flex-basis: calc(50% - 5px);
    background-color: #f0f0f0;
    margin-bottom: 5px;
  }
  .tabs li:nth-child(2n) {
    margin-right: 0;
  }
}
.responsive-video {
  width: 100%;
  max-width: 600px;
  height: auto;
  margin-top: 50px;
}
/*kategory*/
#category-header, #filters-wrapper {
  display: none
}
.sidebar {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.type-category .content-wrapper-in {
  margin-bottom: 50px
}
.category-header, .category-header input[type=radio] + label {
  border: none !important
}
.category-header input[type=radio] + label {
  background: #000 !important;
  color: white;
}
.category-header input[type=radio]:checked + label {
  background: #ee312f !important;
  font-weight: 600
}
.category-header input[type=radio] + label {
  margin-left: -10px;
  margin-right: 20px;
  margin-bottom: 10px
}
.type-category .product .availability, .type-category .product .p-tools, .type-category .product .price.price-final {
  display: block !important;
}
.type-category .products-block > div .p .p-bottom > div {
  display: flex;
  width: 100%;
  align-items: center;
  ;
}
.type-category .products-block .p-bottom .prices, .type-category .products-block > div .p .p-bottom > div .p-tools {
  width: 50% !important;
}
.type-category .products-block .p-bottom .prices {
  font-size: 20px;
}
.type-category .products-block > div .p .name {
  min-height: 60px;
}
.type-category .products-block .p .p-bottom .p-tools .btn.btn-cart {
  font-size: 18px;
  min-width: 120px;
}
/*kontakt*/
.in-kontakt .sidebar {
  display: none
}
.contact-section h2 {
  position: relative;
}
.contact-section a {
  color: black;
}
.contact-section h2::after {
  content: '';
  background: url(/user/documents/upload/new-moon.svg);
  height: 10px;
  width: 10px;
  display: block;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 5px;
}
.contact-section {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 32px 100px;
  margin-bottom: 40px;
  border-radius: 10px;
  background-color: white;
  position: relative;
}
/*
.in-kontakty .content-inner:after {
  content: '';
  background: url(/user/documents/upload/blog-bg.png);
  height: 100%;
  width: -webkit-fill-available;
  display: block;
  background-size: contain;
  bottom: 0px;
  position: absolute;
  right: 0;
  z-index: 0;
}
*/
.contact-section p {
  margin-bottom: 32px;
}
.contact-section p a, .contact-section p span, .contact-section a {
  display: block;
  line-height: 1.5;
}
.contact-section iframe {
  display: block;
  margin-top: 20px;
  margin-bottom: 32px
}
.contact-section table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 32px;
  max-width: 800px;
}
.contact-section thead {
  background-color: #f5f5f5;
}
.contact-section th, .contact-section td {
  padding: 10px;
  text-align: left;
  border: 1px solid #ddd;
}
.contact-section th {
  font-weight: bold;
}
.contact-section tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.contact-section tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .contact-section {
    padding: 32px;
  }
	.type-category .products-block > div .p .name
	{
		min-height: initial;
	}
}
/*refernce*/
.in-reference #content-wrapper {
  margin-bottom: 75px;
}
.in-reference .slider {
  position: relative;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  overflow: hidden;
}
.in-reference .slide {
  display: none;
  width: 100%;
  transition: opacity 0.5s ease-in-out;
}
.in-reference .slide.active {
  display: block;
}
.in-reference .testimonial {
  display: flex;
  align-items: center;
  background: #333;
  color: #fff;
  padding: 50px;
  border-radius: 10px;
  position: relative;
  background-image: url(https://659702.myshoptet.com/user/documents/upload/background.jpg);
  margin-top: 15px;
}
.in-reference .sidebar {
  display: none;
}

.in-reference h1 {
  text-align: center;
}
.testimonial .flex {
  justify-content: center;
}
.in-reference .testimonial {
  display: flex;
  align-items: center;
  background: #333;
  color: #fff;
  padding: 50px;
  border-radius: 10px;
  position: relative;
  background-image: url(https://659702.myshoptet.com/user/documents/upload/background.jpg);
  margin-top: 15px;
  justify-content: center;
  text-align: center;
}
.testimonial .grid {
  margin-top: auto;
  margin-bottom: auto;
}
.in-reference .testimonial .image {
  border-style: solid;
  border-width: 1.75em;
  border-color: hsla(0, 0%, 100%, 0.16);
}
.testimonial .image img {
  border-radius: 50%;
}
.in-reference .testimonial .image {
  flex: 0 0 150px;
  max-height: 150px;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  margin-right: 20px;
}
.in-reference .testimonial .content {
  flex: 1;
}
.in-reference .testimonial .position {
  color: #ee312f;
  margin: 0;
  font-size: 12px;
  text-align: left;
}
.in-reference .testimonial .name {
  margin: 15px 0;
  font-size: 32px;
  color: white;
}
.in-reference .testimonial .text {
  margin: 20px 0px;
  font-size: 1.953em;
  color: #ccc;
}
.in-reference .controls {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}
.in-reference .controls .prev {
  margin-left: 10px;
}
.in-reference .controls .next {
  margin-right: 10px;
}
.in-reference .controls span {
  cursor: pointer;
}
.in-reference .controls img {
  width: 30px;
  height: 30px;
}
@media (max-width: 767px) {
  .testimonial .flex {
    display: grid;
  }
  .in-reference .testimonial .position {
    text-align: center;
    margin-top: 20px;
  }
  .in-reference .testimonial .image {
    width: fit-content;
    justify-content: center;
    text-align: center;
    margin: auto;
    display: inline-table;
  }
  .in-reference .testimonial .text {
    margin: 20px 0px;
    font-size: 16px;
    color: #ccc;
  }
  .in-reference .testimonial {
    padding: 20px;
  }
  .testimonial .image img {
    max-height: 100px;
  }
}
/*footer*/
.custom-footer ul {
  padding-left: 0px !important
}
#footer {
  background-image: url(/user/documents/new-design/footer-bg.png);
  display: block;
  background-color: #FFF5E3;
  color: white !important;
  margin-top: 0px;
  background-size: cover;
  border-top-width: 0px;
}
.footer-logo {
  max-width: 225px;
  margin-top: 50px;
}
.footer-banner a {
  color: white;
}
#footer ul li:before {
  display: none;
}
.footer-banner h3, #signature a {
  color: #fff;
}
.forth li:last-child {
  margin-top: 20px;
}
.custom-footer__banner4 img {
  max-width: 32px;
  max-height: 32px;
  margin-right: 20px
}
.custom-footer__banner4 a, .custom-footer__banner4 h3 {
  color: white
}
.soc {
  display: flex;
  gap: 10px;
}
.soc img {
  max-width: 50px;
}
@media (max-width: 767px) {
  #footer .banner {
    min-height: initial;
    margin-bottom: 0px;
  }
  .footer-banner {
    text-align: center;
    display: grid;
  }
  .soc {
    justify-content: center;
  }
  #footer .custom-footer > div {
    padding-bottom: 0;
  }
  #footer .custom-footer > div:last-child {
    margin-bottom: 32px;
  }
}
.main-claim.before .big-black-text::after {
  content: '';
  background: url('/user/documents/upload/new-moon.svg'); /*url of image*/
  height: 20px; /*height of image*/
  width: 20px; /*width of image*/
  display: block;
  background-size: contain;
  bottom: 0px;
  position: absolute;
  right: 0;
  z-index: 99;
}
.blog-wrapper .news-item .title::after {
  content: '';
  background: url('/user/documents/upload/new-moon.svg'); /*url of image*/
  height: 10px; /*height of image*/
  width: 10px; /*width of image*/
  display: block;
  background-size: contain;
  position: absolute;
  right: 0;
  top: -20px;
  z-index: 99;
}
.article-detail img {
  max-width: 450px !important;
  width: -webkit-fill-available;
}
@media only screen and (max-width: 767px) {
  video:not(.kotsam-product-detail video) {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.history-container h2::after {
  content: '';
  background: url('/user/documents/upload/new-moon.svg'); /*url of image*/
  height: 10px; /*height of image*/
  width: 10px; /*width of image*/
  display: block;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 99;
}
.main-claim.after .small-red-text::after {
  content: '';
  background: url('/user/documents/upload/new-moon.svg'); /*url of image*/
  height: 40px; /*height of image*/
  width: 40px; /*width of image*/
  display: block;
  background-size: contain;
  bottom: 0px;
  position: absolute;
  right: 0;
  z-index: 99;
}
.main-claim.after .big-black-text::before {
  content: '';
  background: url('/user/documents/upload/new-moon.svg'); /*url of image*/
  height: 20px; /*height of image*/
  width: 20px; /*width of image*/
  display: block;
  background-size: contain;
  bottom: 0px;
  position: absolute;
  left: -150px;
  z-index: 99;
}
.main-claim.before:after {
  content: '';
  background: url('/user/documents/upload/white-bubles.png');
  height: 175px; /*height of image*/
  width: 175px; /*width of image*/
  display: block;
  background-size: contain;
  bottom: 0px;
  position: absolute;
  right: 0;
  z-index: -1
}
@media only screen and (max-width: 1200px) {
  .image-container {
    min-width: initial;
  }
  .info-1, .info-3 {
    left: -150px;
  }
  .history-container .image img {
    margin-left: 0;
  }
}
@media only screen and (max-width: 992px) {
  .history-container {
    margin-top: 50px;
    display: grid;
  }
  .history-container .image img {
    margin: auto !important;
    max-width: 500px;
    display: block;
  }
  .history-container .card {
    text-align: center;
  }
  .big-black-text {
    font-size: 40px;
  }
  .image-container {
    margin: auto !important;
    max-width: 500px;
    display: block;
  }
  .info-box {
    position: initial;
    left: initial;
    right: initial;
    top: initial;
    max-width: 500px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .menu-item-673 a b {
    color: white !important;
    background-color: #ee312f;
    max-height: 40px;
    line-height: 20px;
    padding: 10px 15px;
    font-size: 20px;
    font-weight: 700 !important;
    border-radius: 10px;
    text-transform: uppercase !important;
  }
  .navigation-in > ul > li > a > b, .navigation-in > ul > li > a > span {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    color: black;
  }
}
@media screen and (max-width: 992px) {
  #products-1 .slick-next {
    transform: translateY(0%);
    right: -5px;
  }
  #products-1 .slick-prev {
    transform: translateY(0%);
    left: -5px;
  }
  div.slick-list.draggable {
    width: 90% !important;
    margin: auto;
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .row.spolecne {
    display: grid;
    margin: auto;
  }
  .row.spolecne img {
    max-width: 250px;
    max-height: 250px;
  }
  .row.spolecne .col-md-6 {
    padding: 0;
  }
  .big-black-text {
    font-size: 24px;
    line-height: 1.4;
  }
  .row.spolecne {
    text-align: center;
  }
  .row.spolecne p {
    font-size: 16px;
  }
  #blog-hp-section {
    margin-top: 75px;
  }
  .next-to-carousel-banners {
    display: none;
  }
  .tab-pane .products-block {
    margin-top: 0;
  }
  .homepage-texts-wrapper {
    margin-top: 0;
  }
  .slick-track {
    gap: 20px
  }
  #header .site-name {
    padding-left: 0px;
  }
  #header .site-name a img {
    width: 150px;
    height: 60px !important;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 375px) {
    #header .site-name a img {
        width: 110px;
        margin-left: 5px;
    }
}

@media only screen and (max-width: 340px) {
  #header .site-name a img {
    width: auto;
  }
}

@media (max-width: 1420px) {
  .container {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .type-detail .responsive-nav .shp-tabs-holder
{
  margin-left: 0px;
  margin-right: 0px;
}

.type-detail ul.shp-tabs li {
    padding-left: 0;
}
	.menu-btn
{
    display: none;
}
  #products-1 .slick-next {
    right: -15px;
    transform: translateY(0%);
  }
  #products-1 .slick-prev {
    transform: translateY(0%);
    left: -24px;
  }
  .slick-track {
    gap: 0
  }
  .navigation-buttons {
    margin-top: 10px;
  }
}
.overall-wrapper {
  padding-top: 0;
}
/*faq*/
.in-faq .sidebar, .in-faq h1 {
  display: none;
}
.in-faq .content-wrapper-in {
  max-width: 100% !important;
}
.in-faq .content-wrapper-in .content {
  padding-left: 0px;
  padding-right: 0px;
}
.gray-bg {
  background-color: #f9f9f9;
}
.faq-bg {
  padding-bottom: 50px;
  margin-top: 50px;
  display: flow-root;
}
.in-faq .faq-bg {
  padding-top: 25px;
  margin-top: 0px;
}
.faq-bg h2, .hodnoceni-produktu h2 {
  text-align: center;
  font-size: 2em
}
.faq-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
}
.faq-item {
  width: calc((100% / 2) - 30px);
  padding: 5px 32px;
  box-sizing: border-box;
  position: relative;
  background-color: transparent;
  color: black;
  border-radius: 50px;
  margin: 15px;
  min-height: 65px;
  align-items: center;
  cursor: pointer;
  display: inline-grid;
  border: 2px solid;
}
.faq-item h3 {
  color: black !important;
  font-size: 18px;
  max-width: 90%;
  line-height: 1.2;
}
.faq-item p {
  max-width: 90%;
}
.faq-answer {
  display: none;
}
.faq-toggle {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
.faq-toggle.open {
  transform: translateY(-50%) rotate(90deg);
}
.faq-toggle img {
  width: 28px; /* Upravte velikost obrázku podle potřeby */
}
.faq-item .faq-answer span::before {
  content: '•';
  position: absolute;
  left: 0;
  color: black;
}
.faq-item .faq-answer span {
  display: block;
  position: relative;
  padding-left: 1.5em;
}
@media (max-width: 767px) {
  .faq-item {
    width: 100% !important;
  }
  .faq-item h3 {
    font-size: 16px;
    max-width: 90%;
    margin: 7px !important;
  }
  .faq-item p {
    margin: 7px;
    font-size: 14px;
  }
}
/*
.breadcrumbs::after {
  display: inline-block;
  margin-left: 20px;
  max-height: 90px;
  overflow: hidden;
  width: 90px;
  z-index: 9;
}
.breadcrumbs:before {
  background-color: #d8c4ab;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 100vw;
  height: -webkit-fill-available;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 90px;
  min-height: 90px;
  z-index: 0;
  padding-bottom: 20px;
}
.in-blog .breadcrumbs::after {
  display: inline-block;
  margin-left: 20px;
  height: 90px;
  width: 90px;
  z-index: 9;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  background-image: url('/user/documents/upload/blog-lady.svg');
}
*/
#navigation-1 {
  position: relative;
}
/*
.breadcrumbs > span {
  z-index: 1;
  font-weight: 700;
  position: relative;
  align-self: center;
}
.breadcrumbs #navigation-first {
  position: relative;
  padding-left: 80px;
}
.breadcrumbs {
  display: flex;
  position: relative;
  justify-content: center;
  z-index: 0;
  line-height: 2.4;
  min-width: -webkit-fill-available;
  background-color: #fef5e9;
  height: 50px;
}
.breadcrumbs > span > a, .breadcrumbs > span > span {
  display: block;
  padding: 10px 0 10px 20px;
  line-height: 1.2
}
.breadcrumbs {
  display: flex;
  align-items: center;
}
*/
/*
.in-caje .breadcrumbs::after {
  display: inline-block;
  margin-left: 15px;
  background-size: cover;
  max-height: 90px;
  min-height: 90px;
  z-index: 9;
  overflow: hidden;
  max-width: 90px;
  width: -webkit-fill-available;
}
.breadcrumbs::after {
    display: inline-block;
    margin-left: 20px;
    height: -webkit-fill-available;
    width: 90px;
    z-index: 9;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    overflow: hidden;
}
.breadcrumbs #navigation-first::before {
  content: '';
  display: inline-block;
  width: -webkit-fill-available;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -45px;
  top: 50%;
  transform: translateY(-50%);
}*/
@media only screen and (max-width: 992px) {
  .breadcrumbs {
    z-index: -1
  }
}
/* ================================== ÚPRAVY breadcrumbs================================== */
/*eshop*/
.in-caje .breadcrumbs #navigation-first::before {
  background-image: url('/user/documents/upload/caje-strom.svg');
}
.in-caje .breadcrumbs::after {
  content: url(/user/documents/upload/caje-lady.svg);
}
/*nas*/
.in-o-nas .breadcrumbs::after {
  content: url('/user/documents/upload/breadcrumbs-pani.svg');
  margin-bottom: 3px
}
.in-o-nas .breadcrumbs #navigation-first::before {
  background-image: url('/user/documents/upload/o-nas.svg');
}
/*faq*/
.in-faq .breadcrumbs::after {
  content: url('/user/documents/upload/faq-man.svg');
}
.in-faq .breadcrumbs #navigation-first::before {
  background-image: url('/user/documents/upload/faq-tree.svg');
}
/* kontakt*/
.in-kontakty .breadcrumbs #navigation-first::before {
  background-image: url('/user/documents/upload/first-contact.svg');
}
.in-kontakty .breadcrumbs::after {
  content: url('/user/documents/upload/kontact-lady.svg');
  margin-bottom: 5px
}
/* blog*/
.in-blog .breadcrumbs #navigation-first::before {
  background-image: url('/user/documents/upload/blog-first.svg');
}
.ordering-process .sidebar {
  box-shadow: none
}
.stay-in-touch .form-group label.confirmation, .form-group label.whole-width {
  width: auto;
}
.homepage-tabs-wrapper {
  position: relative;
  margin-top: 50px;
}
.homepage-group-title {
  display: block;
  text-align: center;
  font-size: 40px;
  z-index: 99;
  position: relative;
}
.perex-homepage-group-title {
  text-align: center;
  margin-bottom: 40px;
  font-size: 20px;
  z-index: 99;
  position: relative;
}
.in-index #products-1 .product {
  max-width: 330px;
  z-index: 9;
}
.p-bottom .p-desc {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 80px;
  overflow: hidden;
}
#products-1 .price-final {
  color: #ee312f;
  font-size: 30px;
  margin-top: 10px;
}
.benefits-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  max-width: 950px;
  margin: 0 auto;
}
.benefit-box {
  flex-basis: calc(33.333% - 30px);
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  background-color: #fef5e9;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.benefit-box img {
  height: auto;
  max-width: 65px;
  margin-bottom: 15px;
  float: left;
  margin-right: 10px
}
.benefit-box {
  text-align: start;
  font-size: 16px;
}
.benefit-box h3 {
  min-height: 44px;
}
@media (max-width: 767px) {
  .benefit-box {
    flex-basis: 100%
  }
}
.poznej-tradici {
  padding: 20px;
  margin: 0 auto;
  max-width: 1418px;
  z-index: 9;
  position: relative;
  margin-top: 100px;
}
.poznej-tradici h2 {
  color: #ee312f;
  text-align: center;
  z-index: 9;
  position: relative;
}
.poznej-tradici .intro {
  text-align: center;
  margin-bottom: 30px;
  z-index: 9;
  position: relative;
}
.poznej-tradici .intro p{
  text-shadow: 0.5px 0.5px hsla(0, 0%, 1%, 0.5);
}
.poznej-tradici .features {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 9;
  position: relative;
}
.poznej-tradici .feature {
  flex-basis: calc(25% - 20px);
  margin-bottom: 20px;
}
.poznej-tradici .feature h3 {
  margin-top: 0;
}
.poznej-tradici h2 {
  font-size: 40px;
}
.poznej-tradici .intro {
  max-width: 1100px;
  margin: 50px auto;
  font-size: 20px;
}
.poznej-tradici .feature h3 {
  font-size: 20px;
  min-height: 44px;
}
.poznej-tradici .feature {
  background-color: white;
  padding: 40px 32px;
  border-radius: 10px;
  font-size: 18px;
}
.rating-section {
  text-align: center;
  margin: 150px auto 35px;
  max-width: 1000px;
  font-family: Arial, sans-serif;
  display: grid;
}
.rating-section h2 {
  color: #E1191E;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 32px;
}
.rating-section p {
  color: #4d4d4d;
  font-size: 18px;
  margin-bottom: 15px;
}
.rating {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 0;
}
.rating-number {
  font-size: 60px;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}
.rating-section .rating-count {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  color: black !important;
}
.rating-section .cta-button {
  background-color: #E1191E;
  color: #fff !important;
  padding: 10px 30px;
  font-size: 18px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 10px;
  margin-top: 50px !important;
  display: block;
  width: auto;
  margin: auto;
  text-decoration: none !important;
}

.rating-section .cta-button:hover {
  background-color: #cc191e;
}
.main-claim a {
  text-decoration: none !important;
}
#products-1 .product {
  position: relative;
}
#products-1 .product::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -50px;
  right: 0;
  bottom: -125px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  border-radius: 10px;
  width: 120%;
}
#products-1 .product:nth-child(1)::before {
  background-image: url(/user/documents/new-design/red-bg.png);
}
#products-1 .product:nth-child(2)::before {
  background-image: url(/user/documents/new-design/green-bg.png);
  width: 130%;
  left: -40px;
}
#products-1 .product:nth-child(3)::before {
  background-image: url(/user/documents/new-design/maracuja-product-bg.png);
  width: 120%;
  top: -75px;
  left: -35px;
}
#products-1 .products-block > div .p {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: center;
  background-color: white;
}
.homepage-tabs-wrapper:before {
  background-image: url(/user/documents/new-design/homepage-group-bg.png);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 100vw;
  max-width: 1920px;
  background-repeat: no-repeat;
  background-size: inherit;
  height: 150%;
  margin-top: -85px;
}
.poznej-tradici:before {
  background-image: url(https://www.kotsam.cz/user/documents/upload/Maracuja/hp-poznej-tradici.png);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 100vw;
  max-width: 1920px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 120%;
  margin-top: -100px;
  z-index: 0;
  background-position: right;
}
/*slider*/
.row.slider {
  max-width: 1420px;
  margin: auto;
  padding-top: 32px;
  min-height: 600px
}
.slider-title h2 {
  font-size: 72px;
  color: #FBAE20;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0
}
.slider-title span {
  font-size: 40px;
  font-weight: 700;
  color: #FBAE20;
  line-height: 1.2
}
.slider-perex {
  margin-top: 20px;
  display: block;
  max-width: 500px;
  font-size: 17px;
}
.slider-img {
  width: -webkit-fill-available;
}
.slider-btn {
  background-color: #008000;
  color: white !important;
  padding: 5px 24px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 700;
  margin-top: 35px;
  display: block;
  width: fit-content;
}
.slider-benefits {
  margin-top: 32px;
  display: flex;
  max-width: 700px;
  left: -25px;
  position: relative;
  z-index: 99;
}
.slider-benefits .benefit-box {
  display: grid;
  text-align: center;
  background-color: white;
  box-shadow: none;
  max-width: 150px;
  padding: 0px;
  min-height: 150px;
  justify-content: center;
}
.slider-benefits .benefit-box img {
  width: 60px !important;
  height: 60px;
  margin-bottom: 15px;
}
/*end slider*/
/*med*/
.in-index .container--bannersBenefit:before {
  display: inline-block;
  position: absolute;
  left: 0;
  margin-left: -75px;
  height: 300px;
  width: 285px;
  margin-top: -120px;
  z-index: 9;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  background-image: url(/user/documents/new-design/hulka-na-med.png);
}
@media only screen and (max-width: 1290px) and (min-width: 1199px) {
  .in-index .container--bannersBenefit:before {
  margin-top: -80px;
      width: 235px;
}
.slider-benefits {
  left: 0;
}}
/*citron*/
.in-index .container--bannersBenefit:after {
  display: inline-block;
  position: absolute;
  right: 0;
  height: 250px;
  width: 200px;
  margin-top: -100px;
  z-index: 9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  background-image: url(https://www.kotsam.cz/user/documents/upload/yuzu-halved.png);
  clip-path: inset(0 0 0 0);
}
/*yuzu1*/
.main-claim:before {
  display: inline-block;
  position: absolute;
  left: -100px;
  height: 280px;
  width: 250px;
  margin-top: -45px;
  z-index: 9;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  background-image: url('/user/documents/new-design/yuzu2.png');
}
/*yuzu2*/
.main-claim:after {
  display: inline-block;
  position: absolute;
  right: 0px;
  margin-right: -30px;
  height: 280px;
  width: 250px;
  margin-top: 500px;
  z-index: 9;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  background-image: url(/user/documents/new-design/yuzu2.png);
  top: 0;
}
@media only screen and (max-width: 1440px) {
  /*med*/
  /* 2026-10-01: 홈페이지 꿀 장식의 음수 여백이 상품 상세 탭을 끌어올리지 않도록 제한 */
  .in-index .container--bannersBenefit:before {
    margin-top: -100px;
  }
  .main-claim:after {
    margin-right: inherit;
  }
  .poznej-tradici .feature {
    flex-basis: calc(50% - 20px);
  }
  .poznej-tradici:before {
    margin-top: -120px;
    height: 125%;
  }
  .poznej-tradici {
    margin-bottom: 150px;
  }
}
@media only screen and (max-width: 1200px) {
  .slider-title h2 {
    font-size: 50px;
    margin-bottom: 5px;
  }
  .slider-title span {
    font-size: 24px;
  }
  .slider-perex {
    font-size: 14px;
  }
  .in-index #products-1 .product {
    max-width: 265px;
  }
  .main-claim:after {
    margin-top: 600px;
  }
  .homepage-blog-wrapper:before {
    margin-top: -130px;
    height: 150%;
    max-height: 1000px;
  }
  .footer-newsletter img {
    max-height: 100px;
  }
  .blog-wrapper .news-item .description {
    font-size: 17px;
  }
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
  .slider-perex, .slider-benefits, .slider-btn {
    margin-left: auto;
    margin-right: auto;
  }
  .slider-img {
    width: inherit;
    max-height: 250px;
  }
  .row.slider {
    text-align: center;
    min-height: 750px;
    justify-content: center !important;
    left: 0px;
  }
  .benefit-box.med {
    display: none;
  }
  .slider-benefits {
    justify-content: center;
    left: 0;
  }
  #products-1 .product::before {
    left: -30px;
  }
  .benefit-box h3 {
    min-height: 90px;
    margin-top: auto;
    margin-bottom: auto;
    display: grid;
  }
}
@media only screen and (max-width: 992px) {
  .slider-video {
    z-index: -1;
    position: relative;
    margin-bottom: -60px;
    top: -40px;
    margin-top: inherit;
  }
  .slider .col-xs-12.col-md-6:last-child {
    padding: 0;
  }
  .main-claim:before, .main-claim:after {
    display: none;
  }
  .carousel-slider-vyhody {
    width: 100%;
    display: inline-flex;
    overflow-y: hidden;
    overflow-x: scroll;
    flex-wrap: inherit !important;
    gap: 0 !important;
  }
  .benefit-box h3 {
    font-size: 17px
  }
}
@media only screen and (max-width: 767px) {
  .poznej-tradici:before {
    content: "";
    background-size: cover;
    background-position: center;
    position: absolute;
    height: calc(100% + 200px);
  }
  .homepage-blog-wrapper:before {
    background-image: url(/user/documents/new-design/homepage-bg.png);
    height: 750px;
  }
  .homepage-tabs-wrapper:before {
    background-image: url(/user/documents/new-design/homepage-group-bg.png);
    background-size: inherit;
    height: 100vh;
    margin-top: -100px;
    height: 765px;
  }
  .poznej-tradici {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-perex, .slider-benefits {
    margin-left: auto;
    margin-right: auto;
  }
  .slider-img {
    width: inherit;
    max-height: 250px;
  }
  .in-index #products-1 .product {
    flex: 100%;
    min-width: 100%;
  }
  .in-index #products-1 {
    justify-content: normal;
  }
  .tab-pane .products-block {
    margin: 0;
  }
  .index-content-wrapper .tab-content {
    padding-left: 0;
    padding-right: 0;
  }
  .poznej-tradici h2, .homepage-group-title, .rating-section h2 {
    padding-top: 0px;
    font-size: 24px;
    line-height: 1.2;
  }
  .poznej-tradici p {
    font-size: 16px;
  }
  .poznej-tradici .intro {
    margin: 24px auto;
  }
  .poznej-tradici .feature h3 {
    min-height: initial
  }
  .poznej-tradici .feature p {
    font-size: 14px;
  }
  .poznej-tradici .feature {
    padding: 20px;
  }
  .poznej-tradici .feature {
    flex-basis: 100%;
    margin-bottom: 20px;
  }
  .rating-section {
    margin: 32px auto 20px;
  }
  .homepage-blog-wrapper .homepage-group-title {
    display: none;
  }
  .blog-wrapper .news-item {
    width: 350px;
    min-width: 350px;
  }
  .homepage-blog-wrapper {
    justify-content: inherit;
  }
  .footer-newsletter {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .footer-newsletter img {
    max-height: 150px;
  }
  .newsletter-grid {
    text-align: center;
    min-height: 500px;
    padding: 75px 24px;
    position: relative;
  }
  .form-group label.whole-width {
    text-align: center;
  }
  .plastve {
    margin-left: -50px;
    margin-top: 50px;
    position: absolute;
    height: 100px !important;
  }
  .med-newsletter {
    margin-right: -50px;
    position: absolute;
    margin-top: -150px;
    overflow: hidden;
    right: 0;
  }
  .newsletter-header h4 span {
    font-size: 24px;
  }
  .newsletter-header h4 {
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
  }
  .index-content-wrapper .blog-bg {
    display: none;
  }
  .homepage-texts-wrapper .blog-bg {
    display: block !important;
  }
  .carousel-slider-vyhody {
    width: 100%;
    display: inline-flex;
    overflow-y: hidden;
    overflow-x: scroll;
    flex-wrap: inherit !important;
    gap: 0 !important;
  }
  .in-index #products-1 .product {
    min-width: 300px;
    z-index: 9;
  }
  .in-index #products-1 {
    justify-content: inherit;
  }
  .benefit-box.med img {
    height: 150px;
    width: auto !important;
    margin-left: -40px;
    margin-top: -30px;
  }
  .slider-benefits p {
    font-size: 14px;
    min-height: 60px;
  }
  .slider-benefits  {
    width: max-content;
    left: 0px !important;
    justify-content: center;
  }
  .slider-title h2 {
    font-size: 32px;
  }
  @media only screen and (max-width: 767px) {
    .med-newsletter {
      visibility: hidden;
    }
    .container--bannersBenefit:before, .in-index .container--bannersBenefit:after {
      display: none !important;
    }
    .overall-wrapper {
      position: relative;
      overflow: hidden;
    }
    .container.container--bannersBenefit {
      position: relative;
    }
    .container--bannersBenefit:after {
      right: -50px;
      top: 0;
      height: 100px;
      width: 100px;
      margin-top: 0px;
    }

	 .type-detail .container--bannersBenefit:after {
      right: 0px;
      top: 0;
      height: initial;
	  width: initial;

    }

    .homepage-blog-wrapper:before {
      max-height: 775px;
    }
    .row.slider {
      text-align: center;
    }
    .slider-btn {
      margin: auto;
    }
  }
  .product img
{
    padding: 10px;
}
}
@media only screen and (max-width: 480px) {

  [data-testid="formDiscountCoupon"] {
    grid-template-columns: minmax(0, 1fr);
  }
  [data-testid="formDiscountCoupon"] [data-testid="buttonSubmitDiscountCoupon"] {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 16px;
  }

	.homepage-blog-wrapper:before {
      height: 855px;
      max-height: 850px !important;
    }
	 .blog-wrapper .news-item {
        width: 300px;
        min-width: 300px;
    }
}
@media only screen and (max-width: 400px) {

  .slider-benefits .benefit-box {
    width: 33.3%;
    float: left;
    max-width: unset;
  }
  .benefit-box.med img {
    height: 100px;
    width: auto !important;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .slider-benefits .benefit-box.med {
    text-align: center;
    justify-content: center;
  }

}
.slider .col-md-6 > p:last-child::before {
  content: "";
  display: flex;
  position: absolute;
  margin-top: 300px;
  width: 250px;
  height: 200px;
  /* background-image: url('https://www.kotsam.cz/user/documents/upload/header-graphic.png'); */
  background-size: contain;
  background-position: center;
  z-index: 1;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) {
  .slider-video {
    min-height: 600px;
  }
}
@media only screen and (max-width: 992px) {
  .slider-video {
    height: 550px !important;
  }
}
@media only screen and (max-width: 767px) {
  .slider .col-md-6 > p:last-child::before {
    display: none;
  }
  #homepageProducts1 .flags.flags-default {
    top: 0px;
 }
}
.radio-wrapper.active input[type=radio]:checked + label:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #008000;
    border: 2px solid #008000;
    border-radius: 50%;
    vertical-align: middle;
    z-index: 1; /* Překryje případné :after pravidlo */
}

.radio-wrapper.active input[type=radio]:checked + label:after {
    content: none; /* Skryje existující :after */
}

/*lišta*/
.top-text {
  background-color: #008000;
  padding-top: 10px;
  z-index: 1;
  position: relative;
  padding-bottom: 1px;
}
.top-text p {
  color: white;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  font-weight: 500;
}
.top-text a
{
  color: white;
  font-weight: 700;
}

/*úprava HP*/
.ingredients-section:before {
  background-image: url(/user/documents/new-design/ingredience-pozadi.png);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 100vw;
  max-width: 1920px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 130%;
  margin-top: -70px;
  z-index: 2;
}

.ingredients-section
{
position: relative;
margin-top: 110px;
}

.ingredients-section h2 {
          font-size: 32px;
          position: relative;
      text-align: center;
        padding-top: 50px;
         z-index: 2;
      }
      .ingredients-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
          gap: 40px;
          max-width: 1000px;
          margin: 75px auto;
            position: relative;
             z-index: 3;
      }
      .ingredient-card {
          background: white;
          padding: 20px;
          border-radius: 10px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

      }
      .ingredient-card img {
          max-width: 200px;
          margin-bottom: 10px;
        margin: -50px auto 0;
            display: block;
        min-height: 140px;
      }
      .ingredient-card h3 {
          font-size: 18px;
          color: #1e2a38;
          margin-bottom: 5px;
          margin-top: 20px !important;
      }


.homepage-banner-section:before {
  background-image: url(/user/documents/new-design/vcelar.png);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 100vw;
  max-width: 1920px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: -webkit-fill-available;
  margin-top: -70px;
  z-index: 1;
}

.homepage-banner-section {
  height: 750px;
  align-items: center;
  justify-content: center;
  padding: 20px;
  position: relative;
  margin-bottom: -95px;
      align-items: center;
  display: flex;
}

.homepage-banner-section .content {
  background: white;
  padding: 20px;
  border-radius: 10px;
  max-width: 444px;
  z-index: 2;
  background-color: #FFF5E3;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 2;
  position: relative;
}
.homepage-banner-section .content
{
  right: 0px
}

@media (max-width: 1200px) {
  .homepage-texts-wrapper {
      display: block;
  }
.slider-benefits {
  left: 0;
}
}
@media only screen and (max-width: 1440px) {
  .poznej-tradici {
      margin-bottom: 70px;
  }
}
@media only screen and (min-width: 1125px) {
.homepage-banner-section .content
{
  right: 324px
}
}

@media only screen and (min-width: 768px) {
.homepage-banner-section .content
{
  right: 200px
}
}

.homepage-banner-section .content:before {
  background-image: url(/user/documents/new-design/plastve.png);
  position: absolute;
  right: -10%;
  content: "";
  width: 160px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -75px;
  z-index: 3;
  height: -webkit-fill-available;
transform: scaleX(-1);
}
@media only screen and (max-width: 767px) {
.homepage-banner-section:before {
  margin-top: 0px;
  z-index: 2;
}
.homepage-banner-section .content:before {
  width: 115px;
}
}
.homepage-banner-section .content h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 25px;
}

.homepage-banner-section .content p {
  font-size: 14px;
  line-height: 1.5;
}

.image-container-detail .info-7 {
  bottom: 13%;
  right: 3%;
}

.image-container-detail .info-8 {
  bottom: -15%;
  right: 5%;
}

.flex-desc {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flex-desc img {
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .flex-desc {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 16px;
  }
}
/* =========================
   Mobile (≤768px)
   - sticky 타이틀(24px) + 겹침 방지
   - .news-item 가로 캐러셀 (스크롤바 '표시')
   - 세로 스크롤 잠김 방지 (touch-action: auto)
   - 좌/우 여백 대칭 + 100vw 배경
   - 가로 오버플로우 시 스크롤바 '항상' 보이도록 시도
   ========================= */
@media (max-width: 767px) {
  :root {
    --sticky-top: 0px;                              /* 상단 고정 헤더 높이 있으면 맞춰주세요 */
    --gutter: 16px;                                 /* 좌/우 공통 여백 */
    --gap: 16px;                                    /* 카드 간 간격 */
    --card-w: 300px;                                /* 카드 너비(280~320px 권장) */
    --title-space: 104px;                           /* 타이틀 시각 높이(88~120px 튜닝) */
    --bg-bottom-pad: calc(16px + env(safe-area-inset-bottom, 0px));
    --blog-bg: #FFF5E3;                             /* 섹션 배경색(노란/베이지) */
  }

  /* 전역에서 섹션/타이틀 숨김 규칙 무력화 */
  .index-content-wrapper > .homepage-blog-wrapper.row.blog-wrapper { display: block !important; }
  .homepage-blog-wrapper .homepage-group-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* (중요) 데스크톱용 배경 장식이 모바일에서 겹치지 않도록 제거 */
  .homepage-blog-wrapper::before {
    content: none !important;
    display: none !important;
    background: none !important;
  }

  /* blog-bg: 100vw 배경은 ::before가 담당, 콘텐츠는 위 레이어 */
  .blog-bg {
    position: relative !important;
    overflow: visible !important;
    padding: 0 0 var(--bg-bottom-pad) !important;   /* 상단 패딩은 아래 래퍼에서 확보 */
    background: transparent !important;
  }
  .blog-bg::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;                                   /* 화면 가로 전체 배경 */
    top: 0;
    bottom: 0;                                      /* blog-bg 실제 높이에 맞춤 */
    background: var(--blog-bg);
    z-index: 0;
    pointer-events: none;
  }
  .blog-bg > * { position: relative; z-index: 1; }

  /* 타이틀: sticky + 배경 + 줄바꿈 허용 */
  .homepage-blog-wrapper .homepage-group-title {
    position: sticky;
    top: var(--sticky-top);
    left: 0; right: 0;
    z-index: 100;

    font-size: 24px !important;
    line-height: 1.3;
    text-align: center;
    background: var(--blog-bg) !important;

    padding: 12px var(--gutter);
    margin: 0 !important;                            /* 아래 공간은 캐러셀 래퍼 padding-top으로 확보 */
    white-space: normal !important;
    overflow-wrap: break-word;
    min-height: calc(var(--title-space) - 12px);     /* 최소 시각 높이 보장 */
    border: none !important;
    box-shadow: none !important;
  }
  .homepage-group-title, .homepage-group-title * { white-space: normal !important; }

  /* 가로 캐러셀 컨테이너: block + 가로 스크롤 + 좌/우 대칭 패딩 */
  .blog-bg > .homepage-blog-wrapper {
    display: block !important;                       /* row/flex 해제(타이틀과 같은 줄 방지) */
    margin: 0 !important;
    gap: 0 !important;

    /* ⬇ 타이틀 실제 공간만큼 상단 패딩으로 겹침 방지 */
    padding: var(--title-space) var(--gutter) 24px var(--gutter) !important;

    /* 가로 스크롤: 항상 '표시'되도록 시도(브라우저 정책 영향 가능) */
    overflow-x: scroll !important;                   /* auto → scroll 로 강제 */
    overflow-y: visible !important;
    scrollbar-gutter: stable both-edges;             /* 스크롤바 자리 고정(지원 브라우저) */

    -webkit-overflow-scrolling: touch;
    white-space: nowrap !important;                  /* 카드 한 줄 */
    scroll-snap-type: x proximity;
    scroll-padding-left: var(--gutter);

    /* 세로 스크롤 잠김 방지: pan-x 강제 금지 제거 */
    touch-action: auto !important;
    -ms-touch-action: auto !important;

    /* Firefox 스크롤바 스타일 */
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,.35) transparent;
    -ms-overflow-style: auto;
  }
  /* WebKit/Chromium: 수평 스크롤바 스타일 */
  .blog-bg > .homepage-blog-wrapper::-webkit-scrollbar { height: 8px; }
  .blog-bg > .homepage-blog-wrapper::-webkit-scrollbar-track { background: rgba(0,0,0,0.08); }
  .blog-bg > .homepage-blog-wrapper::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.35);
    border-radius: 8px;
  }

  /* 카드: 인라인 블록 + 고정폭 + 스냅 */
  .homepage-blog-wrapper .news-item {
    display: inline-block !important;
    vertical-align: top;
    box-sizing: border-box;
    width: var(--card-w) !important;
    min-width: var(--card-w) !important;
    max-width: var(--card-w) !important;
    margin: 0 var(--gap) 0 0 !important;             /* 카드 간 간격 */
    white-space: normal !important;
    scroll-snap-align: start;
  }
  .homepage-blog-wrapper .news-item:last-child { margin-right: 0 !important; }

  /* 오른쪽 끝에도 왼쪽과 동일한 거터 확보(좌/우 대칭) */
  .blog-bg > .homepage-blog-wrapper::after {
    content: "";
    display: inline-block;
    width: var(--gutter);
    height: 1px;                                     /* 보이지 않는 최소 높이 */
  }

  /* 프레임워크의 음수마진/gap 초기화 – 대칭 깨짐 방지 */
  .homepage-blog-wrapper.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .homepage-blog-wrapper.carousel-slider-vyhody { gap: 0 !important; }

  /* 상위 래퍼가 가로 overflow를 잘라내지 않도록 */
  .overall-wrapper, .desktop { overflow-x: visible !important; }
}
@media (min-width: 992px) {
  .site-msg.information {
    --banner-scale: 1.8;
    --banner-line: 1.35;
    --banner-pad-mult: 1.25;
    --close-scale: 1.3;

    z-index: 110; /* 헤더 위, 모달 아래 */
  }

  .site-msg.information .text {
    font-size: calc(100% * var(--banner-scale));
    line-height: var(--banner-line);
  }

  .site-msg.information .container {
    padding-top: calc(10px * var(--banner-pad-mult));
    padding-bottom: calc(10px * var(--banner-pad-mult));
  }

  .site-msg.information .close {
    transform: scale(var(--close-scale));
  }
}

/* 2025-11-10 시작 */
#cart-widget .btn:hover,
#cart-widget .btn:focus,
#cart-widget .btn:active,
#cart-widget .btn:hover *,
#cart-widget .btn:focus *,
#cart-widget .btn:active *,

#cart-wrapper a:hover,
#cart-wrapper a:focus,
#cart-wrapper a:active,
#cart-wrapper a:hover *,
#cart-wrapper a:focus *,
#cart-wrapper a:active *,

body.ordering-process a.btn:hover,
body.ordering-process a.btn:focus,
body.ordering-process a.btn:active,
body.ordering-process a.btn:hover *,
body.ordering-process a.btn:focus *,
body.ordering-process a.btn:active *,

#colorbox .btn:hover,
#colorbox .btn:focus,
#colorbox .btn:active,
#colorbox .btn:hover *,
#colorbox .btn:focus *,
#colorbox .btn:active * {
  opacity: 1 !important;
  visibility: visible !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}

#cart-wrapper .cart-empty a,
#cart-wrapper .cart-empty a *,
#cart-wrapper .cart-empty .contact-box a,
#cart-wrapper .cart-empty .contact-box a * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}
#cart-wrapper .cart-empty a:hover,
#cart-wrapper .cart-empty a:focus,
#cart-wrapper .cart-empty a:active,
#cart-wrapper .cart-empty a:hover *,
#cart-wrapper .cart-empty a:focus *,
#cart-wrapper .cart-empty a:active * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

#cart-wrapper > div > div.row.cart-row > div.col-xl-7 > div > div > div:nth-child(1) > ul > li > a,
#cart-wrapper > div > div.row.cart-row > div.col-xl-7 > div > div > div:nth-child(1) > ul > li > a * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}
#cart-wrapper > div > div.row.cart-row > div.col-xl-offset-1.col-xl-4 .contact-box a,
#cart-wrapper > div > div.row.cart-row > div.col-xl-offset-1.col-xl-4 .contact-box a * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

#cart-widget .content-window-in .toggle-window,
#cart-widget .content-window-in .toggle-window *,
#cart-widget .toggle-window-arr,
#cart-widget .toggle-window-arr * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}
#cart-widget .content-window-in .toggle-window:hover,
#cart-widget .content-window-in .toggle-window:focus,
#cart-widget .content-window-in .toggle-window:active,
#cart-widget .content-window-in .toggle-window:hover *,
#cart-widget .content-window-in .toggle-window:focus *,
#cart-widget .content-window-in .toggle-window:active *,
#cart-widget .toggle-window-arr:hover,
#cart-widget .toggle-window-arr:focus,
#cart-widget .toggle-window-arr:active,
#cart-widget .toggle-window-arr:hover *,
#cart-widget .toggle-window-arr:focus *,
#cart-widget .toggle-window-arr:active * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}

a#continue-order-button.btn.btn-conversion,
a#continue-order-button.btn.btn-conversion:link,
a#continue-order-button.btn.btn-conversion:visited,
a#continue-order-button.btn.btn-conversion:hover,
a#continue-order-button.btn.btn-conversion:focus,
a#continue-order-button.btn.btn-conversion:active,
a#continue-order-button.btn.btn-conversion > span.order-button-text,
a#continue-order-button.btn.btn-conversion:hover > span.order-button-text,
a#continue-order-button.btn.btn-conversion:focus > span.order-button-text,
a#continue-order-button.btn.btn-conversion:active > span.order-button-text,
#continue-order-button,
#continue-order-button span,
#continue-order-button:hover,
#continue-order-button:hover span,
#continue-order-button:focus,
#continue-order-button:focus span,
#continue-order-button:active,
#continue-order-button:active span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}

a.toggle-window-arr,
a.toggle-window-arr *,
.btn.toggle-window-arr,
.btn.toggle-window-arr * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}
a.toggle-window-arr:hover,
a.toggle-window-arr:focus,
a.toggle-window-arr:active,
a.toggle-window-arr:hover *,
a.toggle-window-arr:focus *,
a.toggle-window-arr:active *,
.btn.toggle-window-arr:hover,
.btn.toggle-window-arr:focus,
.btn.toggle-window-arr:active,
.btn.toggle-window-arr:hover *,
.btn.toggle-window-arr:focus *,
.btn.toggle-window-arr:active * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

body.ordering-process #content-wrapper > .content-wrapper-in > aside.sidebar a.toggle-window-arr,
body.ordering-process #content-wrapper > .content-wrapper-in > aside.sidebar a.toggle-window-arr *,
body.ordering-process #content-wrapper > .content-wrapper-in > aside.sidebar a.toggle-window-arr:hover,
body.ordering-process #content-wrapper > .content-wrapper-in > aside.sidebar a.toggle-window-arr:hover * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}

#cart-wrapper .next-step a.next-step-back,
#cart-wrapper .next-step a.next-step-back *,
#cart-wrapper .next-step a.next-step-back:hover,
#cart-wrapper .next-step a.next-step-back:hover *,
#cart-wrapper .next-step a.next-step-back:focus,
#cart-wrapper .next-step a.next-step-back:focus *,
#cart-wrapper .next-step a.next-step-back:active,
#cart-wrapper .next-step a.next-step-back:active * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}

#colorbox .advanced-order .advancedOrder__buttons .btn,
#colorbox .advanced-order .advancedOrder__buttons .btn * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}
#colorbox .advanced-order .advancedOrder__buttons .btn:hover,
#colorbox .advanced-order .advancedOrder__buttons .btn:focus,
#colorbox .advanced-order .advancedOrder__buttons .btn:active,
#colorbox .advanced-order .advancedOrder__buttons .btn:hover *,
#colorbox .advanced-order .advancedOrder__buttons .btn:focus *,
#colorbox .advanced-order .advancedOrder__buttons .btn:active * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}
#cboxLoadedContent .advancedOrder__buttons .next-step-back,
#cboxLoadedContent .advancedOrder__buttons .next-step-back *,
#colorbox .advanced-order .advancedOrder__buttons .next-step-back,
#colorbox .advanced-order .advancedOrder__buttons .next-step-back * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}
#cboxLoadedContent .advancedOrder__buttons .next-step-back:hover,
#cboxLoadedContent .advancedOrder__buttons .next-step-back:focus,
#cboxLoadedContent .advancedOrder__buttons .next-step-back:active,
#cboxLoadedContent .advancedOrder__buttons .next-step-back:hover *,
#cboxLoadedContent .advancedOrder__buttons .next-step-back:focus *,
#cboxLoadedContent .advancedOrder__buttons .next-step-back:active *,
#colorbox .advanced-order .advancedOrder__buttons .next-step-back:hover,
#colorbox .advanced-order .advancedOrder__buttons .next-step-back:focus,
#colorbox .advanced-order .advancedOrder__buttons .next-step-back:active,
#colorbox .advanced-order .advancedOrder__buttons .next-step-back:hover *,
#colorbox .advanced-order .AdvancedOrder__buttons .next-step-back:focus *,
#colorbox .advanced-order .advancedOrder__buttons .next-step-back:active * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}

#cboxLoadedContent .advancedOrder__buttons .btn.btn-conversion,
#cboxLoadedContent .advancedOrder__buttons .btn.btn-conversion *,
#cboxLoadedContent .advancedOrder__buttons .btn.btn-conversion:hover,
#cboxLoadedContent .advancedOrder__buttons .btn.btn-conversion:hover *,
#colorbox .advanced-order .advancedOrder__buttons .btn.btn-conversion,
#colorbox .advanced-order .advancedOrder__buttons .btn.btn-conversion *,
#colorbox .advanced-order .advancedOrder__buttons .btn.btn-conversion:hover,
#colorbox .advanced-order .advancedOrder__buttons .btn.btn-conversion:hover * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}
/* 2025-11-10 종료 */

/* 2025-11-14 시작 */
@media (max-width: 991px) {
  #header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999 !important;
  }

  .overall-wrapper {
    padding-top: 60px !important;
  }
}
/* 2025-11-14 종료 */

/* 2025-11-25 시작 */
#header .navigation-buttons a[data-target="eshop"] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  margin: 0 10px;
}

#header .navigation-buttons a[data-target="eshop"]:before {
  content: none;
}

@media (max-width: 767px) {
  #header .navigation-buttons a[data-target="eshop"] {
    width: 103px;
  }

  .navigation-buttons .dropdown { order: 10; }
  .navigation-buttons > a[data-target="search"] { order: 20; }
  .navigation-buttons > a[data-target="login"] { order: 30; }
  .navigation-buttons .menu-btn,
  .navigation-buttons > a[data-target="eshop"] { order: 40; }
  .navigation-buttons > a[data-target="cart"] { order: 50; }
  .navigation-buttons > a[data-target="navigation"] { order: 60; }
}

@media (max-width: 500px) {
  .navigation-buttons > a {
    width: 45px;
  }

  #header .navigation-buttons a[data-target="eshop"] {
    width: 99px;
  }
}

@media screen and (max-width: 480px) {
  .navigation-buttons {
    margin-top: 0px;
  }
}

@media screen and (max-width: 479px) {
  .navigation-buttons {
    margin-top: 10px;
  }
}

@media (max-width: 470px) {
  .navigation-buttons > a {
    width: 40px;
  }

  #header .navigation-buttons a[data-target="eshop"] {
    width: 94px;
  }
}

@media (max-width: 435px) {
  .navigation-buttons > a {
    width: 38px;
  }

  #header .navigation-buttons a[data-target="eshop"] {
    margin: 0 5px;
  }
}

@media (max-width: 415px) {
  .navigation-buttons > a {
    width: 36px;
  }
}

@media (max-width: 408px) {
  .navigation-buttons > a {
    width: 35px;
  }

  #header .site-name a img {
    width: 140px;
    height: 40px !important;
  }

  .navigation-buttons {
    margin-top: 7px !important;
  }
}

@media (max-width: 400px) {
  #header .site-name a img {
    margin-left: 0;
  }

  #header .navigation-buttons a[data-target="eshop"] {
    width: 88px;
  }
}

@media (max-width: 375px) {
  #header .navigation-buttons a[data-target="eshop"] {
    width: 80px;
    margin: 0 4px;
  }
}

@media (max-width: 360px) {
  .navigation-buttons > a {
    width: 33px;
  }
}

@media (max-width: 355px) {
  .navigation-buttons > a {
    width: 32px;
  }
}

@media (max-width: 350px) {
  .navigation-buttons > a {
    width: 31px;
  }
}

@media (max-width: 345px) {
  .navigation-buttons > a {
    width: 30px;
  }
}

@media (max-width: 340px) {
  .navigation-buttons > a {
    width: 38px;
  }

  #header .site-name a img {
    width: auto;
    margin-left: 10px;
  }

  .navigation-buttons {
    margin-top: 7px !important;
  }

  #header .navigation-buttons a[data-target="eshop"] {
    width: 88px;
  }
}
/* 2025-11-25 종료 */

/* 2025-11-28 시작 */
.delivery-point-form .pickup-point-submit input[type="submit"].btn.btn-primary {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}

.delivery-point-form .pickup-point-submit input[type="submit"].btn.btn-primary:hover {
  background-color: #e5e5e5 !important;
  color: #000000 !important;
}

.delivery-point-result-table td[class*="delivery-point-submit"] input[type="submit"].btn.btn-primary {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}

.delivery-point-result-table td[class*="delivery-point-submit"] input[type="submit"].btn.btn-primary:hover {
  background-color: #e5e5e5 !important;
  color: #000000 !important;
}

.delivery-point-result-table a.pickup-point-show-opening-hours {
  color: #000000 !important;
  text-decoration: underline !important;
}
/* 2025-11-28 종료 */

/* 2025-12-04 시작 */
body.in-krok-2 input[type="checkbox"]:checked + label::before,
body.in-krok-2 input[type="radio"]:checked + label::before {
  border-color: #008000;
}

body.in-krok-2 input[type="checkbox"]:checked + label::after,
body.in-krok-2 input[type="radio"]:checked + label::after {
  background-color: #008000;
  border-color: #ffffff;
}
/* 2025-12-04 종료 */

/* 2026-01-15 시작 */
body.in-index.kotsam-hero-media-ready .overall-wrapper {
  overflow: visible !important;
}

body.in-index.kotsam-hero-media-ready {
  overflow-x: hidden;
}

body.in-index.kotsam-hero-media-ready #content > .hero-banner-media {
  position: relative;
  left: 50%;
  width: min(100vw, 1920px);
  max-width: 1920px;
  margin-left: max(-50vw, -960px);
  margin-right: max(-50vw, -960px);

  display: block;
  padding: 0;
  overflow: hidden;

  background: #d7e8f3;
  z-index: 8;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  body.in-index.kotsam-hero-media-ready #content > .hero-banner-media {
    aspect-ratio: 1920 / 400;
  }
}
@media (max-width: 991px) {
  body.in-index.kotsam-hero-media-ready #content > .hero-banner-media {
    aspect-ratio: 750 / 600;
  }
}

body.kotsam-hero-media-ready .hero-banner-media__img,
body.kotsam-hero-media-ready .hero-banner-media__video {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
  pointer-events: none;
}

body.kotsam-hero-media-ready .hero-banner-media__img {
  opacity: 1;
  transition: opacity 0.25s ease;
}

body.kotsam-hero-media-ready .hero-banner-media__video {
  opacity: 0;
  transition: opacity 0.25s ease;
  background: transparent;
}

body.kotsam-hero-media-ready .hero-banner-media--video-playing .hero-banner-media__video { opacity: 1; }
body.kotsam-hero-media-ready .hero-banner-media--video-playing .hero-banner-media__img   { opacity: 0; }

body.kotsam-hero-media-ready .hero-banner-media__text {
  position: absolute;
  width: min(900px, 92vw);
  max-width: 92vw;

  display: flex;
  flex-direction: column;
  gap: clamp(2px, 0.7vw, 14px);

  pointer-events: auto;
  font-family: "Poppins", "Montserrat", Arial, sans-serif;
}

body.kotsam-hero-media-ready .hero-banner-media__title,
body.kotsam-hero-media-ready .hero-banner-media__subtitle,
body.kotsam-hero-media-ready .hero-banner-media__description {
  margin: 0;

  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;

  text-shadow: none !important;
  pointer-events: none;
}

@media (min-width: 992px) {
  body.kotsam-hero-media-ready .hero-banner-media__text {
    top: 8%;
    left: clamp(40px, 6vw, 140px);
    transform: none;

    text-align: left;
    align-items: flex-start;
    color: #000;
  }

  body.kotsam-hero-media-ready .hero-banner-media__title {
    font-size: clamp(22px, 2.2vw, 44px);
    line-height: 1.08;
    font-weight: 700;
  }

  body.kotsam-hero-media-ready .hero-banner-media__subtitle {
    font-size: clamp(34px, 3.4vw, 50px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.2px;
  }

  body.kotsam-hero-media-ready .hero-banner-media__description {
    font-size: clamp(16px, 1.5vw, 30px);
    line-height: 1.25;
    font-weight: 500;
    opacity: 0.95;
  }

  body.kotsam-hero-media-ready .hero-banner-media__slider-btn {
    font-size: clamp(14px, 1.2vw, 22px);
  }
}

@media (max-width: 991px) {
  body.kotsam-hero-media-ready .hero-banner-media__text {
    top: 4%;
    left: 50%;
    transform: translateX(-50%);

    width: min(920px, 92vw);
    text-align: center;
    align-items: center;
    color: #fff;
  }

  body.kotsam-hero-media-ready .hero-banner-media__title {
    font-size: clamp(13px, 4.5vw, 44px);
    line-height: 1.08;
    font-weight: 700;
  }

  body.kotsam-hero-media-ready .hero-banner-media__subtitle {
    font-size: clamp(16px, 6.8vw, 50px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.2px;
  }

  body.kotsam-hero-media-ready .hero-banner-media__description {
    font-size: clamp(9px, 3.8vw, 30px);
    line-height: 1.25;
    font-weight: 500;
    opacity: 0.95;
  }

  body.kotsam-hero-media-ready .hero-banner-media__slider-btn {
    font-size: clamp(2px, 3.3vw, 20px);
  }
}

body.kotsam-hero-media-ready .hero-banner-media__slider-btn {
  display: inline-block;
  margin-top: clamp(2px, 1.4vw, 22px);
  padding: 0.42em 1.25em;

  border-radius: 999px;
  background: #fff !important;
  color: #9a6b2f !important;

  font-weight: 700;
  text-decoration: none !important;

  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
  pointer-events: auto;
}

body.kotsam-hero-media-ready .hero-banner-media__slider-btn:hover,
body.kotsam-hero-media-ready .hero-banner-media__slider-btn:focus,
body.kotsam-hero-media-ready .hero-banner-media__slider-btn:active {
  text-decoration: none !important;
  color: #9a6b2f !important;
}

body.in-index.kotsam-hero-media-ready .homepage-tabs-wrapper {
  position: relative;
  margin-top: -7px !important;
  z-index: 8 !important;
}

body.in-index.kotsam-hero-media-ready .container--bannersBenefit::after {
  margin-top: -130px !important;
}

body.in-index.kotsam-hero-media-ready .container--bannersBenefit::before,
body.in-index.kotsam-hero-media-ready .container--bannersBenefit::after,
body.in-index.kotsam-hero-media-ready .homepage-tabs-wrapper::before,
body.in-index.kotsam-hero-media-ready .homepage-tabs-wrapper::after {
  pointer-events: none !important;
}
/* 2026-01-15 종료 */

/* 2026-03-08 시작 */
body.in-index.kotsam-hero-banner-media-first .overall-wrapper {
  overflow: visible !important;
  /* 2026-09-29: 메인 화면은 최대 1920px, 작은 화면에서는 반응형 유지. */
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  padding: 0;
}

body.in-index.kotsam-hero-banner-media-first {
  overflow-x: hidden;
}

body.in-index.kotsam-hero-banner-media-first #content > .hero-banner {
  display: none !important;
}

body.in-index.kotsam-hero-banner-media-first #content > .kotsam-hero-banner-media-first {
  position: relative;
  container-type: inline-size;
  --hero-title-size: clamp(40px, 5cqw, 96px);
  --hero-copy-size: clamp(16px, 1.5625cqw, 30px);
  --hero-button-size: clamp(18px, 1.5625cqw, 30px);
  --hero-gap: clamp(10px, 1.25cqw, 24px);
  left: 50%;
  width: min(100vw, 1920px);
  max-width: 1920px;
  margin-left: max(-50vw, -960px);
  margin-right: max(-50vw, -960px);
  display: block;
  padding: 0;
  overflow: hidden;
  background: #ede6dc;
  z-index: 8;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  body.in-index.kotsam-hero-banner-media-first #content > .kotsam-hero-banner-media-first {
    aspect-ratio: 1920 / 600;
  }
}

@media (max-width: 991px) {
  body.in-index.kotsam-hero-banner-media-first #content > .kotsam-hero-banner-media-first {
    aspect-ratio: 3 / 4;
  }
}

body.kotsam-hero-banner-media-first .kotsam-hero-banner-media-first__img,
body.kotsam-hero-banner-media-first .kotsam-hero-banner-media-first__video {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
  pointer-events: none;
}

body.kotsam-hero-banner-media-first .kotsam-hero-banner-media-first__img {
  opacity: 1;
  /* 2026-09-29: 이미지와 영상 전환 중 반투명 페이드 제거. */
}

body.kotsam-hero-banner-media-first .kotsam-hero-banner-media-first__video {
  opacity: 0;
  background: transparent;
}

body.kotsam-hero-banner-media-first .kotsam-hero-banner-media-first--video-playing .kotsam-hero-banner-media-first__video {
  opacity: 1;
}

body.kotsam-hero-banner-media-first .kotsam-hero-banner-media-first--video-playing .kotsam-hero-banner-media-first__img {
  opacity: 0;
}

body.kotsam-hero-banner-media-first .kotsam-hero-banner-media-first__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
}

/* 2026-09-29: 참고 PC/모바일 배치, 단일 문구 구조와 원본 미디어 비율 유지. */
/* 메인 제목은 실제 Bold 파일을 사용하며 상세페이지 글꼴 계약과 분리한다. */
@font-face {
  font-family: "Kotsam Hero";
  src: url("/user/documents/upload/cormorant-garamond-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF;
}
@font-face {
  font-family: "Kotsam Hero";
  src: url("/user/documents/upload/cormorant-garamond-latin-ext-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+1E00-1EFF;
}
body.in-index .kotsam-hero-banner-media-first .heroCopy {
  position: absolute;
  top: 11%;
  left: 13%;
  width: 40%;
  color: #fff;
  font-family: "Cormorant Garamond KOTSAM", Georgia, serif;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--hero-gap);
}
body.in-index .kotsam-hero-banner-media-first .heroTitle {
  margin: 0;
  color: #fff;
  font-family: "Kotsam Hero", "Cormorant Garamond KOTSAM", Georgia, serif;
  font-size: var(--hero-title-size);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 0.94;
}
body.in-index .kotsam-hero-banner-media-first .heroTitle span {
  display: block;
}
body.in-index .kotsam-hero-banner-media-first .heroMeta {
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: var(--hero-copy-size);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.2;
}
body.in-index .kotsam-hero-banner-media-first .heroMeta::before {
  content: "";
  display: block;
  width: 44px;
  height: 2px;
  margin-bottom: 14px;
  background: #d6aa48;
}
body.in-index #content .kotsam-hero-banner-media-first .heroCta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: clamp(8px, 0.73cqw, 14px) clamp(20px, 2.1cqw, 40px);
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: #b31317;
  font-family: inherit;
  font-size: var(--hero-button-size);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  text-decoration: none;
}
body.in-index #content .kotsam-hero-banner-media-first .heroCta::after {
  content: "\203A";
  margin-left: 10px;
}
body.in-index #content .kotsam-hero-banner-media-first .heroCta:hover {
  background: #951014;
}
body.in-index #content .kotsam-hero-banner-media-first .heroCta:focus-visible {
  outline: 2px solid #fff8ed;
  outline-offset: 4px;
}
/* 2026-09-29: 화면 폭 단계 대신 배너 컨테이너에 맞춰 글자와 간격을 연속 조절한다. */
@media (max-width: 991px) {
  body.in-index.kotsam-hero-banner-media-first #content > .kotsam-hero-banner-media-first {
    --hero-title-size: clamp(32px, 10cqw, 96px);
    --hero-copy-size: clamp(16px, 4.8cqw, 40px);
    --hero-button-size: clamp(18px, 5.2cqw, 42px);
    --hero-gap: clamp(10px, 2.5cqw, 24px);
  }
  body.in-index .kotsam-hero-banner-media-first .heroCopy {
    top: 4%;
    left: 5%;
    width: 90%;
    align-items: center;
    text-align: center;
  }
  body.in-index .kotsam-hero-banner-media-first .heroMeta::before { margin: 0 auto 12px; }
}
/* 2026-03-08 종료 */

/* 2026-03-12 시작 */
.type-category #products .kotsam-category-list-rating {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  row-gap: 4px;
  width: 100%;
  margin: 6px 0 8px;
  color: #000 !important;
  text-decoration: none !important;
  text-align: center;
  line-height: 1;
  flex-wrap: wrap;
}

.type-category #products .kotsam-category-list-rating:hover,
.type-category #products .kotsam-category-list-rating:focus,
.type-category #products .kotsam-category-list-rating:active {
  color: #000 !important;
  text-decoration: none !important;
}

.type-category #products .kotsam-category-list-rating-value {
  font-size: 15px;
  font-weight: 700;
  color: #000 !important;
  line-height: 1;
}

.type-category #products .kotsam-category-list-rating-stars {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  line-height: 1;
  white-space: nowrap;
}

.type-category #products .kotsam-category-list-rating-star {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  overflow: hidden;
}

.type-category #products .kotsam-category-list-rating-star::before,
.type-category #products .kotsam-category-list-rating-star::after {
  content: '★';
  position: absolute;
  inset: 0;
  font-size: 12px;
  line-height: 12px;
}

.type-category #products .kotsam-category-list-rating-star::before {
  color: #cfcfcf;
}

.type-category #products .kotsam-category-list-rating-star::after {
  color: #ee312f;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
}

.type-category #products .kotsam-category-list-rating-star--full::after {
  width: 100%;
}

.type-category #products .kotsam-category-list-rating-star--half::after {
  width: 50%;
}

.type-category #products .kotsam-category-list-rating-star--empty::after {
  width: 0;
}

.type-category #products .kotsam-category-list-rating-count {
  font-size: 12px;
  color: #000 !important;
  line-height: 1;
  white-space: nowrap;
}

.type-category #products .availability + .kotsam-category-list-rating {
  margin-top: 6px;
}

.type-category #products .tm-product-rating,
.type-category #products .tm-product-rating-v2,
.type-category #products .kotsam-cat-rating,
.type-category #products .kotsam-category-rating-v20260311,
.type-category #products .kotsam-category-rating-v20260311-centered {
  display: none !important;
}
/* 2026-03-12 종료 */

/* 2026-09-29: 메인 프로모션 슬라이더 비활성화. 내부 주석 구분자는 [comment]로 보존.
보호 대상: 주석 삭제·미사용 코드 정리에서 제외. 삭제·변경·재활성화 전 사용자 확인 필수.
[comment] 2026-03-27 시작 [/comment]
body.in-index #content > .kotsam-hero-banner-slider {
  position: relative;
  left: 50%;
  width: min(100vw, 1920px);
  max-width: 1920px;
  margin-left: max(-50vw, -960px);
  margin-right: max(-50vw, -960px);
  margin-top: -1px;
  margin-bottom: -1px;
  display: block;
  overflow: hidden;
  background: transparent;
  z-index: 9;
  box-sizing: border-box;
}

body.in-index #content > .kotsam-hero-banner-slider,
body.in-index #content > .kotsam-hero-banner-slider * {
  box-sizing: border-box;
}

body.in-index #content > .kotsam-hero-banner-slider a,
body.in-index #content > .kotsam-hero-banner-slider a:hover,
body.in-index #content > .kotsam-hero-banner-slider a:focus,
body.in-index #content > .kotsam-hero-banner-slider a:active {
  text-decoration: none !important;
}

.kotsam-hero-banner-slider {
  --kotsam-font-stack: "Montserrat", var(--template-font, "Poppins"), Arial, sans-serif;
  --kotsam-arrow-size: 52px;
  --kotsam-arrow-offset: 22px;
  --kotsam-arrow-gap: 26px;
  --kotsam-dot-size: 10px;
  --kotsam-hero-banner-slider-index: 0;

  --kotsam-content-left: max(6.5%, calc(var(--kotsam-arrow-offset) + var(--kotsam-arrow-size) + var(--kotsam-arrow-gap)));
  --kotsam-content-right: max(6.5%, calc(var(--kotsam-arrow-offset) + var(--kotsam-arrow-size) + var(--kotsam-arrow-gap)));
  --kotsam-content-top: 7.2%;
  --kotsam-content-bottom-gap: 30px;
  --kotsam-content-max-width: clamp(32rem, 34vw, 42rem);

  --kotsam-eyebrow-size: clamp(18px, 1.1vw, 26px);
  --kotsam-subtitle-size: clamp(16px, 1vw, 22px);
  --kotsam-heading-primary-size: clamp(32px, 2.3vw, 52px);
  --kotsam-heading-secondary-size: clamp(26px, 1.95vw, 44px);
  --kotsam-body-size: clamp(16px, 1.05vw, 20px);
  --kotsam-body-weight: 500;
  --kotsam-cta-size: clamp(14px, 0.9vw, 18px);
  --kotsam-cta-width: 176px;
  --kotsam-cta-min-height: 40px;
  font-family: var(--kotsam-font-stack) !important;
}

.kotsam-hero-banner-slider__viewport {
  position: relative;
  overflow: hidden;
  line-height: 0;
}

.kotsam-hero-banner-slider__track {
  display: flex;
  width: 100%;
  transform: translate3d(calc(var(--kotsam-hero-banner-slider-index, 0) * -100%), 0, 0);
  transition: transform 0.45s ease;
  will-change: transform;
  touch-action: pan-y;
}

.kotsam-hero-banner-slider__slide {
  --kotsam-slide-text-desktop: #173147;
  --kotsam-slide-text-mobile: #173147;
  --kotsam-slide-btn-bg: #173147;
  --kotsam-slide-btn-text: #ffffff;
  --kotsam-slide-overlay-desktop: transparent;
  --kotsam-slide-overlay-mobile: transparent;
  --kotsam-slide-shadow-desktop: none;
  --kotsam-slide-shadow-mobile: none;
  --kotsam-slide-text: var(--kotsam-slide-text-desktop);
  --kotsam-slide-overlay: var(--kotsam-slide-overlay-desktop);
  --kotsam-slide-shadow: var(--kotsam-slide-shadow-desktop);

  flex: 0 0 100%;
  min-width: 100%;
  position: relative;
  line-height: 0;
}

.kotsam-hero-banner-slider__slide[aria-hidden="true"] {
  pointer-events: none;
}

.kotsam-hero-banner-slider__surface {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1920 / 400;
  color: var(--kotsam-slide-text) !important;
  overflow: hidden;
  line-height: 0;
}

.kotsam-hero-banner-slider__surface::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: var(--kotsam-slide-overlay);
}

.kotsam-hero-banner-slider__picture {
  position: absolute;
  inset: -1px;
  z-index: 0;
  display: block;
  line-height: 0;
}

.kotsam-hero-banner-slider__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.kotsam-hero-banner-slider__copy {
  position: absolute;
  z-index: 2;
  left: var(--kotsam-content-left);
  top: var(--kotsam-content-top);
  width: min(var(--kotsam-content-max-width), calc(100% - var(--kotsam-content-left) - var(--kotsam-content-right)));
  max-width: calc(100% - var(--kotsam-content-left) - var(--kotsam-content-right));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.kotsam-hero-banner-slider__eyebrow,
.kotsam-hero-banner-slider__subtitle,
.kotsam-hero-banner-slider__heading,
.kotsam-hero-banner-slider__body {
  margin: 0;
  color: inherit !important;
}

.kotsam-hero-banner-slider__heading {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.kotsam-hero-banner-slider__eyebrow,
.kotsam-hero-banner-slider__subtitle,
.kotsam-hero-banner-slider__heading-line,
.kotsam-hero-banner-slider__body-line,
.kotsam-hero-banner-slider__eyebrow-text {
  color: inherit !important;
  text-shadow: var(--kotsam-slide-shadow);
}

.kotsam-hero-banner-slider__heading-line,
.kotsam-hero-banner-slider__body-line,
.kotsam-hero-banner-slider__eyebrow-text {
  display: block;
}

.kotsam-hero-banner-slider__eyebrow,
.kotsam-hero-banner-slider__eyebrow-text,
.kotsam-hero-banner-slider__subtitle,
.kotsam-hero-banner-slider__heading-line,
.kotsam-hero-banner-slider__body-line,
.kotsam-hero-banner-slider__cta {
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
}

.kotsam-hero-banner-slider__eyebrow {
  text-transform: uppercase;
  font-size: var(--kotsam-eyebrow-size) !important;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: 0.012em;
  margin-bottom: 0.25rem;
}

.kotsam-hero-banner-slider__eyebrow-text--desktop {
  display: block;
}

.kotsam-hero-banner-slider__eyebrow-text--mobile {
  display: none;
}

.kotsam-hero-banner-slider__subtitle {
  font-size: var(--kotsam-subtitle-size) !important;
  font-weight: 500;
  line-height: 1.12;
  margin-bottom: 0.625rem;
}

.kotsam-hero-banner-slider__heading-line--primary {
  font-size: var(--kotsam-heading-primary-size) !important;
  font-weight: 600;
  line-height: 1.02;
}

.kotsam-hero-banner-slider__heading-line--secondary {
  font-size: var(--kotsam-heading-secondary-size) !important;
  font-weight: 500;
  line-height: 1.02;
  margin-top: 0.125rem;
}

.kotsam-hero-banner-slider__body {
  margin-top: 0.8rem;
  margin-bottom: 1rem;
  width: 100%;
}

.kotsam-hero-banner-slider__body-line {
  font-size: var(--kotsam-body-size) !important;
  font-weight: var(--kotsam-body-weight);
  line-height: 1.23;
}

.kotsam-hero-banner-slider__body-line + .kotsam-hero-banner-slider__body-line {
  margin-top: 0.08em;
}

.kotsam-hero-banner-slider__cta {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: var(--kotsam-cta-width);
  max-width: 100%;
  min-height: var(--kotsam-cta-min-height);
  padding: 0.56rem 1.16rem;
  font-size: var(--kotsam-cta-size) !important;
  font-weight: 500;
  line-height: 1;
  border: 0;
  border-radius: 14px;
  background: var(--kotsam-slide-btn-bg);
  color: var(--kotsam-slide-btn-text) !important;
  box-shadow: none;
  cursor: pointer;
}

.kotsam-hero-banner-slider__cta:focus-visible,
.kotsam-hero-banner-slider__pagination-dot:focus-visible,
.kotsam-hero-banner-slider__arrow:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.92);
  outline-offset: 2px;
}

.kotsam-hero-banner-slider__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--kotsam-arrow-size);
  height: var(--kotsam-arrow-size);
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(23, 49, 71, 0.90);
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

.kotsam-hero-banner-slider__arrow:hover,
.kotsam-hero-banner-slider__arrow:focus-visible {
  background: rgba(23, 49, 71, 1);
}

.kotsam-hero-banner-slider__arrow--prev {
  left: var(--kotsam-arrow-offset);
}

.kotsam-hero-banner-slider__arrow--next {
  right: var(--kotsam-arrow-offset);
}

.kotsam-hero-banner-slider__arrow::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}

.kotsam-hero-banner-slider__arrow--prev::before {
  transform: rotate(-135deg);
  margin-left: 4px;
}

.kotsam-hero-banner-slider__arrow--next::before {
  transform: rotate(45deg);
  margin-right: 4px;
}

.kotsam-hero-banner-slider__pagination {
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.kotsam-hero-banner-slider__pagination-dot {
  width: var(--kotsam-dot-size);
  height: var(--kotsam-dot-size);
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.kotsam-hero-banner-slider__pagination-dot--active {
  background: #173147;
  transform: scale(1.2);
}

.kotsam-hero-banner-slider--single .kotsam-hero-banner-slider__arrow,
.kotsam-hero-banner-slider--single .kotsam-hero-banner-slider__pagination {
  display: none !important;
}

@media (max-width: 991px) {
  .kotsam-hero-banner-slider {
    --kotsam-arrow-size: 42px;
    --kotsam-arrow-offset: 14px;
    --kotsam-arrow-gap: 18px;
    --kotsam-content-left: max(8.5%, calc(var(--kotsam-arrow-offset) + var(--kotsam-arrow-size) + var(--kotsam-arrow-gap)));
    --kotsam-content-right: max(8.5%, calc(var(--kotsam-arrow-offset) + var(--kotsam-arrow-size) + var(--kotsam-arrow-gap)));
    --kotsam-content-top: 8%;
    --kotsam-content-bottom-gap: 26px;
    --kotsam-content-max-width: 44rem;
    --kotsam-eyebrow-size: clamp(15px, 3.65vw, 21px);
    --kotsam-subtitle-size: clamp(14px, 3.1vw, 18px);
    --kotsam-heading-primary-size: clamp(27px, 6.7vw, 42px);
    --kotsam-heading-secondary-size: clamp(21px, 5.2vw, 32px);
    --kotsam-body-size: clamp(15px, 3.5vw, 19px);
    --kotsam-body-weight: 400;
    --kotsam-cta-size: clamp(15px, 3.4vw, 17px);
    --kotsam-cta-min-height: 46px;
  }

  .kotsam-hero-banner-slider__slide {
    --kotsam-slide-text: var(--kotsam-slide-text-mobile);
    --kotsam-slide-overlay: var(--kotsam-slide-overlay-mobile);
    --kotsam-slide-shadow: var(--kotsam-slide-shadow-mobile);
  }

  .kotsam-hero-banner-slider__surface {
    aspect-ratio: 1 / 1;
  }

  .kotsam-hero-banner-slider__image {
    object-position: center 58%;
  }

  .kotsam-hero-banner-slider__eyebrow-text--desktop {
    display: none;
  }

  .kotsam-hero-banner-slider__eyebrow-text--mobile {
    display: block;
  }

  .kotsam-hero-banner-slider__subtitle {
    margin-bottom: 0.7rem;
  }

  .kotsam-hero-banner-slider__body {
    margin-top: 0.7rem;
    margin-bottom: 0.85rem;
  }

  .kotsam-hero-banner-slider__body-line {
    line-height: 1.18;
  }
}

@media (max-width: 429px) {
  .kotsam-hero-banner-slider {
    --kotsam-content-top: 7.4%;
    --kotsam-content-max-width: 25rem;
    --kotsam-eyebrow-size: clamp(14px, 3.3vw, 18px);
    --kotsam-subtitle-size: clamp(13px, 2.9vw, 17px);
    --kotsam-heading-primary-size: clamp(24px, 6.1vw, 36px);
    --kotsam-heading-secondary-size: clamp(19px, 4.8vw, 28px);
    --kotsam-body-size: clamp(14px, 3.2vw, 17px);
    --kotsam-cta-size: clamp(14px, 3.2vw, 16px);
    --kotsam-cta-min-height: 42px;
  }

  .kotsam-hero-banner-slider__body {
    margin-top: 0.6rem;
    margin-bottom: 0.75rem;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .kotsam-hero-banner-slider {
    --kotsam-content-top: 6.6%;
    --kotsam-content-max-width: clamp(28rem, 38vw, 32rem);
    --kotsam-heading-primary-size: clamp(28px, 2.05vw, 40px);
    --kotsam-heading-secondary-size: clamp(22px, 1.7vw, 32px);
    --kotsam-body-size: clamp(15px, 1vw, 18px);
    --kotsam-cta-min-height: 36px;
  }

  .kotsam-hero-banner-slider__heading-line--primary,
  .kotsam-hero-banner-slider__heading-line--secondary,
  .kotsam-hero-banner-slider__body-line {
    white-space: normal;
    text-wrap: balance;
    overflow-wrap: break-word;
  }

  .kotsam-hero-banner-slider__body-line {
    text-wrap: pretty;
  }

  .kotsam-hero-banner-slider__subtitle {
    margin-bottom: 0.5rem;
  }

  .kotsam-hero-banner-slider__body {
    margin-top: 0.65rem;
    margin-bottom: 0.85rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kotsam-hero-banner-slider__track,
  .kotsam-hero-banner-slider__arrow,
  .kotsam-hero-banner-slider__pagination-dot {
    transition: none !important;
  }
}
[comment] 2026-03-27 종료 [/comment]
*/

/* 2026-07-31 시작 */
@font-face {
  font-family: "Cormorant Garamond KOTSAM";
  src: url("https://www.kotsam.cz/user/documents/upload/product-detail/section-00/common/cormorant-garamond-latin-500-normal.woff2?v=1b135d5e2ca2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

@font-face {
  font-family: "Cormorant Garamond KOTSAM";
  src: url("https://www.kotsam.cz/user/documents/upload/product-detail/section-00/common/cormorant-garamond-latin-ext-500-normal.woff2?v=6d7f0272217f") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+1E00-1EFF;
}

@font-face {
  font-family: "Cormorant Garamond KOTSAM";
  src: url("https://www.kotsam.cz/user/documents/upload/product-detail/section-00/common/cormorant-garamond-latin-600-normal.woff2?v=db5c65db6aac") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

@font-face {
  font-family: "Cormorant Garamond KOTSAM";
  src: url("https://www.kotsam.cz/user/documents/upload/product-detail/section-00/common/cormorant-garamond-latin-ext-600-normal.woff2?v=6098a865bd8d") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+1E00-1EFF;
}

@font-face {
  font-family: "Montserrat KOTSAM";
  src: url("https://www.kotsam.cz/user/documents/upload/product-detail/section-00/common/montserrat-latin-ext-variable-normal.woff2?v=ab17a920ab98") format("woff2");
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
}

.kotsam-product-detail {
  --kdp-theme: #B77A22;
  --kdp-theme-strong: #875A19;
  --kdp-theme-soft: #EBDCC5;
  --kdp-theme-faint: rgba(183, 122, 34, .035);
  --kdp-theme-surface: #FFF8ED;
  --kdp-theme-surface-soft: #FFFCF6;
  --kdp-brown: #2A1A12;
  --kdp-text: #5F534A;
  --kdp-muted: #5F534A;
  --kdp-action: #EE312F;
  --kdp-action-hover: #C9272C;
  --kdp-action-shadow: rgba(238, 49, 47, .2);
  --kdp-action-focus: rgba(238, 49, 47, .28);
  --kdp-action-contrast: #FFF;
  --kdp-trust-gold: #C58A3A;
  --kdp-line: var(--kdp-theme-soft);
  --kdp-card: #FFFCF6;
  --kdp-shadow: 0 16px 34px rgba(82, 49, 18, .09);
  --kdp-radius: 22px;
  --kdp-serif: "Cormorant Garamond KOTSAM", serif;
  --kdp-sans: "Montserrat KOTSAM", sans-serif;
  container-type: inline-size;
  width: 100%;
  overflow: visible;
  background:
    linear-gradient(135deg, var(--kdp-theme-faint) 0 1px, transparent 1px 18px),
    radial-gradient(circle at 50% 0%, var(--kdp-theme-surface-soft) 0%, var(--kdp-theme-surface) 62%, var(--kdp-theme-surface-soft) 100%);
  color: var(--kdp-text);
  font-family: var(--kdp-sans);
  font-weight: 500;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

:where(.kotsam-product-detail),
:where(.kotsam-product-detail) * { box-sizing: border-box; }

:where(.kotsam-product-detail[data-kdp-component-requested]) .kdp-area-status {
  position: relative;
  margin: 8px 0 0;
  color: var(--kdp-text);
  font: 500 12px/1.5 var(--kdp-sans);
}

:where(.kotsam-product-detail[data-kdp-component-requested]) .kdp-component-retry {
  margin-inline-start: 8px;
  padding: 4px 8px;
  border: 1px solid currentColor;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

:where(.kotsam-product-detail[data-kdp-component-requested]) .kdp-component-retry:focus-visible {
  outline: 2px solid var(--kdp-theme-strong);
  outline-offset: 2px;
}

:where(.kotsam-product-detail[data-kdp-component-requested]) .kdp-media > .kdp-area-status {
  position: absolute;
  inset: auto 0 0;
  padding: 8px;
  background: var(--kdp-theme-surface-soft);
  z-index: 2;
}

/* Section 01 */



:where(.kotsam-product-detail) .kdp-section--01 {
  --s01-media-reveal-duration: 180ms;
  --s01-inner: 1290px;
  --s01-section-pad-x: 70px;
  --s01-section-pad-y: 82px;
  --s01-head-width: 1120px;
  --s01-head-gap: 42px;
  --s01-eyebrow-size: 16px;
  --s01-eyebrow-space: .32em;
  position: relative;
  width: 100%;
  padding: var(--s01-section-pad-y) var(--s01-section-pad-x);
  padding-top: calc(var(--s01-section-pad-y) * .82);
  --s01-title-size: 78px;
  --s01-title-line: 1.02;
  --s01-title-width: auto;
  --s01-title-space: normal;
  --s01-title-line-display: inline;
  --s01-title-line-space: inherit;
  --s01-lead-size: 20px;
  --s01-lead-line: 1.5;
  --s01-lead-max: 1120px;
  --s01-lead-space: normal;
  --s01-lead-wrap: balance;
  --s01-hero-height: 650px;
  --s01-gallery-columns-wide: 3;
  --s01-gallery-columns-stacked: 3;
  --s01-hero-columns: minmax(0, 1.52fr) repeat(var(--s01-gallery-columns-wide), minmax(0, .55fr));
  --s01-hero-row-count-wide: 2;
  --s01-hero-rows: repeat(var(--s01-hero-row-count-wide), minmax(0, 1fr));
  --s01-hero-gap: 14px;
  --s01-video-column: 1;
  --s01-video-row-span-wide: 2;
  --s01-video-row: 1 / span var(--s01-video-row-span-wide);
  --s01-video-ratio: auto;
  --s01-thumb-height: 100%;
  --s01-thumb-ratio: auto;
  --s01-wide-thumb-ratio: auto;
  --s01-thumb-radius: var(--kdp-radius);
  --s01-video-toggle-size: 84px;
  --s01-ornament-width: min(100%, 180px);
  --s01-ornament-columns: 1fr 22px 1fr;
  --s01-ornament-gap: 14px;
  --s01-ornament-margin-bottom: 18px;
  --s01-placeholder-size: 12px;
  --s01-placeholder-letter-spacing: 0;
  --s01-component-shift-y: 0px;
  --s01-component-height: 48px;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-component-picker {
  position: relative;
  min-height: var(--s01-component-height);
  width: min(100%, var(--s01-head-width));
  margin: 0 auto 28px;
  z-index: 30;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-component-picker:empty {
  display: none;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-component-controls {
  position: absolute;
  inset: 0 0 auto;
  display: flex;
  align-items: stretch;
  justify-content: safe center;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--kdp-line);
  border-radius: 8px;
  background: var(--kdp-theme-surface-soft);
  box-shadow: 0 4px 14px rgba(42, 26, 18, .08);
  transform: translateY(var(--s01-component-shift-y));
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

:where(.kotsam-product-detail) .kdp-section--01 [data-kdp-component-view] {
  flex: 1 0 max-content;
  min-width: 96px;
  min-height: 44px;
  max-width: 260px;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: var(--kdp-brown);
  font: 600 12px/1.3 var(--kdp-sans);
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
}

:where(.kotsam-product-detail) .kdp-section--01 [data-kdp-component-view][aria-pressed="true"] {
  border-color: var(--kdp-theme-strong);
  background: var(--kdp-theme-soft);
  color: var(--kdp-brown);
}

:where(.kotsam-product-detail) .kdp-section--01 [data-kdp-component-view]:focus-visible {
  outline: 2px solid var(--kdp-theme-strong);
  outline-offset: 2px;
}

:where(.kotsam-product-detail) .kdp-section--01 [data-kdp-component-view]:disabled {
  cursor: wait;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-component-status {
  margin: 0;
  padding-top: calc(var(--s01-component-height) + 8px);
  color: var(--kdp-text);
  font: 500 12px/1.5 var(--kdp-sans);
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-component-loading {
  text-align: center;
  padding: 24px 12px;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-section__head {
  margin: 0 auto var(--s01-head-gap);
  text-align: center;
  width: min(100%, var(--s01-head-width));
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-eyebrow {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 12px;
  color: var(--kdp-theme-strong);
  font: 800 var(--s01-eyebrow-size)/1.35 var(--kdp-sans);
  letter-spacing: var(--s01-eyebrow-space);
  text-transform: uppercase;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-eyebrow strong {
  font-weight: 900;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-ornament {
  display: grid;
  width: var(--s01-ornament-width);
  grid-template-columns: var(--s01-ornament-columns);
  align-items: center;
  gap: var(--s01-ornament-gap);
  margin: 0 auto 18px;
  color: var(--kdp-theme);
  margin-bottom: var(--s01-ornament-margin-bottom);
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-ornament::before, :where(.kotsam-product-detail) .kdp-section--01 .kdp-ornament::after {
  content: "";
  height: 1px;
  background: currentColor;
  opacity: .72;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-ornament span {
  width: 22px;
  height: 22px;
  background: currentColor;
  -webkit-mask: radial-gradient(circle at 50% 20%, #000 0 19%, transparent 20%),
    radial-gradient(circle at 80% 45%, #000 0 18%, transparent 19%),
    radial-gradient(circle at 66% 80%, #000 0 18%, transparent 19%),
    radial-gradient(circle at 34% 80%, #000 0 18%, transparent 19%),
    radial-gradient(circle at 20% 45%, #000 0 18%, transparent 19%);
  mask: radial-gradient(circle at 50% 20%, #000 0 19%, transparent 20%),
    radial-gradient(circle at 80% 45%, #000 0 18%, transparent 19%),
    radial-gradient(circle at 66% 80%, #000 0 18%, transparent 19%),
    radial-gradient(circle at 34% 80%, #000 0 18%, transparent 19%),
    radial-gradient(circle at 20% 45%, #000 0 18%, transparent 19%);
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-ornament img {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
  object-position: center;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-title {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-brown);
  font-family: var(--kdp-serif);
  font-size: var(--s01-title-size);
  font-weight: 500;
  line-height: var(--s01-title-line);
  letter-spacing: 0;
  overflow-wrap: anywhere;
  width: var(--s01-title-width);
  margin-inline: auto;
  white-space: var(--s01-title-space);
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-line {
  display: block;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-line--inline {
  display: inline;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-copy {
  min-width: 0;
  margin: 18px auto 0;
  max-width: var(--s01-lead-max);
  color: var(--kdp-muted);
  font: 500 var(--s01-lead-size)/var(--s01-lead-line) var(--kdp-sans);
  overflow-wrap: anywhere;
  white-space: var(--s01-lead-space);
  text-wrap: var(--s01-lead-wrap);
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-media {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(218, 183, 123, .58);
  border-radius: var(--kdp-radius);
  background: linear-gradient(135deg, rgba(255, 252, 246, .96), rgba(252, 225, 171, .58)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .15) 0 2px, transparent 2px 10px);
  box-shadow: var(--kdp-shadow);
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-media :is(img, video) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity var(--s01-media-reveal-duration) ease;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-media.is-loaded img, :where(.kotsam-product-detail) .kdp-section--01 .kdp-media.is-loaded video {
  opacity: 1;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-media img:not([src]) {
  display: none;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-media-placeholder {
  position: absolute;
  inset: 12px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: calc(var(--kdp-radius) - 10px);
  color: rgba(80, 56, 33, .72);
  font: 900 12px/1.35 var(--kdp-sans);
  font-size: var(--s01-placeholder-size);
  letter-spacing: var(--s01-placeholder-letter-spacing);
  text-align: center;
  text-transform: uppercase;
  transition: opacity var(--s01-media-reveal-duration) ease, visibility 0s linear var(--s01-media-reveal-duration);
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-media.is-loaded .kdp-media-placeholder {
  opacity: 0;
  visibility: hidden;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-video-toggle {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  display: grid;
  width: var(--s01-video-toggle-size);
  height: var(--s01-video-toggle-size);
  place-items: center;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(117, 83, 43, .35);
  border-radius: 999px;
  background: rgba(255, 248, 237, .64);
  color: rgba(117, 83, 43, .85);
  cursor: pointer;
  transition: opacity .18s ease, visibility .18s ease;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-video-toggle::before {
  content: "";
  width: 0;
  height: 0;
  margin-left: 5px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 22px solid currentColor;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-media.is-playing .kdp-video-toggle {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-title .kdp-line {
  display: var(--s01-title-line-display);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: var(--s01-title-line-space);
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-hero-grid {
  display: grid;
  width: min(100%, var(--s01-inner));
  height: var(--s01-hero-height);
  grid-template-columns: var(--s01-hero-columns);
  grid-template-rows: var(--s01-hero-rows);
  gap: var(--s01-hero-gap);
  margin: 0 auto;
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-hero-feature {
  grid-column: var(--s01-video-column);
  grid-row: var(--s01-video-row);
  aspect-ratio: var(--s01-video-ratio);
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-hero-grid .kdp-media:not(.kdp-hero-feature) {
  height: var(--s01-thumb-height);
  aspect-ratio: var(--s01-thumb-ratio);
  border-radius: var(--s01-thumb-radius);
}

:where(.kotsam-product-detail) .kdp-section--01 .kdp-hero-grid .kdp-media.kdp-media--wide {
  grid-column: span 2;
  aspect-ratio: var(--s01-wide-thumb-ratio);
}

:where(.kotsam-product-detail) .kdp-section--01:has(.kdp-hero-grid[data-kdp-gallery-count="5"]) {
  --s01-gallery-columns-stacked: 2;
  --s01-thumb-ratio: 1 / 1;
  --s01-wide-thumb-ratio: 2 / 1;
}

:where(.kotsam-product-detail) .kdp-section--01:has(.kdp-hero-grid[data-kdp-gallery-count="4"]) {
  --s01-gallery-columns-wide: 2;
  --s01-gallery-columns-stacked: 2;
}

:where(.kotsam-product-detail) .kdp-section--01:has(.kdp-hero-grid[data-kdp-gallery-count="3"]) {
  --s01-hero-row-count-wide: 1;
  --s01-video-row-span-wide: 1;
}

:where(.kotsam-product-detail) .kdp-section--01:has(.kdp-hero-grid[data-kdp-gallery-count="2"]) {
  --s01-gallery-columns-wide: 2;
  --s01-gallery-columns-stacked: 2;
  --s01-hero-row-count-wide: 1;
  --s01-video-row-span-wide: 1;
}

:where(.kotsam-product-detail) .kdp-section--01:has(.kdp-hero-grid[data-kdp-gallery-count="1"]) {
  --s01-gallery-columns-wide: 1;
  --s01-gallery-columns-stacked: 1;
  --s01-hero-row-count-wide: 1;
  --s01-video-row-span-wide: 1;
}

@container (max-width: 1280px) {
  :where(.kotsam-product-detail) .kdp-section--01 {
    --s01-inner: 1120px;
    --s01-section-pad-x: 54px;
    --s01-section-pad-y: 76px;
    --s01-head-width: 980px;
    --s01-head-gap: 36px;
    --s01-eyebrow-size: 15px;
    --s01-title-size: 68px;
    --s01-title-line: 1.03;
    --s01-lead-size: 18px;
    --s01-lead-max: 780px;
    --s01-hero-height: 570px;
    --s01-hero-columns: minmax(0, 1.42fr) repeat(var(--s01-gallery-columns-wide), minmax(0, .56fr));
    --s01-hero-gap: 13px;
    --s01-video-toggle-size: 76px;
  }

}

@container (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--01 {
    --s01-inner: min(100%, 920px);
    --s01-section-pad-x: clamp(32px, 4cqw, 42px);
    --s01-section-pad-y: 68px;
    --s01-head-width: 760px;
    --s01-head-gap: 34px;
    --s01-eyebrow-size: 13px;
    --s01-eyebrow-space: .28em;
    --s01-title-size: 66px;
    --s01-title-line-display: block;
    --s01-lead-size: 16px;
    --s01-lead-max: 760px;
    --s01-hero-height: auto;
    --s01-hero-columns: repeat(var(--s01-gallery-columns-stacked), minmax(0, 1fr));
    --s01-hero-rows: auto;
    --s01-hero-gap: clamp(15px, 1.8cqw, 18px);
    --s01-video-column: 1 / -1;
    --s01-video-row: auto;
    --s01-video-ratio: 1.36 / 1;
    --s01-thumb-height: auto;
    --s01-thumb-ratio: 1 / 1;
    --s01-wide-thumb-ratio: 2 / 1;
    --s01-thumb-radius: 16px;
    --s01-video-toggle-size: 84px;
  }

}

@container (max-width: 768px) {
  :where(.kotsam-product-detail) .kdp-section--01 {
    --s01-inner: 620px;
    --s01-section-pad-x: 32px;
    --s01-section-pad-y: 62px;
    --s01-head-width: 620px;
    --s01-head-gap: 30px;
    --s01-eyebrow-size: 12px;
    --s01-eyebrow-space: .25em;
    --s01-title-size: 58px;
    --s01-lead-max: 520px;
    --s01-hero-gap: 14px;
    --s01-video-ratio: 1.34 / 1;
    --s01-thumb-radius: var(--kdp-radius);
  }
}

@container (max-width: 480px) {
  :where(.kotsam-product-detail) .kdp-section--01 {
    --s01-inner: calc(100cqw - 40px);
    --s01-section-pad-x: 20px;
    --s01-head-width: calc(100cqw - 40px);
    --s01-head-gap: 28px;
    --s01-eyebrow-space: .24em;
    --s01-title-size: 53px;
    --s01-title-line: 1.02;
    --s01-title-width: min(96%, 390px);
    --s01-lead-size: clamp(15px, 3.55cqw, 16px);
    --s01-lead-line: 1.55;
    --s01-lead-max: calc(100cqw - 24px);
    --s01-hero-gap: 12px;
    --s01-video-ratio: 1.32 / 1;
    --s01-thumb-radius: 15px;
    --s01-ornament-width: 150px;
    --s01-ornament-columns: 52px 18px 52px;
    --s01-ornament-gap: 12px;
  }
}

@container (max-width: 390px) {
  :where(.kotsam-product-detail) .kdp-section--01 {
    --s01-inner: calc(100cqw - 36px);
    --s01-section-pad-x: 18px;
    --s01-section-pad-y: 58px;
    --s01-head-width: min(100%, calc(100cqw - 36px));
    --s01-head-gap: 26px;
    --s01-eyebrow-size: 11px;
    --s01-eyebrow-space: .22em;
    --s01-title-size: clamp(42px, 11.8cqw, 46px);
    --s01-title-width: min(100%, calc(100cqw - 36px));
    --s01-title-line-space: normal;
    --s01-lead-size: clamp(14px, 3.9cqw, 15px);
    --s01-lead-line: 1.52;
    --s01-lead-max: calc(100cqw - 36px);
    --s01-hero-gap: 10px;
    --s01-thumb-radius: 14px;
    --s01-ornament-width: 136px;
    --s01-ornament-columns: 48px 18px 48px;
    --s01-ornament-gap: 10px;
    --s01-ornament-margin-bottom: 16px;
    --s01-placeholder-size: 9px;
    --s01-placeholder-letter-spacing: .04em;
  }
}


/* Section 02 */



:where(.kotsam-product-detail) .kdp-section--02 {
  --s02-media-reveal-duration: 180ms;
  --s02-inner: 1290px;
  --s02-section-pad-x: 70px;
  --s02-section-pad-y: 82px;
  position: relative;
  width: 100%;
  padding: var(--s02-section-pad-y) var(--s02-section-pad-x);
  padding-top: 0;
  --s02-bg-fit: cover;
  --s02-bg-position: center center;
  --s02-title-width: min(100%, 1008px);
  --s02-title-lead-track-width: 716px;
  --s02-title-grid-columns: minmax(0, var(--s02-title-lead-track-width)) minmax(0, var(--s02-title-country-width));
  --s02-title-grid-areas: "lead country" "underline empty";
  --s02-title-column-gap: 0;
  --s02-title-row-gap: 0;
  --s02-title-lead-width: 648px;
  --s02-title-country-width: 280px;
  --s02-title-underline-width: 675px;
  --s02-copy-width: min(100%, 820px);
  --s02-lead-size: 19px;
  --s02-lead-line: 1.56;
  --s02-illustration-width: min(100%, 230px);
  --s02-illustration-height: 174px;
  --s02-illustration-margin: 0 auto 22px;
  --s02-feature-number-size: clamp(24px, 2.4cqw, 34px);
  --s02-feature-number-margin: 0 0 clamp(8px, 1cqw, 14px);
  --s02-feature-offset: -92px;
  --s02-feature-grid-columns: repeat(4, minmax(0, 1fr));
  --s02-feature-grid-gap: 26px;
  --s02-feature-card-min-height: 430px;
  --s02-feature-card-padding: 28px 28px 32px;
  --s02-feature-card-radius: 20px;
  --s02-feature-title-size: 22px;
  --s02-feature-copy-size: 16px;
  --s02-feature-copy-line: 1.54;
  --s02-responsive-brand-hero-min-height: 820px;
  --s02-responsive-brand-hero-padding: 84px 80px 156px;
  --s02-responsive-brand-copy-width: min(100%, 1040px);
  --s02-responsive-brand-mark-width: min(100%, 220px);
  --s02-responsive-brand-mark-margin-bottom: 42px;
  --s02-responsive-brand-hero-align-items: center;
  --s02-responsive-brand-hero-justify-content: center;
  --s02-responsive-brand-hero-text-align: center;
  --s02-bg-edge-mask: linear-gradient(180deg, transparent 0%, #000 3%, #000 97%, transparent 100%);
  --s02-effect-shift-y: 0px;
  --s02-effect-bright-center: 16%;
  --s02-effect-radial-origin: 14%;
  --s02-effect-radial-radius: farthest-corner;
  --s02-responsive-brand-hero-bg-media-after-background: linear-gradient(180deg, rgba(255, 252, 246, 0) 0px, rgba(255, 252, 246, .86) var(--s02-effect-shift-y), rgba(255, 252, 246, .54) calc(32% + var(--s02-effect-shift-y)), rgba(255, 252, 246, .08) calc(62% + var(--s02-effect-shift-y)), rgba(255, 252, 246, 0) calc(100% + var(--s02-effect-shift-y))),
    radial-gradient(circle var(--s02-effect-radial-radius) at 50% calc(var(--s02-effect-radial-origin) + var(--s02-effect-shift-y)), rgba(255, 252, 246, .96) 0 18%, rgba(255, 252, 246, .28) 46%, rgba(255, 252, 246, 0) 74%);
  --s02-responsive-brand-copy-display: flex;
  --s02-responsive-brand-copy-flex-direction: column;
  --s02-responsive-brand-copy-align-items: center;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-title {
  display: grid;
  min-width: 0;
  width: var(--s02-title-width);
  margin: 0;
  grid-template-columns: var(--s02-title-grid-columns);
  grid-template-areas: var(--s02-title-grid-areas);
  align-items: end;
  justify-content: center;
  column-gap: var(--s02-title-column-gap);
  row-gap: var(--s02-title-row-gap);
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-copy {
  min-width: 0;
  font: 500 var(--s02-lead-size)/var(--s02-lead-line) var(--kdp-sans);
  overflow-wrap: anywhere;
  width: var(--s02-copy-width);
  max-width: none;
  margin: 24px auto 0;
  color: #2f343b;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-media {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(218, 183, 123, .58);
  border-radius: var(--kdp-radius);
  background: linear-gradient(135deg, rgba(255, 252, 246, .96), rgba(252, 225, 171, .58)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .15) 0 2px, transparent 2px 10px);
  box-shadow: var(--kdp-shadow);
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-media img, :where(.kotsam-product-detail) .kdp-section--02 .kdp-media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity var(--s02-media-reveal-duration) ease;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-media.is-loaded img,
:where(.kotsam-product-detail) .kdp-section--02 .kdp-media.is-loaded video,
:where(.kotsam-product-detail) .kdp-section--02 .kdp-feature-illustration.is-loaded {
  opacity: 1;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-media img:not([src]) {
  display: none;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-media-placeholder {
  position: absolute;
  inset: 12px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: calc(var(--kdp-radius) - 10px);
  color: rgba(80, 56, 33, .72);
  font: 900 12px/1.35 var(--kdp-sans);
  text-align: center;
  text-transform: uppercase;
  transition: opacity var(--s02-media-reveal-duration) ease, visibility 0s linear var(--s02-media-reveal-duration);
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-media.is-loaded .kdp-media-placeholder {
  opacity: 0;
  visibility: hidden;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-feature {
  border: 1px solid var(--kdp-line);
  background: var(--kdp-card);
  box-shadow: 0 14px 34px rgba(74, 43, 16, .08);
  position: relative;
  display: flex;
  min-height: var(--s02-feature-card-min-height);
  flex-direction: column;
  align-items: center;
  padding: var(--s02-feature-card-padding);
  border-radius: var(--s02-feature-card-radius);
  text-align: center;
  overflow: hidden;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-title-art {
  display: block;
  max-width: 100%;
  height: auto;
  justify-self: center;
  object-fit: contain;
  object-position: center;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-title-art--lead {
  grid-area: lead;
  width: var(--s02-title-lead-width);
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-title-art--country {
  grid-area: country;
  width: var(--s02-title-country-width);
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-title-underline {
  display: block;
  grid-area: underline;
  width: var(--s02-title-underline-width);
  max-width: 100%;
  height: auto;
  justify-self: center;
  object-fit: contain;
  object-position: center;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-brand-hero {
  position: relative;
  display: flex;
  min-height: var(--s02-responsive-brand-hero-min-height);
  align-items: var(--s02-responsive-brand-hero-align-items);
  justify-content: var(--s02-responsive-brand-hero-justify-content);
  margin-inline: calc(0px - var(--s02-section-pad-x));
  padding: var(--s02-responsive-brand-hero-padding);
  overflow: hidden;
  border-radius: 0 0 64px 64px;
  text-align: var(--s02-responsive-brand-hero-text-align);
  isolation: isolate;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-bg-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  height: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-mask-image: var(--s02-bg-edge-mask);
  mask-image: var(--s02-bg-edge-mask);
}

/* 2026-10-06: 레이어는 고정하고 효과 좌표만 이동해 글자 박스와 가로 시작 경계를 만들지 않는다. */
:where(.kotsam-product-detail) .kdp-section--02 .kdp-bg-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-brand-hero .kdp-bg-media::after {
  background: var(--s02-responsive-brand-hero-bg-media-after-background);
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-bg-media img {
  object-fit: var(--s02-bg-fit);
  object-position: var(--s02-bg-position);
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-brand-copy {
  position: relative;
  z-index: 2;
  display: var(--s02-responsive-brand-copy-display);
  width: var(--s02-responsive-brand-copy-width);
  flex-direction: var(--s02-responsive-brand-copy-flex-direction);
  align-items: var(--s02-responsive-brand-copy-align-items);
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-brand-mark {
  display: block;
  width: var(--s02-responsive-brand-mark-width);
  margin: 0 auto 24px;
  padding: 0;
  margin-bottom: var(--s02-responsive-brand-mark-margin-bottom);
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-brand-mark img {
  display: block;
  width: 100%;
  height: auto;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-feature-grid {
  display: grid;
  width: min(100%, var(--s02-inner));
  grid-template-columns: var(--s02-feature-grid-columns);
  grid-auto-rows: 1fr;
  align-items: stretch;
  gap: var(--s02-feature-grid-gap);
  position: relative;
  z-index: 3;
  margin-top: var(--s02-feature-offset);
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-feature-number {
  display: block;
  margin: var(--s02-feature-number-margin);
  color: var(--kdp-theme);
  font: 600 var(--s02-feature-number-size)/1 var(--kdp-serif);
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-feature-illustration {
  display: block;
  width: var(--s02-illustration-width);
  height: var(--s02-illustration-height);
  margin: var(--s02-illustration-margin);
  object-fit: contain;
  object-position: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--s02-media-reveal-duration) ease;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-feature h3 {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-brown);
  font-family: var(--kdp-sans);
  font-weight: 850;
  overflow-wrap: anywhere;
  margin-bottom: 14px;
  font-size: var(--s02-feature-title-size);
  line-height: 1.25;
}

:where(.kotsam-product-detail) .kdp-section--02 .kdp-feature p {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-muted);
  font-family: var(--kdp-sans);
  font-weight: 500;
  overflow-wrap: anywhere;
  font-size: var(--s02-feature-copy-size);
  line-height: var(--s02-feature-copy-line);
}

@container (max-width: 1280px) {
  :where(.kotsam-product-detail) .kdp-section--02 {
    --s02-inner: 1120px;
    --s02-section-pad-x: 54px;
    --s02-section-pad-y: 76px;
    --s02-title-width: min(100%, 757px);
    --s02-title-column-gap: 12px;
    --s02-title-row-gap: 2px;
    --s02-title-lead-track-width: 520px;
    --s02-title-lead-width: 500px;
    --s02-title-country-width: 225px;
    --s02-title-underline-width: 493px;
    --s02-copy-width: min(100%, 720px);
    --s02-lead-size: 17px;
    --s02-lead-line: 1.58;
    --s02-illustration-width: min(100%, 190px);
    --s02-illustration-height: 144px;
    --s02-illustration-margin: 0 auto 18px;
    --s02-feature-offset: -70px;
    --s02-feature-grid-gap: 20px;
    --s02-feature-card-min-height: 374px;
    --s02-feature-card-padding: 24px 20px 28px;
    --s02-feature-card-radius: 18px;
    --s02-feature-title-size: 19px;
    --s02-feature-copy-size: 14px;
    --s02-responsive-brand-hero-min-height: 620px;
    --s02-responsive-brand-hero-padding: 62px 54px 104px;
    --s02-responsive-brand-copy-width: min(100%, 760px);
    --s02-responsive-brand-mark-width: min(100%, 210px);
    --s02-responsive-brand-mark-margin-bottom: 30px;
  }
}

@container (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--02 {
    --s02-inner: min(100%, 920px);
    --s02-section-pad-x: clamp(32px, 4cqw, 42px);
    --s02-section-pad-y: 68px;
    --s02-bg-position: center bottom;
    --s02-title-width: min(100%, 656px);
    --s02-title-lead-track-width: 450px;
    --s02-title-lead-width: 432px;
    --s02-title-country-width: 194px;
    --s02-title-underline-width: 427px;
    --s02-copy-width: min(90%, 580px);
    --s02-illustration-width: min(100%, 210px);
    --s02-illustration-height: 160px;
    --s02-feature-offset: -42px;
    --s02-feature-grid-columns: repeat(2, minmax(0, 1fr));
    --s02-feature-grid-gap: 18px;
    --s02-feature-card-min-height: 350px;
    --s02-feature-card-padding: 24px 22px 28px;
    --s02-feature-copy-line: 1.5;
    --s02-responsive-brand-hero-min-height: clamp(680px, 72cqw, 740px);
    --s02-responsive-brand-hero-padding: 62px 42px 78px;
    --s02-responsive-brand-copy-width: min(100%, 650px);
    --s02-responsive-brand-mark-margin-bottom: 24px;
    --s02-responsive-brand-hero-align-items: flex-start;
    --s02-effect-bright-center: 19%;
    --s02-responsive-brand-hero-bg-media-after-background: linear-gradient(180deg, rgba(255, 252, 246, 0) 0px, rgba(255, 252, 246, .98) var(--s02-effect-shift-y), rgba(255, 252, 246, .78) calc(38% + var(--s02-effect-shift-y)), rgba(255, 252, 246, .12) calc(80% + var(--s02-effect-shift-y)));
  }
}

@container (max-width: 768px) {
  :where(.kotsam-product-detail) .kdp-section--02 {
    --s02-inner: 620px;
    --s02-section-pad-x: 32px;
    --s02-section-pad-y: 62px;
    --s02-title-width: min(100%, 540px);
    --s02-title-grid-columns: minmax(0, 1fr);
    --s02-title-grid-areas: "lead" "underline" "country";
    --s02-title-column-gap: 0;
    --s02-title-lead-width: 500px;
    --s02-title-country-width: 230px;
    --s02-title-underline-width: 520px;
    --s02-copy-width: min(92%, 500px);
    --s02-lead-size: 16px;
    --s02-lead-line: 1.56;
    --s02-illustration-width: min(100%, 200px);
    --s02-illustration-height: 152px;
    --s02-illustration-margin: 0 auto 16px;
    --s02-feature-offset: -34px;
    --s02-feature-grid-gap: 16px;
    --s02-feature-card-min-height: 330px;
    --s02-feature-card-padding: 22px 18px 26px;
    --s02-feature-title-size: 17px;
    --s02-feature-copy-size: 13px;
    --s02-feature-copy-line: 1.46;
    --s02-responsive-brand-hero-min-height: 720px;
    --s02-responsive-brand-hero-padding: 56px 32px 70px;
    --s02-responsive-brand-copy-width: min(100%, 540px);
    --s02-responsive-brand-mark-margin-bottom: 16px;
    --s02-effect-bright-center: 20%;
    --s02-responsive-brand-hero-bg-media-after-background: linear-gradient(180deg, rgba(255, 252, 246, 0) 0px, rgba(255, 252, 246, .98) var(--s02-effect-shift-y), rgba(255, 252, 246, .78) calc(40% + var(--s02-effect-shift-y)), rgba(255, 252, 246, .12) calc(80% + var(--s02-effect-shift-y)));
  }
}

@container (max-width: 480px) {
  :where(.kotsam-product-detail) .kdp-section--02 {
    --s02-inner: calc(100cqw - 40px);
    --s02-section-pad-x: 20px;
    --s02-title-width: min(100%, 390px);
    --s02-title-lead-width: 360px;
    --s02-title-country-width: 165px;
    --s02-title-underline-width: 375px;
    --s02-copy-width: min(92%, 360px);
    --s02-lead-size: 14px;
    --s02-lead-line: 1.58;
    --s02-illustration-width: min(100%, 240px);
    --s02-illustration-height: 182px;
    --s02-illustration-margin: 0 auto 18px;
    --s02-feature-offset: -26px;
    --s02-feature-grid-columns: minmax(0, 1fr);
    --s02-feature-card-min-height: 350px;
    --s02-feature-card-padding: 24px 24px 28px;
    --s02-feature-title-size: 19px;
    --s02-feature-copy-size: 14px;
    --s02-feature-copy-line: 1.5;
    --s02-responsive-brand-hero-min-height: 700px;
    --s02-responsive-brand-hero-padding: 50px 20px 64px;
    --s02-responsive-brand-copy-width: min(100%, 390px);
  }
}

@container (max-width: 390px) {
  :where(.kotsam-product-detail) .kdp-section--02 {
    --s02-inner: calc(100cqw - 36px);
    --s02-section-pad-x: 18px;
    --s02-section-pad-y: 58px;
    --s02-title-width: min(100%, 340px);
    --s02-title-lead-width: 310px;
    --s02-title-country-width: 143px;
    --s02-title-underline-width: 323px;
    --s02-copy-width: min(92%, 320px);
    --s02-lead-size: 13px;
    --s02-lead-line: 1.56;
    --s02-illustration-width: min(100%, 220px);
    --s02-illustration-height: 167px;
    --s02-illustration-margin: 0 auto 16px;
    --s02-feature-offset: -22px;
    --s02-feature-card-min-height: 334px;
    --s02-feature-card-padding: 22px 20px 26px;
    --s02-feature-title-size: 18px;
    --s02-feature-copy-size: 13px;
    --s02-feature-copy-line: 1.48;
    --s02-responsive-brand-hero-min-height: 660px;
    --s02-responsive-brand-hero-padding: 44px 18px 58px;
    --s02-responsive-brand-copy-width: min(100%, 360px);
    --s02-responsive-brand-mark-margin-bottom: 14px;
  }
}


/* Section 03 */



:where(.kotsam-product-detail) .kdp-section--03 {
  --s03-media-reveal-duration: 180ms;
  --s03-inner: 1290px;
  --s03-section-pad-x: 70px;
  --s03-section-pad-y: 82px;
  --s03-lead-max: 900px;
  position: relative;
  width: 100%;
  padding: var(--s03-section-pad-y) var(--s03-section-pad-x);
  padding-top: 0;
  --s03-hero-columns: minmax(0, var(--s03-copy-width)) minmax(0, 1fr);
  --s03-hero-rows: max-content max-content;
  --s03-hero-width: calc(100% + (var(--s03-section-pad-x) * 2));
  --s03-hero-min-height: 650px;
  --s03-hero-gap: 24px 32px;
  --s03-hero-margin: 0 calc(0px - var(--s03-section-pad-x));
  --s03-hero-padding: 82px var(--s03-section-pad-x) 0;
  --s03-copy-width: min(620px, calc(48cqw - var(--s03-section-pad-x)));
  --s03-copy-align: left;
  --s03-copy-justify: start;
  --s03-copy-rows: repeat(4, max-content);
  --s03-copy-grid-column: 1;
  --s03-copy-grid-row: 1;
  --s03-support-grid-column: 1;
  --s03-support-grid-row: 2;
  --s03-eyebrow-size: 12px;
  --s03-eyebrow-width: min(100%, 620px);
  --s03-eyebrow-margin: 0 0 34px;
  --s03-heading-columns: 110px minmax(0, 1fr);
  --s03-heading-gap: 28px;
  --s03-heading-justify: start;
  --s03-title-align: left;
  --s03-mark-width: 110px;
  --s03-mark-height: 109px;
  --s03-media-layout: absolute;
  --s03-media-inset: 0;
  --s03-media-width: 100%;
  --s03-media-height: 100%;
  --s03-media-ratio: auto;
  --s03-media-min-height: 0;
  --s03-media-grid-column: auto;
  --s03-media-grid-row: auto;
  --s03-media-image-width: auto;
  --s03-media-fit: contain;
  --s03-media-position: right center;
  --s03-media-mask: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .58) 7%, #000 14%, #000 100%);
  --s03-media-overlay: linear-gradient(90deg, #fff8ed 0%, rgba(255, 248, 237, .98) 34%, rgba(255, 248, 237, .72) 42%, rgba(255, 248, 237, .2) 49%, rgba(255, 248, 237, 0) 56%);
  --s03-rule-width: min(100%, 410px);
  --s03-rule-margin: 28px 0;
  --s03-rule-columns: minmax(0, 1fr) var(--s03-rule-deco-size) minmax(0, 1fr);
  --s03-rule-gap: 12px;
  --s03-rule-deco-size: 24px;
  --s03-intro-width: min(100%, 410px);
  --s03-support-width: min(100%, 410px);
  --s03-lead-size: 18px;
  --s03-lead-line: 1.55;
  --s03-title-size: 60px;
  --s03-title-line: 1.06;
  --s03-award-grid-margin: 28px auto 0;
  --s03-award-grid-width: min(100%, var(--s03-inner));
  --s03-award-list-columns: repeat(3, minmax(0, 1fr));
  --s03-award-list-gap: 0;
  --s03-award-card-min-height: 146px;
  --s03-award-card-padding: 30px 34px;
  --s03-award-card-border-inline: 1px solid rgba(186, 119, 29, .42);
  --s03-award-card-border-block: 0;
  --s03-award-text-align: center;
  --s03-award-title-size: 15px;
  --s03-award-title-line: 1.35;
  --s03-award-copy-size: 13px;
  --s03-award-copy-line: 1.45;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-title {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-brown);
  font-family: var(--kdp-serif);
  font-size: var(--s03-title-size);
  font-weight: 500;
  line-height: var(--s03-title-line);
  letter-spacing: 0;
  text-align: var(--s03-title-align);
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-line {
  display: block;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-copy {
  min-width: 0;
  margin: 18px auto 0;
  max-width: var(--s03-lead-max);
  color: var(--kdp-muted);
  font: 500 var(--s03-lead-size)/var(--s03-lead-line) var(--kdp-sans);
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-media {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(218, 183, 123, .58);
  border-radius: var(--kdp-radius);
  background: linear-gradient(135deg, rgba(255, 252, 246, .96), rgba(252, 225, 171, .58)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .15) 0 2px, transparent 2px 10px);
  box-shadow: var(--kdp-shadow);
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-media img, :where(.kotsam-product-detail) .kdp-section--03 .kdp-media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity var(--s03-media-reveal-duration) ease;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-media.is-loaded img, :where(.kotsam-product-detail) .kdp-section--03 .kdp-media.is-loaded video {
  opacity: 1;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-media img:not([src]) {
  display: none;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-media-placeholder {
  position: absolute;
  inset: 12px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: calc(var(--kdp-radius) - 10px);
  color: rgba(80, 56, 33, .72);
  font: 900 12px/1.35 var(--kdp-sans);
  text-align: center;
  text-transform: uppercase;
  transition: opacity var(--s03-media-reveal-duration) ease, visibility 0s linear var(--s03-media-reveal-duration);
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-media.is-loaded .kdp-media-placeholder {
  opacity: 0;
  visibility: hidden;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-award {
  display: flex;
  min-width: 0;
  min-height: var(--s03-award-card-min-height);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--s03-award-card-padding);
  text-align: var(--s03-award-text-align);
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-award + .kdp-award {
  border-inline-start: var(--s03-award-card-border-inline);
  border-block-start: var(--s03-award-card-border-block);
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-hero {
  position: relative;
  display: grid;
  width: var(--s03-hero-width);
  min-height: var(--s03-hero-min-height);
  min-width: 0;
  grid-template-columns: var(--s03-hero-columns);
  grid-template-rows: var(--s03-hero-rows);
  grid-auto-flow: row;
  grid-auto-rows: auto;
  align-content: start;
  align-items: start;
  gap: var(--s03-hero-gap);
  margin: var(--s03-hero-margin);
  padding: var(--s03-hero-padding);
  overflow: hidden;
  isolation: isolate;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-copy {
  position: relative;
  z-index: 2;
  display: grid;
  width: var(--s03-copy-width);
  min-width: 0;
  max-width: 100%;
  grid-template-rows: var(--s03-copy-rows);
  grid-column: var(--s03-copy-grid-column);
  grid-row: var(--s03-copy-grid-row);
  justify-self: var(--s03-copy-justify);
  text-align: var(--s03-copy-align);
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-eyebrow {
  display: block;
  width: var(--s03-eyebrow-width);
  min-width: 0;
  margin: var(--s03-eyebrow-margin);
  color: var(--kdp-theme-strong);
  font: 800 var(--s03-eyebrow-size)/1.35 var(--kdp-sans);
  letter-spacing: .12em;
  text-align: var(--s03-copy-align);
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-heading {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: var(--s03-heading-columns);
  align-items: center;
  justify-content: var(--s03-heading-justify);
  gap: var(--s03-heading-gap);
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-mark {
  display: block;
  width: var(--s03-mark-width);
  height: var(--s03-mark-height);
  flex: 0 0 auto;
  justify-self: var(--s03-heading-justify);
  object-fit: contain;
  object-position: center;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-media {
  position: var(--s03-media-layout);
  inset: var(--s03-media-inset);
  z-index: 0;
  width: var(--s03-media-width);
  min-width: 0;
  height: var(--s03-media-height);
  min-height: var(--s03-media-min-height);
  grid-column: var(--s03-media-grid-column);
  grid-row: var(--s03-media-grid-row);
  align-self: stretch;
  justify-self: stretch;
  aspect-ratio: var(--s03-media-ratio);
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--s03-media-overlay);
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-media img {
  position: absolute;
  inset-block: 0;
  right: 0;
  left: auto;
  width: var(--s03-media-image-width);
  height: 100%;
  object-fit: var(--s03-media-fit);
  object-position: var(--s03-media-position);
  -webkit-mask-image: var(--s03-media-mask);
  mask-image: var(--s03-media-mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-media .kdp-media-placeholder {
  z-index: 2;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-award h3 {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-theme);
  font-family: var(--kdp-sans);
  font-size: var(--s03-award-title-size);
  font-weight: 850;
  line-height: var(--s03-award-title-line);
  letter-spacing: .08em;
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-award p {
  min-width: 0;
  max-width: 100%;
  margin: 10px 0 0;
  color: var(--kdp-brown);
  font-family: var(--kdp-sans);
  font-weight: 750;
  overflow-wrap: anywhere;
  font-size: var(--s03-award-copy-size);
  line-height: var(--s03-award-copy-line);
  letter-spacing: .04em;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-award-grid {
  display: grid;
  width: var(--s03-award-grid-width);
  grid-template-columns: var(--s03-award-list-columns);
  gap: var(--s03-award-list-gap);
  margin: var(--s03-award-grid-margin);
  border-block: 1px solid rgba(186, 119, 29, .42);
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-rule {
  display: grid;
  width: var(--s03-rule-width);
  height: var(--s03-rule-deco-size);
  grid-template-columns: var(--s03-rule-columns);
  align-items: center;
  gap: var(--s03-rule-gap);
  margin: var(--s03-rule-margin);
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-rule img {
  display: block;
  grid-column: 2;
  grid-row: 1;
  width: var(--s03-rule-deco-size);
  height: var(--s03-rule-deco-size);
  object-fit: contain;
  justify-self: center;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-rule::before {
  content: "";
  height: 1px;
  grid-column: 1;
  background: var(--kdp-theme);
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-rule::after {
  content: "";
  height: 1px;
  grid-column: 3;
  background: var(--kdp-theme);
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-intro {
  width: var(--s03-intro-width);
  margin: 0;
}

:where(.kotsam-product-detail) .kdp-section--03 .kdp-quality-support {
  position: relative;
  z-index: 2;
  width: var(--s03-support-width);
  min-width: 0;
  max-width: 100%;
  grid-column: var(--s03-support-grid-column);
  grid-row: var(--s03-support-grid-row);
  justify-self: var(--s03-copy-justify);
  margin: 0;
  text-align: var(--s03-copy-align);
}

@container (max-width: 1280px) {
  :where(.kotsam-product-detail) .kdp-section--03 {
    --s03-inner: 1120px;
    --s03-section-pad-x: 54px;
    --s03-section-pad-y: 76px;
    --s03-lead-max: 780px;
    --s03-hero-columns: minmax(0, 500px) minmax(0, 1fr);
    --s03-hero-min-height: 590px;
    --s03-hero-gap: 24px 26px;
    --s03-hero-padding: 70px var(--s03-section-pad-x) 0;
    --s03-copy-width: min(100%, 500px);
    --s03-rule-width: min(100%, 380px);
    --s03-rule-margin: 22px 0;
    --s03-intro-width: min(100%, 380px);
    --s03-support-width: min(100%, 380px);
    --s03-lead-size: 17px;
    --s03-lead-line: 1.56;
    --s03-title-size: 52px;
    --s03-eyebrow-width: min(100%, 500px);
    --s03-eyebrow-margin: 0 0 28px;
    --s03-heading-columns: 84px minmax(0, 1fr);
    --s03-heading-gap: 22px;
    --s03-mark-width: 84px;
    --s03-mark-height: 83px;
    --s03-award-card-min-height: 138px;
    --s03-award-card-padding: 26px 24px;
    --s03-award-title-size: 14px;
  }
}

@container (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--03 {
    --s03-inner: min(100%, 920px);
    --s03-section-pad-x: clamp(32px, 4cqw, 42px);
    --s03-section-pad-y: 68px;
    --s03-lead-max: 620px;
    --s03-hero-columns: minmax(0, 1fr);
    --s03-hero-rows: repeat(3, max-content);
    --s03-hero-width: 100%;
    --s03-hero-min-height: 0;
    --s03-hero-gap: 26px;
    --s03-hero-margin: 0 auto;
    --s03-hero-padding: 36px 0;
    --s03-copy-width: min(100%, 620px);
    --s03-copy-align: center;
    --s03-copy-justify: center;
    --s03-copy-grid-column: auto;
    --s03-copy-grid-row: auto;
    --s03-support-grid-column: auto;
    --s03-support-grid-row: auto;
    --s03-media-layout: relative;
    --s03-media-inset: auto;
    --s03-media-height: auto;
    --s03-media-ratio: 1.55 / 1;
    --s03-media-image-width: 100%;
    --s03-media-fit: cover;
    --s03-media-position: center;
    --s03-media-mask: none;
    --s03-media-overlay: none;
    --s03-rule-width: min(100%, 350px);
    --s03-rule-margin: 18px auto;
    --s03-rule-gap: 10px;
    --s03-intro-width: min(100%, 540px);
    --s03-support-width: min(100%, 540px);
    --s03-lead-size: 15px;
    --s03-title-size: 48px;
    --s03-title-line: 1.07;
    --s03-eyebrow-width: min(100%, 540px);
    --s03-eyebrow-margin: 0 0 24px;
    --s03-heading-columns: minmax(0, 1fr);
    --s03-heading-justify: center;
    --s03-title-align: center;
    --s03-mark-width: 92px;
    --s03-mark-height: 91px;
    --s03-award-grid-margin: 24px auto 0;
    --s03-award-card-min-height: 132px;
    --s03-award-card-padding: 24px 18px;
    --s03-award-title-size: 13px;
    --s03-award-copy-size: 12px;
  }
}

@container (min-width: 900px) and (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--03 {
    --s03-hero-columns: minmax(0, 390px) minmax(0, 1fr);
    --s03-hero-rows: max-content max-content;
    --s03-hero-width: calc(100% + (var(--s03-section-pad-x) * 2));
    --s03-hero-min-height: 520px;
    --s03-hero-gap: 24px;
    --s03-hero-margin: 0 calc(0px - var(--s03-section-pad-x));
    --s03-hero-padding: 56px var(--s03-section-pad-x) 0;
    --s03-copy-width: min(100%, 390px);
    --s03-copy-align: left;
    --s03-copy-justify: start;
    --s03-copy-grid-column: 1;
    --s03-copy-grid-row: 1;
    --s03-support-grid-column: 1;
    --s03-support-grid-row: 2;
    --s03-media-layout: absolute;
    --s03-media-inset: 0;
    --s03-media-height: 100%;
    --s03-media-ratio: auto;
    --s03-media-fit: contain;
    --s03-media-position: right center;
    --s03-media-mask: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .58) 7%, #000 14%, #000 100%);
    --s03-media-overlay: linear-gradient(90deg, #fff8ed 0%, rgba(255, 248, 237, .98) 34%, rgba(255, 248, 237, .72) 42%, rgba(255, 248, 237, .2) 49%, rgba(255, 248, 237, 0) 56%);
    --s03-rule-margin: 18px 0;
    --s03-intro-width: min(100%, 350px);
    --s03-support-width: min(100%, 350px);
    --s03-eyebrow-width: min(100%, 350px);
    --s03-eyebrow-margin: 0 0 20px;
    --s03-heading-columns: 68px minmax(0, 1fr);
    --s03-heading-gap: 16px;
    --s03-heading-justify: start;
    --s03-title-align: left;
    --s03-mark-width: 68px;
    --s03-mark-height: 67px;
  }
}

@container (max-width: 768px) {
  :where(.kotsam-product-detail) .kdp-section--03 {
    --s03-inner: 620px;
    --s03-section-pad-x: 32px;
    --s03-section-pad-y: 62px;
    --s03-lead-max: 520px;
    --s03-hero-width: min(100%, var(--s03-inner));
    --s03-hero-gap: 28px;
    --s03-copy-width: min(100%, 540px);
    --s03-rule-width: min(100%, 300px);
    --s03-intro-width: min(92%, 500px);
    --s03-support-width: min(92%, 500px);
    --s03-title-size: 44px;
    --s03-title-line: 1.08;
    --s03-eyebrow-width: min(92%, 500px);
    --s03-eyebrow-margin: 0 auto 22px;
    --s03-mark-width: 88px;
    --s03-mark-height: 87px;
    --s03-award-list-columns: minmax(0, 1fr);
    --s03-award-card-min-height: 112px;
    --s03-award-card-padding: 22px 24px;
    --s03-award-card-border-inline: 0;
    --s03-award-card-border-block: 1px solid rgba(186, 119, 29, .42);
    --s03-award-title-size: 14px;
    --s03-award-copy-size: 13px;
    --s03-award-copy-line: 1.46;
  }
}

@container (max-width: 480px) {
  :where(.kotsam-product-detail) .kdp-section--03 {
    --s03-inner: calc(100cqw - 40px);
    --s03-section-pad-x: 20px;
    --s03-lead-max: 360px;
    --s03-hero-width: 100%;
    --s03-hero-gap: 24px;
    --s03-hero-padding: 32px 0;
    --s03-copy-width: min(100%, 390px);
    --s03-rule-width: min(100%, 260px);
    --s03-rule-margin: 16px auto;
    --s03-rule-gap: 9px;
    --s03-intro-width: min(90%, 350px);
    --s03-support-width: min(90%, 350px);
    --s03-lead-size: 13.5px;
    --s03-lead-line: 1.58;
    --s03-title-size: 34px;
    --s03-eyebrow-width: min(90%, 350px);
    --s03-eyebrow-size: 10px;
    --s03-eyebrow-margin: 0 auto 20px;
    --s03-heading-gap: 18px;
    --s03-mark-width: 78px;
    --s03-mark-height: 77px;
    --s03-award-grid-margin: 22px auto 0;
    --s03-award-grid-width: min(100%, 390px);
    --s03-award-card-min-height: 106px;
    --s03-award-card-padding: 20px 18px;
    --s03-award-title-size: 13px;
    --s03-award-copy-size: 12px;
    --s03-award-copy-line: 1.45;
  }
}

@container (max-width: 390px) {
  :where(.kotsam-product-detail) .kdp-section--03 {
    --s03-inner: calc(100cqw - 36px);
    --s03-section-pad-x: 18px;
    --s03-section-pad-y: 58px;
    --s03-lead-max: 330px;
    --s03-hero-gap: 20px;
    --s03-hero-padding: 28px 0;
    --s03-copy-width: min(100%, 340px);
    --s03-rule-width: min(100%, 230px);
    --s03-rule-margin: 14px auto;
    --s03-rule-gap: 8px;
    --s03-intro-width: min(92%, 320px);
    --s03-support-width: min(92%, 320px);
    --s03-lead-size: 12.5px;
    --s03-lead-line: 1.56;
    --s03-title-size: 31px;
    --s03-eyebrow-width: min(92%, 320px);
    --s03-eyebrow-margin: 0 auto 18px;
    --s03-heading-gap: 16px;
    --s03-mark-width: 72px;
    --s03-mark-height: 71px;
    --s03-award-grid-margin: 20px auto 0;
    --s03-award-card-min-height: 102px;
    --s03-award-card-padding: 18px 16px;
    --s03-award-title-size: 12px;
    --s03-award-copy-size: 11px;
  }
}


/* Section 04 */



:where(.kotsam-product-detail) .kdp-section--04 {
  --s04-media-reveal-duration: 180ms;
  --s04-loading-card-opacity: .72;
  --s04-inner: 1290px;
  --s04-section-pad-x: 70px;
  --s04-section-pad-y: 82px;
  --s04-head-max: 1120px;
  --s04-head-gap: 42px;
  --s04-eyebrow-size: 16px;
  --s04-eyebrow-space: .32em;
  --s04-label-gap: clamp(8px, 1.2cqw, 14px);
  --s04-label-line-width: clamp(34px, 5cqw, 64px);
  --s04-label-line-height: 1px;
  --s04-label-deco-size: clamp(14px, 1.45cqw, 18px);
  --s04-lead-size: 20px;
  --s04-lead-line: 1.5;
  --s04-lead-max: 900px;
  position: relative;
  width: 100%;
  padding: var(--s04-section-pad-y) var(--s04-section-pad-x);
  padding-top: calc(var(--s04-section-pad-y) * .82);
  --s04-content-card-padding: 34px;
  --s04-content-card-stack-gap: 18px;
  --s04-content-card-footer-gap: 24px;
  --s04-title-size: 92px;
  --s04-title-line: .98;
  --s04-card-display: grid;
  --s04-card-min-height: auto;
  --s04-card-columns: none;
  --s04-card-rows: auto 1fr;
  --s04-card-media-height: auto;
  --s04-card-media-ratio: 1.38 / 1;
  --s04-card-media-bg: linear-gradient(135deg, rgba(255, 252, 246, .96), rgba(252, 225, 171, .46));
  --s04-card-body-height: 420px;
  --s04-card-text-min: 86px;
  --s04-card-title-lines: 3;
  --s04-card-copy-lines: 4;
  --s04-card-footer-size: 15px;
  --s04-card-title-size: 25px;
  --s04-card-title-line: 1.12;
  --s04-card-copy-size: 19px;
  --s04-card-copy-line: 1.58;
  --s04-card-grid-width: min(100%, var(--s04-inner));
  --s04-card-grid-columns: repeat(3, minmax(0, 1fr));
  --s04-card-grid-gap: 32px;
  --s04-kicker-gap: 10px;
  --s04-kicker-size: 14px;
  --s04-kicker-letter-spacing: .22em;
  --s04-kicker-icon-size: 24px;
  --s04-card-link-icon-size: 50px;
  --s04-card-link-icon-font-size: 28px;
  --s04-carousel-gap: 32px;
  --s04-carousel-card-width: calc((100% - 64px) / 3);
  --s04-carousel-one-width: 410px;
  --s04-carousel-two-width: 852px;
  --s04-carousel-two-columns: repeat(2, minmax(0, 1fr));
  --s04-carousel-three-columns: repeat(3, minmax(0, 1fr));
  --s04-carousel-few-flow: row;
  --s04-carousel-few-overflow: visible;
  --s04-carousel-few-snap: none;
  --s04-carousel-few-justify: center;
  --s04-carousel-button-offset: -66px;
  --s04-carousel-button-size: 52px;
  --s04-carousel-base-width: min(100%, var(--s04-inner));
  --s04-carousel-viewport-extension: 0px;
  --s04-carousel-width: calc(var(--s04-carousel-base-width) + var(--s04-carousel-viewport-extension));
  --s04-carousel-margin-left: calc((100% - var(--s04-carousel-base-width)) / 2);
  --s04-carousel-margin-right: calc((100% - var(--s04-carousel-base-width)) / 2 - var(--s04-carousel-viewport-extension));
  --s04-carousel-controls-display: contents;
  --s04-carousel-button-position: absolute;
  --s04-carousel-button-top: 50%;
  --s04-carousel-button-transform: translateY(-50%);
  --s04-carousel-track-margin-top: 0;
  --s04-heading-ornament-width: clamp(118px, 22cqw, 270px);
  --s04-heading-ornament-top: clamp(34px, 4.4cqw, 64px);
  --s04-heading-ornament-right: clamp(12px, 3cqw, 42px);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-section__head {
  position: relative;
  z-index: 1;
  width: min(100%, var(--s04-head-max));
  margin: 0 auto var(--s04-head-gap);
  text-align: center;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-heading-ornament {
  position: absolute;
  z-index: 0;
  top: var(--s04-heading-ornament-top);
  right: var(--s04-heading-ornament-right);
  display: block;
  width: var(--s04-heading-ornament-width);
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-heading-ornament img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity var(--s04-media-reveal-duration) ease;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-heading-ornament.is-loaded img,
:where(.kotsam-product-detail) .kdp-section--04 .kdp-media.is-loaded img,
:where(.kotsam-product-detail) .kdp-section--04 .kdp-media.is-loaded video {
  opacity: 1;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-eyebrow {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 12px;
  color: var(--kdp-theme-strong);
  font: 800 var(--s04-eyebrow-size)/1.35 var(--kdp-sans);
  letter-spacing: var(--s04-eyebrow-space);
  text-transform: uppercase;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-eyebrow strong {
  font-weight: 900;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-eyebrow--ornate {
  display: inline-grid;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: var(--s04-label-gap);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-label-text {
  min-width: 0;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-label-line {
  display: block;
  width: var(--s04-label-line-width);
  height: var(--s04-label-line-height);
  background: var(--kdp-theme);
  opacity: .72;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-label-deco {
  display: block;
  width: var(--s04-label-deco-size);
  height: var(--s04-label-deco-size);
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-title {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-brown);
  font-family: var(--kdp-serif);
  font-size: var(--s04-title-size);
  font-weight: 500;
  line-height: var(--s04-title-line);
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-copy {
  min-width: 0;
  margin: 18px auto 0;
  max-width: var(--s04-lead-max);
  color: var(--kdp-muted);
  font: 500 var(--s04-lead-size)/var(--s04-lead-line) var(--kdp-sans);
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-nowrap {
  max-width: 100%;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-button {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  min-height: var(--s04-button-h, 58px);
  align-items: center;
  justify-content: center;
  padding: 0 var(--s04-button-x, 34px);
  border: 0;
  border-radius: 12px;
  background: var(--kdp-action);
  color: var(--kdp-action-contrast);
  font: 900 var(--s04-button-size, 18px)/1.25 var(--kdp-sans);
  text-decoration: none;
  text-align: center;
  overflow-wrap: anywhere;
  box-shadow: 0 18px 32px var(--kdp-action-shadow);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-button:visited {
  color: var(--kdp-action-contrast);
  text-decoration: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-button:hover,
:where(.kotsam-product-detail) .kdp-section--04 .kdp-button:active {
  background: var(--kdp-action-hover);
  color: var(--kdp-action-contrast);
  text-decoration: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-button:focus-visible {
  color: var(--kdp-action-contrast);
  text-decoration: none;
  outline: 3px solid var(--kdp-action-focus);
  outline-offset: 3px;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-media {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(218, 183, 123, .58);
  border-radius: var(--kdp-radius);
  background: linear-gradient(135deg, rgba(255, 252, 246, .96), rgba(252, 225, 171, .58)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .15) 0 2px, transparent 2px 10px);
  box-shadow: var(--kdp-shadow);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-media :is(img, video) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity var(--s04-media-reveal-duration) ease;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-media img:not([src]) {
  display: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-media-placeholder {
  position: absolute;
  inset: 12px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: calc(var(--kdp-radius) - 10px);
  color: rgba(80, 56, 33, .72);
  font: 900 12px/1.35 var(--kdp-sans);
  text-align: center;
  text-transform: uppercase;
  transition: opacity var(--s04-media-reveal-duration) ease, visibility 0s linear var(--s04-media-reveal-duration);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-media.is-loaded .kdp-media-placeholder {
  opacity: 0;
  visibility: hidden;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card {
  position: relative;
  border: 1px solid var(--kdp-line);
  background: var(--kdp-card);
  box-shadow: 0 14px 34px rgba(74, 43, 16, .08);
  overflow: hidden;
  border-radius: var(--kdp-radius);
  display: var(--s04-card-display);
  min-height: var(--s04-card-min-height);
  grid-template-columns: var(--s04-card-columns);
  grid-template-rows: var(--s04-card-rows);
  height: 100%;
  cursor: pointer;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-loading-card {
  cursor: default;
  opacity: var(--s04-loading-card-opacity);
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-loading-card .kdp-card-body {
  background: linear-gradient(110deg, rgba(255, 252, 246, .92) 20%, rgba(235, 220, 197, .48) 40%, rgba(255, 252, 246, .92) 60%);
  background-size: 220% 100%;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-cta {
  margin: 34px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  text-align: center;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-content > p {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-muted);
  font-family: var(--kdp-sans);
  font-weight: 500;
  overflow-wrap: anywhere;
  font-size: var(--s04-card-copy-size);
  line-height: var(--s04-card-copy-line);
  align-self: start;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--s04-card-copy-lines);
  overflow: hidden;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-grid {
  display: grid;
  width: var(--s04-card-grid-width);
  grid-template-columns: var(--s04-card-grid-columns);
  gap: var(--s04-card-grid-gap);
  margin: 0 auto;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel {
  position: relative;
  width: var(--s04-carousel-width);
  margin: 0 var(--s04-carousel-margin-right) 0 var(--s04-carousel-margin-left);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel-controls {
  display: var(--s04-carousel-controls-display);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel .kdp-card-grid {
  width: 100%;
  margin-top: var(--s04-carousel-track-margin-top);
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: var(--s04-carousel-card-width);
  gap: var(--s04-carousel-gap);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel .kdp-card-grid::-webkit-scrollbar {
  display: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel .kdp-card {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel.is-animating .kdp-card-grid {
  scroll-snap-type: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel [data-kdp-clone] {
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel [data-kdp-clone] a, :where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel [data-kdp-clone] button, :where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel [data-kdp-clone] input, :where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel [data-kdp-clone] select, :where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel [data-kdp-clone] textarea {
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel[data-kdp-count="0"]:not([data-kdp-content-state="idle"]):not([data-kdp-content-state="loading"]) .kdp-card-grid {
  display: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel[data-kdp-count="0"], :where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel[data-kdp-count="1"], :where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel[data-kdp-count="2"], :where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel[data-kdp-count="3"] {
  --s04-carousel-viewport-extension: 0px;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel[data-kdp-count="1"] .kdp-card-grid {
  width: min(100%, var(--s04-carousel-one-width));
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  justify-content: center;
  overflow: visible;
  scroll-snap-type: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel[data-kdp-count="2"] .kdp-card-grid {
  width: min(100%, var(--s04-carousel-two-width));
  grid-template-columns: var(--s04-carousel-two-columns);
  grid-auto-flow: var(--s04-carousel-few-flow);
  justify-content: var(--s04-carousel-few-justify);
  overflow: var(--s04-carousel-few-overflow);
  scroll-snap-type: var(--s04-carousel-few-snap);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel[data-kdp-count="3"] .kdp-card-grid {
  width: 100%;
  grid-template-columns: var(--s04-carousel-three-columns);
  grid-auto-flow: var(--s04-carousel-few-flow);
  justify-content: var(--s04-carousel-few-justify);
  overflow: var(--s04-carousel-few-overflow);
  scroll-snap-type: var(--s04-carousel-few-snap);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel-button {
  position: var(--s04-carousel-button-position);
  top: var(--s04-carousel-button-top);
  z-index: 4;
  display: grid;
  width: var(--s04-carousel-button-size);
  height: var(--s04-carousel-button-size);
  place-items: center;
  border: 2px solid var(--kdp-action);
  border-radius: 999px;
  background: rgba(255, 252, 246, .96);
  color: var(--kdp-action);
  cursor: pointer;
  font: 800 28px/1 var(--kdp-sans);
  box-shadow: 0 16px 32px rgba(119, 84, 45, .12);
  transform: var(--s04-carousel-button-transform);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel-button--prev {
  left: var(--s04-carousel-button-offset);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel-button--next {
  right: var(--s04-carousel-button-offset);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel-button:disabled {
  cursor: default;
  opacity: .28;
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-carousel-empty {
  margin: 0;
  padding: 32px;
  border: 1px solid var(--kdp-line);
  border-radius: var(--kdp-radius);
  background: rgba(255, 252, 246, .9);
  color: var(--kdp-muted);
  font: 700 18px/1.45 var(--kdp-sans);
  text-align: center;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card .kdp-media {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  height: var(--s04-card-media-height);
  aspect-ratio: var(--s04-card-media-ratio);
  background: var(--s04-card-media-bg);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-body {
  min-width: 0;
  padding: var(--s04-content-card-padding);
  display: grid;
  height: var(--s04-card-body-height);
  grid-template-rows: auto minmax(var(--s04-card-text-min), 1fr) auto;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-header {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--s04-content-card-stack-gap);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-content {
  min-width: 0;
  align-self: start;
  padding-top: var(--s04-content-card-stack-gap);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-footer {
  min-width: 0;
  align-self: end;
  padding-top: var(--s04-content-card-footer-gap);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-kicker {
  display: flex;
  align-items: center;
  gap: var(--s04-kicker-gap);
  margin: 0;
  color: var(--kdp-theme);
  font: 900 14px/1.25 var(--kdp-sans);
  letter-spacing: var(--s04-kicker-letter-spacing);
  text-transform: uppercase;
  font-size: var(--s04-kicker-size);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-kicker img {
  width: var(--s04-kicker-icon-size);
  height: var(--s04-kicker-icon-size);
  object-fit: contain;
  object-position: center;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card h3 {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-brown);
  font: 500 25px/1.12 var(--kdp-serif);
  overflow-wrap: anywhere;
  font-size: var(--s04-card-title-size);
  line-height: var(--s04-card-title-line);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--s04-card-title-lines);
  overflow: hidden;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-link {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-top: 0;
  color: var(--kdp-text);
  font: 500 15px/1.4 var(--kdp-sans);
  text-decoration: none;
  margin: 0;
  font-size: var(--s04-card-footer-size);
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-link::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-link:visited,
:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-link:hover,
:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-link:focus-visible,
:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-link:active {
  color: var(--kdp-text);
  text-decoration: none;
}

:where(.kotsam-product-detail) .kdp-section--04 .kdp-card-link span {
  display: grid;
  width: var(--s04-card-link-icon-size);
  height: var(--s04-card-link-icon-size);
  place-items: center;
  border: 2px solid var(--kdp-action);
  border-radius: 999px;
  color: var(--kdp-action);
  font-size: var(--s04-card-link-icon-font-size);
  flex: 0 0 auto;
}

@container (max-width: 1280px) {
  :where(.kotsam-product-detail) .kdp-section--04 {
    --s04-inner: 1120px;
    --s04-section-pad-x: 54px;
    --s04-section-pad-y: 76px;
    --s04-head-max: 980px;
    --s04-head-gap: 36px;
    --s04-eyebrow-size: 15px;
    --s04-lead-size: 18px;
    --s04-lead-max: 780px;
    --s04-content-card-padding: 28px;
    --s04-content-card-stack-gap: 14px;
    --s04-content-card-footer-gap: 22px;
    --s04-title-size: 72px;
    --s04-title-line: 1;
    --s04-card-body-height: 390px;
    --s04-card-text-min: 76px;
    --s04-card-footer-size: 14px;
    --s04-card-title-size: 18.5px;
    --s04-card-copy-size: 16px;
    --s04-card-copy-line: 1.55;
    --s04-card-grid-gap: 24px;
    --s04-kicker-size: 12px;
    --s04-kicker-letter-spacing: .2em;
    --s04-kicker-icon-size: 22px;
    --s04-card-link-icon-size: 44px;
    --s04-card-link-icon-font-size: 24px;
    --s04-carousel-gap: 24px;
    --s04-carousel-card-width: calc((100% - 48px) / 3);
    --s04-carousel-one-width: 357px;
    --s04-carousel-two-width: 738px;
    --s04-carousel-button-offset: -52px;
    --s04-carousel-button-size: 46px;
    --s04-button-h: 54px;
    --s04-button-x: 30px;
    --s04-button-size: 16px;
  }
}

@container (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--04 {
    --s04-inner: min(100%, 920px);
    --s04-section-pad-x: clamp(32px, 4cqw, 42px);
    --s04-section-pad-y: 68px;
    --s04-head-max: 760px;
    --s04-head-gap: 34px;
    --s04-eyebrow-size: 13px;
    --s04-eyebrow-space: .28em;
    --s04-lead-size: 17px;
    --s04-lead-max: 620px;
    --s04-content-card-stack-gap: 18px;
    --s04-content-card-footer-gap: 16px;
    --s04-title-size: 58px;
    --s04-title-line: 1.03;
    --s04-card-min-height: 260px;
    --s04-card-columns: minmax(210px, 42%) minmax(0, 1fr);
    --s04-card-rows: none;
    --s04-card-media-height: 100%;
    --s04-card-media-ratio: auto;
    --s04-card-text-min: 70px;
    --s04-card-title-size: 27px;
    --s04-card-title-line: 1.14;
    --s04-card-copy-line: 1.52;
    --s04-card-grid-columns: 1fr;
    --s04-card-grid-gap: 20px;
    --s04-kicker-size: 14px;
    --s04-kicker-letter-spacing: .22em;
    --s04-kicker-icon-size: 24px;
    --s04-card-link-icon-size: 50px;
    --s04-card-link-icon-font-size: 28px;
    --s04-carousel-gap: 20px;
    --s04-carousel-card-width: 100%;
    --s04-carousel-one-width: 100%;
    --s04-carousel-two-width: 100%;
    --s04-carousel-two-columns: none;
    --s04-carousel-three-columns: none;
    --s04-carousel-few-flow: column;
    --s04-carousel-few-overflow: auto;
    --s04-carousel-few-snap: x mandatory;
    --s04-carousel-few-justify: start;
    --s04-carousel-button-offset: 12px;
    --s04-carousel-button-size: 44px;
    --s04-button-x: 28px;
  }
}

@container (min-width: 900px) and (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--04 {
    --s04-card-min-height: auto;
    --s04-card-columns: none;
    --s04-card-rows: auto 1fr;
    --s04-card-media-height: auto;
    --s04-card-media-ratio: 1.38 / 1;
    --s04-card-text-min: 76px;
    --s04-card-grid-columns: repeat(2, minmax(0, 1fr));
    --s04-carousel-card-width: calc((100% - 20px) / 2);
    --s04-carousel-one-width: calc((100% - 20px) / 2);
  }
}

@container (max-width: 768px) {
  :where(.kotsam-product-detail) .kdp-section--04 {
    --s04-inner: 620px;
    --s04-section-pad-x: 32px;
    --s04-section-pad-y: 62px;
    --s04-head-max: 620px;
    --s04-head-gap: 30px;
    --s04-eyebrow-size: 12px;
    --s04-eyebrow-space: .25em;
    --s04-lead-size: 16px;
    --s04-lead-max: 520px;
    --s04-content-card-padding: 24px;
    --s04-content-card-footer-gap: 12px;
    --s04-title-size: 42px;
    --s04-title-line: 1.04;
    --s04-card-min-height: auto;
    --s04-card-columns: none;
    --s04-card-rows: auto 1fr;
    --s04-card-media-height: auto;
    --s04-card-media-ratio: 1.38 / 1;
    --s04-card-body-height: 350px;
    --s04-card-text-min: 58px;
    --s04-card-footer-size: 13px;
    --s04-card-title-size: 24px;
    --s04-card-title-line: 1.12;
    --s04-card-copy-size: 14px;
    --s04-card-copy-line: 1.5;
    --s04-card-grid-gap: 18px;
    --s04-kicker-size: 11px;
    --s04-kicker-letter-spacing: .18em;
    --s04-carousel-gap: 10px;
    --s04-carousel-card-width: calc(100% - var(--s04-carousel-viewport-extension));
    --s04-carousel-viewport-extension: 28px;
    --s04-button-h: 52px;
    --s04-button-x: 24px;
    --s04-button-size: 15px;
  }
}

@container (max-width: 480px) {
  :where(.kotsam-product-detail) .kdp-section--04 {
    --s04-inner: calc(100cqw - 40px);
    --s04-section-pad-x: 20px;
    --s04-head-max: calc(100cqw - 40px);
    --s04-head-gap: 28px;
    --s04-eyebrow-space: .24em;
    --s04-lead-size: 15px;
    --s04-lead-line: 1.55;
    --s04-lead-max: 360px;
    --s04-content-card-padding: 20px 16px;
    --s04-content-card-stack-gap: 12px;
    --s04-content-card-footer-gap: 10px;
    --s04-title-size: 38px;
    --s04-card-body-height: 340px;
    --s04-card-text-min: 52px;
    --s04-card-footer-size: 12px;
    --s04-card-title-size: 19px;
    --s04-card-copy-size: 12px;
    --s04-card-copy-line: 1.52;
    --s04-kicker-gap: 8px;
    --s04-kicker-size: 10px;
    --s04-kicker-letter-spacing: .16em;
    --s04-kicker-icon-size: 22px;
    --s04-card-link-icon-size: 40px;
    --s04-card-link-icon-font-size: 23px;
    --s04-carousel-gap: 8px;
    --s04-carousel-viewport-extension: 20px;
    --s04-button-h: 56px;
    --s04-button-x: 20px;
    --s04-button-size: 14px;
  }
}

@container (max-width: 390px) {
  :where(.kotsam-product-detail) .kdp-section--04 {
    --s04-inner: calc(100cqw - 36px);
    --s04-section-pad-x: 18px;
    --s04-section-pad-y: 58px;
    --s04-head-max: calc(100cqw - 36px);
    --s04-head-gap: 26px;
    --s04-label-line-width: 22px;
    --s04-eyebrow-size: 11px;
    --s04-eyebrow-space: .17em;
    --s04-lead-size: 14px;
    --s04-lead-line: 1.52;
    --s04-lead-max: 330px;
    --s04-content-card-padding: 17px 14px;
    --s04-content-card-stack-gap: 10px;
    --s04-content-card-footer-gap: 8px;
    --s04-title-size: 31px;
    --s04-card-body-height: 270px;
    --s04-card-text-min: 48px;
    --s04-card-footer-size: 11px;
    --s04-card-title-size: 16px;
    --s04-card-copy-size: 11px;
    --s04-card-copy-line: 1.48;
    --s04-card-grid-gap: 16px;
    --s04-kicker-gap: 7px;
    --s04-kicker-size: 9px;
    --s04-kicker-letter-spacing: .15em;
    --s04-kicker-icon-size: 20px;
    --s04-card-link-icon-size: 36px;
    --s04-card-link-icon-font-size: 21px;
    --s04-carousel-viewport-extension: 18px;
    --s04-button-h: 52px;
    --s04-button-x: 16px;
    --s04-button-size: 12px;
  }
}


/* Section 05 */



:where(.kotsam-product-detail) .kdp-section--05 {
  --s05-media-reveal-duration: 180ms;
  --s05-loading-card-opacity: .72;
  --s05-inner: 1290px;
  --s05-section-pad-x: 70px;
  --s05-section-pad-y: 82px;
  --s05-head-gap: 42px;
  --s05-eyebrow-size: 16px;
  --s05-eyebrow-space: .32em;
  --s05-label-gap: clamp(8px, 1.2cqw, 14px);
  --s05-label-line-width: clamp(34px, 5cqw, 64px);
  --s05-label-line-height: 1px;
  --s05-label-deco-size: clamp(14px, 1.45cqw, 18px);
  --s05-lead-max: 900px;
  position: relative;
  width: 100%;
  padding: var(--s05-section-pad-y) var(--s05-section-pad-x);
  padding-top: calc(var(--s05-section-pad-y) * .82);
  --s05-content-card-padding: 34px;
  --s05-content-card-stack-gap: 18px;
  --s05-content-card-footer-gap: 24px;
  --s05-head-max: 1280px;
  --s05-head-width: min(100%, var(--s05-head-max));
  --s05-title-size: 80px;
  --s05-title-line: 1.02;
  --s05-title-space: normal;
  --s05-title-wrap: balance;
  --s05-title-line-display: inline;
  --s05-title-line-join: "";
  --s05-copy-width: min(100%, 680px);
  --s05-copy-size: 20px;
  --s05-copy-line: 1.5;
  --s05-bg-gradient: linear-gradient(180deg, #FFF8ED 0 28%, rgba(255, 248, 237, .94) 44%, rgba(255, 248, 237, .72) 64%, rgba(255, 248, 237, .18) 100%);
  --s05-bg-edge-mask: linear-gradient(180deg, transparent 0%, #000 3%, #000 97%, transparent 100%);
  --s05-bg-image: none;
  --s05-bg-position: center bottom;
  --s05-card-grid-width: min(100%, var(--s05-inner));
  --s05-card-media-ratio: 1.62 / 1;
  --s05-card-media-bg: linear-gradient(135deg, rgba(255, 252, 246, .96), rgba(252, 225, 171, .42));
  --s05-card-title-size: 25px;
  --s05-card-title-line: 1.12;
  --s05-card-title-space: normal;
  --s05-card-title-wrap: wrap;
  --s05-card-body-height: 410px;
  --s05-card-text-min: 86px;
  --s05-card-title-lines: 3;
  --s05-card-copy-lines: 4;
  --s05-card-copy-size: 19px;
  --s05-card-copy-line: 1.58;
  --s05-card-footer-size: 15px;
  --s05-kicker-gap: 10px;
  --s05-kicker-size: 14px;
  --s05-kicker-letter-spacing: .22em;
  --s05-kicker-icon-size: 24px;
  --s05-card-link-icon-size: 50px;
  --s05-card-link-icon-font-size: 28px;
  isolation: isolate;
  --s05-card-grid-columns: repeat(3, minmax(0, 1fr));
  --s05-card-grid-gap: 32px;
  --s05-carousel-gap: 32px;
  --s05-carousel-card-width: calc((100% - 64px) / 3);
  --s05-carousel-one-width: 410px;
  --s05-carousel-two-width: 852px;
  --s05-carousel-two-columns: repeat(2, minmax(0, 1fr));
  --s05-carousel-three-columns: repeat(3, minmax(0, 1fr));
  --s05-carousel-few-flow: row;
  --s05-carousel-few-overflow: visible;
  --s05-carousel-few-snap: none;
  --s05-carousel-few-justify: center;
  --s05-carousel-button-offset: -66px;
  --s05-carousel-button-size: 52px;
  --s05-carousel-base-width: min(100%, var(--s05-inner));
  --s05-carousel-viewport-extension: 0px;
  --s05-carousel-width: calc(var(--s05-carousel-base-width) + var(--s05-carousel-viewport-extension));
  --s05-carousel-margin-left: calc((100% - var(--s05-carousel-base-width)) / 2);
  --s05-carousel-margin-right: calc((100% - var(--s05-carousel-base-width)) / 2 - var(--s05-carousel-viewport-extension));
  --s05-carousel-controls-display: contents;
  --s05-carousel-button-position: absolute;
  --s05-carousel-button-top: 50%;
  --s05-carousel-button-transform: translateY(-50%);
  --s05-carousel-track-margin-top: 38px;
  --s05-heading-ornament-left-width: clamp(90px, 13cqw, 180px);
  --s05-heading-ornament-right-width: clamp(120px, 20cqw, 280px);
  --s05-heading-ornament-left-top: clamp(64px, 7cqw, 100px);
  --s05-heading-ornament-right-top: 12px;
  --s05-heading-ornament-side: clamp(8px, 2.6cqw, 36px);
}

:where(.kotsam-product-detail) .kdp-section--05::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--s05-bg-gradient),
    var(--s05-bg-image) var(--s05-bg-position) / contain no-repeat;
  -webkit-mask-image: var(--s05-bg-edge-mask);
  mask-image: var(--s05-bg-edge-mask);
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-section__head {
  position: relative;
  z-index: 1;
  margin: 0 auto var(--s05-head-gap);
  text-align: center;
  width: var(--s05-head-width);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-heading-ornament {
  position: absolute;
  z-index: 0;
  display: block;
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-heading-ornament--left {
  top: var(--s05-heading-ornament-left-top);
  left: var(--s05-heading-ornament-side);
  width: var(--s05-heading-ornament-left-width);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-heading-ornament--right {
  top: var(--s05-heading-ornament-right-top);
  right: var(--s05-heading-ornament-side);
  width: var(--s05-heading-ornament-right-width);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-heading-ornament img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity var(--s05-media-reveal-duration) ease;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-heading-ornament.is-loaded img,
:where(.kotsam-product-detail) .kdp-section--05 .kdp-media.is-loaded img,
:where(.kotsam-product-detail) .kdp-section--05 .kdp-media.is-loaded video {
  opacity: 1;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-eyebrow {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 12px;
  color: var(--kdp-theme-strong);
  font: 800 var(--s05-eyebrow-size)/1.35 var(--kdp-sans);
  letter-spacing: var(--s05-eyebrow-space);
  text-transform: uppercase;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-eyebrow strong {
  font-weight: 900;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-eyebrow--ornate {
  display: inline-grid;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: var(--s05-label-gap);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-label-text {
  min-width: 0;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-label-line {
  display: block;
  width: var(--s05-label-line-width);
  height: var(--s05-label-line-height);
  background: var(--kdp-theme);
  opacity: .72;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-label-deco {
  display: block;
  width: var(--s05-label-deco-size);
  height: var(--s05-label-deco-size);
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-title {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-brown);
  font-family: var(--kdp-serif);
  font-size: var(--s05-title-size);
  font-weight: 500;
  line-height: var(--s05-title-line);
  letter-spacing: 0;
  overflow-wrap: anywhere;
  white-space: var(--s05-title-space);
  text-wrap: var(--s05-title-wrap);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-line {
  display: block;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-line--inline {
  display: inline;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-copy {
  min-width: 0;
  margin: 18px auto 0;
  max-width: var(--s05-lead-max);
  color: var(--kdp-muted);
  font: 500 var(--s05-copy-size)/var(--s05-copy-line) var(--kdp-sans);
  overflow-wrap: anywhere;
  width: var(--s05-copy-width);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-nowrap {
  max-width: 100%;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-button {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  min-height: var(--s05-button-h, 58px);
  align-items: center;
  justify-content: center;
  padding: 0 var(--s05-button-x, 34px);
  border: 0;
  border-radius: 12px;
  background: var(--kdp-action);
  color: var(--kdp-action-contrast);
  font: 900 var(--s05-button-size, 18px)/1.25 var(--kdp-sans);
  text-decoration: none;
  text-align: center;
  overflow-wrap: anywhere;
  box-shadow: 0 18px 32px var(--kdp-action-shadow);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-button:visited {
  color: var(--kdp-action-contrast);
  text-decoration: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-button:hover,
:where(.kotsam-product-detail) .kdp-section--05 .kdp-button:active {
  background: var(--kdp-action-hover);
  color: var(--kdp-action-contrast);
  text-decoration: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-button:focus-visible {
  color: var(--kdp-action-contrast);
  text-decoration: none;
  outline: 3px solid var(--kdp-action-focus);
  outline-offset: 3px;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-media {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(218, 183, 123, .58);
  border-radius: var(--kdp-radius);
  background: linear-gradient(135deg, rgba(255, 252, 246, .96), rgba(252, 225, 171, .58)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .15) 0 2px, transparent 2px 10px);
  box-shadow: var(--kdp-shadow);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-media :is(img, video) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity var(--s05-media-reveal-duration) ease;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-media img:not([src]) {
  display: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-media-placeholder {
  position: absolute;
  inset: 12px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: calc(var(--kdp-radius) - 10px);
  color: rgba(80, 56, 33, .72);
  font: 900 12px/1.35 var(--kdp-sans);
  text-align: center;
  text-transform: uppercase;
  transition: opacity var(--s05-media-reveal-duration) ease, visibility 0s linear var(--s05-media-reveal-duration);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-media.is-loaded .kdp-media-placeholder {
  opacity: 0;
  visibility: hidden;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--kdp-radius);
  display: grid;
  height: 100%;
  grid-template-rows: auto 1fr;
  border: 1px solid rgba(235, 220, 197, .95);
  background: rgba(255, 252, 246, .96);
  box-shadow: 0 22px 54px rgba(119, 84, 45, .13);
  cursor: pointer;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-loading-card {
  cursor: default;
  opacity: var(--s05-loading-card-opacity);
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-loading-card .kdp-card-body {
  background: linear-gradient(110deg, rgba(255, 252, 246, .92) 20%, rgba(235, 220, 197, .48) 40%, rgba(255, 252, 246, .92) 60%);
  background-size: 220% 100%;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-cta {
  margin: 34px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  text-align: center;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-content > p {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-muted);
  font-family: var(--kdp-sans);
  font-weight: 500;
  overflow-wrap: anywhere;
  font-size: var(--s05-card-copy-size);
  line-height: var(--s05-card-copy-line);
  align-self: start;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--s05-card-copy-lines);
  overflow: hidden;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-title .kdp-line {
  display: var(--s05-title-line-display);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-title .kdp-line + .kdp-line::before {
  content: var(--s05-title-line-join);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-grid {
  display: grid;
  grid-template-columns: var(--s05-card-grid-columns);
  gap: var(--s05-card-grid-gap);
  margin: 0 auto;
  width: var(--s05-card-grid-width);
  align-items: stretch;
  grid-auto-rows: 1fr;
  margin-top: var(--s05-carousel-track-margin-top);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel {
  position: relative;
  width: var(--s05-carousel-width);
  margin: 0 var(--s05-carousel-margin-right) 0 var(--s05-carousel-margin-left);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel-controls {
  display: var(--s05-carousel-controls-display);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel .kdp-card-grid {
  width: 100%;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: var(--s05-carousel-card-width);
  gap: var(--s05-carousel-gap);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel .kdp-card-grid::-webkit-scrollbar {
  display: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel .kdp-card {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel.is-animating .kdp-card-grid {
  scroll-snap-type: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel [data-kdp-clone] {
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel [data-kdp-clone] a, :where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel [data-kdp-clone] button, :where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel [data-kdp-clone] input, :where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel [data-kdp-clone] select, :where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel [data-kdp-clone] textarea {
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel[data-kdp-count="0"]:not([data-kdp-content-state="idle"]):not([data-kdp-content-state="loading"]) .kdp-card-grid {
  display: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel[data-kdp-count="0"], :where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel[data-kdp-count="1"], :where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel[data-kdp-count="2"], :where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel[data-kdp-count="3"] {
  --s05-carousel-viewport-extension: 0px;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel[data-kdp-count="1"] .kdp-card-grid {
  width: min(100%, var(--s05-carousel-one-width));
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  justify-content: center;
  overflow: visible;
  scroll-snap-type: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel[data-kdp-count="2"] .kdp-card-grid {
  width: min(100%, var(--s05-carousel-two-width));
  grid-template-columns: var(--s05-carousel-two-columns);
  grid-auto-flow: var(--s05-carousel-few-flow);
  justify-content: var(--s05-carousel-few-justify);
  overflow: var(--s05-carousel-few-overflow);
  scroll-snap-type: var(--s05-carousel-few-snap);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel[data-kdp-count="3"] .kdp-card-grid {
  width: 100%;
  grid-template-columns: var(--s05-carousel-three-columns);
  grid-auto-flow: var(--s05-carousel-few-flow);
  justify-content: var(--s05-carousel-few-justify);
  overflow: var(--s05-carousel-few-overflow);
  scroll-snap-type: var(--s05-carousel-few-snap);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel-button {
  position: var(--s05-carousel-button-position);
  top: var(--s05-carousel-button-top);
  z-index: 4;
  display: grid;
  width: var(--s05-carousel-button-size);
  height: var(--s05-carousel-button-size);
  place-items: center;
  border: 2px solid var(--kdp-action);
  border-radius: 999px;
  background: rgba(255, 252, 246, .96);
  color: var(--kdp-action);
  cursor: pointer;
  font: 800 28px/1 var(--kdp-sans);
  box-shadow: 0 16px 32px rgba(119, 84, 45, .12);
  transform: var(--s05-carousel-button-transform);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel-button--prev {
  left: var(--s05-carousel-button-offset);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel-button--next {
  right: var(--s05-carousel-button-offset);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel-button:disabled {
  cursor: default;
  opacity: .28;
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-carousel-empty {
  margin: 0;
  padding: 32px;
  border: 1px solid var(--kdp-line);
  border-radius: var(--kdp-radius);
  background: rgba(255, 252, 246, .9);
  color: var(--kdp-muted);
  font: 700 18px/1.45 var(--kdp-sans);
  text-align: center;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card .kdp-media {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  aspect-ratio: var(--s05-card-media-ratio);
  background: var(--s05-card-media-bg);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-body {
  min-width: 0;
  padding: var(--s05-content-card-padding);
  display: grid;
  height: var(--s05-card-body-height);
  grid-template-rows: auto minmax(var(--s05-card-text-min), 1fr) auto;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-header {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--s05-content-card-stack-gap);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-content {
  min-width: 0;
  align-self: start;
  padding-top: var(--s05-content-card-stack-gap);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-footer {
  min-width: 0;
  align-self: end;
  padding-top: var(--s05-content-card-footer-gap);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-kicker {
  display: flex;
  align-items: center;
  gap: var(--s05-kicker-gap);
  margin: 0;
  color: var(--kdp-theme);
  font: 900 14px/1.25 var(--kdp-sans);
  letter-spacing: var(--s05-kicker-letter-spacing);
  text-transform: uppercase;
  font-size: var(--s05-kicker-size);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-kicker img {
  width: var(--s05-kicker-icon-size);
  height: var(--s05-kicker-icon-size);
  object-fit: contain;
  object-position: center;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card h3 {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-brown);
  font: 500 25px/1.12 var(--kdp-serif);
  overflow-wrap: anywhere;
  font-size: var(--s05-card-title-size);
  line-height: var(--s05-card-title-line);
  white-space: var(--s05-card-title-space);
  text-wrap: var(--s05-card-title-wrap);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--s05-card-title-lines);
  overflow: hidden;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-link {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-top: 0;
  color: var(--kdp-text);
  font: 500 15px/1.4 var(--kdp-sans);
  text-decoration: none;
  margin: 0;
  font-size: var(--s05-card-footer-size);
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-link::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-link:visited,
:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-link:hover,
:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-link:focus-visible,
:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-link:active {
  color: var(--kdp-text);
  text-decoration: none;
}

:where(.kotsam-product-detail) .kdp-section--05 .kdp-card-link span {
  display: grid;
  width: var(--s05-card-link-icon-size);
  height: var(--s05-card-link-icon-size);
  place-items: center;
  border: 2px solid var(--kdp-action);
  border-radius: 999px;
  color: var(--kdp-action);
  font-size: var(--s05-card-link-icon-font-size);
}

@container (max-width: 1280px) {
  :where(.kotsam-product-detail) .kdp-section--05 {
    --s05-inner: 1120px;
    --s05-section-pad-x: 54px;
    --s05-section-pad-y: 76px;
    --s05-head-gap: 36px;
    --s05-eyebrow-size: 15px;
    --s05-lead-max: 780px;
    --s05-content-card-padding: 28px;
    --s05-content-card-stack-gap: 14px;
    --s05-content-card-footer-gap: 22px;
    --s05-title-size: 54px;
    --s05-title-line: 1.03;
    --s05-copy-size: 18px;
    --s05-card-title-size: 18.5px;
    --s05-card-body-height: 330px;
    --s05-card-text-min: 76px;
    --s05-card-copy-size: 16px;
    --s05-card-copy-line: 1.55;
    --s05-card-footer-size: 14px;
    --s05-kicker-size: 12px;
    --s05-kicker-letter-spacing: .2em;
    --s05-kicker-icon-size: 22px;
    --s05-card-link-icon-size: 44px;
    --s05-card-link-icon-font-size: 24px;
    --s05-card-grid-gap: 24px;
    --s05-carousel-gap: 24px;
    --s05-carousel-card-width: calc((100% - 48px) / 3);
    --s05-carousel-one-width: 357px;
    --s05-carousel-two-width: 738px;
    --s05-carousel-button-offset: -52px;
    --s05-carousel-button-size: 46px;
    --s05-button-h: 54px;
    --s05-button-x: 30px;
    --s05-button-size: 16px;
  }
}

@container (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--05 {
    --s05-inner: min(100%, 920px);
    --s05-section-pad-x: clamp(32px, 4cqw, 42px);
    --s05-section-pad-y: 68px;
    --s05-head-gap: 34px;
    --s05-eyebrow-size: 13px;
    --s05-eyebrow-space: .28em;
    --s05-lead-max: 620px;
    --s05-content-card-stack-gap: 18px;
    --s05-content-card-footer-gap: 16px;
    --s05-title-size: 53px;
    --s05-title-line-display: block;
    --s05-copy-size: 17px;
    --s05-card-media-ratio: 2 / 1;
    --s05-card-title-size: 27px;
    --s05-card-title-line: 1.14;
    --s05-card-title-wrap: balance;
    --s05-card-body-height: 360px;
    --s05-card-text-min: 64px;
    --s05-card-copy-line: 1.52;
    --s05-card-footer-size: 15px;
    --s05-kicker-size: 14px;
    --s05-kicker-letter-spacing: .22em;
    --s05-kicker-icon-size: 24px;
    --s05-card-link-icon-size: 50px;
    --s05-card-link-icon-font-size: 28px;
    --s05-card-grid-columns: 1fr;
    --s05-card-grid-gap: 20px;
    --s05-carousel-gap: 20px;
    --s05-carousel-card-width: 100%;
    --s05-carousel-one-width: 100%;
    --s05-carousel-two-width: 100%;
    --s05-carousel-two-columns: none;
    --s05-carousel-three-columns: none;
    --s05-carousel-few-flow: column;
    --s05-carousel-few-overflow: auto;
    --s05-carousel-few-snap: x mandatory;
    --s05-carousel-few-justify: start;
    --s05-carousel-button-offset: 12px;
    --s05-carousel-button-size: 44px;
    --s05-button-x: 28px;
  }
}

@container (min-width: 900px) and (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--05 {
    --s05-card-media-ratio: 1.62 / 1;
    --s05-card-title-wrap: wrap;
    --s05-card-body-height: 380px;
    --s05-card-text-min: 76px;
    --s05-card-grid-columns: repeat(2, minmax(0, 1fr));
    --s05-carousel-card-width: calc((100% - 20px) / 2);
    --s05-carousel-one-width: calc((100% - 20px) / 2);
  }
}

@container (max-width: 768px) {
  :where(.kotsam-product-detail) .kdp-section--05 {
    --s05-inner: 620px;
    --s05-heading-ornament-left-width: clamp(78px, 20cqw, 130px);
    --s05-heading-ornament-right-width: clamp(112px, 29cqw, 190px);
    --s05-heading-ornament-left-top: 70px;
    --s05-heading-ornament-right-top: 16px;
    --s05-section-pad-x: 32px;
    --s05-section-pad-y: 62px;
    --s05-head-gap: 30px;
    --s05-eyebrow-size: 12px;
    --s05-eyebrow-space: .25em;
    --s05-lead-max: 520px;
    --s05-content-card-padding: 24px;
    --s05-content-card-footer-gap: 12px;
    --s05-title-size: 54px;
    --s05-copy-width: min(100%, 560px);
    --s05-copy-size: 18px;
    --s05-copy-line: 1.45;
    --s05-bg-gradient: linear-gradient(180deg, #FFF8ED 0 30%, rgba(255, 248, 237, .88) 52%, rgba(255, 248, 237, .22) 100%);
    --s05-card-media-ratio: 1.62 / 1;
    --s05-card-title-size: 24px;
    --s05-card-title-line: 1.12;
    --s05-card-body-height: 350px;
    --s05-card-text-min: 70px;
    --s05-card-copy-size: 14px;
    --s05-card-copy-line: 1.5;
    --s05-kicker-size: 11px;
    --s05-kicker-letter-spacing: .18em;
    --s05-card-grid-gap: 18px;
    --s05-carousel-gap: 10px;
    --s05-carousel-card-width: calc(100% - var(--s05-carousel-viewport-extension));
    --s05-carousel-viewport-extension: 28px;
    --s05-carousel-track-margin-top: 0;
    --s05-button-h: 52px;
    --s05-button-x: 24px;
    --s05-button-size: 15px;
  }
}

@container (max-width: 480px) {
  :where(.kotsam-product-detail) .kdp-section--05 {
    --s05-inner: calc(100cqw - 40px);
    --s05-section-pad-x: 0;
    --s05-head-gap: 28px;
    --s05-eyebrow-space: .24em;
    --s05-lead-max: 360px;
    --s05-content-card-padding: 20px 16px;
    --s05-content-card-stack-gap: 12px;
    --s05-content-card-footer-gap: 10px;
    --s05-head-width: min(100%, calc(100cqw - 72px));
    --s05-title-size: clamp(44px, 10.7cqw, 50px);
    --s05-title-line: 1.02;
    --s05-copy-width: min(100%, 330px);
    --s05-copy-size: 17px;
    --s05-copy-line: 1.42;
    --s05-bg-gradient: linear-gradient(180deg, #FFF8ED 0 32%, rgba(255, 248, 237, .88) 58%, rgba(255, 248, 237, .18) 100%);
    --s05-card-title-size: 19px;
    --s05-card-body-height: 340px;
    --s05-card-text-min: 62px;
    --s05-card-copy-size: 12px;
    --s05-card-copy-line: 1.52;
    --s05-card-footer-size: 12px;
    --s05-kicker-gap: 8px;
    --s05-kicker-size: 10px;
    --s05-kicker-letter-spacing: .16em;
    --s05-kicker-icon-size: 22px;
    --s05-card-link-icon-size: 40px;
    --s05-card-link-icon-font-size: 23px;
    --s05-carousel-gap: 8px;
    --s05-carousel-viewport-extension: 20px;
    --s05-button-h: 56px;
    --s05-button-x: 20px;
    --s05-button-size: 14px;
  }
}

@container (max-width: 390px) {
  :where(.kotsam-product-detail) .kdp-section--05 {
    --s05-inner: calc(100cqw - 36px);
    --s05-section-pad-y: 58px;
    --s05-head-gap: 26px;
    --s05-label-line-width: 22px;
    --s05-eyebrow-size: 11px;
    --s05-eyebrow-space: .15em;
    --s05-lead-max: 330px;
    --s05-content-card-padding: 17px 14px;
    --s05-content-card-stack-gap: 10px;
    --s05-content-card-footer-gap: 8px;
    --s05-head-width: min(100%, calc(100cqw - 56px));
    --s05-title-size: clamp(34px, 10.6cqw, 42px);
    --s05-title-line: 1.04;
    --s05-copy-width: min(100%, 292px);
    --s05-copy-size: 14px;
    --s05-bg-gradient: linear-gradient(180deg, #FFF8ED 0 34%, rgba(255, 248, 237, .88) 60%, rgba(255, 248, 237, .18) 100%);
    --s05-card-title-size: 16px;
    --s05-card-body-height: 270px;
    --s05-card-text-min: 58px;
    --s05-card-copy-size: 11px;
    --s05-card-copy-line: 1.48;
    --s05-card-footer-size: 11px;
    --s05-kicker-gap: 7px;
    --s05-kicker-size: 9px;
    --s05-kicker-letter-spacing: .15em;
    --s05-kicker-icon-size: 20px;
    --s05-card-link-icon-size: 36px;
    --s05-card-link-icon-font-size: 21px;
    --s05-card-grid-gap: 16px;
    --s05-carousel-viewport-extension: 18px;
    --s05-button-h: 52px;
    --s05-button-x: 16px;
    --s05-button-size: 12px;
  }
}


/* Section 06 */



:where(.kotsam-product-detail) .kdp-section--06 {
  --s06-media-reveal-duration: 180ms;
  --s06-inner: 1290px;
  --s06-section-pad-x: 70px;
  --s06-section-pad-y: 82px;
  --s06-head-max: 1120px;
  --s06-head-gap: 42px;
  --s06-eyebrow-size: 16px;
  --s06-eyebrow-space: .32em;
  --s06-label-gap: clamp(8px, 1.2cqw, 14px);
  --s06-label-line-width: clamp(34px, 5cqw, 64px);
  --s06-label-line-height: 1px;
  --s06-label-deco-size: clamp(14px, 1.45cqw, 18px);
  --s06-lead-size: 20px;
  --s06-lead-line: 1.5;
  --s06-lead-max: 900px;
  position: relative;
  width: 100%;
  padding: var(--s06-section-pad-y) var(--s06-section-pad-x);
  padding-top: calc(var(--s06-section-pad-y) * .82);
  --s06-title-size: 92px;
  --s06-title-line: .98;
  --s06-layout-columns: minmax(0, 1fr) minmax(0, 1fr);
  --s06-layout-gap: clamp(230px, 20cqw, 300px);
  --s06-layout-pad-y: 28px;
  --s06-list-display: grid;
  --s06-center-order: initial;
  --s06-center-width: min(62cqw, 780px);
  --s06-center-margin: 0;
  --s06-center-col: 1 / -1;
  --s06-center-row: 1;
  --s06-left-col: 1;
  --s06-right-col: 2;
  --s06-side-row: 1;
  --s06-side-z: 3;
  --s06-benefit-list-width: 384px;
  --s06-benefit-list-height: 780px;
  --s06-benefit-list-two-height: 570px;
  --s06-benefit-list-gap: 18px;
  --s06-benefit-gap: 14px;
  --s06-benefit-list-rows: none;
  --s06-benefit-columns: 96px minmax(0, 1fr);
  --s06-benefit-min-height: 0;
  --s06-benefit-padding: 22px 20px;
  --s06-benefit-icon-size: 84px;
  --s06-benefit-icon-visual: 1.32;
  --s06-benefit-title-size: 21px;
  --s06-benefit-title-line: 1.12;
  --s06-benefit-copy-size: 14px;
  --s06-benefit-copy-line: 1.4;
  --s06-order-vitamin: initial;
  --s06-order-limonen: initial;
  --s06-order-heart: initial;
  --s06-order-skin: initial;
  --s06-order-acid: initial;
  --s06-order-brain: initial;
  --s06-order-slot-01: initial;
  --s06-order-slot-02: initial;
  --s06-order-slot-03: initial;
  --s06-order-slot-04: initial;
  --s06-note-font-size: 20px;
  --s06-note-gap: 12px;
  --s06-note-deco-slot: 56px;
  --s06-note-deco-height: 24px;
  --s06-note-deco-opacity: .6;
  --s06-note-text-space: nowrap;
  --s06-note-width: min(100%, 860px);
  --s06-note-line-height: 1.45;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-section__head {
  width: min(100%, var(--s06-head-max));
  margin: 0 auto var(--s06-head-gap);
  text-align: center;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-eyebrow {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 12px;
  color: var(--kdp-theme-strong);
  font: 800 var(--s06-eyebrow-size)/1.35 var(--kdp-sans);
  letter-spacing: var(--s06-eyebrow-space);
  text-transform: uppercase;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-eyebrow strong {
  font-weight: 900;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-eyebrow--ornate {
  display: inline-grid;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: var(--s06-label-gap);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-label-text {
  min-width: 0;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-label-line {
  display: block;
  width: var(--s06-label-line-width);
  height: var(--s06-label-line-height);
  background: var(--kdp-theme);
  opacity: .72;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-label-deco {
  display: block;
  width: var(--s06-label-deco-size);
  height: var(--s06-label-deco-size);
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-title {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-brown);
  font-family: var(--kdp-serif);
  font-size: var(--s06-title-size);
  font-weight: 500;
  line-height: var(--s06-title-line);
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-copy {
  min-width: 0;
  margin: 18px auto 0;
  max-width: var(--s06-lead-max);
  color: var(--kdp-muted);
  font: 500 var(--s06-lead-size)/var(--s06-lead-line) var(--kdp-sans);
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-media {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(218, 183, 123, .58);
  border-radius: var(--kdp-radius);
  background: linear-gradient(135deg, rgba(255, 252, 246, .96), rgba(252, 225, 171, .58)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .15) 0 2px, transparent 2px 10px);
  box-shadow: var(--kdp-shadow);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-media img, :where(.kotsam-product-detail) .kdp-section--06 .kdp-media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity var(--s06-media-reveal-duration) ease;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-media.is-loaded img, :where(.kotsam-product-detail) .kdp-section--06 .kdp-media.is-loaded video {
  opacity: 1;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-media img:not([src]) {
  display: none;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-media-placeholder {
  position: absolute;
  inset: 12px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: calc(var(--kdp-radius) - 10px);
  color: rgba(80, 56, 33, .72);
  font: 900 12px/1.35 var(--kdp-sans);
  text-align: center;
  text-transform: uppercase;
  transition: opacity var(--s06-media-reveal-duration) ease, visibility 0s linear var(--s06-media-reveal-duration);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-media.is-loaded .kdp-media-placeholder {
  opacity: 0;
  visibility: hidden;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit {
  border: 1px solid var(--kdp-line);
  box-shadow: 0 14px 34px rgba(74, 43, 16, .08);
  display: grid;
  box-sizing: border-box;
  height: 100%;
  min-height: var(--s06-benefit-min-height);
  grid-template-columns: var(--s06-benefit-columns);
  align-items: center;
  gap: var(--s06-benefit-gap);
  padding: var(--s06-benefit-padding);
  border-radius: 20px;
  background: rgba(255, 252, 246, .9);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit__icon--asset {
  display: grid;
  place-items: center;
  position: relative;
  background: var(--kdp-card);
  color: var(--kdp-theme);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit__icon--asset img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center;
  transform: scale(var(--s06-benefit-icon-visual));
  transform-origin: 50% 50%;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit h3 {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  font-family: var(--kdp-sans);
  font-weight: 850;
  margin-bottom: 8px;
  color: var(--kdp-theme);
  font-size: var(--s06-benefit-title-size);
  line-height: var(--s06-benefit-title-line);
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit p {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-muted);
  font-family: var(--kdp-sans);
  font-weight: 500;
  font-size: var(--s06-benefit-copy-size);
  line-height: var(--s06-benefit-copy-line);
  overflow-wrap: anywhere;
  word-break: normal;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-note {
  width: var(--s06-note-width);
  margin: 28px auto 0;
  color: var(--kdp-text);
  font: 500 var(--s06-note-font-size)/var(--s06-note-line-height) var(--kdp-sans);
  text-align: center;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-note--ornate {
  display: grid;
  grid-template-columns: var(--s06-note-deco-slot) minmax(0, 1fr) var(--s06-note-deco-slot);
  align-items: center;
  justify-content: center;
  gap: var(--s06-note-gap);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-note__text {
  display: block;
  min-width: 0;
  white-space: var(--s06-note-text-space);
  overflow-wrap: normal;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-note__deco {
  display: block;
  width: 100%;
  max-width: var(--s06-note-deco-slot);
  height: var(--s06-note-deco-height);
  object-fit: contain;
  object-position: center;
  opacity: var(--s06-note-deco-opacity);
  pointer-events: none;
  user-select: none;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-note__deco--right {
  transform: scaleX(-1);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit-layout {
  position: relative;
  display: grid;
  width: min(100%, var(--s06-inner));
  grid-template-columns: var(--s06-layout-columns);
  align-items: center;
  gap: var(--s06-layout-gap);
  padding-block: var(--s06-layout-pad-y);
  margin: 0 auto;
  isolation: isolate;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit-list {
  position: relative;
  z-index: var(--s06-side-z);
  display: var(--s06-list-display);
  width: var(--s06-benefit-list-width);
  min-height: var(--s06-benefit-list-height);
  grid-template-rows: var(--s06-benefit-list-rows);
  grid-auto-rows: minmax(min-content, 1fr);
  gap: var(--s06-benefit-list-gap);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit-list--two {
  height: var(--s06-benefit-list-two-height);
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit-list:first-child {
  grid-column: var(--s06-left-col);
  grid-row: var(--s06-side-row);
  justify-self: start;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit-list:last-child {
  grid-column: var(--s06-right-col);
  grid-row: var(--s06-side-row);
  justify-self: end;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit--vitamin {
  order: var(--s06-order-vitamin);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit--limonen {
  order: var(--s06-order-limonen);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit--heart {
  order: var(--s06-order-heart);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit--skin {
  order: var(--s06-order-skin);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit--acid {
  order: var(--s06-order-acid);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit--brain {
  order: var(--s06-order-brain);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit--slot-01 {
  order: var(--s06-order-slot-01);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit--slot-02 {
  order: var(--s06-order-slot-02);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit--slot-03 {
  order: var(--s06-order-slot-03);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit--slot-04 {
  order: var(--s06-order-slot-04);
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit__body {
  min-width: 0;
  max-width: 100%;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit__icon {
  display: grid;
  width: var(--s06-benefit-icon-size);
  height: var(--s06-benefit-icon-size);
  place-items: center;
  border: 1px solid rgba(183, 122, 34, .34);
  border-radius: 999px;
  color: var(--kdp-theme);
  overflow: hidden;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit__icon::before {
  width: 34px;
  height: 34px;
  border-width: 3px;
  border-radius: 50%;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit-center {
  grid-column: var(--s06-center-col);
  grid-row: var(--s06-center-row);
  justify-self: center;
  z-index: 1;
  order: var(--s06-center-order);
  width: var(--s06-center-width);
  margin: var(--s06-center-margin);
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--06 .kdp-benefit-center img {
  object-fit: contain;
  object-position: center;
}

@container (max-width: 1280px) {
  :where(.kotsam-product-detail) .kdp-section--06 {
    --s06-inner: 1120px;
    --s06-section-pad-x: 54px;
    --s06-section-pad-y: 76px;
    --s06-head-max: 980px;
    --s06-head-gap: 36px;
    --s06-eyebrow-size: 15px;
    --s06-lead-size: 18px;
    --s06-lead-max: 780px;
    --s06-title-size: 72px;
    --s06-title-line: 1;
    --s06-layout-gap: clamp(200px, 20cqw, 250px);
    --s06-layout-pad-y: 22px;
    --s06-center-width: min(58cqw, 680px);
    --s06-benefit-list-width: 344px;
    --s06-benefit-list-height: 720px;
    --s06-benefit-list-two-height: 520px;
    --s06-benefit-list-gap: 16px;
    --s06-benefit-gap: 12px;
    --s06-benefit-columns: 86px minmax(0, 1fr);
    --s06-benefit-padding: 18px;
    --s06-benefit-icon-size: 76px;
    --s06-benefit-title-size: 18px;
    --s06-benefit-copy-size: 12.5px;
    --s06-benefit-copy-line: 1.36;
    --s06-note-font-size: 18px;
    --s06-note-gap: 16px;
    --s06-note-deco-slot: 110px;
  }
}

@container (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--06 {
    --s06-inner: min(100%, 920px);
    --s06-section-pad-x: clamp(32px, 4cqw, 42px);
    --s06-section-pad-y: 68px;
    --s06-head-max: 760px;
    --s06-head-gap: 34px;
    --s06-eyebrow-size: 13px;
    --s06-eyebrow-space: .28em;
    --s06-lead-size: 17px;
    --s06-lead-max: 620px;
    --s06-title-size: 62px;
    --s06-title-line: 1.04;
    --s06-layout-columns: 1fr;
    --s06-layout-gap: 16px;
    --s06-layout-pad-y: 0;
    --s06-list-display: contents;
    --s06-center-order: -1;
    --s06-center-width: min(100%, 600px);
    --s06-center-margin: 0 auto 18px;
    --s06-center-col: auto;
    --s06-center-row: auto;
    --s06-left-col: auto;
    --s06-right-col: auto;
    --s06-side-row: auto;
    --s06-side-z: auto;
    --s06-benefit-list-width: 100%;
    --s06-benefit-list-height: auto;
    --s06-benefit-gap: 16px;
    --s06-benefit-columns: 104px minmax(0, 1fr);
    --s06-benefit-min-height: 146px;
    --s06-benefit-padding: 22px;
    --s06-benefit-icon-size: 84px;
    --s06-benefit-title-size: 21px;
    --s06-benefit-title-line: 1.16;
    --s06-benefit-copy-size: 15px;
    --s06-benefit-copy-line: 1.46;
    --s06-order-vitamin: 2;
    --s06-order-limonen: 3;
    --s06-order-heart: 4;
    --s06-order-skin: 5;
    --s06-order-acid: 6;
    --s06-order-brain: 7;
    --s06-order-slot-01: 2;
    --s06-order-slot-02: 3;
    --s06-order-slot-03: 4;
    --s06-order-slot-04: 5;
    --s06-note-gap: 10px;
    --s06-note-deco-slot: 74px;
    --s06-note-deco-height: 22px;
    --s06-note-deco-opacity: .34;
    --s06-note-text-space: normal;
  }
}

@container (min-width: 900px) and (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--06 {
    --s06-layout-columns: repeat(2, minmax(0, 1fr));
    --s06-layout-gap: 18px;
    --s06-center-width: min(100%, 560px);
    --s06-center-margin: 0 auto 20px;
    --s06-center-col: 1 / -1;
    --s06-benefit-list-gap: 18px;
    --s06-benefit-gap: 14px;
    --s06-benefit-columns: 88px minmax(0, 1fr);
    --s06-benefit-min-height: 168px;
    --s06-benefit-padding: 18px;
    --s06-benefit-icon-size: 76px;
    --s06-benefit-title-size: 18px;
    --s06-benefit-copy-size: 14px;
    --s06-benefit-copy-line: 1.42;
  }
}

@container (max-width: 768px) {
  :where(.kotsam-product-detail) .kdp-section--06 {
    --s06-inner: 620px;
    --s06-section-pad-x: 32px;
    --s06-section-pad-y: 62px;
    --s06-head-max: 620px;
    --s06-head-gap: 30px;
    --s06-eyebrow-size: 12px;
    --s06-eyebrow-space: .25em;
    --s06-lead-size: 16px;
    --s06-lead-max: 520px;
    --s06-title-size: 46px;
    --s06-layout-gap: 14px;
    --s06-center-width: min(100%, 500px);
    --s06-center-margin: 0 auto 20px;
    --s06-benefit-list-gap: 14px;
    --s06-benefit-gap: 14px;
    --s06-benefit-columns: 94px minmax(0, 1fr);
    --s06-benefit-min-height: 134px;
    --s06-benefit-padding: 18px;
    --s06-benefit-icon-size: 76px;
    --s06-benefit-title-size: 19px;
    --s06-benefit-title-line: 1.15;
    --s06-benefit-copy-size: 14px;
    --s06-benefit-copy-line: 1.45;
    --s06-note-font-size: 20px;
    --s06-note-gap: 8px;
    --s06-note-deco-slot: 58px;
    --s06-note-deco-height: 18px;
  }
}

@container (max-width: 480px) {
  :where(.kotsam-product-detail) .kdp-section--06 {
    --s06-inner: calc(100cqw - 40px);
    --s06-section-pad-x: 20px;
    --s06-head-max: calc(100cqw - 40px);
    --s06-head-gap: 28px;
    --s06-eyebrow-space: .24em;
    --s06-lead-size: 15px;
    --s06-lead-line: 1.55;
    --s06-lead-max: 360px;
    --s06-title-size: 28px;
    --s06-center-width: min(100%, 430px);
    --s06-center-margin: 0 auto 22px;
    --s06-benefit-columns: 84px minmax(0, 1fr);
    --s06-benefit-min-height: 122px;
    --s06-benefit-padding: 18px 18px 18px 16px;
    --s06-benefit-icon-size: 68px;
    --s06-benefit-title-size: 18px;
    --s06-benefit-copy-size: 13px;
    --s06-benefit-copy-line: 1.46;
    --s06-note-font-size: 15px;
    --s06-note-width: min(92%, 350px);
    --s06-note-line-height: 1.42;
  }
}

@container (max-width: 390px) {
  :where(.kotsam-product-detail) .kdp-section--06 {
    --s06-inner: calc(100cqw - 36px);
    --s06-section-pad-x: 18px;
    --s06-section-pad-y: 58px;
    --s06-head-max: calc(100cqw - 36px);
    --s06-head-gap: 26px;
    --s06-label-gap: 5px;
    --s06-label-line-width: 10px;
    --s06-eyebrow-size: 11px;
    --s06-eyebrow-space: .17em;
    --s06-lead-size: 14px;
    --s06-lead-line: 1.52;
    --s06-lead-max: 330px;
    --s06-title-size: 25px;
    --s06-layout-gap: 13px;
    --s06-center-width: min(100%, 360px);
    --s06-center-margin: 0 auto 20px;
    --s06-benefit-list-gap: 13px;
    --s06-benefit-gap: 13px;
    --s06-benefit-columns: 76px minmax(0, 1fr);
    --s06-benefit-min-height: 112px;
    --s06-benefit-padding: 16px 14px;
    --s06-benefit-icon-size: 62px;
    --s06-benefit-title-size: 16px;
    --s06-benefit-title-line: 1.14;
    --s06-benefit-copy-size: 12px;
    --s06-benefit-copy-line: 1.42;
    --s06-note-font-size: 14px;
    --s06-note-gap: 6px;
    --s06-note-deco-slot: 44px;
    --s06-note-width: min(92%, 320px);
  }
}

/* Section 07 */

:where(.kotsam-product-detail) .kdp-section--07 {
  --s07-inner: 1290px;
  --s07-section-pad-x: 70px;
  --s07-section-pad-y: 82px;
  --s07-head-gap: 42px;
  --s07-eyebrow-size: 16px;
  --s07-eyebrow-space: .32em;
  --s07-label-gap: clamp(8px, 1.2cqw, 14px);
  --s07-label-line-width: clamp(34px, 5cqw, 64px);
  --s07-label-line-height: 1px;
  --s07-label-deco-size: clamp(14px, 1.45cqw, 18px);
  --s07-label-row-gap: 6px;
  --s07-lead-size: 20px;
  --s07-lead-line: 1.5;
  --s07-lead-max: 900px;
  position: relative;
  width: 100%;
  padding: var(--s07-section-pad-y) var(--s07-section-pad-x);
  padding-top: calc(var(--s07-section-pad-y) * .82);
  padding-bottom: 0;
  --s07-head-max: 780px;
  --s07-title-size: 78px;
  --s07-title-line: 1;
  --s07-faq-columns: repeat(2, minmax(0, 1fr));
  --s07-faq-grid-gap: 34px;
  --s07-faq-column-display: flex;
  --s07-faq-column-gap: 28px;
  --s07-faq-button-min-height: 104px;
  --s07-faq-button-gap: 18px;
  --s07-faq-button-padding: 28px 34px;
  --s07-faq-button-size: 26px;
  --s07-faq-button-line: 1.22;
  --s07-faq-answer-inline: 30px;
  --s07-faq-answer-bottom: 24px;
  --s07-faq-answer-size: 15px;
  --s07-faq-motion-duration: .2s;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-section__head {
  width: min(100%, var(--s07-head-max));
  margin: 0 auto var(--s07-head-gap);
  text-align: center;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-eyebrow {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 12px;
  color: var(--kdp-theme-strong);
  font: 800 var(--s07-eyebrow-size)/1.35 var(--kdp-sans);
  letter-spacing: var(--s07-eyebrow-space);
  text-transform: uppercase;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-eyebrow strong {
  font-weight: 900;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-eyebrow--stacked {
  display: inline-grid;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--s07-label-row-gap);
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-label-ornament {
  display: grid;
  max-width: 100%;
  grid-template-columns: var(--s07-label-line-width) var(--s07-label-deco-size) var(--s07-label-line-width);
  align-items: center;
  justify-self: center;
  column-gap: var(--s07-label-gap);
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-label-text {
  display: block;
  min-width: 0;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-label-line {
  display: block;
  width: var(--s07-label-line-width);
  height: var(--s07-label-line-height);
  background: var(--kdp-theme);
  opacity: .72;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-label-deco {
  display: block;
  width: var(--s07-label-deco-size);
  height: var(--s07-label-deco-size);
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-title {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-brown);
  font-family: var(--kdp-serif);
  font-size: var(--s07-title-size);
  font-weight: 500;
  line-height: var(--s07-title-line);
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-line {
  display: block;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-copy {
  min-width: 0;
  margin: 18px auto 0;
  max-width: var(--s07-lead-max);
  color: var(--kdp-muted);
  font: 500 var(--s07-lead-size)/var(--s07-lead-line) var(--kdp-sans);
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq-grid {
  display: grid;
  width: min(100%, var(--s07-inner));
  grid-template-columns: var(--s07-faq-columns);
  align-items: start;
  gap: var(--s07-faq-grid-gap);
  margin: 0 auto 50px;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq-column {
  display: var(--s07-faq-column-display);
  min-width: 0;
  flex-direction: column;
  gap: var(--s07-faq-column-gap);
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq {
  width: 100%;
  align-self: start;
  order: var(--s07-faq-order);
  border: 1px solid var(--kdp-line);
  border-radius: 15px;
  background: var(--kdp-card);
  box-shadow: 0 14px 34px rgba(74, 43, 16, .08);
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq--01 {
  --s07-faq-order: 1;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq--02 {
  --s07-faq-order: 2;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq--03 {
  --s07-faq-order: 3;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq--04 {
  --s07-faq-order: 4;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq h3 {
  margin: 0;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq-button {
  display: flex;
  width: 100%;
  min-height: var(--s07-faq-button-min-height);
  align-items: center;
  justify-content: space-between;
  gap: var(--s07-faq-button-gap);
  padding: var(--s07-faq-button-padding);
  border: 0;
  background: transparent;
  color: var(--kdp-brown);
  font: 500 var(--s07-faq-button-size)/var(--s07-faq-button-line) var(--kdp-serif);
  text-align: left;
  cursor: pointer;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq-text {
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq-arrow {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-right: 4px solid var(--kdp-action);
  border-bottom: 4px solid var(--kdp-action);
  transform: rotate(45deg);
  transition: transform var(--s07-faq-motion-duration) ease;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq-button[aria-expanded="true"] .kdp-faq-arrow {
  transform: rotate(225deg);
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  padding: 0 var(--s07-faq-answer-inline);
  padding-bottom: 0;
  color: var(--kdp-muted);
  font: 500 var(--s07-faq-answer-size)/1.55 var(--kdp-sans);
  opacity: 0;
  transition: grid-template-rows var(--s07-faq-motion-duration) ease,
    opacity var(--s07-faq-motion-duration) ease,
    padding-bottom var(--s07-faq-motion-duration) ease;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq-answer-inner {
  min-height: 0;
  overflow: hidden;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq-answer-inner p {
  margin: 0;
}

:where(.kotsam-product-detail) .kdp-section--07 .kdp-faq.is-open .kdp-faq-answer {
  grid-template-rows: 1fr;
  padding-bottom: var(--s07-faq-answer-bottom);
  opacity: 1;
}

@container (max-width: 1280px) {
  :where(.kotsam-product-detail) .kdp-section--07 {
      --s07-inner: 1120px;
      --s07-section-pad-x: 54px;
      --s07-section-pad-y: 76px;
      --s07-head-gap: 36px;
      --s07-eyebrow-size: 15px;
      --s07-lead-size: 18px;
      --s07-lead-max: 780px;
      --s07-head-max: 720px;
      --s07-title-size: 64px;
      --s07-title-line: 1.03;
      --s07-faq-grid-gap: 28px;
      --s07-faq-column-gap: 24px;
      --s07-faq-button-min-height: 94px;
      --s07-faq-button-padding: 24px 28px;
      --s07-faq-button-size: 24px;
      --s07-faq-answer-inline: 26px;
      --s07-faq-answer-bottom: 22px;
      --s07-faq-answer-size: 14px;
  }
}

@container (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--07 {
      --s07-inner: min(100%, 920px);
      --s07-section-pad-x: clamp(32px, 4cqw, 42px);
      --s07-section-pad-y: 68px;
      --s07-head-gap: 34px;
      --s07-eyebrow-size: 13px;
      --s07-eyebrow-space: .28em;
      --s07-lead-size: 17px;
      --s07-lead-max: 620px;
      --s07-title-size: 62px;
      --s07-title-line: 1.04;
      --s07-faq-columns: 1fr;
      --s07-faq-grid-gap: 18px;
      --s07-faq-column-display: contents;
      --s07-faq-column-gap: 28px;
      --s07-faq-button-min-height: 82px;
      --s07-faq-button-padding: 22px 28px;
      --s07-faq-button-line: 1.2;
      --s07-faq-answer-inline: 30px;
      --s07-faq-answer-bottom: 24px;
      --s07-faq-answer-size: 15px;
  }
}

@container (min-width: 900px) and (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--07 {
      --s07-faq-columns: repeat(2, minmax(0, 1fr));
      --s07-faq-grid-gap: 20px;
      --s07-faq-column-display: flex;
      --s07-faq-column-gap: 18px;
      --s07-faq-button-min-height: 90px;
      --s07-faq-button-padding: 22px 24px;
      --s07-faq-button-size: 22px;
  }
}

@container (max-width: 768px) {
  :where(.kotsam-product-detail) .kdp-section--07 {
      --s07-inner: 620px;
      --s07-section-pad-x: 32px;
      --s07-section-pad-y: 62px;
      --s07-head-gap: 30px;
      --s07-eyebrow-size: 12px;
      --s07-eyebrow-space: .25em;
      --s07-lead-size: 16px;
      --s07-lead-max: 520px;
      --s07-head-max: 620px;
      --s07-title-size: 46px;
      --s07-faq-grid-gap: 14px;
      --s07-faq-button-min-height: 78px;
      --s07-faq-button-padding: 18px 22px;
      --s07-faq-button-size: 20px;
      --s07-faq-button-line: 1.18;
  }
}

@container (max-width: 480px) {
  :where(.kotsam-product-detail) .kdp-section--07 {
      --s07-inner: calc(100cqw - 40px);
      --s07-section-pad-x: 20px;
      --s07-head-gap: 28px;
      --s07-eyebrow-space: .24em;
      --s07-lead-size: 15px;
      --s07-lead-line: 1.55;
      --s07-lead-max: 360px;
      --s07-head-max: calc(100cqw - 40px);
      --s07-title-size: 32px;
      --s07-title-line: 1.05;
      --s07-faq-button-min-height: 70px;
      --s07-faq-button-gap: 10px;
      --s07-faq-button-padding: 16px 14px;
      --s07-faq-button-size: 16px;
      --s07-faq-button-line: 1.2;
      --s07-faq-answer-inline: 22px;
      --s07-faq-answer-bottom: 20px;
      --s07-faq-answer-size: 14px;
  }
}

@container (max-width: 390px) {
  :where(.kotsam-product-detail) .kdp-section--07 {
      --s07-inner: calc(100cqw - 36px);
      --s07-section-pad-x: 18px;
      --s07-section-pad-y: 58px;
      --s07-head-gap: 26px;
      --s07-eyebrow-size: 11px;
      --s07-eyebrow-space: .22em;
      --s07-lead-size: 14px;
      --s07-lead-line: 1.52;
      --s07-lead-max: 330px;
      --s07-head-max: calc(100cqw - 36px);
      --s07-title-size: 30px;
      --s07-faq-grid-gap: 13px;
      --s07-faq-button-min-height: 66px;
      --s07-faq-button-gap: 8px;
      --s07-faq-button-padding: 14px 12px;
      --s07-faq-button-size: 15px;
      --s07-faq-answer-inline: 18px;
      --s07-faq-answer-bottom: 18px;
      --s07-faq-answer-size: 13px;
  }
}

/* Section 08 */

:where(.kotsam-product-detail) .kdp-section--08 {
  --s08-media-reveal-duration: 180ms;
  --s08-inner: 1290px;
  --s08-section-pad-x: 70px;
  position: relative;
  width: 100%;
  padding: 0 var(--s08-section-pad-x);
  --s08-nutrition-columns: minmax(0, 650px) minmax(320px, 500px);
  --s08-nutrition-areas: "heading media" "copy media";
  --s08-nutrition-gap: 58px;
  --s08-nutrition-row-gap: 18px;
  --s08-nutrition-image-scale: 1.1;
  --s08-nutrition-align: center;
  --s08-nutrition-title-size: 58px;
  --s08-nutrition-title-line: 1.05;
  --s08-nutrition-copy-size: 18px;
  --s08-nutrition-copy-line: 1.62;
  --s08-nutrition-stack-gap: clamp(46px, 5cqw, 72px);
  --s08-nutrition-profile-gap: 0px;
  --s08-nutrition-media-margin-top: 0;
  --s08-red-note-margin: 0 0 20px;
  --s08-red-note-size: 20px;
  --s08-table-size: 16px;
  --s08-table-cell-padding: 17px 26px;
  --s08-table-label-column: 34%;
  --s08-note-font-size: 20px;
  --s08-note-gap: 12px;
  --s08-note-deco-slot: 56px;
  --s08-note-deco-height: 24px;
  --s08-note-deco-opacity: .6;
  --s08-divider-ornament-size: 24px;
  --s08-note-width: min(100%, 860px);
  --s08-note-line-height: 1.45;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-media {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(218, 183, 123, .58);
  border-radius: var(--kdp-radius);
  background: linear-gradient(135deg, rgba(255, 252, 246, .96), rgba(252, 225, 171, .58)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .15) 0 2px, transparent 2px 10px);
  box-shadow: var(--kdp-shadow);
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-media img, :where(.kotsam-product-detail) .kdp-section--08 .kdp-media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity var(--s08-media-reveal-duration) ease;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-media.is-loaded img, :where(.kotsam-product-detail) .kdp-section--08 .kdp-media.is-loaded video {
  opacity: 1;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-media img:not([src]) {
  display: none;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-media-placeholder {
  position: absolute;
  inset: 12px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: calc(var(--kdp-radius) - 10px);
  color: rgba(80, 56, 33, .72);
  font: 900 12px/1.35 var(--kdp-sans);
  text-align: center;
  text-transform: uppercase;
  transition: opacity var(--s08-media-reveal-duration) ease, visibility 0s linear var(--s08-media-reveal-duration);
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-media.is-loaded .kdp-media-placeholder {
  opacity: 0;
  visibility: hidden;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-nutrition p:not(.kdp-red-note) {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  color: var(--kdp-muted);
  font-family: var(--kdp-sans);
  font-weight: 500;
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-product-nutrition {
  display: grid;
  width: 100%;
  row-gap: var(--s08-nutrition-stack-gap);
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-nutrition-profile {
  display: grid;
  min-width: 0;
  row-gap: var(--s08-nutrition-profile-gap);
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-nutrition-profile__label {
  width: min(100%, var(--s08-inner));
  margin: 0 auto 22px;
  color: var(--kdp-theme);
  font: 800 var(--s08-red-note-size)/1.35 var(--kdp-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-note {
  width: var(--s08-note-width);
  margin: 28px auto 0;
  color: var(--kdp-text);
  font: 500 var(--s08-note-font-size)/var(--s08-note-line-height) var(--kdp-sans);
  text-align: center;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-note--ornate {
  display: grid;
  grid-template-columns: var(--s08-note-deco-slot) minmax(0, 1fr) var(--s08-note-deco-slot);
  align-items: center;
  justify-content: center;
  gap: var(--s08-note-gap);
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-note__text {
  display: block;
  min-width: 0;
  white-space: normal;
  overflow-wrap: normal;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-note__deco {
  display: block;
  width: 100%;
  max-width: var(--s08-note-deco-slot);
  height: var(--s08-note-deco-height);
  object-fit: contain;
  object-position: center;
  opacity: var(--s08-note-deco-opacity);
  pointer-events: none;
  user-select: none;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-note__deco--right {
  transform: scaleX(-1);
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-divider {
  display: grid;
  width: min(100%, var(--s08-inner));
  position: relative;
  grid-template-columns: minmax(0, 1fr) var(--s08-divider-ornament-size) minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  margin: 0 auto 46px;
  color: var(--kdp-theme);
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-divider::before, :where(.kotsam-product-detail) .kdp-section--08 .kdp-divider::after {
  content: "";
  height: 1px;
  background: currentColor;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-divider__ornament {
  display: block;
  width: var(--s08-divider-ornament-size);
  height: var(--s08-divider-ornament-size);
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-nutrition {
  display: grid;
  width: min(100%, var(--s08-inner));
  position: relative;
  grid-template-columns: var(--s08-nutrition-columns);
  grid-template-areas: var(--s08-nutrition-areas);
  align-items: var(--s08-nutrition-align);
  justify-content: space-between;
  column-gap: var(--s08-nutrition-gap);
  row-gap: var(--s08-nutrition-row-gap);
  margin: 0 auto 34px;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-nutrition__heading {
  grid-area: heading;
  min-width: 0;
  max-width: 100%;
  align-self: end;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-nutrition__copy {
  grid-area: copy;
  align-self: start;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-red-note {
  min-width: 0;
  max-width: 100%;
  margin: var(--s08-red-note-margin);
  color: var(--kdp-theme);
  font: 700 var(--s08-red-note-size)/1.35 var(--kdp-sans);
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-nutrition .kdp-title {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  /* 2026-10-05: 영양정보 제목만 기본 제목 서체로 통일하고 본문·표는 Montserrat 유지 */
  font-family: var(--kdp-serif);
  font-weight: 500;
  font-size: var(--s08-nutrition-title-size);
  line-height: var(--s08-nutrition-title-line);
  white-space: normal;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-nutrition .kdp-copy {
  min-width: 0;
  max-width: 100%;
  margin-top: 0;
  font-size: var(--s08-nutrition-copy-size);
  line-height: var(--s08-nutrition-copy-line);
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-nutrition .kdp-media {
  grid-area: media;
  margin-top: var(--s08-nutrition-media-margin-top);
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-nutrition .kdp-media img {
  height: auto;
  object-fit: contain;
  object-position: center;
  transform: scale(var(--s08-nutrition-image-scale));
  transform-origin: center;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-table-wrap {
  width: min(100%, var(--s08-inner));
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--kdp-line);
  border-radius: 15px;
  background: var(--kdp-card);
  box-shadow: 0 14px 34px rgba(74, 43, 16, .08);
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  color: var(--kdp-brown);
  font: 500 var(--s08-table-size)/1.35 var(--kdp-sans);
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-table :is(th, td):first-child {
  width: var(--s08-table-label-column);
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-table th {
  padding: var(--s08-table-cell-padding);
  border-right: 1px solid var(--kdp-line);
  border-bottom: 1px solid var(--kdp-line);
  font-weight: 800;
  text-align: left;
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-table td {
  padding: var(--s08-table-cell-padding);
  border-right: 1px solid var(--kdp-line);
  border-bottom: 1px solid var(--kdp-line);
  text-align: left;
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-table th:last-child, :where(.kotsam-product-detail) .kdp-section--08 .kdp-table td:last-child {
  border-right: 0;
}

:where(.kotsam-product-detail) .kdp-section--08 .kdp-table tr:last-child td {
  border-bottom: 0;
}

@container (max-width: 1280px) {
  :where(.kotsam-product-detail) .kdp-section--08 {
      --s08-inner: 1120px;
      --s08-section-pad-x: 54px;
      --s08-nutrition-columns: minmax(0, 1fr) minmax(280px, 400px);
      --s08-nutrition-gap: 34px;
      --s08-nutrition-title-size: 44px;
      --s08-nutrition-title-line: 1.06;
      --s08-nutrition-copy-size: 16px;
      --s08-nutrition-copy-line: 1.64;
      --s08-table-size: 14px;
      --s08-table-cell-padding: 14px 18px;
      --s08-note-font-size: 18px;
      --s08-note-gap: 16px;
      --s08-note-deco-slot: 110px;
  }
}

@container (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--08 {
      --s08-inner: min(100%, 920px);
      --s08-section-pad-x: clamp(32px, 4cqw, 42px);
      --s08-nutrition-columns: minmax(0, 1fr) minmax(240px, 42%);
      --s08-nutrition-gap: 24px;
      --s08-nutrition-title-size: 42px;
      --s08-nutrition-title-line: 1.07;
      --s08-nutrition-copy-size: 15px;
      --s08-nutrition-copy-line: 1.58;
      --s08-table-size: 13px;
      --s08-table-cell-padding: 12px;
      --s08-table-label-column: 36%;
      --s08-note-gap: 10px;
      --s08-note-deco-slot: 74px;
      --s08-note-deco-height: 22px;
      --s08-note-deco-opacity: .34;
  }
}

@container (max-width: 768px) {
  :where(.kotsam-product-detail) .kdp-section--08 {
      --s08-inner: 620px;
      --s08-section-pad-x: 32px;
      --s08-nutrition-columns: minmax(0, 1fr) minmax(180px, 46%);
      --s08-nutrition-areas: "heading media" "copy copy";
      --s08-nutrition-gap: 16px;
      --s08-nutrition-row-gap: 12px;
      --s08-nutrition-align: start;
      --s08-nutrition-title-size: 32px;
      --s08-nutrition-title-line: 1.06;
      --s08-nutrition-copy-size: 14px;
      --s08-nutrition-copy-line: 1.56;
      --s08-table-size: 12px;
      --s08-table-cell-padding: 11px 10px;
      --s08-table-label-column: 38%;
      --s08-note-font-size: 20px;
      --s08-note-gap: 8px;
      --s08-note-deco-slot: 58px;
      --s08-note-deco-height: 18px;
  }
}

@container (max-width: 480px) {
  :where(.kotsam-product-detail) .kdp-section--08 {
      --s08-inner: calc(100cqw - 40px);
      --s08-section-pad-x: 20px;
      --s08-nutrition-columns: minmax(0, 1fr) minmax(120px, 48%);
      --s08-nutrition-gap: 12px;
      --s08-nutrition-title-size: 28px;
      --s08-nutrition-title-line: 1.07;
      --s08-nutrition-copy-line: 1.58;
      --s08-red-note-margin: 0 0 14px;
      --s08-red-note-size: 13px;
      --s08-table-size: 10.5px;
      --s08-table-cell-padding: 9px 6px;
      --s08-table-label-column: 40%;
      --s08-note-font-size: 15px;
      --s08-note-width: min(92%, 350px);
      --s08-note-line-height: 1.42;
  }
}

@container (max-width: 390px) {
  :where(.kotsam-product-detail) .kdp-section--08 {
      --s08-inner: calc(100cqw - 36px);
      --s08-section-pad-x: 18px;
      --s08-nutrition-columns: minmax(0, 1fr) minmax(112px, 48%);
      --s08-nutrition-gap: 10px;
      --s08-nutrition-row-gap: 10px;
      --s08-nutrition-title-size: 26px;
      --s08-nutrition-title-line: 1.08;
      --s08-nutrition-copy-size: 13.5px;
      --s08-nutrition-copy-line: 1.56;
      --s08-red-note-margin: 0 0 12px;
      --s08-red-note-size: 12px;
      --s08-table-size: 10px;
      --s08-table-cell-padding: 8px 5px;
      --s08-table-label-column: 42%;
      --s08-note-font-size: 14px;
      --s08-note-gap: 6px;
      --s08-note-deco-slot: 44px;
      --s08-note-width: min(92%, 320px);
  }
}

/* Section 09 */

:where(.kotsam-product-detail) .kdp-section--09 {
  --s09-bottom-rating-reveal-duration: 180ms;
  --s09-bottom-quote-lines: 3;
  --s09-inner: 1290px;
  --s09-section-pad-x: 70px;
  --s09-section-pad-y: 82px;
  position: relative;
  width: 100%;
  padding: 0 var(--s09-section-pad-x) var(--s09-section-pad-y);
  --s09-bottom-banner-bg: none;
  --s09-bottom-layout-columns: 40% minmax(0, 1fr);
  --s09-bottom-layout-rows: 1fr;
  --s09-bottom-content-column: 2;
  --s09-bottom-content-row: 1;
  --s09-bottom-media-layer-content: "";
  --s09-bottom-media-aspect-ratio: 8 / 3;
  --s09-bottom-media-inset: 0px;
  --s09-bottom-media-radius: 0px;
  --s09-bottom-composite-size: auto 100%;
  --s09-bottom-composite-position: left center;
  --s09-bottom-ornament-width: clamp(140px, 14cqw, 202px);
  --s09-bottom-ornament-right: clamp(12px, 2cqw, 28px);
  --s09-bottom-ornament-bottom: 0px;
  --s09-bottom-background-color: var(--kdp-theme-surface);
  --s09-bottom-content-padding-top: clamp(28px, 2.2cqw, 36px);
  --s09-bottom-content-padding-right: clamp(170px, 17cqw, 246px);
  --s09-bottom-content-padding-bottom: clamp(28px, 2.2cqw, 36px);
  --s09-bottom-content-padding-left: clamp(22px, 2.6cqw, 38px);
  --s09-bottom-content-align: flex-start;
  --s09-bottom-text-align: left;
  --s09-bottom-inline-justify: flex-start;
  --s09-bottom-rating-width: 100%;
  --s09-bottom-quote-width: 100%;
  --s09-bottom-title-width: 100%;
  --s09-bottom-copy-width: 65%;
  --s09-bottom-trust-width: 100%;
  --s09-bottom-card-border-width: 1px;
  --s09-bottom-card-border-color: rgba(218, 183, 123, .58);
  --s09-bottom-card-radius: clamp(12px, calc(10px + .6cqw), 18px);
  --s09-bottom-card-shadow-y: clamp(8px, 1cqw, 14px);
  --s09-bottom-card-shadow-blur: clamp(20px, 2.5cqw, 34px);
  --s09-bottom-rating-size: clamp(15px, calc(1.25cqw + 1px), 19px);
  --s09-bottom-rating-gap: clamp(10px, 1.2cqw, 18px);
  --s09-bottom-stars-size: clamp(17px, 1.65cqw, 24px);
  --s09-bottom-quote-size: clamp(19px, calc(1.35cqw + 4px), 23px);
  --s09-bottom-quote-margin: 0 0 clamp(16px, 1.8cqw, 24px);
  --s09-bottom-title-size: clamp(38px, 3.25cqw, 50px);
  --s09-bottom-title-line: 1.08;
  --s09-bottom-title-gap: clamp(14px, 1.5cqw, 20px);
  --s09-bottom-copy-size: clamp(14px, 1.25cqw, 18px);
  --s09-bottom-copy-line: 1.45;
  --s09-bottom-copy-margin: 0 0 clamp(16px, 1.8cqw, 24px);
  --s09-bottom-trust-size: clamp(14px, 1.2cqw, 17px);
  --s09-bottom-trust-icon: clamp(32px, 2.7cqw, 38px);
  --s09-bottom-trust-gap: clamp(9px, 1cqw, 14px);
  --s09-bottom-trust-margin: 0 0 clamp(18px, 2cqw, 28px);
  --s09-bottom-actions-width: 100%;
  --s09-bottom-actions-columns: minmax(0, 1fr) auto;
  --s09-bottom-actions-gap: clamp(14px, 1.8cqw, 26px);
  --s09-bottom-button-width: 100%;
  --s09-bottom-button-h: clamp(44px, calc(36.7px + 1.67cqw), 58px);
  --s09-bottom-button-size: clamp(12px, calc(10px + .625cqw), 18px);
  --s09-bottom-button-x: clamp(12px, calc(4.7px + 2.3cqw), 34px);
  --s09-bottom-button-y: clamp(9px, .9cqw, 12px);
  --s09-bottom-button-radius: clamp(9px, calc(8px + .31cqw), 12px);
  --s09-bottom-button-shadow-y: clamp(8px, 1.25cqw, 18px);
  --s09-bottom-button-shadow-blur: clamp(18px, 2.2cqw, 32px);
  --s09-bottom-review-size: clamp(14px, calc(1.1cqw + 1px), 17px);
  --s09-bottom-review-gap: clamp(7px, .75cqw, 11px);
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta .kdp-button {
  display: inline-flex;
  width: var(--s09-bottom-button-width);
  min-width: 0;
  max-width: 100%;
  min-height: var(--s09-bottom-button-h);
  align-items: center;
  justify-content: center;
  padding: var(--s09-bottom-button-y) var(--s09-bottom-button-x);
  border: 0;
  border-radius: var(--s09-bottom-button-radius);
  background: var(--kdp-action);
  color: var(--kdp-action-contrast);
  font: 900 var(--s09-bottom-button-size)/1.25 var(--kdp-sans);
  text-decoration: none;
  text-align: center;
  overflow-wrap: anywhere;
  box-shadow: 0 var(--s09-bottom-button-shadow-y) var(--s09-bottom-button-shadow-blur) var(--kdp-action-shadow);
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta .kdp-button:visited {
  color: var(--kdp-action-contrast);
  text-decoration: none;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta .kdp-button:hover,
:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta .kdp-button:active {
  background: var(--kdp-action-hover);
  color: var(--kdp-action-contrast);
  text-decoration: none;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta .kdp-button:focus-visible {
  color: var(--kdp-action-contrast);
  text-decoration: none;
  outline: 3px solid var(--kdp-action-focus);
  outline-offset: 3px;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta {
  display: grid;
  width: min(100%, var(--s09-inner));
  position: relative;
  grid-template-columns: var(--s09-bottom-layout-columns);
  grid-template-rows: var(--s09-bottom-layout-rows);
  align-items: stretch;
  gap: 0;
  margin: 38px auto 0;
  padding: 0;
  border: var(--s09-bottom-card-border-width) solid var(--s09-bottom-card-border-color);
  border-radius: var(--s09-bottom-card-radius);
  overflow: hidden;
  background-color: var(--s09-bottom-background-color);
  isolation: isolate;
  box-shadow: 0 var(--s09-bottom-card-shadow-y) var(--s09-bottom-card-shadow-blur) rgba(74, 43, 16, .08);
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta::before {
  content: var(--s09-bottom-media-layer-content);
  display: block;
  z-index: 0;
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  min-height: 0;
  align-self: stretch;
  margin: var(--s09-bottom-media-inset) var(--s09-bottom-media-inset) 0;
  border-radius: var(--s09-bottom-media-radius);
  width: calc(100% - (2 * var(--s09-bottom-media-inset)));
  aspect-ratio: var(--s09-bottom-media-aspect-ratio);
  background-color: var(--s09-bottom-background-color);
  background-image: var(--s09-bottom-banner-bg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta[data-kdp-background-fit="composite"]::before {
  background-position: var(--s09-bottom-composite-position);
  background-size: var(--s09-bottom-composite-size);
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__ornament {
  position: absolute;
  display: block;
  z-index: 0;
  right: var(--s09-bottom-ornament-right);
  bottom: var(--s09-bottom-ornament-bottom);
  width: var(--s09-bottom-ornament-width);
  pointer-events: none;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__ornament img {
  display: block;
  width: 100%;
  height: auto;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__content {
  display: flex;
  position: relative;
  z-index: 1;
  grid-column: var(--s09-bottom-content-column);
  grid-row: var(--s09-bottom-content-row);
  flex-direction: column;
  align-items: var(--s09-bottom-content-align);
  align-self: center;
  min-width: 0;
  padding: var(--s09-bottom-content-padding-top) var(--s09-bottom-content-padding-right) var(--s09-bottom-content-padding-bottom) var(--s09-bottom-content-padding-left);
  text-align: var(--s09-bottom-text-align);
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__rating {
  display: flex;
  width: min(100%, var(--s09-bottom-rating-width));
  min-width: 0;
  align-items: center;
  justify-content: var(--s09-bottom-inline-justify);
  gap: var(--s09-bottom-rating-gap);
  margin: 0 0 clamp(4px, .55cqw, 8px);
  color: var(--kdp-brown);
  font: 600 var(--s09-bottom-rating-size)/1.25 var(--kdp-sans);
  min-height: calc(var(--s09-bottom-rating-size) * 1.25);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--s09-bottom-rating-reveal-duration) ease, visibility 0s linear var(--s09-bottom-rating-reveal-duration);
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__stars {
  flex: 0 0 auto;
  color: var(--kdp-trust-gold);
  font-size: var(--s09-bottom-stars-size);
  letter-spacing: .08em;
  line-height: 1;
  white-space: nowrap;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__quote {
  display: -webkit-box;
  width: min(100%, var(--s09-bottom-quote-width));
  height: calc(var(--s09-bottom-quote-size) * 1.35 * var(--s09-bottom-quote-lines));
  min-width: 0;
  margin: var(--s09-bottom-quote-margin);
  color: var(--kdp-brown);
  font: 600 italic var(--s09-bottom-quote-size)/1.35 var(--kdp-serif);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--s09-bottom-quote-lines);
  opacity: 0;
  overflow: hidden;
  overflow-wrap: anywhere;
  visibility: hidden;
  transition: opacity var(--s09-bottom-rating-reveal-duration) ease, visibility 0s linear var(--s09-bottom-rating-reveal-duration);
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta[data-kdp-rating-state="loaded"] .kdp-bottom-cta__rating,
:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta[data-kdp-rating-state="loaded"] .kdp-bottom-cta__quote {
  opacity: 1;
  transition: opacity var(--s09-bottom-rating-reveal-duration) ease, visibility 0s linear 0s;
  visibility: visible;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta[data-kdp-rating-state="empty"] .kdp-bottom-cta__quote {
  order: 1;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta[data-kdp-rating-state="empty"] .kdp-bottom-cta__actions {
  order: 2;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta h2 {
  width: min(100%, var(--s09-bottom-title-width));
  min-width: 0;
  margin: 0 0 var(--s09-bottom-title-gap);
  color: var(--kdp-brown);
  font: 500 var(--s09-bottom-title-size)/var(--s09-bottom-title-line) var(--kdp-serif);
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__copy {
  width: min(100%, var(--s09-bottom-copy-width));
  min-width: 0;
  margin: var(--s09-bottom-copy-margin);
  color: var(--kdp-muted);
  font-family: var(--kdp-sans);
  font-size: var(--s09-bottom-copy-size);
  font-weight: 500;
  line-height: var(--s09-bottom-copy-line);
  white-space: normal;
  overflow-wrap: anywhere;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__trust {
  display: flex;
  width: min(100%, var(--s09-bottom-trust-width));
  min-width: 0;
  align-items: center;
  justify-content: var(--s09-bottom-inline-justify);
  gap: var(--s09-bottom-trust-gap);
  margin: var(--s09-bottom-trust-margin);
  color: var(--kdp-trust-gold);
  font: 600 var(--s09-bottom-trust-size)/1.35 var(--kdp-sans);
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__trust img {
  display: block;
  width: var(--s09-bottom-trust-icon);
  height: var(--s09-bottom-trust-icon);
  flex: 0 0 var(--s09-bottom-trust-icon);
  object-fit: contain;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__actions {
  display: grid;
  width: min(100%, var(--s09-bottom-actions-width));
  min-width: 0;
  grid-template-columns: var(--s09-bottom-actions-columns);
  align-items: center;
  gap: var(--s09-bottom-actions-gap);
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__review-link {
  display: inline-flex;
  min-width: 0;
  width: max-content;
  max-width: 100%;
  align-items: center;
  justify-content: flex-start;
  justify-self: start;
  gap: var(--s09-bottom-review-gap);
  padding: 8px 0 6px;
  border-bottom: 1px solid var(--kdp-trust-gold);
  color: var(--kdp-brown);
  font: 700 var(--s09-bottom-review-size)/1.25 var(--kdp-sans);
  text-decoration: none;
  text-align: left;
  overflow-wrap: anywhere;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--s09-bottom-rating-reveal-duration) ease, visibility 0s linear 0s;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta[data-kdp-rating-state="loaded"] .kdp-bottom-cta__review-link,
:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta[data-kdp-rating-state="empty"] .kdp-bottom-cta__review-link {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--s09-bottom-rating-reveal-duration) ease, visibility 0s linear 0s;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__review-link > [aria-hidden="true"] {
  flex: 0 0 auto;
  color: var(--kdp-trust-gold);
  font-size: 1.35em;
  line-height: 1;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__review-link:visited {
  color: var(--kdp-brown);
  text-decoration: none;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__review-link:hover,
:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__review-link:active {
  color: var(--kdp-action-hover);
  border-bottom-color: var(--kdp-action-hover);
  text-decoration: none;
}

:where(.kotsam-product-detail) .kdp-section--09 .kdp-bottom-cta__review-link:focus-visible {
  color: var(--kdp-brown);
  text-decoration: none;
  outline: 3px solid var(--kdp-action-focus);
  outline-offset: 3px;
}

@container (max-width: 1280px) {
  :where(.kotsam-product-detail) .kdp-section--09 {
      --s09-inner: 1120px;
      --s09-section-pad-x: 54px;
      --s09-section-pad-y: 76px;
      --s09-bottom-content-padding-top: clamp(26px, 2.1cqw, 32px);
      --s09-bottom-content-padding-right: clamp(164px, 17cqw, 218px);
      --s09-bottom-content-padding-bottom: clamp(26px, 2.1cqw, 32px);
      --s09-bottom-content-padding-left: clamp(18px, 2.2cqw, 28px);
      --s09-bottom-rating-size: clamp(14px, calc(1.25cqw + 1px), 17px);
      --s09-bottom-stars-size: clamp(16px, 1.7cqw, 21px);
      --s09-bottom-quote-size: clamp(18px, calc(1.4cqw + 4px), 21px);
      --s09-bottom-title-size: clamp(34px, 3.4cqw, 42px);
      --s09-bottom-copy-size: 16px;
      --s09-bottom-trust-size: 14px;
      --s09-bottom-trust-icon: 38px;
      --s09-bottom-button-h: clamp(48px, 4.4cqw, 54px);
      --s09-bottom-review-size: 15px;
  }
}

@container (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--09 {
      --s09-inner: min(100%, 920px);
      --s09-section-pad-x: clamp(32px, 4cqw, 42px);
      --s09-section-pad-y: 68px;
      --s09-bottom-layout-columns: 1fr;
      --s09-bottom-layout-rows: auto auto;
      --s09-bottom-content-column: 1;
      --s09-bottom-content-row: 2;
      --s09-bottom-media-aspect-ratio: 3 / 2;
      --s09-bottom-media-inset: clamp(8px, 1.5cqw, 12px);
      --s09-bottom-media-radius: clamp(10px, 1.8cqw, 16px);
      --s09-bottom-composite-size: cover;
      --s09-bottom-composite-position: center top;
      --s09-bottom-ornament-width: clamp(120px, 38cqw, 300px);
      --s09-bottom-ornament-right: clamp(-18px, -2cqw, -8px);
      --s09-bottom-ornament-bottom: clamp(58px, 9cqw, 90px);
      --s09-bottom-background-color: #FFFAEE;
      --s09-bottom-content-padding-top: clamp(38px, 5cqw, 50px);
      --s09-bottom-content-padding-right: clamp(16px, 3cqw, 26px);
      --s09-bottom-content-padding-bottom: clamp(36px, 4.5cqw, 46px);
      --s09-bottom-content-padding-left: clamp(16px, 3cqw, 26px);
      --s09-bottom-rating-width: 88%;
      --s09-bottom-quote-width: 90%;
      --s09-bottom-title-width: 68%;
      --s09-bottom-copy-width: 60%;
      --s09-bottom-trust-width: 70%;
      --s09-bottom-actions-width: 66%;
      --s09-bottom-actions-columns: 1fr;
      --s09-bottom-rating-size: clamp(13px, calc(2.2cqw + 1px), 19px);
      --s09-bottom-stars-size: clamp(15px, 3cqw, 24px);
      --s09-bottom-quote-size: clamp(17px, calc(2.3cqw + 4px), 22px);
      --s09-bottom-quote-margin: 0 0 clamp(12px, 2cqw, 20px);
      --s09-bottom-title-size: clamp(32px, 7.5cqw, 60px);
      --s09-bottom-title-gap: clamp(12px, 2.2cqw, 20px);
      --s09-bottom-copy-size: clamp(13px, 2.2cqw, 18px);
      --s09-bottom-copy-margin: 0 0 clamp(14px, 2.2cqw, 20px);
      --s09-bottom-trust-size: clamp(12px, 2.2cqw, 17px);
      --s09-bottom-trust-icon: clamp(30px, 5cqw, 44px);
      --s09-bottom-trust-margin: 0 0 clamp(14px, 2.2cqw, 20px);
      --s09-bottom-button-h: clamp(44px, 10cqw, 76px);
      --s09-bottom-button-size: clamp(14px, 3.2cqw, 24px);
      --s09-bottom-review-size: clamp(13px, calc(2.2cqw + 1px), 19px);
  }
}

@container (min-width: 600px) and (max-width: 1024px) {
  :where(.kotsam-product-detail) .kdp-section--09 {
      --s09-bottom-content-padding-top: 70px;
      --s09-bottom-content-padding-bottom: 60px;
      --s09-bottom-quote-width: 72%;
      --s09-bottom-quote-lines: 4;
      --s09-bottom-quote-margin: 0 0 36px;
      --s09-bottom-copy-width: 50%;
      --s09-bottom-copy-margin: 0 0 34px;
      --s09-bottom-trust-margin: 0 0 32px;
      --s09-bottom-actions-gap: 18px;
      --s09-bottom-ornament-width: clamp(180px, 34cqw, 300px);
  }
}

@container (max-width: 768px) {
  :where(.kotsam-product-detail) .kdp-section--09 {
      --s09-inner: 620px;
      --s09-section-pad-x: 32px;
      --s09-section-pad-y: 62px;
      --s09-bottom-actions-gap: clamp(8px, 1.8cqw, 14px);
      --s09-bottom-button-x: clamp(10px, 2cqw, 16px);
  }
}

@container (max-width: 480px) {
  :where(.kotsam-product-detail) .kdp-section--09 {
      --s09-inner: calc(100cqw - 40px);
      --s09-section-pad-x: 20px;
      --s09-bottom-quote-lines: 4;
  }
}

@container (max-width: 390px) {
  :where(.kotsam-product-detail) .kdp-section--09 {
      --s09-inner: calc(100cqw - 36px);
      --s09-section-pad-x: 18px;
      --s09-section-pad-y: 58px;
      --s09-bottom-quote-lines: 5;
  }
}

/* 2026-07-31 종료 */