/** Shopify CDN: Minification failed

Line 137:0 Unexpected "{"
Line 480:0 Unexpected "{"
Line 480:1 Expected identifier but found "%"
Line 480:45 Unexpected "{"
Line 480:46 Expected identifier but found "%"

**/
@media only screen and (min-width: 768px) {
.theme-store-id-801.spf-layout-theme.gf-left .gf-option-block .gf-block-title h3:after, .theme-store-id-801.spf-layout-theme.gf-left .gf-option-block .gf-block-title .h3:after {
top: 5px !important;
}
}
.collection-layout .gf-actions{
align-items: flex-start !important;
}
.page-width {
padding-left: 20px;
padding-right: 20px;
max-width: 1920px;
margin: 0 auto;
}
.globo-selected-items-wrapper .h3 {
display:none !important;
}
.globo-selected-items-wrapper .globo-selected-items{
display: flex;
width: max-content;
position: absolute;
top: -48px;
left: 293px;
gap: 11px;
BORDER-BOTTOM: 0 !IMPORTANT;
}
.globo-selected-items-wrapper .gf-block-title a{
background: #fff;
border: 1px solid #d7d7d7;
width: 100%;
padding: 8px;
font-family: 'Montserrat';
font-weight: 600 !important;
color: #000 !important;
border-radius: 0px;
text-align: center;
text-transform: uppercase !important;
}
.globo-selected-items-wrapper .globo-selected-items .selected-item.gf-option-label {
width: max-content !important;
}
.globo-selected-items-wrapper .globo-selected-items .selected-item.gf-option-label a{
box-shadow:none !important;
font-family: 'Montserrat';
background: #e4e4e4 !important;
border: none;
text-transform: uppercase !important;
}
.globo-selected-items-wrapper .globo-selected-items .selected-item.gf-option-label a .selected-item span{
display:none;
}
.globo-selected-items-wrapper .globo-selected-items .selected-item.gf-option-label a .selected-item strong .gf-label{
display:block !important;
font-weight:500 !important
}
div#gf-tree .h3 {
border:none !important;
}
.gf-option-box button:focus{
box-shadow:none !important;
outline:none !important;
}
.gf-option-block.gf-option-553092.gf-option-block-box-rectangle.swatch-size-32 button {
border:none;
display: flex !important;
padding: 0 !important;
width: 35px !important;
margin: 0 !important;
padding: 0 !important;
}
.gf-option-block.gf-option-553092.gf-option-block-box-rectangle.swatch-size-32 .checked .gf-label{
color:#fff !important;
}
.gf-option-block.gf-option-553092.gf-option-block-box-rectangle.swatch-size-32 button:hover .gf-label{
color:#fff !important;
}
.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a.checked, .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button.checked{
border-radius: 3px;
}
.theme-store-id-801.spf-layout-theme.gf-left .gf-option-block .gf-block-title h3:hover, .theme-store-id-801.spf-layout-theme.gf-left .gf-option-block .gf-block-title .h3:hover{
box-shadow:none !important;
}
.gf-option-block.gf-option-553092.gf-option-block-box-rectangle.swatch-size-32 ul{
display:flex !important;
flex-wrap:wrap;
gap:5px;
}
.gf-option-553092 li{
width: 35px !important;
margin: 10px 0 0 !important;
border: 1px solid #DAE1E7;
border-radius: 4px;
font-family: "Montserrat", sans-serif;
}
.gf-option-553092 li span.gf-label{
text-transform: uppercase;
width: 30px !important;
margin: 0 !important;
padding: 7px 4px !important;
text-align: center !important;
}
.gf-option-553092,.gf-option-553091,.gf-option-553326,.gf-option-553328{
border-bottom: 1px solid #e3e3e3 !important;
padding: 15px 0 15px !important;
}
.gf-option-553328 .gf-block-content{
display:block !important;
}
.gf-filter-contents .gf-label{
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 500;
color:#000;
}
.gf-filter-contents .gf-block-content{
margin-top:0 !important;
}
.collection-layout {
display: flex;
flex-wrap: wrap;
gap: 0px;
}
.gf-option-553091 .gf-option-box {
gap: 0px 20px;
}
.gf-option-553091 .gf-option-box button,.gf-option-553091 .gf-option-box span li,
.gf-option-553091 .gf-option-box .gf-option-one-color,.gf-option-553091 .gf-option-box .gf-swatch-image,
{
width: 35px;
height:35px;
}
gf-option-553091 .gf-option-block-swatch a > span:not(.gf-option-value, .gf-label), .gf-option-block-swatch-text a > span:not(.gf-option-value, .gf-label), .gf-option-block-swatch button > span:not(.gf-option-value, .gf-label), .gf-option-block-swatch-text button > span:not(.gf-option-value, .gf-label) {
width: 35px !important;
height: 35px !important;
border:none !important;
}
.gf-option-553091 .gf-option-block-swatch a > span:not(.gf-option-value, .gf-label):hover,
.gf-option-block-swatch-text a > span:not(.gf-option-value, .gf-label):hover,
.gf-option-block-swatch button > span:not(.gf-option-value, .gf-label):hover,
.gf-option-block-swatch-text button > span:not(.gf-option-value, .gf-label):hover {
border: 2px solid black !important;
box-shadow: 0 0 0 2px #fff inset;
}
.collection-layout .gf-controls-search-form,.collection-layout .sort-by{
display:none;
}
.gf-summary{
display:none;
}
.collection-layout .sort-by.limit-by.hidden-xs
{
display: none;
}
.collection-filters {
flex: 0 0 250px;
max-width: 250px;
box-sizing: border-box;
}
.collection-main-content {
flex: 1;
min-width: 0;
box-sizing: border-box;
}
.collection-main-content .grid__item{
margin-top:0 !important;
}
span.spf-product-card__price, span.gfqv-product-card__price{
font-size:14px;
font-weight:bold;
font-family: 'Open Sans', sans-serif !important;
color: #000 !important;
}
@media screen and (max-width: 768px) {
.collection-main-content .gf-filter-trigger{
padding: 0 !important;
margin: 0 !important;
}
.collection-main-content .gf-refine-toggle-mobile{
border-radius: 2px !important;
background: #fff !important;
width: max-content;
height: auto !important;
padding: 5px 6px 5px 5px !important;
margin: 0;
font-family: "Montserrat", sans-serif;
display: block;
position: static;
font-size:14px !important;
color:#000 !important;
font-weight: 500 !important;
border:none !important;
}
.collection-main-content .gf-refine-toggle-mobile i {
}
.gf-filter-header .gf-filter-heading {
padding: 12px 0 !important;
background: #F5F6F7;
}
.gf-close-canvas svg{
width:12px;
}
.gf-filter-selection, .gf-filter-trigger, span.gf-summary{
margin: 0 !important;
width: 50% !important;
max-width: 50% !important;
}
a.gf-clear {
display: none;
}
.collection-layout .sort-by.limit-by.hidden-xs{
display: none !important;
}
.collection-layout .sort-by {
display: flex !important;
background: transparent;
border: none;
}
.collection-layout .sort-by label span{
font-family: 'Montserrat';
font-weight: 500;
color: #000 !important;
font-size: 14px;
text-decoration: none;
text-align: right;
}
.globo-dropdown-custom__options span{
font-family: 'Montserrat';
}
.collection-main-content .sort-by:before{
background-size: 8px !important;
}
.collection-main-content .gf-refine-toggle-mobile span{
}
.globo-selected-items-wrapper .globo-selected-items{
position:static !important;
width: auto !important;
flex-wrap: wrap !important;
}
.globo-selected-items-wrapper .globo-selected-items .selected-item.gf-option-label a{
padding:10px !important;
border-radius:50px;
}
.mobile-filters-open .mobile-nav-bar-wrapper {
display: none !important;
}
.collection-layout {
flex-direction: column;
margin-top:0px !important;
overflow-y: scroll;
overflow-x: hidden;
}
.collection-tabs{
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding: 10px !important;
-ms-overflow-style: none !important;
scrollbar-width: none !important;
gap: 0px !important;
}
.collection-tabs::-webkit-scrollbar {
display: none; 
}
.collection-tabs li {
flex: 0 0 auto !important;
margin-right: 10px !important;
}
.collection-tabs li:first-child {
padding-left: 0 !important;
transform: none !important;
opacity: 1 !important;
display: list-item !important;
}
.collection-tabs a:first-child {
padding-left: 10px !important;
}
.collection-main-content .grid__item{
width:100% !important;
}
.collection-filters {
flex: 1 1 100%;
max-width: 100%;
padding-right: 0;
padding-bottom: 20px;
}
.collection-main-content {
padding-left: 0;
}
.page-width {
padding-left: 15px;
padding-right: 15px;
}
}
.filter-group {
border-bottom: 1px solid #eee;
padding: 20px 0;
}
.filter-group:last-child {
border-bottom: none;
padding-bottom: 0;
}
.filter-group__title {
font-size: 14px;
font-weight: bold;
margin-bottom: 15px;
text-transform: uppercase;
color: #000;
font-family: 'Montserrat';
}
.filter-group__list {
list-style: none;
padding: 0;
margin: 0;
}
.filter-group__list-item {
margin-bottom: 10px;
}
.filter-group__list-item a {
text-align: center;
margin-left: 0 !important;
margin-right: 4px !important;
font-size: 12px !important;
position:relative;
}
.filter-group__list-item label {
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin: 0px;
font-size: 12px;
color: #000;
font-family: 'Montserrat';
font-weight: 500;
}
.size-swatch--active{
color:#fff !important;
}
.filter-group__list-item input[type="checkbox"] {
vertical-align: middle;
margin-right: 5px;
}
.filter-colors {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: baseline;
justify-content: flex-start;
}
.color-swatch {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #ccc;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: white;
font-size: 1.2em;
font-weight: bold;
}
.color-swatch:hover {
border-color: #333;
}
.color-swatch--active {
border: 2px solid #000 !important;
transition: border 0.2s;
}
.collection-controls {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0;
margin: 0px auto;
box-sizing: border-box;
width: 100%;
}
@media screen and (max-width: 768px) {
.collection-controls {
padding-left: 0px;
padding-right: 15px;
margin: 0 !important;
}
/* 768px se kam screens */
@media screen and (max-width: 768px) {
.collection-controls {
padding-left: 0px;
padding-right: 15px;
margin: 0 !important;
}
}
.sort-by-wrapper .icon{
top: 38% !important;
left:42% !important;
transform: rotate(270deg);
}
.filter-sizes{
gap: 15px;
}
}
.sort-by-wrapper {
position: relative;
display: block;
flex-shrink: 0;
margin-right: 20px;
width: 100%;
}
.sort-by-select {
width: 15%;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
font-family: 'Montserrat';
display: block;
padding: 8px 10px;
background-color: transparent !important;
border: none;
font-size: 12px;
color: #000;
font-weight: 600;
border-radius: 0px;
border: 1px solid #ddd;
}
.sort-by-wrapper svg {
position: absolute;
top: 13px;
left: 12%;
width: 10px;
}
.sort-by-select:focus{
outline:none !important;
box-shadow: none !important;
}
.sort-by-wrapper .icon { 
display: inline-block !important;
height: auto;
vertical-align: middle;
display: inline-block !important;
width: 8px;
position: absolute;
left: 12%;
top: 42%;
}
.product-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
list-style: none;
padding: 0;
margin: 0;
}
.grid__item {
padding: 0 !important;
}
#mobileFiltersDrawer{
display:none;
}
.mobile-collection-controls{
display:none;
}
@media screen and (max-width: 990px) {
.product-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 768px) {
.product-grid {
grid-template-columns: repeat(2, 1fr);
{% comment %} margin-left: -15px !important; {% endcomment %}
}
.sort-by-select,.clear-filters-button{
width:50% !important;
}
.clear-filters-button{
border:none !important;
padding: 18px 10px !important; 
}
.collection-filters {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: white;
z-index: 999;
padding: 48px 10px 20px;
overflow-y: auto;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateY(100%);
opacity: 0;
}
.collection-filters.mobile-open {
display: block !important;
transform: translateY(0);
opacity: 1;
}
.mobile-filter-button {
display: flex;
align-items: center;
justify-content: center;
padding: 5px 10px 3px 10px;
background-color: transparent !important;
border: 1px solid #DAE1E7;
border-radius: 1px;
color: #000 !important;
font-size: 12px;
cursor: pointer;
text-transform: uppercase;
font-weight: 600;
font-family: 'Montserrat';
width: auto;
margin-right: 10px;
line-height: 0;
}
.mobile-filter-button img{
width: 25px;
height: 25px;
}
.mobile-filter-button:hover {
background-color: #f0f0f0;
}
.mobile-filter-button .icon {
margin-right: 8px;
}
.mobile-collection-controls {
display: none;
justify-content: space-between;
align-items: center;
padding: 0px 0 15px !important;
}
.selected-tags-container {
padding: 0px 0 0px !important;
}
.dynamic-header-section{
padding: 10px 0 !important;
}
.mobile-filters-close {
position: absolute;
top: 0px;
right: 0;
font-size: 14px;
cursor: pointer;
z-index: 1000;
width: 100%;
background: #F5F6F7;
text-align: left;
padding: 8px 10px;
color: #000;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
font-family: 'Montserrat';
}
.mobile-filters-close span{
font-size: 20px;
color: #000;
font-family: 'Montserrat';
}
.mobile-filters-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 998;
display: none;
}
.mobile-filters-overlay.active {
display: block;
}
.sort-by-wrapper {
width: 100%;
margin-top: 30px;
margin-bottom: 15px;
}    
.filter-sizes {
gap: 15px;
}
.page-width {
padding-left: 15px;
padding-right: 15px;
}
.collection-controls-desktop{
display:none !important;
}
}
@media (min-width: 375px) and (max-width: 389px) {
.collection-tabs li:first-child{
margin-left: 175% ;
}
}
@media (min-width: 390px) and (max-width: 413px) {
.collection-tabs li:first-child{
margin-left: 173%;
}
}
@media (min-width: 414px) and (max-width: 429px) {
.collection-tabs li:first-child{
margin-left: 156% ;
}
}
@media (min-width: 430px) and (max-width: 767px) {
.collection-tabs li:first-child{
margin-left: 145% ;
}
}
.dynamic-header-section {
padding: 30px 0;
text-align: center;
}
.dynamic-header-section h1 {
font-size: 28px;
color:#000;
font-family: 'Just_Sans', sans-serif;
font-weight:bold;
text-transform:uppercase;
padding: 24px 0;
}
.dynamic-header-section .collection-description {
margin-top: -10px;
margin-bottom: 30px;
color: #666;
font-size: 0.9em;
}
.collection-tabs {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.collection-tabs li {
margin: 0;
}
.collection-tabs a {
display: block;
padding: 8px 15px;
border: 1px solid #ccc;
border-radius: 1px solid #DAE1E7;
text-decoration: none;
color: #000;
background-color: transparent;
transition: all 0.3s ease;
white-space: nowrap;
font-family: 'Montserrat';
font-size: 12px;
font-weight: 600;
}
.collection-tabs a:hover {
background-color: #e9e9e9;
border-color: #a3a3a3;
}
.collection-tabs a.active-tab {
background-color: #000;
color: #fff;
border-color: #000;
}
.clear-filters-button {
display: inline-block;
padding: 12px 10px;
background-color: transparent !important;
border: 1px solid #DAE1E7;
border-radius: 1px;
text-decoration: none !important;
color: #000 !important;
font-size: 12px;
cursor: pointer;
text-transform: uppercase;
font-weight: 600;
font-family: 'Montserrat';
width: 90%;
line-height: 10px;
text-align: center;
}
.clear-filters-button:hover {
background-color: #e0e0e0;
}
.filter-sizes{
display: inline-flex !important;
}
.size-swatch {
display: inline-flex !important;
justify-content: center;
align-items: center;
min-width: 40px;
height: 40px;
border: 1px solid #ccc;
border-radius: 5px;
text-decoration: none;
color: #333;
font-weight: bold;
padding: 0 10px;
transition: all 0.2s ease;
}
.size-swatch:hover {
background-color: #f0f0f0;
}
.size-swatch--active {
background-color: #000 !important;
color: #fff !important;
border-color: #000 !important;
transition: background 0.2s, color 0.2s, border 0.2s;
}
.load-more-button-container {
text-align: center;
margin-top: 30px;
margin-bottom: 50px;
}
.load-more-button {
background: #000;
color: #fff;
font-weight: 700;
padding: 13px 60px;
font-size: 16px;
text-transform: uppercase;
font-family: Montserrat !important;
border-radius: 30px;
display: inline-block;
margin: 20px 0;
text-decoration:none;
}
.load-more-button:hover {
background: #fff;
color: #000;
border:1px solid #000 !important;
}
.filter-colors{
display:flex !important;
}
.selected-tags-container {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 10px 0 20px;
}
.selected-tag {
background: #f5f5f5;
border: 1px solid #e0e0e0;
padding: 5px 22px;
border-radius: 15px;
font-size: 14px;
display: flex;
align-items: center;
font-family: 'Montserrat', sans-serif;
}
.remove-tag {
margin-left: 5px;
cursor: pointer;
font-size: 14px;
}
@media screen and (min-width: 769px) {
.collection-filters {
padding-right: 0;
max-width: 260px;
min-width: 220px;
}
.filter-group {
border-bottom: 1px solid #eee;
padding: 18px 0 10px 0;
margin-bottom: 0;
}
.filter-group__title {
font-size: 13px;
font-weight: 700;
margin-bottom: 12px;
letter-spacing: 0.5px;
color: #222;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
.filter-group__list {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0;
}
.filter-group__list.filter-sizes {
gap: 8px;
margin-bottom: 0;
}
.filter-group__list.filter-colors {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px 10px;
margin-bottom: 0;
}
.filter-group__list-item {
margin: 0 2px 10px 0;
padding: 0;
flex: 0 0 auto;
width: auto;
}
.filter-group__list.filter-colors .filter-group__list-item {
margin: 0;
padding: 0;
width: auto;
}
.size-swatch {
min-width: 34px;
height: 32px;
border-radius: 5px;
border: 1.5px solid #bdbdbd;
background: #fff;
color: #222;
font-size: 13px;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
box-shadow: none;
margin: 0;
padding: 0;
}
.size-swatch--active {
background: #fff;
color: #222;
border: 2px solid #222 !important;
font-weight: 700;
}
.size-swatch:hover {
border-color: #222;
}
.color-swatch {
width: 32px;
height: 32px;
border-radius: 50%;
border: 1.5px solid #bdbdbd;
box-shadow: none;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
transition: border 0.2s;
position: relative;
}
.color-swatch--active {
border: 2.5px solid #222 !important;
}
.color-swatch:hover {
border-color: #222;
}
.filter-group__list-item label,
.filter-group__list-item input[type="checkbox"],
.filter-group__list-item input[type="radio"] {
font-size: 13px;
font-family: 'Montserrat', sans-serif;
color: #222;
font-weight: 400;
margin: 0 0 0 2px;
vertical-align: middle;
cursor: pointer;
}
.filter-group__list-item input[type="checkbox"],
.filter-group__list-item input[type="radio"] {
accent-color: #222;
width: 15px;
height: 15px;
margin-right: 7px;
border-radius: 3px;
}
}
@media screen and (max-width: 768px) {
.collection-filters {
padding: 48px 10px 20px 10px;
max-width: 100vw;
}
.filter-group {
border-bottom: 1px solid #eee;
padding: 16px 0 8px 0;
margin-bottom: 0;
}
.filter-group__title {
font-size: 13px;
font-weight: 700;
margin-bottom: 10px;
letter-spacing: 0.5px;
color: #222;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
.filter-group__list {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0;
}
.filter-group__list.filter-sizes {
gap: 6px;
margin-bottom: 0;
}
.filter-group__list.filter-colors {
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
gap: 15px 5px !important;
align-items: baseline !important;
}
.filter-group__list-item {
margin: 0 6px 8px 0;
padding: 0;
flex: 0 0 auto;
width: auto;
}
.filter-group__list.filter-colors .filter-group__list-item {
margin: 0;
padding: 0;
width: auto;
}
.size-swatch {
min-width: 44px;
height: 28px;
border-radius: 5px;
border: 1.2px solid #bdbdbd;
background: #fff;
color: #222;
font-size: 12px;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
box-shadow: none;
margin: 0;
padding: 0;
}
.size-swatch--active {
background: #fff;
color: #222;
border: 2px solid #222 !important;
font-weight: 700;
}
.size-swatch:hover {
border-color: #222;
}
.color-swatch {
width: 22px;
height: 22px;
border-radius: 50%;
border: 1.2px solid #bdbdbd;
box-shadow: none;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
transition: border 0.2s;
position: relative;
}
.color-swatch--active {
border: 2px solid #222 !important;
}
.color-swatch:hover {
border-color: #222;
}
.filter-group__list-item label,
.filter-group__list-item input[type="checkbox"],
.filter-group__list-item input[type="radio"] {
font-size: 12px;
font-family: 'Montserrat', sans-serif;
color: #222;
font-weight: 400;
margin: 0 0 0 2px;
vertical-align: middle;
cursor: pointer;
}
.filter-group__list-item input[type="checkbox"],
.filter-group__list-item input[type="radio"] {
accent-color: #222;
width: 14px;
height: 14px;
margin-right: 6px;
border-radius: 3px;
}
}
@media screen and (min-width: 769px) {
.filter-group__list.filter-colors {
display: grid;
grid-template-columns: repeat(4, 70px);
gap: 18px 10px;
justify-items: center;
}
.color-swatch-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-width: 0;
width: 70px;
max-width: 100%;
word-break: break-word;
}
.color-label {
margin-top: 7px;
font-size: 13px;
color: #222;
font-family: 'Montserrat', sans-serif;
text-align: center;
font-weight: 400;
word-break: break-word;
line-height: 1.1;
width: 100%;
max-width: 100%;
overflow-wrap: break-word;
white-space: normal;
text-transform: capitalize;
}
}
@media screen and (max-width: 768px) {
.filter-group__list.filter-colors {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 12px 7px;
}
.color-swatch-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-width: 0;
}
.color-label {
margin-top: 5px;
font-size: 10px !important;
color: #222;
font-family: 'Montserrat', sans-serif;
text-align: left;
font-weight: 400;
word-break: break-word;
line-height: 12px !important;
}
}
@media screen and (min-width: 769px) {
.filter-group__list.filter-colors {
display: grid;
grid-template-columns: repeat(4, 100px);
gap: 16px 8px;
justify-items: center;
}
.color-swatch-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-width: 0;
width: 100px;
max-width: 100%;
word-break: break-word;
}
.color-label {
margin-top: 6px;
font-size: 10px;
color: #222;
font-family: 'Montserrat', sans-serif;
text-align: center;
font-weight: 400;
word-break: break-word;
overflow-wrap: break-word;
white-space: normal;
width: 100%;
max-width: 100%;
hyphens: auto;
display: block;
}
}
@media screen and (min-width: 769px) {
.filter-group__list.filter-colors {
display: grid;
grid-template-columns: repeat(4, 90px);
gap: 16px 8px;
justify-items: center;
}
.color-swatch-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-width: 0;
width: 90px;
max-width: 90px;
word-break: break-word;
overflow: hidden;
}
.color-label {
margin-top: 6px;
font-size: 10px;
color: #222;
font-family: 'Montserrat', sans-serif;
text-align: center;
font-weight: 400;
word-break: break-word;
overflow-wrap: break-word;
white-space: normal;
width: 90px;
max-width: 90px;
hyphens: auto;
display: block;
}
}
@media screen and (min-width: 769px) {
.collection-filters {
max-width: 400px !important;
min-width: 400px !important;
width: 400px !important;
}
.filter-group__list.filter-colors {
display: grid;
grid-template-columns: repeat(4, 100px);
gap: 16px 8px;
justify-items: center;
width: 100%;
}
.color-swatch-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-width: 0;
width: 100px;
max-width: 100px;
word-break: break-word;
overflow: hidden;
}
.color-label {
margin-top: 6px;
font-size: 10px;
color: #222;
font-family: 'Montserrat', sans-serif;
text-align: center;
font-weight: 400;
word-break: break-word;
overflow-wrap: break-word;
white-space: normal;
width: 100px;
max-width: 100px;
hyphens: auto;
display: block;
}
}
@media screen and (min-width: 769px) {
.collection-filters {
max-width: 300px !important;
min-width: 300px !important;
width: 300px !important;
}
.filter-group__list.filter-colors {
display: grid;
grid-template-columns: repeat(4, 68px);
gap: 16px 8px;
justify-items: center;
width: 100%;
}
.color-swatch-item {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-width: 0;
width: 68px !important;
max-width: 68px;
word-break: break-word;
overflow: hidden;
}
.color-label {
margin-top: 4px;
font-size: 10px;
color: #222;
font-family: 'Montserrat', sans-serif;
text-align: center;
font-weight: 400;
word-break: break-word;
overflow-wrap: break-word;
white-space: normal;
width: 68px;
max-width: 68px;
hyphens: auto;
display: block;
line-height: 12px !important;
}
}
.apply-filters-button {
display: inline-block;
padding: 16px 10px;
background-color: #000;
color: #fff;
border: 1px solid #DAE1E7;
border-radius: 1px;
font-size: 12px;
cursor: pointer;
text-transform: uppercase;
font-weight: 600;
font-family: 'Montserrat';
width: 50%;
line-height: 10px;
text-align: center;
}
.apply-filters-button:hover {
background-color: #222;
}
#gf-grid {
padding-bottom: 50px;
}
.early-access-section #gf-grid {
width: 100% !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
.gf-left #gf-tree:not(.spf-hidden) + #gf-grid {
width: 100% !important;
}
}
#gf-tree, #gf-controls-container{
display: none;
}
.early-access-section, .no-access{
padding: 50px 20px;
}
.early-access-section h1{
font-size: 28px;
color: #000;
font-family: 'Just_Sans', sans-serif;
font-weight: bold;
text-transform: uppercase;
padding: 24px 0;
}
@media (max-width:767px){
.early-access-section h1{
font-size: 22px;
}
}
.no-access h2, .no-product-avai{
font-size: 28px;
color: #000;
font-family: 'Just_Sans', sans-serif;
font-weight: bold;
text-transform: uppercase;
padding: 24px 0;
}
@media (max-width:767px){
.no-access h2{
font-size: 22px;
}
}
.no-access .btn {
font-size: 16px;
color: #fff;
border: 1px solid #000;
padding: 10px 0;
max-width: 250px;
width: 100%;
background-color: #000;
text-align: center;
font-family: Montserrat;
font-weight: bold;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
transition: all 0.3s;
margin: 0 auto;
border-radius: 0px !important;
text-transform: uppercase;
}
.grid.product-grid.grid--uniform{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto !important;
justify-content: left;
margin-bottom: 0;
margin-left: -15px;
margin-right: -15px;
min-width: 100%;
padding: 0;
position: relative;
width: auto;
z-index: 1;
}