/* ================================================================================
   BREAKPOINT: Desktop Only — min-width: 1025px
   Kullanıldığı yer: Tüm sayfalarda geçerli — masaüstü görünümü kuralları
   Elementler: .mobile-only gizleme, hover efektleri, desktop-only etkileşimler
   ================================================================================ */
@media screen and (min-width: 1025px) {
    .mobile-only {
        display: none !important;
    }


    header .bar .right .social a:hover svg path {
        fill: #121212;
    }

    header .bottom .right .actions a:hover {
        background-color: #F6F4F5;
    }

    header .bottom .right .actions .lang .current:hover {
        background-color: #F6F4F5;
    }

    header .bottom .right .actions .lang:hover ul {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    header .bottom .menu-wrapper .menu .menu-item>a:hover {
        /* background-color: #F6F4F5; */
    }

    header .bottom .menu-wrapper .menu .sub-menu .sub-title a.has-link:hover {
        text-decoration: underline;
    }

    header .bottom .menu-wrapper .menu .sub-menu .sub-link a:hover {
        text-decoration: underline;
    }


    section.main-boxes {
        background-color: #F5F8FF !important;
    }

    section.main-boxes .top .box:hover {
        box-shadow: 0 .4rem .4rem rgba(0, 0, 0, .05);
    }

    section.main-boxes .bottom .boxes .box:hover {
        transform: scaleY(1.04);
    }

    section.main-boxes .bottom .boxes .box:hover img {
        display: none;
    }

    section.main-boxes .bottom .boxes .box:hover img.hover {
        display: block;
    }

    section.main-boxes .bottom .boxes .box:hover .text {
        color: white;
    }

    section.main-boxes .bottom .boxes .box:hover .link {
        color: white;
    }

    section.cart .cart-container .item:hover .name {
        color: #F44336;
    }

    /**/

    section.double-boxes.hover .box:hover .image-layer {
        background-color: #F44336;
        opacity: .5;
    }

    section.double-boxes.hover .box:hover .icon {
        background-color: #F44336;
    }

    section.double-boxes.hover .box:hover .icon:before {
        background-image: url(Icons/link-white.svg);
    }

    section.double-boxes.hover .box:hover .title {
        color: #FFFFFF;
    }

    section.double-boxes.opacity .box:hover .image-layer {
        opacity: 0;
    }

    section.double-boxes.opacity .box:hover .icon {
        background-color: #F44336;
    }

    section.double-boxes.opacity .box:hover .icon:before {
        background-image: url(Icons/link-white.svg);
    }

    section.double-boxes.opacity .box:hover .title {
        color: #FFFFFF;
    }

    section.double-boxes.dark .box:hover .image-layer {
        background-color: #000;
        opacity: .6;
    }

    section.double-boxes.dark .box:hover .icon {
        background-color: #000;
    }

    section.double-boxes.dark .box:hover .title {
        color: #FFFFFF;
    }

    /**/

    section.triple-boxes.hover .box:hover .image-layer {
        background-color: #F44336;
        opacity: .5;
    }

    section.triple-boxes.hover .box:hover .icon {
        background-color: #F44336;
    }

    section.triple-boxes.hover .box:hover .icon:before {
        background-image: url(Icons/link-white.svg);
    }

    section.triple-boxes.hover .box:hover .title {
        color: #FFFFFF;
    }

    section.triple-boxes.opacity .box:hover .image-layer {
        opacity: 0;
    }

    section.triple-boxes.opacity .box:hover .icon {
        background-color: #F44336;
    }

    section.triple-boxes.opacity .box:hover .icon:before {
        background-image: url(Icons/link-white.svg);
    }

    section.triple-boxes.opacity .box:hover .title {
        color: #FFFFFF;
    }

    section.triple-boxes.dark .box:hover .image-layer {
        background-color: #000;
        opacity: .6;
    }

    section.triple-boxes.dark .box:hover .icon {
        background-color: #000;
    }

    section.triple-boxes.dark .box:hover .title {
        color: #FFFFFF;
    }

    /**/

    section.four-boxes.hover .box:hover .image-layer {
        background-color: #F44336;
        opacity: .5;
    }

    section.four-boxes.hover .box:hover .icon {
        background-color: #005BA6;
    }

    section.four-boxes.hover .box:hover .icon:before {
        background-image: url(Icons/k-arrow-right-large-white.svg);
    }

    section.four-boxes.hover .box:hover .title {
        color: #FFFFFF;
    }

    section.four-boxes.opacity .box:hover .image-layer {
        opacity: 0;
    }

    section.four-boxes.opacity .box:hover .icon {
        background-color: #F44336;
    }

    section.four-boxes.opacity .box:hover .icon:before {
        background-image: url(Icons/link-white.svg);
    }

    section.four-boxes.opacity .box:hover .title {
        /*  color: #F44336;*/
    }

    section.four-boxes.dark .box:hover .image-layer {
        background-color: #000;
        opacity: .6;
    }

    section.four-boxes.dark .box:hover .icon {
        background-color: #000;
    }

    section.four-boxes.dark .box:hover .icon:before {
        background-image: url(Icons/link-white.svg);
    }

    section.four-boxes.dark .box:hover .title {
        /* color: #F44336;*/
    }

    section.four-boxes.red .box:hover .image-layer {
        background-color: #a62117;
        opacity: .5;
    }

    section.four-boxes.red .box:hover .icon {
        background-color: #a62117;
    }

    section.four-boxes.red .box:hover .icon:before {
        background-image: url(Icons/link-white.svg);
    }

    /**/

    section.content .left .content-item .file-container .file {
        transition: transform .1s ease-in-out;
        -webkit-transition: transform .1s ease-in-out;
        -moz-transition: transform .1s ease-in-out;
        -ms-transition: transform .1s ease-in-out;
        -o-transition: transform .1s ease-in-out;
    }

    section.content .left .content-item .file-container .file:hover {
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
    }

    section.content .left .content-item .file-container .file:hover span {
        color: #F44336;
    }
}


/* ================================================================================
   BREAKPOINT: Geniş Ekran — max-width: 1680px / min-width: 768px
   Kullanıldığı yer: Tüm sayfalarda — 1680px altı büyük masaüstü düzeltmeleri
   Elementler: footer düzeni
   ================================================================================ */
@media screen and (max-width: 1680px) and (min-width: 768px) {
    /* Footer */

    footer .top .logos a+a {
        margin-left: .7rem;
    }
}


/* ================================================================================
   BREAKPOINT: Orta-Büyük Masaüstü — max-width: 1366px / min-width: 768px
   Kullanıldığı yer: Tüm sayfalarda — laptop/standart masaüstü çözünürlük düzeltmeleri
   Elementler: header, hero/banner, ürün kutuları, liste sayfaları, sayfa düzenleri
   ================================================================================ */
@media screen and (max-width: 1366px) and (min-width: 768px) {

    /* General */
    section.four-boxes .box-wrapper {
        width: calc(33.333% - .2rem);
    }

    .container {
        width: 13.6rem;
        padding-left: .4rem;
        padding-right: .4rem;
    }


    /* Forms */

    form.general .form-item label.small {
        font-size: .14rem;
    }

    form.general .form-item input[type='text'],
    form.general .form-item input[type='number'],
    form.general .form-item input[type='email'],
    form.general .form-item input[type='password'],
    form.general .form-item input[type='date'],
    form.general .form-item textarea {
        height: .52rem;
        padding-left: .16rem;
        padding-right: .16rem;
        padding-bottom: .02rem;
        font-size: .18rem;
    }

    form.general .form-item.light input[type='text'],
    form.general .form-item.light input[type='number'],
    form.general .form-item.light input[type='email'],
    form.general .form-item.light input[type='password'],
    form.general .form-item.light input[type='date'] {
        padding-left: .2rem;
        padding-right: .2rem;
    }

    form.general .form-item textarea {
        height: 1.04rem;
        padding-top: .13rem;
        padding-bottom: .13rem;
    }

    form.general .form-item .phone input {
        padding-left: .68rem;
    }

    form.general .form-item .phone:before {
        width: .52rem;
    }

    form.general .form-item .phone:after {
        left: .26rem;
        font-size: .18rem;
    }


    /* Float */

    form.general .form-item.float input[type='text'],
    form.general .form-item.float input[type='number'],
    form.general .form-item.float input[type='email'],
    form.general .form-item.float input[type='password'],
    form.general .form-item.float input[type='date'],
    form.general .form-item.float textarea {
        font-size: .16rem;
        padding-top: .1rem;
        padding-left: .15rem;
        padding-right: .15rem;
    }


    /* File Upload */

    form.general .file-upload .file-upload-title {
        font-size: .16rem;
    }

    form.general .file-upload .file-upload-text {
        font-size: .15rem;
    }


    /* Radio Item */

    form.general .form-item .radio-item {
        padding-left: .04rem;
        padding-right: .04rem;
    }



    /* Select2 */

    form.general .form-item .select2-container--default .select2-selection--single {
        height: .52rem;
    }

    form.general .form-item .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: .16rem;
        padding-right: .52rem;
        font-size: .18rem;
    }

    form.general .form-item .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: .16rem;
    }


    /* Select2 Dropdown */

    .select2-results__option {
        padding: .16rem;
    }


    /* Header */

    header .bar .left {
        font-size: .15rem;
    }

    header .bottom {
        padding-top: .24rem;
        padding-bottom: .24rem;
    }

    header .bottom .menu-wrapper .menu .menu-item a {
        font-size: .16rem;
    }

    header .bottom .menu-wrapper .menu .menu-item>a {
        padding-left: .12rem;
        padding-right: .12rem;
    }

    header .bottom .menu-wrapper .menu .sub-menu {
        padding-top: .32rem;
    }

    header .bottom .menu-wrapper .menu .sub-menu .sub-link a {
        font-size: .15rem;
    }

    header .bottom .menu-wrapper .menu .sub-menu .large-link .large-link-text {
        padding: .16rem .6rem .16rem .16rem;
        font-size: .18rem;
    }


    /* Main Banner */

    section.main-banner {
        padding-top: .4rem;
    }

    section.main-banner .title {
        font-size: .8rem;
    }

    section.main-banner .text {
        width: 4.4rem;
        font-size: .19rem;
    }

    section.main-banner *+.image-container {
        margin-top: .6rem;
    }

    section.main-banner .image-container .box {
        width: 3.08rem;
        height: 3.08rem;
        top: -.2rem;
        right: .6rem;
        padding: .2rem;
    }

    section.main-banner .image-container .box .box-text,
    section.banner .image-container .box .box-text {
        font-size: .24rem;
    }

    section.main-banner .image-container .box .box-bottom,
    section.banner .image-container .box .box-bottom {
        padding: .07rem .16rem;
    }

    section.main-banner .image-container .box *+.box-bottom,
    section.banner .image-container .box *+.box-bottom {
        margin-top: .2rem;
    }

    /* Main Slider */

    section.main-slider {
        padding-top: .4rem;
    }

    section.main-slider .title {
        font-size: .8rem;
    }

    section.main-slider .text {
        width: 4.4rem;
        font-size: .19rem;
    }

    section.main-slider *+.slider-container {
        margin-top: .6rem;
    }

    section.main-slider .slider-container .box {
        width: 3.08rem;
        height: 3.08rem;
        top: -.2rem;
        right: .6rem;
        padding: .2rem;
    }

    section.main-slider .slider-container .box .box-text {
        font-size: .24rem;
    }

    section.main-slider .slider-container .box .box-bottom {
        padding: .07rem .16rem;
    }

    section.main-slider .slider-container .box *+.box-bottom {
        margin-top: .2rem;
    }

    section.main-slider .item .content {
        width: calc(100% - .9rem);
        left: .45rem;
        bottom: 1.65rem;
    }

    section.main-slider .item .content .text {
        font-size: .6rem;
    }

    section.main-slider .item .content .link {
        font-size: .2rem;
    }

    section.main-slider .item .content *+.link {
        margin-top: .4rem;
    }

    section.main-slider .owl-dots {
        width: calc(100% - .9rem);
        left: .45rem;
        bottom: .8rem;
    }

    /* Main Boxes */

    section.main-boxes {
        padding-top: .4rem;
    }

    section.main-boxes .top .box {
        min-height: 2.4rem;
        height: auto;
        padding: .24rem;
    }

    section.main-boxes .top .box .text {
        font-size: .28rem;
        word-wrap: break-word;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    section.main-boxes .top .box .link {
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: auto !important;
    }

    section.main-boxes *+.bottom {
        margin-top: .6rem;
    }

    section.main-boxes .bottom .title {
        padding-top: .08rem;
        font-size: .2rem;
    }

    section.main-boxes .bottom .promo {
        font-size: .4rem;
    }

    section.main-boxes .bottom *+.promo {
        margin-top: .4rem;
    }

    section.main-boxes .bottom *+.boxes {
        margin-top: .9rem;
    }

    section.main-boxes .bottom .boxes .box {
        height: 4rem;
        padding: .24rem;
    }

    section.main-boxes .bottom .boxes .box .text {
        font-size: .24rem;
    }

    section.main-boxes .bottom .boxes .box .link {
        font-size: .16rem;
    }


    /* News Box */

    section.news-box {
        padding-top: .6rem;
    }

    section.news-box .title {
        padding-top: .08rem;
        font-size: .2rem;
    }

    section.news-box .boxes {
        margin-left: -.08rem;
        margin-right: -.08rem;
    }

    section.news-box *+.boxes {
        margin-top: .32rem;
    }

    section.news-box .boxes .box {
        padding-left: .08rem;
        padding-right: .08rem;
    }

    section.news-box .boxes .box .content {
        padding: .16rem;
        padding-bottom: 0;
    }

    section.news-box .boxes .box .content .text {
        font-size: .24rem;
    }


    /* Donate */

    section.donate {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }

    section.donate .content {
        max-width: 6.32rem;
    }

    section.donate .title {
        font-size: .48rem;
    }

    section.donate *+.text {
        margin-top: .36rem;
    }

    section.donate form {
        width: 4.16rem;
    }

    section.donate *+form {
        margin-top: .4rem;
    }


    /* Banner Light */

    section.banner-light .content {
        padding-top: .84rem;
        padding-bottom: 2.3rem;
    }

    section.banner-light .title {
        max-width: calc(100% - 3.8rem);
        font-size: .8rem;
    }

    section.banner-light .btn-scroll {
        bottom: .48rem;
        font-size: .2rem;
    }


    /* Banner News */

    section.banner-news .content {
        width: 7rem;
        max-width: calc(100% - 4rem);
        padding-top: .92rem;
        padding-bottom: .72rem;
    }

    section.banner-news .title {
        font-size: .52rem;
    }


    /* List */

    section.list {
        padding-top: .24rem;
    }

    section.list .left {
        padding-right: .36rem;
    }

    section.list .left .link {
        padding: .2rem .56rem .2rem .2rem;
        font-size: .18rem;
    }

    section.list .filter {}

    section.list .filter input[type='checkbox']~label {
        font-size: .16rem;
    }

    section.list .filter .form-accordion .accordion-title {
        font-size: .16rem;
    }

    section.list .filter .form-accordion .accordion-content input[type='checkbox']~label {
        font-size: .15rem;
    }

    section.list .list-banner .title {
        font-size: .48rem;
    }

    section.list .list-banner *+.btn-scroll {
        margin-top: .3rem;
    }

    section.list .items {
        margin-left: -.08rem;
        margin-right: -.08rem;
    }

    section.list *+.items {
        margin-top: .32rem;
    }

    section.list .items .title {
        padding-top: .08rem;
        margin-left: .08rem;
        margin-right: .08rem;
        margin-bottom: .12rem;
        font-size: .2rem;
    }

    section.list .items .item {
        width: calc(33.333% - .16rem);
        margin: .08rem;
        padding: .04rem;
    }

    section.list .items .item .content {
        padding: .12rem;
        padding-top: .16rem;
    }

    section.list .items .item .content .name {
        font-size: .22rem;
    }



    /* Detail */

    section.detail {
        padding-top: .6rem;
        padding-bottom: 1.2rem;
    }

    section.detail .form {
        width: calc(100% - 3.8rem);
        padding-left: .8rem;
        padding-right: .6rem;
    }

    section.detail .form .form-section {
        margin-left: -.08rem;
        margin-right: -.08rem;
    }

    section.detail .form .form-section+.form-section {
        padding-top: .8rem;
    }

    section.detail .form .form-section:before {
        left: -.6rem;
    }

    section.detail .form .form-section:last-child:before {
        height: .8rem;
    }

    section.detail .form .title {
        margin-left: .08rem;
        margin-right: .08rem;
        margin-bottom: .28rem;
        font-size: .28rem;
    }

    section.detail .form .title:before {
        width: .4rem;
        height: .4rem;
        left: -.88rem;
        font-size: .2rem;
        line-height: .36rem;
    }

    section.detail .form .text {
        margin-left: .08rem;
        margin-right: .08rem;
        font-size: .18rem;
    }

    section.detail .form .title+.text {
        margin-top: .32rem;
    }

    section.detail .form .form-item {
        margin: .12rem .08rem !important;
    }

    section.detail .form .auth-subscription-children-wrapper {
        margin: .12rem .08rem 0;
    }

    section.detail .form .separator {
        width: calc(100% - .16rem);
        margin: .32rem .08rem;
    }

    section.detail .form .buttons {
        margin: .12rem .08rem;
    }

    section.detail .form .certificate {
        width: calc(100% - .16rem);
        margin: .12rem .08rem;
    }

    section.detail .form .certificate-add {
        margin: .12rem .08rem;
    }

    section.detail .form .certificate-add .btn-add {
        min-width: 2rem;
    }

    section.detail .form .donate-options .radio-item {
        padding-left: 0;
        padding-right: 0;
        margin-right: .08rem;
    }

    section.detail .form .donate-options .radio-item:first-child,
    section.detail .form .donate-options label.small+.radio-item {
        margin-left: 0;
    }

    section.detail .form .donate-options .radio-item input[type='radio']~label {
        min-width: unset;
    }

    section.detail .form .donate-box {
        padding: .2rem;
        margin: .12rem .08rem;
    }

    section.detail .form .donate-box .donate-text {
        font-weight: 400;
        font-size: .14rem;
        line-height: 1.4em;
        color: #121212;
    }

    section.detail .form .donate-box .donate-item {
        padding: .12rem .16rem;
    }

    section.detail .form .donate-box *+.donate-item {
        margin-top: 0;
    }

    section.detail .form .donate-box .donate-item .btn-default {
        min-width: 1.6rem;
    }

    section.detail .form .file-upload {
        margin: .12rem .08rem;
    }

    section.detail .media {
        width: 3.8rem;
        top: 2rem;
        margin-top: -2.5rem;
    }

    section.detail .form .spec-selection {
        margin: .16rem .08rem .2rem .08rem;
    }

    section.detail .form .spec-label {
        font-size: .18rem;
    }

    section.detail .form .spec-size-item {
        min-width: .52rem;
        height: .42rem;
        font-size: .16rem;
    }

    section.detail .form .spec-color-item {
        width: .7rem;
    }

    section.detail .form .spec-color-img {
        width: .64rem;
        height: .64rem;
    }

    section.detail .form .spec-color-name {
        font-size: .13rem;
        max-width: .7rem;
    }


    /* Footer */

    footer .top .logos a {
        max-width: .7rem;
    }

    footer .top .logos a+a {
        margin-left: .3rem;
    }


    /* Cart */

    section.cart .title {
        font-size: .52rem;
    }

    section.cart *+.title {
        margin-top: .44rem;
    }


    /* Checkout */

    section.checkout .payment .card+.card {
        margin-top: .16rem;
    }

    section.checkout .cart-summary {
        width: calc(33.8% - .16rem);
        padding: .24rem;
        margin-left: .16rem;
    }


    /* Result */

    section.result {
        padding-bottom: 1.2rem;
    }

    section.result .card .card-container {
        max-width: 6.32rem;
    }

    section.result .card .card-icon {
        width: .52rem;
        margin-top: -1.2rem;
    }

    section.result .card .title {
        font-size: .36rem;
    }

    section.result .card *+.title {
        margin-top: .4rem;
    }

    section.result .card .text {
        font-size: .18rem;
    }

    section.result .card *+.text {
        margin-top: .2rem;
    }

    section.result .card *+.items {
        margin-top: .4rem;
    }


    /* Auth */

    section.auth {
        padding-bottom: 1.2rem;
    }

    section.auth .auth-container {
        padding: .6rem .8rem;
    }

    section.auth .auth-container .form {
        width: 4.16rem;
    }

    section.auth .auth-container .form .title {
        font-size: .36rem;
    }

    section.auth .auth-container .form .text {
        font-size: .18rem;
    }

    section.auth .auth-container .form *+.text {
        margin-top: .2rem;
    }

    section.auth .auth-container .form *+form {
        margin-top: .36rem;
    }

    section.auth .auth-container .form .form-item+.form-item {
        margin-top: .2rem;
    }

    section.auth .auth-container .form .form-item+.form-item.half-margin {
        margin-top: .1rem;
    }


    /* Banner */

    section.banner:first-of-type {
        padding-top: .8rem;
    }

    section.banner:last-of-type {
        padding-bottom: .8rem;
    }

    section.banner *+.image-container {
        margin-top: .8rem;
    }

    section.banner .image-container .box {
        width: 3.08rem;
        height: 3.08rem;
        right: .64rem;
    }

    section.banner .image-container .box .box-text {
        font-size: .24rem;
    }



    /* Double Boxes */

    section.double-boxes {
        padding-bottom: .6rem;
    }

    section.double-boxes .boxes {
        margin-left: -.08rem;
        margin-right: -.08rem;
    }

    section.double-boxes .box {
        /*     width: calc(50% - .16rem);*/
        height: 3rem;
        margin: .08rem;
    }

    section.double-boxes .box .text {
        padding: .28rem;
        font-size: .32rem;
    }

    section.double-boxes .box .title {
        position: absolute;
        padding: .2rem;
        padding-right: .8rem;
        font-size: .32rem;
    }

    /* Triple Boxes */

    section.triple-boxes {
        padding-top: .48rem;
        padding-bottom: .48rem;
    }

    section.triple-boxes:last-of-type {
        padding-bottom: .8rem;
    }

    section.triple-boxes .boxes {
        margin: -.08rem;
    }

    section.triple-boxes .box {
        height: 2.8rem;
        border-radius: .2rem;
    }

    section.triple-boxes .box .text {
        padding: .28rem;
        font-size: .28rem;
    }

    section.triple-boxes .box .title {
        position: absolute;
        padding: .2rem;
        padding-right: .8rem;
        font-size: .28rem;
    }

    /* Four Boxes */

    section.four-boxes {
        padding-top: .48rem;
        padding-bottom: .48rem;
    }

    section.four-boxes:last-of-type {
        padding-bottom: .8rem;
    }

    section.four-boxes .boxes {
        margin: -.08rem;
    }

    section.four-boxes .box {
        /*   width: calc(25% - .16rem);*/
        margin: .08rem;
    }

    section.four-boxes .box .text {
        padding: .28rem;
        font-size: .24rem;
    }

    section.four-boxes .box .title {
        font-size: .24rem;
    }


    .box-wrapper .title {
        margin-bottom: 0.12rem;
    }

    /* Content */

    section.content {
        padding-top: .6rem;
        padding-bottom: 1.2rem;
    }

    section.content .left {
        width: calc(100% - 3.8rem);
        padding-left: .8rem;
        padding-right: .6rem;
    }

    section.content .left .content-item h1,
    section.content .left .content-item h2,
    section.content .left .content-item h3,
    section.content .left .content-item h4 {
        margin-bottom: .28rem;
        font-size: .4rem;
    }

    section.content .left .content-item *+h1,
    section.content .left .content-item *+h2,
    section.content .left .content-item *+h3,
    section.content .left .content-item *+h4 {
        margin-top: .28rem;
    }

    section.content .left .content-item h3 {
        font-size: .32rem;
    }

    section.content .left .content-item h4 {
        font-size: .28rem;
    }

    section.content .left .content-item {
        font-size: .18rem;
    }

    section.content .left .content-item ul li {
        padding-left: .32rem;
    }

    section.content .left .content-item ul li+li {
        margin-top: .14rem;
    }

    section.content .left .content-item .images .image .title {
        font-size: .20rem;
    }

    section.content .left .content-item *+.slider {
        margin-top: .32rem;
    }

    section.content .left .content-item .slider .owl-nav .owl-prev {
        left: .24rem;
    }

    section.content .left .content-item .slider .owl-nav .owl-next {
        right: .24rem;
    }

    section.content .right {
        width: 3.8rem;
        top: 2rem;
    }

    section+section.content .right {
        margin-top: -2.5rem;
    }

    section.content .right .form {
        padding: .28rem;
        padding-top: .24rem;
    }

    section.content .right .form .text {
        font-size: .2rem;
    }

    section.content .right .form *+form {
        margin-top: .36rem;
    }

    section.content .right .form .form-item+.form-item {
        margin-top: .16rem;
    }


    /* Account */

    section.account .menu {
        width: 2.6rem;
        padding: .2rem;
    }

    section.account .menu .title {
        font-size: .28rem;
    }

    section.account .menu .item+.item {
        margin-top: .1rem;
    }

    section.account .menu .title+.item {
        margin-top: .2rem;
    }

    section.account .menu .item a {
        font-size: .18rem;
    }

    section.account .account-container {
        width: calc(100% - 2.8rem);
        padding: .2rem;
    }

    section.account .account-title {
        margin-bottom: .2rem;
        font-size: .28rem;
    }

    section.account .account-title a {
        font-size: .15rem;
    }


    /* Account Form */

    section.account .form {
        margin: -.08rem;
    }

    section.account .form .form-item {
        width: calc(50% - .16rem);
        margin: .08rem;
    }

    section.account .form .form-item.auth-subscription-parent {
        width: calc(100% - .16rem);
    }

    section.account .form .auth-subscription-children-wrapper {
        width: calc(100% - .16rem);
        margin: .08rem;
    }

    section.account .form .btn-default {
        display: block;
        width: calc(50% - .16rem);
        margin: .08rem;
    }


    /* Account Subs */

    section.account .subs th,
    section.account .subs td {
        padding-left: .16rem;
        padding-right: .16rem;
        font-size: .16rem;
    }

    section.account .subs th.small,
    section.account .subs td.small {
        width: 1.8rem;
    }


    /* Account Order Detail */

    section.account .order .box .title {
        font-size: .24rem;
    }

    section.account .order .box .text {
        font-size: .15rem;
    }

    section.account .order .box *+.text {
        margin-top: .2rem;
    }

    section.account .order .box *+.title {
        margin-top: .28rem;
    }

    section.account .order table td {
        padding-top: .16rem;
        padding-bottom: .16rem;
        padding-right: .16rem;
        font-size: .16rem;
    }

    section.account .order .summary {
        width: 3.8rem;
        margin-left: calc(100% - 3.8rem);
    }

    section.account .order .summary .summary-title {
        font-size: .24rem;
    }


    /* Content With Menu */

    section.content-with-menu {
        padding-top: .24rem;
        padding-bottom: 1.6rem;
    }

    section.content-with-menu .menu-wrapper {
        padding-right: .36rem;
    }

    section.content-with-menu .menu-wrapper .menu {
        padding: .12rem .2rem;
    }

    section.content-with-menu .menu-wrapper .menu a {
        padding-top: .18rem;
        padding-bottom: .18rem;
        font-size: .16rem;
    }

    section.content-with-menu .menu-wrapper .menu .title {
        padding: .28rem .2rem;
        margin: -.12rem -.24rem 0 -.24rem;
        font-size: .16rem;
    }


    /* News */

    section.content-with-menu .news {
        margin: -.24rem -.08rem;
    }

    section.content-with-menu .news .box {
        padding: .24rem .08rem;
    }

    section.content-with-menu .news .box *+.content {
        margin-top: .16rem;
    }

    section.content-with-menu .news .box .content .text {
        font-size: .24rem;
    }

    section.content-with-menu .news .box .content .date {
        font-size: .14rem;
    }

    section.content-with-menu .news .box .content *+.date {
        margin-top: .12rem;
    }


    /* Person Boxes */

    section.content-with-menu .person-boxes {
        margin: -.3rem -.2rem;
    }

    section.content-with-menu .person-boxes .box {
        padding: .3rem .2rem;
    }

    section.content-with-menu .person-boxes .box .image {
        width: 100%;
        padding-top: 100%;
    }

    section.content-with-menu .person-boxes .box .content {
        padding-left: 0;
        padding-right: 0;
    }

    section.content-with-menu .person-boxes .box *+.content {
        margin-top: .24rem;
    }

    section.content-with-menu .person-boxes .box .content .name {
        font-size: .24rem;
    }

    section.content-with-menu .person-boxes .box .content .title {
        font-size: .16rem;
    }

    section.content-with-menu .person-boxes .box .content *+.title {
        margin-top: .08rem;
    }

    section.content-with-menu .person-boxes .box *+.mail {
        margin-top: .18rem;
    }


    /* Teams */

    section.content-with-menu .teams .item {
        padding: .24rem .28rem;
    }

    section.content-with-menu .teams .item+.item {
        margin-top: .08rem;
    }

    section.content-with-menu .teams .item .item-title {
        font-size: .2rem;
    }

    section.content-with-menu .teams .item .left {
        padding-right: .6rem;
    }

    section.content-with-menu .teams .item .left .box {
        padding-left: 0;
        padding-right: 0;
    }

    section.content-with-menu .teams .item .left .box .image {
        width: 100%;
        padding-top: 100%;
    }

    section.content-with-menu .teams .item .left .box .box-content {
        padding-left: 0;
        padding-right: 0;
    }

    section.content-with-menu .teams .item .left .box *+.box-content {
        margin-top: .24rem;
    }

    section.content-with-menu .teams .item .left .box .box-content .name {
        font-size: .24rem;
    }

    section.content-with-menu .teams .item .left .box .box-content .title {
        font-size: .16rem;
    }

    section.content-with-menu .teams .item .left .box .mail {
        padding-top: .15rem;
    }

    section.content-with-menu .teams .item .left .box *+.mail {
        margin-top: .18rem;
    }

    section.content-with-menu .teams .item .right .person {
        padding-bottom: .16rem;
    }

    section.content-with-menu .teams .item .right .person .name {
        font-size: .18rem;
    }

    section.content-with-menu .teams .item .right .person .title {
        font-size: .14rem;
    }

    section.content-with-menu .teams .item .right .person .mail {
        font-size: .14rem;
    }
}


/* ================================================================================
   BREAKPOINT: Küçük Masaüstü — max-width: 1279px / min-width: 1025px
   Kullanıldığı yer: Tüm sayfalarda — küçük masaüstü/büyük tablet yatay düzeltmeleri
   Elementler: header menüsü, içerik düzeni
   ================================================================================ */
@media screen and (max-width: 1279px) and (min-width: 1025px) {
    /* Header */

    header .bar .left {
        width: 60%;
        font-size: .14rem;
    }

    header .bar .right {
        width: 40%;
    }

    header .bottom {
        padding-top: .2rem;
        padding-bottom: .2rem;
    }

    header .bottom .logo {
        width: 10%;
    }

    header .bottom .menu-wrapper {
        width: 59%;
        padding-left: .1rem;
    }

    header .bottom .menu-wrapper .menu .menu-item a {
        font-size: .14rem;
    }

    header .bottom .menu-wrapper .menu .menu-item>a {
        padding-left: .06rem;
        padding-right: .06rem;
        padding-top: .06rem;
        padding-bottom: .08rem;
    }

    header .bottom .right {
        width: 31%;
    }

    header .bottom .right .buttons {
        width: 61%;
    }

    header .bottom .right .buttons .btn-default {
        height: .44rem;
        padding-left: .12rem;
        padding-right: .12rem;
    }

    header .bottom .right .buttons .btn-default+.btn-default {
        margin-left: .04rem;
    }

    header .bottom .right .buttons .btn-default span {
        font-size: .13rem;
    }

    header .bottom .right .actions {
        width: 39%;
    }

    header .bottom .right .actions a {
        width: .36rem;
        height: .36rem;
        margin-right: 0;
    }


    /* Main Banner */

    section.main-banner .title {
        font-size: .6rem;
    }
}


/* ================================================================================
   BREAKPOINT: Tablet — max-width: 1024px / min-width: 768px
   Kullanıldığı yer: Tüm sayfalarda — tablet (iPad, küçük laptop) düzeltmeleri
   Elementler: header, nav, hero, ürün grid, liste/detay sayfaları, forms, footer
   ================================================================================ */
@media screen and (max-width: 1024px) and (min-width: 768px) {



    section.four-boxes .box-wrapper {
        width: calc(50% - .2rem);
    }

    section.four-boxes .box-wrapper .box {
        width: 100%;
    }

    section.triple-boxes .box-wrapper {
        width: calc(50% - .2rem);
    }

    .desktop-only {
        display: none !important;
    }

    /* General */

    .container {
        width: 7.6rem;
        padding-left: .34rem;
        padding-right: .34rem;
    }


    /* Header */

    header.light {
        background-color: white !important;
    }

    header .bar {
        padding-top: .16rem;
        padding-bottom: .18rem;
    }

    header .bar .left {
        font-size: .13rem;
    }

    header .bar .right .social {
        display: none;
    }

    header .bar .right .language {
        display: block;
        width: 100%;
    }

    header .bar .right .language a {
        font-size: .13rem;
    }

    header .bottom {
        padding-top: .12rem;
        padding-bottom: .12rem;
    }

    header .bottom .btn-menu {
        display: inline-block;
        vertical-align: middle;
        width: .2rem;
        margin-right: .24rem;
    }

    header .bottom .btn-menu .open {
        width: 100%;
    }

    header .bottom .left-box .hamburger-menu-item {
        display: none !important;
    }


    /* Main Banner */

    section.main-banner .title {
        display: block;
        width: 100%;
    }

    section.main-banner .text {
        display: block;
        width: 4.3rem;
        max-width: 100%;
    }

    section.main-banner *+.text {
        margin-top: .2rem;
    }

    section.main-banner *+.content {
        margin-top: .4rem;
    }

    section.main-banner .image-container .box,
    section.banner .image-container .box {
        width: 3.4rem;
        height: auto;
        padding: .16rem;
        border-radius: .04rem;
        background-color: #005ba6;
        background-image: unset !important;
    }

    section.main-banner .image-container .box {
        top: -.16rem;
        right: .5rem;
    }

    section.main-banner .image-container .box .box-text,
    section.banner .image-container .box .box-text {
        padding-right: .64rem;
        font-size: .18rem;
    }

    section.main-banner .image-container .box .box-bottom,
    section.banner .image-container .box .box-bottom {
        font-size: .16rem;
        background-color: #f44336;
    }

    section.main-banner .image-container .box *+.box-bottom,
    section.banner .image-container .box *+.box-bottom {
        margin-top: .2rem;
    }

    section.main-banner .image-container .box .icon,
    section.banner .image-container .box .icon {
        width: .32rem;
        height: .32rem;
    }

    section.main-banner .image-container .box .icon img,
    section.banner .image-container .box .icon img {
        width: .12rem;
        height: .12rem;
    }


    /* Main Slider */

    section.main-slider .title {
        display: block;
        width: 100%;
    }

    section.main-slider .text {
        display: block;
        width: 4.3rem;
        max-width: 100%;
    }

    section.main-slider *+.text {
        margin-top: .2rem;
    }

    section.main-slider *+.content {
        margin-top: .4rem;
    }

    section.main-slider .slider-container .box {
        width: 3.4rem;
        height: auto;
        top: -.16rem;
        right: .5rem;
        padding: .16rem;
        border-radius: .04rem;
        background-color: #F44336;
        background-image: unset !important;
    }

    section.main-slider .slider-container .box .box-text {
        padding-right: .64rem;
        font-size: .18rem;
    }

    section.main-slider .slider-container .box .box-bottom {
        font-size: .16rem;
        background-color: #2D742D;
    }

    section.main-slider .slider-container .box *+.box-bottom {
        margin-top: .2rem;
    }

    section.main-slider .slider-container .box .icon {
        width: .32rem;
        height: .32rem;
        top: .16rem;
        right: .16rem;
    }

    section.main-slider .slider-container .box .icon img {
        width: .1rem;
        margin-top: -.05rem;
        margin-left: -.05rem;
    }

    section.main-slider .item .content {
        width: calc(100% - .7rem);
        left: .35rem;
        bottom: 1.2rem;
    }

    section.main-slider .item .content .text {
        font-size: .48rem;
    }

    section.main-slider .item .content .link {
        font-size: .2rem;
    }

    section.main-slider .item .content *+.link {
        margin-top: .3rem;
    }

    section.main-slider .item .buttons {
        display: none;
    }

    section.main-slider .owl-dots {
        width: calc(100% - .7rem);
        left: .35rem;
        bottom: .48rem;
    }

    section.main-slider .owl-dots .owl-dot {
        width: .7rem;
        height: .02rem;
    }

    section.main-slider .owl-dots .owl-dot+.owl-dot {
        margin-left: .1rem;
    }

    section.main-slider .owl-dots .owl-dot.active {
        height: .04rem;
    }


    /* Main Boxes */

    section.main-boxes .top .box,
    section.main-boxes .top .box+.box {
        width: 50%;
        border: 1px solid #F9F5F2;
        min-height: 2.4rem;
        height: auto;
    }

    section.main-boxes *+.bottom {
        margin-top: .6rem;
    }

    section.main-boxes .bottom .promo {
        display: none;
    }

    section.main-boxes .bottom *+.boxes {
        margin-top: .6rem;
    }

    section.main-boxes .bottom .boxes .box {
        display: block;
        width: calc(100% - .08rem);
        height: 4rem;
        padding: .24rem;
        margin-left: .04rem;
        margin-right: .04rem;
    }

    section.main-boxes .bottom .boxes .box+.box {
        border-left: none;
    }

    section.main-boxes .bottom .boxes .box .text {
        font-size: .24rem;
    }

    section.main-boxes .bottom .boxes .box img {
        width: auto !important;
        max-width: 80%;
    }

    section.main-boxes .bottom .boxes .owl-dots {
        margin-top: .6rem;
        text-align: center;
    }

    section.main-boxes .bottom .boxes .owl-dot {
        display: inline-block;
        vertical-align: middle;
        width: .56rem;
        height: .04rem;
        background-color: white;
    }

    section.main-boxes .bottom .boxes .owl-dot.active {
        background-color: #5882A8;
    }

    section.main-boxes .bottom .boxes .owl-dot+.owl-dot {
        margin-left: .08rem;
    }

    section.main-boxes .bottom .boxes .box .link {
        display: block;
        width: calc(100% - .08rem);
        left: .04rem;
        bottom: .04rem;
        padding: .11rem .56rem .13rem .16rem;
        font-size: .16rem;
        color: #121212;
    }

    section.main-boxes .bottom .boxes .box .link:after {
        position: absolute;
        width: .24rem;
        height: .24rem;
        top: 50%;
        right: .16rem;
        margin-left: 0;
        margin-top: -.04rem;
        background-image: url(Icons/k-arrow-right-link.svg);
    }



    /* News Box */

    section.news-box {
        padding-top: .4rem;
        padding-bottom: .3rem;
    }

    section.news-box .boxes {
        margin-left: 0;
        margin-right: 0;
    }

    section.news-box .boxes .box {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: .24rem;
        padding-bottom: .24rem;
    }

    section.news-box .boxes .box .image {
        display: inline-block;
        vertical-align: top;
        width: 2.5rem;
    }

    section.news-box .boxes .box .content {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 2.5rem);
        padding: 0;
        padding-left: .2rem;
        padding-bottom: .36rem;
    }

    section.news-box .boxes .box .content *+.date {
        margin-top: 0;
    }

    section.news-box .boxes .box .content .date {
        position: absolute;
        bottom: .24rem;
    }

    section.news-box .boxes .box .content .date .day:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 4px;
        height: 4px;
        margin-left: .06rem;
        margin-right: .08rem;
        background-color: #757374;
        border-radius: 2px;
    }




    /* Banner Light */

    section.banner-light .content {
        position: relative;
        padding-top: .84rem;
        padding-bottom: 2rem;
    }

    section.banner-light .title {
        max-width: 100%;
        font-size: .8rem;
    }

    section.banner-light .btn-scroll {
        bottom: .48rem;
        font-size: .2rem;
        max-width: calc(100% - 1.5rem);
    }

    section.banner-light .btn-filter {
        position: absolute;
        right: 0;
        bottom: .32rem;
        padding-left: .3rem;
        padding-right: .3rem;
    }

    section.banner-light .btn-filter img {
        display: inline-block;
        vertical-align: middle;
        width: .2rem;
        margin-right: .08rem;
    }

    section.banner-light .btn-filter .count {
        position: absolute;
        width: .24rem;
        height: .24rem;
        left: -.12rem;
        top: 50%;
        margin-top: -.12rem;
        font-weight: 700;
        font-size: .12rem;
        line-height: .19rem;
        color: #64310E;
        text-align: center;
        border-radius: .12rem;
        background-color: white;
        border: 2px solid #EFB44E;
    }


    /* Banner News */

    section.banner-news .content {
        width: 100%;
        max-width: unset;
        padding-top: 1rem;
        padding-bottom: .8rem;
    }

    section.banner-news .title {
        font-size: .52rem;
    }


    /* List */

    section.list {
        padding-top: .24rem;
        padding-bottom: 1.2rem;
    }

    section.list .left {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        /* Masaüstü flex-kolon max-height'ını mobilde iptal et (yoksa overlay kısalıp altta sayfa görünüyordu). */
        max-height: none;
        top: 0;
        left: 0;
        padding-right: 0;
        background-color: rgba(0, 0, 0, .3);
        z-index: 100;
    }

    section.list .left.active {
        display: block;
    }

    section.list .filter {
        position: absolute;
        /* Mobilde tam ekran beyaz panel (yarım drawer değil); masaüstü self-scroll max-height'ı iptal. */
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: none;
        top: 0;
        right: 0;
        padding: .24rem;
        padding-bottom: 1rem;
        border-radius: 0;
        box-shadow: none;
        overflow: auto;
    }

    section.list .filter .btn-default {
        position: absolute;
        width: calc(100% - .48rem);
        left: .24rem;
        bottom: .32rem;
    }

    section.list .filter input[type='checkbox']~label {
        font-size: .18rem;
    }

    section.list .filter .form-accordion .accordion-title {
        font-size: .18rem;
    }


    section.list .filter .form-accordion .accordion-content input[type='checkbox']~label {
        font-size: .16rem;
    }

    section.list .filter .form-accordion .accordion-content .form-item+.form-item {
        margin-top: .1rem;
        padding-top: .1rem;
    }

    section.list .right {
        display: block;
        width: 100%;
    }

    section.list .right .display {
        display: none;
    }

    section.list .list-banner .content {
        height: 100%;
        padding: .28rem .4rem;
    }

    section.list .list-banner .title {
        font-size: .4rem;
    }

    section.list .list-banner .btn-scroll {
        position: absolute;
        left: .4rem;
        bottom: .28rem;
    }

    section.list .list-banner *+.btn-scroll {
        margin-top: 0;
    }

    section.list .items {
        position: relative;
        display: block;
        margin-left: -.1rem;
        margin-right: -.1rem;
    }

    section.list *+.items {
        margin-top: .5rem;
    }

    section.list .items .title {
        padding-top: .08rem;
        font-size: .2rem;
    }

    section.list .items.double .item,
    section.list .items.quadruple .item,
    section.list .items .item {
        width: calc(50% - .2rem);
        padding: .04rem;
    }

    section.list .items .item .content {
        padding: .16rem;
    }

    section.list .items .item .content .name {
        font-size: .22rem;
    }


    /* Detail */

    section.detail {
        padding-top: .6rem;
        padding-bottom: 1.2rem;
    }

    section.detail .form {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    section.detail *+.form {
        margin-top: .8rem;
    }

    section.detail .form .form-section:before {
        display: none;
    }

    section.detail .form .title:before {
        display: none;
    }

    section.detail .media {
        position: relative;
        display: block;
        width: 5.2rem;
        top: auto;
        margin-top: -1.4rem;
        margin-left: auto;
        margin-right: auto;
    }

    /* Maps */
    section.maps .map-filter .form .form-item.half {
        width: 100%;
    }




    /* Cart */

    section.cart *+.title {
        margin-top: .4rem;
    }

    section.cart .cart-container {
        display: block;
        width: 100%;
        padding: .16rem;
        margin-top: .4rem;
    }

    section.cart .cart-container .item {
        min-height: .8rem;
        padding: .16rem .2rem;
    }

    section.cart .cart-container .item *+.category {
        margin-top: .32rem;
    }

    section.cart .cart-container .item .price {
        top: .16rem;
    }

    section.cart .cart-container .item .actions {
        bottom: .16rem;
        right: .2rem;
    }

    section.cart .cart-container *+.btn-default {
        margin-top: .24rem;
    }

    section.cart .cart-summary {
        display: block;
        width: 100%;
        padding: .24rem;
        margin-top: .16rem;
        margin-left: 0;
    }

    section.cart .cart-summary .summary-title {
        display: none;
    }

    section.cart .cart-summary *+.items {
        margin-top: 0;
    }

    section.cart .cart-summary .items+.items {
        margin-top: .12rem;
    }

    section.cart .cart-summary .item {
        padding: .16rem .16rem .19rem .16rem;
    }


    /* Checkout */

    section.checkout {
        padding-top: .4rem;
        padding-bottom: 1rem;
    }

    section.checkout .payment {
        display: block;
        width: 100%;
    }

    section.checkout *+.payment {
        margin-top: .16rem;
    }

    section.checkout .payment .card+.card {
        margin-top: .16rem;
    }


    section.checkout .payment .card *+.content {
        margin-top: .4rem;
    }

    section.checkout .payment .card .content .text {
        font-size: .18rem;
    }

    section.checkout .payment .card .content .text.pay-bank-info {
        font-size: .12rem !important;
    }

    section.checkout .payment .card .content .tab-menu {
        padding-bottom: .16rem;
    }

    section.checkout .payment .card .content .tab-container {
        padding-top: .4rem;
    }

    section.checkout .payment .card .content .payment-info {
        width: 4.4rem;
        max-width: 100%;
        padding-top: .24rem;
        padding-bottom: 0;
    }

    section.checkout .payment .card .content *+.payment-info {
        margin-top: .4rem;
    }

    section.checkout .payment .card .content .payment-info:after {
        display: none;
    }

    section.checkout .payment .card .content *+.contracts {
        margin-top: .24rem;
    }

    section.checkout .payment .card .content .contracts .form-item+.form-item {
        margin-top: .2rem;
    }

    section.checkout .payment .card .content .btn-default {
        min-width: 3rem;
    }

    section.checkout .payment .card .content *+.btn-default {
        margin-top: .4rem;
    }

    section.checkout .cart-summary {
        position: relative;
        top: auto;
        display: block;
        width: 100%;
        padding: .18rem .24rem .4rem .24rem;
        margin-left: 0;
    }


    /* Banner */

    section.banner *+.image-container {
        margin-top: .6rem;
    }

    section.banner .image-container .box {
        width: 3.4rem;
        height: auto;
        top: .24rem;
        right: .5rem;
        padding: .16rem;
        border-radius: .04rem;
        background-color: #E78B04;
        background-image: unset !important;
    }

    section.banner .image-container .box .box-text {
        padding-right: .64rem;
        font-size: .18rem;
    }

    section.banner .image-container .box .box-bottom {
        margin-top: .2rem;
        font-size: .16rem;
        background-color: #EDA529;
    }

    section.banner .image-container .box .icon {
        width: .32rem;
        height: .32rem;
        top: .16rem;
        right: .16rem;
    }

    section.banner .image-container .box .icon img {
        width: .1rem;
        margin-top: -.05rem;
        margin-left: -.05rem;
    }


    /* Double Boxes */

    section.double-boxes {
        padding-top: .3rem;
        padding-bottom: .8rem;
    }

    section.double-boxes .box {
        height: 3rem;
    }

    section.double-boxes .box .text {
        padding: .28rem;
        font-size: .32rem;
    }

    section.double-boxes .box .title {
        font-size: .32rem;
    }

    /* Triple Boxes */

    section.triple-boxes {
        padding-top: .48rem;
        padding-bottom: .48rem;
    }

    section.triple-boxes:last-of-type {
        padding-bottom: .8rem;
    }

    section.triple-boxes .box {
        height: 3rem;
    }

    section.triple-boxes .box .text {
        padding: .28rem;
        font-size: .24rem;
    }

    section.triple-boxes .box .title {
        font-size: .24rem;
    }


    /* Four Boxes */

    section.four-boxes {
        padding-top: .48rem;
        padding-bottom: .48rem;
    }

    section.four-boxes:last-of-type {
        padding-bottom: .8rem;
    }

    section.four-boxes .box {
        width: calc(50% - .2rem);
    }

    section.four-boxes .box .text {
        padding: .28rem;
        font-size: .24rem;
    }

    section.four-boxes .box .title {
        font-size: .24rem;
    }


    .box-wrapper .title {
        margin-bottom: 0.12rem;
    }

    /* Content */

    section.content {
        padding-top: .6rem;
        padding-bottom: 1.2rem;
    }

    section.content .left {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    section.content *+.left {
        margin-top: .6rem;
    }

    section.content .left .content-item+.content-item {
        margin-top: .6rem;
    }

    section.content .left .content-item h1,
    section.content .left .content-item h2,
    section.content .left .content-item h3,
    section.content .left .content-item h4 {
        margin-bottom: .26rem;
        font-size: .4rem;
    }

    section.content .left .content-item *+h1,
    section.content .left .content-item *+h2,
    section.content .left .content-item *+h3,
    section.content .left .content-item *+h4 {
        margin-top: .26rem;
    }

    section.content .left .content-item h3 {
        font-size: .32rem;
    }

    section.content .left .content-item h4 {
        font-size: .28rem;
    }

    section.content .left .content-item {
        font-size: .18rem;
    }

    section.content .left .content-item ul li+li {
        margin-top: .14rem;
    }

    section.content .left .content-item *+.slider {
        margin-top: .32rem;
    }

    section.content .right {
        position: relative;
        display: block;
        width: 100%;
        top: auto;
    }

    section+section.content .right {
        margin-top: -1.4rem;
    }

    section.banner-news+section.content .right {
        margin-top: 0;
    }


    /* Account */

    section.account {
        padding-top: .32rem;
        padding-bottom: .64rem;
    }

    section.account .menu {
        display: block;
        width: 100%;
        padding: .2rem;
    }

    section.account .menu .title {
        font-size: .24rem;
    }

    section.account .menu .item+.item {
        margin-top: .1rem;
    }

    section.account .menu .title+.item {
        margin-top: .24rem;
    }

    section.account .menu .item a {
        font-size: .18rem;
    }

    section.account .account-container {
        display: block;
        width: 100%;
        padding: .2rem;
        margin-left: 0;
    }

    section.account *+.account-container {
        margin-top: .32rem;
    }

    section.account .account-title {
        margin-bottom: .2rem;
        font-size: .24rem;
    }


    /* Account Subs */

    section.account .subs th,
    section.account .subs td {
        padding-left: .12rem;
        padding-right: .12rem;
        font-size: .16rem;
    }

    section.account .subs th.small,
    section.account .subs td.small {
        width: 2rem;
    }


    /* Account Order Detail */

    section.account .order .box {
        padding: .16rem;
    }

    section.account .order .box+.box {
        margin-top: .24rem;
    }

    section.account .order .box .title {
        font-size: .2rem;
    }

    section.account .order .box *+.text {
        margin-top: .2rem;
    }

    section.account .order .box *+.title {
        margin-top: .24rem;
    }

    section.account .order table td {
        font-size: .16rem;
    }

    section.account .order *+.summary {
        margin-top: .24rem;
    }

    section.account .order .summary .summary-title {
        font-size: .24rem;
    }

    section.account .order .summary *+.items {
        margin-top: .24rem;
    }

    section.account .order .summary .item {
        padding: .15rem .16rem .18rem .16rem;
    }


    /* Content With Menu */

    section.content-with-menu .menu-wrapper {
        position: relative;
        display: block;
        top: auto;
        width: 100%;
        padding-right: 0;
        margin-bottom: .24rem;
    }

    section.banner-light+section.content-with-menu .menu-wrapper {
        position: absolute;
        width: calc(100% - .68rem);
        bottom: 100%;
        left: .34rem;
        margin-bottom: .48rem;
    }

    section.content-with-menu .menu-wrapper .menu {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
        white-space: nowrap;
        overflow: auto;
    }

    section.content-with-menu .menu-wrapper .menu a {
        display: inline-block;
        vertical-align: middle;
        padding: .11rem .16rem .13rem .16rem;
        font-size: .16rem;
        background-color: white;
        border-radius: .04rem;
        border: 1px solid #EFECED;
    }

    section.content-with-menu .menu-wrapper .menu a+a {
        margin-left: .08rem;
    }

    section.content-with-menu .menu-wrapper .menu a.active {
        color: #0A380E;
        background-color: #F4FAF3;
        border-color: #A3D6A3;
    }

    section.content-with-menu .menu-wrapper .menu .title {
        display: none;
    }

    section.content-with-menu .content-wrapper {
        display: block;
        width: 100%;
    }


    /* News */

    section.content-with-menu .news .box {
        width: 50%;
    }


    /* Person Boxes */

    section.content-with-menu .person-boxes .box {
        width: 50%;
        padding: .3rem .45rem;
    }


    /* Teams */

    section.content-with-menu .teams .item .left {
        display: block;
        width: 100%;
        padding-left: .7rem;
        padding-right: .7rem;
    }

    section.content-with-menu .teams .item .left .box {
        text-align: left;
    }

    section.content-with-menu .teams .item .left .box .image {
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        padding-top: 40%;
    }

    section.content-with-menu .teams .item .left .box .box-content {
        display: inline-block;
        vertical-align: middle;
        width: 60%;
        padding-left: .4rem;
        padding-right: 0;
    }

    section.content-with-menu .teams .item .left .box *+.box-content {
        margin-top: 0;
    }

    section.content-with-menu .teams .item .right {
        display: block;
        width: 100%;
    }

    section.content-with-menu .teams .item *+.right {
        margin-top: .5rem;
    }


    /* Popup */

    .popup-wrapper .popup-container {
        max-width: 80%;
    }

    /* Custom Detail Pages */
    .custom-payment .tab-menu {
        margin: .12rem .04rem;
    }

    .custom-payment .payment-info {
        width: 4.4rem;
        max-width: 100%;
        padding-bottom: 0;
    }

    .custom-payment .moneytransfer .moneytransfer-title {
        margin: 0 .08rem;
    }
}


/* ================================================================================
   BREAKPOINT: Mobil — max-width: 767px
   Kullanıldığı yer: Tüm sayfalarda — telefon / küçük ekran düzeni
   Elementler: .desktop-only gizleme, mobil header, hamburger menü, tüm mobil
               sayfa bileşenleri, font scaling (html font-size: vw tabanlı)
   ================================================================================ */
@media screen and (max-width: 767px) {
    .desktop-only {
        display: none !important;
    }

    html {
        font-size: 26.666666vw;
    }

    /* General */

    .container {
        width: 100%;
        padding-left: .16rem;
        padding-right: .16rem;
    }


    /* Buttons */

    .btn-default {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: auto;
        min-height: .52rem;
        padding-top: .1rem;
        padding-bottom: .1rem;
        max-width: 100%;
    }

    .btn-default:before {
        display: none;
    }

    .btn-default.large {
        height: auto;
        min-height: .5rem;
    }

    .btn-default.large span {
        font-size: .15rem;
    }

    .btn-icon {
        height: .44rem;
        padding-left: .16rem;
        padding-right: .16rem;
    }

    .btn-icon img {
        width: .23rem;
    }

    .btn-icon span {
        font-size: .14rem;
    }

    .btn-icon *+span {
        max-width: calc(100% - .31rem);
        margin-left: .08rem;
    }


    /* Forms */

    form.general .form-item label.small {
        font-size: .14rem;
    }

    form.general .form-item input[type='text'],
    form.general .form-item input[type='number'],
    form.general .form-item input[type='email'],
    form.general .form-item input[type='password'],
    form.general .form-item input[type='date'],
    form.general .form-item textarea {
        height: .46rem;
        padding-left: .18rem;
        padding-right: .18rem;
        padding-bottom: .02rem;
        font-size: .16rem;
    }

    form.general .form-item.light input[type='text'],
    form.general .form-item.light input[type='number'],
    form.general .form-item.light input[type='email'],
    form.general .form-item.light input[type='password'],
    form.general .form-item.light input[type='date'] {
        height: .5rem;
    }

    form.general .form-item textarea {
        height: 1.04rem;
        padding-top: .13rem;
        padding-bottom: .13rem;
    }

    form.general .form-item .phone input {
        padding-left: .68rem;
    }

    form.general .form-item .phone:before {
        width: .52rem;
    }

    form.general .form-item .phone:after {
        left: .26rem;
        font-size: .18rem;
    }


    /* Float */

    form.general .form-item.float input[type='text'],
    form.general .form-item.float input[type='number'],
    form.general .form-item.float input[type='email'],
    form.general .form-item.float input[type='password'],
    form.general .form-item.float input[type='date'],
    form.general .form-item.float textarea {
        font-size: .16rem;
        padding-top: .1rem;
        padding-left: .15rem;
        padding-right: .15rem;
    }


    /* File Upload */

    form.general .file-upload {
        padding: .4rem .2rem;
    }

    form.general .file-upload .file-upload-title {
        font-size: .15rem;
    }

    form.general .file-upload *+.file-upload-title {
        margin-top: .24rem;
    }

    form.general .file-upload .file-upload-text {
        font-size: .14rem;
    }

    form.general .file-upload *+.file-upload-text {
        margin-top: .12rem;
    }

    form.general .file-upload *+.file-upload-actions {
        margin-top: .24rem;
    }


    /* Radio Item */

    form.general .form-item .radio-item {
        display: inline-block;
        vertical-align: middle;
        width: 33.333%;
        padding-left: .03rem;
        padding-right: .03rem;
    }

    form.general .form-item .radio-item input[type='radio']~label {
        width: auto;
        min-width: unset;
        padding: 0;
        padding-left: .32rem;
        font-size: .14rem;
    }

    form.general .form-item input[type='checkbox']~label {
        font-size: .14rem;
    }


    /* Radio Box */

    form.general .form-item .radio-box {
        margin-left: 0;
        margin-right: 0;
    }

    form.general .form-item:not(:last-child) .radio-box {
        border-bottom: none;
        margin-bottom: .12rem;
    }

    form.general .form-item .radio-box input[type='radio']~label {
        display: flex;
        align-items: center;
        padding: .12rem;
        border: 1px solid #D5D5D5;
        border-radius: .08rem;
    }

    form.general .form-item .radio-box .radio-label {
        position: static;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: .4rem;
        height: .4rem;
        font-size: .12rem;
        background: #F44336;
        border: none;
        color: #FFFFFF;
        flex-shrink: 0;
    }

    form.general .form-item .radio-box .radio-content {
        margin-left: .12rem;
        flex-grow: 1;
        max-width: none;
    }

    form.general .form-item .radio-box .radio-content .radio-title {
        font-size: .14rem;
    }

    form.general .form-item .radio-box .radio-content .radio-detail {
        margin-top: .02rem;
        color: #121212;
        font-size: .16rem;
    }

    form.general .form-item .radio-box .radio-price {
        font-size: .14rem;
        margin-left: .12rem;
        flex-shrink: 0;
    }

    form.general .form-item .radio-box .radio-actions {
        display: flex;
        align-items: center;
        gap: .12rem;
        margin-top: 0;
        margin-left: auto;
        flex-shrink: 0;
    }

    form.general .form-item .radio-box .radio-actions .btn-remove {
        margin-left: 0;
    }

    form.general .form-item .radio-box input[type='radio']:checked~label {
        background: #FFF6F2;
        border: 1px solid #F44336;
    }


    /* Select2 */

    form.general .form-item .select2-container--default .select2-selection--single {
        height: .52rem;
    }

    form.general .form-item .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: .18rem;
        padding-right: .52rem;
        font-size: .14rem;
    }


    form.general .form-item .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: .16rem;
    }


    /* Select2 Dropdown */

    .select2-results__option {
        padding: .16rem;
    }


    /* Header mobile styling moved to 1024px breakpoint block at the end of the file */


    /* Main Banner */

    section.main-banner {
        padding-top: .32rem;
    }

    section.main-banner .title {
        display: block;
        width: 100%;
        font-size: .48rem;
    }

    section.main-banner .text {
        display: block;
        width: 100%;
        font-size: .17rem;
    }

    section.main-banner *+.text {
        margin-top: .16rem;
    }

    section.main-banner *+.image-container {
        margin-top: 1.16rem;
    }

    section.main-banner .image-container .image.mobile {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    section.main-banner .image-container .image.desktop {
        display: none;
    }

    section.main-banner .image-container .box,
    section.banner .image-container .box {
        max-width: 100%;
        width: 3.4rem;
        height: auto;
        padding: .16rem;
        border-radius: .04rem;
        background-color: #005ba6;
        background-image: unset !important;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    section.main-banner .image-container .box {
        top: -.1rem;
        right: 0.16rem;
    }

    section.main-banner .image-container .box .box-text,
    section.banner .image-container .box .box-text {
        padding-right: .64rem;
        font-size: .18rem;
    }

    section.main-banner .image-container .box .box-bottom,
    section.banner .image-container .box .box-bottom {
        font-size: .16rem;
        background-color: #f44336;
    }

    section.main-banner .image-container .box *+.box-bottom,
    section.banner .image-container .box *+.box-bottom {
        margin-top: .2rem;
    }

    section.main-banner .image-container .box .icon,
    section.banner .image-container .box .icon {
        width: .32rem;
        height: .32rem;
    }

    section.main-banner .image-container .box .icon img,
    section.banner .image-container .box .icon img {
        width: .12rem;
        height: .12rem;
    }



    /* Main Slider */

    section.main-slider {
        padding-top: .32rem;
    }

    section.main-slider .title {
        display: block;
        width: 100%;
        font-size: .48rem;
    }

    section.main-slider .text {
        display: block;
        width: 100%;
        font-size: .17rem;
        padding-bottom: .10rem;
    }

    section.main-slider *+.text {
        margin-top: .16rem;
    }

    section.main-slider *+.slider-container {
        margin-top: .4rem;
    }

    section.main-slider .slider-container .box {
        max-width: 100%;
        width: 3.4rem;
        height: auto;
        top: -.1rem;
        right: 0.16rem;
        padding: .16rem;
        border-radius: .04rem;
        background-color: #F44336;
        background-image: unset !important;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    section.main-slider .slider-container .box .box-text {
        padding-right: .64rem;
        font-size: .18rem;
    }

    section.main-slider .slider-container .box .box-bottom {
        font-size: .16rem;
        background-color: #2D742D;
    }

    section.main-slider .slider-container .box *+.box-bottom {
        margin-top: .2rem;
    }

    section.main-slider .slider-container .box .icon {
        width: .32rem;
        height: .32rem;
        top: .16rem;
        right: .16rem;
    }

    section.main-slider .slider-container .box .icon img {
        width: .1rem;
        margin-top: -.05rem;
        margin-left: -.05rem;
    }

    section.main-slider .slider-container .box+.owl-carousel {
        margin-top: .8rem;
    }

    section.main-slider .item {
        width: 100%;
        padding-top: 125%;
    }

    section.main-slider .item .content {
        width: calc(100% - .4rem);
        left: .2rem;
        bottom: auto;
        top: .45rem;
        text-align: center;
    }

    section.main-slider .item .content .text {
        font-size: .32rem;
    }

    section.main-slider .item .content .link {
        font-size: .17rem;
    }

    section.main-slider .item .content .link a:after {
        width: .12rem;
        height: .12rem;
        margin-left: .12rem;
    }

    section.main-slider .item .content *+.link {
        margin-top: .3rem;
    }

    section.main-slider .item .buttons {
        position: absolute;
        width: calc(100% - .3rem);
        left: .15rem;
        bottom: .3rem;
    }

    section.main-slider .item .buttons .btn-default {
        width: calc((100% - .05rem) / 2);
    }

    section.main-slider .item .buttons .btn-default+.btn-default {
        margin-left: .05rem;
    }

    section.main-slider .owl-dots {
        position: absolute;
        width: calc(100% - .4rem);
        left: .2rem;
        bottom: 1.45rem;
        text-align: center
    }

    section.main-slider .owl-dots .owl-dot {
        width: .7rem;
        height: .02rem;
    }

    section.main-slider .owl-dots .owl-dot+.owl-dot {
        margin-left: .1rem;
    }

    section.main-slider .owl-dots .owl-dot.active {
        opacity: 1;
        height: .04rem;
    }

    /* Main Boxes */

    section.main-boxes {
        padding-top: .32rem;
        padding-bottom: .48rem;
    }

    section.main-boxes .top .box,
    section.main-boxes .top .box+.box {
        width: 50%;
        border: 1px solid #F9F5F2;
        height: auto;
        padding: .16rem;
    }

    section.main-boxes .top .box .text {
        font-size: .22rem;
        word-wrap: break-word;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    section.main-boxes .top .box .link {
        position: relative;
        left: auto;
        bottom: auto;
        font-size: .14rem;
        color: #757374;
        margin-top: auto !important;
    }

    section.main-boxes .top .box .link:after {
        width: .08rem;
        height: .08rem;
        margin-left: .08rem;
    }

    section.main-boxes .top .box *+.link {
        margin-top: .24rem;
    }

    section.main-boxes *+.bottom {
        margin-top: .4rem;
    }

    section.main-boxes .bottom .promo {
        display: none;
    }

    section.main-boxes .bottom .title {
        padding-top: .04rem;
        font-size: .18rem;
    }

    section.main-boxes .bottom .boxes {
        width: calc(100% + .32rem);
        margin-left: -.16rem;
        margin-right: -.16rem;
    }

    section.main-boxes .bottom *+.boxes {
        margin-top: .2rem;
    }

    section.main-boxes .bottom .boxes .box {
        display: block;
        width: calc(100% - .08rem);
        height: 2.86rem;
        padding: .24rem;
        margin-left: .04rem;
        margin-right: .04rem;
        border-radius: .24rem;
    }

    section.main-boxes .bottom .boxes .box+.box {
        border-left: none;
    }

    section.main-boxes .bottom .boxes .box .text {
        font-size: .24rem;
    }

    section.main-boxes .bottom .boxes .box img {
        width: auto !important;
        max-width: 80%;
    }

    section.main-boxes .bottom .boxes .owl-dots {
        display: none;
    }

    section.main-boxes .bottom .boxes .box .link {
        display: block;
        width: calc(100% - .08rem);
        left: .04rem;
        bottom: .04rem;
        padding: .11rem .56rem .13rem .16rem;
        font-size: .16rem;
        color: #121212;
    }

    section.main-boxes .bottom .boxes .box .link:after {
        position: absolute;
        width: .24rem;
        height: .24rem;
        top: 50%;
        right: .16rem;
        margin-left: 0;
        margin-top: -.1rem;
        background-image: url(Icons/k-arrow-right-link.svg);
    }


    /* News Box */

    section.news-box {
        padding-top: .4rem;
        padding-bottom: .2rem;
    }

    section.news-box .title {
        padding-top: .04rem;
        font-size: .18rem;
    }

    section.news-box .boxes {
        margin-left: 0;
        margin-right: 0;
    }

    section.news-box *+.boxes {
        margin-top: .2rem;
    }

    section.news-box .boxes .box {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: .08rem;
    }

    section.news-box .boxes .box+.box {
        margin-top: .32rem;
    }

    section.news-box .boxes .box .image {
        width: 100%;
    }

    section.news-box .boxes .box .image img {
        width: 100%;
    }

    section.news-box .boxes .box .image .ribbon {
        left: .12rem;
        top: auto;
        bottom: .12rem;
        font-size: .14rem;
    }

    section.news-box .boxes .box .content {
        padding: 0;
    }

    section.news-box .boxes .box *+.content {
        margin-top: .12rem;
    }

    section.news-box .boxes .box .content .text {
        font-size: .22rem;
    }

    section.news-box .boxes .box .content .date {
        font-size: .14rem;
    }

    section.news-box .boxes .box .content *+.date {
        margin-top: .2rem;
    }

    /* Donate */

    section.donate {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }

    section.donate .content {
        display: block;
        width: 100%;
        max-width: unset;
        min-width: unset
    }

    section.donate .title {
        padding-top: 0;
        font-size: .32rem;
        border-top: none;
    }

    section.donate .text {
        font-size: .17rem;
    }

    section.donate *+.text {
        margin-top: .16rem;
    }

    section.donate form {
        display: block;
        width: 100%;
    }

    section.donate *+form {
        margin-top: .4rem;
    }

    section.donate form>*+* {
        margin-top: .16rem;
    }

    section.donate form .btn-default {
        width: 100%;
    }

    section.donate form .form-item {
        flex-direction: column;
    }

    form.general .form-item .radio-item {
        width: auto;
    }



    /* Banner Light */

    section.banner-light {
        height: auto;
    }

    section.banner-light .content {
        padding-top: .54rem;
        padding-bottom: 1rem;
    }

    section.banner-light .title {
        max-width: 100%;
        font-size: .44rem !important;
    }

    section.banner-light *+.title {
        margin-top: .2rem;
    }

    section.banner-light .btn-scroll {
        bottom: .28rem;
        font-size: .16rem;
    }

    section.banner-light .btn-scroll.half-on-mobile {
        max-width: 50%;
    }

    section.banner-light .btn-scroll:after {

        margin-left: .04rem;
    }

    section.banner-light .btn-filter {
        position: absolute;
        height: .42rem;
        right: 0;
        bottom: .16rem;
        padding-left: .16rem;
        padding-right: .16rem;
        margin-bottom: .04rem;
        background-color: #F44336 !important;
    }

    section.banner-light .btn-filter img {
        display: inline-block;
        vertical-align: middle;
        width: .2rem;
        margin-right: .08rem;
    }

    section.banner-light .btn-filter .count {
        position: absolute;
        width: .24rem;
        height: .24rem;
        left: -.12rem;
        top: 50%;
        margin-top: -.12rem;
        font-weight: 700;
        font-size: .12rem;
        line-height: .19rem;
        color: #64310E;
        text-align: center;
        border-radius: .12rem;
        background-color: white;
        border: 2px solid #EFB44E;
    }


    /* Banner News */

    section.banner-news .content {
        width: 100%;
        padding-top: .64rem;
        padding-bottom: .64rem;
    }

    section.banner-news .content:before {
        display: none;
    }

    section.banner-news .title {
        font-size: .32rem;
    }

    section.banner-news .date {
        font-weight: 500;
        font-size: .14rem;
        color: #615F60;
    }

    section.banner-news .date span {
        font-weight: 500;
    }

    section.banner-news .date .day:before {
        background-color: #615F60;
    }


    /* List */

    section.list {
        padding-top: .16rem;
        padding-bottom: 1.2rem;
    }

    section.list .left {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        /* Masaüstü flex-kolon max-height'ını mobilde iptal et (yoksa overlay kısalıp altta sayfa görünüyordu). */
        max-height: none;
        top: 0;
        left: 0;
        padding-right: 0;
        background-color: rgba(0, 0, 0, .3);
        z-index: 100;
    }

    section.list .left.active {
        display: block;
    }

    section.list .filter {
        position: absolute;
        /* Mobilde tam ekran beyaz panel (yarım drawer değil). */
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: none;
        top: 0;
        right: 0;
        padding: .24rem;
        padding-bottom: 1rem;
        border-radius: 0;
        box-shadow: none;
        overflow: auto;
    }

    section.list .filter:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1rem;
        left: 0;
        bottom: 0;
        background-color: white;
    }



    section.list .filter .btn-default {
        position: fixed;
        width: 3.27rem;
        max-width: calc(100% - .48rem);
        right: .24rem;
        bottom: .32rem;
        z-index: 2;
    }

    section.list .filter input[type='checkbox']~label {
        font-size: .18rem;
    }

    section.list .filter .form-accordion .accordion-title {
        font-size: .18rem;
    }

    section.list .filter .form-accordion .accordion-content input[type='checkbox']~label {
        font-size: .16rem;
    }

    section.list .filter .form-accordion .accordion-content .form-item+.form-item {
        margin-top: .1rem;
        padding-top: .1rem;
    }

    section.list .right {
        display: block;
        width: 100%;
    }

    section.list .right .display {
        display: none;
    }

    section.list .list-banner .content {
        height: auto;
        padding: .16rem;
    }

    section.list .list-banner .title {
        font-size: .28rem;
    }

    section.list .list-banner .btn-scroll {
        font-size: .16rem
    }

    section.list .list-banner *+.btn-scroll {
        margin-top: .2rem;
    }

    section.list .list-banner .btn-scroll:after {
        width: .1rem;
        height: .1rem;
        margin-left: .08rem;
    }

    section.list .list-banner .image.desktop {
        display: none;
    }

    section.list .list-banner .image.mobile {
        display: block;
    }

    section.list .items {
        position: relative;
        display: block;
        margin-left: -.2px;
        margin-right: -.2px;
    }

    section.list *+.items {
        margin-top: .4rem;
    }

    section.list .items .title {
        font-size: .18rem;
    }

    section.list .items.double .item,
    section.list .items.quadruple .item,
    section.list .items .item {
        width: calc(50% - 4px);
        padding: 0;
        margin: 2px;
    }

    section.list .items .item .content {
        padding: .12rem;
    }

    section.list .items .item .content .name {
        font-size: .16rem;
    }

    section.list .items .item .content .button {
        margin-top: .12rem;
        font-size: .14rem;
    }


    /* Detail */

    section.detail {
        padding-top: .6rem;
        padding-bottom: 1.2rem;
    }

    section.detail .form {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    section.detail *+.form {
        margin-top: .6rem;
    }

    section.detail .form .form-section {
        margin-left: 0;
        margin-right: 0;
    }

    section.detail .form .form-section+.form-section {
        padding-top: .6rem;
    }

    section.detail .form .form-section:before {
        display: none;
    }

    section.detail .form .title {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: .36rem;
        font-size: .24rem;
    }

    section.detail .form .title:before {
        display: none;
    }

    section.detail .form .title .info {
        font-size: .16rem;
    }

    section.detail .form .text {
        margin-left: 0;
        margin-right: 0;
        margin-top: .12rem;
        margin-bottom: .28rem;
        font-size: .16rem;
    }

    section.detail .form .title+.text {
        margin-top: .32rem;
    }

    section.detail .form .form-col {
        display: block;
        width: 100%;
    }

    section.detail .form .form-item {
        width: auto;
        margin: 0;
        margin-top: .2rem;
    }

    section.detail .form .auth-subscription-children-wrapper {
        margin: .12rem 0 0;
    }

    section.detail .form .form-item+.form-item {
        margin-top: .2rem;
    }


    section.detail .form .warning {
        margin: 0;
        margin-top: .2rem;
        padding: .12rem .18rem;
    }

    section.detail .form .separator {
        display: block;
        width: 100%;
        margin: 0;
        margin-top: .2rem;
        margin-bottom: .2rem;
    }

    section.detail .form .buttons {
        margin: 0;
        margin-top: .2rem;
    }

    section.detail .form .buttons .btn-default {
        width: 100%;
        min-width: unset;
        margin-right: 0;
    }

    section.detail .form .buttons .note {
        display: block;
        margin-top: .2rem;
        margin-bottom: .2rem;
    }

    section.detail .form .certificate-form {
        text-align: center;
    }

    section.detail .form .certificate {
        display: block;
        width: 100%;
        margin: 0;
        margin-top: .2rem;
        text-align: left;
    }

    section.detail .form .certificate.template {
        display: none;
    }

    section.detail .form .certificate-excel {
        display: none;
        text-align: center;
    }

    section.detail .form *+.certificate-box {
        margin-top: .24rem;
    }

    section.detail .form .certificate-box+.certificate-box {
        margin-top: .2rem;
    }

    section.detail .form .certificate-box .box-body .form-item:first-child {
        border-radius: 0;
    }

    section.detail .form .certificate-box .box-body .form-item:last-child {
        border-radius: 0 0 .04rem 0;
    }

    section.detail .form .certificate-box .box-body .form-item+.form-item {
        border-left: 1px solid #EFECED;
        border-top: none;
    }

    section.detail .form .certificate-box .box-body .form-item.extra-small {
        width: 40%;
    }

    section.detail .form .certificate-box .box-body .form-item.extra-small-m {
        width: 100%;
    }

    section.detail .form .certificate-box .box-body .form-item.small {
        width: 100%;
    }

    section.detail .form .certificate-box .box-body .form-item.medium {
        width: 100%;
    }

    section.detail .form .certificate-box .box-body .form-item.large {
        width: 100%;
    }

    section.detail .form .certificate-box .box-body .form-item.extra-large {
        width: 100%;
    }

    section.detail .form .certificate-add {
        margin: 0;
        margin-top: .2rem;
    }

    section.detail .form .certificate-add .count {
        display: none;
    }

    section.detail .form .certificate-add .btn-add {
        min-width: 2.6rem;
    }

    section.detail .form .donate-options label.small {
        margin-bottom: .12rem;
        font-size: .16rem;
    }

    section.detail .form .donate-options .radio-item {
        padding-left: 0;
        padding-right: 0;
        margin-right: .08rem;
        margin-bottom: .08rem;
    }

    section.detail .form .donate-options .radio-item:first-child,
    section.detail .form .donate-options label.small+.radio-item {
        margin-left: 0;
    }

    section.detail .form .donate-options .radio-item input[type='radio']~label {
        min-width: unset;
        padding: .1rem .2rem;
        font-size: .14rem;
    }

    section.detail .form .donate-box {
        padding: .16rem;
        margin: 0;
        margin-top: .2rem;
        border-radius: .12rem;
    }

    section.detail .form .donate-box .donate-text {
        font-size: .13rem;
        color: #121212;
        margin-bottom: .12rem;
    }

    section.detail .form .donate-box .donate-item {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: .16rem;
        border-radius: .08rem;
        background-color: white;
    }

    section.detail .form .donate-box *+.donate-item {
        margin-top: 0;
    }

    section.detail .form .donate-box .donate-item .form-item {
        width: 100%;
        margin: 0;
        text-align: center;
        background-color: transparent;
        padding: 0;
    }

    section.detail .form .donate-box .donate-item input {
        height: auto;
        padding: 0;
        font-size: .24rem;
        text-align: center;
    }

    section.detail .form .donate-box .donate-item .btn-default {
        position: static;
        width: 100%;
        margin-left: 0;
        margin-top: .16rem;
        height: .48rem;
        border-radius: 2rem;
    }

    section.detail .form .donate-box .donate-item.small {
        width: 100%;
    }

    section.detail .form .donate-box .donate-item.small .form-item {
        width: 100%;
    }

    section.detail .form .file-upload {
        margin: 0;
        margin-top: .2rem;
    }

    section.detail .media {
        position: relative;
        display: block;
        width: 3.2rem;
        top: auto;
        margin-top: -1rem;
        margin-left: auto;
        margin-right: auto;
    }

    section.detail .media .product-media-container {
        flex-direction: column-reverse;
        align-items: center;
        gap: .12rem;
    }

    section.detail .media .product-media-container .image,
    section.detail .media .product-media-container .owl-carousel img,
    section.detail .media .product-media-container .owl-carousel {
        width: 3.2rem;
        height: 3.2rem;
    }

    section.detail .media .product-media-container .dots {
        flex-direction: row;
        justify-content: center;
        gap: .08rem;
        width: 100%;
    }

    section.detail .media .product-media-container .dots .item {
        width: .6rem;
        height: .6rem;
        border-radius: .12rem;
    }

    section.detail .form .spec-selection {
        margin: .16rem 0 .24rem 0;
    }

    section.detail .form .spec-label {
        margin-bottom: .1rem;
        font-size: .17rem;
    }

    section.detail .form .spec-items {
        gap: .08rem;
    }

    section.detail .form .spec-size-item {
        min-width: .5rem;
        height: .4rem;
        padding: 0 .12rem;
        font-size: .15rem;
        border-radius: .04rem;
    }

    section.detail .form .spec-color-item {
        width: .68rem;
    }

    section.detail .form .spec-color-img {
        width: .6rem;
        height: .6rem;
        border-radius: .04rem;
    }

    section.detail .form .spec-color-name {
        font-size: .12rem;
        max-width: .68rem;
    }





    /* Cart */

    section.cart {
        padding-top: .16rem;
        padding-bottom: .8rem;
    }

    section.cart .title {
        font-size: .36rem;
    }

    section.cart *+.title {
        margin-top: .2rem;
    }

    section.cart .cart-container {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: .4rem;
        text-align: center;
    }

    section.cart .cart-container .items {
        text-align: left;
    }

    section.cart .cart-container .item {
        min-height: .8rem;
        padding: .12rem;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #EFECED;
    }

    section.cart .cart-container .item+.item {
        margin-top: 0;
    }

    section.cart .cart-container .item .name {
        font-size: .16rem;
    }

    section.cart .cart-container .item .category {
        display: none;
    }

    section.cart .cart-container .item .price {
        position: relative;
        top: auto;
        right: auto;
        margin-top: .32rem;
    }

    section.cart .cart-container .item .actions {
        bottom: .16rem;
        right: .2rem;
    }

    section.cart .cart-container .note {
        padding-left: .16rem;
        padding-right: .16rem;
        text-align: left;
    }

    section.cart .cart-container .btn-default {
        margin-top: .24rem;
        margin-bottom: .16rem;
    }

    section.cart .cart-summary {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: .2rem;
        margin-left: 0;
        background-color: transparent;
        box-shadow: none;
    }

    section.cart .cart-summary .summary-title {
        display: none;
    }

    section.cart .cart-summary .items {
        background-color: white;
    }

    section.cart .cart-summary *+.items {
        margin-top: 0;
    }

    section.cart .cart-summary .items+.items {
        margin-top: .08rem;
    }

    section.cart .cart-summary .item {
        padding: .16rem .16rem .19rem .16rem;
    }

    section.cart .cart-summary .bottom {
        text-align: center;
    }

    section.cart .cart-summary *+.bottom {
        margin-top: .16rem;
    }

    section.cart .cart-summary .bottom .image {
        display: none;
    }


    /* Checkout */

    section.checkout {
        padding-top: .16rem;
        padding-bottom: 1rem;
    }

    section.checkout .payment {
        display: block;
        width: 100%;
    }

    section.checkout *+.payment {
        margin-top: .16rem;
    }

    section.checkout .payment .card {
        padding: .12rem;
    }

    section.checkout .payment .card+.card {
        margin-top: .16rem;
    }

    section.checkout .payment .card .card-title {
        margin-top: -.12rem;
        margin-left: -.12rem;
        margin-right: -.12rem;
        padding: .14rem .12rem .17rem .12rem;
        font-size: .18rem;
        border-radius: .04rem .04rem 0 0;
    }

    section.checkout .payment .card *+.card-title {
        margin-top: .12rem;
    }

    section.checkout .payment .card .card-title .btn-add-address,
    section.account .account-title .btn-add-address {
        font-size: .12rem;
        text-align: center;
    }

    section.checkout .payment .card *+.content {
        margin-top: .12rem;
    }

    section.checkout .payment .card .content .form-item+.form-item {
        margin-top: 0;
    }

    section.checkout .payment .card .content .text {
        font-size: .16rem;
    }

    section.checkout .payment .card .content .tab-menu {
        position: relative;
        margin: -.04rem;
        padding-bottom: .12rem;
        white-space: nowrap;
        overflow: auto;
    }

    section.checkout .payment .card .content .tab-menu a {
        padding: .11rem .16rem .13rem .16rem;
        font-size: .16rem;
    }

    section.checkout .payment .card .content .tab-container {
        padding-top: .28rem;
    }

    section.checkout .payment .card .content .payment-info {
        position: relative;
        width: calc(100% + .12rem);
        margin: 0 -.06rem;
        padding-top: .2rem;
        padding-bottom: 0;
    }

    section.checkout .payment .card .content *+.payment-info {
        margin-top: .2rem;
    }

    section.checkout .payment .card .content .payment-info:after {
        display: none;
    }

    section.checkout .payment .card .content .payment-info .form-item {
        width: calc(100% - .12rem);
        margin: .1rem .06rem;
    }

    section.checkout .payment .card .content .payment-info .form-item.half {
        width: calc(50% - .12rem);
    }

    section.checkout .payment .card .content .payment-info .form-item .card-icon {
        left: auto;
        right: .16rem;
        margin-left: 0;
    }

    section.checkout .payment .card .content *+.contracts {
        margin-top: .14rem;
    }

    section.checkout .payment .card .content .contracts .form-item+.form-item {
        margin-top: .2rem;
    }

    section.checkout .payment .card .content .contracts textarea {
        padding: .13rem .16rem;
        font-size: .16rem;
    }

    /* Düzenli bağış sayfasındaki aydınlatma metni kutusu, sepet adımındaki sözleşme kutusuyla aynı görünür */
    section.detail .form textarea#ps-kvkk {
        padding: .13rem .16rem;
        font-size: .16rem;
    }

    section.checkout .payment .card .content .btn-default {
        width: 100%;
        min-width: unset;
    }

    section.checkout .payment .card .content *+.btn-default {
        margin-top: .2rem;
    }

    section.checkout .cart-summary {
        position: relative;
        top: auto;
        display: block;
        width: 100%;
        padding: .12rem;
        margin-left: 0;
    }

    section.checkout .cart-summary .summary-title {
        margin-top: -.12rem;
        margin-left: -.12rem;
        margin-right: -.12rem;
        padding: .14rem .12rem .17rem .12rem;
        font-size: .18rem;
        background-color: #E3E8F4;
        border-radius: .04rem .04rem 0 0;
    }

    section.checkout .cart-summary .items {
        border: 1px solid #EFECED;
        border-radius: .04rem;
    }

    section.checkout .cart-summary *+.items {
        margin-top: .12rem;
    }

    section.checkout .cart-summary .items+.items {
        margin-top: .08rem;
    }

    section.checkout .cart-summary .item {
        padding: .15rem .12rem .18rem .12rem;
    }

    section.checkout .cart-summary *+.bottom {
        margin-top: .16rem;
    }

    section.checkout .cart-summary .bottom .note {
        padding-bottom: .12rem;
    }


    /* Result */

    section.result {
        padding-top: .24rem;
        padding-bottom: 1.2rem;
    }

    section.result .breadcrumb+* {
        margin-top: .92rem;
    }

    section.result .card {
        padding: .16rem;
        background-color: #F9F5F2;
    }

    section.result .card .card-container {
        width: 100%;
        max-width: unset;
    }

    section.result .card .card-icon {
        width: .26rem;
        margin-top: -.78rem;
    }

    section.result .card .title {
        font-size: .24rem;
    }

    section.result .card *+.title {
        margin-top: .24rem;
    }

    section.result .card .text {
        font-size: .16rem;
    }

    section.result .card *+.text {
        margin-top: .12rem;
    }

    section.result .card .text+.text {
        margin-top: .24rem;
    }

    section.result .card .items {
        background-color: white;
        border-radius: .04rem;
        box-shadow: 0 .5rem .5rem rgba(0, 0, 0, 0.05);
    }

    section.result .card *+.items {
        margin-top: .4rem;
    }

    section.result .card .item {
        padding: .16rem;
        padding-top: .12rem;
        border: none;
        border-top: 1px solid #EFECED;
    }

    section.result .card .item+.item {
        margin-top: 0;
    }

    section.result .card .item .name {
        font-size: .16rem;
    }

    section.result .card .item .category {
        display: none;
    }

    section.result .card .item .price {
        position: relative;
        top: auto;
        right: auto;
        margin-top: .2rem;
    }


    /* Auth */

    section.auth {
        padding-top: .24rem;
        padding-bottom: .6rem;
    }

    section.auth .auth-container {
        position: relative;
        padding: .28rem .2rem .6rem .2rem;
    }

    section.auth *+.auth-container {
        margin-top: .24rem;
    }

    section.auth .auth-container .form {
        width: 100%;
        text-align: left;
    }

    section.auth .auth-container .form .title {
        font-size: .24rem;
    }

    section.auth .auth-container .form .text {
        font-size: .16rem;
    }

    section.auth .auth-container .form *+.text {
        margin-top: .12rem;
    }

    section.auth .auth-container .form .form-item.half {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
    }

    section.auth .auth-container .form .form-item+.form-item {
        margin-top: .16rem;
    }

    section.auth .auth-container .form .form-item+.form-item.half-margin {
        margin-top: .08rem;
    }

    section.auth .auth-container .form *+.btn-default {
        margin-top: .28rem;
    }

    section.auth .auth-container .form *+.link {
        margin-top: .24rem;
    }


    /* Banner */

    section.banner {
        margin-top: 1.16rem;
    }

    section.banner *+.image-container {
        margin-top: .6rem;
    }

    section.banner .image-container .box {
        width: calc(100% - .32rem);
        height: auto;
        right: .16rem;
        top: auto;
        bottom: 100%;
        margin-bottom: -.16rem;
        padding: .16rem;
        border-radius: .04rem;
        background-color: #E78B04;
        background-image: unset !important;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
    }

    section.banner .image-container .image.mobile {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    section.banner .image-container .image.desktop {
        display: none;
    }

    section.banner .image-container .box .box-text {
        padding-right: .64rem;
        font-size: .18rem;
    }

    section.banner .image-container .box .box-bottom {
        margin-top: .2rem;
        font-size: .16rem;
        background-color: #EDA529;
    }

    section.banner .image-container .box .icon {
        width: .32rem;
        height: .32rem;
        top: .16rem;
        right: .16rem;
    }

    section.banner .image-container .box .icon img {
        width: .1rem;
        margin-top: -.05rem;
        margin-left: -.05rem;
    }



    /* Double Boxes */

    section.double-boxes {
        padding-top: .2rem;
        padding-bottom: .3rem;
    }

    section.double-boxes .boxes {
        margin-left: 0;
        margin-right: 0;
    }

    section.double-boxes .box {
        display: block;
        width: 100%;
        height: 1.7rem;
        margin: 0;
    }

    section.double-boxes .box+.box {
        margin-top: .08rem;
    }

    section.double-boxes .box .title {
        padding: .16rem;
        padding-right: .56rem;
        font-size: .24rem;
    }

    section.double-boxes .box .text {
        padding: .16rem;
        font-size: .24rem;
    }

    section.double-boxes .box .icon {
        width: .32rem;
        height: .32rem;
    }

    section.double-boxes .box .icon img {
        width: .1rem;
        margin-top: -.05rem;
        margin-left: -.05rem;
    }

    /* Triple Boxes */

    section.triple-boxes {
        padding-top: .48rem;
        padding-bottom: .48rem;
    }

    section.triple-boxes:last-of-type {
        padding-bottom: .8rem;
    }

    section.triple-boxes .boxes {
        margin-left: 0;
        margin-right: 0;
    }

    section.triple-boxes .box {
        display: block;
        width: 100%;
        height: 1.7rem;
        margin: 0;
    }

    section.triple-boxes .box+.box {
        margin-top: .08rem;
    }

    section.triple-boxes .box .title {
        padding: .16rem;
        padding-right: .56rem;
        font-size: .24rem;
    }

    section.triple-boxes .box .text {
        padding: .16rem;
        font-size: .24rem;
    }

    section.triple-boxes .box .icon {
        width: .32rem;
        height: .32rem;
    }

    section.triple-boxes .box .icon:before {
        width: .1rem;
        height: .1rem;
        margin-top: -.05rem;
        margin-left: -.05rem;
    }

    /* Four Boxes */

    section.four-boxes {
        padding-top: .48rem;
        padding-bottom: .48rem;
    }

    section.four-boxes:last-of-type {
        padding-bottom: .8rem;
    }

    section.four-boxes .boxes {
        margin-left: 0;
        margin-right: 0;
    }

    section.four-boxes .box {
        width: 100%;
        margin: 0;
    }

    section.four-boxes .box+.box {
        margin-top: .48rem;
    }

    section.four-boxes .box .title {
        font-size: .24rem;
    }

    section.four-boxes .box .text {
        padding: .16rem;
        font-size: .24rem;
    }

    section.four-boxes .box .icon {
        width: .32rem;
        height: .32rem;
    }

    section.four-boxes .box .icon:before {
        width: .1rem;
        height: .1rem;
        margin-top: -.05rem;
        margin-left: -.05rem;
    }

    .box-wrapper {
        width: 100%;
        margin: 0.2rem 0;
    }

    .box-wrapper .title {
        margin-bottom: 0.12rem;
    }

    /* Content */

    section.content {
        padding-top: .32rem;
        padding-bottom: .64rem;
    }

    section.content .left {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    section.content *+.left {
        margin-top: .32rem;
    }

    section.content .left .content-item+.content-item {
        margin-top: .32rem;
    }

    section.content .left .content-item h1,
    section.content .left .content-item h2,
    section.content .left .content-item h3,
    section.content .left .content-item h4 {
        margin-bottom: .2rem;
        font-size: .32rem;
    }

    section.content .left .content-item *+h1,
    section.content .left .content-item *+h2,
    section.content .left .content-item *+h3,
    section.content .left .content-item *+h4 {
        margin-top: .2rem;
    }

    section.content .left .content-item h3 {
        font-size: .28rem;
    }

    section.content .left .content-item h4 {
        font-size: .24rem;
    }

    section.content .left .content-item {
        font-size: .16rem;
    }

    section.content .left .content-item ul li {
        padding-left: .2rem;
    }

    section.content .left .content-item ul li+li {
        margin-top: .2rem;
    }

    section.content .left .content-item ul li:before {
        width: .1rem;
        height: .11rem;
    }

    section.content .left .content-item .images {
        margin-left: 0;
        margin-right: 0;
    }

    section.content .left .content-item *+.images {
        margin-top: .24rem;
    }

    section.content .left .content-item .images img {
        display: block;
        width: 100%;
        margin: 0;
    }

    section.content .left .content-item .images .image+.image {
        margin-top: .04rem;
    }

    section.content .left .content-item .images .image.half {
        width: 100%;
    }

    section.content .left .content-item .images .image.one-third {
        width: 100%;
    }

    section.content .left .content-item .images .image.one-fourth {
        width: 100%;
    }

    section.content .left .content-item .images .image .title {
        font-size: .24rem;
    }

    section.content .left .content-item *+.slider {
        margin-top: .24rem;
    }

    section.content .left .content-item .slider *+.note {
        margin-top: .12rem;
    }

    section.content .left .content-item .slider .owl-nav .owl-prev {
        left: .12rem;
    }

    section.content .left .content-item .slider .owl-nav .owl-next {
        right: .12rem;
    }

    section.content .right {
        position: relative;
        display: block;
        width: 100%;
        top: auto;
    }

    section+section.content .right {
        margin-top: -.72rem;
        height: 3.12rem;
    }

    section.banner-news+section.content .right {
        margin-top: 0;
    }

    section.content .right .nav .dots {
        max-width: 100%;
    }

    section.content .right .nav .item {
        width: .6rem;
        height: .6rem;
        margin: .02rem;
    }

    section.content .right .nav .prev,
    section.content .right .nav .next {
        padding: .12rem;
    }

    section.content .right .nav .prev img,
    section.content .right .nav .next img {
        width: .12rem;
    }

    section.content .right .form {
        padding: .16rem;
    }

    section.content .right .form .text {
        font-size: .18rem;
    }

    section.content .right .form *+form {
        margin-top: .24rem;
    }

    /*section.content .right .form .form-item .radio-item {
                    width: auto;
                } */
    section.content .right .form .form-item .radio-item {
        padding-left: .04rem;
        padding-right: .04rem;
    }

    section.content .right .form .form-item .radio-item+.radio-item {
        margin-left: 0;
    }

    section.content .right .form .form-item label.small+.radio-item {
        margin-left: -.04rem;
    }

    section.content .right .form .form-item .radio-item input[type='radio']~label {
        padding: .14rem .1rem .18rem .1rem;
        font-size: .2rem;
        min-width: unset;
    }

    section.content .right .form .form-item+.form-item {
        margin-top: .12rem;
    }

    section.content .right .form *+.btn-default {
        margin-top: .2rem;
    }


    /* Account */

    section.account {
        padding-top: .24rem;
        padding-bottom: .6rem;
    }

    section.account .menu {
        display: block;
        width: 100%;
        padding: .16rem;
    }

    section.account .menu .title {
        font-size: .24rem;
    }

    section.account .menu .item+.item {
        margin-top: .1rem;
    }

    section.account .menu .title+.item {
        margin-top: .2rem;
    }

    section.account .menu .item a {
        font-size: .16rem;
    }

    section.account .account-container {
        display: block;
        width: 100%;
        padding: .16rem;
        margin-left: 0;
    }

    section.account *+.account-container {
        margin-top: .16rem;
    }

    section.account .account-title {
        margin-bottom: .2rem;
        font-size: .24rem;
    }

    section.account .account-title a {
        float: right;
        padding: .04rem .06rem .06rem .06rem;
        margin-left: 0;
        font-size: .15rem;
    }


    /* Account Form */

    section.account .form {
        margin: 0;
    }

    section.account .form .form-item {
        display: block;
        width: 100%;
        margin: 0;
    }

    section.account .form .auth-subscription-children-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: .2rem;
        width: 100%;
        margin: .12rem 0 0 0;
    }

    section.account .form .auth-subscription-children-wrapper .form-item.auth-subscription-child {
        display: inline-block;
        width: auto;
        margin: 0;
    }

    section.account .form .form-item+.form-item,
    section.account .form .form-item+br+.form-item {
        margin-top: .12rem;
    }

    section.account .form .btn-default {
        width: 100%;
        margin: 0;
        margin-top: .24rem;
    }


    /* Account Addresses */

    section.account .addresses .item {
        padding: .16rem;
    }

    section.account .addresses .item+.item {
        margin-top: .16rem;
    }

    section.account .addresses .item .address-content {
        display: block;
        max-width: 100%;
        margin-left: 0;
    }

    section.account .addresses .item .address-content .address-title {
        font-size: .16rem;
    }

    section.account .addresses .item .address-content .address-detail {
        margin-top: .04rem;
        color: #757374;
    }

    section.account .addresses .item .address-actions {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: .16rem;
    }

    section.account .addresses .item .address-actions .btn-edit {
        display: inline-block;
        vertical-align: middle;
        font-weight: 400;
        font-size: .14rem;
        line-height: 1.2em;
        color: #121212;
    }

    section.account .addresses .item .address-actions .btn-remove {
        margin-left: .16rem;
    }


    /* Account Subs */

    section.account .subs {
        overflow: auto;
    }

    section.account .subs th,
    section.account .subs td {
        height: .6rem;
        padding-left: .1rem;
        padding-right: .1rem;
        font-size: .14rem;
    }

    section.account .subs th.small .btn-default,
    section.account .subs td.small .btn-default {
        width: 1.2rem;
        padding-left: .1rem;
        padding-right: .1rem;
    }

    section.account .subs th.small .btn-default span,
    section.account .subs td.small .btn-default span {
        font-size: .14rem;
    }


    /* Account Order Detail */

    section.account .order .box {
        padding: .12rem;
    }

    section.account .order .box+.box {
        margin-top: .2rem;
    }

    section.account .order .box .col {
        display: block;
        width: 100%;
        padding: .2rem .12rem;
    }

    section.account .order .box .col+.col {
        border-top: 1px solid #EFECED;
    }

    section.account .order .box .title {
        font-size: .2rem;
    }

    section.account .order .box .text {
        font-size: .14rem;
    }

    section.account .order .box *+.text {
        margin-top: .16rem;
    }

    section.account .order .box *+.title {
        margin-top: .2rem;
    }

    section.account .order table td {
        padding-top: .12rem;
        padding-bottom: .12rem;
        padding-right: .12rem;
        font-size: .14rem;
    }

    section.account .order .summary {
        width: 100%;
        margin-left: 0;
    }

    section.account .order *+.summary {
        margin-top: .16rem;
    }

    section.account .order .summary .summary-title {
        font-size: .2rem;
    }

    section.account .order .summary *+.items {
        margin-top: .2rem;
    }

    section.account .order .summary .items+.items {
        margin-top: .1rem;
    }

    section.account .order .summary .item {
        padding: .15rem .16rem .18rem .16rem;
    }

    section.account .order .summary .item span {
        font-size: .14rem;
    }


    /* Content With Menu */

    section.content-with-menu {
        padding-top: .16rem;
        padding-bottom: .64rem;
    }

    section.content-with-menu .menu-wrapper {
        position: relative;
        display: block;
        top: auto;
        width: calc(100% + .32rem);
        padding-right: 0;
        margin-bottom: .24rem;
        margin-left: -.16rem;
        margin-right: -.16rem;
    }

    section.banner-light+section.content-with-menu .menu-wrapper {
        position: absolute;
        width: 100%;
        bottom: 100%;
        left: 0;
        margin-bottom: .48rem;
        margin-left: 0;
        margin-right: 0;
    }

    section.content-with-menu .menu-wrapper .menu {
        padding: 0 .16rem;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
        white-space: nowrap;
        overflow: auto;
    }

    .box-wrapper {
        width: 100% !important;
        margin: 0.1rem 0 !important;
    }

    .four-boxes .boxes .box-wrapper {
        /*margin: 0.3rem 0 !important;*/
    }

    .triple-boxes .boxes .box-wrapper {
        /* margin: 0.3rem 0 !important;*/
    }

    .box-wrapper .title {
        margin-bottom: 12px;
    }

    section.content-with-menu .menu-wrapper .menu a {
        display: inline-block;
        vertical-align: middle;
        padding: .11rem .16rem .13rem .16rem;
        font-size: .16rem;
        background-color: white;
        border-radius: .04rem;
        border: 1px solid #EFECED;
    }

    section.content-with-menu .menu-wrapper .menu a+a {
        margin-left: .08rem;
    }

    section.content-with-menu .menu-wrapper .menu a.active {
        color: #0A380E;
        background-color: #F4FAF3;
        border-color: #A3D6A3;
    }

    section.content-with-menu .menu-wrapper .menu .title {
        display: none;
    }

    section.content-with-menu .content-wrapper {
        display: block;
        width: 100%;
    }


    /* News */

    section.content-with-menu .news {
        width: calc(100% + .32rem);
        margin: -.16rem;
        margin-bottom: 0;
    }

    section.content-with-menu .news .box {
        display: block;
        width: 100%;
        padding: 0;
    }

    section.content-with-menu .news .box+.box {
        margin-top: .32rem;
    }

    section.content-with-menu .news .box .content {
        padding-left: .16rem;
        padding-right: .16rem;
    }

    section.content-with-menu .news .box *+.content {
        margin-top: .12rem;
    }

    section.content-with-menu .news .box .content .text {
        font-size: .22rem;
    }

    section.content-with-menu .news .box .content .date {
        font-size: .14rem;
        padding-bottom: .08rem;
        border-bottom: 1px solid #BDBABC;
    }


    /* Person Boxes */

    section.content-with-menu .person-boxes {
        margin: 0;
    }

    section.content-with-menu .person-boxes .box {
        display: block;
        width: 100%;
        padding: .17rem 0;
        text-align: left;
    }

    section.content-with-menu .person-boxes .box .image {
        display: inline-block;
        vertical-align: middle;
        width: 26.24%;
        padding-top: 26.24%;
    }

    section.content-with-menu .person-boxes .box .content {
        display: inline-block;
        vertical-align: middle;
        width: 73.76%;
        padding-left: .16rem;
        padding-right: 0;
    }

    section.content-with-menu .person-boxes .box *+.content {
        margin-top: 0;
    }

    section.content-with-menu .person-boxes .box .content .name {
        font-size: .22rem;
    }

    section.content-with-menu .person-boxes .box .content .title {
        font-size: .14rem;
    }

    section.content-with-menu .person-boxes .box .content *+.title {
        margin-top: .04rem;
    }

    section.content-with-menu .person-boxes .box .mail {
        padding-top: .08rem;
        font-size: .14rem;
    }

    section.content-with-menu .person-boxes .box *+.mail {
        margin-top: .08rem;
    }


    /* Teams */

    section.content-with-menu .teams .item {
        padding: .2rem .16rem;
    }

    section.content-with-menu .teams .item+.item {
        margin-top: .04rem;
    }

    section.content-with-menu .teams .item .item-title {
        font-size: .16rem;
    }

    section.content-with-menu .teams .item .content {
        padding-top: .5rem;
        padding-bottom: 0;
    }

    section.content-with-menu .teams .item .left {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    section.content-with-menu .teams .item .left .box {
        display: block;
        width: 100%;
        padding: .17rem 0;
        text-align: left;
    }

    section.content-with-menu .teams .item .left .box .image {
        display: inline-block;
        vertical-align: middle;
        width: 26.24%;
        padding-top: 26.24%;
    }

    section.content-with-menu .teams .item .left .box .box-content {
        display: inline-block;
        vertical-align: middle;
        width: 73.76%;
        padding-left: .16rem;
        padding-right: 0;
    }

    section.content-with-menu .teams .item .left .box *+.box-content {
        margin-top: 0;
    }

    section.content-with-menu .teams .item .left .box .box-content .name {
        font-size: .22rem;
    }

    section.content-with-menu .teams .item .left .box .box-content .title {
        font-size: .14rem;
    }

    section.content-with-menu .teams .item .left .box .box-content *+.title {
        margin-top: .04rem;
    }

    section.content-with-menu .teams .item .left .box .mail {
        padding-top: .08rem;
        font-size: .14rem;
    }

    section.content-with-menu .teams .item .left .box *+.mail {
        margin-top: .08rem;
    }

    section.content-with-menu .teams .item .right {
        display: block;
        width: calc(100% + .32rem);
        margin-left: -.16rem;
        margin-right: -.16rem;
    }

    section.content-with-menu .teams .item .right .person {
        padding: .2rem .26rem;
    }

    section.content-with-menu .teams .item .right .person+.person {
        border-top: 1px solid #EFECED;
    }

    section.content-with-menu .teams .item .right .person .name {
        font-size: .16rem;
    }

    section.content-with-menu .teams .item .right .person .title {
        display: block;
        width: 100%;
        margin-top: .04rem;
        font-size: .14rem;
    }

    section.content-with-menu .teams .item .right .person .mail {
        display: block;
        width: 100%;
        margin-top: .08rem;
        font-size: .14rem;
    }


    /* Popup */

    .popup-wrapper {
        padding-top: .16rem;
        padding-bottom: .16rem;
    }

    .popup-wrapper .popup-container {
        width: calc(100% - .32rem);
        padding: .24rem;
    }

    .popup-wrapper .btn-close {
        top: .24rem;
        right: .24rem;
    }

    .popup-wrapper .popup-title {
        position: relative;
        margin-left: -.24rem;
        margin-right: -.24rem;
        margin-top: -.24rem;
        padding-top: .24rem;
        padding-right: .56rem;
        padding-left: .24rem;
        font-size: .18rem;
        padding-bottom: .24rem;
        box-shadow: 0 .04rem .04rem rgba(0, 0, 0, 0.05);
    }

    .popup-wrapper .form {
        margin-left: 0;
        margin-right: 0;
    }

    .popup-wrapper *+.form {
        margin-top: .32rem;
    }

    .popup-wrapper .form .form-item {
        display: block;
        width: 100%;
        margin: 0;
    }

    .popup-wrapper .form .form-item+.form-item {
        margin-top: .2rem;
    }

    .popup-wrapper .form .form-item.half {
        width: 100%;
    }

    .popup-wrapper .form .form-item.onethird {
        width: 100%;
    }

    .popup-wrapper .btn-default {
        width: 100%;
        min-width: unset;
        margin: 0;
        margin-top: .4rem;
    }


    /* Custom Detail Pages */
    *+.custom-payment {
        margin-top: .2rem;
    }

    .custom-payment .tab-menu {
        margin: -.04rem;
    }

    .custom-payment .payment-info {
        width: auto;
        margin: -.1rem -.06rem;
    }

    .custom-payment .moneytransfer .moneytransfer-title {
        margin: 0 .06rem;
    }

    .custom-payment .payment-info .form-item {
        width: calc(100% - .12rem) !important;
        margin: .1rem .06rem !important;
    }

    .custom-payment .payment-info .form-item.half {
        width: calc(50% - .12rem) !important;
    }

    .custom-payment .payment-info .form-item .card-icon {
        left: auto;
        right: .16rem;
        margin-left: 0;
    }

    /* Page Results */
    section.page-results {
        padding-top: .16rem;
        padding-bottom: 1.2rem;
    }

    section.page-results .item .title {
        font-size: .16rem;
    }

    section.page-results .item .text {
        font-size: .12rem;
    }

    /* Generic Title */
    section.generic-title {
        padding-top: .16rem;
        padding-bottom: .16rem;
    }

    section.generic-title h2 {
        font-size: .32rem;
    }

    .scroll-top {
        width: .5rem;
        height: .5rem;
    }

    .scroll-top img {
        width: .2rem;
    }


    header .bottom .menu-wrapper .lang {
        display: inline-block;
    }


    /* Donation Status */

    .donation-status .donation-bar {
        width: 2.26rem;
        height: .15rem;
        border-radius: 1rem;
    }

    .donation-status .donation-bar span {
        height: 0.15rem;
        border-radius: 1rem;
    }

    .donation-status .donation-title {
        font-weight: 400;
        font-size: 0.18rem;
        line-height: 1.333em;
        color: #121212;
    }

    section.banner-light .title+.donation-status {
        padding-top: 0.16rem;
    }

    .donation-status .donation-text {
        width: 100%;
        font-size: .14rem;
    }

    .popup-donate .popup-container .text {
        font-size: 0.18rem;
    }
}


/* ================================================================================
   BREAKPOINT: Küçük Tablet / Büyük Mobil — max-width: 900px / min-width: 768px
   Kullanıldığı yer: Tüm sayfalarda — 768–900px arası özel düzeltmeler
   Elementler: popup konumlandırma, sertifika popup'ı
   ================================================================================ */
@media screen and (max-width: 900px) and (min-width: 768px) {
    .certificate .popup-container {
        padding: .6rem .2rem .4rem !important;
    }

    section.detail .form .donate-box .donate-item+.donate-text {
        padding-top: .16rem;
    }

    section.detail .form .certificate .certificate-header .form-item-main {
        flex-direction: column;
    }

    section.detail .form .certificate-box .box-body .extra-xlarge {
        width: 100% !important;
    }

    section.detail .form .certificate-box .box-body .form-item+.form-item {
        border-left: 1px solid #EFECED;
        border-top: 1px solid #efeced !important;
    }


    section.detail .form .date-certificate-date20 {
        display: none;
        margin-top: 0;
        width: 24.2%;
    }

    section.detail .form .certificate-date20 {
        width: fit-content;
    }

    section.detail .form .certificate-select-date {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    section.detail .form .certificate-select-date-main {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .certificate-date-bulk {
        margin: 0.1rem 0 !important;
        margin-top: .2rem !important;
        padding: 0 !important;
        display: flex;
        align-items: center;
        width: 100% !important;
    }

    .date-certificate-bulk {
        width: 100% !important;
        margin: 0.1rem 0 !important;
    }

    section.detail .form .btn-icon {
        margin: 0 !important;
        margin-top: 0.1rem !important;
        width: 100% !important;
        height: 0.5rem;
    }
}


@media screen and (max-width: 1024px) {

    section.text-with-image .content-wrapper {
        flex-direction: column;
    }

    section.text-with-image .left {
        max-width: 100%;
    }

    section.text-with-image .left .text {
        font-size: .18rem;
    }

    section.text-with-image .right {
        margin-top: .4rem;
        width: 100%;
    }

    section.text-with-image .right .image-area {
        width: 100%;
        height: 3.7rem;
    }

    section.animate-line-text {
        padding: .32rem 0;
    }

    section.animate-line-text .ticker-item {
        gap: .12rem;
        padding-right: .12rem;
    }

    section.animate-line-text .ticker-item .text {
        font-size: .24rem;
    }

    section.animate-line-text .ticker-item .icon {
        height: .29rem;
        width: .29rem;
    }


    /* Long Cards Mobile */
    section.long-cards {
        padding-top: .4rem;
        padding-bottom: .4rem;
    }

    section.long-cards .section-title {
        font-size: .28rem;
        margin-bottom: .24rem;
    }

    section.long-cards .cards-grid {
        gap: .24rem .16rem;
    }

    section.long-cards .card-item {
        width: calc(50% - .08rem);
    }

    section.long-cards .card-cover {
        width: 100%;
        height: 2.62rem;
        border-radius: .16rem;
        margin-bottom: .08rem;
    }

    section.long-cards .card-year {
        font-size: .14rem;
    }

    section.long-cards .card-title {
        font-size: .14rem;
    }


    /* Colors Cards Mobile */
    section.colors-cards {
        padding-top: .4rem;
        padding-bottom: .4rem;
    }

    section.colors-cards .section-title {
        font-size: .24rem;
        margin-bottom: .24rem;
        max-width: 100%;
    }

    section.colors-cards .cards-list {
        gap: .16rem;
    }

    section.colors-cards .color-card {
        width: 100%;
        height: 1.4rem;
        padding: .2rem .24rem;
        border-radius: .16rem;
    }

    section.colors-cards .color-card .card-number {
        font-size: .48rem;
    }

    section.colors-cards .color-card .card-label {
        font-size: .16rem;
    }

    section.colors-cards .color-card .card-icon {
        width: .56rem;
        height: .56rem;
    }


    /* Content Table Mobile */
    section.content-table {
        padding-top: .2rem;
        padding-bottom: .4rem;
    }

    section.content-table .table-card {
        border-radius: .16rem;
    }

    section.content-table .card-header {
        padding: .2rem .24rem;
    }

    section.content-table .table-title {
        font-size: .2rem;
    }

    section.content-table .styled-table {
        min-width: 6rem;
    }

    section.content-table .styled-table th {
        padding: .16rem .12rem;
        font-size: .14rem;
    }

    section.content-table .styled-table td {
        padding: .2rem .12rem;
        font-size: .16rem;
    }


    /* Mobile Footer */
    footer {
        padding-top: .4rem;
        padding-bottom: .4rem;
        background-color: #fff;
    }

    footer .menu {
        position: relative;
        padding-top: 0;
        padding-bottom: .1rem;
    }

    footer .menu .container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    footer .footer-logo {
        margin-bottom: .32rem;
        text-align: left;
        width: 100%;
    }

    footer .footer-logo img {
        width: 1.8rem;
        height: auto;
    }

    footer .footer-menu-items {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 0;
    }

    footer .footer-menu-items .item {
        width: 100%;
    }

    footer .footer-menu-items .item.active {
        margin-bottom: .3rem;
    }

    footer .footer-menu-items .item .title {
        position: relative;
    }

    footer .footer-menu-items .item .title a,
    footer .footer-menu-items .item .title text {
        display: block;
        color: #001D85;
        font-size: .15rem;
        font-weight: 500;
        text-decoration: none;
        padding: .08rem 0;
    }

    footer .footer-menu-items .item .title::after {
        display: none;
    }

    footer .footer-menu-items .item .submenu-links {
        display: none;
    }

    footer .footer-menu-items .item .submenu-links a {
        display: block;
        color: #001D85;
        font-size: .14rem;
        text-decoration: none;
        padding: .06rem 0 .06rem .12rem;
        opacity: 0.8;
    }

    footer .bottom {
        border-top: 1px solid #E2E8FC;
    }

    footer .bottom .footer-contact {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .24rem;
    }

    footer .footer-bottom-row {
        display: flex;
        flex-direction: column;
        gap: .24rem;
        align-items: flex-start !important;
    }

    footer .footer-contact {
        color: #001D85;
        font-size: .13rem;
        line-height: 1.6;
        font-weight: 500;
    }

    footer .footer-contact p {
        margin-bottom: .12rem;
    }

    footer .footer-contact a {
        color: #001D85;
        text-decoration: none;
        display: inline-block;
        margin-right: .16rem;
    }

    footer .footer-contact a[href^="mailto"] {
        display: block;
        margin-top: .04rem;
    }

    footer .footer-stamp img {
        width: 1.1rem;
        height: auto;
    }

    footer .footer-social-copyright {
        display: flex;
        flex-direction: column;
        gap: .24rem;
        align-items: center !important;
        width: 100% !important;
    }

    footer .footer-social {
        display: flex;
        gap: .24rem;
        width: 100%;
    }

    footer .footer-social a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    footer .footer-social a img {
        width: .28rem;
        height: .28rem;
    }

    footer .footer-stamp {
        margin-left: .16rem;
    }

    footer .footer-stamp img {
        width: 1.06rem;
        height: auto;
    }

    footer .footer-copyright {
        color: #001D85;
        font-size: .13rem;
        line-height: 1.4;
        font-weight: 500;
        text-align: left !important;
        margin-top: .1rem;
    }

    .main-banner .container {
        flex-direction: column;
        gap: .16rem !important;
    }

    .main-banner .title {
        width: 100% !important;
        font-size: .4rem !important;
    }

    .main-banner .text {
        width: 100% !important;
        font-size: .2rem !important;
    }

    .main-slider .container {
        flex-direction: column;
        gap: .16rem !important;
    }

    .main-slider .title {
        font-size: .32rem !important;
    }

    .main-slider .text {
        font-size: .2rem !important;
        width: 100% !important;
        margin-top: 0 !important;
    }

    section.main-slider .item {
        height: 2rem !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    section.main-slider .slider-container {
        height: 2.2rem !important;
    }

    section.main-slider .btn-default {
        font-size: .14rem !important;
    }

    section.list .filter .top {
        position: relative;
        padding-top: .24rem;
        padding-bottom: .24rem;
        margin-bottom: .24rem;
    }

    section.list .filter .top .filter-title {
        font-weight: 600;
        font-size: .18rem;
        line-height: 1em;
        color: #001D85;
    }

    section.list .filter .top .btn-filter-close {
        position: absolute;
        width: .36rem;
        height: .36rem;
        top: 50%;
        right: -.05rem;
        margin-top: -.15rem;
        background-color: #EAEBEE;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    section.list .filter .top .btn-filter-close img {
        width: .18rem;
        height: .18rem;
    }

    /* Responsive product generic details adjustments */
    section.detail .form .quantity-actions-row {
        flex-direction: column;
        align-items: stretch;
        gap: .12rem;
    }

    section.detail .form .qty-picker {
        width: 100%;
        justify-content: space-between;
    }

    section.detail .form .qty-input {
        flex-grow: 1;
    }

    section.detail .form .btn-add-cart-step1 {
        width: 100%;
        min-width: unset;
    }

    section.banner-light .bg-overlay {
        display: none;
    }
}

@media screen and (max-width: 1366px) and (min-width: 768px) {
    section.detail .media {
        position: relative;
        display: block;
        width: 5.68rem;
        top: auto;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }

    section.detail .form {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: .4rem;
    }
}

@media screen and (max-width: 1366px) {

    section.detail .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    section.detail .media {
        order: 1;
    }

    section.detail .form {
        order: 2;
    }

    header .bottom .left-box .hamburger-menu-btn {
        display: none !important;
    }

    header .bottom .left-box .hamburger-menu-item .sub-menu .submenu-links {
        max-width: none !important;
    }

    .mobile-menu-drawer {
        display: flex !important;
    }

    header .bottom .right-box .actions .icon-link .search-container {
        right: -.5rem;
    }

    header {}

    header.light {
        background-color: white !important;
    }

    header .bar {
        display: none;
    }

    header .bottom {
        padding-top: 0;
        padding-bottom: 0;
        height: .76rem;

    }

    /* left-box and right-box end (display: contents) */
    header .bottom .left-box,
    header .bottom .right-box {
        display: contents;
    }

    /* header-boxes is styled like left-box */
    header .bottom .header-boxes {
        display: flex;
        align-items: center;
        background-color: white;
        border-radius: .2rem;
        padding: 0 .16rem;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        position: relative;
        justify-content: space-between;
        width: 100%;
        height: .6rem;
        margin-top: .16rem;
    }

    /* Logo size and ordering */
    header .bottom .logo {
        order: 1;
        display: flex;
        align-items: center;
        width: .97rem;
        height: .38rem;
    }

    header .bottom .logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* Actions positioning and ordering */
    header .bottom .right-box .actions {
        order: 2;
        display: flex;
        align-items: center;
        margin-right: 0;
        margin-left: auto;
    }

    header .bottom .right-box .actions .icon-link {
        width: .44rem;
        height: .44rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    header .bottom .right-box .actions .icon-link img {
        width: .48rem;
        height: .48rem;
        object-fit: contain;
    }

    /* Hamburger Menu Button styling and ordering */
    header .bottom .btn-menu {
        order: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        width: .39rem;
        height: .39rem;
        background-color: #DADFF3;
        border-radius: 50%;
        margin-left: .08rem;
        flex-shrink: 0;
        transition: background-color .2s ease;
        position: static;
        transform: none;
    }

    header .bottom .btn-menu .open,
    header .bottom .btn-menu .close {
        display: none !important;
    }

    header .bottom .btn-menu::after {
        content: '';
        display: block;
        width: .24rem;
        height: .24rem;
        background-image: url(Icons/k-hamburger-menu.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    header.menu-active .bottom .btn-menu {
        background-color: #005BA5;
    }

    header.menu-active .bottom .btn-menu::after {
        background-image: url(Icons/k-hamburger-menu-white.svg);
    }

    /* Hide standard desktop menu buttons on mobile/tablet */
    header .bottom .right-box .buttons {
        display: none;
    }

    /* Hide desktop menu on mobile completely */
    header .bottom .menu-wrapper {
        display: none !important;
    }

    /* Mobile Menu Drawer Base */
    .mobile-menu-drawer {
        position: fixed;
        top: 0;
        right: -100%;
        /* Slide in from right */
        width: 100%;
        height: 100vh;
        background-color: #F5F8FF;
        z-index: 1000;
        transition: right 0.3s ease-in-out;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    header.menu-active .mobile-menu-drawer {
        right: 0;
    }

    /* Header Area */
    .mobile-menu-drawer .mobile-menu-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .16rem;
        background-color: #F5F8FF;
        flex-shrink: 0;
    }

    .mobile-menu-drawer .mobile-menu-header .logo {
        width: 1.06rem;
        height: .48rem;
    }

    .mobile-menu-drawer .mobile-menu-header .logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .mobile-menu-drawer .mobile-menu-header .close-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: .36rem;
        height: .36rem;
        background-color: #E2E8FC;
        border-radius: 50%;
    }

    .mobile-menu-drawer .mobile-menu-header .close-btn img {
        width: .16rem;
        height: .16rem;
    }

    /* Body Area */
    .mobile-menu-drawer .mobile-menu-body {
        flex-grow: 1;
        overflow-y: auto;
        overflow-x: hidden;
        position: relative;
    }

    /* Level 1 & Level 2 Containers */
    .mobile-menu-drawer .mobile-menu-level1,
    .mobile-menu-drawer .mobile-menu-level2 {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: transform 0.3s ease;
        background-color: #F5F8FF;
        min-height: 100%;
    }

    .mobile-menu-drawer .mobile-menu-level2 {
        transform: translateX(100%);
        display: none;
    }

    .mobile-menu-drawer.level2-active .mobile-menu-level1 {
        transform: translateX(-100%);
    }

    .mobile-menu-drawer.level2-active .mobile-menu-level2 {
        transform: translateX(0);
        display: block;
    }

    /* CTA Area */
    .mobile-menu-drawer .cta-area {
        display: flex;
        gap: .12rem;
        padding: .16rem;
        justify-content: center;
        border-bottom: 1px solid #E2E8FC;
    }

    .mobile-menu-drawer .cta-area .btn-default {
        flex: 1;
        text-align: center;
        font-weight: 600;
        color: white;
        text-decoration: none;
    }

    .mobile-menu-drawer .cta-area .btn-default.blue {
        background-color: #005BA5;
    }

    .mobile-menu-drawer .cta-area .btn-default.red {
        background-color: #F05138;
    }

    /* Main Menu List (Level 1) */
    .mobile-menu-drawer .main-menu-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-menu-drawer .main-menu-list .menu-item {
        border-bottom: 1px solid #E2E8FC;
    }

    .mobile-menu-drawer .main-menu-list .menu-item>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .16rem;
        min-height: .6rem;
        color: #001D85;
        font-weight: 500;
        font-size: .16rem;
        text-decoration: none;
    }

    .mobile-menu-drawer .main-menu-list .menu-item>a .arrow-icon {
        width: .18rem;
        height: .18rem;
    }

    /* Level 2 Header */
    .mobile-menu-drawer .level2-header {
        display: flex;
        align-items: center;
        padding: .15rem .16rem;
        background-color: #E2E6FA;
    }

    .mobile-menu-drawer .level2-header .back-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: .24rem;
        height: .24rem;
        margin-right: .12rem;
    }

    .mobile-menu-drawer .level2-header .back-btn img {
        width: 100%;
        height: 100%;
    }

    .mobile-menu-drawer .level2-header .level2-title {
        color: #001D85;
        font-weight: 600;
        font-size: .16rem;
    }

    /* Submenu List (Level 2) */
    .mobile-menu-drawer .submenu-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-menu-drawer .submenu-list .category-item {
        border-bottom: 1px solid #E2E8FC;
    }

    .mobile-menu-drawer .submenu-list .category-item>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .16rem;
        min-height: .6rem;
        color: #001D85;
        font-weight: 500;
        font-size: .16rem;
        text-decoration: none;
    }

    .mobile-menu-drawer .submenu-list .category-item>a .arrow-icon {
        transition: transform 0.2s ease;
    }

    /* Level 3 Accordion */
    .mobile-menu-drawer .submenu-list .submenu-links {
        display: none;
        background-color: #E2E6FA;
    }

    .mobile-menu-drawer .submenu-list .category-item>a span {
        position: relative;
    }

    .mobile-menu-drawer .submenu-list .category-item.open>a span::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #F05138;
    }

    .mobile-menu-drawer .submenu-list .category-item.open>a .arrow-icon {
        transform: rotate(90deg);
    }

    .mobile-menu-drawer .submenu-list .submenu-links a {
        display: flex;
        align-items: center;
        min-height: .6rem;
        padding: .12rem .16rem;
        color: #001D85;
        font-size: .16rem;
        text-decoration: none;
        border-bottom: 1px solid #ffffff;
    }

    .mobile-menu-drawer .submenu-list .submenu-links a:last-child {
        border-bottom: none;
    }

    /* Footer Area */
    .mobile-menu-drawer .mobile-menu-footer {
        flex-shrink: 0;
        padding: .24rem .16rem .4rem .16rem;
        background-color: #F5F8FF;
    }

    .mobile-menu-drawer .mobile-menu-footer .lang {
        margin-bottom: .24rem;
        padding-bottom: .24rem;
        font-weight: 500;
        font-size: .16rem;
        border-bottom: 1px solid #E2E8FC;
    }

    .mobile-menu-drawer .mobile-menu-footer .lang a {
        color: #121212;
        text-decoration: none;
        margin-right: .12rem;
        opacity: 0.5;
    }

    .mobile-menu-drawer .mobile-menu-footer .lang a.current {
        font-weight: bold;
        opacity: 1;
    }

    .mobile-menu-drawer .mobile-menu-footer .social {
        display: flex;
        gap: .16rem;
        justify-content: center;
    }

    .mobile-menu-drawer .mobile-menu-footer .social a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: .4rem;
        height: .4rem;
        border-radius: 50%;
        background-color: #F6F4F5;
    }

    .mobile-menu-drawer .mobile-menu-footer .social a img {
        width: .24rem;
        height: .24rem;
    }
}

@media screen and (max-width: 767px) {
    section.application-form-check {
        padding-top: .4rem;
        padding-bottom: .4rem;
    }

    section.application-form-check .application-form-check-wrapper {
        padding-left: .16rem;
        padding-right: .16rem;
    }

    section.application-form-check h3.title {
        font-size: .2rem;
    }

    section.application-form-check p.desc {
        font-size: .14rem;
        margin-bottom: .24rem;
    }

    section.application-form-check form.general {
        flex-direction: column;
        align-items: stretch;
        gap: .12rem;
    }

    section.application-form-check .btn-default {
        width: 100%;
        height: .48rem;
    }

    section.application-form-check .form-item input[type='text'] {
        height: .48rem;
    }
}

@media screen and (max-width: 1024px) {
    section.main-boxes .top .box {
        border-radius: .16rem !important;
    }

    section.main-boxes .top .box .center-icon {
        width: 0.6rem;
        height: 0.6rem;
    }

    section.main-boxes .top .box .link:after {
        opacity: 1 !important;
        transform: none !important;
    }
}

@media screen and (max-width: 767px) {
    section.main-boxes .top .box {
        border-radius: .12rem !important;
    }

    section.main-boxes .top .box .center-icon {
        width: 0.45rem;
        height: 0.45rem;
    }
}