/** Shopify CDN: Minification failed

Line 13:39 Unexpected "*"

**/
/* ==========================================================================
   nalli-layout.css — WS2 (NEW file, core untouched)
   Verbatim port of inline <style> block #1 from live layout/theme.liquid
   (lines 97-554). Load AFTER nalli-base.css.
   Block #2 (Singapore login modal + price gate, live lines 558-730) is NOT
   here: WS1 already ported it — scoped under #loginModal — inside
   snippets/nalli-singapore-login.liquid; porting it again would duplicate.
   Removed vs live: .mySwiper*/.swiper-*/.nav-swipe rules (Swiper dropped),
   Liquid-commented rules, empty rulesets, exact duplicates. Brand hexes
   replaced with tokens from nalli-base.css. Everything else byte-identical —
   selectors depend on WS1 body classes (template-*, Page_name_*).
   All silent fixes logged in rebuild/bugfixes/ws2.md.
   ========================================================================== */

/* ---- Block #1: page-scoped overrides (live theme.liquid lines 97-554) ---- */

body.Page_name_collections {
  .collection-section .pagebuilder-column-line {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 25px;
    margin-bottom: 10px;
  }
  .collection-section .pagebuilder-column-line figure {
    margin: 0;
  }
  .collection-section .pagebuilder-column-line .collection-btn p {
    margin-top: 3px;
  }
  .collection-section .pagebuilder-column-line .pagebuilder-column.collections-img img.pagebuilder-mobile-hidden {
    max-width: 320px;
    height: 420px;
    object-fit: cover;
  }
  @media only screen and (max-width: 768px) {
    .collection-section .pagebuilder-column-line{
      grid-template-columns: repeat(2, 1fr);
      column-gap: 15px;
    }
    .collection-section .pagebuilder-column-line .collection-btn p {
      margin-top: 3px;
    }
    .collection-section .pagebuilder-column-line .pagebuilder-column.collections-img img.pagebuilder-mobile-only {
      max-width: 170px;
      height: 220px;
      object-fit: cover;
    }
  }
}

body.template-collection{
  nav.pagination a {
    margin-right: 0px;
    /* WCAG 2.2 target-size: bare number links measure ~16px wide on mobile —
       give every page link a >=28px hit box without changing the type. */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 28px;
  }
  nav.pagination span {
    line-height: 33px;
  }
  span.current {
    line-height: inherit !important;
  }
  @media only screen and (max-width: 768px) {
    .pagination {
      gap: 10px;
    }
    .pagination a,.pagination .current {
      font-size: 18px;
    }
    .pagination .current{
      scale: 1.5;
    }
    #filters-drawer .facets--drawer .facets__form-wrapper .sorting-filter .sorting-filter__container select{
      line-height: 20px;
    }
  }
  @media only screen and (max-width: 480px) {
    #filters-drawer .facets__filters-wrapper {
        order: 2;
    }
    #filters-drawer  sorting-filter-component.sorting-filter.sorting-filter__horizontal {
        order: 1;
    }
    .pagination {
      gap: 5px;
    }
    .pagination a, .pagination .current {
      font-size: 13px;
    }
  }
}

.template-product {
  product-recommendations .section.section--full-width.color-scheme-1.section-resource-list.spacing-style.gap-style {
    padding-top: 0;
  }
  .product_tone_wrapper .item-pro img {
    object-fit: cover;
  }
  div#judgeme_product_reviews {
      max-width: 100% !important;
      padding-left: 50px;
      padding-right: 50px;
  }
  .product_tone_wrapper h2 {
    font-family: 'LibreFranklin-SemiBold';
    font-weight: 300;
    margin-bottom: 12px;
    color: #212121;
    font-size: 40px !important;
    line-height: 1.2 !important;
  }
  .product-form-buttons span.atc-sticky {
    z-index: 999;
  }
  @media only screen and (max-width: 1024px) {
    .product_tone_wrapper, product-recommendations,div#judgeme_product_reviews{
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
    .product_tone_wrapper, product-recommendations{
      padding-bottom: 40px !important;
    }
  }
  @media only screen and (max-width: 768px) {
    .product_tone_wrapper h2{
      font-size: 20px !important;
      line-height: 100% !important;
      margin-bottom: 5px !important;
    }
    .product_tone_wrapper p{
      font-size: 14px !important;
      line-height: 20px !important;
      margin-bottom: 30px;
    }
    .product_tone_wrapper {
      padding-bottom: 40px;
    }
  }
  @media only screen and (max-width: 480px) {
    .product_tone_wrapper .item-pro img{
      height: 100%;
    }
    div#judgeme_product_reviews,.product_tone_wrapper, product-recommendations {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
  }
}

@media only screen and (max-width: 787px) {
  .email-signup-block .email-signup__input {
    max-width: 300px !important;
    width: 100% !important;
  }
}

.Page_name_about-us{
  @media only screen and (min-width: 1024px) {
    .section.section--full-width.disable-section-top-offset.media-with-content.color-scheme-1.spacing-style.media-with-content--medium{
        min-height: 320px !important;
    }
  }
  @media only screen and (min-width: 787px) {
    .section.section--full-width.disable-section-top-offset.media-with-content.color-scheme-1.spacing-style.media-with-content--medium{
        min-height: 700px;
    }
  }
  @media only screen and (max-width: 480px) {
    #shopify-section-template--24911001616683__section_9xiz6X .custom-section-content p {
        padding-top: 22px;
    }
  }
}

.email-signup-block.size-style.spacing-style {
    width: 100%;
}

.Page_name_product-care{
  .Care .hero img {
    object-fit: cover !important;
  }
  .section.section--page-width.color-scheme-2.padding-xl-lr-60{
    background: #f6f6f6 !important;
  }
}
div#ResultsList a.main-collection-grid__empty-link:hover {
    text-decoration: underline;
    color: var(--nalli-red);
}

.kl_wishlist {
    position: relative;
}
.kl_wishlist span.wishlist-h-count.wishlist-total-count {
    position: absolute;
    padding: 2px;
    color: white;
    font-size: 12px !important;
    border-radius: 50px;
    height: 15px;
    width: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 5px;
    right: -7px;
    font-weight: bold;
}

body.Page_name_coming-soon .section.main-page.color-scheme-1 {
    padding: 0;
}

body.template-list-collections{
  h1 {
    font-size: 24px !important;
  }
  .resource-list__item .collection-card__inner{
    position: relative;
  }
  .resource-list__item .collection-card__inner .collection-card__content.layout-panel-flex--column {
      position: absolute;
      bottom: 30px;
      right: 0%;
      top: auto;
      width: 100%;
      height: auto;
  }
  .resource-list__item .collection-card__inner .collection-card__content.layout-panel-flex--column p {
      font-family: 'Assistant-SemiBold';
      color: #000;
      border: 1px solid #fff;
      background: #fff;
      padding: 10px 25px;
      border-radius: 50px;
      font-size: 20px;
      text-align: center;
      width: fit-content;
      margin: 0 auto;
  }
  @media screen and (max-width: 1024px) and (min-width: 750px){
    .resource-list__item .collection-card__inner .collection-card__content.layout-panel-flex--column p {
      font-size: 15px;
      padding: 5px 10px;
    }
  }
  @media screen and (max-width: 749px) {
    .resource-list__item .collection-card__inner .collection-card__content.layout-panel-flex--column{
      bottom: 10px;
    }
    .resource-list__item .collection-card__inner .collection-card__content.layout-panel-flex--column p {
      padding: 6px 12px !important;
      border-radius: 15px !important;
      font-size: 12px !important;
    }
  }
  @media screen and (max-width: 480px) {
    .resource-list__item .collection-card__inner .collection-card__content.layout-panel-flex--column p{
      font-size: 10px !important;
    }
  }
}

body.template-search{
  product-card h3 {
    color: #262626;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Assistant-Regular';
    font-weight: 400;
  }
  .product-card:hover h3 {
    color: var(--nalli-red) !important;
    text-decoration:underline;
  }
  product-price .price-container span.price {
    font-size: 18px;
    line-height: 100%;
    color: #606060;
    font-family: 'Assistant-Regular';
    font-weight: 400;
  }
  .view_option_gride_list.column-options-wrapper {
    display: none;
  }
  @media screen and (max-width: 768px) {
    results-list.section.product-grid-container .collection-wrapper.grid.gap-style div#ResultsList{
      padding-left: 15px;
      padding-right: 15px;
    }
    product-card h3{
      font-size: 14px !important;
      line-height: 20px !important;
    }
  }
}

@media screen and (max-width: 786px) and (min-width: 748px){
  .shopify-section-group-footer-group .section.footer-sec .spacing-style .div-footer-content.desk-mob,
  .shopify-section-group-footer-group .section.footer-sec .spacing-style accordion-custom,
  .shopify-section-group-footer-group .section.footer-sec .spacing-style .footer-social {
    flex: 0 0 20%;
  }
  .footer-sec .section-content-wrapper .menu .menu__details .details-content .list-unstyled .menu__item,
  .footer-sec .div-footer-content .div-footer-wrap a,
  .footer-social .footer_currency,
  .footer-sec .section-content-wrapper .menu .menu__details .menu__heading {
    padding-bottom: 0 !important;
    border: none !important;
  }
}

@media screen and (max-width: 747px) {
  .footer-sec .section-content-wrapper .menu .menu__details .details-content .list-unstyled .menu__item a {
      width: 100%;
      display: block;
  }
}

@media screen and (max-width: 480px) {
  .menu-drawer__menu.menu-drawer__menu--grandchildlist{
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 10px;
  }
  .menu-drawer__menu.menu-drawer__menu--grandchildlist .menu-drawer__list-item {
    width: 100%;
  }
  .menu-drawer__menu--grandchildlist .menu-drawer__list-item .menu-drawer__menu-item--child .menu-drawer__menu-item-text {
    gap: 0;
    font-size: 12px !important;
  }
  .slideBanner-container.homepage-hero-banner {
    padding-bottom: 10px;
  }
  .template-blog .blog-posts{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.template-blog {
  .blog-post-card__image {
      height: 100% !important;
  }
}

/* ============= Menu ============= */

li.Custom_Menu_our-story .mega-menu__panels ul.list-unstyled.sub-child-menu,
.mega-menu__panel_designed-by-nalli-lookbook ul.list-unstyled.sub-child-menu,
li.menu-list__list-item.Custom_Menu_shop-all .mega-menu__panels .mega-menu__panel_best-sellers.mega-menu__panel ul.list-unstyled.sub-child-menu {
  display: block !important;
}
li.Custom_Menu_our-story .mega-menu__panels ul.list-unstyled.sub-child-menu a.mega-menu__link,
.mega-menu__panel_designed-by-nalli-lookbook ul.list-unstyled.sub-child-menu a.mega-menu__link{
  width: 100% !important;
}

.products-count-wrapper {
    margin: 0 auto;
}

@media screen and (max-width: 1130px) {
  .header__row{
    grid-template-columns: max-content !important;
  }
  header-menu.header-menu.mobile\:hidden {
    display: none;
  }
  .header__drawer.desktop\:hidden {
    display: flex !important;
  }

  details#Details-menu-drawer-nalli-exclusive ul.menu-drawer__menu.menu-drawer__menu--childlist.details-content details#Details-menu-drawer-nalli-exclusive-designed-by-nalli-lookbook ul.menu-drawer__menu.menu-drawer__menu--grandchildlist.details-content,
  details#Details-menu-drawer-shop-all details#Details-menu-drawer-shop-all-best-sellers ul.menu-drawer__menu.menu-drawer__menu--grandchildlist.details-content,
  details#Details-menu-drawer-our-story details#Details-menu-drawer-our-story-our-history ul.menu-drawer__menu.menu-drawer__menu--grandchildlist.details-content,
  details#Details-menu-drawer-our-story details#Details-menu-drawer-our-story-nallis-promise ul.menu-drawer__menu.menu-drawer__menu--grandchildlist.details-content,
  details#Details-menu-drawer-our-story details#Details-menu-drawer-our-story-the-media ul.menu-drawer__menu.menu-drawer__menu--grandchildlist.details-content {
    display: block;
  }

  details#Details-menu-drawer-nalli-exclusive ul.menu-drawer__menu.menu-drawer__menu--childlist.details-content details#Details-menu-drawer-nalli-exclusive-designed-by-nalli-lookbook ul.menu-drawer__menu.menu-drawer__menu--grandchildlist.details-content li.menu-drawer__list-item,
  details#Details-menu-drawer-shop-all details#Details-menu-drawer-shop-all-best-sellers ul.menu-drawer__menu.menu-drawer__menu--grandchildlist.details-content li.menu-drawer__list-item,
  details#Details-menu-drawer-our-story details#Details-menu-drawer-our-story-our-history ul.menu-drawer__menu.menu-drawer__menu--grandchildlist.details-content li.menu-drawer__list-item,
  details#Details-menu-drawer-our-story details#Details-menu-drawer-our-story-nallis-promise ul.menu-drawer__menu.menu-drawer__menu--grandchildlist.details-content li.menu-drawer__list-item,
  details#Details-menu-drawer-our-story details#Details-menu-drawer-our-story-the-media ul.menu-drawer__menu.menu-drawer__menu--grandchildlist.details-content li.menu-drawer__list-item{
    width: 100%;
  }
}

