.top-bar {
    background: #124357;
    padding: 5px 0px;
}
.top-bar a {
    color: #fff;
    font-size: 12px;
} .container-fluid {
    width: 80%;
}
.homepage-storycategory .owl-carousel .owl-carousel-item .ban-type {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.homepage-storycategory .owl-carousel .owl-carousel-item .ban-type-content {
    text-align: center;
    padding: 0px;
    justify-content: center;
    align-items: center;
}
.homepage-storycategory .owl-carousel .owl-carousel-item .ban-type-content .ban-type-title {
    text-align: center;
    font-weight: 500;
}
.p-g-mod-showcase .owl-carousel .owl-carousel-item .ban-type-content .ban-type-title {
    text-align: center;
    font-weight: 500;
}
.indexstory .ban-type {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.indexstory .ban-type .ban-type-content {
    justify-content: center;
}
.fastlink {
    display: flex;
    gap: 25px;
    align-items: center;
}
header.desktop .console-menu .nav-item {
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem 1.3rem;
    border-radius: 14px;
    border-bottom: 1px solid #e2e2e2;
}
.header-bar a.bar-link {
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 13px;
    border-radius: 15px;
    border-bottom: 1px solid #e2e2e2;
}
.footer-description {
    height: 130px;
    overflow: auto;
}
.footer-contact .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.footer-contact .item a {
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #fff;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    width: 100%;
}
.footer-custom {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.Etbis img {
    width: 100px;
    height: 120px;
    margin-bottom: 3px;
    margin-top: 15px;
}
.credit-cards img {
    margin-top: 15px;
    margin-bottom: 10px;
}
.gvn-item {
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    background: #fff;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    padding: 15px 10px;
    transition: 0.5s;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    font-size: 15px;
    height: 100%;
}
.gvn-item img {
    width: 34px;
}
.info-tablevideo {
    height: 100%;
    background: #f4f8fc;
    display: flex;
    align-items: flex-start;
    padding: 20px;
}
.info-tablevideo .icon {
    width: 75px;
    background: linear-gradient(45.24deg, #9f5ff1 5.99%, #ff54b0 91.87%);
    border-radius: 70% 30% 30% 70%/60% 40% 60% 40%;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s;
}
.info-tablevideo img {
    width: 42px;
}
.info-tablevideo .row .col-6:nth-child(2) .icon {
    background: linear-gradient(44.44deg, #ff4b3f 7.79%, #ffac30 94.18%);
}
.info-tablevideo .row .col-6:nth-child(3) .icon {
    background: linear-gradient(44.44deg, #ed2775 7.79%, #ff7448 94.18%);
}
.info-tablevideo .row .col-6:nth-child(4) .icon {
    background: linear-gradient(5deg, #453b51 5.99%, #2ffff5 91.87%);
}
.info-tablevideo .row .col-6:nth-child(4) img {
    width: 56px;
}
.info-tablevideo .item {
    height: 100%;
    padding: 10px;
    transition: .5s;
}
.info-tablevideo .item:hover {
    background: #fff;
}
.info-tablevideo .item:hover .icon {
    border-radius: 200px;
}
.gvn-item:hover {
    background: linear-gradient(86deg,#e0711c,#e34d84);
    color: #fff;
    box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%);
    transform: translateY(-15px);
}
.gvn-item .icon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gvn-item:hover .icon {
    border-radius: 200px;
    background: #d9f2ff;
}
.gvn-item:hover .icon img {
    filter: brightness(0) saturate(100%) invert(30%) sepia(35%) saturate(863%) hue-rotate(152deg) brightness(95%) contrast(93%);
}
.pattern-group .pattern-group-header .p-g-h-info {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}
.pattern-group-header .p-g-h-info .p-g-h-i-title::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.5) 50%, rgba(229, 172, 142, 0));
  transform: rotateZ(60deg) translate(-5em, 7.5em);
  animation: sheen 1s forwards infinite;
}
.age-space-block {
    margin-bottom: 70px;
}
.p-g-mod-showcase {
    margin: 0px !important;
}
@keyframes sheen {
  100% {
    transform: rotateZ(60deg) translate(1em, -9em);
  }
}
.indexstory .image .img-auto {
    width: 124px !important;
}
.guvenli-alisveris {
    margin: 50px 0px;
}
.gvn-item .right {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 68%;
    font-size: 13px;
}
footer {
    background: url(images/dot-background.jpeg) center;
    background-repeat: no-repeat;
    background-size: cover;
}
.numberspaint{
    box-shadow: 0px 0px 8px 4px #587682;
    padding: 2rem;
    background: linear-gradient(70deg, black, #1e5c75b8);
    margin: 1rem 0;
}
.Tuval-baslik {
    color: #fff;
    font-size: 16.25px;
}
.tuval-header {
    font-family: cursive;
    font-size: 30px;
    height: 65px;
}
.tuval-olcu-block .col-6 {
    padding: 0px 30px;
}
.guvenli-alisveris {
    margin-top: 80px;
}
.product-detail-card {
    border: 1px solid #e2e2e2;
    padding: 20px;
    height: 100%;
}
.product-quantity .btn {
    background: #ffffff;
    color: #000;
    border-color: black !important;
    font-size: 12px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 5px;
}
.product-butn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-code li {
    padding: 17px;
    display: block;
}
.product-favourite a {
    color: #fff;
}
.product-sepet {
    display: flex;
    gap: 10px;
}
button.btn.btn-cart.btn-color-1 {
    flex: 1;
    margin-left: 0;
    height: 50px;
    font-family: cursive;
    font-size: 18px;
    font-weight: 500;
    margin-right: 0;
    color: #fff;
    border: none;
    background: #39517f;
    letter-spacing: 1px;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 10px;
}
a.btn.btn-wp {
    background: #33aa29;
    width: 40%;
}
a.btn.btn-wp {
    background: #33aa29;
    width: 50%;
    height: 50px;
    color: #fff;
    font-size: 17px;
    border: 1px solid #e2e2e2;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-favourite i.far.fa-heart {
    font-size: 28px;
    display: flex;
}
.product-sepet-ekle {
    width: 50%;
}
.product-profile-info li {
    border: 1px solid #e2e2e2;
}
.p-g-mod.p-g-mod-t-48.p-g-mod-product-det {
    border: 1px solid #e2e2e2;
    border-radius: 0 0 5px 5px;
    border-top: 0;
}
.raw-content {
    padding: 0px 20px;
}
i.fas.fa-chevron-right {
    background: #636363;
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}
i.fas.fa-chevron-left{
    background: #636363;
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 991px) {
    header.desktop {
        display: none;
    }
    .pattern-group .pattern-group-header {
        overflow: hidden;
    }
    .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;
        white-space: normal;
        text-align: center;
    }
    .p-g-b-c-inner > .container > .row > .col-6:has(> .gifplace),
    .p-g-b-c-inner > .container > .row > .col-6:has(> .info-tablevideo),
    .tuval-olcu-block .row > .col-6,
    .footer-top .row > .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .info-tablevideo .item h2 {
        font-size: 18px;
    }
    .tuval-olcu-block .tuval-header {
        height: auto;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .product-sepet .btn-wp {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4px 8px;
    }
    .product-sepet .btn-wp i {
        font-size: 13px;
        line-height: 16px;
        white-space: normal;
        text-align: center;
    }
}