body{ width: 100%; height: 100%; padding: 0; margin: 0; color: #111; background: #fff; font-family: 'Museo'; font-size: 1rem; font-weight: 500; overflow: auto; overflow-x: hidden;}
::selection{ background: green; color: #fff;}
.loading{ position: fixed; width: 100%; height: 100vh; background: #fff; top: 0; left: 0; z-index: 9999999999999999;}

html.is-locked {
    overflow: hidden;
}

html.is-locked body {
    overflow: scroll;
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.4);
    z-index: 40;
}

.kullanimalanlari { width: 100%; }
    .kullanimalanlari h2 { letter-spacing: -1px; color: #747474; font-size: 22px; font-weight: 100; border-bottom: 1px solid #E0E0E0; padding-bottom: 10px; }
    .kullanimalanlari ul { list-style-image: url(../images/li-ikon.png); columns: 2; }
        .kullanimalanlari ul li { }

.overlay.is-visible {
    display: block;
}

.menucolor a { color: #3f6212!important; }

/* Banner */

.banner {
    display: flex !important;
    flex-direction: column !important;
}

.banner .container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 420px;
}

/* Hidden Menu */
.hidden-menu { display: none; z-index: -1; position: relative; overflow: auto; }
.hidden-menu.visible {
    display: block;
}

.hidden-menu > ul::after {
    content: "";
    position: absolute;
    left: 250px;
    top: 0;
    width: 1px;
    height: calc(100vh + 50px);
    background: #ddd;
}

.hidden-menu > ul > li.is-active {
    background: rgba(236, 252, 203, 1);
}

.hidden-menu > ul > li i {
    display: none;
}

.hidden-menu > ul > li.is-active i {
    display: block;
}

.hidden-menu > ul > li > ul {
    position: absolute;
    width: calc(100% - 250px);
    top: 0;
    left: 250px;
    padding: 1.05rem;
    display: none;
    flex-wrap: wrap;
}

.hidden-menu > ul > li > ul > li {
    width: 33.333%;
    margin: 0 0 30px 0;
}

.hidden-menu > ul > li > ul > li li {
    font-size: 85%;
}

.hidden-menu > ul > li > ul > li > a {
    display: block;
    margin: 0 0 5px 0;
    color: rgba(132, 204, 22, 1);
}

.hidden-menu > ul > li.is-active > ul {
    display: flex;
}

.list-btn.is-active {
    background: white !important;
    border-radius: 0.5rem 0.5rem 0 0;
}

/* Footer Socials */

.footer-socials > a { width: 32px; height: 32px; display: inline-block; margin: 2px 8px; filter: invert(1); }
.footer-socials > a.facebook { background-image: url(../images/social/facebook.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.footer-socials > a.twitter { background-image: url(../images/social/twitter.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.footer-socials > a.instagram { background-image: url(../images/social/instagram.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.footer-socials > a.pinterest { background-image: url(../images/social/pinterest.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.footer-socials > a.linkedin { background-image: url(../images/social/linkedin.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.footer-socials > a.youtube { background-image: url(../images/social/youtube.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; }

/* Login Screen */

.login-screen {
    display: none !important;
}

.login-screen.is-visible {
    display: flex !important;
}

/* Other CSS */

.has-triangle {
    position: relative;
    min-height: 100%;
}

.has-triangle::after {
    content: "";
    position: absolute;
    right: -240px;
    top: 0;
    z-index: 2;
    border-width: 0 120px 500px 120px;
    border-color: #ecfccb transparent transparent #ecfccb;
    border-style: solid;
}

.has-shadow {
    box-shadow: 0px 4px 35px 0px rgba(0,0,0,0.1);
    z-index: 60 !important;
}

.breadcrumb ul li::after {
    content: ">";
    margin: 0 10px;
}

.breadcrumb ul li:last-child::after {
    display: none;
}

.breadcrumb ul li a {
    text-decoration: underline;
}

.breadcrumb ul li:last-child a {
    text-decoration: none;
}

.page p {
    margin: 15px 0;
}

/* Category Card */

.category-card .back {
    transition-duration: 200ms;
    opacity: 0;
}

.category-card a:hover .back{
    opacity: 1;
}

/* Product Card */

.product-card img {
    transition-duration: 100ms;
}

.product-card a:hover img {
    transform: scale(0.85);
    opacity: 0.8;
}

/* Filter */

.filter input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjUyMzQgMC45NzY1NjJDMTYuOTgwNSAxLjM5ODQ0IDE2Ljk4MDUgMi4xMzY3MiAxNi41MjM0IDIuNTU4NTlMNy41MjM0NCAxMS41NTg2QzcuMTAxNTYgMTIuMDE1NiA2LjM2MzI4IDEyLjAxNTYgNS45NDE0MSAxMS41NTg2TDEuNDQxNDEgNy4wNTg1OUMwLjk4NDM3NSA2LjYzNjcyIDAuOTg0Mzc1IDUuODk4NDQgMS40NDE0MSA1LjQ3NjU2QzEuODYzMjggNS4wMTk1MyAyLjYwMTU2IDUuMDE5NTMgMy4wMjM0NCA1LjQ3NjU2TDYuNzE0ODQgOS4xNjc5N0wxNC45NDE0IDAuOTc2NTYyQzE1LjM2MzMgMC41MTk1MzEgMTYuMTAxNiAwLjUxOTUzMSAxNi41MjM0IDAuOTc2NTYyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

/* Splide */

.home-carou .splide__arrow--prev {
    left: 0;
    background: #fff;
    opacity: 1;
    border-radius: 0 5px 5px 0;
    margin-top: 27px;
    width: 2.5rem;
    height: 2.5rem;
}

.home-carou .splide__arrow--next {
    right: 0;
    background: #fff;
    opacity: 1;
    border-radius: 5px 0 0 5px;
    margin-top: 27px;
    width: 2.5rem;
    height: 2.5rem;
}

.home-carou .front img.absolute {
    transition-duration: 200ms;
    opacity: 0;
}

.home-carou .front:hover img.absolute {
    opacity: 1;
}

/* Home Cats */

.home-cats .cat-item img.absolute {
    transition-duration: 200ms;
    opacity: 0;
}

.home-cats .cat-item a:hover img.absolute {
    opacity: 1;
}

/* Full Carou */

.full-carou .splide__slide {
    transition-duration: 200ms;
    opacity: 0.4;
}

.full-carou .splide__slide:hover {
    opacity: 1;
}

.full-carou .splide__slide.is-visible:not(.is-next) {
    opacity: 1;
}

.full-carou .splide__arrow--prev {
    left: 0;
    background: #fff;
    opacity: 1;
    border-radius: 0 5px 5px 0;
    margin-top: 15px;
    width: 2.5rem;
    height: 2.5rem;
}

.full-carou .splide__arrow--next {
    right: 0;
    background: #fff;
    opacity: 1;
    border-radius: 5px 0 0 5px;
    margin-top: 15px;
    width: 2.5rem;
    height: 2.5rem;
}

/* Product Price */

.product-price .norm {
    position: relative;
}

.product-price .norm::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background: #999;
    left: 0;
    top: 50%;
}

/* Detail Images */

.detail-thumbs .splide__track--nav>.splide__list>.splide__slide {
    border: 0;
    opacity: 0.4;
}

.detail-thumbs .splide__track--nav>.splide__list>.splide__slide.is-active {
    opacity: 1;
}

/* Detail Quantity */

.detail-content .quantity {
    border: 1px solid #999;
    border-radius: 50rem;
    padding: 0 10px;
}

.detail-content .quantity input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.detail-content .quantity input {
    outline: none;
    width: 40px;
    height: 40px;
    text-align: center;
}

.detail-content .quantity span {
    height: 40px;
    line-height: 37px;
    font-size: 150%;
    cursor: pointer;
    user-select: none;
}

.bg-white-transparent::after {
    content: "";
    max-width: 200px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.69) 50.56%, #fff 65%);
    z-index: 1;
}

.process-carou li {
    transition-duration: 200ms;
}

.process-carou li.is-prev {
    opacity: 0.25;
}

.process-carou .splide__arrow.splide__arrow--prev {
    display: none !important;
}

.process-carou .splide__arrow.splide__arrow--next {
    background: #fff;
    opacity: 1;
}

/* Mobile Button */

.mobile-btn {
    width: 32px;
    min-width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    display: none !important;
    background: rgba(54, 83, 20, 1);
    color: #fff;
    font-size: 100% !important;
    border-radius: 100%;
    margin-left: 5px !important;
}

.mobile-btn .close {
    display: none;
}

.mobile-btn.active {
    background: brown;
}
.mobile-btn.active .open {
    display: none;
}
.mobile-btn.active .close {
    display: block;
}

@media(min-width: 1280px) {
    .container {
        max-width: 1300px !important;
    }
}

@media(max-width: 991px)
{
    .header {
        position: relative !important;
    }

    .hidden-menu {
        top: 2rem !important;
    }

    .hidden-menu ul {
        width: 100% !important;
        position: relative !important;
        display: block !important;
        left: 0 !important;
    }

    .hidden-menu ul::after {
        display: none;
    }

    .hidden-menu ul li {
        width: 100% !important;
        margin: 0 !important;
    }

    .hidden-menu ul ul {
        padding: 0 !important;
    }

    .mobile-btn {
        display: flex !important;
    }

    .shopping-btn {
        width: 32px;
        min-width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(54, 83, 20, 1);
        color: #fff;
        font-size: 100% !important;
        border-radius: 100%;
        margin-left: 5px !important;
    }

    .has-triangle {
        background-color: transparent !important;
    }

    .has-triangle::after {
        display: none;
    }

    .banner::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
        background: rgba(236, 252, 203, 0.85);
    }

    .banner span.absolute {
        width: 100%;
    }

    .brand {
        display: none;
    }

    .top-menu .top-right,
    .top-menu .list-btn{
        display: none;
    }

    .header .top-right > a:not(.login-btn, .shopping-btn) {
        display: none;
    }

    .logo img {
        max-width: 120px;
    }
}

@media(max-width: 768px)
{

}

@media(max-width: 640px)
{
    .search {
        position: absolute !important;
        left: 0 !important;
        margin-top: 32px;
    }
    .search input#textboxArama {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        padding-left: 23px;
    }

    .breadcrumb .container {
        padding: 5px 0 !important;
    }

    .main {
        margin: 50px 0 0 0 !important;
    }

    .category-card h4 {
        font-size: 1rem;
        line-height: 1.2;
    }

    .product-card h4 {
        font-size: 1rem;
    }

    .product-card h5 {
        z-index: 2;
        line-height: 1.2;
    }

    .product-card img {
        opacity: 1 !important;
    }

    .category-list h4 {
        font-size: 1rem !important;
    }

    .category-list img {
        opacity: 0.3 !important;
    }
}

@media(max-width: 576px)
{

}

@media(max-width: 480px)
{

}

@media(max-width: 400px)
{

}