/* ==========================================================================
   Eczane Depo — Layout + Component stilleri
   Kaynak: Figma "Eczane-Depo" / Web Design sayfasi
   Token'lar: css/tokens.css
   ========================================================================== */
/* ---------- Reset / base (scoped to Eczane Depo design roots) ---------- */
/* Scoped so the global reset does not clash with Woodmart's own styles. */
.site-header,
.ed-home,
.footer{
    font-family:var(--font-ui);
    font-size:var(--text-body-size);
    line-height:var(--text-body-line);
    color:var(--color-text);
}
.site-header,
.site-header *,
.site-header *::before,
.site-header *::after,
.ed-home,
.ed-home *,
.ed-home *::before,
.ed-home *::after,
.footer,
.footer *,
.footer *::before,
.footer *::after{
    box-sizing:border-box;
    margin:0;
    padding:0;
}
.site-header img,
.ed-home img,
.footer img{
    display:block;
    max-width:100%;
}
.site-header ul,
.ed-home ul,
.footer ul{
    list-style:none;
}
.site-header a,
.ed-home a,
.footer a{
    color:inherit;
    text-decoration:none;
}
.site-header button,
.ed-home button,
.footer button{
    font:inherit;
    color:inherit;
    background:none;
    /* border: 0; */
    cursor:pointer;
}
.site-header input,
.ed-home input,
.footer input{
    font:inherit;
}
:focus-visible{
    outline:2px solid var(--color-gold);
    outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
    .site-header *,
    .site-header *::before,
    .site-header *::after,
    .ed-home *,
    .ed-home *::before,
    .ed-home *::after,
    .footer *,
    .footer *::before,
    .footer *::after{
        animation-duration:0.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:0.01ms !important;
    }
}
/* ==========================================================================
   CONTAINER — ortak kapsayıcı
   ========================================================================== */
.container{
    width:100%;
    max-width:1440px;
    margin-inline:auto;
    padding-inline:var(--space-7);
}
/* ==========================================================================
   HEADER (node 1:1359)
   ========================================================================== */
.site-header{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(248, 245, 242, 0.85);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border-bottom:1px solid rgba(17, 17, 17, 0.08);
}
/* ---------- Ust siyah serit ---------- */
.topbar{
    display:flex;
    align-items:center;
    justify-content:center;
    height:36px;
    background:#000;
}
.topbar .container{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
    width:100%;
    gap:var(--space-6);
}
.topbar__links{
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.topbar__contact{
    flex-shrink:0;
    white-space:nowrap;
}
.topbar p{
    font-size:11px;
    line-height:16px;
    color:rgba(255, 255, 255, 0.8);
    white-space:nowrap;
}
.topbar__links{
    overflow:hidden;
    text-overflow:ellipsis;
}
/* ---------- Logo + arama + ikonlar ---------- */
.masthead{
    display:flex;
    align-items:center;
    width:100%;
    padding:var(--space-5) 0;
}
.masthead .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--space-6);
    width:100%;
    padding:0 var(--space-7);
}
.logo{
    position:relative;
    flex-shrink:0;
    width:96px;
    height:68px;
}
.logo__mark{
    position:absolute;
    top:0;
    left:20px;
    width:66px;
    height:43px;
}
.logo__text{
    position:absolute;
    top:48px;
    left:0;
    width:96px;
    height:10px;
}
.logo__premium{
    position:absolute;
    top:64px;
    left:0;
    width:96px;
    height:4px;
}
.search{
    position:relative;
    flex:1;
    max-width:541px;
    margin-inline:auto;
}
.search__icon{
    position:absolute;
    top:50%;
    left:19px;
    width:16px;
    height:16px;
    translate:0 -50%;
    pointer-events:none;
}
.search__input{
    width:100%;
    height:48px;
    padding-left:49px;
    padding-right:21px;
    font-family:var(--font-ui);
    font-size:14px;
    color:var(--color-text);
    background:var(--color-white);
    border:1px solid rgba(17, 17, 17, 0.08);
    border-radius:var(--radius-pill);
}
.search__input::placeholder{
    color:#8a857d;
}
/* Override Woodmart's input[type="search"] — restore design padding/height/radius/background */
.site-header .search__input{
    height:48px !important;
    padding-left:49px !important;
    padding-right:21px !important;
    border-radius:999px !important;
    background-color:var(--color-white) !important;
}
.masthead__actions{
    display:flex;
    align-items:center;
    gap:21px;
    flex-shrink:0;
}
.icon-btn{
    position:relative;
    display:flex;
    align-items:center;
    padding:2px;
}
.icon-btn__badge{
    position:absolute;
    top:-6px;
    right:-6px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
    font-family:var(--font-ui);
    font-size:10px;
    font-weight:500;
    line-height:1;
    color:var(--color-white);
    background:var(--color-gold-page);
    border-radius:var(--radius-pill);
}
/* ---------- Kategori navigasyonu ---------- */
.main-nav{
    display:flex;
    justify-content:center;
}
.main-nav__list{
    display:flex;
    align-items:center;
    gap:66px;
    padding-top:17px;
    padding-bottom:16px;
    border-top:1px solid rgba(17, 17, 17, 0.08);
}
.main-nav__list a{
    font-size:14px;
    line-height:20px;
    letter-spacing:0.35px;
    color:rgba(17, 17, 17, 0.75);
    white-space:nowrap;
}
.main-nav__list a:hover{
    color:var(--color-charcoal);
}
/* ---------- Premium markalar seridi ---------- */
.brandbar{
    display:flex;
    justify-content:center;
    background:var(--color-white);
    border-top:1px solid rgba(169, 138, 71, 0.25);
}
.brandbar .container{
    display:flex;
    align-items:center;
    gap:var(--space-6);
    width:100%;
    max-width:1440px;
    height:40px;
    padding:var(--space-3) 0;
    overflow:hidden;
}
.brandbar__label{
    display:flex;
    align-items:center;
    gap:var(--space-2);
    font-size:12px;
    line-height:16px;
    letter-spacing:3.36px;
    text-transform:uppercase;
    color:var(--color-gold-page);
    white-space:nowrap;
}
.brandbar__dot{
    width:6px;
    height:6px;
    background:var(--color-gold-page);
    border-radius:var(--radius-pill);
}
.brandbar__divider{
    width:1px;
    height:16px;
    background:rgba(169, 138, 71, 0.3);
    flex-shrink:0;
}
.brandbar__list{
    display:flex;
    align-items:center;
    gap:var(--space-6);
}
.brandbar__list li{
    font-size:12px;
    line-height:16px;
    letter-spacing:1.68px;
    color:rgba(17, 17, 17, 0.65);
    white-space:nowrap;
}
/* ==========================================================================
   HERO (node 1:1452)
   ========================================================================== */
.hero{
    background:var(--color-white);
    padding-inline:var(--space-7);
}
/* Figma'da bu sahne bos — slide gorseli sonradan eklenecek */
.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);
    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);
}
/* ==========================================================================
   Paylasilan bolum desenleri (eyebrow, baslik, gold link)
   ========================================================================== */
.eyebrow{
    font-size:12px;
    line-height:16px;
    letter-spacing:3.36px;
    text-transform:uppercase;
    color:var(--color-gold-page);
}
.section-title{
    padding-top:var(--space-3);
    font-family:var(--font-display);
    font-size:41.6px;
    font-weight:400;
    line-height:1.1;
    letter-spacing:-0.416px;
    color:var(--color-charcoal);
}
.section-sub{
    padding-top:var(--space-4);
    font-size:14px;
    line-height:22.75px;
    color:#8a857d;
}
.section-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:var(--space-6);
}
.gold-link{
    display:inline-flex;
    align-items:center;
    gap:var(--space-2);
    flex-shrink:0;
}
.gold-link span{
    padding-bottom:3px;
    font-size:14px;
    font-weight:500;
    line-height:20px;
    letter-spacing:0.35px;
    color:var(--color-charcoal);
    border-bottom:1px solid rgba(169, 138, 71, 0.4);
}
.gold-link:hover span{
    border-bottom-color:var(--color-gold-page);
}
/* ==========================================================================
   BRAND STRIP (node 1:1474)
   ========================================================================== */
.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 */
}
/* Brand-strip logosu — ortak .ed-home img kuralindan izole */
.brand-strip .brand-grid__cell img{
    width:auto;
    height:auto;
    max-width:126px;
    max-height:100%;
    object-fit:contain;
}
/* ==========================================================================
   TRUST SECTION (node 1:1516)
   ========================================================================== */
.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:100%;
}
.trust__item{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-inline:var(--space-3);
    text-align:center;
}
.trust__item h3{
    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;
}
/* ==========================================================================
   FEATURED PRODUCTS (node 1:1565) + paylasilan urun karti / karusel
   ========================================================================== */
.featured{
    display:flex;
    justify-content:center;
    padding:100px 0;
}
.featured__container{
    width:min(100%, 1161px);
    padding:112px var(--space-7);
}
.carousel{
    position:relative;
    margin-top:40px;
}
.carousel__track{
    display:flex;
    gap:var(--space-5);
    padding-bottom:var(--space-2);
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
}
.carousel__track::-webkit-scrollbar{
    display:none;
}
.carousel__arrow{
    position:absolute;
    top:260px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    background:var(--color-white);
    border:1px solid rgba(17, 17, 17, 0.08);
    border-radius:var(--radius-pill);
    z-index:2;
}
.carousel__arrow--prev{
    left:-70px;
}
.carousel__arrow--next{
    right:-70px;
}
.carousel__arrow:hover{
    border-color:var(--color-gold-page);
}
/* ---------- Urun karti (tum sayfalarda ortak) ---------- */
.product-card{
    display:flex;
    flex-direction:column;
    flex-shrink:0;
    width:248px;
    scroll-snap-align:start;
    background:var(--color-white);
    border:1px solid rgba(17, 17, 17, 0.08);
}
.product-card__media{
    position:relative;
    height:300px;
    background:#f3f3f3;
    overflow:hidden;
}
.product-card__img{
    width:100%;
    height:100%;
    object-fit:scale-down;
    padding:12px;
    background:#fff;
}
.product-card__badge{
    position:absolute;
    top:var(--space-4);
    left:var(--space-4);
    padding:5px 13px;
    font-size:10px;
    line-height:15px;
    letter-spacing:1.8px;
    text-transform:uppercase;
    color:var(--color-gold-page);
    background:rgba(248, 245, 242, 0.9);
    border:1px solid rgba(169, 138, 71, 0.4);
    border-radius:var(--radius-pill);
}
.product-card__fav{
    position:absolute;
    top:var(--space-4);
    right:var(--space-3);
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    background:rgba(255, 255, 255, 0.9);
    border-radius:var(--radius-pill);
    display:none;
}
.product-card__body{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:20px;
}
.product-card__brand{
    font-size:11px;
    line-height:16.5px;
    letter-spacing:2.2px;
    text-transform:uppercase;
    color:var(--color-gold-page);
}
.product-card__title{
    padding-top:var(--space-2);
    font-family:var(--font-display);
    font-size:14px;
    font-weight:400;
    line-height:19.25px;
    letter-spacing:-0.14px;
    color:var(--color-charcoal);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.product-card__rating{
    display:flex;
    align-items:center;
    gap:6px;
    padding-top:var(--space-3);
    display:none;
}
.stars{
    display:flex;
    gap:2px;
}
.product-card__score{
    font-size:12px;
    line-height:16px;
    letter-spacing:0.3px;
    color:rgba(17, 17, 17, 0.7);
}
.product-card__count{
    font-size:12px;
    line-height:16px;
    color:#8a857d;
}
.product-card__cta-label{
    padding-top:20px;
    font-size:11px;
    line-height:16.5px;
    letter-spacing:1.76px;
    text-transform:uppercase;
    color:#8a857d;
}
.wa-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:var(--space-2);
    margin-top:var(--space-2);
    padding-block:var(--space-3);
    font-size:14px;
    line-height:20px;
    letter-spacing:0.35px;
    color:var(--color-white) !important;
    background:var(--color-whatsapp-btn);
    border-radius:var(--radius-pill);
}
.wa-btn--outline{
    color:var(--color-gold-page);
    background:var(--color-cream-page);
    border:1px solid var(--color-gold-page);
    padding-block:12px;
}
/* ==========================================================================
   CATEGORY GRID (node 1:1816)
   ========================================================================== */
.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);
}
/* ==========================================================================
   BRAND SHOWCASE (node 1:1889, 1:2076)
   ========================================================================== */
.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);
}
.section-title--lg{
    font-size:48px;
    line-height:48px;
    letter-spacing:-0.48px;
}
.gold-link--lg span{
    font-size:17px;
    line-height:24px;
    letter-spacing:0.42px;
    padding-bottom:4px;
}
/* ---------- Urun karti: e-ticaret varyanti ---------- */
.product-card__media--short{
    height:372.5px;
}
.product-card__rating--sm .product-card__score,
.product-card__rating--sm .product-card__count{
    font-size:10.4px;
    line-height:13.9px;
}
.product-card__price{
    padding-top:10px;
    font-size:10.4px;
    line-height:13.9px;
    color:#8a857d;
}
.discount-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--space-2);
    margin-top:10px;
    padding:8.7px 10.4px;
    border:1px solid var(--color-commerce);
    border-radius:var(--radius-pill);
    white-space:nowrap;
}
.discount-box span{
    font-size:10.4px;
    line-height:13.9px;
    color:rgba(17, 17, 17, 0.7);
}
.discount-box strong{
    font-size:12.1px;
    font-weight:700;
    line-height:17.3px;
    color:var(--color-commerce);
}
.cart-row{
    display:flex;
    align-items:center;
    gap:10.4px;
    margin-top:10px;
}
.cart-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex:1;
    height:38px;
    font-size:12.1px;
    font-weight:700;
    line-height:17.3px;
    color:var(--color-white) !important;
    background:var(--color-commerce);
    border-radius:var(--radius-pill);
}
.cart-btn:hover{
    background:#0da271;
}
.wishlist-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    flex-shrink:0;
    background:var(--color-white);
    border:1px solid rgba(17, 17, 17, 0.08);
    border-radius:var(--radius-pill);
    display:none;
}
/* ==========================================================================
   CART DISCOUNT BANDI (node 1:2263)
   ========================================================================== */
.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:100%;
    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;
}
.btn-outline-gold{
    display:inline-flex;
    align-items:center;
    gap:var(--space-2);
    flex-shrink:0;
    padding:15px 29px;
    font-size:14px;
    font-weight:500;
    line-height:20px;
    letter-spacing:0.35px;
    color:var(--color-gold-page);
    border:1px solid var(--color-gold-page);
    border-radius:var(--radius-pill);
}
.btn-outline-gold:hover{
    background:rgba(169, 138, 71, 0.08);
}
/* ==========================================================================
   STANDARD PRODUCTS (node 1:2286)
   ========================================================================== */
.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;
}
.eyebrow--muted{
    color:#8a857d;
}
.section-title--center{
    text-align:center;
    line-height:52px;
}
.standard__group{
    margin-top:56px;
}
.standard__group + .standard__group{
    margin-top:80px;
}
.standard__group .carousel{
    margin-top:var(--space-5);
}
.product-card__media--std{
    height:347.5px;
}
.product-card__badge--dark{
    color:var(--color-white);
    background:rgba(0, 0, 0, 0.9);
    border:0;
    padding:4px 12px;
}
.price-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--space-2);
    padding-top:20px;
}
.price-row__price{
    font-size: 15px;
    line-height: 23px;
    color:var(--color-charcoal);
    width: 33%;
}
.cart-btn-dark{
    display:flex;
    align-items:center;
    gap:var(--space-2);
    padding:10px var(--space-4);
    font-size:12px;
    font-weight:500;
    line-height:16px;
    letter-spacing:0.3px;
    color:var(--color-white);
    background:#000;
    border-radius:var(--radius-pill);
}
.cart-btn-dark:hover{
    background:var(--color-charcoal);
}
/* ==========================================================================
   REVIEWS (node 1:2709)
   ========================================================================== */
.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;
}
.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;
}
/* ==========================================================================
   NEWSLETTER (node 1:2798)
   ========================================================================== */
.newsletter{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:129px var(--space-7) 128px;
    text-align:center;
    background:var(--color-cream-page);
    border-top:1px solid rgba(169, 138, 71, 0.5);
}
.newsletter__title{
    max-width:672px;
    padding-top:var(--space-4);
    font-family:var(--font-display);
    font-size:48px;
    font-weight:400;
    line-height:60px;
    letter-spacing:-0.48px;
    color:var(--color-charcoal);
}
.newsletter__sub{
    max-width:512px;
    padding-top:20px;
    font-size:14px;
    line-height:22.75px;
    color:#8a857d;
}
.newsletter__form{
    display:flex;
    gap:var(--space-3);
    width:min(100%, 448px);
    height:50px;
    margin-top:40px;
}
.newsletter__input{
    flex:1;
    min-width:0;
    padding-inline:25px;
    font-family:var(--font-ui);
    font-size:14px;
    color:var(--color-text);
    background:var(--color-white);
    border:1px solid rgba(17, 17, 17, 0.08);
    border-radius:var(--radius-pill);
}
.newsletter__input::placeholder{
    color:#8a857d;
}
.newsletter__btn{
    padding-inline:var(--space-6);
    font-size:14px;
    font-weight:500;
    letter-spacing:0.35px;
    color:var(--color-white);
    background:#000;
    border-radius:var(--radius-pill);
}
.newsletter__btn:hover{
    background:var(--color-charcoal);
}
/* ==========================================================================
   FOOTER (node 1:2814)
   ========================================================================== */
.footer{
    display:flex;
    justify-content:center;
    padding:80px var(--space-7);
    background:#000;
}
.footer__container{
    width:min(100%, 1065px);
}
.footer__top{
    display:grid;
    grid-template-columns: 323px repeat(4, 1fr);
    gap:var(--space-7);
}
.logo--footer{
    display:block;
}
.footer__tagline{
    max-width:320px;
    padding-top:var(--space-5);
    font-size:14px;
    line-height:22.75px;
    color:rgba(255, 255, 255, 0.55);
}
.footer__stores{
    display:flex;
    gap:var(--space-3);
    margin-top:var(--space-5);
}
.store-btn{
    display:flex;
    align-items:center;
    gap:var(--space-2);
    width:120px;
    height:40px;
    padding:7px;
    background:rgba(255, 255, 255, 0.94);
    border:1px solid #000;
    border-radius:6px;
}
.store-btn__text{
    display:flex;
    flex-direction:column;
    gap:2px;
    line-height:1;
    color:#000;
}
.store-btn__small{
    font-size:9px;
    text-transform:uppercase;
}
/* Figma'dan gelen Google Play yazi SVG'si dikeyde ters kaydedilmis */
.store-btn__text img{
    transform:scaleY(-1);
}
.store-btn__big{
    font-size:17px;
    font-weight:500;
    letter-spacing:-0.47px;
}
.footer__col h3{
    font-family:var(--font-display);
    font-size:12px;
    font-weight:400;
    line-height:16px;
    letter-spacing:2.4px;
    text-transform:uppercase;
    color:var(--color-gold-page);
}
.footer__col ul{
    display:flex;
    flex-direction:column;
    gap:var(--space-3);
    padding-top:20px;
}
.footer__col a{
    font-size:14px;
    line-height:20px;
    color:rgba(255, 255, 255, 0.6);
}
.footer__col a:hover{
    color:rgba(255, 255, 255, 0.9);
}
.footer__divider{
    height:1px;
    margin-top:var(--space-7);
    background:rgba(169, 138, 71, 0.25);
    border:0;
}
.footer__bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--space-6);
    padding-top:var(--space-7);
}
.footer__bottom p{
    font-size:12px;
    line-height:16px;
    color:rgba(255, 255, 255, 0.45);
}
.footer__payments{
    display:flex;
    align-items:center;
    gap:var(--space-5);
}
/* ==========================================================================
   Responsive guvenlik katmani
   Not: Figma'da yalnizca 1440px web frame'i uygulanmistir (mobil frame'ler
   kapsam disi birakildi). Bu kurallar dar ekranda sayfanin kirilmamasi icin
   minimal duzenlemedir, mobil tasarimin birebir karsiligi degildir.
   ========================================================================== */
@media (max-width:1024px){
    .topbar{
        gap:var(--space-3);
    }
    .main-nav__list{
        gap:var(--space-5);
        flex-wrap:wrap;
        justify-content:center;
    }
    .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;
    }
    .trust__list{
        grid-template-columns: repeat(3, 1fr);
        row-gap:var(--space-6);
    }
    .brand-grid{
        grid-template-columns: repeat(3, 1fr);
    }
    .reviews__grid{
        grid-template-columns: 1fr;
    }
    .footer__top{
        grid-template-columns: 1fr 1fr;
        row-gap:var(--space-7);
    }
    .carousel__arrow--prev{
        left:-12px;
    }
    .carousel__arrow--next{
        right:-12px;
    }
}
@media (max-width:768px){
    .topbar{
        display:none;
    }
    .masthead{
        flex-wrap:wrap;
        padding-inline:var(--space-4);
    }
    .search{
        order:3;
        flex-basis:100%;
        max-width:none;
    }
    .main-nav,
    .hero,
    .brand-strip__container,
    .featured__container,
    .categories__container,
    .showcase__container,
    .standard__container,
    .reviews__container,
    .discount-banner,
    .newsletter,
    .footer{
        padding-inline:var(--space-4);
    }
    .section-header{
        flex-direction:column;
        align-items:flex-start;
        gap:var(--space-4);
    }
    .section-title{
        font-size:30px;
    }
    .section-title--lg,
    .newsletter__title{
        font-size:34px;
        line-height:1.2;
    }
    .trust__list{
        grid-template-columns: repeat(2, 1fr);
    }
    .brand-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .category-grid{
        grid-template-columns: 1fr;
    }
    .category-card--tall{
        grid-column:auto;
    }
    .discount-banner__card{
        flex-direction:column;
        align-items:flex-start;
        padding:var(--space-6);
    }
    .footer__top{
        grid-template-columns: 1fr;
    }
    .footer__bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:var(--space-3);
    }
    .newsletter__form{
        flex-direction:column;
        height:auto;
    }
    .newsletter__input{
        height:50px;
    }
    .newsletter__btn{
        height:50px;
    }
}
/* ==========================================================================
   Eczane Depo — integration extras (added by child theme)
   ========================================================================== */
/* Mailchimp for WP newsletter form -> match the design .newsletter__form */
.newsletter .mc4wp-form-fields{
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
}
.newsletter .mc4wp-form input[type="email"]{
    flex:1 1 280px;
    max-width:420px;
    padding:15px 20px;
    border:1px solid var(--color-border);
    border-radius:var(--radius-pill);
    font:inherit;
    color:var(--color-text);
    background:var(--color-white);
}
.newsletter .mc4wp-form input[type="email"]:focus{
    outline:2px solid var(--color-gold);
    outline-offset:2px;
}
.newsletter .mc4wp-form button,
.newsletter .mc4wp-form input[type="submit"]{
    padding:15px 28px;
    border:0;
    border-radius:var(--radius-pill);
    background:var(--color-charcoal);
    color:var(--color-white);
    font:inherit;
    font-size:14px;
    letter-spacing:0.4px;
    cursor:pointer;
}
.newsletter .mc4wp-form button:hover,
.newsletter .mc4wp-form input[type="submit"]:hover{
    background:var(--color-gold);
}
.newsletter .mc4wp-form .mc4wp-alert{
    margin-top:12px;
    font-size:13px;
    text-align:center;
}
/* Home body canvas — design cream background behind the sections */
.ed-home{
    background:var(--color-bg);
}
/* ==========================================================================
   Hero (Woodmart slider wrapper — design's empty stage, filled by the slider)
   ========================================================================== */
.hero__stage .woodmart-slider,
.hero__stage .owl-carousel,
.hero__stage .wd-slider-wrapper{
    height:100%;
}
/* ==========================================================================
   Premium Markalar Barı (functions.php'den eklenen)
   ========================================================================== */
.ed-premium-bar{
    display:flex;
    justify-content:center;
    background:#fff;
    border-bottom:1px solid rgba(169, 138, 71, 0.25);
    padding:10px 0;
}
.ed-premium-bar .container{
    display:flex;
    align-items:center;
    width:100%;
    max-width:1440px;
    padding:0 40px;
    overflow:hidden;
}
.ed-premium-bar__label{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    letter-spacing:3.36px;
    text-transform:uppercase;
    color:#a98a47;
    white-space:nowrap;
}
.ed-premium-bar__dot{
    width:6px;
    height:6px;
    background:#a98a47;
    border-radius:50%;
}
.ed-premium-bar__divider{
    width:1px;
    height:16px;
    background:rgba(169, 138, 71, 0.3);
    margin-left:21px;
}
.ed-premium-bar__list{
    display:flex;
    align-items:center;
    gap:0;
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    justify-content:space-evenly;
}
.ed-premium-bar__list li{
    margin:0;
}
.ed-premium-bar__list a{
    font-size:12px;
    letter-spacing:1.68px;
    color:rgba(17, 17, 17, 0.65);
    text-decoration:none;
    white-space:nowrap;
}
.ed-premium-bar__list a:hover{
    color:#111;
}
/* ==========================================================================
   Hero Slider — ACF repeater tabanlı
   ========================================================================== */
.hero{
    display:flex;
    flex-direction:column;
    width:100%;
}

.hero_slide{
    position:absolute;
    inset:0;
    display:block;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.6s ease, visibility 0.6s ease;
    z-index:1;
}
.hero_slide.is-active{
    opacity:1;
    visibility:visible;
    z-index:2;
}
.hero_slide_img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
/* Controls — orijinal tasarımda görselin altında */
.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);
    border-radius:var(--radius-pill);
    cursor:pointer;
    transition:border-color 0.2s;
}
.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_progress .hero_bar{
    position:relative;
    width:48px;
    height:2px;
    min-height:0;
    padding:0;
    background:rgba(17, 17, 17, 0.15);
    border:none;
    cursor:pointer;
    overflow:hidden;
}
.hero_bar span{
    position:absolute;
    inset:0 auto 0 0;
    background:var(--color-gold);
    width:0;
}
.hero_bar.is-active span{
    width:100%;
    animation:heroBarFill 5s linear forwards;
}
@keyframes heroBarFill{
    from{
        width:0;
    }
    to{
        width:100%;
    }
}
/* Woodmart content layout padding sıfırlama */
.wd-content-layout{
    padding-block:0px !important;
}
/* ==========================================================================
   Owl Carousel — featured carousel (integration extras)
   Track: .carousel_track.owl-carousel (class added in featured_products.php)
   ========================================================================== */
.carousel_track.owl-carousel{
    display:flex;
    gap:0;
    overflow:hidden;
    scroll-snap-type:none;
}
.carousel_track.owl-carousel .owl-stage-outer{
    overflow:hidden;
}
.carousel_track.owl-carousel .owl-stage{
    display:flex;
}
.carousel_track.owl-carousel .owl-item{
    flex:0 0 auto;
    display:flex;
    align-items:stretch;
    float:none;
    margin-right:20px;
}