/* CKEditor: strong içindeki span'lerin font-weight'ı kalınlığı ezmesin (kopyala-yapıştır artıkları) */
strong span {
    font-weight: bold !important;
}

.product-price {
    color: #414141;
    font-weight: 700;
    font-size: 16px;
}


.description {
    font-size: 16px;
    height: 40px;
}

.product-list {
    font-weight: 100;
}


.card-title {
    font-size: 16px;
    font-weight: 400;
    color: #00ff21ff;
    line-height: 1.35em;
    height: 34px;
}

#product-details h1 {
    font-size: 20px;
    font-weight: 700;
}


#write-rewiew {
    margin-left: -50px;
}

#product-price {
    font-size: 28px;
    color: red;
}


html {
    position: relative;
    min-height: 100%;
}

body {
    background-color: #ffffff;
}

.blog-card {
    width: 100%;
    border: none;
    background: transparent;
}

.card-content {
    background: #FFF7F1;
    border-radius: 30px;
    padding: 20px;
}

/* İç yerleşim: büyük ekranda 2 kolon, mobilde 1 kolon */
.bc-inner {
    display: grid;
    grid-template-columns: 240px 1fr; /* görsel + metin */
    gap: 24px;
    align-items: start;
}

/* Görsel */
.bc-image img {
    width: 100%;
    height: auto;
    display: block;
    border: 2px solid #492A4B;
    border-radius: 30px;
    /* büyük ekranda görsel oran korunsun, istersen yüksekliği sabitleyebilirsin: */
    /* height:225px; object-fit:cover; */
}

/* Metinler */
.blog-card-date {
    font-family: 'Inter',sans-serif;
    font-weight: 300;
    font-size: 15px;
    margin: 0 0 6px;
    color: #492A4B;
    opacity: .8;
}

.blog-card-title {
    font-family: Itim, 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: clamp(18px, 2.2vw, 30px);
    line-height: 1.2;
    color: #492A4B;
    margin: 0 0 8px;
}

.blog-card-description {
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    margin: 0 0 12px;
}

.read-more {
    display: inline-block;
    background: #5C4461;
    color: #fff;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 24px;
    font-weight: 600;
}

    .read-more:hover {
        color: white;
    }

/* Mobil/dar ekran: tek kolon, görsel üstte; padding ayarla */
@media (max-width: 768px) {
    .card-content {
        padding: 16px;
    }

    .bc-inner {
        grid-template-columns: 1fr; /* tek sütun */
        gap: 16px;
    }

    .bc-image {
        max-width: 260px;
        margin: 8px auto 0; /* görseli ortala */
    }
}

.gradient-header {
    background: linear-gradient(to right, #492A4B, #DAC1DB, #F1F1F1);
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
}

    .gradient-header img {
        max-width: 400px;
        width: 100%;
        max-height: 400px;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        margin-top: 40px;
        margin-bottom: 40px;
    }

.blog-content {
    display: flex;
    gap: 30px;
}

.main-content {
    flex: 3;
}

.sidebar {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.card {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 12px;
    background: #fff;
}

.blog-title {
    font-family: sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 15px;
    color: #492A4B;
}

.blog-text {
    font-size: 17px;
    line-height: 1.7;
    text-indent: 20px;
    text-indent: 0;
}

.audio-player {
    margin-top: 15px;
}

.section-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.person-list li {
    margin-left: 20px;
}

.navbar ul {
    list-style: none;
    display: flex;
    gap: 30px;
    position: relative;
}

.navbar li {
    position: relative;
}

.popup-box {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 10px;
    background-color: white;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 100;
}

    .popup-box.show {
        display: block;
    }

.popup-content {
    display: flex;
    gap: 20px;
}

    .popup-content .popup-card {
        text-align: center;
        font-family: 'Inter', sans-serif;
    }

    .popup-content img {
        width: 276px;
        height: 214px;
        top: 43px;
        left: 94px;
        border-radius: 15px;
    }

    .popup-content h4 {
        margin-top: 10px;
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        font-size: 17px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #492A4B;
    }

    .popup-content p {
        font-family: Inter;
        font-weight: 400;
        font-size: 17px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #000000;
    }

.nav-item-with-popup:hover .popup-box,
.popup-box:hover {
    display: block;
}

.team-header {
    background: linear-gradient(to right, #F6B785, #ffffff);
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
    display: flex;
    align-items: start;
    gap: 20px;
}

    .team-header img {
        max-width: 600px;
        width: 100%;
        height: auto;
        border-radius: 20px;
        object-fit: contain;
        margin-top: 20px;
        margin-bottom: 20px;
    }

.WhoWeAre-header {
    font-family: Inter;
    font-weight: 700;
    font-size: 35px;
    line-height: 50px;
    letter-spacing: 0%;
    color: #492A4B;
}

.WhoWeAre-text {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 50px;
    color: #000000;
}

    .WhoWeAre-text strong {
        font-family: Inter;
        font-weight: 700;
        font-size: 22px;
        line-height: 50px;
        letter-spacing: 0%;
    }

@media (min-width: 576px) and (max-width: 767.98px) {
    .WhoWeAre-header {
        font-weight: 600;
        font-size: 30px;
        line-height: 40px;
    }

    .WhoWeAre-text {
        font-weight: 400;
        font-size: 18px;
        line-height: 40px;
    }

        .WhoWeAre-text strong {
            font-weight: 600;
            font-size: 18px;
            line-height: 40px;
        }
}

/* MD (≥768) → 4 kart */
@media (max-width: 576px) {
    .WhoWeAre-header {
        font-weight: 500;
        font-size: 25px;
        line-height: 30px;
    }

    .WhoWeAre-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
    }

        .WhoWeAre-text strong {
            font-weight: 500;
            font-size: 14px;
            line-height: 30px;
        }
}



.test-header {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 45px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #492A4B;
    text-align: center;
}

.test-header-description {
    font-family: Inter;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .test-header {
        font-weight: 500;
        font-size: 40px;
        line-height: 110%;
    }

    .test-header-description {
        font-weight: 400;
        font-size: 20px;
        line-height: 110%;
    }
}

/* MD (≥768) → 4 kart */
@media (max-width: 576px) {
    .test-header {
        font-weight: 500;
        font-size: 32px;
        line-height: 120%;
    }

    .test-header-description {
        font-weight: 400;
        font-size: 18px;
        line-height: 120%;
    }
}

.product-carousel {
    position: relative;
}

    .product-carousel .viewport {
        overflow: hidden;
    }

    .product-carousel .track {
        display: flex;
        gap: var(--gap);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        padding: 4px 2px 10px;
        margin: 0;
        list-style: none;
    }

        .product-carousel .track::-webkit-scrollbar {
            display: none;
        }
    /* mobilde şık */

    .product-carousel .slide {
        scroll-snap-align: start;
        /* flex: 0 0 calc((100% - (2 * var(--gap))) / 3);  3 sütun */
    }

@media (max-width: 768px) {
    .product-carousel .slide {
        flex: 0 0 50%;
    }

    #yakindaCarousel .track .product-slide {
        box-sizing: border-box;
        /* aynı anda 2 kart görünsün */
        flex: 0 0 calc(50% - 8px); /* flex kullanılıyorsa devreye girer */
        min-width: calc(50% - 8px); /* flex değilse bile çoğu yapıda çalışır */
    }
    /* varsa aralıklar için örnek */
    #yakindaCarousel .track {
        gap: 16px;
        padding-inline: 8px;
    }

    /* mobil: 1 sütun */
}
/* Yatay track */
.track {
    display: flex;
    overflow-x: auto;
    gap: 16px; /* kartlar arası boşluk */
    padding: 0 8px;
    list-style: none; /* ul/li noktalarını kapat */
    margin: 0;
    scroll-snap-type: x mandatory; /* opsiyonel: snap */
}

    .track .slide {
        box-sizing: border-box;
        scroll-snap-align: start; /* opsiyonel: snap */
    }

/* XS (mobil) → ekranda 2 kart */
@media (max-width: 575.98px) {
    .track .slide {
        flex: 0 0 calc(50% - 8px); /* 2 kart */
        min-width: calc(50% - 8px);
    }
}

/* SM (≥576) → 3 kart */
@media (min-width: 576px) and (max-width: 767.98px) {
    .track .slide {
        flex: 0 0 calc(33.333% - 11px);
        min-width: calc(33.333% - 11px);
    }
}

/* MD (≥768) → 4 kart */
@media (min-width: 768px) {
    .track .slide {
        flex: 0 0 calc(25% - 12px);
        min-width: calc(25% - 12px);
    }
}

.card {
    border: 3px solid var(--border);
    border-radius: 20px;
    padding: 20px;
    color: var(--text);
    background: #fff;
}

.img-wrap {
    width: 100%;
    aspect-ratio: 4 / 3; /* sabit oran */
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 14px;
}

    .img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.title {
    font: 600 18px/1.3 'Inter', sans-serif;
    text-align: center;
    margin: 6px 0 4px;
}

.price {
    text-align: center;
    font-weight: 600;
}

.nav {
    position: absolute;
    top: 50%;
    transform: translateY(40%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 3px solid var(--border);
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
    cursor: pointer;
    color: var(--text);
    font-size: 32px;
    line-height: 1;
}

    .nav.prev {
        left: -12px;
    }

    .nav.next {
        right: -12px;
    }

    .nav:disabled {
        opacity: .4;
        cursor: default;
    }

@media (max-width:576px) {
    .nav {
        width: 35px;
        height: 35px;
        font-size: 24px;
        border: 1.7px solid var(--border);
    }

        .nav.prev {
            left: -8px;
        }

        .nav.next {
            right: -8px;
        }
}

@media (min-width:576px) and (max-width:767.98px) {
    .nav {
        width: 42px;
        height: 42px;
        font-size: 28px;
        border: 2.4px solid var(--border);
    }

        .nav.prev {
            left: -10px;
        }

        .nav.next {
            right: -10px;
        }
}

/* Dış container – zemin ve referans noktası */
.hero-container {
    position: relative;
    overflow: visible; /* şekil dışarı taşabilsin */
}

/* İçerikler üstte dursun */
.hero-row,
.hero-left,
.video-column {
    position: relative;
    z-index: 2;
}

/* Çeyrek daire arka plan şekli */
.hero-container::before {
    content: "";
    position: absolute;
    /* Container’ın sol üst köşesinden biraz taşırıyoruz */
    top: -40px;
    left: -40px;
    /* Genişlik: container’ın yaklaşık yarısına kadar (2 col-md-6 arasına kadar) */
    width: calc(50% + 80px);
    /* Yükseklik: container’dan biraz daha aşağı insin */
    height: calc(100% + 120px);
    background-color: #FFE0C7; /* rengini burada değiştir */
    /* Sol üst köşede çeyrek daire görünümü */
    border-bottom-right-radius: 100%;
    z-index: 1; /* jumbotron arka planının üstünde, içeriklerin altında */
}

/* Mobilde (col’lar alt alta gelince) şekli biraz küçültelim */
@media (max-width: 768px) {
    .hero-container::before {
        top: -30px;
        left: -30px;
        width: 80%;
        height: calc(100% + 60px);
        border-bottom-right-radius: 100%;
    }
}





/* KART */
.auto-safe-card {
    position: relative;
    border: 2px solid #492A4B;
    border-radius: 20px;
    background: #fff;
    color: #492A4B;
    padding: clamp(16px, 4vw, 32px);
    box-sizing: border-box; /* col genişliğine sığsın */
    width: 100%;
}

/* Köşe ikonları (örnek konumlar) */
[data-decor] {
    position: absolute;
    pointer-events: none;
    font-size: clamp(24px,3vw,40px);
    line-height: 1;
}

.tl {
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
}

.tr {
    top: 0;
    right: 0;
    transform: translate( +50%,-50%);
}

.bl {
    bottom: 0;
    left: 0;
    transform: translate(-50%, +50%);
}

.br {
    bottom: 0;
    right: 0;
    transform: translate( +50%, +50%);
}

/* Metinler (isteğe bağlı) */
.review-text {
    font: 600 20px/1.5 Inter, sans-serif;
    margin: 0 0 12px;
    overflow-wrap: anywhere;
}

.review-author {
    font: 600 18px/1 Inter, sans-serif;
    text-align: right;
    margin: 0;
}
/*Login-Register*/

/* Sayfa arka planı */
.auth-page {
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: #FFF7F2;
    padding: 56px 16px
}

/* Başlıklar */
.auth-head {
    text-align: center;
    margin-bottom: 18px
}

    .auth-head h1 {
        font-size: 2rem;
        margin: 0 0 6px;
        font-weight: 700;
        color: #492A4B
    }

    .auth-head p {
        margin: 0;
        color: #7e6c7f
    }

/* Kart */
.auth-card {
    justify-self: center;
    width: 540px;
    max-width: 100%;
    background: #fff;
    border: 1px solid #EEE;
    box-shadow: 0 8px 22px rgba(0,0,0,.04);
    border-radius: 16px;
    padding: 22px
}

/* Sekmeler */
.auth-tabs {
    display: flex;
    gap: 14px;
    margin-bottom: 18px;
    justify-content: center;
}

.auth-tab {
    text-decoration: none;
    flex: 0 0 auto;
    padding: 8px 18px;
    border-radius: 12px;
    background: #fff;
    font-weight: 600;
}

    .auth-tab.active {
        border: 1.5px solid #F18F3B;
        color: #F18F3B;
        box-shadow: 0 2px 0 #F18F3B33 inset
    }

    .auth-tab.inactive {
        border: 1px solid #EAEAEA;
        color: #A0A0A0
    }

/* Form alanları */
.form-label {
    font-weight: 600;
    color: #343434
}

.form-control {
    height: 44px;
    border-radius: 10px;
    border: 1px solid #EAEAEA;
    background: #FAFAFA
}

    .form-control:focus {
        background: #fff;
        border-color: #F18F3B;
        box-shadow: 0 0 0 .15rem #F18F3B22
    }

.forgot {
    display: block;
    text-align: right;
    margin: -4px 2px 16px;
    color: #9b9b9b;
    font-size: .92rem
}

.eye {
    position: absolute;
    right: 12px;
    top: 70%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #a0a0a0
}

/* Butonlar */
.btn-raf {
    display: block;
    margin: 10px auto 12px auto;
    width: 62%;
    min-width: 220px;
    padding: 11px 14px;
    border: 0;
    border-radius: 12px;
    background: #F18F3B;
    color: #fff;
    font-weight: 800
}

    .btn-raf:hover {
        opacity: .96;
        color: #fff
    }

/* Google butonu */
.google-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 180px;
    margin: 6px auto 10px auto;
    padding: 8px 10px;
    border: 1px solid #E3E3E3;
    border-radius: 10px;
    background: #fff
}

    .google-btn img {
        width: 18px;
        height: 18px
    }

    .google-btn span {
        display: flex;
        flex-direction: column;
        line-height: 1
    }

    .google-btn b {
        font-size: .95rem;
        color: #333
    }

    .google-btn small {
        font-size: .78rem;
        color: #9b9b9b
    }

/* Alt link */
.auth-foot {
    margin-top: 6px;
    text-align: center;
    color: #777
}

    .auth-foot a {
        text-decoration: underline;
        color: #6b5a6c
    }

.kvkk label {
    display: block;
    margin: .45rem 0;
    color: #505050;
    font-size: .95rem
}
/* Sık sorulan sorular */

.faq {
    max-width: 900px;
    margin: 24px auto;
    padding: 0 20px;
    font-family: Inter, system-ui, -apple-system, sans-serif;
}

.faq-title {
    color: #492A4B;
    text-align: center;
    font-weight: 700;
    margin-bottom: 18px;
}

.faq-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 12px;
}

.faq-item {
    border: 1px solid #492A4B;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}

.faq-q {
    width: 100%;
    background: #fff;
    color: #492A4B;
    border: 0;
    text-align: left;
    padding: clamp(10px, 2.6vw, 16px) clamp(14px, 3vw, 20px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    font-weight: 600;
}

    .faq-q:focus {
        outline: 2px solid #DDC1AC;
        outline-offset: 2px;
    }

.chev {
    transition: transform .2s ease;
}

.faq-q[aria-expanded="true"] .chev {
    transform: rotate(180deg);
}

.faq-q[aria-expanded="true"] + .faq-a {
    border-top: 1px solid #DDDDDD; /* morun çok hafif tonu */
    padding-top: 12px; /* çizgiden sonra nefes */
}

.faq-a {
    transition: max-height .25s ease, padding-top .25s ease, border-color .25s ease;
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease;
    padding: 0 clamp(14px, 3vw, 20px);
    color: #492A4B;
}


    .faq-a p {
        color: #707070;
        margin: 0 0 clamp(12px, 2.4vw, 16px);
        line-height: 1.55;
    }

.faq-more {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.btn-more {
    background: #fff;
    border: 1px solid #492A4B;
    color: #492A4B;
    border-radius: 999px;
    padding: 8px 16px;
    cursor: pointer;
    font-weight: 600;
}

    .btn-more:hover {
        background: #F8F4FA;
    }

.btn-less {
    background: #fff;
    border: 1px solid #492A4B;
    color: #492A4B;
    border-radius: 999px;
    padding: 8px 16px;
    cursor: pointer;
    font-weight: 600;
}

    .btn-less:hover {
        background: #F8F4FA;
    }


/* DIŞ KAPSAYICI */
.inbox-wrap {
    padding: clamp(16px,4vw,28px);
}

.inbox {
    border: 2px solid var(--purple);
    border-radius: var(--radius);
    background: #fff;
    overflow: hidden;
    display: grid;
    grid-template-columns: 320px 1fr;
    min-height: 560px;
}

@media (max-width: 992px) {
    .inbox {
        grid-template-columns: 1fr;
    }
}

/* SOL SÜTUN */
.inbox-sidebar {
    background: var(--soft);
    border-right: 1px solid var(--line);
    padding: 18px 0;
}

@media (max-width: 992px) {
    .inbox-sidebar {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }
}

.inbox-title {
    margin: 0 18px 12px;
    color: var(--purple);
    font: 700 28px/1.2 "Inter",system-ui,Arial;
}

.thread-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.thread a {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    text-decoration: none;
    color: var(--purple);
    border-top: 1px solid #efe9f2;
}

.thread:first-child a {
    border-top: 0;
}

.thread.active a {
    background: #fff;
    box-shadow: inset 4px 0 0 var(--purple);
}

.t-title {
    font-weight: 600;
}

.t-date {
    color: #7d6f84;
    font-size: 13px;
}

/* SAĞ İÇERİK */
.inbox-content {
    padding: 24px clamp(16px,3.2vw,32px);
}

.msg-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,.06), 0 0 0 1px #eee;
    padding: 12px 14px 16px;
    max-width: 760px;
}

.msg-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.brand {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.msg-body {
    color: #2b2430;
    line-height: 1.6;
}

    .msg-body ol {
        margin: 8px 0 8px 18px;
    }

/* ÜRÜN ÖNERİLERİ */
.product-suggest {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 18px;
    margin: 28px 0 18px;
    max-width: 900px;
}

@media (max-width: 768px) {
    .product-suggest {
        grid-template-columns: repeat(2,1fr);
    }
}

/* Ürün kartı */
.p-card {
    border: 3px solid #DDC1AC;
    border-radius: 24px;
    background: #fff;
    padding: 24px 20px 18px;
    position: relative;
}

.p-img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}

.p-title {
    margin: 18px 0 8px;
    text-align: center;
    font: 700 28px/1.1 Inter, sans-serif;
    color: #492A4B;
}


.p-price {
    text-align: center;
    font: 500 22px Inter, sans-serif;
    color: #492A4BD9;
    margin-bottom: 10px;
}

/* Alt butonlar */
.p-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px; /* butonları karta biraz yaklaştır */
}

.p-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 3px solid #DDC1AC;
    background: #fff;
    color: #492A4B;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .08s ease, background .2s ease;
}

    .p-btn:hover {
        background: #FFF7F2;
    }

    .p-btn:active {
        transform: scale(.96);
    }

/* Küçük ekranlarda başlık biraz küçülsün */
@media (max-width: 420px) {
    .p-title {
        font-size: 24px;
    }

    .p-price {
        font-size: 20px;
    }
}





.p-card {
    text-align: center;
    color: var(--purple);
}

.ph {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 8px;
    background: #e9e6ea;
    box-shadow: inset 0 0 0 1px #ddd;
}

.p-name {
    margin-top: 8px;
    font: 500 14px/1.3 "Inter",system-ui,Arial;
}

/* BUTON */
.actions {
    margin-top: 8px;
}

.btn-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    background: #FFA134;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    border-radius: 999px;
    box-shadow: 0 6px 16px rgba(255,161,52,.35);
    transition: transform .1s ease, box-shadow .2s ease, filter .2s ease;
}

    .btn-cta:hover {
        filter: brightness(1.05);
        box-shadow: 0 10px 22px rgba(255,161,52,.4);
    }

    .btn-cta:active {
        transform: translateY(1px) scale(.99);
    }


.wwoic {
    width: 90%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    /* ne kadar büyütüp kırpacağımızı ayarlamak için değişken */
    --bleed: 18px; /* 12–28px arası dene */
}

    .wwoic img {
        display: block;
        width: calc(100%);
        height: calc(100%);
        object-fit: cover; /* kutuyu tam doldur */
        object-position: center;
        border-radius: inherit; /* maske ile hizalı kalsın */
        border: 3px solid #492A4B;
    }

@media (max-width:767.98px) {
    .wwoic img {
        border-width: 2px;
    }
}

.wwop {
    margin-top: 15px;
    color: #492A4B;
    font-family: Inter;
    font-weight: 600;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}

@media (max-width: 768px) {
    .wwop {
        font-size: 14px;
    }
}

.addr-wrap {
    padding: clamp(16px, 4vw, 28px);
}

/* Başlık şeridi */
.addr-header {
    border: 2px solid var(--purple);
    border-radius: 16px;
    padding: clamp(14px, 2.6vw, 18px) clamp(18px, 3.2vw, 24px);
    margin: 6px 0 24px;
    background: #fff;
}

    .addr-header h1 {
        margin: 0;
        color: var(--purple);
        font: 700 clamp(18px, 3.4vw, 28px)/1 "Inter", system-ui, Arial;
    }

/* Grid */
.addr-grid {
    display: grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

/* Kart */
.addr-card {
    background: #fff;
    border: 2px solid var(--beige);
    border-radius: 16px;
    padding: clamp(14px, 2.6vw, 18px);
    color: var(--purple);
    box-shadow: 0 1px 0 rgba(0,0,0,.02);
    min-width: 0; /* flex/grid çocuklarında güvenli */
    overflow: hidden;
}

.addr-card-head {
    margin-bottom: 6px;
}

.addr-card-title {
    font-weight: 700;
    color: var(--purple);
}

.addr-sep {
    border: 0;
    height: 1px;
    background: rgba(73,42,75,.12);
    margin: 6px 0 10px;
}

.addr-lines p {
    margin: 0 0 8px;
    color: var(--ink);
    white-space: normal; /* olası nowrap'ları iptal et */
    overflow-wrap: anywhere; /* boşluk olmasa da kır */
    word-break: break-word; /* eski tarayıcılar için */
    hyphens: auto;
}

.addr-text {
    line-height: 1.45;
}

.addr-city {
    font-weight: 600;
    color: var(--purple);
}

.addr-phone {
    letter-spacing: .3px;
}

.addr-actions {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.addr-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 0;
    padding: 6px 0;
    color: #9a8aa1;
    cursor: pointer;
}

    .addr-link.danger:hover {
        color: #7a6a83;
    }

    .addr-link[disabled] {
        opacity: .55;
        cursor: default;
    }

.addr-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 999px;
    border: 0px solid var(--purple);
    color: var(--purple);
    text-decoration: none;
    font-weight: 600;
    background-color: white;
}

    .addr-btn:hover {
        color: var(--purple);
    }

.addr-changeBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 999px;
    border: 0px solid var(--purple);
    color: var(--purple);
    text-decoration: none;
    font-weight: 600;
    background-color: white;
}

    .addr-changeBtn:hover {
        color: #fff;
    }

.cp-card {
    max-width: 1100px;
    margin: 24px auto;
    background: #fff;
    border: 2px solid var(--beige);
    border-radius: 20px;
    padding: clamp(18px,3.5vw,40px);
}

.cp-label {
    color: var(--purple);
    font-weight: 700;
    margin-bottom: .5rem;
    display: inline-block;
}

.cp-field {
    position: relative;
}

.cp-input {
    background: #f7f7f7;
    border: 1px solid #eee;
    border-radius: 10px;
    height: 46px;
    padding-right: 44px; /* göz butonu için boşluk */
    box-shadow: none;
}

.cp-eye {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: var(--purple);
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
}

    .cp-eye:hover {
        background: #f1e9f2;
    }

.cp-submit {
    background: #FF9736;
    color: #fff;
    font-weight: 700;
    border-radius: 999px;
    padding: .7rem 2.2rem;
    border: 0;
}

    .cp-submit:hover {
        filter: brightness(.95);
    }

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 28px;
    margin: 20px;
}

/* Kart */
.rev-card {
    height:auto;
    position: relative;
    display: flex;
    gap: 18px;
    background: #fff;
    border: 2px solid var(--beige);
    border-radius: 18px;
    padding: 16px 18px;
}

/* Ürün görseli */
.rev-thumb {
    width: 150px;
    height: 150px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid #eee;
}

/* Başlık + kebab */
.rev-title-row {
    display: flex;
    align-items: start;
    gap: 12px;
}

.rev-title {
    color: var(--purple);
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    flex: 1 1 auto;
    overflow-wrap: anywhere;
}

.rev-kebab {
    border: 0;
    background: transparent;
    color: #9a7aa8;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    justify-items: flex-end;
}

    .rev-kebab:hover {
        background: #F4ECF7;
    }

/* Dropdown menu */
.rev-menu {
    position: absolute;
    top: 56px;
    right: 12px;
    min-width: 160px;
    background: #fff;
    border: 2px solid var(--beige);
    border-radius: 14px;
    padding: 6px 0;
    box-shadow: 0 10px 18px rgba(0,0,0,.06);
    display: none;
    z-index: 5;
}

    .rev-menu.show {
        display: block;
    }

.rev-menu-item {
    width: 100%;
    padding: 9px 14px;
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--purple);
    text-decoration: none;
    background: none;
    border: 0;
    text-align: left;
}

    .rev-menu-item:hover {
        background: #FFF1E6;
    }

/* Yıldızlar */
.rev-stars {
    margin: 8px 0 4px;
}

    .rev-stars .fa-star {
        color: #FF9736;
    }

/* Yorum */
.rev-text {
    margin: 0;
    color: #3f2b45;
}

/* Daha dar ekran */
@media (max-width: 576px) {
    .rev-thumb {
        width: 120px;
    }

    .reviews-grid  {
        grid-template-columns: 1fr;
        margin: 16px 12px;
    }
}

text-purple {
    color: #492A4B
}

.ph-title {
    color: #492A4B;
    font-weight: 800
}

.ph-price {
    font-size: 28px;
    font-weight: 800;
    margin: .25rem 0
}

.ph-stars .fa-star {
    color: #FF9733
}

.ph-gallery .ph-main {
    border: 2px solid #DDC1AC;
    border-radius: 16px;
    padding: 6px;
    background: #fff
}

    .ph-gallery .ph-main img {
        width: 100%;
        height: auto;
        border-radius: 12px;
        display: block
    }

.ph-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap
}

.ph-thumb {
    border: 2px solid #DDC1AC;
    background: #fff;
    border-radius: 12px;
    padding: 3px
}

    .ph-thumb.active {
        border-color: #FF9733
    }

    .ph-thumb img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 8px
    }

.qty {
    display: inline-flex;
    align-items: center;
    border-radius: 12px;
    overflow: hidden
}

    .qty input {
        width: 44px;
        text-align: center;
        border: 0;
        height: 36px
    }

.qbtn {
    width: 36px;
    height: 36px;
    border: 0;
    background: #fff
}

    .qbtn:active {
        background: #f5f5f5
    }

.ph-steps {
    list-style: none;
    padding-left: 0;
    margin: 0;
    border-left: 3px solid #e9ecef
}

    .ph-steps li {
        position: relative;
        padding: .5rem .5rem .5rem 1rem;
        margin-left: .5rem
    }

        .ph-steps li:before {
            content: "";
            position: absolute;
            left: -9px;
            top: 14px;
            width: 14px;
            height: 14px;
            border-radius: 50%
        }

        .ph-steps li.c1:before {
            background: #6fb6ff
        }

        .ph-steps li.c2:before {
            background: #8de1c2
        }

        .ph-steps li.c3:before {
            background: #ffdd75
        }

        .ph-steps li.c4:before {
            background: #ffa56b
        }

        .ph-steps li.c5:before {
            background: #ffb769
        }

        .ph-steps li.c6:before {
            background: #ffe07b
        }

        .ph-steps li.c7:before {
            background: #c7a4f7
        }

.pd-wrap {
    color: var(--purple);
}

.pd-title {
    font-family: Inter,system-ui;
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 2px;
}

.pd-sub {
    font-size: 12px;
    opacity: .75;
}

.price-now {
    font-weight: 800;
    font-size: 28px;
}

.price-old {
    text-decoration: line-through;
    opacity: .6;
    margin-left: 8px;
}

.badge-soft {
    background: #FFF0E1;
    color: var(--purple);
    border: 1px solid var(--b);
    border-radius: 12px;
    padding: .15rem .5rem;
}

/* Ana resim container - standart boyut için */
.mainimg-container {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    border: 2px solid var(--b);
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    position: relative;
}

    .mainimg-container:hover {
        transform: scale(1.02);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
        border-color: #FF9736;
    }

        .mainimg-container:hover .zoom-icon {
            background: rgba(255, 151, 54, 1) !important;
            transform: scale(1.1);
        }

.mainimg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
    display: block;
    transition: opacity 0.3s ease;
}
/* kapsayıcı ve oklar */
.t-pager {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    justify-content: center;
}

/* 5 hücrelik görünür alan */
.t-viewport {
    --cell: 78px; /* küçük resim kenarı */
    --gap: 8px; /* aralık */
    width: calc(var(--cell)*5 + var(--gap)*4);
    max-width: 100%;
    overflow: hidden;
}

/* tek satır! sarmayı kapat */
.t-track {
    display: flex;
    gap: var(--gap);
    flex-wrap: nowrap; /* <<< önemli */
}

/* küçük resim */
.t-thumb {
    width: var(--cell);
    height: var(--cell);
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #DDC1AC;
    flex: 0 0 auto;
    cursor: pointer;
    display: block;
    transition: all 0.3s ease;
    user-select: none;
    -webkit-user-select: none;
}

    .t-thumb:hover {
        border-color: #FF9736;
        transform: scale(1.05);
        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    }

    .t-thumb.active {
        border-color: #FF9736;
        border-width: 3px;
        box-shadow: 0 0 0 2px rgba(255, 151, 54, 0.2);
    }

/* oklar */
.t-nav {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #DDC1AC;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .t-nav:disabled {
        opacity: .4;
        cursor: default;
    }


.qty {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.details-cart-btn {
    background-color: #FF9736;
    color: #FFFFFF;
    border-radius: 30px;
    font-family: Inter;
    font-weight: 700;
    font-size: 17px;
    line-height: 100%;
    padding: 11px 17px;
}

.btn-circle {
    display: flex;
    justify-content: center;
    font-size: 25px;
    padding-bottom: 5px;
    text-align: center;
    color: #FF9736;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 0.5px solid #EBEBEB;
    background: #F8F8F8;
    align-items: center;
}

.details-action-btn {
    display: flex;
    justify-content: center;
    text-align: center;
    color: var(--purple);
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 0.5px solid #EBEBEB;
    background: #F8F8F8;
    align-items: center;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield; /* yeni tarayıcılar */
}

.qty input {
    width: 56px;
    text-align: center;
    border: 1px solid var(--b);
    border-radius: 8px;
    padding: 4px 0;
}

.btn-pill {
    border-radius: 999px;
    padding: .6rem 1.3rem;
}

.btn-outline {
    border: 1px solid var(--b);
    background: #fff;
    color: var(--purple);
}

.btn-primary-p {
    background: var(--purple);
    color: #fff;
}

.list-soft {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

    .list-soft li {
        margin: .35rem 0;
        color: #6c5a70;
    }

.step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

    .step .ico {
        min-width: 42px;
        height: 42px;
        border-radius: 999px;
        display: grid;
        place-items: center;
        color: #fff;
    }

    .step + .step {
        margin-top: 14px;
    }


.review-item {
    border-bottom: 1px dashed #EEDFD3;
    padding: 12px 0;
}

    .review-item:last-child {
        border-bottom: 0;
    }

.fa-star, .fa-star-half-stroke {
    color: var(--accent-raf)
}

.qa-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2,minmax(0,1fr));
}

@media (max-width: 991.98px) {
    .qa-grid {
        grid-template-columns: 1fr;
    }
}

.qa-card {
    border: 2px solid var(--b);
    border-radius: 20px;
    background: #fff;
    padding: 22px;
}

.qa-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.qa-q {
    font-weight: 700;
    font-size: 20px;
    color: var(--purple);
    margin: 0 0 8px;
}

.qa-date {
    font-size: 12px;
    opacity: .7;
}

.qa-kebab {
    width: 18px;
    height: 18px;
    position: relative;
    margin-top: 2px;
    opacity: .4;
}

    .qa-kebab:before, .qa-kebab:after, .qa-kebab i {
        content: "";
        width: 3px;
        height: 3px;
        background: #000;
        opacity: .35;
        border-radius: 999px;
        position: absolute;
        left: 7.5px;
    }

    .qa-kebab:before {
        top: 1px;
    }

    .qa-kebab i {
        top: 7.5px;
    }

    .qa-kebab:after {
        bottom: 1px;
    }

.qa-answer {
    margin-top: 14px;
    border: 2px solid #F0E1D5;
    background: #FFF6EF;
    border-radius: 16px;
    padding: 16px;
}

.qa-ans-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.qa-avatar {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #E8D9CC;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.qa-brand {
    font-weight: 700;
    color: var(--purple);
}

.qa-ans-meta {
    font-size: 12px;
    opacity: .65;
}


.pd-wrap {
    color: var(--purple);
}

.pd-title {
    font-family: Inter,system-ui;
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 2px;
}

.pd-sub {
    font-size: 12px;
    opacity: .75;
}

.price-now {
    font-weight: 800;
    font-size: 28px;
}

.price-old {
    text-decoration: line-through;
    opacity: .6;
    margin-left: 8px;
}

.badge-soft {
    background: #FFF0E1;
    color: var(--purple);
    border: 1px solid var(--b);
    border-radius: 12px;
    padding: .15rem .5rem;
}

/* Ana resim container - standart boyut için */
.mainimg-container {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    border: 2px solid var(--b);
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    position: relative;
}

    .mainimg-container:hover {
        transform: scale(1.02);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
        border-color: #FF9736;
    }

        .mainimg-container:hover .zoom-icon {
            background: rgba(255, 151, 54, 1) !important;
            transform: scale(1.1);
        }

.mainimg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
    display: block;
    transition: opacity 0.3s ease;
}

.thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

    .thumbs img {
        width: 78px;
        height: 78px;
        object-fit: cover;
        border-radius: 12px;
        border: 2px solid var(--b);
        cursor: pointer;
    }

        .thumbs img.active {
            outline: 3px solid var(--purple);
        }

.qty {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .qty input {
        width: 56px;
        text-align: center;
        border: 1px solid var(--b);
        border-radius: 8px;
        padding: 4px 0;
    }

.btn-pill {
    border-radius: 999px;
    padding: .6rem 1.3rem;
}

.btn-outline {
    border: 1px solid var(--b);
    background: #fff;
    color: var(--purple);
}

.btn-primary-p {
    background: var(--purple);
    color: #fff;
}

.list-soft {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

    .list-soft li {
        margin: .35rem 0;
        color: #6c5a70;
    }

.step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

    .step .ico {
        min-width: 42px;
        height: 42px;
        border-radius: 999px;
        display: grid;
        place-items: center;
        color: #fff;
    }

    .step + .step {
        margin-top: 14px;
    }

.tab-btn {
    border: 2px solid var(--border-passive);
    border-radius: 12px;
    padding: 0.55rem 5.2rem;
    background: #fff;
}

    .tab-btn.active {
        /*color: #FF9736;*/
    }

    .tab-btn[aria-selected="true"] {
        border-color: var(--accent-raf) !important;
        color: var(--accent-raf) !important; /* açık olan seçeneğin adı turuncu */
    }

.tab-pane {
    border: 2px solid var(--border-passive);
    border-radius: 14px;
    padding: 16px;
    background: #fff;
}

.review-item {
    border-bottom: 1px dashed #EEDFD3;
    padding: 12px 0;
}

    .review-item:last-child {
        border-bottom: 0;
    }

.fa-star, .fa-star-half-stroke {
    color: var(--acc);
}

.qa-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2,minmax(0,1fr));
}

@media (max-width: 991.98px) {
    .qa-grid {
        grid-template-columns: 1fr;
    }
}

.qa-card {
    border: 2px solid var(--b);
    border-radius: 20px;
    background: #fff;
    padding: 22px;
}

.qa-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.qa-q {
    font-weight: 700;
    font-size: 20px;
    color: var(--purple);
    margin: 0 0 8px;
}

.qa-date {
    font-size: 12px;
    opacity: .7;
}

.qa-kebab {
    width: 18px;
    height: 18px;
    position: relative;
    margin-top: 2px;
    opacity: .4;
}

    .qa-kebab:before, .qa-kebab:after, .qa-kebab i {
        content: "";
        width: 3px;
        height: 3px;
        background: #000;
        opacity: .35;
        border-radius: 999px;
        position: absolute;
        left: 7.5px;
    }

    .qa-kebab:before {
        top: 1px;
    }

    .qa-kebab i {
        top: 7.5px;
    }

    .qa-kebab:after {
        bottom: 1px;
    }

.qa-answer {
    margin-top: 14px;
    border: 2px solid #F0E1D5;
    background: #FFF6EF;
    border-radius: 16px;
    padding: 16px;
}

    .qa-answer.pending {
        border-color: var(--accent-raf) !important;
    }

        .qa-answer.pending .qa-ans-meta,
        .qa-answer.pending .qa-ans-body,
        .qa-answer .qa-ans-meta.is-unanswered {
            color: var(--accent-raf) !important;
        }

.qa-ans-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.qa-avatar {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #E8D9CC;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.qa-brand {
    font-weight: 700;
    color: var(--purple);
}

.qa-ans-meta {
    font-size: 12px;
    opacity: .65;
}
/* reuse styles from Login (kept here for self-containment) */
.auth-wrap {
    max-width: 980px;
    margin: 48px auto;
    padding: 0 16px
}

.auth-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 28px
}

@media(max-width:992px) {
    .auth-grid {
        grid-template-columns: 1fr
    }
}

.auth-hero {
    border: 3px solid #0e66ff22;
    border-radius: 20px;
    padding: 28px;
    background: #fff
}

    .auth-hero h1 {
        font-weight: 800;
        margin: 0 0 6px;
        color: #492A4B
    }

    .auth-hero p {
        margin: 0 0 18px;
        color: #7e6c7f
    }

.auth-bullets {
    list-style: none;
    padding: 0;
    margin: 14px 0 0
}

    .auth-bullets li {
        display: flex;
        gap: 10px;
        margin-bottom: 10px;
        color: #4b4b4b
    }

.auth-card {
    border: 3px solid #0e66ff22;
    border-radius: 20px;
    background: #fff;
    padding: 24px
}

.btn-raf {
    display: block;
    width: 100%;
    padding: 12px 14px;
    border: 0;
    border-radius: 12px;
    background: #F18F3B;
    color: #fff;
    font-weight: 700
}

    .btn-raf:hover {
        opacity: .95;
        color: #fff
    }

.sep {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 14px 0
}

    .sep::before, .sep::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #e8e8e8
    }

.google-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: #fff
}

    .google-btn img {
        width: 18px;
        height: 18px
    }

.small-link {
    text-align: center;
    margin-top: 10px
}

.form-label {
    font-weight: 600;
    color: #343434
}


.tab-links {
    display: flex;
    gap: 12px;
    margin-bottom: 16px
}

    .tab-links a {
        padding: 8px 14px;
        border: 2px solid #F18F3B;
        border-radius: 12px;
        color: #F18F3B;
        font-weight: 700;
        background: #fff
    }

        .tab-links a.active {
            background: #F18F3B;
            color: #fff
        }

.kvkk {
    font-size: .92rem;
    color: #505050
}

.fav-wrap {
    padding: 24px 0
}

.fav-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px
}

    .fav-head h2 {
        margin: 0;
        color: #492A4B;
        font-weight: 800
    }

.fav-hr {
    height: 1px;
    background: #eee;
    margin: 10px 0 18px
}

.fav-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 22px
}

@media(max-width:1200px) {
    .fav-grid {
        grid-template-columns: repeat(3,1fr)
    }
}

@media(max-width:768px) {
    .fav-grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media(max-width:480px) {
    .fav-grid {
        grid-template-columns: 1fr
    }
}

.fav-card {
    border: 1px solid #F18F3B55;
    border-radius: 14px;
    background: #fff;
    padding: 12px;
    box-shadow: 0 4px 14px rgba(0,0,0,.03)
}

.fav-thumb {
    width: 100%;
    aspect-ratio: 1/1.05;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    margin-bottom: 10px
}

.fav-name {
    min-height: 40px;
    text-align: center;
    color: #4b3d4c;
    font-weight: 700;
    margin: 6px 0 10px
}

.fav-actions {
    display: flex;
    justify-content: center
}

.btn-cart {
    padding: 8px 14px;
    border: 0;
    border-radius: 999px;
    background: #F18F3B;
    color: #fff;
    font-weight: 700
}

    .btn-cart:hover {
        opacity: .95;
        color: #fff
    }

.remove-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 999px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e05656
}

.fav-card-inner {
    position: relative
}

.empty {
    padding: 18px;
    color: #666
}

.tr-wrap {
    padding: 24px 0
}

.tr-title {
    color: #5a3e61;
    font-weight: 800;
    margin: 0 0 8px
}

.tr-date {
    margin: 22px 0 12px;
    font-weight: 800;
    color: #222
}

.tr-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 22px
}

@media(max-width:992px) {
    .tr-grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media(max-width:560px) {
    .tr-grid {
        grid-template-columns: 1fr
    }
}

.tr-card {
    border: 1px solid #F18F3B55;
    border-radius: 14px;
    background: #fff;
    padding: 12px;
    box-shadow: 0 4px 14px rgba(0,0,0,.03)
}

.tr-thumb {
    width: 100%;
    aspect-ratio: 1/1.05;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    margin-bottom: 10px
}

.tr-name {
    min-height: 40px;
    text-align: center;
    color: #4b3d4c;
    font-weight: 800;
    margin: 6px 0 6px
}

.tr-note {
    text-align: center;
    color: #80698b;
    font-size: .92rem;
    min-height: 18px
}

.tr-actions {
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.btn-cart {
    padding: 8px 14px;
    border: 0;
    border-radius: 999px;
    background: #F18F3B;
    color: #fff;
    font-weight: 700
}

    .btn-cart:hover {
        opacity: .95;
        color: #fff
    }

.sep {
    height: 1px;
    background: #eee;
    margin: 12px 0 6px
}

.sc-wrap {
    padding: 24px 0
}

.sc-head {
    border: 2px solid #4f3a55;
    border-radius: 14px;
    padding: 14px 18px;
    color: #4f3a55;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 18px
}

.sc-grid {
    display: grid;
    grid-template-columns: repeat(3, 320px);
    gap: 22px
}

@media(max-width:1100px) {
    .sc-grid {
        grid-template-columns: repeat(2, 320px)
    }
}

@media(max-width:720px) {
    .sc-grid {
        grid-template-columns: 1fr
    }
}

.sc-card {
    width: 320px;
    max-width: 100%;
    background: #fff;
    border: 1px solid #E7D7EA;
    border-radius: 14px;
    padding: 12px;
    box-shadow: 0 4px 14px rgba(0,0,0,.03)
}

.sc-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #6a5a6c;
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee
}

.sc-title-text {
    color: #4f3a55
}

.badge-default {
    font-size: .8rem;
    padding: 3px 8px;
    border: 1px solid #c8b3ce;
    border-radius: 999px;
    color: #4f3a55;
    background: #fbf7fd
}

.badge-default {
    font-size: .8rem;
    padding: 3px 8px;
    border: 1px solid #c8b3ce;
    border-radius: 999px;
    color: #4f3a55;
    background: #fbf7fd
}

.sc-body {
    padding-top: 8px;
    color: #222
}

.sc-line {
    margin-bottom: 8px;
    white-space: pre-line
}

.sc-brand {
    font-weight: 700;
    color: #4b3d4c
}

.sc-meta {
    color: #7a6c7e
}

.sc-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px
}

.btn-outline {
    border: 1px solid #E0E0E0;
    background: #fff;
    color: #6c6c6c;
    border-radius: 10px;
    padding: 7px 12px
}

    .btn-outline i {
        margin-right: 6px
    }

.btn-edit {
    border: 1px solid #cdbed2;
    background: #fff;
    color: #4f3a55;
    border-radius: 10px;
    padding: 7px 12px;
    font-weight: 700
}

.btn-make-default {
    margin-right: 8px;
    border: 1px solid #f1c79e;
    color: #a46426;
    background: #fff6ee;
    border-radius: 10px;
    padding: 7px 12px;
    font-weight: 700
}

.msg-shell {
    border: 2px solid #e7dfeb;
    border-radius: 18px;
    padding: 18px
}

.msg-title {
    font-weight: 800;
    color: #4d3554;
    margin: 0 0 12px
}

.msg-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 16px
}

@media(max-width:900px) {
    .msg-layout {
        grid-template-columns: 1fr
    }
}
/* left list */
.msg-list {
    border-right: 1px solid #eee
}

@media(max-width:900px) {
    .msg-list {
        border-right: 0;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px
    }
}

.msg-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    color: #3a2f3c
}

    .msg-item:hover {
        background: #faf6fb
    }

    .msg-item.active {
        background: #fbf4ff;
        border: 1px solid #ead9f1
    }

.msg-date {
    color: #8f8a93;
    font-size: .92rem
}
/* right content */
.msg-bubble {
    display: flex;
    gap: 14px;
    margin: 6px 0 16px
}

.msg-logo {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    overflow: hidden; /* <-- taşmayı kes */
}

    .msg-logo img {
        width: 100%;
        height: 100%; /* <-- kutuya sığdır */
        object-fit: contain; /* oranı koru, içeri sığdır */
        display: block;
    }

.msg-text {
    flex: 1;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 14px 16px;
    color: #343434;
    box-shadow: 0 6px 14px rgba(0,0,0,.04)
}
/* product grid */
.p-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 18px;
    margin-top: 10px
}

@media(max-width:1100px) {
    .p-grid {
        grid-template-columns: repeat(3,1fr)
    }
}

@media(max-width:760px) {
    .p-grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media(max-width:520px) {
    .p-grid {
        grid-template-columns: 1fr
    }
}

.p-card {
    border: 1px solid #F18F3B55;
    border-radius: 14px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(0,0,0,.03)
}

.p-img {
    width: 100%;
    aspect-ratio: 1/1.05;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 8px
}

.p-name {
    text-align: center;
    font-weight: 700;
    color: #4b3d4c;
    min-height: 36px
}

.p-price {
    text-align: center;
    color: #6a5b6b;
    margin: 2px 0 6px
}

.p-actions {
    display: flex;
    justify-content: center;
    gap: 8px
}

.btn-round {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid #e0e0e0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.ty-container {
    justify-items: center;
    max-width: 1100px;
    margin: 40px auto;
    padding: 24px;
    position: relative;
    text-align: center;
}

.ty-card {
    position: relative;
    background: #fff;
    border: 4px solid #4c2a4e;
    border-radius: 28px;
    padding: clamp(24px,4vw,48px);
    text-align: center;
    box-shadow: 0 10px 30px rgba(76,42,78,.08);
}

.ty-illus {
    margin-top: 6px;
    margin-bottom: 10px;
}

.ty-title {
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-weight: 800;
    letter-spacing: .02em;
    color: #4c2a4e;
    margin: 6px 0 12px;
    font-size: clamp(22px,3.5vw,40px);
}

.ty-subtitle {
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-weight: 700;
    color: #4c2a4e;
    margin: 0 0 12px;
    font-size: clamp(18px,2.5vw,28px);
}

.ty-text {
    color: #4c2a4e;
    opacity: .85;
    line-height: 1.6;
    font-size: clamp(14px,1.6vw,18px);
    max-width: 900px;
    margin: 0 auto 28px;
}

.ty-btn {
    margin-top: 20px;
    display: inline-block;
    padding: 14px 28px;
    border-radius: 999px;
    background: #4c2a4e;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    transition: transform .05s ease, box-shadow .2s ease, background .2s ease;
    box-shadow: 0 6px 16px rgba(76,42,78,.25);
}

    .ty-btn:hover {
        background: #5a3660;
        transform: translateY(-1px);
        text-decoration: none;
        color: white;
    }

    .ty-btn:active {
        transform: translateY(0);
        box-shadow: 0 3px 10px rgba(76,42,78,.25);
    }

/* Dekoratif ögeler */
.ty-decor {
    position: absolute;
    z-index: 0;
    user-select: none;
}

.ty-decor-flower {
    left: -6px;
    top: -6px;
    font-size: 34px;
    background: #fff;
    width: 56px;
    height: 56px;
    border: 4px solid #4c2a4e;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(76,42,78,.08);
}

.ty-decor-cloud {
    right: 24px;
    top: -12px;
    width: 64px;
    height: 34px;
    background: radial-gradient(circle at 20% 60%, #e9e8f6 0, #e9e8f6 60%, transparent 61%), radial-gradient(circle at 55% 40%, #e9e8f6 0, #e9e8f6 60%, transparent 61%), radial-gradient(circle at 80% 65%, #e9e8f6 0, #e9e8f6 60%, transparent 61%);
    filter: drop-shadow(0 6px 12px rgba(0,0,0,.05));
}

.ty-decor-sun {
    right: -8px;
    bottom: -14px;
    font-size: 36px;
    background: #fff;
    border-radius: 50%;
    padding: 6px 8px;
    box-shadow: 0 6px 16px rgba(255,165,0,.18);
    border: 3px solid rgba(255,165,0,.35);
}

/* Küçük ekranlar */
@media (max-width: 576px) {
    .ty-container {
        margin: 20px auto;
        padding: 12px;
    }

    .ty-decor-flower {
        left: -2px;
        top: -2px;
        transform: scale(.9);
    }

    .ty-decor-sun {
        right: -4px;
        bottom: -8px;
        transform: scale(.9);
    }
}
/* başlık kapsayıcı */
.order-wrap {
    background: #fff9f6;
}

.order-title {
    background: #fff;
    border: 2px solid var(--brand);
    border-radius: 24px;
    padding: 14px 18px;
    color: var(--brand);
}

    .order-title h1 {
        font-size: 24px;
        font-weight: 800;
        margin: 0
    }

/* özet */
.order-summary {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    position: relative
}

.os-head {
    font-size: 12px;
    color: #8a8a8a
}

.os-val {
    font-weight: 700;
    color: #2f2f2f
}

.ship-link {
    position: absolute;
    right: 16px;
    top: 10px;
    font-weight: 700;
    color: var(--brand);
    text-decoration: none;
}

    .ship-link:hover {
        text-decoration: underline
    }

/* satıcı */
.seller {
    color: #2f2f2f
}

/* ürün kartı */
.product-card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 14px
}

    .product-card .img-main {
        width: 100%;
        height: auto;
        border: 2px solid var(--brand);
        border-radius: 16px;
        display: block;
    }

.thumbs img {
    width: 66px;
    height: 66px;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid var(--brand);
    margin-right: 8px;
}

.p-title {
    color: var(--brand);
    font-weight: 800;
    margin-bottom: 4px
}

.p-sub {
    color: #5e5e5e
}

.p-price {
    color: #4b2a4e;
    font-weight: 800;
    font-size: 20px
}

.p-stars {
    color: #f4aa13;
    font-size: 14px
}

    .p-stars span {
        color: #7b7b7b
    }

.p-q-count {
    color: #a04b7c;
    text-decoration: none
}

    .p-q-count:hover {
        text-decoration: underline
    }

.dim {
    color: #9a9a9a
}

/* sağ kutular */
.info-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px
}

    .info-card .card-header {
        background: linear-gradient(#faf7fb, #f6eff7);
        color: var(--brand);
        font-weight: 700;
        border-bottom: 1px solid var(--line);
    }

    .info-card .card-body {
        color: #2f2f2f
    }

/* responsive ufak dokunuşlar */
@media (max-width: 576px) {
    .order-title {
        border-radius: 16px
    }

    .ship-link {
        position: static;
        display: inline-block;
        margin-top: 8px
    }
}

.order-wrap {
    background: #fff9f6;
}

.order-title {
    background: #fff;
    border: 2px solid var(--brand);
    border-radius: 24px;
    padding: 14px 18px;
    color: var(--brand);
}

    .order-title h1 {
        font-size: 24px;
        font-weight: 800;
        margin: 0
    }

.order-summary {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
}

.os-head {
    font-size: 12px;
    color: #8a8a8a
}

.os-val {
    font-weight: 700;
    color: #2f2f2f
}

.ship-link {
    position: absolute;
    right: 16px;
    top: 10px;
    font-weight: 700;
    color: var(--brand);
    text-decoration: none;
}

    .ship-link:hover {
        text-decoration: underline
    }

.seller {
    color: #2f2f2f
}

.product-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px
}

    .product-card .img-main {
        width: 100%;
        height: auto;
        border: 2px solid var(--brand);
        border-radius: 16px;
        display: block;
    }

.p-title {
    color: var(--brand);
    font-weight: 800;
    margin-bottom: 4px
}

.p-sub {
    color: #5e5e5e
}

.p-price {
    color: #4b2a4e;
    font-weight: 800;
    font-size: 20px
}

.dim {
    color: #9a9a9a
}

.info-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px
}

    .info-card .card-header {
        background: linear-gradient(#faf7fb, #f6eff7);
        color: var(--brand);
        font-weight: 700;
        border-bottom: 1px solid var(--line);
    }

@media (max-width:576px) {
    .order-title {
        border-radius: 16px
    }

    .ship-link {
        position: static;
        display: inline-block;
        margin-top: 8px
    }
}

.process-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #492A4B;
}

@media (max-width:576px) {
    .process-title {
        font-size: 28px;
        border-radius: 16px;
    }
}

.products-header {
    margin-bottom: 80px;
}

@media (max-width:700px) {
    .products-header {
        margin-bottom: 50px;
    }
}
/* bölüm ve güvenli kenar boşlukları */
.products-sec {
    background: #fff9f6;
}

.products-wrap {
    max-width: 1160px;
    margin: 0 auto;
    padding: clamp(16px,4vw,48px) clamp(16px,5vw,28px); /* soldan/sağdan boşluklar */
}

/* başlık */
.products-title {
    text-align: center;
    color: #4b2a4e;
    font-weight: 600;
    font-size: clamp(28px,6vw,56px);
    line-height: 1.05;
    margin: 0 0 clamp(16px,4vw,28px);
}

/* grid: xs=1, md=2, lg=3 */
.products-grid {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: clamp(14px,3.5vw,28px);
    grid-template-columns: 1fr;
}

@media (min-width:640px) {
    .products-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (min-width:992px) {
    .products-grid {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}

/* kart */
.product-card {
    background: #fff;
    border: 2px solid #ddc1ac;
    border-radius: 18px;
}

/* görsel alanı — sabit oran + blur */
.p-img {
    margin: 0 0 10px;
    overflow: hidden;
    border-radius: 12px;
    aspect-ratio: 4/3;
}

    .p-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: blur(6px) opacity(.65);
    }

/* yazı */
.p-caption {
    text-align: center;
    color: #1c2430;
    font-weight: 700;
    font-size: clamp(16px,3.6vw,22px);
    line-height: 1.25;
}

/* mobilde çerçeveyi incelt */
@media (max-width:576px) {
    .product-card {
        border-width: 1.5px;
        border-radius: 16px;
    }
}
/* --- Yorumlar kaydırmalı --- */
.reviews-carousel {
    background: #FEF4EA;
    padding: 32px 0 50px;
    color: #492A4B;
}

    .reviews-carousel .container {
        position: relative;
    }

.rc-title {
    text-align: center;
    font-family: Inter,sans-serif;
    font-weight: 600;
    font-size: clamp(22px, 4.5vw, 40px);
    line-height: 1;
    margin: 0 0 8px;
    color: #492A4B;
}

.rc-sub {
    text-align: center;
    font-family: Inter,sans-serif;
    font-weight: 500;
    font-size: clamp(13px, 2.5vw, 15px);
    margin: 0 0 8px;
    color: #492A4B;
    opacity: .9;
}

/* şerit */
.reviews-carousel .rc-viewport {
    position: relative;
    overflow:visible;
}

.reviews-carousel .track {
    display: flex;
    gap: 16px;
    overflow-x: visible;
    scroll-snap-type: x mandatory;
    padding: 8px 2px 10px;
    margin: 0;
    list-style: none;
    margin-left: 25px;
}

    .reviews-carousel .track::-webkit-scrollbar {
        display: none;
    }

.reviews-carousel .slide {
    scroll-snap-align: start;
    flex: 0 0 calc((100% - 60px) / 3); /* desktop: 3 kart */
}

@media (max-width: 991.98px) {
    .reviews-carousel .slide {
        flex: 0 0 90%;
    }

    .review-btn {
        display: none !important;
    }
    /* mobil: 1 kart */
}

/* kart */
.rcard {
    background: #fff;
    border: 2px solid #492A4B7D;
    border-radius: 20px;
    padding: 18px;
    height: 220px; /* KUTU SABİT */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #492A4B;
    position: relative;
}

    /* Sol üst köşe */
    .rcard::before {
        content: "";
        position: absolute;
        width: 41px;
        height: 41px;
        background: #8AE7F8;
        border-radius: 50%;
        top: 0;
        left: 0;
        transform: translate(-40%, -40%);
    }

    /* Sağ alt köşe */
    .rcard::after {
        content: "";
        position: absolute;
        width: 22px;
        height: 22px;
        background: #8AE7F8;
        border-radius: 50%;
        bottom: 0;
        right: 0;
        transform: translate(40%, 40%);
    }

/* metin sığdırma alanı */
.qwrap {
    flex: 1 1 auto; /* kalan dikey alan */
    overflow: hidden; /* taşma yok, JS fontu küçültür */
}

/* alıntı */
.rcard-quote {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    word-break: break-word;
    overflow-wrap: anywhere;
    margin-top: 27px;
    margin-left: 12px;
}

/* yazar */
.rcard-author {
    font-family: Inter,sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    margin: 10px 0 0;
    text-align: right;
}

/* oklar — mevcut .nav stilinle uyumlu */
.reviews-carousel .nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 2px solid #DDC1AC;
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
    cursor: pointer;
    color: #492A4B;
    font-size: 24px;
    line-height: 1;
}

.reviews-carousel .prev {
    left: -12px;
    z-index:30;
}

.reviews-carousel .next {
    right: -12px;
    z-index: 30;
}

.reviews-carousel .nav:disabled {
    opacity: .4;
    cursor: default;
}

@media (max-width:576px) {
    .reviews-carousel .prev {
        left: -6px
    }

    .reviews-carousel .next {
        right: -6px
    }
}

.test-box {
    margin-left: 20px;
    margin-right: 20px;
    width: 100%;
}

/* Test/Index yaş seçim butonları - Formu Doldur ile uyumlu */
.age-select-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 16px;
    padding: 8px 14px;
    background-color: white;
    color: #492A4B;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    border: 2px solid #492A4B;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.age-select-btn input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.age-select-btn:has(input:checked) {
    background-color: #492A4B;
    color: white;
    border: 2px solid #492A4B;
}

@media (max-width:980px) {
    .test-box {
        width: 90%;
    }
}

/* Kart / yerleşim */
.test-card {
    padding-top: 20px;
    margin: 16px auto;
    padding: 8px 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Soru başlığı */
.test-question {
    display: block;
    font-weight: 700;
    font-size: 1.125rem; /* ~18px */
    color: #492A4B;
    margin-bottom: 5px;
}

.test-description {
    font-size: 14px;
    color: #492A4B;
}

/* Kısa cevap kutusu (çizgisiz, sade) */
.test-short-answer {
    width: 100%;
    border: none;
    outline: none;
    padding: 6px 0;
    font-size: 1.05rem;
    background: transparent;
    color: #2b2b2b;
}

/* Noktalı alt çizgi (her zaman görünsün) */
.test-dotted-underline {
    display: block;
    border-bottom: 2px dotted #bdbdbd;
    margin-top: 4px;
}

/* Fokus durumunda renk vurgusu */
.test-short-answer:focus + .test-dotted-underline {
    border-bottom-color: #7a4d7d; /* morun açık tonu */
}

/* Küçük ekranlar için ufak ayar */
@media (max-width: 480px) {
    .test-question {
        font-size: 1rem;
    }

    .test-description {
        font-size: 12px;
    }
}

.test_submit {
    max-width: 250px;
    height: 50px;
    margin-top: 30px;
    align-items: center;
    border: 3px solid #492A4B;
    border-radius: 30px;
    background-color: #492A4B;
    color: white;
    font-family: Inter;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
}

@media (max-width: 767.98px) {
    .test_submit {
        max-width: 200px;
        height: 40px;
        border: 3px solid #492A4B;
        border-radius: 30px;
        font-weight: 400;
        font-size: 16px;
    }
}


.test-short-answer:placeholder-shown + .test-dotted-underline {
    border-bottom-color: #bdbdbd; /* istersen dotted kalınlığını da burada ver */
    display: block;
}

/* Yazı yazılınca (placeholder görünmüyor) noktalar kaybolsun */
.test-short-answer:not(:placeholder-shown) + .test-dotted-underline {
    display: none;
}
/* Hafif Google Forms stili */
.consent-wrap {
    margin: 70px auto 40px;
    color: #4a2a4b; /* mor ton */
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.consent-label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    line-height: 1.5;
    font-size: 16px;
}

    .consent-label input[type="checkbox"] {
        width: 22px;
        height: 22px;
        margin-top: 2px;
        accent-color: #7a4d7d; /* modern tarayıcılar */
    }

.consent-note {
    margin: 14px 0 0 34px; /* checkbox’a hizalı */
    color: #5c4860;
    font-size: 15px;
}

#testSubmitBtn[disabled] {
    opacity: .6;
    pointer-events: none;
}

:root {
    --card-radius: 28px;
    --card-padding: 12px;
    --accent: #492A4B; /* mor başlık */
    --tan: #D6BDAA; /* dış çerçeve/bej */
    --text: #2c2c2c;
    --muted: #6f5f73;
    --shadow: 0 10px 24px rgba(0,0,0,.08);
}

.product-header {
    font-family: Inter;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #492A4B;
}

.product-card {
    padding: clamp(12px,2.4vw,18px);
    background: #fff;
    border: 3px solid var(--tan);
    border-radius: var(--card-radius);
    overflow: hidden; /* üst görsel köşeleri düzgün */
    margin: 24px auto;
    width: 100%;
    margin: 0;
}


/* Üst görsel alanı */
.product-media {
    padding: 8px; /* içteki yuvarlatma için boşluk */
    padding-bottom: 0;
    border-top-left-radius: calc(var(--card-radius) - 2px);
    border-top-right-radius: calc(var(--card-radius) - 2px);
}

    .product-media img {
        display: block;
        width: 100%;
        object-fit: cover;
        border-radius: 18px;
    }

/* Metinler */
.product-body {
    padding: var(--card-padding);
    padding-top: 14px;
}

.product-title {
    margin: 8px 0 6px;
    font-size: clamp(20px, 3.8vw, 28px);
    line-height: 1.2;
    color: var(--accent);
    font-weight: 800;
    text-align: center;
}

    .product-title a {
        text-decoration: none;
        color: inherit;
    }

        .product-title a:hover {
            text-decoration: none;
        }

.product-price {
    margin: 0px;
    text-align: center;
    color: var(--muted);
    font-size: clamp(16px, 3.2vw, 20px);
    font-weight: 600;
}

/* Alt aksiyonlar */
.product-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0px;
}

.icon-btn {
    width: 54px;
    height: 54px;
    border-radius: 999px;
    background: transparent;
    border: 3px solid var(--tan);
    color: var(--accent);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: transform .08s ease, background .2s ease, border-color .2s ease;
}

    .icon-btn:hover {
        transform: translateY(-1px);
    }

    .icon-btn:active {
        transform: translateY(0);
    }

    /* Favori: tıklanınca içi dolsun (küçük JS ile toggle’lanır) */
    .icon-btn.wish.active {
        background: #f8eef0;
        border-color: #e3c9d3;
    }

        .icon-btn.wish.active svg path {
            fill: currentColor; /* kalp içi dolu */
        }



/* Mobil: Bootstrap xs (<576px) için boyut/padding ayarları */
@media (max-width: 575.98px) {
    .product-header {
        font-family: Inter;
        font-weight: 500;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #492A4B;
    }

    .product-card {
        padding: clamp(6px,1.2vw,9px);
        border-width: 1.7px;
        border-radius: 22px;
    }

    .product-media {
        padding: 10px;
        padding-bottom: 0;
    }

        .product-media img {
            border-radius: 14px;
            object-fit: cover;
        }

    .product-body {
        padding: 12px; /* iç boşluk küçülsün */
        padding-top: 10px;
    }

    .product-title {
        margin: 6px 0 4px;
        font-size: 17px; /* başlık küçülsün */
        line-height: 1.25;
    }

    .product-price {
        margin: 0 0 10px;
        font-size: 14px; /* fiyat küçülsün */
    }

    .product-actions {
        margin-top: 4px;
    }

    .icon-btn {
        width: 36px; /* ikon butonları küçülsün */
        height: 36px;
        border-width: 1.7px;
    }
        /* Hem SVG hem Font Awesome ikonları ölçeklensin */
        .icon-btn svg {
            width: 14px;
            height: 14px;
        }

        .icon-btn i {
            font-size: 14px;
            line-height: 1;
        }
}

/* Küçük tabletler (≥576 <768) için biraz daha büyük boyutlar istersen: */
@media (min-width:576px) and (max-width:767.98px) {
    .product-header {
        font-family: Inter;
        font-weight: 600;
        font-size: 35px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #492A4B;
    }

    .product-card {
        padding: clamp(8px,1.6vw,12px);
        border-width: 2.4px;
    }

    .product-title {
        font-size: 19px;
    }

    .product-price {
        font-size: 15px;
    }

    .icon-btn {
        width: 40px;
        height: 40px;
        border-width: 2.4px;
    }

        .icon-btn svg {
            width: 16px;
            height: 16px;
        }

        .icon-btn i {
            font-size: 16px;
        }
}
/* İş Birlikçilerimiz */

/*.coop-header {
    font-family: Inter;
    font-weight: 700;
    font-size: 35px;
    line-height: 50px;
    letter-spacing: 0%;
    text-align: center;
    color: #492A4B;
}
.coop-cards {
    margin-top:40px;
    padding-left:60px;
    padding-right:60px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}*/

/* Kart */
/*.coop-card {
    justify-items: center;

}*/

/* Logo */
/*.coop-card img {
        width:80%;
        height:80%;
        object-fit:contain;
        display: block;
        border-radius: 10px;*/ /* istersen 0 yap */
/*}*/

/* Responsive kırılımlar */
/*@media (max-width: 991.98px) {*/ /* tablet */

/*}

@media (max-width: 575.98px) {*/ /* mobil */

/*}*/
.hero-video {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 16px; /* isteğe bağlı */
    box-shadow: 0 8px 24px rgba(0,0,0,.08); /* isteğe bağlı */
    background: #FFF7F2;
}

@media (max-width: 991.98px) {
    .video-column {
        margin-top: 30px;
    }
}

.profile-name {
    color: #4d2955;
    max-width: 100%;
    font-size: 30px;
}

@media(max-width:700px) {
    .profile-name {
        color: #4d2955;
        max-width: 100%;
        font-size: 20px;
    }
}

/* Figür koyacağın her bölüm */
.decor-section {
    position: relative; /* içinde absolute kullanalım diye */
    overflow: hidden; /* taşan kısımlar hafif dışarı taşısın istiyorsan bunu kaldırabilirsin */
}

/* Figürün kendisi */
.decor-fig {
    position: absolute;
    z-index: 0; /* içerikten geride, arka plan renginin üzerinde */
    pointer-events: none; /* tıklamaları engellemesin */
    opacity: 0.5; /* istersen arttır/azalt */
    width: 90px; /* temel genişlik */
    max-width: 18vw; /* ekranda orantılı küçülsün */
}

/* Figürler dışında kalan her şey içeriğin üstünde kalsın */
.decor-section > *:not(.decor-fig) {
    position: relative;
    z-index: 1;
}

/* Basit mobil ayarı – sonra beraber detaylandırırız */
@media (max-width: 768px) {
    .decor-fig {
        width: 60px;
        opacity: 0.35;
    }
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
body > .container {
    padding: 60px 15px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}


@media (max-width: 991.98px) {
    /* mobilde menü ile ikonlar arasında çizgi */
    #mainNav .navbar-nav + .navbar-nav {
        margin-left: 4px;
        border-top: 1px solid #f0e6df;
        margin-top: .5rem;
        padding-top: .5rem;
    }
}

@media (max-width: 500px) {
    .navbar-menu {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 20px;
    }

    .navbar-brand {
        margin-left: 10px;
    }
}

.nav-link {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    padding: 0 15px;
    color: #492A4B; /* Normalde siyah */
}

    .nav-link:hover {
        color: #F68326; /* Hover rengi */
    }

:root {
    --purple: #492A4B;
    --beige: #DDC1AC;
    --line: #E8E2EA;
    --soft: #F8F3F1;
    --radius: 18px;
    --gap: 16px;
    --border: #DDC1AC;
    --text: #492A4B;
    --accent-raf: #FF9736; /* istenen turuncu */
    --border-passive: #E1C8B5; /* pasif kenarlık */
}

.site-footer {
    position: static;
    background: #FFF8F3;
    color: var(--purple);
}

.footer-logo {
    width: 220px;
    max-width: 100%;
    height: auto;
}

.footer-desc {
    font-family: Inter, system-ui, sans-serif;
    font-size: 15px;
    color: #492A4B80;
    margin-bottom:8px;
}
.safe-boxes {
    display: flex;
    gap: 12px; /* kutular arası boşluk */
}

.safe-box {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    border: 2px solid #e2c9b6; /* pastel kahve çerçeve */
    background-color: white;
}
.feature-row {
    margin-top: 40px;
}

.feature-box {
    padding: 20px;
    border-right: 1px solid #00000020;
}

    .feature-box:last-child {
        border-right: none;
    }

/* Mobil görünümde çizgileri kaldır */
@media(max-width: 768px) {
    .feature-box {
        border-right: none;
        border-bottom: 1px solid #00000020;
    }

        .feature-box:last-child {
            border-bottom: none;
        }
}

.feature-inner {
    display: flex;
    gap: 15px;
}

.feature-title {
    font-family: 'Itim', cursive;
    font-size: 22px;
    font-weight: 400;
    color: #492A4B;
    margin-bottom: 4px;
}

.feature-desc {
    font-family: 'Itim', cursive;
    font-size: 15px;
    color: #492A4B80;
    margin: 0;
    max-width: 200px;
}

.feature-icon {
    color: #492A4B;
}

/* Başlık ve yuvarlak ikonlar */
.footer-title {
    font-family: Itim, cursive;
    font-size: 22px;
    color: var(--purple);
}

.icon-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 3px solid currentColor;
    font-size: 18px;
}

.icon-green {
    background: #E1F1E6;
    color: #3A9B58;
}

.icon-red {
    background: #FDE9E9;
    color: #E03B52;
}

.icon-orange {
    background: #FFEBD6;
    color: #F28500;
}

@media (max-width: 767.98px) {
    .icon-circle {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .footer-title {
        font-family: Itim, cursive;
        font-size: 18px;
        color: var(--purple);
    }
}
/* Arama barı görünümü */
.searchbar-wrap {
    background: rgba(255,255,255,.95);
    backdrop-filter: saturate(140%) blur(4px);
    -webkit-backdrop-filter: saturate(140%) blur(4px);
}

.search-btn {
    background-color: #492A4B;
    color: white;
    border-radius: 21px;
}

    .search-btn:hover {
        background-color: #492A4B;
        color: white;
    }

/* Mobil üst sıra ikonları biraz hizala */
@media (max-width: 991.98px) {
    .navbar .nav-link i {
        font-size: 1.1rem;
    }

    .navbar .navbar-toggler {
        border: none;
        outline: none;
        box-shadow: none;
    }

    .navbar .navbar-toggler:focus,
    .navbar .navbar-toggler:active {
        outline: none;
        box-shadow: none;
    }

    /* Menü açıkken hamburger çizgileri mor ve daha kalın */
    .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23492A4B' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
}

/* Telefon / mail için yumuşak pill */
.pill {
    display: inline-block;
    padding: .45rem .9rem;
    background: #fff;
    border: 1px solid var(--beige);
    border-radius: 999px;
    font-family: Itim, cursive;
    font-size: 14px;
    color: var(--purple);
}

/* Sosyal ikonlar */
.socials {
    display: flex;
    gap: .6rem;
}

    .socials a {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        color: var(--purple);
        border: 1px solid var(--beige);
        text-decoration: none;
    }

        .socials a:hover {
            filter: brightness(.95);
        }

/* Alt çizgi */
.footer-bottom {
    border-top: 1px solid #EDDCD0;
    text-align: center;
    color: #6b5a70;
}

/* Küçük ekranda aralıklar */
@media (max-width: 576px) {
    .footer-logo {
        width: 160px;
    }
}

.noto-v1--sunflower {
    z-index: 2;
    display: inline-block;
    max-width: 80px;
    max-height: 80px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%23bdcf46' d='M82.09 96.56c4.06.57 10.51 3.54 12.74 6.9c.27.42.83 1.04.84 1.5c.02.76-.67 1.28-1.18 1.74c-7.35 6.64-20.37 8.48-27.26 1.91c-.96-.92-.14-2.17.27-3.25c1.67-4.31 5.83-7.81 10.37-8.7c1.42-.28 2.84-.29 4.22-.1m-34.56 3.37c-4.08-.39-11.05 1-14 3.75c-.36.34-1.05.82-1.17 1.27c-.2.73.35 1.4.75 1.97c5.61 8.16 17.84 12.99 26.07 8.19c1.15-.67.65-2.08.49-3.23c-.62-4.58-3.86-8.96-8.06-10.87c-1.32-.6-2.69-.95-4.08-1.08'/%3E%3Cdefs%3E%3Cpath id='notoV1Sunflower0' d='M0 0v135.01h128V0zm76.86 67.88c-9.12 4.6-22.2 4.79-30.38-2.26c-8.84-7.6-11.98-19.9-5.45-30.32c.81-1.3 1.63-2.63 2.53-3.86c2.47-3.36 6.12-5.95 10-7.12q.39-.12.78-.21c1.18-.3 2.38-.54 3.58-.84c3.25-.83 6.65-.48 9.93-.1c3.8.44 8.53 2.75 11.61 5.11c12.41 9.49 11.39 32.55-2.6 39.6'/%3E%3C/defs%3E%3CclipPath id='notoV1Sunflower1'%3E%3Cuse href='%23notoV1Sunflower0'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23notoV1Sunflower1)'%3E%3Cpath fill='%23757f3f' d='M65.93 121.18c-.14.49-.31.98-.5 1.45c-.35.87-.69 1.75-1.06 2.62c-.31.72-.63 1.6-1.44 1.91c-1.02.39-2.31.21-3.32-.08c-4.24-1.24-3.12-5.32-2.06-8.29c2.14-6.06 2.95-19.19 3.39-25.53c.46-6.55-.26-13.43-.26-19.99c0-.13.01-2.79-.09-2.79h8.36v3.07c0 4.75.01 9.5-.09 14.24c-.21 8.77-.4 24.87-2.93 33.39'/%3E%3C/g%3E%3Cpath fill='%23865a3d' d='M76.86 67.88c-9.12 4.6-22.2 4.79-30.38-2.26c-8.84-7.6-11.98-19.9-5.45-30.32c.81-1.3 1.63-2.63 2.53-3.86c2.47-3.36 6.12-5.95 10-7.12q.39-.12.78-.21c1.18-.3 2.38-.54 3.58-.84c3.25-.83 6.65-.48 9.93-.1c3.8.44 8.53 2.75 11.61 5.11c12.41 9.49 11.39 32.55-2.6 39.6'/%3E%3Cpath fill='%23fcc21b' d='M112.71 47.91c-4.19-5.49-6.43-3.94-12.06-4.23c-1.06-.06-9.54.53-9.68-.86c-.15-1.48 8.17-3.82 9.29-4.26c3.44-1.37 6.27-2.5 7.72-5.65c.35-.75.8-2.69.1-4.98c-.82-2.68-6.25-4.77-8.57-4.39c-1.6.27-3.59.5-5.49 1.26c-1.13.46-6.16 3.21-7.39 2.85c-1.45-.44 3.74-4.39 4.28-4.98c1.01-1.12 2.25-1.92 3.01-3.21c.96-1.63 2.11-3.76 2.09-5.68c-.01-1.13-1.19-4.28-2.49-4.98c-5.54-2.99-9.07 1.1-13.16 6.28c-.41.52-4.69 5.91-5.3 6.08c-.34.1 3.78-7.7 3.9-7.97c1.6-3.69.89-6.98-.2-10.37c-.23-.71-1.52-1.64-2.59-1.99c-.61-.2-2.74-.88-3.49-.8c-4.69.53-6.28 2.69-9.18 7.77c-.67 1.18-2.13 9.03-2.66 10.23c-.74 1.65-1.53-6.35-1.66-7.35a15.8 15.8 0 0 0-.86-3.37c-.41-1.03-.82-2.14-1.39-2.97c-.65-.93-1.41-1.83-2.3-2.52C53.14.68 50.64-.07 48.44.53c-.72.2-.97.27-1.51.61c-2.87 1.78-3.6 6.14-3.47 8.96c.2 4.29 4.73 10.82 4.84 12.5c-1.25-.54-7.13-9.42-9.33-10.71c-3.15-1.86-4.98-2.59-8.77-1.4c-.42.13-1.99 1.6-2.39 1.77c-.58.26-.2.49-.47.82c-.83 1.01-1 3.29-.82 4.28c.31 1.79 1 3.23 1.79 4.89c.22.45 1.05 1.58 1.3 2.01c.55.93 1.35 1.75 2.01 2.61c.17.22 7.92 5.25 7.53 5.36c-.56.17-7.39-2.76-7.94-2.82c-.58-.06-9.18-5.67-13.57-.78c-.87.97-1.99 2.19-2.18 4.09c-.09 1.03-.24 3.31.19 4.09c1.33 2.36 2.38 3.64 4.58 5.18c1.05.74 4.94 1.84 6.08 2.39c.44.21 6.74.14 6.33.86c-.14.26-6.1.86-6.43.93c-2.49.6-3.75.75-5.49 1.69c-1.8.99-8.87 2.49-5.4 11.77c.76 2.02 2.35 2.89 4.21 3.28c1.76.37 4.32-.1 6.48-.7c1.36-.38 8.84-3.88 10.24-3.49c1.41.4-4.25 3.27-4.76 3.69c-.94.78-4.89 4.33-5.48 5.38c-1.2 2.11-1.6 2.75-2.3 5.07c-.63 2.11-.81 3.36-.61 5.57c.09 1.02.38 2.24 1.43 2.69c1.07.45 2.95.38 3.92.38c2.82 0 4.53-1.12 7.02-2.4c1.06-.54 2.07-.93 3.02-1.83c.58-.55 5.12-8.51 5.95-8.19c-.02-.01-3.93 11.49-3.99 11.83c-.41 2.28-.49 4.62.17 6.85a9 9 0 0 0 1.95 3.51c.64.71 2.07 1.21 3.15 1.23c4.81.12 7.6-3.77 9.29-9.45c.1-.34 2.12-6.82 2.44-6.98c.95-.5 1.03 7.85 1.1 8.39c.18 1.54.77 3.82 1.56 5.17c1.01 1.74 2.14 3.12 3.69 4.39c1.25 1.02 3.42 1.2 5.08 1.39c.51.06 1.81-.25 2.3-.39c.82-.25 2.49-1.93 2.85-2.66c1.75-3.49.84-6.21.09-9.96c-.09-.46-2.29-8.37-1.96-8.74c.59-.65 3.73 7.27 3.97 7.73c.83 1.56 2.72 4.03 4.02 5.25c1.69 1.6 3.97 2.33 5.99 2.69c1.5.27 4.51-.09 5.68-1.1c1.15-.98 1.71-2.46 1.99-4.39c.29-1.99.05-3.15-.5-5.08c-.18-.63-.63-1.65-.78-1.92c-.92-1.67-7.6-9.66-7.36-9.69c.94-.1 8.41 5.79 9.26 6.2c1.65.8 3.51 1.21 5.32 1.57c1.56.32 2.99.09 4.57.04c.29-.01 1.71-.77 3.05-2.19c.9-.95 1.02-2.71 1.02-3.33c0-2.42-.49-3.5-2.38-5.9c-.75-.94-1.93-1.7-3.23-2.45c-.78-.44-10.72-2.81-11.1-3.59c-.37-.76 9.39.78 9.97.73c1.52-.13 3.27.17 4.69-.13c2.15-.46 4.22-1.1 5.44-2.15c2.45-2.08 2.06-6.56.93-8.04M76.86 67.88c-9.12 4.6-22.2 4.79-30.38-2.26c-8.84-7.6-11.98-19.9-5.45-30.32c.81-1.3 1.63-2.63 2.53-3.86c2.47-3.36 6.12-5.95 10-7.12q.39-.12.78-.21c1.18-.3 2.38-.54 3.58-.84c3.25-.83 6.65-.48 9.93-.1c3.8.44 8.53 2.75 11.61 5.11c12.41 9.49 11.39 32.55-2.6 39.6'/%3E%3Cpath fill='%23fcc21b' d='M63.63 32.35c-2.83-.13-7.26.6-9.63 2.45c-4.31 3.4-6.55 9.44-5.49 14.88c.36 1.84 1.11 3.62 2.28 5.2c5.2 7.04 16.87 6.93 23 1.25c8.87-8.22.87-23.26-10.16-23.78'/%3E%3Cpath fill='%23fcc21b' d='M76.86 67.88c-9.12 4.6-22.2 4.79-30.38-2.26c-8.84-7.6-11.98-19.9-5.45-30.32c.81-1.3 1.63-2.63 2.53-3.86c2.47-3.36 6.12-5.95 10-7.12q.39-.12.78-.21c1.18-.3 2.38-.54 3.58-.84c3.25-.83 6.65-.48 9.93-.1c3.8.44 8.53 2.75 11.61 5.11c12.41 9.49 11.39 32.55-2.6 39.6' opacity='0.35'/%3E%3C/svg%3E");
}

.fluent-emoji-flat--sun {
    z-index: 2;
    display: inline-block;
    max-width: 67px;
    max-height: 67px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none'%3E%3Cpath fill='%23ff822d' d='M13.638 3.202a2.936 2.936 0 0 1 4.724 0a2.94 2.94 0 0 0 3.25 1.055a2.936 2.936 0 0 1 3.822 2.778a2.94 2.94 0 0 0 2.008 2.763a2.936 2.936 0 0 1 1.46 4.494a2.94 2.94 0 0 0 0 3.416a2.936 2.936 0 0 1-1.46 4.494a2.94 2.94 0 0 0-2.008 2.763a2.936 2.936 0 0 1-3.823 2.778a2.94 2.94 0 0 0-3.249 1.055a2.936 2.936 0 0 1-4.724 0a2.94 2.94 0 0 0-3.25-1.055a2.936 2.936 0 0 1-3.822-2.778a2.94 2.94 0 0 0-2.008-2.763a2.936 2.936 0 0 1-1.46-4.494a2.94 2.94 0 0 0 0-3.416a2.936 2.936 0 0 1 1.46-4.494a2.94 2.94 0 0 0 2.008-2.763a2.936 2.936 0 0 1 3.823-2.778a2.94 2.94 0 0 0 3.249-1.055'/%3E%3Cpath fill='%23fcd53f' d='M25.062 21.232c-2.89 5.005-9.29 6.72-14.294 3.83s-6.72-9.29-3.83-14.294s9.29-6.72 14.294-3.83s6.72 9.29 3.83 14.294'/%3E%3C/g%3E%3C/svg%3E");
}

.ic--sharp-cloud {
    z-index: 0;
    display: inline-block;
    max-width: 67px;
    max-height: 67px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a4dbe3' d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5c0-2.64-2.05-4.78-4.65-4.96'/%3E%3C/svg%3E");
}

.solar--star-bold {
    z-index: 0;
    display: inline-block;
    max-width: 67px;
    max-height: 67px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffd98c' d='M9.153 5.408C10.42 3.136 11.053 2 12 2s1.58 1.136 2.847 3.408l.328.588c.36.646.54.969.82 1.182s.63.292 1.33.45l.636.144c2.46.557 3.689.835 3.982 1.776c.292.94-.546 1.921-2.223 3.882l-.434.507c-.476.557-.715.836-.822 1.18c-.107.345-.071.717.001 1.46l.066.677c.253 2.617.38 3.925-.386 4.506s-1.918.051-4.22-1.009l-.597-.274c-.654-.302-.981-.452-1.328-.452s-.674.15-1.328.452l-.596.274c-2.303 1.06-3.455 1.59-4.22 1.01c-.767-.582-.64-1.89-.387-4.507l.066-.676c.072-.744.108-1.116 0-1.46c-.106-.345-.345-.624-.821-1.18l-.434-.508c-1.677-1.96-2.515-2.941-2.223-3.882S3.58 8.328 6.04 7.772l.636-.144c.699-.158 1.048-.237 1.329-.45s.46-.536.82-1.182z'/%3E%3C/svg%3E");
}

/*Profiles*/

.solar--box-linear {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='m15.578 3.382l2 1.05c2.151 1.129 3.227 1.693 3.825 2.708C22 8.154 22 9.417 22 11.942v.117c0 2.524 0 3.787-.597 4.801c-.598 1.015-1.674 1.58-3.825 2.709l-2 1.049C13.822 21.539 12.944 22 12 22s-1.822-.46-3.578-1.382l-2-1.05c-2.151-1.129-3.227-1.693-3.825-2.708C2 15.846 2 14.583 2 12.06v-.117c0-2.525 0-3.788.597-4.802c.598-1.015 1.674-1.58 3.825-2.708l2-1.05C10.178 2.461 11.056 2 12 2s1.822.46 3.578 1.382ZM21 7.5l-4 2M12 12L3 7.5m9 4.5v9.5m0-9.5l4.5-2.25l.5-.25m0 0V13m0-3.5l-9.5-5'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.icon-park-outline--message {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M44 24c0 11.046-8.954 20-20 20H4V24C4 12.954 12.954 4 24 4s20 8.954 20 20m-30-6h18m-18 8h18m-18 8h10'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.proicons--location {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M6.4 4.76a7.92 7.92 0 0 1 11.2 11.2l-4.186 4.186a2 2 0 0 1-2.828 0L6.4 15.96a7.92 7.92 0 0 1 0-11.2Z'/%3E%3Ccircle cx='12' cy='10.36' r='3' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.mynaui--credit-card {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 9v-.8c0-1.12 0-1.68.218-2.108c.192-.377.497-.682.874-.874C4.52 5 5.08 5 6.2 5h11.6c1.12 0 1.68 0 2.107.218c.377.192.683.497.875.874c.218.427.218.987.218 2.105V9M3 9h18M3 9v6.8c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h11.606c1.118 0 1.677 0 2.104-.218c.377-.192.683-.498.875-.874c.218-.428.218-.986.218-2.104V9M6 15h4'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.solar--heart-outline::after {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M5.624 4.424C3.965 5.182 2.75 6.986 2.75 9.137c0 2.197.9 3.891 2.188 5.343c1.063 1.196 2.349 2.188 3.603 3.154q.448.345.885.688c.526.415.995.778 1.448 1.043s.816.385 1.126.385s.674-.12 1.126-.385c.453-.265.922-.628 1.448-1.043q.437-.344.885-.687c1.254-.968 2.54-1.959 3.603-3.155c1.289-1.452 2.188-3.146 2.188-5.343c0-2.15-1.215-3.955-2.874-4.713c-1.612-.737-3.778-.542-5.836 1.597a.75.75 0 0 1-1.08 0C9.402 3.882 7.236 3.687 5.624 4.424M12 4.46C9.688 2.39 7.099 2.1 5 3.059C2.786 4.074 1.25 6.426 1.25 9.138c0 2.665 1.11 4.699 2.567 6.339c1.166 1.313 2.593 2.412 3.854 3.382q.43.33.826.642c.513.404 1.063.834 1.62 1.16s1.193.59 1.883.59s1.326-.265 1.883-.59c.558-.326 1.107-.756 1.62-1.16q.396-.312.826-.642c1.26-.97 2.688-2.07 3.854-3.382c1.457-1.64 2.567-3.674 2.567-6.339c0-2.712-1.535-5.064-3.75-6.077c-2.099-.96-4.688-.67-7 1.399' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.carbon--question-answering::after {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m20 15.18l-2.59-2.59L16 14l4 4l6-6l-1.41-1.41zM8 18h2v2H8zm4-9H7v2h4v2H8v3h2v-1h2a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1'/%3E%3Cpath fill='%23000' d='M17.736 30L16 29l4-7h6c1.107 0 2-.893 2-2V8c0-1.107-.893-2-2-2H6c-1.107 0-2 .893-2 2v12c0 1.107.893 2 2 2h9v2H6a4 4 0 0 1-4-4V8c0-2.21 1.79-4 4-4h20c2.21 0 4 1.79 4 4v12a4 4 0 0 1-4 4h-4.835z'/%3E%3C/svg%3E");
}

.fluent-mdl2--questionnaire::after {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath fill='%23000' d='M1792 549v1499H128V0h1115zm-512-37h293l-293-293zm384 128h-512V128H256v1792h1408zM384 896h384v384H384zm128 256h128v-128H512zM384 384h384v384H384zm128 256h128V512H512zm384 384h640v128H896zm-512 384h384v384H384zm128 256h128v-128H512zm384-128h640v128H896z'/%3E%3C/svg%3E");
}

.hugeicons--exchange-01::after {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.977 19.5A9 9 0 0 0 10 3.223M16.977 19.5V16m0 3.5H20.5M7 4.516a9 9 0 0 0 7 16.261M7 4.516V8m0-3.484H3.5'/%3E%3C/svg%3E");
}

.humbleicons--logout::after {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 12h-9.5m7.5 3l3-3l-3-3m-5-2V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2v-1'/%3E%3C/svg%3E");
}

.iconamoon--trash::after {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 11v6m-4-6v6M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M4 7h16M7 7l2-4h6l2 4'/%3E%3C/svg%3E");
}

.bi--trash::after {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23000'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z'/%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z'/%3E%3C/g%3E%3C/svg%3E");
}

.lucide--plus::after {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7v14'/%3E%3C/svg%3E");
}

.solar--camera-outline::after {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.598 4.487c.267-1.31 1.433-2.237 2.768-2.237h3.268c1.335 0 2.5.927 2.768 2.237a.656.656 0 0 0 .62.524h.033c1.403.062 2.481.234 3.381.825c.567.372 1.055.85 1.435 1.409c.473.694.681 1.492.781 2.456c.098.943.098 2.124.098 3.62v.085c0 1.496 0 2.678-.098 3.62c-.1.964-.308 1.762-.781 2.457a5.2 5.2 0 0 1-1.435 1.409c-.703.461-1.51.665-2.488.762c-.958.096-2.159.096-3.685.096H9.737c-1.526 0-2.727 0-3.685-.096c-.978-.097-1.785-.3-2.488-.762a5.2 5.2 0 0 1-1.435-1.41c-.473-.694-.681-1.492-.781-2.456c-.098-.942-.098-2.124-.098-3.62v-.085c0-1.496 0-2.677.098-3.62c.1-.964.308-1.762.781-2.456a5.2 5.2 0 0 1 1.435-1.41c.9-.59 1.978-.762 3.381-.823l.017-.001h.016a.656.656 0 0 0 .62-.524m2.768-.737c-.64 0-1.177.443-1.298 1.036c-.195.96-1.047 1.716-2.072 1.725c-1.348.06-2.07.225-2.61.579a3.7 3.7 0 0 0-1.017.999c-.276.405-.442.924-.53 1.767c-.088.856-.089 1.96-.089 3.508s0 2.651.09 3.507c.087.843.253 1.362.53 1.768c.268.394.613.734 1.017.999c.417.273.951.438 1.814.524c.874.087 2 .088 3.577.088h4.444c1.576 0 2.702 0 3.577-.088c.863-.086 1.397-.25 1.814-.524c.404-.265.75-.605 1.018-1c.276-.405.442-.924.53-1.767c.088-.856.089-1.96.089-3.507s0-2.652-.09-3.508c-.087-.843-.253-1.362-.53-1.767a3.7 3.7 0 0 0-1.017-1c-.538-.353-1.26-.518-2.61-.578c-1.024-.01-1.876-.764-2.071-1.725a1.314 1.314 0 0 0-1.298-1.036zm1.634 7a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M8.25 13a3.75 3.75 0 1 1 7.5 0a3.75 3.75 0 0 1-7.5 0m9-3a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.hugeicons--doctor-03 {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20 22v-3c0-2.828 0-4.242-.879-5.121C18.243 13 16.828 13 14 13l-2 2l-2-2c-2.828 0-4.243 0-5.121.879S4 16.172 4 19v3M15.5 6.5v-1a3.5 3.5 0 0 0-7 0v1a3.5 3.5 0 1 0 7 0M16 16v3m1.5-1.5h-3'/%3E%3C/svg%3E");
}

.oui--arrow-right {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23492A4B' d='m5.157 13.069l4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.55.55 0 0 1 0-.771a.53.53 0 0 1 .759 0l4.61 4.684a1.65 1.65 0 0 1 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0a.55.55 0 0 1 0-.771'/%3E%3C/svg%3E");
}

.oui--arrow-left {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23492A4B' d='M10.843 13.069L6.232 8.384a.546.546 0 0 1 0-.768l4.61-4.685a.55.55 0 0 0 0-.771a.53.53 0 0 0-.759 0l-4.61 4.684a1.65 1.65 0 0 0 0 2.312l4.61 4.684a.53.53 0 0 0 .76 0a.55.55 0 0 0 0-.771'/%3E%3C/svg%3E");
}

.mage--share {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23492A4B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6.015 15.809a3.265 3.265 0 1 0 0-6.53a3.265 3.265 0 0 0 0 6.53m11.97-6.529a3.265 3.265 0 1 0 0-6.53a3.265 3.265 0 0 0 0 6.53m0 11.97a3.265 3.265 0 1 0 0-6.53a3.265 3.265 0 0 0 0 6.53m-2.971-4.614l-6.028-2.742m6.126-6.312l-6.224 3.395'/%3E%3C/svg%3E");
}
.prime--truck {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23492A4B' d='M17.5 6.75h-2V6c0-.96-.79-1.75-1.75-1.75H4.5c-.96 0-1.75.79-1.75 1.75v9c0 .96.79 1.75 1.75 1.75h.28c.13 1.67 1.52 3 3.22 3s3.09-1.33 3.22-3h1.55c.13 1.67 1.52 3 3.22 3s3.09-1.33 3.22-3h.28c.96 0 1.75-.79 1.75-1.75v-4.5c0-2.07-1.68-3.75-3.75-3.75ZM4.25 15V6c0-.14.11-.25.25-.25h9.25c.14 0 .25.11.25.25v7.94s-.05.06-.08.08q-.225.195-.42.42c-.04.05-.08.09-.11.14a3 3 0 0 0-.38.66h-2v-.01a3 3 0 0 0-.27-.49c-.03-.04-.06-.08-.09-.13c-.08-.12-.17-.22-.27-.33c-.04-.04-.07-.08-.11-.12c-.13-.12-.26-.23-.4-.33c-.02-.01-.03-.03-.05-.04c-.15-.1-.31-.18-.47-.26c-.06-.03-.12-.05-.18-.07c-.13-.05-.25-.09-.38-.12c-.06-.01-.12-.03-.18-.04a2.9 2.9 0 0 0-1.18 0c-.06.01-.12.03-.18.04c-.13.03-.26.07-.38.12c-.06.02-.12.04-.18.07c-.16.07-.32.16-.47.26c-.02.01-.03.02-.05.04c-.14.1-.28.21-.4.33c-.04.04-.08.08-.11.12q-.15.15-.27.33c-.03.04-.06.08-.09.13c-.1.16-.19.32-.27.49v.01h-.5c-.14 0-.25-.11-.25-.25ZM8 18.25c-.96 0-1.75-.79-1.75-1.75a1.7 1.7 0 0 1 .24-.85c.01-.03.03-.05.04-.08c.09-.14.2-.27.33-.38c.03-.02.05-.04.08-.06c.13-.1.28-.19.44-.25c.02 0 .05-.02.08-.02c.17-.06.36-.1.55-.1s.37.04.55.1c.03 0 .05.01.08.02c.16.06.31.15.44.25c.03.02.05.04.08.06c.13.11.24.24.33.38c.02.02.03.05.04.08c.09.16.16.32.2.5c.02.11.04.23.04.35c0 .96-.79 1.75-1.75 1.75Zm8 0c-.96 0-1.75-.79-1.75-1.75c0-.12.01-.24.04-.35c.03-.12.06-.24.11-.35v-.02c.05-.1.1-.2.17-.29c.01-.02.03-.03.04-.05a2 2 0 0 1 .19-.22c.02-.02.04-.03.06-.05c.07-.06.15-.12.23-.17c.02-.01.05-.03.08-.04c.09-.05.19-.09.29-.12c.04-.01.08-.03.13-.04c.13-.03.27-.05.41-.05c.19 0 .37.04.55.1c.03 0 .05.01.08.02c.16.06.31.15.44.25c.03.02.05.04.08.06c.13.11.24.24.33.38c.02.02.03.05.04.08c.09.16.16.32.2.5c.02.11.04.23.04.35c0 .96-.79 1.75-1.75 1.75Zm-.5-7v-3h2c1.24 0 2.25 1.01 2.25 2.25v.75z'/%3E%3C/svg%3E");
}
.mdi--contract-outline {
  display: inline-block;
  width: 58px;
  height: 58px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23492A4B' d='M8 12h8v2H8zm2 8H6V4h7v5h5v3.1l2-2V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4zm-2-2h4.1l.9-.9V16H8zm12.2-5c.1 0 .3.1.4.2l1.3 1.3c.2.2.2.6 0 .8l-1 1l-2.1-2.1l1-1c.1-.1.2-.2.4-.2m0 3.9L14.1 23H12v-2.1l6.1-6.1z'/%3E%3C/svg%3E");
}
.ix--support {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23492A4B' fill-rule='evenodd' d='M422.401 217.174c-6.613-67.84-46.72-174.507-170.666-174.507c-123.947 0-164.054 106.667-170.667 174.507c-23.2 8.805-38.503 31.079-38.4 55.893v29.867c0 32.99 26.744 59.733 59.733 59.733c32.99 0 59.734-26.744 59.734-59.733v-29.867c-.108-24.279-14.848-46.095-37.334-55.253c4.267-39.254 25.174-132.48 126.934-132.48s122.453 93.226 126.72 132.48c-22.44 9.178-37.106 31.009-37.12 55.253v29.867a59.95 59.95 0 0 0 33.92 53.76c-8.96 16.853-31.787 39.68-87.894 46.506c-11.215-17.03-32.914-23.744-51.788-16.023c-18.873 7.72-29.646 27.717-25.71 47.725s21.48 34.432 41.872 34.432a42.67 42.67 0 0 0 37.973-23.68c91.52-10.454 120.747-57.6 129.92-85.334c24.817-8.039 41.508-31.301 41.173-57.386v-29.867c.103-24.814-15.2-47.088-38.4-55.893m-302.933 85.76c0 9.425-7.641 17.066-17.067 17.066s-17.066-7.64-17.066-17.066v-29.867a17.067 17.067 0 1 1 34.133 0zm264.533-29.867c0-9.426 7.641-17.067 17.067-17.067s17.067 7.641 17.067 17.067v29.867c0 9.425-7.641 17.066-17.067 17.066s-17.067-7.64-17.067-17.066z'/%3E%3C/svg%3E");
}
.octicon--shield-check-16 {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23492A4B' d='m8.533.133l5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682c-.983 1.498-2.585 2.813-5.032 3.855a1.7 1.7 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667l5.25-1.68a1.75 1.75 0 0 1 1.066 0m-.61 1.429l-5.25 1.68a.25.25 0 0 0-.174.237V7c0 1.36.275 2.666 1.057 3.859c.784 1.194 2.121 2.342 4.366 3.298a.2.2 0 0 0 .154 0c2.245-.957 3.582-2.103 4.366-3.297S13.5 8.358 13.5 7V3.48a.25.25 0 0 0-.174-.238l-5.25-1.68a.25.25 0 0 0-.153 0M11.28 6.28l-3.5 3.5a.75.75 0 0 1-1.06 0l-1.5-1.5a.749.749 0 0 1 .326-1.275a.75.75 0 0 1 .734.215l.97.97l2.97-2.97a.75.75 0 0 1 1.042.018a.75.75 0 0 1 .018 1.042'/%3E%3C/svg%3E");
}
.basil--notification-outline {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23492A4B' fill-rule='evenodd' d='M13 3a1 1 0 1 0-2 0v.75h-.557A4.214 4.214 0 0 0 6.237 7.7l-.221 3.534a7.4 7.4 0 0 1-1.308 3.754a1.617 1.617 0 0 0 1.135 2.529l3.407.408V19a2.75 2.75 0 1 0 5.5 0v-1.075l3.407-.409a1.617 1.617 0 0 0 1.135-2.528a7.4 7.4 0 0 1-1.308-3.754l-.221-3.533a4.214 4.214 0 0 0-4.206-3.951H13zm-2.557 2.25a2.714 2.714 0 0 0-2.709 2.544l-.22 3.534a8.9 8.9 0 0 1-1.574 4.516a.117.117 0 0 0 .082.183l3.737.449c1.489.178 2.993.178 4.482 0l3.737-.449a.117.117 0 0 0 .082-.183a8.9 8.9 0 0 1-1.573-4.516l-.221-3.534a2.714 2.714 0 0 0-2.709-2.544zm1.557 15c-.69 0-1.25-.56-1.25-1.25v-.75h2.5V19c0 .69-.56 1.25-1.25 1.25' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.clarity--form-line {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23000' d='M21 12H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1M8 10h12V7.94H8Z' class='clr-i-outline clr-i-outline-path-1'/%3E%3Cpath fill='%23000' d='M21 14.08H7a1 1 0 0 0-1 1V19a1 1 0 0 0 1 1h11.36L22 16.3v-1.22a1 1 0 0 0-1-1M20 18H8v-2h12Z' class='clr-i-outline clr-i-outline-path-2'/%3E%3Cpath fill='%23000' d='M11.06 31.51v-.06l.32-1.39H4V4h20v10.25l2-1.89V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v28a1 1 0 0 0 1 1h8a3.4 3.4 0 0 1 .06-.49' class='clr-i-outline clr-i-outline-path-3'/%3E%3Cpath fill='%23000' d='m22 19.17l-.78.79a1 1 0 0 0 .78-.79' class='clr-i-outline clr-i-outline-path-4'/%3E%3Cpath fill='%23000' d='M6 26.94a1 1 0 0 0 1 1h4.84l.3-1.3l.13-.55v-.05H8V24h6.34l2-2H7a1 1 0 0 0-1 1Z' class='clr-i-outline clr-i-outline-path-5'/%3E%3Cpath fill='%23000' d='m33.49 16.67l-3.37-3.37a1.61 1.61 0 0 0-2.28 0L14.13 27.09L13 31.9a1.61 1.61 0 0 0 1.26 1.9a1.6 1.6 0 0 0 .31 0a1.2 1.2 0 0 0 .37 0l4.85-1.07L33.49 19a1.6 1.6 0 0 0 0-2.27ZM18.77 30.91l-3.66.81l.89-3.63L26.28 17.7l2.82 2.82Zm11.46-11.52l-2.82-2.82L29 15l2.84 2.84Z' class='clr-i-outline clr-i-outline-path-6'/%3E%3Cpath fill='none' d='M0 0h36v36H0z'/%3E%3C/svg%3E");
}

/* --- Kaydırmalı Normal Kart Görünümü --- */
.products-hscroll {
    --gap: 16px; /* şerit aralığı */
    --border: #DDC1AC;
}

    .products-hscroll .track {
        display: flex;
        gap: var(--gap);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding: 4px 2px 10px;
        list-style: none;
        margin: 0;
    }

        .products-hscroll .track::-webkit-scrollbar {
            display: none;
        }

/* kart kutusu: normal ürün kartıyla aynı görünüm */
.yk-card {
    background: #fff;
    border: 3px solid var(--border);
    border-radius: 20px;
    padding: 32px 25px 20px;
    box-shadow: 0 2px 16px rgba(0,0,0,.03);
}

/* görsel alanı */
.yk-img {
    margin: 0;
    overflow: hidden;
    border-radius: 10px;
    aspect-ratio: 4/4;
}

    .yk-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: blur(8px) opacity(.6);
        display: block;
    }

/* alt yazı */
.yk-caption {
    font-family: 'Inter',sans-serif;
    font-weight: 600;
    font-size: 25px;
    line-height: 1;
    text-align: center;
    margin: 30px 0 10px;
    color: #1c2430;
}

/* ok butonları mevcut .nav stillerinle uyumlu (zaten sayfanda var) */
/* Kartın iskeleti */
.product-slide {
    display: flex;
}

.product-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

/* Görsel alanı sabit oranlı olsun; taşma yapmasın */
.product-media {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 14px;
}

    .product-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* Product Color Count Badge (Trendyol-style) - parent must be positioned */
.hb-product-image-area {
    position: relative;
}
.product-color-count-badge {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    font-size: 11px;
    font-weight: 600;
    color: #333;
    z-index: 10;
    white-space: nowrap;
}
.product-color-count-dots {
    display: inline-flex;
    align-items: center;
    gap: 1px;
}
.product-color-count-dots .dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #6b5a6e;
}
.product-color-count-dots .dot:nth-child(1) { background: #e57373; }
.product-color-count-dots .dot:nth-child(2) { background: #64b5f6; margin-left: -2px; }
.product-color-count-dots .dot:nth-child(3) { background: #81c784; margin-left: -2px; }
.product-color-count-num {
    font-family: inherit;
}

/* Metinler ve aksiyonlar */
.product-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.product-title a {
    display: block;
    overflow: hidden;
    display: -webkit-box; /* başlığı 2 satırla sınırla */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product-actions {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
}

/* Inline color picker (product cards with color options) */
.product-addcart-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.product-color-picker-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.product-color-picker-label {
    font-size: 11px;
    color: #666;
    margin-right: 2px;
}
.product-color-circles {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.product-color-circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    cursor: pointer;
    display: inline-block;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    flex-shrink: 0;
}
.product-color-circle:hover {
    transform: scale(1.12);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.product-color-circle:active {
    transform: scale(0.98);
}

.cart-wrap {
    background: #FFF7F2;
    padding: 40px 0 60px;
}

.cart-title {
    color: #4b2a55;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 24px;
}

.cart-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
}

    .cart-card + .cart-card {
        margin-top: 18px;
    }

    .cart-card .hdr {
        border-bottom: 1px solid #f0e7f0;
        padding: 12px 18px;
        color: #6b5a6e;
        font-weight: 600;
    }

    .cart-card .bd {
        padding: 18px;
    }

.p-thumb {
    width: 112px;
    height: 112px;
    border-radius: 16px;
    overflow: hidden;
    background: #faf7fb
}

    .p-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border: 1px solid #FFD8BB;
    }

.qt-btn {
    border: 1px solid #FFD8BB;
    flex-direction: row;
}

.cart-bg {
    background: #FFF7F2;
    padding: 48px 0 72px
}

.cart-title {
    color: #4b2a55;
    font-weight: 800;
    letter-spacing: .5px;
    margin-bottom: 24px
}

.cart-card {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    overflow: hidden
}

    .cart-card + .cart-card {
        margin-top: 20px
    }

    .cart-card .hdr {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 20px;
        border-bottom: 1px solid #f0e7f0
    }

.seller {
    color: #24152d;
    font-weight: 700
}

    .seller em {
        color: #7e48a2;
        font-style: normal;
        font-weight: 800
    }

.del-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #a98fb1;
    font-size: 14px;
    border: 0;
    background: transparent
}

    .del-btn:hover {
        color: #8b6a95;
        text-decoration: underline
    }

.cart-card .bd {
    padding: 22px 20px
}

.p-thumb {
    width: 140px;
    height: 140px;
    border-radius: 16px;
    overflow: hidden;
}

    .p-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border: 1px solid #FAF7FB
    }

.p-title {
    color: #3f2a46;
    font-weight: 800;
    font-size: 22px;
    margin: 0
}

.p-sub {
    font-size: 12px;
    color: #7d6e82
}

.qty-ctrl {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #e8dbea;
    border-radius: 999px;
    padding: 6px 12px
}

.qty-btn {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    line-height: 28px;
    text-align: center;
    font-weight: 800;
    color: #4b2a55
}

.qty-val {
    min-width: 18px;
    text-align: center;
    font-weight: 700;
    color: #4b2a55
}

.line-wrap {
    text-align: right
}

.line-cap {
    color: #7b6b85
}

.line-total {
    font-size: 22px;
    font-weight: 900;
    color: #4b2a55
}

/* sağ özet */
.sum-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
    padding: 16px
}

    .sum-card h6 {
        color: #4b2a55;
        font-weight: 700
    }

.sum-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px dashed #eee
}

    .sum-row:last-child {
        border-bottom: 0
    }

.btn-checkout {
    background: #ff9d47;
    color: #fff;
    border: 0;
    border-radius: 999px;
    padding: 12px 16px;
    font-weight: 700;
    width: 100%
}

/* responsive */
@media (max-width: 576px) {
    .p-thumb {
        width: 96px;
        height: 96px
    }

    .p-title {
        font-size: 18px
    }

    .line-wrap {
        text-align: left;
        margin-top: 10px
    }

    .cart-card .bd {
        padding: 16px
    }

    .cart-card .hdr {
        padding: 12px 16px
    }
}
/* Başlık kutusu */
.order-title-box {
    border: 2px solid #492A4B;
    border-radius: 24px;
    padding: 18px 24px;
    background: #fff;
}

.order-title {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    color: #492A4B;
}

/* Filtre butonları */
.order-filters {
    display: flex;
    justify-content:space-evenly;
    flex-wrap: wrap;
    gap: 7px;
}

.order-filter-btn {
    padding: 9px 30px;
    border-radius: 999px;
    border: 2px solid #492A4B;
    font-size: 14px;
    text-decoration: none;
    color: #492A4B;
    background: #fff;
    transition: all .15s ease;
}

    .order-filter-btn.active {
        background: #f28b30;
        border-color: #f28b30;
        color: #fff;
    }

    .order-filter-btn:hover {
        text-decoration: none;
        transform: translateY(-1px);
    }

/* Kart */
.order-card {
    border: 2px solid #492A4B4D;
    border-radius: 24px;
    padding: 16px 20px;
    background: #ffffff;
}

/* Ürün görseli */
.order-thumb {
    width: 80px;
    height: 80px;
    border-radius: 16px;
    overflow: hidden;
}

    .order-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* Sipariş numarası */
.order-number-label {
    font-size: 13px;
    color: #9b9b9b;
}

.order-number-value {
    font-size: 14px;
    color: #7a6a88;
}

/* Durum */
.order-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
}

.order-status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 13px;
}

/* durum renkleri */
.order-status.status-delivered .order-status-icon {
    background: #2ecc71;
    color: #fff;
}

.order-status.status-cancelled .order-status-icon {
    background: #e74c3c;
    color: #fff;
}

.order-status.status-progress .order-status-icon {
    background: #f1c40f;
    color: #fff;
}

.order-status.status-returned .order-status-icon {
    background: #9b59b6;
    color: #fff;
}

.order-status.status-progress .order-status-text {
    color: #a0a0a0; /* screenshot’taki gibi daha soluk */
}

/* Tarih + toplam */
.order-date {
    font-size: 14px;
    color: #7a6a88;
}

.order-total {
    font-size: 15px;
    font-weight: 600;
    color: #492A4B;
}

/* Detay ok */
.order-expand-btn {
    font-size: 18px;
    color: #492A4B;
    text-decoration: none;
}

/* Mobil uyum */
@media (max-width: 767.98px) {
    .order-card {
        border-radius: 18px;
    }
}
.order-detail-wrapper .od-card {
    border: 2px solid #492A4B;
    border-radius: 24px;
    padding: 24px 24px 28px;
    background: #ffffff;
}

.od-header-label {
    font-size: 13px;
    color: #9b8ca8;
}

.od-header-value {
    font-size: 14px;
    font-weight: 500;
    color: #4b2a55;
}

.od-link {
    font-size: 14px;
    color: #f28b30;
}

/* satıcı */
.od-seller {
    font-size: 14px;
    color: #4b2a55;
}

/* ürün kartı */
.od-product-card {
    border: 1px solid #f0d9c8;
    border-radius: 20px;
    padding: 16px;
    background: #ffffff;
}

.od-product-img {
    border-radius: 16px;
    overflow: hidden;
}

    .od-product-img img {
        width: 100%;
        height: auto;
        display: block;
    }

.od-product-title {
    font-size: 18px;
    font-weight: 600;
    color: #4b2a55;
}

.od-product-sub {
    font-size: 14px;
    color: #8a7a96;
}

.od-product-price {
    font-size: 18px;
    font-weight: 700;
    color: #f28b30;
}

.od-product-meta {
    font-size: 14px;
    color: #4b2a55;
}

.od-review-btn {
    border-radius: 999px;
    padding: 6px 20px;
}

/* küçük thumb'lar */
.od-product-thumbs {
    display: flex;
    gap: 8px;
}

    .od-product-thumbs .thumb {
        width: 52px;
        height: 52px;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #f0d9c8;
    }

    .od-product-thumbs img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* bilgi kutuları */
.od-info-box {
    border: 1px solid #f0d9c8;
    border-radius: 16px;
    padding: 12px 14px;
    background: #fff;
}

.od-info-title {
    font-size: 14px;
    font-weight: 600;
    color: #9b8ca8;
    margin-bottom: 6px;
}

.od-info-body {
    font-size: 14px;
    color: #4b2a55;
}

    .od-info-body p {
        margin: 0;
    }

/* mobil küçük dokunuş */
@media (max-width: 767.98px) {
    .order-detail-wrapper .od-card {
        padding: 16px;
    }
}
/* kutu hizalama */
.align-items-start {
    align-items: flex-start !important;
}

/* sağ kutular */
.od-info-box {
    border: 2px solid #ecd9ca;
    border-radius: 20px;
    padding: 16px 18px;
    background: #fff;
}

    .od-info-box hr {
        border-color: #d9c7ba;
        margin: 6px 0 12px 0;
    }

.od-info-title {
    font-size: 16px;
    font-weight: 600;
    color: #4b2a55;
}

/* ürün bilgileri */
.od-product-rating {
    font-size: 14px;
}

.od-link-small {
    font-size: 12px;
    color: #f28b30;
    cursor: pointer;
}

.stock {
    color: #2c8f2c;
    font-size: 14px;
}
/* Kartın tamamı */
.od-product-card {
    border: 2px solid #ecd9ca;
    border-radius: 24px;
    padding: 18px 22px 22px;
    background: #ffffff;
}

/* Büyük görsel */
.od-product-img-big {
    width: 230px;
    max-width: 100%;
    border-radius: 18px;
    overflow: hidden;
}

    .od-product-img-big img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

/* Sağ taraf başlık/alt başlık/fiyat */
.od-product-info {
    min-width: 0;
}

.od-product-title {
    font-size: 20px;
    font-weight: 700;
    color: #4b2a55;
}

.od-product-sub {
    font-size: 14px;
    color: #7e6a8d;
    margin-top: 2px;
}

.od-product-price {
    font-size: 22px;
    font-weight: 700;
    color: #f28b30;
}
.stars i {
    font-size: 15px;
    margin-right: 1px;
}

.filled-star {
    color: #FFC107; /* Altın sarısı */
}

.half-star {
    color: #FFC107;
}

.empty-star {
    color: #ddd;
}

/* Rating + link */
.od-product-rating {
    font-size: 13px;
    color: #4b2a55;
}

    .od-product-rating .stars {
        color: #f7b500;
        margin-right: 4px;
    }

    .od-product-rating .count {
        margin-left: 2px;
    }

.od-link-small {
    font-size: 12px;
    color: #f28b30;
    text-decoration: none;
}

    .od-link-small:hover {
        text-decoration: underline;
    }

/* Boyut / Adet satırları */
.od-product-meta {
    font-size: 14px;
    color: #4b2a55;
}

    .od-product-meta .label {
        font-weight: 600;
    }

    .od-product-meta .value {
        margin-left: 4px;
    }

    .od-product-meta .stock {
        margin-left: 12px;
        color: #9f9f9f;
    }

/* Alt kısım: thumb + buton */
.od-product-bottom {
    margin-top: 12px;
}

.od-product-thumbs .thumb {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ecd9ca;
}

    .od-product-thumbs .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* Yorum yaz butonu */
.od-review-btn {
    border: none;
    border-radius: 999px;
    padding: 8px 28px;
    background: #f28b30;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

    .od-review-btn:hover {
        background: #e27a1f;
    }

/* Mobil uyum */
@media (max-width: 767.98px) {
    .od-product-main {
        align-items: center;
    }

    .od-product-info {
        text-align: left;
        margin-top: 8px;
    }

    .od-product-bottom {
        justify-content: center;
    }
}
/* Bölüm hizalama */
.od-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* Ana buton stili */
.od-outline-btn {
    border: 1.35px solid #F18A2F;
    background: white;
    color: #F18A2F;
    font-size: 13px;
    font-weight: 500;
    border-radius: 16px;
    padding: 10px 18px;
    text-align: center;
    cursor: pointer;
    transition: all .25s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0px 2px 6px rgba(255, 145, 48, 0.08);
}


    /* Hover durumu */
    .od-outline-btn:hover {
        background: #F18A2F;
        color: #ffffff;
    }


    /* Basılı efekt */
    .od-outline-btn:active {
        transform: scale(.97);
    }


/* İkon boyutu */
.od-btn-icon {
    font-size: 14px;
    display: inline-flex;
}


/* Mobil uyum */
@media(max-width: 768px) {
    .od-outline-btn {
        width: 100%;
    }
}
/* Teslimat Detayı linki */
.od-link-orange {
    font-size: 13px;
    color: #f28b30;
    text-decoration: none;
}

    .od-link-orange:hover {
        text-decoration: none;
        color: #f28b30;
    }
.od-delivery-desc {
    font-size: 15px;
    color: #492A4B;
    margin-top: 4px;
    font-weight: 600;
}

.trec-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

.trec-tab {
    font-size: 14px;
    color: #555;
    text-decoration: none;
    padding-bottom: 4px;
}

    .trec-tab.active {
        color: #F18A2F;
        font-weight: 600;
        border-bottom: 2px solid #F18A2F;
    }



.reviews-carousel .rc-viewport {
    position: relative;
    overflow: visible; /* allow decorative circles to extend */
}
.reviews-carousel .track {
    display: flex;
    gap: 27px;
    overflow-x: visible;
    scroll-snap-type: x mandatory;
    padding: 12px 2px 12px; /* Increased top/bottom padding to accommodate decorative circles */
    margin: 0;
    list-style: none;
    margin-left: 25px;
}
@media (max-width: 575.98px) {
    .reviews-carousel .track {
        gap: 25px;
    }
}
.reviews-carousel .track-wrap {
    overflow-x: auto;
    overflow-y: hidden; /* dikeyde kırp */
    -webkit-overflow-scrolling: touch; /* iOS momentum */
    touch-action: pan-x; /* 🔥 yatay kaydırmaya izin ver */
    overscroll-behavior-x: contain;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE / Edge legacy */
}
    .reviews-carousel .track-wrap::-webkit-scrollbar {
        display: none;
    }
.track-wrap {
    overflow: hidden;
}
/* Decorative orange circles */
.reviews-carousel .rcard::before,
.reviews-carousel .rcard::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background-color: #FF9736; /* orange */
    pointer-events: none; /* DO NOT block clicks (slider arrows) */
    z-index: 100;
}

/* BIG circle – top-left */
.reviews-carousel .rcard::before {
    width: 40px;
    height: 40px;
    top: -5px; /* slightly overlapping the corner */
    left: -5px;
}

/* SMALL circle – bottom-right */
.reviews-carousel .rcard::after {
    width: 30px;
    height: 30px;
    bottom: -1px; /* slightly overlapping the corner */
    right: -1px;
}

/* Home FAQ section styles */
.home-faq .faq-wrapper {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.rafeni-faq-item {
    background-color: #FFF7F2;
    border: 1px solid #E0E0E0;
    border-radius: 15px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

    .rafeni-faq-item:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

.rafeni-faq-question {
    width: 100%;
    background: none;
    border: none;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    color: #492A4B;
    font-family: 'Itim', sans-serif;
    font-size: 18px;
}

.rafeni-faq-text {
    padding-right: 15px;
}

.rafeni-faq-icon {
    transition: transform 0.3s ease;
    color: #492A4B;
}

.rafeni-faq-item.active .rafeni-faq-icon {
    transform: rotate(180deg);
}

.rafeni-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    background-color: #ffffff;
}

.rafeni-faq-content {
    padding: 20px;
    color: #555;
    line-height: 1.6;
    font-family: 'Inter', sans-serif;
}

/* Hizmet Sürecimiz (service steps) – scoped styles only */
.service-steps {
    width: 100%;
    padding: 40px 0; /* Increased padding slightly */
    position: relative;
}

    .service-steps .service-steps-timeline {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
    }

    .service-steps .service-step {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        position: relative;
        z-index: 1;
        flex: 1;
        padding: 0 10px;
    }

    /* Updated solid circle styles */
    .service-steps .service-step-icon {
        width: 90px; /* Increased size */
        height: 90px; /* Increased size */
        border-radius: 50%;
        background-color: #fff; /* Default fallback */
        /* Removed border style, replaced with solid background colors below */
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px; /* Increased spacing */
        font-size: 32px; /* Increased icon size */
        color: #ffffff; /* Icon color white */
        box-shadow: 0 6px 15px rgba(0,0,0,0.15); /* Slightly stronger shadow */
        transition: transform 0.3s ease;
    }

    .service-steps .service-step:hover .service-step-icon {
        transform: scale(1.1);
    }

    .service-steps .service-step-text {
        font-family: 'Inter', sans-serif;
        font-size: 14px; /* Slightly larger font */
        color: #492A4B;
        line-height: 1.4;
        font-weight: 500;
    }

/* Desktop Connecting Line */
@media (min-width: 992px) {
    .service-steps .service-step:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 45px; /* Adjusted for new 90px height (half is 45) */
        left: 50%;
        width: 100%;
        height: 4px; /* Slightly thicker line */
        background-color: #e0e0e0;
        z-index: -1;
    }
}

/* Step Colors (Solid Backgrounds) */
.service-steps .service-step--1 .service-step-icon {
    background-color: #FF9F43;
}

.service-steps .service-step--2 .service-step-icon {
    background-color: #54a0ff;
}

.service-steps .service-step--3 .service-step-icon {
    background-color: #5f27cd;
}

.service-steps .service-step--4 .service-step-icon {
    background-color: #ff6b6b;
}

.service-steps .service-step--5 .service-step-icon {
    background-color: #1dd1a1;
}

.service-steps .service-step--6 .service-step-icon {
    background-color: #feca57;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
    .service-steps .service-steps-timeline {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 20px;
    }

        /* Vertical Line for Mobile */
        .service-steps .service-steps-timeline::before {
            content: '';
            position: absolute;
            top: 20px;
            bottom: 20px;
            left: 56px; /* Center of icon: 20px padding + (72px width / 2 = 36px) = 56px */
            width: 4px;
            background-color: #e0e0e0;
            transform: translateX(-50%);
            z-index: 0;
        }

    .service-steps .service-step {
        flex-direction: row;
        align-items: center;
        text-align: left;
        margin-bottom: 35px;
        width: 100%;
        padding: 0;
    }

        .service-steps .service-step:last-child {
            margin-bottom: 0;
        }

    .service-steps .service-step-icon {
        margin-bottom: 0;
        margin-right: 25px;
        width: 72px; /* Slightly smaller for mobile but bigger than before */
        height: 72px;
        font-size: 28px;
        flex-shrink: 0;
        border: none;
    }

    .service-steps .service-step-text {
        font-size: 16px;
        text-align: left;
    }
}

/* FAQ section (Rafeni Hakkında En Merak Edilen Sorular) */
.home-faq .home-faq-list {
    margin-top: 30px;
}

/* Rafeni footer extended layout */
.rf-footer-links-row {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    gap: 30px;
    border-top: none; /* Ensure no extra borders */
}

.rf-footer-links-col {
    flex: 1;
    text-align: left;
}

    .rf-footer-links-col h4 {
        font-family: 'Itim', sans-serif;
        font-size: 22px;
        margin-bottom: 20px;
        color: #492A4B;
    }

    .rf-footer-links-col ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .rf-footer-links-col li {
        margin-bottom: 10px;
    }

    .rf-footer-links-col a {
        color: #666;
        text-decoration: none;
        transition: color 0.2s;
        font-size: 15px;
        font-family: 'Inter', sans-serif;
    }

        .rf-footer-links-col a:hover {
            color: #492A4B;
        }

/* Features Row */
.rf-footer-features-row {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    gap: 20px;
    border-top: none;
}

.rf-footer-feature {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.rf-footer-feature-icon {
    font-size: 32px;
    color: #492A4B;
    min-width: 40px;
    text-align: center;
}

.rf-footer-feature-text h5 {
    font-family: 'Itim', sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
    color: #492A4B;
}

.rf-footer-feature-text p {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

/* Bottom Copyright */
.rf-footer-bottom {
    padding: 20px 0;
    background-color: transparent;
    font-size: 14px;
    color: #888;
    text-align: center;
    font-family: 'Inter', sans-serif;
    margin-top: 20px;
}

.rf-footer-body {
    margin-left: 500px;
}

@media(max-width: 1400px) {
    .rf-footer-body {
        margin-left: 415px;
    }
}
@media(max-width: 1200px) {
    .rf-footer-body {
        margin-left: 330px;
    }
}


/* Responsive Styles */
@media (max-width: 991px) {
    .rf-footer-body {
        margin-left: 0px;
    }
    .rf-footer-links-row {
        flex-direction: column;
        text-align: center;
    }

    .rf-footer-links-col {
        text-align: center;
    }

    .rf-footer-features-row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .rf-footer-feature {
        flex: 0 0 45%; /* 2 columns on tablets */
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .rf-footer-feature-icon {
        margin-bottom: 10px;
    }
}


@media (max-width: 767px) {
    .rf-footer-body {
        display: flex;
        flex-direction: column;
    }

    .rf-footer-links-row {
        order: 2;
    }

    .rf-footer-features-row {
        order: 1;
        /* Optional adjustments for mobile spacing */
        padding-bottom: 0;
    }

    .rf-footer-links-row {
        padding-top: 20px;
    }
}

@media (max-width: 576px) {
    .rf-footer-feature {
        flex: 0 0 100%; /* 1 column on mobile */
    }
}

/* Ne Sunuyoruz – responsive image layout */
.ne-sunuyoruz-section .ne-sunuyoruz-image-wrapper {
    text-align: center;
}

.ne-sunuyoruz-section .ne-sunuyoruz-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Desktop / tablet: show horizontal, hide vertical */
@media (min-width: 768px) {
    .ne-sunuyoruz-section .ne-sunuyoruz-image--desktop {
        display: block;
    }

    .ne-sunuyoruz-section .ne-sunuyoruz-image--mobile {
        display: none;
    }
}

/* Mobile: show vertical, hide horizontal */
@media (max-width: 767px) {
    .ne-sunuyoruz-section .ne-sunuyoruz-image--desktop {
        display: none;
    }

    .ne-sunuyoruz-section .ne-sunuyoruz-image--mobile {
        display: block;
    }
}

/* === BLOG YATAY SCROLL === */
.blog-scroll-wrapper {
    overflow-x: auto;
    padding-bottom: 12px;
}

/* Bootstrap row override (tek satır) */
.blog-scroll-row {
    display: flex !important;
    flex-wrap: nowrap !important;
}

    /* Her kart genişliği (col-md-6 yerine fixed) */
    .blog-scroll-row .col-md-6 {
        flex: 0 0 360px;
        max-width: 360px;
    }

/* Kart yükseklik eşitleme */
.blog-card {
    height: 100%;
    display: flex;
}

.card-content,
.bc-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.bc-body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Açıklama alanı kartları eşitler */
.blog-card-description {
    flex-grow: 1;
}

/* Scroll bar stil */
.blog-scroll-wrapper::-webkit-scrollbar {
    height: 6px;
}

.blog-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

/* Mobil */
@media (max-width: 768px) {
    .blog-scroll-row .col-md-6 {
        flex: 0 0 320px;
        max-width: 320px;
    }
}

.blog-scroll-row {
    column-gap: 20px;
}

/* Blog görsellerini sabitle */
.bc-image {
    width: 100%;
    height: 220px; /* İstediğin sabit yükseklik */
    overflow: hidden;
}

    .bc-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* kırpmadan düzgün keser */
        display: block;
    }


.product-container {
    height: auto;
    margin-bottom: 30px;
    padding-top: 80px;
}

.service-process-section {
    background-color: #FEF4EA;
    padding-top: 65px;
    padding-bottom: 65px;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}

.rc-container {
    padding-top: 80px;
    padding-bottom: 50px;
}

@media (max-width: 768px) {
    .product-container {
        padding-top: 65px;
    }

    .service-process-section {
        padding-bottom:20px;
    }

    .rc-container {
        padding-top: 40px;
        padding-bottom: 50px;
    }

}