.hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    top: 0;
}

.swiper {
    width: 100%;
    height: 100%;
}

.hero .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #fff;
    background-size: cover;
    background-position: center;
}

.hero .swiper-slide a {
    width: 100%;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hero .swiper-pagination {
    bottom: 60px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.hero .swiper-pagination .swiper-pagination-bullet-active {
    width: 15px;
    height: 15px;
}

/* Önce arrow'ları gizle */
.hero .swiper-button-next,
.hero .swiper-button-prev {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    color: var(--bg-white);
    top: 55%;
}

@media (max-width: 1023px) {

    .hero .swiper-button-next,
    .hero .swiper-button-prev {
        display: none !important;
    }
}

/* Swiper container üzerine hover olunca göster */
.hero .swiper:hover .swiper-button-next,
.hero .swiper:hover .swiper-button-prev {
    opacity: 1;
    pointer-events: all;
    color: var(--bg-white);
    top: 55%;
}

.hero .swiper-button-prev {
    left: 1.5vw;
}

.hero .swiper-button-next {
    right: 1.5vw;
}

/* SLIDE CONTENT */
.swiper-slide item {
    z-index: 1;
    width: 50%;
    left: 25px;
    top: 0;
    bottom: 0;
    gap: 10px;
}

.swiper-slide item h1 {
    font-family: 'Kabut Hitam';
    margin-bottom: 0;
    line-height: 1;
    font-weight: normal;
}

.swiper-slide item h3 {
    text-align: center;
    font-weight: 400;
}

.swiper-slide item a.slider-button {
    width: auto;
    border: 1px solid var(--bg-white);
    border-radius: 33px;
    font-size: 1.2rem;
    padding: 10px 20px;
}

.swiper-slide item a.slider-button:hover {
    border: 1px solid var(--bg-gray);
    color: var(--bg-gray);
}

h1#slider-strawberry-banner {
    line-height: 0.6;
    margin-bottom: 10px;
    margin-top: 2vw;
}

@media (max-width:1190px) {
    .swiper-slide item h1 {
        font-size: 25vw;
    }

    .swiper-slide item h3 {
        font-size: 0.9rem;
        font-weight: 400;
        text-align: left;
    }

    .swiper-slide item {
        width: 55%;
        gap: 0;
        bottom: 13vw;
    }

    .swiper-slide item a.slider-button {
        display: none;
    }

    h1#slider-hibiscus-banner {
        font-size: 22vw;
    }

    h1#slider-strawberry-banner {
        font-size: 20vw;
    }

    h1#slider-strawberry-banner+h3 {
        font-size: 0.7rem;
    }
}

/* SLIDE CONTENT */

@media (max-width:1190px) {
    .hero .swiper-pagination {
        bottom: 25px !important;
    }
}

.home-neden-pin .swiper-pagination {
    bottom: 2% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-neden-pin .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.home-neden-pin .swiper-pagination .swiper-pagination-bullet-active {
    width: 15px;
    height: 15px;
}

@media (max-width:1190px) {
    .home-neden-pin .swiper-pagination {
        bottom: 15px !important;
    }
}

/* OVERLAY */
.overlay,
.overlay-product {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0s linear 0.5s;
}

.overlay-product {
    background-color: rgba(79, 79, 79, 0.5);
}

/* SHOP CART*/
.shop-card {
    background-color: var(--bg-white);
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 9999999;
    width: 30%;
    padding: 30px;
    box-shadow: 10px 15px 10px -15px rgba(0, 0, 0, 0.2);
    display: none;
    animation: fadeIn 0.5s ease-in-out;
}

.shop-card button {
    border: 0;
    background-color: transparent;
    font-size: 60px;
    color: var(--color-seven);
    font-weight: 200;
    line-height: 60px;
    padding: 0;
}

.shop-card button:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.cartPage-qty button:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.shop-card input {
    width: 60px;
    text-align: center;
    border: 1px solid var(--bg-info);
    height: 40px;
    font-weight: 600;
    font-size: 1.25em;
    color: var(--color-seven);
}

.shop-card.open {
    display: block;
}

/* SIDEBAR CART */
.cart-sidebar {
    position: fixed;
    right: -100%;
    background-color: #fff;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    transition: right 0.3s ease;
    z-index: 1002;
    display: flex;
    flex-direction: column;
    padding: 0;
    border-radius: 3vw;
    border-top-left-radius: 8vw;
    border-top-right-radius: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30vw;
    height: 96vh;
}

.cart-sidebar.open {
    right: 1vw;
}

/* Cart Overlay */
.cart-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1001;
    display: none;
}

.cart-overlay.show {
    display: block;
}

/* Scroll Kilitleme */
body.no-scroll {
    overflow: hidden;
}

.cart-sidebar-header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.cart-sidebar-content #aboocart {
    padding: 0 10%;
}

.cart-sidebar-header h3 {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0;
    line-height: 1;
    color: var(--text-primary);
}

button#closeCartSidebar {
    background: transparent;
    border: none;
    padding: 0;
    position: absolute;
    top: 15px;
    right: 15px;
}

button#closeCartSidebar svg {
    width: 25px;
    height: 25px;
    color: var(--bg-one);
}

.cart-sidebar-content {
    flex: 1;
    padding: 0;
    overflow: hidden;
    max-height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 40px;
}

.cart-sidebar-footer {
    padding: 15px;
    border-top: 1px solid #ccc;
}

.go-to-cart {
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;
}

.pindrinks .shop-card #aboo {
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 10px -2px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
}

.cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart .form--shopping-cart {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px 40px 30px;
}

#shop-cart-footer {
    margin-top: 0;
    width: 100%;
    padding: 10px 40px 0;
}

.pindrinks .shop-card {
    display: flex;
}

#shop-cart-product-image a {
    display: flex;
}

#sidebarCartItem {
    border-radius: 25px;
    padding-bottom: 0;
    position: relative;
}

#shop-cart-footer a {
    border-radius: 22px;
    padding: 10px 0;
    background: var(--bg-one);
    color: var(--bg-white);
    font-size: 1.2rem;
    font-weight: 500;
}

#shop-cart-footer a:hover {
    background: var(--bg-success);
}

#shop-cart-product-image {
    background: linear-gradient(90deg, #9FD4E4 5.38%, #FFF 95%);
    border-radius: 25px;
    width: 20%;
    padding: 10px;
}

#cartItemInfo {
    padding: 10px;
    width: 80%;
    gap: 10px;
}

#sidebarCart-product-name {
    flex-direction: column;
    align-items: flex-start !important;
}

#sidebarCart-bottom {
    position: absolute;
    bottom: 8px;
    width: 82%;
    right: 0;
    padding: 0 20px;
}

#sidebarCart-product-content h2 {
    margin-bottom: auto;
    line-height: 1.2;
}

#sidebarCart-product-content h2 p {
    margin-bottom: auto;
}

#sidebarCart-bottom .product__qty button {
    background: var(--bg-one);
    border-radius: 100%;
    width: 25px;
    height: 25px;
    color: var(--bg-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 25px;
}

#sidebarCart-bottom .product__qty button:hover {
    background: var(--bg-success);
}

#sidebarCart-bottom .product__qty input {
    width: 40px;
    padding: 0;
    border: none;
    font-size: 1.5rem;
    color: var(--bg-success);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    height: 25px;
}

#sidebarCart-bottom .product__price price {
    font-size: 1.5rem;
    font-weight: 600;
}

#sidebarCart-bottom .product__price del price {
    font-size: 1.2rem;
    font-weight: normal;
}

#sidebarCart-bottom .product__price {
    min-height: 25px;
    justify-content: end;
    flex-direction: row !important;
    gap: 10px;
}

#sidebarCart-bottom #removebuttonxxx {
    min-height: 25px;
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

.cart-sidebar-content .ps-cart_no_items {
    display: flex;
    width: 100%;
}

.cart-sidebar-content .ps-cart_no_items .cart-empty-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 1.2rem;
    color: var(--bg-one);
    gap: 5px;
}

.cart-sidebar-content .ps-cart_no_items .cart-empty-message .empty-cart-img {
    margin-bottom: 5%;
}

.cart-sidebar-content .ps-cart_no_items .cart-empty-message .empty-cart-img img {
    width: 100px;
}

.cart-sidebar-content .ps-cart_no_items .cart-empty-message a {
    text-decoration: underline;
    text-underline-position: under;
}

/*#cartItemInfo {
    position: relative;
}*/

.pindrinks-cartPage .ps-cart_no_items .cart-empty-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 1.3rem;
    color: var(--bg-one);
    gap: 5px;
}

.pindrinks-cartPage .ps-cart_no_items .cart-empty-message .empty-cart-img {
    margin-bottom: 5%;
}

.pindrinks-cartPage .ps-cart_no_items .cart-empty-message .empty-cart-img img {
    width: 100px;
}

.pindrinks-cartPage .ps-cart_no_items .cart-empty-message a {
    text-decoration: underline;
    text-underline-position: under;
}

@media (min-width:1200px) {
    .cart-sidebar-content #aboocart .shop-card {
        max-height: 100%;
        overflow: hidden;
        flex-direction: column;
        position: relative;
        top: auto;
        width: 100%;
        padding: 0;
        box-shadow: none;
        background: transparent;
        right: auto;
        padding-top: 20px;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart {
        max-height: 100%;
        overflow: hidden;
        overflow-y: auto;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart::-webkit-scrollbar {
        width: 5px;
        /* Scrollbar genişliği */
        background-color: transparent;
        /* Scrollbar arka plan rengi */
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart::-webkit-scrollbar-thumb {
        background-color: #d5d5d5;
        /* Scrollbarın tutamaç rengi */
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart::-webkit-scrollbar-thumb:hover {
        background-color: #d5d5d5;
        /* Hover durumunda scroll tutamaç rengi */
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart::-webkit-scrollbar-track {
        background-color: transparent;
        /* Scrollbar pisti (arka plan) rengi */
    }

    .cart-sidebar-content #aboocart {
        padding: 0;
        height: 60%;
        padding-bottom: 5%;
    }

    .cart-sidebar-content #aboocart>#aboocart {
        height: auto;
        padding: 0;
    }

    #cartSidebar #productsinrightcart {
        width: 100%;
        position: absolute;
        grid-template-columns: repeat(3, 1fr);
        left: 10px;
        bottom: 0;
    }

    #cartSidebar #productsinrightcart #item-card-infos {
        height: auto;
        min-height: 75px;
        align-items: flex-start !important;
    }

    #cartSidebar #productsinrightcart .border {
        border: 1px solid #dbdbdb;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title {
        padding: 5px 10px;
    }

    #cartSidebar #productsinrightcart .item-card-img {
        position: relative;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button {
        border: none;
        justify-content: center !important;
        line-height: inherit;
        gap: 5px;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button .add-to-cart-button {
        width: auto;
        border: 1px solid #dbdbdb;
        background: #fff;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button .add-to-cart-button:hover {
        background: #ccc;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button .js-add-to-wishlist-button {
        width: 30px;
        min-height: 30px;
        background: #fff;
        border: 1px solid #dbdbdb;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button .js-add-to-wishlist-button:hover {
        background: #ccc;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button .add-to-cart-button svg {
        width: 25px;
        height: 25px;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button .js-add-to-wishlist-button svg {
        width: 17px;
        height: 17px;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right {
        position: absolute;
        bottom: 23%;
        left: 0;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-right {
        display: none !important;
    }

    .cart-sidebar-content .swiper-wrapper {
        position: relative;
        right: 10px;
    }
}

.cart-sidebar-content #home-products {
    padding: 10px 40px 0;
    margin-bottom: 0;
}

.cart-sidebar-content #home-products #product-card-image {
    height: 145px;
    border-radius: 30px;
}

#cartSidebar .cart-sidebar-content #product-card-price price {
    min-width: 80px;
    min-height: 28px;
    max-height: 28px;
    font-size: 1.1rem;
}

#cartSidebar .cart-sidebar-content #product-card-price #product-badge img {
    width: 80%;
}

.cart-sidebar-content #home-products #product-card-content {
    min-height: 60px;
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.25);
    padding: 0;
}

.cart-sidebar-content #product-card-title:hover {
    border: 2px solid var(--color-two);
    border-radius: 60px;
    border-top-right-radius: 0;
}

.cart-sidebar-content #home-products #product-card {
    padding-left: 12px;
    padding-bottom: 10px;
}

.cart-sidebar-content #home-products #home-cam-pin #product-card-content #product-card-title h1 {
    font-size: 0.8rem;
    font-weight: 500;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cart-sidebar-content #home-products #product-card-addtocart a {
    display: flex;
}

.cart-sidebar-content #home-products #product-card-addtocart {
    width: 20px;
    height: 20px;
}

.cart-sidebar-content #home-products #product-card-addtocart svg {
    width: 20px;
    height: 20px;
}

.cart-sidebar-content #home-products #product-card-attribute {
    left: 10px;
    top: 10px;
    width: 20px;
}

@media (max-width:1190px) {
    #cartSidebar {
        width: 85%;
        height: 90%;
        margin: 0 auto;
        top: 2vw;
        border-radius: 40px;
        border-top-left-radius: 90px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 40px;
    }

    .cart-sidebar.open {
        right: 2vw;
    }

    .cart-sidebar-header h3 {
        font-size: 1.3rem;
    }

    .cart-sidebar-header {
        justify-content: center;
    }

    button#closeCartSidebar {
        top: 5px;
        right: 10px;
    }

    #cart-page .ps-cart_no_items {
        padding: 1rem 1rem 0;
    }

    .cart-sidebar-content #aboocart .shop-card {
        max-height: 100%;
        overflow: hidden;
        flex-direction: column;
        width: 100%;
        padding: 0;
        position: relative;
        top: auto;
        box-shadow: none;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart {
        max-height: 100%;
        overflow: hidden;
        overflow-y: auto;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart::-webkit-scrollbar {
        width: 5px;
        /* Scrollbar genişliği */
        background-color: transparent;
        /* Scrollbar arka plan rengi */
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart::-webkit-scrollbar-thumb {
        background-color: #d5d5d5;
        /* Scrollbarın tutamaç rengi */
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart::-webkit-scrollbar-thumb:hover {
        background-color: #d5d5d5;
        /* Hover durumunda scroll tutamaç rengi */
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart::-webkit-scrollbar-track {
        background-color: transparent;
        /* Scrollbar pisti (arka plan) rengi */
    }

    .cart-sidebar-content #aboocart {
        padding: 0 5%;
        height: 60%;
    }

    #cartSidebar #productsinrightcart {
        width: 100%;
        position: absolute;
        grid-template-columns: repeat(2, 1fr);
        left: 12px;
        bottom: 0;
    }

    #cartSidebar #productsinrightcart #item-card-infos {
        height: auto;
        margin-bottom: 0;
    }

    #cartSidebar #productsinrightcart .border {
        border: 1px solid #dbdbdb;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title {
        padding: 5px 10px;
    }

    #cartSidebar #productsinrightcart .item-card-img {
        position: relative;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button {
        border: none;
        justify-content: center !important;
        line-height: inherit;
        gap: 5px;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button .add-to-cart-button {
        width: auto;
        border: 1px solid #dbdbdb;
        background: #fff;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button .add-to-cart-button:hover {
        background: #ccc;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button .js-add-to-wishlist-button {
        width: 30px;
        min-height: 30px;
        background: #fff;
        border: 1px solid #dbdbdb;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button .js-add-to-wishlist-button:hover {
        background: #ccc;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button .add-to-cart-button svg {
        width: 30px;
        height: 30px;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-button .js-add-to-wishlist-button svg {
        width: 20px;
        height: 20px;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right {
        position: absolute;
        bottom: 22%;
        left: 0;
    }

    #cartSidebar #productsinrightcart #item-card-infos #item-card-title .item-card-content-right #cart-right-right {
        display: none !important;
    }

    #cartSidebar #productsinrightcart #cart-page-left-products h1 {
        font-size: 12px;
    }

    #cartSidebar #productsinrightcart #cart-page-left-products span {
        font-size: 12px;
    }

    #cartSidebar #sidebarCartItem #shop-cart-product-image img {
        width: 100%;
    }

    #shop-cart-footer a {
        font-size: 0.9em;
    }

    #cartSidebar #sidebarCartItem .font-18 {
        font-size: 0.9rem;
    }

    #cartSidebar #sidebarCart-bottom .product__price price {
        display: flex;
    }

    #sidebarCart-product-content h2 {
        font-size: 0.8rem;
    }

    #cartSidebar #sidebarCartItem {
        gap: 10px;
    }

    #cartSidebar #sidebarCartItem #shop-cart-product-image {
        width: 35%;
    }

    #cartSidebar #productsinrightcart .border:nth-child(3) {
        display: none;
    }

    .pindrinks #cart-page #cart-pageFixed .w-60 .text-link {
        display: none !important;
    }

    .pindrinks #cart-page #cart-pageFixed #cart-pageFixed-container .w-60 {
        padding: 20px 20px 5px;
    }

    .cart-sidebar-header {
        padding: 15px;
    }

    .cart-sidebar-content {
        padding: 15px 15px 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    div#removebuttonxxx {
        position: relative;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    div#removebuttonxxx a {
        display: flex;
    }

    #sidebarCart-bottom .product__qty button {
        width: 17px;
        height: 17px;
        font-size: 1.2rem;
    }

    #sidebarCart-bottom .product__qty input {
        width: 20px;
        font-size: 1.3rem;
        height: 17px;
    }

    #cartItemInfo {
        gap: 5px;
    }

    #sidebarCart-bottom .product__price {
        justify-content: center;
        min-height: 20px;
        gap: 5px;
        align-items: end !important;
    }

    #sidebarCart-bottom #removebuttonxxx {
        min-height: 17px;
        width: 17px;
        height: 17px;
    }

    #sidebarCart-bottom {
        margin-top: 0;
        width: 70%;
        bottom: 5px;
    }

    .cart-sidebar-content #aboocart.sidebarCartContent #shop-cart-footer {
        padding: 0 10px;
    }

    .cart-sidebar-content #aboocart.sidebarCartContent {
        padding: 0;
    }

    .cart-sidebar-content #aboocart.sidebarCartContent .shop-card .ps-table--shopping-cart .form--shopping-cart {
        padding: 0 10px 10px;
        gap: 10px;
    }

    .cart-sidebar-content #aboocart.sidebarCartContent .shop-card .ps-table--shopping-cart .form--shopping-cart #aboo {
        box-shadow: 0 5px 7px -2px rgba(0, 0, 0, 0.25);
        border-radius: 20px;
    }

    .cart-sidebar-content #aboocart.sidebarCartContent .shop-card .ps-table--shopping-cart .form--shopping-cart #aboo #sidebarCartItem #shop-cart-product-image {
        border-radius: 20px;
    }

    .cart-sidebar-content #aboocart.sidebarCartContent .shop-card .ps-table--shopping-cart .form--shopping-cart #aboo #sidebarCartItem #cartItemInfo {
        padding: 5px 0;
    }

    .cart-sidebar-content #aboocart.sidebarCartContent .shop-card .ps-table--shopping-cart .form--shopping-cart #aboo #sidebarCartItem #sidebarCart-bottom {
        padding: 0 10px;
    }

    #sidebarCart-product-name span:nth-child(2) {
        font-size: 0.8rem;
    }

    /* CART PAGE MOBILE */
    .mobile-pindrinks-cartPage #cartPage {
        padding: 0 0 40px;
    }

    .mobile-pindrinks-cartPage #cartPage .ps-section__right {
        position: relative;
        right: auto;
        top: auto;
        min-height: 150px;
    }

    .mobile-pindrinks-cartPage #cartPage .ps-block__content {
        bottom: 10px;
        width: 90%;
    }

    .mobile-pindrinks-cartPage header.headerMainScroll #headerRightScroll-container {
        display: none !important;
    }

    .mobile-pindrinks-cartPage #cartPage #cartPage-wrapper {
        flex-direction: column;
    }

    .mobile-pindrinks-cartPage #headerLogo {
        display: none !important;
    }

    .mobile-pindrinks-cartPage body {
        position: relative;
    }

    .mobile-pindrinks-cartPage #headerContainer {
        height: auto;
    }

    .mobile-pindrinks-cartPage #headerRight {
        display: none !important;
    }

    .mobile-pindrinks-cartPage #cartBack {
        display: flex !important;
        padding-top: 5px;
        order: 3;
        justify-content: flex-end;
        padding-right: 0;
        margin-left: 5px;
    }

    .mobile-pindrinks-cartPage #cartPageTitle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding-top: 5px;
        height: 60px;
        font-size: 1.3rem;
        color: var(--color-seven);
        font-weight: 600;
        order: 2;
    }

    .mobile-pindrinks-cartPage #cartBack #cartPage-backShop {
        width: 54px;
        height: 54px;
        box-shadow: -5px 3px 23px -1px rgba(0, 0, 0, 0.20);
        border-radius: 20px;
        transform: rotate(10deg);
    }

    .mobile-pindrinks-cartPage #cartBack #cartPage-backShop svg {
        width: 30px;
        height: 30px;
    }

    .mobile-pindrinks-cartPage #cartPage #cartPage-title {
        display: none;
    }

    .mobile-pindrinks-cartPage #cartPage .ps-section__content {
        margin: auto;
        margin-left: -10px;
        margin-right: -10px;
    }

    .mobile-pindrinks-cartPage #cartPage table tbody {
        width: 100%;
    }

    .mobile-pindrinks-cartPage #cartPage table {
        border-spacing: inherit;
        min-height: 160px;
        position: relative;
    }

    .mobile-pindrinks-cartPage #cartPage .cartPage-tableTR {
        flex-direction: column;
        align-items: flex-start !important;
        padding: 5px !important;
        min-height: 160px;
        justify-content: flex-start !important;
        position: relative;
    }

    .mobile-pindrinks-cartPage #cartPage .cartPage-tableTR .cartPage-image {
        width: 100%;
        max-width: 100%;
    }

    .mobile-pindrinks-cartPage #cartPage .cartPage-tableTR .cartPage-image .ps-product__thumbnail {
        width: 25%;
        background: linear-gradient(269deg, #9FD4E4 5.38%, #FFF 102.44%);
    }

    .mobile-pindrinks-cartPage #cartPage .cartPage-tableTR .cartPage-delete {
        position: absolute;
        bottom: 8px;
        right: 15px;
    }

    .mobile-pindrinks-cartPage #cartPage .cartPage-tableTR .cartPage-qty {
        position: absolute;
        left: 15px;
        bottom: 7px;
        width: 25%;
        max-width: 25%;
    }

    .mobile-pindrinks-cartPage #cartPage .cartPage-tableTR .cartPage-price {
        padding: 0 !important;
        position: absolute;
        bottom: 0;
        left: 15%;
        right: 0;
        width: 50%;
        max-width: 50%;
        margin: auto;
        min-height: 30px;
    }

    .mobile-pindrinks-cartPage #cartPage .cartPage-tableTR .cartPage-price price {
        font-size: 1.3rem;
    }

    .mobile-pindrinks-cartPage #cartPage .cartPage-tableTR .cartPage-price del price {
        font-size: 1.0125rem;
    }

    .mobile-pindrinks-cartPage #cartPage .cartPage-tableTR .cartPage-delete a.remove-cart-button {
        width: 30px;
        height: 30px;
    }

    .mobile-pindrinks-cartPage #cartPage .cartPage-tableTR .cartPage-delete a.remove-cart-button span {
        font-size: 1.4rem;
    }

    .mobile-pindrinks-cartPage #cartPage-right-wrapper #cartPage-buyButton {
        position: fixed;
        bottom: 60px;
        left: 0;
        width: 95%;
        right: 0;
        margin: auto;
        z-index: 999;
    }

    .mobile-pindrinks-cartPage #cartPage-right-wrapper #cartPage-backShop {
        display: none !important;
    }

    /* CHECKOUT PAGE MOBILE */
    .mobile-pindrinks-checkout #headerLogo {
        display: none !important;
    }

    .mobile-pindrinks-checkout body {
        position: relative;
    }

    .mobile-pindrinks-checkout #headerContainer {
        height: auto;
    }

    .mobile-pindrinks-checkout #headerRight {
        display: none !important;
    }

    .mobile-pindrinks-checkout #checkoutBack {
        display: flex !important;
        padding-top: 5px;
        order: 3;
        position: relative;
        right: -15px;
        justify-content: flex-end;
    }

    .mobile-pindrinks-checkout #checkoutPageTitle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding-top: 5px;
        height: 60px;
        font-size: 1rem;
        color: var(--color-seven);
        font-weight: 600;
        order: 2;
        padding-left: 0;
        padding-right: 0;
    }

    .mobile-pindrinks-checkout #checkoutBack #checkoutPage-backShop {
        width: 54px;
        height: 54px;
        box-shadow: -5px 3px 23px -1px rgba(0, 0, 0, 0.20);
        border-radius: 20px;
        transform: rotate(10deg);
    }

    .mobile-pindrinks-checkout #checkoutBack #checkoutPage-backShop svg {
        width: 30px;
        height: 30px;
    }

    #checkoutPage-wrapper {
        flex-direction: column;
        gap: 0;
        padding-bottom: 40px;
    }

    #checkoutPage-wrapper #pin-checkoutPage-left {
        width: 100%;
    }

    #checkoutPage-wrapper #pin-checkoutPage-right {
        width: 100%;
    }

    .mobile-pindrinks-checkout #pin-checkoutPage-right button[type=submit] {
        position: relative;
        bottom: auto;
        left: 0;
        width: 100%;
        right: 0;
        margin: auto;
        top: 15px;
    }

    .mobile-pindrinks-checkout #pin-checkoutPage-right a.aq {
        display: none !important;
    }

    .pindrinks-checkout #pindunyasi-one-accordion .accordion .accordion__details label {
        min-height: 25px;
        height: auto !important;
    }

    .mobile-pindrinks-checkout form .container {
        padding: 0;
    }

    .mobile-pindrinks-checkout #pin-checkoutPage-right #pin-checkoutPage-price {
        margin-top: 0;
    }

    .mobile-pindrinks-checkout #checkout-address-multiple div {
        width: 100%;
    }

    .mobile-pindrinks-checkout #checkout-address-multiple {
        flex-direction: column;
        gap: 10px;
    }

    .mobile-pindrinks-checkout #checkout-address-multiple #checkout-phone button.iti__selected-country {
        width: 12%;
    }

    .mobile-pindrinks-checkout #checkout-address-multiple #checkout-phone button.iti__selected-country .iti__arrow {
        width: auto;
    }

    .mobile-pindrinks-checkout #checkout-shipping-select {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px;
    }

    .mobile-pindrinks-checkout #checkout-shipping-select li {
        width: 100%;
        justify-content: flex-start !important;
    }

    .mobile-pindrinks-checkout #checkout-shipping-text {
        text-align: center;
        padding: 0 20px;
        font-weight: 600;
    }

    .mobile-pindrinks-checkout .checkout-content-wrap {
        margin-top: 10px !important;
    }

    .mobile-pindrinks-checkout iframe {
        display: none;
    }

    #checkout-payment-creditcart-wrapper .card-checkout {
        flex-direction: column;
    }

    #checkout-payment-creditcart-wrapper .card-checkout div#cartArea {
        width: 100%;
    }

    #checkout-payment-creditcart-wrapper .card-checkout div#cartImageArea {
        width: 100%;
    }

    #checkout-payment-creditcart-wrapper .card-checkout div#cartImageArea .stripe-card-wrapper {
        max-width: 100%;
        padding: 0;
    }

    #checkout-payment-creditcart-wrapper .card-checkout div#cartImageArea .stripe-card-wrapper .jp-card-container {
        width: 100%;
        transform: none !important;
    }

    .sozlesme-detay input#mesafeli-satis-sozlesmesi {
        width: 85%;
    }
}

/* SIDEBAR CART */

/* POPUP */
.pop-up-container {
    width: 100%;
    max-width: 850px;
    background-color: var(--bg-white);
    z-index: 999;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.5s ease;
}

.pop-up-content {
    padding: 30px 40px;
    height: 440px;
}

img.pop-up-close-img {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    width: 20px;
}

.pop-up-container.close,
.overlay.close {
    opacity: 0;
    visibility: hidden;
}

.pop-up-container.show,
.overlay.show {
    opacity: 1;
    visibility: visible;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.modal {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0s linear 0.5s;
    z-index: 2;
    width: 100%;
    max-width: 800px;
}

.modal.active,
.overlay.active,
.overlay-product.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease, visibility 0s linear;
}

.close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}

table {
    border: 1px solid var(--border-light);
    border-spacing: 15px;
    border-collapse: separate;
    width: 100%;
}

table td {
    padding: 8px;
}

table td {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-seven);
}

small span {
    color: red;
    font-weight: bold;
}

.radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

.table {
    width: 100%;
    max-width: 100%;
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-container .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.radio-container:hover input~.checkmark {
    background-color: var(--bg-info);
}

.radio-container input:checked~.checkmark {
    background-color: transparent;
}

.radio-container input:checked~.radio-container {
    font-weight: 700;
}

.radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-container input:checked~.checkmark:after {
    display: block;
}

.radio-container .checkmark:after {
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--bg-info);
}

/* Form Elements */
input.custom,
input.custom-no-border,
select,
textarea {
    width: 100%;
    padding: 15px;
    outline: none;
    color: var(--color-seven);
}

input.custom,
select {
    border: 1px solid var(--border-light);
}

input.custom-no-border {
    border: 0;
    border-bottom: 1px solid var(--border-light);
    padding: 23px 0;
    color: var(--color-seven);
}

form label {
    cursor: pointer;
}

form button {
    width: 50%;
}

label.error {
    color: #F3102E;
    font-size: 12px;
    text-align: left;
}

.login-wrapper a:hover {
    text-decoration: underline;
    color: var(--primary-color);
}

.custom-checkbox {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 40px;
    display: flex;
    align-items: center;
    height: 29px;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    padding: 2px;
    border: 1px solid var(--border-light);
}

.custom-checkbox input:checked+.checkmark:after {
    content: '✓';
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
    color: var(--bg-one);
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Form Element*/

/* PIN MARKETS */
.pin-markets .swiper-slide item {
    margin-bottom: 16px;
    display: flex;
    justify-content: start;
    width: 100%;
}

.pin-markets .swiper-slide item:last-child {
    margin-bottom: 0;
}

/* PRODUCTS AREA */
#product-card-image {
    background: var(--product-bg-one);
    border-radius: 60px;
    width: 210px;
    height: 270px;
}

#product-card-image>a {
    width: 100%;
    height: 100%;
}

#product-card-image img {
    width: 100%;
    height: 70%;
    object-fit: contain;
    padding-bottom: 15px;
}

#product-card-attribute {
    left: 15px;
    top: 15px;
    width: 30px;
}

#product-card-attribute img {
    height: 55px;
    padding: inherit;
    width: 30px;
}

#home-products title {
    margin-bottom: 25px;
}

#product-card-content {
    background: var(--bg-info);
    width: 100%;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 40px;
    min-height: 80px;
    box-shadow: 10px 4px 16.8px rgba(0, 0, 0, 0.25);
}

#product-card-price {
    right: 10px;
    top: -25px;
}

#pin-home #product-card-title h1 {
    font-size: 1rem;
}

#product-card-title a {
    display: flex;
    height: 100%;
    width: 100%;
}

#product-card-price #product-badge {
    background: var(--product-qty-bg);
    border-radius: 100%;
    top: auto;
    box-shadow: 3px 1px 3.8px rgba(22, 49, 87, 0.34);
    right: -10px;
    position: relative;
}

#product-card-price price {
    background: var(--product-price-bg);
    border-radius: 20px;
    min-height: 36px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    min-width: 110px;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    max-height: 36px;
    font-size: 1.2rem;
}

#product-card-price price .sale-price+.notsale-price {
    text-decoration: line-through;
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 1;
}

#product-card-price price .notsale-price {
    line-height: 1;
}

#product-card-price price .sale-price {
    line-height: 1;
}

#product-card-title:hover {
    border: 2px solid var(--color-two);
    border-bottom-left-radius: 40px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 40px;
}

#product-card-addtocart {
    right: 0;
    bottom: 0;
    background: var(--bg-four);
    border-radius: 100%;
    width: 35px;
    height: 35px;
}

#product-card-addtocart a.add-to-cart-button {
    display: flex;
}

#product-card-addtocart svg {
    width: 35px;
    height: 35px;
}

/*#product-card-addtocart .add-to-cart-button.active .default-icon {
    display: none;
}*/
#product-card-addtocart .add-to-cart-button.active .hover-icon {
    display: flex !important;
    width: 25px;
    height: 25px;
    fill: var(--bg-white);
    background: var(--bg-one);
    border-radius: 100%;
    position: absolute;
    top: -11px;
    right: -8px;
}

#bayi-basvuru-area {
    padding: 0 50px;
}

#bayi-basvuru-area a {
    background: var(--bg-blue);
    border-radius: 30px;
    color: var(--bg-one);
    min-height: 50px;
    border: none;
    border-radius: 33px;
    font-weight: 600;
}

#home-popular-pin #product-card-addtocart .add-to-cart-button.active .hover-icon {
    background: var(--bg-blue);
}

#product-card-addtocart .add-to-cart-button.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* PRODUCTS AREA */

/* POPULER PIN */
@media (max-width:1190px) {
    #product-card-addtocart {
        width: 25px;
        height: 25px;
    }

    #product-card-addtocart svg {
        width: 25px;
        height: 25px;
    }

    #product-card-addtocart a {
        display: flex;
    }

    #pin-home.mobile-pindrinks .home-litrelik-pin #product-card-image {
        border-radius: 30px;
        width: 100%;
        padding: 10px 0;
        height: 180px;
    }

    #pin-home.mobile-pindrinks #product-card-image {
        border-radius: 30px;
        width: 100%;
        padding: 10px 0;
    }

    #pin-home.mobile-pindrinks #home-products {
        padding: 0 10px;
    }

    #pin-home.mobile-pindrinks #product-card-image img {
        width: 85%;
        padding-bottom: 0;
    }

    #pin-home.mobile-pindrinks #product-card-price {
        right: 0;
    }

    #pin-home.mobile-pindrinks #product-card-content {
        box-shadow: none;
    }
}

/* BOX PIN PRODUCTS */
.gtco-testimonials {
    position: relative;
}

@media (max-width: 1190px) {
    .gtco-testimonials {
        margin-top: 20px;
    }
}

.gtco-testimonials h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
    color: #FFFFFF;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    letter-spacing: 2px;
    background-color: black;
    padding: 10px 5px;
}

.gtco-testimonials .owl-stage-outer {
    padding: 30px 0;
}

.gtco-testimonials .owl-nav {
    display: none;
}

.gtco-testimonials .owl-dots {
    text-align: center;
}

.gtco-testimonials .owl-dots span {
    position: relative;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: block;
    background: #fff;
    border: 2px solid #01b0f8;
    margin: 0 5px;
}

.gtco-testimonials .owl-dots .active {
    box-shadow: none;
}

.gtco-testimonials .owl-dots .active span {
    background: #01b0f8;
    box-shadow: none;
    height: 12px;
    width: 12px;
    margin-bottom: -1px;
}

.gtco-testimonials .card {
    background: #fff;
    box-shadow: 0 8px 30px -7px #c9dff0;
    margin: 0 20px;
    padding: 0 10px;
    border-radius: 20px;
    border: 0;
}

.gtco-testimonials .card .card-img-top {
    max-width: 100px;
    border-radius: 50%;
    margin: 15px auto 0;
    box-shadow: 0 8px 20px -4px #95abbb;
    width: 100px;
    height: 100px;
}

.gtco-testimonials .card h5 {
    color: #01b0f8;
    font-size: 21px;
    line-height: 1.3;
}

.gtco-testimonials .card h5 span {
    font-size: 18px;
    color: #666666;
}

.gtco-testimonials .card p {
    font-size: 18px;
    color: #555;
    padding-bottom: 15px;
}

.gtco-testimonials .active {
    opacity: 1;
    transition: all 0.3s;
}

.gtco-testimonials .center {
    opacity: 1;
}

.gtco-testimonials .center h5 {
    font-size: 24px;
}

.gtco-testimonials .center h5 span {
    font-size: 20px;
}

.gtco-testimonials .center .card-img-top {
    max-width: 100%;
    height: 120px;
    width: 120px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    outline: 0;
}


#box-pin-container {
    height: 100%;
    width: 100%;
}

#box-pin-image {
    position: relative;
}

#box-pin-content {
    display: none;
}

.gtco-testimonials .active-slide #box-pin-content {
    display: flex;
}

.gtco-testimonials .active-slide {
    width: 900px !important;
}

.gtco-testimonials .active-slide-two {
    width: 420px !important;
}

.gtco-testimonials .cloned {
    width: 420px;
}

#box-pin-content-top b {
    font-size: 6rem;
    color: var(--color-seven);
    font-weight: 400;
}

#box-pin-content-top span {
    font-size: 2rem;
    color: var(--color-seven);
    line-height: 1;
}

#box-pin-content-title title {
    display: flex;
    color: var(--orange-mango-text);
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 1;
}

#box-pin-content-desc desc {
    color: var(--color-seven);
    font-size: 1.8rem;
    line-height: 1.2;
    text-align: left;
    direction: ltr;
}

#box-pin-content-price price {
    color: var(--color-seven);
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row-reverse;
}

#box-pin-content-price price i {
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
}

#box-pin-content-price>div {
    background: var(--bg-two);
    border-radius: 100%;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    box-shadow: 3px 1px 3.8px rgba(22, 49, 87, 0.34);
}

#box-pin-content-price>div span {
    font-size: 1.7rem;
    color: var(--color-seven);
    font-weight: 600;
    line-height: 1;
}

#box-pin-content-price>div span:nth-child(2) {
    font-size: 0.7rem;
    font-weight: 500;
}

#box-pin-button {
    background: #fff;
    box-shadow: 0px 5px 11.8px -3px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    height: 80px;
    width: 250px;
    color: var(--color-four);
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
}

#box-pin-button b {
    background: var(--bg-four);
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 2.5rem;
    color: var(--color-ten);
}

.box-pin-products .swiper-pagination-lock {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width:1200px) {}

/* BOX PIN PRODUCTS */

/* HOME INFOS */
#home-infos {
    background: var(--bg-three);
    border-radius: 80px;
    height: 170px;
}

#info-title .info-zero {
    font-size: 8rem;
    color: var(--color-seven);
}

#info-title {
    padding-left: 4%;
}

/*#info-content {
    background: #D2EBF2;
    box-shadow: -25px 5px 25.5px -23px #163157;
    border-radius: 80px;
    height: 100%;
    padding-right: 4%;
    z-index: 1;
    transition: 1s all cubic-bezier(0.25, 0.5, 0.39, 1.5);
}*/
.info-hover-wrapper {
    height: 100%;
    padding-right: 0;
}

#info-content {
    background: #D2EBF2;
    box-shadow: -25px 5px 25.5px -23px #163157;
    border-radius: 80px;
    height: 100%;
    padding-right: 10%;
    z-index: 1;
    padding-left: 10%;
}

#info-content-item {
    padding-top: 1%;
}

#info-content .info-content-item a {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    transition: 0.4s ease;
}

#info-content .info-content-item a:hover {
    transform: scale(1.1);
    transition: 0.4s ease;
}

#info-content-right {
    width: 100%;
    height: 100%;
    align-items: center;
    border-radius: 80px;
    min-width: 280px;
    position: relative;
    right: 55px;
    z-index: 0;
}

#info-content.info-content-active {
    box-shadow: 25px 5px 25.5px -23px #163157;
}

.info-hover-wrapper {
    position: relative;
    overflow: hidden;
    transition: padding-right 0.4s ease;
    padding-right: 0;
    /* Normalde boşluk yok */
}

.info-content {
    transition: transform 0.4s ease;
}

.info-content-right {
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) translateX(10px);
    z-index: 10;
    pointer-events: none;
    width: auto;
}

.info-hover-wrapper:hover {
    padding-right: 50px;
    /* Sağ tarafa boşluk bırak */
}

.info-hover-wrapper:hover .info-content {
    transform: translateX(-40px);
    /* Ortayı biraz sola kaydır */
}

.info-hover-wrapper:hover .info-content-right {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
    pointer-events: auto;
}

.info-content-right a {
    display: flex;
}

.info-content-right img {
    width: 70%;
}

@media (max-width:1190px) {
    #home-infos {
        padding: 0 20px;
        height: 230px;
        width: 95%;
        position: relative;
        margin: 20px auto;
        border-radius: 45px;
        background: transparent;
        box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    }

    #home-infos #info-title {
        width: 40%;
        flex-basis: 40%;
        max-width: 35%;
        padding: 0;
        position: relative;
        justify-content: flex-start !important;
    }

    #info-content .info-content-item a:hover {
        transform: scale(1);
        transition: 0.4s ease;
    }

    #home-infos #info-title .info-zero {
        font-size: 7rem;
    }

    #home-infos #info-title span:nth-child(2) {
        font-size: 2.2rem;
    }

    #home-infos #info-title img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    #home-infos #info-title a {
        width: 100%;
    }

    .info-hover-wrapper {
        width: auto;
        max-width: fit-content;
        flex-basis: 100%;
        padding: 0;
        z-index: 9;
        max-height: 210px;
        transition: padding-right 0.4s ease;
        justify-content: flex-start !important;
    }

    .info-hover-wrapper:hover {
        padding-right: 0;
    }

    #info-content {
        padding: 0;
        border-radius: inherit;
        box-shadow: none;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
        background: transparent;
        column-gap: 15px;
        row-gap: 0;
    }

    .info-content-item {
        width: 68px;
    }

    .info-content-item img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .info-content-item span {
        font-size: 0.7rem;
    }

    #info-content #info-content-item {
        width: 63px;
        padding: 25px 0;
        height: 100%;
        gap: 5px;
    }

    #info-content #info-content-item img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    #info-content #info-content-item span {
        font-size: 0.7rem;
    }

    #home-neden-pin {
        padding: 0 10px;
    }

    #info-content.info-content-active {
        position: absolute;
        max-height: 130px;
        box-shadow: 0px 5px 25.5px -10px #163157;
    }

    #info-content-right {
        right: 0;
        left: 0;
        margin: auto;
    }
}

/* HOME INFOS */

#product-card-content:hover #product-card-title {
    transition: border 0.1s ease;
}

/* CAM PIN PRODUCTS */
#home-cam-pin #product-card-content {
    border-radius: 60px;
    border-top-right-radius: 0;
    min-height: 100px;
    background: var(--bg-white);
    box-shadow: 0px 4px 23.6px -8px rgba(0, 0, 0, 0.25);
}

#home-cam-pin #product-card-content #product-card-title h1 {
    color: var(--color-seven);
}

#home-cam-pin #product-card-content:hover #product-card-title {
    border: 3px solid var(--color-two);
    border-radius: 60px;
    border-top-right-radius: 0;
}

#home-cam-pin #product-card-content #product-card-price {
    right: -3px;
}

#home-cam-pin #product-card-image {
    width: 100%;
}

/* CAM PIN PRODUCTS */

/* CAM PIN MOBILE */
@media (max-width:1190px) {
    #pin-home.mobile-pindrinks #home-cam-pin #product-card-content #product-card-title h1 {
        font-size: 1.0125rem;
    }

    #pin-home.mobile-pindrinks #home-cam-pin #product-card-content {
        min-height: 80px;
        border: 1px solid rgb(168 168 168 / 25%);
    }
}

/* Litrelik PIN PRODUCTS */
#home-litrelik-pin #product-card-image {
    background: transparent;
    width: 100%;
    height: 308px;
}

#home-litrelik-pin #product-card {
    border-radius: 40px;
    background: linear-gradient(1deg, #9fd4e4c4 6.26%, #ffffff00 80.25%);
    padding: 4px;
}

#home-litrelik-pin #product-card-content {
    min-height: 90px;
    border-radius: 37px;
    box-shadow: none;
    background: var(--bg-white);
}

#home-litrelik-pin #product-card-content #product-card-title h1 {
    color: var(--color-seven);
}

#home-litrelik-pin #product-card-content #product-card-title {
    padding: 0 15%;
}

#home-litrelik-pin #product-card-content #product-card-title:hover {
    border: 3px solid var(--color-two);
    border-radius: 37px;
}

#home-litrelik-pin #product-card-content #product-card-addtocart {
    bottom: 0;
    top: 0;
    margin: auto;
    right: 10px;
}

#home-litrelik-pin #product-card-content #product-card-addtocart .add-to-cart-button {
    color: var(--color-ten);
    font-size: 2rem;
}

#home-litrelik-pin #product-card-content #product-card-price {
    right: 0;
    left: 0;
}

#home-litrelik-pin #product-card-content #product-card-price price {
    background: var(--bg-white);
}

#home-litrelik-pin #product-card-image img {
    height: 90%;
    position: relative;
    bottom: 15%;
    padding-bottom: 0;
}

#litrelik-grid {
    row-gap: 100px;
}

#home-litrelik-pin {
    padding-top: 3%;
}

#home-litrelik-pin .banner a {
    display: flex;
    height: 100%;
}

#home-litrelik-pin .banner a img {
    height: fit-content;
    width: 100%;
    object-fit: contain;
}

#litrelik-grid .banner video {
    border-radius: 60px;
}

/* Litrelik PIN PRODUCTS */

/* LİTRELİK PIN MOBILE */
@media (max-width:1190px) {
    #pin-home.mobile-pindrinks #home-litrelik-pin #product-card-content #product-card-title h1 {
        font-size: 1.0125rem;
    }

    #pin-home.mobile-pindrinks #home-litrelik-pin #product-card-content {
        min-height: 80px;
    }

    #pin-home.mobile-pindrinks .home-litrelik-pin title {
        margin-bottom: 0;
    }

    #pin-home.mobile-pindrinks .home-litrelik-pin {
        padding-right: 0 !important;
    }
}

/* PRODUCT LIST */
#productList-container {
    position: relative;
    top: 35px;
    padding-bottom: 35px;
}

#productsList-top-left form input {
    background: var(--bg-gray);
    border-radius: 12px;
    border: none;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: 50px;
    font-size: 1rem;
}

#productsList-top-left a.search-group-link {
    height: 60px;
    position: absolute;
    left: 25px;
}

#filterItem {
    border: 1px solid var(--color-seven);
    border-radius: 22px;
    padding: 10px 15px;
}

#filterItems {
    gap: 10px;
}

#filterItem.active {
    background: var(--bg-one);
    color: var(--button-secondary);
    font-weight: 600;
}

#filterItem:hover {
    background: var(--bg-one);
    color: var(--button-secondary);
    font-weight: 600;
}

#filterItem:hover a {
    color: var(--button-secondary);
}

/* PRODUCT ITEMS */
@media (min-width:1200px) {
    .pindrinks-cartPage #ae-productItems {
        margin-left: -20px;
        margin-right: -20px;
    }

    .pindrinks-cartPage #ae-productItems #ae-productItem {
        padding-bottom: 35px;
        max-width: 20%;
        flex-basis: 20%;
    }
}


#ae-productItems #ae-productItem {
    padding-bottom: 35px;
}

#productList-wrapper {
    padding-top: 50px;
}

#productList-wrapper #product-card-content {
    border-radius: 60px;
    border-top-right-radius: 0;
    min-height: 100px;
    background: var(--bg-white);
    box-shadow: 0px 4px 23.6px -8px rgba(0, 0, 0, 0.25);
}

#productList-wrapper #product-card-content #product-card-title h1 {
    color: var(--color-seven);
    font-size: 1rem;
}

#productList-wrapper #product-card-price price .sale-price {
    font-size: 1.2rem;
}

#productList-wrapper #product-card-content:hover #product-card-title {
    border: 3px solid var(--color-two);
    border-radius: 60px;
    border-top-right-radius: 0;
}

#productList-wrapper #product-card-content #product-card-price {
    right: -3px;
}

#productList-wrapper #product-card-image {
    width: 100%;
}

#productList-wrapper #product-card-image img {
    padding-bottom: 0;
}

#productList-wrapper #product-card-addtocart {
    width: 40px;
    height: 40px;
}

#productList-wrapper #product-card-addtocart svg {
    width: 40px;
    height: 40px;
}

#productList-wrapper #product-card-addtocart .add-to-cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

#productList-wrapper #product-card-addtocart .add-to-cart-button.active .hover-icon {
    display: flex !important;
    width: 25px;
    height: 25px;
    fill: var(--bg-white);
    background: var(--bg-one);
    border-radius: 100%;
}

#productList-wrapper #home-infos {
    padding-right: 0;
    padding-left: 0;
}

@media (min-width:1200px) {
    .pindrinks #productList-container #product-card-attribute {
        left: 25px;
        top: 25px;
        width: 35px;
    }

    .pindrinks #productList-container #product-card-attribute img {
        width: 100%;
        height: 70px;
    }

    #pin-home #product-card-attribute {
        left: 20px;
        top: 25px;
    }
}

@media (max-width:1190px) {
    .pikili-deneme-1litre-petp #productDetail-left #productDetail-info h1 p {
        text-align: center;
    }

    #productList-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    #productList-wrapper #home-infos {
        padding-right: 20px;
        padding-left: 20px;
    }

    #productList-container {
        top: 15px;
    }

    #productsList-top {
        flex-direction: column;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 10px;
        height: 100%;
    }

    #productsList-top-right-filter-left #filterItems {
        width: 100%;
        justify-content: space-between;
    }

    #filterItem {
        padding: 10px 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #productsList-top-left form input {
        background: var(--bg-gray);
        border-radius: 12px;
        border: none;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-indent: 25px;
        font-size: 1.2rem;
    }

    #productsList-top-left a.search-group-link {
        height: 50px;
        position: absolute;
        left: 10px;
    }

    #product-card-image {
        border-radius: 30px;
        height: 180px;
    }

    #productList-wrapper #product-card-content {
        border-radius: 40px;
        border-top-right-radius: 0;
        min-height: 80px;
    }

    #product-card-price price {
        min-width: 80px;
        font-size: 1rem;
        min-height: 30px;
        max-height: 30px;
    }

    #product-card-image img {
        width: 85%;
    }

    #productList-wrapper #product-card-content #product-card-title h1 {
        font-size: 0.9rem;
        font-weight: 600;
    }

    #productList-wrapper #product-card-addtocart {
        width: 30px;
        height: 30px;
        bottom: -5px;
    }

    #productList-wrapper #product-card-addtocart .add-to-cart-button {
        font-size: 2rem;
    }
}

/* PRODUCT ITEMS */

/* PRODUCT DETAIL */
#productDetail-wrapperBg {
    padding: 0;
    position: relative;
}

#productDetail-wrapper-bg {
    padding: 0;
    z-index: 1;
    position: absolute;
    top: 0;
}

#productDetail-wrapper-bg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#productDetail-pages {
    padding-top: 20px;
    position: relative;
}

/*#productDetail-pages .container {
    height: 100%;
}*/
#productDetail-wrapper {
    position: relative;
    background: var(--product-detail);
    border-radius: 687px 180px 0px 0px;
    z-index: 98;
    margin-top: 160px;
    padding-bottom: 20%;
}

.standart-layout #productDetail-wrapper {
    padding-bottom: 5vw;
}

.ayrilmaz-uclu #productDetail-wrapper {
    padding-bottom: 5vw;
}

.kis-cayi #productDetail-wrapper {
    padding-bottom: 5vw;
}

.beyaz-seftali #productDetail-wrapper {
    padding-bottom: 5vw;
}

.vitaminli-soguk-cay #productDetail-wrapper {
    padding-bottom: 5vw;
}

.orange-mango-250ml #productDetail-wrapper {
    padding-bottom: 5vw;
}

.cool-lime-250ml #productDetail-wrapper {
    padding-bottom: 5vw;
}

.hibiscus-250ml #productDetail-wrapper {
    padding-bottom: 5vw;
}

.strawberry-250ml #productDetail-wrapper {
    padding-bottom: 5vw;
}

/*#productDetail-content {
    border: 1px solid var(--color-seven);
    border-radius: 30px;
    padding: 0 25px;
    min-height: 85px;
}*/
#productDetail-content {
    border: 1px solid var(--color-seven);
    border-radius: 30px;
    padding: 0 25px;
    min-height: 85px;
    justify-content: center !important;
    gap: 25px;
    color: var(--color-seven);
}

#productDetail-content h4 {
    margin: 0;
    line-height: 1;
    color: var(--color-seven);
}

#productDetail-content h4:last-child {
    text-transform: uppercase;
    font-size: 2.25rem;
}

#productDetail-priceBg {
    border: 1px solid var(--color-seven);
    border-radius: 30px;
    padding: 0 25px;
    min-height: 85px;
    gap: 5px;
}

#productDetail-priceOrj {
    gap: 10px;
}

#productDetail-priceBirim {
    color: var(--color-seven);
}

#productDetail-priceBg .sale-price+.notsale-price {
    font-weight: normal;
    text-decoration: line-through;
    font-size: 1.5rem;
}

#productDetail-addtocart {
    padding-top: 30px;
}

#productDetail-button {
    background: var(--bg-white);
    border-radius: 45px;
    height: 85px;
    box-shadow: -20px 15px 10px -10px rgba(0, 0, 0, 0.25);
    width: 100%;
}

#productDetail-button:hover {
    border: 3px solid var(--color-two);
}

#productDetail-button form#add-to-cart-form {
    width: 100%;
    display: flex;
    height: 100%;
}

#productDetail-button #products-buttons {
    width: 100%;
}

#productDetail-button #products-buttons button {
    width: 100%;
    background: transparent;
    border: none;
    color: var(--quaternary-color);
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
}

#productDetail-button #products-buttons #detail-saved {
    width: 20%;
    height: 60%;
    margin: auto;
    border-left: 1px dashed var(--bg-one);
}

#productDetail-button #products-buttons #detail-saved a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#productDetail-button #products-buttons #detail-saved a svg {
    width: 30px;
    height: 30px;
    fill: var(--bg-one);
}

#productDetail-button #products-buttons #detail-saved a.active svg.default-icon {
    display: none;
}

#productDetail-button #products-buttons #detail-saved a.active svg.hover-icon {
    display: flex !important;
}

#productDetail-qty {
    background: var(--button-secondary);
    height: 85px;
    border-radius: 45px;
}

#productDetail-qty input {
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--quaternary-color);
}

#productDetail-qty button {
    background: transparent;
    border: none;
    font-size: 3rem;
    font-family: 'Poppins';
    color: var(--quaternary-color);
    font-weight: 500;
    padding: 0;
}

#productDetail-qty .product__qty {
    padding: 0 15px;
}

#productDetail-right {
    position: relative;
}

#product-images {
    justify-content: flex-end;
    position: absolute;
    top: -15%;
    right: 0;
}

#product-images img.product-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#productDetail-container {
    position: relative;
    margin-bottom: 50px;
}

#productDetail-center {
    align-items: flex-end;
    position: relative;
    top: 50px;
    gap: 50px;
    justify-content: flex-start;
}

#productDetail-center #productDetail-specialText {
    width: 100%;
    position: relative;
    right: -15px;
}

#productDetail-center #productDetail-specialText h5 {
    text-align: center;
    line-height: 0.6;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #fef6dd;
}

#productDetail-center #productDetail-specialText h5 p {
    margin: auto;
    display: flex;
}

#productDetail-reviews {
    padding-top: 0;
    padding-bottom: 30px;
}

#productDetail-left {
    position: relative;
    top: 0;
}

#productDetail-left #productDetail-info h1 {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
}

#productDetail-left #productDetail-info h1 p {
    margin-bottom: auto;
    line-height: 0.7;
    text-align: left;
}

#productDetail-prices,
#productDetail-reviews,
#productDetail-addtocart {
    padding-right: 10%;
}

#productDetail-coupons item {
    min-height: 60px;
    border: 1px solid var(--cool-lime-seven);
    padding: 0 25px;
    border-radius: 20px;
    border-top-right-radius: 70px;
    color: var(--cool-lime-seven);
    gap: 20px;
    width: 100%;
    text-transform: uppercase;
    justify-content: flex-start !important;
    line-height: 1;
    border-bottom-right-radius: 30px;
}

#productDetail-coupons item:nth-child(2) {
    border: 1px solid var(--cool-lime-eight);
    color: var(--cool-lime-eight);
}

.standart-layout #productDetail-coupons item {
    border: 1px solid var(--bg-one);
    color: var(--bg-one);
}

.standart-layout #productDetail-coupons item:nth-child(2) {
    border: 1px solid var(--bg-one);
    color: var(--bg-one);
}

.ayrilmaz-uclu #productDetail-coupons item {
    border: 1px solid var(--bg-one);
    color: var(--bg-one);
}

.ayrilmaz-uclu #productDetail-coupons item:nth-child(2) {
    border: 1px solid var(--bg-one);
    color: var(--bg-one);
}

.ayrilmaz-uclu #productDetail-coupons item:nth-child(3) {
    border: 1px solid var(--bg-one);
    color: var(--bg-one);
}

#productDetail-coupons {
    gap: 25px;
}

#productDetail-coupons item:nth-child(3) {
    border: 1px solid var(--cool-lime-eleven);
    color: var(--cool-lime-eleven);
}

.standart-layout #productDetail-coupons item:nth-child(3) {
    border: 1px solid var(--bg-one);
    color: var(--bg-one);
}

#productDetail-coupons item:nth-child(3) img {
    opacity: 0.6;
}

#productDetail-coupons item:nth-child(2) img {
    opacity: 0.7;
}

#productDetail-breadcrumb nav {
    width: 100%;
}

#productDetail-breadcrumb nav ol.breadcrumb {
    display: flex;
    gap: 5px;
    align-items: center;
}

#productDetail-breadcrumb nav ol.breadcrumb span:last-child {
    display: none;
}

#productDetail-breadcrumb nav ol.breadcrumb a {
    color: var(--bg-white);
    font-size: 1rem;
}

#productDetail-breadcrumb nav ol.breadcrumb span {
    color: var(--bg-white);
}

#productDetail-breadcrumb {
    padding-top: 30px;
    padding-bottom: 10px;
}

#productDetail-video video {
    border-radius: 60px;
    z-index: 0;
}

#productDetail-video svg {
    z-index: 1;
    fill: var(--bg-white);
    width: 140px;
    height: 140px;
}

.orange-mango-250ml #productDetail-video svg {
    fill: var(--orange-mango-qty);
}

#productList-container section#home-neden-pin .swiper-slide img {
    border-radius: 60px;
}

@media (max-width:1190px) {
    #productDetail-video svg {
        width: 80px;
        height: 80px;
    }

    #productDetail-button #products-buttons #detail-saved a svg {
        width: 25px;
        height: 25px;
    }

    #productDetail-breadcrumb nav ol.breadcrumb {
        justify-content: center;
    }

    #productDetail-coupons {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        padding-right: 5%;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #productDetail-coupons::-webkit-scrollbar {
        display: none;
    }

    #productDetail-coupons item {
        min-width: 280px;
        padding: 0 15px;
    }

    #productDetail-priceBg price {
        font-size: 1.8rem;
    }
}

.pseftalinin-her-tonu-1litre-petp #productDetail-left #productDetail-info h1 p {
    text-align: center;
}

.phibiscus-cool-lime-1litre-petp #productDetail-left #productDetail-info h1 p {
    text-align: center;
    line-height: 0.8;
}

.phibiscus-cool-lime-1litre-petp #productDetail-left #productDetail-info h2 p {
    text-align: left;
}

.phibiscus-cool-lime-1litre-petp #productDetail-breadcrumb nav ol.breadcrumb span {
    color: var(--bg-one);
}

.phibiscus-cool-lime-1litre-petp #productDetail-reviews .review-item sup {
    color: var(--bg-one);
}

.pcool-lime-hibiscus-seftali-1litre-petp #productDetail-left #productDetail-info h1 p {
    text-align: center;
}

.pcool-lime-hibiscus-seftali-1litre-petp #productDetail-left #productDetail-info h2 p {
    text-align: left;
}

.pcool-lime-hibiscus-seftali-1litre-petp #productDetail-breadcrumb nav ol.breadcrumb span {
    color: var(--bg-one);
}

.pcool-lime-hibiscus-seftali-1litre-petp #productDetail-reviews .review-item sup {
    color: var(--bg-one);
}

/* AYRILMAZ ÜÇLÜ */
.ayrilmaz-uclu #productDetail-left #productDetail-info h1 {
    font-size: 11rem;
}

.ayrilmaz-uclu #productDetail-left #productDetail-info h1 p {
    line-height: 1;
}

.ayrilmaz-uclu #productDetail-reviews .review-item sup {
    color: var(--bg-one);
}

.ayrilmaz-uclu #product-images {
    top: 5%;
}

.ayrilmaz-uclu #product-images img.product-image {
    height: 95%;
    object-position: right;
}

.ayrilmaz-uclu #productDetail-attributes {
    margin: 40px auto 10px;
}

.ayrilmaz-uclu #productDetail-breadcrumb nav ol.breadcrumb a {
    color: var(--text-info);
}

.ayrilmaz-uclu #productDetail-breadcrumb nav ol.breadcrumb span {
    color: var(--text-info);
}

@media (max-width:1190px) {
    .ayrilmaz-uclu #productDetail-left #productDetail-info h1 p {
        font-size: 5rem;
        text-align: center;
        margin-bottom: 5vw;
    }

    .ayrilmaz-uclu #product-images {
        top: auto;
    }

    .ayrilmaz-uclu #product-images img.product-image {
        height: 90%;
        object-position: center;
    }
}

/* AYRILMAZ ÜÇLÜ */

/* COOL LIME & HIBISCUS & SEFTALİ 1 LİTRE */
.chs-1litre #productDetail-left #productDetail-info h1 {
    font-size: 11.5rem;
    line-height: 0.7;
    text-align: left;
}

.chs-1litre #productDetail-info h2 {
    margin-top: 40px;
}

.chs-1litre #productDetail-right #product-images .row {
    width: 100%;
}

.chs-1litre #product-images img.product-image {
    height: 83%;
}

@media (max-width:1190px) {
    .chs-1litre #productDetail-left #productDetail-info h1 {
        font-size: 7rem;
    }
}

/* COOL LIME & HIBISCUS & SEFTALİ 1 LİTRE */

/* SOGUK ÇAY */
.vitaminli-soguk-cay #productDetail-wrapper {
    background: var(--soguk-cay-seftali-bg);
}

.vitaminli-soguk-cay #productDetail-attributes #productDetail-attributesBg {
    background: var(--soguk-cay-seftali-seventeen);
    top: -10px;
}

.vitaminli-soguk-cay #product-images img.product-image {
    height: 70%;
    object-position: right;
}

.pvitaminli-soguk-cay-seftali-1litrep #product-images img.product-image {
    height: 60%;
}

.vitaminli-soguk-cay #productDetail-attributes {
    background: var(--soguk-cay-seftali-ten);
}

/*.vitaminli-soguk-cay #productDetail-infos {
    display: none;
}*/
.vitaminli-soguk-cay span.priceBirim {
    color: var(--soguk-cay-seftali-seven);
}

.vitaminli-soguk-cay #productDetail-left #productDetail-info h1 {
    position: relative;
}

.vitaminli-soguk-cay #productDetail-left #productDetail-info h1 p {
    margin-bottom: auto;
    color: var(--soguk-cay-seftali-six);
    font-size: 12rem;
    line-height: 1;
}

.vitaminli-soguk-cay #productDetail-left #productDetail-info h1 p strong {
    color: var(--soguk-cay-seftali-fiveteen);
    font-weight: normal;
}

.vitaminli-soguk-cay #productDetail-center #productDetail-specialText h5 {
    color: var(--soguk-cay-seftali-seven);
}

.vitaminli-soguk-cay #home-infos {
    background: var(--soguk-cay-seftali-fourteen);
    margin-top: 0;
}

.pvitaminli-soguk-cay-seftali-250mlp #home-infos {
    margin-top: auto;
}

.vitaminli-soguk-cay #info-title {
    padding-left: 0%;
}

.vitaminli-soguk-cay #info-content {
    background: var(--soguk-cay-seftali-infos);
}

.vitaminli-soguk-cay #info-content-item {
    padding-top: 0;
    gap: 20px;
    color: var(--soguk-cay-seftali-seven);
}

.vitaminli-soguk-cay #info-content-item span:first-child {
    font-size: 2rem;
    line-height: 1;
}

.vitaminli-soguk-cay #info-content-item span:last-child {
    font-size: 1.7rem;
    font-weight: 300;
}

.vitaminli-soguk-cay #productDetail-content {
    border: 1px solid var(--soguk-cay-seftali-seven);
}

.vitaminli-soguk-cay #productDetail-content h4 {
    color: var(--soguk-cay-seftali-seven);
}

.vitaminli-soguk-cay #productDetail-priceBg {
    border: 1px solid var(--soguk-cay-seftali-seven);
}

.vitaminli-soguk-cay #productDetail-priceBg price {
    color: var(--soguk-cay-seftali-seven);
}

.vitaminli-soguk-cay #productDetail-priceBg .priceBirim {
    color: var(--soguk-cay-seftali-seven);
}

.vitaminli-soguk-cay #productDetail-qty,
.vitaminli-soguk-cay #productDetail-button {
    background: var(--soguk-cay-seftali-seven);
}

.vitaminli-soguk-cay #productDetail-qty button,
.vitaminli-soguk-cay #productDetail-qty input {
    color: var(--soguk-cay-seftali-nine);
}

.vitaminli-soguk-cay #productDetail-button button {
    color: var(--soguk-cay-seftali-nine) !important;
}

.vitaminli-soguk-cay #productDetail-button #products-buttons #detail-saved a svg {
    fill: var(--soguk-cay-seftali-nine);
}

.vitaminli-soguk-cay #productDetail-tabContainer .tab {
    color: var(--soguk-cay-seftali-ten);
}

.vitaminli-soguk-cay #productDetail-tabContainer .tab.active {
    color: var(--soguk-cay-seftali-seven);
}

.vitaminli-soguk-cay #productDetail-coupons item {
    min-height: 60px;
    border: 1px solid var(--soguk-cay-seftali-seven);
    padding: 0 25px;
    border-radius: 20px;
    border-top-right-radius: 70px;
    color: var(--soguk-cay-seftali-seven);
    gap: 20px;
    width: 33.3333333%;
    text-transform: uppercase;
    justify-content: flex-start !important;
    line-height: 1;
    border-bottom-right-radius: 30px;
}

.vitaminli-soguk-cay #productDetail-coupons item:nth-child(2) {
    border: 1px solid var(--soguk-cay-seftali-seven);
    color: var(--soguk-cay-seftali-seven);
}

.vitaminli-soguk-cay #productDetail-coupons {
    gap: 25px;
}

.vitaminli-soguk-cay #productDetail-coupons item:nth-child(3) {
    border: 1px solid var(--soguk-cay-seftali-seven);
    color: var(--soguk-cay-seftali-seven);
}

.vitaminli-soguk-cay #productDetail-coupons item:nth-child(3) img {
    opacity: 0.6;
}

.vitaminli-soguk-cay #productDetail-coupons item:nth-child(2) img {
    opacity: 0.7;
}

@media (max-width:1190px) {
    .vitaminli-soguk-cay #productDetail-left #productDetail-info h1 p {
        color: var(--soguk-cay-seftali-seven);
        font-size: 6rem;
        line-height: 0.8;
    }

    .pvitaminli-soguk-cay-seftali-1litrep #productDetail-left #productDetail-info h1 p {
        color: var(--soguk-cay-seftali-seven);
        font-size: 6rem;
        line-height: 1;
        text-align: center;
    }

    .vitaminli-soguk-cay #productDetail-left #productDetail-info h1 p strong {
        color: var(--soguk-cay-seftali-eight);
        font-weight: normal;
    }

    .vitaminli-soguk-cay #productDetail-info h2 {
        font-size: 1.8rem;
        margin-top: 20px;
    }

    .vitaminli-soguk-cay #product-images img.product-image {
        height: 100%;
        object-position: center;
    }

    .vitaminli-soguk-cay #product-images {
        width: 45%;
    }

    .vitaminli-soguk-cay #productDetail-coupons {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        padding-right: 5%;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .vitaminli-soguk-cay #productDetail-coupons::-webkit-scrollbar {
        display: none;
    }

    .vitaminli-soguk-cay #productDetail-coupons item {
        min-width: 280px;
        padding: 0 15px;
    }

    .vitaminli-soguk-cay #home-infos {
        width: 100%;
        margin-top: 0;
        border-radius: 60px;
        flex-direction: column;
        height: auto;
        padding: 20px 0 0;
    }

    .vitaminli-soguk-cay #home-infos #info-title {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        left: auto;
    }

    .vitaminli-soguk-cay #home-infos #info-title img {
        height: 75px;
    }

    .vitaminli-soguk-cay #info-content {
        border-radius: 60px;
        display: flex !important;
        max-width: 100%;
        flex-basis: 100%;
        width: 100%;
        margin-top: 15px;
    }

    .vitaminli-soguk-cay #info-content #info-content-item {
        width: 100%;
        padding: 20px 0 15px;
    }

    .vitaminli-soguk-cay #info-content #info-content-item span {
        font-size: 1.7rem;
    }

    .vitaminli-soguk-cay #info-content #info-content-item span:nth-child(2) {
        font-size: 1.3rem;
        text-align: center;
    }

    .vitaminli-soguk-cay #productDetail-attributes {
        margin-top: 0;
    }

    .vitaminli-soguk-cay #home-infos #info-title {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        left: auto;
    }

    .vitaminli-soguk-cay #home-infos #info-title img {
        height: 75px;
    }

    .vitaminli-soguk-cay #info-content {
        border-radius: 80px;
        display: flex !important;
    }

    .vitaminli-soguk-cay #info-content #info-content-item {
        width: 100%;
        padding: 20px 20px 15px;
    }

    .vitaminli-soguk-cay #info-content #info-content-item span {
        font-size: 1.3rem;
    }

    .vitaminli-soguk-cay #info-content #info-content-item span:nth-child(2) {
        font-size: 1rem;
        text-align: center;
    }
}

/* SOGUK ÇAY */

/* COOL LIME 250 ML */
.cool-lime-250ml #productDetail-wrapper {
    background: var(--cool-lime-bg);
}

.cool-lime-250ml #productDetail-attributes #productDetail-attributesBg {
    background: var(--cool-lime-thirteen);
    top: -10px;
}

.cool-lime-250ml #product-images img.product-image {
    height: 65%;
    object-position: right;
}

.pcool-lime-1litre-petp #product-images img.product-image {
    height: 65%;
}

.cool-lime-250ml #productDetail-attributes {
    background: var(--cool-lime-eight);
}

.cool-lime-250ml #productDetail-left #productDetail-info h1 {
    position: relative;
}

.cool-lime-250ml #productDetail-left #productDetail-info h1 p {
    margin-bottom: auto;
    color: var(--cool-lime-seven);
    font-size: 15rem;
    text-align: left;
    line-height: 1;
}

.cool-lime-250ml #productDetail-left #productDetail-info h1 p strong {
    color: var(--cool-lime-eight);
    font-weight: normal;
}

.cool-lime-250ml #productDetail-center #productDetail-specialText h5 {
    color: var(--cool-lime-seven);
}

.cool-lime-250ml #productDetail-content {
    border: 1px solid var(--cool-lime-seven);
}

.cool-lime-250ml #productDetail-content h4 {
    color: var(--cool-lime-seven);
}

.cool-lime-250ml #productDetail-priceBg {
    border: 1px solid var(--cool-lime-eight);
}

.cool-lime-250ml #productDetail-priceBg price {
    color: var(--cool-lime-eight);
}

.cool-lime-250ml #productDetail-priceBg .priceBirim {
    color: var(--cool-lime-eight);
}

.cool-lime-250ml #productDetail-qty {
    background: var(--cool-lime-seven);
}

.cool-lime-250ml #productDetail-qty button,
.cool-lime-250ml #productDetail-qty input {
    color: var(--cool-lime-nine);
}

.cool-lime-250ml #productDetail-button #products-button button {
    color: var(--cool-lime-nine);
}

.cool-lime-250ml #productDetail-button #products-buttons button {
    color: var(--cool-lime-nine);
}

.cool-lime-250ml #productDetail-button #products-buttons #detail-saved a svg {
    fill: var(--cool-lime-nine);
}

.cool-lime-250ml #productDetail-tabContainer .tab {
    color: var(--cool-lime-seven);
}

.cool-lime-250ml #productDetail-tabContainer .tab.active {
    color: var(--cool-lime-eight);
}

.cool-lime-250ml #productDetail-coupons item {
    min-height: 60px;
    border: 1px solid var(--cool-lime-seven);
    padding: 0 25px;
    border-radius: 20px;
    border-top-right-radius: 70px;
    color: var(--cool-lime-seven);
    gap: 20px;
    width: 100%;
    text-transform: uppercase;
    justify-content: flex-start !important;
    line-height: 1;
    border-bottom-right-radius: 30px;
}

.cool-lime-250ml #productDetail-coupons item:nth-child(2) {
    border: 1px solid var(--cool-lime-eight);
    color: var(--cool-lime-eight);
}

.cool-lime-250ml #productDetail-coupons {
    gap: 25px;
}

.cool-lime-250ml #productDetail-coupons item:nth-child(3) {
    border: 1px solid var(--cool-lime-eleven);
    color: var(--cool-lime-eleven);
}

.cool-lime-250ml #productDetail-coupons item:nth-child(3) img {
    opacity: 0.6;
}

.cool-lime-250ml #productDetail-coupons item:nth-child(2) img {
    opacity: 0.7;
}

.cool-lime-250ml #productDetail-qty button,
.cool-lime-250ml #productDetail-qty input {
    color: var(--cool-lime-nine);
}


.pcool-lime-orange-mango-250ml-camp #product-images {
    top: 8%;
}

.pcool-lime-orange-mango-250ml-camp #product-images img.product-image {
    height: 90%;
    object-position: right;
}

.phibiscus-cool-lime-nbsp250ml-camp #product-images {
    top: 8%;
}

.phibiscus-cool-lime-nbsp250ml-camp #product-images img.product-image {
    height: 90%;
    object-position: right;
}

@media (max-width:1190px) {
    #product-card-attribute {
        left: 2vw;
        top: 2vw;
        width: 30px;
    }

    .cool-lime-250ml #productDetail-left #productDetail-info h1 p {
        color: var(--cool-lime-seven);
        font-size: 7rem;
        text-align: center;
    }

    .cool-lime-250ml #productDetail-left #productDetail-info h1 p strong {
        color: var(--cool-lime-eight);
        font-weight: normal;
    }

    .cool-lime-250ml #productDetail-info h2 {
        font-size: 1.5rem;
    }

    .cool-lime-250ml #product-images img.product-image {
        height: 100%;
        object-position: center;
    }

    .cool-lime-250ml #product-images {
        width: 45%;
    }

    .cool-lime-250ml #productDetail-coupons {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        padding-right: 5%;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .cool-lime-250ml #productDetail-coupons::-webkit-scrollbar {
        display: none;
    }

    .cool-lime-250ml #productDetail-coupons item {
        min-width: 280px;
        padding: 0 15px;
    }
}

/* COOL LIME 250 ML */
/* COOL LIME 250 ML TENEKE */
.pcool-lime-250ml-tenekep #product-images img.product-image {
    height: 70%;
}

.pcool-lime-250ml-tenekep #product-images {
    top: 5%;
}

@media (max-width:1190px) {
    .pcool-lime-250ml-tenekep #product-images img.product-image {
        height: 100%;
    }

    .pcool-lime-250ml-tenekep #product-images {
        top: 0;
        width: 55%;
    }
}

/* COOL LIME 250 ML TENEKE */


/* ORANGE MANGO 250 ML TENEKE */
.porange-mango-250ml-tenekep #product-images img.product-image {
    height: 75%;
}

.porange-mango-250ml-tenekep #product-images {
    top: 5%;
}

/* ORANGE MANGO 250 ML */
.orange-mango-250ml #productDetail-wrapper {
    background: var(--orange-mango-bg);
}

.orange-mango-250ml #productDetail-attributes #productDetail-attributesBg {
    background: var(--orange-mango-text);
    top: -10px;
}

.orange-mango-250ml #product-images img.product-image {
    height: 75%;
    object-position: right;
}

.porange-mango-250ml-tenekep.orange-mango-250ml #product-images img.product-image {
    height: 73%;
}

.porange-mango-1litre-petp #product-images img.product-image {
    height: 63%;
}

.orange-mango-250ml #productDetail-attributes {
    background: var(--orange-mango-nine);
}

.orange-mango-250ml #productDetail-left #productDetail-info h1 {
    position: relative;
}

.orange-mango-250ml #productDetail-left #productDetail-info h1 p {
    margin-bottom: auto;
    color: var(--orange-mango-ten);
    font-size: 14rem;
    text-align: left;
    line-height: 1;
}

.orange-mango-250ml #productDetail-left #productDetail-info h1 p strong {
    color: var(--orange-mango-nine);
    font-weight: normal;
}

.orange-mango-250ml #productDetail-center #productDetail-specialText h5 {
    color: var(--orange-mango-ten);
}

.orange-mango-250ml #productDetail-content {
    border: 1px solid var(--orange-mango-ten);
}

.orange-mango-250ml #productDetail-content h4 {
    color: var(--orange-mango-ten);
}

.orange-mango-250ml #productDetail-priceBg {
    border: 1px solid var(--orange-mango-ten);
}

.orange-mango-250ml #productDetail-priceBg price {
    color: var(--orange-mango-ten);
}

.orange-mango-250ml #productDetail-priceBirim {
    color: var(--orange-mango-five);
}

.orange-mango-250ml #productDetail-qty {
    background: var(--orange-mango-qty);
}

.orange-mango-250ml #productDetail-qty button,
.orange-mango-250ml #productDetail-qty input {
    color: var(--orange-mango-eight);
}

.orange-mango-250ml #productDetail-button #products-button button {
    color: var(--orange-mango-eight);
}

.orange-mango-250ml #productDetail-button #products-buttons button {
    color: var(--orange-mango-eight);
}

.orange-mango-250ml #productDetail-button #products-buttons #detail-saved a svg {
    fill: var(--orange-mango-eight);
}

.orange-mango-250ml #productDetail-button #products-buttons #detail-saved a.active svg.default-icon {
    display: none;
}

.orange-mango-250ml #productDetail-button #products-buttons #detail-saved a.active svg.hover-icon {
    display: flex !important;
}

.orange-mango-250ml #productDetail-tabContainer .tab {
    color: var(--orange-mango-nine);
}

.orange-mango-250ml #productDetail-tabContainer .tab.active {
    color: var(--orange-mango-ten);
}

.orange-mango-250ml #productDetail-coupons item {
    min-height: 60px;
    border: 1px solid var(--orange-mango-six);
    padding: 0 25px;
    border-radius: 20px;
    border-top-right-radius: 70px;
    color: var(--orange-mango-six);
    gap: 20px;
    width: 100%;
    text-transform: uppercase;
    justify-content: flex-start !important;
    line-height: 1;
    border-bottom-right-radius: 30px;
}

.orange-mango-250ml #productDetail-coupons item:nth-child(2) {
    border: 1px solid var(--orange-mango-five);
    color: var(--orange-mango-five);
}

.orange-mango-250ml #productDetail-coupons {
    gap: 25px;
}

.orange-mango-250ml #productDetail-coupons item:nth-child(3) {
    border: 1px solid var(--orange-mango-five);
    color: var(--orange-mango-five);
}

.orange-mango-250ml #productDetail-coupons item:nth-child(3) img {
    opacity: 0.6;
}

.orange-mango-250ml #productDetail-coupons item:nth-child(2) img {
    opacity: 0.7;
}

.orange-mango-250ml #productDetail-coupons item img {
    filter: brightness(0) invert(1);
}

.kiscayi-1litre #productDetail-coupons item img {
    filter: brightness(0) invert(1);
}

.beyaz-seftali-1litre #productDetail-coupons item img {
    filter: brightness(0) invert(1);
}

.vitaminli-soguk-cay #productDetail-coupons item img {
    filter: brightness(0) invert(1);
}

.cool-lime-250ml #productDetail-coupons item img {
    filter: brightness(0) invert(1);
}

.hibiscus-250ml #productDetail-coupons item img {
    filter: brightness(0) invert(1);
}

.strawberry-250ml #productDetail-coupons item img {
    filter: brightness(0) invert(1);
}

#productDetail-tabContainer .tab sup {
    height: 25px;
    display: inline-flex;
    top: -2px;
    align-items: center;
    justify-content: center;
}

#attributesReviews .product-reviews {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    height: 100%;
    gap: 15px;
}

#attributesReviews .product-reviews .pagination-wrapper {
    position: absolute;
    bottom: 3%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

#attributesReviews .product-reviews .review-item {
    margin: 0 !important;
    border: 1px solid var(--bg-white);
    padding: 15px;
    min-height: 160px;
    max-height: 160px;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    border-radius: 20px;
}

.orange-mango-250ml #attributesReviews .product-reviews .review-item {
    border: 1px solid var(--orange-mango-five);
}

#attributesReviews .product-reviews .review-item div:first-child strong {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--bg-white);
}

#attributesReviews .product-reviews .review-item div:nth-child(2) {
    display: flex;
    position: absolute;
    top: 15px;
    right: 15px;
}

#attributesReviews .product-reviews .review-item div:nth-child(2) i {
    width: 20px;
    height: 20px;
    display: flex;
}

#attributesReviews .product-reviews .review-item div:last-child {
    color: var(--bg-white);
    font-size: 0.9rem;
    margin-top: 10px;
    line-height: 1.2;
}

#attributesReviews .product-reviews .pagination-wrapper ul.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#attributesReviews .product-reviews .pagination-wrapper ul.pagination li span,
#attributesReviews .product-reviews .pagination-wrapper ul.pagination li a {
    color: var(--bg-white);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

#attributesReviews .product-reviews .pagination-wrapper ul.pagination li.active span {
    border: 1px solid var(--bg-white);
    border-radius: 100%;
    font-weight: 600;
}


#attributesPhotoReviews .product-reviews {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    height: 100%;
    gap: 15px;
}

#attributesPhotoReviews .product-reviews .pagination-wrapper {
    position: absolute;
    bottom: 3%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

#attributesPhotoReviews .product-reviews .review-item {
    border: 1px solid var(--bg-white);
    padding: 15px;
    min-height: auto;
    max-height: 160px;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    border-radius: 20px;
    display: flex;
    gap: 0;
}

.orange-mango-250ml #attributesPhotoReviews .product-reviews .review-item {
    border: 1px solid var(--orange-mango-five);
}

#attributesPhotoReviews .product-reviews .review-item div:first-child strong {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--bg-white);
}

#attributesPhotoReviews .product-reviews .review-item div:nth-child(2) {
    display: flex;
    position: absolute;
    top: 15px;
    right: 15px;
}

#attributesPhotoReviews .product-reviews .review-item div:nth-child(2) i {
    width: 20px;
    height: 20px;
    display: flex;
}

#attributesPhotoReviews .product-reviews .review-item div:last-child {
    color: var(--bg-white);
    font-size: 0.9rem;
    margin-top: 10px;
    line-height: 1.2;
}

#attributesPhotoReviews .product-reviews .pagination-wrapper ul.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#attributesPhotoReviews .product-reviews .pagination-wrapper ul.pagination li span,
#attributesPhotoReviews .product-reviews .pagination-wrapper ul.pagination li a {
    color: var(--bg-white);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

#attributesPhotoReviews .product-reviews .pagination-wrapper ul.pagination li.active span {
    border: 1px solid var(--bg-white);
    border-radius: 100%;
    font-weight: 600;
}

#attributesPhotoReviews .product-reviews .review-item .review-images a:first-child {
    display: none;
}

#attributesPhotoReviews .product-reviews .review-item #productReviews-content {
    position: relative;
    top: auto;
    right: auto;
    margin: 0;
}

#attributesPhotoReviews .product-reviews .review-item .review-images+#productReviews-content {
    width: 75%;
}

#attributesPhotoReviews .product-reviews .review-item .review-images+#productReviews-content div:nth-child(2) {
    top: auto;
    right: 0;
}



#productDetail-reviews .review-item>div {
    gap: 2px;
}

#productDetail-reviews .review-item img {
    width: 30px;
    height: 30px;
}

#productDetail-reviews .review-item sup {
    top: 2px;
    vertical-align: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: var(--bg-white);
    line-height: 1;
}

.standart-layout #productDetail-breadcrumb nav ol.breadcrumb a {
    color: var(--bg-one);
}

.standart-layout #productDetail-breadcrumb nav ol.breadcrumb span {
    color: var(--bg-one);
}

.standart-layout #productDetail-reviews .review-item sup {
    color: var(--bg-one);
}


@media (max-width:1190px) {
    .standart-layout #productDetail-left #productDetail-info h1 p {
        text-align: center;
        font-size: 5rem;
    }

    .pcool-lime-orange-mango-250ml-camp #productDetail-left #productDetail-info h1 p {
        text-align: center;
    }

    .phibiscus-cool-lime-nbsp250ml-camp #productDetail-left #productDetail-info h1 p {
        text-align: center;
    }

    .vitaminli-soguk-cay #productDetail-left #productDetail-info h1 p {
        text-align: center;
    }

    .pcool-lime-orange-mango-250ml-camp #product-images {
        top: 0;
    }

    .phibiscus-cool-lime-nbsp250ml-camp #product-images {
        top: 0;
    }

    #productDetail-tabContent #attributesReviews.tab-content,
    #productDetail-tabContent #attributesPhotoReviews.tab-content {
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    #attributesReviews .product-reviews,
    #attributesPhotoReviews .product-reviews {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        max-height: 500px;
        overflow: hidden;
        overflow-y: auto;
        padding-right: 10px;
    }

    #attributesReviews .product-reviews .review-item {
        min-height: auto;
        max-height: fit-content;
    }

    #attributesReviews .product-reviews .pagination-wrapper {
        width: 95%;
        overflow: hidden;
        bottom: 1%;
    }

    #attributesReviews .product-reviews .pagination-wrapper ul.pagination {
        gap: 5px;
    }

    #attributesReviews .product-reviews .pagination-wrapper ul.pagination li span,
    #attributesReviews .product-reviews .pagination-wrapper ul.pagination li a {
        width: 15px;
        height: 15px;
        font-size: 0.8rem;
        line-height: 2;
    }

    #attributesPhotoReviews .product-reviews {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    #attributesPhotoReviews .product-reviews .review-item {
        min-height: auto;
        max-height: fit-content;
        gap: 10px;
    }

    #attributesPhotoReviews .product-reviews .pagination-wrapper {
        width: 95%;
        overflow: hidden;
        bottom: 1%;
    }

    #attributesPhotoReviews .product-reviews .pagination-wrapper ul.pagination {
        gap: 5px;
    }

    #attributesPhotoReviews .product-reviews .pagination-wrapper ul.pagination li span,
    #attributesPhotoReviews .product-reviews .pagination-wrapper ul.pagination li a {
        width: 20px;
        height: 20px;
        font-size: 1rem;
    }

    .orange-mango-250ml #productDetail-left #productDetail-info h1 p {
        color: var(--orange-mango-nine);
        font-size: 6rem;
        text-align: center;
    }

    .orange-mango-250ml #productDetail-left #productDetail-info h1 p strong {
        color: var(--orange-mango-ten);
        font-weight: normal;
    }

    .orange-mango-250ml #product-images img.product-image {
        height: 100%;
        object-position: center;
    }

    .porange-mango-250ml-tenekep.orange-mango-250ml #product-images img.product-image {
        height: 100%;
    }

    .orange-mango-250ml #product-images {
        width: 45%;
    }

    .porange-mango-250ml-tenekep #product-images {
        top: auto;
    }

    .orange-mango-250ml #productDetail-coupons {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        padding-right: 5%;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .orange-mango-250ml #productDetail-coupons::-webkit-scrollbar {
        display: none;
    }

    .orange-mango-250ml #productDetail-coupons item {
        min-width: 280px;
        padding: 0 15px;
    }
}

/* ORANGE MANGO 250 ML */

/* HIBISCUS 250 ML */
.hibiscus-250ml #productDetail-wrapper {
    background: var(--hibiscus-bg);
}

.hibiscus-250ml #productDetail-attributes #productDetail-attributesBg {
    background: var(--hibiscus-text);
    top: -10px;
}

.hibiscus-250ml #product-images img.product-image {
    height: 69%;
    object-position: right;
}

.phibiscus-tea-250ml-camp #product-images {
    top: -12%;
}

.phibiscus-tea-250ml-camp #product-images img.product-image {
    height: 63%;
}

.phibiscus-tea-250ml-camp #productDetail-center #productDetail-specialText {
    top: -5%;
}

.phibiscus-tea-1litre-petp #product-images img.product-image {
    height: 63%;
    object-position: right;
}

.hibiscus-250ml #productDetail-attributes {
    background: var(--hibiscus-nine);
}

.hibiscus-250ml #productDetail-left #productDetail-info h1 {
    position: relative;
}

.hibiscus-250ml #productDetail-left #productDetail-info h1 p {
    margin-bottom: auto;
    color: var(--hibiscus-five);
    font-size: 17rem;
    text-align: left;
    line-height: 1;
}

.hibiscus-250ml #productDetail-left #productDetail-info h1 p strong {
    color: var(--hibiscus-fourteen);
    font-weight: normal;
}

.hibiscus-250ml #productDetail-center #productDetail-specialText h5 {
    color: var(--hibiscus-five);
}

.hibiscus-250ml #productDetail-content {
    border: 1px solid var(--hibiscus-five);
}

.hibiscus-250ml #productDetail-content h4 {
    color: var(--hibiscus-five);
}

.hibiscus-250ml #productDetail-priceBg {
    border: 1px solid var(--hibiscus-five);
}

.hibiscus-250ml #productDetail-priceBg price {
    color: var(--hibiscus-five);
}

.hibiscus-250ml #productDetail-priceBg .priceBirim {
    color: var(--hibiscus-five);
}

.hibiscus-250ml #productDetail-qty {
    background: var(--hibiscus-nine);
}

.hibiscus-250ml #productDetail-qty button,
.hibiscus-250ml #productDetail-qty input {
    color: var(--hibiscus-eight);
}

.hibiscus-250ml #productDetail-button #products-button button {
    color: var(--hibiscus-eight);
}

.hibiscus-250ml #productDetail-button #products-buttons button {
    color: var(--hibiscus-eight);
}

.hibiscus-250ml #productDetail-button #products-buttons #detail-saved a svg {
    fill: var(--hibiscus-eight);
}

.hibiscus-250ml #productDetail-tabContainer .tab {
    color: var(--hibiscus-ten);
}

.hibiscus-250ml #productDetail-tabContainer .tab.active {
    color: var(--hibiscus-nine);
}

.hibiscus-250ml #productDetail-coupons item {
    min-height: 60px;
    border: 1px solid var(--hibiscus-six);
    padding: 0 25px;
    border-radius: 20px;
    border-top-right-radius: 70px;
    color: var(--hibiscus-six);
    gap: 20px;
    width: 100%;
    text-transform: uppercase;
    justify-content: flex-start !important;
    line-height: 1;
    border-bottom-right-radius: 30px;
}

.hibiscus-250ml #productDetail-coupons item:nth-child(2) {
    border: 1px solid var(--hibiscus-five);
    color: var(--hibiscus-five);
}

.hibiscus-250ml #productDetail-coupons {
    gap: 25px;
}

.hibiscus-250ml #productDetail-coupons item:nth-child(3) {
    border: 1px solid var(--hibiscus-five);
    color: var(--hibiscus-five);
}

.hibiscus-250ml #productDetail-coupons item:nth-child(3) img {
    opacity: 0.6;
}

.hibiscus-250ml #productDetail-coupons item:nth-child(2) img {
    opacity: 0.7;
}

.hibiscus-250ml #productDetail-center #productDetail-specialText {
    right: 0;
}

@media (max-width:1190px) {
    .hibiscus-250ml #productDetail-left #productDetail-info h1 p {
        color: var(--hibiscus-nine);
        font-size: 6rem;
        text-align: center;
    }

    .hibiscus-250ml #productDetail-left #productDetail-info h1 p strong {
        color: var(--hibiscus-ten);
        font-weight: normal;
    }

    .hibiscus-250ml #productDetail-info h2 {
        font-size: 1.8rem;
    }

    .hibiscus-250ml #product-images img.product-image {
        height: 100%;
        object-position: center;
    }

    .hibiscus-250ml #product-images {
        width: 45%;
        top: 0;
    }

    .hibiscus-250ml #productDetail-coupons {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        padding-right: 5%;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .hibiscus-250ml #productDetail-coupons::-webkit-scrollbar {
        display: none;
    }

    .hibiscus-250ml #productDetail-coupons item {
        min-width: 280px;
        padding: 0 15px;
    }

    .hibiscus-250ml #productDetail-specialText h5 {
        color: var(--hibiscus-five);
    }

    .mobile-hibiscus-250ml #productDetail-related h3 {
        color: var(--bg-white);
    }
}

/* HIBISCUS 250 ML */
/* HIBISCUS 250 ML TENEKE */
.phibiscus-tea-250ml-tenekep #product-images img.product-image {
    height: 75%;
}

.phibiscus-tea-250ml-tenekep #product-images {
    top: 5%;
}

@media (max-width:1190px) {
    .phibiscus-tea-250ml-tenekep #product-images img.product-image {
        height: 100%;
    }

    .phibiscus-tea-250ml-tenekep #product-images {
        top: 0;
        width: 55%;
    }
}

/* HIBISCUS 250 ML TENEKE */

/* STRAWBERRY 250 ML */
.strawberry-250ml #productDetail-wrapper {
    background: var(--strawberry-bg);
}

.strawberry-250ml #productDetail-attributes #productDetail-attributesBg {
    background: var(--strawberry-ten);
    top: -10px;
}

.strawberry-250ml #product-images {
    top: -12%;
}

.strawberry-250ml #product-images img.product-image {
    height: 72%;
    object-position: right;
}

.strawberry-250ml #productDetail-attributes {
    background: var(--strawberry-thirteen);
}

.strawberry-250ml #productDetail-left #productDetail-info h1 {
    position: relative;
    margin-bottom: 20px;
}

.strawberry-250ml #productDetail-center #productDetail-specialText {
    top: 5%;
}

.strawberry-250ml #productDetail-left #productDetail-info h1 p {
    margin-bottom: auto;
    color: var(--strawberry-eleven);
    font-size: 15rem;
    text-align: center;
    line-height: 0.6;
}

.strawberry-250ml #productDetail-left #productDetail-info h1 p strong {
    color: var(--strawberry-twelve);
    font-weight: normal;
}

.strawberry-250ml #productDetail-center #productDetail-specialText h5 {
    color: var(--strawberry-eleven);
}

.strawberry-250ml #productDetail-info h2 {
    color: var(--strawberry-eleven);
}

.strawberry-250ml #productDetail-content {
    border: 1px solid var(--strawberry-eleven);
}

.strawberry-250ml #productDetail-content h4 {
    color: var(--strawberry-eleven);
}

.strawberry-250ml #productDetail-priceBg {
    border: 1px solid var(--strawberry-eleven);
}

.strawberry-250ml #productDetail-priceBg price {
    color: var(--strawberry-eleven);
}

.strawberry-250ml #productDetail-priceBg .priceBirim {
    color: var(--strawberry-eleven);
}

.strawberry-250ml #productDetail-qty {
    background: var(--strawberry-eleven);
}

.strawberry-250ml #productDetail-qty button,
.strawberry-250ml #productDetail-qty input {
    color: var(--strawberry-eight);
}

.strawberry-250ml #productDetail-button #products-button button {
    color: var(--strawberry-eight);
}

.strawberry-250ml #productDetail-button #products-buttons button {
    color: var(--strawberry-eight);
}

.strawberry-250ml #productDetail-button #products-buttons #detail-saved a svg {
    fill: var(--strawberry-eight);
}

.strawberry-250ml #productDetail-tabContainer .tab {
    color: var(--strawberry-seven);
}

.strawberry-250ml #productDetail-tabContainer .tab.active {
    color: var(--strawberry-eleven);
}

.strawberry-250ml #productDetail-coupons item {
    min-height: 60px;
    border: 1px solid var(--strawberry-eleven);
    padding: 0 25px;
    border-radius: 20px;
    border-top-right-radius: 70px;
    color: var(--strawberry-eleven);
    gap: 20px;
    width: 100%;
    text-transform: uppercase;
    justify-content: flex-start !important;
    line-height: 1;
    border-bottom-right-radius: 30px;
}

.strawberry-250ml #productDetail-coupons item:nth-child(2) {
    border: 1px solid var(--strawberry-four);
    color: var(--strawberry-four);
}

.strawberry-250ml #productDetail-coupons {
    gap: 25px;
}

.strawberry-250ml #productDetail-coupons item:nth-child(3) {
    border: 1px solid var(--strawberry-four);
    color: var(--strawberry-four);
}

.strawberry-250ml #productDetail-coupons item:nth-child(3) img {
    opacity: 0.6;
}

.strawberry-250ml #productDetail-coupons item:nth-child(2) img {
    opacity: 0.7;
}

.hibistrawberryscus-250ml #productDetail-center #productDetail-specialText {
    right: 0;
}

@media (max-width:1190px) {
    .strawberry-250ml #productDetail-left #productDetail-info h1 p {
        color: var(--strawberry-eleven);
        font-size: 6rem;
    }

    .strawberry-250ml #productDetail-left #productDetail-info h1 p strong {
        color: var(--strawberry-twelve);
        font-weight: normal;
    }

    .strawberry-250ml #productDetail-info h2 {
        font-size: 1.8rem;
    }

    .strawberry-250ml #product-images img.product-image {
        height: 100%;
        object-position: center;
    }

    .strawberry-250ml #product-images {
        width: 45%;
        top: auto;
    }

    .strawberry-250ml #productDetail-coupons {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        padding-right: 5%;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .strawberry-250ml #productDetail-coupons::-webkit-scrollbar {
        display: none;
    }

    .strawberry-250ml #productDetail-coupons item {
        min-width: 280px;
        padding: 0 15px;
    }

    .strawberry-250ml #productDetail-specialText h5 {
        color: var(--strawberry-eleven);
    }
}

/* STRAWBERRY 250 ML */

/* KIŞ ÇAYI 1 LİTRE */
.kiscayi-1litre #productDetail-wrapper {
    background: var(--kiscayi-bg);
}

.kiscayi-1litre #productDetail-attributes #productDetail-attributesBg {
    background: var(--kiscayi-eleven);
    top: -10px;
}

.kiscayi-1litre #product-images img.product-image {
    height: 65%;
    object-position: right;
}

.reyhan-urun #product-images {
    top: -18%;
}

.reyhan-urun #product-images img.product-image {
    height: 55%;
    object-position: right;
}

.kiscayi-1litre #productDetail-attributes {
    background: var(--kiscayi-text);
}

.kiscayi-1litre #productDetail-left #productDetail-info h1 {
    position: relative;
    margin-bottom: 20px;
}

.kiscayi-1litre #productDetail-left #productDetail-info h1 p {
    margin-bottom: auto;
    color: var(--kiscayi-text);
    font-size: 17rem;
    text-align: left;
    line-height: 1;
}

.kiscayi-1litre #productDetail-left #productDetail-info h1 p strong {
    color: var(--kiscayi-text);
    font-weight: normal;
}

.kiscayi-1litre #productDetail-center #productDetail-specialText h5 {
    color: var(--kiscayi-text);
}

.kiscayi-1litre #productDetail-info h2 {
    color: var(--kiscayi-text);
}

.kiscayi-1litre #productDetail-content {
    border: 1px solid var(--kiscayi-text);
}

.kiscayi-1litre #productDetail-content h4 {
    color: var(--kiscayi-text);
}

.kiscayi-1litre #productDetail-priceBg {
    border: 1px solid var(--kiscayi-text);
}

.kiscayi-1litre #productDetail-priceBg price {
    color: var(--kiscayi-text);
}

.kiscayi-1litre #productDetail-priceBg .priceBirim {
    color: var(--kiscayi-text);
}

.kiscayi-1litre #productDetail-qty {
    background: var(--kiscayi-text);
}

.kiscayi-1litre #productDetail-qty button,
.kiscayi-1litre #productDetail-qty input {
    color: var(--kiscayi-seven);
}

.kiscayi-1litre #productDetail-button #products-button button {
    color: var(--kiscayi-seven);
}

.kiscayi-1litre #productDetail-button #products-buttons button {
    color: var(--kiscayi-seven);
}

.kiscayi-1litre #productDetail-button #products-buttons #detail-saved a svg {
    fill: var(--kiscayi-seven);
}

.kiscayi-1litre #productDetail-tabContainer .tab {
    color: var(--kiscayi-nine);
}

.kiscayi-1litre #productDetail-tabContainer .tab.active {
    color: var(--kiscayi-text);
}

.kiscayi-1litre #productDetail-coupons item {
    min-height: 60px;
    border: 1px solid var(--kiscayi-text);
    padding: 0 25px;
    border-radius: 20px;
    border-top-right-radius: 70px;
    color: var(--kiscayi-text);
    gap: 20px;
    width: 100%;
    text-transform: uppercase;
    justify-content: flex-start !important;
    line-height: 1;
    border-bottom-right-radius: 30px;
}

.kiscayi-1litre #productDetail-coupons item:nth-child(2) {
    border: 1px solid var(--kiscayi-coupon);
    color: var(--kiscayi-coupon);
}

.kiscayi-1litre #productDetail-coupons {
    gap: 25px;
}

.kiscayi-1litre #productDetail-coupons item:nth-child(3) {
    border: 1px solid var(--kiscayi-coupon);
    color: var(--kiscayi-coupon);
}

.kiscayi-1litre #productDetail-coupons item:nth-child(3) img {
    opacity: 0.6;
}

.kiscayi-1litre #productDetail-coupons item:nth-child(2) img {
    opacity: 0.7;
}

.kiscayi-1litre #productDetail-center #productDetail-specialText {
    right: 0;
    bottom: -5%;
}

.kiscayi-1litre #home-infos {
    background: var(--kiscayi-eight);
    margin-top: 0;
}

.kiscayi-1litre #info-content {
    background: var(--kiscayi-infos);
}

.kiscayi-1litre #info-title {
    padding-left: 0%;
}

.kiscayi-1litre #info-content-item {
    padding-top: 0;
    gap: 20px;
    color: var(--kiscayi-text);
}

.kiscayi-1litre #info-content-item span:first-child {
    font-size: 2.5rem;
    line-height: 1;
}

.kiscayi-1litre #info-content-item span:last-child {
    font-size: 2rem;
    font-weight: 300;
}

@media (max-width:1190px) {
    .kiscayi-1litre #productDetail-left #productDetail-info h1 p {
        color: var(--kiscayi-text);
        font-size: 6rem;
        text-align: center;
    }

    .kiscayi-1litre #productDetail-left #productDetail-info h1 p strong {
        color: var(--kiscayi-text);
        font-weight: normal;
    }

    .kiscayi-1litre #productDetail-info h2 {
        font-size: 1.8rem;
    }

    .kiscayi-1litre #product-images img.product-image {
        height: 100%;
        object-position: center;
    }

    .kiscayi-1litre #product-images {
        width: 45%;
    }

    .kiscayi-1litre #productDetail-coupons {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        padding-right: 5%;
        -ms-overflow-style: none;
        scrollbar-width: none;
        min-height: 60px;
    }

    .kiscayi-1litre #productDetail-coupons::-webkit-scrollbar {
        display: none;
    }

    .kiscayi-1litre #productDetail-coupons item {
        min-width: 280px;
        padding: 0 15px;
    }

    .kiscayi-1litre #productDetail-specialText h5 {
        color: var(--kiscayi-text);
    }

    .kiscayi-1litre #home-infos {
        width: 100%;
        margin-top: 50px;
        border-radius: 60px;
        flex-direction: column;
        height: auto;
        padding: 20px 0 0;
    }

    .kiscayi-1litre #productDetail-attributes {
        margin-top: 0;
    }

    .kiscayi-1litre #home-infos #info-title {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        left: auto;
    }

    .kiscayi-1litre #home-infos #info-title img {
        height: 75px;
    }

    .kiscayi-1litre #info-content {
        border-radius: 60px;
        display: flex !important;
        max-width: 100%;
        flex-basis: 100%;
        width: 100%;
        margin-top: 15px;
    }

    .kiscayi-1litre #info-content #info-content-item {
        width: 100%;
        padding: 20px 0 15px;
    }

    .kiscayi-1litre #info-content #info-content-item span {
        font-size: 1.4rem;
    }

    .kiscayi-1litre #info-content #info-content-item span:nth-child(2) {
        font-size: 1rem;
        text-align: center;
    }
}

/* KIŞ ÇAYI 1 LİTRE */

/* BEYAZ ŞEFTALİ 1 LİTRE */
.beyaz-seftali-1litre #productDetail-wrapper {
    background: var(--beyaz-seftali-bg);
}

.beyaz-seftali-1litre #productDetail-attributes #productDetail-attributesBg {
    background: var(--beyaz-seftali-eleven);
    top: -10px;
}

.beyaz-seftali-1litre #product-images img.product-image {
    height: 65%;
    object-position: right;
}

.beyaz-seftali-1litre #productDetail-attributes {
    background: var(--beyaz-seftali-text);
}

.beyaz-seftali-1litre #productDetail-left #productDetail-info h1 {
    position: relative;
    margin-bottom: 20px;
}

.beyaz-seftali-1litre #productDetail-left #productDetail-info h1 p {
    margin-bottom: auto;
    color: var(--beyaz-seftali-text);
    font-size: 14rem;
    text-align: left;
    line-height: 1;
}

.beyaz-seftali-1litre #productDetail-left #productDetail-info h1 p strong {
    color: var(--beyaz-seftali-nine);
    font-weight: normal;
}

.beyaz-seftali-1litre #productDetail-center #productDetail-specialText h5 {
    color: var(--beyaz-seftali-text);
}

.beyaz-seftali-1litre #productDetail-info h2 {
    color: var(--beyaz-seftali-text);
}

.beyaz-seftali-1litre #productDetail-content {
    border: 1px solid var(--beyaz-seftali-text);
}

.beyaz-seftali-1litre #productDetail-content h4 {
    color: var(--beyaz-seftali-text);
}

.beyaz-seftali-1litre #productDetail-priceBg {
    border: 1px solid var(--beyaz-seftali-text);
}

.beyaz-seftali-1litre #productDetail-priceBg price {
    color: var(--beyaz-seftali-text);
}

.beyaz-seftali-1litre #productDetail-priceBg .priceBirim {
    color: var(--beyaz-seftali-text);
}

.beyaz-seftali-1litre #productDetail-qty {
    background: var(--beyaz-seftali-text);
}

.beyaz-seftali-1litre #productDetail-qty button,
.beyaz-seftali-1litre #productDetail-qty input {
    color: var(--beyaz-seftali-twelve);
}

.beyaz-seftali-1litre #productDetail-button #products-button button {
    color: var(--beyaz-seftali-twelve);
}

.beyaz-seftali-1litre #productDetail-button #products-buttons button {
    color: var(--beyaz-seftali-twelve);
}

.kiscayi-1litre #productDetail-button #products-buttons #detail-saved a svg {
    fill: var(--beyaz-seftali-twelve);
}

.beyaz-seftali-1litre #productDetail-tabContainer .tab {
    color: var(--beyaz-seftali-nine);
}

.beyaz-seftali-1litre #productDetail-tabContainer .tab.active {
    color: var(--beyaz-seftali-text);
}

.beyaz-seftali-1litre #productDetail-coupons item {
    min-height: 60px;
    border: 1px solid var(--beyaz-seftali-text);
    padding: 0 25px;
    border-radius: 20px;
    border-top-right-radius: 70px;
    color: var(--beyaz-seftali-text);
    gap: 20px;
    width: 100%;
    text-transform: uppercase;
    justify-content: flex-start !important;
    line-height: 1;
    border-bottom-right-radius: 30px;
}

.beyaz-seftali-1litre #productDetail-coupons item:nth-child(2) {
    border: 1px solid var(--beyaz-seftali-coupon);
    color: var(--beyaz-seftali-coupon);
}

.beyaz-seftali-1litre #productDetail-coupons {
    gap: 25px;
}

.beyaz-seftali-1litre #productDetail-coupons item:nth-child(3) {
    border: 1px solid var(--beyaz-seftali-coupon);
    color: var(--beyaz-seftali-coupon);
}

.beyaz-seftali-1litre #productDetail-coupons item:nth-child(3) img {
    opacity: 0.6;
}

.beyaz-seftali-1litre #productDetail-coupons item:nth-child(2) img {
    opacity: 0.7;
}

.beyaz-seftali-1litre #productDetail-center #productDetail-specialText {
    right: 0;
    bottom: -5%;
}

.beyaz-seftali-1litre #home-infos {
    background: var(--beyaz-seftali-eight);
}

.beyaz-seftali-1litre #info-content {
    background: var(--beyaz-seftali-infos);
}

.beyaz-seftali-1litre #info-title {
    padding-left: 0%;
}

.beyaz-seftali-1litre #info-content-item {
    padding-top: 0;
    gap: 20px;
    color: var(--beyaz-seftali-text);
}

.beyaz-seftali-1litre #info-content-item span:first-child {
    font-size: 2.5rem;
    line-height: 1;
}

.beyaz-seftali-1litre #info-content-item span:last-child {
    font-size: 2rem;
    font-weight: 300;
}

@media (max-width:1190px) {
    .beyaz-seftali-1litre #productDetail-left #productDetail-info h1 p {
        color: var(--beyaz-seftali-text);
        font-size: 6rem;
        text-align: center;
    }

    .beyaz-seftali-1litre #productDetail-left #productDetail-info h1 p strong {
        color: var(--beyaz-seftali-nine);
        font-weight: normal;
    }

    .beyaz-seftali-1litre #productDetail-info h2 {
        font-size: 1.8rem;
        right: auto;
    }

    .beyaz-seftali-1litre #product-images img.product-image {
        height: 100%;
        object-position: center;
    }

    .beyaz-seftali-1litre #product-images {
        width: 45%;
    }

    .beyaz-seftali-1litre #productDetail-coupons {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        padding-right: 5%;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .beyaz-seftali-1litre #productDetail-coupons::-webkit-scrollbar {
        display: none;
    }

    .beyaz-seftali-1litre #productDetail-coupons item {
        min-width: 280px;
        padding: 0 15px;
    }

    .beyaz-seftali-1litre #productDetail-specialText h5 {
        color: var(--beyaz-seftali-text);
    }

    .beyaz-seftali-1litre #home-infos {
        width: 100%;
        margin-top: 50px;
        border-radius: 80px;
    }

    .beyaz-seftali-1litre #productDetail-attributes {
        margin-top: 50px;
    }

    .beyaz-seftali-1litre #home-infos #info-title {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        left: auto;
    }

    .beyaz-seftali-1litre #home-infos #info-title img {
        height: 75px;
    }

    .beyaz-seftali-1litre #info-content {
        border-radius: 80px;
        display: flex !important;
    }

    .beyaz-seftali-1litre #info-content #info-content-item {
        width: 100%;
        padding: 20px 0 15px;
    }

    .beyaz-seftali-1litre #info-content #info-content-item span {
        font-size: 1.7rem;
    }

    .beyaz-seftali-1litre #info-content #info-content-item span:nth-child(2) {
        font-size: 1.3rem;
        text-align: center;
    }
}

/* BEYAZ ŞEFTALİ 1 LİTRE */


#productDetail-info h2 {
    margin: 0;
    position: relative;
}

#productDetail-info h2 p {
    margin: auto;
}

#productDetail-attributes {
    max-width: 100%;
    margin: 0 auto;
    background: var(--border-secondary);
    border-radius: 60px;
    min-height: 250px;
    padding: 0;
    position: relative;
    left: 10px;
    height: auto;
    max-height: fit-content;
}

@-moz-document url-prefix() {
    #productDetail-attributes {
        /* Sadece Firefox’a özel stil */
        max-height: 500px;
        /* veya ihtiyacınıza göre başka bir değer */
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
        #productDetail-attributes {
            /* Neredeyse sadece Safari */
            max-height: 500px;
        }
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-touch-callout: none) {
        #productDetail-attributes {
            /* Sadece Safari (ve Chrome) */
            max-height: 500px;
        }
    }
}

.only-macos-safari #productDetail-attributes {
    max-height: 500px;
}

#productDetail-attributes #productDetail-attributesBg {
    background: var(--bg-info);
    border-radius: 77px 123px 77px 77px;
    max-width: 100%;
    position: relative;
    top: -20px;
    left: -10px;
    height: 100%;
}

#productDetail-video img.videoGallery {
    width: 100%;
}

.pindrinks-product-detail footer {
    position: relative;
    z-index: 98;
    margin-top: -5vw;
    background: var(--bg-white);
}

section#productDetail-related {
    margin-top: 30px;
}

/* GALLERY */
#gallery-grid {
    grid-template-rows: auto auto;
    gap: 20px;
    grid-template-columns: 40% 32% 25%;
}

.grid-item-1 {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.grid-item-2 {
    grid-column: 2;
    grid-row: 1;
}

.grid-item-3 {
    grid-column: 2;
    grid-row: 2;
}

.grid-item-4 {
    grid-column: 3;
    grid-row: 1 / span 2;
}

#gallery-grid img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 35px;
}

/* DETAIL TABS */
.tab-container {
    display: flex;
    width: 100%;
    padding: 20px 50px 10px;
    gap: 60px;
}

.tab {
    cursor: pointer;
    padding: 10px 0 0;
    margin: 0;
    transition: background-color 0.3s;
    color: var(--border-secondary);
}

.tab:hover,
.tab.active {
    color: var(--text-white);
}

#productDetail-tabContent {
    padding: 0 25px;
    max-height: 83%;
    overflow: hidden;
    overflow-y: auto;
}

.tab-content {
    display: none;
    padding: 10px;
    width: 100%;
    animation: fadeIn 0.5s ease-in-out;
}

.tab-content.active {
    display: block;
}

#attributesReviews.tab-content {
    padding-bottom: 60px;
}

#attributesPhotoReviews.tab-content {
    padding-bottom: 60px;
}

#attributesContent figure.image {
    height: 100%;
}

#attributesContent img {
    width: auto;
    height: 100%;
    object-fit: contain;
}

/* RELATED */
.pindrinks-product-detail #product-card-image {
    width: 100%;
    height: 370px;
}

.pindrinks-product-detail #product-card-content {
    box-shadow: none;
    border-radius: 60px;
    background: var(--bg-white);
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 105px;
}

.pindrinks-product-detail #product-card {
    position: relative;
}

.pindrinks-product-detail #product-card-image img.product-image {
    padding-bottom: 105px;
    height: 80%;
}

.pindrinks-product-detail #product-card-attribute {
    left: 25px;
    top: 25px;
}

.pindrinks-product-detail #product-card-content #product-card-price {
    right: 0;
}

.pindrinks-product-detail #product-card-content #product-card-title h1 {
    color: var(--text-primary);
}

.pindrinks-product-detail #product-card-title:hover {
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0;
}

.standart-layout #productDetail-info {
    gap: 25px;
}

@media (max-width:1190px) {
    .reyhan-urun #productDetail-left #productDetail-info h1 p {
        text-align: center;
        line-height: 1;
    }

    .reyhan-urun #product-images img.product-image {
        height: auto;
        width: 55%;
    }

    .reyhan-urun #product-images {
        width: 100%;
        padding-bottom: 40px;
        top: auto;
    }

    .reyhan-urun #product-images>.row {
        justify-content: center;
    }

    .reyhan-urun #productDetail-attributes {
        margin-top: auto;
    }

    #productDetail-wrapper {
        border-radius: 121px 47px 0px 0px;
        margin-top: 50px;
        background: var(--product-detail);
        padding-bottom: 40%;
    }

    .standart-layout #productDetail-wrapper {
        padding-bottom: 20vw;
    }

    .ayrilmaz-uclu #productDetail-wrapper {
        padding-bottom: 20vw;
    }

    .kis-cayi #productDetail-wrapper {
        padding-bottom: 20vw;
    }

    .beyaz-seftali #productDetail-wrapper {
        padding-bottom: 20vw;
    }

    .vitaminli-soguk-cay #productDetail-wrapper {
        padding-bottom: 20vw;
    }

    .orange-mango-250ml #productDetail-wrapper {
        padding-bottom: 20vw;
    }

    .cool-lime-250ml #productDetail-wrapper {
        padding-bottom: 20vw;
    }

    .hibiscus-250ml #productDetail-wrapper {
        padding-bottom: 20vw;
    }

    .strawberry-250ml #productDetail-wrapper {
        padding-bottom: 20vw;
    }

    #productDetail-left {
        padding: 0;
        flex-basis: content;
        top: 20px;
    }

    #productDetail-left #productDetail-info h1 {
        left: auto;
        text-align: center;
        margin-bottom: auto;
    }

    #productDetail-info h2 {
        right: auto;
    }

    #productDetail-wrapper .container {
        padding: 0;
    }

    #product-images {
        justify-content: center;
        position: relative;
        top: auto;
        padding: 40px 0 0;
        flex-basis: content;
        width: 100%;
        margin: 0 auto;
    }

    #product-images img.product-image {
        width: 100%;
        height: 85%;
        object-fit: contain;
    }

    #productDetail-prices,
    #productDetail-reviews,
    #productDetail-addtocart {
        padding: 0;
    }

    #productDetail-content {
        padding: 0 20px;
        height: 55px;
        min-height: 55px;
    }

    #productDetail-priceBg {
        padding: 0 20px;
        height: 55px;
        min-height: 55px;
        gap: 0;
    }

    #productDetail-reviews {
        padding: 0 10px 0 10px;
        justify-content: center !important;
    }

    #productDetail-center {
        align-items: center;
        position: relative;
        gap: inherit;
        flex-basis: content;
        padding: 30px;
    }

    #productDetail-center img {
        width: 100%;
        object-fit: contain;
    }

    #productDetail-specialText h5 {
        width: 65%;
        line-height: 0.6;
        text-align: center;
        margin-bottom: auto;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        color: #fef6dd;
        font-size: 5rem;
    }

    #productDetail-specialText {
        padding: 30px 0 20px;
    }

    #productDetail-specialText h5 p {
        margin: auto;
    }

    #productDetail-qty button {
        font-size: 2.5rem;
    }

    #productDetail-qty input {
        font-size: 2.5rem;
        font-weight: bold;
    }

    #productDetail-qty {
        height: 65px;
    }

    #productDetail-button {
        height: 65px;
    }

    #productDetail-button #products-buttons button {
        font-size: 1.5rem;
    }

    #productDetail-attributes {
        margin: 75px auto 20px;
        border-radius: 60px;
        padding: 0;
        left: 0;
    }

    #productDetail-attributes #productDetail-attributesBg {
        border-radius: 40px 97px 40px 40px;
        max-width: 95%;
        position: relative;
        top: -20px;
        left: 7px;
    }

    .tab-container {
        padding: 30px 10px 10px 0;
        gap: 10px;
        overflow: hidden;
        overflow-x: auto;
        width: 95%;
    }

    #productDetail-tabContent {
        padding: 0;
        padding-bottom: 20px;
    }

    #productDetail-tabContent #attributesDetail {
        padding-right: 0;
    }

    #productDetail-tabContent span {
        font-size: 1rem;
    }

    #gallery-grid {
        grid-template-rows: auto auto;
        gap: 5px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #productDetail-gallery .grid-cols-1 {
        padding-top: 5px;
    }

    #gallery-grid img {
        border-radius: 20px;
    }

    .mobile-pindrinks-product-detail footer {
        padding-bottom: 70px;
        margin-top: -20vw;
    }

    #productDetail-related h3 {
        font-size: 4.5rem;
    }

    #productDetail-tabContainer .tab sup {
        height: 17px;
    }

    .mobile-pindrinks-product-detail #productDetail-tabContainer .tab {
        font-size: 0.9rem;
        display: flex;
        min-width: fit-content;
    }

    .mobile-pindrinks-product-detail #productDetail-tabContainer .tab.tab-line {
        font-size: 1.1rem !important;
        display: flex !important;
    }

    .mobile-pindrinks-product-detail #productDetail-video video {
        border-radius: 30px;
    }

    .mobile-pindrinks-product-detail #productDetail-addtocart {
        padding: 0 10px;
        position: fixed;
        bottom: 60px;
        z-index: 999;
        width: 100%;
        left: 0;
    }

    .mobile-pindrinks-product-detail #product-card-image img.product-image {
        padding-bottom: 75px;
        width: 100%;
        height: 75%;
    }

    .pindrinks-product-detail #product-card-attribute {
        left: 2vw;
        top: 2vw;
    }

    .mobile-pindrinks-product-detail #product-card-image {
        height: 180px;
        border-radius: 30px;
    }

    .mobile-pindrinks-product-detail #product-card-content {
        min-height: 80px;
        border-radius: 40px;
        width: 100%;
        /*position: relative !important;
        bottom: auto;*/
    }

    .mobile-pindrinks-product-detail #productDetail-related h3 {
        text-align: center;
    }

    .mobile-standart-layout.mobile-pindrinks-product-detail #productDetail-related h3 {
        color: var(--bg-one);
    }
}

/* PRODUCT DETAIL */

/* CART PAGE */
#cartPage table {
    border: 0;
    border-color: transparent;
    border-collapse: inherit;
}

#cartPage table tbody {
    border: 0;
    border-color: transparent;
}

#cartPage .cartPage-tableTR {
    box-shadow: 0px 5px 25px -15px rgba(0, 0, 0, 0.25);
    background: var(--bg-white);
    border-radius: 20px;
    border-color: transparent;
    border: 0;
    max-height: 110px;
}

#cartPage .cartPage-tableTR td {
    border: 0;
    border-color: transparent;
}

#cartPage .table-responsive {
    min-height: 100%;
    padding-bottom: 5%;
}

.cartPage-tableTR .ps-product__thumbnail {
    background: linear-gradient(90deg, #9FD4E4 5.38%, #FFF 102.44%);
    border-radius: 20px;
    min-width: 110px;
}

.cartPage-tableTR .ps-product__thumbnail a {
    display: flex;
    height: 110px;
    align-items: center;
    justify-content: center;
}

.cartPage-tableTR .ps-product__thumbnail img {
    width: 100%;
    height: 75%;
    object-fit: contain;
}

#cartPage .ps-section__content {
    margin-left: -15px;
}

#cartPage-wrapper .cartempty-fullwidth {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    margin-bottom: 4vw;
    margin-left: auto;
}

#cartPage .ps-section__right {
    position: relative;
    background: rgba(22, 49, 87, 0.05);
    border-radius: 20px;
    height: 100%;
    padding: 20px;
    min-height: 275px;
}

.ps-block__content h3 {
    margin: auto;
}

.ps-block__content {
    position: absolute;
    bottom: 100px;
    width: 88%;
    left: 0;
    right: 0;
    margin: auto;
}

.pindrinks-cartPage #ae-productItems {
    margin-left: 0;
    margin-right: 0;
}

#cartPage {
    padding-bottom: 5%;
    padding-top: 2%;
}

#cartPage .container {
    position: relative;
}

.cartPage-qty button {
    border: none;
    background: var(--bg-one);
    color: var(--bg-white);
    border-radius: 100%;
    width: 25px;
    height: 25px;
    font-size: 1.2rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 25px;
}

.cartPage-qty .product__qty button:hover {
    background: var(--bg-success);
}

.cartPage-qty input {
    width: 40px;
    padding: inherit;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--bg-success);
    height: 30px;
    line-height: 1;
}

.cartPage-delete a.remove-cart-button {
    border: 2px solid var(--bg-one);
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cartPage-delete a.remove-cart-button span {
    font-size: 1.2rem;
    font-weight: bold;
}

.cartPage-delete a.remove-wishlist-button {
    border: 2px solid var(--bg-one);
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cartPage-delete a.remove-wishlist-button span {
    font-size: 1.1rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
}

#cartPage .cartPage-tableTR .cartPage-delete {
    display: flex;
    align-items: center;
    justify-content: center;
}

#cartPage .cartPage-tableTR .cartPage-price {
    padding-left: 5% !important;
}

#cartReturn {
    min-height: 30px;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    gap: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

#cartPage-title h1 {
    font-size: 1.3rem;
    font-weight: 600;
}

#cartReturn svg {
    width: 25px;
    height: 25px;
    fill: var(--button-success);
}

#cartPage-right-wrapper {
    height: 100%;
    padding: 0;
}

#cartPage-right-wrapper #cartPage-buyButton {
    position: absolute;
    width: 90%;
    background: var(--bg-one);
    color: var(--color-ten);
    height: 50px;
    border-radius: 35px;
    font-size: 1rem;
    font-weight: 600;
    bottom: 20px;
    right: 0;
    left: 0;
    margin: auto;
}

#cartPage-right-wrapper #cartPage-backShop {
    position: absolute;
    width: 100%;
    font-size: 0.9rem;
    color: var(--color-seven);
    bottom: 75px;
    left: 0;
    right: 0;
}

#cartPage-right-wrapper .ps-block--shopping-total {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* CART PAGE */

/* CUSTOMERS */
/* LEFT MENUS */
#customer-page-menus .user-own-nav a {
    height: 60px;
    border-bottom: 1px solid #16315752;
}

#customer-page-menus .user-own-nav {
    width: 100%;
    padding-right: 30px;
}

#customer-page-menus .user-own-nav a:last-child {
    border-bottom: none;
}

#customer-page-menus .user-own-nav a.active del {
    width: 48px;
    height: 48px;
    background: var(--bg-one);
    border-radius: 21px;
    transform: rotate(13.237deg);
}

#customer-page-menus .user-own-nav a.active:hover del {
    transform: none;
}

#customer-page-menus .user-own-nav a.active del img {
    z-index: 99;
    filter: brightness(0) invert(1);
}

#customer-page-menus .user-own-nav a:hover {
    color: var(--color-seven);
    font-weight: bold;
}

#customer-page-menus .user-own-nav a.active {
    font-weight: bold;
    height: 70px;
}

/* LEFT MENUS*/

/* USER INFOS */
#overview-page form.ps-form--account-setting {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
}

#overview-page-container {
    gap: 40px;
}

#overview-page-container>div {
    gap: 10px;
}

#overview-page-container>div>span {
    flex-basis: auto;
}

#overview-page-container>div>span:nth-child(2) {
    background: #F5F5F5;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    position: relative;
}

#overview-page-container>div>span>span {
    cursor: pointer;
}

#overview-page-container>div>span>span svg {
    width: 20px;
    height: 20px;
}

#overview-page-container>div input[type="text"] {
    background-color: #f5f5f5;
    background-clip: inherit;
    height: 50px;
    border: 1px solid var(--bg-one);
    border-radius: 12px;
    position: relative;
    font-size: 1rem;
    color: var(--color-seven);
    padding: 0 20px;
    font-weight: 500;
    line-height: inherit;
}

#overview-page-container>div input[type="date"] {
    background-color: #f5f5f5;
    background-clip: inherit;
    height: 50px;
    border: 1px solid var(--bg-one);
    border-radius: 12px;
    position: relative;
    font-size: 1rem;
    color: var(--color-seven);
    padding: 0 20px;
    font-weight: 500;
    line-height: inherit;
}

#userInfos-buttons {
    padding-top: 50px;
    padding-left: 30px;
}

#overview-page #customer_edit_button {
    width: 60%;
}

#customer_cancel_button {
    width: 40%;
}

#overview-page #customer_cancel_button button {
    width: 100%;
    border: 1px solid var(--bg-one);
    background: transparent;
    color: var(--bg-one);
    height: 50px;
    border-radius: 33px;
    font-size: 1.2rem;
    font-weight: 400;
}

#overview-page #customer_edit_button button {
    width: 100%;
    border: none;
    background: var(--bg-one);
    color: var(--bg-white);
    height: 50px;
    border-radius: 33px;
    font-size: 1.2rem;
    font-weight: 400;
}

#overview-page #customer_cancel_button button:hover {
    border: 1px solid var(--bg-success);
    color: var(--bg-success);
}

#overview-page #customer_edit_button button:hover {
    background: var(--bg-success);
}

div#customer-page-content {
    border-radius: 20px;
    padding: 30px 40px 70px !important;
    background: var(--bg-white);
    box-shadow: 0px 4px 24.4px -10px rgba(0, 0, 0, 0.25);
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#customerPass {
    padding: 30px 0 0;
}

#customerPass a {
    border: 1px solid var(--bg-one);
    height: 40px;
    border-radius: 33px;
    font-weight: 400;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bg-one);
}

#customerPass span {
    display: flex;
    align-items: center;
}

#customerPass a:hover {
    background: var(--bg-one);
    color: var(--bg-blue);
    font-weight: 500;
}

#passwordchange form {
    padding: 15px 20px 0;
    width: 50%;
}

#passwordchange form label {
    color: var(--bg-one);
    font-weight: normal;
    font-size: 1rem;
}

#passwordchange form input {
    background: #f5f5f5;
    border: none;
    border-radius: 12px;
    min-height: 50px;
}

#passwordchange form .form-group {
    margin-bottom: 10px;
}

#passwordchange form button {
    width: 100%;
    background: var(--bg-one);
    color: var(--bg-white);
    border-radius: 33px;
    min-height: 50px;
    font-size: 1.2rem;
}

#passwordchange form .form-group:last-child {
    margin-bottom: auto;
}

#overview-page {}

/* USER INFOS */

/* ORDERS */
#pinOrders-header a {
    border: 1px solid var(--bg-one);
    border-radius: 22px;
    padding: 10px 30px;
}

#pinOrders-header a.active {
    background: var(--bg-one);
    color: var(--bg-white);
}

#pinOrders-header a:hover {
    color: var(--bg-success);
    border: 1px solid var(--bg-success);
}

#pinOrders-header a.active:hover {
    background: var(--bg-success);
    color: var(--bg-white);
}

#pinOrders-content {
    background: var(--bg-gray);
    border-radius: 20px;
    padding: 20px 0;
}

#pinOrders-listinfo {
    gap: 5px;
}

.pindrinks-orders #my-orders-details {
    display: flex;
    flex-direction: column;
    padding: 1% 8%;
}

#my-orders-details #pinOrders-header a {
    background: var(--bg-one);
    color: var(--bg-white);
    border: none;
    gap: 5px;
}

#my-orders-details #pinOrders-header a:hover {
    background: var(--bg-success);
}

#pinOrders-detailList {
    margin: 30px auto;
}

#pinOrders-detailImage {
    background: linear-gradient(90deg, #9FD4E4 5.38%, #FFF 102.44%);
    border-radius: 20px;
    max-height: 130px;
}

#pinOrders-detailImage img {
    width: 70%;
    height: 100%;
    padding: 10px;
}

#pinOrders-detailInfo {
    padding-left: 25px !important;
    gap: 10px;
}

#detailInfoReviews a.order-reviews {
    border: 1px solid var(--bg-one);
    border-radius: 22px;
    padding: 10px 30px;
}

#pinOrders-detailPrices div {
    width: 100%;
}

#detailPricesReturns a.order-reviews {
    border: 1px solid var(--bg-one);
    border-radius: 22px;
    padding: 10px 30px;
}

#detailInfoReviews a.order-reviews:hover {
    border: 1px solid var(--bg-success);
    color: var(--bg-success);
}

#detailPricesReturns a.order-reviews:hover {
    border: 1px solid var(--bg-success);
    color: var(--bg-success);
}

#detailPricesReturns {
    padding-top: 10px;
}

#pinOrders-paydetailWrapper>div {
    background: var(--bg-white);
    padding: 30px;
    border-radius: 20px;
}

#pinOrders-paydetailWrapper {
    gap: 15px;
}

/* ADDRESS */
#pinAddress-header a {
    color: var(--bg-one);
    border: 1px solid var(--bg-one);
    border-radius: 22px;
    padding: 10px 20px;
}

#pinAddress-header a:hover {
    border: 1px solid var(--bg-success);
    color: var(--bg-success);
}

#pinAddress-content {
    border: 2px solid var(--bg-one);
    border-radius: 20px;
    padding: 30px 0;
}

#pinAddress-content.varsayilandegil {
    background: var(--bg-gray);
    border: none;
    border-radius: 20px;
    padding: 30px 0;
}

/* ADD ADDRESS */
#pinAddAddress-content input[type="text"] {
    background: var(--bg-light);
    border: none;
    border-radius: 12px;
    height: 60px;
    padding: 0 20px;
    font-size: 1rem;
    width: 360px;
}

#pinAddAddress-phone {
    align-items: flex-end !important;
}

#pinAddAddress-content {
    padding: 0;
    /* box-shadow: 0px 4px 24.4px -10px rgba(0, 0, 0, 0.25); */
    /* border-radius: 20px; */
}

#pinAddAddress-phone label {
    width: 360px;
}

#pinAddAddress-address input[type="textarea"] {
    background: var(--bg-light);
    border: none;
    border-radius: 12px;
    height: 60px;
    padding: 0 20px;
    font-size: 1rem;
}

#pinAddAddress-citys select {
    background: var(--bg-light);
    border: none;
    height: 60px;
    border-radius: 12px;
    padding: 0 20px;
    font-size: 1rem;
}

#pinAddAddress-citys {
    gap: 75px;
}

#pinAddAddress-buttons {
    margin-top: 30px;
    padding: 0;
}

#pinAddAddress-buttons #customer_cancel_button {
    padding: 0;
}

#pinAddAddress-buttons #customer_cancel_button button {
    border-radius: 33px;
    border: 1px solid var(--bg-one);
    background: transparent;
    width: 100%;
    height: 60px;
    font-size: 1.2rem;
    color: var(--bg-one);
}

#pinAddAddress-buttons #customer_cancel_button button:hover {
    border: 1px solid var(--bg-success);
    color: var(--bg-success);
}

#pinAddAddress-buttons #customer_edit_button {
    padding: 0;
}

#pinAddAddress-buttons #customer_edit_button button {
    background: var(--bg-one);
    color: var(--color-three);
    border: none;
    border-radius: 33px;
    height: 60px;
    width: 100%;
    font-size: 1.2rem;
    font-weight: bold;
}

#pinAddAddress-buttons #customer_edit_button button:hover {
    background: var(--bg-success);
    color: var(--bg-white);
}

#pinAddAddress-buttons #address-edit-button {
    padding: 0;
}

#pinAddAddress-buttons #address-edit-button button {
    background: var(--bg-one);
    color: var(--color-three);
    border: none;
    border-radius: 33px;
    height: 60px;
    width: 100%;
    font-size: 1.2rem;
    font-weight: bold;
}

#pinAddAddress-buttons #address-edit-button button:hover {
    background: var(--bg-success);
    color: var(--bg-white);
}

/* CUSTOMERS */

/* LOGIN PAGE & REGISTER & RESET */
.pindrinks-login #headerMain {
    display: none;
}

.pindrinks-login footer {
    display: none;
}

#pin-loginPage {
    padding: 30px;
    height: 100vh;
}

#pin-login-page-wrapper {
    height: 100%;
    width: 100%;
}

.pindrinks-login body {
    background-color: #f2f2f2;
}

.pindrinks-login #login-page-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 70px;
}

#login-page-left {
    position: relative;
    width: 68%;
}

#pin-loginPage form {
    padding: 2vw 3vw;
    background: var(--bg-white);
    border-radius: 30px;
    /* border-top-left-radius: 0; */
    /* border-bottom-left-radius: 0; */
    width: 30%;
    box-shadow: -15px 0px 15px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    overflow-y: auto;
    justify-content: center;
}

#login-logo {
    width: 10vw;
    margin-bottom: 2vw;
}

#pin-loginPage h3 {
    margin-bottom: 1vw;
}

#login-inputs input {
    background: #f2f2f2;
    min-height: 45px;
    padding: 0 25px;
    color: var(--text-seven);
    border: none;
    border-radius: 12px;
}

#login-inputs {
    margin-bottom: 20px;
}

button#loginButton {
    background: var(--bg-one);
    color: #90D7E7;
    min-height: 45px;
    border: none;
    border-radius: 33px;
    font-weight: 600;
    margin-top: 10px;
}

button#resetButton {
    background: var(--bg-one);
    color: #90D7E7;
    min-height: 45px;
    border: none;
    border-radius: 33px;
    font-weight: 600;
    margin-top: 5px;
}

#login-otherButtons {
    margin-top: 100px;
}

#login-button a {
    background: var(--bg-one);
    color: #90D7E7;
    min-height: 45px;
    border: none;
    border-radius: 33px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

#login-google a {
    min-height: 45px;
    border: 1px solid var(--bg-one);
    border-radius: 33px;
    padding: 10px 20px;
    gap: 28%;
    align-items: center;
}

#login-quick a {
    min-height: 45px;
    border: 1px solid var(--bg-one);
    border-radius: 33px;
    padding: 10px 20px;
    gap: 34%;
    align-items: center;
}

#login-register a {
    background: var(--color-three);
    min-height: 60px;
    border-radius: 33px;
}

#login-register {
    margin-top: 12px;
}

#registerPage .custom-checkbox {
    height: auto;
    margin: 1vh 0;
    font-weight: normal;
}

#registerPage .custom-checkbox .checkmark {
    background: #efefef;
    border: none;
}

#registerPage .custom-checkbox a {
    text-decoration: underline;
}

#registerPage #login-otherButtons {
    margin-top: 3vh;
}

#registerPage .custom-checkbox input:checked+.checkmark:after {
    background: transparent;
    content: '✓';
    text-align: center;
    font-weight: bold;
}

@media (max-width: 1190px) {
    #login-logo {
        width: 40vw;
        margin-bottom: 5vw;
    }

    #pin-loginPage {
        padding: 15px 15px;
    }

    #pin-loginPage form {
        width: 100%;
        border-radius: 20px;
        padding: 50px 20px;
        justify-content: flex-start;
    }

    .mobile-pindrinks-login .navigation--list.forMobile {
        display: none;
    }

    .mobile-pindrinks-register .navigation--list.forMobile {
        display: none;
    }

    #registerPage .custom-checkbox {
        font-size: 0.8rem;
    }

    #registerPage .custom-checkbox a {
        font-size: 0.8rem;
    }
}

/* LOGIN PAGE & REGISTER & RESET */

/* PIN DUNYASI */
#pindunyasi-hero img {
    width: 100%;
    height: 100%;
    border-radius: 60px;
}

#pindunyasi-hero {
    margin-bottom: 45px;
}

#pindunyasi-one h1 {
    line-height: 1.5em;
    font-size: 2rem;
}

#pindunyasi-one desc {
    line-height: 1.5em;
    margin: 20px auto 75px;
    font-size: 1rem;
}

@media (max-width:1190px) {
    #pindunyasi-one h1 {
        line-height: 1.3em;
        font-size: 1.6rem;
        margin-top: 5vw;
    }

    #pindunyasi-one desc {
        font-size: 0.9rem;
    }
}

/* ACCORDION */
#pindunyasi-one-accordion {
    padding-left: 120px;
    z-index: 98;
}

#layoutNine-accordion {
    width: 100%;
}

.accordion:last-child {
    border-bottom: 1px solid var(--bg-one);
}

.accordion {
    width: 100%;
    padding: 20px 20px 20px 0;
    cursor: pointer;
    border-top: 1px solid var(--bg-one);
}

.accordion__heading {
    font-weight: 500;
    cursor: pointer;
    position: relative;
    font-size: 1rem;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
}

/*.accordion__heading:after {
    content: "▾";
    position: relative;
    width: auto;
    height: 100%;
    font-size: 2rem;
    color: var(--border-secondary);
    font-weight: 200;
    transition: 0.4s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.accordion--open .accordion__heading:after {
    content: "▴";
    transition: 0.4s ease;
    font-size: 2rem;
}*/


.accordion__heading .pd-default-icon {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(.4, 2, .6, 1);
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0;
}

.accordion--open .accordion__heading .pd-default-icon {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.accordion__heading .pd-hover-icon {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    /* isteğe bağlı */
    transform: rotate(-90deg);
    transition: opacity 0.3s cubic-bezier(.4, 2, .6, 1), transform 0.3s cubic-bezier(.4, 2, .6, 1);
    width: 22px;
    height: 22px;
}

.accordion--open .accordion__heading .pd-hover-icon {
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    transform: rotate(0deg);
}



.accordion__details {
    display: none;
    font-size: 0.9rem;
    color: var(--text-primary);
    font-weight: 300;
    display: none;
    overflow: hidden;
}

@media (min-width:1200px) {
    .accordion__details {
        padding-left: 101px;
    }
}

.accordion--open .accordion__details {
    display: block;
}

.accordion__details p {
    margin: auto;
}

/* ACCORDION */

/* PIN ANKET */
#pindunyasi-anket {
    background: var(--bg-three);
    height: 170px;
    border-radius: 80px;
    margin: 100px auto 60px;
    padding-left: 25%;
    padding-right: 5%;
}

#pindunyasi-anket img {
    position: absolute;
    top: -25px;
    left: 70px;
}

#pindunyasi-anket h2 {
    font-size: 1.5rem;
}

#pindunyasi-anket desc {
    font-size: 1rem;
}

/* PIN ANKET */

/* PIN PATİ */
#pindunyasi-pati-content {
    position: absolute;
    right: 40px;
    top: 70px;
    min-height: 225px;
}

#pin-pati-right {
    position: relative;
    height: 100%;
    min-height: 225px;
    padding-right: 30px;
}

#pindunyasi-pati-content h3 {
    margin-bottom: 20px;
    font-size: 1rem;
}

#pin-pati-right desc {
    font-size: 1rem;
}

#pindunyasi-pati {
    z-index: auto;
    margin-bottom: 50px;
}

/* PIN PATİ */

/* PIN MARKETS */
#pindunyasi-market {
    margin-bottom: 60px;
    gap: 50px;
}

#pindunyasi-market h4 {
    font-weight: normal;
}

/* PIN MARKETS */

/* PIN SWIPER */
.pindrinks-pindunyasi .si-slide__column:first-of-type {
    transform: translateX(10%);
}

.pindrinks-pindunyasi .si-slide__product>div {
    transform: none;
}

.pindrinks-pindunyasi .slick-active .si-slide__product>div img {
    transform: translate(0%, 4%);
}

.pindrinks-pindunyasi .si-slide__column:last-of-type {
    transform: translateX(0) translateY(0);
}

.pindrinks-pindunyasi .si-slide__content {
    left: 20%;
    bottom: 10%;
    height: 80%;
    width: 55%;
    gap: 20px;
}

.pindrinks-pindunyasi #box-pin-products .product-slider .slick-dots {
    bottom: 20%;
}

/* PIN SWIPER */

@media (max-width:1190px) {

    /*.accordion__heading:after {
        width: auto;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: absolute;
        right: 0;
        transition: 0.4s ease;
        font-size: 2rem;
    }*/
    .main-content-left {
        gap: 25px !important;
    }

    .accordion {
        padding: 10px 0;
    }

    #pindunyasi-hero {
        margin-bottom: 0;
        padding: 0 10px;
    }

    #pindunyasi-one {
        flex-direction: column;
    }

    #pindunyasi-one-img {
        width: 100%;
    }

    #pindunyasi-one-accordion {
        width: 100%;
        padding: 20px 0;
    }

    #pindunyasi-anket {
        min-height: 515px;
        border-radius: 30px;
        margin-top: 60px;
        padding: 0 20px;
        height: 100%;
        flex-direction: column;
    }

    #pindunyasi-anket>div:first-child {
        width: 100%;
        align-items: center;
        justify-content: center;
        height: 100%;
        min-height: 170px;
    }

    #pindunyasi-anket img {
        left: 0;
        right: 0;
        margin: auto;
        top: -50px;
    }

    #pindunyasi-anket>div:last-child {
        align-items: center !important;
    }

    #pindunyasi-anket>div:last-child h2 {
        text-align: center;
        font-size: 1.5rem;
    }

    #pindunyasi-anket>div:last-child desc {
        font-size: 0.9rem;
        text-align: center;
    }

    .accordion--open .accordion__details {
        padding-left: 0;
        /*padding-top: 10px;*/
        width: 100%;
    }

    .accordion__details {
        padding-top: 10px;
    }

    .accordion__heading {
        gap: 10px;
        padding-right: inherit;
        font-size: 0.9rem;
    }

    .accordion__heading img {
        width: 60px;
    }

    .accordion__heading span {
        width: 70%;
    }

    .accordion.accordion--open {
        padding: 10px 0;
    }

    .accordion.accordion--open .accordion__heading {
        /*padding-right: 45px;*/
        width: 100%;
    }

    #pindunyasi-market {
        gap: 30px;
        align-items: center !important;
    }

    #pindunyasi-market h4 {
        justify-content: center;
        font-size: 2rem;
        text-align: center;
    }

    #pindunyasi-market>div:first-child {
        align-items: center;
    }

    #pindunyasi-market h5 {
        text-align: center;
        font-size: 1.5rem;
        margin-top: 20px;
    }

    #pindunyasi-market>div:last-child {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #pindunyasi-pati-content {
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0 20px;
        top: 40px;
    }

    #pindunyasi-pati-content h2 {
        font-size: 2rem;
    }

    #pindunyasi-pati {
        z-index: auto;
    }

    #pindunyasi-pati-content h3 {
        font-size: 1rem;
        font-weight: 600;
        width: 100%;
    }

    #pindunyasi-pati-content desc {
        font-size: 0.9rem;
    }

    .pindrinks-pindunyasi .si-slide__content {
        left: auto;
        width: 100%;
        bottom: auto;
        height: 50%;
    }

    .pindrinks-pindunyasi .si-slide__column:first-of-type {
        transform: none;
    }

    .pindrinks-pindunyasi .si-slide__column:last-of-type {
        transform: none;
    }

    .pindrinks-pindunyasi .slick-active .si-slide__product>div img {
        transform: none;
    }
}

/* PIN DUNYASI */

/* PIN CONTENT */
.pindrinks-content .container {
    margin-top: 60px;
    margin-bottom: 60px;
}

nav#pin-content-menus {
    background: #eee;
    border-radius: 35px;
    padding: 30px 20px;
}

nav#pin-content-menus item {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--bg-one);
    padding-top: 15px;
    font-size: 1rem;
}

nav#pin-content-menus item:first-child {
    padding-top: 0;
}

nav#pin-content-menus item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

nav#pin-content-menus item a:hover {
    color: var(--bg-black);
}

.pindrinks-content span {
    color: var(--color-seven);
    font-size: 1rem;
}

.pindrinks-content h3 span {
    font-size: 1.5rem;
}

@media (max-width:1190px) {
    .pindrinks-content #contentPage-wrapper {
        flex-direction: column;
        gap: 15px;
    }

    .pindrinks-content #contentPage-wrapper table {
        width: 100%;
        overflow: hidden;
        display: flex;
        overflow-x: auto;
    }

    .pindrinks-content #contentPage-wrapper nav#pin-content-menus {
        width: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .pindrinks-content #contentPage-wrapper main {
        width: 100%;
        padding: 0 10px;
    }

    .pindrinks-content #contentPage-wrapper nav#pin-content-menus item {
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .pindrinks-content #contentPage-wrapper nav#pin-content-menus item:last-child {
        padding-top: 5px;
        padding-bottom: 0;
    }

    .pindrinks-content .container {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/* PIN CONTENT */

/* CHECKOUT */
#checkoutPage-wrapper {
    position: relative;
    padding-bottom: 50px;
}

section#pin-checkoutPage-right {
    padding: 30px 15px;
    background: #16315712;
    border-radius: 20px;
    position: sticky;
    flex: 0 0 auto;
    top: 20px;
}

.pindrinks-checkout .checkout-content-wrap {
    margin-top: 50px;
}

#checkoutInputs input,
#checkoutInputs select {
    background: #f5f5f5;
    border-radius: 12px;
    border: none;
    min-height: 60px;
    padding: 0 10px;
    text-indent: 10px;
}

#checkoutInputskurumsal-fatura {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

#checkoutInputskurumsal #checkout-address-city .select--arrow {
    width: 100%;
}

#checkoutInputskurumsal #checkout-address-state .select--arrow {
    width: 100%;
}

input#address_phone {
    text-indent: 50px;
}

#checkout-phone .iti--show-flags {
    width: 100%;
}

#checkoutInputs {
    row-gap: 10px;
}

#checkout-address-multiple .form-group {
    position: relative;
}

#checkout-address-multiple .form-group svg {
    position: absolute;
    top: 40%;
    right: 5%;
}

#checkout-phone button.iti__selected-country {
    width: 100%;
}

/* Toggle ana kapsayıcı */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    /* Toggle genişliği */
    height: 34px;
    /* Toggle yüksekliği */
    margin-right: 8px;
}

/* Radio butonları gizle */
.switch input[type="radio"] {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
}

/* .shipping-toggle (toggle görseli) */
.shipping-toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.shipping-toggle:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%;
}

/* Seçili (checked) durumda */
.switch input[type="radio"]:checked+.shipping-toggle {
    background-color: var(--border-secondary);
}

.switch input[type="radio"]:checked+.shipping-toggle:before {
    transform: translateX(26px);
}

#checkout-shipping-select {
    padding: 0;
    margin: 30px auto 10px;
}

#checkout-shipping-select li:last-child {
    justify-content: flex-end;
    border: none;
}

ul#checkout-kurumsal-select {
    padding: 20px 0;
    margin-bottom: auto;
}

#otherFaturaAdres ul#checkout-same-address-select {
    padding: 20px 0;
    margin-bottom: auto;
}

/* İsteğe bağlı: shipping-label temel stilleri */
.shipping-label {
    cursor: pointer;
    font-weight: normal;
    color: var(--color-seven);
    font-size: 0.9rem;
}

#checkout-shipping-text {
    min-height: 60px;
    border: 1px dashed var(--border-danger);
    border-radius: 12px;
    color: var(--bg-danger);
    font-weight: bold;
}

#checkout-address-kargoyontemi {
    margin-bottom: 20px;
}

#checkout-payment-selected {
    position: absolute;
    left: 0;
    top: 45px;
}

#checkout-payment-select {
    padding: 10px 0 0;
    list-style: none;
    gap: 50px;
    position: relative;
    min-height: 100px;
    align-items: flex-start !important;
    margin-bottom: 0;
}

#checkout-payment-select li:last-child {
    border: none;
}

#checkout-payment-select li label {
    color: var(--color-seven);
}

#checkout-payment-select li label.show {
    color: var(--button-secondary);
    font-weight: bold;
}

#checkout-order-summary {
    gap: 5px;
    padding-bottom: 10px;
    border-bottom: 1px dashed var(--bg-one);
    padding-left: 5px;
    padding-top: 10px;
}

#order-summary-price-qty {
    gap: 5px;
}

#order-summary-name {
    gap: 5px;
    padding-right: 10%;
}

#removeButton {
    right: 0;
    top: 17px;
}

#removeButton a svg {
    width: 25px;
    height: 25px;
}

#removeButton a:hover {
    color: var(--bg-black);
}

#pin-checkoutPage-price {
    width: 100%;
    margin-top: 50px;
    gap: 5px;
}

#pin-checkoutPage-price item {
    width: 100%;
}

#pin-checkoutPage-price item:last-child {
    padding-top: 15px;
}

#pin-checkoutPage-right button[type=submit] {
    width: 100%;
    height: 50px;
    border-radius: 33px;
    border: none;
    background: var(--bg-one);
    color: var(--text-white);
    font-size: 1rem;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
}

#pin-checkoutPage-right button[type=submit]:hover {
    background: var(--bg-black);
}

#pin-checkoutPage-right a.aq {
    width: 100%;
    text-decoration: underline;
}

#checkout-address-ordernote label.control-label {
    color: var(--color-seven);
    margin-bottom: 10px;
    font-size: 1.3rem;
    font-weight: 600;
}

#checkout-address-ordernote textarea#description {
    background: #f5f5f5;
    border-radius: 12px;
    border: none;
    height: 100px;
    color: var(--color-seven);
    padding: 10px;
}

#checkout-address-odemeyontemi>label {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 10px;
}

#layoutNine-accordion .sozlesme-title {
    font-size: 1.3rem;
    font-weight: 600;
}

.shipping-label span {
    margin-left: .5rem;
    font-weight: 500;
}

#checkout-address-ordernote {
    margin-bottom: 30px;
}

#checkoutInputs .text-danger {
    position: absolute;
    right: 0;
    text-align: right;
}

#checkoutInputs .has-error {
    position: relative;
}

#checkoutInputs .has-error input,
#checkoutInputs .has-error select {
    border: 1px solid var(--bg-danger);
}

#checkoutInputs .select--arrow+.text-danger {
    top: -20px;
}

.pindrinks-checkout #pindunyasi-one-accordion {
    padding-left: inherit;
    margin-top: -20px;
    width: 100%;
    z-index: 1;
}

.pindrinks-checkout #pindunyasi-one-accordion .accordion {
    border: 1px dashed var(--border-danger);
    border-radius: 12px;
    padding: 20px;
}

.pindrinks-checkout #pindunyasi-one-accordion .accordion .accordion__heading {
    color: var(--button-danger);
}

.pindrinks-checkout #pindunyasi-one-accordion .accordion .accordion__heading::after {
    right: 30px;
    color: var(--button-danger);
}

.pindrinks-checkout #pindunyasi-one-accordion .accordion--open .accordion__heading::after {
    right: -25px;
}

.pindrinks-checkout #pindunyasi-one-accordion .accordion .accordion__details {
    padding-left: 0;
    padding-top: 15px;
}

.pindrinks-checkout #pindunyasi-one-accordion .accordion .accordion__details .checkmark {
    border: 1px solid var(--bg-one);
    border-radius: 5px;
    width: 20px;
    height: 20px;
}

.pindrinks-checkout #pindunyasi-one-accordion .accordion .accordion__details .custom-checkbox input:checked+.checkmark:after {
    width: 15px;
    height: 15px;
    border-radius: 3px;
}

.pindrinks-checkout #pindunyasi-one-accordion .accordion .accordion__details label {
    margin-bottom: auto;
    height: 25px;
    line-height: 20px;
}

#creditCart-right {
    position: relative;
    left: 3%;
}

#checkout-creditCart-info {
    gap: 30px;
}

#checkout-creditCart-date {
    gap: 10px;
}

#creditCart-left {
    gap: 10px;
}

#checkout-payment-creditcart {
    margin: 10px auto 30px;
}

#checkout-cod {
    list-style: none;
}

#checkout-payment-creditcart-wrapper {
    padding: 0;
    gap: 20px;
    align-items: flex-start !important;
    position: relative;
    margin: 0 auto 20px;
}

#checkout-payment-creditcart-wrapper li.list-group-item.collapse {
    border: none;
}

#checkout-payment-creditcart-wrapper li.list-group-item.collapse .show {
    position: absolute;
    left: 0;
}

#checkout-payment-creditcart-wrapper li.list-group-item.collapse label {
    color: var(--bg-one);
    font-size: 1.3rem;
    margin-bottom: 10px;
    display: flex;
}

#checkout-sozlesme {
    align-items: flex-start;
    margin: 20px auto 0;
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    background: var(--bg-three);
    padding: 20px;
    color: var(--bg-one);
    font-size: 0.8rem;
    border-radius: 20px;
}

#checkout-sozlesme p {
    margin: 0;
}

#checkout-sozlesme h2 {
    font-size: 1.2rem;
    color: var(--bg-one);
}

#checkoutAddressInputs {
    gap: 10px;
}

#pin-checkoutPage-left h5 {
    padding-right: 10px;
    font-size: 1.3rem;
    font-weight: 600;
}

.sozlesme-detay {
    margin-top: 10px;
}

.sozlesme-detay .checkmark {
    border: 1px solid var(--bg-one);
    border-radius: 5px;
    width: 25px;
    height: 25px;
}

#checkout-payment-creditcart-wrapper li.list-group-item {
    width: 100%;
}


#checkout-AddedAddress .address-item-selected {
    border: 2px solid var(--bg-gray);
    border-radius: 20px;
    padding: 20px;
    width: 100%;
}

#checkoutInputskurumsal .address-item-selected {
    border: 2px solid var(--bg-gray) !important;
}

#checkout-AddedAddress .address-item-selected .address-item .phone,
#checkout-AddedAddress .address-item-selected .address-item .email {
    display: none;
}

#checkout-AddedAddress .address-item-selected .address-item p {
    margin: auto 0;
    color: var(--bg-one);
}

#checkout-AddedAddress .address-item-selected .address-item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

#checkout-AddedAddress .select--arrow {
    width: 30%;
    display: flex;
    justify-content: flex-start;
}

#checkout-AddedAddress .list-customer-address {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

/*#checkout-AddedAddress .select--arrow button {
    display: flex;
    min-height: 50px;
    border-radius: 33px;
    justify-content: center;
    align-items: center;
    padding: 0;
    text-align: center;
    font-size: 1.3rem;
    color: var(--bg-one);
    border: 1px solid var(--bg-one);
    cursor: pointer;
    width: 100%;
    background: transparent;
}*/

#checkout-AddedAddress .select--arrow button {
    display: flex;
    min-height: 50px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 0;
    text-align: center;
    font-size: 1.1rem;
    color: var(--bg-one);
    border: 2px dashed var(--bg-gray);
    cursor: pointer;
    width: 100%;
    background: transparent;
}

#checkoutInputskurumsal .select--arrow button {
    display: flex;
    min-height: 50px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 0;
    text-align: center;
    font-size: 1.1rem;
    color: var(--bg-one) !important;
    border: 2px dashed var(--bg-gray) !important;
    cursor: pointer;
    width: 100%;
    background: transparent !important;
}

#checkout-AddedAddress {
    margin-bottom: 1vw;
}

/* CHECKOUT */

/* LOGIN & REGISTER POPUP */
/* Toggle kapsayıcı başlangıçta gizli olsun */
.login-toggle-container847 {
    display: none;
}

/* Toggle görünürken kullanılacak class (JS ile eklenip çıkarılacak) */
.login-toggle-container847.show {
    display: block;
    position: absolute;
    background-color: var(--bg-white);
    box-shadow: 0 27px 40px 21px rgba(0, 0, 0, 0.25);
    z-index: 999;
    width: 25vw;
    right: 10vw;
    top: 6vw;
    border-radius: 2vw;
    padding-bottom: 1vw;
}

/* Tab menü (Giriş Yap, Hesap Oluştur) */
.login-tab-nav847 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.login-tab-link847 {
    flex: 1;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    transition: 0s;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--bg-one);
}

.login-tab-link847.active {
    border-bottom: 2px solid #90D7E7;
    font-weight: bold;
}

/* Sekme içerikleri */
.login-tab-content847 {
    display: none;
    padding: 25px 55px 40px;
}

.login-tab-content847.active {
    display: block;
}

.quick-tab-content847 {
    display: none;
    padding: 25px 55px 40px;
}

.quick-tab-content847.active {
    display: flex;
}

/* Örnek form stilleri */
#loginForm847,
#registerForm847 {
    display: flex;
    flex-direction: column;
}

#loginForm847 {
    gap: 10px;
}

#loginForm847 input,
#registerForm847 input {
    padding: 0 20px;
    margin: 0 auto;
    border-radius: 12px;
    width: 100%;
    border: none;
    background: var(--border-light);
    min-height: 50px;
    color: var(--bg-one);
    font-size: 0.8rem;
}

#loginForm847 button {
    margin-top: 5px;
    cursor: pointer;
    border: none;
    background: var(--bg-one);
    color: var(--border-secondary);
    font-size: 1rem;
    font-weight: 600;
    min-height: 50px;
    width: 100%;
    border-radius: 33px;
}

#loginForm847 #login-password a {
    margin-top: 10px;
}

.registerForm847 button {
    margin-top: 15px;
    cursor: pointer;
    border: none;
    background: var(--border-secondary);
    color: var(--bg-one);
    font-size: 1rem;
    font-weight: 600;
    min-height: 50px;
    width: 100%;
    border-radius: 33px;
}

.google-login-btn847,
.quick-login-btn847 {
    margin-top: 0;
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--bg-one);
    font-size: 1rem;
    font-weight: 600;
    min-height: 50px;
    width: 100%;
    border-radius: 33px;
    position: relative;
    border: 1px solid var(--bg-one);
    align-items: center;
    justify-content: center;
}

.google-login-btn847 svg {
    width: 25px;
    height: 25px;
}

.quick-login-btn847 {
    margin-top: 2px;
}

#login-bottomButton {
    margin-top: 20px;
}

.google-login-btn847 svg,
.quick-login-btn847 img {
    position: absolute;
    left: 20px;
}

button.registerForm847 {
    border: none;
    background: var(--border-secondary);
    color: var(--bg-one);
    min-height: 50px;
    border-radius: 33px;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 15px;
}

#tabRegisterForm847 span.checkmark {
    background: transparent;
    border-radius: 4px;
    border: 1px solid var(--bg-one);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*#tabRegisterForm847 .custom-checkbox input:checked + .checkmark:after {
    width: 16px;
    height: 16px;
}*/
#tabRegisterForm847 .custom-checkbox input.custom {
    left: 7px;
    opacity: 0;
    z-index: 9;
    top: 7px;
    border: none;
}

#tabRegisterForm847 span.checkmark+a {
    font-weight: normal;
    text-decoration: underline;
    font-size: 0.8rem;
    z-index: 9;
    position: relative;
}

#tabRegisterForm847 .custom-checkbox {
    min-height: auto;
    height: auto;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 0.8rem;
}

#tabRegisterForm847 input.custom {
    border: none;
    background: var(--border-light);
    border-radius: 12px;
    margin-bottom: 10px;
    padding-left: 20px;
}

div#tabQuickForm847.active {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

div#tabQuickForm847 img {
    margin-bottom: 65px;
    margin-top: 20px;
}

/* LOGIN & REGISTER POPUP */

/* CONTACT US */
section#contact-us-two {
    margin: 70px auto;
}

/*#contact-us-two-right iframe {
    filter: grayscale(100%);
    sepia(50%) contrast(1.2) brightness(0.9)
    -webkit-filter: grayscale(100%);
}*/
section#contact-us-two iframe {
    border-radius: 45px;
}

section#contact-us-two title {
    display: flex;
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--color-seven);
    margin-bottom: 25px;
}

section#contact-us-two desc b {
    font-size: 1rem;
    color: var(--color-seven);
    line-height: 1.5;
}

section#contact-us-two desc span {
    font-size: 1rem;
    color: var(--color-seven);
    padding-top: 15px;
}

#contact-us-two-buttons {
    justify-content: space-between;
    gap: 20px;
    margin-top: 70px;
}

#contact-us-two-buttons button {
    border: none;
    background: var(--bg-one);
    color: var(--bg-white);
    border-radius: 45px;
    width: 100%;
    min-height: 70px;
    font-size: 1rem;
    gap: 3px;
}

#contact-us-two-buttons button:first-child {
    width: 75%;
}

#contact-us-two-buttons button a:hover {
    color: var(--bg-blue);
}

#contact-us-two-buttons button img {
    left: 15px;
}

#contact-us-two-buttons button b {
    font-size: 1rem;
}

section#contact-us-two>div:first-child {
    padding-right: 5%;
}

#contact-us-three {
    margin-bottom: 50px;
}

#contactPage .checkmark {
    border: 1px solid var(--bg-one);
    border-radius: 5px;
}

#contactPage .custom-checkbox input:checked+.checkmark:after {
    width: 18px;
    height: 18px;
    top: 52%;
    left: 50%;
}

#contactPage #login-inputs textarea {
    background: #f2f2f2;
    min-height: 100px;
    padding: 10px 25px 0;
    color: var(--text-seven);
    border: none;
    border-radius: 12px;
}

#contactPage #login-register a {
    min-height: 50px;
}

#contact-us-three-left a {
    border-radius: 33px;
    bottom: 30px;
    left: 30px;
    background: var(--bg-white);
    width: 315px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: bold;
    color: var(--bg-one);
    box-shadow: 0px 4px 23.6px -8px rgba(0, 0, 0, 0.25);
}

#contact-us-three-left a:hover {
    background: var(--bg-one);
    color: var(--bg-blue);
}

#bayi-basvuru-area h3 {
    color: var(--bg-one);
    margin-bottom: 0;
    font-size: 1.5rem;
}

#contact-us-three #contactPage {
    padding-left: 10%;
    padding-right: 10%;
}

#bayi-basvuru-area span {
    font-size: 1rem;
}

@media (max-width:1190px) {
    #contact-us-two-buttons button:first-child {
        width: 100%;
    }

    section#contact-us-two {
        flex-direction: column;
        margin: 50px auto;
    }

    section#contact-us-two #contact-us-two-left {
        padding: inherit;
        width: 100%;
    }

    section#contact-us-two #contact-us-two-left #contact-us-two-buttons {
        flex-direction: column;
        gap: 10px;
        margin-top: 40px;
    }

    section#contact-us-two #contact-us-two-right {
        width: 100%;
        margin-top: 20px;
    }

    #contact-us-three {
        flex-direction: column;
    }

    #contact-us-three #contact-us-three-left {
        order: 2;
        width: 100%;
    }

    #contact-us-three #contact-us-three-left img {
        width: 100%;
    }

    #contact-us-three #contact-us-three-right {
        order: 1;
        width: 100%;
        margin-bottom: 10px;
    }

    div#bayi-basvuru-area {
        padding: 0 0 20px;
    }

    #contact-us-three #contact-us-three-right img {
        width: 100%;
    }

    .contact-us-four #contact-us-three-left {
        order: 1 !important;
    }
}

/* CONTACT US */

/* BLOG LISTS */
.pindrinks-blog-detail main#blog-posts-container {
    flex-direction: column;
}

main#blog-posts-container {
    padding-left: 0;
    margin-top: 50px;
}

.pindrinks-blog-list sidebar {
    padding-right: 0;
    margin-top: 50px;
    gap: 50px;
}

#featured-post {
    margin-bottom: 65px;
}

#blogList-container {
    row-gap: 50px;
    column-gap: 20px;
}

#blogList-container item#blog-item {
    gap: 30px;
}

#blogList-container item#blog-item #blog-item-content {
    gap: 20px;
}

#blogList-container item#blog-item #blog-item-content h1 a {
    line-height: 22px;
    font-size: 1rem;
}

#blogList-container item#blog-item #blog-item-content h1 {
    margin-bottom: auto;
}

#special-product-post {
    margin: 70px auto;
}

#special-product-post item#blog-item {
    background: var(--bg-one);
    border-radius: 70px;
}

article#category-post .swiper-wrapper item#blog-item {
    width: 100%;
    max-height: 600px;
    min-height: 600px;
}

#special-product-post item#blog-item #blog-item-content {
    padding: 65px 100px 75px 65px;
}

#special-product-post item#blog-item #blog-item-content h2 a {
    color: var(--button-secondary);
    font-size: 1.6rem;
    font-weight: 300;
}

#special-product-post item#blog-item #blog-item-content h2 {
    margin-bottom: 20px;
}

#special-product-post item#blog-item #blog-item-content h1 a {
    font-size: 1.8rem;
}

#special-product-post item#blog-item #blog-item-content h1 {
    margin-bottom: 40px;
    font-family: 'Poppins';
    line-height: 1.2;
}

#special-product-post item#blog-item #blog-item-content desc {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 24px;
    /*margin-bottom: 50px;*/
}

#special-product-post item#blog-item #blog-item-content #blog-item-other-content img {
    filter: brightness(0) invert(1);
}

#campaign-post-lists {
    margin-top: 30px;
    height: 100%;
    margin-bottom: 60px;
}

#campaign-post-lists .blogpost-left div#blog-item-image a {
    width: 100%;
    display: flex;
}

#campaign-post-lists .blogpost-left #blog-item-content {
    padding: 0 50px 0 20px;
}

.blogpost-right #blog-item-content #blog-item-image a {
    width: 100%;
    display: flex;
}

.blogpost-right #blog-item-content #blog-item-image a img {
    width: 100%;
}

.blogpost-right #blog-item-content h1 {
    margin: 30px auto 15px;
}

.pindrinks-blog-list #sidebar-search input {
    background: var(--bg-gray);
    border-radius: 12px;
    border: none;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: 50px;
    font-size: 1.3rem;
}

.pindrinks-blog-list #sidebar-search a.search-group-link {
    height: 60px;
    position: absolute;
    left: 25px;
}

#blog-item-image a {
    display: flex;
    height: 100%;
}

#blog-item-image a img {
    object-fit: cover;
    border-radius: 70px;
}

#category-post .button-wrapper {
    width: 68%;
    bottom: 5vh;
    z-index: 9;
    left: 0;
    gap: 10px;
}

#category-post .button-wrapper .swiper-button {
    background: var(--bg-white);
    border-radius: 100%;
    width: 3vw;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

#category-post .button-wrapper .swiper-button img {
    width: 25px;
    height: 25px;
}

#category-post .button-wrapper .swiper-prev-button img {
    transform: rotate(180deg);
}

@media (max-width:1190px) {
    main#blog-posts-container {
        padding: 0;
        order: 2;
        margin-top: auto;
    }

    div#blogList-container-list {
        display: flex;
        flex-direction: column;
    }

    .pindrinks-blog-list sidebar {
        order: 1;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #featured-post {
        margin-bottom: 30px;
    }

    #special-product-post item#blog-item #blog-item-content {
        padding: 25px;
        width: 100%;
        order: 2;
    }

    #special-product-post item#blog-item {
        flex-direction: column;
        border-radius: 30px;
    }

    #campaign-product-post #blog-item-image a img {
        width: 125px;
        height: 125px;
    }

    #special-product-post item#blog-item #blog-item-image {
        width: 100%;
        order: 1;
    }

    #special-product-post item#blog-item #blog-item-image a {
        width: 100%;
        display: flex;
    }

    #special-product-post item#blog-item #blog-item-image a img {
        width: 100%;
        border-radius: 30px;
    }

    #category-post .button-wrapper {
        display: none !important;
    }

    #special-product-post item#blog-item #blog-item-content h2 {
        margin-bottom: 10px;
    }

    #special-product-post item#blog-item #blog-item-content h2 a {
        font-size: 1.3rem;
    }

    #special-product-post item#blog-item #blog-item-content h1 {
        margin-bottom: 10px;
    }

    #special-product-post item#blog-item #blog-item-content h1 a {
        font-size: 1.2rem;
    }

    #special-product-post item#blog-item #blog-item-content desc {
        font-size: 0.9rem;
        line-height: normal;
        margin-bottom: 30px;
        max-height: 150px;
        overflow: hidden;
        overflow-y: auto;
    }

    #campaign-post-lists {
        flex-direction: column;
        margin-top: 15px;
    }

    #campaign-post-lists #campaign-product-post {
        width: 100%;
    }

    #campaign-post-lists #campaign-product-post #blog-item-image {
        width: 30%;
    }

    #campaign-post-lists #campaign-product-post #blog-item-content {
        width: 70%;
        padding: 0 0 0 15px;
    }

    #campaign-product-post desc #blog-item-other-content date {
        width: 55%;
    }

    #campaign-post-lists #campaign-product-post #blog-item-content h1 a {
        font-size: 1.2rem;
        line-height: 20px;
        font-weight: 600;
    }

    #campaign-post-lists #campaign-product-post #blog-item-content desc {
        font-size: 1rem;
    }

    #campaign-post-lists #campaign-product-post #blog-item-content #blog-item-other-content {
        margin-top: 10px;
    }

    #campaign-post-lists.mobile-campaign-posts {
        gap: 30px;
        margin-bottom: 50px;
    }

    #campaign-post-lists.mobile-campaign-posts .blogpost-right #blog-item-content h1 {
        margin-top: auto;
        margin-bottom: 10px;
    }
}

/* BLOG LISTS */

/* HOME KUTU PINLER */
.product-slider {
    width: 100%;
    height: 100%;
}

.product-slider .slick-dots {
    list-style: none;
    display: flex;
    width: 100%;
    max-width: 1340px;
    padding: 0 0 2rem;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 1.5rem;
    color: #230238;
    right: 0;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

body:has(.product-slide.sb-berry-blast.slick-active) .product-slider .slick-dots,
body:has(.product-slide.sb-vp-purple.slick-active) .product-slider .slick-dots {
    color: #fff;
}

.product-slider .slick-dots li {
    width: 33.3333333%;
    position: relative;
    height: 100%;
    transition: 0.4s ease;
}

.product-slider .slick-dots li::after {
    content: "";
    display: block;
    width: 6vw;
    height: 15vh;
    background: var(--bg-one);
    transition: 0.15s all cubic-bezier(0.25, 0.5, 0.39, 1.45);
    z-index: -1;
    position: relative;
    border-radius: 1vw;
    top: 4vh;
}

.product-slider .slick-dots li.Orange-Mango {
    background: url(https://pindrinks.com/storage/v2/anasayfa/kutu-pinler/orange-mango-small.png) no-repeat;
    background-size: 5vh;
    background-position: top center;
}

.product-slider .slick-dots li.Hibiscus-Tea {
    background: url(https://pindrinks.com/storage/v2/anasayfa/kutu-pinler/hibiscus-small.png) no-repeat;
    background-size: 5vh;
    background-position: top center;
}

.product-slider .slick-dots li.Cool-Lime {
    background: url(https://pindrinks.com/storage/v2/anasayfa/kutu-pinler/cool-lime-small.png) no-repeat;
    background-size: 5vh;
    background-position: top center;
}

.product-slider .slick-dots li.Orange-Mango::after {
    background: linear-gradient(0deg, #e86430 0%, #f89b65 38%, #fdfdfd 75%);
}

.product-slider .slick-dots li.Cool-Lime::after {
    background: linear-gradient(0deg, #45b348 0%, #a0e2a3 38%, #fdfdfd 75%);
}

.product-slider .slick-dots li.Hibiscus-Tea::after {
    background: linear-gradient(0deg, #dc3670 0%, #f46ca5 38%, #fdfdfd 75%);
}

.product-slider .slick-dots li a {
    position: absolute;
    color: var(--bg-white);
    bottom: -30px;
    text-align: center;
    font-size: 0.9vw;
    line-height: 1.2;
    padding: 0 1vw;
    width: 6vw;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: auto;
    left: 0;
    right: 0;
    font-weight: 600;
    text-transform: uppercase;
}

.product-slider .slick-dots li:hover {
    position: relative;
    transition: 0.4s ease;
    margin-bottom: 15%;
}

.product-slider .slick-dots li.slick-active {
    position: relative;
    transition: 0.4s ease;
    margin-bottom: 15%;
}

.product-slider .slick-dots li:hover a {
    color: var(--bg-white);
}

#box-pin-products .product-slider .slick-dots {
    max-width: 100%;
    width: 20vw;
    padding: inherit;
    margin: 0;
    left: 16vw;
    align-items: center;
    justify-content: flex-start;
    bottom: 8vh;
    gap: 15px;
    right: auto;
    height: 15vh;
}

.product-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.si-slide__content {
    width: 50%;
    max-width: 100%;
    height: 90%;
    display: flex;
    align-items: center;
    gap: 0;
    margin: auto;
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 19%;
    right: 0;
}

.si-slide__content h2,
.si-slide__content p,
.si-slide__content button {
    transition: 0.35s all cubic-bezier(0.25, 0.5, 0.39, 1);
    transform-origin: bottom;
    transform: scaleY(0);
}

.slick-active .si-slide__content h2,
.slick-active .si-slide__content p,
.slick-active .si-slide__content button {
    transition: 0.35s all cubic-bezier(0.25, 0.5, 0.39, 1.45) 0.35s;
    transform: scaleY(1);
}

#box-pin-button:hover {
    border: 3px solid var(--bg-success);
}

.slick-active .si-slide__content h2 {
    line-height: 1;
    width: 50%;
    margin-bottom: auto;
    margin-top: 1rem;
}

/*#box-coollime.slick-active .si-slide__content h2 {
    line-height: 0.7;
}*/
#box-orangemango title {
    color: var(--orange-mango-text);
}

#box-orangemango .si-slide__content p {
    color: var(--color-seven);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    margin-bottom: auto;
    width: 75%;
}

#box-coollime title {
    color: #047533;
}

#box-coollime .si-slide__content p {
    color: var(--color-seven);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    margin-bottom: auto;
    width: 75%;
}

#box-hibiscus title {
    color: var(--hibiscus-text);
}

#box-hibiscus .si-slide__content p {
    color: var(--color-seven);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    margin-bottom: auto;
    width: 75%;
}

.si-slide__content p {
    color: var(--bg-white);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    margin-bottom: auto;
    width: 75%;
}

.si-slide__content p.dark {
    color: #230238;
    text-transform: uppercase;
}

.product-slide.sb-berry-blast .si-slide__content p.dark,
.product-slide.sb-vp-purple .si-slide__content p.dark {
    color: #fff;
}

.product-slide.sb-cirtus-twist .si-slide__content p,
.product-slide.sb-classic-lemonade .si-slide__content p {
    color: #230238;
}

.si-slide__content .si-slide__intro {
    color: #230238;
    font-size: clamp(2.5rem, 2.75vw, 3.5rem);
    text-transform: uppercase;
}

.product-slide.sb-berry-blast .si-slide__content .si-slide__intro,
.product-slide.sb-vp-purple .si-slide__content .si-slide__intro {
    color: #fff;
}

.si-slide__content .si-slide__title {
    color: #fff;
    font-size: 6rem;
    text-transform: uppercase;
}

.si-slide__content .si-slide__title title {
    display: flex;
}

#box-pin-content-desc {
    width: 65%;
}

.product-slide.sb-cirtus-twist .si-slide__content .si-slide__title,
.product-slide.sb-classic-lemonade .si-slide__content .si-slide__title {
    color: #230238;
}

.si-slide__column {
    transition: 0.35s all cubic-bezier(0.25, 0.5, 0.39, 1);
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.slick-active .si-slide__column {
    transition: 0.35s all cubic-bezier(0.25, 0.5, 0.39, 1.45);
}

.slick-active .si-slide__column {
    opacity: 1;
}

.slick-active .si-slide__column b {
    font-size: 7.5rem;
    font-weight: 500;
    line-height: 1;
    padding-top: 5px;
    color: var(--color-seven);
}

.slick-active .si-slide__column span {
    font-size: 2.8rem;
    gap: 0;
    line-height: 1;
    color: var(--color-seven);
}

#box-orangemango.slick-active .si-slide__column:first-of-type b {
    color: var(--orange-mango-ten);
}

#box-orangemango.slick-active .si-slide__column:first-of-type span {
    color: var(--orange-mango-ten);
}

#box-coollime.slick-active .si-slide__column:first-of-type b {
    color: var(--cool-lime-seven);
}

#box-coollime.slick-active .si-slide__column:first-of-type span {
    color: var(--cool-lime-seven);
}

#box-hibiscus.slick-active .si-slide__column:first-of-type b {
    color: var(--hibiscus-five);
}

#box-hibiscus.slick-active .si-slide__column:first-of-type span {
    color: var(--hibiscus-five);
}

.si-slide__column:first-of-type {
    height: 100%;
    width: 40vw;
    max-width: 40vw;
    transform: translateX(25%) translateY(2%) rotate(-11.566deg);
    transition-delay: 0.25s;
    opacity: 0;
}

.si-slide__column:nth-of-type(2) {
    height: 100%;
    width: 100%;
    max-width: 100%;
    transform: translateX(10%) rotate(-11.566deg);
}

.si-slide__column:last-of-type {
    width: 100%;
    max-width: 100%;
    transform: translateX(0) translateY(-15%) rotate(-11.566deg);
    transition-delay: 0.35s;
    opacity: 0;
    height: auto;
}

.slick-active .si-slide__column:last-of-type,
.slick-active .si-slide__column:first-of-type {
    opacity: 1;
}

.si-slide__product {
    height: 100%;
}

.si-slide__product.bottle>div,
.si-slide__product.bottle-1l>div {
    overflow: hidden;
    position: relative;
}

.si-slide__product>div {
    height: 100%;
    transform: rotate(11.566deg);
}

.si-slide__product>div img {
    transform: translate(0%, 2%) rotate(-11.566deg);
    width: 100%;
    transition: 0.35s all cubic-bezier(0.25, 0.5, 0.39, 1.25);
    height: 85%;
    object-fit: contain;
}

.slick-active .si-slide__product>div img {
    transform: translate(0%, 4%) rotate(2deg);
}

.si-slide__btns {
    gap: 10px;
    display: flex;
    margin-top: 1rem;
}

.si-slide__btns button {
    padding: clamp(0.75rem, 1vw, 1.25rem) clamp(1.75rem, 2.6vw, 3.125rem);
    font-size: clamp(1rem, 1.45vw, 1.75rem);
    text-transform: uppercase;
    color: var(--text-primary);
    border-radius: clamp(0.5rem, 0.7vw, 0.875rem);
    border: none;
    background: #fff;
    box-shadow: 0px 6px 0px 0px #b4b9c9, 0px 8px 0px 0px #848484;
}

#box-orangemango .si-slide__btns button {
    padding: clamp(0.75rem, 1vw, 1.25rem) clamp(1.75rem, 2.6vw, 3.125rem);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--orange-mango-text);
    border-radius: 30px;
    border: none;
    background: var(--orange-mango-ten);
    box-shadow: 5px 5px 0px 0px #f6cea0, 7px 7px 0px 0px #eda761;
    transition: 0.35s all cubic-bezier(0.25, 0.5, 0.39, 1.25);
}

#box-orangemango .si-slide__btns button:hover {
    color: var(--orange-mango-ten);
    background: var(--orange-mango-text);
}

#box-coollime .si-slide__btns button {
    padding: clamp(0.75rem, 1vw, 1.25rem) clamp(1.75rem, 2.6vw, 3.125rem);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--cool-lime-nine);
    border-radius: 30px;
    border: none;
    background: var(--cool-lime-seven);
    box-shadow: 5px 5px 0px 0px #d6e094, 7px 7px 0px 0px #9bae5c;
    transition: 0.35s all cubic-bezier(0.25, 0.5, 0.39, 1.25);
}

#box-coollime .si-slide__btns button:hover {
    color: var(--cool-lime-seven);
    background: var(--cool-lime-nine);
}

#box-hibiscus .si-slide__btns button {
    padding: clamp(0.75rem, 1vw, 1.25rem) clamp(1.75rem, 2.6vw, 3.125rem);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--hibiscus-eight);
    border-radius: 30px;
    border: none;
    background: var(--hibiscus-nine);
    box-shadow: 5px 5px 0px 0px #FADDE7, 7px 7px 0px 0px #EA80A3;
    transition: 0.35s all cubic-bezier(0.25, 0.5, 0.39, 1.25);
}

#box-hibiscus .si-slide__btns button:hover {
    color: var(--hibiscus-nine);
    background: var(--hibiscus-eight);
}

.si-slide__btns button.dark {
    color: #fff;
    background: #8d0044;
    box-shadow: 0px 6px 0px 0px #6f0832, 0px 8px 0px 0px #292929;
}

.si-slide__background {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-clip-path: polygon(0 22%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 22%, 100% 0, 100% 100%, 0% 100%);
    transition: 0.35s ease all;
}

.product-slide.sb-black-cherry .si-slide__background {
    background: linear-gradient(80deg, #FF5800 25%, #FF7800 50%, #FFC990 100%);
}

.product-slide.sb-cirtus-twist .si-slide__background {
    background: linear-gradient(90deg, #00843B 30%, #8EB03C 70%, #D1DF7C 100%);
}

.product-slide.sb-vp-purple .si-slide__background {
    background: linear-gradient(90deg, #C0004E 30%, #D60048 70%, #FB79A3 100%);
}

.si-slide__fruit>div {
    position: absolute;
    display: block;
    z-index: 2;
    width: 25vw;
    max-width: 28rem;
}

.si-slide__fruit>div:nth-of-type(2) img {
    transition-delay: 0.5s;
}

.si-slide__fruit>div:nth-of-type(3) img {
    transition-delay: 0.6s;
}

.si-slide__fruit img {
    width: 100%;
    transition: 0.35s all cubic-bezier(0.25, 0.5, 0.39, 1.45) 0.4s;
    transform: rotate(45deg) scale(0);
}

.slick-active .si-slide__fruit img {
    transform: rotate(0) scale(1);
}

@media (max-width: 1190px) {
    .si-slide__product.bottle img.slide-in-left {
        animation: slideInLeft 0.4s cubic-bezier(.4, 0, .2, 1);
    }

    .slick-active .si-slide__column {
        transition: none;
    }

    .si-slide__product>div img {
        transition: none;
    }

    .si-slide__column {
        transition: none;
    }

    .si-slide__content h2,
    .si-slide__content p,
    .si-slide__content button {
        transition: none;
        transform-origin: right;
        transform: none;
    }

    .slick-active .si-slide__content h2,
    .slick-active .si-slide__content p,
    .slick-active .si-slide__content button {
        transition: none;
        transform: none;
    }

    .si-slide__fruit img {
        /*transition: none;*/
    }

    @keyframes slideInLeft {
        0% {
            opacity: 0;
            transform: translateX(-80px) scale(.97);
        }

        100% {
            opacity: 1;
            transform: translateX(0) scale(1);
        }
    }
}


.si-slide__fruit .f1 {
    top: 10%;
    left: 15%;
    transform: rotate(0);
    max-width: fit-content;
    width: 11vw;
}

.si-slide__fruit .f2 {
    top: 50%;
    left: 33%;
    bottom: auto;
    transform: rotate(260deg);
    max-width: fit-content;
    width: auto;
}

.si-slide__fruit .f3 {
    bottom: 40%;
    right: 15%;
    transform: rotate(-80deg);
    max-width: fit-content;
    width: 9vw;
}

.product-slide:nth-of-type(6n + 1) .si-slide__fruit .f1 {
    top: 2%;
    left: 12%;
    transform: rotate(0);
    max-width: fit-content;
    width: auto;
}

.product-slide:nth-of-type(6n + 1) .si-slide__fruit .f2 {
    top: auto;
    left: 30%;
    bottom: 25%;
    transform: rotate(0);
    max-width: fit-content;
    width: auto;
}

.product-slide:nth-of-type(6n + 1) .si-slide__fruit .f3 {
    bottom: 35%;
    right: 10%;
    transform: rotate(0);
    max-width: fit-content;
    width: 12vw;
    left: auto;
}

.product-slide:nth-of-type(6n + 2) .si-slide__fruit .f1 {
    top: 15%;
    left: 15%;
    transform: rotate(0);
    max-width: fit-content;
    width: 12vw;
}

.product-slide:nth-of-type(6n + 3) .si-slide__fruit .f2 {
    top: 45%;
    left: 35%;
    transform: rotate(0);
    max-width: fit-content;
    width: auto;
}

.product-slide:nth-of-type(6n + 3) .si-slide__fruit .f3 {
    bottom: 40%;
    transform: rotate(0);
    width: 8vw;
    right: 15%;
}

#box-coollime .si-slide__fruit .f2 img {
    width: 115px;
}

/* Slider */
#box-pin-products .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

#box-pin-products .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

#box-pin-products .slick-list:focus {
    outline: none;
}

#box-pin-products .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

#box-pin-products .slick-slider .slick-track,
#box-pin-products .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#box-pin-products .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    height: 80vh;
    min-height: auto;
}

#box-pin-products .slick-track:before,
#box-pin-products .slick-track:after {
    content: "";
    display: table;
}

#box-pin-products .slick-track:after {
    clear: both;
}

#box-pin-products .slick-loading .slick-track {
    visibility: hidden;
}

#box-pin-products .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir=rtl] .slick-slide {
    float: right;
}

#box-pin-products .slick-slide img {
    display: block;
}

#box-pin-products #slide-info img {
    width: clamp(50px, 8vw, 160px);
}

#box-pin-products .slick-slide.slick-loading img {
    display: none;
}

#box-pin-products .slick-slide.dragging img {
    pointer-events: none;
}

#box-pin-products .slick-initialized .slick-slide {
    display: block;
}

#box-pin-products .slick-loading .slick-slide {
    visibility: hidden;
}

#box-pin-products .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

#box-pin-products .slick-arrow.slick-hidden {
    display: none;
}

@media (max-width:1190px) {
    #box-pin-products #slide-info img {
        width: clamp(75px, 8vw, 160px);
    }

    /* #box-pin-products {
        min-height: 450px;
    } */

    #pin-home .container {
        padding: 0;
    }

    #box-pin-bg {
        right: 15%;
    }

    #box-pin-bg img.box-pin-image {
        width: 85%;
    }

    #box-pin-content-top b {
        font-size: 5rem;
        font-weight: 500;
    }

    #box-pin-content-top {
        gap: 0;
    }

    #box-pin-content-top span {
        font-size: 1.7rem;
    }

    #box-pin-content-title title {
        font-size: 2rem;
    }

    #box-pin-content-desc desc {
        font-size: 1.1rem;
    }

    #box-pin-content-price price {
        font-size: 2rem;
        gap: 0;
        line-height: 1;
    }

    #box-pin-content-price {
        width: 100%;
        justify-content: space-between !important;
    }

    #box-pin-button {
        height: 40px;
        width: 100%;
        font-size: 1rem;
        font-weight: 600;
    }

    #box-pin-button b {
        width: 20px;
        height: 20px;
        font-size: 1.3rem;
        line-height: normal;
        padding-right: 1px;
        padding-top: 0;
    }

    #box-pin-content {
        padding-left: 0;
        padding-right: 20px;
        padding-top: 10%;
    }

    #box-pin-image {
        left: 5%;
    }

    #box-pin-content-price>div {
        width: 40px;
        height: 40px;
    }

    .slick-active .si-slide__content h2 {
        font-size: 2.3rem;
        width: 75%;
        margin-top: auto;
    }

    .si-slide__column {
        gap: 10px;
    }

    #box-pin-content-desc {
        width: 100%;
    }

    .si-slide__column:first-of-type {
        transform: translateY(5%);
        width: 60%;
        max-width: 60%;
        padding-right: 0;
        padding-left: 0;
        position: absolute;
        left: 2%;
        height: 105%;
    }

    .si-slide__content {
        width: 100%;
        left: auto;
        justify-content: flex-end;
        bottom: auto;
        height: 50%;
        padding: 0 10px;
        right: auto;
        position: relative;
    }

    .si-slide__column:last-of-type {
        width: 55%;
        transform: none;
        max-width: 55%;
        padding-right: 10px;
        padding-left: 5%;
    }

    .si-slide__product>div {
        transform: none;
    }

    .slick-active .si-slide__product>div img {
        transform: none;
        height: 100%;
        padding-bottom: 0;
        width: 100%;
    }

    .slick-active .si-slide__column b {
        font-size: 5.5rem;
    }

    .slick-active .si-slide__column span {
        font-size: 2rem;
        line-height: 1.1;
    }

    #box-pin-products .slick-slider {
        height: 100%;
        min-height: auto;
        padding-bottom:10vw;
    }

    .si-slide__btns {
        margin-top: 5px;
    }

    #box-pin-products .product-slider .slick-dots {
        width: 100%;
        left: auto;
        bottom: 10%;
        height: 120px;
        padding: 0 20px;
    }

    #box-pin-products .slick-track {
        min-height: auto;
        height: 100%;
    }

    .product-slider .slick-dots li::after {
        height: 120px;
        border-radius: 15px;
    }

    .product-slider .slick-dots li.Orange-Mango {
        background-size: 40%;
    }

    .product-slider .slick-dots li a {
        font-size: 1.2rem;
        bottom: -35px;
        width: 75%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .product-slider .slick-dots li.Cool-Lime {
        background-size: 40%;
    }

    .product-slider .slick-dots li.Hibiscus-Tea {
        background-size: 40%;
    }

    .si-slide__fruit .f1 {
        top: 0%;
        right: -7%;
        transform: rotate(0);
        max-width: fit-content;
        width: 22vw;
        left: auto;
    }

    .si-slide__fruit .f2 {
        top: auto;
        right: 20%;
        transform: rotate(90deg);
        max-width: fit-content;
        width: 10vw;
        left: auto;
        bottom: 25%;
    }

    .si-slide__fruit .f3 {
        bottom: auto;
        left: 30%;
        transform: rotate(-80deg);
        max-width: fit-content;
        width: 19vw;
        top: 15%;
    }

    .product-slide:nth-of-type(6n + 1) .si-slide__fruit .f3 {
        bottom: auto;
        right: auto;
        left: 30%;
        width: 20vw;
        top: 15%;
    }

    .product-slide:nth-of-type(6n + 1) .si-slide__fruit .f1 {
        top: 15%;
        right: -23%;
        width: 45vw;
        left: auto;
        transform: rotate(245deg);
    }

    .product-slide:nth-of-type(6n + 1) .si-slide__fruit .f2 {
        right: 5%;
        left: auto;
        bottom: auto;
        top: -2%;
        width: 22vw;
    }

    .product-slide:nth-of-type(6n + 3) .si-slide__fruit .f2 {
        top: 0;
        left: auto;
        transform: rotate(0);
        max-width: fit-content;
        width: 20vw;
        right: 10%;
    }

    .product-slide:nth-of-type(6n + 3) .si-slide__fruit .f3 {
        bottom: 30%;
        transform: rotate(0);
        width: 30vw;
        right: 37%;
        left: auto;
        top: auto;
        opacity: 0.2;
    }

    .product-slide:nth-of-type(6n + 3) .si-slide__fruit .f1 {
        top: auto;
        left: auto;
        transform: rotate(0);
        max-width: fit-content;
        width: 25vw;
        right: 10%;
        top: auto;
        bottom: 2%;
    }

    /* MOBILE CART NEW */
    .cart-sidebar-content #home-products {
        padding: 0 10px !important;
        margin-bottom: 0;
    }

    .cart-sidebar-content #home-products #product-card-image {
        height: 130px;
        padding-top: 0;
        padding-bottom: 10px;
    }

    .cart-sidebar-content #home-products #product-card-content {
        min-height: 55px !important;
        max-height: 55px;
    }

    .cart-sidebar-content #home-products #product-card {
        padding-left: inherit;
        padding-bottom: 5px;
    }

    .cart-sidebar-content #home-products #home-cam-pin #product-card-content #product-card-title h1 {
        font-size: 0.8rem;
        font-weight: 500;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .mobile-pindrinks-cartPage .cartPage-qty button {
        width: 25px;
        height: 25px;
        font-size: 1.6rem;
        line-height: 2;
    }

    .cart-sidebar-content #home-products #product-card-image #product-card-attribute {
        left: 5px;
        top: 5px;
        width: 20px;
    }

    .cart-sidebar-content #home-products #product-card-image a img {
        width: 100%;
        height: 65%;
    }

    #cartSidebar #product-card-addtocart {
        width: 25px;
        height: 25px;
        bottom: -5px;
    }

    #cartSidebar #product-card-addtocart svg {
        width: 25px;
        height: 25px;
    }

    #cartSidebar #product-card-addtocart a {
        display: flex;
    }

    #cartSidebar #product-card-title {
        padding: 0 5px;
    }

    #product-card-price #product-badge {
        width: 35px;
        height: 35px;
    }

    #cartSidebar .cart-sidebar-content #product-card-image {
        border-radius: 30px;
        width: 100%;
        padding: 10px 0;
    }

    #cartSidebar .cart-sidebar-content #product-card-price price {
        min-width: 65px;
        min-height: 25px;
        max-height: 25px;
        font-size: 0.9rem;
    }

    #cartSidebar .cart-sidebar-content #product-card-price #product-badge img {
        width: 80%;
    }
}

@media (max-width:320px) and (min-width:300px) {
    .cart-sidebar-content #home-products #product-card-image {
        height: 130px;
    }

    .cart-sidebar-header h3 {
        font-size: 1.2rem;
    }

    button#closeCartSidebar svg {
        width: 20px;
        height: 20px;
    }

    .cart-sidebar-content #aboocart.sidebarCartContent .shop-card .ps-table--shopping-cart .form--shopping-cart #aboo #sidebarCartItem #cartItemInfo {
        padding: 5px 0;
    }

    .cart-sidebar-content #home-products #home-cam-pin #product-card-content #product-card-title {
        padding: 0 5px;
    }

    .navigation--list {
        min-height: 35px;
    }

    .navigation--list .navigation__item img {
        width: 20px;
    }

    header.headerMainScroll #headerRightScroll-container .shop-icon sup {
        width: 15px;
        height: 15px;
        font-size: 0.8rem;
        top: 13px;
        right: 15px;
    }

    .mobile-pindrinks-cartPage .cartPage-qty button {
        width: 20px;
        height: 20px;
    }

    .cart-sidebar-content #home-products #product-card-image #product-card-attribute {
        top: 20px;
        width: 25px;
    }
}

@media (max-width:360px) and (min-width:321px) {
    .cart-sidebar-content #home-products {
        margin-bottom: 5px;
    }

    .mobile-pindrinks-cartPage .cartPage-qty button {
        width: 22.5px;
        height: 22.5px;
    }

    /* #box-pin-products .slick-slider {
        max-height: 550px;
    } */

    .product-slider .slick-dots li.Orange-Mango {
        background-position: center 70%;
    }

    .product-slider .slick-dots li.Cool-Lime {
        background-position: center 70%;
    }

    .product-slider .slick-dots li.Hibiscus-Tea {
        background-position: center 70%;
    }

    #box-pin-content-price price {
        font-size: 1.8rem;
    }
}

@media (max-width:320px) and (min-width:300px) {
    .cart-sidebar-content #home-products #home-cam-pin #product-card-price price {
        max-height: 28px;
        min-height: 28px;
        min-width: 70px;
        font-size: 1rem;
    }

    .cart-sidebar-content #home-products {
        margin-bottom: 5px;
    }

    /* #box-pin-products .slick-slider {
        max-height: 550px;
    } */

    .product-slider .slick-dots li.Orange-Mango {
        background-position: center 70%;
    }

    .product-slider .slick-dots li.Cool-Lime {
        background-position: center 70%;
    }

    .product-slider .slick-dots li.Hibiscus-Tea {
        background-position: center 70%;
    }

    #box-pin-content-price price {
        font-size: 1.8rem;
    }

    .cart-sidebar-content #aboocart.sidebarCartContent {
        height: 50%;
    }
}

@media (max-width:375px) and (min-width:361px) {
    .cart-sidebar-content #home-products {
        margin-bottom: 5px;
    }

    /* #box-pin-products .slick-slider {
        max-height: 550px;
    } */
}

@media (max-width:390px) and (min-width:376px) {
    .cart-sidebar-content #home-products {
        margin-bottom: 5px;
    }

    /* #box-pin-products .slick-slider {
        max-height: 550px;
    } */

    .cart-sidebar-content #aboocart.sidebarCartContent {
        height: 63%;
    }
}

@media (max-width:414px) and (min-width:391px) {
    /* #box-pin-products .slick-slider {
        max-height: 640px;
    } */

    .cart-sidebar-content #aboocart.sidebarCartContent {
        height: 65%;
    }
}

@media (max-width:430px) and (min-width:415px) {
    /* #box-pin-products .slick-slider {
        max-height: 550px;
    } */

    .cart-sidebar-content #aboocart.sidebarCartContent {
        height: 65%;
    }
}

/* THANK YOU PAGE */
.checkout-success-products .collapse-products {
    flex-direction: column;
}

.checkout-success-products .collapse-products>div {
    padding-bottom: 15px;
    border-bottom: 1px dashed var(--bg-one);
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.pindrinks-thankyou #order-summary-name {
    font-size: 1.1rem;
}

.pindrinks-thankyou #order-summary-price-qty {
    font-size: 1.1rem;
}

.checkout-success-products .collapse-products div:last-child {
    justify-content: flex-end;
}

.pindrinks-thankyou section#pin-checkoutPage-right {
    padding-top: 80px;
    padding-left: 25px;
    padding-right: 25px;
}

.pindrinks-thankyou section#pin-checkoutPage-right img {
    padding-bottom: 30px;
}

#thank-you-buttons-home {
    background: var(--button-secondary);
    min-width: 150px;
    min-height: 50px;
    border-radius: 45px;
    color: var(--bg-one);
    font-size: 1.1rem;
}

#thank-you-buttons-orders {
    background: var(--bg-one);
    min-width: 150px;
    min-height: 50px;
    border-radius: 45px;
    color: var(--button-secondary);
    font-size: 1.1rem;
}

#thank-you-buttons {
    padding-top: 20px;
}

.pindrinks-thankyou #checkoutPage-wrapper {
    margin-bottom: 60px;
}

#shop-collection-page-title h2 {
    color: var(--bg-one);
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 20px;
}

/* BAYİ BAŞVURU PAGE */
#bayibasvuruPage-one {
    padding: 45px 100px;
    box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.25);
    border-radius: 45px;
}

#bayibasvuruPage {
    margin-bottom: 60px;
}

#bayibasvuruPage-title {
    min-height: 100px;
}

.custom-input select {
    background: #f2f2f2;
    min-height: 50px;
    padding: 0 25px;
    color: var(--text-seven);
    border: none;
    border-radius: 12px;
}

#bayibasvuruPage-formRight .checkmark {
    border: 1px solid var(--bg-one);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 22px;
    height: 22px;
}

#bayibasvuruPage-formRight .custom-checkbox input:checked+.checkmark:after {
    width: 16px;
    height: 16px;
}

#bayibasvuruPage-formRight h3 {
    margin-bottom: 25px;
}

#bayibasvuruPage-formLeft h3 {
    margin-bottom: 25px;
}

#bayibasvuruPage-formRight #login-inputs {
    margin-bottom: 45px;
}

#bayibasvuruPage-formRight button#loginButton {
    margin-top: 45px;
}

@media (max-width:1190px) {
    .pindrinks-thankyou section#pin-checkoutPage-right {
        margin-top: 30px;
    }

    .pindrinks-thankyou .checkout-content-wrap {
        margin-top: 30px;
    }

    .pindrinks-thankyou #checkoutPage-wrapper {
        margin-bottom: 30px;
    }

    .accordion__details .custom-checkbox input {
        left: 0;
    }

    .pindrinks-checkout #pindunyasi-one-accordion .accordion {
        position: relative;
    }

    .pindrinks-checkout #pindunyasi-one-accordion .accordion--open .accordion__heading::after {
        right: auto;
        left: 83%;
    }

    #bayibasvuruPage-one {
        box-shadow: none;
        border-radius: inherit;
        padding: 0;
    }

    #bayibasvuruPage-one form#contactPage {
        flex-direction: column;
    }

    #bayibasvuruPage-one form#contactPage #bayibasvuruPage-formLeft {
        width: 100%;
    }

    #bayibasvuruPage-one form#contactPage #bayibasvuruPage-formRight {
        width: 100%;
    }
}

@media (min-width:1601px) and (max-width:1680px) {
    #box-pin-products .slick-track {
        height: 100vh;
    }

    .si-slide__column {
        gap: 10px;
    }

    .product-slider .slick-dots li {
        background-position: center 50% !important;
    }

    .si-slide__content .si-slide__title title {
        font-size: 4rem;
    }

    #box-pin-content-desc desc {
        font-size: 1.4rem;
    }

    #box-pin-content-price price {
        font-size: 2rem;
    }

    #box-pin-content-price>div {
        width: 40px;
        height: 40px;
    }

    #box-pin-button {
        height: 60px;
        font-size: 1.5rem;
    }

    #box-pin-button b {
        width: 25px;
        height: 25px;
        font-size: 2rem;
        padding: 0;
    }

    .cart-sidebar {
        border-radius: 40px;
        border-top-left-radius: 90px;
        border-top-right-radius: 0;
    }

    .cart-sidebar-header h3 {
        font-size: 1.2rem;
    }

    button#closeCartSidebar svg {
        width: 20px;
        height: 20px;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart .form--shopping-cart {
        padding: 15px 10px;
    }

    #sidebarCart-bottom .product__qty button {
        width: 25px;
        height: 25px;
        font-size: 1.2rem;
    }

    #sidebarCart-bottom .product__qty input {
        font-size: 1.5rem;
        height: 25px;
    }

    #sidebarCart-bottom .product__price {
        min-height: 25px;
    }

    #sidebarCart-bottom .product__price price {
        font-size: 1.2rem;
        line-height: 1;
    }

    #sidebarCart-bottom #removebuttonxxx {
        min-height: 25px;
    }

    #sidebarCart-bottom #removebuttonxxx a {
        width: 25px;
        height: 25px;
    }

    #sidebarCart-product-name span {
        font-size: 1rem;
    }

    #sidebarCart-product-content h2 {
        font-size: 0.8rem;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart {
        border-top-left-radius: 40px;
    }

    .cart-sidebar-content #home-products #product-card-image {
        height: 190px;
    }

    #product-card-attribute {
        left: 15px;
        top: 15px;
        width: 25px;
    }

    .cart-sidebar-content #home-products #product-card-content {
        min-height: 60px;
    }

    #cartSidebar #product-card-price #product-badge img {
        width: 35px;
    }
}

@media (min-width:1441px) and (max-width:1600px) {
    #box-pin-products .slick-track {
        height: 100vh;
    }

    .si-slide__column {
        gap: 10px;
    }

    .product-slider .slick-dots li {
        background-position: center 50% !important;
    }

    .si-slide__content .si-slide__title title {
        font-size: 4rem;
    }

    #box-pin-content-desc desc {
        font-size: 1.4rem;
    }

    #box-pin-content-price price {
        font-size: 2rem;
    }

    #box-pin-content-price>div {
        width: 40px;
        height: 40px;
    }

    #box-pin-button {
        height: 60px;
        font-size: 1.5rem;
    }

    #box-pin-button b {
        width: 25px;
        height: 25px;
        font-size: 2rem;
        padding: 0;
    }

    .cart-sidebar {
        border-radius: 40px;
        border-top-left-radius: 90px;
        border-top-right-radius: 0;
    }

    .cart-sidebar-header h3 {
        font-size: 1.2rem;
    }

    .cart-sidebar-header {
        padding-bottom: 0;
    }

    button#closeCartSidebar svg {
        width: 20px;
        height: 20px;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart .form--shopping-cart {
        padding: 15px 10px;
        gap: 10px;
    }

    #sidebarCart-bottom .product__qty button {
        width: 20px;
        height: 20px;
        font-size: 1.2rem;
    }

    #sidebarCart-bottom .product__qty input {
        font-size: 1.5rem;
        height: 20px;
    }

    #sidebarCart-bottom .product__price {
        min-height: 20px;
    }

    #sidebarCart-bottom .product__price price {
        font-size: 1.2rem;
        line-height: 1;
    }

    #sidebarCart-bottom #removebuttonxxx {
        min-height: 20px;
    }

    #sidebarCart-bottom #removebuttonxxx a {
        width: 20px;
        height: 20px;
    }

    #sidebarCart-product-name span {
        font-size: 1rem;
    }

    #sidebarCart-product-content h2 {
        font-size: 0.8rem;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart {
        border-top-left-radius: 40px;
    }

    .cart-sidebar-content #home-products #product-card-image {
        height: 160px;
    }

    #product-card-attribute {
        left: 15px;
        top: 15px;
        width: 25px;
    }

    .cart-sidebar-content #home-products #product-card-content {
        min-height: 60px;
    }

    #cartSidebar #product-card-price #product-badge img {
        width: 35px;
    }
}

@media (min-width:1370px) and (max-width:1440px) {
    #box-pin-products .slick-track {
        height: 100vh;
    }

    .product-slider .slick-dots li {
        background-position: center 50% !important;
    }

    .si-slide__content .si-slide__title title {
        font-size: 4rem;
    }

    #box-pin-content-desc desc {
        font-size: 1.4rem;
    }

    #box-pin-content-price price {
        font-size: 2rem;
    }

    #box-pin-content-price>div {
        width: 40px;
        height: 40px;
    }

    #box-pin-button {
        height: 60px;
        font-size: 1.5rem;
    }

    #box-pin-button b {
        width: 25px;
        height: 25px;
        font-size: 2rem;
        padding: 0;
    }

    .cart-sidebar {
        border-radius: 40px;
        border-top-left-radius: 90px;
        border-top-right-radius: 0;
    }

    .cart-sidebar-header h3 {
        font-size: 1.2rem;
    }

    .cart-sidebar-header {
        padding-bottom: 0;
    }

    button#closeCartSidebar svg {
        width: 20px;
        height: 20px;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart .form--shopping-cart {
        padding: 15px 10px;
        gap: 10px;
    }

    #sidebarCart-bottom .product__qty button {
        width: 20px;
        height: 20px;
        font-size: 1.2rem;
    }

    #sidebarCart-bottom .product__qty input {
        font-size: 1.5rem;
        height: 20px;
    }

    #sidebarCart-bottom .product__price {
        min-height: 20px;
    }

    #sidebarCart-bottom .product__price price {
        font-size: 1.2rem;
        line-height: 1;
    }

    #sidebarCart-bottom #removebuttonxxx {
        min-height: 20px;
    }

    #sidebarCart-bottom #removebuttonxxx a {
        width: 20px;
        height: 20px;
    }

    #sidebarCart-product-name span {
        font-size: 1rem;
    }

    #sidebarCart-product-content h2 {
        font-size: 0.8rem;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart {
        border-top-left-radius: 40px;
    }

    #product-card-attribute {
        left: 15px;
        top: 15px;
        width: 25px;
    }

    .cart-sidebar-content #home-products #product-card-content {
        min-height: 60px;
    }

    #cartSidebar #product-card-price #product-badge img {
        width: 35px;
    }
}

@media (min-width:1201px) and (max-width:1366px) {
    #box-pin-products .slick-track {
        height: 100vh;
    }

    .si-slide__column {
        gap: 10px;
    }

    .product-slider .slick-dots li {
        background-position: center 50% !important;
    }

    .si-slide__content .si-slide__title title {
        font-size: 4rem;
    }

    #box-pin-content-desc desc {
        font-size: 1.4rem;
    }

    #box-pin-content-price price {
        font-size: 2rem;
    }

    #box-pin-content-price>div {
        width: 40px;
        height: 40px;
    }

    #box-pin-button {
        height: 60px;
        font-size: 1.5rem;
    }

    #box-pin-button b {
        width: 25px;
        height: 25px;
        font-size: 2rem;
        padding: 0;
    }

    .cart-sidebar {
        border-radius: 40px;
        border-top-left-radius: 90px;
        border-top-right-radius: 0;
    }

    .cart-sidebar-header h3 {
        font-size: 1.2rem;
    }

    .cart-sidebar-header {
        padding-bottom: 0;
    }

    button#closeCartSidebar svg {
        width: 20px;
        height: 20px;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart .form--shopping-cart {
        padding: 15px 10px;
        gap: 10px;
    }

    #sidebarCart-bottom .product__qty button {
        width: 20px;
        height: 20px;
        font-size: 1.2rem;
    }

    #sidebarCart-bottom .product__qty input {
        font-size: 1.5rem;
        height: 20px;
    }

    #sidebarCart-bottom .product__price {
        min-height: 20px;
    }

    #sidebarCart-bottom .product__price price {
        font-size: 1.2rem;
        line-height: 1;
    }

    #sidebarCart-bottom #removebuttonxxx {
        min-height: 20px;
    }

    #sidebarCart-bottom #removebuttonxxx a {
        width: 20px;
        height: 20px;
    }

    #sidebarCart-product-name span {
        font-size: 1rem;
    }

    #sidebarCart-product-content h2 {
        font-size: 0.8rem;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart {
        border-top-left-radius: 40px;
    }

    #product-card-attribute {
        left: 10px;
        top: 10px;
        width: 20px;
    }

    .cart-sidebar-content #home-products #product-card-content {
        min-height: 55px;
    }

    #cartSidebar #product-card-price #product-badge img {
        width: 35px;
    }
}

/* PIN FAMLIY */
.mySwiper .left-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 2;
    width: 40%;
}

.mySwiper {
    display: flex;
    flex-grow: 1;
    position: relative;
}

.mySwiper .main {
    display: flex;
    flex-grow: 1;
    position: relative;
}

@media screen and (max-width: 930px) {
    .mySwiper .main {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }
}

.mySwiper .main-header {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 4px;
    font-weight: 600;
    transition-delay: 0.2s;
}

.mySwiper .main-title {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1;
    transition-delay: 0.3s;
}

.mySwiper .main-title b {
    font-size: 3rem;
    color: var(--soguk-cay-seftali-fiveteen);
}

/* FAMILY TITLE */
#orange-mango-family .main-title {
    color: var(--orange-mango-text);
}

#strawberry-vanilla-family .main-title {
    color: var(--strawberry-main);
}

#cool-lime-family .main-title {
    color: var(--cool-lime-text);
}

#hibiscus-tea-family .main-title {
    color: var(--hibiscus-text);
}

#beyaz-seftali-family .main-title {
    color: var(--beyaz-seftali-main);
}

#kis-cayi-family .main-title {
    color: var(--kiscayi-main);
}

#strawberry-vanilla-family .main-title {
    color: var(--strawberry-ten);
}

#vitaminli-soguk-cay-family .main-title {
    color: var(--soguk-cay-seftali-nine);
}

#vitaminli-soguk-cay-family .main-title b {
    color: var(--soguk-cay-seftali-nine);
}

#yuzu-family .main-title {
    color: var(--yuzu-text);
}

#reyhan-family .main-title {
    color: var(--reyhan-text);
}

#blueberry-family .main-title {
    color: var(--blueberry-text);
}

#blueberry-family .main-title b {
    color: var(--blueberry-main);
}

/* FAMILY TITLE */

#pinfamily-step-title {
    transition: color 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}

.main-content-left {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: center;
    width: 100%;
    gap: 50px;
}

.mySwiper .main-subtitle {
    font-family: var(--italic-font);
    font-weight: 400;
    font-size: 32px;
    margin-top: 14px;
    margin-bottom: 60px;
    transition-delay: 0.4s;
}

.mySwiper .main-content .more-menu img {
    width: 75%;
}

.mySwiper .main-content__title {
    font-size: 1.5rem;
    transition-delay: 0.2s;
    background: var(--bg-one);
    border-radius: 10px;
    padding: 5px 40px;
    color: var(--bg-white);
    font-weight: 600;
}

.mySwiper .main-content__titletwo {
    font-size: 1.5rem;
    transition-delay: 0.2s;
    background: var(--bg-one);
    border-radius: 10px;
    padding: 5px 40px;
    color: var(--bg-white);
    font-weight: 600;
}

#orange-mango-family .main-content__title,
#orange-mango-family .main-content__titletwo {
    background: var(--orange-mango-text);
    color: var(--orange-mango-ten);
}

#vitaminli-soguk-cay-family .main-content__title,
#vitaminli-soguk-cay-family .main-content__titletwo {
    background: var(--soguk-cay-seftali-eleven);
    color: var(--soguk-cay-seftali-six);
}

#cool-lime-family .main-content__title,
#cool-lime-family .main-content__titletwo {
    background: var(--cool-lime-text);
    color: var(--cool-lime-six);
}

#hibiscus-tea-family .main-content__title,
#hibiscus-tea-family .main-content__titletwo {
    background: var(--hibiscus-text);
    color: var(--hibiscus-six);
}

#kis-cayi-family .main-content__title,
#kis-cayi-family .main-content__titletwo {
    background: var(--kiscayi-main);
    color: var(--kiscayi-six);
}

#strawberry-vanilla-family .main-content__title,
#strawberry-vanilla-family .main-content__titletwo {
    background: var(--strawberry-ten);
    color: var(--strawberry-main);
}

#beyaz-seftali-family .main-content__title,
#beyaz-seftali-family .main-content__titletwo {
    background: var(--beyaz-seftali-one);
    color: var(--beyaz-seftali-text);
}

#yuzu-family .main-content__title,
#yuzu-family .main-content__titletwo {
    background: var(--yuzu-text);
    color: var(--yuzu-white);
}

#blueberry-family .main-content__title,
#blueberry-family .main-content__titletwo {
    background: var(--blueberry-text);
    color: var(--blueberry-white);
}

#reyhan-family .main-content__title,
#reyhan-family .main-content__titletwo {
    background: var(--reyhan-text);
    color: var(--reyhan-white);
}

.mySwiper .main-content__subtitle {
    font-size: 1.5rem;
    line-height: 1.3;
    transition-delay: 0.3s;
    font-weight: bold;
    padding: 20px 0;
}

.mySwiper .main-content__subtitletwo {
    font-size: 1.5rem;
    line-height: 1.3;
    transition-delay: 0.3s;
    font-weight: bold;
    padding: 20px 0;
}

/* FAMILY SUBTITLE */
#orange-mango-family .main-content__subtitle,
#orange-mango-family .main-content__subtitletwo {
    color: var(--orange-mango-text);
}

#vitaminli-soguk-cay-family .main-content__subtitle,
#vitaminli-soguk-cay-family .main-content__subtitletwo {
    color: var(--soguk-cay-seftali-main);
}

#cool-lime-family .main-content__subtitle,
#cool-lime-family .main-content__subtitletwo {
    color: var(--cool-lime-text);
}

#hibiscus-tea-family .main-content__subtitle,
#hibiscus-tea-family .main-content__subtitletwo {
    color: var(--hibiscus-text);
}

#kis-cayi-family .main-content__subtitle,
#kis-cayi-family .main-content__subtitletwo {
    color: var(--kiscayi-seven);
}

#beyaz-seftali-family .main-content__subtitle,
#beyaz-seftali-family .main-content__subtitletwo {
    color: var(--beyaz-seftali-one);
}

#strawberry-vanilla-family .main-content__subtitle,
#strawberry-vanilla-family .main-content__subtitletwo {
    color: var(--strawberry-one);
}

#yuzu-family .main-content__subtitle,
#yuzu-family .main-content__subtitletwo {
    color: var(--yuzu-text);
}

#reyhan-family .main-content__subtitle,
#reyhan-family .main-content__subtitletwo {
    color: var(--reyhan-text);
}

#blueberry-family .main-content__subtitle,
#blueberry-family .main-content__subtitletwo {
    color: var(--blueberry-text);
}

/* FAMILY SUBTITLE */

.main-content-wrapper {
    gap: 0;
    margin-top: 50px;
    flex-direction: column;
}

.mySwiper .main-content .more-menu {
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition-delay: 0.4s;
}

@media screen and (max-width: 930px) {
    .mySwiper .main-content .more-menu {
        justify-content: center;
        display: none;
    }
}

.mySwiper .main-content .more-menu svg {
    width: 28px;
    height: 18px;
    margin-left: 10px;
}

.mySwiper .main {
    box-sizing: border-box;
    padding: 3% 0;
}

.mySwiper .center {
    display: flex;
    position: relative;
    flex-shrink: 0;
    order: 1;
    width: 50%;
    height: 750px;
}

ul.main-content__list li {
    font-size: 1.5rem;
    padding-bottom: 5px;
}

ul.main-content__list li i {
    font-size: 1rem;
}

.main-wrapper {
    width: 100%;
}

.mySwiper #orange-mango-family .main-content__list li::marker {
    color: var(--orange-mango-text);
    font-size: 2.5rem;
    line-height: 25px;
}

.mySwiper #cool-lime-family .main-content__list li::marker {
    color: var(--cool-lime-text);
    font-size: 2.5rem;
    line-height: 25px;
}

.mySwiper #hibiscus-tea-family .main-content__list li::marker {
    color: var(--hibiscus-text);
    font-size: 2.5rem;
    line-height: 25px;
}

.mySwiper .center .bottle-bg {
    width: 320px;
    height: 450px;
    object-fit: cover;
    border-radius: 160px;
}

@media screen and (max-width: 930px) {
    .mySwiper .center .bottle-bg {
        width: 260px;
        height: 390px;
    }
}

@media screen and (max-width: 575px) {
    .mySwiper .center .bottle-bg {
        width: 220px;
        height: 340px;
    }
}

.mySwiper .center .bottle-img {
    position: absolute;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mySwiper .swiper-pagination {
    position: absolute;
    right: 30px;
    left: auto;
    top: 100px;
    width: auto;
    bottom: auto;
    z-index: 2;
    font-size: 1rem;
    font-weight: 500;
}

#pin-family {
    position: relative;
}

.pindrinks-pindunyasi .button-wrapper {
    position: absolute;
    right: 0;
    bottom: 20%;
    z-index: 1;
    display: flex;
    align-items: center;
}

@media (max-width: 1190px) {
    .mySwiper .button-wrapper {
        top: 0;
        left: 0;
        width: 100%;
        justify-content: space-between;
        padding: 0 60px;
    }

    #pin-family .mySwiper {
        height: 850px;
    }

    .pindrinks-pindunyasi .button-wrapper {
        position: absolute;
        right: 0;
        bottom: 45%;
        z-index: 1;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0 10px;
    }

    .pindrinks-pindunyasi .button-wrapper .swiper-next-button {
        right: 10px;
        position: absolute;
    }
}

@media screen and (max-width: 575px) {
    .mySwiper .button-wrapper {
        padding: 0 20px;
    }
}

.pindrinks-pindunyasi .button-wrapper svg {
    width: 35px;
    color: var(--bg-one);
}

.pindrinks-pindunyasi .button-wrapper .swiper-button {
    border: 1px solid var(--bg-one);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, var(--bg-one) 40%, transparent 0%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.pindrinks-pindunyasi .button-wrapper .swiper-button img {
    height: 30px;
}

.pindrinks-pindunyasi .button-wrapper .swiper-button+.swiper-button {
    margin-left: 16px;
}

@media screen and (max-width: 930px) {
    .pindrinks-pindunyasi .button-wrapper .swiper-button+.swiper-button {
        margin-left: 0;
    }
}

.pindrinks-pindunyasi .button-wrapper .swiper-button:hover {
    background-color: var(--bg-one);
    background-position: left bottom;
}

.pindrinks-pindunyasi .button-wrapper .swiper-button:hover img {
    filter: brightness(0) invert(1);
}

.pindrinks-pindunyasi .button-wrapper .swiper-button:hover svg {
    stroke: #fff;
}

.pindrinks-pindunyasi .button-wrapper .swiper-prev-button {
    background: linear-gradient(to left, var(--bg-one) 40%, transparent 0%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: all 0.3s ease-out;
    transform: rotate(180deg);
}

.pindrinks-pindunyasi .button-wrapper .swiper-prev-button svg {
    transform: rotate(-180deg);
}

.pindrinks-pindunyasi .button-wrapper .swiper-prev-button:hover {
    background-position: right bottom;
}

.mySwiper .swiper-slide {
    opacity: 0 !important;
    transition: 0.4s;
}

.mySwiper .swiper-slide-active {
    opacity: 1 !important;
}

.mySwiper .swiper-slide .main-wrapper>*,
.mySwiper .swiper-slide .main-content>* {
    transform: translateY(-30px);
    opacity: 0;
    transition-duration: 0.8s;
}

.mySwiper .swiper-slide-active .main-wrapper>*,
.mySwiper .swiper-slide-active .main-content>* {
    transform: none;
    opacity: 1;
}

.mySwiper .swiper-slide .bottle-bg {
    transition-duration: 0.6s;
    opacity: 0;
    object-position: 60%;
}

.mySwiper .swiper-slide-active .bottle-bg {
    opacity: 1;
    transform: none;
    object-position: 50%;
}

.mySwiper .swiper-slide .bottle-img {
    transition-duration: 0.8s;
    opacity: 0;
}

.mySwiper .swiper-slide-active .bottle-img {
    opacity: 1;
}

@media screen and (max-width: 1190px) {
    .mySwiper .center {
        width: 100%;
        height: 500px;
        order: 2;
    }

    .mySwiper .left-side {
        order: 1;
        width: 100%;
        padding: 0 10px;
        position: relative;
        top: -30px;
    }

    .mySwiper #beyaz-seftali-family.swiper-slide-active .bottle-img {
        height: 90%;
    }

    .mySwiper #kis-cayi-family.swiper-slide-active .bottle-img {
        height: 90%;
    }

    .mySwiper #strawberry-vanilla-family.swiper-slide-active .bottle-img {
        height: 90%;
    }

    .mySwiper .left-side .main-content__list {
        display: none;
    }

    .mySwiper .main-title {
        text-align: center;
        font-size: 3rem;
    }

    ul.main-content__list li {
        font-size: 1.2rem;
    }

    .mySwiper .main-content__list li::marker {
        font-size: 1.5rem !important;
    }

    .main-content-wrapper {
        gap: 30px;
        margin-top: 20px;
    }

    .mobile-pindrinks-pindunyasi .button-wrapper {
        bottom: 25%;
        gap: 20px;
        right: 0;
        justify-content: space-between;
        width: 100%;
        position: absolute;
        left: 0;
        padding: 0 10px;
    }

    .pindrinks-pindunyasi .button-wrapper .swiper-button {
        border: none;
        width: auto;
        height: auto;
    }

    .pindrinks-pindunyasi .button-wrapper .swiper-button:hover {
        background: transparent;
        background-position: center;
    }

    .pindrinks-pindunyasi .button-wrapper .swiper-button:hover img {
        filter: none;
    }

    .mySwiper .main-title b {
        font-size: 2rem;
        color: var(--soguk-cay-seftali-fiveteen);
    }
}

/* PIN Dunyasi Marquee */
#pindunyasi-markets-container .swiper-slide img {
    width: 254px;
    height: 101px;
    border: 1px solid var(--bg-one);
    border-radius: 20px;
}

@media (max-width:1190px) {
    #pindunyasi-markets-container .swiper-slide img {
        width: auto;
        height: auto;
        border: 1px solid var(--bg-one);
        border-radius: 20px;
    }
}

/* PIN Dunyasi Marquee */

/* PHOTO GALLERY SWIPER */
#productDetail-gallery .swiper-slide {
    display: flex;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    gap: 20px;
}

#productDetail-gallery .left-box {
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#productDetail-gallery .right-box {
    flex-direction: column;
    gap: 20px;
    border-radius: 20px;
    display: flex;
}

#productDetail-gallery .center-box {
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#productDetail-gallery .big-card {
    flex: 2;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#productDetail-gallery .small-card {
    flex: 1;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#productDetail-gallery .gallerySwiper img {
    border-radius: 20px;
}

@media (max-width:1190px) {

    #productDetail-gallery .left-box,
    #productDetail-gallery .right-box,
    #productDetail-gallery .center-box {
        width: 100%;
        height: auto;
    }

    #productDetail-gallery .left-box img,
    #productDetail-gallery .right-box img,
    #productDetail-gallery .center-box img {
        object-fit: cover;
        border-radius: 20px;
    }

    /*#productDetail-gallery .swiper-slide {
        height: 450px;
    }*/
}

/* BLOG LIST */
#sidebar-last-postList {
    margin-top: 2vw;
    gap: 5px;
}

#sidebar-last-postList svg {
    border: 1px solid var(--bg-one);
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    padding: 3px;
}

#sidebar-last-postList h1 {
    font-weight: 500;
    margin: auto;
    line-height: 1;
}

#sidebar-last-postList item#blog-item {
    border-bottom: 1px dashed var(--bg-one);
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
}

#sidebar-last-postList h1 a {
    height: 100%;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1rem;
}

#blogList-container #blog-item-image img {
    border-radius: 1.5vw;
}

#featured-post a img {
    border-radius: 3vw;
}

#featured-post h1 {
    bottom: 0;
    min-height: 15vh;
    background: var(--featured-blog-title);
    margin-bottom: 0;
    border-bottom-left-radius: 3vw;
    border-bottom-right-radius: 3vw;
    color: var(--bg-white);
    font-size: 1.7rem;
    padding: 2vw;
}

#blog-list-wrapper>h2 {
    font-size: 1.5rem;
}

#sidebar-featured-postList item#blog-item {
    padding: 15px 0;
    border-bottom: 1px solid #9B99A4;
}

#sidebar-featured-postList item#blog-item img {
    border-radius: 1vw;
}

@media (max-width:1190px) {
    #featured-post h1 {
        min-height: 10vh;
        font-size: 1.5rem;
    }
}

/* 404 */
#errorPage {
    margin: 10% auto;
}

#errorPage h3 {
    margin: 10px auto;
}

#errorPage h2,
#errorPage h1,
#errorPage h3,
#errorPage h4 {
    margin: auto;
}

#errorPage a {
    background: var(--bg-one);
    padding: 10px 40px;
    border-radius: 33px;
    margin-top: 40px;
}

#errorPage h4 {
    margin-top: 15px;
}

#errorPageLeft {
    position: absolute;
    left: -10%;
    padding: 0;
    width: 100%;
    max-width: 50%;
    top: 23%;
}

@media (max-width:1190px) {
    #errorPage {
        flex-direction: column;
    }

    #errorPageLeft {
        position: relative;
        left: auto;
        top: auto;
    }

    #errorPageRight {
        padding: 0;
        padding-top: 20px;
    }

    #errorPage>div {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }

    #errorPage>div:nth-child(2) {
        text-align: center;
    }

    #errorPageRight h2 {
        font-size: 3rem;
    }

    #errorPageRight h1 {
        font-size: 10rem;
    }

    #errorPageRight h3 {
        font-size: 1.4rem;
        line-height: 1.4;
    }

    #errorPageRight h4 {
        font-size: 1.5rem;
        line-height: 1.4;
    }
}

/* CHECKOUT SWITCH */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.pindrinks-checkout .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.pindrinks-checkout .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked+.slider {
    background-color: var(--bg-blue);
}

input:checked+.slider:before {
    transform: translateX(26px);
}

/* CHECKOUT SWITCH */

/* WISHLIST */
.pindrinks-wishlist #ae-productItems #product-card-image {
    width: 100%;
}

.pindrinks-wishlist #ae-productItems #product-card-image #product-card-attribute {
    left: 1.5vw;
    top: 1.5vw;
    width: 2vw;
}

/*.pindrinks-wishlist #ae-productItems  #product-card-image #product-card-attribute img {
    height: 100%;
    width: 100%;
}*/
.pindrinks-wishlist #ae-productItems #product-card-content {
    background: var(--bg-white);
    border-radius: 60px;
    min-height: 100px;
}

.pindrinks-wishlist #ae-productItems #product-card-content h1 {
    color: var(--bg-one);
}

.pindrinks-wishlist #ae-productItems #product-card-image .cartPage-delete {
    position: absolute;
    right: 1.3vw;
    top: 1.3vw;
    width: 25px;
}

#headerMainmy-saved-page #ae-productItems #product-card-image .cartPage-delete {
    position: absolute;
    right: 1.3vw;
    top: 1.3vw;
    width: 25px;
}

@media (max-width:1190px) {
    .pindrinks-wishlist #ae-productItems.grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pindrinks-wishlist #ae-productItems #product-card-image #product-card-attribute {
        left: 2vw;
        top: 2vw;
        width: 30px;
    }

    /*.pindrinks-wishlist #ae-productItems  #product-card-image #product-card-attribute img {
        height: 100%;
        width: 100%;
    }*/
    .pindrinks-wishlist #ae-productItems #product-card-content {
        background: var(--bg-white);
        border-radius: 40px;
        min-height: 65px;
    }

    .pindrinks-wishlist #ae-productItems #product-card-image .cartPage-delete {
        position: absolute;
        right: 3vw;
        top: 3vw;
        max-width: 25px;
    }

    .pindrinks-wishlist #ae-productItems #product-card-content #product-card-title h1 {
        font-size: 0.9rem;
    }

    .pindrinks-wishlist #cartpageTabItem {
        justify-content: center;
    }
}

/* WISHLIST */

@media (max-width:1499px) and (min-width:1201px) {
    .cart-sidebar-header {
        padding: 10px;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart .form--shopping-cart {
        padding: 10px;
    }

    #shop-cart-footer {
        padding: 0 10px;
    }

    .cart-sidebar-content #product-card-attribute span:first-child {
        font-size: 2rem;
    }

    .cart-sidebar-content #product-card-attribute span:last-child {
        font-size: 1rem;
    }

    .cart-sidebar-content #product-card-price sup {
        width: 35px;
        height: 35px;
    }

    .cart-sidebar-content #product-card-price sup span {
        font-size: 1.2rem;
    }

    .cart-sidebar-content #product-card-price sup span:last-child {
        font-size: 0.7rem;
    }

    .cart-sidebar-content #product-card-price price {
        min-width: 90px;
        min-height: 29px;
        max-height: 29px;
        font-size: 1.2rem;
    }

    .cart-sidebar-content #home-products #home-cam-pin #product-card-content #product-card-title h1 {
        font-size: 0.8rem !important;
    }

    .cart-sidebar-content #product-card-addtocart {
        width: 25px;
        height: 25px;
    }

    .cart-sidebar-content #product-card-addtocart a {
        font-size: 2rem;
    }

    .cart-sidebar-content #home-products {
        padding: 1vw 1vw 0;
        margin-bottom: 0;
    }

    .cart-sidebar-content #home-products #product-card {
        padding-left: 1px;
        padding-bottom: 1px;
    }

    .cart-sidebar-content .swiper-wrapper {
        right: 0;
    }

    .cart-sidebar-content #home-products #product-card-content {
        box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.25);
    }

    #cartSidebar .cart-sidebar-content #product-card-price price {
        min-width: 65px;
        font-size: 0.8rem !important;
        min-height: 25px;
        max-height: 25px;
    }

    #cartSidebar .cart-sidebar-content #product-card-price #product-badge img {
        width: 30px;
    }

    #product-card-attribute img {
        width: 15px;
        height: auto;
    }

    .cart-sidebar-content #home-products #product-card-attribute {
        width: 15px;
    }

    .cart-sidebar-content .ps-cart_no_items .cart-empty-message .empty-cart-img img {
        width: 5vw;
    }

    .cart-sidebar-content .ps-cart_no_items .cart-empty-message {
        font-size: 1rem;
    }

    .login-tab-link847 {
        min-height: 4vw;
        font-size: 1rem;
    }

    #loginForm847 input,
    #registerForm847 input {
        min-height: 3vw;
        font-size: 0.8rem;
    }

    #loginForm847 #login-password a {
        font-size: 0.8rem;
    }

    #tabLoginForm847 button {
        min-height: 3vw;
        font-size: 0.8rem;
    }

    .cart-sidebar-content #home-products #product-card-image {
        height: 125px;
    }

    #sidebarCart-product-name span {
        font-size: 0.8rem;
    }

    #sidebarCart-bottom .product__qty button {
        width: 17px;
        height: 17px;
        font-size: 1rem;
    }

    #sidebarCart-bottom .product__price price {
        font-size: 1rem;
        line-height: 1;
    }

    #sidebarCart-bottom #removebuttonxxx {
        min-height: 17px;
    }

    #sidebarCart-bottom #removebuttonxxx a {
        width: 17px;
        height: 17px;
    }

    #shop-cart-footer a {
        font-size: 1rem;
        padding: 7px 0;
    }

    #cartPage-title {
        padding: 0 15px;
    }

    #cartPage-title {
        padding: 0 15px;
    }

    .pindrinks-cartPage #cartPage #product-card-attribute {
        width: 30px;
        left: 15px;
        top: 20px;
    }

    .pindrinks-cartPage #cartPage #product-card-attribute img {
        width: 25px;
    }

    /* PRODUCT DETAIL */
    .orange-mango-250ml #productDetail-left #productDetail-info h1 p {
        font-size: 12rem;
    }

    #productDetail-info h2 {
        font-size: 1.5rem;
    }

    #productDetail-content {
        min-height: 4vw;
        justify-content: center !important;
        gap: 20px;
    }

    #productDetail-content h4 {
        font-size: 2rem;
    }

    #productDetail-priceBg {
        min-height: 4vw;
        gap: 0;
    }

    #productDetail-priceOrj .sale-price {
        font-size: 2rem;
    }

    #productDetail-qty {
        height: 4vw;
    }

    #productDetail-qty button {
        font-size: 2.5rem;
    }

    #productDetail-qty input {
        font-size: 2rem;
    }

    #productDetail-button {
        height: 4vw;
    }

    #productDetail-button #products-buttons button {
        font-size: 1.5rem;
    }

    #productDetail-wrapper {
        border-top-left-radius: 400px;
        border-top-right-radius: 90px;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .orange-mango-250ml #product-images img.product-image {
        height: 60%;
    }

    #productDetail-center img {
        height: 100%;
        width: 80%;
        object-fit: contain;
    }

    #productDetail-center #productDetail-specialText h5 {
        font-size: 5rem;
    }

    #productDetail-center {
        align-items: center;
        gap: 30px;
        top: auto;
    }

    #productDetail-center #productDetail-specialText {
        right: auto;
    }

    /* PRODUCT DETAIL */

    /* LOGIN PAGE */
    #login-logo {
        width: 8vw;
        margin-bottom: 1vw;
    }

    #login-inputs {
        margin-bottom: 1vw;
    }

    #login-inputs input {
        min-height: 2.5vw;
        font-size: 0.8rem;
        padding: 0 1vw;
    }

    .pindrinks-login button#loginButton {
        min-height: 2.5vw;
        font-size: 0.9rem;
    }

    .pindrinks-login #login-otherButtons {
        margin-top: 2vw;
    }

    .pindrinks-login #login-otherButtons a {
        min-height: 2.5vw;
        padding: 0 20px;
        font-size: 0.9rem;
    }

    .pindrinks-login #login-password a {
        font-size: 0.9rem;
    }

    #registerPage .custom-checkbox {
        font-size: 0.8rem;
        margin-top: auto;
    }

    #registerPage .custom-checkbox a {
        font-size: 0.8rem;
    }

    #pin-loginPage h3 {
        font-size: 1rem;
    }

    #pin-loginPage form {
        justify-content: flex-start;
    }

    .pindrinks-login button#resetButton {
        min-height: 2.5vw;
        font-size: 0.9rem;
    }

    /* LOGIN PAGE */
}

@media (max-width:1600px) and (min-width:1500px) {
    .cart-sidebar-header {
        padding: 20px 0 0;
    }

    .cart-sidebar-content #aboocart .shop-card .ps-table--shopping-cart .form--shopping-cart {
        padding: 20px 40px 30px;
    }

    #shop-cart-footer {
        padding: 0 40px;
    }

    .cart-sidebar-content #product-card-attribute span:first-child {
        font-size: 2rem;
    }

    .cart-sidebar-content #product-card-attribute span:last-child {
        font-size: 1rem;
    }

    .cart-sidebar-content #product-card-price sup {
        width: 35px;
        height: 35px;
    }

    .cart-sidebar-content #product-card-price sup span {
        font-size: 1.2rem;
    }

    .cart-sidebar-content #product-card-price sup span:last-child {
        font-size: 0.7rem;
    }

    .cart-sidebar-content #product-card-price price {
        min-width: 90px;
        min-height: 29px;
        max-height: 29px;
        font-size: 1.2rem;
    }

    .cart-sidebar-content #home-products #home-cam-pin #product-card-content #product-card-title h1 {
        font-size: 0.8rem !important;
    }

    .cart-sidebar-content #product-card-addtocart {
        width: 25px;
        height: 25px;
    }

    .cart-sidebar-content #product-card-addtocart a {
        font-size: 2rem;
    }

    .cart-sidebar-content #home-products {
        padding: 10px 40px 0;
        margin-bottom: 0;
    }

    .cart-sidebar-content #home-products #product-card {
        padding-left: 1px;
        padding-bottom: 1px;
    }

    .cart-sidebar-content .swiper-wrapper {
        right: 0;
    }

    .cart-sidebar-content #home-products #product-card-content {
        box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.25);
    }

    #cartSidebar .cart-sidebar-content #product-card-price price {
        min-width: 65px;
        font-size: 0.8rem !important;
        min-height: 25px;
        max-height: 25px;
    }

    #cartSidebar .cart-sidebar-content #product-card-price #product-badge img {
        width: 30px;
    }

    #product-card-attribute img {
        width: 15px;
        height: auto;
    }

    .cart-sidebar-content #home-products #product-card-attribute {
        width: 15px;
    }

    .cart-sidebar-content .ps-cart_no_items .cart-empty-message .empty-cart-img img {
        width: 5vw;
    }

    .cart-sidebar-content .ps-cart_no_items .cart-empty-message {
        font-size: 1rem;
    }

    .login-tab-link847 {
        min-height: 4vw;
        font-size: 1rem;
    }

    #loginForm847 input,
    #registerForm847 input {
        min-height: 3vw;
        font-size: 0.8rem;
    }

    #loginForm847 #login-password a {
        font-size: 0.8rem;
    }

    #tabLoginForm847 button {
        min-height: 3vw;
        font-size: 0.8rem;
    }

    .cart-sidebar-content #home-products #product-card-image {
        height: 125px;
    }

    #sidebarCart-product-name span {
        font-size: 0.8rem;
    }

    #sidebarCart-bottom .product__qty button {
        width: 17px;
        height: 17px;
        font-size: 1rem;
    }

    #sidebarCart-bottom .product__price price {
        font-size: 1rem;
        line-height: 1;
    }

    #sidebarCart-bottom #removebuttonxxx {
        min-height: 17px;
    }

    #sidebarCart-bottom #removebuttonxxx a {
        width: 17px;
        height: 17px;
    }

    #shop-cart-footer a {
        font-size: 1rem;
        padding: 7px 0;
    }

    #cartPage-title {
        padding: 0 15px;
    }

    #cartPage-title {
        padding: 0 15px;
    }

    .pindrinks-cartPage #cartPage #product-card-attribute {
        width: 30px;
        left: 15px;
        top: 20px;
    }

    .pindrinks-cartPage #cartPage #product-card-attribute img {
        width: 25px;
    }

    /* PRODUCT DETAIL */
    .orange-mango-250ml #productDetail-left #productDetail-info h1 p {
        font-size: 12rem;
    }

    #productDetail-info h2 {
        font-size: 1.5rem;
    }

    #productDetail-content {
        min-height: 4vw;
        justify-content: center !important;
        gap: 20px;
    }

    #productDetail-content h4 {
        font-size: 2rem;
    }

    #productDetail-priceBg {
        min-height: 4vw;
        gap: 0;
    }

    #productDetail-priceOrj .sale-price {
        font-size: 2rem;
    }

    #productDetail-qty {
        height: 4vw;
    }

    #productDetail-qty button {
        font-size: 2.5rem;
    }

    #productDetail-qty input {
        font-size: 2rem;
    }

    #productDetail-button {
        height: 4vw;
    }

    #productDetail-button #products-buttons button {
        font-size: 1.5rem;
    }

    #productDetail-wrapper {
        border-top-left-radius: 400px;
        border-top-right-radius: 90px;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .orange-mango-250ml #product-images img.product-image {
        height: 60%;
    }

    #productDetail-center img {
        height: 100%;
        width: 80%;
        object-fit: contain;
    }

    #productDetail-center #productDetail-specialText h5 {
        font-size: 5rem;
    }

    #productDetail-center {
        align-items: center;
        gap: 30px;
        top: auto;
    }

    #productDetail-center #productDetail-specialText {
        right: auto;
    }

    /* PRODUCT DETAIL */

    /* LOGIN PAGE */
    #login-logo {
        width: 8vw;
        margin-bottom: 1vw;
    }

    #login-inputs {
        margin-bottom: 1vw;
    }

    #login-inputs input {
        min-height: 2.5vw;
        font-size: 0.8rem;
        padding: 0 1vw;
    }

    .pindrinks-login button#loginButton {
        min-height: 2.5vw;
        font-size: 0.9rem;
    }

    .pindrinks-login #login-otherButtons {
        margin-top: 2vw;
    }

    .pindrinks-login #login-otherButtons a {
        min-height: 2.5vw;
        padding: 0 20px;
        font-size: 0.9rem;
    }

    .pindrinks-login #login-password a {
        font-size: 0.9rem;
    }

    #registerPage .custom-checkbox {
        font-size: 0.8rem;
        margin-top: auto;
    }

    #registerPage .custom-checkbox a {
        font-size: 0.8rem;
    }

    #pin-loginPage h3 {
        font-size: 1rem;
    }

    #pin-loginPage form {
        justify-content: flex-start;
    }

    .pindrinks-login button#resetButton {
        min-height: 2.5vw;
        font-size: 0.9rem;
    }

    /* LOGIN PAGE */
}

@media (min-width:320px) and (max-width:767px) {
    .product-slider .slick-dots li::after {
        width: 100%;
        height: 130px;
    }

    .product-slider .slick-dots li a {
        font-size: 1rem;
    }

    .info-content-item span {
        font-size: 0.5rem;
    }

    #home-products title {
        font-size: 1.5rem;
    }

    #product-card-title a h1 {
        font-size: 0.9rem;
    }

    #pin-home.mobile-pindrinks #home-cam-pin #product-card-content #product-card-title h1 {
        font-size: 0.9rem;
    }

    #pin-home.mobile-pindrinks #home-litrelik-pin #product-card-content #product-card-title h1 {
        font-size: 0.9rem;
    }

    #productDetail-priceBirim span.priceBirim {
        font-size: 0.9rem;
    }

    #productDetail-priceBg price {
        font-size: 1.3rem;
        color: var(--bg-one);
    }

    .standart-layout #productDetail-priceBg price {
        color: var(--bg-one);
    }

    #productDetail-priceBg .sale-price+.notsale-price {
        font-size: 1rem;
    }

    #productDetail-content h4:nth-child(2) {
        font-size: 1.1rem;
    }

    #productDetail-content h4 {
        font-size: 2rem;
    }

    #productDetail-content {
        padding: 0 15px;
    }

    #productDetail-qty button {
        font-size: 2rem;
    }

    #productDetail-qty input {
        font-size: 1.5rem;
    }

    #productDetail-button #products-buttons button {
        font-size: 1.2rem;
        padding: 0;
    }

    #productDetail-button #products-buttons #detail-saved {
        padding: 0 5px;
    }

    #productDetail-tabContainer .tab sup {
        height: 23px;
    }

    #productDetail-tabContent span {
        font-size: 0.8rem;
    }

    #attributesContent img.image_resized {
        width: 100% !important;
    }

    #productDetail-related h3 {
        font-size: 3.5rem;
    }

    #productDetail-gallery h3 {
        font-size: 3.5rem;
    }

    #productDetail-relatedProducts #product-card-content #product-card-title h1 {
        font-size: 0.75rem;
        font-weight: 600;
    }

    .mobile-pindrinks-product-detail #product-card-content {
        min-height: 70px;
    }

    .mobile-pindrinks-product-detail #productDetail-relatedProducts #product-card-image {
        height: 250px;
    }

    #productDetail-coupons {
        min-height: 60px;
    }

    .cart-sidebar-content .ps-cart_no_items .cart-empty-message .empty-cart-img img {
        width: 20vw;
    }

    #sidebarCartEmpty .empty-cart-title {
        font-size: 1.2rem;
    }

    #sidebarCartEmpty .empty-cart-desc {
        font-size: 1rem;
        text-align: center;
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:1190px) {
    #box-pin-products .slick-list {
        height: 100%;
    }

    #productDetail-tabContainer .tab sup {
        height: 23px;
    }

    #productDetail-button #products-buttons #detail-saved {
        padding: 0 10px;
    }

    #productDetail-related h3 {
        font-size: 4rem;
    }

    #productDetail-gallery h3 {
        font-size: 4rem;
    }

    .si-slide__column:last-of-type {
        height: 100%;
        justify-content: center;
        gap: 25px;
    }

    #box-pin-products #slide-info img {
        width: clamp(75px, 14vw, 160px);
    }

    .slick-active .si-slide__content h2 {
        font-size: 4rem;
    }

    #box-pin-content-desc {
        align-items: flex-start !important;
    }

    #box-pin-content-desc desc {
        font-size: 1.5rem;
    }

    #box-pin-content-price price {
        font-size: 3rem;
        line-height: 2;
    }

    #box-pin-content-price>div {
        width: 60px;
        height: 60px;
    }

    #box-pin-content-price {
        justify-content: flex-start !important;
    }

    #box-pin-content-price>div img {
        width: 100%;
    }

    #box-pin-button {
        height: 60px;
        font-size: 1.5rem;
    }

    #box-pin-button b {
        width: 25px;
        height: 25px;
        font-size: 2rem;
    }

    #box-pin-products .product-slider .slick-dots {
        height: 25vh;
        bottom: 10vh;
        padding: 0 5vw;
    }

    .product-slider .slick-dots li::after {
        height: 25vh;
        width: 100%;
    }

    .product-slider .slick-dots li a {
        font-size: 2rem;
        width: 65%;
    }

    .hero .swiper-pagination {
        bottom: 5vh !important;
    }

    #home-infos {
        height: 30vh;
    }

    #home-infos #info-title img {
        width: 75%;
    }

    #home-infos #info-title a {
        display: flex;
        justify-content: center;
    }

    .info-hover-wrapper {
        max-height: 25vh;
    }

    .info-content-item {
        width: 140px;
    }

    .info-content-item span {
        font-size: 1.1rem;
    }

    #home-neden-pin a {
        width: 100%;
    }

    #home-neden-pin a img {
        width: 100%;
    }

    /* SIDEBAR */
    .cart-sidebar-content {
        padding: 2vw 5vw 5vw;
    }

    #cartSidebar #sidebarCartItem .font-18 {
        font-size: 1.2rem;
    }

    #sidebarCart-product-name span:nth-child(2) {
        font-size: 1.2rem;
    }

    #sidebarCart-bottom .product__qty button {
        width: 25px;
        height: 25px;
        font-size: 1.5rem;
    }

    #sidebarCart-bottom .product__qty input {
        width: 30px;
        font-size: 1.8rem;
        height: 25px;
    }

    #cartSidebar #sidebarCartItem del price {
        font-size: 1.5rem;
    }

    #cartSidebar #sidebarCart-bottom .product__price price {
        font-size: 1.5rem;
    }

    #sidebarCart-bottom #removebuttonxxx {
        min-height: 25px;
        width: 25px;
        height: 25px;
    }

    /* PRODUCT DETAIL */
    #productDetail-left {
        max-width: 100%;
        width: 100%;
    }

    #productDetail-center {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width:1190px) {
    #pin-checkoutPage-left>div {
        flex-direction: column;
    }

    #pin-checkoutPage-left>div>div {
        flex-direction: column;
        align-items: flex-start !important;
    }

    #checkout-billing_address-kurumsal-multiple {
        flex-direction: column;
    }

    #checkout-billing_address-kurumsal-multiple div {
        width: 100%;
    }

    #checkout-address-kurumsal-multiple {
        flex-direction: column;
    }

    #checkout-address-kurumsal-multiple div {
        width: 100%;
    }

    /* ACCOUNTS */
    #customer-page-menus .user-own-nav {
        padding: 0 10px;
    }

    #customer-page-menus .user-own-nav a {
        height: 50px;
    }

    #customer-page-menus .user-own-nav a.active {
        height: 50px;
    }

    #customer-page-menus .user-own-nav a.active del {
        width: auto;
        height: 50px;
        transform: none;
        border-radius: 5px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    div#customer-page-content {
        width: 95%;
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
        padding: 15px !important;
    }

    #overview-page form.ps-form--account-setting {
        align-items: center;
    }

    #overview-page-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 10px;
        margin-top: 15px;
    }

    #overview-page {
        padding: 0;
    }

    #overview-page-container>div {
        padding: 0;
    }

    #userInfos-buttons {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-top: 30px;
    }

    #passwordchange form {
        width: 100%;
        padding: 0 20px;
        margin: 30px auto 10px;
    }

    div#pinOrders-header {
        flex-direction: column;
        width: 100%;
    }

    #pinOrders-content {
        padding: 10px;
    }

    #pinOrders-listprocess {
        display: none !important;
    }

    #pinOrders-listinfo.order-list-status {
        width: 50%;
        max-width: 50%;
        flex-basis: 50%;
    }

    .pindrinks-orders #my-orders-details {
        padding: 10px 0;
    }

    #pinOrders-detailList {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto;
        grid-template-columns: 30% 70%;
    }

    #pinOrders-detailList #pinOrders-detailImage {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        width: 100%;
        max-width: 100%;
        height: 100%;
    }

    #pinOrders-detailList #pinOrders-detailInfo {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        width: 100%;
        max-width: 100%;
        padding-left: 15px !important;
    }

    #pinOrders-detailList #pinOrders-detailPrices {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
        width: 100%;
        max-width: 100%;
        gap: 5px;
        margin-top: 10px;
    }

    #pinOrders-detailList #pinOrders-detailImage img {
        width: 50%;
        height: 100%;
        object-fit: contain;
    }

    #pinOrders-paydetailHeader {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    #pinOrders-paydetailWrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #pinAddAddress-info {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #pinAddAddress-phone {
        align-items: flex-start !important;
    }

    #pinAddAddress-buttons div {
        width: 50%;
        max-width: 50%;
        flex-basis: 50%;
    }
}

@media (max-width:1190px) {
    #checkoutInputskurumsal-fatura {
        width: 100%;
    }

    #checkout-address-ordernote .form-group {
        width: 100%;
    }

    .sozlesme-detay {
        width: 100%;
    }
}

@media (min-width:1200px) {
    .pikili-deneme-1litre-petp #product-images img.product-image {
        height: 85%;
    }

    .pcool-lime-hibiscus-soguk-cay-1lt-petp #product-images img.product-image {
        height: 92%;
    }
}

/* CART PAGE */
.pindrinks-cartPage .ps-section__header h3 {
    font-weight: 600;
    color: var(--bg-one);
    font-size: 1.2rem;
    line-height: 1;
}

.pindrinks-cartPage .ps-section__content .ps-product #product-card-image {
    width: 100%;
}

.pindrinks-cartPage .ps-section__content .ps-product #product-card-content {
    border-radius: 60px;
    border-top-right-radius: 0;
    min-height: 100px;
    background: var(--bg-white);
    box-shadow: 0px 4px 23.6px -8px rgba(0, 0, 0, 0.25);
}

.pindrinks-cartPage .ps-section__content .ps-product #product-card-content #product-card-title h1 {
    color: var(--text-primary);
}

.pindrinks-cartPage .ps-section__content .ps-product #product-card-content:hover #product-card-title {
    border: 3px solid var(--color-two);
    border-radius: 60px;
    border-top-right-radius: 0;
}

.pindrinks-cartPage #cartPage-wrapper+.ps-section--default .ps-section__content .row {
    row-gap: 20px;
}

.pindrinks-cartPage .ps-section__content .ps-product #product-card-content:hover #product-card-title {
    transition: border 0.1s ease;
}

.pindrinks-cartPage .ps-section__content .ps-product #product-card-attribute {
    left: 25px;
    top: 25px;
    width: 30px;
}

@media (max-width:1190px) {
    .pindrinks-cartPage #cartPage-wrapper+.ps-section--default {
        margin-top: 40px;
    }

    .pindrinks-cartPage #cartPage-wrapper+.ps-section--default .ps-section__content {
        margin-left: auto;
        margin-right: auto;
    }

    .pindrinks-cartPage #cartPage-wrapper+.ps-section--default .ps-section__content .row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 30px;
    }

    .pindrinks-cartPage #cartPage-wrapper+.ps-section--default .ps-section__content .row>div {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pindrinks-cartPage #cartPage-wrapper+.ps-section--default .ps-section__content #product-card-content {
        border-radius: 40px;
        border-top-right-radius: 0;
        min-height: 80px;
    }

    .pindrinks-cartPage .ps-section--default .ps-section__content #ae-productItems {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 30px;
    }
}

/* BLOG DETAIL */
.pindrinks-blog-detail .blog-detail-hero img.blog-hero-image {
    width: 100%;
    height: 540px;
    object-fit: cover;
    border-radius: 60px;
}

.pindrinks-blog-detail #blogDetail-container {
    margin-top: 1vw;
}

.pindrinks-blog-detail #blogDetail-wrapper {
    margin-top: 2vw;
}

#blogDetail-wrapper .ck-content p {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 15px;
}

#blogDetail-wrapper .ck-content p a {
    color: var(--bg-blue);
}

#blogDetail-wrapper .ck-content p a:hover {
    color: var(--bg-one);
}

.pindrinks-blog-detail #product-card-image {
    width: 100%;
}

.pindrinks-blog-detail #product-card-image #product-card-attribute {
    left: 20px;
    top: 20px;
}

@media (max-width:1190px) {
    .pindrinks-blog-detail #blogDetail-wrapper sidebar {
        display: none !important;
    }

    .pindrinks-blog-detail #home-products .d-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pindrinks-blog-detail #product-card-addtocart {
        width: 25px;
        height: 25px;
    }

    .pindrinks-blog-detail #product-card-addtocart svg {
        width: 25px;
        height: 25px;
    }

    .pindrinks-blog-detail #product-card-addtocart a {
        display: flex;
    }

    .pindrinks-blog-detail .home-litrelik-pin #product-card-image {
        border-radius: 30px;
        width: 100%;
        padding: 10px 0;
        height: 180px;
    }

    .pindrinks-blog-detail #product-card-image {
        border-radius: 30px;
        width: 100%;
        padding: 10px 0;
    }

    .pindrinks-blog-detail #home-products {
        padding: 0;
    }

    .pindrinks-blog-detail #product-card-image img {
        width: 85%;
        padding-bottom: 0;
    }

    .pindrinks-blog-detail #product-card-price {
        right: 0;
    }

    .pindrinks-blog-detail #product-card-content {
        box-shadow: none;
    }
}

/* BLOG DETAIL */

#productDetail-tabContainer .tab {
    padding-top: 7px;
}

#productDetail-tabContainer .tab svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: -1px;
    margin-right: 5px;
}

@media (max-width:1190px) {
    #productDetail-tabContainer .tab {
        font-size: 0 !important;
    }

    #productDetail-tabContainer {
        justify-content: center;
        width: 100%;
        padding: 30px 0 10px;
        gap: 30px;
    }

    #productDetail-tabContainer .tab svg {
        width: 22px;
        height: 22px;
        top: 0;
        margin-right: 0;
    }
}

/* HOMEPAGE BLOGS */
#pin-home #featured-post h1 {
    background: transparent;
    color: var(--bg-one);
    min-height: auto;
    padding: inherit;
    font-size: 1.5rem;
    border-radius: inherit;
    margin: auto;
    line-height: 3;
}

#pin-home #featured-post>a>img {
    margin-bottom: 1vw;
}

#pin-home #blogList-container item#blog-item {
    padding: 15px;
    box-shadow: 0px 4px 14px -2px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
}

#pin-home #blogList-container {
    row-gap: 15px;
}

#pin-home #blogList-container item#blog-item #blog-item-content {
    padding: 10px;
}

#pin-home #blogList-container item#blog-item #blog-item-image img {
    min-height: 135px;
    border-radius: 30px;
}

#pin-home #blogList-container item#blog-item #blog-item-content h1 {
    margin: inherit;
}

#pin-home #home-latest-blogs {
    align-items: flex-start;
}

@media (max-width:1190px) {
    #pin-home.mobile-pindrinks #home-latest-blogs {
        flex-direction: column;
        padding: 0 10px;
        margin-top: 10px;
    }

    #pin-home.mobile-pindrinks #home-latest-blogs #featured-post {
        width: 100%;
    }

    #pin-home.mobile-pindrinks #home-latest-blogs #blogList-container {
        width: 100%;
    }

    #pin-home.mobile-pindrinks #home-latest-blogs #featured-post>a>img {
        margin-bottom: 5vw;
        border-radius: 40px;
    }

    #pin-home.mobile-pindrinks #home-latest-blogs #featured-post h1 {
        line-height: 1.4;
        font-size: 1.1rem;
        font-weight: 600;
        margin-top: 5vw;
        margin-bottom: 3vw;
    }

    #pin-home.mobile-pindrinks #home-latest-blogs #featured-post desc {
        font-size: 0.9rem;
    }

    #pin-home.mobile-pindrinks #home-latest-blogs #featured-post date {
        font-size: 0.9rem;
    }

    #pin-home.mobile-pindrinks #blogList-container item#blog-item {
        padding: 10px;
        border-radius: 20px;
    }

    #pin-home.mobile-pindrinks #blogList-container item#blog-item h1 {
        font-size: 1.2rem;
    }

    #pin-home.mobile-pindrinks #blogList-container item#blog-item h1 a {
        font-size: 1rem;
        font-weight: 600;
    }

    #pin-home.mobile-pindrinks #blogList-container item#blog-item #blog-item-image img {
        min-height: auto;
        border-radius: 20px;
    }

    .mobile-pindrinks-login #userBack {
        display: flex !important;
        justify-content: center;
        padding: 0;
        margin: auto;
        position: absolute;
        left: 5vw;
        width: 40px;
        height: 40px;
        background: var(--bg-one);
        border-radius: 100%;
        top: 5vw;
    }

    .mobile-pindrinks-login #userBack svg {
        fill: var(--bg-white);
        width: 20px;
        height: 20px;
    }
}

.pindrinks-checkout #toast-container {
    display: none !important;
}

/* TOAST MESSAGE */
.pindrinks #toast-container {
    position: fixed;
    bottom: 100px;
    width: 50%;
    max-width: 50%;
    left: 0;
    right: 0;
    margin: auto;
}

.pindrinks #toast-container .toast {
    background-color: #fffbe5 !important;
    border-radius: 20px !important;
    box-shadow: -20px 15px 10px -10px rgba(0, 0, 0, 0.25) !important;
    margin-top: 5px !important;
}

@media (max-width:1190px) {
    .pindrinks #toast-container {
        bottom: 150px;
        width: 90%;
        max-width: 90%;
    }

    .pindrinks #toast-container .toast-message {
        font-size: 0.8rem;
    }

    .pindrinks #toast-container .toast {
        border-radius: 15px !important;
        box-shadow: -10px 10px 10px -10px rgba(0, 0, 0, 0.25) !important;
    }

    #contact-us-three #contactPage {
        padding: 0;
    }

    #bayibasvuruPage-title h1 {
        font-size: 1.6rem;
    }

    .pindrinks-contact-us .custom-checkbox {
        font-size: 0.8rem;
    }

    .pindrinks-contact-us .custom-checkbox a {
        font-size: 0.8rem;
    }

    .pindrinks-bayibasvuru #login-inputs label {
        font-size: 0.8rem;
    }

    .pindrinks-bayibasvuru .custom-checkbox {
        font-size: 0.8rem;
    }

    .pindrinks-bayibasvuru .custom-checkbox a {
        font-size: 0.8rem;
    }

    #bayibasvuruPage-hero img.forMobile {
        border-radius: 20px;
    }
}

/* KVKK Veri Talep Formu Sayfası */
.kvkkf-container {
    font-family: Poppins;
    margin: auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px #0001;
    padding: 2.5rem 1.5rem;
    color: #222;
    line-height: 1.7;
}

.kvkkf-h1,
.kvkkf-h2,
.kvkkf-h3 {
    color: var(--bg-one);
    letter-spacing: .02em;
    margin-top: 0;
}

.kvkkf-h1 {
    font-size: 1.2rem;
    margin-bottom: 0.2em;
}

.kvkkf-h2,
.kvkkf-h3 {
    font-size: 1rem;
}

.kvkkf-section {
    margin-bottom: 2rem;
}

.kvkkf-explanation {
    background: var(--bg-light);
    padding: 1rem 1.5rem;
    border-left: 4px solid var(--bg-blue);
    border-radius: 8px;
    margin-bottom: 1.2rem;
    font-size: 1rem;
}

.kvkkf-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.3rem;
    background: #fafcff;
    font-size: 1rem;
}

.kvkkf-th,
.kvkkf-td {
    padding: 0.65em 0.6em;
    border: 1px solid #e0e5e8;
    vertical-align: top;
    text-align: left;
}

.kvkkf-th {
    background: #eef4f8;
    font-weight: bold;
}

.kvkkf-field-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.3rem;
}

.kvkkf-field-th,
.kvkkf-field-td {
    padding: 0.5em 0.6em;
    border: 1px solid #e0e5e8;
    background: #f9fafe;
}

.kvkkf-list {
    margin: 0 0 0.6em 1.1em;
    padding: 0;
}

.kvkkf-radio-group,
.kvkkf-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
}

.kvkkf-txtarea {
    width: 100%;
    min-height: 10em;
    border: 1px solid #ccd3d9;
    border-radius: 6px;
    margin-top: 4px;
    padding: 8px;
    font-size: 1em;
    background: #f9fafe;
    resize: vertical;
}

.kvkkf-form-actions {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

@media (max-width: 1190px) {
    .kvkkf-container {
        padding: 1rem 0;
        box-shadow: none;
        border-radius: inherit;
    }

    .kvkkf-h1 {
        font-size: 1.2rem;
        margin-bottom: 0.2em;
        line-height: 1.4;
    }

    .kvkkf-th,
    .kvkkf-td,
    .kvkkf-field-th,
    .kvkkf-field-td {
        font-size: 0.8rem;
        padding: 0.5em 0.3em;
        font-weight: normal;
    }

    .kvkkf-th {
        font-weight: 600;
    }

    .kvkkf-explanation {
        padding: 0.8rem 0.5rem;
        font-size: 0.8rem;
    }

    #bayibasvuruPage-form {
        flex-direction: column;
    }

    #bayibasvuruPage-formLeft {
        width: 100%;
        max-width: 100%;
    }

    #bayibasvuruPage-formRight {
        width: 100%;
        max-width: 100%;
    }
}

/* CUSTOMER OVERVIEW */
.pindrinks-userInfos #dob_input {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
}

@media (max-width:1190px) {
    .pindrinks-cartPage header.headerMainScroll {
        background: var(--bg-white);
        box-shadow: 0px 4px 23.6px -8px rgba(0, 0, 0, 0.25);
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .pindrinks-cartPage header.headerMainScroll #cartBack {
        position: relative;
        top: 15px;
    }

    .pindrinks-cartPage header.headerMainScroll #cartPageTitle {
        position: relative;
        top: 15px;
    }
}

.pindrinks-wishlist #cartpageTabItem {
    flex-direction: row !important;
    gap: 3px;
}

.pindrinks-wishlist #cartpageTabItem #ae-productItems {
    width: 100%;
}

@media (max-width:1190px) and (min-width:1025px) {
    #box-pin-products .slick-slider {
        height: 100vh;
    }

    .si-slide__content {
        height: 70%;
    }

    #box-pin-products .product-slider .slick-dots {
        bottom: -10vh;
        width: 70vw;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .product-slider .slick-dots li.Orange-Mango {
        background-size: 8vh;
    }

    .product-slider .slick-dots li.Cool-Lime {
        background-size: 8vh;
    }

    .product-slider .slick-dots li.Hibiscus-Tea {
        background-size: 8vh;
    }

    .product-slider .slick-dots li a {
        font-size: 1.6rem;
        bottom: -30px;
    }

    #home-infos {
        height: 45vh;
        margin-top: 15vw;
    }

    .info-hover-wrapper {
        max-height: 40vh;
    }

    .product-slide:nth-of-type(6n + 3) .si-slide__fruit .f1 {
        width: 15vw;
        right: 5%;
        bottom: 45%;
    }

    .product-slide:nth-of-type(6n + 2) .si-slide__fruit .f1 {
        top: 40%;
        left: 10%;
    }

    #home-cam-pin .swiper-wrapper {
        row-gap: 15px;
        padding: 0 15px 15px;
    }

    #home-litrelik-pin .swiper-wrapper {
        row-gap: 20px;
        padding-left: 15px;
    }

    #productDetail-left #productDetail-info h1 p {
        font-size: 12rem !important;
    }

    #productDetail-info h2 p {
        font-size: 2rem;
    }

    #product-images {
        width: 25% !important;
    }

    #productDetail-center {
        width: 50%;
        margin: auto;
    }

    .pindrinks-product-detail #productDetail-addtocart {
        position: fixed;
        bottom: 5vw;
        margin: auto;
        left: 0;
        right: 0;
        width: 85%;
        z-index: 999;
    }

    .pindrinks-product-detail footer {
        padding-bottom: 7%;
    }

    .pindrinks-product-detail #productDetail-attributes {
        margin-top: auto;
    }

    .pindrinks-product-detail #home-infos #info-title {
        justify-content: center !important;
    }

    .pindrinks-product-detail #productDetail-priceBg {
        height: 75px;
        min-height: 75px;
    }

    .pindrinks-product-detail #productDetail-content {
        height: 75px;
        min-height: 75px;
    }

    #cartSidebar {
        width: 40%
    }

    .cart-sidebar-content {
        padding: 2vw 1vw;
    }

    .pindrinks #cartSidebar .cart-sidebar-content #product-card-image {
        height: 170px;
    }

    .pindrinks .cart-sidebar-content #home-products #product-card-image a img {
        height: 90%;
        padding-bottom: 55%;
    }

    .pindrinks-cartPage #cartPage .ps-section__content {
        margin-left: 0;
        margin-right: -30px;
    }

    .pindrinks-cartPage #cartPage-wrapper+.ps-section--default .ps-section__content .row {
        grid-template-columns: repeat(4, 1fr);
    }

    .pindrinks-cartPage #ae-productItems #ae-productItem {
        width: 100%;
        max-width: 100%;
    }

    .pindrinks-cartPage .ps-section--default .ps-section__content #ae-productItems {
        grid-template-columns: repeat(4, 1fr);
    }

    .pindrinks-cartPage #cartPage-wrapper+.ps-section--default {
        padding: 0 10px;
    }

    .pindrinks-cartPage #cartPage-wrapper+.ps-section--default .ps-section__content .row>div {
        max-width: 100%;
        width: 100%;
        flex-basis: 100%;
    }

    .pindrinks #pindunyasi-one:nth-child(2) {
        flex-direction: row;
        gap: 50px;
    }

    /*#pindunyasi-pati img.forMobile {
        width: 100%;
        height: auto;
        object-fit: contain;
    }*/
    #pindunyasi-pati img.forMobile {
        width: 50%;
        height: 100%;
        object-fit: cover;
        margin: auto;
    }

    #pin-pati-mobile-layout {
        gap: 20px;
        width: 45%;
    }

    .pindrinks-pindunyasi .mySwiper .center {
        width: 60%;
        height: 750px;
        order: 1;
    }

    .pindrinks-pindunyasi .mySwiper .left-side {
        order: 2;
    }

    .pindrinks-pindunyasi #pindunyasi-one {
        flex-direction: column;
        gap: 0;
    }
}

@media (max-width:1190px) {
    .pindrinks-pindunyasi .main-content-left {
        justify-content: center;
    }
}

.mySwiper .swiper-slide-active .bottle-img {
    height: 90% !important;
}

.pindrinks-product-detail #productDetail-coupons item {
    width: auto;
}

.pindrinks-product-detail #productDetail-coupons {
    justify-content: center !important;
}

@media (max-width:1190px) {
    .pindrinks-pindunyasi .main-content-left {
        justify-content: center;
    }
}

@media (min-width:1200px) {
    .mySwiper #vitaminli-soguk-cay-family .main-content .more-menu img {
        height: 350px;
        object-position: left;
    }
}

@media (max-width:1190px) {
    .pindrinks-pindunyasi .main-content-left {
        justify-content: center;
    }

    .main-content-left #main-content-left-item {
        width: 50%;
        max-width: 50%;
    }
}

@-moz-document url-prefix() {
    .pindrinks-product-detail #productDetail-wrapper {
        padding-bottom: 20%;
    }
}

@media (min-width:1200px) {
    .pindrinks-product-detail #productDetail-coupons item {
        width: auto;
    }

    .pindrinks-product-detail #productDetail-coupons {
        justify-content: center !important;
    }
}

@media (min-width:412px) and (max-width:413px) {
    #box-pin-products .product-slider .slick-dots {
        bottom: 20%;
    }
}

@media (max-width:480px) {
    #box-pin-products .slick-list {
        max-height: 375px;
    }

    #box-pin-products .product-slider .slick-dots {
        bottom: auto;
        position: relative;
    }

    .product-slider .slick-dots li a {
        bottom: auto;
        top: 9vw;
    }

    #box-pin-products {
        padding-bottom: 10vw;
    }
}
.customer-order-detail select {
    background: var(--bg-light);
    border: none;
    height: 60px;
    border-radius: 12px;
    padding: 0 20px;
    font-size: 1rem;
}

.customer-order-detail button {
    background: var(--bg-one);
    color: var(--color-three);
    border: none;
    border-radius: 33px !important;
    height: 60px;
    width: 100%;
    font-size: 1.2rem;
    font-weight: bold;
}

.customer-order-detail button:hover {
    background: var(--bg-blue) !important;
    color: var(--bg-one);
}