/* Mikropls – küçük tasarım dokunuşları */
:root {
    --mp-accent: #c96;
    --mp-accent-dark: #b5844f;
    --mp-ink: #222;
    --mp-radius: 10px;
    --mp-shadow: 0 6px 20px rgba(0, 0, 0, .08);
    --mp-shadow-hover: 0 14px 32px rgba(0, 0, 0, .14);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: var(--mp-accent); color: #fff; }

/* Header */
.header-middle .logo img { width: auto; max-width: 100%; height: 90px; object-fit: contain; }
.header-middle { padding: 1rem 0; }
.header-bottom.sticky-header.fixed { box-shadow: 0 4px 14px rgba(0, 0, 0, .08); }
.main-nav .menu > li > a {
    position: relative;
    letter-spacing: .06em;
    font-weight: 500;
    transition: color .25s ease;
}
.main-nav .menu > li > a::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 2px;
    background: var(--mp-accent);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .3s ease;
}
.main-nav .menu > li > a:hover::after,
.main-nav .menu > li.active > a::after { transform: scaleX(1); }

/* Slider */
.intro-slider-container { border-bottom: 3px solid var(--mp-accent); }
.intro-slider .owl-nav button { transition: transform .25s ease, background .25s ease; }
.intro-slider .owl-nav button:hover { transform: scale(1.1); }

/* Avantaj kutuları */
.customer-benefits .icon-box {
    height: 100%;
    padding: 2rem 1.2rem;
    background: #fff;
    border-radius: var(--mp-radius);
    box-shadow: var(--mp-shadow);
    transition: transform .3s ease, box-shadow .3s ease;
}
.customer-benefits .icon-box:hover { transform: translateY(-6px); box-shadow: var(--mp-shadow-hover); }
.customer-benefits .row > [class*="col-"] { margin-bottom: 1.5rem; }
.customer-benefits .icon-box-icon i { font-size: 3.4rem; }
.customer-benefits .icon-box-title { font-size: 1.4rem; letter-spacing: .04em; margin-bottom: .6rem; }
.customer-benefits .icon-box-content p { color: #777; font-size: 1.35rem; margin-bottom: 0; }

/* Başlıklar */
.title.text-center {
    position: relative;
    padding-bottom: 1.4rem;
    margin-bottom: 3rem;
    letter-spacing: .08em;
}
.title.text-center::after {
    content: "";
    position: absolute;
    left: 50%; bottom: 0;
    width: 60px; height: 3px;
    background: var(--mp-accent);
    border-radius: 3px;
    transform: translateX(-50%);
}

/* Ürün kartları */
.product.product-7 {
    margin-bottom: 2.4rem;
    background: #fff;
    border-radius: var(--mp-radius);
    overflow: hidden;
    box-shadow: var(--mp-shadow);
    transition: transform .3s ease, box-shadow .3s ease;
}
.product.product-7:hover { transform: translateY(-6px); box-shadow: var(--mp-shadow-hover); }
.product.product-7 .product-media { overflow: hidden; background: #f8f8f8; }
.product.product-7 .product-media img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: transform .5s ease;
}
.product.product-7:hover .product-media img { transform: scale(1.07); }
.product.product-7 .product-body { padding: 1.4rem 1rem 1.6rem; }
.product.product-7 .product-title { margin-bottom: 0; font-weight: 500; }
.product.product-7 .product-title a { transition: color .2s ease; }
.product.product-7 .product-title a:hover { color: var(--mp-accent); }

/* Butonlar */
.btn { transition: all .25s ease; }
.btn-outline-dark-2.btn-more { border-radius: 30px; padding: .9rem 3rem; }
.btn-outline-dark-2.btn-more:hover { background: var(--mp-accent); border-color: var(--mp-accent); color: #fff; }

/* Footer */
.footer-middle .widget-title { position: relative; padding-bottom: .8rem; }
.footer-middle .widget-title::after {
    content: ""; position: absolute; left: 0; bottom: 0;
    width: 32px; height: 2px; background: var(--mp-accent);
}
.footer-middle .widget-list a { transition: color .2s ease, padding-left .2s ease; }
.footer-middle .widget-list a:hover { color: var(--mp-accent); padding-left: 4px; }
.footer-middle .social-icon { transition: transform .25s ease, background .25s ease; }
.footer-middle .social-icon:hover { transform: translateY(-3px); }
.footer-bottom img { width: auto; height: 70px; object-fit: contain; }

/* WhatsApp butonu */
.whatsapp-float {
    animation: mp-pulse 2.4s infinite;
    transition: transform .25s ease;
}
.whatsapp-float:hover { transform: scale(1.1); }
@keyframes mp-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(37, 211, 102, .55); }
    70%  { box-shadow: 0 0 0 16px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* Mobil */
@media (max-width: 767px) {
    .header-middle .logo img { height: 64px; }
    .customer-benefits .icon-box { padding: 1.4rem .8rem; }
    .customer-benefits .icon-box-title { font-size: 1.2rem; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}