/*
|--------------------------------------------------------------------------
| ATELIER — FASHION / BOUTIQUE THEME
|--------------------------------------------------------------------------
| Bu dosya yalnızca Fashion temasına aittir.
| Ortak mağaza yapısı store.css içinde tutulur.
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| TEMA DEĞİŞKENLERİ
|--------------------------------------------------------------------------
*/

.store-theme-food {

    --atelier-black: #5c4632;
    --atelier-dark: #806b56;
    --atelier-cream: #fffaf2;
    --atelier-paper: #f6efe5;
    --atelier-sand: #eadfcd;
    --atelier-taupe: #b58b5b;
    --atelier-muted: #8a7662;
    --atelier-border: #e5d9ca;
    --atelier-accent: #b58b5b;
    --atelier-white: #ffffff;

    --atelier-soft-shadow:
        0 12px 35px rgba(23,
            23,
            23,
            0.07);

    --atelier-medium-shadow:
        0 22px 55px rgba(23,
            23,
            23,
            0.11);
}


/*
|--------------------------------------------------------------------------
| ANA ARKA PLAN
|--------------------------------------------------------------------------
*/

.store-theme-food.store-home {

    background:
        var(--atelier-cream);

    color:
        var(--atelier-black);
}


/*
|--------------------------------------------------------------------------
| GENEL CONTAINER
|--------------------------------------------------------------------------
*/

.store-theme-food .store-container {

    width:
        min(1360px,
            calc(100% - 56px));
}


/*
|--------------------------------------------------------------------------
| SECTION BAŞLIKLARI
|--------------------------------------------------------------------------
*/

.store-theme-food .section-heading {

    align-items:
        flex-end;

    margin-bottom:
        34px;
}

.store-theme-food .section-heading>div>span {

    color:
        var(--atelier-taupe);

    font-size: 12px;

    font-weight:
        600;

    letter-spacing:
        0.18em;
}

.store-theme-food .section-heading h2 {

    margin-top:
        9px;

    color:
        var(--atelier-black);

    font-size:
        clamp(30px,
            3.4vw,
            42px);

    font-weight:
        500;

    letter-spacing:
        -0.045em;
}

.store-theme-food .section-link {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        38px;

    padding:
        0 15px;

    border:
        1px solid var(--atelier-border);

    background:
        transparent;

    color:
        var(--atelier-black);

    font-size:
        10px;

    font-weight:
        500;

    letter-spacing:
        0.08em;

    text-decoration:
        none;

    text-transform:
        uppercase;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.store-theme-food .section-link:hover {

    border-color:
        var(--atelier-black);

    background:
        var(--atelier-black);

    color:
        var(--atelier-white);
}


/*
|--------------------------------------------------------------------------
| FASHION DUYURU BANDI
|--------------------------------------------------------------------------
*/

.store-theme-food .fashion-announcement-bar {

    position:
        relative;

    overflow:
        hidden;

    border-bottom:
        none;

    background:
        var(--atelier-accent);

    color:
        #ffffff;
}

.store-theme-food .fashion-announcement-inner {

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-start;

    gap:
        14px;

    width:
        max-content;

    min-height:
        38px;

    padding:
        0;

    white-space:
        nowrap;

    font-size: 12px;

    font-weight:
        600;

    letter-spacing:
        0.11em;

    will-change:
        transform;
}

.store-theme-food .fashion-announcement-inner.is-moving {

    animation:
        atelierAnnouncementMove 18s linear infinite;
}

.store-theme-food .fashion-announcement-inner:hover {

    animation-play-state:
        paused;
}

.store-theme-food .fashion-announcement-dot {

    color:
        rgba(255,
            255,
            255,
            0.55);
}


/*
|--------------------------------------------------------------------------
| DUYURU BANDI ANİMASYONU
|--------------------------------------------------------------------------
*/

@keyframes atelierAnnouncementMove {

    0% {

        transform:
            translateX(100vw);
    }

    100% {

        transform:
            translateX(-100%);
    }
}


/*
|--------------------------------------------------------------------------
| HERO
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-section {

    position:
        relative;

    overflow:
        hidden;

    background:
        var(--atelier-paper);
}

.store-theme-food .hero-container {

    grid-template-columns:
        minmax(0,
            0.82fr) minmax(470px,
            1.18fr);

    gap:
        30px;

    min-height:
        690px;

    padding:
        54px 0 68px;
}


/*
|--------------------------------------------------------------------------
| HERO SOL ALAN
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-content {

    max-width:
        590px;

    padding-right:
        20px;
}

.store-theme-food .hero-eyebrow {

    min-height:
        26px;

    padding:
        6px 11px;

    border:
        1px solid rgba(23,
            23,
            23,
            0.10);

    border-radius:
        999px;

    background:
        transparent;

    color:
        var(--atelier-black);

    font-size:
        8px;

    font-weight: 700;

    letter-spacing:
        0.17em;
}

.store-theme-food .hero-content h1 {

    margin:
        24px 0 0;

    max-width:
        580px;

    color:
        var(--atelier-black);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(54px,
            6.3vw,
            92px);

    font-weight:
        400;

    line-height:
        0.91;

    letter-spacing:
        -0.062em;
}

.store-theme-food .hero-content h1 span {

    display:
        block;

    margin-top:
        8px;

    color:
        var(--atelier-taupe);

    font-style:
        italic;
}

.store-theme-food .hero-content p {

    max-width:
        510px;

    margin:
        27px 0 0;

    color:
        var(--atelier-muted);

    font-size:
        13px;

    line-height:
        1.9;
}


/*
|--------------------------------------------------------------------------
| HERO BUTONLAR
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-actions {

    gap:
        9px;

    margin-top:
        29px;
}

.store-theme-food .hero-button {

    min-height:
        48px;

    padding:
        0 22px;

    border-radius:
        0;

    font-size: 12px;

    font-weight: 600;

    letter-spacing:
        0.04em;

    transition:
        transform 0.18s ease,
        background 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease;
}

.store-theme-food .hero-button:hover {

    transform:
        translateY(-2px);
}

.store-theme-food .hero-button-primary {

    background:
        var(--atelier-black);

    color:
        var(--atelier-white);
}

.store-theme-food .hero-button-primary:hover {

    background:
        #5c4632;
}

.store-theme-food .hero-button-secondary {

    border:
        1px solid var(--atelier-border);

    background:
        transparent;

    color:
        var(--atelier-black);
}

.store-theme-food .hero-button-secondary:hover {

    background:
        var(--atelier-white);
}


/*
|--------------------------------------------------------------------------
| HERO GÜVEN
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-trust {

    gap:
        10px 19px;

    margin-top:
        24px;

    color:
        var(--atelier-taupe);

    font-size:
        8px;

    font-weight:
        750;
}

.store-theme-food .hero-trust span {

    position:
        relative;
}

.store-theme-food .hero-trust span:not(:last-child)::after {

    content:
        "";

    position:
        absolute;

    top:
        50%;

    right:
        -11px;

    width:
        3px;

    height:
        3px;

    border-radius:
        50%;

    background:
        var(--atelier-sand);

    transform:
        translateY(-50%);
}


/*
|--------------------------------------------------------------------------
| HERO SAĞ ALAN
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-products {

    min-height:
        530px;
}

.store-theme-food .hero-product-stage {

    position:
        relative;

    width:
        100%;

    max-width:
        560px;

    height:
        520px;

    margin:
        0 auto;
}


/*
|--------------------------------------------------------------------------
| HERO SLIDER
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-slider {

    position:
        relative;

    width:
        100%;

    max-width:
        560px;

    height:
        520px;

    margin:
        0 auto;
}


/*
|--------------------------------------------------------------------------
| HERO SLIDE
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-slide {

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        100%;

    height:
        480px;

    overflow:
        hidden;

    border:
        none;

    opacity:
        0;

    visibility:
        hidden;

    transform:
        scale(0.97);

    transition:
        opacity 0.55s ease,
        visibility 0.55s ease,
        transform 0.55s ease;

    z-index:
        1;
}

.store-theme-food .hero-slide.is-active {

    opacity:
        1;

    visibility:
        visible;

    transform:
        scale(1);

    z-index:
        4;
}

/*
|--------------------------------------------------------------------------
| HERO GÖRSEL ALANI
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-slide .hero-product-image {

    width:
        100%;

    height:
        480px;

    overflow:
        hidden;

    background:
        transparent;
}

.store-theme-food .hero-slide .hero-product-image img {

    display:
        block;

    width:
        100%;

    height:
        100%;

    padding:
        0;

    box-sizing:
        border-box;

    object-fit:
        cover;

    object-position:
        center;

    background:
        transparent;
}


/*
|--------------------------------------------------------------------------
| HERO SLIDER NOKTALARI
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-slider-dots {

    position:
        absolute;

    left:
        50%;

    bottom:
        7px;

    z-index:
        20;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    transform:
        translateX(-50%);
}

.store-theme-food .hero-slider-dot {

    display:
        block;

    width:
        7px;

    height:
        7px;

    padding:
        0;

    margin:
        0;

    border:
        0;

    border-radius:
        50%;

    background:
        rgba(23,
            23,
            23,
            0.25);

    cursor:
        pointer;

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.store-theme-food .hero-slider-dot:hover {

    transform:
        scale(1.18);
}

.store-theme-food .hero-slider-dot.is-active {

    background:
        var(--atelier-black);

    transform:
        scale(1.35);
}


/*
|--------------------------------------------------------------------------
| HERO SLIDE HOVER
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-slide:hover {

    box-shadow:
        var(--atelier-medium-shadow);
}


/*
|--------------------------------------------------------------------------
| HERO GLOW
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-product-glow {

    width:
        390px;

    height:
        390px;

    background:
        radial-gradient(circle,
            rgba(255,
                255,
                255,
                0.90) 0%,
            rgba(255,
                255,
                255,
                0) 72%);
}


/*
|--------------------------------------------------------------------------
| HERO ETİKET
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-product-caption {

    bottom:
        8px;

    left:
        50%;

    padding:
        7px 11px;

    border:
        1px solid rgba(255,
            255,
            255,
            0.12);

    border-radius:
        0;

    background:
        rgba(23,
            23,
            23,
            0.62);

    box-shadow:
        0 6px 16px rgba(23,
            23,
            23,
            0.10);
}

.store-theme-food .hero-product-caption span {

    color:
        #ffffff;

    font-size:
        10px;

    font-weight:
        400;
}

.store-theme-food .hero-product-caption strong {

    color:
        #ffffff;

    font-size: 13px;

    line-height:
        1.2;

    font-weight:
        400;
}


/*
|--------------------------------------------------------------------------
| HERO BOŞ DURUM
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-empty {

    width:
        min(440px,
            100%);

    height:
        440px;

    border-radius:
        0;

    background:
        linear-gradient(135deg,
            #5c4632,
            #806b56);

    box-shadow:
        var(--atelier-medium-shadow);
}

.store-theme-food .hero-empty span {

    color:
        #b58b5b;

    font-size:
        10px;

    letter-spacing:
        0.19em;
}

.store-theme-food .hero-empty strong {

    margin-top:
        10px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        42px;

    font-weight:
        400;
}


/*
|--------------------------------------------------------------------------
| AVANTAJLAR
|--------------------------------------------------------------------------
*/

.store-theme-food .benefits-section {

    border-bottom:
        none;

    background:
        var(--atelier-cream);
}

.store-theme-food .benefits-grid {

    display:
        grid;

    grid-template-columns:
        repeat(4,
            minmax(0,
                1fr));

    gap:
        0;

    width:
        100%;

    max-width:
        1200px;

    margin:
        0 auto;

    padding:
        0;
}

.store-theme-food .benefit-item {

    min-width:
        0;

    min-height:
        86px;

    box-sizing:
        border-box;

    padding:
        15px 24px;

    border:
        1px solid var(--atelier-border);

    border-right:
        none;
}

.store-theme-food .benefit-item:last-child {

    border-right:
        1px solid var(--atelier-border);
}

.store-theme-food .benefit-icon {

    width:
        34px;

    height:
        34px;

    flex:
        0 0 34px;

    border:
        1px solid var(--atelier-border);

    border-radius:
        50%;

    background:
        transparent;

    color:
        var(--atelier-black);

    font-size: 12px;
}

.store-theme-food .benefit-item strong {

    color:
        var(--atelier-black);

    font-size: 12px;

    font-weight: 600;
}

.store-theme-food .benefit-item span {

    color:
        var(--atelier-taupe);

    font-size:
        10px;
}



/*
|--------------------------------------------------------------------------
| KATEGORİLER
|--------------------------------------------------------------------------
*/

.store-theme-food .categories-section {

    padding-top:
        98px;

    background:
        var(--atelier-cream);
}


/*
|--------------------------------------------------------------------------
| KATEGORİ SLIDER WRAPPER
|--------------------------------------------------------------------------
*/

.store-theme-food .categories-slider-wrap {

    position:
        relative;

    width:
        100%;
}


/*
|--------------------------------------------------------------------------
| YATAY KATEGORİ SLIDER
|--------------------------------------------------------------------------
*/

.store-theme-food .categories-grid {

    display:
        flex;

    flex-wrap:
        nowrap;

    gap:
        12px;

    width:
        100%;

    overflow-x:
        auto;

    overflow-y:
        hidden;

    padding:
        4px 2px 14px;

    scroll-behavior:
        smooth;

    scrollbar-width:
        none;

    -webkit-overflow-scrolling:
        touch;
}

.store-theme-food .categories-grid::-webkit-scrollbar {

    display:
        none;
}


/*
|--------------------------------------------------------------------------
| KATEGORİ OKLARI
|--------------------------------------------------------------------------
*/

.store-theme-food .categories-arrow {

    position:
        absolute;

    top:
        50%;

    z-index:
        20;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        44px;

    height:
        44px;

    padding:
        0;

    border:
        1px solid var(--atelier-border);

    border-radius:
        50%;

    background:
        rgba(255,
            255,
            255,
            0.96);

    color:
        var(--atelier-black);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        27px;

    font-weight:
        400;

    line-height:
        1;

    cursor:
        pointer;

    transform:
        translateY(-50%);

    box-shadow:
        0 8px 25px rgba(23,
            23,
            23,
            0.12);

    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        opacity 0.2s ease,
        transform 0.2s ease;
}

.store-theme-food .categories-arrow:hover {

    border-color:
        var(--atelier-black);

    background:
        var(--atelier-black);

    color:
        var(--atelier-white);

    transform:
        translateY(-50%) scale(1.05);
}

.store-theme-food .categories-arrow-prev {

    left:
        -22px;
}

.store-theme-food .categories-arrow-next {

    right:
        -22px;
}

.store-theme-food .categories-arrow.is-disabled {

    opacity:
        0;

    pointer-events:
        none;
}


/*
|--------------------------------------------------------------------------
| KATEGORİ KARTI
|--------------------------------------------------------------------------
*/

.store-theme-food .category-card {

    position:
        relative;

    display:
        block;

    flex:
        0 0 270px;

    width:
        270px;

    min-height:
        330px;

    overflow:
        hidden;

    border:
        none;

    border-radius:
        0;

    background:
        var(--atelier-black);

    box-shadow:
        none;

    text-decoration:
        none;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.store-theme-food .category-card:hover {

    transform:
        translateY(-6px);

    box-shadow:
        0 18px 40px rgba(0,
            0,
            0,
            0.14);
}


/*
|--------------------------------------------------------------------------
| KATEGORİ GÖRSELİ
|--------------------------------------------------------------------------
*/

.store-theme-food .category-image {

    display:
        block;

    width:
        100%;

    height:
        330px;

    object-fit:
        cover;

    filter:
        saturate(0.78);

    transition:
        transform 0.55s ease,
        filter 0.55s ease;
}

.store-theme-food .category-card:hover .category-image {

    transform:
        scale(1.055);

    filter:
        saturate(1);
}


/*
|--------------------------------------------------------------------------
| GÖRSEL YOKSA
|--------------------------------------------------------------------------
*/

.store-theme-food .category-fallback {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        100%;

    height:
        100%;

    min-height:
        330px;

    background:
        linear-gradient(135deg,
            #f1e7d8,
            #eadfcd);
}


/*
|--------------------------------------------------------------------------
| KATEGORİ OVERLAY
|--------------------------------------------------------------------------
*/

.store-theme-food .category-overlay {

    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(180deg,
            rgba(20,
                20,
                20,
                0.02) 20%,
            rgba(20,
                20,
                20,
                0.82) 100%);

    pointer-events:
        none;
}


/*
|--------------------------------------------------------------------------
| KATEGORİ OVERLAY
|--------------------------------------------------------------------------
*/

.store-theme-food .category-content {

    position:
        absolute;

    right:
        24px;

    bottom:
        23px;

    left:
        24px;

    z-index:
        2;
}

.store-theme-food .category-content span {

    display:
        block;

    color:
        rgba(255,
            255,
            255,
            0.68);

    font-size:
        10px;

    letter-spacing:
        0.17em;
}

.store-theme-food .category-content strong {

    display:
        block;

    margin-top:
        7px;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        25px;

    font-weight:
        400;

    line-height:
        1.15;

    letter-spacing:
        -0.03em;
}

.store-theme-food .category-content small {

    display:
        block;

    margin-top:
        12px;

    color:
        rgba(255,
            255,
            255,
            0.88);

    font-size: 12px;

    font-weight:
        700;

    letter-spacing:
        0.02em;
}



/*
|--------------------------------------------------------------------------
| ÜRÜNLER
|--------------------------------------------------------------------------
*/

.store-theme-food .products-section {

    background:
        var(--atelier-paper);
}

.store-theme-food .products-grid {

    gap:
        10px;
}

.store-theme-food .product-card {
    min-width:
        0;
    border:
        1px solid var(--atelier-border);

    border-radius:
        0;

    background:
        var(--atelier-white);

    box-shadow:
        none;
}

.store-theme-food .product-card:hover {

    transform:
        translateY(-5px);

    border-color:
        #eadfcd;

    box-shadow:
        var(--atelier-medium-shadow);
}

.store-theme-food .product-image {

    aspect-ratio:
        4 / 5;

    background:
        #fffaf2;
}

.store-theme-food .product-image img {

    display:
        block;

    width:
        100%;

    height:
        100%;

    padding:
        0;

    object-fit:
        cover;

    object-position:
        center;

    transition:
        transform 0.42s ease;
}

.store-theme-food .product-card:hover .product-image img {
    transform:
        scale(1.10);
}

.store-theme-food .product-placeholder {

    background:
        linear-gradient(145deg,
            #f6efe5,
            #f1e7d8);
}

.store-theme-food .product-placeholder span {

    width:
        72px;

    height:
        72px;

    background:
        rgba(255,
            255,
            255,
            0.86);

    color:
        var(--atelier-taupe);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        26px;

    font-weight:
        400;
}

.store-theme-food .product-badge {

    top:
        10px;

    left:
        10px;
    z-index:
        10;
    padding:
        6px 8px;

    border-radius:
        0;

    background:
        var(--atelier-black);

    font-size:
        7px;

    font-weight: 600;

    letter-spacing:
        0.08em;

}

.store-theme-food .product-badge-sale {

    background:
        var(--atelier-accent);
}

.store-theme-food .product-info {

    padding:
        17px 16px 20px;
}

.store-theme-food .product-category-label {

    color:
        var(--atelier-taupe);

    font-size:
        7px;

    letter-spacing:
        0.14em;
}

.store-theme-food .product-info h3 {

    min-height:
        42px;

    margin-top:
        8px;

    color:
        var(--atelier-black);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.4;

    letter-spacing:
        -0.01em;
}

.store-theme-food .product-price-row {

    gap:
        8px;

    margin-top:
        14px;
}

.store-theme-food .product-price {

    color:
        var(--atelier-black);

    font-size:
        13px;

    font-weight: 600;
}

.store-theme-food .product-old-price {

    color:
        #8a7662;

    font-size: 12px;
}


/*
|--------------------------------------------------------------------------
| ÇOK SATANLAR
|--------------------------------------------------------------------------
*/

.store-theme-food .best-sellers-section {

    background:
        var(--atelier-paper);
}

.store-theme-food .best-sellers-slider-wrap {

    gap:
        14px;
}

.store-theme-food .best-sellers-slider {

    gap:
        10px;

    padding-bottom:
        14px;
}

.store-theme-food .best-sellers-arrow {

    width:
        42px;

    height:
        42px;

    flex:
        0 0 42px;

    border:
        1px solid var(--atelier-border);

    border-radius:
        50%;

    background:
        var(--atelier-cream);

    color:
        var(--atelier-black);

    box-shadow:
        none;
}

.store-theme-food .best-sellers-arrow:hover {

    border-color:
        var(--atelier-black);

    background:
        var(--atelier-black);

    color:
        var(--atelier-white);
}


/*
|--------------------------------------------------------------------------
| MARKALAR
|--------------------------------------------------------------------------
*/

.store-theme-food .brand-intro-section {

    padding:
        98px 0;

    background:
        var(--atelier-cream);
}

.store-theme-food .brand-intro-card {

    gap:
        65px;

    padding:
        52px;

    border:
        1px solid var(--atelier-border);

    border-radius:
        0;

    background:
        var(--atelier-paper);
}

.store-theme-food .brand-intro-copy>span {

    color:
        var(--atelier-taupe);

    font-size:
        8px;

    letter-spacing:
        0.18em;
}

.store-theme-food .brand-intro-copy h2 {

    margin-top:
        12px;

    color:
        var(--atelier-black);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        38px;

    font-weight:
        400;

    line-height:
        1.04;

    letter-spacing:
        -0.04em;
}

.store-theme-food .brand-intro-copy p {

    max-width:
        390px;

    margin-top:
        16px;

    color:
        var(--atelier-muted);

    font-size: 12px;

    line-height:
        1.8;
}

.store-theme-food .brand-intro-names {

    gap:
        8px;
}

.store-theme-food .brand-intro-names span {

    min-width:
        135px;

    min-height:
        58px;

    border:
        1px solid var(--atelier-border);

    border-radius:
        0;

    background:
        var(--atelier-cream);

    color:
        var(--atelier-black);

    font-size:
        8px;

    letter-spacing:
        0.11em;
}


/*
|--------------------------------------------------------------------------
| YORUMLAR
|--------------------------------------------------------------------------
*/

.store-theme-food .reviews-section {

    background:
        #f7f3ed;
}

.store-theme-food .reviews-grid {

    gap:
        10px;
}

.store-theme-food .review-card {

    height:
        270px;

    padding:
        25px;

    border:
        1px solid var(--atelier-border);

    border-radius:
        0;

    background:
        var(--atelier-cream);

    box-shadow:
        none;
}

.store-theme-food .review-card:hover {

    transform:
        translateY(-4px);

    border-color:
        #e5d9ca;

    box-shadow:
        var(--atelier-soft-shadow);
}

.store-theme-food .review-stars {

    color:
        var(--atelier-accent);

    font-size: 12px;

    letter-spacing:
        3px;
}

.store-theme-food .review-comment {

    margin-top:
        17px;

    color:
        var(--atelier-muted);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        13px;

    line-height:
        1.8;
}

.store-theme-food .review-meta {

    padding-top:
        15px;

    border-top:
        1px solid var(--atelier-border);
}

.store-theme-food .review-meta strong {

    color:
        var(--atelier-black);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        12px;

    font-weight:
        400;
}

.store-theme-food .review-meta span {

    color:
        var(--atelier-taupe);

    font-size:
        8px;
}

.store-theme-food .review-read-more {

    color:
        var(--atelier-black);

    font-size:
        8px;

    font-weight: 600;

    letter-spacing:
        0.03em;
}


/*
|--------------------------------------------------------------------------
| YORUM MODALI
|--------------------------------------------------------------------------
*/

.store-theme-food .review-modal-backdrop {

    background:
        rgba(23,
            23,
            23,
            0.70);

    backdrop-filter:
        blur(5px);

    -webkit-backdrop-filter:
        blur(5px);
}

.store-theme-food .review-modal-dialog {

    border:
        1px solid var(--atelier-border);

    border-radius:
        0;

    background:
        var(--atelier-cream);

    box-shadow:
        0 30px 80px rgba(23,
            23,
            23,
            0.23);
}

.store-theme-food .review-modal-close {

    border-radius:
        50%;

    background:
        var(--atelier-paper);

    color:
        var(--atelier-black);
}

.store-theme-food .review-modal-close:hover {

    background:
        var(--atelier-black);

    color:
        var(--atelier-white);
}

.store-theme-food .review-modal-stars {

    color:
        var(--atelier-accent);
}

.store-theme-food .review-modal-product {

    color:
        var(--atelier-taupe);
}

.store-theme-food .review-modal-dialog h3 {

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        25px;

    font-weight:
        400;
}

.store-theme-food .review-modal-comment {

    color:
        var(--atelier-muted);

    font-family:
        Georgia,
        "Times New Roman",
        serif;
}


/*
|--------------------------------------------------------------------------
| CTA
|--------------------------------------------------------------------------
*/

.store-theme-food .cta-section {

    padding:
        0 0 98px;

    background:
        var(--atelier-cream);
}

.store-theme-food .cta-card {

    position:
        relative;

    overflow:
        hidden;

    align-items:
        center;

    padding:
        58px 60px;

    border-radius:
        0;

    background:
        var(--atelier-black);

    color:
        var(--atelier-white);

    box-shadow:
        var(--atelier-medium-shadow);
}

.store-theme-food .cta-card::before {

    content:
        "";

    position:
        absolute;

    top:
        -120px;

    right:
        -70px;

    width:
        320px;

    height:
        320px;

    border:
        1px solid rgba(255,
            255,
            255,
            0.08);

    border-radius:
        50%;
}

.store-theme-food .cta-content {

    position:
        relative;

    z-index:
        2;
}

.store-theme-food .cta-content>span {

    color:
        #8a7662;

    font-size:
        8px;

    letter-spacing:
        0.18em;
}

.store-theme-food .cta-card h2 {

    margin-top:
        11px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        38px;

    font-weight:
        400;

    letter-spacing:
        -0.03em;
}

.store-theme-food .cta-card p {

    max-width:
        570px;

    margin-top:
        11px;

    color:
        #8a7662;

    font-size: 12px;

    line-height:
        1.75;
}

.store-theme-food .cta-button {

    position:
        relative;

    z-index:
        2;

    min-height:
        49px;

    padding:
        0 22px;

    border-radius:
        0;

    background:
        var(--atelier-white);

    color:
        var(--atelier-black);

    font-size: 12px;

    font-weight: 700;

    letter-spacing:
        0.05em;
}

.store-theme-food .cta-button:hover {

    background:
        #f7f3ed;
}


/*
|--------------------------------------------------------------------------
| ATELIER EDİTORYAL
|--------------------------------------------------------------------------
*/

.store-theme-food .atelier-editorial-section {

    padding:
        100px 0;

    background:
        var(--atelier-cream);
}


/*
|--------------------------------------------------------------------------
| EDİTORYAL BAŞLIK
|--------------------------------------------------------------------------
*/

.store-theme-food .atelier-editorial-header {

    display:
        grid;

    grid-template-columns:
        minmax(0,
            1fr) minmax(300px,
            0.55fr);

    gap:
        60px;

    align-items:
        end;

    margin-bottom:
        30px;
}

.store-theme-food .atelier-editorial-header>div>span {

    color:
        var(--atelier-taupe);

    font-size:
        8px;

    font-weight: 600;

    letter-spacing:
        0.17em;

    text-transform:
        uppercase;
}

.store-theme-food .atelier-editorial-header h2 {

    margin:
        9px 0 0;

    color:
        var(--atelier-black);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(34px,
            4vw,
            50px);

    font-weight:
        400;

    line-height:
        1;

    letter-spacing:
        -0.045em;
}

.store-theme-food .atelier-editorial-header p {

    max-width:
        440px;

    margin:
        0;

    color:
        var(--atelier-muted);

    font-size: 12px;

    line-height:
        1.85;
}


/*
|--------------------------------------------------------------------------
| EDİTORYAL SLIDER WRAPPER
|--------------------------------------------------------------------------
*/

.store-theme-food .atelier-editorial-slider-wrap {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    width:
        100%;
}


/*
|--------------------------------------------------------------------------
| EDİTORYAL SLIDER
|--------------------------------------------------------------------------
*/

.store-theme-food .atelier-editorial-slider {

    display:
        flex;

    flex:
        1 1 auto;

    gap:
        12px;

    width:
        100%;

    min-width:
        0;

    overflow-x:
        auto;

    overflow-y:
        hidden;

    padding:
        4px 2px 16px;

    scrollbar-width:
        none;

    scroll-behavior:
        smooth;

    scroll-snap-type:
        x mandatory;

    cursor:
        grab;

    user-select:
        none;

    -webkit-user-select:
        none;
}

.store-theme-food .atelier-editorial-slider::-webkit-scrollbar {

    display:
        none;
}

.store-theme-food .atelier-editorial-slider.is-dragging {

    cursor:
        grabbing;

    scroll-behavior:
        auto;

    scroll-snap-type:
        none;
}


/*
|--------------------------------------------------------------------------
| EDİTORYAL ÜRÜN KARTI
|--------------------------------------------------------------------------
*/

.store-theme-food .atelier-editorial-product {

    position:
        relative;

    display:
        flex;

    flex:
        0 0 calc((100% - 36px) / 4);

    flex-direction:
        column;

    min-width:
        0;

    overflow:
        hidden;

    border:
        1px solid var(--atelier-border);

    border-radius:
        0;

    background:
        var(--atelier-white);

    color:
        var(--atelier-black);

    text-decoration:
        none;

    scroll-snap-align:
        start;

    box-shadow:
        none;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.store-theme-food .atelier-editorial-product:hover {

    transform:
        translateY(-5px);

    border-color:
        #eadfcd;

    box-shadow:
        var(--atelier-medium-shadow);
}


/*
|--------------------------------------------------------------------------
| EDİTORYAL ÜRÜN GÖRSELİ
|--------------------------------------------------------------------------
*/

.store-theme-food .atelier-editorial-product-image {

    position:
        relative;

    width:
        100%;

    aspect-ratio:
        4 / 5;

    overflow:
        hidden;

    background:
        #fffaf2;
}

.store-theme-food .atelier-editorial-product-image img {

    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    object-position:
        center;

    transition:
        transform 0.42s ease;
}

.store-theme-food .atelier-editorial-product:hover .atelier-editorial-product-image img {

    transform:
        scale(1.045);
}


/*
|--------------------------------------------------------------------------
| EDİTORYAL PLACEHOLDER
|--------------------------------------------------------------------------
*/

.store-theme-food .atelier-editorial-product-placeholder {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        100%;

    height:
        100%;

    background:
        linear-gradient(145deg,
            #f6efe5,
            #ddd4ca);
}

.store-theme-food .atelier-editorial-product-placeholder span {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        70px;

    height:
        70px;

    border-radius:
        50%;

    background:
        rgba(255,
            255,
            255,
            0.85);

    color:
        var(--atelier-taupe);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        27px;

    font-weight:
        400;
}


/*
|--------------------------------------------------------------------------
| EDİTORYAL ÜRÜN BİLGİSİ
|--------------------------------------------------------------------------
*/

.store-theme-food .atelier-editorial-product-info {

    display:
        flex;

    flex-direction:
        column;

    min-height:
        112px;

    padding:
        15px 15px 17px;
}

.store-theme-food .atelier-editorial-product-info span {

    color:
        var(--atelier-taupe);

    font-size:
        7px;

    font-weight: 600;

    letter-spacing:
        0.14em;
}

.store-theme-food .atelier-editorial-product-info strong {

    margin-top:
        7px;

    overflow:
        hidden;

    color:
        var(--atelier-black);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.35;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.store-theme-food .atelier-editorial-product-info small {

    margin-top:
        auto;

    color:
        var(--atelier-black);

    font-size:
        8px;

    font-weight: 600;

    letter-spacing:
        0.03em;
}


/*
|--------------------------------------------------------------------------
| EDİTORYAL OKLAR
|--------------------------------------------------------------------------
*/

.store-theme-food .atelier-editorial-arrow {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        42px;

    height:
        42px;

    flex:
        0 0 42px;

    padding:
        0;

    border:
        1px solid var(--atelier-border);

    border-radius:
        50%;

    background:
        var(--atelier-cream);

    color:
        var(--atelier-black);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        25px;

    font-weight:
        400;

    line-height:
        1;

    cursor:
        pointer;

    transition:
        background 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}

.store-theme-food .atelier-editorial-arrow:hover {

    border-color:
        var(--atelier-black);

    background:
        var(--atelier-black);

    color:
        var(--atelier-white);

    transform:
        scale(1.04);
}

.store-theme-food .atelier-editorial-arrow:disabled {

    opacity:
        0.35;

    cursor:
        default;

    transform:
        none;
}


/*
|--------------------------------------------------------------------------
| SHOP THE LOOK
|--------------------------------------------------------------------------
*/

.store-theme-food .atelier-look-section {
    box-sizing:
        border-box;
    display:
        grid;

    grid-template-columns:
        minmax(280px,
            0.7fr) minmax(0,
            1.3fr);

    gap:
        34px;

    margin-top:
        42px;

    padding:
        48px;

    border:
        1px solid var(--atelier-border);

    background:
        var(--atelier-paper);
}

.store-theme-food .atelier-look-copy {

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        center;

    flex-direction:
        column;
}

.store-theme-food .atelier-look-copy>span {

    color:
        var(--atelier-taupe);

    font-size:
        12px;

    font-weight:
        600;

    letter-spacing:
        0.16em;

    text-transform:
        uppercase;
}


.store-theme-food .atelier-look-copy h2 {

    margin:
        10px 0 0;

    color:
        var(--atelier-black);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        38px;

    font-weight:
        400;

    line-height:
        1.08;

    letter-spacing:
        -0.035em;
}


.store-theme-food .atelier-look-copy p {

    max-width:
        390px;

    margin:
        16px 0 0;

    color:
        var(--atelier-muted);

    font-size:
        15px;

    font-weight:
        400;

    line-height:
        1.75;
}

.store-theme-food .atelier-look-button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        43px;

    margin-top:
        22px;

    padding:
        0 17px;

    background:
        var(--atelier-black);

    color:
        #ffffff;

    font-size:
        8px;

    font-weight: 600;

    letter-spacing:
        0.05em;

    text-decoration:
        none;
}

.store-theme-food .atelier-look-button:hover {

    background:
        #5c4632;
}

.store-theme-food .atelier-look-products {

    display:
        grid;

    grid-template-columns:
        repeat(3,
            minmax(0,
                1fr));

    gap:
        9px;
}

.store-theme-food .atelier-look-product {

    min-width:
        0;

    color:
        inherit;

    text-decoration:
        none;
}

.store-theme-food .atelier-look-image {

    width:
        100%;

    aspect-ratio:
        4 / 5;

    overflow:
        hidden;

    background:
        #ffffff;
}

.store-theme-food .atelier-look-image img {

    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    object-position:
        center;

    transition:
        transform 0.35s ease;
}

.store-theme-food .atelier-look-product:hover img {

    transform:
        scale(1.035);
}

.store-theme-food .atelier-look-info {

    display:
        flex;

    flex-direction:
        column;

    padding:
        10px 2px 0;
}

.store-theme-food .atelier-look-info span {

    color:
        var(--atelier-taupe);

    font-size:
        6px;

    font-weight: 600;

    letter-spacing:
        0.13em;
}

.store-theme-food .atelier-look-info strong {

    margin-top:
        5px;

    overflow:
        hidden;

    color:
        var(--atelier-black);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 12px;

    font-weight:
        400;

    line-height:
        1.35;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media (max-width: 1050px) {

    .store-theme-food .store-container {

        width:
            min(calc(100% - 36px),
                1360px);
    }


    /*
    |--------------------------------------------------------------------------
    | HERO
    |--------------------------------------------------------------------------
    */

    .store-theme-food .hero-container {

        grid-template-columns:
            1fr;

        gap:
            12px;

        min-height:
            auto;

        padding:
            54px 0 64px;
    }

    .store-theme-food .hero-content {

        max-width:
            760px;

        margin:
            0 auto;

        padding:
            0;

        text-align:
            center;
    }

    .store-theme-food .hero-content h1 {

        font-size:
            clamp(48px,
                9vw,
                78px);
    }

    .store-theme-food .hero-content p {

        margin-right:
            auto;

        margin-left:
            auto;
    }

    .store-theme-food .hero-actions {

        justify-content:
            center;
    }

    .store-theme-food .hero-trust {

        justify-content:
            center;
    }

    .store-theme-food .hero-products {

        min-height:
            500px;
    }

    .store-theme-food .hero-product-stage {

        height:
            490px;

        max-width:
            540px;
    }

    .store-theme-food .hero-slider {

        max-width:
            540px;

        height:
            500px;
    }

    .store-theme-food .hero-slide {

        height:
            460px;
    }

    .store-theme-food .hero-slide .hero-product-image {

        height:
            460px;
    }


    /*
    |--------------------------------------------------------------------------
    | AVANTAJLAR
    |--------------------------------------------------------------------------
    */

    .store-theme-food .benefits-grid {

        grid-template-columns:
            repeat(2,
                minmax(0,
                    1fr));
    }

    .store-theme-food .benefit-item {

        border-bottom:
            1px solid var(--atelier-border);
    }


    /*
    |--------------------------------------------------------------------------
    | ÜRÜNLER
    |--------------------------------------------------------------------------
    */

    .store-theme-food .products-grid {

        grid-template-columns:
            repeat(2,
                minmax(0,
                    1fr));
    }


    /*
    |--------------------------------------------------------------------------
    | MARKALAR
    |--------------------------------------------------------------------------
    */

    .store-theme-food .brand-intro-card {

        grid-template-columns:
            1fr;

        gap:
            35px;
    }


    /*
    |--------------------------------------------------------------------------
    | YORUMLAR
    |--------------------------------------------------------------------------
    */

    .store-theme-food .reviews-grid {

        grid-template-columns:
            repeat(2,
                minmax(0,
                    1fr));
    }


    /*
    |--------------------------------------------------------------------------
    | EDİTORYAL SLIDER
    |--------------------------------------------------------------------------
    */

    .store-theme-food .atelier-editorial-product {

        flex-basis:
            calc((100% - 24px) / 3);
    }


    /*
    |--------------------------------------------------------------------------
    | KATEGORİ MOUSE EFEKTİ
    |--------------------------------------------------------------------------
    */

    .store-theme-food .category-card {

        transform:
            none;
    }

    .store-theme-food .category-card.is-mouse-active {

        transform:
            none;
    }
}


/*
|--------------------------------------------------------------------------
| MOBİL
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .store-theme-food .store-container {

        width:
            calc(100% - 28px);
    }

    .store-theme-food .home-section {

        padding:
            70px 0;
    }

    .store-theme-food .section-heading {

        align-items:
            flex-start;

        gap:
            12px;

        margin-bottom:
            24px;
    }

    .store-theme-food .section-heading h2 {

        font-size:
            29px;
    }


    /*
    |--------------------------------------------------------------------------
    | DUYURU BANDI
    |--------------------------------------------------------------------------
    */

    .store-theme-food .fashion-announcement-inner {

        min-height:
            30px;

        gap:
            10px;

        font-size:
            7px;

        letter-spacing:
            0.08em;
    }

    .store-theme-food .fashion-announcement-dot {

        display:
            none;
    }


    /*
    |--------------------------------------------------------------------------
    | HERO
    |--------------------------------------------------------------------------
    */

    .store-theme-food .hero-container {

        padding:
            38px 0 48px;
    }

    .store-theme-food .hero-content h1 {

        font-size:
            49px;
    }

    .store-theme-food .hero-content p {

        font-size:
            12px;

        line-height:
            1.8;
    }

    .store-theme-food .hero-button {

        min-height:
            45px;

        padding:
            0 16px;
    }

    .store-theme-food .hero-trust {

        gap:
            7px 12px;
    }

    .store-theme-food .hero-trust span:not(:last-child)::after {

        display:
            none;
    }


    /*
    |--------------------------------------------------------------------------
    | HERO SLIDER MOBİL
    |--------------------------------------------------------------------------
    */

    .store-theme-food .hero-products {

        min-height:
            400px;
    }

    .store-theme-food .hero-product-stage {

        height:
            390px;

        max-width:
            100%;
    }

    .store-theme-food .hero-slider {

        width:
            100%;

        max-width:
            100%;

        height:
            390px;
    }

    .store-theme-food .hero-slide {

        width:
            100%;

        height:
            350px;
    }

    .store-theme-food .hero-slide .hero-product-image {

        height:
            350px;
    }

    .store-theme-food .hero-slider-dots {

        bottom:
            5px;

        gap:
            7px;
    }

    .store-theme-food .hero-slider-dot {

        width:
            6px;

        height:
            6px;
    }


    /*
    |--------------------------------------------------------------------------
    | AVANTAJLAR
    |--------------------------------------------------------------------------
    */

    .store-theme-food .benefits-grid {

        grid-template-columns:
            1fr;
    }

    .store-theme-food .benefit-item {

        min-height:
            74px;

        border-left:
            1px solid var(--atelier-border);

        border-right:
            1px solid var(--atelier-border);
    }


    /*
    |--------------------------------------------------------------------------
    | KATEGORİLER
    |--------------------------------------------------------------------------
    */

    .store-theme-food .categories-section {

        padding-top:
            72px;
    }

    .store-theme-food .categories-grid {

        gap:
            8px;

        padding:
            3px 1px 10px;

        touch-action:
            pan-x;

        overscroll-behavior-x:
            contain;
    }

    .store-theme-food .category-card {

        flex:
            0 0 210px;

        width:
            210px;

        min-height:
            270px;

        transform:
            none !important;
    }

    .store-theme-food .category-card.is-mouse-active {

        transform:
            none !important;
    }

    .store-theme-food .category-fallback {

        min-height:
            270px;
    }

    .store-theme-food .category-content {

        right:
            14px;

        bottom:
            14px;

        left:
            14px;

        transform:
            none;
    }

    .store-theme-food .category-content strong {

        font-size:
            17px;
    }

    .store-theme-food .category-content small {

        margin-top:
            8px;

        font-size:
            8px;
    }


    /*
    |--------------------------------------------------------------------------
    | ÜRÜNLER
    |--------------------------------------------------------------------------
    */

    .store-theme-food .products-grid {

        gap:
            8px;
    }

    .store-theme-food .product-info {

        padding:
            12px 11px 15px;
    }

    .store-theme-food .product-category-label {

        font-size:
            6px;
    }

    .store-theme-food .product-info h3 {

        min-height:
            34px;

        font-size: 12px;
    }

    .store-theme-food .product-price {

        font-size:
            12px;
    }


    /*
    |--------------------------------------------------------------------------
    | ÇOK SATANLAR
    |--------------------------------------------------------------------------
    */

    .store-theme-food .best-sellers-slider-wrap {

        gap:
            5px;
    }

    .store-theme-food .best-sellers-slider {

        grid-auto-columns:
            calc((100% - 8px) / 2);

        gap:
            8px;
    }

    .store-theme-food .best-sellers-arrow {

        width:
            31px;

        height:
            31px;

        flex-basis:
            31px;

        font-size:
            20px;
    }


    /*
    |--------------------------------------------------------------------------
    | EDİTORYAL
    |--------------------------------------------------------------------------
    */

    .store-theme-food .atelier-editorial-section {

        padding:
            70px 0;
    }

    .store-theme-food .atelier-editorial-header {

        grid-template-columns:
            1fr;

        gap:
            14px;

        margin-bottom:
            22px;
    }

    .store-theme-food .atelier-editorial-header h2 {

        font-size:
            31px;
    }

    .store-theme-food .atelier-editorial-header p {

        max-width:
            100%;

        font-size: 12px;

        line-height:
            1.75;
    }


    /*
    |--------------------------------------------------------------------------
    | EDİTORYAL SLIDER MOBİL
    |--------------------------------------------------------------------------
    */

    .store-theme-food .atelier-editorial-slider-wrap {

        gap:
            6px;
    }

    .store-theme-food .atelier-editorial-slider {

        gap:
            9px;

        padding:
            3px 2px 13px;

        scroll-snap-type:
            x mandatory;

        touch-action:
            pan-y;
    }

    .store-theme-food .atelier-editorial-product {

        flex-basis:
            78%;

        scroll-snap-align:
            start;
    }

    .store-theme-food .atelier-editorial-product-info {

        min-height:
            98px;

        padding:
            12px 12px 14px;
    }

    .store-theme-food .atelier-editorial-product-info span {

        font-size:
            6px;
    }

    .store-theme-food .atelier-editorial-product-info strong {

        font-size:
            13px;
    }

    .store-theme-food .atelier-editorial-product-info small {

        font-size:
            7px;
    }

    .store-theme-food .atelier-editorial-arrow {

        width:
            32px;

        height:
            32px;

        flex-basis:
            32px;

        font-size:
            20px;
    }


    /*
    |--------------------------------------------------------------------------
    | SHOP THE LOOK
    |--------------------------------------------------------------------------
    */

    .store-theme-food .atelier-look-section {

        grid-template-columns:
            1fr;

        margin-top:
            30px;

        padding:
            25px 20px;
    }

    .store-theme-food .atelier-look-copy h2 {

        font-size:
            29px;
    }

    .store-theme-food .atelier-look-products {

        gap:
            7px;
    }


    /*
    |--------------------------------------------------------------------------
    | MARKALAR
    |--------------------------------------------------------------------------
    */

    .store-theme-food .brand-intro-section {

        padding:
            68px 0;
    }

    .store-theme-food .brand-intro-card {

        gap:
            25px;

        padding:
            28px 21px;
    }

    .store-theme-food .brand-intro-copy h2 {

        font-size:
            29px;
    }

    .store-theme-food .brand-intro-names {

        gap:
            6px;
    }

    .store-theme-food .brand-intro-names span {

        min-width:
            calc(50% - 3px);

        min-height:
            47px;

        padding:
            0 7px;

        font-size:
            7px;
    }


    /*
    |--------------------------------------------------------------------------
    | YORUMLAR
    |--------------------------------------------------------------------------
    */

    .store-theme-food .reviews-grid {

        grid-template-columns:
            1fr;
    }

    .store-theme-food .review-card {

        height:
            230px;

        padding:
            20px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .store-theme-food .cta-section {

        padding-bottom:
            65px;
    }

    .store-theme-food .cta-card {

        align-items:
            flex-start;

        flex-direction:
            column;

        padding:
            34px 23px;
    }

    .store-theme-food .cta-card h2 {

        font-size:
            28px;
    }

    .store-theme-food .cta-button {

        width:
            100%;
    }
}


/*
|--------------------------------------------------------------------------
| ÇOK DAR EKRAN
|--------------------------------------------------------------------------
*/

@media (max-width: 390px) {

    .store-theme-food .best-sellers-slider {

        grid-auto-columns:
            84%;
    }

    .store-theme-food .atelier-editorial-product {

        flex-basis:
            84%;
    }
}


/*
|--------------------------------------------------------------------------
| HAREKET AZALTMA
|--------------------------------------------------------------------------
*/

@media (prefers-reduced-motion: reduce) {

    .store-theme-food .category-card {

        transition:
            none;
    }

    .store-theme-food .category-image {

        transition:
            none;
    }

    .store-theme-food .fashion-announcement-inner.is-moving {

        animation:
            none;
    }
}

/*-- --------------------PRODUCT CSS -------------------------------- */

/*
|--------------------------------------------------------------------------
| GENEL
|--------------------------------------------------------------------------
*/

.products-page {
    background: var(--atelier-cream);
}

.products-hero {
    padding: 55px 0 50px;
    background: var(--atelier-paper);
    border-bottom: 1px solid var(--atelier-border);
}

.products-eyebrow {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.products-hero h1 {
    margin: 10px 0 0;
    color: var(--atelier-black);
    font-size: 40px;
    letter-spacing: -0.04em;
}

.products-hero p {
    margin: 10px 0 0;
    color: var(--atelier-muted);
    font-size: 14px;
}


/*
|--------------------------------------------------------------------------
| LAYOUT
|--------------------------------------------------------------------------
*/

.products-layout {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 25px;
    padding: 35px 0 70px;
}


/*
|--------------------------------------------------------------------------
| FİLTRE
|--------------------------------------------------------------------------
*/

.filters-card {
    align-self: start;
    position: sticky;
    top: 110px;
    padding: 20px;
    border: 1px solid var(--atelier-border);
    border-radius: 13px;
    background: #ffffff;
}

.filters-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 18px;
}

.filters-header strong {
    color: var(--atelier-black);
    font-size: 15px;
}

.clear-filters {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 700;
}

.clear-filters:hover {
    color: var(--atelier-black);
}

.filter-group {
    margin-bottom: 16px;
}

.filter-group label {
    display: block;
    margin-bottom: 6px;
    color: var(--atelier-dark);
    font-size: 12px;
    font-weight: 700;
}

.filter-group input,
.filter-group select {
    width: 100%;
    min-height: 40px;
    padding: 0 11px;
    border: 1px solid var(--atelier-border);
    border-radius: 8px;
    outline: none;
    background: #ffffff;
    color: var(--atelier-black);
    font-family: inherit;
    font-size: 12px;
}

.filter-group input:focus,
.filter-group select:focus {
    border-color: #b58b5b;
}

 .filter-button {
    width: 100%;
    min-height: 40px;
    border: 0;
    border-radius: 8px;
    background: #b58b5b;
    color: #ffffff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.filter-button:hover {
    background: #9f764b;
}


/*
|--------------------------------------------------------------------------
| TOOLBAR
|--------------------------------------------------------------------------
*/

.products-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 18px;
    color: var(--atelier-muted);
    font-size: 12px;
}

.products-toolbar strong {
    color: var(--atelier-black);
}

.active-filter {
    padding: 6px 9px;
    border-radius: 999px;
    background: #ffffff;
    color: var(--atelier-dark);
    font-size: 12px;
}


/*
|--------------------------------------------------------------------------
| ÜRÜN GRID
|--------------------------------------------------------------------------
*/

.store-products-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}


/*
|--------------------------------------------------------------------------
| ÜRÜN KARTI
|--------------------------------------------------------------------------
*/

.store-product-card {
    overflow: hidden;
    border: 1px solid var(--atelier-border);
    border-radius: 13px;
    background: #ffffff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
}

.store-product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.store-product-image {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--atelier-paper);
}

.store-product-image>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.store-product-card:hover .store-product-image>img {
    transform: scale(1.04);
}

.product-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--atelier-paper), var(--atelier-border));
}

.product-placeholder span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #ffffff;
    color: var(--atelier-dark);
    font-size: 26px;
    font-weight: 600;
}

.discount-badge,
.new-badge {
    position: absolute;
    top: 11px;
    left: 11px;
    padding: 6px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

.discount-badge {
    background: #dc2626;
    color: #ffffff;
}

.new-badge {
    background: var(--atelier-black);
    color: #ffffff;
}


/*
|--------------------------------------------------------------------------
| BİLGİ
|--------------------------------------------------------------------------
*/

.store-product-info {
    padding: 15px;
     display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.product-brand {
    display: block;
    margin-bottom: 5px;
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.store-product-info h2 {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}

.store-product-info h2 a {
    color: var(--atelier-black);
    text-decoration: none;
}

.store-product-info h2 a:hover {
    color: var(--atelier-dark);
}

.product-category {
    display: block;
    margin-top: 5px;
    color: var(--atelier-muted);
    font-size: 13px;
}

.product-price-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.product-current-price {
    color: var(--atelier-black);
    font-size: 18px;
}

.product-original-price {
    color: var(--atelier-muted);
    font-size: 12px;
}

.product-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 11px;
}

.variant-info,
.stock-in,
.stock-out {
    padding: 5px 7px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.variant-info {
    background: var(--atelier-paper);
    color: var(--atelier-dark);
}

.stock-in {
    background: #ecfdf5;
    color: #047857;
}

.stock-out {
    background: #fef2f2;
    color: #b91c1c;
}


/*
|--------------------------------------------------------------------------
| BOŞ
|--------------------------------------------------------------------------
*/

.products-empty {
    padding: 70px 20px;
    border: 1px dashed var(--atelier-border);
    border-radius: 13px;
    background: #ffffff;
    text-align: center;
}

.empty-icon {
    font-size: 35px;
}

.products-empty h2 {
    margin: 12px 0 7px;
    color: var(--atelier-black);
    font-size: 20px;
}

.products-empty p {
    margin: 0;
    color: var(--atelier-muted);
    font-size: 12px;
}

.empty-button {
    display: inline-flex;
    margin-top: 18px;
    min-height: 40px;
    align-items: center;
    padding: 0 15px;
    border-radius: 8px;
    background: #b58b5b;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}


/*
|--------------------------------------------------------------------------
| SAYFALAMA
|--------------------------------------------------------------------------
*/

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 30px;
}

 .pagination-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid var(--atelier-border);
    border-radius: 7px;
    background: #ffffff;
    color: var(--atelier-dark);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.pagination-button:hover {
    border-color: #b58b5b;
    background: #f4ede5;
    color: #9f764b;
    text-decoration: none;
}

.pagination-button.active {
    border-color: #b58b5b;
    background: #b58b5b;
    color: #ffffff;
    text-decoration: none;
}


/*
|--------------------------------------------------------------------------
| MOBİL
|--------------------------------------------------------------------------
*/

@media (max-width: 1000px) {
    .products-layout {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    .store-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .products-layout {
        grid-template-columns: 1fr;
        padding-top: 20px;
    }

    .filters-card {
        position: static;
    }

    .products-hero {
        padding: 40px 0;
    }

    .products-hero h1 {
        font-size: 32px;
    }

    .store-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .store-products-grid {
        gap: 10px;
    }

    .store-product-info {
        padding: 12px;
         display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    }

    .store-product-info h2 {
        font-size: 12px;
    }

    .product-current-price {
        font-size: 18px;
    }

    .products-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }
}


/*
|--------------------------------------------------------------------------
| SEPET BUTONU
|--------------------------------------------------------------------------
*/

.product-cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    background: #b58b5b;
    color: #ffffff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    margin-top: auto;
}

.product-cart-button:hover {
    background: var(--atelier-dark);
}

.product-cart-button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.product-cart-button-outline {
    border: 1px solid var(--atelier-border);
    background: #ffffff;
    color: var(--atelier-black);
}

.product-cart-button-outline:hover {
    background: var(--atelier-paper);
    color: var(--atelier-black);
}



/*
|--------------------------------------------------------------------------
| ÜRÜN DETAY SHOW.PHP
|--------------------------------------------------------------------------
*/

.product-detail-page {
    background: #f8fafc;
}

.store-container {
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
}


/*
|--------------------------------------------------------------------------
| BREADCRUMB
|--------------------------------------------------------------------------
*/

.product-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 22px 0;
    color: var(--atelier-muted);
    font-size: 12px;
}

.product-breadcrumb a {
    color: inherit;
    text-decoration: none;
    transition: color .18s ease;
}

.product-breadcrumb a:hover {
    color: var(--atelier-black);
}

.breadcrumb-current {
    max-width: 260px;
    overflow: hidden;
    color: var(--atelier-dark);
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*
|--------------------------------------------------------------------------
| ANA ÜRÜN
|--------------------------------------------------------------------------
*/

.product-main-section {
    padding: 30px 0 80px;
    background: #ffffff;
}

.product-main-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr) minmax(0, .85fr);
    gap: 65px;
    align-items: start;
}


/*
|--------------------------------------------------------------------------
| GALERİ
|--------------------------------------------------------------------------
*/

.product-gallery {
    min-width: 0;
}

.product-main-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 18px;
    background: #ffffff;
    cursor: zoom-in;
    outline: none;
}

.product-main-image:focus-visible {
    box-shadow:
        0 0 0 3px rgba(17,
            24,
            39,
            .12);
}

.product-main-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: #ffffff;
    transition: opacity .2s ease;
}

.detail-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.detail-image-placeholder span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--atelier-paper);
    color: var(--atelier-dark);
    font-size: 42px;
    font-weight: 600;
}

.detail-discount-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #dc2626;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}


/*
|--------------------------------------------------------------------------
| THUMBNAIL
|--------------------------------------------------------------------------
*/

.product-thumbnails {
    display: flex;
    gap: 10px;
    margin-top: 12px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: thin;
}

.product-thumbnail {
    width: 78px;
    height: 78px;
    flex: 0 0 78px;
    padding: 0;
    overflow: hidden;
    border: 2px solid var(--atelier-border);
    border-radius: 9px;
    background: var(--atelier-cream);
    cursor: pointer;
    transition:
        border-color .18s ease,
        transform .18s ease;
}

.product-thumbnail:hover {
    border-color: var(--atelier-muted);
    transform: translateY(-1px);
}

.product-thumbnail.active {
    border-color: var(--atelier-black);
}

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


/*
|--------------------------------------------------------------------------
| ÜRÜN GÖRSEL POPUP
|--------------------------------------------------------------------------
*/

.product-image-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.product-image-modal[hidden] {
    display: none;
}

.product-image-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15,
            23,
            42,
            .82);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.product-image-modal-dialog {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(1100px,
            100%);
    height: min(850px,
            calc(100vh - 40px));
    padding: 30px 76px;
    box-sizing: border-box;
}

.product-image-modal-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.product-image-modal-stage img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 14px;
    background: #ffffff;
    box-shadow:
        0 30px 90px rgba(0,
            0,
            0,
            .28);
}

.product-image-modal-close,
.product-image-modal-prev,
.product-image-modal-next {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    font-family: inherit;
    cursor: pointer;
}

.product-image-modal-close {
    top: 8px;
    right: 8px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #ffffff;
    color: var(--atelier-black);
    font-size: 25px;
    line-height: 1;
    box-shadow:
        0 8px 24px rgba(0,
            0,
            0,
            .16);
    transition:
        background .18s ease,
        transform .18s ease;
}

.product-image-modal-close:hover {
    background: var(--atelier-paper);
    transform: scale(1.04);
}

.product-image-modal-prev,
.product-image-modal-next {
    top: 50%;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #ffffff;
    color: var(--atelier-black);
    font-size: 31px;
    line-height: 1;
    transform: translateY(-50%);
    box-shadow:
        0 8px 24px rgba(0,
            0,
            0,
            .16);
    transition:
        background .18s ease,
        transform .18s ease,
        opacity .18s ease;
}

.product-image-modal-prev {
    left: 10px;
}

.product-image-modal-next {
    right: 10px;
}

.product-image-modal-prev:hover,
.product-image-modal-next:hover {
    background: var(--atelier-paper);
}

.product-image-modal-prev:hover {
    transform:
        translateY(-50%) translateX(-1px);
}

.product-image-modal-next:hover {
    transform:
        translateY(-50%) translateX(1px);
}

.product-image-modal-prev:disabled,
.product-image-modal-next:disabled {
    opacity: .3;
    cursor: default;
}

.product-image-modal-prev:disabled:hover,
.product-image-modal-next:disabled:hover {
    transform:
        translateY(-50%);
}

body.product-image-modal-open {
    overflow: hidden;
}


/*
|--------------------------------------------------------------------------
| ÜRÜN BİLGİSİ
|--------------------------------------------------------------------------
*/

.product-detail-content {
    padding-top: 8px;
}

.detail-brand {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
}

.detail-brand:hover {
    color: var(--atelier-black);
}

.product-detail-content h1 {
    margin: 10px 0 0;
    color: var(--atelier-black);
    font-size: clamp(30px,
            4vw,
            48px);
    line-height: 1.05;
    letter-spacing: -.045em;
}

.detail-sku {
    margin-top: 12px;
    color: var(--atelier-muted);
    font-size: 12px;
}

.detail-sku strong {
    color: var(--atelier-muted);
    font-weight: 700;
}


/*
|--------------------------------------------------------------------------
| FİYAT
|--------------------------------------------------------------------------
*/

.detail-price-area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

.detail-price {
    color: var(--atelier-black);
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -.03em;
}

.detail-old-price {
    color: var(--atelier-muted);
    font-size: 14px;
}

.detail-discount-text {
    padding: 5px 8px;
    border-radius: 999px;
    background: #fef2f2;
    color: #dc2626;
    font-size: 12px;
    font-weight: 600;
}


/*
|--------------------------------------------------------------------------
| AÇIKLAMA
|--------------------------------------------------------------------------
*/

.detail-description {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid var(--atelier-border);
    color: var(--atelier-dark);
    font-size: 14px;
    line-height: 1.8;
}


/*
|--------------------------------------------------------------------------
| VARYANT
|--------------------------------------------------------------------------
*/

.variant-selection {
    margin-top: 28px;
    padding-top: 25px;
    border-top: 1px solid var(--atelier-border);
}

.variant-group {
    margin-bottom: 20px;
}



.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.variant-option {
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid var(--atelier-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--atelier-dark);
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition:
        border-color .18s ease,
        background .18s ease,
        color .18s ease;
}

.variant-option:hover {
    border-color: #b58b5b;
}

.variant-option.selected {
    border-color: #b58b5b;
    background: #b58b5b;
    color: #ffffff;
}

.variant-selection-message {
    margin-top: 4px;
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| STOK
|--------------------------------------------------------------------------
*/

.detail-stock {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 22px;
    color: var(--atelier-muted);
    font-size: 12px;
}

.detail-stock strong {
    color: #047857;
    font-size: 12px;
}

.stock-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
}

.stock-dot-out {
    background: #ef4444;
}

.detail-stock .stock-dot-out+strong {
    color: #dc2626;
}


/*
|--------------------------------------------------------------------------
| SATIN ALMA
|--------------------------------------------------------------------------
*/

.purchase-area {
    display: grid;
    grid-template-columns:
        125px minmax(0, 1fr);
    gap: 10px;
    margin-top: 22px;
}

.quantity-control {
    display: grid;
    grid-template-columns:
        34px minmax(0, 1fr) 34px;
    height: 50px;
    overflow: hidden;
    border: 1px solid var(--atelier-border);
    border-radius: 9px;
    background: #ffffff;
}

.quantity-control button {
    border: 0;
    background: transparent;
    color: var(--atelier-black);
    font-size: 18px;
    cursor: pointer;
}

.quantity-control button:hover {
    background: var(--atelier-paper);
}

.quantity-control input {
    width: 100%;
    border: 0;
    border-right: 1px solid var(--atelier-border);
    border-left: 1px solid var(--atelier-border);
    outline: 0;
    background: #ffffff;
    color: var(--atelier-black);
    text-align: center;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    appearance: textfield;
}

.quantity-control input::-webkit-inner-spin-button,
.quantity-control input::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
}

.add-to-cart-button {
    min-height: 50px;
    border: 0;
    border-radius: 9px;
    background: #b58b5b;
    color: #ffffff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background .18s ease,
        transform .18s ease;
}

.add-to-cart-button:hover {
    background: #9f764b;
    transform: translateY(-1px);
}

.add-to-cart-button:disabled {
    opacity: .45;
    cursor: not-allowed;
    transform: none;
}

.detail-action-message {
    min-height: 22px;
    margin-top: 10px;
    color: #047857;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| GÜVEN
|--------------------------------------------------------------------------
*/

.detail-trust-list {
    display: grid;
    grid-template-columns:
        repeat(3,
            minmax(0, 1fr));
    gap: 8px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--atelier-border);
}

.detail-trust-list div {
    padding: 10px;
    border-radius: 8px;
    background: var(--atelier-cream);
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.5;
}

.detail-trust-list span {
    color: #059669;
    font-weight: 600;
}


/*
|--------------------------------------------------------------------------
| ÜRÜN ÖZELLİKLERİ
|--------------------------------------------------------------------------
*/

.product-specifications-section {
    padding: 0 0 70px;
    background: #ffffff;
}

.specifications-card {
    max-width: 850px;
    padding-top: 40px;
    border-top: 1px solid var(--atelier-border);
}

.specifications-eyebrow {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
}

.specifications-card h2 {
    margin: 8px 0 22px;
    color: var(--atelier-black);
    font-size: 25px;
    line-height: 1.15;
}

.specifications-list {
    overflow: hidden;
    border: 1px solid var(--atelier-border);
    border-radius: 12px;
    background: #ffffff;
}

.specification-row {
    display: grid;
    grid-template-columns:
        minmax(160px, .7fr) minmax(0, 1.3fr);
    gap: 20px;
    padding: 15px 18px;
    border-bottom: 1px solid #f0f1f3;
}

.specification-row:last-child {
    border-bottom: 0;
}

.specification-name {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
}

.specification-value {
    color: var(--atelier-black);
    font-size: 13px;
    font-weight: 700;
}


/*
|--------------------------------------------------------------------------
| YORUMLAR
|--------------------------------------------------------------------------
*/

.product-reviews-section {
    padding: 0 0 90px;
    background: #ffffff;
}

.reviews-card {
    max-width: 1000px;
    padding-top: 45px;
    border-top: 1px solid var(--atelier-border);
}

.reviews-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}

.reviews-eyebrow,
.review-form-heading>span {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .14em;
}

.reviews-header h2 {
    margin: 8px 0 0;
    color: var(--atelier-black);
    font-size: 27px;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.reviews-summary {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 240px;
    padding: 14px 16px;
    border: 1px solid #f0d78c;
    border-radius: 12px;
    background: #fffbeb;
}

.reviews-summary strong {
    color: var(--atelier-black);
    font-size: 31px;
    line-height: 1;
    letter-spacing: -.03em;
}

.review-stars,
.review-item-stars {
    display: flex;
    align-items: center;
    gap: 2px;
}

.star {
    color: var(--atelier-border);
    font-size: 17px;
    line-height: 1;
}

.star.active {
    color: #f59e0b;
    text-shadow:
        0 1px 2px rgba(245,
            158,
            11,
            .15);
}

.review-count,
.review-date {
    color: #92400e;
    font-size: 12px;
    font-weight: 600;
}

.reviews-list {
    overflow: hidden;
    border: 1px solid var(--atelier-border);
    border-radius: 14px;
    background: #ffffff;
    box-shadow:
        0 8px 25px rgba(15,
            23,
            42,
            .04);
}

.review-item {
    padding: 21px 22px;
    border-bottom: 1px solid #eef0f2;
    transition:
        background .18s ease;
}

.review-item:hover {
    background: #fcfcfd;
}

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

.review-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.review-top strong {
    color: var(--atelier-black);
    font-size: 14px;
    font-weight: 600;
}

.review-item-stars {
    margin-top: 8px;
}

.review-item-stars .star {
    font-size: 14px;
}

.review-item p {
    margin: 11px 0 0;
    color: var(--atelier-dark);
    font-size: 13px;
    line-height: 1.8;
}

.reviews-empty {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 28px;
    border: 1px dashed var(--atelier-border);
    border-radius: 14px;
    background: #f8fafc;
}

.reviews-empty strong {
    color: var(--atelier-black);
    font-size: 13px;
}

.reviews-empty span {
    color: var(--atelier-muted);
    font-size: 12px;
}

.review-form-card {
    margin-top: 28px;
    padding: 25px;
    border: 1px solid var(--atelier-border);
    border-radius: 14px;
    background:
        linear-gradient(180deg,
            #f8fafc 0%,
            #ffffff 100%);
    box-shadow:
        0 10px 30px rgba(15,
            23,
            42,
            .04);
}

.review-login-required {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 28px 20px;
    text-align: center;
}

.review-login-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-login-modal[hidden] {
    display: none;
}

.review-login-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(3px);
}

.review-login-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(420px,
            calc(100% - 32px));
    padding: 30px 26px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow:
        0 24px 70px rgba(15,
            23,
            42,
            .22);
    text-align: center;
}

.review-login-modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: var(--atelier-paper);
    color: var(--atelier-dark);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.review-login-modal-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: var(--atelier-black);
    color: #ffffff;
    font-size: 21px;
}

.review-login-modal-dialog h3 {
    margin: 0 0 10px;
    color: var(--atelier-black);
    font-size: 19px;
}

.review-login-modal-dialog p {
    margin: 0 auto 22px;
    color: var(--atelier-muted);
    font-size: 13px;
    line-height: 1.6;
}

.review-login-modal-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.review-login-modal-login,
.review-login-modal-register {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 9px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}

.review-login-modal-login {
    background: var(--atelier-black);
    color: #ffffff;
}

.review-login-modal-register {
    border: 1px solid var(--atelier-border);
    background: #ffffff;
    color: var(--atelier-black);
}

.review-login-modal-open {
    overflow: hidden;
}

.review-login-required-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--atelier-black);
    color: #ffffff;
    font-size: 20px;
}

.review-login-required strong {
    color: var(--atelier-black);
    font-size: 15px;
    font-weight: 700;
}

.review-login-required span {
    max-width: 420px;
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.6;
}

.review-login-button {
    min-height: 42px;
    margin-top: 5px;
    padding: 0 18px;
    border: 0;
    border-radius: 9px;
    background: var(--atelier-black);
    color: #ffffff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition:
        background .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.review-login-button:hover {
    background: #1f2937;
    transform: translateY(-1px);
    box-shadow:
        0 8px 18px rgba(15,
            23,
            42,
            .12);
}

.review-form-heading h3 {
    margin: 8px 0 20px;
    color: var(--atelier-black);
    font-size: 20px;
    line-height: 1.2;
}

.review-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

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

.review-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.review-field label {
    color: var(--atelier-dark);
    font-size: 12px;
    font-weight: 700;
}

.review-field input,
.review-field textarea {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid var(--atelier-border);
    border-radius: 9px;
    background: #ffffff;
    color: var(--atelier-black);
    font-family: inherit;
    font-size: 13px;
    box-sizing: border-box;
    outline: none;
    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

.review-field input::placeholder,
.review-field textarea::placeholder {
    color: var(--atelier-muted);
}

.review-field input:focus,
.review-field textarea:focus {
    border-color: var(--atelier-black);
    box-shadow:
        0 0 0 3px rgba(17,
            24,
            39,
            .06);
}

.rating-selector {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    width: fit-content;
    padding: 2px 0;
}

.rating-selector input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.rating-selector label {
    padding: 0 4px;
    color: var(--atelier-border);
    font-size: 31px;
    line-height: 1;
    cursor: pointer;
    transition:
        color .15s ease,
        transform .15s ease;
}

.rating-selector label:hover,
.rating-selector label:hover~label,
.rating-selector input:checked~label {
    color: #f59e0b;
}

.rating-selector label:hover {
    transform: scale(1.08);
}

.review-submit-button {
    align-self: flex-start;
    min-height: 45px;
    padding: 0 20px;
    border: 0;
    border-radius: 9px;
    background: #b58b5b;
    color: #ffffff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition:
        background .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.review-submit-button:hover {
    background: #9f764b;
    transform: translateY(-1px);
    box-shadow:
        0 8px 18px rgba(15,
            23,
            42,
            .12);
}


/*
|--------------------------------------------------------------------------
| ÜRÜN AÇIKLAMASI
|--------------------------------------------------------------------------
*/

.product-description-section {
    padding: 0 0 80px;
    background: #ffffff;
}

.description-card {
    max-width: 850px;
    padding-top: 40px;
    border-top: 1px solid var(--atelier-border);
}

.description-card>span {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
}

.description-card h2 {
    margin: 8px 0 15px;
    color: var(--atelier-black);
    font-size: 25px;
}

.description-card>div {
    color: var(--atelier-dark);
    font-size: 14px;
    line-height: 1.9;
}


/*
|--------------------------------------------------------------------------
| YORUM TOAST
|--------------------------------------------------------------------------
*/

.store-review-toast {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 100000;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(390px,
            calc(100% - 30px));
    padding: 15px 16px;
    border: 1px solid var(--atelier-border);
    border-left: 4px solid #16a34a;
    border-radius: 12px;
    background: #ffffff;
    box-shadow:
        0 15px 35px rgba(15,
            23,
            42,
            .14);
    animation:
        reviewToastIn .25s ease;
}

.review-toast-success {
    border-left-color: #16a34a;
}

.review-toast-error {
    border-left-color: #dc2626;
}

.review-toast-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 50%;
    background: #dcfce7;
    color: #166534;
    font-size: 15px;
    font-weight: 600;
}

.review-toast-error .review-toast-icon {
    background: #fee2e2;
    color: #dc2626;
}

.review-toast-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
}

.review-toast-content strong {
    color: var(--atelier-black);
    font-size: 13px;
}

.review-toast-content span {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.5;
}

.review-toast-close {
    padding: 2px 5px;
    border: 0;
    background: transparent;
    color: var(--atelier-muted);
    font-size: 21px;
    line-height: 1;
    cursor: pointer;
}

.review-toast-close:hover {
    color: var(--atelier-black);
}

@keyframes reviewToastIn {
    from {
        opacity: 0;
        transform:
            translateY(-10px) translateX(10px);
    }

    to {
        opacity: 1;
        transform:
            translateY(0) translateX(0);
    }
}


/*
|--------------------------------------------------------------------------
| MOBİL
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    .product-main-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .product-detail-content {
        padding-top: 0;
    }

    .product-main-image {
        max-height: 620px;
    }

    .reviews-header {
        flex-direction: column;
    }

    .reviews-summary {
        justify-content: flex-start;
        min-width: 0;
        width: 100%;
        box-sizing: border-box;
    }
}


@media (max-width: 640px) {

    .store-container {
        width: calc(100% - 28px);
    }

    .product-main-section {
        padding: 15px 0 55px;
    }

    .product-breadcrumb {
        padding: 15px 0;
    }

    .product-detail-content h1 {
        font-size: 34px;
    }

    .detail-price {
        font-size: 27px;
    }

    .purchase-area {
        grid-template-columns: 1fr;
    }

    .quantity-control {
        width: 125px;
    }

    .detail-trust-list {
        grid-template-columns: 1fr;
    }

    .product-thumbnail {
        width: 64px;
        height: 64px;
        flex-basis: 64px;
    }

    .specifications-card,
    .reviews-card,
    .description-card {
        padding-top: 30px;
    }

    .specification-row {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 13px 14px;
    }

    .review-form-grid {
        grid-template-columns: 1fr;
    }

    .review-form-card {
        padding: 20px 16px;
    }

    .review-submit-button {
        width: 100%;
    }

    .review-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .reviews-summary {
        padding: 13px;
    }

    .rating-selector label {
        font-size: 29px;
    }

    .store-review-toast {
        top: 15px;
        right: 15px;
        left: 15px;
        width: auto;
    }

    .product-image-modal {
        padding: 10px;
    }

    .product-image-modal-dialog {
        width: 100%;
        height: calc(100vh - 20px);
        padding: 55px 48px;
    }

    .product-image-modal-close {
        top: 5px;
        right: 5px;
        width: 38px;
        height: 38px;
    }

    .product-image-modal-prev,
    .product-image-modal-next {
        width: 38px;
        height: 38px;
        font-size: 25px;
    }

    .product-image-modal-prev {
        left: 3px;
    }

    .product-image-modal-next {
        right: 3px;
    }
}



/*
|--------------------------------------------------------------------------
| ACCOUNT SAYFA
|--------------------------------------------------------------------------
*/

.account-page {
    min-height: 650px;
    padding: 55px 0 80px;
    background: var(--atelier-cream);
}

.account-container {
    width: min(1000px, calc(100% - 32px));
    margin: 0 auto;
}


/*
|--------------------------------------------------------------------------
| BAŞLIK
|--------------------------------------------------------------------------
*/

.account-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
}

.account-eyebrow {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
}

.account-header h1 {
    margin: 8px 0 0;
    color: var(--atelier-black);
    font-size: 32px;
    letter-spacing: -.04em;
}

.account-header p {
    margin: 8px 0 0;
    color: var(--atelier-muted);
    font-size: 14px;
}

.account-header p strong {
    color: var(--atelier-black);
}

.logout-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #ffffff;
    color: #dc2626;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.logout-button:hover {
    background: #fef2f2;
}


/*
|--------------------------------------------------------------------------
| ÜST GRID
|--------------------------------------------------------------------------
*/

.account-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 25px;
}


/*
|--------------------------------------------------------------------------
| GENEL KART
|--------------------------------------------------------------------------
*/

.account-card {
    padding: 24px;
    border: 1px solid var(--atelier-border);
    border-radius: 14px;
    background: #ffffff;
    box-shadow:
        0 4px 14px rgba(17,
            24,
            39,
            0.035);
}

.card-heading {
    margin-bottom: 18px;
}

.card-heading h2 {
    margin: 0;
    color: var(--atelier-black);
    font-size: 18px;
}

.card-heading p {
    margin: 5px 0 0;
    color: var(--atelier-muted);
    font-size: 12px;
}


/*
|--------------------------------------------------------------------------
| BİLGİLER
|--------------------------------------------------------------------------
*/

.info-list {
    display: flex;
    flex-direction: column;
}

.info-row {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 0;
    border-bottom: 1px solid var(--atelier-paper);
}

.info-row:first-child {
    padding-top: 0;
}

.info-row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.info-row span {
    color: var(--atelier-muted);
    font-size: 12px;
}

.info-row strong {
    color: var(--atelier-dark);
    font-size: 13px;
    word-break: break-word;
}


/*
|--------------------------------------------------------------------------
| ADRES KARTI
|--------------------------------------------------------------------------
*/

.account-action-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.account-action-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 12px;
    background: #eff6ff;
    font-size: 21px;
}

.account-action-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.account-action-content h2 {
    margin: 0;
    color: var(--atelier-black);
    font-size: 18px;
}

.account-action-content p {
    margin: 7px 0 10px;
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.6;
}

.address-count {
    color: var(--atelier-muted);
    font-size: 12px;
}

.account-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin-top: 14px;
    padding: 0 14px;
    border-radius: 8px;
    background: #b58b5b;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.account-action-button:hover {
    background: #1f2937;
}


/*
|--------------------------------------------------------------------------
| SİPARİŞLER
|--------------------------------------------------------------------------
*/

.orders-card {
    padding: 24px;
    border: 1px solid var(--atelier-border);
    border-radius: 14px;
    background: #ffffff;
    box-shadow:
        0 4px 14px rgba(17,
            24,
            39,
            0.035);
}

.orders-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.orders-eyebrow {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
}

.orders-header h2 {
    margin: 7px 0 0;
    color: var(--atelier-black);
    font-size: 22px;
}

.orders-header p {
    margin: 5px 0 0;
    color: var(--atelier-muted);
    font-size: 12px;
}

.orders-count {
    white-space: nowrap;
    padding: 8px 11px;
    border-radius: 999px;
    background: var(--atelier-paper);
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 700;
}

.orders-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.order-item {
    padding: 18px;
    border: 1px solid var(--atelier-border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow:
        0 2px 8px rgba(17,
            24,
            39,
            0.025);
}


/*
|--------------------------------------------------------------------------
| SİPARİŞ ÜST
|--------------------------------------------------------------------------
*/

.order-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--atelier-paper);
}

.order-top>div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.order-label {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.order-number {
    color: var(--atelier-black);
    font-size: 14px;
}

.order-date {
    color: var(--atelier-muted);
    font-size: 12px;
}


/*
|--------------------------------------------------------------------------
| DURUMLAR
|--------------------------------------------------------------------------
*/

.order-status-grid {
    display: grid;
    grid-template-columns:
        repeat(4,
            minmax(0, 1fr));
    gap: 10px;
    padding: 14px 0;
}

.order-status-box {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px;
    border-radius: 9px;
    background: var(--atelier-cream);
}

.order-status-box span {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
}

.order-status-box strong {
    color: var(--atelier-dark);
    font-size: 12px;
}

.order-total {
    font-size: 14px !important;
}

.status-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 12px !important;
    font-weight: 700;
}


/*
|--------------------------------------------------------------------------
| SİPARİŞ DURUMLARI
|--------------------------------------------------------------------------
*/

.status-pending {
    background: #fef3c7;
    color: #92400e !important;
}

.status-confirmed {
    background: #dbeafe;
    color: #1d4ed8 !important;
}

.status-processing {
    background: #ede9fe;
    color: #6d28d9 !important;
}

.status-shipped {
    background: #dbeafe;
    color: #1e40af !important;
}

.status-delivered {
    background: #dcfce7;
    color: #166534 !important;
}

.status-cancelled {
    background: #fee2e2;
    color: #991b1b !important;
}

.status-refunded {
    background: var(--atelier-paper);
    color: var(--atelier-dark) !important;
}


/*
|--------------------------------------------------------------------------
| ÖDEME DURUMLARI
|--------------------------------------------------------------------------
*/

.payment-paid {
    background: #dcfce7;
    color: #166534 !important;
}

.payment-pending {
    background: #fef3c7;
    color: #92400e !important;
}

.payment-failed {
    background: #fee2e2;
    color: #991b1b !important;
}

.payment-refunded {
    background: var(--atelier-paper);
    color: var(--atelier-dark) !important;
}

.payment-cancelled {
    background: #fee2e2;
    color: #991b1b !important;
}


/*
|--------------------------------------------------------------------------
| KARGO
|--------------------------------------------------------------------------
*/

.shipping-panel {
    margin-top: 4px;
    padding: 15px;
    border-radius: 10px;
    background: var(--atelier-cream);
}

.shipping-panel-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: var(--atelier-black);
    font-size: 13px;
}

.shipping-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.shipping-grid>div {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.shipping-grid span {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 700;
}

.shipping-grid strong {
    color: var(--atelier-dark);
    font-size: 12px;
    line-height: 1.6;
    font-weight: 600;
}

.shipping-note {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.5;
}

.shipping-tracking {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| ÖDEME
|--------------------------------------------------------------------------
*/

.payment-panel {
    display: grid;
    grid-template-columns:
        repeat(3,
            minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.payment-panel>div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 11px;
    border: 1px solid var(--atelier-paper);
    border-radius: 9px;
}

.payment-panel span {
    color: var(--atelier-muted);
    font-size: 12px;
}

.payment-panel strong {
    color: var(--atelier-dark);
    font-size: 12px;
    word-break: break-word;
}


/*
|--------------------------------------------------------------------------
| FATURA
|--------------------------------------------------------------------------
*/

.invoice-action-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 10px;
    padding: 13px 15px;
    border: 1px solid var(--atelier-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow:
        0 2px 8px rgba(17,
            24,
            39,
            0.025);
}

.invoice-action-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.invoice-action-info span {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
}

.invoice-action-info strong {
    color: var(--atelier-dark);
    font-size: 12px;
}

.invoice-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 13px;
    border-radius: 8px;
    background: #b58b5b;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.invoice-action-button:hover {
    background: #9f764b;
}


/*
|--------------------------------------------------------------------------
| NOT
|--------------------------------------------------------------------------
*/

.order-note {
    margin-top: 10px;
    padding: 11px 12px;
    border-radius: 9px;
    background: #fffbeb;
}

.order-note span {
    display: block;
    margin-bottom: 5px;
    color: #92400e;
    font-size: 12px;
    font-weight: 700;
}

.order-note p {
    margin: 0;
    color: #78350f;
    font-size: 12px;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| BOŞ
|--------------------------------------------------------------------------
*/

.orders-empty {
    padding: 40px 20px;
    text-align: center;
    border: 1px dashed var(--atelier-border);
    border-radius: 12px;
    background: var(--atelier-cream);
}

.orders-empty-icon {
    margin-bottom: 10px;
    font-size: 35px;
}

.orders-empty h3 {
    margin: 0;
    color: var(--atelier-black);
    font-size: 17px;
}

.orders-empty p {
    margin: 6px 0 0;
    color: var(--atelier-muted);
    font-size: 12px;
}


/*
|--------------------------------------------------------------------------
| SİPARİŞ İŞLEMLERİ
|--------------------------------------------------------------------------
*/

.order-actions-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 10px;
    padding: 14px 15px;
    border: 1px solid var(--atelier-border);
    border-radius: 10px;
    background: #ffffff;
}

.order-actions-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.order-actions-info span {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
}

.order-actions-info strong {
    color: var(--atelier-dark);
    font-size: 12px;
}

.order-actions-buttons {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.order-action-form {
    margin: 0;
}

.order-action-button {
    min-height: 36px;
    padding: 0 13px;
    border: 0;
    border-radius: 8px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.order-action-cancel {
    border: 1px solid #fecaca;
    background: #ffffff;
    color: #dc2626;
}

.order-action-cancel:hover {
    background: #fef2f2;
}

.order-action-return {
    background: var(--atelier-black);
    color: #ffffff;
}

.order-action-return:hover {
    background: #1f2937;
}


/*
|--------------------------------------------------------------------------
| İADE KARGO BİLGİSİ
|--------------------------------------------------------------------------
*/

.return-shipping-info {
    width: 100%;
    margin-top: 10px;
    padding: 14px;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    background:
        linear-gradient(180deg,
            #eff6ff 0%,
            #ffffff 100%);
    box-sizing: border-box;
}

.return-shipping-info-header {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}

.return-shipping-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 8px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 14px;
    font-weight: 600;
}

.return-shipping-info-heading {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.return-shipping-info-heading strong {
    color: #1e3a8a;
    font-size: 12px;
}

.return-shipping-info-heading span {
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.return-shipping-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.return-shipping-info-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #ffffff;
}

.return-shipping-info-item span {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 700;
}

.return-shipping-info-item strong {
    color: var(--atelier-black);
    font-size: 12px;
    word-break: break-word;
}

.return-shipping-code {
    font-size: 14px !important;
    letter-spacing: .02em;
}

.return-shipping-info-note {
    margin-top: 10px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| İADE KARGO HAZIRLANIYOR
|--------------------------------------------------------------------------
*/

.return-shipping-preparing {
    width: 100%;
    margin-top: 10px;
    padding: 13px 14px;
    border: 1px solid #fde68a;
    border-radius: 10px;
    background: #fffbeb;
    box-sizing: border-box;
}

.return-shipping-preparing-inner {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.return-shipping-preparing-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: #fef3c7;
    color: #92400e;
    font-size: 13px;
    font-weight: 600;
}

.return-shipping-preparing-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.return-shipping-preparing-text strong {
    color: #92400e;
    font-size: 12px;
}

.return-shipping-preparing-text small {
    color: #a16207;
    font-size: 12px;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| İADE SÜREÇ ZİNCİRİ
|--------------------------------------------------------------------------
*/

.return-timeline {
    width: 100%;
    margin-top: 12px;
    padding: 16px;
    border: 1px solid var(--atelier-border);
    border-radius: 12px;
    background: #ffffff;
    box-sizing: border-box;
}

.return-timeline-header {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 16px;
}

.return-timeline-header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 9px;
    background: var(--atelier-black);
    color: #ffffff;
    font-size: 14px;
}

.return-timeline-header-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.return-timeline-header-content strong {
    color: var(--atelier-black);
    font-size: 13px;
}

.return-timeline-header-content span {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.5;
}

.return-timeline-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.return-timeline-item {
    position: relative;
    display: flex;
    gap: 11px;
    padding-bottom: 15px;
}

.return-timeline-item:last-child {
    padding-bottom: 0;
}

.return-timeline-item:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 25px;
    left: 9px;
    bottom: 0;
    width: 2px;
    background: var(--atelier-border);
}

.return-timeline-dot {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-top: 1px;
    border-radius: 50%;
    background: var(--atelier-paper);
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
}

.return-timeline-item.is-complete .return-timeline-dot {
    background: #dcfce7;
    color: #166534;
}

.return-timeline-item.is-current .return-timeline-dot {
    background: #dbeafe;
    color: #1d4ed8;
}

.return-timeline-item.is-rejected .return-timeline-dot {
    background: #fee2e2;
    color: #991b1b;
}

.return-timeline-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}

.return-timeline-content strong {
    color: var(--atelier-dark);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
}

.return-timeline-item.is-complete .return-timeline-content strong {
    color: #166534;
}

.return-timeline-item.is-current .return-timeline-content strong {
    color: #1d4ed8;
}

.return-timeline-item.is-rejected .return-timeline-content strong {
    color: #991b1b;
}

.return-timeline-content span {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.5;
}

.return-timeline-detail {
    margin-top: 5px;
    padding: 9px 10px;
    border-radius: 8px;
    background: var(--atelier-cream);
}

.return-timeline-detail span {
    display: block;
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.4;
}

.return-timeline-detail strong {
    display: block;
    margin-top: 2px;
    color: var(--atelier-dark);
    font-size: 12px;
    word-break: break-word;
}

.return-timeline-invoice-link {
    display: inline-flex;
    width: fit-content;
    margin-top: 5px;
    color: var(--atelier-black);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.return-timeline-invoice-link:hover {
    text-decoration: underline;
}


/*
|--------------------------------------------------------------------------
| İADE FORMU ANA ALAN
|--------------------------------------------------------------------------
*/

.return-request-container {
    width: auto;
}

.return-request-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
        background .2s ease,
        transform .2s ease;
}

.return-request-toggle.is-open {
    background: var(--atelier-dark);
}

.return-request-form-wrap {
    display: none;
    width: 100%;
    margin-top: 14px;
    padding: 20px;
    border: 1px solid var(--atelier-border);
    border-radius: 14px;
    background:
        linear-gradient(180deg,
            #ffffff 0%,
            var(--atelier-cream) 100%);
    box-sizing: border-box;
    box-shadow:
        0 8px 24px rgba(17,
            24,
            39,
            0.06);
}

.return-request-form-wrap.is-open {
    display: block;
}

.return-request-intro {
    margin-bottom: 20px;
    padding-bottom: 17px;
    border-bottom: 1px solid var(--atelier-border);
}

.return-request-intro-heading {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.return-request-intro-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 10px;
    background: var(--atelier-black);
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
}

.return-request-intro-heading>div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.return-request-intro strong {
    color: var(--atelier-black);
    font-size: 15px;
    line-height: 1.4;
}

.return-request-intro-heading>div>span {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.5;
}

.return-request-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.return-request-section {
    padding: 16px;
    border: 1px solid var(--atelier-border);
    border-radius: 12px;
    background: #ffffff;
}

.return-request-section-header {
    margin-bottom: 15px;
}

.return-request-section-header>div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.return-request-section-eyebrow {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
}

.return-request-section-header strong {
    color: var(--atelier-black);
    font-size: 13px;
    line-height: 1.4;
}

.return-request-section-header small {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.5;
}

.return-request-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.return-request-field label {
    color: var(--atelier-dark);
    font-size: 12px;
    font-weight: 700;
}

.return-request-field input,
.return-request-field textarea,
.return-request-field select {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid var(--atelier-border);
    border-radius: 9px;
    background: #ffffff;
    color: var(--atelier-black);
    font-family: inherit;
    font-size: 12px;
    box-sizing: border-box;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.return-request-field input:hover,
.return-request-field textarea:hover,
.return-request-field select:hover {
    border-color: var(--atelier-muted);
}

.return-request-field input:focus,
.return-request-field textarea:focus,
.return-request-field select:focus {
    outline: none;
    border-color: var(--atelier-black);
    box-shadow:
        0 0 0 3px rgba(17,
            24,
            39,
            0.07);
}

.return-request-field textarea {
    min-height: 95px;
    resize: vertical;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| İADE ÜRÜNLERİ
|--------------------------------------------------------------------------
*/

.return-items-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.return-item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    padding: 13px;
    border: 1px solid var(--atelier-border);
    border-radius: 12px;
    background: #ffffff;
    box-sizing: border-box;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.return-item-row:hover {
    border-color: var(--atelier-border);
    box-shadow:
        0 5px 16px rgba(17,
            24,
            39,
            0.055);
}

.return-item-product {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

.return-item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    overflow: hidden;
    border: 1px solid var(--atelier-border);
    border-radius: 10px;
    background: #f8fafc;
}

.return-item-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
    box-sizing: border-box;
}

.return-item-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--atelier-paper);
}

.return-item-image-placeholder span {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.return-item-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.return-item-name {
    color: var(--atelier-black) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
}

.return-item-variant {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.4;
}

.return-item-sku {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.4;
}

.return-item-available {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    width: fit-content;
    margin-top: 2px;
    padding: 4px 7px;
    border-radius: 999px;
    background: #f0fdf4;
    color: #15803d;
    font-size: 12px;
    font-weight: 600;
}

.return-item-available strong {
    color: #166534;
    font-size: 12px;
}

.return-item-quantity {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 108px;
    flex: 0 0 108px;
}

.return-item-quantity label {
    color: var(--atelier-dark);
    font-size: 12px;
    font-weight: 700;
}

.return-quantity-control {
    display: flex;
    align-items: center;
    min-height: 42px;
    overflow: hidden;
    border: 1px solid var(--atelier-border);
    border-radius: 9px;
    background: #ffffff;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.return-quantity-control:focus-within {
    border-color: var(--atelier-black);
    box-shadow:
        0 0 0 3px rgba(17,
            24,
            39,
            0.07);
}

.return-quantity-control input {
    width: 58px !important;
    height: 40px;
    min-width: 0;
    padding: 0 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center;
    font-size: 13px !important;
    font-weight: 700;
}

.return-quantity-control input:focus {
    outline: none;
}

.return-quantity-max {
    padding-right: 9px;
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.return-items-empty {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border: 1px dashed var(--atelier-border);
    border-radius: 10px;
    background: var(--atelier-cream);
}

.return-items-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: #dcfce7;
    color: #166534;
    font-size: 13px;
    font-weight: 600;
}

.return-items-empty>div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.return-items-empty strong {
    color: var(--atelier-dark);
    font-size: 12px;
}

.return-items-empty small {
    color: var(--atelier-muted);
    font-size: 12px;
}


/*
|--------------------------------------------------------------------------
| BANKA BİLGİSİ
|--------------------------------------------------------------------------
*/

.return-bank-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background:
        linear-gradient(180deg,
            #eff6ff 0%,
            #ffffff 100%);
}

.return-bank-header {
    display: flex;
    align-items: flex-start;
    gap: 11px;
}

.return-bank-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 9px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 14px;
    font-weight: 600;
}

.return-bank-header>div:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.return-bank-header strong {
    color: #1e3a8a;
    font-size: 12px;
}

.return-bank-header span {
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.return-bank-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}


/*
|--------------------------------------------------------------------------
| GÖNDER BUTONU
|--------------------------------------------------------------------------
*/

.return-request-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-top: 2px;
}

.return-request-submit-info {
    min-width: 0;
}

.return-request-submit-info span {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.5;
}

.return-submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 175px;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 9px;
}

.return-submit-arrow {
    font-size: 15px;
}


/*
|--------------------------------------------------------------------------
| KARGO TAKİP
|--------------------------------------------------------------------------
*/

.shipping-tracking-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--atelier-black);
    text-decoration: none;
}

.shipping-tracking-link strong {
    color: var(--atelier-black);
}

.shipping-tracking-link span {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 700;
}

.shipping-tracking-link:hover span {
    color: var(--atelier-black);
}


/*
|--------------------------------------------------------------------------
| TOAST
|--------------------------------------------------------------------------
*/

.account-toast {
    position: fixed;
    top: 25px;
    right: 25px;
    z-index: 100000;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(380px,
            calc(100% - 30px));
    padding: 15px 16px;
    border: 1px solid var(--atelier-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow:
        0 15px 35px rgba(0,
            0,
            0,
            .14);
    animation:
        accountToastIn .25s ease;
}

.account-toast-success {
    border-left: 4px solid #16a34a;
}

.account-toast-warning {
    border-left: 4px solid #d97706;
}

.account-toast-error {
    border-left: 4px solid #dc2626;
}

.account-toast-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    font-weight: 600;
}

.account-toast-success .account-toast-icon {
    background: #dcfce7;
    color: #166534;
}

.account-toast-warning .account-toast-icon {
    background: #fef3c7;
    color: #92400e;
}

.account-toast-error .account-toast-icon {
    background: #fee2e2;
    color: #dc2626;
}

.account-toast-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
}

.account-toast-content strong {
    color: var(--atelier-black);
    font-size: 13px;
}

.account-toast-content span {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.4;
}

.account-toast-close {
    padding: 2px 5px;
    border: 0;
    background: transparent;
    color: var(--atelier-muted);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.account-toast-close:hover {
    color: var(--atelier-black);
}

@keyframes accountToastIn {
    from {
        opacity: 0;
        transform:
            translateY(-10px) translateX(10px);
    }

    to {
        opacity: 1;
        transform:
            translateY(0) translateX(0);
    }
}


/*
|--------------------------------------------------------------------------
| TALEP DURUMU
|--------------------------------------------------------------------------
*/

.order-action-status {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
}

.order-action-status-pending {
    border: 1px solid #fde68a;
    background: #fffbeb;
}

.order-action-status-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: #fef3c7;
    color: #92400e;
    font-size: 14px;
}

.order-action-status>div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.order-action-status strong {
    color: #92400e;
    font-size: 12px;
}

.order-action-status small {
    color: #a16207;
    font-size: 12px;
}

.order-action-status-rejected {
    border: 1px solid #fecaca;
    background: #fef2f2;
}

.order-action-status-rejected .order-action-status-icon {
    background: #fee2e2;
    color: #991b1b;
}

.order-action-status-rejected strong {
    color: #991b1b;
}

.order-action-status-rejected small {
    color: #b91c1c;
}

.order-action-status-approved {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
}

.order-action-status-approved .order-action-status-icon {
    background: #dcfce7;
    color: #166534;
}

.order-action-status-approved strong {
    color: #166534;
}

.order-action-status-approved small {
    color: #15803d;
}


/*
|--------------------------------------------------------------------------
| MOBİL
|--------------------------------------------------------------------------
*/

@media (max-width: 800px) {

    .account-grid {
        grid-template-columns: 1fr;
    }

    .order-status-grid {
        grid-template-columns:
            repeat(2,
                minmax(0, 1fr));
    }

    .payment-panel {
        grid-template-columns: 1fr;
    }

    .invoice-action-panel {
        align-items: stretch;
        flex-direction: column;
    }

    .invoice-action-button {
        width: 100%;
    }

    .order-actions-panel {
        align-items: stretch;
        flex-direction: column;
    }

    .order-actions-buttons {
        width: 100%;
    }

    .order-action-form {
        width: 100%;
    }

    .order-action-form .order-action-button {
        width: 100%;
    }

    .return-request-container {
        width: 100%;
    }

    .return-request-toggle {
        width: 100%;
    }

    .return-request-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .return-request-submit-info {
        width: 100%;
    }

    .return-submit-button {
        width: 100%;
    }

    .return-shipping-info-grid {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 650px) {

    .return-item-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 13px;
    }

    .return-item-product {
        width: 100%;
    }

    .return-item-quantity {
        width: 100%;
        flex-basis: auto;
    }

    .return-quantity-control {
        width: 100%;
    }

    .return-quantity-control input {
        flex: 1;
        width: auto !important;
    }

    .return-bank-fields {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 600px) {

    .account-page {
        padding: 40px 0 60px;
    }

    .account-container {
        width: calc(100% - 24px);
    }

    .account-header {
        align-items: stretch;
        flex-direction: column;
    }

    .logout-button {
        width: 100%;
    }

    .account-card,
    .orders-card {
        padding: 18px;
    }

    .orders-header {
        align-items: stretch;
        flex-direction: column;
    }

    .orders-count {
        width: fit-content;
    }

    .order-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .order-status-grid {
        grid-template-columns: 1fr;
    }

    .shipping-grid {
        grid-template-columns: 1fr;
    }

    .return-request-form-wrap {
        padding: 14px;
    }

    .return-request-section {
        padding: 13px;
    }

    .return-request-intro-heading {
        gap: 9px;
    }

    .return-request-intro-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .return-item-image {
        width: 62px;
        height: 62px;
        flex-basis: 62px;
    }

    .account-toast {
        top: 15px;
        right: 15px;
        left: 15px;
        width: auto;
    }
}



/*
|--------------------------------------------------------------------------
| CART / SEPET
|--------------------------------------------------------------------------
*/

.cart-page {
    min-height: 500px;
    background: var(--atelier-cream);
}

.cart-hero {
    padding: 45px 0 40px;
    background: #ffffff;
    border-bottom: 1px solid var(--atelier-border);
}

.cart-eyebrow {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .14em;
}

.cart-hero h1 {
    margin: 8px 0 0;
    color: var(--atelier-black);
    font-size: 38px;
    letter-spacing: -.04em;
}

.cart-hero p {
    margin: 9px 0 0;
    color: var(--atelier-muted);
    font-size: 13px;
}

.cart-section {
    padding: 35px 0 70px;
}

.cart-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 20px;
    align-items: start;
}

.cart-items-card,
.cart-summary-card {
    border: 1px solid var(--atelier-border);
    border-radius: 14px;
    background: #ffffff;
}

.cart-items-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    border-bottom: 1px solid var(--atelier-paper);
}

.cart-items-header h2 {
    margin: 0;
    color: var(--atelier-black);
    font-size: 18px;
}

.cart-items-header span {
    display: block;
    margin-top: 4px;
    color: var(--atelier-muted);
    font-size: 12px;
}

.continue-shopping {
    color: var(--atelier-dark);
    font-size: 12px;
    font-weight: 600;
}

.continue-shopping:hover {
    color: var(--atelier-black);
}

.cart-item {
    position: relative;
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) 105px 130px 30px;
    gap: 15px;
    align-items: center;
    padding: 18px 20px;
    border-bottom: 1px solid var(--atelier-paper);
}

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

/*
|--------------------------------------------------------------------------
| CART ITEM IMAGE
|--------------------------------------------------------------------------
*/

.cart-item-image {
    display: block;
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    height: 90px;
    min-height: 90px;
    max-height: 90px;
    overflow: hidden;
    border-radius: 10px;
    background: var(--atelier-paper);
}

.cart-item-image img {
    display: block;
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    height: 90px;
    min-height: 90px;
    max-height: 90px;
    object-fit: cover;
}

.cart-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    color: var(--atelier-dark);
    font-size: 24px;
    font-weight: 600;
}

.cart-item-info {
    min-width: 0;
}

.cart-item-brand {
    display: block;
    margin-bottom: 4px;
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cart-item-info h3 {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}

.cart-item-info h3 a {
    color: var(--atelier-black);
}

.cart-item-info h3 a:hover {
    color: var(--atelier-dark);
}

.cart-item-variant {
    display: block;
    margin-top: 5px;
    color: var(--atelier-dark);
    font-size: 12px;
    line-height: 1.5;
}

.cart-item-sku {
    display: block;
    margin-top: 5px;
    color: var(--atelier-muted);
    font-size: 12px;
}

/*
|--------------------------------------------------------------------------
| QUANTITY
|--------------------------------------------------------------------------
*/

.cart-quantity {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 30px;
    width: 100%;
    height: 36px;
    overflow: hidden;
    border: 1px solid var(--atelier-border);
    border-radius: 7px;
}

.cart-quantity-button {
    padding: 0;
    border: 0;
    background: #ffffff;
    color: var(--atelier-black);
    font-size: 16px;
    cursor: pointer;
}

.cart-quantity-button:hover {
    background: var(--atelier-paper);
}

.cart-quantity-button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.cart-quantity-value {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--atelier-border);
    border-left: 1px solid var(--atelier-border);
    color: var(--atelier-black);
    font-size: 12px;
    font-weight: 600;
}

/*
|--------------------------------------------------------------------------
| PRICE
|--------------------------------------------------------------------------
*/

.cart-item-pricing {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
}

.cart-item-pricing strong {
    color: var(--atelier-black);
    font-size: 15px;
}

.cart-item-pricing span {
    color: var(--atelier-muted);
    font-size: 12px;
}

/*
|--------------------------------------------------------------------------
| REMOVE BUTTON
|--------------------------------------------------------------------------
*/

.cart-remove-button {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--atelier-muted);
    font-size: 20px;
    cursor: pointer;
}

.cart-remove-button:hover {
    background: #fef2f2;
    color: #dc2626;
}

/*
|--------------------------------------------------------------------------
| SUMMARY
|--------------------------------------------------------------------------
*/

.cart-summary-card {
    position: sticky;
    top: 110px;
    padding: 22px;
}

.cart-summary-card h2 {
    margin: 0 0 18px;
    color: var(--atelier-black);
    font-size: 18px;
}

.cart-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 8px 0;
    color: var(--atelier-muted);
    font-size: 12px;
}

.cart-summary-row strong {
    color: var(--atelier-black);
}

.cart-summary-divider {
    height: 1px;
    margin: 10px 0;
    background: var(--atelier-border);
}

.cart-grand-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 8px 0 16px;
    color: var(--atelier-black);
    font-size: 14px;
    font-weight: 700;
}

.cart-grand-total strong {
    font-size: 20px;
}

.checkout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    border-radius: 9px;
    background: #b58b5b;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.checkout-button:hover {
    background: #9f764b;
}

.cart-secure-note {
    margin-top: 12px;
    color: var(--atelier-muted);
    text-align: center;
    font-size: 12px;
}

/*
|--------------------------------------------------------------------------
| EMPTY CART
|--------------------------------------------------------------------------
*/

.cart-empty {
    grid-column: 1 / -1;
    padding: 80px 20px;
    border: 1px solid var(--atelier-border);
    border-radius: 14px;
    background: #ffffff;
    text-align: center;
}

.cart-empty-icon {
    font-size: 42px;
}

.cart-empty h2 {
    margin: 15px 0 7px;
    color: var(--atelier-black);
    font-size: 23px;
}

.cart-empty p {
    max-width: 450px;
    margin: 0 auto;
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.6;
}

.cart-empty-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    min-height: 42px;
    padding: 0 17px;
    border-radius: 8px;
    background: #b58b5b;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.cart-empty-button:hover {
    background: #9f764b;
}

/*
|--------------------------------------------------------------------------
| TOAST
|--------------------------------------------------------------------------
*/

.cart-toast {
    position: fixed;
    top: 25px;
    right: 25px;
    z-index: 100000;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(380px, calc(100% - 30px));
    padding: 15px 16px;
    border: 1px solid var(--atelier-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .14);
    animation: cartToastIn .25s ease;
}

.cart-toast-error {
    border-left: 4px solid #dc2626;
}

.cart-toast-success {
    border-left: 4px solid #16a34a;
}

.cart-toast-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    font-weight: 600;
}

.cart-toast-error .cart-toast-icon {
    background: #fee2e2;
    color: #dc2626;
}

.cart-toast-success .cart-toast-icon {
    background: #dcfce7;
    color: #166534;
}

.cart-toast-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

.cart-toast-content strong {
    color: var(--atelier-black);
    font-size: 13px;
}

.cart-toast-content span {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.4;
}

.cart-toast-close {
    padding: 2px 5px;
    border: 0;
    background: transparent;
    color: var(--atelier-muted);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.cart-toast-close:hover {
    color: var(--atelier-black);
}

@keyframes cartToastIn {
    from {
        opacity: 0;
        transform: translateY(-10px) translateX(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0) translateX(0);
    }
}

/*
|--------------------------------------------------------------------------
| REMOVE MODAL
|--------------------------------------------------------------------------
*/

.cart-remove-modal {
    position: fixed;
    inset: 0;
    z-index: 200000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(17, 24, 39, .50);
    opacity: 0;
    visibility: hidden;
    transition:
        opacity .2s ease,
        visibility .2s ease;
}

.cart-remove-modal.show {
    opacity: 1;
    visibility: visible;
}

.cart-remove-backdrop {
    position: absolute;
    inset: 0;
}

.cart-remove-dialog {
    position: relative;
    z-index: 1;
    width: min(390px, 100%);
    padding: 28px 24px 22px;
    border: 1px solid var(--atelier-border);
    border-radius: 16px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .22);
    transform: translateY(10px) scale(.97);
    transition: transform .2s ease;
}

.cart-remove-modal.show .cart-remove-dialog {
    transform: translateY(0) scale(1);
}

.cart-remove-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: #fef2f2;
    color: #dc2626;
    font-size: 27px;
}

.cart-remove-dialog h3 {
    margin: 0;
    color: var(--atelier-black);
    font-size: 18px;
}

.cart-remove-dialog p {
    margin: 9px 0 0;
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.6;
}

.cart-remove-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 22px;
}

.cart-remove-actions button {
    min-height: 44px;
    padding: 0 14px;
    border-radius: 9px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.cart-remove-cancel {
    border: 1px solid var(--atelier-border);
    background: #ffffff;
    color: var(--atelier-dark);
}

.cart-remove-cancel:hover {
    background: var(--atelier-cream);
}

.cart-remove-confirm {
    border: 0;
    background: #dc2626;
    color: #ffffff;
}

.cart-remove-confirm:hover {
    background: #b91c1c;
}

/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 1000px) {

    .cart-layout {
        grid-template-columns: 1fr;
    }

    .cart-summary-card {
        position: static;
    }
}

@media (max-width: 760px) {

    .cart-item {
        grid-template-columns: 70px minmax(0, 1fr) 30px;
        gap: 12px;
        padding: 15px;
    }

    .cart-item-image {
        width: 70px;
        min-width: 70px;
        max-width: 70px;
        height: 70px;
        min-height: 70px;
        max-height: 70px;
    }

    .cart-item-image img {
        width: 70px;
        min-width: 70px;
        max-width: 70px;
        height: 70px;
        min-height: 70px;
        max-height: 70px;
    }

    .cart-image-placeholder {
        width: 70px;
        height: 70px;
    }

    .cart-item-pricing {
        grid-column: 2 / 3;
        align-items: flex-start;
    }

    .cart-quantity {
        grid-column: 2 / 3;
        width: 110px;
    }

    .cart-remove-button {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
    }

    .cart-items-header {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 600px) {

    .cart-toast {
        top: 15px;
        right: 15px;
        left: 15px;
        width: auto;
    }
}

@media (max-width: 480px) {

    .cart-section {
        padding-top: 20px;
    }

    .cart-hero h1 {
        font-size: 32px;
    }

    .cart-remove-dialog {
        padding: 24px 18px 18px;
    }
}



/*
|--------------------------------------------------------------------------
| CHECKOUT / ÖDEME
|--------------------------------------------------------------------------
*/

.checkout-page {
    min-height: 600px;
    background: var(--atelier-cream);
}

/*
|--------------------------------------------------------------------------
| CHECKOUT HERO
|--------------------------------------------------------------------------
*/

.checkout-hero {
    padding: 45px 0 40px;
    background: #ffffff;
    border-bottom: 1px solid var(--atelier-border);
}

.checkout-eyebrow {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .14em;
}

.checkout-hero h1 {
    margin: 8px 0 0;
    color: var(--atelier-black);
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -.04em;
}

.checkout-hero p {
    margin: 9px 0 0;
    color: var(--atelier-muted);
    font-size: 13px;
}

/*
|--------------------------------------------------------------------------
| CHECKOUT LAYOUT
|--------------------------------------------------------------------------
*/

.checkout-section {
    padding: 35px 0 70px;
}

.checkout-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 20px;
    align-items: start;
}

.checkout-main {
    min-width: 0;
}

.checkout-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.checkout-card {
    padding: 22px;
    border: 1px solid var(--atelier-border);
    border-radius: 14px;
    background: #ffffff;
}

/*
|--------------------------------------------------------------------------
| SECTION TITLES
|--------------------------------------------------------------------------
*/

.checkout-section-title {
    margin-bottom: 18px;
}

.checkout-section-title h2,
.checkout-summary h2 {
    margin: 0;
    color: var(--atelier-black);
    font-size: 18px;
    font-weight: 700;
}

/*
|--------------------------------------------------------------------------
| FORM
|--------------------------------------------------------------------------
*/

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

.field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.field-full {
    grid-column: 1 / -1;
}

.field label {
    color: var(--atelier-dark);
    font-size: 12px;
    font-weight: 700;
}

.field input,
.field textarea,
.field select {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid var(--atelier-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--atelier-black);
    font-family: inherit;
    font-size: 13px;
    outline: none;
    box-sizing: border-box;
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.field input:focus,
.field textarea:focus,
.field select:focus {
    border-color: var(--atelier-black);
    box-shadow: 0 0 0 3px rgba(17, 24, 39, .05);
}

.field select:disabled {
    background: var(--atelier-cream);
    color: var(--atelier-muted);
    cursor: not-allowed;
}

.field input[readonly] {
    background: var(--atelier-cream);
    cursor: not-allowed;
}

.field textarea {
    resize: vertical;
}

/*
|--------------------------------------------------------------------------
| ERROR
|--------------------------------------------------------------------------
*/

.checkout-error {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 18px;
    padding: 15px 16px;
    border: 1px solid #fecaca;
    border-left: 4px solid #dc2626;
    border-radius: 10px;
    background: #fef2f2;
}

.checkout-error strong {
    color: #991b1b;
    font-size: 14px;
}

.checkout-error span {
    color: #7f1d1d;
    font-size: 13px;
    line-height: 1.5;
}

/*
|--------------------------------------------------------------------------
| TOAST
|--------------------------------------------------------------------------
*/

.toast {
    position: fixed;
    top: 25px;
    right: 25px;
    z-index: 100000;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 320px;
    max-width: 420px;
    padding: 15px 16px;
    border: 1px solid var(--atelier-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
    transition:
        opacity .25s ease,
        transform .25s ease;
}

.toast-error {
    border-left: 4px solid #dc2626;
}

.toast-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: #fee2e2;
    color: #991b1b;
    font-weight: 700;
}

.toast-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

.toast-content strong {
    color: var(--atelier-black);
    font-size: 14px;
}

.toast-content span {
    color: var(--atelier-muted);
    font-size: 13px;
    line-height: 1.4;
}

.toast-close {
    padding: 2px 5px;
    border: 0;
    background: transparent;
    color: var(--atelier-muted);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.toast-close:hover {
    color: var(--atelier-black);
}

/*
|--------------------------------------------------------------------------
| SAVED ADDRESS
|--------------------------------------------------------------------------
*/

.saved-address-section {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 20px;
}

.saved-address-label {
    color: var(--atelier-dark);
    font-size: 12px;
    font-weight: 700;
}

.saved-address-select {
    width: 100%;
    min-height: 46px;
    padding: 11px 12px;
    border: 1px solid var(--atelier-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--atelier-black);
    font-family: inherit;
    font-size: 13px;
    outline: none;
    cursor: pointer;
    transition: border-color .16s ease;
}

.saved-address-select:focus {
    border-color: var(--atelier-black);
}

.saved-address-help {
    color: var(--atelier-muted);
    font-size: 12px;
}

/*
|--------------------------------------------------------------------------
| PAYMENT OPTIONS
|--------------------------------------------------------------------------
*/

.payment-option {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
    border: 1px solid var(--atelier-border);
    border-radius: 10px;
    cursor: pointer;
    transition:
        border-color .16s ease,
        background .16s ease;
}

.payment-option:hover {
    border-color: var(--atelier-muted);
    background: #fafafa;
}

.payment-option input {
    margin-top: 3px;
}

.payment-option span {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.payment-option strong {
    color: var(--atelier-black);
    font-size: 14px;
}

.payment-option small {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.5;
}

/*
|--------------------------------------------------------------------------
| BILLING TYPE
|--------------------------------------------------------------------------
*/

.billing-type-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.billing-type-option {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--atelier-border);
    border-radius: 10px;
    cursor: pointer;
    transition:
        border-color .16s ease,
        background .16s ease;
}

.billing-type-option:hover {
    border-color: var(--atelier-muted);
    background: #fafafa;
}

.billing-type-option input {
    margin-top: 3px;
}

.billing-type-option span {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.billing-type-option strong {
    color: var(--atelier-black);
    font-size: 13px;
}

.billing-type-option small {
    color: var(--atelier-muted);
    font-size: 12px;
}

.billing-fields {
    margin-bottom: 18px;
}

.billing-address-fields {
    margin-top: 18px;
}

.billing-same-option {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 4px;
    color: var(--atelier-dark);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.billing-same-option input {
    margin: 0;
}

/*
|--------------------------------------------------------------------------
| SHIPPING
|--------------------------------------------------------------------------
*/

.shipping-provider-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.shipping-provider-option {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--atelier-border);
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease;
}

.shipping-provider-option:hover {
    border-color: var(--atelier-border);
    background: #fafafa;
}

.shipping-provider-option input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0;
    flex: 0 0 auto;
}

.shipping-provider-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}

.shipping-provider-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
}

.shipping-provider-content strong {
    color: var(--atelier-black);
    font-size: 14px;
}

.shipping-provider-price {
    margin-left: auto;
    color: var(--atelier-black);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.shipping-provider-content small {
    color: var(--atelier-muted);
    font-size: 12px;
    line-height: 1.4;
}

/*
|--------------------------------------------------------------------------
| SUBMIT
|--------------------------------------------------------------------------
*/

.checkout-submit {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 10px;
    background: #b58b5b;
    color: #ffffff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition:
        background .16s ease,
        transform .16s ease;
}

.checkout-submit:hover {
    background: #9f764b;
}

.checkout-submit:active {
    transform: translateY(1px);
}

.checkout-submit:disabled {
    opacity: .6;
    cursor: not-allowed;
}

.checkout-submit.is-loading {
    pointer-events: none;
}

/*
|--------------------------------------------------------------------------
| ORDER SUMMARY
|--------------------------------------------------------------------------
*/

.checkout-summary {
    position: sticky;
    top: 20px;
}

.checkout-summary-items {
    display: flex;
    flex-direction: column;
    margin-top: 18px;
}

.checkout-summary-item {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 14px 0;
    border-bottom: 1px solid var(--atelier-paper);
}

.checkout-summary-item>div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.checkout-summary-item strong {
    color: var(--atelier-black);
    font-size: 13px;
}

.checkout-summary-item span {
    color: var(--atelier-muted);
    font-size: 12px;
}

.checkout-summary-item small {
    color: var(--atelier-muted);
    font-size: 12px;
}

.checkout-summary-item>strong {
    white-space: nowrap;
}

.checkout-total-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 0;
    color: var(--atelier-muted);
    font-size: 13px;
}

.checkout-total-row strong {
    color: var(--atelier-dark);
}

.checkout-grand-total {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--atelier-border);
}

.checkout-grand-total span {
    color: var(--atelier-black);
    font-size: 15px;
    font-weight: 700;
}

.checkout-grand-total strong {
    color: var(--atelier-black);
    font-size: 19px;
}

/*
|--------------------------------------------------------------------------
| ORDER CREATION LOADING
|--------------------------------------------------------------------------
*/

.checkout-loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(17, 24, 39, .72);
    backdrop-filter: blur(3px);
}

.checkout-loading-box {
    width: min(420px, 100%);
    padding: 28px 24px;
    border-radius: 14px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .25);
}

.checkout-loading-spinner {
    width: 42px;
    height: 42px;
    margin: 0 auto 18px;
    border: 4px solid var(--atelier-border);
    border-top-color: var(--atelier-black);
    border-radius: 50%;
    animation: checkoutLoadingSpin .8s linear infinite;
}

.checkout-loading-box strong {
    display: block;
    margin-bottom: 8px;
    color: var(--atelier-black);
    font-size: 17px;
    font-weight: 700;
}

.checkout-loading-box span {
    display: block;
    color: var(--atelier-muted);
    font-size: 13px;
    line-height: 1.6;
}

@keyframes checkoutLoadingSpin {
    to {
        transform: rotate(360deg);
    }
}

/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    .checkout-layout {
        grid-template-columns: 1fr;
    }

    .checkout-summary {
        position: static;
    }
}

@media (max-width: 600px) {

    .checkout-hero h1 {
        font-size: 30px;
    }

    .checkout-grid {
        grid-template-columns: 1fr;
    }

    .field-full {
        grid-column: auto;
    }

    .billing-type-options {
        grid-template-columns: 1fr;
    }

    .checkout-card {
        padding: 18px;
    }

    .toast {
        top: 15px;
        right: 15px;
        left: 15px;
        min-width: auto;
        max-width: none;
    }

    .shipping-provider-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .shipping-provider-price {
        margin-left: 0;
    }
}



/*
|--------------------------------------------------------------------------
| STORE PAGE / DİNAMİK SAYFALAR
|--------------------------------------------------------------------------
*/

.store-page {
    padding: 72px 0 88px;
    background: #ffffff;
}

.store-page-container {
    width: min(920px, calc(100% - 40px));
    margin: 0 auto;
}

.store-page-content {
    padding: 42px;
    border: 1px solid var(--atelier-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .04);
}

/*
|--------------------------------------------------------------------------
| PAGE HEADING
|--------------------------------------------------------------------------
*/

.store-page-heading {
    padding-bottom: 24px;
    border-bottom: 1px solid #eef0f3;
}

.store-page-heading span {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.store-page-heading h1 {
    margin: 9px 0 0;
    color: var(--atelier-black);
    font-size: 38px;
    line-height: 1.08;
    letter-spacing: -.045em;
}

/*
|--------------------------------------------------------------------------
| PAGE CONTENT
|--------------------------------------------------------------------------
*/

.store-page-body {
    padding-top: 28px;
    color: var(--atelier-dark);
    font-size: 14px;
    line-height: 1.9;
    white-space: normal;
}

.store-page-body br {
    line-height: 1.9;
}

.store-page-body p {
    margin: 0 0 18px;
}

.store-page-body h2 {
    margin: 32px 0 12px;
    color: var(--atelier-black);
    font-size: 25px;
    line-height: 1.25;
    letter-spacing: -.03em;
}

.store-page-body h3 {
    margin: 26px 0 10px;
    color: var(--atelier-black);
    font-size: 18px;
    line-height: 1.3;
}

.store-page-body strong,
.store-page-body b {
    color: var(--atelier-black);
    font-weight: 700;
}

.store-page-body em,
.store-page-body i {
    font-style: italic;
}

.store-page-body ul,
.store-page-body ol {
    margin: 14px 0 20px;
    padding-left: 24px;
}

.store-page-body li {
    margin-bottom: 7px;
}

.store-page-body a {
    color: #2563eb;
    text-decoration: underline;
}

.store-page-body a:hover {
    color: #1d4ed8;
}

/*
|--------------------------------------------------------------------------
| PAGE NOT FOUND / 404
|--------------------------------------------------------------------------
*/

.store-page-not-found {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    padding: 40px;
    border: 1px solid var(--atelier-border);
    border-radius: 18px;
    background: #f8fafc;
    text-align: center;
}

.store-page-eyebrow {
    color: var(--atelier-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
}

.store-page-not-found h1 {
    margin: 10px 0 0;
    color: var(--atelier-black);
    font-size: 34px;
    line-height: 1.1;
    letter-spacing: -.04em;
}

.store-page-not-found p {
    max-width: 500px;
    margin: 14px 0 0;
    color: var(--atelier-muted);
    font-size: 13px;
    line-height: 1.7;
}

.store-page-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 24px;
    padding: 0 18px;
    border-radius: 9px;
    background: #b58b5b;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: background .16s ease;
}

.store-page-button:hover {
    background: #1f2937;
}

/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .store-page {
        padding: 48px 0 60px;
    }

    .store-page-container {
        width: calc(100% - 28px);
    }

    .store-page-content {
        padding: 26px 20px;
        border-radius: 14px;
    }

    .store-page-heading h1 {
        font-size: 29px;
    }

    .store-page-body {
        padding-top: 22px;
        font-size: 13px;
        line-height: 1.8;
    }

    .store-page-not-found {
        min-height: 350px;
        padding: 28px 20px;
    }

    .store-page-not-found h1 {
        font-size: 27px;
    }
}


/*
|--------------------------------------------------------------------------
| PAYMENT / ÖDEME FORMU
|--------------------------------------------------------------------------
*/

.payment-page {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 35px 20px 60px;
}

/*
|--------------------------------------------------------------------------
| PAYMENT HEADER
|--------------------------------------------------------------------------
*/

.payment-header {
    margin-bottom: 25px;
    text-align: center;
}

.payment-header h1 {
    margin: 0 0 8px;
    color: #332b25;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.035em;
}

.payment-header p {
    margin: 0;
    color: var(--atelier-muted);
    font-size: 14px;
    line-height: 1.6;
}

/*
|--------------------------------------------------------------------------
| PAYMENT CARD
|--------------------------------------------------------------------------
*/

.payment-card {
    padding: 25px;
    border: 1px solid var(--atelier-border);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
}

/*
|--------------------------------------------------------------------------
| PAYMENT SUMMARY
|--------------------------------------------------------------------------
*/

.payment-summary {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
    padding: 15px 17px;
    border: 1px solid #f0f1f3;
    border-radius: 10px;
    background: var(--atelier-cream);
}

.payment-summary span {
    color: var(--atelier-muted);
    font-size: 12px;
}

.payment-summary strong {
    color: #332b25;
    font-size: 14px;
}

.payment-summary-total {
    text-align: right;
}

.payment-summary-total strong {
    color: #b58b5b;
    font-size: 19px;
}

/*
|--------------------------------------------------------------------------
| SECURITY NOTE
|--------------------------------------------------------------------------
*/

.payment-security {
    margin-bottom: 18px;
    padding: 12px 14px;
    border: 1px solid #d1fae5;
    border-radius: 9px;
    background: #ecfdf5;
    color: #166534;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}

/*
|--------------------------------------------------------------------------
| IYZICO FORM
|--------------------------------------------------------------------------
*/

#iyzipay-checkout-form {
    width: 100%;
}

/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 600px) {

    .payment-page {
        padding: 20px 12px 40px;
    }

    .payment-header h1 {
        font-size: 27px;
    }

    .payment-card {
        padding: 16px;
    }

    .payment-summary {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .payment-summary-total {
        text-align: left;
    }
}

/* 
|--------------------------------------------------------------------------
| REVIEW — BUTİK TASARIM
|--------------------------------------------------------------------------
*/

.review-form-card {
    border: 1px solid #eadfd2;
    border-radius: 18px;
    background:
        linear-gradient(180deg,
            #fcfaf7 0%,
            #ffffff 100%);
    box-shadow:
        0 12px 35px rgba(99,
            72,
            45,
            .06);
}

.review-form-heading>span {
    color: #a27b52;
    letter-spacing: .16em;
    font-size: 12px;
    font-weight: 700;
}

.review-form-heading h3 {
    color: #29231f;
    font-size: 22px;
    font-weight: 500;
}

.review-login-required {
    padding: 32px 20px 30px;
}

.review-login-required-icon {
    width: 50px;
    height: 50px;
    background: #f4ede5;
    color: #b58b5b;
    border: 1px solid #e5d5c3;
}

.review-login-required strong {
    color: #332b25;
    font-size: 15px;
    font-weight: 600;
}

.review-login-required span {
    color: #81766c;
}

.review-login-button {
    background: #b58b5b;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: .01em;
}

.review-login-button:hover {
    background: #9f764b;
}


/*
|--------------------------------------------------------------------------
| REVIEW LOGIN MODAL — BUTİK
|--------------------------------------------------------------------------
*/

.review-login-modal-backdrop {
    background: rgba(48,
            38,
            30,
            .48);
    backdrop-filter: blur(5px);
}

.review-login-modal-dialog {
    border: 1px solid #eadfd2;
    border-radius: 20px;
    background:
        linear-gradient(180deg,
            #fffdf9 0%,
            #ffffff 100%);
    box-shadow:
        0 28px 80px rgba(48,
            38,
            30,
            .18);
}

.review-login-modal-close {
    background: #f7f1eb;
    color: #796c60;
}

.review-login-modal-icon {
    background: #f4ede5;
    color: #b58b5b;
    border: 1px solid #e5d5c3;
}

.review-login-modal-dialog h3 {
    color: #332b25;
    font-size: 21px;
    font-weight: 500;
}

.review-login-modal-dialog p {
    color: #81766c;
}

.review-login-modal-login {
    background: #b58b5b;
}

.review-login-modal-login:hover {
    background: #9f764b;
}

.review-login-modal-register {
    border-color: #dfd2c5;
    color: #66594e;
    background: #fffdf9;
}

/*
|--------------------------------------------------------------------------
| REVIEW PRODUCT IMAGE
|--------------------------------------------------------------------------
*/

.review-product-image {
    width: 58px;
    height: 58px;
    margin: 0 auto 14px;
    overflow: hidden;
    border: 1px solid #eadfd2;
    border-radius: 10px;
    background: #f8f5f1;
}

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

/*
|--------------------------------------------------------------------------
| CTA / EDITORIAL REFINEMENT
|--------------------------------------------------------------------------
*/

.store-theme-food .cta-section {

    padding:
        0 0 98px;

    background:
        var(--atelier-cream);
}

.store-theme-food .cta-card {

    position:
        relative;

    overflow:
        hidden;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        50px;

    padding:
        64px 68px;

    border:
        1px solid var(--atelier-border);

    border-radius:
        0;

    background:
        var(--atelier-paper);

    color:
        var(--atelier-black);

    box-shadow:
        none;
}

.store-theme-food .cta-card::before {

    content:
        "";

    position:
        absolute;

    top:
        50%;

    right:
        55px;

    width:
        250px;

    height:
        250px;

    border:
        1px solid rgba(23,
            23,
            23,
            0.08);

    border-radius:
        50%;

    transform:
        translateY(-50%);
}

.store-theme-food .cta-card::after {

    content:
        "A";

    position:
        absolute;

    right:
        118px;

    top:
        50%;

    color:
        rgba(23,
            23,
            23,
            0.045);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        150px;

    font-weight:
        400;

    line-height:
        1;

    transform:
        translateY(-50%);
}

.store-theme-food .cta-content {

    position:
        relative;

    z-index:
        3;

    max-width:
        620px;
}

.store-theme-food .cta-content>span {

    display:
        block;

    margin-bottom:
        12px;

    color:
        var(--atelier-taupe);

    font-size:
        10px;

    font-weight:
        600;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;
}

.store-theme-food .cta-card h2 {

    margin:
        0;

    color:
        var(--atelier-black);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(38px,
            5vw,
            58px);

    font-weight:
        400;

    line-height:
        1;

    letter-spacing:
        -0.045em;
}

.store-theme-food .cta-card p {

    max-width:
        500px;

    margin:
        18px 0 0;

    color:
        var(--atelier-muted);

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.8;
}

.store-theme-food .cta-button {

    position:
        relative;

    z-index:
        4;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        46px;

    padding:
        0 20px;

    border:
        1px solid var(--atelier-black);

    border-radius:
        0;

    background:
        transparent;

    color:
        var(--atelier-black);

    font-size:
        11px;

    font-weight:
        500;

    letter-spacing:
        0.07em;

    text-decoration:
        none;

    transition:
        background .2s ease,
        color .2s ease;
}

.store-theme-food .cta-button:hover {

    background:
        var(--atelier-black);

    color:
        var(--atelier-white);
}

/*
|--------------------------------------------------------------------------
| CTA / EDITORIAL MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 760px) {

    .store-theme-food .cta-card {

        padding:
            42px 24px;

        flex-direction:
            column;

        align-items:
            flex-start;
    }

    .store-theme-food .cta-card::before,
    .store-theme-food .cta-card::after {

        display:
            none;
    }

    .store-theme-food .cta-button {

        margin-top:
            8px;
    }
}

/*
|--------------------------------------------------------------------------
| CTA / FULL WIDTH EDITORIAL
|--------------------------------------------------------------------------
*/

.store-theme-food .cta-section {
    padding:
        20px 0 100px;

    background:
        var(--atelier-cream);
}

.store-theme-food .cta-card {
    width:
        100%;

    min-height:
        300px;

    padding:
        70px 0;

    border-top:
        1px solid var(--atelier-border);

    border-bottom:
        1px solid var(--atelier-border);

    border-left:
        0;

    border-right:
        0;

    background:
        transparent;

    box-shadow:
        none;
}

.store-theme-food .cta-content {
    max-width:
        650px;
}

.store-theme-food .cta-card h2 {
    font-size:
        clamp(42px,
            5vw,
            64px);
}

.store-theme-food .cta-card p {
    max-width:
        520px;

    font-size:
        14px;
}

.store-theme-food .cta-button {
    margin-left:
        auto;

    flex-shrink:
        0;
}

/*
|--------------------------------------------------------------------------
| FOOTER / CTA FLOW
|--------------------------------------------------------------------------
*/

.store-theme-food .cta-section {
    padding:
        20px 0 40px;
}

.store-theme-food .store-footer {
    margin-top:
        0;
}









/*
|--------------------------------------------------------------------------
| TYPOGRAPHY / FONT SYSTEM
|--------------------------------------------------------------------------
*/

.store-theme-food {
    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;
}

.store-theme-food .section-heading>div>span {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.14em;
}

.store-theme-food .section-heading h2 {
    font-weight: 500;
}

.store-theme-food .section-link {
    min-height: 40px;
    padding: 0 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.07em;
}

.store-theme-food .category-content span {
    font-size: 11px;
    letter-spacing: 0.13em;
}

.store-theme-food .category-content strong {
    font-size: 25px;
    font-weight: 400;
}

.store-theme-food .category-content small {
    font-size: 13px;
    font-weight: 600;
}

.store-theme-food .atelier-editorial-product-info span {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.10em;
}

.store-theme-food .atelier-editorial-product-info strong {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}

.store-theme-food .atelier-editorial-product-info small {
    font-size: 12px;
    font-weight: 600;
}

.store-theme-food .hero-content h1 {
    font-weight: 400;
}

.store-theme-food .hero-content p {
    font-size: 15px;
    line-height: 1.75;
}

/*
|--------------------------------------------------------------------------
| TYPOGRAPHY / MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .store-theme-food .section-heading>div>span {
        font-size: 12px;
    }

    .store-theme-food .section-heading h2 {
        font-size: 29px;
    }

    .store-theme-food .section-link {
        min-height: 42px;
        font-size: 12px;
    }

    .store-theme-food .fashion-announcement-inner {
        font-size: 10px;
        line-height: 1.35;
    }

    .store-theme-food .hero-content h1 {
        font-size: 49px;
        line-height: 0.94;
    }

    .store-theme-food .hero-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .store-theme-food .atelier-editorial-product-info {
        padding: 15px 14px 17px;
    }

    .store-theme-food .atelier-editorial-product-info span {
        font-size: 10px;
    }

    .store-theme-food .atelier-editorial-product-info strong {
        font-size: 15px;
    }

    .store-theme-food .atelier-editorial-product-info small {
        font-size: 12px;
    }
}



/*
|--------------------------------------------------------------------------
| TYPOGRAPHY / EDITORIAL SECTION HEADINGS
|--------------------------------------------------------------------------
*/

.store-theme-food .section-heading h2 {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(32px,
            3.5vw,
            44px);

    font-weight:
        400;

    line-height:
        1.08;

    letter-spacing:
        -0.035em;
}

.store-theme-food .section-heading>div>span {
    font-size:
        11px;

    font-weight:
        600;

    letter-spacing:
        0.16em;

    text-transform:
        uppercase;
}

@media (max-width: 640px) {

    .store-theme-food .section-heading h2 {
        font-size:
            31px;

        line-height:
            1.08;

        letter-spacing:
            -0.028em;
    }

    .store-theme-food .section-heading>div>span {
        font-size:
            10px;

        letter-spacing:
            0.14em;
    }
}



/*
|--------------------------------------------------------------------------
| SHOP THE LOOK / TYPOGRAPHY
|--------------------------------------------------------------------------
*/

.store-theme-food .atelier-look-info {
    padding:
        12px 3px 0;
}

.store-theme-food .atelier-look-info span {
    font-size:
        11px;

    font-weight:
        600;

    letter-spacing:
        0.11em;

    line-height:
        1.3;
}

.store-theme-food .atelier-look-info strong {
    margin-top:
        6px;

    font-size:
        16px;

    font-weight:
        400;

    line-height:
        1.35;
}

.store-theme-food .atelier-look-button {
    min-height:
        44px;

    padding:
        0 18px;

    font-size:
        11px;

    font-weight:
        600;

    letter-spacing:
        0.06em;
}

@media (max-width: 640px) {

    .store-theme-food .atelier-look-info {
        padding:
            11px 2px 0;
    }

    .store-theme-food .atelier-look-info span {
        font-size:
            10px;

        letter-spacing:
            0.09em;
    }

    .store-theme-food .atelier-look-info strong {
        font-size:
            15px;

        line-height:
            1.35;
    }

    .store-theme-food .atelier-look-button {
        min-height:
            44px;

        font-size:
            11px;
    }
}


/*
|--------------------------------------------------------------------------
| KATEGORİLER / MOBILE GRID
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .store-theme-food .categories-grid {

        display:
            grid;

        grid-template-columns:
            repeat(2,
                minmax(0,
                    1fr));

        gap:
            10px;

        width:
            100%;

        overflow:
            visible;

        padding:
            3px 1px 10px;

        touch-action:
            auto;

        overscroll-behavior:
            auto;
    }

    .store-theme-food .category-card {

        width:
            100%;

        min-width:
            0;

        min-height:
            0;

        aspect-ratio:
            3 / 4;

        flex:
            none;

        transform:
            none !important;
    }

    .store-theme-food .category-image {

        width:
            100%;

        height:
            100%;
    }

    .store-theme-food .category-fallback {

        min-height:
            0;

        height:
            100%;
    }

    .store-theme-food .category-content {

        right:
            12px;

        bottom:
            12px;

        left:
            12px;
    }

    .store-theme-food .category-content span {

        font-size:
            9px;

        letter-spacing:
            0.12em;
    }

    .store-theme-food .category-content strong {

        margin-top:
            5px;

        font-size:
            17px;

        line-height:
            1.15;
    }

    .store-theme-food .category-content small {

        margin-top:
            7px;

        font-size:
            10px;

        font-weight:
            600;
    }

    .store-theme-food .categories-arrow {

        display:
            none;
    }
}

@media (max-width: 390px) {

    .store-theme-food .categories-grid {

        gap:
            8px;
    }

    .store-theme-food .category-content {

        right:
            10px;

        bottom:
            10px;

        left:
            10px;
    }

    .store-theme-food .category-content strong {

        font-size:
            16px;
    }

    .store-theme-food .category-content small {

        font-size:
            9px;
    }
}

/*
|--------------------------------------------------------------------------
| EDITORIAL HEADER / MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .store-theme-food .atelier-editorial-header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 18px !important;
        margin-bottom: 28px !important;
    }

    .store-theme-food .atelier-editorial-header>div {
        width: 100% !important;
        min-width: 0 !important;
    }

    .store-theme-food .atelier-editorial-header h2 {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        font-size: 31px !important;
        line-height: 1.08 !important;
        margin: 8px 0 0 !important;
    }

    .store-theme-food .atelier-editorial-header p {
        display: block !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        color: var(--atelier-muted) !important;
        font-size: 14px !important;
        line-height: 1.7 !important;
    }
}

@media (max-width: 390px) {

    .store-theme-food .atelier-editorial-header {
        gap: 15px !important;
    }

    .store-theme-food .atelier-editorial-header h2 {
        font-size: 29px !important;
    }

    .store-theme-food .atelier-editorial-header p {
        font-size: 13px !important;
    }
}
/*
|--------------------------------------------------------------------------
| EDITORIAL SLIDER / MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .store-theme-food .atelier-editorial-slider-wrap {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 6px !important;
        overflow: visible !important;
    }

    .store-theme-food .atelier-editorial-slider {
        flex: 1 1 auto !important;
        width: 0 !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 10px !important;
        padding: 3px 0 14px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        touch-action: pan-x !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .store-theme-food .atelier-editorial-product {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        scroll-snap-align: start !important;
    }

    .store-theme-food .atelier-editorial-product-info {
        min-height: 0 !important;
        padding: 14px 13px 16px !important;
    }

    .store-theme-food .atelier-editorial-product-info span {
        font-size: 10px !important;
    }

    .store-theme-food .atelier-editorial-product-info strong {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .store-theme-food .atelier-editorial-product-info small {
        font-size: 12px !important;
    }

    .store-theme-food .atelier-editorial-arrow {
        display: flex !important;
        flex: 0 0 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        z-index: 5 !important;
    }
}

@media (max-width: 390px) {

    .store-theme-food .atelier-editorial-arrow {
        flex-basis: 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
    }

    .store-theme-food .atelier-editorial-slider-wrap {
        gap: 5px !important;
    }
}
/*
|--------------------------------------------------------------------------
| SHOP THE LOOK / MOBILE STACK
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .store-theme-food .atelier-look-section {
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    .store-theme-food .atelier-look-copy {
        width: 100% !important;
    }

    .store-theme-food .atelier-look-products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        width: 100% !important;
    }

    .store-theme-food .atelier-look-product {
        width: 100% !important;
        min-width: 0 !important;
    }

    .store-theme-food .atelier-look-image {
        width: 100% !important;
        aspect-ratio: 4 / 5 !important;
    }

    .store-theme-food .atelier-look-info {
        padding-top: 12px !important;
    }
}

@media (max-width: 390px) {

    .store-theme-food .atelier-look-products {
        gap: 20px !important;
    }
}


/*
|--------------------------------------------------------------------------
| BEST SELLERS / MOBILE ONE FULL CARD
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .store-theme-food .best-sellers-slider-wrap {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 6px !important;
        overflow: visible !important;
    }

    .store-theme-food .best-sellers-slider {
        display: grid !important;

        grid-auto-flow: column !important;
        grid-auto-columns: 100% !important;

        width: 0 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        gap: 10px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;

        padding: 3px 0 14px !important;

        touch-action: pan-x !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .store-theme-food .best-sellers-slider>* {
        width: 100% !important;
        min-width: 100% !important;
        scroll-snap-align: start !important;
    }

    .store-theme-food .best-sellers-arrow {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;

        position: relative !important;
        z-index: 5 !important;
    }
}

@media (max-width: 390px) {

    .store-theme-food .best-sellers-arrow {
        flex-basis: 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
    }

    .store-theme-food .best-sellers-slider-wrap {
        gap: 5px !important;
    }
}


/*
|--------------------------------------------------------------------------
| CTA / MOBILE FINAL
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .store-theme-food .cta-section {
        width: 100% !important;
        padding: 28px 0 55px !important;
        overflow: hidden !important;
    }

    .store-theme-food .cta-card {
        box-sizing:
            border-box;
        width: 100% !important;
        min-height: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 46px 22px 44px !important;

        text-align: center !important;
    }

    .store-theme-food .cta-card h2 {
        max-width: 100% !important;
        margin: 9px 0 0 !important;

        font-size: 31px !important;
        line-height: 1.08 !important;
        font-weight: 400 !important;
        letter-spacing: -0.025em !important;
    }

    .store-theme-food .cta-card p {
        max-width: 340px !important;
        margin: 15px auto 0 !important;

        font-size: 14px !important;
        line-height: 1.75 !important;
        font-weight: 400 !important;
        text-align: center !important;
    }

    .store-theme-food .cta-button {
        box-sizing:
            border-box;
        width: 100% !important;
        max-width: 310px !important;

        min-height: 48px !important;

        margin: 20px auto 0 !important;
        padding: 0 22px !important;

        justify-content: center !important;

        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0.07em !important;
    }

    .store-theme-food .cta-card::before,
    .store-theme-food .cta-card::after {
        display: none !important;
    }
}

@media (max-width: 390px) {

    .store-theme-food .cta-card {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .store-theme-food .cta-card h2 {
        font-size: 29px !important;
    }

    .store-theme-food .cta-card p {
        font-size: 13px !important;
    }

    .store-theme-food .cta-button {
        box-sizing:
            border-box;
        max-width: 100% !important;
    }
}


/*
|--------------------------------------------------------------------------
| KATEGORİLER / FINAL TYPOGRAPHY
|--------------------------------------------------------------------------
*/

.store-theme-food .category-content span {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
}

.store-theme-food .category-content strong {
    font-size: 25px;
    font-weight: 400;
    line-height: 1.12;
}

.store-theme-food .category-content small {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

@media (max-width: 640px) {

    .store-theme-food .category-content span {
        font-size: 9px;
        font-weight: 600;
        letter-spacing: 0.10em;
    }

    .store-theme-food .category-content strong {
        font-size: 18px;
        font-weight: 400;
    }

    .store-theme-food .category-content small {
        font-size: 10px;
        font-weight: 500;
    }
}

@media (max-width: 390px) {

    .store-theme-food .category-content strong {
        font-size: 17px;
    }

    .store-theme-food .category-content small {
        font-size: 9px;
    }
}


/*
|--------------------------------------------------------------------------
| YENİ GELENLER / PRODUCT CARD TYPOGRAPHY
|--------------------------------------------------------------------------
*/

.store-theme-food .product-category-label {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.11em;
}


/*
|--------------------------------------------------------------------------
| PRODUCT DETAIL / DESKTOP SPACING
|--------------------------------------------------------------------------
*/

@media (min-width: 901px) {

    .product-main-section {
        padding: 24px 0 52px;
    }

    .product-main-grid {
        gap: 48px;
    }

    .detail-price-area {
        margin-top: 18px;
    }

    .detail-description {
        margin-top: 18px;
        padding-top: 18px;
        line-height: 1.65;
    }

    .variant-selection {
        margin-top: 20px;
        padding-top: 20px;
    }

    .detail-stock {
        margin-top: 16px;
    }

    .purchase-area {
        margin-top: 18px;
    }

    .detail-trust-list {
        margin-top: 14px;
        padding-top: 14px;
    }

    .product-specifications-section {
        padding-bottom: 50px;
    }

    .specifications-card {
        padding-top: 28px;
    }
}





/*
|--------------------------------------------------------------------------
| FASHION — ANA AKSİYON BUTONLARI
|--------------------------------------------------------------------------
*/

.store-theme-food .product-cart-button,
.store-theme-food .add-to-cart-button,
.store-theme-food .checkout-button,
.store-theme-food .review-submit-button {
    background:
        #b58b5b;
    color:
        var(--atelier-white);
}

.store-theme-food .product-cart-button:hover,
.store-theme-food .add-to-cart-button:hover,
.store-theme-food .checkout-button:hover,
.store-theme-food .review-submit-button:hover {
    background:
        #9f764b;
    color:
        var(--atelier-white);
}

/*
|--------------------------------------------------------------------------
| FASHION — ANA SAYFA CTA BUTONLARI
|--------------------------------------------------------------------------
*/

.store-theme-food .hero-button-primary {
    background:
        #b58b5b;
    border-color:
        #b58b5b;
    color:
        var(--atelier-white);
}

.store-theme-food .hero-button-primary:hover {
    background:
        #9f764b;
    border-color:
        #9f764b;
    color:
        var(--atelier-white);
}

/* ==========================================================
   CART / SEPET ÜRÜN ADI
   ========================================================== */

.cart-item-info h3 a {
    display: inline-block;
    color: var(--atelier-black);
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
    text-decoration: none !important;
}

.cart-item-info h3 a:hover {
    color: var(--atelier-dark);
    text-decoration: none !important;
}

/* ==========================================================
   FOOD - CTA FINAL
   Cleaning yapısına uyumlu Food paleti
   ========================================================== */

.store-theme-food .cta-section {
    padding:
        70px 0 90px;

    background:
        var(--atelier-cream);
}

.store-theme-food .cta-card {
    position:
        relative;

    overflow:
        hidden;

    border:
        1px solid var(--atelier-border);

    border-radius:
        20px;

    background:
        linear-gradient(
            135deg,
            #f6efe5,
            #fffaf2
        );

    box-shadow:
        0 20px 45px rgba(92, 70, 50, .08);
}

.store-theme-food .cta-card::after {
    content:
        "";

    position:
        absolute;

    right:
        -80px;

    top:
        -80px;

    width:
        220px;

    height:
        220px;

    border-radius:
        50%;

    background:
        rgba(181, 139, 91, .14);
}

.store-theme-food .cta-content span {
    color:
        var(--atelier-accent);
}

.store-theme-food .cta-content h2 {
    color:
        var(--atelier-black);
}

.store-theme-food .cta-content p {
    color:
        var(--atelier-muted);
}

.store-theme-food .cta-button {
    position:
        relative;

    z-index:
        1;

    background:
        var(--atelier-accent);

    color:
        var(--atelier-white);

    border-radius:
        8px;
}

.store-theme-food .cta-button:hover {
    background:
        var(--atelier-dark);
}

/* ==========================================================
   FOOD — CTA GÜÇLENDİRME
   Cleaning CTA yapısı referans alınmıştır.
   ========================================================== */

.store-theme-food .cta-card {
    min-height:
        270px !important;

    box-sizing:
        border-box;

    padding:
        58px 62px !important;

    background:
        linear-gradient(
            135deg,
            #b58b5b 0%,
            #806b56 100%
        ) !important;

    color:
        #ffffff !important;

    box-shadow:
        0 20px 46px rgba(92, 70, 50, 0.16) !important;
}

.store-theme-food .cta-content > span {
    color:
        #fffaf2 !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;
}

.store-theme-food .cta-content h2 {
    color:
        #ffffff !important;

    font-size:
        36px !important;

    font-weight:
        500 !important;
}

.store-theme-food .cta-content p {
    color:
        #fffaf2 !important;

    font-size:
        14px !important;

    line-height:
        1.75 !important;
}

.store-theme-food .cta-button {
    min-height:
        50px !important;

    padding:
        0 24px !important;

    background:
        #ffffff !important;

    border-color:
        #ffffff !important;

    color:
        #806b56 !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;
}

.store-theme-food .cta-button:hover {
    background:
        #fffaf2 !important;

    border-color:
        #fffaf2 !important;

    color:
        #5c4632 !important;
}


/* ==========================================================
   CTA — MOBİL
   ========================================================== */

@media (max-width: 900px) {

    .store-theme-food .cta-card {
        min-height:
            290px !important;

        padding:
            44px 32px !important;
    }
}

@media (max-width: 640px) {

    .store-theme-food .cta-card {
        min-height:
            320px !important;

        padding:
            36px 24px !important;
    }

    .store-theme-food .cta-content h2 {
        font-size:
            29px !important;
    }

    .store-theme-food .cta-content p {
        font-size:
            13px !important;
    }

    .store-theme-food .cta-button {
        min-height:
            50px !important;
    }
}


/* =========================================================
   FOOD - SHOP THE LOOK
   ========================================================= */

.store-theme-food .atelier-look-image {
    overflow: hidden !important;
}

.store-theme-food .atelier-look-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;
}


/* =========================================================
   FOOD - ÇOK SATANLAR
   ========================================================= */

.store-theme-food .best-sellers-slider .product-image {
    overflow: hidden !important;
}

.store-theme-food .best-sellers-slider .product-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;
}