/* ===================================
   Burgu Market - Modern Professional Design
   Google PageSpeed & SEO Optimized
   =================================== */

/* CSS Variables - Kurumsal ve Güçlü Tasarım */
:root {
    --primary: #f76e17;
    --primary-dark: #d85f12;
    --primary-light: #ff8a3d;
    --secondary: #1a1a1a;
    --text: #2c3e50;
    --text-light: #6c757d;
    --border: #dee2e6;
    --bg-light: #f8f9fa;
    --white: #ffffff;
    --success: #25D366;
    --trendyol: #ff6000;
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 6px 16px rgba(0,0,0,0.12);
    --shadow-lg: 0 12px 24px rgba(0,0,0,0.15);
    --shadow-xl: 0 20px 40px rgba(0,0,0,0.2);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Reset & Base */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text);line-height:1.6;font-size:16px;background:var(--white);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:var(--transition)}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--secondary);margin-bottom:1rem}

/* Top Bar - Hidden */
.top-bar{display:none}

/* Header - Kurumsal ve Güçlü */
.header-main{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--white);box-shadow:0 2px 12px rgba(0,0,0,0.08);transition:var(--transition);backdrop-filter:blur(10px)}
.header-main.scrolled{box-shadow:0 4px 20px rgba(0,0,0,0.12)}
.navbar{padding:0.875rem 0}
.navbar .container-fluid{padding-left:3rem;padding-right:3rem;display:flex;align-items:center}
.navbar-brand{margin-right:auto;padding:0.5rem 0}
.navbar-brand .logo{height:64px;width:auto;transition:var(--transition);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}
.navbar-brand:hover .logo{opacity:0.9;transform:scale(1.02)}
.navbar-collapse{flex-grow:1;display:flex;justify-content:center}
.navbar-nav{gap:1rem;margin:0}
.navbar-nav .nav-link{color:var(--text);font-weight:600;font-size:15px;padding:0.75rem 1.75rem;border-radius:var(--radius-md);transition:var(--transition);position:relative;letter-spacing:0.01em}
.navbar-nav .nav-link::after{content:'';position:absolute;bottom:0.5rem;left:1.75rem;right:1.75rem;height:2px;background:var(--primary);transform:scaleX(0);transition:transform 0.3s ease;border-radius:2px}
.navbar-nav .nav-link:hover{color:var(--primary);background:rgba(247,110,23,0.06)}
.navbar-nav .nav-link:hover::after{transform:scaleX(1)}
.navbar-nav .nav-link.active{color:var(--primary);background:rgba(247,110,23,0.1);font-weight:700}
.navbar-nav .nav-link.active::after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:0.875rem;margin-left:auto}

/* Buttons - Kurumsal ve Güçlü Tasarım */
.btn{display:inline-flex;align-items:center;gap:0.625rem;padding:0.75rem 1.75rem;border-radius:var(--radius-md);font-weight:700;font-size:14px;border:none;transition:var(--transition);cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1.5;letter-spacing:0.02em;position:relative;overflow:hidden}
.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}
.btn:hover::before{width:300px;height:300px}
.btn i{font-size:1.125rem;transition:var(--transition-fast)}
.btn:hover i{transform:scale(1.1)}
.btn-whatsapp{background:linear-gradient(135deg,var(--success),#1fb855);color:var(--white);box-shadow:0 4px 12px rgba(37,211,102,0.3)}
.btn-whatsapp:hover{background:linear-gradient(135deg,#1fb855,#1aa34a);color:var(--white);box-shadow:0 6px 20px rgba(37,211,102,0.4);transform:translateY(-2px)}
.btn-quote{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:0 4px 12px rgba(247,110,23,0.3)}
.btn-quote:hover{background:linear-gradient(135deg,var(--primary-dark),#c55410);color:var(--white);box-shadow:0 6px 20px rgba(247,110,23,0.4);transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);box-shadow:0 4px 12px rgba(247,110,23,0.3)}
.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:var(--white);box-shadow:0 6px 20px rgba(247,110,23,0.4);transform:translateY(-2px)}
.btn-trendyol{background:linear-gradient(135deg,var(--trendyol),#e55500);color:var(--white);box-shadow:0 4px 12px rgba(255,96,0,0.3)}
.btn-trendyol:hover{background:linear-gradient(135deg,#e55500,#cc4d00);color:var(--white);box-shadow:0 6px 20px rgba(255,96,0,0.4);transform:translateY(-2px)}
.btn-outline-light{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.4);backdrop-filter:blur(10px)}
.btn-outline-light:hover{background:var(--white);color:var(--primary);border-color:var(--white);transform:translateY(-2px)}
.btn-outline-primary{background:transparent;color:var(--primary);border:2px solid var(--primary)}
.btn-outline-primary:hover{background:var(--primary);color:var(--white);border-color:var(--primary);transform:translateY(-2px)}
.btn-white{background:var(--white);color:var(--trendyol);border:2px solid var(--white);box-shadow:0 4px 12px rgba(255,255,255,0.3)}
.btn-white:hover{background:transparent;color:var(--white);border-color:var(--white);transform:translateY(-2px)}
.btn-lg{padding:1rem 2.25rem;font-size:15px}

/* Mobile Menu - Sıfırdan Yeni Tasarım */
.navbar-toggler{
    border:none;
    padding:0.5rem;
    background:transparent;
    border-radius:var(--radius-md);
    position:relative;
    z-index:1001;
}
.navbar-toggler:focus{
    box-shadow:none;
    outline:none;
}
.navbar-toggler:hover{
    background:rgba(247,110,23,0.06);
}
.navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(26, 26, 26, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    width:26px;
    height:26px;
}

/* Offcanvas Container - Mobil için optimize */
.offcanvas{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:300px!important;
    max-width:85%!important;
    height:100vh!important;
    border:none!important;
    box-shadow:-4px 0 20px rgba(0,0,0,0.15)!important;
    z-index:1050!important;
    background:var(--white)!important;
    transform:translateX(100%)!important;
    transition:transform 0.3s ease-in-out!important;
}

.offcanvas.show{
    transform:translateX(0)!important;
}

.offcanvas.showing{
    transform:translateX(0)!important;
}

/* Offcanvas Backdrop */
.offcanvas-backdrop{
    position:fixed!important;
    top:0!important;
    left:0!important;
    z-index:1040!important;
    width:100vw!important;
    height:100vh!important;
    background-color:rgba(0,0,0,0.5)!important;
}

.offcanvas-backdrop.show{
    opacity:1!important;
}

/* Offcanvas Header */
.offcanvas-header{
    padding:1.25rem 1.5rem;
    border-bottom:1px solid var(--border);
    background:var(--white);
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:70px;
    flex-shrink:0;
}
.offcanvas-logo{
    height:40px;
    width:auto;
}

/* Close Button */
.btn-close{
    background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f76e17'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    opacity:1;
    width:32px;
    height:32px;
    padding:0;
    border-radius:var(--radius-md);
    transition:var(--transition);
    flex-shrink:0;
}
.btn-close:hover{
    background-color:rgba(247,110,23,0.1);
}
.btn-close:focus{
    box-shadow:none;
    outline:none;
}

/* Offcanvas Body */
.offcanvas-body{
    padding:0;
    background:var(--white);
    display:flex;
    flex-direction:column;
    height:100%;
    overflow:hidden;
    flex:1;
}

/* Navigation Menu */
.offcanvas-body .navbar-nav{
    padding:1rem;
    margin:0;
    flex:1;
    overflow-y:auto;
    overflow-x:hidden;
    list-style:none;
    -webkit-overflow-scrolling:touch;
}

.offcanvas-body .nav-item{
    margin-bottom:0.5rem;
}

.offcanvas-body .nav-item:last-child{
    margin-bottom:0;
}

/* Menu Links - Temiz Tasarım */
.offcanvas-body .nav-link{
    display:block;
    padding:0.875rem 1rem;
    font-size:15px;
    font-weight:600;
    color:var(--secondary);
    background:var(--white);
    border:none;
    border-radius:var(--radius-md);
    transition:all 0.2s ease;
    text-decoration:none;
}

.offcanvas-body .nav-link:hover{
    background:rgba(247,110,23,0.06);
    color:var(--primary);
}

.offcanvas-body .nav-link.active{
    background:rgba(247,110,23,0.1);
    color:var(--primary);
    font-weight:700;
}

/* Action Buttons */
.offcanvas-actions{
    padding:1rem;
    background:var(--white);
    border-top:1px solid var(--border);
    display:flex;
    flex-direction:column;
    gap:0.625rem;
    flex-shrink:0;
}

.offcanvas-actions .btn{
    width:100%;
    justify-content:center;
    padding:0.875rem 1.5rem;
    font-size:14px;
    font-weight:700;
    border-radius:var(--radius-md);
    border:none;
}

.offcanvas-actions .btn i{
    font-size:1rem;
}

.offcanvas-actions .btn-whatsapp{
    background:var(--success);
    color:var(--white);
    box-shadow:0 2px 6px rgba(37,211,102,0.2);
}

.offcanvas-actions .btn-whatsapp:hover{
    background:#1fb855;
    box-shadow:0 3px 8px rgba(37,211,102,0.3);
}

.offcanvas-actions .btn-quote{
    background:var(--primary);
    color:var(--white);
    box-shadow:0 2px 6px rgba(247,110,23,0.2);
}

.offcanvas-actions .btn-quote:hover{
    background:var(--primary-dark);
    box-shadow:0 3px 8px rgba(247,110,23,0.3);
}

/* Body scroll lock when menu is open */
body.offcanvas-open{
    overflow:hidden;
}

/* Hero Section */
.hero-section{margin-top:0;padding-top:73px;position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#f76e17 0%,#ff8a3d 50%,#1a1a1a 100%)}
.hero-container{width:100%;position:relative;z-index:2;padding:4rem 0}
.hero-background{position:absolute;inset:0;background:linear-gradient(135deg,#f76e17 0%,#ff8a3d 50%,#1a1a1a 100%);z-index:1}
.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,0.1) 0%,transparent 50%);opacity:0.5}
.hero-content{position:relative;z-index:3;padding:2rem 0}
.hero-badge{display:inline-flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);color:var(--white);padding:0.75rem 1.5rem;border-radius:50px;font-size:0.9375rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(255,255,255,0.3)}
.hero-badge i{font-size:1.125rem}
.hero-title{font-size:clamp(2.25rem,5vw,4rem);font-weight:900;color:var(--white);margin-bottom:1.5rem;line-height:1.15;letter-spacing:-0.02em}
.hero-subtitle{font-size:clamp(1.125rem,2vw,1.375rem);color:rgba(255,255,255,0.95);margin-bottom:2.5rem;line-height:1.6;max-width:600px}
.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}
.hero-image{position:relative;z-index:3}
.hero-image-wrapper{position:relative}
.hero-image-wrapper img{width:100%;height:auto;filter:drop-shadow(0 20px 60px rgba(0,0,0,0.3))}
.hero-logo-white{filter:brightness(0) invert(1) drop-shadow(0 20px 60px rgba(0,0,0,0.3))!important}
.hero-shape{position:absolute;border-radius:50%;opacity:0.3}
.hero-shape-1{width:300px;height:300px;background:linear-gradient(135deg,rgba(255,255,255,0.3),transparent);top:-50px;right:-50px}
.hero-shape-2{width:200px;height:200px;background:linear-gradient(135deg,rgba(255,255,255,0.2),transparent);bottom:-30px;left:-30px}
.hero-shape-3{width:150px;height:150px;background:linear-gradient(135deg,rgba(255,255,255,0.25),transparent);top:50%;right:50%}
.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:3}
.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:0.5rem;color:var(--white);font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;transition:var(--transition)}
.scroll-indicator:hover{color:var(--white)}
.scroll-indicator i{font-size:1.25rem}

/* Features Section - Kurumsal ve Güçlü */
.features-section{background:var(--white);padding:4rem 0;position:relative;z-index:10}
.feature-box-home{background:var(--white);padding:2.5rem;border-radius:var(--radius-lg);border:2px solid var(--border);text-align:center;transition:var(--transition);height:100%;position:relative;overflow:hidden}
.feature-box-home::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transform:scaleX(0);transition:transform 0.3s ease;transform-origin:left}
.feature-box-home:hover::before{transform:scaleX(1)}
.feature-box-home:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-5px)}
.feature-icon-home{width:85px;height:85px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 16px rgba(247,110,23,0.25);transition:var(--transition)}
.feature-box-home:hover .feature-icon-home{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 24px rgba(247,110,23,0.35)}
.feature-icon-home i{font-size:2.25rem;color:var(--white)}
.feature-box-home h3,.feature-box-home h4{font-size:1.3rem;font-weight:800;margin-bottom:0.875rem;color:var(--secondary);letter-spacing:-0.01em}
.feature-box-home p{color:var(--text-light);margin:0;font-size:0.9375rem;line-height:1.7}

/* Sections */
section{padding:6rem 0}
.section-badge{display:inline-block;background:rgba(247,110,23,0.1);color:var(--primary);padding:0.5rem 1.25rem;border-radius:var(--radius-lg);font-size:0.875rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}
.section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;color:var(--secondary);margin-bottom:1rem;letter-spacing:-0.02em}
.section-description{font-size:1.125rem;color:var(--text);line-height:1.7;margin-bottom:2rem}
.section-header{margin-bottom:4rem;text-align:center}

/* Product Cards - Kurumsal ve Güçlü */
.product-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--border);transition:var(--transition);height:100%;position:relative}
.product-card::after{content:'';position:absolute;inset:0;border-radius:var(--radius-lg);box-shadow:0 0 0 0 rgba(247,110,23,0.4);transition:box-shadow 0.3s ease;pointer-events:none}
.product-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary);transform:translateY(-8px)}
.product-card:hover::after{box-shadow:0 0 0 4px rgba(247,110,23,0.2)}
.product-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--bg-light)}
.product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.product-card:hover .product-image img{transform:scale(1.08)}
.product-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);padding:0.5rem 1rem;border-radius:var(--radius-md);font-size:0.875rem;font-weight:700;box-shadow:0 4px 12px rgba(247,110,23,0.4);text-transform:uppercase;letter-spacing:0.05em}
.product-content{padding:1.75rem}
.product-category{color:var(--primary);font-size:0.875rem;font-weight:700;margin-bottom:0.625rem;text-transform:uppercase;letter-spacing:0.05em}
.product-title{font-size:1.3rem;font-weight:800;margin-bottom:0.875rem;color:var(--secondary);line-height:1.3;letter-spacing:-0.01em}
.product-description{color:var(--text-light);font-size:0.9375rem;margin-bottom:1.25rem;line-height:1.7}
.product-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:2px solid var(--border)}
.product-price{font-size:1.625rem;font-weight:900;color:var(--primary);letter-spacing:-0.02em}
.product-link{color:var(--primary);font-weight:700;font-size:0.9375rem;display:inline-flex;align-items:center;gap:0.5rem;transition:var(--transition-fast)}
.product-link:hover{gap:0.875rem;color:var(--primary-dark)}
.product-link i{transition:var(--transition-fast)}
.product-link:hover i{transform:translateX(3px)}

/* Page Header */
.page-header{background:linear-gradient(135deg,var(--secondary) 0%,#2d2d2d 100%);padding:8rem 0 4rem;text-align:center;margin-top:0;padding-top:calc(8rem + 73px)}
.page-header h1{color:var(--white);font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem}
.page-header p{color:rgba(255,255,255,0.85);font-size:1.125rem;margin:0}
.page-header .page-title{color:var(--white);font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem}
.page-header .page-description{color:rgba(255,255,255,0.85);font-size:1.125rem;margin-bottom:1.5rem;line-height:1.6}

/* CTA Section */
.cta-section{background:linear-gradient(135deg,var(--secondary) 0%,#2d2d2d 100%);position:relative;overflow:hidden}
.cta-content h2{color:var(--white);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:0.75rem}
.cta-content p{color:rgba(255,255,255,0.85);font-size:1.125rem;margin-bottom:2rem}
.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}

/* Footer */
.footer{background:var(--secondary);color:rgba(255,255,255,0.7);padding:4rem 0 2rem}
.footer-logo{height:50px;width:auto;filter:brightness(0) invert(1);margin-bottom:1.5rem}
.footer-description{color:rgba(255,255,255,0.7);line-height:1.8;margin-bottom:1.5rem;font-size:0.9375rem}
.footer-social{display:flex;gap:0.75rem;flex-wrap:wrap}
.social-link,.social-links a{width:44px;height:44px;background:rgba(255,255,255,0.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--white);transition:var(--transition)}
.social-link:hover,.social-links a:hover{background:var(--primary);color:var(--white)}
.social-links{display:flex;gap:0.75rem;flex-wrap:wrap}
.footer-title,.footer h5{color:var(--white);font-size:1.125rem;font-weight:700;margin-bottom:1.5rem}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:0.75rem}
.footer-links a{color:rgba(255,255,255,0.7);font-size:0.9375rem;transition:var(--transition);display:inline-block}
.footer-links a:hover{color:var(--white)}
.footer-contact{list-style:none;padding:0;margin:0}
.footer-contact li{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:1rem;color:rgba(255,255,255,0.7);font-size:0.9375rem;line-height:1.6}
.footer-contact i{color:var(--primary);font-size:1.125rem;margin-top:0.125rem;flex-shrink:0}
.footer-contact a{color:rgba(255,255,255,0.7);transition:var(--transition)}
.footer-contact a:hover{color:var(--white)}
.footer-divider{border-color:rgba(255,255,255,0.1);margin:2rem 0}
.copyright{color:rgba(255,255,255,0.5);margin:0;font-size:0.875rem;text-align:center}

/* Form Styles */
.form-control{border:2px solid var(--border);padding:0.875rem 1.25rem;border-radius:var(--radius-md);font-size:15px;transition:var(--transition);background:var(--white)}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(247,110,23,0.1);outline:none}
.form-label{font-weight:600;margin-bottom:0.5rem;color:var(--secondary)}

/* Responsive - Tablet & Mobile */
@media (max-width:1200px){
    .navbar-collapse{display:none!important}
    .navbar-toggler{display:block!important}
    .header-actions{display:none}
    .navbar .container-fluid{padding-left:1.5rem;padding-right:1.5rem}
    .navbar-brand{margin-right:auto}
    .page-header{padding:6rem 0 3rem;padding-top:calc(6rem + 73px)}
    .hero-section{min-height:auto;padding:2.5rem 0;padding-top:calc(73px + 2rem)}
    .hero-container{padding:2.5rem 0}
    section{padding:4rem 0}
    .trendyol-box{padding:2rem}
    .trendyol-box h3{font-size:1.25rem}
    .trendyol-box .btn{margin-top:1rem;width:100%}
}

@media (max-width:767px){
    .hero-buttons{flex-direction:column}
    .hero-buttons .btn{width:100%;justify-content:center}
    .hero-stats{display:none}
    .hero-content{padding:0}
    .hero-scroll{display:none}
    .hero-section{padding:2rem 0;padding-top:calc(73px + 1.5rem);min-height:auto}
    .hero-container{padding:2rem 0}
    .page-header{padding:5rem 0 2rem;padding-top:calc(5rem + 73px)}
    section{padding:3rem 0}
    .feature-box-home{padding:2rem}
    .product-card{padding:1.5rem}
    .cta-buttons{flex-direction:column;gap:0.75rem}
    .cta-buttons .btn{width:100%;justify-content:center}
    .trendyol-banner{padding:2rem 0}
    .trendyol-box{padding:1.5rem;text-align:center}
    .trendyol-box h3{font-size:1.125rem}
    .trendyol-box p{font-size:0.9375rem}
    .product-actions{flex-direction:column}
    .product-actions .btn{width:100%}
}

/* Utility Classes */
.w-100{width:100%}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}
.text-center{text-align:center}

/* FAQ Section */
.faq-section{background:var(--white)}
.faq-accordion .accordion-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden;transition:var(--transition)}
.faq-accordion .accordion-item:last-child{margin-bottom:0}
.faq-accordion .accordion-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}
.faq-accordion .accordion-header{margin:0}
.faq-accordion .accordion-button{background:var(--white);color:var(--secondary);font-size:1.0625rem;font-weight:700;padding:1.5rem 2rem;border:none;box-shadow:none;display:flex;align-items:center;gap:1rem;transition:var(--transition)}
.faq-accordion .accordion-button:not(.collapsed){background:linear-gradient(135deg,rgba(247,110,23,0.08),rgba(247,110,23,0.04));color:var(--primary);border-bottom:2px solid var(--primary)}
.faq-accordion .accordion-button:focus{box-shadow:none;outline:none}
.faq-accordion .accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f76e17'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");width:1.5rem;height:1.5rem;flex-shrink:0;margin-left:auto;transition:transform 0.3s ease}
.faq-accordion .accordion-button:not(.collapsed)::after{transform:rotate(-180deg)}
.faq-accordion .accordion-button i{color:var(--primary);font-size:1.25rem;flex-shrink:0}
.faq-accordion .accordion-button span{flex:1;text-align:left}
.faq-accordion .accordion-body{padding:1.5rem 2rem 2rem;font-size:1rem;line-height:1.8;color:var(--text);background:var(--white)}
.faq-accordion .accordion-collapse{border:none}

@media (max-width:767px){
    .faq-accordion .accordion-button{padding:1.25rem 1.5rem;font-size:0.9375rem}
    .faq-accordion .accordion-button i{font-size:1.125rem}
    .faq-accordion .accordion-body{padding:1.25rem 1.5rem 1.5rem;font-size:0.9375rem}
}

/* Pagination */
.pagination{display:flex;padding-left:0;list-style:none;gap:0.5rem}
.page-item{display:inline-block}
.page-item.active .page-link{background:var(--primary);border-color:var(--primary);color:var(--white);z-index:3}
.page-item.disabled .page-link{color:var(--text-light);pointer-events:none;background:var(--bg-light);border-color:var(--border)}
.page-link{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0.5rem 0.75rem;color:var(--text);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);font-weight:600;text-decoration:none}
.page-link:hover{color:var(--primary);background:rgba(247,110,23,0.08);border-color:var(--primary)}
.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 3px rgba(247,110,23,0.15)}

/* Additional Styles for All Pages */

/* Trendyol Banner */
.trendyol-banner{background:var(--bg-light);padding:3rem 0}
.trendyol-box{background:linear-gradient(135deg,var(--trendyol),#ff7a33);padding:2.5rem;border-radius:var(--radius-lg);color:var(--white);box-shadow:var(--shadow-md)}
.trendyol-box h3{color:var(--white);margin-bottom:0.75rem;font-size:1.5rem;font-weight:700}
.trendyol-box p{color:rgba(255,255,255,0.95);margin:0;font-size:1.0625rem;line-height:1.6}

/* Product Detail Cards */
.product-detail-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:var(--transition);height:100%;display:flex;flex-direction:column}
.product-detail-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}
.product-detail-card .product-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--bg-light)}
.product-detail-card .product-image img{width:100%;height:100%;object-fit:cover}
.product-info{padding:1.75rem;flex:1;display:flex;flex-direction:column;gap:1.25rem}
.product-info h3{font-size:1.3rem;font-weight:800;margin-bottom:0;color:var(--secondary);line-height:1.3;text-align:center}
.product-info p{color:var(--text-light);font-size:0.9375rem;margin-bottom:1rem;line-height:1.6}
.product-features{list-style:none;padding:0;margin-bottom:1.5rem;flex:1}
.product-features li{padding:0.5rem 0;color:var(--text);font-size:0.9375rem;display:flex;align-items:center;gap:0.5rem}
.product-features i{color:var(--primary);font-size:0.875rem;flex-shrink:0}
.product-actions{display:flex;gap:0.75rem;margin-top:auto}
.product-actions .btn{flex:1;justify-content:center}
.product-actions .w-100{width:100%!important;flex:none}
.btn-outline-primary{background:transparent;color:var(--primary);border:2px solid var(--primary)}
.btn-outline-primary:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}

/* Gallery Styles */
.gallery-item{position:relative;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:4/3;cursor:pointer;border:2px solid var(--border);transition:var(--transition)}
.gallery-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.gallery-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(247,110,23,0.95),rgba(26,26,26,0.9));display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}
.gallery-overlay i{font-size:3rem;color:var(--white);margin-bottom:1rem}
.gallery-overlay p{color:var(--white);font-weight:600;margin:0}
.gallery-item:hover img{opacity:0.9}
.gallery-item:hover .gallery-overlay{opacity:1}

/* Blog Styles */
.blog-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:var(--transition);height:100%}
.blog-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}
.blog-image{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--bg-light)}
.blog-image img{width:100%;height:100%;object-fit:cover}
.blog-category{position:absolute;top:1rem;left:1rem;background:var(--primary);color:var(--white);padding:0.375rem 0.875rem;border-radius:var(--radius-sm);font-size:0.875rem;font-weight:600}
.blog-content{padding:1.5rem}
.blog-content h3{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem}
.blog-content h3 a{color:var(--secondary);transition:var(--transition)}
.blog-content h3 a:hover{color:var(--primary)}
.blog-meta{color:var(--text-light);font-size:0.875rem;margin-bottom:0.75rem}
.blog-meta i{margin-right:0.25rem}
.blog-content p{color:var(--text-light);font-size:0.9375rem;margin-bottom:1rem}
.btn-read-more{color:var(--primary);font-weight:700;font-size:0.9375rem;display:inline-flex;align-items:center;gap:0.5rem;transition:var(--transition)}
.btn-read-more:hover{gap:0.75rem}

/* Contact Info Cards */
.contact-info-card{background:var(--white);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;transition:var(--transition);height:100%;display:flex;flex-direction:column}
.contact-info-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}
.contact-card-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;flex-shrink:0}
.contact-card-icon i{font-size:2rem;color:var(--white)}
.contact-info-card h4{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem;color:var(--secondary)}
.contact-info-card p{color:var(--text);font-size:0.9375rem;margin-bottom:0.5rem;line-height:1.6}
.contact-info-card p a{color:var(--primary);font-weight:600;transition:var(--transition)}
.contact-info-card p a:hover{color:var(--primary-dark)}
.contact-info-card .btn{margin-top:auto}
.working-hours{text-align:left;margin-top:1rem}
.working-hour-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 0;border-bottom:1px solid var(--border)}
.working-hour-item:last-child{border-bottom:none}
.working-hour-item .day{font-weight:600;color:var(--text)}
.working-hour-item .time{color:var(--text-light);font-weight:500}

/* Contact Form Box */
.contact-form-box{background:var(--white);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.contact-form-box h2{font-size:2rem;font-weight:800;margin-bottom:0.5rem;color:var(--secondary)}
.contact-form-box p{color:var(--text-light);margin-bottom:2rem}

/* Contact Form Wrapper - Teklif Al Sayfası */
.contact-form-wrapper{background:var(--white);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:2rem}
.contact-form-wrapper .form-header{text-align:center;margin-bottom:2.5rem}
.contact-form-wrapper .form-header h2{font-size:2rem;font-weight:800;margin-bottom:0.75rem;color:var(--secondary)}
.contact-form-wrapper .form-header p{color:var(--text-light);font-size:1.0625rem;margin:0}
.contact-form-wrapper .form-group{margin-bottom:1.5rem}

/* Info Boxes */
.info-box{background:var(--white);padding:2rem;border-radius:var(--radius-lg);border:2px solid var(--border);text-align:center;transition:var(--transition);height:100%}
.info-box:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}
.info-box .info-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}
.info-box .info-icon i{font-size:1.875rem;color:var(--white)}
.info-box h4{font-size:1.125rem;font-weight:700;margin-bottom:0.625rem;color:var(--secondary)}
.info-box p{color:var(--text-light);font-size:0.9375rem;margin:0;line-height:1.6}
.form-select{border:2px solid var(--border);padding:0.875rem 1.25rem;border-radius:var(--radius-md);font-size:15px;transition:var(--transition);background:var(--white)}
.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(247,110,23,0.1);outline:none}

/* Quote Form */
.quote-form-wrapper{background:var(--white);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.quote-form-wrapper h2{font-size:2rem;font-weight:800;margin-bottom:0.5rem;color:var(--secondary)}
.quote-form-wrapper p{color:var(--text-light);margin-bottom:2rem}
.alternative-contact{padding-top:2rem;border-top:1px solid var(--border)}
.alternative-contact h4{font-size:1.25rem;font-weight:700;color:var(--secondary)}

/* Map Container */
.map-container{width:100%;height:500px;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.map-container iframe{width:100%;height:100%;border:0}

/* Service Cards */
.service-card{background:var(--white);padding:2.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;transition:var(--transition);height:100%;display:flex;flex-direction:column}
.service-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}
.service-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;flex-shrink:0}
.service-icon i{font-size:2rem;color:var(--white)}
.service-card h3{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem;color:var(--secondary);line-height:1.4}
.service-card p{color:var(--text-light);font-size:0.9375rem;margin-bottom:1rem;line-height:1.6}
.service-list{list-style:none;padding:0;margin-bottom:1.5rem;text-align:left;flex:1}
.service-list li{padding:0.5rem 0;color:var(--text);font-size:0.9375rem;display:flex;align-items:center;gap:0.5rem}
.service-list i{color:var(--primary);font-size:0.875rem;flex-shrink:0}
.service-card .btn{margin-top:auto}

/* Blog Detail Page */
.blog-detail-header{background:var(--bg-light);padding:3rem 0;margin-top:0;padding-top:calc(3rem + 73px)}
.blog-detail-section{background:var(--bg-light)}
.blog-detail-article{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.blog-detail-image-wrapper{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--bg-light)}
.blog-detail-image-wrapper img{width:100%;height:100%;object-fit:cover}
.blog-detail-meta{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 2rem;background:var(--bg-light);border-bottom:1px solid var(--border)}
.blog-detail-meta .meta-item{display:flex;align-items:center;gap:0.5rem;color:var(--text-light);font-size:0.9375rem;font-weight:500}
.blog-detail-meta .meta-item i{color:var(--primary);font-size:1rem}
.blog-detail-content{padding:2.5rem}
.blog-detail-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--secondary);margin-bottom:1.5rem;line-height:1.3}
.blog-intro{background:rgba(247,110,23,0.05);border-left:4px solid var(--primary);padding:1.5rem;border-radius:var(--radius-md);margin-bottom:2rem}
.blog-intro p{font-size:1.125rem;line-height:1.8;color:var(--text);margin:0;font-weight:500}
.content-section{margin-bottom:2.5rem}
.content-section h2{font-size:1.75rem;font-weight:700;color:var(--secondary);margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:2px solid var(--border)}
.content-section p{font-size:1.0625rem;line-height:1.8;color:var(--text);margin-bottom:1rem}
.usage-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}
.usage-item{background:var(--bg-light);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition);display:flex;gap:1rem;align-items:flex-start}
.usage-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary)}
.usage-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.usage-icon i{font-size:1.75rem;color:var(--white)}
.usage-info h4{font-size:1.125rem;font-weight:700;color:var(--secondary);margin-bottom:0.5rem}
.usage-info p{font-size:0.9375rem;color:var(--text-light);margin:0}
.info-box{background:linear-gradient(135deg,rgba(247,110,23,0.1),rgba(247,110,23,0.05));border:2px solid var(--primary);border-radius:var(--radius-lg);padding:2rem;margin:2.5rem 0;display:flex;gap:1.5rem;align-items:flex-start}
.info-box-icon{width:60px;height:60px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.info-box-icon i{font-size:1.75rem;color:var(--white)}
.info-box-content h3{font-size:1.25rem;font-weight:700;color:var(--secondary);margin-bottom:0.75rem}
.info-box-content p{font-size:1rem;color:var(--text);margin:0;line-height:1.7}
.blog-cta-box{background:linear-gradient(135deg,var(--secondary),#2d2d2d);border-radius:var(--radius-lg);padding:2.5rem;margin-top:3rem;text-align:center;color:var(--white)}
.cta-box-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}
.cta-box-header i{font-size:2.5rem;color:var(--primary)}
.cta-box-header h3{font-size:1.75rem;font-weight:700;color:var(--white);margin:0}
.blog-cta-box p{font-size:1.125rem;color:rgba(255,255,255,0.9);margin-bottom:2rem;line-height:1.7}
.cta-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.cta-buttons-grid .btn{width:100%;justify-content:center}

/* Responsive Adjustments */
@media (max-width:1200px){
    .blog-detail-header{padding:2rem 0}
    .contact-form-box,.quote-form-wrapper,.contact-form-wrapper{padding:2rem}
}

@media (max-width:767px){
    .product-actions{flex-direction:column}
    .product-actions .btn{width:100%}
    .alternative-contact .row{flex-direction:column}
    .alternative-contact .col-md-6{width:100%;margin-bottom:0.75rem}
}

/* Sidebar Widgets */
.blog-sidebar{position:sticky;top:100px}
.sidebar-widget{background:var(--white);border-radius:var(--radius-lg);padding:2rem;margin-bottom:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition)}
.sidebar-widget:hover{box-shadow:var(--shadow-md)}
.sidebar-cta-widget{background:linear-gradient(135deg,rgba(247,110,23,0.05),rgba(247,110,23,0.02));border:2px solid var(--primary);text-align:center}
.sidebar-cta-widget .widget-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}
.sidebar-cta-widget .widget-icon i{font-size:2rem;color:var(--white)}
.sidebar-cta-widget h4{font-size:1.25rem;font-weight:700;color:var(--secondary);margin-bottom:0.75rem}
.sidebar-cta-widget p{color:var(--text-light);font-size:0.9375rem;margin-bottom:1.5rem;line-height:1.6}
.widget-title{font-size:1.125rem;font-weight:700;color:var(--secondary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:0.75rem}
.widget-title i{color:var(--primary);font-size:1.25rem}
.category-list{list-style:none;padding:0;margin:0}
.category-list li{margin-bottom:0.75rem}
.category-list li:last-child{margin-bottom:0}
.category-list a{display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1rem;background:var(--bg-light);border-radius:var(--radius-md);color:var(--text);font-size:0.9375rem;font-weight:500;transition:var(--transition);border:1px solid transparent}
.category-list a:hover{background:rgba(247,110,23,0.08);border-color:var(--primary);color:var(--primary);transform:translateX(5px)}
.category-list a i:first-child{color:var(--primary);font-size:1rem}
.category-list a i:last-child{margin-left:auto;font-size:0.75rem;opacity:0.5}
.category-list a span{flex:1}
.sidebar-contact-widget{background:linear-gradient(135deg,var(--secondary),#2d2d2d);border:none}
.sidebar-contact-widget .widget-title{color:var(--white);border-bottom-color:rgba(255,255,255,0.2)}
.sidebar-contact-widget .widget-title i{color:var(--primary)}
.contact-list{list-style:none;padding:0;margin:0}
.contact-list li{display:flex;gap:1rem;padding:1rem;background:rgba(255,255,255,0.05);border-radius:var(--radius-md);margin-bottom:0.75rem;transition:var(--transition)}
.contact-list li:hover{background:rgba(255,255,255,0.1);transform:translateX(5px)}
.contact-list li:last-child{margin-bottom:0}
.contact-icon{width:45px;height:45px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-icon i{color:var(--white);font-size:1.125rem}
.contact-info{flex:1;display:flex;flex-direction:column;gap:0.25rem}
.contact-label{font-size:0.8125rem;color:rgba(255,255,255,0.6);font-weight:500;text-transform:uppercase;letter-spacing:0.05em}
.contact-info a,.contact-info span{color:var(--white);font-size:0.9375rem;font-weight:600;transition:var(--transition)}
.contact-info a:hover{color:var(--primary)}
.recent-posts{list-style:none;padding:0;margin:0}
.recent-posts li{margin-bottom:1rem}
.recent-posts li:last-child{margin-bottom:0}
.recent-posts a{display:flex;gap:1rem;padding:1rem;background:var(--bg-light);border-radius:var(--radius-md);transition:var(--transition);border:1px solid transparent}
.recent-posts a:hover{background:rgba(247,110,23,0.08);border-color:var(--primary);transform:translateX(5px)}
.recent-post-icon{width:45px;height:45px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.recent-post-icon i{color:var(--white);font-size:1.125rem}
.recent-post-info{flex:1;display:flex;flex-direction:column;gap:0.25rem}
.recent-post-title{font-size:0.9375rem;font-weight:600;color:var(--secondary);line-height:1.4}
.recent-post-date{font-size:0.8125rem;color:var(--text-light);font-weight:500}

/* Blog Detail Responsive */
@media (max-width:1200px){
    .blog-detail-content{padding:2rem}
    .blog-detail-meta{padding:1.25rem 1.5rem}
    .usage-areas{grid-template-columns:1fr}
    .cta-buttons-grid{grid-template-columns:1fr}
    .blog-sidebar{position:relative;top:0;margin-top:2rem}
}

@media (max-width:767px){
    .blog-detail-content{padding:1.5rem}
    .blog-detail-meta{flex-direction:column;gap:0.75rem;padding:1rem 1.5rem}
    .info-box{flex-direction:column;padding:1.5rem}
    .blog-cta-box{padding:2rem}
    .cta-box-header{flex-direction:column;text-align:center}
    .cta-box-header h3{font-size:1.5rem}
}

/* Product Detail Page Styles */
.breadcrumb-section{background:var(--bg-light);padding:1.5rem 0;margin-top:73px}
.breadcrumb{background:transparent;margin:0;padding:0;font-size:0.9375rem;display:flex;justify-content:center}
.breadcrumb-item{color:var(--white)}
.breadcrumb-item a{color:var(--white);transition:var(--transition);opacity:0.9}
.breadcrumb-item a:hover{color:var(--white);opacity:1;text-decoration:underline}
.breadcrumb-item.active{color:var(--white);font-weight:600;opacity:1}
.breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,0.7)}

.product-detail-section{background:var(--white)}
.product-detail-images{position:sticky;top:100px}
.main-image{position:relative;background:var(--bg-light);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1rem;border:2px solid var(--border);cursor:pointer}
.main-image a{display:block;position:relative}
.main-image img{width:100%;height:auto;display:block}
.main-image:hover img{opacity:0.95}
.product-badge-detail{position:absolute;top:1.5rem;right:1.5rem;background:var(--primary);color:var(--white);padding:0.5rem 1.25rem;border-radius:var(--radius-lg);font-size:0.875rem;font-weight:700;box-shadow:var(--shadow-md);z-index:2}
.thumbnail-images{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem}
.thumbnail{cursor:pointer;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border);transition:var(--transition);background:var(--bg-light)}
.thumbnail:hover,.thumbnail.active{border-color:var(--primary);transform:translateY(-2px)}
.thumbnail img{width:100%;height:auto;display:block}

.product-detail-info{background:var(--white)}
.product-category-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(247,110,23,0.1);color:var(--primary);padding:0.5rem 1rem;border-radius:var(--radius-lg);font-size:0.875rem;font-weight:700;margin-bottom:1rem}
.product-detail-title{font-size:2.25rem;font-weight:800;color:var(--secondary);margin-bottom:1rem;line-height:1.2}
.product-rating{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}
.product-rating .stars{color:#ffc107;font-size:1.125rem}
.rating-text{color:var(--text-light);font-size:0.9375rem}
.product-detail-description{font-size:1.0625rem;line-height:1.8;color:var(--text);margin-bottom:2rem}

.key-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-light);border-radius:var(--radius-lg);border:1px solid var(--border)}
.feature-item{display:flex;align-items:center;gap:1rem}
.feature-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.feature-icon i{font-size:1.5rem;color:var(--white)}
.feature-text{flex:1}
.feature-text strong{display:block;font-size:1rem;color:var(--secondary);margin-bottom:0.25rem}
.feature-text span{font-size:0.875rem;color:var(--text-light)}

.stock-status{display:inline-flex;align-items:center;gap:0.5rem;background:#d4edda;color:#155724;padding:0.75rem 1.25rem;border-radius:var(--radius-lg);font-weight:600;margin-bottom:2rem}
.stock-status i{font-size:1.125rem}

.product-detail-actions{display:flex;flex-direction:column;gap:0.875rem;margin-bottom:2rem}
.product-detail-actions .btn{width:100%;justify-content:center;font-size:1rem;padding:1rem 1.5rem}

.additional-info{display:flex;flex-direction:column;gap:0.75rem;padding:1.5rem;background:rgba(247,110,23,0.05);border-radius:var(--radius-lg);border:1px solid rgba(247,110,23,0.2)}
.info-item{display:flex;align-items:center;gap:0.75rem;color:var(--text);font-size:0.9375rem}
.info-item i{color:var(--primary);font-size:1.125rem;flex-shrink:0}

.product-tabs{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.product-tabs .nav-tabs{border:none;background:var(--bg-light);padding:0.5rem;gap:0.5rem;flex-wrap:nowrap;overflow-x:auto}
.product-tabs .nav-link{border:none;background:transparent;color:var(--text);font-weight:600;padding:1rem 1.5rem;border-radius:var(--radius-md);transition:var(--transition);white-space:nowrap;display:flex;align-items:center;gap:0.5rem}
.product-tabs .nav-link:hover{background:rgba(247,110,23,0.1);color:var(--primary)}
.product-tabs .nav-link.active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}
.product-tabs .nav-link i{font-size:1.125rem}
.tab-content-wrapper{padding:2.5rem}
.tab-content-wrapper h3{font-size:1.75rem;font-weight:700;color:var(--secondary);margin-bottom:1.5rem}
.tab-content-wrapper h4{font-size:1.25rem;font-weight:700;color:var(--secondary);margin:2rem 0 1rem}
.tab-content-wrapper p{font-size:1.0625rem;line-height:1.8;color:var(--text);margin-bottom:1rem}
.feature-list{list-style:none;padding:0;margin:1.5rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0.75rem}
.feature-list li{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:var(--bg-light);border-radius:var(--radius-md);font-size:0.9375rem;color:var(--text)}
.feature-list i{color:var(--primary);font-size:1rem;flex-shrink:0}

.specifications-table{margin-top:1.5rem}
.specifications-table .table{margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.specifications-table .table tbody tr{border-bottom:1px solid var(--border)}
.specifications-table .table tbody tr:last-child{border-bottom:none}
.specifications-table .table td{padding:1rem 1.5rem;font-size:0.9375rem;vertical-align:middle}
.specifications-table .table td:first-child{background:var(--bg-light);width:40%;font-weight:600;color:var(--secondary)}
.specifications-table .table td:last-child{color:var(--text)}

.usage-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}
.usage-area-card{background:var(--bg-light);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;transition:var(--transition)}
.usage-area-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary)}
.usage-area-card .usage-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}
.usage-area-card .usage-icon i{font-size:2rem;color:var(--white)}
.usage-area-card h4{font-size:1.125rem;font-weight:700;color:var(--secondary);margin-bottom:0.75rem}
.usage-area-card p{font-size:0.9375rem;color:var(--text-light);margin:0;line-height:1.6}

.related-products{background:var(--bg-light)}

/* Product Detail Responsive */
@media (max-width:1200px){
    .product-detail-images{position:relative;top:0;margin-bottom:2rem}
    .product-detail-title{font-size:1.75rem}
    .tab-content-wrapper{padding:2rem}
    .usage-areas-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
}

@media (max-width:767px){
    .breadcrumb-section{padding:1rem 0}
    .thumbnail-images{grid-template-columns:repeat(4,1fr);gap:0.5rem}
    .product-detail-title{font-size:1.5rem}
    .key-features{padding:1.25rem}
    .feature-item{flex-direction:row;text-align:left}
    .feature-icon{width:45px;height:45px}
    .feature-icon i{font-size:1.25rem}
    .product-tabs .nav-tabs{padding:0.5rem;gap:0.25rem}
    .product-tabs .nav-link{padding:0.75rem 1rem;font-size:0.875rem}
    .product-tabs .nav-link span{display:none}
    .product-tabs .nav-link i{font-size:1.25rem}
    .tab-content-wrapper{padding:1.5rem}
    .feature-list{grid-template-columns:1fr}
    .specifications-table .table td{padding:0.75rem 1rem;font-size:0.875rem}
    .specifications-table .table td:first-child{width:45%}
    .usage-areas-grid{grid-template-columns:1fr;gap:1rem}
}

/* Fancybox Custom Styles */
.fancybox__container{--fancybox-bg:#000000e6;--fancybox-accent-color:#f76e17}
.fancybox__backdrop{background:var(--fancybox-bg)}
.fancybox__toolbar button{color:#fff;transition:var(--transition)}
.fancybox__toolbar button:hover{color:var(--fancybox-accent-color)}
.fancybox__nav button{color:#fff;background:rgba(247,110,23,0.8);border-radius:50%;width:50px;height:50px;transition:var(--transition)}
.fancybox__nav button:hover{background:var(--fancybox-accent-color)}
.fancybox__thumbs{background:rgba(0,0,0,0.9)}
.fancybox__thumb{border:2px solid transparent;transition:var(--transition)}
.fancybox__thumb:hover,.fancybox__thumb.is-nav-selected{border-color:var(--fancybox-accent-color)}

/* Floating Action Buttons - Kurumsal ve Güçlü */
.floating-buttons{
    position:fixed;
    bottom:2rem;
    right:2rem;
    z-index:999;
    display:flex;
    flex-direction:column;
    gap:0.875rem;
}

.floating-btn{
    width:60px;
    height:60px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--white);
    font-size:1.625rem;
    box-shadow:0 6px 20px rgba(0,0,0,0.2);
    transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
    cursor:pointer;
    border:none;
    text-decoration:none;
    position:relative;
    overflow:hidden;
}

.floating-btn::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    background:rgba(255,255,255,0.2);
    transform:scale(0);
    transition:transform 0.4s ease;
}

.floating-btn:hover::before{
    transform:scale(1);
}

.floating-btn:hover{
    transform:translateY(-4px) scale(1.08);
    box-shadow:0 10px 30px rgba(0,0,0,0.3);
}

.floating-btn i{
    position:relative;
    z-index:1;
    transition:transform 0.3s ease;
}

.floating-btn:hover i{
    transform:scale(1.15) rotate(5deg);
}

.floating-btn-whatsapp{
    background:linear-gradient(135deg,var(--success),#1fb855);
    animation:pulse-whatsapp 2s infinite;
}

.floating-btn-whatsapp:hover{
    background:linear-gradient(135deg,#1fb855,#1aa34a);
    color:var(--white);
    animation:none;
}

.floating-btn-call{
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    animation:pulse-call 2s infinite 0.5s;
}

.floating-btn-call:hover{
    background:linear-gradient(135deg,var(--primary-dark),#c55410);
    color:var(--white);
    animation:none;
}

@keyframes pulse-whatsapp{
    0%,100%{box-shadow:0 6px 20px rgba(37,211,102,0.4)}
    50%{box-shadow:0 6px 20px rgba(37,211,102,0.6),0 0 0 8px rgba(37,211,102,0.2)}
}

@keyframes pulse-call{
    0%,100%{box-shadow:0 6px 20px rgba(247,110,23,0.4)}
    50%{box-shadow:0 6px 20px rgba(247,110,23,0.6),0 0 0 8px rgba(247,110,23,0.2)}
}

/* Mobil için optimize et */
@media (max-width:767px){
    .floating-buttons{
        bottom:1.5rem;
        right:1.5rem;
        gap:0.75rem;
    }
    
    .floating-btn{
        width:54px;
        height:54px;
        font-size:1.375rem;
    }
}