/** Shopify CDN: Minification failed

Line 493:0 Expected "}" to go with "{"

**/
.t4s-product-inner.t4s-pr.t4s-oh {
    border-radius: 8px;
    overflow: hidden;
}


#shopify-section-template--16300501139590__featured_collection_CYfhz7 > div {
    margin-top: 50px;
}





/*______________________________________________________________________*/
#shopify-block-AVG1rN1dYUkJROFVLa__ai_gen_block_931f301_ek3fxc > div > div > div.ai-icon-list-avg1rn1dyukjrofvlaaigenblock931f301ek3fxc.ai-icon-list-left-avg1rn1dyukjrofvlaaigenblock931f301ek3fxc > div:nth-child(1) > div.ai-icon-text-avg1rn1dyukjrofvlaaigenblock931f301ek3fxc.ai-icon-text-left-avg1rn1dyukjrofvlaaigenblock931f301ek3fxc {
    align-items: flex-start !important;
}


/*______________________________________________________________________*/

/* Blog post image rounded corners */
.flickityt4s-slider .t4s-col-item.t4s-post a,
.flickityt4s-slider .t4s-post-thumb a {
  border-radius: 8px !important;
  overflow: hidden !important;
  display: block !important;
}


/*______________________________________________________________________*/

/* Instagram image rounded corners */
.flickityt4s-slider .t4s-col-item.t4s-instagram-item a,
#b_img_47CmXN a,
#b_img_EhUbPt a,
#b_img_4q8hd6 a,
#b_img_9DF7yF a {
  border-radius: 8px !important;
  overflow: hidden !important;
  display: block !important;
}


/*______________________________________________________________________*/

/* Mega Menu button rounded corners - Preces */
#b_cat_PCTU6L > div > div.t4s-cate-wrapper > a {
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

/* Sweep To Top Hover effect */
#b_cat_PCTU6L > div > div.t4s-cate-wrapper > a:hover {
    background-color: #DFDFDF !important;
    box-shadow: none !important;
}

#b_cat_PCTU6L > div > div.t4s-cate-wrapper > a::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: #DFDFDF !important;
    border-radius: 8px !important;
    transform: scaleY(0) !important;
    transform-origin: bottom center !important;
    transition: transform 0.3s ease !important;
    z-index: -1 !important;
}

#b_cat_PCTU6L > div > div.t4s-cate-wrapper > a:hover::before {
    transform: scaleY(1) !important;
}


#b_cat_jV7KgR > div > div.t4s-cate-wrapper > a.t4s-cat-title {
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    /* width: 250px !important; */
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    width: 130% !important;
}





/* Sweep To Top Hover effect */
#b_cat_jV7KgR > div > div.t4s-cate-wrapper > a.t4s-cat-title:hover {
    background-color: #DFDFDF !important;
    box-shadow: none !important;
}

#b_cat_jV7KgR > div > div.t4s-cate-wrapper > a.t4s-cat-title::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: #DFDFDF !important;
    border-radius: 8px !important;
    transform: scaleY(0) !important;
    transform-origin: bottom center !important;
    transition: transform 0.3s ease !important;
    z-index: -1 !important;
}

#b_cat_jV7KgR > div > div.t4s-cate-wrapper > a.t4s-cat-title:hover::before {
    transform: scaleY(1) !important;
}

/*______________________________________________________________________*/

/* Mega Menu button rounded corners - Komplekti */

#b_cat_FBimUX > div > div.t4s-cate-wrapper > a  {
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    width: 130% !important;
}

/* Sweep To Top Hover effect */
#b_cat_FBimUX > div > div.t4s-cate-wrapper > a:hover {
    background-color: #DFDFDF !important;
    box-shadow: none !important;
}

#b_cat_FBimUX > div > div.t4s-cate-wrapper > a::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: #DFDFDF !important;
    border-radius: 8px !important;
    transform: scaleY(0) !important;
    transform-origin: bottom center !important;
    transition: transform 0.3s ease !important;
    z-index: -1 !important;
}

#b_cat_FBimUX > div > div.t4s-cate-wrapper > a:hover::before {
    transform: scaleY(1) !important;
}


#b_cat_mpt66i > div > div.t4s-cate-wrapper > a  {
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    width: 130% !important;
}

/* Sweep To Top Hover effect */
#b_cat_mpt66i > div > div.t4s-cate-wrapper > a:hover {
    background-color: #DFDFDF !important;
    box-shadow: none !important;
}

#b_cat_mpt66i > div > div.t4s-cate-wrapper > a::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: #DFDFDF !important;
    border-radius: 8px !important;
    transform: scaleY(0) !important;
    transform-origin: bottom center !important;
    transition: transform 0.3s ease !important;
    z-index: -1 !important;
}

#b_cat_mpt66i > div > div.t4s-cate-wrapper > a:hover::before {
    transform: scaleY(1) !important;
}


#b_cat_cq6jYe > div > div.t4s-cate-wrapper > a  {
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    /* width: 230px !important; */
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    width: 130% !important;
}

/* Sweep To Top Hover effect */
#b_cat_cq6jYe > div > div.t4s-cate-wrapper > a:hover {
    background-color: #DFDFDF !important;
    box-shadow: none !important;
}

#b_cat_cq6jYe > div > div.t4s-cate-wrapper > a::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: #DFDFDF !important;
    border-radius: 8px !important;
    transform: scaleY(0) !important;
    transform-origin: bottom center !important;
    transition: transform 0.3s ease !important;
    z-index: -1 !important;
}

#b_cat_cq6jYe > div > div.t4s-cate-wrapper > a:hover::before {
    transform: scaleY(1) !important;
}



@media (max-width: 1150px) {
#b_cat_jV7KgR > div > div.t4s-cate-wrapper > a.t4s-cat-title {
    width: 100% !important;
  }
}


@media (max-width: 1150px) {
#b_cat_FBimUX > div > div.t4s-cate-wrapper > a,
#b_cat_mpt66i > div > div.t4s-cate-wrapper > a,
#b_cat_cq6jYe > div > div.t4s-cate-wrapper > a {
    width: 100% !important;
        min-height: 70px !important;       /* bigger vertically */
    height: auto !important;    
  }
}


/*_____________________________________________________________________________________________________*/

/* fixing mega menu BLOGS element size
/* Completely override the carousel and show all items side by side */
#bk_blogs_D4zhtA .flickityt4s-enabled {
    display: flex !important;
    flex-wrap: nowrap !important;
    height: auto !important;
    overflow: visible !important;
}

#bk_blogs_D4zhtA .flickityt4s-viewport {
    height: auto !important;
    overflow: visible !important;
}

#bk_blogs_D4zhtA .flickityt4s-slider {
    display: flex !important;
    flex-wrap: nowrap !important;
    position: relative !important;
    transform: none !important;
    width: 100% !important;
}

#bk_blogs_D4zhtA .t4s-col-item {
    position: relative !important;
    left: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 33.333% !important;
    min-width: 33.333% !important;
    flex: 0 0 33.333% !important;
    padding: 0 15px !important;
}

/* Make sure the blog section container is wide enough */
#bk_blogs_D4zhtA {
    width: 100% !important;
    flex: 0 0 100% !important;
}

/* Increase individual item sizes */
#bk_blogs_D4zhtA .t4s-col-item {
    min-width: 300px !important;
}

#bk_blogs_D4zhtA .t4s_ratio {
    min-height: 200px !important;
}

#bk_blogs_D4zhtA .t4s-post-title {
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Make mega menu wider to accommodate all items */
#content_636b9c83-9a0b-4658-8bd8-0107ce1a6a85 .t4s-container {
    width: 1600px !important;
    min-height: 400px !important;
}





/*________________________________________________________________________________*/

/* mega menu corner radiuss */

#content_mega_mrNNb7 {
    border-radius: 8px !important;
}

#content_693870b2-3818-49dd-978e-611b705e9da0 {
    border-radius: 8px !important;
}

#content_636b9c83-9a0b-4658-8bd8-0107ce1a6a85 {
    border-radius: 8px !important;
}


/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/

.t4s-d-inline-flex {
    display: inline-flex !important;
}
.t4s-gx-8 {
    gap: 8px;
}
.t4s-img-text-simple {
    flex-shrink: 0;
}

.t4s-img-child {
    display: flex !important;
    align-items: center !important;
}


/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/

.t4s-count-box.has-items {
    background-color: #AC0909 !important;
    color: white !important;
}

/* Optional: Smooth transitions */
.t4s-count-box {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/


/* Permanently flip search icon but keep zoom hover effect */
.t4s-site-nav__icons.is--hover2 .t4s-site-nav__search .t4s-icon {
    transform: scaleX(-1) !important;
}

.t4s-site-nav__icons.is--hover2 .t4s-site-nav__search:hover .t4s-icon {
    transform: scaleX(-1) scale(1.1) !important;
}



/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/

    /* footer column margins - responsive */
#shopify-section-footer > div > div > div > div.t4s-custom-col.t4s-col-border-none.t4s-col-item.t4s-col-md-6.t4s-col-12  {
    margin-right: 100px; /* Default for large screens */
}

/* For tablets and smaller desktops */
@media (max-width: 1240px) {
    #shopify-section-footer > div > div > div > div.t4s-custom-col.t4s-col-border-none.t4s-col-item.t4s-col-md-6.t4s-col-12  {
        margin-right: 60px;
    }
}

@media (max-width: 883px) {
    #shopify-section-footer > div > div > div > div.t4s-custom-col.t4s-col-border-none.t4s-col-item.t4s-col-md-6.t4s-col-12  {
        margin-right: 30px;
    }
}

@media (max-width: 813px) {
    #shopify-section-footer > div > div > div > div.t4s-custom-col.t4s-col-border-none.t4s-col-item.t4s-col-md-6.t4s-col-12  {
        margin-right: 30px;
    }
}



/* For mobile - remove margins*/
@media (max-width: 778px) {
#shopify-section-footer > div > div > div > div.t4s-custom-col.t4s-col-border-none.t4s-col-item.t4s-col-md-6.t4s-col-12  {
        margin-right: 0; 
    }
}


/* Keep columns at their desktop width until mobile */
@media (min-width: 768px) {
    /* Target ALL footer columns with the same base classes */
    #shopify-section-footer > div > div > div > div.t4s-custom-col.t4s-col-border-none.t4s-col-item.t4s-col-md-6.t4s-col-12 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }



/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/


@media (max-width: 767px) {
  .t4s-slideshow .t4s-content-position {
    top: 40% !important;
  }
  .t4s-slideshow .t4s-btn {
    width: calc(100% - 30px) !important; /* Smaller margins on mobile */
    max-width: calc(100% - 30px) !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    bottom: 95% !important;
    position: relative !important;
    top: 30vh !important; /* Adjust this value as needed */
    margin-top: auto !important;
  }
}


/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/


/* Make blog post titles black by default */
#shopify-section-template--16300501139590__blog_post_fm8ngV .t4s-post-title a.t4s-post-text-color {
    color: #222222 !important;
    transition: color 0.3s ease;
}

/* Change to blue on hover */
#shopify-section-template--16300501139590__blog_post_fm8ngV .t4s-post-title a.t4s-post-text-color:hover {
    color: #0A63F2 !important;
}

/* Make blog post titles black by default in the mega menu slider */
#bk_blogs_D4zhtA .t4s-post-title a.t4s-post-text-color {
    color: #222222 !important;
    transition: color 0.3s ease;
}

/* Change to blue on hover in the mega menu slider */
#bk_blogs_D4zhtA .t4s-post-title a.t4s-post-text-color:hover {
    color: #0A63F2 !important;
}

/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/