/** Shopify CDN: Minification failed

Line 118:13 Unexpected "!"
Line 258:41 Unexpected "{"

**/
    .nav-dropdown {
            box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.66);
    }

.globo-form-app .footer button,  .globo-form-app .gfb__footer button {
    border: none!important;
    color:white!important;
    background-color:#111!important;
}

.gfb__footer .action:hover, .gfb__footer [type=button]:hover, .gfb__footer [type=submit]:hover, .globo-form-app .footer .action:hover, .globo-form-app .footer [type=button]:hover, .globo-form-app .footer [type=submit]:hover {
    box-shadow: none!important;
     color:white!important;
    filter: brightness(100%)!important;
    background-color:#333!important;
}
.globo-form-app .footer button, .globo-form-app .gfb__footer button {
    border: none!important;
     color:white!important;

}
.globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input ~ .checkbox-label:before, .globo-form-app .globo-form-control .radio-wrapper .radio-input ~ .radio-label:after {
    border-color: rgb(0 0 0)!important;
     color:white!important;
}
.collection__toolbar-item--layout{
  display:none;
}

.product-list .flickity-viewport {
    border-radius: 0px;
}
.breadcrumb{
  display:none;
}
.color-swatch__radio:checked+.color-swatch__item:after, .color-swatch__button.is-selected .color-swatch__item:after, .color-swatch__item.is-selected:after {
    content: "";
    border: 1px solid rgb(129, 141, 145)!important;
    border-radius: 30px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    position: absolute;
    top: -4px;
    left: -4px;
}
.color-swatch__item {
  
    width: 17px;
    height: 17px;
    border-radius: 17px;
        border: 1px solid #bcc3c5;
}
.color-swatch-list--large .color-swatch__item {
    width: 36px;
    height: 36px;
    border-radius: 18px;
        border: 1px solid #bcc3c5;
}

.product-item__title {
    margin-bottom: 2px;
}

.product-item__swatch-list {
margin: -2px 0 2px;}

.nav-dropdown {
  scrollbar-width: none;
}

.product-meta__title {
   
    font-family: barlow;
    text-transform: uppercase;
    font-weight: 900;
}

.producsubtitle{
   
    font-family: barlow;
    text-transform: uppercase;
    font-weight: 400;
    font-size:15px;
    color:black;
}

.product-meta__sku  {
   font-family: barlow;
    text-transform: uppercase;
    font-weight: 400;
    font-size:13px;
    color:black;

}

.product-info__block-item{
   font-family: barlow!important;
   text-transform: uppercase;
    font-size:14px;
    color:black;
    font-weight: 400;

}

.block-swatch__item-text::after{
  display: none !important;
}
.block-swatch--disabled .block-swatch__item-text {
    opacity: 1;
    position: relative;
}
  color:black!important;
.product-gallery__thumbnail.is-nav-selected {
    border-color: white;
}
.product-form .block-swatch__item{
 
  opacity: 1!important;
  color:black!important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 1px 16px 1px !important;
  background: #e3e3e3 !important;
}

.search-bar__input {
    background-color: #40464d;
    color: #FEDB00;
    padding: 0 30px 1px;
     clip-path: polygon(
      18px 0,    /* alto sinistra spostato a destra */
      100% 0,
      100% 100%,
      0 100%
    );
}
.search-bar__submit {
    color: #FEDB00;
    background: #40464d;
    --slant: 18px;
    clip-path: polygon(
        0 0,
        100% 0,
        calc(100% - var(--slant)) 100%,
        0 100%
        );
    border-radius: 0 0px 0px 0;
    margin-left: -1px; 
    padding-right: 30px;   
}
.search-bar__input-wrapper {
    background-color: #101820;
}

.search-bar__top {
    background: #101820;
    }

    .search-bar {
  background: #101820;
}
    .search-bar__inner {
        width: calc(100% - 8px);}

.header__action-item-title {
    color: #FEDB00;
}

.header__action-item:not(:last-child)::after {
 
  background: #FEDB00;
  transform: skewX(-20deg);
  transform-origin: center;
}

.template-collection .nav-bar,
.template-product .nav-bar{
  background: #101820;
  color:white;
}

.template-collection .nav-bar__link[aria-expanded="true"],
.template-product .nav-bar__link[aria-expanded="true"] {
    color:  #FEDB00;
  }

  .template-collection .nav-bar .link:hover, .link:focus,
.template-product .nav-bar .link:hover, .link:focus {
    color: #FEDB00;
}

.template-collection .nav-dropdown__link:hover, .nav-dropdown__link:focus,
.template-product .nav-dropdown__link:hover, .nav-dropdown__link:focus{
    color:rgb(0, 0, 0)!important;
  }
.template-page-watersports .nav-bar,
.template-page-snorkeling .nav-bar,
.template-page-swim .nav-bar,     
.template-page-freediving .nav-bar,   
.template-page-spearfishing .nav-bar,   
.template-page-scuba .nav-bar,   
.template-page-terms .nav-bar, 
.template-page-collaboration .nav-bar,
.template-index .nav-bar,
.template-page-80th-anniversary .nav-bar,
.template-page-our_history .nav-bar,
.template-page-contact .nav-bar {
  background: none;
  margin-bottom:-66px;
  color:white;
 transition: background-color 0.5s cubic-bezier(.4,0,.2,1);

}
.template-page-watersports .nav-bar:hover,
.template-page-snorkeling .nav-bar:hover,
.template-page-swim .nav-bar:hover,
.template-page-freediving .nav-bar:hover,      
.template-page-spearfishing .nav-bar:hover,    
.template-page-scuba .nav-bar:hover,
.template-page-terms .nav-bar:hover,
.template-page-collaboration .nav-bar:hover,
.template-index .nav-bar:hover,
.template-page-80th-anniversary .nav-bar:hover,
.template-page-our_history .nav-bar:hover,
.template-page-contact .nav-bar:hover {

  background: white;
  color:#677279;
}


 
.section__header {
  display: none;
}
.product-item__info {
  text-align: center;
}

@media screen and (min-width: 1000px) {
  .template-page-watersports .nav-bar:after,
  .template-page-snorkeling .nav-bar:after,
  .template-page-swim .nav-bar:after,    
.template-page-freediving .nav-bar:after,   
.template-page-spearfishing .nav-bar:after,     
  .template-page-scuba .nav-bar:after,
  .template-page-terms .nav-bar:after,  
  .template-page-collaboration .nav-bar:after,  
    .template-index .nav-bar:after,
  .template-page-80th-anniversary .nav-bar:after,
  .template-page-our_history .nav-bar:after,
  .template-page-contact .nav-bar:after, {
          background: none;
          
    }
}
@media screen and (min-width: 1000px) and (max-width: 1193px) {
.template-page-watersports .nav-bar, 
.template-page-snorkeling .nav-bar, 
.template-page-swim .nav-bar,   
.template-page-freediving .nav-bar,   
.template-page-spearfishing .nav-bar,    
   .template-page-scuba .nav-bar,
  .template-page-terms .nav-bar,
  .template-page-collaboration .nav-bar,
  .template-index .nav-bar,
.template-page-80th-anniversary .nav-bar,
.template-page-our_history .nav-bar,
.template-page-contact .nav-bar {
        margin-bottom:-132px;
        
  } }



  .video-embed { aspect-ratio: 16 / 9; max-width: 100%; max-height: 460px;}
.video-embed > iframe { width: 100%; height: 100%; display: block; }

/* Mobile */
@media (max-width: 1000px){
  .video-embed { max-height: 240px; margin-bottom:40px;}
  
}
@media screen and (max-width: 920px) {

  /* 0) contenitore: niente limiti/padding */
  .container.container--flush{
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 1) rompi il layout "table" */
  .featured-collection{
    display: block !important;
    width: 100% !important;
  }

  /* 2) header: da table-cell a block + full width */
  .featured-collection__header{
    display: block !important;
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;

    padding: 12px var(--mobile-container-gutter) !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  /* 3) anche il contenuto sotto deve diventare block e full width */
  .featured-collection__content{
    display: block !important;
    width: 100% !important;
  }

}
@media screen and (max-width: 640px) {
    .search-bar__inner {
       width: 100vw; }
    
}

@media screen and (max-width: 380px) {

  .search-bar__submit {
    margin-left: -30px;
  }

  .search-bar__input.is-filled+.search-bar__input-clear {
    
    margin-right: 24px;
}}