/* ===== bandanaimalati.com — DemFabrika tasarım sistemi (paylaşılan) ===== */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Montserrat',sans-serif;color:#2b3550;background:#fff;overflow-x:hidden;}
::selection{background:#F08025;color:#fff;}

.wrap{max-width:1200px;margin:0 auto;}
.tag{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 14px;border-radius:100px;}
.tag-orange{background:rgba(240,128,37,.13);border:1px solid rgba(240,128,37,.30);color:#F08025;}
.tag-navy{background:rgba(34,47,91,.07);border:1px solid rgba(34,47,91,.14);color:#222F5B;}

.btn{display:inline-flex;align-items:center;gap:9px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;letter-spacing:.02em;padding:14px 26px;border-radius:100px;text-decoration:none;cursor:pointer;border:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,background .25s ease;}
.btn-orange{background:#F08025;color:#fff;box-shadow:0 8px 22px rgba(240,128,37,.32),0 2px 6px rgba(240,128,37,.18);}
.btn-orange:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(240,128,37,.4);}
.btn-orange:active{transform:translateY(0);}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.25);}
.btn-ghost:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);}
.btn-navy{background:#222F5B;color:#fff;box-shadow:0 8px 22px rgba(34,47,91,.28);}
.btn-navy:hover{transform:translateY(-2px);background:#1A2548;}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(240,128,37,.4);}

/* nav */
.navbar{transition:background .3s ease,box-shadow .3s ease;}
.navbar.scrolled{background:rgba(26,37,72,.96)!important;backdrop-filter:blur(14px);box-shadow:0 2px 20px rgba(0,0,0,.22);}
.nav-link{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:500;color:rgba(255,255,255,.82);text-decoration:none;transition:color .2s ease;}
.nav-link:hover{color:#F08025;}
.brand-lockup{display:inline-flex;flex-direction:column;align-items:center;gap:0;line-height:1;}
.brand-dom{font-family:'Montserrat',sans-serif;font-size:9px;font-weight:600;letter-spacing:.1em;color:rgba(200,235,245,.6);white-space:nowrap;margin-top:-4px;transform:translateX(13px);}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);}
.reveal.on{opacity:1;transform:translateY(0);}

.grain::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");}
.gridlines::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(200,235,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(200,235,245,.05) 1px,transparent 1px);background-size:54px 54px;}

/* ürün kartı */
.prod-card{display:block;text-decoration:none;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(34,47,91,.07),0 2px 8px rgba(34,47,91,.04);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;}
.prod-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(34,47,91,.16),0 5px 14px rgba(34,47,91,.08);}
.prod-card .imgwrap{position:relative;height:220px;overflow:hidden;background:#F7F7F5;}
.prod-card .imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.16,1,.3,1);}
.prod-card:hover .imgwrap img{transform:scale(1.06);}
.prod-card .imgwrap::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(26,37,72,.28),transparent 55%);}

/* gerçek ürün fotoğrafı: kırpma yok (contain) + beyaz zemin */
.pfit{object-fit:contain!important;background:#fff;}
.imgwrap.photo{background:#fff;}
.imgwrap.photo::after{display:none;}

.stat-num{font-family:'Oswald',sans-serif;font-weight:700;font-size:46px;line-height:1;color:#fff;}
.feat-card{padding:28px 24px;border-radius:16px;}

/* spec satırı */
.spec-row{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid rgba(34,47,91,.08);}
.spec-row:last-child{border-bottom:none;}
.spec-ic{width:38px;height:38px;border-radius:10px;background:#222F5B;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.check-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;}
.check-dot{width:22px;height:22px;border-radius:50%;background:#F08025;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}

/* breadcrumb */
.breadcrumb a{font-family:'Montserrat',sans-serif;font-size:12px;color:rgba(255,255,255,.5);text-decoration:none;}
.breadcrumb a:hover{color:rgba(255,255,255,.85);}
.breadcrumb span{font-family:'Montserrat',sans-serif;font-size:12px;color:rgba(255,255,255,.35);margin:0 8px;}

/* ürün bulucu */
#bulucu .fcats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px;}
#bulucu .fcat{font-family:'Montserrat',sans-serif;font-size:13.5px;font-weight:600;color:#222F5B;background:#F7F6F2;border:1.5px solid #E6E3DC;border-radius:100px;padding:11px 19px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s,border-color .2s,color .2s,box-shadow .2s;}
#bulucu .fcat:hover{transform:translateY(-2px);border-color:#F08025;color:#F08025;}
#bulucu .fcat:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(240,128,37,.32);}
#bulucu .fcat[aria-selected="true"]{background:#222F5B;border-color:#222F5B;color:#fff;}
#bulucu .fpanel{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;min-height:50px;}
#bulucu .fgroup{display:none;}
#bulucu .fgroup.active{display:contents;}
#bulucu .fchip{font-family:'Montserrat',sans-serif;font-size:13.5px;font-weight:600;color:#222F5B;background:#fff;border:1.5px solid #E6E3DC;border-radius:13px;padding:13px 19px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;box-shadow:0 2px 10px rgba(34,47,91,.05);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .22s;}
#bulucu .fchip i{font-style:normal;color:#F08025;font-weight:700;transition:transform .22s;}
#bulucu .fchip:hover{transform:translateY(-3px);border-color:#C8D2E4;box-shadow:0 12px 26px rgba(34,47,91,.12);}
#bulucu .fchip:hover i{transform:translateX(4px);}
#bulucu .fchip-cta{background:#222F5B;color:#fff;border-color:#222F5B;}
#bulucu .fchip-cta:hover{background:#1A2548;}

/* SSS */
.faq-item{border-bottom:1px solid rgba(34,47,91,.1);}
.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'Oswald',sans-serif;font-weight:500;font-size:17px;color:#222F5B;}
.faq-q .ic{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:rgba(240,128,37,.12);color:#F08025;display:flex;align-items:center;justify-content:center;font-size:18px;transition:transform .3s ease;}
.faq-item.open .faq-q .ic{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a p{padding:0 0 22px;font-size:14px;line-height:1.75;color:#6B7280;max-width:760px;}

.wa-sticky{position:fixed;bottom:28px;right:28px;z-index:999;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px rgba(37,211,102,.45);transition:transform .22s cubic-bezier(.16,1,.3,1);}
.wa-sticky:hover{transform:scale(1.1) translateY(-2px);}

.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
.hamburger span{width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s;}
.mobile-menu{display:none;flex-direction:column;gap:4px;position:fixed;top:72px;left:12px;right:12px;background:rgba(26,37,72,.98);backdrop-filter:blur(12px);border-radius:16px;padding:16px;z-index:49;box-shadow:0 18px 50px rgba(0,0,0,.4);}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-family:'Montserrat',sans-serif;font-size:15px;color:#fff;text-decoration:none;padding:11px 12px;border-radius:10px;}
.mobile-menu a:hover{background:rgba(255,255,255,.08);}

/* ===== Orbit (teknik özellikler) ===== */
.orbit-desktop{display:block;}
.orbit-mobile{display:none;}
.orbit-node{will-change:transform,opacity,filter;}
.orb-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;}
.orb-badge{width:54px;height:54px;border-radius:50%;background:#fff;border:1.5px solid rgba(34,47,91,.10);box-shadow:0 8px 24px rgba(34,47,91,.14),0 2px 6px rgba(34,47,91,.06);display:flex;align-items:center;justify-content:center;color:#222F5B;transition:background .25s ease,color .25s ease,box-shadow .25s ease,border-color .25s ease,transform .25s ease;}
.orb-badge svg{width:23px;height:23px;}
.orb-label{font-family:'Oswald',sans-serif;font-weight:600;font-size:11px;letter-spacing:.05em;color:#222F5B;white-space:nowrap;background:rgba(247,246,242,.92);padding:2px 9px;border-radius:20px;}
.orb-wrap:hover .orb-badge{border-color:rgba(240,128,37,.55);box-shadow:0 10px 26px rgba(34,47,91,.18);transform:scale(1.06);}
.orb-wrap.is-active .orb-badge{background:#F08025;color:#fff;border-color:#F08025;box-shadow:0 12px 30px rgba(240,128,37,.42);}
.orb-glow{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(200,235,245,.5) 0%,rgba(240,128,37,.06) 45%,transparent 70%);}
.orb-pulse{position:absolute;border-radius:50%;border:1.5px solid rgba(240,128,37,.22);transform:translate(-50%,-50%);animation:orbPulse 3.4s ease-out infinite;pointer-events:none;}
.orb-pulse.p2{animation-delay:1.7s;}
@keyframes orbPulse{0%{width:340px;height:340px;opacity:.55;}100%{width:630px;height:630px;opacity:0;}}
.orb-detail{position:absolute;top:50%;width:300px;transform:translateY(-50%) translateX(26px);background:#fff;border-radius:20px;padding:30px 28px;border:1px solid rgba(34,47,91,.07);border-left:4px solid #F08025;box-shadow:0 28px 64px rgba(34,47,91,.20),0 6px 16px rgba(34,47,91,.08);opacity:0;pointer-events:none;transition:opacity .4s ease,transform .45s cubic-bezier(.16,1,.3,1);z-index:70;}
.orb-detail.show{opacity:1;transform:translateY(-50%) translateX(0);}
#orbit-core{position:absolute;inset:0;transition:transform .55s cubic-bezier(.16,1,.3,1);}
#orbit-stage.active #orbit-core{transform:translateX(-180px);}
.orbit-center-img{filter:drop-shadow(0 26px 50px rgba(34,47,91,0.24)) drop-shadow(0 6px 16px rgba(34,47,91,0.12));}
.onode{background:#fff;border-radius:12px;padding:13px 15px 13px 17px;box-shadow:0 4px 20px rgba(34,47,91,0.08),0 1px 4px rgba(34,47,91,0.05);border:1.5px solid rgba(34,47,91,0.08);border-top:3px solid #F08025;display:flex;flex-direction:column;gap:4px;}
.onode-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.05em;color:#222F5B;}
.onode-desc{font-family:'Montserrat',sans-serif;font-size:10px;font-weight:400;line-height:1.5;color:rgba(34,47,91,0.52);}

/* referans kartı (tamamlanan siparişler) */
.ref-card{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(34,47,91,.08),0 2px 8px rgba(34,47,91,.04);border:1px solid rgba(34,47,91,.06);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;}
.ref-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(34,47,91,.16),0 5px 14px rgba(34,47,91,.08);}
/* refsections (flex) kart genişliği */
.refcards-flex>div{width:300px;max-width:100%;}

@media(max-width:920px){
  .nav-links-desktop{display:none!important;}
  .hamburger{display:flex;}
  .hero-grid{grid-template-columns:1fr!important;}
  .prod-grid{grid-template-columns:1fr 1fr!important;}
  .stats-grid{grid-template-columns:1fr 1fr!important;}
  .feat-grid{grid-template-columns:1fr!important;}
  .two-col{grid-template-columns:1fr!important;}
  .footer-grid{grid-template-columns:1fr 1fr!important;}
  .orbit-desktop{display:none!important;}
  .orbit-mobile{display:grid!important;}
}
@media(max-width:560px){
  .prod-grid{grid-template-columns:1fr!important;}
  .hero-collage{grid-template-columns:1fr 1fr!important;}
  .footer-grid{grid-template-columns:1fr!important;}
}

/* ===== Hero animated boxes — hover ile renklenen + logomark grid ===== */
.hero-boxes {
      position:absolute; inset:0; z-index:0; overflow:hidden;
      -webkit-mask-image:radial-gradient(ellipse 82% 72% at 52% 42%, #000 0%, #000 30%, transparent 78%);
              mask-image:radial-gradient(ellipse 82% 72% at 52% 42%, #000 0%, #000 30%, transparent 78%);
    }
    .hero-boxes-inner {
      position:absolute; left:25%; top:-25%; width:100%; height:100%; display:flex;
      transform:translate(-40%,-60%) skewX(-48deg) skewY(14deg) scale(.675);
      transform-origin:50% 50%;
    }
    /* kimler section: çok daha geniş görünür/hover alanı + kartlar hover'ı engellesin */
    #kimlerBoxes {
      -webkit-mask-image:radial-gradient(ellipse 86% 104% at 50% 48%, #000 0%, #000 66%, transparent 100%);
              mask-image:radial-gradient(ellipse 86% 104% at 50% 48%, #000 0%, #000 66%, transparent 100%);
    }
    .kimler-grid > div { pointer-events:auto; }
    .hb-col  { flex:0 0 64px; width:64px; border-left:1px solid rgba(200,235,245,.08); }
    .hb-cell {
      position:relative; width:64px; height:32px; background-color:transparent;
      border-right:1px solid rgba(200,235,245,.08);
      border-top:1px solid rgba(200,235,245,.08);
    }
    .hb-col:nth-child(2n+1) .hb-cell:nth-child(2n+1)::after {
      content:'+'; position:absolute; top:-10px; left:-7px;
      font:300 13px/1 'Montserrat',sans-serif; color:rgba(200,235,245,.12); pointer-events:none;
    }
    /* hover'da beyaz logomark (tek paylaşılan inline SVG, sadece opacity geçişi) */
    .hb-cell::before {
      content:''; position:absolute; inset:3px; pointer-events:none;
      background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='100 250 94 98'%3E%3Cpath fill='%23fff' d='M145.3,252.5l-42.4,43.1c-1.3,1.3-1.3,3.3,0,4.6l42.5,42.5c2.1,2.1,5.6.6,5.6-2.3v-23.8c0-.8-.3-1.6-.9-2.2l-13.6-14.4c-1.2-1.3-1.2-3.2,0-4.5l13.3-14.4c.6-.6.9-1.4.9-2.2l.2-24.1c0-2.9-3.5-4.4-5.6-2.3h0Z'/%3E%3Cpath fill='%23fff' d='M162.1,275.5v44.4c0,2.9,3.6,4.4,5.6,2.3l21.9-22.4c1.3-1.3,1.2-3.3,0-4.6l-21.9-22c-2.1-2.1-5.6-.6-5.6,2.3h0Z'/%3E%3C/svg%3E") center/auto 76% no-repeat;
      transform:matrix(1,-0.2493,1.1106,0.7231,0,0);
      opacity:0; transition:opacity 1.8s ease;
    }
    .hb-cell.lit::before { opacity:.95; transition:opacity 0s; }

/* hero-boxes hover'ı tüm hero'da çalışsın: içerik tıklamayı geçirsin, etkileşimli öğeler aktif kalsın */
#hero a, #hero button, #hero video, .hb-section a, .hb-section button { pointer-events:auto; }
.grp-link{transition:color .18s ease;}
.grp-link:hover{color:#F08025!important;}