/* =========================================================
   Linen campaign base CSS (original)
   ========================================================= */
.sf-u-mt_xxxlExt{margin-top:80px}.sf-u-py_xxxlExt{padding-bottom:80px;padding-top:80px}.sf-u-pt_xxxlExt{padding-top:80px}.sf-u-font_size-xxxlExt{font-size:40px}.anchor{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.anchor__item{width:33.33333%}.anchor__item+*{border-left:1px solid var(--color-gray-300)}.anchor__link{cursor:pointer;display:block;width:100%}.anchor__link:after{background:url(https://www.muji.com/sg/feature/linen/26ss/assets/img/ico-arrow-bottom.svg) no-repeat 50%/100%;content:"";display:block;height:12px;margin-left:auto;margin-right:auto;margin-top:8px;transition:all .3s ease-in-out;width:12px}.anchor__link:hover:after{transform:translateY(3px)}.reason{position:relative}.reason li,.reason ul{display:flex}.reason li{align-items:center;flex:1;flex-direction:column}.reason li:nth-of-type(2){border-left:1px solid var(--color-beige);border-right:1px solid var(--color-beige)}.reason__heading,.reason__heading .sf-heading{align-items:center;display:flex;justify-content:center}.reason__desc{line-height:180%}.reason__note{width:100%}.difference{display:flex}.difference__item{flex:1}.style__headImg{position:relative}.style__heading{position:absolute;z-index:1}.style__heading.sf-heading{font-family:Helvetica Neue,Helvetica,sans-serif;font-weight:400}.style__heading.sf-heading span{display:block;font-family:Helvetica Neue,Helvetica,sans-serif;font-weight:300;line-height:1}.bedding .style__heading{display:none}.pickItem{display:flex}.pickItem__imgs{flex-shrink:0;position:relative}.pickItem__img{left:0;position:absolute;top:0}.pickItem__subImg{bottom:0;position:absolute;right:0}.pickItem__bff .sf-simpleBff .sf-simpleBff_products{gap:15px;justify-content:center}.pickItem__bff .sf-simpleBff .sf-simpleBff_productsItem{margin:0!important}.otherItem{overflow:visible;position:relative}.otherItem__summary{cursor:pointer;transition:padding .3s}.otherItem__summary>*{font-size:18px;font-style:normal;font-weight:700;line-height:150%;margin-left:auto;margin-right:auto;padding-left:24px;position:relative;width:-moz-fit-content;width:fit-content}.otherItem__summary>:after,.otherItem__summary>:before{background:url(https://www.muji.com/sg/feature/linen/26ss/assets/img/ico-minus.svg) 100%/100% auto no-repeat;content:"";display:block;height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s;width:16px}.otherItem__summary>:after{transform:translateY(-50%) rotate(-90deg)}.-open .otherItem__summary>:after{transform:translateY(-50%) rotate(0deg)}.otherItem__detail{height:0;opacity:0;overflow:hidden;transition:padding .3s,opacity .3s}.-open .otherItem__detail{opacity:1}.otherItem .sf-simpleBff .sf-simpleBff_products{gap:15px;justify-content:center}.otherItem .sf-simpleBff .sf-simpleBff_productsItemHeading{font-size:14px}.otherItem .sf-simpleBff .sf-simpleBff_productsItemDetail{margin-top:4px}.otherItem .sf-simpleBff .sf-simpleBff_productsItemColorChips{gap:7px 1px;margin-bottom:8px}.otherItem .sf-simpleBff .sf-simpleBff_productsItemColorChip{height:20px;width:20px}.otherItem .sf-simpleBff .sf-simpleBff_productsItemPrice{text-align:left}.otherItem .sf-simpleBff .sf-simpleBff_productsItemPriceNum{font-size:16px}.section__moreLink .sf-button{align-items:center;display:flex;font-size:18px;justify-content:center;margin-left:auto;margin-right:auto;width:100%}.section__moreLink .sf-button:after{background:url(https://www.muji.com/sg/feature/linen/26ss/assets/img/ico-arrow-bottom.svg) no-repeat 50%/100%;content:"";display:block;height:16px;margin-left:4px;width:16px}.care{counter-reset:number 0}.care__heading.sf-heading span{display:block;font-size:16px;letter-spacing:0;line-height:160%;margin-bottom:5px}.care li{display:flex}.care__title .sf-heading{display:flex;flex-direction:column;font-size:18px;justify-content:center}.care__title .sf-heading:before{color:var(--color-muji-red);content:counter(number,decimal-leading-zero) " ";counter-increment:number 1;display:block;font-family:Helvetica Neue,Helvetica,sans-serif;font-size:24px;font-weight:400;line-height:160%}.care__comment,.care__note{font-size:14px}.care__note{margin-top:16px}.aboutLinen__movie{border-bottom:1px solid var(--color-gray-300)}.aboutLinen .acc,.aboutLinen .acc__detail{padding:0}.movie{padding:56.25% 0 0;position:relative}.movie__item{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.nature{display:flex}.nature__title{align-items:center;display:flex;justify-content:center}.lineup__tab .sf-tabButton_itemLink{background-color:transparent!important;border-bottom:0;font-size:14px;padding:12px 8px 8px}.lineup__tab .sf-tabButton_itemLink:before{display:none}.lineup__tab .sf-tabButton_itemLink.-current{border:0}.lineup__tab .sf-tabButton_itemLink.-current:after{bottom:0;top:auto}

@media screen and (min-width:600px) and (max-width:999px){
  .sf-u-mt_xxxlExt-tablet{margin-top:80px}
  .reason li:first-of-type{padding-right:40px}
  .reason li:nth-of-type(2){padding:0 40px}
  .reason li:nth-of-type(3){padding-left:40px}
}

@media screen and (min-width:1000px){
  [data-desktop-aspect-ratio="270:176"]:before{padding-top:65.18519%}
  [data-desktop-aspect-ratio="472:300"]:before{padding-top:63.55932%}
  [data-desktop-aspect-ratio="784:471"]:before{padding-top:60.07653%}
  [data-desktop-aspect-ratio="1016:680"]:before{padding-top:66.92913%}
  .sf-u-mt_xxxlExt-desktop{margin-top:80px}
  .sf-u-mt_xxxxlExt-desktop{margin-top:160px}
  .sf-u-pt_xxxlExt2-desktop{padding-top:88px}
  .sf-u-pt_xxxxlExt-desktop{padding-top:160px}
  .sf-u-pb_xxxxlExt-desktop{padding-bottom:120px}
  .sf-u-font_size-xxxlExt-desktop{font-size:40px}
  .anchor{max-width:808px;width:79.52756%}
  .anchor__link{font-size:18px}
  .anchor__link:after{margin-top:16px}
  .reason li:first-of-type{padding-right:24px;padding-top:5px}
  .reason li:nth-of-type(2){padding:5px 24px 0}
  .reason li:nth-of-type(3){padding-left:24px;padding-top:5px}
  .reason__img{margin-top:6px;max-width:170px;width:100%}
  .reason__desc{font-size:14px;margin-top:16px}
  .difference{gap:24px}
  .style__heading{left:30px;top:20px}
  .style__heading.sf-heading{font-size:24px;letter-spacing:1.44px}
  .style__heading.sf-heading span{font-size:56px;letter-spacing:1.68px;margin-top:-3px}
  /* keep base pickItem sizing rules */
  .pickItem__imgs{aspect-ratio:1/1;width:51.181%}
  .pickItem__img{width:95.385%}
  .pickItem__subImg{width:25.385%}
  .bedding .pickItem__bff .sf-simpleBff_products{gap:24px}
  .otherItem__detailInner{margin-top:24px}
  .otherItem .sf-simpleBff .sf-simpleBff_products{gap:24px}
  .otherItem .sf-simpleBff .sf-simpleBff_productsItem{width:16.92913%}
  .otherItem .sf-simpleBff .sf-simpleBff_productsItemBody{margin-top:18px}
  .otherItem .sf-simpleBff .sf-simpleBff_productsItemColorChips{margin-bottom:5px;padding:0}
  .otherItem .sf-simpleBff .sf-simpleBff_productsItemColorChip{height:22px;width:22px}
  .section__moreLink .sf-button{max-width:370px;padding:20px}
  .section__moreLink .sf-button:after{height:18px;margin-left:16px;width:18px}
  .care__heading.sf-heading span{font-size:22px;margin-bottom:4px}
  .care li{align-items:center;border-top:1px solid var(--color-gray-300);gap:24px;padding:32px 0}
  .care li:last-of-type{border-bottom:1px solid var(--color-gray-300)}
  .care__title{flex-shrink:0;width:16.92913%}
  .care__title .sf-heading{align-items:flex-start;font-size:22px}
  .care__title .sf-heading:before{font-size:18px}
  .care__content{width:45.86614%}
  .care__comment{font-size:16px}
  .care__note{margin-top:12px}
  .care__img{flex-shrink:0;width:26.5748%}
  .aboutLinen__inner{padding:64px 7.874% 0}
  .aboutLinen__heading{padding:0 24px}
  .aboutLinen .acc{padding-bottom:24px}
  .aboutLinen .acc__summary{padding:40px 7.874%}
  .aboutLinen .acc__detail{padding:0 7.874%}
  .nature{padding-bottom:40px}
  .nature__item{flex:1;padding:0 24px}
  .nature__item:first-of-type{padding-left:0}
  .nature__item:last-of-type{padding-right:0}
  .nature__title{min-height:70px}
  .lineup__tab .sf-tabButton_container{max-width:1144px}
  .lineup__tab .sf-tabButton_itemLink{font-size:16px}
}

@media screen and (max-width:999px){
  [data-mobile-aspect-ratio="254:160"]:before{padding-top:62.99213%}
  [data-mobile-aspect-ratio="300:180"]:before{padding-top:60%}
  [data-mobile-aspect-ratio="300:240"]:before{padding-top:80%}
  [data-mobile-aspect-ratio="375:469"]:before{padding-top:125.06667%}
  .anchor__link{font-size:16px}
  .reason ul{overflow-x:scroll;scroll-behavior:smooth}
  .reason__heading{min-height:58px}
  .reason__img{height:110px;margin-top:5px;width:auto}
  .reason__desc{margin-top:14px;width:210px}
  .reason__slide{position:relative}
  .reason__controller{left:0;width:100%}
  .reason__controller,.reason__next,.reason__prev{height:100%;pointer-events:none;position:absolute;top:0}
  .reason__next,.reason__prev{display:block;transition:opacity .3s;width:24px}
  .reason__next span,.reason__prev span{background:url(Ref/Linen%202025/jp_ja_special-feature_campaign_natural-spring/jp/ja/special-feature/campaign/natural-spring/assets/img/ico-arrow.svg) 50%/16px auto no-repeat,var(--color-white);border:1px solid var(--color-gray-300);border-radius:50%;display:block;font-size:0;height:32px;pointer-events:auto;position:absolute;top:50%;transition:opacity .3s;width:32px}
  .reason__next.hidden,.reason__prev.hidden{opacity:0;visibility:hidden}
  .reason__prev{background:linear-gradient(90deg,#f4eede,hsla(44,50%,91%,0));left:0}
  .reason__prev span{left:0;transform:translateY(-50%) scaleX(-1)}
  .reason__next{background:linear-gradient(90deg,hsla(44,50%,91%,0),#f4eede);right:0}
  .reason__next span{right:0;transform:translateY(-50%)}
  .difference{gap:15px}
  .style__heading{left:16px;top:18px}
  .style__heading.sf-heading{font-size:16px;letter-spacing:.96px}
  .style__heading.sf-heading span{font-size:38px;letter-spacing:1.14px}
  .pickItem{flex-direction:column;gap:16px}
  .pickItem__imgs{aspect-ratio:325/305;width:94.203%}
  .bedding .pickItem__imgs{aspect-ratio:1/1;width:82.609%}
  .pickItem__img{width:87.692%}
  .bedding .pickItem__img{width:100%}
  .pickItem__subImg{width:24.615%}
  .otherItem .sf-simpleBff .sf-simpleBff_productsItem{width:38.84058%}
  .otherItem .sf-simpleBff .sf-simpleBff_productsItemBody{margin-top:0;padding:15px 12px}
  .section__moreLink .sf-button{padding:20px 32px}
  .care li{border-bottom:1px solid var(--color-gray-300);flex-direction:column;padding:20px 0 22px}
  .care li:first-of-type{padding-top:0}
  .care li:last-of-type{border-bottom:none;padding-bottom:0}
  .care__title{order:1}
  .care__content{margin-top:18px;order:3}
  .care__comment{line-height:180%}
  .care__img{margin-left:auto;margin-right:auto;margin-top:8px;order:2;width:73.62319%}
  .aboutLinen__inner{padding:40px 15px 0}
  .nature{flex-direction:column;padding:0 15px}
  .nature__item{grid-gap:9px 15px;border-top:1px solid var(--color-gray-300);display:grid;grid-template-columns:43.478% 1fr;grid-template-rows:repeat(2,auto);padding:24px 0}
  .nature__item:first-of-type{border-top:none;padding-top:0}
  .nature__item:last-of-type{padding-bottom:40px}
  .nature__title{grid-area:1/1/2/3;height:auto!important}
  .lineup__tab .sf-tabButton_container{margin:0}
}

@media screen and (max-width:599px){
  .sf-u-mt_xxxlExt-mobile{margin-top:80px}
  .reason li:first-of-type{padding-right:15px}
  .reason li:nth-of-type(2){padding:0 15px}
  .reason li:nth-of-type(3){padding-left:15px}
}

/* =========================================================
   Local product card (your custom sf-localCard) — ONE version only
   ========================================================= */
.sf-localCard{width:100%}
.sf-localCard__link{display:flex;gap:16px;text-decoration:none;color:inherit;align-items:center}
.sf-localCard__imgWrap{width:110px;aspect-ratio:1/1;background:#f6f6f6;overflow:hidden;flex-shrink:0}
.sf-localCard__img{width:100%;height:100%;object-fit:cover;display:block}
.sf-localCard__body{min-width:0}
.sf-localCard__name{margin:0;font-size:14px;line-height:1.4}
.sf-localCard__price{margin:6px 0 0;font-size:16px;font-weight:600}
.sf-localCard__chips{display:flex;gap:6px;margin:6px 0 4px;flex-wrap:wrap}
.sf-localCard__chipBtn{width:20px;height:20px;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:#f3f3f3;padding:0;cursor:pointer;position:relative;overflow:hidden}
.sf-localCard__chipBtn img{width:100%;height:100%;object-fit:cover;display:block}
.sf-localCard__chipBtn[aria-pressed="true"]{outline:2px solid rgba(0,0,0,.55);outline-offset:2px}

/* =========================================================
   FIX: Alternate left/right per .style__pickItems group (Desktop)
   Your row element is: <div class="style__pickItem pickItem ...">
   ========================================================= */
@media (min-width:1000px){

  /* ensure each pick row is a flex row */
  .style__pickItems > .pickItem{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:40px;
  }

  /* flip 2nd, 4th, 6th item WITHIN the group */
  .style__pickItems > .pickItem:nth-of-type(even){
    flex-direction:row-reverse;
  }

  /* swap the absolute-positioned images WITHIN the group */
  .style__pickItems > .pickItem:nth-of-type(even) .pickItem__img{
    left:auto !important;
    right:0 !important;
  }
  .style__pickItems > .pickItem:nth-of-type(even) .pickItem__subImg{
    right:auto !important;
    left:0 !important;
  }

  /* make sure odd items stay default */
  .style__pickItems > .pickItem:nth-of-type(odd) .pickItem__img{
    left:0 !important;
    right:auto !important;
  }
  .style__pickItems > .pickItem:nth-of-type(odd) .pickItem__subImg{
    right:0 !important;
    left:auto !important;
  }

  /* product card wrapper: vertically center vs model image */
  .pickItem__bff{
    margin:auto 0;
    max-width:360px;
  }

  /* inside product card: big cut-out + centered text */
  .pickItem__bff .sf-localCard__link{
    display:grid;
    grid-template-columns:240px 1fr;
    gap:18px;
    align-items:center;
  }
  .pickItem__bff .sf-localCard__imgWrap{
    width:240px;
    aspect-ratio:1/1;
    background:transparent;
  }
  .pickItem__bff .sf-localCard__img{
    object-fit:contain;
  }
  .pickItem__bff .sf-localCard__body{
    max-width:240px;
  }
}

/* Mobile/tablet for big cut-out layout */
@media (max-width:999px){
  .pickItem__bff .sf-localCard__link{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:18px;
    align-items:center;
  }
  .pickItem__bff .sf-localCard__imgWrap{
    width:180px;
    aspect-ratio:1/1;
    background:transparent;
  }
  .pickItem__bff .sf-localCard__img{
    object-fit:contain;
  }
}

/* =========================================
   Restore "Similar Items" title + dividers
   ========================================= */
.otherItem{
  margin-top:56px !important;
  border-top:1px solid var(--color-gray-300) !important;
  border-bottom:1px solid var(--color-gray-300) !important;
}
@media (min-width:1000px){
  .otherItem{ margin-top:48px !important; }
}

/* Title row spacing + divider under title */
.otherItem__summary{
  padding:20px 0 !important;
  border-bottom:1px solid var(--color-gray-300) !important;
}

/* Content area breathing space */
.otherItem__detailInner{
  padding:24px 0 40px !important;
  display:block !important;
}

/* When open, keep nice spacing */
.otherItem.-open .otherItem__summary{
  padding-bottom:28px !important;
}

/* =========================================
   Similar Items grid — centered for 1/2/3/4+ items
   ========================================= */
.sf-localOtherGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,180px);
  gap:24px;
  justify-content:center;
  max-width:calc(180px*4 + 24px*3);
  margin:0 auto;
}


/* =========================================================
   FINAL FIX: Alternate left/right within each .style__pickItems group
   (Overrides global .pickItem:nth-of-type(2n) rules)
   ========================================================= */
@media (min-width:1000px){

  /* base row */
  .style__pickItems > .style__pickItem.pickItem{
    display:flex !important;
    flex-direction:row !important;
    align-items:center;
    gap:40px;
  }

  /* flip 2nd, 4th, 6th within THIS group (use nth-child, not nth-of-type) */
  .style__pickItems > .style__pickItem.pickItem:nth-child(even){
    flex-direction:row-reverse !important;
  }

  /* swap the absolute-positioned images too */
  .style__pickItems > .style__pickItem.pickItem:nth-child(even) .pickItem__img{
    left:auto !important;
    right:0 !important;
  }
  .style__pickItems > .style__pickItem.pickItem:nth-child(even) .pickItem__subImg{
    right:auto !important;
    left:0 !important;
  }

  /* ensure odd rows stay default */
  .style__pickItems > .style__pickItem.pickItem:nth-child(odd) .pickItem__img{
    left:0 !important;
    right:auto !important;
  }
  .style__pickItems > .style__pickItem.pickItem:nth-child(odd) .pickItem__subImg{
    right:0 !important;
    left:auto !important;
  }
}

/* =========================================================
   Similar Items: stacked card layout (match JP screenshot)
   ========================================================= */
.sf-localCard--stacked .sf-localCard__link{
  display:block !important;
}

.sf-localCard--stacked .sf-localCard__imgWrap{
  width:100% !important;
  aspect-ratio:1/1;
  background:transparent !important;
}

.sf-localCard--stacked .sf-localCard__img{
  width:100%;
  height:100%;
  object-fit:contain !important;
}

.sf-localCard--stacked .sf-localCard__body{
  margin-top:10px;
}

.sf-localCard--stacked .sf-localCard__chips{
  margin:0 0 10px;
  justify-content:flex-start;   /* JP look = left aligned */
}

.sf-localCard--stacked .sf-localCard__name{
  margin:0;
  font-size:14px;
  line-height:1.4;
}

.sf-localCard--stacked .sf-localCard__price{
  margin:8px 0 0;
  font-size:16px;
  font-weight:600;
}

/* Ensure no “strike-through” price styles leak in */
.sf-localCard--stacked del,
.sf-localCard--stacked s,
.sf-localCard--stacked .is-strike,
.sf-localCard--stacked .strike{
  display:none !important;
}




.section__moreLink{
  display:flex;
  justify-content:center;
}

.section__moreLink .sf-button{
  position:relative;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:auto;
  max-width:370px;
  margin:0;
}
.section__moreLink .sf-button:after{
  position:absolute;
  right:-24px;
}

.section__moreLink .sf-button:hover:after{
  transform:translateY(3px);
}

.section__moreLink .sf-button{
  width:auto;
  max-width:370px;
  margin-left:auto;
  margin-right:auto;
}



/* Local Style Gallery */
.localStyleGallery {
  background: #f7f5f0;
}

.localStyleGallery__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.localStyleGallery__item {
  display: flex;
  flex-direction: column;
}

.localStyleGallery__item figure {
  background: #fff;
}

.localStyleGallery__item img {
  object-fit: cover;
}

.localStyleGallery__caption {
  margin-top: 8px;
  font-size: 1.2rem;
  line-height: 1.7;
  color: #555;
}

@media screen and (min-width: 1000px) {
  .localStyleGallery__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 20px;
  }

  .localStyleGallery__item {
    grid-column: span 3;
  }

  .localStyleGallery__item.-large,
  .localStyleGallery__item.-portrait {
    grid-column: span 4;
  }

  .localStyleGallery__item.-wide {
    grid-column: span 8;
  }

  .localStyleGallery__caption {
    font-size: 1.4rem;
  }
}


.section__moreLink{
  display:flex;
  justify-content:center;
}

.section__moreLink .sf-button{
  position:relative;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:auto !important;
  margin:0 auto;
  gap:8px;
}

.section__moreLink .sf-button:after{
  position:static;
  margin-left:4px;
}
