/* Eczane Depo — Home Page (index.html) sayfa stilleri.
   Kaynak: Figma node 1:1356 (web 1440px) + 1:2920 (mobil 390px) */
/* general.css'teki genel .ed-home img reset'i, yalnız ana sayfa section'larına özel olarak buraya taşındı */
.hero img,
.brand_strip img,
.trust img,
.featured img,
.categories img,
.showcase img,
.discount_banner img,
.standard img,
.reviews img,
.newsletter img{
    display:block;
    max-width:100%;
}
/* genel buton reset'i — ana sayfa butonlarına varsayılan beyaz zemin + ince kenarlık */
.ed-home button{
    font:inherit;
    color:inherit;
    background:#fff;
    border:1px solid #e3e3e3;
    cursor:pointer;
}
/* owl.carousel.min.css .owl-item img { width:100% } kuralı kart içindeki
   tüm img'lere biniyor (ikonlar 105px'e şişiyordu) — kart kapsamında sıfırla */
.ed-home .owl-item .product_card img{
    width:auto;
    height:auto;
}
/* WhatsApp ikonu: yukaridaki width:auto'da lazy-load placeholder'i butonu
   dolduruyordu (mobilde 116px) — sabit boyut */
.ed-home .owl-item .product_card .wa_btn img{
    width:16px;
    height:16px;
    flex:0 0 auto;
}
.ed-home .owl-item .product_card .product_card_img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:10px;
    background:#fff;
}
/* kart aksiyon butonları — genel .ed-home a / button reset'lerinden izole
   (0,3,0 özgüllük, .ed-home a (0,1,1) ve .ed-home button (0,1,1)'ı ezer) */
.ed-home .cart_row .cart_btn,
.ed-home .product_card .cart_btn,
.ed-home .product_card .wa_btn{
    color:var(--color_white);
}
/* standard kart fiyat alanı — aynı izolasyon (.price_row genel kuralları .ed-home a tarafından ezilir) */
.ed-home .price_row .price_row_price{
    font-size:16px;
    line-height:24px;
    color:var(--color_charcoal);
}
/* standard kart eski fiyat (del) — genel fiyat renginden ayrışır, gri + üstü çizili */
.ed-home .price_row .price_row_price del{
    color:#8a857d;
    font-size:13px;
    text-decoration:line-through;
}
.ed-home .price_row .price_row_price .amount{
    color:var(--color_charcoal);
}
.ed-home .price_row .price_row_price ins .amount{
    color:var(--color_commerce);
}
.ed-home .price_row .cart_btn_dark{
    color:var(--color_white);
    background:#000;
    border-radius:var(--radius_pill);
}
/* kart gövdesi: içerik üstte, cart_row altta — bar olmayan kartlarda da hizalı */
.ed-home .product_card_body{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:20px;
    justify-content:space-between;
}
/* HERO */
.hero{
    display:block;
    width:100%;
    padding-inline:0;
    background:var(--color_white);
}
/* general.css reset'i (.ed-home *) .container margin/padding'ini eziyor —
   hero container'ı yeniden ortala + görsel tam genişlik kalsın */
.hero .container{
    max-width:1440px;
    margin-inline:auto;
    padding-inline:0;
}
.hero_stage{
    position:relative;
    overflow:hidden;
    height:var(--hero-height, 700px);
    min-height:var(--hero-height, 700px);
    background:#111;
}
.hero_controls{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--space_6);
    padding-top:25px;
    padding-bottom:var(--space_5);
    border-top:1px solid rgba(17, 17, 17, 0.08);
}
.hero_nav{
    display:flex;
    align-items:center;
    gap:var(--space_4);
}
.hero_arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border:1px solid rgba(17, 17, 17, 0.08) !important;
    border-radius:var(--radius_pill);
}
.hero_arrow:hover{
    border-color:var(--color_gold_page);
}
.hero_counter{
    padding-left:var(--space_2);
    font-size:12px;
    line-height:16px;
    letter-spacing:2.4px;
    color:#8a857d;
}
.hero_progress{
    display:flex;
    align-items:center;
    gap:var(--space_3);
}
.hero_bar{
    position:relative;
    width:48px;
    height:2px;
    padding:0;
    background:rgba(17, 17, 17, 0.15);
    overflow:hidden;
}
.hero_bar span{
    position:absolute;
    inset:0 auto 0 0;
    background:var(--color_gold_page);
}
@media (max-width:767px){
    .hero{
        padding-inline:0;
    }
    /* Mobilde sabit yukseklik; slider gorselleri ACF'den gelir */
    .hero_stage{
        height:520px;
        min-height:520px;
    }
    .hero_controls{
        display:none;
    }
}
/* HERO */
/* BRAND STRIP */
.brand_strip{
    display:flex;
    justify-content:center;
    padding-top:31px;
    padding-bottom:81px;
    background:var(--color_white);
    border-top:1px solid rgba(17, 17, 17, 0.08);
    border-bottom:1px solid rgba(17, 17, 17, 0.08);
}
.brand_strip_container{
    width:min(100%, 1161px);
    padding-inline:var(--space_7);
}
.brand_grid{
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    gap:1px;
    margin-top:40px;
    background:rgba(17, 17, 17, 0.08);
    border:1px solid rgba(17, 17, 17, 0.08);
}
.brand_grid_cell{
    display:flex;
    align-items:center;
    justify-content:center;
    height:112px;
    background:var(--color_white);
    overflow:hidden; /* VICHY logosu (133x133) hucreden tasar, Figma'da kirpiliyor */
}
/* Yalnız marka logo görselleri — section'daki diğer img'leri etkilemez */
.brand_grid_cell img{
    height:auto;
    max-height:70px;
    object-fit:contain;
    width:110px;
}
@media (max-width:1024px){
    .brand_grid{
        grid-template-columns: repeat(3, 1fr);
    }
    /* 3x3 = 9 marka; 10. markadan itibaren gizlenir */
    .brand_grid_cell:nth-child(n+10){
        display:none;
    }
}
@media (max-width:767px){
    .brand_strip{
        padding-block:var(--space_8);
    }
    .brand_strip_container{
        padding-inline:0;
    }
    .brand_strip .section_header{
        padding-inline:20px;
    }
    .brand_grid{
        grid-template-columns: repeat(3, 1fr);
        margin-top:var(--space_6);
    }
    /* Boş ilk hücre kaldırıldı — grid artık doğrudan markalarla dolar */
    .brand_grid_cell{
        height:90px;
    }
    /* Mobil grid 3x3 = 9 marka; 10. marka (son hücre) gizlenir */
    .brand_grid_cell:last-child{
        display:none;
    }
    .brand_grid_cell img{
        width:auto;
        height:auto;
        max-width:105px;
        max-height:70px;
    }
}
/* BRAND STRIP */
/* TRUST */
.trust{
    display:flex;
    justify-content:center;
    padding-block:65px;
    background:var(--color_white);
    border-top:1px solid rgba(17, 17, 17, 0.08);
    border-bottom:1px solid rgba(17, 17, 17, 0.08);
}
.trust_list{
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    width:min(100%, 1161px);
    padding-inline:var(--space_7);
}
.trust_item{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-inline:var(--space_3);
    text-align:center;
}
.trust_item h2{
    padding-top:var(--space_4);
    font-family:var(--font_display);
    font-size:14px;
    font-weight:400;
    line-height:20px;
    letter-spacing:0.35px;
    color:var(--color_charcoal);
}
.trust_item p{
    padding-top:6px;
    font-size:12px;
    line-height:19.5px;
    color:#8a857d;
}
@media (max-width:1024px){
    .trust_list{
        grid-template-columns: repeat(3, 1fr);
        row-gap:var(--space_6);
    }
}
@media (max-width:767px){
    .trust{
        padding-block:0;
        background:var(--color_cream_page);
    }
    .trust_list{
        display:flex;
        gap:0;
        width:100%;
        padding-inline:0;
        overflow-x:auto;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
    }
    .trust_list::-webkit-scrollbar{
        display:none;
    }
    .trust_item{
        flex:0 0 150px;
        height:180px;
        justify-content:center;
        scroll-snap-align:start;
        background:var(--color_white);
        border-right:1px solid rgba(17, 17, 17, 0.08);
    }
    .trust_item:first-child{
        border-left:1px solid rgba(17, 17, 17, 0.08);
    }
    .trust_item:last-child{
        border-right:0;
    }
    .trust_item h2{
        padding-top:var(--space_2);
        font-weight:500;
    }
    .trust_item p{
        padding-top:var(--space_1);
        font-size:13px;
        line-height:19px;
    }
}
/* TRUST */
/* FEATURED PRODUCTS */
.featured{
    display:flex;
    justify-content:center;
}
.featured_container{
    width:min(100%, 1161px);
    padding:112px var(--space_7);
}
@media (max-width:767px){
    .featured{
        background:var(--color_cream_page);
    }
    .featured_container{
        padding:var(--space_8) 20px;
    }
    .featured .carousel{
        margin-top:var(--space_6);
    }
    .featured .product_card{
        width:100%;
        min-width:0;
    }
    /* owl mobilde 2'li kaydirmali carousel (home.js responsive 0: items 2) */
    .featured .product_card_title{
        font-family:var(--font_ui);
    }
    .featured .product_card_cta_label{
        padding-top:var(--space_2);
        font-size:10px;
        line-height:normal;
        letter-spacing:0;
    }
    .featured .wa_btn{
        margin-top:var(--space_1);
        padding-block:var(--space_2);
        font-size:10px;
        line-height:14px;
        letter-spacing:0.24px;
    }
    .ed-home .featured .owl-item .product_card .wa_btn img{
        width:11px;
        height:11px;
    }
}
/* FEATURED PRODUCTS */
/* CATEGORY GRID */
.categories{
    display:flex;
    justify-content:center;
    background:var(--color_white);
    padding-block:112px;
}
.categories_container{
    width:min(100%, 1161px);
    padding-inline:var(--space_7);
}
.category_grid{
    display:grid;
    grid-template-columns: 2.08fr 1fr 1fr;
    grid-template-rows: 340px 340px;
    gap:20px;
    margin-top:40px;
}
.category_card{
    position:relative;
    display:block;
    background:#f3f3f3;
    overflow:hidden;
}
.category_card_tall{
    grid-row:span 2;
}
.category_card_img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.category_card_overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0));
}
.category_card_content{
    position:absolute;
    inset:auto 0 0 0;
    padding:28px;
}
.category_card_eyebrow{
    font-size:11px;
    line-height:16.5px;
    letter-spacing:2.42px;
    text-transform:uppercase;
    color:#c9b281;
}
.category_card_row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--space_2);
    padding-top:var(--space_1);
}
.category_card_row h3{
    font-family:var(--font_display);
    font-size:24px;
    font-weight:400;
    line-height:32px;
    letter-spacing:-0.24px;
    color:var(--color_white);
}
@media (max-width:1024px){
    .category_grid{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }
    .category_card{
        min-height:340px;
    }
    .category_card_tall{
        grid-column:span 2;
        grid-row:auto;
        min-height:420px;
    }
}
@media (max-width:767px){
    .categories{
        padding-block:var(--space_8);
    }
    .categories_container{
        padding-inline:20px;
    }
    .category_grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 220px 220px 156px;
        gap:var(--space_4);
        margin-top:var(--space_6);
    }
    .category_card{
        min-height:0;
        border-radius:16px;
    }
    /* Tall kart (Anti Aging) mobilde en alta, tam genislikte (1:3187) */
    .category_card_tall{
        order:1;
        grid-column:1 / -1;
        grid-row:auto;
        min-height:0;
    }
    .category_card_overlay{
        background:linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.25) 35%, rgba(0, 0, 0, 0) 60%);
    }
    .category_card_content{
        inset:0;
        padding:var(--space_4);
        display:flex;
        flex-direction:column;
        align-items:flex-start;
    }
    .category_card_eyebrow{
        font-size:10px;
        font-weight:600;
        line-height:normal;
        letter-spacing:1.8px;
        color:var(--color_white);
    }
    .category_card_row{
        flex:1;
        width:100%;
        flex-direction:column;
        align-items:flex-start;
        justify-content:space-between;
        padding-top:var(--space_2);
    }
    .category_card_row h3{
        font-family:var(--font_ui);
        font-size:14px;
        font-weight:700;
        line-height:normal;
        letter-spacing:0;
    }
    .category_card_row img{
        width:auto;
        height:16px;
    }
}
/* CATEGORY GRID */
/* BRAND SHOWCASE */
.showcase{
    display:flex;
    justify-content:center;
    padding-block:96px;
    background:var(--color_cream_page);
}
.showcase_container{
    width:min(100%, 1161px);
    padding-inline:var(--space_7);
}
@media (max-width:767px){
    .showcase{
        padding-block:var(--space_8);
    }
    .showcase_container{
        padding-inline:0;
    }
    .showcase .section_header{
        padding-inline:20px;
    }
    .showcase .carousel{
        margin-top:var(--space_6);
    }
    .showcase .carousel_track{
        gap:0;
        padding-inline:20px;
    }
    .showcase .product_card{
        width:100%;
        min-width:0;
    }
    .showcase .product_card_media{
        height:280px;
    }
    .showcase .product_card_body{
        padding:var(--space_4);
    }
    .showcase .product_card_title{
        white-space:normal;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        min-height:36px;
    }
    /* Mobil showcase kartlari WhatsApp CTA kullanir (1:3226) —
         e-ticaret satirlari gizlenir, mcta blogu acilir */
    .showcase .product_card_price,
    .showcase .discount_box,
    .showcase .cart_row{
        display:none;
    }
    .showcase .product_card_mcta{
        display:flex;
        flex-direction:column;
        gap:var(--space_1);
        padding-top:var(--space_2);
        width:100%;
    }
    /* WhatsApp butonu dar kartta tek satira siginmasi icin */
    .showcase .product_card_mcta .wa_btn{
        margin-top:var(--space_1);
        padding-block:11px;
        font-size:10px;
        line-height:19px;
        letter-spacing:0.33px;
        color:#fff;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
}
/* BRAND SHOWCASE */
/* CART DISCOUNT */
.discount_banner{
    display:flex;
    justify-content:center;
    padding:56px var(--space_7);
}
.discount_banner_card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--space_6);
    width:min(100%, 1065px);
    padding:49px 57px;
    background:linear-gradient(154deg, var(--color_cream_page) 8%, #ffffff 54%, #f3f3f3 92%);
    border:1px solid rgba(169, 138, 71, 0.4);
}
.discount_banner_left{
    display:flex;
    align-items:center;
    gap:var(--space_5);
}
.discount_banner_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    flex-shrink:0;
    border:1px solid rgba(169, 138, 71, 0.5);
    border-radius:var(--radius_pill);
}
.discount_banner_title{
    padding-top:var(--space_2);
    font-family:var(--font_display);
    font-size:41.6px;
    font-weight:400;
    line-height:1;
    letter-spacing:-0.416px;
    color:var(--color_charcoal);
}
.discount_banner_sub{
    padding-top:var(--space_2);
    font-size:14px;
    line-height:20px;
    color:#8a857d;
}
@media (max-width:767px){
    .discount_banner{
        padding:20px 20px 48px;
    }
    .discount_banner_card{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
        width:100%;
        padding:var(--space_5);
        background:var(--color_cream_page);
        border-radius:16px;
    }
    .discount_banner_left{
        gap:var(--space_4);
    }
    .discount_banner_icon{
        width:44px;
        height:44px;
    }
    .discount_banner_icon img{
        width:20px;
        height:20px;
    }
    .discount_banner .eyebrow{
        letter-spacing:2px;
    }
    .discount_banner_title{
        padding-top:var(--space_1);
        font-size:32px;
        line-height:normal;
        letter-spacing:0;
    }
    /* Aciklama Figma'da ikon sutununun altina, tam genislige yayilir */
    .discount_banner_sub{
        margin-left:-60px;
        padding-top:20px;
        font-size:13px;
        line-height:19px;
    }
}
/* CART DISCOUNT */
/* STANDARD PRODUCTS */
.standard{
    display:flex;
    justify-content:center;
    padding-block:112px;
    background:var(--color_white);
}
.standard_container{
    width:min(100%, 1161px);
    padding-inline:var(--space_7);
}
.standard_intro{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.standard_group{
    margin-top:56px;
}
.standard_group + .standard_group{
    margin-top:80px;
}
.standard_group .carousel{
    margin-top:var(--space_5);
}
@media (max-width:767px){
    .standard .carousel{
        margin-top:var(--space_6);
    }
    .standard .carousel_track{
        display:grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap:var(--space_4);
        overflow:visible;
        padding-bottom:0;
    }
    .standard .product_card{
        width:auto;
    }
    .standard .carousel_track .product_card:nth-child(n+5){
        display:none;
    }
    .standard{
        padding-block:var(--space_8);
        border-block:1px solid rgba(17, 17, 17, 0.08);
    }
    .standard_container{
        padding-inline:20px;
    }
    .standard_intro{
        align-items:flex-start;
        text-align:left;
    }
    .standard_intro .eyebrow_muted{
        color:var(--color_gold_page);
    }
    .standard_group,
    .standard_group + .standard_group{
        margin-top:var(--space_8);
    }
    /* Grup basliklarinda mobilde "Tumunu Gor" linki yok (1:3344) */
    .standard_group .gold_link{
        display:none;
    }
    .standard .product_card_badge,
    .standard .product_card_rating{
        display:none;
    }
}
/* STANDARD PRODUCTS */
/* REVIEWS */
.reviews{
    display:flex;
    justify-content:center;
    padding-block:112px;
    background:var(--color_cream_page);
}
.reviews_container{
    width:min(100%, 1161px);
    padding-inline:var(--space_7);
}
.reviews_grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:var(--space_5);
    margin-top:40px;
}
.review_card{
    display:flex;
    flex-direction:column;
    min-height:323px;
    padding:33px;
    background:var(--color_white);
    border:1px solid rgba(17, 17, 17, 0.08);
}
.review_card_mark{
    font-family:var(--font_display);
    font-size:60px;
    line-height:60px;
    color:rgba(169, 138, 71, 0.4);
}
.review_card_quote{
    flex:1;
    font-size:16px;
    line-height:26px;
    color:rgba(17, 17, 17, 0.85);
    border:none !important;
}
.review_card_rating{
    display:flex;
    align-items:center;
    gap:6px;
    padding-top:var(--space_5);
}
.review_card_rating span:last-child{
    font-size:12px;
    line-height:16px;
    letter-spacing:0.3px;
    color:rgba(17, 17, 17, 0.7);
}
.review_card_caption{
    margin-top:var(--space_4);
    padding-top:17px;
    border-top:1px solid rgba(17, 17, 17, 0.08);
}
.review_card_name{
    font-size:14px;
    line-height:20px;
    color:var(--color_charcoal);
}
.review_card_meta{
    font-size:12px;
    line-height:16px;
    color:#8a857d;
}
@media (max-width:1024px){
    .reviews_grid{
        grid-template-columns: 1fr;
    }
}
@media (max-width:767px){
    .reviews{
        padding-block:var(--space_8);
    }
    .reviews_container{
        padding-inline:0;
    }
    .reviews .section_header{
        padding-inline:20px;
    }
    .reviews_grid{
        display:flex;
        gap:var(--space_2);
        margin-top:var(--space_6);
        padding-inline:20px;
        overflow-x:auto;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
    }
    .reviews_grid::-webkit-scrollbar{
        display:none;
    }
    .review_card{
        flex:0 0 min(350px, calc(100vw - 40px));
        min-height:0;
        gap:var(--space_4);
        padding:var(--space_5);
        scroll-snap-align:start;
    }
    .review_card_mark{
        font-family:var(--font_body);
        font-size:48px;
        line-height:48px;
    }
    .review_card_quote{
        font-size:15px;
        line-height:24px;
    }
    .review_card_rating{
        padding-top:0;
    }
    .review_card_rating .stars img{
        width:10px;
        height:10px;
    }
    .review_card_rating span:last-child{
        font-size:11px;
    }
    .review_card_caption{
        margin-top:0;
        padding-top:var(--space_4);
    }
    .review_card_name{
        font-weight:500;
    }
}
/* REVIEWS */

