/* USAGE
@include when-xxxs  {background:#09f} (0 to 339px)
@include when-xxs   {background:#09f} (0 to 419px)
@include when-xs    {background:#09f} (0 to 599px)
@include when-gt-xs {background:#09f} (600px to screen size)
@include when-sm    {background:#f00} (0 to 959px)
@include when-gt-sm {background:#363} (960px to screen size)
*/
@keyframes aniGradientBG {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
/* Usage
   parent container applies: position:relative;
   child add: @include centerer;
*/
.serif, .product-highlight h3, .product-highlight .newItemContainer discount, .shoppingBagSatisfactionWrap .satisfactionStyle h3, .recommended h3 {
  font-family: 'All Round Gothic', 'Hiragino Maru Gothic Pro', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; }

span[class^="payment-"], a[class^="payment-"] {
  display: inline-block;
  height: 24px;
  background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36616/imgs/payment/payment_logo.svg);
  background-repeat: no-repeat;
  margin: 3px 3px 3px 0;
  vertical-align: middle; }

.payment-visa {
  width: 36px;
  background-position: 0 0; }

.payment-master {
  width: 30px;
  background-position: -41px 0; }

.payment-ae {
  width: 23px;
  background-position: -84px 0; }

.payment-jcb {
  width: 29px;
  background-position: -117px 0; }

.payment-paypal {
  width: 50px;
  background-position: -155px 0; }

.payment-ideal {
  width: 27px;
  background-position: -212px 0; }

.payment-sofort {
  width: 35px;
  background-position: -247px 0; }

.payment-applepay {
  width: 37px;
  background-position: -288px 0; }

.payment-googlepay {
  width: 37px;
  background-position: -331px 0; }

.payment-sepa {
  width: 59px;
  background-position: -373px 0; }

.payment-mybank {
  width: 42px;
  background-position: -438px 0; }

.payment-bancontact {
  width: 33px;
  background-position: -487px 0; }

.payment-eps {
  width: 39px;
  background-position: -526px 0; }

.payment-giropay {
  width: 55px;
  background-position: -570px 0; }

.payment-alipay {
  width: 24px;
  background-position: -631px 0; }

.payment-wechatpay {
  width: 27px;
  background-position: -661px 0; }

.payment-binance {
  width: 25px;
  background-position: -694px 0; }

.payment-payme {
  width: 58px;
  background-position: -725px 0; }

.payment-octopus {
  width: 36px;
  background-position: -789px 0; }

.payment-fps {
  width: 26px;
  background-position: -829px 0; }

.payment-tapandgo {
  width: 48px;
  background-position: -861px 0; }

.payment-oxxo {
  width: 52px;
  background-position: -916px 0; }

.payment-blik {
  width: 50px;
  background-position: -975px 0; }

.payment-p24 {
  width: 65px;
  background-position: -1064px 0; }

/* USAGE
@include when-xxxs  {background:#09f} (0 to 339px)
@include when-xxs   {background:#09f} (0 to 419px)
@include when-xs    {background:#09f} (0 to 599px)
@include when-gt-xs {background:#09f} (600px to screen size)
@include when-sm    {background:#f00} (0 to 959px)
@include when-gt-sm {background:#363} (960px to screen size)
*/
@keyframes aniGradientBG {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
/* Usage
   parent container applies: position:relative;
   child add: @include centerer;
*/
.serif, .product-highlight h3, .product-highlight .newItemContainer discount, .shoppingBagSatisfactionWrap .satisfactionStyle h3, .recommended h3 {
  font-family: 'All Round Gothic', 'Hiragino Maru Gothic Pro', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; }

.product-highlight {
  padding: 24px 0 30px;
  background-color: #fff;
  /* Minimum height is set to prevent jumping when Ajax loading new content */ }
  @media (min-width: 960px) {
    .product-highlight {
      max-height: 580px;
      padding-left: 10px;
      padding-right: 10px; } }
  .product-highlight h3 {
    margin: 0;
    color: #333;
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    font-weight: normal; }
    @media (max-width: 959px) {
      .product-highlight h3 {
        padding-left: 12px;
        padding-right: 12px; } }
    @media (min-width: 960px) {
      .product-highlight h3 {
        font-size: 32px;
        line-height: 38px; } }
  .product-highlight .item-list {
    position: relative;
    display: flex;
    width: 100%;
    padding: 22px 10px 30px;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none; }
    @media (min-width: 960px) {
      .product-highlight .item-list {
        padding-block-start: 24px; } }
    .product-highlight .item-list::-webkit-scrollbar {
      display: none; }
    .product-highlight .item-list .icon-angle-left {
      left: -7px; }
      .product-highlight .item-list .icon-angle-left:before {
        margin-right: 3px; }
    .product-highlight .item-list .icon-angle-right {
      right: -7px; }
      .product-highlight .item-list .icon-angle-right:before {
        margin-left: 3px; }
    .product-highlight .item-list .md-button {
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
      position: absolute;
      top: 114px;
      z-index: 3;
      min-width: 38px;
      width: 38px;
      height: 38px;
      padding: 0;
      color: #333;
      background: #fff;
      border-radius: 50%;
      box-sizing: border-box; }
      .product-highlight .item-list .md-button[disabled] {
        color: #bbb; }
      .product-highlight .item-list .md-button:not([disabled]):hover {
        color: #22D20C;
        box-shadow: 0 0 1px #63c956; }
    .product-highlight .item-list .itemContainer {
      width: calc((100vw - 30px)*0.5);
      padding: 0 8px; }
      @media (min-width: 600px) {
        .product-highlight .item-list .itemContainer {
          padding-left: 10px;
          padding-right: 10px; } }
      @media (min-width: 960px) {
        .product-highlight .item-list .itemContainer {
          width: 20%; } }
      @media only screen and (max-width: 1126px) and (min-width: 960px) {
        .product-highlight .item-list .itemContainer:not(:nth-child(-n+7)) {
          display: none; } }
      .product-highlight .item-list .itemContainer a {
        width: 100%;
        height: 100%;
        background: #fff;
        box-sizing: border-box;
        border-radius: 16px;
        text-decoration: none;
        border-start-start-radius: 20px !important;
        border-start-end-radius: 0 !important;
        border-end-start-radius: 10px !important;
        border-end-end-radius: 20px !important; }
        .product-highlight .item-list .itemContainer a, .product-highlight .item-list .itemContainer a:hover {
          color: #212121; }
      .product-highlight .item-list .itemContainer .itemCover {
        border-start-start-radius: 20px !important;
        border-start-end-radius: 0 !important;
        border-end-start-radius: 0 !important;
        border-end-end-radius: 0 !important;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        height: 160px;
        max-height: 216px; }
        @media (min-width: 600px) {
          .product-highlight .item-list .itemContainer .itemCover {
            height: 180px; } }
        @media only screen and (min-width: 1040px) {
          .product-highlight .item-list .itemContainer .itemCover {
            height: 216px; } }
      .product-highlight .item-list .itemContainer .itemContent {
        padding: 12px 10px 16px;
        border-start-start-radius: 0 !important;
        border-start-end-radius: 0 !important;
        border-end-start-radius: 10px !important;
        border-end-end-radius: 20px !important; }
        .product-highlight .item-list .itemContainer .itemContent .itemTitle {
          padding: 0;
          margin-block-end: 8px; }
        .product-highlight .item-list .itemContainer .itemContent .itemTitle, .product-highlight .item-list .itemContainer .itemContent .itemPrice {
          line-height: 16px; }
        .product-highlight .item-list .itemContainer .itemContent .itemPrice s, .product-highlight .item-list .itemContainer .itemContent .itemPrice span {
          white-space: nowrap; }
        .product-highlight .item-list .itemContainer .itemContent .itemPrice s {
          color: #666;
          padding-left: 2px;
          padding-right: 2px; }
          .product-highlight .item-list .itemContainer .itemContent .itemPrice s:before, .product-highlight .item-list .itemContainer .itemContent .itemPrice s:after {
            content: "\00a0"; }
        .product-highlight .item-list .itemContainer .itemContent .itemPrice {
          gap: 4px; }
        .product-highlight .item-list .itemContainer .itemContent .nowrap {
          font-size: 12px; }
  .product-highlight .grey-button {
    margin: 0; }
  @media (min-width: 600px) {
    .product-highlight.flash-sales-fashion {
      min-height: 426px; }
      .product-highlight.flash-sales-fashion .item-list {
        min-height: 306px; } }
  @media only screen and (min-width: 1040px) {
    .product-highlight.flash-sales-fashion {
      min-height: 462px; }
      .product-highlight.flash-sales-fashion .item-list {
        min-height: 342px; } }
  @media (min-width: 600px) {
    .product-highlight.flash-sales-beauty {
      min-height: 462px;
      /*min-height:497px;*/ }
      .product-highlight.flash-sales-beauty .item-list {
        min-height: 346px; } }
  @media only screen and (min-width: 1040px) {
    .product-highlight.flash-sales-beauty {
      min-height: 502px;
      /*min-height:533px;*/ }
      .product-highlight.flash-sales-beauty .item-list {
        min-height: 382px; } }
  @media (min-width: 600px) {
    .product-highlight.clearance-fashion {
      min-height: 391px; }
      .product-highlight.clearance-fashion .item-list {
        min-height: 275px; } }
  @media only screen and (min-width: 1040px) {
    .product-highlight.clearance-fashion {
      min-height: 431px; }
      .product-highlight.clearance-fashion .item-list {
        min-height: 311px; } }
  @media (min-width: 600px) {
    .product-highlight.clearance-beauty {
      min-height: 435px; }
      .product-highlight.clearance-beauty .item-list {
        min-height: 315px; } }
  @media only screen and (min-width: 1040px) {
    .product-highlight.clearance-beauty {
      min-height: 471px; }
      .product-highlight.clearance-beauty .item-list {
        min-height: 351px; } }
  .product-highlight[class*="lowest-price"], .product-highlight[class*="lowest-price"] .item-list {
    padding-bottom: 27px; }
  @media (min-width: 600px) {
    .product-highlight.lowest-price-fashion {
      min-height: 429px; }
      .product-highlight.lowest-price-fashion .item-list {
        min-height: 303px; } }
  @media only screen and (min-width: 1040px) {
    .product-highlight.lowest-price-fashion {
      min-height: 469px; }
      .product-highlight.lowest-price-fashion .item-list {
        min-height: 339px; } }
  @media (min-width: 600px) {
    .product-highlight.lowest-price-beauty {
      min-height: 473px; }
      .product-highlight.lowest-price-beauty .item-list {
        min-height: 343px; } }
  @media only screen and (min-width: 1040px) {
    .product-highlight.lowest-price-beauty {
      min-height: 509px; }
      .product-highlight.lowest-price-beauty .item-list {
        min-height: 379px; } }
  .product-highlight.row-item-6 {
    padding: 4px 0 20px;
    background: none; }
    @media (min-width: 960px) {
      .product-highlight.row-item-6 {
        padding-left: 12px;
        padding-right: 12px; } }
    .product-highlight.row-item-6 .item-list {
      position: relative;
      padding-left: 7px;
      padding-right: 7px;
      min-height: 295px; }
      @media (min-width: 960px) {
        .product-highlight.row-item-6 .item-list {
          padding-left: 9px;
          padding-right: 9px; } }
      .product-highlight.row-item-6 .item-list .itemContainer {
        padding-inline: 8px; }
        @media (min-width: 960px) {
          .product-highlight.row-item-6 .item-list .itemContainer {
            width: calc(100% / 6); }
            .product-highlight.row-item-6 .item-list .itemContainer:not(:nth-child(-n+6)) {
              display: none; } }
        @media only screen and (max-width: 1100px) and (min-width: 960px) {
          .product-highlight.row-item-6 .item-list .itemContainer .reviewCount {
            display: none; } }
        .product-highlight.row-item-6 .item-list .itemContainer a {
          display: block;
          border-radius: 8px; }
        .product-highlight.row-item-6 .item-list .itemContainer .ratingRow {
          margin-block-start: 8px; }
          .product-highlight.row-item-6 .item-list .itemContainer .ratingRow:before, .product-highlight.row-item-6 .item-list .itemContainer .ratingRow > .colored:before {
            font-size: 15px;
            line-height: 15px; }
          .product-highlight.row-item-6 .item-list .itemContainer .ratingRow .reviewCount {
            padding-block: 0;
            font-size: 11px;
            line-height: 14px; }
        .product-highlight.row-item-6 .item-list .itemContainer .itemCover .icon-video, .product-highlight.row-item-6 .item-list .itemContainer .itemCover:before {
          display: none; }
        @media (min-width: 600px) {
          .product-highlight.row-item-6 .item-list .itemContainer .itemCover {
            height: 160px; } }
        @media only screen and (min-width: 1040px) {
          .product-highlight.row-item-6 .item-list .itemContainer .itemCover {
            height: 180px; } }
        .product-highlight.row-item-6 .item-list .itemContainer .openNewTab:before {
          line-height: 27px; }
      .product-highlight.row-item-6 .item-list .loadingMask {
        position: absolute;
        z-index: 4;
        background: rgba(241, 242, 246, 0.65); }
    .product-highlight.row-item-6 .showMoreRow {
      margin: 0 0 30px; }
  .product-highlight .newItemContainer .itemPriceWrapper {
    width: 100%;
    overflow: hidden;
    gap: 0 4px;
    align-items: flex-end; }
  .product-highlight .newItemContainer .itemPrice {
    font-size: 14px;
    line-height: 1.2; }
  .product-highlight .newItemContainer .itemSellPrice {
    font-size: 12px;
    line-height: 16px;
    text-decoration: line-through;
    color: #666666; }
  .product-highlight .newItemContainer discount {
    position: absolute;
    z-index: 5;
    top: -3px;
    inset-inline-end: 4px;
    max-width: calc(100% - 24px);
    white-space: nowrap;
    padding-inline: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    overflow: hidden;
    background-color: #f33;
    border-start-start-radius: 8px !important;
    border-start-end-radius: 0 !important;
    border-end-start-radius: 4px !important;
    border-end-end-radius: 8px !important;
    font-weight: normal !important;
    box-shadow: -1.25px 1.25px rgba(0, 0, 0, 0.15); }
    .product-highlight .newItemContainer discount.flashSale {
      background-color: #fa6997; }
    .product-highlight .newItemContainer discount div {
      margin: 0 !important; }
    @media (min-width: 960px) {
      .product-highlight .newItemContainer discount {
        margin-top: 0px;
        padding-inline: 10px;
        font-size: 15px;
        line-height: 24px; } }
    html.translated-rtl .product-highlight .newItemContainer discount, html[dir=rtl] .product-highlight .newItemContainer discount {
      box-shadow: 1.25px 1.25px 0px 0px rgba(0, 0, 0, 0.15); }

aside {
  height: 0 !important; }

#checkoutAnchor {
  position: relative;
  top: -48px; }

.parentSection.supportiveSection {
  margin-top: 10px;
  margin-bottom: 10px; }
  @media (min-width: 960px) {
    .parentSection.supportiveSection {
      margin-top: 20px;
      margin-bottom: 0; } }
  .parentSection.supportiveSection .childColumn.blockLink {
    margin-bottom: 0; }
    .parentSection.supportiveSection .childColumn.blockLink + .sectionBorder {
      border-color: #f1f2f6; }
    @media (min-width: 1280px) {
      .parentSection.supportiveSection .childColumn.blockLink {
        margin-left: 5px;
        margin-right: 5px; }
        .parentSection.supportiveSection .childColumn.blockLink:first-child {
          margin-left: 0; }
        .parentSection.supportiveSection .childColumn.blockLink:last-child {
          margin-right: 0; }
        .parentSection.supportiveSection .childColumn.blockLink + .sectionBorder {
          border-color: #e9ebf1; } }

.shippingMethod .ysCheckboxRadioWrapper {
  margin: 13px 0 16px;
  padding-inline: 13px; }
  .shippingMethod .ysCheckboxRadioWrapper .childColumn {
    padding: 0 !important;
    border: none !important; }
  .shippingMethod .ysCheckboxRadioWrapper md-radio-button {
    margin-block: 8px 1px !important;
    /* &[disabled]{ opacity:.38; } */
    /* disabled case radio button group */ }
  .shippingMethod .ysCheckboxRadioWrapper h4 {
    font-size: 13px !important; }
  .shippingMethod .ysCheckboxRadioWrapper p {
    margin-top: 0 !important; }

.checkboxTitle {
  margin-top: 11px;
  color: #818181;
  font-size: 11px; }

.giftWrapping {
  border-top: 3px solid #f1f2f6; }

.bagHeading {
  margin-top: 21px;
  margin-bottom: 0; }
  .bagHeading a {
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    .bagHeading a.pill-btn {
      color: #666; }
      .bagHeading a.pill-btn:hover {
        border-color: #22D20C; }
  .bagHeading h1 {
    margin-right: 10px;
    margin-bottom: 0;
    width: auto; }
  .bagHeading .remark {
    padding-top: 5px; }
  .bagHeading .smallTag {
    margin-top: 4px;
    margin-bottom: 4px;
    text-decoration: none; }

.bagWrapper {
  margin-block-start: 19px; }
  @media (min-width: 960px) {
    .bagWrapper {
      margin-block-start: 18px; } }
  .bagWrapper .parentSection {
    background: none; }
  .bagWrapper a.linkUnderline {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #666;
    border-bottom: none;
    text-decoration: underline; }
  .bagWrapper .childColumn {
    padding: 16px;
    background: #fff; }
    .bagWrapper .childColumn p {
      margin-top: 4px; }
    .bagWrapper .childColumn .totalGST {
      margin-top: 8px; }
    .bagWrapper .childColumn .subTotal, .bagWrapper .childColumn .grandTotal {
      border-top: 1px solid #eee;
      margin-top: 6px;
      font-weight: bold; }
    .bagWrapper .childColumn .subTotal {
      padding-top: 4px; }
    .bagWrapper .childColumn .grandTotal {
      padding-top: 6px;
      color: #666;
      font-size: 14px;
      line-height: 17px;
      margin-block: 11px 0;
      padding-block-end: 16px; }
    .bagWrapper .childColumn a.linkUnderline {
      display: inline-block; }
  .bagWrapper .actionWrapper a.linkUnderline {
    color: #a3a3a3;
    border-color: #ccc;
    border-bottom: 1px solid #aaa;
    text-decoration: none; }
  .bagWrapper .checkoutSection {
    border-top: 0; }
    .bagWrapper .checkoutSection .scrollFollow {
      width: 100%; }
    .bagWrapper .checkoutSection h4:not(.md-label h4) {
      font-size: 14px;
      line-height: 17px;
      padding-block: 3px 4px;
      margin: 0; }
    @media (max-width: 959px) {
      .bagWrapper .checkoutSection:has(.scrollFollow) {
        padding-block-end: 0 !important; } }

.ysAffixBottom + div .sections, .ysAffixBottom + .sections {
  margin-top: 50px; }
.ysAffixBottom + div .product-highlight.row-item-6, .ysAffixBottom + .product-highlight.row-item-6 {
  margin-block: 56px 20px; }
  @media (min-width: 960px) {
    .ysAffixBottom + div .product-highlight.row-item-6, .ysAffixBottom + .product-highlight.row-item-6 {
      margin-block: 76px 40px; } }
.ysAffixBottom + #cartContainerId {
  margin-block: 60px 70px; }
  @media (min-width: 960px) {
    .ysAffixBottom + #cartContainerId {
      margin-block: 80px 90px; } }
  .ysAffixBottom + #cartContainerId:has(+ div .product-highlight.row-item-6, + .product-highlight.row-item-6) {
    margin-block-end: 66px; }
    @media (min-width: 960px) {
      .ysAffixBottom + #cartContainerId:has(+ div .product-highlight.row-item-6, + .product-highlight.row-item-6) {
        margin-block-end: 86px; } }
.ysAffixBottom + .shoppingBagSatisfactionWrap {
  margin-block-start: 60px; }
  @media (min-width: 960px) {
    .ysAffixBottom + .shoppingBagSatisfactionWrap {
      margin-block-start: 80px; } }

.product-highlight.row-item-6 {
  margin-block: 66px 20px; }
  @media (min-width: 960px) {
    .product-highlight.row-item-6 {
      margin-block: 86px 40px; } }
  .product-highlight.row-item-6:has(+ .product-highlight.row-item-6) {
    margin-block-end: 16px; }
    @media (min-width: 960px) {
      .product-highlight.row-item-6:has(+ .product-highlight.row-item-6) {
        margin-block-end: 36px; } }
  .product-highlight.row-item-6 + .product-highlight.row-item-6 {
    margin-block-start: 16px; }
    @media (min-width: 960px) {
      .product-highlight.row-item-6 + .product-highlight.row-item-6 {
        margin-block-start: 36px; } }

.floatingButton {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 40;
  padding: 8px 16px 16px;
  background: #fff;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  .floatingButton.collapse {
    bottom: -90px; }
  .floatingButton .checkout {
    margin: 0; }
  .floatingButton .nowrap {
    margin-bottom: 10px;
    font-size: 14px; }

.gradientBackground {
  background: linear-gradient(141deg, #22D20C, #23F20B); }

.childSection:has(.checkoutBlock) {
  margin-block-end: 16px; }
  @media (min-width: 960px) {
    .childSection:has(.checkoutBlock) {
      border-start-start-radius: 20px !important;
      border-start-end-radius: 0 !important;
      border-end-start-radius: 10px !important;
      border-end-end-radius: 20px !important; } }

.checkoutBlock {
  padding: 0 3px 3px; }
  @media (min-width: 960px) {
    .checkoutBlock {
      border-start-start-radius: 20px !important;
      border-start-end-radius: 0 !important;
      border-end-start-radius: 10px !important;
      border-end-end-radius: 20px !important; } }
  .checkoutBlock h3 {
    margin: 0;
    padding-block: 13px 12px;
    padding-inline: 13px;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal; }
    @media (min-width: 960px) {
      .checkoutBlock h3 {
        font-size: 20px;
        line-height: 24px;
        border-start-start-radius: 20px !important;
        border-start-end-radius: 0 !important;
        border-end-start-radius: 10px !important;
        border-end-end-radius: 20px !important; } }
    .checkoutBlock h3 + * {
      overflow: hidden;
      border-start-start-radius: 20px !important;
      border-start-end-radius: 0 !important;
      border-end-start-radius: 0 !important;
      border-end-end-radius: 0 !important; }
  .checkoutBlock .childColumn, .checkoutBlock .childColumn.blockLink {
    margin: 0;
    border-bottom: 1px solid #eee; }
  .checkoutBlock .childColumn.blockLink.alert-info {
    border-color: #80dbf1;
    overflow: hidden; }
    .checkoutBlock .childColumn.blockLink.alert-info .animated {
      background-color: #dcf3ff; }
      .checkoutBlock .childColumn.blockLink.alert-info .animated, .checkoutBlock .childColumn.blockLink.alert-info .animated:hover, .checkoutBlock .childColumn.blockLink.alert-info .animated h4, .checkoutBlock .childColumn.blockLink.alert-info .animated h4:hover, .checkoutBlock .childColumn.blockLink.alert-info .animated .icon, .checkoutBlock .childColumn.blockLink.alert-info .animated .icon:hover {
        color: #31708f; }
  .checkoutBlock .childColumn.blockLink a {
    padding: 13px 13px 0; }
    .checkoutBlock .childColumn.blockLink a .icon-angle-right {
      right: 13px;
      top: 25px;
      margin-top: 0; }
    .checkoutBlock .childColumn.blockLink a:hover .icon-angle-right {
      right: 10px; }
    .checkoutBlock .childColumn.blockLink a.alert-info {
      background-color: #dcf3ff; }
      .checkoutBlock .childColumn.blockLink a.alert-info, .checkoutBlock .childColumn.blockLink a.alert-info h4 {
        color: #31708f; }
  .checkoutBlock .childColumn.blockLink.titleLink h4 {
    margin-bottom: 0; }
  .checkoutBlock .childColumn.blockLink.enterCode:not(.titleLink) a {
    padding-block-end: 16px;
    background-color: #f1f2f6; }
    .checkoutBlock .childColumn.blockLink.enterCode:not(.titleLink) a:hover p {
      border-color: #22D20C; }
  .checkoutBlock .childColumn.blockLink.enterCode:not(.titleLink) p {
    height: 36px;
    line-height: 35px;
    margin-top: 10px;
    padding: 0 12px;
    color: #adadad;
    background: #fff;
    font-size: 14px;
    border: 1px solid #adbacb;
    border-start-start-radius: 8px !important;
    border-start-end-radius: 0 !important;
    border-end-start-radius: 4px !important;
    border-end-end-radius: 8px !important; }
  .checkoutBlock .childColumn.blockLink.enterCode:not(.titleLink) .alert-info {
    margin: 0; }
  .checkoutBlock .childColumn:last-child {
    border: none; }
  .checkoutBlock .childColumn.summarySection {
    padding-inline: 0;
    padding-block: 0; }
    @media (min-width: 960px) {
      .checkoutBlock .childColumn.summarySection {
        border-start-start-radius: 0 !important;
        border-start-end-radius: 0 !important;
        border-end-start-radius: 10px !important;
        border-end-end-radius: 20px !important; } }
    .checkoutBlock .childColumn.summarySection > * {
      background-color: #fff; }

.codeWrapper {
  padding: 8px 0 16px; }

.couponError:not(.chip) {
  padding: 3px 13px 0;
  color: #dd2c00;
  font-size: 12px;
  line-height: 16px; }
  @media (min-width: 960px) {
    .couponError:not(.chip) {
      padding-left: 13px;
      padding-right: 13px; } }

.chip {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  margin-inline-start: 11px;
  margin-block-start: 6px;
  padding-inline: 12px 6px;
  border-radius: 50px;
  border: 1px solid #dfe0e6;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 17px;
  height: 34px; }
  .chip .closeButton {
    height: 22px;
    min-height: 22px;
    width: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline-start: 1px; }
  .chip:not(.couponError):hover {
    border-color: #22D20C; }
  .chip.couponError {
    background-color: #ff8e8d;
    color: #000;
    border-color: transparent; }
    .chip.couponError:hover {
      background-color: #ff9d9c; }

.summarySection .no-shadow {
  border-top: 1px solid #eee;
  padding-block: 20px;
  padding-inline: 13px; }
  @media (min-width: 960px) {
    .summarySection .no-shadow {
      border-start-start-radius: 0 !important;
      border-start-end-radius: 0 !important;
      border-end-start-radius: 10px !important;
      border-end-end-radius: 20px !important; } }
.summarySection .md-button {
  width: 100%;
  margin: 0 4px 0 0;
  line-height: 36px;
  min-height: 38px; }
.summarySection .nowrap {
  padding-left: 10px; }

.summaryWrapper {
  padding-left: 11px;
  padding-inline: 13px;
  padding-block-start: 14px; }
  .summaryWrapper p:last-of-type {
    margin-bottom: 17px; }
  .summaryWrapper p:first-of-type {
    margin-block-start: 0; }
  .summaryWrapper .normalize {
    color: #777;
    font-size: 13px;
    font-weight: normal; }

.estimatedShipOutDate {
  padding: 15px 13px;
  border-top: 1px solid #eee;
  color: #1E1E1E;
  font-size: 13px;
  line-height: 16px; }

.bagContent {
  margin-bottom: 10px; }
  @media (min-width: 960px) {
    .bagContent {
      margin-right: 10px; }
      .bagContent + .parentSection.sectionBorder {
        width: 328px; } }

.childSection + .childSection .childColumn {
  margin-bottom: 0; }

md-input-container.ysNormalInput .md-placeholder, md-input-container.ysNormalInput label:not(.md-no-float):not(.md-container-ignore) {
  padding-left: 10px; }
md-input-container.ysNormalInput label:not(.md-no-float), md-input-container.ysNormalInput.md-input-has-placeholder label:not(.md-no-float), md-input-container.ysNormalInput.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0px, 28px, 0px) scale(1);
  transition: none;
  color: rgba(0, 0, 0, 0.38); }
md-input-container.ysNormalInput.md-icon-float.md-input-focused label {
  display: none; }
md-input-container.ysNormalInput.md-input-focused .md-input, md-input-container.ysNormalInput.md-input-resized .md-input, md-input-container.ysNormalInput .md-input.ng-invalid.ng-dirty {
  border: 1px solid #dfd0e6; }

.bagItemContainer {
  padding: 18px 10px 20px 16px;
  color: #333;
  background: #fff;
  border-top: 3px solid #f1f2f6; }
  @media (min-width: 600px) {
    .bagItemContainer {
      padding-right: 16px; } }
  .bagItemContainer .bagQtyCol button.md-button:not(:disabled) {
    min-width: 54px;
    height: 38px;
    margin: 12px 0 0;
    padding: 0 5px !important;
    font-size: 12px; }
    .bagItemContainer .bagQtyCol button.md-button:not(:disabled).updateQuantity {
      display: none; }
    @media (max-width: 959px) {
      .bagItemContainer .bagQtyCol button.md-button:not(:disabled) {
        border-start-start-radius: 0 !important;
        border-end-start-radius: 0 !important; }
        .bagItemContainer .bagQtyCol button.md-button:not(:disabled):not(.updateQuantity) ~ md-input-container input {
          border-start-end-radius: 0 !important;
          border-end-end-radius: 0 !important; } }
  @media (min-width: 960px) {
    .bagItemContainer .bagQtyCol {
      text-align: right; }
      .bagItemContainer .bagQtyCol md-input-container {
        text-align: left; }
      .bagItemContainer .bagQtyCol button.md-button:not(:disabled) {
        min-width: 70px;
        margin-top: 0;
        border-start-end-radius: 0 !important;
        border-start-start-radius: 0 !important; }
        .bagItemContainer .bagQtyCol button.md-button:not(:disabled):not(.updateQuantity) ~ md-input-container input {
          border-end-end-radius: 0 !important;
          border-end-start-radius: 0 !important; } }
  .bagItemContainer .actionWrapper {
    position: static;
    margin-top: 22px; }
    @media (min-width: 960px) {
      .bagItemContainer .actionWrapper {
        position: absolute;
        right: 0;
        bottom: 0; } }
    .bagItemContainer .actionWrapper .linkUnderline + .linkUnderline {
      margin-left: 16px; }
  .bagItemContainer md-input-container {
    width: 70px;
    margin: 12px 0 0 !important;
    padding: 0; }
    .bagItemContainer md-input-container .md-input {
      padding: 6px 5px 6px 10px;
      min-height: 38px !important;
      border: 1px solid #dfe0e6;
      border-radius: 4px;
      box-sizing: border-box; }
    @media (min-width: 960px) {
      .bagItemContainer md-input-container {
        margin: 0 !important; } }
    .bagItemContainer md-input-container ~ .actionWrapper {
      margin-left: 4px; }
      .bagItemContainer md-input-container ~ .actionWrapper a {
        margin-left: 16px; }
    .bagItemContainer md-input-container .multiQuantity, .bagItemContainer md-input-container .multiQunantity {
      color: #8a7147 !important;
      background-color: #fcf8e3; }
    .bagItemContainer md-input-container:not(.md-input-focused) .multiQuantity, .bagItemContainer md-input-container:not(.md-input-focused) .multiQunantity {
      border-color: #dfe0e6 !important; }
    .bagItemContainer md-input-container .maxQty {
      overflow: visible; }
      .bagItemContainer md-input-container .maxQty .ys-showerror {
        position: relative;
        text-align: end;
        width: 120px;
        inset-inline-start: -50px; }
        @media (min-width: 1280px) {
          .bagItemContainer md-input-container .maxQty .ys-showerror {
            width: 200px;
            inset-inline-start: -130px; } }
        @media (max-width: 959px) {
          .bagItemContainer md-input-container .maxQty .ys-showerror {
            text-align: start;
            position: relative;
            width: 200px;
            inset-inline-start: 0; } }
    .bagItemContainer md-input-container.md-input-invalid .md-input.ng-invalid {
      border: 1px solid #FF4E4C !important; }
  .bagItemContainer .bagCover {
    padding-inline-end: 16px;
    max-width: 90px; }
    @media (min-width: 600px) {
      .bagItemContainer .bagCover {
        max-width: 146px; } }
  .bagItemContainer .bagCoverWrapper {
    position: relative;
    overflow: hidden;
    margin-top: 2px;
    text-align: center; }
    .bagItemContainer .bagCoverWrapper a, .bagItemContainer .bagCoverWrapper span {
      display: block;
      max-width: 90px;
      height: 102px; }
    .bagItemContainer .bagCoverWrapper img {
      width: auto;
      height: 100%;
      margin: 0 -50%; }
    @media (min-width: 600px) {
      .bagItemContainer .bagCoverWrapper a, .bagItemContainer .bagCoverWrapper span {
        max-width: 130px;
        height: 156px; } }
    @media (min-width: 960px) {
      .bagItemContainer .bagCoverWrapper a, .bagItemContainer .bagCoverWrapper span {
        max-width: 130px;
        height: 130px; } }
  @media (min-width: 960px) {
    .bagItemContainer .bagDetails {
      position: relative; } }
  .bagItemContainer .bagTitle {
    display: inline-block; }
    .bagItemContainer .bagTitle a {
      -webkit-transition: 0.3s;
      transition: 0.3s;
      color: #212121;
      text-decoration: none; }
      .bagItemContainer .bagTitle a:hover {
        color: #22D20C; }
    .bagItemContainer .bagTitle span a {
      color: #fff; }
      .bagItemContainer .bagTitle span a:hover {
        color: #212121; }
      .bagItemContainer .bagTitle span a.trialSize:hover {
        color: #d9edf7; }
  .bagItemContainer .bagPrice {
    font-size: 16px;
    font-weight: bold; }
    .bagItemContainer .bagPrice.pink-label {
      color: #ff4e7d; }
    .bagItemContainer .bagPrice.orange-label {
      color: #ff5c3d; }
    .bagItemContainer .bagPrice.green-label {
      color: #22D20C; }
    .bagItemContainer .bagPrice.megasale-label {
      color: #F94E8E; }
  .bagItemContainer .bagListPrice {
    margin-left: 8px;
    padding-top: 2px;
    color: #777;
    text-decoration: line-through; }
  .bagItemContainer .bagSaleWrapper {
    line-height: 20px; }
  .bagItemContainer .discount {
    color: #f33; }
  .bagItemContainer .verticalLine {
    padding-left: 6px;
    padding-right: 6px; }

.bagInfoWrapper {
  margin-top: 8px;
  line-height: 20px; }

.basketItemContainer.bagColorNoticeSection {
  border-top: none; }
  .basketItemContainer.bagColorNoticeSection .colorNoticeHeader {
    padding-block: 8px 12px;
    padding-inline: 14px;
    min-height: 35px;
    border-top: solid 3px #CCCCCC;
    align-items: center; }
    @media (min-width: 960px) {
      .basketItemContainer.bagColorNoticeSection .colorNoticeHeader {
        padding-block: 6px 8px; } }
    .basketItemContainer.bagColorNoticeSection .colorNoticeHeader span {
      font-weight: bold;
      font-size: 14px;
      line-height: 17px; }
    .basketItemContainer.bagColorNoticeSection .colorNoticeHeader .spacing {
      margin-right: 5px; }
    .basketItemContainer.bagColorNoticeSection .colorNoticeHeader .tips {
      font-weight: normal;
      font-size: 12px;
      line-height: 16px;
      display: inline-block; }
      .basketItemContainer.bagColorNoticeSection .colorNoticeHeader .tips a {
        -webkit-transition: 0.3s;
        transition: 0.3s; }
    .basketItemContainer.bagColorNoticeSection .colorNoticeHeader .icon {
      line-height: 1;
      height: 17px;
      margin-inline-end: 6px; }
      .basketItemContainer.bagColorNoticeSection .colorNoticeHeader .icon:before {
        font-size: 15px;
        margin-inline-start: 2px; }
    .basketItemContainer.bagColorNoticeSection .colorNoticeHeader.color-red {
      background-color: #ffefef;
      color: #a94442;
      border-color: #ff7c7c; }
    .basketItemContainer.bagColorNoticeSection .colorNoticeHeader.color-blue {
      background-color: #dcf3ff;
      color: #31708f;
      border-color: #80dbf1; }
      .basketItemContainer.bagColorNoticeSection .colorNoticeHeader.color-blue span.tips a:not(:hover) {
        color: #31708f; }
    .basketItemContainer.bagColorNoticeSection .colorNoticeHeader + .bagItemContainer {
      border-top: none; }
  .basketItemContainer.bagColorNoticeSection .colorNoticeBagItem-blue {
    border-top: none;
    border-bottom: solid 3px #dcf3ff; }
  .basketItemContainer.bagColorNoticeSection .colorNoticeBagItem-red {
    border-top: none;
    border-bottom: solid 3px #ffe8e8; }
  .basketItemContainer.bagColorNoticeSection .last-item {
    margin-bottom: 10px; }

.itemRemark {
  margin-top: 12px;
  color: #666;
  font-size: 12px; }
  .itemRemark:has(> a) + .itemRemark:has(> a) {
    margin-top: 5px; }
  @media (min-width: 960px) {
    .itemRemark {
      margin-top: 5px; } }
  .itemRemark > div {
    margin-top: 5px; }
  .itemRemark a.warning-red {
    color: #F33;
    line-height: 16px; }

.gradientTopSection {
  margin-top: 25px; }
  .gradientTopSection .generic {
    margin-top: 0;
    border-top: 0; }

.generic {
  position: relative;
  margin-top: 18px;
  padding: 12px 16px; }
  .generic a {
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .generic .sectionHeading {
    margin: 0;
    padding: 0;
    color: #444; }
  .generic .closeButton {
    position: absolute;
    top: 3px;
    right: -3px;
    text-align: center; }
    .generic .closeButton + .sectionHeading {
      margin-right: 30px; }
  .generic .sectionContent {
    margin-top: 7px; }
  .generic .md-button:not(.closeButton) {
    margin: 13px 0 6px;
    padding: 0 20px; }
  .generic .icon {
    margin-left: 3px;
    margin-right: 4px; }
  .generic .round-btn-wrapper {
    margin: 7px -5px 2px; }
    .generic .round-btn-wrapper .md-button {
      min-width: 140px;
      margin: 6px;
      padding: 0 12px;
      text-transform: none; }

.retrieveingItem .alert {
  margin: 0;
  padding: 0;
  border: 0;
  background: none; }

.savedItems .sectionHeading {
  margin-bottom: -13px;
  padding-bottom: 2px; }
.savedItems .itemContainer {
  padding: 0; }
  .savedItems .itemContainer .animatedBorder {
    position: relative;
    padding: 8px 8px 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    .savedItems .itemContainer .animatedBorder:before, .savedItems .itemContainer .animatedBorder:after {
      display: none; }
      @media (min-width: 960px) {
        .savedItems .itemContainer .animatedBorder:before, .savedItems .itemContainer .animatedBorder:after {
          display: block; } }
  .savedItems .itemContainer a, .savedItems .itemContainer .actionWrapper {
    position: relative;
    z-index: 2; }
  .savedItems .itemContainer .actionWrapper {
    width: 100%;
    max-width: 228px;
    height: 95px;
    margin: 3px auto 0;
    padding: 0;
    background: #fff;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    .savedItems .itemContainer .actionWrapper .md-button {
      width: 100%;
      margin: 10px 0 0; }
    .savedItems .itemContainer .actionWrapper .nowrap {
      position: absolute;
      left: 0;
      bottom: 15px;
      width: 100%; }
    .savedItems .itemContainer .actionWrapper a {
      margin: 0 10px; }
    @media (min-width: 960px) {
      .savedItems .itemContainer .actionWrapper {
        margin-top: -90px;
        opacity: 0; } }
  @media (min-width: 960px) {
    .savedItems .itemContainer:hover .actionWrapper {
      opacity: 1; } }
.savedItems .ysColumnGrid .itemContainer .actionWrapper a {
  width: auto; }
.savedItems .unavailable {
  margin-top: 26px;
  margin-bottom: -3px;
  padding: 3px 3px 2px;
  color: #fff;
  font-size: 12px;
  background-color: #ccc;
  border: 1px solid #bbb;
  text-align: center;
  white-space: nowrap; }
  .savedItems .unavailable.sizeColorOption {
    margin-top: -4px; }
.savedItems .sizeColorOption {
  color: #245269;
  background-color: #d9edf7;
  border-color: #80dbf1; }
.savedItems .showMoreRow {
  margin-top: 8px; }
.savedItems .itemOption {
  height: 17px;
  margin-top: -7px;
  margin-bottom: 9px;
  color: #666;
  font-size: 12px;
  white-space: nowrap; }
.savedItems .itemCover {
  position: relative;
  text-align: center;
  overflow: hidden; }
  .savedItems .itemCover a[class*="-flag"]:before {
    position: absolute;
    right: 6px;
    bottom: 6px; }
  .savedItems .itemCover a {
    max-width: 220px;
    height: 220px; }
  .savedItems .itemCover img {
    width: auto;
    height: 100%;
    margin: 0 -50%; }
  @media (max-width: 599px) {
    .savedItems .itemCover a {
      height: 220px; } }
  @media (min-width: 600px) {
    .savedItems .itemCover, .savedItems .itemCover + div {
      max-width: 228px;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 960px) {
    .savedItems .itemCover a {
      max-width: 201px;
      height: 201px; } }

.animatedBorder {
  position: relative; }
  .animatedBorder:before, .animatedBorder:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transform: scale(0);
    transition: .5s; }
  .animatedBorder:before {
    border-bottom: 1px solid #abb1c6;
    border-left: 1px solid #abb1c6;
    transform-origin: 0 100%; }
  .animatedBorder:after {
    border-top: 1px solid #abb1c6;
    border-right: 1px solid #abb1c6;
    transform-origin: 100% 0%; }
  .animatedBorder:hover:after, .animatedBorder:hover:before {
    transform: scale(1); }

a.hygiene-shield {
  text-decoration: none; }

.emptyItems {
  padding-block: 2px 30px;
  margin-block: 19px 60px;
  text-align: center; }
  @media (min-width: 600px) {
    .emptyItems {
      padding-block-start: 21px;
      margin-block: 18px 70px;
      text-align: start; } }
  .emptyItems > * {
    position: relative; }
  .emptyItems .emptyItemsImgContainer {
    aspect-ratio: 326/200;
    padding-block: 66px;
    padding-inline: 16px;
    margin-block-end: -21px;
    overflow: hidden;
    z-index: 0; }
    .emptyItems .emptyItemsImgContainer > img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 1;
      position: absolute;
      inset-inline-start: 50%;
      inset-block-start: 50%;
      transform: translate(-50%, -50%); }
      html.translated-rtl .emptyItems .emptyItemsImgContainer > img, html[dir=rtl] .emptyItems .emptyItemsImgContainer > img {
        transform: translate(50%, -50%); }
  .emptyItems .sectionHeading {
    font-size: 17px;
    line-height: 21px;
    color: #444; }
  .emptyItems .sectionContent {
    margin-block-start: 4px;
    font-size: 14px;
    line-height: 17px;
    color: #666; }
  .emptyItems .emptyItemsActionWarpper {
    margin-block-start: 24px;
    gap: 13px; }
    .emptyItems .emptyItemsActionWarpper .md-button {
      padding: 10px 11px !important;
      margin: 0 !important;
      min-width: 170px;
      height: 38px;
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0px;
      box-shadow: none !important;
      border-radius: 4px; }
      .emptyItems .emptyItemsActionWarpper .md-button:not(:disabled):hover {
        background-color: #22D20C; }
      .emptyItems .emptyItemsActionWarpper .md-button.continueShopping:not(.md-primary) {
        border: 1px solid var(--border-dfe-0-e-6, #DFE0E6);
        color: #444;
        background: #FFF;
        transition: all .3s;
        padding: 9px 10px !important; }
        .emptyItems .emptyItemsActionWarpper .md-button.continueShopping:not(.md-primary):hover {
          border-color: #22D20C;
          color: #61C958; }

.productGrid.savedItems .productList:not(.cardColumnGrid) {
  margin-top: 26px; }
  @media (min-width: 960px) {
    .productGrid.savedItems .productList:not(.cardColumnGrid) {
      margin-top: 8px; } }
  .productGrid.savedItems .productList:not(.cardColumnGrid) .itemContainer {
    padding: 0; }
    @media (max-width: 599px) {
      .productGrid.savedItems .productList:not(.cardColumnGrid) .itemContainer:nth-child(2n-1) {
        padding-left: 8px; }
      .productGrid.savedItems .productList:not(.cardColumnGrid) .itemContainer:nth-child(2n) {
        padding-right: 8px; } }
    @media (min-width: 600px) {
      .productGrid.savedItems .productList:not(.cardColumnGrid) .itemContainer:nth-child(4n-3) {
        padding-left: 8px; }
      .productGrid.savedItems .productList:not(.cardColumnGrid) .itemContainer:nth-child(4n+4) {
        padding-right: 8px; } }
    @media (min-width: 960px) {
      .productGrid.savedItems .productList:not(.cardColumnGrid) .itemContainer {
        padding: 10px 0 0 !important; } }
    @media (min-width: 600px) and (max-width: 750px) {
      .productGrid.savedItems .productList:not(.cardColumnGrid) .itemContainer:nth-child(4n-3), .productGrid.savedItems .productList:not(.cardColumnGrid) .itemContainer:nth-child(4n+4) {
        padding-left: 0;
        padding-right: 0; }
      .productGrid.savedItems .productList:not(.cardColumnGrid) .itemContainer:nth-child(3n-2) {
        padding-left: 8px; }
      .productGrid.savedItems .productList:not(.cardColumnGrid) .itemContainer:nth-child(3n+3) {
        padding-right: 8px; } }

@media (min-width: 960px) {
  .childColumn:has(> .paymentDesc) {
    border-start-start-radius: 20px !important;
    border-start-end-radius: 0 !important;
    border-end-start-radius: 10px !important;
    border-end-end-radius: 20px !important; } }

.paymentLogo {
  margin-top: 8px; }
  .paymentLogo img {
    width: 100%;
    max-width: 205px;
    height: 24px; }

.paymentDesc {
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  color: #666; }

a[class^="payment-"] {
  margin: 4px 8px 4px 0; }

.paypal-method {
  margin: 4px 0;
  background-color: #F9C04C;
  color: #00267F !important;
  font-weight: bold;
  border-radius: 30px;
  height: 24px;
  display: inline-flex;
  text-decoration: none;
  direction: ltr; }
  .paypal-method:hover, .paypal-method:visited {
    color: #00267F; }
  .paypal-method .paypal-left {
    font-size: 13px;
    white-space: nowrap;
    padding-block: 0;
    padding-inline: 13px 6px; }
    .paypal-method .paypal-left img {
      padding-inline-end: 7px;
      height: 16px; }
  .paypal-method .paypal-right {
    padding: 7px 16px;
    background-color: #34AFE8;
    border-radius: 30px;
    font-size: 13px;
    font-weight: bold;
    font-style: italic; }
    .paypal-method .paypal-right span {
      padding: 0; }

.securedShopping {
  margin-top: 11px; }
  .securedShopping a:first-child {
    position: relative;
    top: -1px;
    margin-right: 12px; }
  .securedShopping a:last-child {
    margin-top: 7px; }
  .securedShopping a.btnSatisfaction {
    margin-top: 1px; }

.digiCertSeal {
  width: 97px;
  margin: 5px 1em 0 0; }
  .digiCertSeal img {
    width: 100% !important; }

.savedItems:not(.productGrid) {
  background: #fff; }
  .savedItems:not(.productGrid) .resultNumber {
    color: #444;
    text-align: center; }
    .savedItems:not(.productGrid) .resultNumber:not(.flex-grow) {
      line-height: 42px;
      text-align: left; }
  .savedItems:not(.productGrid) .productList {
    margin-top: -15px; }
    .savedItems:not(.productGrid) .productList ~ .paging {
      margin-bottom: 6px; }
  .savedItems:not(.productGrid) .itemContainer {
    margin-top: 13px; }

.browsingOption .md-ys-theme.roundCorner {
  min-width: 150px;
  width: 40%; }

@media (max-width: 959px) {
  .fixedBottomOffset {
    padding-bottom: 92px; } }
.stickyContent {
  padding: 10px 16px 8px;
  background: #fff;
  border-bottom: 2px solid #444; }
  .stickyContent .selectAction md-checkbox {
    margin: 0 0 0 16px;
    padding-left: 8px;
    line-height: 36px; }
    .stickyContent .selectAction md-checkbox.md-checked .md-icon:after {
      top: 3px;
      left: 6px; }
    .stickyContent .selectAction md-checkbox[disabled]:not(.md-checked) .md-icon {
      opacity: 0.6; }
  .stickyContent .selectAction .md-container {
    margin-top: -1px;
    left: 8px; }
  .stickyContent .selectAction + div {
    text-align: right; }
  .stickyContent .md-button {
    margin: 0; }
    .stickyContent .md-button.md-icon-button {
      margin: -1px -14px -1px 0; }

.selectedCount {
  margin-left: 16px;
  margin-top: 9px;
  line-height: 20px; }
  .selectedCount:before {
    content: "";
    margin-right: 16px;
    border-left: 1px solid #ddd; }

.writtenCard {
  margin: 0 0 40px 30px; }

.greetingCard {
  margin-top: 8px; }

.greetingCardContent {
  max-width: 200px;
  margin-top: 4px;
  padding: 4px 12px 8px;
  border: 1px solid #dabd91; }
  .greetingCardContent div {
    margin-top: 4px; }

@media (min-width: 960px) {
  .shippingMessage .blockLink:last-child {
    margin-bottom: 0; } }
.shippingMessage ~ .basketItemContainer.sectionBorder {
  border: 0; }

md-menu.select-menu {
  position: absolute;
  right: -2px;
  margin-top: 23px; }

md-menu-content tbody tr:hover {
  cursor: pointer;
  background-color: #8df87f; }

.couponInput .arrowPadding {
  padding-right: 30px; }
.couponInput .md-button.md-icon-button {
  width: 34px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  padding: 3px 0 0;
  border-radius: 36px; }
.couponInput .material-icons {
  color: #666;
  font-size: 13px; }

@media (max-width: 959px) {
  .shippingMethodOptions {
    margin-top: 0;
    margin-bottom: 0; } }
.shippingMethodOptions .md-text i {
  display: none; }

md-option .md-text i {
  padding-right: 5px; }

.selectBox, .selectBox:after, .selectDisabled {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.selectBox {
  display: none; }
  .selectBox, .selectBox .iconWrapper {
    background: #fff; }
  .selectBox .iconWrapper {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 0 0 36px 0;
    border: none; }
  .selectBox.activePulse ~ .itemWrapper .itemTitle:after, .selectBox.activePulse ~ .itemWrapper .itemOption:after {
    background: linear-gradient(to right, rgba(241, 255, 237, 0), rgba(241, 255, 237, 0.9) 50%); }
  .selectBox.activePulse, .selectBox.activePulse .iconWrapper {
    background: #f1ffed; }
  .selectBox.activePulse .checkIcon:after {
    border-color: #4caf50; }
  .selectBox, .selectBox:after, .selectBox .iconWrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .selectBox:after, .selectBox .iconWrapper {
    content: "";
    z-index: 3; }
  .selectBox:after {
    background: rgba(0, 0, 0, 0.01);
    cursor: pointer; }
  .selectBox .iconWrapper {
    right: auto;
    bottom: auto; }

.itemWrapper {
  position: relative;
  z-index: 2; }

.selectDisabled {
  z-index: 3;
  background: rgba(0, 0, 0, 0.15);
  cursor: not-allowed; }

.table.couponList {
  max-width: 472px; }
  @media (max-width: 599px) {
    .table.couponList {
      padding: 8px; } }

.longSelectOption md-optgroup md-option {
  padding-left: 16px;
  padding-right: 16px; }
.longSelectOption.md-select-menu-container.md-active.md-clickable md-select-menu {
  max-width: 472px;
  margin-left: 10px; }
  .longSelectOption.md-select-menu-container.md-active.md-clickable md-select-menu .select-header {
    padding-left: 16px; }

md-dialog-content .md-title {
  margin-top: 0; }

.shippingPreferences md-dialog-actions {
  margin-block: 6px 10px; }
.shippingPreferences .md-button {
  margin-block: 0 !important; }

.couriers {
  gap: 8px 10px;
  margin-block: 6px 8px; }
  .couriers img {
    margin-inline-start: 1px; }

@media (min-width: 960px) {
  .md-dialog-container.giftwrapping-dialog md-dialog {
    min-width: 700px; } }
.md-dialog-container.giftwrapping-dialog .md-dialog-content {
  padding-bottom: 40px; }
  .md-dialog-container.giftwrapping-dialog .md-dialog-content p {
    margin-bottom: 16px; }
  .md-dialog-container.giftwrapping-dialog .md-dialog-content img {
    width: 100%; }
  .md-dialog-container.giftwrapping-dialog .md-dialog-content .giftwrapping-image {
    padding-top: 30px;
    text-align: center; }
    @media (max-width: 599px) {
      .md-dialog-container.giftwrapping-dialog .md-dialog-content .giftwrapping-image {
        padding-top: 0px; } }
  @media (min-width: 960px) {
    .md-dialog-container.giftwrapping-dialog .md-dialog-content {
      width: 650px; } }
  @media (max-width: 599px) {
    .md-dialog-container.giftwrapping-dialog .md-dialog-content img {
      width: 70%; }
    .md-dialog-container.giftwrapping-dialog .md-dialog-content .giftwrapping-option {
      margin-top: 50px; } }

.backToTop {
  bottom: 119px !important; }
  @media (min-width: 960px) {
    .backToTop {
      bottom: 16px !important; } }

.savedItemProductDialog {
  min-width: 500px; }
  .savedItemProductDialog .md-dialog-content {
    padding-top: 20px; }
  .savedItemProductDialog .productPrice {
    font-size: 22px;
    font-weight: bold; }
  .savedItemProductDialog .newOptionFormatWrap {
    margin: 14px 0 0 0; }
    .savedItemProductDialog .newOptionFormatWrap .colorWithShippingWrap {
      height: 18px; }
      .savedItemProductDialog .newOptionFormatWrap .colorWithShippingWrap p {
        height: 18px;
        margin: 0;
        color: #333333; }
        .savedItemProductDialog .newOptionFormatWrap .colorWithShippingWrap p.nullMsg {
          color: #31708f; }
  .savedItemProductDialog .actionButtonWrapper {
    border-top: solid 1px #f1f2f6; }
    .savedItemProductDialog .actionButtonWrapper .md-button {
      width: 100%; }

.alert-bubble-wrap {
  padding: 0 12px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px; }
  @media (min-width: 960px) {
    .alert-bubble-wrap {
      padding: 0;
      margin-left: -4px;
      margin-right: -4px; } }
  .alert-bubble-wrap .bubble-msg-content {
    width: 100%;
    min-height: 56px;
    padding-block: 0;
    padding-inline: 4px 28px;
    cursor: pointer;
    position: relative;
    text-decoration: none; }
    @media (min-width: 1280px) {
      .alert-bubble-wrap .bubble-msg-content {
        flex-grow: 1;
        width: calc(50% - 10px); } }
    .alert-bubble-wrap .bubble-msg-content:before {
      content: "";
      border-radius: 57px;
      border: solid 1px #f1f2f6;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
    .alert-bubble-wrap .bubble-msg-content, .alert-bubble-wrap .bubble-msg-content:before {
      border-radius: 57px; }
    .alert-bubble-wrap .bubble-msg-content .icon-angle-right {
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      inset-inline-end: 16px;
      height: 10px;
      font-size: 14px;
      line-height: 8px;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      @supports (-moz-appearance: none) {
        .alert-bubble-wrap .bubble-msg-content .icon-angle-right {
          line-height: 10px; } }
    .alert-bubble-wrap .bubble-msg-content:hover .icon-angle-right {
      inset-inline-end: 13px; }
    .alert-bubble-wrap .bubble-msg-content.green {
      background-color: #f8fdf4;
      color: #3c763d; }
      .alert-bubble-wrap .bubble-msg-content.green i:before {
        color: #21F409; }
      .alert-bubble-wrap .bubble-msg-content.green:before {
        border-color: rgba(33, 244, 9, 0.25); }
      .alert-bubble-wrap .bubble-msg-content.green:hover:before {
        border-color: #21f409; }
    .alert-bubble-wrap .bubble-msg-content.yellow {
      background-color: #fff9f2;
      color: #8a6d3b; }
      .alert-bubble-wrap .bubble-msg-content.yellow i:before {
        color: #ffbe44; }
      .alert-bubble-wrap .bubble-msg-content.yellow:before {
        border-color: rgba(251, 165, 0, 0.25); }
      .alert-bubble-wrap .bubble-msg-content.yellow:hover:before {
        border-color: #fba500; }
    .alert-bubble-wrap .bubble-msg-content.light-blue {
      background-color: #f2feff;
      color: #347a9d; }
      .alert-bubble-wrap .bubble-msg-content.light-blue i:before {
        color: #47cded; }
      .alert-bubble-wrap .bubble-msg-content.light-blue:before {
        border-color: rgba(21, 230, 255, 0.25); }
      .alert-bubble-wrap .bubble-msg-content.light-blue:hover:before {
        border-color: #15e6ff; }
    .alert-bubble-wrap .bubble-msg-content i {
      margin: 0 10px;
      height: 32px; }
      .alert-bubble-wrap .bubble-msg-content i:before {
        font-size: 32px;
        display: flex;
        align-items: center; }
    .alert-bubble-wrap .bubble-msg-content .msg-column span {
      font-size: 13px;
      line-height: 15px;
      padding-block-end: 1px; }
      @media (max-width: 339px) {
        .alert-bubble-wrap .bubble-msg-content .msg-column span {
          font-size: 12px;
          line-height: 14px; } }
    .alert-bubble-wrap .bubble-msg-content .msg-column .bubble-title {
      font-weight: bold;
      font-size: 14px;
      line-height: 16px; }
      @media (max-width: 339px) {
        .alert-bubble-wrap .bubble-msg-content .msg-column .bubble-title {
          font-size: 13px;
          line-height: 15px; }
          .alert-bubble-wrap .bubble-msg-content .msg-column .bubble-title + span {
            max-height: 28px;
            overflow: hidden; } }
    .alert-bubble-wrap .bubble-msg-content.frenchDays {
      background-color: #F8FAFF;
      color: #002395;
      border-radius: 0;
      padding-inline: 12px 28px;
      padding-block: 11px;
      overflow: hidden; }
      .alert-bubble-wrap .bubble-msg-content.frenchDays::before {
        border-radius: 0; }
      @media (min-width: 960px) {
        .alert-bubble-wrap .bubble-msg-content.frenchDays {
          cursor: auto;
          margin-inline: 4px; }
          .alert-bubble-wrap .bubble-msg-content.frenchDays .frenchDaysSeeDetails {
            transition: all .3s;
            color: #666666;
            cursor: pointer;
            font-weight: normal; }
            .alert-bubble-wrap .bubble-msg-content.frenchDays .frenchDaysSeeDetails:hover {
              color: #22D20C; }
          .alert-bubble-wrap .bubble-msg-content.frenchDays::before {
            content: none; }
          .alert-bubble-wrap .bubble-msg-content.frenchDays::after {
            content: '';
            position: absolute;
            width: 194px;
            height: 88px;
            background: url("https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/campaign/frenchdays/decoration.png") no-repeat;
            background-size: cover;
            inset-block: auto;
            inset-inline-start: calc(890px - 194px); }
            html.translated-rtl .alert-bubble-wrap .bubble-msg-content.frenchDays::after, html[dir=rtl] .alert-bubble-wrap .bubble-msg-content.frenchDays::after {
              transform: scaleX(-1); } }
      .alert-bubble-wrap .bubble-msg-content.frenchDays > div {
        max-width: 640px;
        padding-inline-end: 12px; }
      .alert-bubble-wrap .bubble-msg-content.frenchDays img {
        aspect-ratio: 72/58;
        width: 36px;
        height: auto;
        margin-inline-end: 8px; }
      .alert-bubble-wrap .bubble-msg-content.frenchDays .icon.icon-angle-right {
        color: #002395; }

.alert-bubble-wrap:has(+ .mysteryBoxContainer) {
  margin-block-end: 16px; }
  @media (min-width: 960px) {
    .alert-bubble-wrap:has(+ .mysteryBoxContainer) {
      margin-block-end: 12px; } }

.mysteryBoxContainer {
  padding-block: 15px;
  padding-inline: 16px;
  margin-block: 16px 20px;
  gap: 16px;
  position: relative;
  background: #fff; }
  @media (min-width: 600px) {
    .mysteryBoxContainer {
      padding-block: 10px; } }
  @media (min-width: 960px) {
    .mysteryBoxContainer {
      margin-block-start: 12px; } }
  .mysteryBoxContainer::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    content: "";
    pointer-events: none;
    user-select: none;
    background: url("https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/kbeauty_fest_bg_2026.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
    html.translated-rtl .mysteryBoxContainer::before, html[dir=rtl] .mysteryBoxContainer::before {
      transform: scaleX(-1); }
  .mysteryBoxContainer > * {
    z-index: 1; }
  .mysteryBoxContainer .mysteryBoxContent {
    gap: 3px;
    flex: 1; }
    .mysteryBoxContainer .mysteryBoxContent h3, .mysteryBoxContainer .mysteryBoxContent p {
      margin: 0;
      font-size: 14px;
      line-height: 17px; }
    .mysteryBoxContainer .mysteryBoxContent h3 {
      color: #fff; }
    .mysteryBoxContainer .mysteryBoxContent p {
      color: #FFF; }
    .mysteryBoxContainer .mysteryBoxContent .mysteryBoxTNC {
      gap: 17px;
      margin-block-start: 3px; }
      .mysteryBoxContainer .mysteryBoxContent .mysteryBoxTNC a {
        position: relative;
        font-size: 12px;
        line-height: 16px;
        transition: color .3s;
        text-decoration: underline; }
        .mysteryBoxContainer .mysteryBoxContent .mysteryBoxTNC a:not(:hover) {
          color: #FFC8DF; }
        .mysteryBoxContainer .mysteryBoxContent .mysteryBoxTNC a:not(:first-child)::before {
          position: absolute;
          content: "";
          width: 1px;
          height: 8px;
          background: #FFC8DF;
          inset-block-start: calc(50% - 4px);
          inset-inline-start: -9px; }
  .mysteryBoxContainer button {
    margin: 0;
    box-shadow: none !important;
    padding-block: 10px;
    padding-inline: 11px !important;
    font-size: 14px;
    line-height: 17px;
    min-height: 38px; }
    @media (max-width: 599px) {
      .mysteryBoxContainer button {
        width: 100%; } }

.shoppingBagSatisfactionWrap {
  margin-block: 20px 70px;
  padding-top: 3px;
  background: #22D20C;
  background: linear-gradient(105deg, #22D20C, #23F20B); }
  @media (min-width: 960px) {
    .shoppingBagSatisfactionWrap {
      margin-block: 20px 90px; } }
  .shoppingBagSatisfactionWrap .satisfactionStyle {
    background-color: #fff;
    padding: 24px 16px 30px; }
    .shoppingBagSatisfactionWrap .satisfactionStyle h3 {
      font-size: 30px;
      line-height: 30px;
      margin-block: 0 4px;
      margin-inline: 0;
      font-weight: normal;
      color: #444; }
      @media (max-width: 419px) {
        .shoppingBagSatisfactionWrap .satisfactionStyle h3 {
          font-size: 26px;
          line-height: 31px;
          color: #333; } }
    .shoppingBagSatisfactionWrap .satisfactionStyle h5 {
      font-size: 14px;
      line-height: 17px;
      font-weight: normal;
      color: #666666;
      margin: 0; }

@media (min-width: 600px) {
  .shoppingDialogFixedWidth {
    width: 640px;
    max-height: 90%; } }
.shoppingDialogFixedWidth .md-toolbar-tools .icon {
  margin-inline-end: 9px;
  line-height: 1; }
.shoppingDialogFixedWidth .md-toolbar-tools .icon:before {
  font-size: 20px; }

@media (min-width: 960px) {
  .frenchDaysExclusiveDialog {
    max-width: 450px;
    width: 100%;
    height: 85vh; } }
.frenchDaysExclusiveDialog .dialogContent {
  padding: 16px; }

.freeShippingSavingDialog .dialogContentWrap {
  padding: 4px 16px 12px 16px; }
.freeShippingSavingDialog .msgTextWrap:not(:last-child) {
  border-bottom: solid 2px #f1f1f1; }
.freeShippingSavingDialog .msgTextWrap > v-pane:not(.is-expanded) v-pane-header, .freeShippingSavingDialog .msgTextWrap > v-pane.is-expanded v-pane-header {
  border-bottom: none; }
.freeShippingSavingDialog .msgTextWrap v-pane-header {
  padding: 19px 16px 17px 0;
  font-weight: bold; }
  .freeShippingSavingDialog .msgTextWrap v-pane-header:not(:hover) {
    color: #333333; }
    .freeShippingSavingDialog .msgTextWrap v-pane-header:not(:hover) span.nowrap {
      color: #666666;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
  .freeShippingSavingDialog .msgTextWrap v-pane-header span.nowrap {
    font-size: 12px;
    font-weight: normal;
    margin-left: 3px; }
.freeShippingSavingDialog .msgTextWrap v-pane-content section {
  margin-bottom: 24px; }
.freeShippingSavingDialog .msgTextWrap.textOnly {
  padding: 19px 0 17px 0;
  color: #333333;
  font-weight: bold; }

.importantMessageDialog {
  color: #555555;
  max-width: 450px;
  height: 85vh; }
  .importantMessageDialog md-toolbar:not(.md-menu-toolbar) {
    background-image: linear-gradient(90deg, #ffb244, #ffbe44) !important; }
  .importantMessageDialog section h5 {
    background-color: #fff1e0;
    padding: 23px 16px 16px 16px;
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px; }
  .importantMessageDialog section .noteContentWrap {
    padding: 18px 16px 10px 16px; }
  .importantMessageDialog section .noteDetail {
    margin-bottom: 18px; }
    .importantMessageDialog section .noteDetail span {
      font-weight: bold;
      line-height: 17px;
      display: block; }
    .importantMessageDialog section .noteDetail ul {
      margin: 0;
      padding: 0;
      list-style: none;
      gap: 0;
      margin-top: 8px; }
      .importantMessageDialog section .noteDetail ul li {
        color: #666666;
        line-height: 17px;
        position: relative;
        padding-inline: 10px 0; }
        .importantMessageDialog section .noteDetail ul li::before {
          display: block;
          position: absolute;
          inset-block-start: 6.5px;
          inset-inline-start: 0;
          content: "";
          width: 4px;
          height: 4px;
          background-color: currentColor; }

.tipsForFasterDialog md-toolbar:not(.md-menu-toolbar) {
  background-image: linear-gradient(90deg, #54d0ee, #8debff); }
.tipsForFasterDialog .dialogContentWrap {
  padding: 20px 16px 25px 16px;
  line-height: 19px;
  color: #333333; }

.recommended {
  margin-top: 10px;
  padding: 24px 8px 30px;
  background-color: #fff; }
  @media (min-width: 960px) {
    .recommended {
      padding-left: 22px;
      padding-right: 22px; } }
  .recommended h3 {
    margin: 0 auto 20px;
    color: #333;
    text-align: center;
    font-size: 26px;
    line-height: 26px;
    font-weight: normal;
    text-transform: uppercase; }
    @media (max-width: 959px) {
      .recommended h3 {
        padding-left: 12px;
        padding-right: 12px; } }
    @media (min-width: 960px) {
      .recommended h3 {
        font-size: 30px;
        line-height: 30px; } }
  .recommended.productGrid .productList:not(.cardColumnGrid) {
    margin-top: 0;
    padding: 0; }
    .recommended.productGrid .productList:not(.cardColumnGrid) .itemContainer {
      border-width: 0; }
  .recommended .chartWrapper {
    height: 6px;
    margin-bottom: 4px;
    border-radius: 3px;
    background-color: #e9ebf1;
    overflow: hidden; }
    .recommended .chartWrapper div {
      height: 100%;
      background: linear-gradient(to top, #fa6997, #fa6997, #f83775); }
  .recommended .nowrap {
    font-size: 12px; }
  .recommended .showMoreRow {
    margin: 0 16px; }

.itemRemark:has(a.twinPackBox) {
  margin-block-start: 9px !important;
  display: flex; }

.twinPackBox {
  background: #DAF2FF;
  padding-block: 9px;
  padding-inline: 13px 22px;
  position: relative;
  color: #416F8C !important;
  border-radius: 4px;
  min-width: 307px;
  text-decoration: none; }
  @media (max-width: 1064px) {
    .twinPackBox {
      min-width: unset;
      width: 100%; } }
  @media (max-width: 959px) {
    .twinPackBox {
      min-width: 307px;
      width: unset; } }
  @media (max-width: 599px) {
    .twinPackBox {
      min-width: unset;
      width: 100%; } }
  .twinPackBox b {
    font-size: 14px;
    line-height: 17px; }
  .twinPackBox span {
    font-size: 13px;
    line-height: 16px;
    font-weight: normal; }
    .twinPackBox span.gap {
      margin-inline: 2px; }
  .twinPackBox i {
    position: absolute;
    inset-block-start: calc(50% - 11px);
    inset-inline-end: 14px;
    font-size: 14px;
    height: 20px;
    transition: all .3s; }
  .twinPackBox:hover i {
    inset-inline-end: 11px; }