:root{
    --primary-color				: #18191A;
    --secondary-color			: #FFFFFF;
    --bg-color					: #FFFFFF;
    --text-color				: #999999;
    --accent-color				: #D90000;
    --accent-secondary-color	: #999999;
    --white-color				: #FFFFFF;
    --divider-color				: #18191A1A;
    --dark-divider-color		: #FFFFFF1A;
    --error-color				: rgb(230, 87, 87);
    --default-font				: "Poppins", sans-serif;
    --accent-font				: "Cal Sans", serif;
}

h1, h2, h3, h4, h5, h6,
.section-title .section-sub-title {
    color: var(--text-color);
}

header.main-header .header-sticky {
    border-bottom: none;
}
.navbar {
    padding: 0; 
}

.navbar-brand img {
    height: 70px;
}

/* Header / footer menü hover */
.main-menu ul li a:hover,
.main-menu ul li a:focus,
.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus,
.responsive-menu a:hover {
    color: #D90000 !important;
}

.main-footer .footer-links ul li a:hover,
.main-footer .footer-links.footer-contact-info-list ul li a:hover,
.main-footer .footer-copyright-text a:hover {
    color: #D90000;
}


.main-menu .nav-menu-wrapper {
    text-align: right;
}

.hero {
    margin: 0;
    border-radius: 0;
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    align-items: center;
    padding-top: 160px;
    padding-bottom: 60px;
}

/* Video tüm hero alanını tam ekran kaplasın */
.hero .hero-bg-video,
.hero .hero-bg-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero .container {
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .hero {
        padding-top: 120px;
        padding-bottom: 40px;
    }
}

.hero-info-list {
    border-top : none;
}

/* Yumuşak kaydırma (ok tıklanınca) */
html {
    scroll-behavior: smooth;
}

/* Hero alt-orta aşağı ok */
.hero .hero-scroll-down {
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    z-index: 3;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--white-color);
    border: 1px solid var(--white-color);
    font-size: 18px;
    transition: all 0.3s ease;
    animation: heroArrowBounce 2s infinite;
}

.hero .hero-scroll-down:hover {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: var(--white-color);
}

@keyframes heroArrowBounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(8px); }
}

.our-blog {
    background: #999999;
}

.our-blog .section-title .section-sub-title::before {
    background: var(--white-color);
}

.dark-section {
    background: #999999;
}

.section-title h2 {
    font-size: 34px;
}

/* Why Choose görselleri: kaydırırken görsel viewport'a sabit kalır,
   içerik üzerinden kayar (ba-quilting tarzı parallax/fixed efekt) */
.why-choose-image figure.fixed-figure {
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.why-choose-image figure.fixed-figure img {
    visibility: hidden;
}

/* Mobilde background-attachment: fixed sorunludur, normale döndür */
@media only screen and (max-width: 991px) {
    .why-choose-image figure.fixed-figure {
        background-attachment: scroll;
    }

    .why-choose-image figure.fixed-figure img {
        visibility: visible;
    }
}

/* Mobilde resim ve içerik alt alta */
@media only screen and (max-width: 767px) {
    .why-choose-image,
    .why-choose-contant-box {
        width: 100% !important;
    }

    .why-choose-contant-box {
        padding: 20px 0 0 !important;
    }

    .why-choose-image {
        order: -1;
    }
}

/* Ürünler (services) sayfası: eşit görsel boyutu */
.page-services .service-item {
    display: flex;
    flex-direction: column;
    height: calc(100% - 30px);
}

.page-services .service-item-image {
    margin-bottom: 0;
}

.page-services .service-item-image figure {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
}

.page-services .service-item-image figure img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}

.page-services .service-item-title {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
}

.page-services .service-item-title h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
}

.page-service-single .gallery-items a,
.page-service-single .gallery-items figure {
    cursor: zoom-in;
}

/* image-anime overlay tıklamayı engellemesin */
.image-anime:after {
    pointer-events: none !important;
}

.page-service-single .gallery-items a {
    position: relative;
    z-index: 2;
    display: block;
}

/* Footer hover rengi arka planla (#999999) aynı kalıyordu */
.main-footer .footer-links ul li {
    text-transform: none;
}

.main-footer .footer-social-links ul li:hover a {
    background: var(--primary-color);
    color: var(--white-color);
}

.footer-certificates {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.footer-certificates a {
    display: block;
    width: calc(50% - 5px);
    max-width: 120px;
    cursor: zoom-in;
}

.footer-certificates img {
    display: block;
    width: 100%;
    height: auto;
}

/* Haberler (blog) sayfası: eşit görsel boyutu */
.page-blog .post-item {
    height: calc(100% - 30px);
    display: flex;
    flex-direction: column;
}

.page-blog .post-featured-image {
    overflow: hidden;
}

.page-blog .post-featured-image figure {
    width: 100%;
    aspect-ratio: 1 / 0.75;
    overflow: hidden;
}

.page-blog .post-featured-image figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.page-blog .post-item-body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.page-blog .post-item-content {
    flex: 1;
}

.page-blog .post-item-footer {
    margin-top: auto;
}

/* Haber detay (blog-single) */
.page-single-post .post-image figure {
    overflow: hidden;
}

.page-single-post .post-image img {
    width: 100%;
    max-height: 560px;
    object-fit: cover;
    object-position: center;
}

/* Kurumsal / Hakkımızda (about.html gerekli kısımlar) */
.corporate-about-image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: auto !important;
    margin-bottom: 0 !important;
}

.corporate-about-image figure {
    margin: 0;
}

.corporate-about-image figure img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 20px;
}

.corporate-about-text {
    background: transparent !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.corporate-about-entry {
    margin-top: 15px;
    color: var(--text-color);
    line-height: 1.8;
}

.corporate-about-entry p {
    margin-bottom: 1rem;
}

.approach-item-content h3 a:hover {
    color: var(--accent-color) !important;
}

/* İletişim formu inputları */
.page-contact-us .contact-form .form-control {
    background-color: #f3f3f3;
    border: 1px solid #e5e5e5;
    color: #18191A;
}

.page-contact-us .contact-form .form-control:focus {
    background-color: #eeeeee;
    border-color: var(--accent-color);
    box-shadow: none;
}

.page-contact-us .contact-form .form-control::placeholder {
    color: #888888;
}

.page-contact-us .contact-form textarea.form-control {
    min-height: 140px;
    resize: vertical;
}

/* E-Katalog flipbook (Novasta benzeri) */
.page-e-catalog {
    padding: 30px 0 70px;
}

.page-e-catalog .e-catalog-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.page-e-catalog .e-catalog-toolbar h2 {
    margin: 0;
    font-size: 22px;
    color: var(--primary-color);
}

.page-e-catalog .e-catalog-flipbook {
    position: relative;
    background: #1f2124;
    min-height: 70vh;
    padding: 24px 12px 18px;
    overflow: hidden;
}

.page-e-catalog .e-catalog-loading,
.page-e-catalog .e-catalog-error {
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: #fff;
    text-align: center;
}

.page-e-catalog .e-catalog-loading .loader {
    width: 42px;
    height: 42px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: eCatalogSpin 0.8s linear infinite;
}

@keyframes eCatalogSpin {
    to { transform: rotate(360deg); }
}

.page-e-catalog .e-catalog-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 58vh;
}

.page-e-catalog .e-catalog-book {
    width: min(920px, 100%);
    margin: 0 auto;
}

.page-e-catalog .e-catalog-book .stf__parent {
    margin: 0 auto;
}

.page-e-catalog .e-catalog-nav {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    cursor: pointer;
    transition: background 0.2s ease;
}

.page-e-catalog .e-catalog-nav:hover {
    background: rgba(255, 255, 255, 0.24);
}

.page-e-catalog .e-catalog-footer {
    margin-top: 14px;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
}

@media (max-width: 767px) {
    .page-e-catalog .e-catalog-flipbook {
        padding: 16px 6px 12px;
        min-height: 62vh;
    }

    .page-e-catalog .e-catalog-nav {
        width: 38px;
        height: 38px;
    }

    .page-e-catalog .e-catalog-stage {
        gap: 4px;
        min-height: 52vh;
    }
}

/* WhatsApp sabit buton */
.whatsapp-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #25D366;
    color: #ffffff;
    font-size: 30px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transition: transform 0.25s ease, background 0.25s ease;
    animation: whatsappPulse 2.4s infinite;
}

.whatsapp-float:hover {
    background: #1ebe57;
    color: #ffffff;
    transform: scale(1.08);
}

@keyframes whatsappPulse {
    0% { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25), 0 0 0 0 rgba(37, 211, 102, 0.5); }
    70% { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25), 0 0 0 16px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25), 0 0 0 0 rgba(37, 211, 102, 0); }
}

@media (max-width: 767px) {
    .whatsapp-float {
        right: 16px;
        bottom: 16px;
        width: 50px;
        height: 50px;
        font-size: 26px;
    }
}

/* Ana sayfa: Neden Nano liste */
.why-nano-section {
    padding: 80px 0;
    background: #f7f7f7;
}

.why-nano-section .section-title {
    margin-bottom: 40px;
}

.why-nano-list {
    margin-top: 10px;
}

.why-nano-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #ffffff;
    padding: 22px 20px;
    margin-bottom: 24px;
    min-height: 96px;
    border-left: 3px solid var(--accent-color);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.why-nano-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.why-nano-icon {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(217, 0, 0, 0.08);
    color: var(--accent-color);
    font-size: 18px;
    line-height: 1;
    text-align: center;
}

.why-nano-item h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
    color: var(--primary-color);
}

@media (max-width: 767px) {
    .why-nano-section {
        padding: 50px 0;
    }

    .why-nano-item {
        min-height: 0;
        padding: 18px 16px;
    }

    .why-nano-item h3 {
        font-size: 16px;
    }

    .why-nano-icon {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
}

.icon-feature-list {
    margin: 25px 0 10px;
}

.icon-feature-item {
    margin-bottom: 34px;
}

.icon-feature-item h4 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    font-size: 34px;
    line-height: 1.2;
    color: var(--primary-color);
}

.icon-feature-item h4 .icon {
    font-size: 22px;
    line-height: 1;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(217, 0, 0, 0.08);
    color: var(--accent-color);
    text-align: center;
    flex: 0 0 42px;
}

.icon-feature-item p {
    margin: 0;
}

@media (max-width: 767px) {
    .icon-feature-item h4 {
        font-size: 24px;
    }

    .icon-feature-item h4 .icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        font-size: 18px;
    }
}


/* Product detail */
.product-detail-top{margin-bottom:50px;}
.product-gallery{position:relative;max-width:560px;}
.product-gallery-main{border-radius:20px;overflow:hidden;background:#f5f5f5;width:100%;}
.product-gallery-main .swiper-slide{position:relative;width:100%;height:0;padding-bottom:100%;}
.product-gallery-main .swiper-slide a{position:absolute;inset:0;display:block;}
.product-gallery-main .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.product-gallery .product-gallery-nav{position:absolute;top:50%;margin-top:-22px;z-index:10;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fff;color:#D90000;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.15);transition:background .3s,color .3s,opacity .3s;}
.product-gallery .product-gallery-nav i{font-size:16px;line-height:1;margin:0;}
.product-gallery .product-gallery-prev{left:15px;}
.product-gallery .product-gallery-next{right:15px;}
.product-gallery .product-gallery-nav:hover{background:#D90000;color:#fff;}
.product-gallery .product-gallery-nav.swiper-button-disabled{opacity:.35;cursor:default;pointer-events:none;}
.product-gallery-counter{position:absolute;right:15px;bottom:15px;z-index:10;background:rgba(0,0,0,.55);color:#fff;font-size:13px;padding:4px 12px;border-radius:20px;}
.product-summary-title{font-size:36px;margin-bottom:15px;}
.product-summary-lead{font-size:18px;font-weight:600;font-style:italic;color:#D90000;margin-bottom:20px;}
@media (max-width:991px){.product-summary{margin-top:30px;}.product-summary-title{font-size:28px;}}
.product-features-content{margin-top:40px;}

/* Standard table */
.nano-table-wrap{margin:30px 0 40px;border-radius:16px;border:1px solid #ececec;box-shadow:0 10px 30px rgba(24,25,26,.06);overflow-x:auto;background:#fff;}
.nano-table{width:100% !important;min-width:600px;border-collapse:collapse !important;border:0 !important;margin:0 !important;font-size:15px;color:var(--primary-color);}
.nano-table caption{caption-side:top;text-align:left;padding:18px 22px;font-size:20px;font-weight:700;color:var(--primary-color);background:#fff;border-bottom:3px solid var(--accent-color);}
.nano-table th,.nano-table td{border:0 !important;border-bottom:1px solid #ececec !important;padding:14px 18px !important;text-align:left;vertical-align:middle;line-height:1.5;background:transparent;}
.nano-table thead th{background:var(--accent-color) !important;color:#fff !important;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;}
.nano-table tbody tr:nth-child(even) td{background:#f8f8f8;}
.nano-table tbody tr:hover td{background:rgba(217,0,0,.05);}
.nano-table tbody tr:last-child td{border-bottom:0 !important;}
.nano-table tbody td:first-child{font-weight:600;}
.nano-table tbody td:first-child strong{color:var(--accent-color);}
.nano-table td small{display:block;color:#888;font-weight:400;font-size:13px;margin-top:4px;}
.nano-table td p{margin:0;}
@media (max-width:767px){.nano-table{font-size:14px;}.nano-table th,.nano-table td{padding:11px 13px !important;}}

/* Rakamlarla Nano Yay */
.nano-stats-section{padding:100px 0;background:#f8f8f8;}
.nano-stat-item{text-align:center;margin-bottom:30px;}
.nano-stat-circle{position:relative;width:220px;height:220px;max-width:100%;aspect-ratio:1/1;margin:0 auto 22px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 15px 40px rgba(24,25,26,.08);transition:transform .4s,box-shadow .4s;}
.nano-stat-circle::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px dashed rgba(217,0,0,.35);transition:transform 1.2s;}
.nano-stat-circle::after{content:"";position:absolute;inset:10px;border-radius:50%;border:3px solid var(--accent-color);}
.nano-stat-item:hover .nano-stat-circle{transform:translateY(-6px);box-shadow:0 20px 45px rgba(217,0,0,.18);}
.nano-stat-item:hover .nano-stat-circle::before{transform:rotate(90deg);}
.nano-stat-circle i{font-size:24px;color:var(--accent-color);margin-bottom:8px;}
.nano-stat-number{font-size:34px;font-weight:700;line-height:1.1;color:var(--primary-color);}
.nano-stat-unit{font-size:13px;color:#888;margin-top:6px;text-transform:lowercase;}
.nano-stat-title{font-size:18px;font-weight:600;color:var(--primary-color);margin:0;}
@media (max-width:991px){.nano-stats-section{padding:70px 0;}.nano-stat-circle{width:190px;height:190px;}.nano-stat-number{font-size:28px;}}
@media (max-width:575px){.nano-stat-circle{width:150px;height:150px;}.nano-stat-circle i{font-size:18px;margin-bottom:4px;}.nano-stat-number{font-size:21px;}.nano-stat-unit{font-size:11px;}.nano-stat-title{font-size:15px;}}

/* Ürünler 6'lı grid */
.products-grid-6 .service-item{margin-bottom:24px;}
.products-grid-6 .service-item-title h2{font-size:17px;line-height:1.35;}
@media (max-width:575px){.products-grid-6 .service-item-title h2{font-size:15px;}}
.product-children{margin-top:70px;padding-top:60px;border-top:1px solid #ececec;}
.product-children .service-item{display:flex;flex-direction:column;height:calc(100% - 24px);background-color:#fff;box-shadow:0 8px 25px rgba(24,25,26,.06);}
.product-children .service-item-image{margin-bottom:0;}
.product-children .service-item-image figure{overflow:hidden;width:100%;aspect-ratio:1/1;}
.product-children .service-item-image figure img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
.product-children .service-item-title{flex:1;display:flex;align-items:center;justify-content:center;min-height:70px;padding:15px 10px;}
.product-children .service-item-title h2{margin:0;color:var(--primary-color);}
.product-children .service-item-title h2 a:hover{color:var(--accent-color);}

/* Ürün resimleri kırpılmadan tam görünsün */
.page-services .service-item-image figure,
.product-children .service-item-image figure{background:#fff;}
.page-services .service-item-image figure img,
.product-children .service-item-image figure img{object-fit:contain !important;padding:8px;}
.product-gallery-main{background:#fff;}
.product-gallery-main .swiper-slide img{object-fit:contain;}
.products-grid-4 .service-item{margin-bottom:30px;}
.products-grid-4 .service-item-title h2{font-size:20px;line-height:1.3;}
@media (max-width:575px){.products-grid-4 .service-item-title h2{font-size:15px;}}
.product-children-first{margin-top:0;padding-top:0;border-top:0;margin-bottom:60px;}

/* Ürün çeşitleri: ürün sayısına göre otomatik grid */
.product-children-grid{--gap:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);}
.product-children-item{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));max-width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));}
.product-children-item .service-item{height:100%;margin-bottom:0;}
.product-children-item .service-item-title h2{font-size:16px;line-height:1.35;}
@media (max-width:1199px){.product-children-grid{--cols:4 !important;}}
@media (max-width:991px){.product-children-grid{--cols:3 !important;}}
@media (max-width:575px){.product-children-grid{--cols:2 !important;--gap:12px;}.product-children-item .service-item-title h2{font-size:14px;}}

/* Haber resimleri kırpılmadan tam görünsün */
.our-blog .post-featured-image figure,
.page-blog .post-featured-image figure{background:#fff;aspect-ratio:1/0.75;overflow:hidden;}
.our-blog .post-featured-image figure img,
.page-blog .post-featured-image figure img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain !important;object-position:center;}
.page-single-post .post-image figure{background:#fff;text-align:center;}
.page-single-post .post-image img{width:auto !important;max-width:100%;height:auto !important;max-height:700px;aspect-ratio:auto !important;object-fit:contain !important;margin:0 auto;display:block;}
.page-single-post .gallery-items figure img{aspect-ratio:auto !important;height:auto !important;object-fit:contain !important;}

/* İletişim bilgileri (alt alta) */
.contact-details{padding:50px 40px 0 0;margin-bottom:40px;}
.contact-details-list{list-style:none;padding:0;margin:30px 0 0;}
.contact-details-list li{display:flex;align-items:flex-start;gap:18px;padding:22px 0;border-bottom:1px solid #ececec;}
.contact-details-list li:first-child{padding-top:0;}
.contact-details-list li:last-child{border-bottom:0;}
.contact-details-icon{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:rgba(217,0,0,.08);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:20px;}
.contact-details-list h3{font-size:18px;font-weight:600;color:var(--primary-color);margin:0 0 6px;}
.contact-details-list p,.contact-details-list a{display:block;margin:0;font-size:16px;color:#666;line-height:1.6;}
.contact-details-list a:hover{color:var(--accent-color);}
@media (max-width:1199px){.contact-details{padding-right:0;}}
@media (max-width:1199px){.contact-details{padding:0;}}
.address-city{display:inline-block;white-space:nowrap;}