/* Kurumsal tema: temel temanın (base/style.css) üstüne yalnız farkları yazar. Lacivert-gri, köşesiz, sakin tipografi. */
@font-face{font-family:'Noto Sans';font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/noto-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Noto Sans';font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/noto-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Başlık ---------- */
.header__topbar { background: var(--color-accent); border-bottom: 0 !important; }
.header__info--link, .header__info--link:hover { color: #fff; }
.header__topbar .dropdown-menu .dropdown-item { color: var(--color-text); }
.main__header { padding: 18px 0; }
.main__logo--text { color: var(--color-accent); font-weight: 700; letter-spacing: 0.02em; }
.header__search--widget { flex: 1; max-width: 52rem; }
.header__search--form { border: 1px solid var(--color-border); border-radius: var(--radius); }
.header__search--box { position: relative; width: 100%; }
.header__search--input { height: 46px; border-radius: var(--radius); }
.header__search--input:focus { outline: 2px solid var(--color-primary); outline-offset: -2px; }
.header__search--button { border-radius: 0 var(--radius) var(--radius) 0; }
.header__bottom--inner__style3 { border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); padding: 0; justify-content: center !important; }
.header__menu--link { border: 0; border-radius: 0; font-size: 1.3rem; letter-spacing: 0.08em; font-weight: 600; line-height: 4.8rem; }
.header__menu--link::before { display: none; }
.header__menu--items:hover .header__menu--link, .header__menu--items:focus-within > .header__menu--link { color: var(--color-primary); box-shadow: inset 0 -3px 0 var(--color-primary); }
.header__sub--menu, .header__mega--menu { border-radius: 0; border: 1px solid var(--color-border); border-top: 3px solid var(--color-primary); }

/* ---------- Ana sayfa ---------- */
.section__heading { border-bottom: 1px solid var(--color-border) !important; }
.section__heading::before, .section__heading::after { display: none; }
.section__heading--maintitle { padding-left: 1.4rem; border-left: 4px solid var(--color-primary); font-size: 1.8rem; letter-spacing: 0.06em; color: var(--color-accent); }
.section__heading--maintitle span { font-weight: 700; }
.tab__btn--link { border-radius: 0; text-decoration: none !important; letter-spacing: 0.04em; }
.categories__card { background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 0; }
.categories__card:hover { background: var(--color-accent); border-color: var(--color-accent); }
.categories__icon .initial { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid currentColor; color: var(--color-primary); font-weight: 700; }
.categories__card:hover .initial { color: #fff; }
.categories__title { font-weight: 600; }
.btn-all-products { display: inline-block; width: auto !important; padding: 0 3rem; height: 4.4rem; line-height: 4.2rem; border: 1px solid var(--color-primary); border-radius: 0; background: var(--color-primary); color: #fff; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; font-size: 1.3rem; }
.btn-all-products:hover { background: var(--color-accent); color: #fff; }
.brand-strip a { border-radius: 0; }

/* ---------- Ürün kartı (temel temanın işaretlemesi): fiyat ve düğme hep görünür ---------- */
.product__card { border-radius: 0; height: 100%; display: flex; flex-direction: column; transition: box-shadow .2s; }
.product__card:hover { box-shadow: 0 10px 28px rgba(11, 37, 69, .12); }
.product__card--thumbnail { background: var(--color-surface); padding: 1.6rem; }
.product__card--content { flex: 1; padding: 1.4rem 1.4rem 1.6rem; }
.product__card--content .product__card--title { margin-bottom: 0.2rem; }
.product__card--name { font-size: 1.5rem; font-weight: 600; }
.product__card--code { font-size: 1.2rem; letter-spacing: 0.04em; }
.product__card--code { margin-top: 0; }
.product__card--brand { height: auto; min-height: 3.6rem; margin: 0 0 0.4rem; }
.product__card--brand span { font-size: 1.4rem; }
.product__card--brand img { max-height: 3.6rem; width: auto; max-width: 100px; }
.product__card--price .current__price { color: var(--color-accent); font-size: 1.8rem; font-weight: 700; }
.product__card:hover .product__card--price { opacity: 1; visibility: visible; }
.product__card--footer, .product__card:hover .product__card--footer { position: static; opacity: 1; visibility: visible; padding: 1.2rem 0 0; background: transparent; width: 100%; margin-top: auto; }
.product__card--footer::before { display: none; }
.product__card--btn { border-radius: 0; background: transparent; color: var(--color-primary); border: 1px solid var(--color-primary); font-weight: 600; letter-spacing: 0.06em; }
.product__card--btn:hover { background: var(--color-primary); color: #fff; }
.product__card--btn.whatsapp__btn { background: var(--color-whatsapp); border-color: var(--color-whatsapp); color: #fff; }
.primary__btn { border-radius: var(--radius); }

/* ---------- Alt bilgi: lacivert ---------- */
.footer__bg { background: var(--color-accent); }
.footer__widget--menu__text, .footer__widget--desc, .shipping__content--desc { color: #c3ccd8; }
.footer__widget--menu__text:hover { color: #fff; }
.shipping__inner { border-color: rgba(255, 255, 255, .18); border-radius: 0; }
.shipping__items::before { background: rgba(255, 255, 255, .18); }
.shipping__items:hover { background: rgba(255, 255, 255, .06); }
.footer__bottom { border-top-color: rgba(255, 255, 255, .18); }
.copyright__content .text__secondary { color: #c3ccd8; }

@media (max-width: 991.98px) {
  .product__card--btn { height: 4.8rem; line-height: 4.6rem; }
}
