/* genegral */
.s-modal-overlay{
  background-color: rgba(0, 0, 0, .75);
}


/* mobile top header */
.header-components-top{
  background-color: #223f59!important;
}
.header-components-top .flex {
    margin-right: auto;
}
.s-user-menu-toggler::before{
  background-color: rgba(0, 0, 0, .75);
}
.s-user-menu-dropdown-header-content span{
  color: #daad6b;
}
.s-user-menu-dropdown-header-content p{
  color: #223f59!important;
}

/* normal header */
header.header-components-all.w-full.z-50.header-bg .container{
  max-width: 1800px;
}
.header-is-dark .header-components {
  background-color: #223f59;
  padding: 8px;
  border-bottom: 4px solid #daad6b;
}
.header-is-dark .header-components-inner.gap-8.center-between.relative.container.\!px-0 {
    gap: 8px;
}
a.navbar-brand{
  background: url("https://i.imgur.com/BPcBemJ.gif")!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-position: right!important;
}
.navbar-brand img{
  max-height: 68px!important;
  width: 64px;
  opacity: 0;
}


/* fixed header */
.fixed-header.header-components .container,
.fixed-header .inner .container{
  padding: 0;
}


.header-is-dark .fixed-pinned.header-components,
.header-is-dark .fixed-pinned .inner {
  background-color: #223f59;
  padding: 8px;
  border-bottom: 4px solid #daad6b;
}
.fixed-header .block.lg\:flex.justify-between.px-2\.5.w-full{
  padding-left: 0!important;
  padding-right: 0!important;
  gap: 8px;
}


/* nav bar menu */
.main-menu{
  padding: 0;
}
.header-is-dark .main-menu li.root-level{
  margin-left: 0;
}
.header-is-dark .header-components .root-level>a,
.header-is-dark .header-components-top .root-level>a,
.header-is-dark .fixed-pinned.header-components .root-level>a,
.header-is-dark .fixed-pinned .inner .root-level>a,
.header-is-dark .main-nav-container .root-level>a {
  color: #ffffff!important;
  font-weight: 600;
  padding: 12px!important;
  transition: all .3s ease;
}


.header-is-dark .header-components .root-level>a:hover,
.header-is-dark .header-components-top .root-level>a:hover,
.header-is-dark .fixed-pinned.header-components .root-level>a:hover,
.header-is-dark .fixed-pinned .inner .root-level>a:hover,
.header-is-dark .main-nav-container .root-level>a:hover {
  color: #daad6b!important;
  background-color: rgba(255, 255, 255, .05);

}
.main-menu li.root-level:hover>a{
  color: #daad6b!important;
}



/* link animation */

.header-is-dark .main-menu li.root-level{
  position: relative;
  text-decoration: none;
}
.header-is-dark .main-menu li.root-level::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #daad6b;
  bottom: 0;
  right: 0;
  transform-origin: left;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.header-is-dark .main-menu li.root-level:hover::before {
  transform-origin: right;
  transform: scaleX(1);
}


.header-is-dark .main-menu li.root-level::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #daad6b;
  top: 0;
  right: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.header-is-dark .main-menu li.root-level:hover::after {
  transform-origin: left;
  transform: scaleX(1);
}






/* sub-menu */
.header-is-dark .header-components .sub-menu,
.header-is-dark .header-components-top .sub-menu,
.header-is-dark .fixed-pinned.header-components .sub-menu,
.header-is-dark .fixed-pinned .inner .sub-menu,
.header-is-dark .main-nav-container .sub-menu{
  background-color: #fff;
}
.header-is-dark .main-menu li .sub-menu a{
  color: #223f59!important;
  font-weight: 600;
}
.header-is-dark .main-menu li .sub-menu li a:hover{
  color: #daad6b!important;
}



/* right side / burger menu */
.header-is-dark .mburger--collapse .text-gray-700{
  color: #fff;
}
.menu-is-open .store-header {
    border-style: inherit;
}



/* left icons / side */
.header-icon-button{
  margin: 0!important;
  padding: 4px 12px!important;
}
.header-icon-button .icon{
  color: #fff;
  transition: all .3s ease;
}
.header-icon-button:hover .icon{
  color: #daad6b!important;
}
.header-icon-button:hover{
  opacity: 1;
}
@media (max-width: 1024px) {
  .header-components .user-login,
  .header-components .search-btn,
  .header-components .btn--rounded-gray{
    /*display: block!important;*/
  }
}


/* search */
.header-components .search-btn {
  top: auto;
}
.header-is-dark .fixed-pinned .inner .sicon-search,
.header-is-dark .main-nav-container .sicon-search{
  font-size: 1.25rem;
}
.header-is-dark .fixed-pinned button.hidden.lg\:flex.search-btn.w-\[40px\].justify-end{
  margin: 0!important;
  padding: 4px 12px!important;
  width: auto!important;
}
.header-is-dark .fixed-pinned button.hidden.lg\:flex.search-btn.w-\[40px\].justify-end .sicon-search{
  transition: all .3s ease;
}
.header-is-dark .fixed-pinned button.hidden.lg\:flex.search-btn.w-\[40px\].justify-end:hover .sicon-search{
  color: #daad6b!important;
}


/* account */
.s-user-menu-trigger{
  margin: 0!important;
  transition: all .3s ease;
}
.s-user-menu-trigger:hover{
  border-color: #daad6b!important;
}
.s-user-menu-trigger-hello{
  display: block!important;
  color: #daad6b;
  font-size: 12px;
}
.s-user-menu-trigger-name{
  color: #fff;
  transition: all .3s ease;
}
.s-user-menu-trigger-icon{
  fill: #fff;
  transition: all .3s ease;
}
.s-user-menu-trigger:hover .s-user-menu-trigger-name{
  color: #daad6b;
}
.s-user-menu-trigger:hover .s-user-menu-trigger-icon{
  fill: #daad6b;
}

.header-is-dark .s-user-menu-dropdown{
  background-color: #fff;
}
.header-is-dark .s-user-menu-dropdown .s-user-menu-dropdown-item-title{
  color: #223f59;
}
.s-user-menu-dropdown-item-prefix svg{
  fill: #daad6b;
}

/* account responsive */
@media (max-width: 1024px) and (min-width: 768px) {
  
}




/* cart */
/*
a.s-cart-summary-wrapper{
  margin-right: 12px;
}
*/
a.s-cart-summary-wrapper #s-cart-icon .sicon-cart2:before{
  content: "\e991";
}
a.s-cart-summary-wrapper .s-cart-summary-total{
  display: inline-block !important;
}
.s-cart-summary-count{
  display: none;
}

/* mobile side menu */
.header-is-dark .menu-fixed-bar,
.header-is-dark #mainnav .inner{
  background-color: #223f59;
}

#mainnav h2.menu-title{
  display: none;
}
#mainnav .hidden.lg\:flex.justify-start.items-center{
  display: block;
}
#mainnav .mburger--collapse{
  display: none;
}
#mainnav .main-menu{
  margin-top: 16px;
}
@media (max-width: 1024px) {
  .header-is-dark #mainnav .main-menu a{
    color: #fff!important;
  }
}



/* categories */
@media (min-width: 640px) {
  .s-block--banners .two-row .banner-entry:nth-child(4), .two-row .banner-entry:nth-child(7) {
    grid-column: span 1 / span 1;
  }
}

.s-block--banners .md\:grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.s-block--banners .banner-entry{
  padding: 0;
  background: #223f59;
  aspect-ratio: 7 / 4;
  min-height: unset;
  max-height: unset;
}
.s-block--banners .banner-entry .lazy__bg{
  background-size: contain;
  background-repeat: no-repeat;
  transition: all .3s ease;
}

.s-block--banners .banner-entry:hover .lazy__bg{
  transform: scale(1.03);
}
.s-block--banners .banner-entry::after{
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: -75%;
  z-index: 1;
  display: block;
  height: 100%;
  width: 50%;
  content: "";
}
.s-block--banners .banner-entry:hover::after{
  animation: shine .5s linear;
}




/* breadcrumbs */
.page-header{
  background-color: rgba(34, 63, 89, .1)!important;
  height: auto;
}
.breadcrumbs{
  color: #223f59!important;
  margin-right: 0;
  padding: 10px;
}


/* features */
@media (min-width: 768px) {
  .features-home .features-home-grid, .s-block--features .features-home-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .features-home .features-home-grid, .s-block--features .features-home-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}




/* product card */
.product-entry .s-product-card-content-title a{
  color: #223f59;
}
.product-entry .s-product-card-content-subtitle{
  color: #daad6b;
}
.product-entry h2.total-price.font-bold.text-lg.inline-block{
  color: #223f59;
}

.product-entry button {
  background-color: #223f59;
  border: none;
}
.product-entry button:hover {
  background-color: #daad6b!important;
}

.product-entry .product-entry__image .s-button-text,
.product-entry salla-add-product-button salla-button button .s-button-text{
  color: #fff;
}

.product-entry .s-product-card-content
salla-add-product-button
salla-button:not([loading])
button.s-button-disabled span.s-button-text{
  color: red!imporant;
}





/* footer */
.store-footer{
  background-color: #223f59;
  border-top: 4px solid #daad6b;
}

@media (max-width: 540px) {
  .footer-content.grid.grid-cols-2.md\:flex.flex-wrap.gap-2\.5.lg\:gap-4 {
    display: flex;
    flex-direction: column;
  }
  .store-footer .flex-1.mb-2\.5.col-span-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  a.footer-logo {
    background-position: center !important;
  }
  .flex-1.mb-2\.5.col-span-2 p{
    text-align: center;
  }
}

a.footer-logo{
  display: block;
  background: url("https://i.imgur.com/BPcBemJ.gif")!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-position: right!important;
}
a.footer-logo:hover{
  opacity: 1!important;
}
a.footer-logo img{
  max-height: 68px!important;
  width: 64px;
  opacity: 0;
}

.store-footer h3{
  color: #daad6b;
}

.footer_is_dark .footer-bottom{
  background-color: #223f59;
}







/* product page */
.main-content .main-content-data .product-title{
  color: #223f59;
}
.product-entry__sub-title{
  color: #daad6b;
}
.main-content .pb-1{
  color: #223f59;
}
.product-form .tab-accordion .panel{
  grid-template-rows: 1fr;
}
.product-form .tab-accordion .panel.is-opened{
  padding-bottom: 0;
}
.tab-accordion .accordion .accordion-title,
.tab-accordion .accordion.active .accordion-title{
  color: #daad6b;
  font-size: 14px;
  font-weight: 600;
}
div#options-panel-trigger {
  display: none;
}
.tab-accordion .accordion:after{
  display: none;
}

.tab-accordion .s-product-options-grid-mode-span{
  color: #223f59;
  border: 1px solid #223f59;
  border-radius: 64px;
  padding: 8px 16px;
}
.s-product-options-grid-mode input:checked + div{
  background-color: #223f59;
  color: #fff;
}

/* on mobile */
@media (max-width: 768px) {
  .product-form .main-content-data,
  .product-form .order-1{
    order: inherit;
  }
  .product-form .product-fixed-bar{
    position: fixed;
    bottom: 0;
    background: #fff;
    right: 0;
    left: 0;
    z-index: 99999;
    box-shadow: 0 0 50px rgba(0, 0, 0, .3);
  }
  .apple-pay-btn-wrapper {
    
  }
  
}






































/* the end */