:root{--cb-accent:#e05d6f;--cb-dark:#111;--cb-text:#222;--cb-muted:#777;--cb-bg:#fff;--cb-border:#eee;--cb-container:1200px}
*{box-sizing:border-box}
html,body{overflow-x:hidden;width:100%}
body{background:var(--cb-bg);color:var(--cb-text);line-height:1.5;margin:0}
/* WordPress admin bar ile promo bar arasındaki boşluğu kaldır */
body.admin-bar .promo-bar{margin-top:0}
#wpadminbar{margin-bottom:0 !important}
#masthead{position:sticky;top:0;z-index:1000;background:#fff}
.site{overflow-x:hidden;width:100%}
.container{max-width:var(--cb-container);margin:0 auto;padding:0 16px}
.topbar{background:#f6f6f6;color:var(--cb-muted);font-size:12px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:36px}
.topbar .cart-count{display:none}
.header-main{border-bottom:1px solid var(--cb-border);overflow:visible}
.header-main .container{display:flex;align-items:center;gap:16px;padding:6px 16px;min-height:44px}
.hamburger{display:none}
.branding .custom-logo-link img{height:100px;width:auto;display:block}
.branding img{height:100px;width:auto;display:block;margin-top:0}
.branding a.site-title{display:flex;align-items:center}
.site-title{font-weight:700;color:var(--cb-dark);font-size:20px}
.primary-nav .menu{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.primary-nav .menu>li{list-style:none}
.primary-nav .menu>li::marker{content:""}
.primary-nav .menu>li::before{content:none}
.primary-nav .menu a{padding:6px 10px;border-radius:6px;font-weight:600;color:var(--cb-dark);text-decoration:none;white-space:nowrap}
/* Tüm ana kategori linklerini aynı satır yüksekliğine ve hizaya getir */
.primary-nav .menu>li>a{display:inline-flex;align-items:center;gap:6px;min-height:36px;line-height:1.2;white-space:nowrap}
.primary-nav .menu a:hover{background:#f5f5f5}
.primary-nav .menu>li{position:relative}
/* Desktop dropdown: modern boxed submenu */
.primary-nav .menu>li>.sub-menu{position:absolute;left:0;top:100%;min-width:260px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.10);padding:8px 6px;display:block;opacity:0;visibility:hidden;transform:translateY(6px) scale(.99);transition:opacity .16s ease, transform .16s ease, visibility .16s ease;z-index:100}
.primary-nav .menu>li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.primary-nav .menu>li.menu-item-has-children> a{display:inline-flex;align-items:center}
.primary-nav .menu>li.menu-item-has-children> a::after{content:"\25BE";font-size:10px;opacity:.8;margin-left:6px}
.primary-nav .menu>li>.sub-menu li a{display:block;padding:10px 12px;border-radius:8px;white-space:nowrap;color:var(--cb-dark);text-decoration:none}
.primary-nav .menu>li>.sub-menu li a:hover{background:#f7f7f7}
.header-flex{display:flex;align-items:center;gap:20px;flex-wrap:nowrap;justify-content:space-between}
.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.action-search form{display:flex;gap:6px;align-items:center}
.action-search .search-field{min-width:260px}
.action-search .search-submit, .action-search button{background:var(--cb-dark);color:#fff;border:0;padding:8px 12px;border-radius:6px;cursor:pointer}
.action-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--cb-border);border-radius:50%;background:#fff}
.action-icon:hover{background:#f7f7f7}
.action-icon .badge{position:absolute;top:-6px;right:-6px;background:var(--cb-accent);color:#fff;border-radius:10px;padding:0 6px;font-size:11px;line-height:18px}
.search-toggle{display:none}
.icon-user::before{content:"\263A"}
.icon-cart::before{content:"\1F6D2"}
.icon-search::before{content:"\1F50D"}
.header-categories{border-bottom:1px solid var(--cb-border)}
.categories-nav .menu{display:flex;gap:20px;list-style:none;margin:0;padding:8px 0;position:relative}
.categories-nav .menu>li{list-style:none}
.categories-nav .menu>li::marker{content:""}
.categories-nav .menu>li::before{content:none}
.categories-nav .menu a{text-decoration:none}
.menu--categories > li{position:relative}
.menu--categories > li > a{display:flex;align-items:center;gap:6px;padding:8px 6px;min-height:36px;line-height:1.2;white-space:nowrap}
.menu--categories > li.menu-item-has-children > a::after{content:"\25BE";font-size:10px;opacity:.8}
.menu--categories li .sub-menu{position:absolute;left:0;top:100%;min-width:260px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.10);padding:8px 6px;display:block;opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transition:opacity .18s ease, transform .18s ease, visibility .18s ease;z-index:50}
.menu--categories li:hover > .sub-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.menu--categories li .sub-menu a{display:block;padding:10px 12px;border-radius:8px;white-space:nowrap;text-decoration:none}
.menu--categories li .sub-menu a:hover{background:#f7f7f7}
.promo-bar{background:#d3a27f;color:#fff}
.promo-bar .container{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px}
.promo-bar .promo-title{margin-right:6px}
.promo-bar a{color:#fff;text-decoration:underline}
.promo-rotator{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:28px;text-align:center}
.promo-item{white-space:nowrap;font-weight:700;letter-spacing:.5px;color:#fff;display:none;font-size:14px;line-height:28px}
.promo-item.is-active{display:inline}
.search-form{display:flex;gap:8px}
.search-field{border:1px solid var(--cb-border);padding:8px 10px;border-radius:6px;min-width:220px}
.search-submit{background:var(--cb-dark);color:#fff;border:0;padding:8px 12px;border-radius:6px;cursor:pointer}
.site-main{padding:24px 0}
.hero{background:#fafafa;padding:40px 0;margin-bottom:24px}
.section-title{font-size:22px;margin:0 0 16px}
/* Section headings */
.featured-products h2{font-size:36px;line-height:1.2;font-weight:700;color:#222;margin:0 0 24px;max-width:1200px;margin-left:auto;margin-right:auto;text-align:center}
.categories-section h2,.all-products h2{font-size:30px;line-height:1.25;font-weight:700;color:#222;margin:0 0 24px;max-width:1200px;margin-left:auto;margin-right:auto;text-align:center}

/* Ana sayfa bölümlerini hafif sağa kaydır */
.featured-products, .categories-section, .all-products{padding-left:16px}
.featured-products .products-grid, .all-products .products-grid{max-width:1200px;margin:0 auto}

/* Scroll reveal animations */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease, transform .6s ease}
.reveal.is-visible{opacity:1;transform:none}
.reveal-stagger > *{opacity:0;transform:translateY(16px);transition:opacity .6s ease, transform .6s ease}
.reveal-stagger.is-visible > *{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  .reveal,.reveal-stagger > *{transition:none;opacity:1;transform:none}
}

.with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:24px}
.widget{background:#fafafa;border:1px solid var(--cb-border);padding:16px;border-radius:8px}
.site-footer{background:#fff;color:#222;margin-top:32px;border-top:1px solid #eee}
.site-footer .footer-top{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:40px 16px}
.site-footer .footer-top h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#222}
.site-footer .footer-top p{margin:0 0 8px;color:#666;line-height:1.5}
.site-footer .footer-top ul{list-style:none;margin:0;padding:0}
.site-footer .footer-top li{margin-bottom:8px}
.site-footer .footer-top a{color:#666;text-decoration:none;transition:color 0.2s ease}
.site-footer .footer-top a:hover{color:#222}
.payment-block{margin-top:26px}
.payment-title{margin:0 0 12px;font-size:18px;font-weight:700;color:#111}
.payment-logos{display:flex;gap:16px;align-items:center;margin-top:10px;flex-wrap:nowrap}
.payment-logos img{height:30px;width:auto;display:block;opacity:.95}
.payment-logos a{display:inline-flex}
.footer-separator{border-top:1px solid #eee;margin:0}
.footer-bottom{padding:20px 16px}
.social-links{display:flex;justify-content:flex-end;gap:20px}
.social-links a{color:#666;text-decoration:none;font-weight:500;transition:color 0.2s ease}
.social-links a:hover{color:#222}
.cotton-certifications{display:flex;gap:8px;margin-top:16px;justify-content:flex-start}
.cotton-logo{width:120px;height:80px;object-fit:contain}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;justify-content:center;align-items:stretch}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{float:none;margin:0 !important;width:auto !important;border:1px solid #eee;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);display:flex;flex-direction:column;background:#fff}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;gap:10px;height:100%}
.woocommerce ul.products li.product a img{width:100%;height:220px;object-fit:cover;display:block}
.woocommerce ul.products li.product .price{margin:0 12px 8px}
.woocommerce ul.products li.product .button{margin:8px 12px 12px}
.woocommerce div.product .product_title{font-size:24px}
.woocommerce span.onsale{background:var(--cb-accent)}

/* About Page Styles */
.page-about{padding:80px 0;margin-bottom:32px}
.about-content{display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:start;max-width:1200px;margin:0 auto}
.about-text{max-width:none}
.about-title{font-size:56px;font-weight:700;color:#222;margin:0 0 50px;font-family:serif;line-height:1.1}
.about-paragraphs p{font-size:18px;line-height:1.7;color:#444;margin:0 0 30px;text-align:left;max-width:none}
.about-logo{display:flex;justify-content:center;align-items:flex-start;padding-top:0}
.company-logo{max-width:250px;height:auto;object-fit:contain}

@media (max-width: 768px){
  .branding .custom-logo-link img, .branding img{height:70px}
  .site-footer .footer-top{grid-template-columns:repeat(2,1fr);gap:24px;padding:24px 16px}
  .site-footer .footer-top h4{font-size:14px}
  .site-footer .footer-top p{font-size:13px}
  .social-links{justify-content:center;flex-wrap:wrap}
  .cotton-certifications{justify-content:center}
  .cotton-logo{width:100px;height:70px;object-fit:contain}
  /* Section headings - mobile */
  .featured-products h2{font-size:28px;margin-bottom:20px}
  .categories-section h2,.all-products h2{font-size:24px;margin-bottom:20px}
  .about-content{grid-template-columns:1fr;gap:50px;text-align:center}
  .about-title{font-size:42px;margin-bottom:40px}
  .about-paragraphs p{font-size:16px;text-align:left}
  .about-logo{padding-top:0}
  .company-logo{max-width:200px}
}

/* Responsive enhancements */
/* Breakpoint: 13" tablets and small laptops */
@media (max-width: 1366px) and (min-width: 1201px){
  .header-main .container{gap:16px;padding:6px 18px}
  .action-search .search-field{min-width:180px}
  .site-footer .footer-top{grid-template-columns:repeat(4,1fr);gap:40px;padding:40px 16px}
  .branding img{height:95px}
  .primary-nav{flex:1;display:flex;justify-content:center;min-width:0}
  .primary-nav .menu{gap:16px;flex-wrap:nowrap}
  .primary-nav .menu a{padding:10px 16px;font-size:14px;white-space:nowrap}
  .header-actions{gap:10px;margin-left:auto;flex-shrink:0}
  .action-icon{width:38px;height:38px;font-size:16px}
  .site-footer .footer-top h4{font-size:16px}
  .site-footer .footer-top p{font-size:15px}
  .cotton-logo{width:125px;height:85px}
}

/* Breakpoint: orta boyutlu ekranlar */
@media (max-width: 1200px) and (min-width: 1025px){
  .header-main .container{gap:14px;padding:6px 16px}
  .action-search .search-field{min-width:160px}
  .site-footer .footer-top{grid-template-columns:repeat(4,1fr);gap:35px;padding:35px 16px}
  .branding img{height:90px}
  .primary-nav{flex:1;display:flex;justify-content:center;min-width:0}
  .primary-nav .menu{gap:14px;flex-wrap:nowrap}
  .primary-nav .menu a{padding:9px 14px;font-size:14px;white-space:nowrap}
  .header-actions{gap:8px;margin-left:auto;flex-shrink:0}
  .action-icon{width:36px;height:36px;font-size:16px}
  .site-footer .footer-top h4{font-size:16px}
  .site-footer .footer-top p{font-size:15px}
  .cotton-logo{width:120px;height:80px}
}

/* Breakpoint: tablets */
@media (max-width: 1024px) and (min-width: 769px){
  .header-main .container{gap:12px;padding:6px 14px}
  .action-search .search-field{min-width:140px}
  .site-footer .footer-top{grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 16px}
  .branding img{height:85px}
  .primary-nav{flex:1;display:flex;justify-content:center;min-width:0}
  .primary-nav .menu{gap:12px;flex-wrap:nowrap}
  .primary-nav .menu a{padding:8px 12px;font-size:14px;white-space:nowrap}
  .header-actions{gap:6px;margin-left:auto;flex-shrink:0}
  .action-icon{width:34px;height:34px;font-size:15px}
  .site-footer .footer-top h4{font-size:15px}
  .site-footer .footer-top p{font-size:14px}
  .cotton-logo{width:110px;height:75px}
}

/* Breakpoint: küçük tabletler */
@media (max-width: 900px) and (min-width: 769px){
  .header-main .container{gap:10px;padding:6px 12px}
  .action-search .search-field{min-width:120px}
  .site-footer .footer-top{grid-template-columns:repeat(2,1fr);gap:25px;padding:25px 16px}
  .branding img{height:80px}
  .primary-nav{flex:1;display:flex;justify-content:center;min-width:0}
  .primary-nav .menu{gap:10px;flex-wrap:nowrap}
  .primary-nav .menu a{padding:7px 10px;font-size:13px;white-space:nowrap}
  .header-actions{gap:5px;margin-left:auto;flex-shrink:0}
  .action-icon{width:32px;height:32px;font-size:14px}
  .site-footer .footer-top h4{font-size:14px}
  .site-footer .footer-top p{font-size:13px}
  .cotton-logo{width:100px;height:70px}
}

@media (max-width: 1024px){
  .header-main .container{gap:12px}
  .action-search .search-field{min-width:200px}
  .site-footer .footer-top{grid-template-columns:repeat(3,1fr)}
}

/* Breakpoint: mobile */
@media (max-width: 768px){
  /* Header layout */
  .header-main{position:relative}
  .header-main .container{min-height:56px;position:relative;justify-content:space-between;padding:6px 12px}
  .branding img{height:70px;margin-top:5px}
  .header-actions{margin-left:0;gap:6px;flex-shrink:0}

  /* Hamburger */
  .hamburger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--cb-border);border-radius:8px;background:#fff;cursor:pointer;position:relative;z-index:110}
  .hamburger-box{display:inline-block;position:relative;width:20px;height:2px;background:var(--cb-dark)}
  .hamburger-inner{position:absolute;left:0;right:0;top:-6px;height:2px;background:var(--cb-dark)}
  .hamburger-box::after{content:'';position:absolute;left:0;right:0;top:6px;height:2px;background:var(--cb-dark)}

  /* Primary nav collapses */
  .primary-nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--cb-border);box-shadow:0 8px 24px rgba(0,0,0,.06);display:none;z-index:90}
  .primary-nav.is-open{display:block}
  .primary-nav .menu{flex-direction:column;gap:0}
  .primary-nav .menu a{padding:12px 16px;border-radius:0;white-space:normal}
  /* Mobile: dropdowns become simple lists */
  .primary-nav .menu>li>.sub-menu{position:static;min-width:0;border:0;box-shadow:none;padding:0 0 8px 12px}
  .primary-nav .menu>li:hover>.sub-menu{display:block}

  /* Keep actions above dropdown */
  .header-actions{position:relative;z-index:100}
  .action-icon{width:32px;height:32px;font-size:14px}

  /* Mobile search toggle */
  .search-toggle{display:inline-flex}
  .action-search{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;border:1px solid var(--cb-border);border-radius:8px;padding:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);z-index:120}
  .action-search.is-open{display:block}
  .action-search form{flex-direction:column;gap:8px}
  .action-search .search-field{min-width:0;width:100%}
  .action-search .search-submit{width:100%}

  /* MOBILE CATEGORIES - COMPLETE REWRITE */
  .menu--categories{flex-wrap:wrap}
  .menu--categories > li{flex:1 1 100%;}
  .menu--categories > li > a{padding:12px 10px;white-space:normal}
  
  /* NUCLEAR OPTION - Hide everything by default */
  .menu--categories li .sub-menu,
  .menu--categories li ul,
  .menu--categories > li > ul,
  .menu--categories li li ul{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
    position:static !important;
    min-width:0 !important;
    width:0 !important;
    transform:none !important;
    transition:none !important;
    line-height:0 !important;
  }
  
  /* Disable ALL hover effects */
  .menu--categories li:hover .sub-menu,
  .menu--categories li:hover ul,
  .menu--categories li:hover > ul,
  .menu--categories li:hover li ul{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    max-height:0 !important;
  }
  
  /* Only show when explicitly opened */
  .menu--categories li.is-open .sub-menu,
  .menu--categories li.is-open ul,
  .menu--categories li.is-open > ul{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    padding:0 0 8px 12px !important;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
    position:static !important;
    min-width:auto !important;
    width:auto !important;
    transform:none !important;
    transition:none !important;
    line-height:normal !important;
  }

  /* Content grids */
  .with-sidebar{grid-template-columns:1fr}
  .site-footer .footer-top{grid-template-columns:repeat(2,1fr)}

  /* Forms full width */
  .search-form,.action-search form{flex-direction:column;gap:8px;width:100%}
  .search-field{min-width:0;width:100%}
  .search-submit{width:100%}
}

/* Extra small screens */
@media (max-width: 480px) {
  .header-main .container{padding:6px 8px}
  .header-actions{gap:4px}
  .action-icon{width:28px;height:28px;font-size:12px}
  .branding img{height:60px;margin-top:3px}
}