/* ================= RAW TAKES | WP SAFE (1:1) ================= */

/* scroll-behavior pewniej na html */
html { scroll-behavior: smooth; }

/* ===== VARIABLES (z :root -> wrapper) ===== */
.rawtakes-page{
  --bg:#ffffff;
  --text:#000000;
  --text-dim:#666666;
  --border:#e8e8e8;
  --font-main:"Neue Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  --side-pad:60px;
  --max-w:1600px;
  --line:1.5px;
}

/* --- GLOBAL RESET + ANTI-HIGHLIGHT (SCOPED) --- */
.rawtakes-page *{margin:0;padding:0;box-sizing:border-box;border-radius:0!important;}
.rawtakes-page *,
.rawtakes-page *::before,
.rawtakes-page *::after{
  -webkit-tap-highlight-color:transparent!important;
  -webkit-focus-ring-color:transparent!important;
}
.rawtakes-page a,
.rawtakes-page button,
.rawtakes-page input,
.rawtakes-page textarea,
.rawtakes-page select,
.rawtakes-page [role="button"]{
  outline:none!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.rawtakes-page :focus,
.rawtakes-page :focus-visible{outline:none!important;box-shadow:none!important;}
.rawtakes-page ::selection{background:transparent;color:inherit;}
.rawtakes-page ::-moz-selection{background:transparent;color:inherit;}

/* wrapper zamiast body */
.rawtakes-page{
  font-family:var(--font-main);
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  scroll-behavior:smooth;
}

/* scroll lock – zgodny z JS (klasa na BODY) */
body.sidebar-open{overflow:hidden;}

/* --- NOISE --- */
.rawtakes-page .noise-overlay{
  position:fixed;top:-50%;left:-50%;width:200%;height:200%;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  opacity:0.04;pointer-events:none;z-index:9999;animation:noise-anim .2s infinite;
}
@keyframes noise-anim{
  0%{transform:translate(0,0)}
  50%{transform:translate(-5%,5%)}
  100%{transform:translate(5%,-5%)}
}

/* #interactive-bg zostaje globalnie (id), ale można też scoped */
.rawtakes-page #interactive-bg{
  position:fixed;top:0;left:0;width:100%;height:100%;
  z-index:-1;pointer-events:none;opacity:.15;
}

/* --- BUTTON (RAW) --- */
.rawtakes-page .btn-raw{
  display:inline-block;
  padding:14px 32px;
  border:var(--line) solid #fff;
  background:transparent;
  color:#fff;
  text-decoration:none!important;
  font-size:.7rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:2px;
  transition:.3s ease;
  cursor:pointer;
  user-select:none;
}
.rawtakes-page .btn-raw:hover{background:#fff;color:#000;}

/* --- LAYOUT WRAPPER --- */
.rawtakes-page .container{
  max-width:var(--max-w);
  margin:0 auto;
  padding:0 var(--side-pad);
}

/* --- HEADER (1:1 z oferta.html) --- */
.rawtakes-page header{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.95);
  border-bottom:var(--line) solid var(--text);
  backdrop-filter:blur(15px);
}
.rawtakes-page .header-inner{
  max-width:var(--max-w);
  margin:0 auto;
  height:85px;
  padding:0 var(--side-pad);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  column-gap:40px;
}
.rawtakes-page .logo{
  font-weight:900;
  font-size:1.4rem;
  letter-spacing:-1.5px;
  text-transform:uppercase;
  text-decoration:none;
  color:#000;
  user-select:none;
  white-space:nowrap;
}
.rawtakes-page nav.main-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:26px;
  min-width:0;
  white-space:nowrap;
}
.rawtakes-page nav.main-nav a{
  text-decoration:none;
  color:var(--text);
  font-size:.75rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1.5px;
  cursor:pointer;
  user-select:none;
}

.rawtakes-page .header-tools{
  display:flex;
  align-items:center;
  gap:12px;
  white-space:nowrap;
  user-select:none;
}
.rawtakes-page .icon-btn{
  width:36px;height:36px;
  display:inline-flex;align-items:center;justify-content:center;
  border:var(--line) solid #000;
  background:transparent;
  color:#000;
  cursor:pointer;
  transition:opacity .2s ease, transform .2s ease;
}
.rawtakes-page .icon-btn:hover{opacity:.7;transform:translateY(-1px)}
.rawtakes-page .icon-btn svg{
  width:18px;height:18px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.rawtakes-page .lang-switcher{
  font-size:.75rem;
  font-weight:900;
  border-left:var(--line) solid #000;
  padding-left:15px;
  cursor:pointer;
  user-select:none;
}

.rawtakes-page .desktop-only{display:flex}
.rawtakes-page .mobile-only{display:none!important}

.rawtakes-page .hamburger{
  display:flex;flex-direction:column;gap:5px;cursor:pointer;width:22px;user-select:none;
}
.rawtakes-page .hamburger span{width:100%;height:2px;background:#000}

@media (max-width:1280px){
  .rawtakes-page nav.main-nav{gap:18px}
  .rawtakes-page nav.main-nav a{font-size:.72rem;letter-spacing:1.2px}
  .rawtakes-page .header-inner{column-gap:24px}
}

/* --- SIDEBAR (1:1 z oferta.html) --- */
.rawtakes-page .sidebar{
  position:fixed;top:0;left:0;
  width:400px;height:100vh;
  background:#fff;
  z-index:2000;
  border-right:var(--line) solid var(--text);
  transform:translateX(-100%);
  transition:transform .5s cubic-bezier(.8,0,.2,1);
  padding:40px;
  overflow-y:auto;
}
.rawtakes-page .sidebar.active{transform:translateX(0)}
.rawtakes-page .sidebar-overlay{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,.1);
  backdrop-filter:blur(5px);
  z-index:1999;
  display:none;
}
.rawtakes-page .sidebar-overlay.active{display:block}
.rawtakes-page .sidebar-header{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:30px;
  border-bottom:1px solid var(--border);
  padding-bottom:18px;
}
.rawtakes-page .close-sidebar{
  font-weight:900;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;
  cursor:pointer;opacity:.65;user-select:none;
}
.rawtakes-page .close-sidebar:hover{opacity:1}
.rawtakes-page .sidebar-view.hidden{display:none}
.rawtakes-page .sidebar-menu-list{list-style:none}
.rawtakes-page .sidebar-menu-list li{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 0;
  border-bottom:1px solid var(--border);
  font-size:1.05rem;font-weight:900;text-transform:uppercase;
  cursor:pointer;user-select:none;
  transition:opacity .2s ease, transform .2s ease;
}
.rawtakes-page .sidebar-menu-list li:hover{opacity:.65;transform:translateX(2px)}
.rawtakes-page .sidebar-menu-list li span{opacity:.35;font-weight:900}
.rawtakes-page .back-btn{
  cursor:pointer;font-weight:900;font-size:.8rem;text-transform:uppercase;
  margin-bottom:18px;display:flex;align-items:center;gap:10px;user-select:none;
}
.rawtakes-page .category-tree{
  list-style:none;
  text-transform:uppercase;
  font-size:.85rem;
  font-weight:900;
  letter-spacing:1px;
  user-select:none;
}
.rawtakes-page .category-tree li{
  padding:10px 0;
  cursor:pointer;
  position:relative;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.rawtakes-page .category-tree .sub-menu{
  list-style:none;
  margin:12px 0 6px 15px;
  font-weight:600;
  font-size:.65rem;
  color:var(--text-dim);
  display:none;
  border-left:var(--line) solid #000;
  padding-left:15px;
  text-transform:uppercase;
}
.rawtakes-page .category-tree li.expanded .sub-menu{display:block}
.rawtakes-page .category-tree li.has-sub::after{
  content:'+';
  position:absolute;
  right:0;top:10px;
  opacity:.35;
}

/* --- HERO (naprawione warstwy) --- */
.rawtakes-page .hero{
  position:relative;
  height:85vh;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  width:100vw;
  overflow:hidden;
  isolation:isolate;
}
.rawtakes-page .hero video{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  opacity:.85;
  z-index:0;
}
.rawtakes-page .hero::after{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at 50% 40%, rgba(0,0,0,.25) 0%, rgba(0,0,0,.65) 70%);
  z-index:1;
  pointer-events:none;
}
.rawtakes-page .hero-content{
  position:relative;
  z-index:2;
  text-align:center;
  padding:0 18px;
}
.rawtakes-page .hero h1{
  font-size:clamp(3rem,10vw,7.5rem);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-3px;
  line-height:1;
  margin-bottom:28px;
}

/* --- BENTO GRID (home) --- */
.rawtakes-page .categories-wrapper{
  position:relative;
  padding:80px var(--side-pad);
  max-width:calc(var(--max-w) + (var(--side-pad) * 2));
  margin:0 auto;
}
.rawtakes-page .bento-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:340px;
  gap:15px;
  margin-bottom:15px;
}
.rawtakes-page .card{
  position:relative;
  background:#000;
  border:var(--line) solid var(--border);
  padding:40px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  text-decoration:none;
  color:#fff;
  overflow:hidden;
  transition:filter .5s ease;
  user-select:none;
}
.rawtakes-page .card-bg{
  position:absolute;inset:0;
  background-size:cover;
  background-position:center;
  filter:brightness(.6);
  z-index:0;
}
.rawtakes-page .card::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,0) 60%);
  z-index:1;
  pointer-events:none;
}

/* ✅ DESKTOP: blur + celownik (zostaje!) */
@media (min-width:1025px){
  .rawtakes-page .categories-wrapper:has(.card:hover) .card:not(:hover){filter:blur(5px);}
  .rawtakes-page .card:hover .corner{opacity:1;}
}

.rawtakes-page .corner{
  position:absolute;
  width:20px;height:20px;
  border:var(--line) solid #fff;
  z-index:5;
  opacity:0;
  transition:.35s ease;
  pointer-events:none;
}
.rawtakes-page .c-tl{top:20px;left:20px;border-right:none;border-bottom:none;}
.rawtakes-page .c-tr{top:20px;right:20px;border-left:none;border-bottom:none;}
.rawtakes-page .c-bl{bottom:20px;left:20px;border-right:none;border-top:none;}
.rawtakes-page .c-br{bottom:20px;right:20px;border-left:none;border-top:none;}

.rawtakes-page .large-left{grid-column:1 / 3;grid-row:1 / 3;}
.rawtakes-page .large-right{grid-column:3 / 5;grid-row:1 / 3;}

.rawtakes-page .card-info{position:relative;z-index:2;}
.rawtakes-page .card-info h3{
  font-size:1.6rem;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:8px;
  letter-spacing:-.5px;
}
.rawtakes-page .card-info p{
  font-size:.75rem;
  font-weight:500;
  opacity:.7;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* mobile: show button on cards */
.rawtakes-page .card .btn-raw{
  display:none!important;
  margin-top:20px;
  padding:10px 24px;
  font-size:.65rem;
}

/* --- CONTACT (1:1 z oferty) --- */
.rawtakes-page .contact-section{
  padding:100px var(--side-pad);
  max-width:var(--max-w);
  margin:0 auto;
  border-top:var(--line) solid #000;
}
.rawtakes-page .contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:start;
}
.rawtakes-page .map-card{border:var(--line) solid #000;height:450px;}
.rawtakes-page .map-card iframe{width:100%;height:100%;border:none;filter:grayscale(1);}
.rawtakes-page .contact-details h2{
  font-size:clamp(2.5rem,6vw,4rem);
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:40px;
  letter-spacing:-3px;
}
.rawtakes-page .info-group{margin-bottom:25px;}
.rawtakes-page .info-group label{
  display:block;
  font-size:.7rem;
  font-weight:900;
  text-transform:uppercase;
  color:var(--text-dim);
  margin-bottom:5px;
}
.rawtakes-page .info-group p{font-size:1.2rem;font-weight:600;}

/* --- FOOTER (1:1 z oferty) --- */
.rawtakes-page footer{padding:80px var(--side-pad) 120px;border-top:var(--line) solid #000;background:#fff;}
.rawtakes-page .footer-grid{
  max-width:var(--max-w);
  margin:0 auto;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:40px;
  padding-bottom:60px;
}
.rawtakes-page .footer-col h4{
  font-size:.7rem;font-weight:900;text-transform:uppercase;margin-bottom:25px;color:var(--text-dim);
}
.rawtakes-page .footer-col ul{list-style:none}
.rawtakes-page .footer-col ul li{margin-bottom:12px}
.rawtakes-page .footer-col a{
  text-decoration:none;color:#000;font-weight:800;font-size:.85rem;text-transform:uppercase;
}
.rawtakes-page .footer-brand p{margin-top:10px;color:#000;font-weight:700;opacity:.75}
.rawtakes-page .footer-bottom{
  max-width:var(--max-w);
  margin:0 auto;
  padding-top:40px;
  border-top:1px solid var(--border);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
.rawtakes-page .footer-legal{display:flex;flex-direction:column;gap:10px;}
.rawtakes-page .legal-links{
  display:flex;align-items:center;gap:10px;
  font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;
}
.rawtakes-page .legal-links a{color:#000;text-decoration:none;opacity:.65;transition:opacity .2s ease}
.rawtakes-page .legal-links a:hover{opacity:1}
.rawtakes-page .legal-links .dot{opacity:.35;font-weight:900}
.rawtakes-page .payment-methods{display:flex;gap:12px;filter:grayscale(1);opacity:.6}
.rawtakes-page .payment-methods span{font-size:.55rem;font-weight:900;border:1px solid #000;padding:3px 6px}

.rawtakes-page #scrollTop{
  position:fixed;bottom:0;right:0;
  width:60px;height:45px;
  background:#000;color:#fff;border:none;
  cursor:pointer;z-index:1001;
  font-weight:900;font-size:.6rem;text-transform:uppercase;
  display:flex;align-items:center;justify-content:center;
}

/* --- RWD (jak w ofercie) --- */
@media (max-width:1024px){
  .rawtakes-page{--side-pad:30px;}
  .rawtakes-page .sidebar{width:100%;}
  .rawtakes-page .bento-grid{grid-template-columns:repeat(2,1fr);}
  .rawtakes-page .large-left,
  .rawtakes-page .large-right{grid-column:span 2;grid-row:auto;}
  .rawtakes-page .footer-grid{grid-template-columns:1fr 1fr;gap:40px;}
}

@media (max-width:768px){
  .rawtakes-page .desktop-only{display:none!important}
  .rawtakes-page .mobile-only{display:flex!important}

  .rawtakes-page .header-inner{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    padding:0 20px;
    height:85px;
    column-gap:10px;
  }
  .rawtakes-page .mobile-left{justify-content:flex-start;align-items:center;gap:15px;}
  .rawtakes-page .mobile-center{justify-content:center;}
  .rawtakes-page .mobile-right{justify-content:flex-end;gap:12px;align-items:center;}
  .rawtakes-page .logo{font-size:1.1rem;}

  .rawtakes-page .bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;}
  .rawtakes-page .card{
    aspect-ratio:3 / 2;
    height:auto;
    padding:30px;
    grid-column:span 1!important;
  }
  .rawtakes-page .card .btn-raw{display:inline-block!important;}
  .rawtakes-page .corner{display:none!important;}

  /* ✅ Kontakt (1:1 z oferty) */
  .rawtakes-page .contact-section{ padding:70px var(--side-pad); }
  .rawtakes-page .contact-grid{
    grid-template-columns:1fr;
    gap:26px;
    justify-items:center;
    text-align:center;
  }
  .rawtakes-page .contact-details{
    width:100%;
    max-width:520px;
  }
  .rawtakes-page .info-group p{ font-size:1.05rem; }
  .rawtakes-page .map-card{
    width:100%;
    max-width:520px;
    height:360px;
    margin:0 auto;
  }

  /* ✅ Stopka (1:1 z oferty) */
  .rawtakes-page footer{ padding:70px var(--side-pad) 90px; }
  .rawtakes-page .footer-grid{
    grid-template-columns:1fr;
    gap:28px;
    text-align:center;
    justify-items:center;
  }
  .rawtakes-page .footer-bottom{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:18px;
  }
  .rawtakes-page .legal-links{
    justify-content:center;
    flex-wrap:wrap;
  }
  .rawtakes-page .payment-methods{
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
  }
}

@media (max-width:420px){
  .rawtakes-page .contact-section{ padding:60px var(--side-pad); }
  .rawtakes-page .map-card{ height:320px; }
  .rawtakes-page .footer-col a{ font-size:.8rem; }
  .rawtakes-page .payment-methods span{ font-size:.52rem; }
}

@media (max-width:360px){
  .rawtakes-page .map-card{ height:290px; }
  .rawtakes-page footer{ padding:60px var(--side-pad) 80px; }
}/* ===== SIDEBAR – OPCJA B (Oferta + drzewo kategorii inline) ===== */

/* linki w menu (żeby nie dziedziczyły dziwnych styli) */
.rawtakes-page .sidebar-menu-list a{
  color:inherit;
  text-decoration:none;
  display:block;
  width:100%;
}

/* Oferta jako button (z plusem po prawej) */
.rawtakes-page .sidebar-menu-list .menu-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:none;
  border:0;
  padding:0;
  font:inherit;
  font-size:1.05rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:0;
  cursor:pointer;
  user-select:none;
}

/* plus/minus przy "Oferta" */
.rawtakes-page .sidebar-menu-list .menu-btn .arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  font-size:22px;
  line-height:1;
  opacity:.35;
  transition:opacity .2s ease, transform .2s ease;
}
.rawtakes-page .sidebar-menu-list li:hover .menu-btn .arrow{
  opacity:.55;
  transform:translateX(1px);
}

/* ===== Drzewo kategorii Woo (UL pod Ofertą) ===== */
.rawtakes-page .category-tree{
  list-style:none;
  margin:0;
  padding:0;
  text-transform:uppercase;
  font-size:.85rem;
  font-weight:900;
  letter-spacing:1px;
  user-select:none;
}

/* chowamy drzewo, dopóki "Oferta" nie jest otwarta */
.rawtakes-page .category-tree.hidden{ display:none; }

/* element kategorii */
.rawtakes-page .category-tree .cat-node{
  border-bottom:1px solid rgba(0,0,0,.06);
}

/* wiersz kategorii: nazwa + plus po prawej */
.rawtakes-page .category-tree .cat-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
}

/* klik w nazwę -> link */
.rawtakes-page .category-tree .cat-link{
  flex:1;
  color:#000;
  text-decoration:none;
  display:block;
  font-weight:900;
  letter-spacing:1px;
}

/* hover jak w menu */
.rawtakes-page .category-tree .cat-link:hover{
  opacity:.65;
  transform:translateX(2px);
  transition:opacity .2s ease, transform .2s ease;
}

/* przycisk + / – przy kategoriach */
.rawtakes-page .category-tree .cat-toggle{
  background:none;
  border:0;
  padding:0;
  margin:0;
  cursor:pointer;
  user-select:none;
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
  opacity:.35;
  transition:opacity .2s ease, transform .2s ease;
}
.rawtakes-page .category-tree .cat-toggle:hover{
  opacity:.6;
  transform:translateX(1px);
}

/* podkategorie – wcięte + pionowa linia jak na screenie */
.rawtakes-page .category-tree .cat-sub{
  list-style:none;
  margin:0 0 12px 0;
  padding:0 0 0 18px;
  border-left:var(--line) solid #000; /* ta linia */
}

/* ukrywanie/odkrywanie */
.rawtakes-page .category-tree .cat-sub.hidden{ display:none; }

/* elementy podkategorii */
.rawtakes-page .category-tree .cat-sub .cat-node{
  border-bottom:1px solid rgba(0,0,0,.06);
}

/* wiersz w podkategorii trochę mniejszy i jaśniejszy */
.rawtakes-page .category-tree .cat-sub .cat-row{
  padding:12px 0;
}
.rawtakes-page .category-tree .cat-sub .cat-link{
  font-weight:700;
  font-size:.68rem;
  color:var(--text-dim);
  letter-spacing:2px;
}

/* jeszcze głębiej (3+ poziom) – rośnie wcięcie */
.rawtakes-page .category-tree .cat-sub .cat-sub{
  margin-top:6px;
  padding-left:18px;
  border-left:var(--line) solid #000;
}

/* ===== USUŃ/wyłącz stary “fake plus” z ::after, bo teraz plus jest buttonem ===== */
.rawtakes-page .category-tree li.has-sub::after{
  content:none !important;
}

/* ===== Dopasowanie do Twojego obecnego menu LI (żeby przy Ofertcie nie było hover “przesuwania” całego LI) ===== */
.rawtakes-page .sidebar-menu-list li.has-sub{
  /* zostawiamy border/padding z Twojego li, ale wyłączamy transform z hovera na całym li */
}
.rawtakes-page .sidebar-menu-list li.has-sub:hover{
  transform:none;
}

/* (opcjonalnie) jeśli chcesz, aby cała linia “Oferta” reagowała jak reszta */
.rawtakes-page .sidebar-menu-list li.has-sub .menu-btn:hover{
  opacity:.65;
  transform:translateX(2px);
  transition:opacity .2s ease, transform .2s ease;
}

/* ===== HEADER OVERRIDE (doklej NA KONIEC pliku) ===== */

/* twarde przełączanie desktop/mobile */
.rawtakes-page .desktop-only{ display:flex !important; }
.rawtakes-page .mobile-only{ display:none !important; }

@media (max-width:768px){
  .rawtakes-page .desktop-only{ display:none !important; }
  .rawtakes-page .mobile-only{ display:flex !important; }
}

/* hamburger większy jak na screenie */
.rawtakes-page .hamburger{
  width:34px !important;
  height:22px !important;
  gap:0 !important;
  justify-content:space-between !important;
}
.rawtakes-page .hamburger span{
  height:2px !important;
  width:100% !important;
}

/* mobile header układ 1:1 */
@media (max-width:768px){
  .rawtakes-page .header-inner{
    grid-template-columns: 1fr auto 1fr !important;
    padding:0 20px !important;
    column-gap:10px !important;
  }
  .rawtakes-page .mobile-left{justify-content:flex-start;align-items:center;gap:15px;}
  .rawtakes-page .mobile-center{justify-content:center;}
  .rawtakes-page .mobile-right{justify-content:flex-end;align-items:center;gap:12px;}
}

/* sidebar zawsze off-canvas (nie ma prawa być "widoczny" bez .active) */
.rawtakes-page .sidebar{
  transform:translateX(-105%) !important;
}
.rawtakes-page .sidebar.active{
  transform:translateX(0) !important;
}

/* overlay lepsze niż display:none (ale kompatybilne z Twoim CSS) */
.rawtakes-page .sidebar-overlay{
  display:block !important;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}
.rawtakes-page .sidebar-overlay.active{
  opacity:1;
  pointer-events:auto;
}

.site-container {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 0 60px;
  box-sizing: border-box;
}

/* =========================================================
   OFERTA = HOME (wrapper)
========================================================= */

.rawtakes-offer-page{
  width:100vw;
  min-height:100vh;
  overflow-x:hidden;
  position:relative;
}

/* =========================================================
   OFERTA = HOME (container geometry)
========================================================= */

.rawtakes-offer-page .container{
  width:100%;
  max-width:none;           /* HOME nie ma max-width */
  margin:0;
  padding-left:80px;
  padding-right:80px;
}

/* =========================================================
   MOBILE – identycznie jak HOME
========================================================= */

@media(max-width:1024px){
  .rawtakes-offer-page .container{
    padding-left:40px;
    padding-right:40px;
  }
}

@media(max-width:768px){
  .rawtakes-offer-page .container{
    padding-left:24px;
    padding-right:24px;
  }
}

.raw-scrolltop{
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 9999;

  width: 84px;
  height: 84px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#000;
  color:#fff;

  border: 0;
  border-radius: 0;

  font-weight: 900;
  letter-spacing: 2px;
  font-size: .75rem;
  text-transform: uppercase;

  cursor: pointer;
  user-select: none;

  transition: transform .18s ease, opacity .18s ease;
}

.raw-scrolltop:hover{
  transform: translateY(-2px);
}
.raw-scrolltop:active{
  transform: translateY(0);
}

@media (max-width:768px){
  .raw-scrolltop{
    width: 74px;
    height: 74px;
  }
}

.raw-scrolltop{ opacity:0; pointer-events:none; transform:translateY(8px); transition:.2s ease; }
.raw-scrolltop.is-visible{ opacity:1; pointer-events:auto; transform:translateY(0); }

/* ======================================
   HEADER FINAL PATCH (HARD SAFE)
====================================== */

.rawtakes-page header{
  position: sticky !important;
  top: 0 !important;
  left: 0;
  right: 0;
  z-index: 5000 !important;
}

/* rodzic nie może blokować sticky (nie dawaj overflow:hidden/auto na osi Y) */
.rawtakes-page{
  overflow-x: hidden;
  overflow-y: visible !important;
}

/* canvas + noise zawsze POD wszystkim */
.rawtakes-page #interactive-bg,
.rawtakes-page .noise-overlay{
  z-index: -1 !important;
}

/* iOS/Safari safe */
@supports (-webkit-touch-callout: none){
  .rawtakes-page header{
    position: -webkit-sticky !important;
  }
}

/* ==========================================
   ICON BUTTONS – RAW hover (black bg + white icon)
   - bez podskakiwania
   ========================================== */

.rawtakes-page .icon-btn{
  /* bazowo */
  background: transparent;
  color: #000;                 /* stroke dziedziczy */
  border-color: #000;

  /* zero “skoku” i płynne przejście kolorów */
  transform: none !important;
  opacity: 1 !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}

/* SVG bierze kolor z .icon-btn */
.rawtakes-page .icon-btn svg{
  stroke: currentColor !important;
}

/* hover: czarne tło + biała ikonka */
.rawtakes-page .icon-btn:hover{
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;

  transform: none !important;
  opacity: 1 !important;
}

@media (max-width:768px){
  .rawtakes-page #sidebar.active ~ header,
  .rawtakes-page header:has(+ #sidebar.active),
  .rawtakes-page header:has(~ #sidebar.active){
    display:none !important;
  }
}