/** Shopify CDN: Minification failed

Line 325:19 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:heroarea-slideshow (INDEX:4) */
.heroarea
    {
        width:100%;
        height:auto;
        min-height:500px;
        background:#000;
        display:flex !important;
        align-items:stretch;
        justify-content:center;
        font-family: "Lato", sans-serif;
        --swiper-theme-color:#fff;
        --swiper-pagination-bullet-inactive-color:#fff;
    }

    .heroarea .swiper-wrapper
    {
        align-self:stretch;
        height:auto !important;
    }

    .background-overlay
    {
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.7);
        position:absolute;
        z-index:1;
        display:none;
    }

    .slide
    {
        display:flex;
        align-items:center;
        justify-content:center;
        background:var(--desktop-bg) right center / cover no-repeat;
    }

    .heroarea-content
    {
        width:100%;
        height:100%;
        margin:auto;
        max-width:1200px;
        display:flex !important;
        flex-direction:column;
        justify-content:center;
        padding:0px 30px;
        position:relative;
        z-index:9;
    }

    .heroarea-header
    {
        font-size:18px;
        font-weight:600;
        color:#fff;
        text-transform:uppercase;
    }

    .heroarea-title
    {
        font-size:46px;
        font-weight:700;
        color:#fff;
        margin:0px;
        margin-top:20px;
        font-family: "Lato", sans-serif;
    }

    .heroarea-caption
    {
        font-size:35px;
        font-weight:300;
        color:#fff;
        font-family: "Lato", sans-serif;
    }

    .heroarea-cta
    {
        padding:10px 25px;
        background:#fff;
        color:#000;
        margin-right:auto;
        border-radius:50px;
        font-weight:600;
        margin-top:30px;
        text-transform:uppercase;
        font-size:14px;
    }

    .heroarea-cta:hover
    {
        color:#000 !important;
    }

    @media screen and (max-width:992px)
    {
        .background-overlay
        {
            display:flex;
        }
    }

    @media screen and (max-width:768px)
    {
        .slide
        {
            display:flex;
            align-items:center;
            justify-content:center;
            background:var(--mobile-bg) right center / cover no-repeat;
        }

        .heroarea
        {
            min-height:calc(100vh - 75px)
        }

        .heroarea-content
        {
            align-items:center;
            justify-content:flex-end;
            padding-bottom:80px;
            box-sizing:border-box;
            text-align:center;
        }

        .heroarea-cta
        {
            margin-left:auto;
        }

        .heroarea-title
        {
            font-size:2.4rem;
            margin-top:10px;
        }

        .heroarea-caption
        {
            font-size:1.8rem;
        }
    }

    @media screen and (max-width:720px)
    {
        .slide
        {
            display:flex;
            align-items:center;
            justify-content:center;
            background:var(--mobile-bg) right center / cover no-repeat;
        }

        .heroarea
        {
            min-height:calc(100vh - 55px);
        }

        .background-overlay
        {
            display:none;
        }

    }

    @media screen and (max-width:569px)
    {
        .heroarea-title
        {
            font-size:2.1rem;
        }

        .heroarea-caption
        {
            font-size:1.5rem;
            margin-top:5px;
        }

        .heroarea-header
        {
            font-size:18px;
        }
    }

    @media screen and (max-width:400px)
    {
        .heroarea-title
        {
            font-size:1.8rem;
        }

        .heroarea-caption
        {
            font-size:1.2rem;
            margin-top:5px;
        }

        .heroarea-header
        {
            font-size:16px;
        }
    }
/* END_SECTION:heroarea-slideshow */

/* START_SECTION:home-text-columns-with-images (INDEX:18) */
.text-section-title
  {
    padding-top:20px;
    padding-bottom:20px;
    font-size:2rem;
    text-align:center;
  }
/* END_SECTION:home-text-columns-with-images */

/* START_SECTION:top-collections (INDEX:42) */
.top-collections
    {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .title-wrap
    {
        padding: 30px 0;
    }

    .collections-container
    {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin: auto;
        max-width: 1020px;
        gap: 40px;
    }

    .collection-item
    {
        width: 100%;
        height: 310px;
        background: #d3d3d3;
        position:relative;
        overflow:hidden;
        border-radius:16px;
    }

    .collection-overlay
    {
        width:100%;
        height:100%;
        position:absolute;
        top:0px;
        left:0px;
        background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 100%);
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-end;
        padding:30px;
        box-sizing:border-box;
        cursor:pointer;
    }

    .collection-item img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease-in-out;
    }

    .collection-item:hover img
    {
        transform: scale(1.2);
    }

    .collection-content
    {
        display:flex;
        flex-direction:column;
    }
    .collection-title
    {
        font-size:20px;
        color:#fff;
        font-weight:600;
    }

    .collection-count
    {
        font-size:14px;
        color:#ffff;
    }

    @media screen and (max-width:992px)
    {
        .collections-container
        {
            gap:20px;
            grid-template-columns: repeat(2,1fr);
            padding:0px 30px;
        }
    }

    @media screen and (max-width:569px)
    {
        .collections-container
        {
            grid-template-columns: 1fr;
            gap20px;
        }

        .collection-item
        {
            height:210px;
        }
    }
/* END_SECTION:top-collections */