/** Shopify CDN: Minification failed

Line 253:0 "@charset" must be the first rule in the file
Line 959:0 Unexpected "}"
Line 965:0 Unexpected "}"
Line 968:4 Unexpected "0%"
Line 985:0 Unexpected "}"
Line 991:0 Unexpected "}"
Line 994:4 Unexpected "0%"
Line 1011:0 Unexpected "}"
Line 1017:0 Unexpected "}"
Line 1020:4 Unexpected "0%"
... and 3 more hidden warnings

**/
/* ── Dawn Theme Override Reset ── */
#jins-today-essential,
#jins-today-essential * {
  box-sizing: border-box !important;
}
#jins-today-essential {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #000 !important;
}
/* Beat Dawn's body p { font-size: 12px !important } 
   Strategy: !important on EVERY specific font-size/line-height rule 
   so they beat Dawn's type-selector !important via higher specificity */
#jins-today-essential h1,
#jins-today-essential h2,
#jins-today-essential h3 {
  font-family: JINS_NextMedium, sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
}
#jins-today-essential img {
  max-width: 100% !important;
  height: auto !important;
}

/* ── Force flex on key containers ── */
#jins-today-essential .productWrap,
#jins-today-essential .kv_content,
#jins-today-essential .kv_textBottom,
#jins-today-essential .modal_wrap,
#jins-today-essential .modal_linkWrap,
#jins-today-essential .modal_linkAnchor,
#jins-today-essential .style_anchorLink,
#jins-today-essential .style_content,
#jins-today-essential .style_list,
#jins-today-essential .jt-te-product-slider__track,
#jins-today-essential .jt-te-modal-slider__track,
#jins-today-essential .jt-te-cat-slider__track {
  display: flex !important;
}
/* modal_textWrap must be BLOCK, not flex — children stack vertically */
#jins-today-essential .modal_textWrap {
  display: block !important;
}

/* ── Vanilla Carousel: Product Sliders ── */
.jt-te-product-slider {
  position: relative;
  overflow: hidden;
}
.jt-te-product-slider__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  transition: transform 0.5s ease;
  will-change: transform;
}
.jt-te-product-slider__slide {
  flex-shrink: 0 !important;
  width: calc(100% / 3.51) !important; /* Desktop: matches JP slidesPerView 1440/410 */
}
@media (max-width: 768px) {
  .jt-te-product-slider__track {
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    transition: none !important;
  }
  .jt-te-product-slider__track::-webkit-scrollbar { display: none !important; }
  .jt-te-product-slider__slide {
    scroll-snap-align: center !important;
    width: 85.1% !important; /* Mobile: matches JP slidesPerView 390/332 */
  }
}

/* ── Vanilla Carousel: Modal Slider ── */
.jt-te-modal-slider {
  position: relative;
  overflow: hidden !important;
  /* Override .modal_content flex that conflicts with slider */
  display: block !important;
}
.jt-te-modal-slider__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  transition: transform 0.6s ease;
  will-change: transform;
}
.jt-te-modal-slider__slide {
  flex-shrink: 0 !important;
  width: 100% !important;
}

/* ── Category Nav Slider ── */
.jt-te-cat-slider__track {
  display: flex !important;
  flex-wrap: nowrap !important;
}
.jt-te-cat-slider__slide {
  flex-shrink: 0 !important;
}
@media (max-width: 768px) {
  .jt-te-cat-slider__track {
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .jt-te-cat-slider__track::-webkit-scrollbar { display: none !important; }
  .jt-te-cat-slider__slide { scroll-snap-align: center !important; }
}

/* ── Category Thumbnail Rotator ── */
.jt-te-cat-thumb-rotator {
  position: relative;
  overflow: hidden;
  /* The track establishes the sizing box */
}
.jt-te-cat-thumb-rotator__track {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1; /* Square thumbnails */
}
.jt-te-cat-thumb-rotator__img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 999px;
}
.jt-te-cat-thumb-rotator__img:first-child {
  opacity: 1; /* Show first image by default before JS kicks in */
}
.jt-te-cat-thumb-rotator__img.is-active {
  opacity: 1;
}

/* ── KV Hero Animation (replaces GSAP) ── */
@keyframes jt-te-kv-mask-reveal {
  from { transform: translateX(0); }
  to { transform: translateX(100%); } /* Slides mask right to reveal content */
}
@keyframes jt-te-kv-fade-up {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes jt-te-kv-line-grow {
  from { width: 0; }
  to { width: 100%; }
}
@keyframes jt-te-kv-image-reveal {
  from { opacity: 0; transform: scale(1.1) rotate(0.5deg); }
  to { opacity: 1; transform: scale(1) rotate(0deg); }
}

#jins-today-essential .kv_mask { animation: jt-te-kv-mask-reveal 0.8s ease forwards; }
#jins-today-essential .kv_titleTop { animation: jt-te-kv-fade-up 0.8s ease 0.3s both; }
#jins-today-essential .kv_titleBottom { animation: jt-te-kv-fade-up 0.8s ease 0.6s both; }
#jins-today-essential .kv_line { animation: jt-te-kv-line-grow 1.2s ease 0.8s both; }
#jins-today-essential .kv_textBottom { animation: jt-te-kv-fade-up 0.8s ease 1.0s both; }
#jins-today-essential .kv_imageWrap { animation: jt-te-kv-fade-up 0.8s ease 0.5s both; }
#jins-today-essential .kv_image { animation: jt-te-kv-image-reveal 1.2s ease 0.7s both; }
#jins-today-essential .kv_credit { animation: jt-te-kv-fade-up 0.8s ease 1.2s both; }

/* ── Responsive visibility ── */
#jins-today-essential .u-pc { display: none !important; }
#jins-today-essential .u-sp { display: block !important; }
#jins-today-essential img.u-pc { display: none !important; }
#jins-today-essential img.u-sp { display: block !important; }
@media (min-width: 769px) {
  #jins-today-essential .u-pc { display: block !important; }
  #jins-today-essential .u-sp { display: none !important; }
  #jins-today-essential img.u-pc { display: block !important; }
  #jins-today-essential img.u-sp { display: none !important; }
  #jins-today-essential h3.u-pc { display: inline-block !important; }
  #jins-today-essential h3.u-sp { display: none !important; }
  #jins-today-essential br.u-pc { display: inline !important; }
  #jins-today-essential br.u-sp { display: none !important; }
}


/* ── Modal layout safety ── */
#jins-today-essential .modal_wrap {
  flex-wrap: nowrap !important;
}
@media (min-width: 769px) {
  #jins-today-essential .modal_wrap {
    flex-direction: row !important;
  }
}
@media (max-width: 768px) {
  #jins-today-essential .modal_wrap {
    flex-direction: column !important;
    align-items: stretch !important; /* NOT center — center collapses width in column layout */
    width: 100% !important;
  }
  #jins-today-essential .modal_textWrap {
    width: 100% !important;
  }
  #jins-today-essential .modal_title p {
    white-space: normal !important;
    word-break: normal !important;
    text-align: center !important;
  }
  /* Close button visible on mobile */
}
#jins-today-essential .modal_textWrap p,
#jins-today-essential .modal_title p,
#jins-today-essential .modal_text p {
  white-space: normal !important;
  word-break: normal !important;
}
#jins-today-essential .modal_imageWrap {
  flex-shrink: 0 !important;
}

/* ── Product section titles visibility ── */
#jins-today-essential .product_titleWrap {
  text-align: center !important;
}
#jins-today-essential .product_subTitle p,
#jins-today-essential .product_title p {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ── Original Page Styles (adapted) ── */
/* --------------------------------------------------------
 Name:      「定番を着こなすメガネ」JINS TODAY - app.css
 Author:    FT_y.takeda
 Info:      「定番を着こなすメガネ」JINS TODAY
----------------------------------------------------------- */
@charset "UTF-8";

@font-face {
    font-family: JINS_NextRegular !important;
    font-style: normal;
    font-weight: 500 !important;
    src: url(../common/fonts/NotoSansJP-Medium.woff2) format("woff2"), url(../common/fonts/NotoSansJP-Medium.ttf) format("truetype")
}

#jins-today-essential .kv_text,
#jins-today-essential .modal_text p,
#jins-today-essential .product_number,
#jins-today-essential .style_text p span {
    font-family: JINS_NextRegular, sans-serif
}

#jins-today-essential .modal_closeText,
#jins-today-essential .modal_linkAnchorText,
#jins-today-essential .modal_title p,
#jins-today-essential .product_title p,
#jins-today-essential .style_categoryText p,
#jins-today-essential .style_title h3 {
    font-family: JINS_NextMedium, sans-serif
}

#jins-today-essential {
    overflow: hidden !important;
    position: relative
}

#jins-today-essential .breadcrumbs {
    margin: 0;
    padding: 0 !important;
    position: absolute
}

#jins-today-essential .breadcrumbs_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin: 0;
    padding: 0
}

#jins-today-essential .breadcrumbs_item {
    font-weight: 500 !important;
    list-style: none
}

#jins-today-essential .breadcrumbs_item[data-item=item2] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    color: grey
}

#jins-today-essential .breadcrumbs_item[data-item=item2]:before {
    background-image: url('data:image/svg+xml;utf8, <svg width="6" height="8" viewBox="0 0 6 8" xmlns="http://www.w3.org/2000/svg"><path d="M0.329254 0.375977L4.32925 3.87598L0.329254 7.37598" stroke="%23808080" fill="none"/></svg>');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block
}

#jins-today-essential .breadcrumbs_link {
    text-decoration: none
}

#jins-today-essential .modal_text p,
#jins-today-essential .product_number {
    font-family: JINS_NextRegular, sans-serif
}

#jins-today-essential .modal_closeText,
#jins-today-essential .modal_linkAnchorText,
#jins-today-essential .modal_title p,
#jins-today-essential .product_title p {
    font-family: JINS_NextMedium, sans-serif
}

#jins-today-essential .productWrap {
    display: -webkit-box !important;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

#jins-today-essential .product_titleWrap {
    margin: 0 auto
}

#jins-today-essential .product_subTitle p {
    font-family: JINS_NextRegular, sans-serif !important;
    font-weight: 700 !important;
    line-height: 1
}

#jins-today-essential .product_subTitle p,
#jins-today-essential .product_title p {
    color: #1e1e1e !important;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    position: relative
}

#jins-today-essential .product_title p {
    font-weight: 500 !important;
    line-height: 1.3
}

#jins-today-essential .product_mask {
    background: transparent !important; /* TODO: Add scroll-triggered reveal animation later */
    inset: 0;
    position: absolute
}

#jins-today-essential .product_line {
    background: #1e1e1e;
    width: 0
}

#jins-today-essential .product_text {
    opacity: 0;
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    transform: translateY(3px)
}

#jins-today-essential .product_text p {
    color: #1e1e1e;
    font-family: JINS_NextRegular, sans-serif !important;
    font-weight: 500 !important;
    margin: 0 auto
}

#jins-today-essential .product_list {
    margin: 0;
    padding: 0
}

#jins-today-essential .product_item {
    cursor: pointer;
    list-style: none;
    position: relative
}

#jins-today-essential .product_number {
    color: #1e1e1e;
    position: absolute
}

#jins-today-essential .product_imageContent {
    position: relative
}

#jins-today-essential .product_imageWrap img {
    border: 1px solid transparent;
    width: 100%
}

#jins-today-essential .product_icon {
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
}

#jins-today-essential .product_icon img {
    height: 100%;
    width: 100%
}

#jins-today-essential .product_bottomText {
    font-family: JINS_NextRegular, sans-serif !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    margin: 0 auto;
    opacity: 0;
    text-align: center !important;
    -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
}

#jins-today-essential .modal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .9);
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 999
}

#jins-today-essential .modal.is-active {
    opacity: 1;
    pointer-events: auto
}

#jins-today-essential .modal_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    z-index: 999;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

#jins-today-essential .modal_list {
    margin: 0;
    padding: 0
}

#jins-today-essential .modal_item {
    list-style: none;
    width: auto
}

#jins-today-essential .modal_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    margin: 0;
    padding: 0
}

#jins-today-essential .modal_imageWrap img {
    width: 100%
}

#jins-today-essential .modal_textWrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1
}

#jins-today-essential .modal_title p {
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-align: center
}

#jins-today-essential .modal_productImageWrap {
    margin: 0 auto
}

#jins-today-essential .modal_productImageWrap img {
    width: 100%
 !important}

#jins-today-essential .modal_text p {
    line-height: 1.6 !important;
    margin: 0;
    text-align: center
 !important}

#jins-today-essential .modal_text p span {
    font-family: JINS_NextRegular, sans-serif !important;
    font-weight: 500
}

#jins-today-essential .modal_linkWrap {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

#jins-today-essential .modal_linkAnchor,
#jins-today-essential .modal_linkWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

#jins-today-essential .modal_linkAnchor {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    background-color: #fff;
    border: 1px solid #1e1e1e;
    border-radius: 999px;
    justify-content: flex-end;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#jins-today-essential .modal_linkAnchorText {
    display: block;
    font-weight: 500 !important;
    line-height: 1 !important;
    margin: 0;
    text-align: center
}

#jins-today-essential .modal_linkAnchorText span {
    font-family: JINS_NextRegular, sans-serif
 !important}

#jins-today-essential .modal_linkAnchorIcon {
    display: -webkit-box !important;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

#jins-today-essential .modal_linkAnchorIcon svg {
    height: 100%;
    width: 100%
}

#jins-today-essential .modal_button-prev {
    cursor: pointer;
    position: absolute;
    z-index: 999
}

#jins-today-essential .modal_button-prev img {
    width: 100%
}

#jins-today-essential .modal_button-next {
    cursor: pointer;
    position: absolute;
    z-index: 999
}

#jins-today-essential .modal_button-next img {
    width: 100%
}

#jins-today-essential .modal_close {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer
}

#jins-today-essential .modal_close:hover .modal_closeIcon,
#jins-today-essential .modal_close:hover .modal_closeText {
    opacity: .6
}

#jins-today-essential .modal_closeText {
    color: #fff;
    margin: 0
}

#jins-today-essential .modal_closeIcon,
#jins-today-essential .modal_closeText {
    -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
}

#jins-today-essential .modal_closeIcon img {
    width: 100%
}

#jins-today-essential html.is-clipped {
    overflow: hidden
}

#jins-today-essential {
    background: #f8f8f8;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-family: JINS_NextRegular, sans-serif !important;
    font-size: 16px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    line-break: strict;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-wrap: anywhere;
    word-break: normal
}

#jt-te-contents .fadeIn {
    opacity: 0;
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: opacity .8s, -webkit-transform .8s;
    -moz-transition: opacity .8s, transform .8s, -moz-transform .8s;
    transition: opacity .8s, transform .8s;
    transition: opacity .8s, transform .8s, -webkit-transform .8s, -moz-transform .8s;
    visibility: hidden
}

#jt-te-contents .fadeIn.is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.footer-navigation {
    margin-top: 0 !important
}

#jins-today-essential {
    background-color: #f8f8f8
}

#jins-today-essential .kv_credit p {
    font-family: JINS_NextRegular, sans-serif
}

#jins-today-essential .kv_text,
#jins-today-essential .style_text p span {
    font-family: JINS_NextRegular, sans-serif
}

#jins-today-essential .style_categoryText p,
#jins-today-essential .style_title h3 {
    font-family: JINS_NextMedium, sans-serif
}

#jins-today-essential .sr-only {
    height: 1px !important;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    border: 0;
    white-space: nowrap
}

#jins-today-essential .kv_inner {
    margin: 0 auto
}

#jins-today-essential .kv_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

#jins-today-essential .kv_titleTop {
    display: inline-block;
    overflow: hidden;
    position: relative
}

#jins-today-essential .kv_titleTop img {
    width: 100%
}

#jins-today-essential .kv_titleBottom {
    display: inline-block;
    overflow: hidden;
    position: relative
}

#jins-today-essential .kv_titleBottom img {
    width: 100%
}

#jins-today-essential .kv_mask {
    background: #f8f8f8;
    inset: 0;
    position: absolute;
    z-index: 2
}

#jins-today-essential .kv_textBottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    opacity: 0
}

#jins-today-essential .kv_line {
    position: relative
}

#jins-today-essential .kv_line:after {
    border-top: 1px solid #000;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

#jins-today-essential .kv_text {
    margin: 0
}

#jins-today-essential .kv_text span {
    font-family: JINS_NextRegular, sans-serif !important;
    font-weight: 500
}

#jins-today-essential .kv_imageWrap {
    -webkit-box-flex: 0 !important;
    -webkit-flex: none;
    -moz-box-flex: 0;
    flex: none;
    opacity: 0;
    overflow: hidden
}

#jins-today-essential .kv_image {
    opacity: 0;
    -webkit-transform: scale(1.1) rotate(.5deg);
    -moz-transform: scale(1.1) rotate(.5deg);
    transform: scale(1.1) rotate(.5deg);
    width: 100%
}

#jins-today-essential .kv_credit {
    opacity: 0
}

#jins-today-essential .kv_credit p {
    text-align: end
}

#jins-today-essential .style {
    overflow: hidden
}

#jins-today-essential .style_inner {
    background-color: #eaeaea !important;
    position: relative;
    width: 100%
}

#jins-today-essential .style_title {
    margin: 0 auto
}

#jins-today-essential .style_title h3 {
    color: #1e1e1e;
    font-weight: 500 !important;
    text-align: center
}

#jins-today-essential .style_titleSp {
    display: inline-block !important;
    margin-top: -3.8461538462vw;
    overflow: hidden;
    padding-left: 16.1538461538vw;
    position: relative
}

#jins-today-essential .style_line {
    background: #1e1e1e;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center
}

#jins-today-essential .style_mask {
    background: transparent !important; /* TODO: Add scroll-triggered reveal animation later */
    inset: 0;
    position: absolute
}

#jins-today-essential .style_text p {
    color: #1e1e1e;
    font-family: JINS_NextRegular, sans-serif !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-align: center
}

#jins-today-essential .style_text p span {
    font-weight: 400
 !important}

#jins-today-essential .style_content {
    overflow: hidden !important;
    position: relative
}

#jins-today-essential .style_content,
#jins-today-essential .style_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

#jins-today-essential .style_list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin: 0;
    overflow: hidden !important;
    padding: 0;
    will-change: transform
}

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

    to {
        -moz-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes scroll-x {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

    to {
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes scroll-y {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

    to {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes scroll-reverse-x {
    0% {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

    to {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes scroll-reverse-y {
    0% {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

#jins-today-essential .style_item {
    cursor: pointer;
    list-style: none;
    margin: 0 !important
}

#jins-today-essential .style_item img {
    border-radius: 10px;
    width: 100%
}

#jins-today-essential .style_item:hover {
    opacity: .6
}

#jins-today-essential .jt-te-cat-slider {
    position: absolute;
    z-index: 2
}

#jins-today-essential .style_categoryList {
    margin: 0;
    padding: 0
}

#jins-today-essential .style_categoryItem {
    list-style: none;
    width: auto !important
}

#jins-today-essential .style_anchorLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 999px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#jins-today-essential .style_categoryImage img {
    border-radius: 999px;
    width: 100%
}

#jins-today-essential .style_categoryText p {
    font-weight: 500 !important;
    letter-spacing: .04em !important;
    line-height: 1 !important;
    margin: 0;
    text-align: center
}

#jins-today-essential .style_categoryText p span {
    font-family: JINS_NextRegular, sans-serif
}

#jins-today-essential .seasonal_imageWrap,
#jins-today-essential .seasonal_imageWrap img {
    width: 100%
 !important}

@media print,
screen and (min-width:769px) {
    #jins-today-essential .breadcrumbs {
        left: 3.1746031746vw !important;
        top: 1.5211640212vw
    }

    #jins-today-essential .breadcrumbs_item {
        font-size: .7936507937vw
    }

    #jins-today-essential .breadcrumbs_item[data-item=item2]:before {
        height: .5291005291vw !important;
        margin-inline: .5291005291vw;
        width: .5291005291vw
    }

    #jins-today-essential .productWrap {
        -webkit-margin-before: 3.3068783069vw;
        gap: 3.5052910053vw;
        margin-block-start: 3.3068783069vw
    }

    #jins-today-essential .product_inner {
        -webkit-padding-before: 1.9841269841vw;
        padding-block-start: 1.9841269841vw;
        -webkit-padding-after: 1.3227513228vw;
        padding-block-end: 1.3227513228vw
    }

    #jins-today-essential .product_titleWrap {
        width: 92.9232804233vw
    }

    #jins-today-essential .product_subTitle p {
        font-size: .9259259259vw
    }

    #jins-today-essential .product_title p {
        font-size: 2.5793650794vw !important;
        letter-spacing: .03em
    }

    #jins-today-essential .product_line {
        height: .0661375661vw
     !important}

    #jins-today-essential .product_text p {
        font-size: 1.1243386243vw !important;
        letter-spacing: .04em !important;
        width: 92.9232804233vw;
        -webkit-margin-before: .9920634921vw;
        margin-block-start: .9920634921vw
    }

    #jins-today-essential .product_list {
        -webkit-margin-before: 2.3148148148vw;
        margin-block-start: 2.3148148148vw
    }

    #jins-today-essential .product_item:hover .product_imageWrap img {
        border-color: #1e1e1e;
        border-radius: 999px
    }

    #jins-today-essential .product_item:hover .product_bottomText,
    #jins-today-essential .product_item:hover .product_icon {
        opacity: 1
    }

    #jins-today-essential .product_item.is-visible .product_imageWrap img {
        border-color: #1e1e1e;
        border-radius: 999px
    }

    #jins-today-essential .product_item.is-visible .product_bottomText,
    #jins-today-essential .product_item.is-visible .product_icon {
        opacity: 1
    }

    #jins-today-essential .product_itemInner {
        padding-inline: .3306878307vw
    }

    #jins-today-essential .product_number {
        font-size: 1.5873015873vw !important;
        left: 1.1904761905vw;
        top: .5291005291vw
    }

    #jins-today-essential .product_imageWrap img {
        border-radius: 1.3227513228vw;
        -webkit-transition: border-radius .4s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: border-radius .4s cubic-bezier(.4, 0, .2, 1);
        transition: border-radius .4s cubic-bezier(.4, 0, .2, 1)
    }

    #jins-today-essential .product_icon {
        bottom: .6613756614vw;
        right: .6613756614vw;
        width: 2.6455026455vw
    }

    #jins-today-essential .product_bottomText {
        font-size: .7275132275vw !important;
        width: 21.2962962963vw;
        -webkit-margin-before: 1.3227513228vw;
        margin-block-start: 1.3227513228vw
    }

    #jins-today-essential .modal_content {
        height: 38.0291005291vw;
        margin-inline: 1.1904761905vw;
        width: 65.0132275132vw
    }

    #jins-today-essential .modal_list {
        height: 33.0687830688vw
    }

    #jins-today-essential .modal_item {
        padding-inline: 1.1904761905vw
    }

    #jins-today-essential .modal_wrap {
        gap: 1.3227513228vw;
        padding-block: 2.1164021164vw;
        padding-inline: 1.9841269841vw;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        width: 62.5vw !important
    }

    #jins-today-essential .modal_imageWrap {
        width: 35.9126984127vw
    }

    #jins-today-essential .modal_imageWrap img {
        border-radius: 1.8518518519vw
    }

    #jins-today-essential .modal_textWrap {
        width: 19.8412698413vw
    }

    #jins-today-essential .modal_title p {
        font-size: 1.5873015873vw
    }

    #jins-today-essential .modal_productImageWrap {
        width: 10.9126984127vw !important;
        -webkit-margin-before: 2.6455026455vw;
        margin-block-start: 2.6455026455vw
    }

    #jins-today-essential .modal_text p {
        font-size: .7936507937vw !important;
        -webkit-margin-before: 1.3227513228vw;
        margin-block-start: 1.3227513228vw
    }

    #jins-today-essential .modal_linkWrap {
        -webkit-margin-before: 3.7037037037vw;
        margin-block-start: 3.7037037037vw
    }

    #jins-today-essential .modal_linkAnchor {
        gap: 1.6534391534vw;
        padding-block: .5291005291vw;
        width: 10.582010582vw;
        -webkit-padding-end: .9920634921vw;
        -moz-padding-end: .9920634921vw;
        padding-inline-end: .9920634921vw
    }

    #jins-today-essential .modal_linkAnchor:hover {
        background-color: #1e1e1e
    }

    #jins-today-essential .modal_linkAnchor:hover .modal_linkAnchorText {
        color: #fff
    }

    #jins-today-essential .modal_linkAnchor:hover .modal_linkAnchorIcon svg path {
        fill: #fff
    }

    #jins-today-essential .modal_linkAnchorText {
        font-size: .9259259259vw
    }

    #jins-today-essential .modal_linkAnchorText span {
        font-size: .5952380952vw
    }

    #jins-today-essential .modal_linkAnchorIcon {
        width: .8597883598vw
    }

    #jins-today-essential .modal_button-prev {
        left: 0 !important;
        top: 16.0052910053vw;
        width: 2.6455026455vw
    }

    #jins-today-essential .modal_button-next {
        right: 0;
        top: 16.0052910053vw;
        width: 2.6455026455vw
    }

    #jins-today-essential .modal_close {
        gap: .3968253968vw
    }

    #jins-today-essential .modal_closeText {
        font-size: 1.0582010582vw
    }

    #jins-today-essential .modal_closeIcon {
        width: .7936507937vw
    }

    #jt-te-contents .u-pc {
        display: block
     !important}

    #jt-te-contents .u-sp {
        display: none !important
    }

    #jins-today-essential .kv_inner {
        width: 92.9232804233vw;
        -webkit-padding-before: 6.2169312169vw;
        padding-block-start: 6.2169312169vw;
        -webkit-padding-after: 4.9603174603vw;
        padding-block-end: 4.9603174603vw
    }

    #jins-today-essential .kv_content {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between
    }

    #jins-today-essential .kv_title {
        width: 47.619047619vw
    }

    #jins-today-essential .kv_titleTop {
        width: 31.0846560847vw
    }

    #jins-today-essential .kv_titleBottom {
        width: 47.619047619vw;
        -webkit-margin-before: 1.1904761905vw;
        margin-block-start: 1.1904761905vw
    }

    #jins-today-essential .kv_textBottom {
        -webkit-margin-before: 1.3227513228vw;
        margin-block-start: 1.3227513228vw;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between
    }

    #jins-today-essential .kv_line {
        width: 20.8333333333vw
    }

    #jins-today-essential .kv_line:after {
        height: .1322751323vw
    }

    #jins-today-essential .kv_text {
        font-size: 1.1904761905vw !important;
        letter-spacing: .03em
    }

    #jins-today-essential .kv_imageWrap {
        border: 2px solid #1e1e1e !important;
        border-radius: 1.3227513228vw;
        width: 41.9973544974vw
    }

    #jins-today-essential .kv_credit p {
        font-size: .6613756614vw !important;
        -webkit-margin-before: .3968253968vw;
        margin-block-start: .3968253968vw
    }

    #jins-today-essential .style_inner {
        -webkit-padding-before: 3.9682539683vw;
        padding-block-start: 3.9682539683vw;
        -webkit-padding-after: .5291005291vw;
        border-top-left-radius: 2.6455026455vw;
        border-top-right-radius: 2.6455026455vw;
        padding-block-end: .5291005291vw
    }

    #jins-today-essential .style_title {
        width: 70.7671957672vw;
        -webkit-margin-after: 2.3148148148vw;
        margin-block-end: 2.3148148148vw
    }

    #jins-today-essential .style_title h3 {
        font-size: 4.6296296296vw !important;
        letter-spacing: .04em !important;
        -webkit-padding-before: 1.6534391534vw;
        padding-block-start: 1.6534391534vw;
        -webkit-padding-after: .6613756614vw;
        display: inline-block;
        overflow: hidden;
        padding-block-end: .6613756614vw;
        position: relative
    }

    #jins-today-essential .style_line {
        height: 2px
    }

    #jins-today-essential .style_text p {
        font-size: 1.3227513228vw !important;
        letter-spacing: .04em
    }

    #jins-today-essential .style_content {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        gap: .5291005291vw;
        -webkit-margin-before: 2.6455026455vw;
        margin-block-start: 2.6455026455vw
    }

    #jins-today-essential .style_list {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    #jins-today-essential .style_list[data-item=slider1] {
        -webkit-animation: scroll-reverse-x 35s linear infinite;
        -moz-animation: scroll-reverse-x 35s linear infinite;
        animation: scroll-reverse-x 35s linear infinite
    }

    #jins-today-essential .style_list[data-item=slider2] {
        -webkit-animation: scroll-x 35s linear infinite;
        -moz-animation: scroll-x 35s linear infinite;
        animation: scroll-x 35s linear infinite
    }

    #jins-today-essential .style_item {
        padding-inline: .2645502646vw;
        -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
        transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
        width: 12.5661375661vw
    }

    #jins-today-essential .jt-te-cat-slider {
        bottom: 2.1362433862vw;
        left: 50%;
        -webkit-transform: translateX(-50%) !important;
        -moz-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important
    }

    #jins-today-essential .style_categoryList {
        width: 63.8227513228vw
    }

    #jins-today-essential .style_anchorLink {
        border: .0661375661vw solid #1e1e1e;
        gap: .5291005291vw;
        height: 3.5052910053vw;
        padding-block: .2314814815vw;
        -webkit-padding-start: .2976190476vw;
        -moz-padding-start: .2976190476vw;
        padding-inline-start: .2976190476vw;
        -webkit-padding-end: 1.9841269841vw;
        -moz-padding-end: 1.9841269841vw;
        padding-inline-end: 1.9841269841vw
    }

    #jins-today-essential .style_anchorLink:hover {
        opacity: .8
    }

    #jins-today-essential .style_categoryImage {
        width: 2.8452380952vw
    }

    #jins-today-essential .style_categoryText p {
        font-size: 1.0582010582vw !important;
        -webkit-margin-before: .3306878307vw;
        margin-block-start: .3306878307vw
    }

    #jins-today-essential .style_categoryText p span {
        font-size: .6613756614vw
    }

    #jins-today-essential .seasonal_inner {
        -webkit-margin-before: 3.3068783069vw !important;
        margin-block-start: 3.3068783069vw
    }

    #jins-today-essential .seasonal_link {
        -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
        transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
    }

    #jins-today-essential .seasonal_link:hover {
        opacity: .8
    }
}

@media only screen and (max-width:768px) {
    #jins-today-essential .breadcrumbs {
        left: 6.4102564103vw;
        top: 2.5641025641vw
    }

    #jins-today-essential .breadcrumbs_item {
        font-size: 3.0769230769vw
    }

    #jins-today-essential .breadcrumbs_item[data-item=item2]:before {
        height: 2.0512820513vw !important;
        margin-left: 2.0512820513vw;
        margin-right: 2.0512820513vw;
        width: 1.5384615385vw
    }

    #jins-today-essential .productWrap {
        gap: 9.7435897436vw;
        margin-top: 11.0256410256vw
    }

    #jins-today-essential .product_inner {
        padding-bottom: 7.6923076923vw;
        padding-top: 7.6923076923vw
    }

    #jins-today-essential .product_titleWrap {
        width: 82.5641025641vw
    }

    #jins-today-essential .product_subTitle p {
        font-size: 3.0769230769vw
    }

    #jins-today-essential .product_title p {
        font-size: 6.6666666667vw !important;
        padding-bottom: .5128205128vw
    }

    #jins-today-essential .product_line {
        height: .2564102564vw
    }

    #jins-today-essential .product_text p {
        font-size: 3.5897435897vw !important;
        letter-spacing: -.01em !important;
        line-height: 1.5 !important;
        margin-top: 2.0512820513vw;
        width: 82.5641025641vw
    }

    #jins-today-essential .product_list {
        margin-top: 3.5897435897vw
    }

    #jins-today-essential .product_itemInner {
        padding-left: 1.2820512821vw;
        padding-right: 1.2820512821vw
    }

    #jins-today-essential .product_number {
        font-size: 5.1282051282vw !important;
        left: 4.6153846154vw;
        top: 2.5641025641vw
    }

    #jins-today-essential .product_imageWrap {
        width: 82.5641025641vw
    }

    #jins-today-essential .product_imageWrap img {
        border-radius: 3.9743589744vw;
        -webkit-transition: border-radius 1s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: border-radius 1s cubic-bezier(.4, 0, .2, 1);
        transition: border-radius 1s cubic-bezier(.4, 0, .2, 1)
    }

    #jins-today-essential .product_icon {
        bottom: 2.5641025641vw;
        right: 2.5641025641vw;
        width: 9.2307692308vw
    }

    #jins-today-essential .product_bottomText {
        font-size: 2.8205128205vw !important;
        margin-top: 3.5897435897vw
    }

    #jins-today-essential .modal_content {
        height: 164.1025641026vw;
        width: 97.9487179487vw
    }

    #jins-today-essential .modal_list {
        height: 149.7435897436vw
    }

    #jins-today-essential .modal_item {
        padding-left: 1.5384615385vw;
        padding-right: 1.5384615385vw
    }

    #jins-today-essential .modal_wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        gap: 0;
        padding: 5.641025641vw 5.1282051282vw 7.6923076923vw;
        width: 100%
    }

    #jins-today-essential .modal_imageWrap {
        width: 84.6153846154vw
    }

    #jins-today-essential .modal_imageWrap img {
        border-radius: 4.358974359vw
    }

    #jins-today-essential .modal_title p {
        font-size: 6.1538461538vw !important;
        margin-bottom: 1.2820512821vw
    }

    #jins-today-essential .modal_productImageWrap {
        width: 41.0256410256vw
    }

    #jins-today-essential .modal_text p {
        font-size: 3.5897435897vw !important;
        margin-top: 3.8461538462vw
    }

    #jins-today-essential .modal_linkWrap {
        margin-top: 5.1282051282vw
    }

    #jins-today-essential .modal_linkAnchor {
        gap: 5.8974358974vw;
        padding: 2.0512820513vw 3.8461538462vw 1.0256410256vw 7.1794871795vw;
        width: 38.4615384615vw
    }

    #jins-today-essential .modal_linkAnchorText {
        font-size: 3.5897435897vw
    }

    #jins-today-essential .modal_linkAnchorText span {
        font-size: 2.3076923077vw
    }

    #jins-today-essential .modal_linkAnchorIcon {
        width: 3.0769230769vw
    }

    #jins-today-essential .modal_button-prev {
        left: 0 !important;
        top: 48.7179487179vw;
        width: 9.2307692308vw
    }

    #jins-today-essential .modal_button-next {
        right: 0;
        top: 48.7179487179vw;
        width: 9.2307692308vw
    }

    #jins-today-essential .modal_close {
        gap: 1.5384615385vw
    }

    #jins-today-essential .modal_closeText {
        font-size: 4.1025641026vw
    }

    #jins-today-essential .modal_closeIcon {
        width: 3.0769230769vw
     !important}

    #jt-te-contents .u-pc {
        display: none !important
    }

    #jt-te-contents .u-sp {
        display: block
    }

    #jins-today-essential .kv_inner {
        padding: 20vw 1.9230769231vw 5.1282051282vw
    }

    #jins-today-essential .kv_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        gap: 2.5641025641vw
    }

    #jins-today-essential .kv_textWrap {
        padding-left: 2.5641025641vw
    }

    #jins-today-essential .kv_titleTop {
        width: 58.8948717949vw
    }

    #jins-today-essential .kv_titleBottom {
        margin-top: 1.2820512821vw;
        width: 89.7435897436vw
    }

    #jins-today-essential .kv_textBottom {
        gap: 2.3076923077vw;
        margin-top: .7692307692vw
    }

    #jins-today-essential .kv_line {
        width: 15.641025641vw
    }

    #jins-today-essential .kv_line:after {
        height: .5128205128vw
    }

    #jins-today-essential .kv_text {
        font-size: 3.8461538462vw
    }

    #jins-today-essential .kv_text span {
        letter-spacing: -.05em
     !important}

    #jins-today-essential .kv_imageWrap {
        border: 1px solid #1e1e1e !important;
        border-radius: 5.1282051282vw;
        width: 100%
    }

    #jins-today-essential .kv_credit p {
        font-size: 2.5641025641vw !important;
        margin-top: 1.5384615385vw
    }

    #jins-today-essential .style_inner {
        border-top-left-radius: 5.1282051282vw;
        border-top-right-radius: 5.1282051282vw;
        padding-bottom: 2.0512820513vw;
        padding-top: 10.2564102564vw
    }

    #jins-today-essential .style_title {
        margin-bottom: 5.1282051282vw;
        width: 89.7435897436vw
    }

    #jins-today-essential .style_title h3 {
        font-size: 10.7692307692vw !important;
        letter-spacing: .02em !important;
        line-height: 1.1 !important;
        padding-top: 8.9743589744vw;
        text-align: left
    }

    #jins-today-essential .style_line {
        height: .5128205128vw
     !important}

    #jins-today-essential .style_text p {
        font-size: 3.5897435897vw !important;
        letter-spacing: .01em !important;
        margin: 0 auto;
        width: 94.8717948718vw
    }

    #jins-today-essential .style_content {
        gap: 1.5384615385vw;
        height: 186.1538461538vw;
        margin-top: 5.1282051282vw;
        padding-left: 1.9230769231vw;
        padding-right: 1.9230769231vw;
        width: 100vw
    }

    #jins-today-essential .style_list {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }

    #jins-today-essential .style_list[data-item=slider1] {
        -webkit-animation: scroll-reverse-y 35s linear infinite;
        -moz-animation: scroll-reverse-y 35s linear infinite;
        animation: scroll-reverse-y 35s linear infinite
    }

    #jins-today-essential .style_list[data-item=slider2] {
        -webkit-animation: scroll-y 35s linear infinite;
        -moz-animation: scroll-y 35s linear infinite;
        animation: scroll-y 35s linear infinite
    }

    #jins-today-essential .style_item {
        padding-top: 1.0256410256vw;
        width: 31.0256410256vw
    }

    #jins-today-essential .jt-te-cat-slider {
        bottom: 8.2820512821vw
    }

    #jins-today-essential .style_categoryList {
        width: 100vw
    }

    #jins-today-essential .style_anchorLink {
        border: 1px solid #1e1e1e;
        gap: 1.5384615385vw;
        padding: .7692307692vw 7.1794871795vw .7692307692vw 1.0256410256vw
    }

    #jins-today-essential .style_categoryImage {
        width: 9.4871794872vw
    }

    #jins-today-essential .style_categoryText p {
        font-size: 3.5897435897vw
    }

    #jins-today-essential .style_categoryText p span {
        font-size: 2.3076923077vw
    }

    #jins-today-essential .seasonal_inner {
        margin-top: 11.0256410256vw
    }
}

@media print {
    #jins-today-essential {
        -webkit-transform: scale(.8) !important;
        -moz-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 1440px
    }
}
/* KV mobile spacing fix */
@media (max-width: 768px) {
  #jins-today-essential .kv_textBottom {
    margin-top: 4vw !important;
    margin-bottom: 2vw !important;
    padding-inline: 5vw !important;
  }
}

/* Category anchor pills positioning */
#jins-today-essential .jt-te-cat-slider {
  position: absolute !important;
  z-index: 2 !important;
}
#jins-today-essential .style_sliderContent {
  position: relative !important;
}

/* Modal arrows must be outside overflow:hidden container */
#jins-today-essential .modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999 !important;
}
#jins-today-essential .modal_button-prev,
#jins-today-essential .modal_button-next {
  position: absolute !important;
  z-index: 1001 !important;
  cursor: pointer !important;
}
/* Ensure arrows are visible on both viewports */
@media (max-width: 768px) {
  #jins-today-essential .modal_button-prev {
    left: 2vw !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
  }
  #jins-today-essential .modal_button-next {
    right: 2vw !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
  }
}

/* Modal close button - fixed to viewport, not clipped by overflow:hidden */
#jins-today-essential .modal_close {
  position: fixed !important;
  z-index: 1002 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  /* top/left/transform set by JS dynamically */
}
@media (min-width: 769px) {
  #jins-today-essential .modal_close {
    /* JS handles positioning */
  }
}
#jins-today-essential .modal_closeText {
  color: #fff !important;
  font-size: 14px !important;
}
#jins-today-essential .modal_closeIcon {
  filter: brightness(0) invert(1) !important;
}

/* Product images with empty height/width attrs need min-height */
#jins-today-essential .product_imageWrap img[height=""] {
  min-height: 200px !important;
  object-fit: contain !important;
}

/* ── Style section centering fix ── */
#jins-today-essential .style_title h3 {
  text-align: center !important;
}
#jins-today-essential .style_inner {
  text-align: center !important;
}
#jins-today-essential .style_text p {
  text-align: center !important;
}
#jins-today-essential .style_categoryText p {
  text-align: center !important;
}

/* ── Category pills centering ── */
#jins-today-essential .jt-te-cat-slider__track {
  justify-content: center !important;
}

/* ── Category pill text minimum size ── */
@media (min-width: 769px) {
  #jins-today-essential .style_categoryText p {
    font-size: max(1.058vw, 13px) !important;
  }
}

/* ── Category pill text ── */

/* ── Mobile style title fix ── */
@media (max-width: 768px) {
  #jins-today-essential .style_titleSp {
    padding-left: 0 !important;
    margin-top: 0 !important;
    display: inline !important;
  }
  #jins-today-essential .style_title h3.u-sp {
    text-align: center !important;
    line-height: 1.3 !important;
  }
}

/* ── KV title left-align (not center) ── */
#jins-today-essential .kv_title {
  text-align: left !important;
}
#jins-today-essential .kv_titleTop,
#jins-today-essential .kv_titleBottom {
  text-align: left !important;
}

/* ── Product Carousel Arrows ── */
#jins-today-essential .jt-te-product-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  cursor: pointer !important;
  opacity: 0.8 !important;
  transition: opacity 0.3s ease !important;
}
#jins-today-essential .jt-te-product-arrow:hover {
  opacity: 1 !important;
}
#jins-today-essential .jt-te-product-arrow--prev {
  left: 8px !important;
}
#jins-today-essential .jt-te-product-arrow--next {
  right: 8px !important;
}
#jins-today-essential .jt-te-product-arrow svg {
  display: block !important;
}
#jins-today-essential .jt-te-product-arrow[data-disabled="true"] {
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Hide arrows on mobile (swipe instead) */
@media (max-width: 768px) {
  #jins-today-essential .jt-te-product-arrow {
    display: none !important;
  }
}

/* ── Product arrow SVG overrides (Dawn fills all SVGs #111) ── */
#jins-today-essential .jt-te-product-arrow svg {
  fill: none !important;
  width: 36px !important;
  height: 36px !important;
}
#jins-today-essential .jt-te-product-arrow svg circle {
  fill: #fff !important;
  stroke: #1e1e1e !important;
}
#jins-today-essential .jt-te-product-arrow svg path {
  fill: none !important;
  stroke: #1e1e1e !important;
}

/* ── Force marquee animation ── */
@media (min-width: 769px) {
  #jins-today-essential .style_list[data-item="slider1"] {
    animation: scroll-reverse-x 35s linear infinite !important;
    width: max-content !important;
  }
  #jins-today-essential .style_list[data-item="slider2"] {
    animation: scroll-x 35s linear infinite !important;
    width: max-content !important;
  }
}
@media (max-width: 768px) {
  #jins-today-essential .style_list[data-item="slider1"] {
    animation: scroll-reverse-y 35s linear infinite !important;
    height: max-content !important;
    flex-direction: column !important;
  }
  #jins-today-essential .style_list[data-item="slider2"] {
    animation: scroll-y 35s linear infinite !important;
    height: max-content !important;
    flex-direction: column !important;
  }
  #jins-today-essential .style_content {
    flex-direction: row !important;
    overflow: hidden !important;
  }
}

/* ── Marquee static layout (3 columns, 8 per column) ── */
@media (max-width: 768px) {
  #jins-today-essential .style_content {
    height: auto !important;
    flex-direction: row !important;
    overflow: hidden !important;
  }
  #jins-today-essential .style_list {
    animation: none !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    flex: 1 !important;
  }
  #jins-today-essential .style_item {
    width: 100% !important;
    padding: 0.5vw !important;
  }
}
@media (min-width: 769px) {
  #jins-today-essential .style_content {
    height: auto !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }
  #jins-today-essential .style_list {
    animation: none !important;
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    justify-content: center !important;
  }
  #jins-today-essential .style_item {
    width: 12.5% !important;
    padding: 0.3vw !important;
  }
}

/* ── Product title order: title first, subtitle (description) below ── */
#jins-today-essential .product_titleWrap {
  display: flex !important;
  flex-direction: column !important;
}
#jins-today-essential .product_subTitle {
  order: 2 !important;
}
#jins-today-essential .product_title {
  order: 1 !important;
}
#jins-today-essential .product_line {
  order: 3 !important;
}
#jins-today-essential .product_subTitle p {
  font-family: JINS_NextRegular, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.02em !important;
  font-size: 1vw !important;
  margin-top: 0.5vw !important;
  color: #555 !important;
}
@media (max-width: 768px) {
  #jins-today-essential .product_subTitle p {
    font-size: 3.5vw !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    margin-top: 2vw !important;
  }
}

/* ── KV text no mid-word break ── */
#jins-today-essential .kv_text {
  white-space: nowrap !important;
}

/* ── KV textBottom centered on mobile ── */
@media (max-width: 768px) {
  #jins-today-essential .kv_textBottom {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ── Modal title desktop size ── */
@media (min-width: 769px) {
  #jins-today-essential .modal_title p {
    font-size: 2vw !important;
  }
}

/* ── KV credit centered on mobile ── */
@media (max-width: 768px) {
  #jins-today-essential .kv_credit p {
    text-align: center !important;
  }
}

/* ── Marquee rows centered on desktop ── */
@media (min-width: 769px) {
  #jins-today-essential .style_content {
    align-items: center !important;
  }
}

/* ── Sticky Category Nav ── */
#jins-today-essential .jt-te-cat-slider.is-sticky {
  position: fixed !important;
  bottom: 0 !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 50 !important;
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  width: 100% !important;
  background: rgba(248, 248, 248, 0.95) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  padding: 12px 0 !important;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08) !important;
  transition: box-shadow 0.3s ease !important;
}
#jins-today-essential .jt-te-cat-slider.is-sticky .jt-te-cat-slider__track {
  justify-content: center !important;
  width: 100% !important;
}
#jins-today-essential .jt-te-cat-slider.is-sticky .style_categoryList {
  width: auto !important;
  justify-content: center !important;
}
@media (max-width: 768px) {
  #jins-today-essential .jt-te-cat-slider.is-sticky {
    padding: 10px 12px !important;
    padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important; /* iPhone notch */
    overflow-x: auto !important;
  }
}

/* ── Hide sticky nav when modal is open ── */
#jins-today-essential .modal.is-active ~ .jt-te-cat-slider.is-sticky,
body.is-clipped .jt-te-cat-slider.is-sticky,
html.is-clipped .jt-te-cat-slider.is-sticky {
  display: none !important;
}