/* =========================================================
   RAW TAKES — OFFER (SCOPED, odporny na różne wrappery)
   Scope działa gdy istnieje:
   - .rawtakes-page .rawtakes-offer (nowe offer.php)
   - .rawtakes-page .rawtakes-offer-page (stare offer.php)
   Header/footer nie są dotykane.
   ========================================================= */

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page){
  --line: 1.5px;
  --text-dim: #666;
  --gap: 18px;

  --pad-x: 20px;
  --max-w: 1400px;

  --card-border: #e8e8e8;
  --corner: 22px;
  --corner-stroke: 1.5px;

  --tag-bg: rgba(0,0,0,.15);
  --tag-border: rgba(255,255,255,.55);
  --tag-text: #fff;

  --dot-green: #41ff7a;
  --dot-red: #ff3b30;
}

/* ---------------------------------------------------------
   CONTAINER ALIGN (TYLKO oferta)
--------------------------------------------------------- */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .container{
  width:100%;
  max-width: var(--max-w);
  margin:0 auto;
  padding:0 var(--pad-x);
}

/* ---------------------------------------------------------
   BASIC RESET (ONLY OFFER)
--------------------------------------------------------- */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .offer-hero,
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .offer-bar,
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .grid{
  display:block;
  width:100%;
}

/* ---------------------------------------------------------
   HERO
--------------------------------------------------------- */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .offer-hero{
  padding:70px 0 36px;
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .offer-hero h1{
  font-size:clamp(3rem,7vw,5.6rem);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-3px;
  line-height:1;
  margin:0 0 16px;
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .offer-hero p{
  max-width:980px;
  font-size:1rem;
  font-weight:700;
  color:var(--text-dim);
  line-height:1.6;
  margin:0;
}

/* ---------------------------------------------------------
   OFFER BAR
--------------------------------------------------------- */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .offer-bar-inner{
  border-top:var(--line) solid #000;
  border-bottom:var(--line) solid #000;
  padding:18px 0;
}

/* ---------------------------------------------------------
   CATEGORY MATRIX (DESKTOP)
--------------------------------------------------------- */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cat-matrix{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  border:var(--line) solid #000;
  background:#fff;
  width:100%;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cat-cell{
  border-right:var(--line) solid #000;
  border-bottom:var(--line) solid #000;
  background:#fff;
  padding:18px 14px;
  min-height:74px;

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

  text-align:center;
  text-transform:uppercase;
  font-weight:800;
  font-size:.74rem;
  letter-spacing:2.6px;
  line-height:1.15;

  color:#555;
  cursor:pointer;
  user-select:none;
  transition:background .15s,color .15s;

  white-space:normal;
  overflow:hidden;
  word-break:break-word;

  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cat-cell:nth-child(7n){ border-right:none; }
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cat-cell.active{ background:#000;color:#fff; }

/* ---------------------------------------------------------
   MOBILE CAROUSELS
--------------------------------------------------------- */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-wrap{ display:none; flex-direction:column; gap:12px; }
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-selected{
  display:none;
  border:var(--line) solid #000;
  background:#fff;
  padding:12px 14px;
  font-weight:900;
  font-size:.62rem;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:#000;
  user-select:none;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-selected .dim{ color:#666; font-weight:900; }

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-row{ display:flex; align-items:stretch; gap:12px; }
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-arrow{
  width:54px;
  height:64px;
  border:var(--line) solid #000;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  flex:0 0 auto;
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-track{
  flex:1 1 auto;
  overflow:hidden;
  border:var(--line) solid #000;
  height:64px;
  display:flex;
  align-items:stretch;
  background:#fff;
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-scroller{
  display:flex;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  height:100%;
  width:100%;
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-scroller::-webkit-scrollbar{ display:none; }

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-item{
  flex:0 0 auto;
  min-width:190px;
  border-right:var(--line) solid #000;

  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;

  font-weight:800;
  font-size:.78rem;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#555;

  cursor:pointer;
  user-select:none;
  background:#fff;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-item:last-child{ border-right:none; }
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-item.active{ background:#000; color:#fff; }

/* ---------------------------------------------------------
   SUBBAR + SEARCH
--------------------------------------------------------- */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .subbar{
  margin-top:18px;
  display:grid;
  grid-template-columns:1fr 420px;
  gap:12px;
  align-items:start;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .subcats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .pill{
  border:var(--line) solid #000;
  background:#fff;
  padding:12px 16px;
  font-weight:900;
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:2px;
  cursor:pointer;
  user-select:none;
  color:#000;
  transition:background .15s,color .15s;
  white-space:nowrap;
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .pill.active{ background:#000;color:#fff; }

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .searchbox{
  border:var(--line) solid #000;
  height:52px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  background:#fff;
}

/* usuń ikonę lupy */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .searchbox svg{
  display:none !important;
}

/* input */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .searchbox input{
  border:none;
  width:100%;
  font-weight:800;
  font-size:.95rem;
  letter-spacing:.2px;
  color:#000;
  background:transparent;
  outline:none;
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .searchbox input::placeholder{ color:#777; font-weight:800; }

/* ---------------------------------------------------------
   META
--------------------------------------------------------- */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .meta{
  padding:22px 0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .meta .count{
  font-weight:900;
  font-size:.8rem;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#666;
  user-select:none;
}

/* =========================================================
   WOO PRODUCTS GRID (CORE) — 5 KOLUMN NA DESKTOPIE
========================================================= */

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .grid{ padding:18px 0 90px; }

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important; /* 5 kolumn */
  gap:var(--gap) !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products::before,
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products::after{
  content:none !important;
  display:none !important;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product{
  position:relative !important;
  aspect-ratio: 1 / 1 !important;
  overflow:hidden !important;
  background:#000 !important;

  list-style:none !important;
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;

  border:var(--line) solid var(--card-border) !important;
  transition:filter .45s ease !important;

  isolation:isolate;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product > a.woocommerce-LoopProduct-link{
  display:block !important;
  height:100% !important;
  text-decoration:none !important;
  color:inherit !important;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product > a.woocommerce-LoopProduct-link img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  filter:brightness(.62) !important;
  z-index:0 !important;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 62%);
  z-index:1;
  pointer-events:none;
}

/* NAZWA PRODUKTU — zmniejszona o ~2pt */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product .woocommerce-loop-product__title{
  position:absolute;
  left:clamp(16px,2.5vw,40px);
  right:clamp(16px,2.5vw,40px);
  bottom:clamp(60px,4vw,78px);
  z-index:3;

  margin:0 !important;
  padding:0 !important;

  font-size:clamp(1.275rem,1.45vw,2.05rem);
  font-weight:900;
  letter-spacing:-1px;
  text-transform:uppercase;
  line-height:1.05;
  color:#fff;

  white-space:normal;
  word-break:break-word;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product .price{
  position:absolute;
  left:clamp(16px,2.5vw,40px);
  bottom:clamp(16px,2.5vw,40px);
  z-index:3;

  margin:0 !important;
  padding:0 !important;

  font-size:clamp(1.05rem,1.1vw,1.25rem);
  font-weight:900;
  color:#fff;
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product .price *{ color:inherit !important; }
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product .price:empty{ display:none !important; }

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product .button,
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product > a.button{
  display:none !important;
}

/* =========================================================
   AVAILABILITY TAG — RAMKA + KROPKA (PULS)
========================================================= */
@keyframes rtDotPulseBg{
  0%   { background-size: 10px 10px, auto; opacity:.92; }
  50%  { background-size: 14px 14px, auto; opacity:1; }
  100% { background-size: 10px 10px, auto; opacity:.92; }
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product > a.woocommerce-LoopProduct-link::after{
  content:"";
  position:absolute;
  top:clamp(16px,2.5vw,40px);
  right:clamp(16px,2.5vw,40px);
  z-index:4;

  display:inline-flex;
  align-items:center;

  padding:10px 14px 10px 34px;
  border:var(--line) solid var(--tag-border);
  background:
    radial-gradient(circle, var(--dot-color) 0 60%, transparent 62%) 14px 50% / 10px 10px no-repeat,
    var(--tag-bg);
  color:var(--tag-text);

  font-size:.68rem;
  font-weight:900;
  letter-spacing:3px;
  text-transform:uppercase;
  white-space:nowrap;

  pointer-events:none;
  backdrop-filter: blur(2px);

  animation: rtDotPulseBg .9s infinite;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product.instock > a.woocommerce-LoopProduct-link::after{
  content:"DOSTĘPNY";
  --dot-color: var(--dot-green);
}
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product.outofstock > a.woocommerce-LoopProduct-link::after{
  content:"NIEDOSTĘPNY";
  --dot-color: var(--dot-red);
}

/* =========================================================
   CELOWNIK (4 rogi)
========================================================= */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product::after{
  content:"";
  position:absolute;
  inset:var(--corner);
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
  z-index:6;

  background:
    linear-gradient(#fff,#fff) left top / var(--corner) var(--corner-stroke) no-repeat,
    linear-gradient(#fff,#fff) left top / var(--corner-stroke) var(--corner) no-repeat,

    linear-gradient(#fff,#fff) right top / var(--corner) var(--corner-stroke) no-repeat,
    linear-gradient(#fff,#fff) right top / var(--corner-stroke) var(--corner) no-repeat,

    linear-gradient(#fff,#fff) left bottom / var(--corner) var(--corner-stroke) no-repeat,
    linear-gradient(#fff,#fff) left bottom / var(--corner-stroke) var(--corner) no-repeat,

    linear-gradient(#fff,#fff) right bottom / var(--corner) var(--corner-stroke) no-repeat,
    linear-gradient(#fff,#fff) right bottom / var(--corner-stroke) var(--corner) no-repeat;
}

/* =========================================================
   HOVER — BLUR TYLKO GDY HOVER NA KARCIE (FIX GAP ISSUE)
   (brak blur gdy jesteś w odstępach między kartami)
========================================================= */
@media (min-width:1025px){

  /* domyślnie nic nie blurujemy */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products > li.product{
    filter:none;
  }

  /* jeśli jakaś karta jest hoverowana → blur pozostałych */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products:has(> li.product:hover) > li.product:not(:hover){
    filter: blur(5px);
  }

  /* karta pod kursorem — zawsze ostra */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products:has(> li.product:hover) > li.product:hover{
    filter:none;
  }

  /* cornery tylko na faktycznym hoverze karty */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product:hover::after{
    opacity:1;
  }
}

/* =========================================================
   RWD
========================================================= */
@media (max-width:1024px){
  :where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .subbar{ grid-template-columns:1fr; }

  /* 5 → 3 na tablet */
  :where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  :where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product .woocommerce-loop-product__title{
    bottom:clamp(56px,6vw,72px);
  }
}

@media (max-width:768px){
  :where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cat-matrix{ display:none; }
  :where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-wrap{ display:flex; }
  :where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-selected{ display:block; }
  :where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .subcats{ display:none; }

  :where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  :where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cards ul.products li.product::after{ display:none; }
}

/* =========================================================
   CAT MATRIX — PERFECT CENTER
========================================================= */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .cat-cell{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;
  line-height:1.15 !important;

  white-space:normal !important;
  overflow:hidden !important;
  word-break:break-word !important;

  max-height:calc(2 * 1.15em + 2px);
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-arrow svg{
  width:18px;
  height:18px;
  display:block;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) .car-arrow svg path{
  fill:none;
  stroke:#000;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* === CAROUSEL ARROWS: FORCE VISIBLE + STROKE === */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) button.car-arrow svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  visibility:visible !important;
  opacity:1 !important;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page) button.car-arrow svg path{
  fill:none !important;
  stroke:#000 !important;
  stroke-width:2.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* =========================================================
   RAWTAKES — PRODUCT HOVER IMAGE (FULL BLEED, NO FRAME, NO OVERLAY)
========================================================= */

/* link wrapper */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page)
.cards ul.products li.product > a.woocommerce-LoopProduct-link{
  position:relative !important;
  overflow:hidden !important;
}

/* hover image = pełna karta */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page)
.cards ul.products li.product > a.woocommerce-LoopProduct-link .rt-hover-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;   /* CAŁE zdjęcie */
  object-position:center !important;

  opacity:0 !important;
  transition:opacity .25s ease !important;

  border:none !important;          /* ❌ RAMKA */
  box-shadow:none !important;
  background:none !important;

  z-index:5 !important;
  pointer-events:none !important;
}

/* usuwamy szary gradient pod hover image */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page)
.cards ul.products li.product:hover::before{
  opacity:0 !important;
}

/* pokazujemy hover image */
@media (min-width:1025px){
  :where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product:hover > a.woocommerce-LoopProduct-link .rt-hover-img{
    opacity:1 !important;
  }
}

/* =========================================================
   RAWTAKES — HOVER: BLACK UI + NO OVERLAY (DESKTOP)
   Wymaganie:
   - overlay = 0 (brak gradientu / brak nakładek)
   - białe elementy na hoverze (celownik, nazwa, cena, dostępność) -> CZARNE
========================================================= */
@media (min-width:1025px){

  /* 1) overlay/gradient off na hoverze */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product:hover::before{
    opacity:0 !important;
  }

  /* 2) bazowe zdjęcie bez przyciemniania na hoverze */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product:hover > a.woocommerce-LoopProduct-link img{
    filter:none !important;
  }

  /* hover image zawsze bez filtra */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product > a.woocommerce-LoopProduct-link .rt-hover-img{
    filter:none !important;
  }

  /* 3) nazwa + cena na czarno */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product:hover .woocommerce-loop-product__title,
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product:hover .price{
    color:#000 !important;
  }
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product:hover .price *{
    color:#000 !important;
  }

  /* 4) dostępność: tekst/border na czarno + jasne tło, żeby było czytelne bez overlay */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product:hover > a.woocommerce-LoopProduct-link::after{
    color:#000 !important;
    border-color:rgba(0,0,0,.55) !important;
    background:
      radial-gradient(circle, var(--dot-color) 0 60%, transparent 62%) 14px 50% / 10px 10px no-repeat,
      rgba(255,255,255,.55) !important;
    backdrop-filter:none !important;
  }

  /* 5) celownik na czarno */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product:hover::after{
    opacity:1 !important;
    background:
      linear-gradient(#000,#000) left top / var(--corner) var(--corner-stroke) no-repeat,
      linear-gradient(#000,#000) left top / var(--corner-stroke) var(--corner) no-repeat,

      linear-gradient(#000,#000) right top / var(--corner) var(--corner-stroke) no-repeat,
      linear-gradient(#000,#000) right top / var(--corner-stroke) var(--corner) no-repeat,

      linear-gradient(#000,#000) left bottom / var(--corner) var(--corner-stroke) no-repeat,
      linear-gradient(#000,#000) left bottom / var(--corner-stroke) var(--corner) no-repeat,

      linear-gradient(#000,#000) right bottom / var(--corner) var(--corner-stroke) no-repeat,
      linear-gradient(#000,#000) right bottom / var(--corner-stroke) var(--corner) no-repeat;
  }
}

/* =========================================================
   FIX: UI NAD HOVER IMAGE (TITLE/PRICE/AVAILABILITY VISIBLE)
========================================================= */
@media (min-width:1025px){

  /* hover image ma być POD tekstami i tagiem */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product > a.woocommerce-LoopProduct-link .rt-hover-img{
    z-index:2 !important; /* było 5 -> przykrywało UI */
  }

  /* tytuł + cena NAD hover image */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product .woocommerce-loop-product__title{
    z-index:7 !important;
  }

  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product .price{
    z-index:7 !important;
  }

  /* dostępność NAD hover image */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product > a.woocommerce-LoopProduct-link::after{
    z-index:8 !important;
  }

  /* celownik najwyżej */
  :where(.rawtakes-page)
  :where(.rawtakes-offer, .rawtakes-offer-page)
  .cards ul.products li.product::after{
    z-index:9 !important;
  }
}

/* PRODUCT ARCHIVE — bez nakładek na zdjęciach + ukryta nazwa produktu - do usunięcia*/
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page)
.cards ul.products li.product > a.woocommerce-LoopProduct-link img{
  filter:none !important;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page)
.cards ul.products li.product::before,
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page)
.cards ul.products li.product::after,
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page)
.cards ul.products li.product > a.woocommerce-LoopProduct-link::after{
  content:none !important;
  display:none !important;
}

/* ukryj nazwę produktu */
:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page)
.cards ul.products li.product .woocommerce-loop-product__title{
  display:none !important;
}

:where(.rawtakes-page) :where(.rawtakes-offer, .rawtakes-offer-page)
.cards ul.products li.product .price{
  display:none !important;
}