/** Shopify CDN: Minification failed

Line 1437:45 Expected identifier but found whitespace
Line 1437:47 Unexpected "{"
Line 1437:57 Expected ":"
Line 1437:84 Expected ":"
Line 2789:12 Unexpected "{"
Line 2789:21 Expected ":"
Line 2792:10 Unexpected "{"
Line 2792:19 Expected ":"
Line 2810:10 Unexpected "{"
Line 2810:19 Expected ":"
... and 10 more hidden warnings

**/


/* product page badge css */
.product-block__image {
  position: relative;
}

.product-custom-badge {
    position: absolute;
    top: 4px;
    line-height: normal;
    left: 8px;
    background: #0b1b4f;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    z-index: 10;
}
.product-custom-badge p {
    margin: 0;
}

/* end product page badge css */

/* SEARCH CSS start*/
 .opt-label--swatch {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
} 
span.product-block__swatches-more-label.tiny-text {
    display: none;
}
.password-social-icons.large-row {
    margin-bottom: 0px !important;
}

/* Search css */
.search-no-results {
    padding: 10px;
}
  .view-all {
  display: block;
  padding: 10px;
  text-align: center;
  font-weight: 600;
  border-top: 1px solid #eee;
  text-decoration: none;
}
.view-all:hover {
  background: #f5f5f5;
}

  /* Tabs */
.search-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  border-bottom: 1px solid #eee;
  width: 100%;
}

.search-tabs .tab {
  padding: 10px 6px;
  font-size: 12px; 
  background: none;
  border: none;
  cursor: pointer;
  color: #777;
  text-align: center;
  white-space: nowrap;
}

.search-tabs .tab.active {
  color: #000;
  font-weight: 600;
  border-bottom: 2px solid #000;
}

/* Tab content */
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}
  .video-search-btn {
  padding: 20px 20px;
}
  
/* Wrapper */
.background-video .video-search-wrapper {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  width: 700px;
  max-width: 90%;
}

/* Glass search bar */
.video-search-form {
  display: flex;
  align-items: center;
  background: rgb(255 255 255 / 90%);
  backdrop-filter: blur(12px);
  border-radius: 50px;
  padding: 2px;
  box-shadow: 0 6px 25px rgba(0,0,0,0.2);
}


/* Input */
.video-search-input {
  flex: 1;
  padding: 14px 16px;
  border: none;
  outline: none;
  background: transparent;
  color: #001135;
}

.video-search-input::placeholder {
  /* color: rgba(255,255,255,0.7); */
  color: #001135;
}
.video-search-btn {
  width: 65px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #000;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.video-search-btn svg {
  transition: 0.3s;
}

.video-search-btn:hover svg {
  stroke: #fff;
}
.video-search-btn svg {
  transition: 0.3s;
}
button.video-search-btn {
    min-width: unset;
}
.video-search-btn:hover svg {
  stroke: #fff;
}



/* 🔥 DROPDOWN FIX */
.video-search-results {
  position: absolute;
  bottom: 70px;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  max-height: 300px;
  overflow-y: auto;
  z-index: 9999;

  /* 👇 IMPORTANT */
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.25s ease;
}

/* 👇 SHOW ONLY WHEN ACTIVE */
.video-search-results.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* List */
.search-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Item */
.search-item {
  border-bottom: 1px solid #eee;
}

.search-item:last-child {
  border-bottom: none;
}

.search-item a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  text-decoration: none;
  color: #000;
  transition: background 0.2s ease;
}

.search-item a:hover {
  background: #f5f5f5;
}

/* Image */
.search-item img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 6px;
}

/* Text */
.search-info {
  display: flex;
  flex-direction: column;
}

.search-info .title {
  font-size: 14px;
  font-weight: 500;
}

.search-info .price {
  font-size: 13px;
  color: #777;
}

/* No results */
.no-results {
  padding: 12px;
  text-align: center;
  font-size: 14px;
}
  
/*  SEARCH CSS start end */


.product-swatch-inline {
    pointer-events: auto;
    cursor: pointer;
    border: 1px solid #bfc4cd;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.product-swatch-inline__dot:before, .product-swatch-inline__dot:after, .product-swatch-inline__image:before, .product-swatch-inline__image:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    width: 18px;
    height: 18px;
    margin: 0 auto;
}
.product-swatch-inline.active{
    border-color: #001135;
}
h1, h2, h3, h4, h5, h6 {
    color: #001135;
}
h1.giant-title {
    font-size: 36px;
}
h1.giant-title.page-width{
    padding: 0 !important;
}
.template-search h1.giant-title {
    padding-bottom: 20px;
}
.pagination.large-row {
    padding-top: 30px;
}
/*Mega Menu*/
.site-header .mega-dropdown__item.grid__item.one-third {
    width: 25%;
}

li.mega-dropdown__item.grid__item.new_dropdown_class.one-quarter {
    width: 20%;
}  
.site-header.docked-header--dock .mega-dropdown{
    left: 16px;
}
.site-header .site-nav__promo {
    position: relative;
}
.site-header .site-nav__promo > a {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: 30px;
    text-align: center;
    text-decoration: none;
    font-size: 30px;
    color: #fff;
}
.site-header .mega-dropdown__subitem a[href="/collections/womens-underwear"] {
    font-weight: 600;
    color:#000000;
     padding: 10px 0px;
    border-bottom: 1px solid #ebebeb;
}
.site-header .mega-dropdown__subitem a[href="/collections/mens-underwear"] {
    font-weight: bold;
    color:#000000;
    padding: 10px 0px;
    border-bottom: 1px solid #ebebeb;
}
.site-header .mega-dropdown__subitem a[href="/collections/socks"] {
    font-weight: bold;
  color:#001135;
  padding: 10px 0px;
    border-bottom: 1px solid #ebebeb;
}
/* .site-header .mega-dropdown__subitem a[href="/collections/trunk"] {
    padding-top: 8px;
} */
.site-header .mega-dropdown__subitem a[href="/collections/full-brief"] {
    padding-top: 8px;
}
/* .site-header .mega-dropdown__subitem a[href="/collections/parisienne%C2%AE"] {
    padding-top: 8px;
} */
.site-header a.site-nav__link.site-nav__dropdown-heading {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}
.site-header .site-nav__submenu {
    font-size: 16px;
}
.site-header ul.small-dropdown__container {
    font-size: 16px;
}
.site-nav__dropdown{
    border-bottom:0px;
}
/*End Mega Menu*/
.section-custom-banner .cc-animate-enabled .zoom-out {
    will-change: unset;
}
h4.text-center.large-row.large-title {
    padding-bottom: 25px;
}
.footer-block__social {
    display: flex;
    align-content: flex-end;
    justify-content:center;
}
span.product-swatch-inline.product-swatch-inline--show.product-swatch-inline__dot.rimage-background.fade-in.lazyloaded {
    border: 1px solid #181717;
}
main#MainContent {
    padding: 0;
}
.page-width {
    max-width: 1200px;
    margin: 0 auto !important;
}
.container {
    padding-left: 16px;
    padding-right: 16px;
}
.footer-group--shift-up {
    margin-top: 0px;
}
.large-row {
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 !important;
}
h2.large-title {
    font-size: 60px;
    line-height: 72px;
    letter-spacing: 6%;

}
.section-title {
    font-weight: 500;
    font-size: 27px;
    line-height: 35px;
    letter-spacing: 4%;
    color: #001135;
}

.btn.btn--primary {
    background: #ffffff;
    padding: 18px 30px;
    border-radius: 4px;
    font-family: Montserrat,sans-serif;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0px;
    color:#001135;
}
.btn.btn--primary:hover {
     background: #001135; 
    color: #ffffff;
}
.view-all-link {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0%;
    text-decoration: none;
    color: #001039;
}
.section-background-video .container {
    padding: 0;
    border-radius: 0;
    margin: 0;
}
.section-background-video .container .global-border-radius {
    border-radius: 0px;
}
.section-background-video .container .overlay-text {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0px;
    margin: 0px;
}
.section-background-video .container .overlay__links a {
    margin: 0;
}

.section-background-video .overlay--has-link .overlay-title {
    margin-bottom: 0;
    color: #ffffff;
    padding-bottom: 12px;
}
.section-background-video .overlay__links {
    padding-top: 30px;
}
.all-blacks-section-box, .custom-category-list-box, .custom-collections-grid-box{
    padding-top: 20px;
}
.section-header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.custom-category-list-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.custom-category-list-item {
    width: 33.33%;
}
.custom-category-list-image img {
    display: table;
}
.custom-category-list-item a {
    text-decoration: none;
    color: #212121;
}
h3.custom-category-list-name{
    padding-top: 12px;
}

.custom-collections-grid-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
}
.custom-collections-grid .page-width, .all-blacks-section-body .page-width {
    max-width: 1000px;
}
.custom-collections-grid-image img {
    display: table;
    width: 100%;
    height:100%;
    /* height: 600px; */
    object-fit: cover;
    object-position: top center;
}
p.custom-collections-grid-subtext {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 10%;
    text-transform: capitalize;
    color: #001135;
}
.custom-collections-grid-text{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.all-blacks-section-head .page-width {
    max-width: 305px;
}
.all-blacks-section-head h4 {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 10%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.all-blacks-section-info {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.all-blacks-section-body .section-title {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
.all-blacks-section-header a {
    color: #fff;
    max-width: 60px;
    width: 100%;
}
.all-blacks-section-box {
    display: flex;
    gap: 30px;
}
.all-blacks-section-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 33.33%;
}
.all-blacks-section-image img {
    display: table;
    height: 500px;
    object-fit: cover;
    width: 100%;
}
p.all-blacks-section-subtext {
    margin: 0;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 13px;
    line-height:24px;
    letter-spacing: 10%;
    text-transform: uppercase;
    color:  #FFFFFF;
}
h3.all-blacks-section-name.section-title {
    text-transform: inherit;
}
.all-blacks-section-box {
    padding-top: 30px;
}
/* .all-blacks-btn .btn.btn--primary {
    background: #525252;
    color: #fff;
} */
.all-blacks-btn {
    padding-top: 20px;
}
.custom-blog-posts-box {
    display: flex;
    gap: 20px;
}
.custom-blog-posts-article {
    width: 33.33%;
    text-align: center;
}
.custom-blog-posts-images img {
    display: table;
    height: 420px;
    object-fit: cover;
    width: 100%;
}
.custom-blog-posts-content h3 {
    font-size: 21px;
    line-height: 28px;
    line-height: 100%;
    letter-spacing: 4%;
}
.custom-blog-posts-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 30px 0px;
    color: #212121;
}
.custom-blog-posts-content p {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    line-height: 22px;
    margin: 0;
}
.custom-blog-posts-read-more a {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #212121;
    text-decoration: underline;
}
.custom-blog-posts-header {
    text-align: center;
    padding-bottom: 60px;
}
.custom-richtext p {
    margin: 0;
}
.brand-highlight__text.section-title {
    font-weight: 400;
    line-height: 36px;
    font-family: 'Montserrat';
}
.brand-highlight__text {
    padding-top: 30px;
    padding-bottom: 15px;
}
.brand-highlight__author {
    font-family: Montserrat;
    font-weight: 400;
    font-style: Italic;
    font-size: 21px;
    line-height: 28px;
    line-height: 100%;
    letter-spacing: 4%;
    text-align: center;
}
.brand-highlight__stars {
    padding-top: 15px;
    padding-bottom: 30px;
}
.brand-highlight__stars img {
    display: table;
    text-align: center;
    margin: 0 auto;
}
.brand-highlight__footer .footer-tagline {
    font-weight: 600;
}
.custom-product-slider-box {
    padding-top: 34px;
    display: flex;
    gap: 20px;
}
.custom-product-slider-item {
    width: 25%;
}
.custom-product-slider-image img {
    width: 100%;
    height: 430px;
    min-height: 275px;
    object-fit: cover;
}
.custom-product-slider-item > a {
    text-decoration: none;
    color: #212121;
}
.custom-product-slider-info {
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
h3.custom-product-slider-name, .custom-product-price {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    line-height: 22px;
    letter-spacing: 0%;
}
.custom-product-price {
    font-size: 13px;
    line-height: 16px;
}
.page-footer__end {
    margin: 0;
}
.container.breadcrumbs-container {
    display: none;
}

/*===Footer styles====*/
.page-footer__end {
	display: flex;
	justify-content: space-between;
	margin-top: 90px;
	align-items: flex-start;
	flex-direction: column-reverse;
}
.disclosure__toggle {
	background-color: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 9px 34px 9px 0px;
	color: #6d6d6d;
}
.copyright-text {
	color: #6d6d6d;
}
.copyright-text a {
	color: #6d6d6d;
}
.disclosure__toggle:hover {
	border: none;
}
.footer-block.grid__item.small-down--one-whole.one-quarter:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.footer-block.grid__item.small-down--one-whole.one-quarter {
    padding-top: 0px !important;
}
/* Custom Feathure product Css */
.custom-featured-product .text-center {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    align-items: center;
}
.standard-link {
    color: #001039;
    font-size: 15px;
    line-height: 22px;
    text-decoration: none;
	/* max-width: 60px;
    width: 100%; */
}
.featured-collection--title.large-title {
    font-size: 27px;
    line-height: 35px;
}
/* product page css */
.product-block__swatches {
    text-align: left;
}
.product-block__swatches {
     padding: 0 0px; 
}
h1.product-detail__title.small-title {
    font-size: 27px;
    line-height: 35px;
}
.product-detail__price.product-price .large-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}
.custom-class .collapsible-tabs__tab .cc-accordion-item__title {
    font-size: 18px;
    font-weight: 400;
}
.custom-class .collapsible-tabs__tab .cc-accordion-item__title:before, .collapsible-tabs__tab .cc-accordion-item__title:after {
    height: 2px;
    width: 8px;
}
.custom-class .collapsible-tabs__heading {
    margin-bottom: 20px !IMPORTANT;
    font-size: 27px;
    color: #001039;
    font-weight: 500;
}
.section-collapsible-tabs:last-child {
    margin-bottom: 0px;
}
.custom-class.custom-tabbing {
    background-color: #f2ece17a !important;
}
.product-detail__thumbnail {
    margin: 0 0 0px 7px;
    width: calc(33% - 15px);
}
.product-detail-accordion {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.custom-quantity-box {
    display: flex;
    align-items: center;
    gap: 16px;
}
.custom-quantity-box .qty-wrapper {
    width: 50%;
}
.custom-quantity-box .payment-buttons.add-to-cart {
    margin: 0px !important;
    width: 50%;
}
.opt-label--btn {
    padding: 6px 20px; 
}
label.opt-label.opt-label--swatch.relative {
    border-radius: 100%;
}
.product-layout-grid__images {
     width: 70%;
}
.product-layout-grid__images-and-thumbs.sticky-element {
    width: 50%;
}
.container.product-detail.very-large-row-under .page-width {
    max-width: inherit;
    margin: 0 auto!important;
}
.product-layout-grid {
    display: flex;
    padding: 0px;
}
.product-layout-grid__detail {
    padding-left: 0;
    width: 30%;
    padding: 40px;
}
.container.product-detail.very-large-row-under {
    padding: 0;
}
.product-block .product-block__title {
	font-family: Montserrat;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 0%;
	text-align: left;
}
.product-block .product-price span,
.product-block .product-price__from,
.product-block .product-price__compare {
	font-family: Montserrat;
	font-weight: 400;
	font-size: 13px !important;
	line-height: 100%;
	letter-spacing: 0%;
}
.product-block .product-price {
	text-align: left;
	margin: 0px !important;
}
.product-block .product-price__reduced {
	color: #001135;
}
.product-layout-grid__images {
     padding-top: 0px; 
}
.product-detail__image a {
    display: block;
    margin: 0 0 2px;
}
.product-recommendations, .recently-viewed {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media screen and (max-width: 767px) {
    .product-layout-grid__detail, .product-layout-grid__images {
        width: 100%;
    }
}
/* --- Desktop Layout (990px and up) --- */
@media screen and (min-width: 990px) {
	.boutique-split-layout {
		display: flex !important;
		gap: 2px; 
		align-items: flex-start;
		max-width: 100%;
	}
	.featured-media-sticky-column {
		flex: 0 0 calc(50% - 10px);
		position: -webkit-sticky;
		position: sticky;
		top: 40px;
		z-index: 10;
	}
	.gallery-scroll-column {
		flex: 0 0 calc(50% - 10px);
		display: flex;
		flex-direction: column;
		gap: 2px;
	}
	.boutique-split-layout [data-product-image],
	.boutique-split-layout [data-product-media] {
		cursor: zoom-in !important;
		display: block;
		width: 100%;
	}
	.boutique-split-layout .slick-external-controls, .boutique-split-layout .slick-arrows, .boutique-split-layout .slick-dots, .boutique-split-layout .product-layout-grid__images .slick-list {
		display: none !important;
	}
}

/* --- Mobile Layout (Under 989px) --- */
@media screen and (max-width: 989px) {
	.boutique-split-layout {
		display: block !important;
	}
	.gallery-item-wrapper {
		margin-top: 15px;
	}
	/* Reset sticky behavior for mobile */
	.featured-media-sticky-column {
		position: relative !important;
		top: 0 !important;
		margin-bottom: 15px;
	}
}

/* end of product page css */

/* --- Size by size  --- */
/* .small-dropdown {
/* Shop by size */

.site-nav__item--has-dropdown:nth-child(4)
.mega-dropdown__container > li:nth-of-type(1)
.site-nav__submenu-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(50px, 1fr));
    gap: 10px 20px;
    width: 100%;
}

.site-nav__item--has-dropdown:nth-child(4)
.mega-dropdown__container > li:nth-of-type(2)
.site-nav__submenu-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(50px, 1fr));
    gap: 10px 20px;
    width: 100%;
}

.site-nav__item--has-dropdown:nth-child(4)
.mega-dropdown__container > li:nth-of-type(3)
.site-nav__submenu-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(50px, 1fr));
    gap: 10px 20px;
    width: 100%;
}
.site-nav__item--has-dropdown:nth-child(4)
.mega-dropdown__container > li:nth-of-type(4)
.site-nav__submenu-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(50px, 1fr));
    gap: 10px 20px;
    width: 100%;
}

@media (max-width: 991px) {
    .site-nav__item--has-dropdown:nth-child(4)
    .mega-dropdown__container > li:nth-of-type(2)
    .site-nav__submenu-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .site-nav__item--has-dropdown:nth-child(4)
    .mega-dropdown__container > li:nth-of-type(2)
    .site-nav__submenu-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .site-nav__item--has-dropdown:nth-child(4)
    .mega-dropdown__container > li:nth-of-type(2)
    .site-nav__submenu-container {
        grid-template-columns: 1fr;
    }

}
/* End Shop by size */
/* Keep your sticky featured image as is */
.main-product-details .featured-media-sticky-column {
	flex: 0 0 calc(50%);
	position: -webkit-sticky;
	position: sticky;
	top: 40px; 
	z-index: 10;
}

.main-product-details .gallery-scroll-column {
	flex: 0 0 calc(50%);
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.main-product-details .boutique-split-layout [data-product-image],
.main-product-details .boutique-split-layout [data-product-media] {
	cursor: zoom-in !important;
	display: block;
	width: 100%;
}
/* --- Sticky Tabs Overlay --- */
.main-product-details .product-sticky-tabs {
	position: absolute;
	bottom: 60px; /* Distance from bottom of the image */
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
	display: flex;
	gap: 5px;
	background: rgba(255, 255, 255, 0.71);
	backdrop-filter: blur(4px);
	padding: 6px;
	border-radius: 50px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	border: 1px solid #eee;
	white-space: nowrap;
}

.main-product-details .tab-item {
	text-decoration: none;
	color: #333;
	padding: 8px 24px;
	border-radius: 40px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	transition: all 0.3s ease;
} 

.main-product-details .tab-item.active {
	background: #000 !important;
	color: #fff !important;
}

/* Specifically target the tabs ONLY when they are inside a Quick View/Modal container */
/* Hide tabs specifically inside the Quick Buy / Quick View popup */
.js-quickbuy .product-sticky-tabs,
.quickbuy-form .product-sticky-tabs {
	display: block !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* Smooth Scrolling Global */
html {
  scroll-behavior: smooth;
}
/* end of product page css */
.custom-payment-buttons {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 8px;
    padding-top: 10px;
        width: 100%;
}
.custom-payment-buttons button#qty-proxy-button {
    height: 48px;
}
.custom-payment-buttons .qty-wrapper {
    width: 25%;
    border-radius: 0px;
}
.custom-payment-buttons .qty-wrapper .cc-select__btn {
    height: 50px;
    border-radius: 0px;
}
.custom-payment-buttons .payment-buttons button {
    height: 48px;
    border-radius: 0;
    padding: 0 10px !important;
    min-width: auto;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
}
.custom-payment-buttons .custom-select__btn .icon {
    top: 20px;
    right: 0;
}
.custom-payment-buttons #more-payment-options-link {
    font-size: 12px;
    margin: 0;
}
.custom-payment-buttons .qty-wrapper .cc-select__icon {
    top: 22px;
}
.custom-payment-buttons .qty-wrapper+.payment-buttons {
    width: 75%;
    margin: 0;
    gap: 8px;
    display: flex;
}
.custom-payment-buttons .payment-buttons .shopify-payment-button {
    margin-top: 0px;
}
.size-chart-link {
    color: #001135;
}
.quickbuy .payment-buttons>.shopify-payment-button {
    margin-left: 0;
    margin-top: 0;
}
.site-header {
    width: 100%;
    background: rgb(255 255 255 / 75%);
}
.site-header header.header-content {
    background: transparent;
}
.site-header .docked-mobile-navigation-container__inner {
    background-color: transparent;
}
.site-logo img.dark-logo {
    display: none;
}
.site-header .docked-navigation-container {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.site-header .page-width {
    width: 100%;
    max-width: inherit;
}
.site-header .header-cart__count {
    background: #001135 ;
    color: #fff;
}
.site-header section.header-navigation.container {
    background: transparent;
}
.site-header .icon--header .icon {
    stroke: #001135;
}
.docked-header--dock section.header-navigation.container {
    padding: 8px 20px !important;
}
.site-header .docking-header__utils {
    margin-top: 0;
}
.docked-navigation-container img.light-logo {
    display: none;
}
.docked-header--dock .docked-navigation-container img.light-logo {
    display: block;
    max-width: 150px;
    height: auto;
}
.site-header .site-nav>.site-nav__item>.site-nav__link {
    position: relative;
    padding: 15px;
    color: #001135;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px;
    line-height: 20px;
}
.site-header .site-nav>.site-nav__item>.site-nav__link:after{
	display: none;
}
.site-header ul.nav.site-nav {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 0;
    justify-content: start;
    padding: 0 24px;
}
.site-header ul.nav.site-nav li {
    text-align: left;
}
.footer-localization {
    text-align: left;
}
.page-footer__subscribe.subscribe-form {
    padding-top: 80px;
    padding-bottom: 80px;
    width: 70% !important;
    max-width: inherit;
}
.product-recommendations h4.text-center.large-row.large-title {
    padding-bottom: 25px;
}
/* .product-block .product-block__quicklook-btn-container {
    left: 28%;
    width: 100%;
    max-width: 160px;
} */
.product-block .product-block__quicklook-btn-container {
    left: 0%;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
	align-items: center;
}
/* Quick view bar: let clicks pass through to the product image link; only the button itself opens Quick view */
.product-block .product-block__quicklook-btn-container {
    pointer-events: none;
}
.product-block .product-block__quicklook-btn-container .btn--quicklook {
    pointer-events: auto;
}

.product-block .btn--quicklook:not(.btn--plain) {
	--button-border-color: rgba(255, 255, 255, .25);
	padding: 11px 16px;
	width: 100%;
	max-width: 160px;
	min-width: auto;
	opacity: 0;
}
@media only screen and (min-width: 940px) {
	.docked-header--dock .docked-navigation-container__inner {
		background: #fff;
	}
	.site-header .docked-mobile-navigation-container {
		width: 20%;
		flex-grow: inherit;
	}
	.site-header header.header-content {
		pointer-events: none;
	}
	.site-header .header-logo-section *, .site-header .docked-mobile-navigation-container * {
		pointer-events: all;
	}
	.site-header section.header-navigation.container {
		background: transparent;
		/*padding-left: 0px;
		padding-right: 0px;*/
        padding: 0px;

	}
	.site-header nav.navigation__container.page-width {
		width: 100%;
	}
}
/* mega menu new mobile css */
@media screen and (max-width: 1025px){
     .site-header header.header-content, .site-header ul.nav.site-nav{
        min-height:0px!important;
    } 
         .site-header.docked-header--dock .navigation__container a.site-logo.site-header__logo-image, .site-header header.header-content .header-logo-section {
        margin: 0px!important;
    }
	.site-header section.header-navigation.container ul.nav.site-nav {
		display: none;
	}
	.site-header ul.nav.mobile-site-nav li a {
		color: #fff;
	}
	.site-header ul.nav.mobile-site-nav .feather-icon .icon, .feather-icon.icon {
		stroke: #fff;
	}
	.site-header .mobile-site-nav__item {
		border-bottom-color: #ffffff42;
	}
	.site-header .mobile-site-nav .mobile-site-nav__icon {
		border-left-color: transparent;
	}
    .header-navigation .mobile-site-nav {
        margin-top: 20px;
    }
    .site-header .mobile-menu-utils, .site-header .mobile-menu-search-bar {
        padding: 0 16px;
    }
    body.gm-menu-installed .gm-menu-mobile .gm-retractor:after {
        margin-right: 20px !important;
    }
    .header-navigation--open .mobile-menu-search-bar .mobile-menu-search {
        position: relative;
        width: 100%;
        padding: 0;
    }
    .header-navigation--open .mobile-menu-search-bar .mobile-menu-search .search-bar__container {
        flex-direction: row-reverse;
    }
    .site-header .mobile-menu-search .search-form__icon svg {
        stroke: #001135;
    }
    .site-header .mobile-menu-search .search-form__icon {
        position: absolute;
        right: 8px;
        top: 11px;
    }
    .site-header .docked-navigation-container .header-navigation--open img.light-logo {
        display: none;
        max-width: 170px;
        height: auto;
        
    }
    .site-header .header-navigation--open .mobile-menu-utils {
        position: absolute;
        top: 30px;
        padding: 0;
        margin: 0;
        left: 16px;
        z-index: 99;
    }
    .site-header .header-navigation--open .mobile-menu-search-bar {
        margin-top: 30px;
    }
    .site-header ul.nav.mobile-site-nav li a {
        padding-left: 0;
        padding-right: 0;
    }
    .site-header header.header-content .header-logo-section{
        margin:0px!important;
    }
}
.search-bar-open .search-bar, .search-bar--open {
    z-index: 99999;
}
.template-collection .cc-filters-results .product-block {
    padding-left: 20px;
    padding-bottom: 20px;
}
.site-header header.header-content, .site-header ul.nav.site-nav {
    min-height: 75px;
}
.site-header.docked-header--dock ul.nav.site-nav {
    min-height: 60px;
}
.site-header.docked-header--dock ul.nav.site-nav {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    overflow: visible;
}
.site-header.docked-header--dock .gm-menu.gm-menu-174419 .gm-item>.gm-submenu {
    top: 54px;
}
.site-header .store-logo--image {
    margin: 0;
}
.site-nav .site-nav__link {
    color: #001135;
}
.custom-featured-product .grid-flex {
    margin: 0px -10px;
    gap: 0px;
}
.custom-featured-product .product-block {
    padding: 10px;
}
.size-chart-container .size-chart-content h2 {
    padding: 0;
    padding-bottom: 40px;
}
.size-chart-container .size-chart-content {
    position: relative;
    left: inherit;
    /* top: inherit; */
    transform: inherit;
    max-width: 1100px;
    width: 100%;
    padding-top: 60px !important;
    margin: 0 auto;
}
.size-chart-container .size-chart-content .reading-width.rte {
    max-width: 100%;
    padding: 0;
}
.size-table th, .size-table td {
    white-space: nowrap;
}
.product-layout-grid__images-and-thumbs .slick-external-controls {
    display: none;
}
.site-header .icon--header {
    display: flex;
    align-items: center;
}
.contact-page__container .page-width, .contact-page__container .page-width .grid {
    padding: 0;
    margin: 0;
}
.contact-page__container .page-width .grid .grid__item{
	padding: 0;
}
.custom-purpose-heading h2 {
    font-weight: 600;
}
/*Collections Filter Css*/
.cc-filters__items { --swatch-radius-filters: {{ settings.swatch_radius_filters }}px; }
.cc-filters__items{flex-wrap: nowrap !important;}

/* Collapsible Filter Styles */
.filter-group {
	border-bottom: 1px solid #eee;
	margin-bottom: 0;
	padding: 0px;
}
.filter-group:last-child {
	border-bottom: none;
}
.filter-group-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
	cursor: pointer;
	width: 100%;
	background: none;
	text-transform: capitalize;
	border: none;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	color: #001135;
	transition: color 0.2s ease;
}
.filter-group-header:hover {
	color: #001135;
}
.filter-group.active .filter-icon {
	transform: rotate(180deg);
	font-size: 0;
}
.filter-group-header .filter-icon, .filter-group.active .filter-icon:after {
	font-size: 24px;
	line-height: 24px;
	transition: transform 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #001135;
}
.filter-group-header .filter-icon svg {
	width: 12px;
	height: 30px;
	stroke: currentColor;
	stroke-width: 2;
}
.filter-group-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
}
.filter-group.active .filter-group-content {
	max-height: 500px;
	padding-bottom: 16px;
}
.filter-group.active .filter-icon:after {
	content: '-';
}
.filter-group-content label.filter-label {
	text-transform: capitalize;
	font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 840px) {
	h2.large-title {
		font-size: 48px;
		line-height: 42px;
	}
}
@media screen and (max-width:767px){
    .product-custom-badge {
    font-size: 8px; 
}	
	.custom-featured-product .product-carousel-peek {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 0px !important;
    }
	.product-layout-grid {
		display: flex;
		flex-wrap: wrap;
		padding: 10px;
		gap: 30px;
	} 
	h2.large-title {
		font-size: 38px;
        line-height: 42px;
	}
	.section-title {
		font-size: 20px;
        line-height: 32px;
	}
	.custom-category-list-box {
		display: block;
	}
	.custom-category-list-item {
		width: auto;
	}
	.custom-collections-grid-box {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	.all-blacks-section-box {
		display: block;
	}
	.all-blacks-section-item {
		width: auto;
	}
	.custom-product-slider-box {
		display: block;
	}
	.custom-product-slider-item {
		width: auto;
	}
	.custom-blog-posts-box {
		display: block;
	}
	.custom-blog-posts-article {
		width: auto;
	}
	.block-icon {
		max-width: 250px;
	}
	.custom-product-slider-info {
		padding-bottom: 30px;
	}
	.featured-collection--title {
		text-align: left;
		font-size: 20px !important;
	}
    .custom-blog-posts-article:not(:last-child), .all-blacks-section-box .all-blacks-section-item:not(:last-child) {
        padding-bottom: 32px;
    }
    .custom-category-list-box .custom-category-list-item:not(:last-child){
        padding-bottom: 24px;
    }
    .page-footer .page-footer__subscribe.subscribe-form {
        padding-top: 60px;
        padding-bottom: 60px;
        width: 100% !important;
        max-width: inherit;
    }
    .page-footer .page-footer__end {
        margin-top: 20px;
        flex-direction: column;
    }
    .page-footer .footer-localization {
        margin: 0;
        text-align: left;
    }
    .page-footer ul.payment-icons {
        margin-bottom: 0;
    }
    .reading-width {
        padding: 0px;
    }
    .template-collection .cc-filters-results, .template-collection .cc-filters-results .grid__item {
        padding: 0;
    }
    .template-collection .filter-drawer-toggle {
        text-align: left;
        margin-top: 0px;
    }
    .collection-header {
        margin: 0;
    }
    .product-detail__title-area {
        text-align: left;
    }
	.template-collection .cc-filters-results .grid, .template-collection .cc-filters-results .grid-flex {
        margin-left: -20px;
    }    
    .product-layout-grid__detail {
        padding: 0;
    }
    .custom-select--label-inside .label {
        font-size: 12px;
        left: 5px;
    }	
    .custom-select--label-inside .custom-select__btn {
        padding-top: 22px;
        padding-left: 5px;
        font-size: 14px;
    }
    .custom-payment-buttons .custom-select__btn .icon {
        top: 23px;
        right: 6px;
        width: 20px;
        height: 16px;
    }
    .product-layout-grid .product-detail__detail > div {
        margin: 0;
    }
    .custom-payment-buttons .payment-buttons button{
        font-size: 14px;
    }
    body.gm-menu-installed .gm-menu.gm-menu-174419 .gm-item.gm-level-0 > .gm-target {
        padding: 16px !important;
    }
    .custom-blog-posts-header {
        padding-bottom: 20px;
    }
    .custom-blog-posts-content {
        padding: 16px 0px;
    }
    .product-recommendations {
        overflow-y: hidden;
    }
    .site-header header.header-content, .site-header ul.nav.site-nav {
        min-height: 45px;
    }
    .site-header .page-width {
        width: 100%;
    }
    .site-header ul.customer-account__menu {
        display: none;
    }
}
@media screen and (min-width: 767px){
	footer.page-footer .page-width {
		max-width: 1300px !important;
	}
	footer.page-footer .page-footer__blocks.grid {  
		display: flex;
		gap: 40px;
		margin: 0;
		padding-top: 40px;
	}
	footer.page-footer .page-footer__blocks .footer-block {
		padding: 0px;
	}
	footer.page-footer .page-footer__blocks .footer-block:nth-child(1) {
		/* width: 40%; */
        width: 25%;
		padding-top: 0;
	}
    .footer-block.grid__item.small-down--one-whole.one-quarter:nth-child(2) {
        width: 30%;
    }
	footer.page-footer .page-footer__blocks .footer-block {
		width: 19%;
		padding-top: 100px;
	}
	footer.page-footer .footer-block__icon {
		max-width: 420px;
	
	}
}
@media screen and (max-width: 939px){
	.site-header.docking-header.solid-header.docked-header--dock .header-navigation--open img.light-logo {
		display: block;
		filter: invert(1);
	}
	.site-header .docked-navigation-container .header-navigation--open .icon--header .icon {
		stroke: #fff;
	}
	.site-header .docked-navigation-container .header-navigation--open img.dark-logo{
		display: block;
		max-width: 170px;
		height: auto;
		margin: 0 auto;
	}
	.site-header.docking-header.solid-header.docked-header--dock img.light-logo{
		display:block;
	}
	.site-header.docking-header.solid-header.docked-header--dock img.dark-logo {
		display: none;
	}
	.site-header .header-logo-section {
		display: none;
	}
	.site-header header.header-content {
        padding: 8px 10px;
	}
	.site-header .icon--header .icon {
		height: 20px;
		width: 20px;
        margin: 0px;
	}
	.site-header .utils {
		padding: 0;
	}
	.site-header .utils .header-logo-section {
		display: block;
	}
	.site-header .page-header .burger-icon svg {
		stroke: #001135;
	}
	.site-header .site-logo img {
        max-width: 120px;
    }
	.site-header.docked-header--dock .docked-mobile-navigation-container__inner {
		background-color: #fff;
		padding: 10px;
	}
    .site-header{
        overflow-x:unset;    
    }
    .product-carousel-peek{
        margin-left: -10px;
        margin-right: -10px;
    }
    .solid-header .site-header.docked-header--dock img.light-logo {
        display: block;
    }
    .solid-header .site-header.docked-header--dock img.dark-logo {
        display: none;
    }
    .solid-header .site-header.docked-header--dock .page-header .burger-icon svg{
        stroke: #001135;
    }
    .header-navigation .navigation__container {
        background: #001135;
    }
    ul.nav.mobile-site-nav.gm-menu.gm-menu-174419 {
        padding-top: 20px;
    }
	.site-header .header-social-icons {
		padding-top: 20px;
	}
	.site-header .header-social-icons .social-links__list a {
		color: #fff;
	}
}
.custom-purpose-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin: 0;
    gap: 50px;
}
.custom-purpose-image-container {
    width: 50%;
    height: auto;
    overflow: hidden;
    padding: 0;
}
.custom-purpose-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: table;
}
.custom-purpose-text-container {
    width: 50%;
    margin: 0;
    display: flex;
    gap: 0px;
    flex-direction: column;
}
@media screen and (max-width: 767px) {
	/* pagination css */
	.pagination.large-row {
		padding-top: 30px;
	}
	.search-results-list .cc-filters-results {
		padding-left: 0px;
		padding-right: 0px;
	}
    section.custom-full-width-purpose-section {
        padding-top: 80px !important;
        padding-bottom: 60px !important;
    }
    .custom-purpose-container {
        flex-direction: column;
        gap: 0px;
    }
    .custom-purpose-image-container {
        width: 100%;
        height: auto;
    }
    .custom-purpose-text-container{
        width: 100%;
        padding: 20px;
        gap: 20px;
        text-align: center;
    }
}
.custom-integrity-purpose-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	margin: 0;
}
.custom-integrity-purpose-text-container {
	padding-left: 60px;
	width: 50%;
	margin: 0;
	max-width: 100%;
	display: flex;
	gap: 0px;
	flex-direction: column;
}
.custom-integrity-purpose-image-container {
	width: 50%;
	height: auto;
	overflow: hidden;
	padding: 0;
}
ul.sust-nav-list {
    margin: 0 auto;
    padding: 20px;
    list-style: none;
    min-height: 70px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: auto;
    box-sizing: border-box;
    text-align: center;
    white-space: normal;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
ul.sust-nav-list li {
    margin: 0;
    padding: 0 2%;
    display: inline-block;
    position: relative;
}
ul.sust-nav-list li a {
    text-transform: uppercase;
    padding: 15px 0;
    white-space: nowrap;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-decoration: none;
}
.banner-menu-mobile-title, .banner-menu-switcher {
    display: none;
}
/* footer css */
footer.page-footer .footer-block__icon {
    max-width: 300px !important;
}
footer.page-footer .page-width {
    width: 100%;
    max-width: 90% !important;
}
.footer-block__heading {
    margin: 0 0 5px;
    text-decoration: underline;
    color: #001135;
    font-weight: 500;
}
@media screen and (max-width: 767px){
	.slick-external-controls .slick-next {
		right: -14px;
	}
	.custom-border .reading-width.text-center.cust_head, .custom-discount .reading-width.text-center.cust_head {
		border: 1px solid #000000;
		padding: 10px;
	}
	.custom-history .rte h1 {
		font-size: 40px !important;
	}
	/* sustainability banner menu css */
	.banner-menu {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		padding-bottom: 66px;
		transform: translateY(100%);
		opacity: 0;
		transition: all .24s ease-in-out;
	}
	.banner-menu-switcher a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 30px 0 15px;
		text-transform: uppercase;
		transition: all .24s ease-in-out;
		text-decoration: none;
		font-size: 20px;
		line-height: 24px;
	}

	.banner-menu-switcher a:before, .banner-menu-switcher a:after {
		content: "\f106";
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		display: block;
		width: 20px;
		height: 20px;
		top: 7px;
		left: 0;
		right: 0;
		margin: 0 auto;
		position: absolute;
		opacity: 1;
		transition: all .24s ease-in-out;
	}
	.banner-menu-switcher a:after {
		content: "\f107";
		top: inherit;
		bottom: 7px;
		opacity: 0;
	}
	.banner-menu-mobile-title, .banner-menu-switcher {
		display: block;
	}
	.banner-menu-switcher {
		display: block;
		position: absolute;
		bottom: 0;
		z-index: 2;
		left: calc(50% - 60px);
		width: 120px;
		text-align: center;
		height: 66px;
		font-weight: 700;
		font-size: 22px;
		line-height: 28px;
		background: #fff;
	}
	.banner-main-box.active .banner-menu {
		transform: translateY(0);
		opacity: 1;
		background: #fcf5ed;
	}
	.banner-menu-mobile-title {
		height: 37%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		padding: 28px 8.5% 10px;
	}
	.banner-menu-mobile-title .sust-nav-img {
		max-width: 155px;
	}
	ul.sust-nav-list {
		display: block;
		white-space: unset;
		width: 100%;
		height: 63%;
		padding: 20px 7% 0;
	}
	ul.sust-nav-list li {
		display: block;
		width: 100%;
		height: 40px;
	}
	ul.sust-nav-list li a {
		font-size: 16px;
		line-height: 30px;
		padding: 5px 0px;
	}
	.banner-main-box.active .banner-menu-switcher a {
		padding: 15px 0 30px;
	}
	.banner-main-box.active .banner-menu-switcher {
		background: #fcf5ed;
	}
	.banner-main-box.active .banner-menu-switcher a:before{
		opacity: 0;
	}
	.banner-main-box.active .banner-menu-switcher a:after{
		opacity: 1;
	}
	/* ------------ */
	/* integrity scetion css */
	section.custom-integrity-full-width-purpose-section {
		padding-bottom: 80px !important;
		padding-top: 80px !important;
	}
	.custom-integrity-purpose-container{
		flex-direction: column-reverse;
		gap: 15px;
	}
	.custom-integrity-purpose-text-container {
		width: 100%;
		padding: 20px;
		gap: 20px;
		text-align: center;
	}
	.custom-integrity-purpose-image-container{
		width: 100%;
		height: auto;
	}
	/* our vision css */
	.one-half.small-down--one-whole.relative.our-vision__image.overflow-hidden img {
		padding: 0;
	}
	.one-half.small-down--one-whole.relative.image-with-text__content.cc-animate-init.cc-animate-in {
		padding: 10px;
	}
	footer.page-footer .page-width {
		width: 100% !important;
		max-width: fit-content !important;
	}
	.custom-text .reading-width.text-center.cust_head h2 {
		font-size: 27px!important;
	}
}
/* tablet rsponsive */

@media screen and (min-width: 768px) and (max-width: 1024px) {
	footer.page-footer .page-footer__blocks.grid {  
		display: block;
	}
	.footer-block.grid__item.small-down--one-whole.one-quarter {
		width: 100% !important;
		padding-bottom: 30px;
	}
	.custom-sustainability-menu ul {
		display: block;
	}
	.custom-history-section .custom-history-wrapper {
		flex-direction: column;
		gap: 20px;
	}
	.custom-history-section .custom-history-item {
		min-height: 300px;
		max-width: 100%;
	}
	.custom-history-container {
		flex-direction: row; 
		text-align: left;
	}
	.custom-history-text-section h2 {
		font-size: 22px; 
		margin-bottom: 8px;
	}
	.custom-history-text-section p {
		font-size: 18px;
		line-height: 1.6;
	}
	.custom-history-image-section img {
		max-width: 80%; 
		height: auto;
	}
	.footer-rte a {
		font-size: 16px;
	}
	li.payment-icon i {
		font-size: 30px;
	}
	/* integrity section css */
    .custom-integrity-purpose-container {
		flex-direction: row; 
		gap: 15px; 
	}
	.custom-integrity-purpose-text-container {
		padding-left: 30px;
		width: 50%;
	}
	.custom-integrity-purpose-image-container {
		width: 50%;
	}
    /* custom-purpose-css */
    .custom-purpose-container {
		flex-direction: row; 
		gap: 15px; 
	}
	.custom-purpose-text-container {
		width: 50%;
		padding: 20px;
		gap: 15px;
	}
	.custom-purpose-image-container {
		width: 50%;
	}
}
/* heder search-bg css */
.search-form__input {
    color: #230051;
    background-color: #ffffff;
    padding: 10px 15px;
}
.search-bar__container.search-bar__container--centered.search-bar__container--offset {
    display: flex;
    gap: 10px;
}
/* richtext custom heading css */
.custom-history .rte h1 {
    font-size: 74px;
}
.custom-history .reading-width.text-center.cust_head {
    border: 1px solid #000;
}
.one-half.small-down--one-whole.relative.image-with-text__content.cc-animate-init.cc-animate-in .center {
    text-align: left;
}
.our-goals-header .center {
    gap: 10px;
    display: flex;
    flex-direction: column;
}
.custom-border .reading-width.text-center.cust_head {
    border: 1px solid #000000;
}
.custom-discount .reading-width.text-center.cust_head {
    border: 1px solid #000000;
}
.custom-btn button.cart-trigger.btn.btn--plain.standard-link.js.js-cart-notes-trigger {
    width: 100%;
    max-width: fit-content;
}

.custom-btn .recently-viewed.container.large-row {
    padding-bottom: 60px;
}
/*sustanability img-with-text section - img css*/
img.custom-box-img {
	display: block !important;
	pointer-events: none !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover ;
	object-position: center center !important;
}

.image-location-right {
	flex-direction: row-reverse;
}
.block-flex {
	display: flex;
	align-items: normal;
}
/* collection page css */
.custom-new.rimage-wrapper {
    height: 100%;
    min-height: 250px;
}
.custom-new.rimage-wrapper img {
    object-fit: cover;
    object-position: center;
}
.custom-logo-new.logo-list__logo-image.fade-in-up.cc-animate-init.cc-animate-in {
    flex: 0;
}
.custom-text.logo-list__logo-text {
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0.4px;
}
/*sustanability responsive */
@media screen and (max-width: 767px) {
	.packaging-main-body {
		padding: 0 0px 70px !important;
	}
	.custom-packaging-item-body {
		padding-left: 0px !important;
	}
    /* collection page css */
    .custom-new.rimage-wrapper {
        height: 100%;
        min-height:200px !important;
    }
    .custom-new.rimage-wrapper img {
        object-fit: cover;
    }
    .custom-text.logo-list__logo-text {
        font-size: 16px !important;
        line-height: normal;
        letter-spacing: .4px;
    }
    .footer-block.grid__item.small-down--one-whole.one-quarter:nth-child(2){
        width:100%;
    }
}

.mobile-sticky-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 56px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
    justify-content: space-around;
    align-items: center;
    display: flex;
}
.mobile-sticky-footer .footer-button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 33.333%;
    height: 100%;
    transition: background-color 0.2s ease;
    position: relative;
    font-size: 16px;
}
@media screen and (min-width: 768px){
    .hide-desktop {
        display: none;
    }
}
/*Start Collections Filter*/
.boost-vertical-layout {
    display: flex;
}
.boost-vertical-layout .vertical-filter {
    width: 30%;
    margin-right: 8px;
    max-width: 230px;
}
.boost-vertical-layout .cc-filters-container, .boost-vertical-layout .cc-filters__items  {
    flex-direction: column;
}
.boost-vertical-layout .cc-filters-results {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    -moz-flex: 1 1 0%;
    flex: 1 1 0%;
}
.boost-vertical-layout .cc-filter__toggle {
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 0px;
    text-transform: capitalize;
}
.boost-vertical-layout .cc-filters__header, .boost-vertical-layout .cc-filter__header {
    border: 0;
}
.boost-vertical-layout .cc-filter__panel {
    position: relative;
    border: 0;
    box-shadow: none;
    width: 100%;
}
.boost-vertical-layout .cc-filter__content {
    padding: 0;
}
.boost-vertical-layout .cc-filter__header {
    padding-left: 0;
    padding-right: 0;
}
.boost-vertical-layout .cc-filter__panel label[for] {
    text-transform: capitalize;
}
.boost-vertical-layout .cc-filters__items, .boost-vertical-layout .cc-filter, .boost-vertical-layout .cc-filters {
    width: 100%;
    margin: 0px;
}
.boost-vertical-layout .cc-filter .radio+label:before, .boost-vertical-layout .cc-filter .checkbox+label:before {
    border-radius: 50%;
}
.boost-vertical-layout .swatch-label span.cc-filter-label {
    display: none;
}
.boost-vertical-layout ul.cc-filter__swatches li, .boost-vertical-layout .cc-filter#filter-filter\.v\.option\.size ul li {
    margin: 0 !important;
}
.boost-vertical-layout .cc-filter .swatch-sample {
    margin: 0;
}
.boost-vertical-layout ul.cc-filter__swatches, .boost-vertical-layout .cc-filter#filter-filter\.v\.option\.size ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.boost-vertical-layout ul.cc-filter__swatches {
    padding: 10px;
}
.boost-vertical-layout .cc-filter .swatch-sample {
    margin: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.boost-vertical-layout details[data-type="price_range"] .cc-filter__content {
    padding: 15px;
}
.boost-vertical-layout .cc-filters-container {
    flex-direction: column-reverse;
}
.boost-vertical-layout .cc-sort-selected  {
    display: none;
}
.boost-vertical-layout .cc-sort-label {
    font-size: 18px;
    opacity: 1;
}
.boost-vertical-layout #filter-sort .cc-filter__panel {
    padding-top: 15px;
}
.boost-vertical-layout #filters {
    display: flex;
    flex-direction: column-reverse;
}
.boost-vertical-layout .cc-active-filters {
    margin-bottom: 0;
}
.boost-vertical-layout .cc-active-filter, .boost-vertical-layout .cc-active-filter-reset {
    font-size: 16px;
}
.boost-vertical-layout .cc-active-filter-reset {
    background: #001135;
    color: #fff;
}
.boost-vertical-layout .cc-filter .checkbox:checked+label:after {
    opacity: 0;
}
@media screen and (max-width: 767px){
    .boost-vertical-layout {
        flex-direction: column;
    }
    .boost-vertical-layout .vertical-filter {
        width: 100%;
        max-width: 100%;
    }
    .boost-vertical-layout .cc-filters-control {
        padding: 0;
        gap: 12px;
        justify-content: normal;
    }
    .boost-vertical-layout .cc-filters-control__btn {
        padding: 5px 30px;
        font-size: 18px;
        text-transform: capitalize;
    }
    .boost-vertical-layout details#filter-sort .cc-filter__content {
        padding: 0 20px;
    }
}

/*End Collections Filter*/

/*Start Unavailable Button*/
.notify-trigger {
    border: 0;
    border-radius: 0;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
    outline: none;
    font-size: 14px;
    background: #001135;  
}
.notify-trigger.full-width{
    width: 100%;
}
.notify-trigger.notify-float {
    position: fixed;
    right: 0;
    transform: rotate(270deg);
    transform-origin: 100% 100%;
    z-index: 9;
    top: 25%;
}
#notifyPopup * {
    margin: 0;
}
#notifyPopup .cc-popup-modal, #notifyPopup.cc-popup .cc-popup-content  {
    width: 100%;
    max-width: 500px;
}
#notifyPopup .cc-popup-content, #notifyPopup .cc-popup-content .cc-popup-form {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
#notifyPopup button.cc-popup-form-submit {
    background: #001135;
    color: #ffffff;
    padding: 10px;
    border-radius: 0;
}
#notifyPopup .cc-popup-form-buttons {
    padding-top: 16px;
}
#notifyPopup .cc-popup-form-input {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}
#notifyPopup.cc-popup .cc-popup-content {
    padding: 15px;
    text-align: left;
    font-size: 14px;
}
#notifyPopup.cc-popup #notifyVariant {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
}
#notifyPopup.cc-popup .notify-title {
    font-size: 20px;
    line-height: 24px;
}
#notifyPopup.cc-popup .cc-popup-form__response--success h4 {
    color: green;
    font-size: 16px;
    font-weight: 600;
}
/*End Unavailable Button*/

/* new summer banner css */
.custom-summer .overlay--has-link .overlay-title {
    text-align: left;
    font-weight: 700;
    /* letter-spacing: normal; */
    line-height: 1;
    font-size: 60px;
    margin-bottom: 15px;
}
.custom-summer .overlay.overlay-standard.overlay--center.global-border-radius-overlays {
    width: 100%;
    max-width: 680px;
}
.custom-summer .overlay.overlay-standard.overlay--center .overlay-text {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
    max-width: 560px;
    text-align: left;
    margin: 0px;
}
.custom-summer .overlay .overlay__links {
    padding-top: 30px;
    display: flex;
    gap: 16px;
    left: 10%;
    flex-direction: row;
}
@media only screen and (max-width: 767px) {
	.custom-summer .overlay--has-link .overlay-title {
		font-size: 36px;
	}
	.custom-summer .overlay.overlay-standard.overlay--center .overlay-text {
		font-size: 15px;
		line-height: 25px;
	}
	.footer-block__end-content {
		margin-top: 20px;
		text-align: left; 
	}
	.page-footer__inner {
		padding-bottom: 70px;
	}
}

/* new header css changes */
.section-main-header {
    position: absolute;
    width: 100%;
}
.solid-header .section-main-header {
    position: relative;
}
.site-header {
    border-radius: 40px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    margin-top: 24px;
	width: 100%;
	max-width: 97%;
    padding: 0 24px;
}
.solid-header .site-header {
    position: relative;
    margin: 0 auto;
    border-radius: 0;
}
.site-header header.header-content .page-header.page-width {
    justify-content: end;
}
@media screen and (min-width: 940px){    
    .site-header.docked-header--dock > header.header-content.container {
        display: none;
    }
    .site-header.docked-header--dock .navigation__container a.site-logo.site-header__logo-image, .site-header header.header-content .header-logo-section {
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        width: auto;
        max-width: 170px;
    }
}
@media screen and (max-width: 939px){   
	.site-header {
		margin-top: 12px;
		padding: 0px;
	}
}

/* New footer changes css */
.footer-block__end-content {
	margin-top: 20px;
}
/* .footer-block__end-content .payment-icons {
	display: flex;
} */
.page-footer__inner {
    padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
    
    .swiper-controls-mobile, .mobile-carousel-controls{
        gap:10px;
    }
	.footer-block__end-content {
		margin-top: 20px;
		text-align: left; 
	}
	.page-footer__inner {
		padding-bottom: 70px;
	}
}
/* ONLY when menu is open */
.js-menu-open .dark-logo,
.drawer-open .dark-logo,
.mobile-menu-open .dark-logo {
	display: block !important;
}

.js-menu-open .light-logo,
.drawer-open .light-logo,
.mobile-menu-open .light-logo {
	display: none !important;
}

/* menu hover css */
.site-nav__dropdown {
	transform: scaleY(0);
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
	transition: transform 0.35s ease, opacity 0.3s ease;
}

/* When menu is open */
.site-nav__item.open > .site-nav__dropdown {
	transform: scaleY(1);
	opacity: 1;
	visibility: visible;
}

/* Recentyly view css START */
.recently-viewed .one-quarter {
	width: 100%;
}
.recently-viewed .grid-flex__item{
	padding-left: 0; 
}
.recently-viewed .product-block__image--crop-false:not(.product-block__image--shape-natural) .image-one .rimage__image {
	width: 100% !important
}

 /* Recentyly view css END */
.main-product-details.very-large-row-under {
    margin: 0;
}
 .template-index .page-width,  .template-suffix-vip .page-width {
    max-width: inherit;
    margin: 0 auto;
    width: 95%;
} 

/*Custom Product Tabs*/
.custom-product-tab {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.custom-product-tab .tabs {
	display: flex;
	gap: 30px;
	/* border-bottom: 1px solid #ddd; */
	margin: 0px;
	justify-content: flex-start;
}
.custom-product-tab .tab-button {
	cursor: pointer;
	padding-bottom: 10px;
	font-weight: 600;
	color: #777;
}
.custom-product-tab .tab-button.active {
	color: #001135;
	border-bottom: 2px solid #001135;
}
.custom-product-tab .tab-content {
	display: none;
}
.custom-product-tab .tab-content.active {
	display: block;
}
.custom-product-tab .swiper {
	width: 100%;
}
.custom-product-tab .swiper-wrapper {
	align-items: stretch;
}
.custom-product-tab .swiper-slide {
	height: auto;
	display: flex;
}
.custom-product-tab .swiper-slide .grid__item {
	width: 100%;
}
.custom-product-tab .swiper-button-next::after,
.custom-product-tab .swiper-button-prev::after {
	display: none;
}
.custom-product-tab .slider-arrows {
	display: flex;
	gap: 40px;
}
.custom-product-tab .custom-arrow {
	width: 40px;
	height: 40px;
	background: #e9e9e9;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-top: 0;
}
.custom-product-tab .custom-arrow img {
	width: 16px;
	height: 16px;
}
.custom-product-tab .custom-arrow:hover {
	background: #dcdcdc;
}
.custom-product-tab .tab-content .grid__item .one-quarter {
	width: 100%;
}
.tabbed-collections .grid__item .grid-flex__item {
	padding: 0 !important;
}
.tabbed-collections .grid__item{
	padding: 0 !important;
}
.custom-product-tab .swiper-button-next, .swiper-button-prev {
	position: relative !important;
}

/* PAIRS WELL WITH CSS*/

.product-info-recommendations {
  margin-top: 30px;
  overflow: hidden;
}

.recommendation-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.recommendation-header h3 {
    font-size: 20px;
    font-weight: 700;
}

.recommendation-nav {
    display: flex;
    gap: 10px;
    width: 40%;
    justify-content: flex-end;
}

.recommendation-nav button {
    width: 15px;
    height: 30px;
    border-radius: 50%;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
    padding: 2px 4px !important;
    min-width: 30px;
    font-size: 24px;
    line-height: 24px;
}

.recommendation-slider {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;

  scrollbar-width: thin;
}

.recommend-card {
    min-width: 105px;
    flex: 0 0 114px;
}

.recommend-card a {
  text-decoration: none;
  color: inherit;
}

.recommend-image {
  background: #f3f3f3;
  border-radius: 20px;
  overflow: hidden;
}

.recommend-image img {
  width: 100%;
  display: block;
}

.recommend-content {
  padding-top: 12px;
  text-align: center;
}

.recommend-content h4 {
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 8px;
}

.recommend-price {
  display: flex;
  gap: 8px;
  justify-content: center;
}

.compare-price {
  text-decoration: line-through;
  opacity: 0.6;
}

/* END PAIRS WELL WITH CSS*/

/* Contact us hide*/
li.site-nav__item:nth-child(5) .site-nav__link {
    display: none;
}   
/* END Contact us hide*/

/*Right Side Container Banners icons */ 
  #section-{{ section.id }} .simple-banner__background {
  position: relative;
}
#section-{{ section.id }} .banner-icon-container {
  position: absolute;
  top: 45%;
  right: 0;
  transform: translateY(-20%);
  width: 20%;
  max-width: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  z-index: 5;
}
.banner-icon-container {
    display: none;
}

/* Icon Circle */
#section-{{ section.id }} .banner-icon-box {
  width: 77px;
  height: 77px;
  border-radius: 100%; 
  background: #ffffff;
  display: flex; 
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover */
#section-{{ section.id }} .banner-icon-box:hover {
  transform: scale(1.08);
}

/* Icon Image */
#section-{{ section.id }} .banner-icon-box img {
  width: 60px;
  height: 65pxpx;
  object-fit: contain;
}
ul.mega-dropdown__container.grid.grid--uniform {
    display: flex;
}

/* Mobile */
@media screen and (max-width: 750px) {

  #section-{{ section.id }} .banner-icon-container {
    width: auto;
    right: 15px;
    gap: 15px;
  }
 

  #section-{{ section.id }} .banner-icon-box {
    width: 60px;
    height: 60px;
  }

  #section-{{ section.id }} .banner-icon-box img {
    width: 28px;
    height: 28px;
  }
}


/* End Banner icons */ 

.page-width.test {
    max-width: 500px;
    margin: 0 auto;
}

.all-blacks-section-body {
    max-width: 1040px;
    margin: 0 auto;
}
small.copyright-text {
    text-align: end;
}

/* shop by size menu hide on desktop and mobile */
.site-nav__item--has-dropdown:nth-child(4) {
display:none;
}


@media screen and (max-width: 767px){
 
small.copyright-text {
    text-align: start;
}

/* product page video css */
.product-detail .product-layout-grid__images .product-detail__thumbnails .rimage-wrapper .rimage__image {
        min-height: 100px;
        max-height: 100px;
        object-fit: cover;
    }
.product-detail .product-layout-grid__images .product-detail__thumbnails .media-thumbnail--media-external_video {
        height: 100%;
        min-height: 100px;
        max-height: 100px;
        object-fit: cover;
    }
.product-detail .product-layout-grid__images .product-detail__thumbnails .rimage-wrapper {
        padding-top: 100px !important;
    }
    
/* end of product page css */

}

/* end menu hide */

@media screen and (max-width:1024px){
    .mobile-site-sub-nav__item-camisole button.mobile-site-nav__icon {
        display: none;
    }
    .mobile-site-sub-nav__item-camisole ul.mobile-site-nav__menu.mobile-site-nav-list__item- {
        display: block !important;
        padding: 0;
    }
}
@media screen and (min-width:1024px) and (max-width:1100px){
    .site-header .site-nav>.site-nav__item>.site-nav__link {
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media screen and (min-width: 375px) and (max-width: 414px) {
.cc-filter__content {
    padding: 20px 50px !important;
}
}


/* womens new in arrow hide css for mobile */
@media screen and (max-width:1024px){
  .mobile-site-sub-nav__item-new-in .mobile-site-nav__icon{
    display:none !important;
  }
}

/* shop by need hide on desktop css */
.mega-dropdown__item-shop-by-need {
    display: none;
} 

/* PDP: shorten the quantity label to "Qty" on small screens */
@media (max-width: 480px) {
  #qty-proxy .custom-select--label-inside .label { font-size: 0 !important; }
  #qty-proxy .custom-select--label-inside .label::after { content: "Qty"; font-size: 12px; }
}

.site-header {
  border-radius: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 24px !important;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(0, 17, 53, 0.12) !important;
}
@media only screen and (min-width: 940px) {
  .section-main-header {
    position: relative !important;
    top: auto !important;
  }
  /* about 10% less high: 75px -> 67px (the theme set min-height 75px and 15px top/bottom padding around the 44px of icons) */
  .site-header header.header-content,
  .site-header ul.nav.site-nav {
    min-height: 67px !important;
  }
  .site-header .page-header.page-width {
    padding-top: 11.6px !important;
    padding-bottom: 11.6px !important;
  }
}

/* Drawer search: keep the magnifier above the input so it can be tapped */
.mobile-menu-search .search-form__icon{z-index:5;pointer-events:auto}
/* Mobile filter drawer: size to the visible screen (iOS Safari bottom bar) and keep the results/Apply button clear of it */
@media screen and (max-width: 767.98px) {
  .cc-filters-container { height: 100dvh; }
  .cc-filters-container .cc-filters__footer,
  .cc-filters-container .cc-filter__footer { padding-bottom: calc(15px + env(safe-area-inset-bottom, 0px) + 12px); }
}


/* ===== NZ collection toolbar, compact (2026-10-23) =====
   One row: Filter button, then "Sort by <selected>" right beside it; grid icons on the right.
   Grid 4/6/8 shown as tile icons (2x2, 3x2, 4x2) (digits stay in the markup for screen readers).
   Desktop only (750px+); mobile keeps the stock layout. */
@media (min-width: 750px) {
  form#filters.cc-facet-filters1 { position: relative; }
  form#filters .custom-filter-toolbar { padding: 8px 16px !important; }
  form#filters .custom-filter-btn { padding: 9px 18px !important; font-size: 12px !important; }
  form#filters details#filter-sort { position: absolute !important; top: 0; bottom: 0; left: 132px; margin: 0 !important; padding: 0 !important; border: 0 !important; width: auto !important; z-index: 30; }
  form#filters details#filter-sort > summary.cc-filter__toggle { padding: 0 !important; height: 100%; display: flex !important; align-items: center; justify-content: flex-start !important; gap: 8px; }
  form#filters details#filter-sort .cc-sort-label { font-size: 13px; color: #6b7280; }
  form#filters details#filter-sort .cc-sort-selected { font-size: 14px; font-weight: 600; }
  form#filters details#filter-sort > .cc-filter__panel1 { position: absolute; left: 0; top: 100%; min-width: 230px; background: #fff; box-shadow: 0 6px 20px rgba(0, 0, 0, .12); padding: 12px 14px; border-radius: 8px; }
  .custom-grid-switcher { padding: 6px 8px !important; gap: 6px; }
  .custom-grid-switcher > span { display: none; }
  .custom-grid-switcher .grid-btn { font-size: 0 !important; width: 34px; height: 30px; padding: 0 !important; border: 0; background: transparent; color: #b5bac2; display: flex; align-items: center; justify-content: center; cursor: pointer; }
  .custom-grid-switcher .grid-btn.active { color: #001135; }
  .custom-grid-switcher .grid-btn::before { content: ""; display: block; width: 20px; height: 16px; background: currentColor; -webkit-mask: var(--g) center / contain no-repeat; mask: var(--g) center / contain no-repeat; }
  .custom-grid-switcher .grid-btn[data-grid="4"] { --g: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'><rect x='0.00' y='0' width='9.00' height='7' rx='1.2'/><rect x='11.00' y='0' width='9.00' height='7' rx='1.2'/><rect x='0.00' y='9' width='9.00' height='7' rx='1.2'/><rect x='11.00' y='9' width='9.00' height='7' rx='1.2'/></svg>"); }
  .custom-grid-switcher .grid-btn[data-grid="6"] { --g: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'><rect x='0.00' y='0' width='5.33' height='7' rx='1.2'/><rect x='7.33' y='0' width='5.33' height='7' rx='1.2'/><rect x='14.67' y='0' width='5.33' height='7' rx='1.2'/><rect x='0.00' y='9' width='5.33' height='7' rx='1.2'/><rect x='7.33' y='9' width='5.33' height='7' rx='1.2'/><rect x='14.67' y='9' width='5.33' height='7' rx='1.2'/></svg>"); }
  .custom-grid-switcher .grid-btn[data-grid="8"] { --g: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'><rect x='0.00' y='0' width='3.50' height='7' rx='1.2'/><rect x='5.50' y='0' width='3.50' height='7' rx='1.2'/><rect x='11.00' y='0' width='3.50' height='7' rx='1.2'/><rect x='16.50' y='0' width='3.50' height='7' rx='1.2'/><rect x='0.00' y='9' width='3.50' height='7' rx='1.2'/><rect x='5.50' y='9' width='3.50' height='7' rx='1.2'/><rect x='11.00' y='9' width='3.50' height='7' rx='1.2'/><rect x='16.50' y='9' width='3.50' height='7' rx='1.2'/></svg>"); }
}


/* ===== NZ filter drawer, slim (2026-10-23, issue #3) =====
   Flat AU-style rows instead of white cards, smaller chips, no nested scroll in Size.
   Applies to the drawer at every width (the Filters button opens it on desktop too).
   The .poc-bra-* / .poc-sg-off rules fix the size-filter script, whose styles are
   scoped to the old .vertical-filter sidebar: in the drawer the Band/Cup picker was
   unstyled (huge navy buttons) and the theme's own cup tiles showed as duplicates. */
.cc-filters-container.custom-sidebar .cc-filters { width: min(340px, 92vw) !important; padding: 6px 16px 0 !important; border-radius: 0 14px 14px 0 !important; background: #fff !important; }
.cc-filters-container .cc-filters__items { margin: 0 !important; }
.cc-filters-container details.cc-filter { background: transparent !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #e8e8e8 !important; box-shadow: none !important; }
.cc-filters-container details.cc-filter > summary.cc-filter__toggle { padding: 12px 0 !important; font-size: 14px !important; font-weight: 600 !important; }
.cc-filters-container details.cc-filter .cc-filter__panel { background: transparent !important; }
.cc-filters-container details.cc-filter .cc-filter__content { padding: 0 0 12px !important; margin: 0 !important; max-height: none !important; overflow: visible !important; }
.cc-filters-container details.cc-filter .cc-filter__panel ul { gap: 6px !important; flex-wrap: wrap !important; }
.cc-filters-container details.cc-filter .cc-filter__panel li label:not(.swatch-label) { padding: 4px 10px !important; border-radius: 6px !important; font-size: 12px !important; line-height: 1.3 !important; height: auto !important; }
.cc-filters-container details.cc-filter .cc-filter__panel li,
.cc-filters-container details.cc-filter .cc-filter__panel label.swatch-label { height: auto !important; min-height: 0 !important; }
.cc-filters-container .cc-filters__items,
.cc-filters-container details.cc-filter,
.cc-filters-container .cc-filter__panel { box-sizing: border-box; max-width: 100% !important; }
.cc-filters-container .cc-price-range { max-width: 100% !important; box-sizing: border-box; padding-right: 10px; }
.cc-filters-container .cc-price-range__inputs { gap: 10px !important; max-width: 100% !important; }
.cc-filters-container .cc-price-range__input-container { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; }
.cc-filters-container .cc-price-range__input { width: 100% !important; height: 36px !important; border-radius: 8px !important; font-size: 14px !important; padding-left: 30px !important; }
.cc-filters-container .poc-sg-head { padding-top: 2px !important; font-size: 10px !important; }
.cc-filters-container .poc-sg-off { display: none !important; }
.cc-filters-container .poc-bra-picker { width: 100%; }
.cc-filters-container .poc-bra-tiles { display: flex !important; flex-wrap: wrap; gap: 6px !important; }
.cc-filters-container .poc-bra-label { display: block; font-size: 11px !important; color: #8a919c; text-transform: uppercase; letter-spacing: .06em; margin: 4px 0 !important; }
.cc-filters-container .poc-bra-row + .poc-bra-row { margin-top: 8px; }
.cc-filters-container .poc-bra-btn { padding: 4px 10px !important; font-size: 12px !important; line-height: 1.3 !important; height: auto !important; min-width: 0 !important; width: auto !important; border-radius: 6px !important; background: #f1f1f1 !important; color: #001135 !important; border: 1px solid transparent !important; font-weight: 400 !important; }
.cc-filters-container .poc-bra-btn[aria-pressed="true"] { background: #001135 !important; color: #fff !important; }
.cc-filters-container .custom-show-results { padding: 10px 0 !important; margin: 0 !important; }
.cc-filters-container .custom-show-btn { padding: 10px 24px !important; font-size: 14px !important; height: auto !important; }


/* ===== NZ filter drawer, AU look (2026-10-23) =====
   Matches jockey.com.au: text lists with a round tick (scrolls after ~176px), Size as equal
   outlined tiles four per row (Band / Cup too), 32px colour swatches with 12px gaps.
   Prefixed with .cc-filters to beat the earlier slim-drawer block above. */
.cc-filters-container .cc-filters details.cc-filter:not([id$="option.size"]):not([id*="color"]):not([id$="price"]) .cc-filter__panel ul { display: block !important; max-height: 176px; overflow-y: auto; padding-right: 6px !important; }
.cc-filters-container .cc-filters details.cc-filter:not([id$="option.size"]):not([id*="color"]):not([id$="price"]) .cc-filter__panel li { margin: 0 0 7px !important; height: auto !important; min-height: 0 !important; line-height: 1.3 !important; font-size: 13px !important; }
.cc-filters-container .cc-filters details.cc-filter:not([id$="option.size"]):not([id*="color"]):not([id$="price"]) .cc-filter__panel li label:not(.swatch-label) { display: inline-flex !important; align-items: center; gap: 8px; padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; font-size: 13px !important; text-transform: none !important; cursor: pointer; color: #001135 !important; line-height: 1.3 !important; height: auto !important; min-height: 0 !important; }
.cc-filters-container .cc-filters details.cc-filter:not([id$="option.size"]):not([id*="color"]):not([id$="price"]) .cc-filter__panel li label:not(.swatch-label)::before { content: "" !important; display: block !important; flex: none; width: 13px; height: 13px; border: 1px solid #9aa0a6; border-radius: 50%; box-sizing: border-box; }
.cc-filters-container .cc-filters details.cc-filter:not([id$="option.size"]):not([id*="color"]):not([id$="price"]) .cc-filter__panel li input:checked + label::before { background: #001135; border-color: #001135; box-shadow: inset 0 0 0 2px #fff; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel ul,
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-tiles { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; box-sizing: border-box; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-sg-head,
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-picker { grid-column: 1 / -1; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-picker { padding-right: 1px !important; box-sizing: border-box; overflow: visible !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-row { padding-right: 1px; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel li { margin: 0 !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel li label:not(.swatch-label),
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-btn { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 32px !important; padding: 4px 2px !important; border: 1px solid #e6e6e6 !important; border-radius: 0 !important; background: #fff !important; color: #001135 !important; font-size: 12px !important; box-sizing: border-box; line-height: 1 !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter-label { width: 100%; text-align: center; display: block; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel li input:checked + label,
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-btn[aria-pressed="true"] { background: #001135 !important; color: #fff !important; border-color: #001135 !important; }
.cc-filters-container .cc-filters details.cc-filter[id*="color"] .cc-filter__panel ul { gap: 12px !important; }
.cc-filters-container .cc-filters details.cc-filter[id*="color"] label.swatch-label { width: 32px !important; height: 32px !important; display: flex !important; align-items: center; justify-content: center; }


/* ===== NZ filter drawer: plain lists, round swatches (2026-10-23) =====
   Replaces the outlined size tiles with the same list-with-tick look as the other filters
   (three per row), and makes the colour swatches round. Overrides the "AU look" block above. */
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel ul,
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel li label:not(.swatch-label),
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-btn { display: inline-flex !important; justify-content: flex-start !important; align-items: center; gap: 8px; width: auto !important; height: auto !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; color: #001135 !important; font-size: 13px !important; line-height: 1.3 !important; cursor: pointer; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel li label:not(.swatch-label)::before,
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-btn::before { content: "" !important; display: block !important; flex: none; width: 13px; height: 13px; border: 1px solid #9aa0a6; border-radius: 50%; box-sizing: border-box; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter-label { width: auto !important; text-align: left !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel li input:checked + label,
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-btn[aria-pressed="true"] { background: none !important; color: #001135 !important; font-weight: 600 !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel li input:checked + label::before,
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-btn[aria-pressed="true"]::before { background: #001135; border-color: #001135; box-shadow: inset 0 0 0 2px #fff; }
.cc-filters-container .cc-filters details.cc-filter[id*="color"] .swatch-sample { border-radius: 50% !important; width: 24px !important; height: 24px !important; box-sizing: border-box; }
.cc-filters-container .cc-filters details.cc-filter[id*="color"] label.swatch-label { border-radius: 50% !important; }


/* ===== NZ filter drawer: Size as neat boxes, everything else a tight single-column list (2026-10-23) =====
   Size goes back to equal outlined tiles, four per row (AU look); the other text lists keep the
   round tick but with low row spacing. Overrides the "plain lists" block above for Size only. */
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel ul,
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel li label:not(.swatch-label),
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-btn { display: flex !important; justify-content: center !important; align-items: center; gap: 0; width: 100% !important; height: 32px !important; min-height: 0 !important; padding: 4px 2px !important; border: 1px solid #e6e6e6 !important; border-radius: 0 !important; background: #fff !important; color: #001135 !important; font-size: 12px !important; line-height: 1 !important; box-sizing: border-box; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel li label:not(.swatch-label)::before,
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-btn::before { content: none !important; display: none !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter-label { width: 100% !important; text-align: center !important; display: block; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel li input:checked + label,
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-btn[aria-pressed="true"] { background: #001135 !important; color: #fff !important; border-color: #001135 !important; font-weight: 400 !important; }
/* tight single-column lists */
.cc-filters-container .cc-filters details.cc-filter:not([id$="option.size"]):not([id*="color"]):not([id$="price"]) .cc-filter__panel li { margin: 0 0 3px !important; }
.cc-filters-container .cc-filters details.cc-filter:not([id$="option.size"]):not([id*="color"]):not([id$="price"]) .cc-filter__panel ul { max-height: 190px; }

/* wider drawer, smaller size boxes (5 per row), tighter colour swatches, 3px side padding on panels
   so box borders and swatch rings are not clipped at the edge */
.cc-filters-container.custom-sidebar .cc-filters { width: min(380px, 94vw) !important; }
.cc-filters-container .cc-filters details.cc-filter .cc-filter__panel { padding-left: 3px !important; padding-right: 3px !important; box-sizing: border-box; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel ul,
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-tiles { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 5px !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel li label:not(.swatch-label),
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-btn { height: 26px !important; font-size: 11px !important; padding: 2px !important; }
.cc-filters-container .cc-filters details.cc-filter[id*="color"] .cc-filter__panel ul { gap: 4px !important; }
.cc-filters-container .cc-filters details.cc-filter[id*="color"] label.swatch-label { width: 28px !important; height: 28px !important; }
.cc-filters-container .cc-filters details.cc-filter[id*="color"] .swatch-sample { width: 22px !important; height: 22px !important; }


/* ===== NZ filter polish (2026-10-23) ===== */
/* Sort by stays centred on the toolbar row even when the applied-filters bar makes the form taller */
@media (min-width: 750px) {
  form#filters .custom-filter-toolbar { box-sizing: border-box; height: 61px; }
  form#filters details#filter-sort { bottom: auto !important; height: 61px; }
}
/* Applied-filters bar on the page: text link for Clear all, small chips */
.cc-active-filters .cc-active-filter-reset { background: none !important; color: #001135 !important; text-decoration: underline; padding: 4px 6px 4px 0 !important; font-size: 13px !important; }
.cc-active-filters .cc-active-filter { background: #f1f1f1 !important; border-radius: 6px !important; padding: 3px 8px !important; font-size: 12px !important; margin: 0 6px 6px 0 !important; }
.cc-active-filters .cc-active-filter > svg { width: 12px; height: 12px; margin: 0 -2px 0 6px; }
/* Applied filters inside the drawer: flat, compact, no card */
.cc-filters .custom-applied-filters { background: transparent !important; border-radius: 0 !important; padding: 0 0 10px !important; margin-bottom: 8px !important; border-bottom: 1px solid #e8e8e8; }
.cc-filters .custom-applied-header { margin-bottom: 8px !important; font-size: 13px !important; }
.cc-filters .custom-clear-all { font-size: 12px; font-weight: 400; }
.cc-filters .custom-filter-tags { gap: 6px !important; }
.cc-filters .custom-filter-chip { gap: 6px !important; padding: 3px 8px 3px 10px !important; border-radius: 6px !important; font-size: 12px !important; }
.cc-filters .custom-filter-chip span { width: 14px !important; height: 14px !important; font-size: 10px !important; line-height: 1; }
/* Price: space between the $ and the number */
.cc-filters-container .cc-price-range__input-currency { font-size: 14px !important; left: 12px !important; }
.cc-filters-container .cc-price-range__input { padding-left: 34px !important; }
/* Colour swatches: keep the ring inside the panel on the left edge */
.cc-filters-container .cc-filters details.cc-filter[id*="color"] label.swatch-label { justify-content: flex-start !important; padding-left: 3px !important; box-sizing: border-box; }


/* ===== Filter drawer: price box and swatch clipping, round 2 (2026-10-23) ===== */
/* Price: the box itself is now a flex row ("$" then the number), so the two can never overlap */
.cc-filters-container .cc-price-range__input-container { display: flex !important; align-items: center; gap: 6px; box-sizing: border-box; height: 36px; padding: 0 10px !important; border: 1px solid #d6d6d6; border-radius: 8px; background: #fff; }
.cc-filters-container .cc-price-range__input-currency { position: static !important; transform: none !important; inset: auto !important; margin: 0 !important; font-size: 14px !important; line-height: 1; flex: none; }
.cc-filters-container .cc-price-range__input { flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; height: 100% !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 14px !important; text-indent: 0 !important; }
/* Colour: the theme gives .swatch-sample margin -3px 9px 0 0, which pushed the ring over the panel's top edge */
.cc-filters-container .cc-filters details.cc-filter[id*="color"] .swatch-sample { margin: 0 !important; }
.cc-filters-container .cc-filters details.cc-filter[id*="color"] .cc-filter__panel ul { padding: 3px 0 !important; }


/* Filter button keeps a fixed width so "Filter (2)" no longer runs into "Sort by" (desktop toolbar) */
@media (min-width: 750px) {
  form#filters .custom-filter-btn { min-width: 134px; justify-content: center; }
  form#filters details#filter-sort { left: 162px !important; }
}


/* ===== Filter drawer: sit below the header, clean bottom edge (2026-10-23) ===== */
.cc-filters-container .custom-show-results { background: #fff !important; bottom: 0 !important; margin: 0 !important; padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px)) !important; }
@media screen and (max-width: 768px) {
  /* Bottom sheet from just under the header (was 75vh, which could run up behind the nav) down to the screen edge */
  .custom-sidebar.active .cc-filters { top: 100px !important; bottom: 0 !important; height: auto !important; max-height: none !important; border-radius: 16px 16px 0 0 !important; width: 100% !important; left: 0 !important; }
}


/* Filter drawer on every width: start below the header (announcement bar + nav ends at ~103px at the top of the page;
   the old top: 80px left the first rows hidden behind the nav) and run to the bottom of the screen */
.cc-filters-container.custom-sidebar.active .cc-filters { top: 104px !important; bottom: 0 !important; height: auto !important; max-height: none !important; }


/* Size boxes: fixed 42px wide (they were stretching to fill a 5-column grid, ~64px each) */
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel ul,
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-tiles { grid-template-columns: repeat(auto-fill, 42px) !important; gap: 5px !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .cc-filter__panel li label:not(.swatch-label),
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-btn { width: 42px !important; height: 26px !important; }


/* ===== Collection pages: remove dead space above the circles (2026-10-23) =====
   - the collection section had padding 60px top/bottom at <=1024px (section setting)
   - an empty "custom highlight collection" section above it still added 30px */
.shopify-section[id*="__custom_highlight_collection_"]:not(:has(> :not(script):not(style))) { display: none !important; }
@media screen and (max-width: 1024px) {
  .container:has(> .main-collections-inner) { padding-top: 6px !important; padding-bottom: 24px !important; }
}


/* Mobile: smaller Filter button and toolbar row (desktop already done above, 750px+) */
@media (max-width: 749px) {
  form#filters .custom-filter-toolbar { padding: 6px 16px !important; }
  form#filters .custom-filter-btn { padding: 8px 16px !important; font-size: 12px !important; gap: 6px; min-height: 0 !important; height: auto !important; }
  form#filters .custom-filter-btn .filter-icon svg { width: 13px; height: 12px; }
}


/* ===== Small phones: keep the cart icon on screen (2026-10-23) =====
   Mobile header = burger 44 + logo (up to 150px) + search/account/cart 3 x 44 + 40px side padding.
   On a 320-360px screen that is wider than the screen, so the cart icon fell off the right edge. */
@media screen and (max-width: 389px) {
  .docked-mobile-navigation-container__inner .store-logo--image { max-width: 104px !important; }
  .docked-mobile-navigation-container__inner .store-logo--image img,
  .docked-mobile-navigation-container__inner .site-logo img { max-width: 104px !important; height: auto; }
  .docked-mobile-navigation-container__inner .utils__right a,
  .docked-mobile-navigation-container__inner .burger-icon { min-width: 36px !important; }
  .site-header section.header-navigation.container,
  .docked-header--dock section.header-navigation.container { padding-left: 12px !important; padding-right: 12px !important; }
}
@media screen and (max-width: 339px) {
  .docked-mobile-navigation-container__inner .store-logo--image,
  .docked-mobile-navigation-container__inner .store-logo--image img,
  .docked-mobile-navigation-container__inner .site-logo img { max-width: 88px !important; }
}


/* ===== Mobile menu: tapping the empty space in a row opens the dropdown (2026-10-23) =====
   The link used to fill the whole row (up to the arrow), so a tap between "Women" and the arrow navigated.
   Now the link is only as wide as its text and the arrow button stretches across the rest of the row
   (arrow still at the right), so only the text navigates; everything else toggles the submenu. */
.mobile-site-nav .mobile-site-nav__item > .mobile-site-nav__link { flex: 0 1 auto !important; max-width: calc(100% - 60px); }
.mobile-site-nav .mobile-site-nav__item > .mobile-site-nav__icon { flex: 1 1 0; display: flex; align-items: center; justify-content: flex-end; min-height: 48px; margin: 0 !important; }
/* rows with no arrow (e.g. Sale) or a hidden arrow keep a full-width link */
.mobile-site-nav .mobile-site-nav__item:not(:has(> .mobile-site-nav__icon)) > .mobile-site-nav__link,
.mobile-site-sub-nav__item-camisole > .mobile-site-nav__link,
.mobile-site-sub-nav__item-new-in > .mobile-site-nav__link { flex: 1 1 0 !important; }


/* ===== Collection pages, mobile: no hero image (2026-10-23) =====
   The banner photo took a whole screen on phones. Breadcrumb, title and circles stay. */
@media screen and (max-width: 749px) {
  .ccb-section.poc-banner picture { display: none !important; }
}


/* ===== Mobile toolbar: "Sort by <selected>" on the right of the Filter bar (2026-10-23) =====
   Under 750px the theme hid the sort labels (md-down-hidden) and made #filter-sort a hidden full-screen panel.
   Same approach as the 750px+ toolbar above, but right-aligned, with a small dropdown under it. */
@media screen and (max-width: 749px) {
  form#filters { position: relative; }
  form#filters .custom-filter-toolbar { box-sizing: border-box; height: 45px; padding: 6px 16px !important; }
  form#filters details#filter-sort { position: absolute !important; top: 0 !important; bottom: auto !important; left: auto !important; right: 16px !important; width: auto !important; height: 45px; visibility: visible !important; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; z-index: 30; }
  form#filters details#filter-sort > summary.cc-filter__toggle { display: flex !important; align-items: center; justify-content: flex-end; gap: 6px; height: 100% !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  form#filters details#filter-sort .cc-sort-label,
  form#filters details#filter-sort .cc-sort-selected { display: inline !important; font-size: 12px !important; opacity: 1; }
  form#filters details#filter-sort .cc-sort-label { color: #6b7280; }
  form#filters details#filter-sort .cc-sort-selected { font-weight: 600; }
  form#filters details#filter-sort > .cc-filter__panel1 { position: absolute; right: 0; left: auto; top: 100%; min-width: 220px; background: #fff; box-shadow: 0 6px 20px rgba(0, 0, 0, .12); padding: 12px 14px; border-radius: 8px; }
  form#filters details#filter-sort .cc-filter__header { display: none !important; }
}


/* ===== Mobile fixes, round 2 (2026-10-23) =====
   1. Hero image: poc-collection-header.js injects its own picture rules after this file, so the earlier
      "hide hero" rule lost on specificity. Use a more specific selector.
   2. Sort by: the real #filter-sort sits in .cc-filters-container, a fixed layer parked under the screen on
      mobile, so absolute positioning put it off-screen. A separate .jk-msort control (markup in
      new-facet-filters.liquid) sits on the toolbar row and drives the same radio buttons.
   3. Filter drawer on wider phones / small tablets (about 600-767px): the panel was 370px wide inside a wider
      row and was pushed along by left:100% + translate(-100%), indenting every filter. Make panels plain
      full-width blocks. */
.jk-msort { display: none; }
@media screen and (max-width: 749px) {
  html body .ccb-section.poc-banner .ccb-wrapper picture,
  html body .ccb-section.poc-banner picture { display: none !important; }

  /* the old (off-screen) positioning rules are no longer needed */
  form#filters details#filter-sort { display: none !important; }

  .jk-msort { display: block; position: absolute; top: 0; right: 16px; height: 45px; z-index: 30; }
  .jk-msort > summary { display: flex; align-items: center; gap: 6px; height: 45px; list-style: none; cursor: pointer; font-size: 12px; }
  .jk-msort > summary::-webkit-details-marker { display: none; }
  .jk-msort__label { color: #6b7280; }
  .jk-msort__sel { font-weight: 600; color: #001135; }
  .jk-msort__list { position: absolute; right: 0; top: 100%; min-width: 210px; margin: 0; padding: 6px 0; list-style: none; background: #fff; box-shadow: 0 6px 20px rgba(0, 0, 0, .15); border-radius: 8px; }
  .jk-msort__list li { margin: 0; }
  .jk-msort__list label { display: block; padding: 11px 16px; font-size: 14px; color: #001135; cursor: pointer; }
  .jk-msort__list label.is-selected { font-weight: 600; }
}
@media screen and (max-width: 767.98px) {
  .cc-filters .cc-filter__panel,
  .cc-filters .cc-filter.is-open .cc-filter__panel { left: 0 !important; transform: none !important; width: 100% !important; }
}

/* ===== NZ filter drawer: size sub-headers (Clothing / Numeric / Bra size) sit under the previous tiles with clear space above and close to their own tiles (2026-10-27) ===== */
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-sg-head { line-height: 1.2 !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-sg-head:not(:first-child) { padding-top: 22px !important; padding-bottom: 6px !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-label { line-height: 1.2 !important; margin: 0 0 6px !important; }
.cc-filters-container .cc-filters details.cc-filter[id$="option.size"] .poc-bra-row + .poc-bra-row { margin-top: 12px !important; }

/* ===== NZ filter drawer: always-visible "Clear all" beside "Show results" (2026-10-27) ===== */
.cc-filters-container .custom-show-results { display: flex !important; align-items: center; gap: 10px; }
.cc-filters-container .custom-show-results .custom-show-btn { flex: 1 1 auto; width: auto !important; }
.cc-filters-container .custom-drawer-clear { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto; height: 40px; padding: 0 18px; border: 1px solid #001135; border-radius: 999px; background: #fff; color: #001135 !important; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }