/* Main Styles */
.h-center .col-md-4,
.h-center .col-md-12 {
    padding: 0;
}
.home-headline {
    position: relative;
    margin-top: -100px;
}
.secur-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px; 
}
.secur-block .title {
    color: #262626;
    font-family: Poppins;
    font-size: var(--t-font-size);
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
    text-align: center; 
}
.secur-block .text {
    color: #aaa9a9;
    text-align: center;
    font-size: var(--min-font-size);
    font-style: normal;
    font-weight: 300;
}
.newsletter-content {
    margin-bottom: 40px;
    padding: 8px; 
}
.col-12.d-none.d-md-block {
    height: 56px;
}
.footer-contact .blocks,
.footer-support .blocks {
    margin-bottom: 16px;
    padding: 0 8px;
}
.blocks .text {
    color: #7a7a7a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.footer-last .text {
    color: #262626;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 18px;
    padding: 0 8px; 
}
.footer-last .href-go {
    border-radius: 20px;
    background: #262626;
    width: max-content;
    padding: 8px 28px;
    margin: 0 8px;
}
.footer-last .href-go a {
    color: #fff;
    font-size: 12px;
}
.social-media {
    display: flex;
    gap: 12px;
}
.social-media a {
    color: #000;
    font-size: 20px;
}
.cpy {
    color: #262626;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.sozlesmeler {
    display: flex;
    margin-left: 33px;
    gap: 16px;
}
.tab-pain .p-g-t-nav .nav {
    justify-content: flex-end !important;
    padding-left: 0 !important;
    gap: 20px;
}
.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-item {
    margin: 0;
}
.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link:hover,
.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active {
    color: #F2D1D4;
    border-color: #F2D1D4 !important;
    font-weight: 500;
}
.pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-info .p-g-t-n-i-title,
.pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-title {
    font-size: 24px !important;
    font-weight: 400 !important;
}
.card-product {
    border-radius: 24px;
    border: 1px solid #f1f1f1 !important;
    padding: 14px;
}
.disc {
    color: #fdbe98;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-left: 10px;
}
.renkSecenek .d-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
.renkSecenek .d-flex img {
    width: 28px !important;
    height: 100%;
}
.renkSecenek {
    position: absolute;
    bottom: 0;
    background: #fff;
    padding: 2px 8px;
    border-top-right-radius: 8px;
}
.brd-rad img {
    border-radius: 10px;
}
.brands-block .ban-type-title {
    color: #fdbe98 !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    text-align: center !important;
    background: unset !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}
.brands-block .ban-type-description {
    color: #262626 !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-align: center !important;
    background: unset !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}
.ban-type-btn {
    color: #262626 !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-align: center !important;
    background: unset !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    text-decoration: underline;
}
.row.tsb img {
    padding-left: 10%;
    width: 100%;
    height: 100%;
}
.row.tsb .col-12 {
    padding: 0 !important;
}
.row.tsb .text-side-banner {
    height: 100%;
    display: flex;
    align-items: center;
}
.row.tsb .text-side-banner .bg-set {
    background: #f9f9f9;
    padding: 90px 60px;
}
.row.tsb .text-side-banner .bg-set .top-t {
    color: #fdbe98;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 4px;
}
.row.tsb .text-side-banner .bg-set .title {
    color: #262626;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    width: 65%;
}
.row.tsb .text-side-banner .bg-set .text {
    color: #262626;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 24px;
}
.row.tsb .text-side-banner .bg-set .href-go {
    width: max-content;
    border-radius: 24px;
    background: #fdbe98;
    padding: 8px 25px;
}
.row.tsb .text-side-banner .bg-set .href-go a {
    color: #fffcf8;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.banner-set-bg {
    background: #f9f9f9 !important;
}
.pro-top-sides {
    display: flex;
    gap: 32px;
    margin: 0px 0 8px;
}
.pro-top-sides div {
    color: #aaa9a9;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.pro-top-sides div a {
    color: #aaa9a9;
}
div.ds {
    color: #fdbe98;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-left: 12px;
}
.product-profile-1 .carousel .carousel-indicators li {
    border-radius: 16px;
    border: 1px solid #f1f1f1;
    padding: 8px;
}
.product-profile-1 .carousel .carousel-indicators li.active {
    border-color: #d7d7d7;
}
.product-profile-1 .carousel .carousel-indicators li img {
    border-radius: 10px;
}
.product-profile-1 .carousel-item {
    border-radius: 16px;
    border: 1px solid #f1f1f1;
    padding: 8px;
}
.product-profile-1 .carousel-item img {
    border-radius: 10px;
}
.related-products a img {
    border-radius: 16px;
    border: 1px solid #F2D1D4;
    padding: 8px;
}
.related-products a.active img {
    border-color: #270E59;
}
.product-profile-info li a {
    color: #262626;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.variant-box li.variant {
    display: flex;
    align-items: flex-start;
    gap: 26px;
    flex-direction: column;
}
.special-field-box {
    border: 0 !important;
    margin-bottom: 10px; 
    padding: 10px 20px; 
}
.product-buttons .d-flex {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}
.product-profile-1 .product-quantity {
    border-radius: 24px;
    border: 1px solid #e9e9e9;
}
.product-buttons .btn-wp {
    background: #014421;
    border-color: #014421;
    align-items: center;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    border-radius: 26px;
}
.product-buttons .btn-wp:hover {
    background: #014421;
    border-color: #014421;
}
.modal-btn-cart {
    background-color: #212121 !important;
    color: #fff !important;
}
.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
    color: #262626;
    font-weight: 400;
    font-size: 14px;
    width: max-content;
}
.container.gvn {
    margin-top: 96px;
}
.user-dashboard .hello {
    border-top: 0;
    text-align: center;
}
.user-dashboard .hello .title {
    font-weight: 500;
    font-size: 18px;
    color: #262626;
}
.d-flex.kargo {
    margin: 20px 0;
    align-items: center;
}
.addons-whatsapp-widget.aww-size-0 svg,
.special-field-box ul li .value .image img {
    width: 35px;
    height: 35px;
    border-radius: 100px;
}
.payment-complete-form-wrapper .fields {
    padding: 10px 20px;
}
.row.custom-module-code-216 {
    background: #f9f9f9;
}
.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info,
.pattern-group .pattern-group-header .p-g-h-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mb-set {
    margin-bottom: 64px;
}
.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link img {
    margin-right: 8px;
    max-height: 22px !important;
}
.owl-stage-vitrin .owl-nav,
.owl-stage-vitrin .owl-dots {
    display: none !important;
}
.custom-module-code-210 .ban-type-content {
    border: 1px solid #f1f1f1;
    border-top: 0;
    padding: 10px 0;
}
.footer-ek {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
img.age-logo {
    max-width: 132px;
    width: 100%;
    height: 100%;
}
.footer-contact a.d-flex {
    display: flex;
    align-items: flex-start;
}
.simplebar-track.vertical {
    display: none !important;
}
.custom-module-code-216 .ban-type .ban-type-content {
    justify-content: center;
    align-items: center;
}
.custom-module-code-216 .ban-type .ban-type-content .ban-type-title {
    font-size: 16px;
}
.tsb .col-12:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-g-mod-showcase .p-g-mod-body {
    padding: 0px !important;
}
.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active img {
    filter: invert(76.00%) sepia(0.78%) saturate(4966.54%) hue-rotate(305.45deg) brightness(111.94%) contrast(99.01%);
}
.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link:hover img {
    filter: invert(76.00%) sepia(0.78%) saturate(4966.54%) hue-rotate(305.45deg) brightness(111.94%) contrast(99.01%);
}
header.desktop.fixed-desktop .mega-menu .dropdown-menu {
    top: 68px;
}
.mega-menu-container ul li a:hover {
    color: #f2d1d4 !important;
}
.profilteklif-form-item {
    margin-bottom: 15px;
}
.profilteklif-form-item input {
    height: 45px;
    font-size: 13px;
    border: 1px solid #e2e2e2;
    background: #fff;
}
.profilteklif-form-item textarea {
    height: 100px;
    font-size: 13px;
    border: 1px solid #e2e2e2;
    background: #fff;
}
.profilteklif-form-item button {
    background: #fdbe98;
    color: #fff;
    border: none;
    width: 130px;
    height: 35px;
    border-radius: 9px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.satisyap-block-left {
    margin-top: 60px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.satisyap-block-left h4 {
    font-size: 19px;
    font-weight: 500;
    color: #000;
}
.satisyap-block-left span {
    font-size: 16px;
    color: #5b5b5b;
    font-weight: 400;
}
.satisyap-block-right {
    width: 50%;
    margin: 0 auto;
}
.product-detail-returnblock p a {
    color: #e88549;
}
.profilbedentablo-block {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.seo-p {
    height: 150px;
    overflow: auto;
}
.custom-module-code-210 .ban-type .ban-type-description {
    height: 90px;
}
.pages-body-sections .container {
    max-width: 900px !important;
}
.pFiyat {
    background: #F2D1D4;
    padding: 4px 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    color: #fff;
    gap: 5px;
    border-radius: 7px;
    font-size: 14px;
}
.DetailFiyat {
    background: #F2D1D4;
    padding: 4px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    color: #fff;
    gap: 5px;
    border-radius: 8px;
    font-size: 16px;
}
.special-field-box ul li {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
}
.special-field-box ul li .value {
    flex: 3;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 16px;
}

.price-for-promotion {
    display: flex;
    gap: 2px;
    background: #fdbe98;
    color: #000;
    padding: 5px 15px;
}
.ct-price-for-promotion {
    display: flex;
    gap: 4px;
    background: transparent;
    color: #fdbe98;
    border: 1px solid #fdbe98;
    width: fit-content;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    padding: 3px 18px;
    margin-top: 4px;
}
.pd-price-for-promotion {
    display: flex;
    gap: 4px;
    background: #fdbe98;
    color: #fff;
    border: 1px solid #fdbe98;
    font-weight: 600;
    padding: 3px 13px;
    font-size: 13px;
    border-radius: 4px;
}
header.desktop .search .easy-autocomplete {
    width: 100% !important;
}
.cargo-giftcount {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 18px;
    color: #000;
}
.cargo-giftcount .color {
    color: #974f2c;
    font-weight: 500;
}
.basket-promotion-section .agesepet-title {
    padding-bottom: 10px;
}
.bpb-variants .variant-box ul li .options.d-none {
    display: flex !important;
}
.home-headline .p-g-mod {
    margin: 0px;
}
.mobile-search .easy-autocomplete {
    width: 100% !important;
}
.mobile-search .easy-autocomplete .form-control {
    height: 45px;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    font-size: 14px;
}
.home-headline .swiper-slide img,
.p-g-mod-t-44 .banner-item .image img,
.card-product .card-product-inner .image-wrapper .image img,
footer .bar .right-image img {
    width: 100%;
    height: 100%;
}
.secur-block img {
    width: 50px;
    height: 100%;
}
.newsletter-form .btn-submit img {
    width: 21px;
    height: 100%;
}
.footer-contact img,
.footer-support .blocks img {
    width: 21px;
    height: 100%;
}
header.desktop .header-bar .bar-link .icon img {
    width: 20px;
    height: 100%;
}
header.mobile .icon-group img,
.mobile-search button.btn.btn-orange.btn-send img {
    width: 20px;
    height: 20px;
}
.sidebar-menu-type-2 .short-link a img {
    width: 20px;
    height: 100%;
}
.p-g-mod-t-44 .ban-type .image .img-auto {
    width: 100%;
    height: 100%;
}
header.desktop .search form .btn-send img {
    width: 20px;
    height: 20px;
}
.brd-rad .p-g-b-c-inner .p-g-mod {
    margin: 0px !important;
}
.custom-module-code-216 .ban-type .image .img-auto {
    width: 195px;
    height: 100%;
    margin: 0 auto;
}
.header-index-set header.desktop {
    background: transparent;
    box-shadow: none;
    position: relative;
    z-index: 999;
}
.header-index-set header.desktop:hover {
    background: #270E59;
    box-shadow: none;
}
.header-index-set header.desktop .mega-menu .nav-link {
    color: #fff;
}
.header-index-set header.desktop .search form input {
    border-color: #fff !important;
    color: #fff;
}
.header-index-set header.desktop .search form input::placeholder,
header.desktop .search form input::placeholder {
    color: #fff;
}
header.desktop .mega-menu .navbar-nav {
    justify-content: flex-start;
}
header.desktop .col-md-7,
header.desktop .menu .col-md-12,
header.desktop .mega-menu {
    position: unset !important;
}
.header-index-set header.desktop .mega-menu .dropdown-menu {
    top: 78px;
}
.header-index-set header.desktop.fixed-desktop .mega-menu .dropdown-menu {
    top: 68px;
}
.tab-pain {
    margin-top: 40px;
}
.ts-outline {
    position: relative;
    width: 100%;
}
.ts-outline .inline {
    width: 100%;
}
.ts-product .card-like {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-product .card-like .card-image {
    flex: 0 0 25%;
}
.change-image-set .p-g-t-nav {
    flex: 0 0 50% !important;
    align-items: flex-start;
    padding: 50px;
    max-width: 100% !important;
    background: #000;
    margin: 0 !important;
    justify-content: center;
}
.change-image-set .p-g-tab-wrapper.p-g-tab-direction-1 {
    justify-content: space-between;
}
.change-image-set .tab-content {
    flex: 0 0 50% !important;
    max-width: 100% !important;
}
.change-image-set .tab-content .col-list-p-v-1 {
    padding: 0 !important;
}
.change-image-set .nav-link span {
    font-size: 20px;
}
.change-image-set .p-g-t-nav .p-g-t-n-i-title,
.change-image-set .p-g-t-nav .p-g-t-n-i-description {
    color: #fff;
}
.change-image-set .p-g-t-nav .p-g-t-n-header {
    height: min-content;
}
.change-image-set .p-g-t-nav ul.nav {
    flex: unset !important;
    width: 100%;
}
.change-image-set .p-g-tab-wrapper.p-g-tab-direction-1 .p-g-t-nav .nav li.nav-item {
    width: 100%;
}
.change-image-set .p-g-tab-wrapper .p-g-t-nav .nav .nav-link {
    justify-content: flex-start;
}
.change-image-set .p-g-mod {
    margin-bottom: 0;
}
.ts-product .product-swiper-wrapper .card-image img.img-auto.lazy-load.lazy-complete {
    border-radius: 10px;
    border: 1px solid #e2e2e2;
}
.ts-product .product-swiper-wrapper .card-image {
    flex: 0 0 30%;
}
.ts-product .product-swiper-wrapper .card-body {
    padding: 0;
}
.ts-product .product-swiper-wrapper {
    position: absolute;
    right: 28px;
    bottom: 24px;
    max-width: 720px;
    z-index: 30;
    pointer-events: auto;
}
.ts-product.product-swiper .swiper-slide {
    width: auto;
}
.ts-product .product-card {
    display: flex;
    gap: 12px;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    color: inherit;
    justify-content: center;
}
.ts-product .product-swiper-wrapper .card-body .title {
    margin-bottom: 0;
    white-space: nowrap;
    max-height: 42px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 140px;
    font-size: 15px;
    font-weight: 500;
}
.ts-product .swpr-btn {
    position: absolute;
    top: -35px;
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 25px;
    right: 10px;
}
.ts-product .swiper-button-prev,
.swiper-rtl .swiper-button-next,
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    position: unset !important;
    color: #fff !important;
    width: 22px !important;
    height: 22px !important;
}
.ts-product .swiper-button-next:after,
.ts-product .swiper-button-prev:after {
    font-size: 22px !important;
}
.ts-product .swiper {
    overflow: unset !important;
}
.ts-outline .banner-textline {
    position: absolute;
    top: 10%;
    left: 5%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}
.ts-outline .banner-textline .title {
    font-size: 28px;
    font-weight: 500;
    color: #fff;
}
.ts-outline .banner-textline .description {
    font-size: 18px;
    font-weight: 500;
    width: 70%;
    color: #fff;
}
.ts-outline .banner-textline .banner-buton {
    font-size: 15px;
    background: #fff;
    padding: 15px 50px;
    border-radius: 4px;
}
.ts-outline .inline img {
    filter: brightness(0.75);
    width: 100%;
}
.change-image-set .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-info .p-g-t-n-i-title {
    font-size: 36px !important;
}
.change-image-set a.banner-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.change-image-set a.banner-item .banner-content .description {
    font-size: 18px;
    text-align: center;
    color: #fff;
    width: 45%;
}
.change-image-set a.banner-item:hover .image {
    filter: brightness(0.5);
}
.change-image-set a.banner-item:hover .banner-content {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.change-image-set a.banner-item .banner-content {
    display: none;
}
.change-image-set a.banner-item .image {
    transition: filter 400ms ease;
    will-change: filter;
    width: 100%;
}
.transform-banner-set a.banner-item .image {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.transform-banner-set a.banner-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform-origin: center;
    transition: transform 2s cubic-bezier(0.22, 0.9, 0.35, 1),
                filter 2s cubic-bezier(0.22, 0.9, 0.35, 1);
    transform: scale(1);
}
.transform-banner-set a.banner-item {
    position: relative;
}
.transform-banner-set a.banner-item .banner-content {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
}
.transform-banner-set a.banner-item .banner-content .description {
    display: block;
    opacity: 0;
    transform: translateY(5px);
    max-height: 0;
    overflow: hidden;
    transition: opacity 2s cubic-bezier(0.22, 0.9, 0.35, 1), transform 2s cubic-bezier(0.22, 0.9, 0.35, 1), max-height 2s cubic-bezier(0.22, 0.9, 0.35, 1);
    will-change: opacity, transform, max-height;
    font-size: 13px;
    color: #fff;
    padding: 0 20px;
}
.transform-banner-set a.banner-item:hover .banner-content .description,
.transform-banner-set a.banner-item:focus .banner-content .description,
.transform-banner-set a.banner-item:focus-within .banner-content .description {
    opacity: 1;
    transform: translateY(0);
    max-height: 300px;
}
.transform-banner-set a.banner-item .banner-content .title {
    font-size: 20px;
    color: #fff !important;
    letter-spacing: 1px;
}
.transform-banner-set {
    display: flex;
    gap: 0;
    align-items: flex-start;
}
.transform-banner-set .col-list-p-v-1 {
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    height: 720px;
    transition: all 1s ease;
    flex: 1;
    margin: 0;
}
.transform-banner-set:has(.col-list-p-v-1:hover) .col-list-p-v-1:not(:hover) {
    flex: 0.7;
    max-width: 25%;
}
.transform-banner-set .col-list-p-v-1:hover {
    flex: 1.6;
    max-width: 30%;
}
.transform-banner-set .row.custom-module-code-1705 {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0;
}
.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.p-g-mod.p-g-mod-t-70.p-g-mod-showcase .p-g-mod-header {
    padding: 0;
}
.p-g-mod.p-g-mod-t-70.p-g-mod-showcase .p-g-m-h-info {
    align-items: flex-start;
}
.p-g-mod.p-g-mod-t-70.p-g-mod-showcase .card-category {
    border: none;
}
.p-g-mod.p-g-mod-t-70.p-g-mod-showcase .col-list-p-v-1 {
    padding-left: 0;
}
.section-video-area video.section-video {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    border-radius: 15px;
    min-height: 400px;
}
.section-video-area .text-side {
    position: absolute;
    text-align: center;
    width: 100%;
}
.section-video-area {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-video-area .text-side .sub-title {
    font-size: 16px;
    color: #fff;
}
.section-video-area .text-side .main-title {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}
.section-video-area .text-side .text {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 0 20%;
}
.card-blog .date {
    height: 35px !important;
    padding: 10px;
}
.card-blog .title {
    height: 38px;
    -webkit-line-clamp: 2;
    display: flex;
    align-items: center;
}
.card-blog .description {
    height: 33px !important;
    -webkit-line-clamp: 2;
    margin-top: 10px;
}
.card-blog .date .left-side {
    font-size: 12px;
    display: flex;
    gap: 5px;
    align-items: center;
    padding-right: 5px;
    border-right: 1px solid #e2e2e2;
}
.card-blog .date .right-side {
    padding-left: 5px;
    font-size: 12px;
}
.css img.img-auto {
    width: 100%;
}
.collection-side-set .banner-textline {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}
.collection-side-set .banner-textline .title {
    font-size: 30px;
    font-weight: 700;
}
.collection-side-set .banner-textline a.banner-buton,
.blog-index-set a.btn.btn-mod {
    background: #270e59;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
}
.collection-side-set img.img-auto {
    border-radius: 20px;
}
.blog-index-set .p-g-h-button {
    justify-content: flex-start !important;
}
.card-blog .date .left-side img {
    width: 20px;
}
.card-blog .image a img {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.ts-product {
    z-index: 2;
    position: relative;
}
@media (max-width: 1680px) {
    .row.tsb .text-side-banner .bg-set {
        padding: 70px 60px;
    }
}

@media (max-width: 1440px) {
    .satisyap-block-left {
        margin-top: 30px;
    }
    .secur-block .title {
        font-size: 15px;
    }
    .secur-block .text {
        font-size: 13px;
    }
    .row.tsb .text-side-banner .bg-set {
        padding: 30px 50px;
    }
    .sozlesmeler {
        margin-left: 24px;
    }
}

@media (max-width: 991px) {
    .DetailFiyat {
        font-size: 12px;
    }
    .pFiyat {
        padding: 3px 11px;
        font-size: 11px;
        margin-top: 5px;
    }
    .cargo-giftcount .icon img {
        width: 36px;
        height: 36px;
    }
    .cargo-giftcount {
        flex-direction: column;
        gap: 10px;
        font-size: 15px;
    }
    .card-product .card-product-inner .price-group {
        display: flex;
        font-weight: 400;
        height: auto;
        justify-content: center;
        align-items: center;
        color: #333;
        margin: 10px 0;
        flex-direction: column;
    }
    .ct-price-for-promotion {
        padding: 5px 12px;
    }
    .transform-banner-set .col-list-p-v-1 {
        flex: 0 0 75% !important;
        max-width: 75% !important; /* Fixed typo from 750% */
        transition: none !important;
        height: auto;
    }
    .transform-banner-set .col-list-p-v-1:hover,
    .transform-banner-set:has(.col-list-p-v-1:hover) .col-list-p-v-1:not(:hover) {
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
    .transform-banner-set a.banner-item .banner-content .description {
        opacity: 1 !important;
        transform: none !important;
        max-height: none !important;
        overflow: visible !important;
        transition: none !important;
    }
    .transform-banner-set .row.custom-module-code-1705 {
        display: flex;
        flex-wrap: nowrap;
        overflow: scroll;
    }
    .ts-outline .inline .banner-item img {
        width: 400px;
        height: 720px;
        object-fit: cover;
    }
    .ts-product .product-swiper-wrapper .swiper-backface-hidden .swiper-slide {
        width: 250px !important;
    }
    .change-image-set .p-g-t-nav {
        flex-direction: column;
    }
    .ts-product .product-swiper,
    .ts-product .product-swiper .swiper-wrapper,
    .ts-product .product-swiper .swiper-slide,
    .ts-product .product-swiper .product-card {
        touch-action: pan-y;
        -ms-touch-action: pan-y;
    }
    .ts-product .product-swiper-wrapper {
        max-width: 250px;
        width: 100%;
    }
    .ts-outline .inline img {
        height: 700px;
        object-fit: cover;
    }
    .card-blog .description {
        height: 42px !important;
        -webkit-line-clamp: 3;
    }
    .card-blog .date {
        height: 60px !important;
    }
    .card-blog .date .left-side img {
        width: 20px;
    }
    .card-blog .date .left-side {
        font-size: 11px;
        gap: 5px;
        align-items: center;
    }
    .card-blog .date .right-side {
        font-size: 11px;
    }
    .collection-side-set .banner-textline a.banner-buton, .blog-index-set a.btn.btn-mod {
        padding: 10px !important;
        font-size: 11px !important;
    }
    .collection-side-set .banner-textline {
        align-items: center;
        gap: 10px;
        margin-top: 10px;
    }
    .collection-side-set .banner-textline .title {
        font-size: 17px;
    }
    .collection-side-set .banner-textline .description {
        text-align: center;
    }
    .change-image-set a.banner-item .banner-content .description {
        width: 60%;
    }
    .product-price-group .prices .sale-price{
        font-size: 18px;
    }
    .header-index-set .p-g-mod-t-28 {
        margin-bottom: 0;
    }
    header.mobile.is-fixed {
        background: #270e59;
    }
    header.mobile .right img.white {
        display: none;
    }
    header.mobile.is-fixed img.black {
        display: none;
    }
    header.mobile.is-fixed .right img.white {
        display: block;
    }
    header.mobile.is-fixed span.badge {
        top: -6px;
    }
    header.mobile.is-fixed img#sidebarIcon {
        filter: invert(1);
    }
}

@media (max-width: 900px) {
    .pFiyat {
        padding: 3px 8px;
        font-size: 12px;
        flex-direction: column;
        align-items: center;
    }
    .categories-body .pFiyat {
        padding: 4px 9px;
        font-size: 11px;
        width: fit-content;
        border-radius: 8px;
        gap: 3px;
    }
    .pages-body-sections .container {
        max-width: 100% !important;
    }
    .custom-module-code-210 .ban-type .ban-type-description {
        height: 100%;
    }
    .satisyap-block-left h4 {
        font-size: 17px;
    }
    .satisyap-block-left span {
        font-size: 14px;
    }
    .satisyap-block-left {
        margin-top: 15px;
        margin-bottom: 17px;
    }
    .satisyap-block-right {
        width: 100%;
        margin: 0;
    }
    .cat-responsive-popup .p-g-mod-body-p-0 .buttons .btn-secondary {
        padding: 7px 15px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px !important;
    }
    .brands-block .p-g-m-h-i-title {
        font-size: 17px !important;
        padding: 10px 0px !important;
    }
    .disc {
        position: absolute;
        right: -56%;
        top: 0;
    }
}

@media (max-width: 768px) {
    .pattern-group-header .p-g-h-info .p-g-h-i-title {
        margin-bottom: 13px !important;
    }
    footer .info .row .col-md-3:nth-child(4) .title {
        margin-bottom: 0px;
        padding: 0px 0px 0px 8px;
    }
    .mobile-search .input-box {
        margin-right: 0 !important;
    }
    .mb-set {
        margin-bottom: 34px;
    }
    .tab-pain .p-g-t-nav {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .home-body .tab-pain .p-g-t-nav .nav {
        padding-left: 0px !important;
    }
    .row.tsb .text-side-banner .bg-set {
        background: #f9f9f9;
        padding: 30px 32px;
    }
    .row.tsb .text-side-banner .bg-set .title {
        font-size: 22px;
        width: 90%;
    }
    .row.tsb .text-side-banner .bg-set .text {
        font-size: 14px;
        margin-top: 14px;
    }
    .row.tsb img {
        padding-left: 0;
    }
    .mobile-search button.btn.btn-orange.btn-send {
        position: absolute;
        top: 7px;
        right: 0;
        padding: 0;
    }
    .sidebar-menu-type-2 .categories ul {
        margin: 0;
        padding: 10px 0;
    }
    ul.multi {
        padding: 6px 20px !important;
    }
    .newsletter-content {
        margin-bottom: 30px;
    }
    .title.second {
        border: 0 !important;
    }
    .footer-contact,
    .footer-support,
    .footer-last,
    .footer-ek {
        margin: 16px 0;
    }
    .age-logo {
        width: 80% !important;
    }
    .col-12.col-md-6.d-flex.align-items-center {
        flex-direction: column;
        gap: 20px;
    }
    .sozlesmeler {
        margin-left: 0;
        margin-bottom: 16px;
    }
    .footer-ek {
        flex-direction: row;
        align-items: center;
        gap: 32px;
        padding: 0 10px;
    }
    .row.custom-module-code-217 .col-12 {
        padding: 0 !important;
    }
    .categories-body .col-6.col-sm-6.col-md-6.col-lg-4.col-xl-4.col-list-p-v-1 {
        padding: 5px;
    }
    .cat-responsive-buttons {
        position: fixed;
        bottom: 10px;
        width: 96%;
        z-index: 10;
    }
    button.btn.btn-outline-dark {
        background: #fff;
        padding: 6px 28px;
    }
    .brd {
        display: none !important;
    }
    .product-profile-1 .carousel .carousel-indicators li img {
        border-radius: 4px;
    }
    .product-profile-1 .carousel .carousel-indicators li {
        border-radius: 8px;
        padding: 4px;
    }
    .product-profile-1 .carousel .carousel-indicators {
        margin-top: 8px;
    }
    .product-price-group {
        padding-bottom: 22px !important;
    }
    .product-buttons .d-flex {
        gap: 0px;
    }
    .product-buttons .btn-wp {
        width: 50%;
        font-size: 14px;
    }
    .product-buttons .btn-fast-buy {
        font-size: 16px !important;
    }
    .footer-support .blocks,
    .footer-contact .blocks {
        padding: 0 8px;
    }
    .pattern-group .p-g-tab-wrapper .p-g-t-nav .p-g-t-n-header .p-g-t-n-info .p-g-t-n-i-title,
    .pattern-group .pattern-group-header .p-g-h-info .p-g-h-i-title {
        font-size: 20px !important;
        font-weight: 400 !important;
    }
    .change-image-set a.banner-item .banner-content {
        display: flex;
        position: absolute;
        align-items: center;
        justify-content: center;
    }
    .change-image-set a.banner-item .image {
        filter: brightness(0.5);
    }
    .section-video-area .text-side {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .section-video-area .text-side .sub-title {
        font-size: 13px;
    }
    .section-video-area .text-side .main-title {
        font-size: 20px;
    }
    .section-video-area .text-side .text {
        font-size: 14px;
        padding: 0 5%;
    }
}