.canis-rb-wrap {
  --canis-primary: #3a2417;
  --canis-accent: #a61e16;
  --canis-text: #f5e8ce;
  background:
    linear-gradient(180deg, rgba(18,10,7,.28), rgba(8,5,4,.40)),
    radial-gradient(circle at top left, rgba(230,170,95,.16), transparent 24%),
    radial-gradient(circle at bottom right, rgba(0,0,0,.12), transparent 28%),
    url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%271600%27%20height%3D%271000%27%20viewBox%3D%270%200%201600%201000%27%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%27wood%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%0A%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%232a180f%27/%3E%0A%3Cstop%20offset%3D%2712%25%27%20stop-color%3D%27%235b311d%27/%3E%0A%3Cstop%20offset%3D%2724%25%27%20stop-color%3D%27%233b2114%27/%3E%0A%3Cstop%20offset%3D%2738%25%27%20stop-color%3D%27%2371422a%27/%3E%0A%3Cstop%20offset%3D%2752%25%27%20stop-color%3D%27%2347281a%27/%3E%0A%3Cstop%20offset%3D%2768%25%27%20stop-color%3D%27%23633722%27/%3E%0A%3Cstop%20offset%3D%2784%25%27%20stop-color%3D%27%233a2115%27/%3E%0A%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%2328170f%27/%3E%0A%3C/linearGradient%3E%0A%3Cfilter%20id%3D%27blur%27%3E%3CfeGaussianBlur%20stdDeviation%3D%270.9%27/%3E%3C/filter%3E%0A%3C/defs%3E%0A%3Crect%20width%3D%271600%27%20height%3D%271000%27%20fill%3D%27url%28%23wood%29%27/%3E%0A%3Cg%20opacity%3D%270.22%27%20stroke%3D%27%231c0f0a%27%20stroke-width%3D%274%27%20filter%3D%27url%28%23blur%29%27%3E%0A%3Cpath%20d%3D%27M30%200%20C80%20140%2C0%20240%2C50%20470%20S110%20760%2C20%201000%27/%3E%0A%3Cpath%20d%3D%27M120%200%20C170%20160%2C80%20300%2C135%20520%20S185%20780%2C110%201000%27/%3E%0A%3Cpath%20d%3D%27M240%200%20C290%20170%2C210%20330%2C260%20550%20S315%20790%2C235%201000%27/%3E%0A%3Cpath%20d%3D%27M380%200%20C425%20170%2C345%20330%2C395%20550%20S450%20800%2C375%201000%27/%3E%0A%3Cpath%20d%3D%27M540%200%20C585%20180%2C500%20340%2C550%20570%20S605%20800%2C535%201000%27/%3E%0A%3Cpath%20d%3D%27M700%200%20C745%20180%2C665%20350%2C715%20570%20S770%20810%2C700%201000%27/%3E%0A%3Cpath%20d%3D%27M870%200%20C920%20185%2C835%20350%2C885%20575%20S940%20810%2C870%201000%27/%3E%0A%3Cpath%20d%3D%27M1030%200%20C1080%20180%2C995%20340%2C1045%20565%20S1100%20810%2C1030%201000%27/%3E%0A%3Cpath%20d%3D%27M1180%200%20C1230%20175%2C1140%20340%2C1190%20565%20S1245%20810%2C1180%201000%27/%3E%0A%3Cpath%20d%3D%27M1320%200%20C1370%20170%2C1295%20330%2C1345%20555%20S1400%20800%2C1330%201000%27/%3E%0A%3Cpath%20d%3D%27M1470%200%20C1515%20170%2C1435%20330%2C1485%20550%20S1540%20800%2C1475%201000%27/%3E%0A%3C/g%3E%0A%3Cg%20opacity%3D%270.10%27%20stroke%3D%27%23af6e45%27%20stroke-width%3D%272%27%3E%0A%3Cpath%20d%3D%27M80%200%20C120%20150%2C55%20280%2C95%20490%20S150%20780%2C80%201000%27/%3E%0A%3Cpath%20d%3D%27M460%200%20C500%20160%2C430%20300%2C470%20510%20S520%20790%2C455%201000%27/%3E%0A%3Cpath%20d%3D%27M820%200%20C860%20165%2C790%20320%2C830%20530%20S880%20790%2C815%201000%27/%3E%0A%3Cpath%20d%3D%27M1210%200%20C1250%20170%2C1180%20330%2C1220%20540%20S1270%20810%2C1200%201000%27/%3E%0A%3C/g%3E%0A%3Cg%20opacity%3D%270.18%27%3E%0A%3Cellipse%20cx%3D%27310%27%20cy%3D%27360%27%20rx%3D%2758%27%20ry%3D%27118%27%20fill%3D%27none%27%20stroke%3D%27%231d0f09%27%20stroke-width%3D%278%27/%3E%0A%3Cellipse%20cx%3D%27310%27%20cy%3D%27360%27%20rx%3D%2734%27%20ry%3D%2766%27%20fill%3D%27none%27%20stroke%3D%27%238b5635%27%20stroke-width%3D%273%27/%3E%0A%3Cellipse%20cx%3D%271190%27%20cy%3D%27640%27%20rx%3D%2744%27%20ry%3D%2792%27%20fill%3D%27none%27%20stroke%3D%27%231d0f09%27%20stroke-width%3D%277%27/%3E%0A%3Cellipse%20cx%3D%271190%27%20cy%3D%27640%27%20rx%3D%2724%27%20ry%3D%2748%27%20fill%3D%27none%27%20stroke%3D%27%238b5635%27%20stroke-width%3D%273%27/%3E%0A%3C/g%3E%0A%3C/svg%3E");
  background-size: auto, auto, auto, cover;
  background-position: center;
  color: var(--canis-text);
  border: 1px solid rgba(245,232,206,.12);
  border-radius: 30px;
  padding: 34px;
  box-shadow:
    inset 0 2px 10px rgba(255,255,255,.03),
    inset 0 -20px 32px rgba(0,0,0,.22),
    0 22px 50px rgba(0,0,0,.24);
  position: relative;
  overflow: hidden;
}
.canis-rb-wrap::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 22px;
  border: 1px solid rgba(245,232,206,.08);
  pointer-events: none;
}
.canis-rb-wrap::after {
  content: "";
  position: absolute;
  left: 26px;
  right: 26px;
  top: 18px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(245,232,206,0), rgba(245,232,206,.24), rgba(245,232,206,0));
  pointer-events: none;
}
.canis-rb-wrap > * { position: relative; z-index: 1; }

.canis-rb-header {
  margin-bottom: 28px;
}

.canis-rb-kicker {
  margin: 0 0 12px;
  text-transform: uppercase;
  letter-spacing: .24em;
  font-size: 12px;
  color: #d6b98d;
}

.canis-rb-header h2 {
  color: var(--canis-text);
  margin: 0 0 12px;
  font-size: clamp(32px, 3vw, 46px);
  line-height: 1.03;
  text-shadow: 0 1px 1px rgba(0,0,0,.18);
}

.canis-rb-header p {
  margin: 0;
  opacity: .96;
  color: var(--canis-text);
  max-width: 860px;
  font-size: 17px;
}

.canis-rb-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.canis-rb-badges span {
  display: inline-flex;
  align-items: center;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(245,232,206,.09);
  border: 1px solid rgba(245,232,206,.12);
  color: #f5e8ce;
  font-size: 13px;
  font-weight: 700;
  backdrop-filter: blur(2px);
}

.canis-rb-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.canis-rb-field { margin-bottom: 18px; }

.canis-rb-field label {
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
  color: var(--canis-text);
}

.canis-rb-wrap select,
.canis-rb-wrap input[type="text"],
.canis-rb-wrap input[type="number"] {
  width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(245,232,206,.16);
  background: linear-gradient(180deg, rgba(51,31,21,.78), rgba(34,22,15,.78));
  color: var(--canis-text);
  padding: 15px 16px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 4px 12px rgba(0,0,0,.08);
}

.canis-rb-wrap option { color: #111; }

.canis-rb-checks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.canis-rb-checks label {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0;
  padding: 12px 13px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(112,72,44,.92), rgba(73,44,27,.96));
  border: 1px solid rgba(245,232,206,.10);
  color: var(--canis-text);
  font-weight: 600;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 6px 16px rgba(0,0,0,.08);
}

.canis-rb-checks input[type="checkbox"] {
  accent-color: #a61e16;
}

.canis-rb-button,
.canis-rb-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  text-decoration: none;
  font-weight: 800;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.canis-rb-button {
  padding: 16px 24px;
  background: linear-gradient(145deg, var(--canis-accent), #61110d);
  color: #fff;
  border: 0;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(140,29,24,.28);
}

.canis-rb-link {
  width: 100%;
  padding: 14px 16px;
  background: linear-gradient(180deg, #f5e8ce, #e7d7b3);
  color: #2b1a10;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}

.canis-rb-button:hover,
.canis-rb-link:hover {
  transform: translateY(-1px);
  opacity: .97;
}

.canis-rb-status {
  margin-top: 12px;
  font-weight: 700;
  color: #ebcf81;
}

.canis-rb-results { margin-top: 30px; }

.canis-rb-result-header h3 {
  margin: 0 0 8px;
  font-size: 30px;
  color: var(--canis-text);
}

.canis-rb-result-header p {
  margin: 0 0 20px;
  color: var(--canis-text);
}

.canis-rb-result-header-small { margin-top: 24px; }

.canis-rb-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 18px;
}

.canis-rb-card {
  background:
    linear-gradient(180deg, rgba(77,48,31,.94), rgba(47,29,19,.97));
  border: 1px solid rgba(245,232,206,.10);
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: var(--canis-text);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 12px 24px rgba(0,0,0,.10);
}

.canis-rb-card-image img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}

.canis-rb-card-body {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}

.canis-rb-card-body h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
  color: var(--canis-text);
}

.canis-rb-price,
.canis-rb-price .woocommerce-Price-amount,
.canis-rb-card .price,
.canis-rb-card .amount,
.canis-rb-card .woocommerce-Price-amount {
  font-weight: 800;
  color: #fff1d7;
}

.canis-rb-card-desc {
  margin: 0;
  font-size: 14px;
  color: #eadcc0;
  min-height: 38px;
}

.canis-rb-reasons {
  margin: 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--canis-text);
}

.canis-rb-summary {
  margin-top: 22px;
  padding: 18px 20px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(245,232,206,.09), rgba(245,232,206,.06));
  border: 1px solid rgba(245,232,206,.12);
  color: var(--canis-text);
}

@media (max-width: 768px) {
  .canis-rb-wrap {
    padding: 22px;
    border-radius: 24px;
  }

  .canis-rb-grid {
    grid-template-columns: 1fr;
  }

  .canis-rb-header h2 {
    font-size: 34px;
  }

  .canis-rb-header p {
    font-size: 16px;
  }

  .canis-rb-card-body h3 {
    font-size: 20px;
  }
}


/* ===== Beutekammer Layout Upgrade ===== */
.canis-rb-wrap {
  padding: 38px;
}

.canis-rb-header {
  margin-bottom: 30px;
}

.canis-rb-header h2 {
  max-width: 820px;
}

.canis-rb-panel {
  background: linear-gradient(180deg, rgba(88,54,34,.42), rgba(46,28,19,.48));
  border: 1px solid rgba(245,232,206,.10);
  border-radius: 24px;
  padding: 22px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  margin-bottom: 22px;
}

.canis-rb-panel-head {
  margin-bottom: 18px;
}

.canis-rb-panel-head h3 {
  margin: 0 0 6px;
  color: #f5e8ce;
  font-size: 22px;
}

.canis-rb-panel-head p {
  margin: 0;
  color: #eadcc0;
  font-size: 15px;
}

.canis-rb-grid {
  gap: 18px;
}

.canis-rb-field {
  margin-bottom: 14px;
}

.canis-rb-field label {
  font-size: 15px;
}

.canis-rb-wrap select,
.canis-rb-wrap input[type="text"],
.canis-rb-wrap input[type="number"] {
  min-height: 58px;
  font-size: 16px;
}

.canis-rb-checks {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
}

.canis-rb-checks label {
  min-height: 58px;
  border-radius: 18px;
}

.canis-rb-actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
}

.canis-rb-button {
  min-width: 240px;
  min-height: 58px;
  font-size: 17px;
}

.canis-rb-result-header {
  background: linear-gradient(180deg, rgba(245,232,206,.09), rgba(245,232,206,.04));
  border: 1px solid rgba(245,232,206,.10);
  border-radius: 22px;
  padding: 18px 20px;
  margin-bottom: 18px;
}

.canis-rb-result-header h3 {
  font-size: 28px;
}

.canis-rb-cards {
  gap: 20px;
}

.canis-rb-card {
  border-radius: 24px;
}

.canis-rb-card-image img {
  aspect-ratio: 1 / 1;
}

.canis-rb-card-body {
  padding: 20px;
  gap: 14px;
}

.canis-rb-card-body h3 {
  font-size: 24px;
}

.canis-rb-link {
  min-height: 54px;
  font-size: 17px;
}

.canis-rb-summary {
  margin-top: 24px;
  border-radius: 22px;
  padding: 20px 22px;
  font-size: 16px;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .canis-rb-wrap {
    padding: 22px;
  }

  .canis-rb-panel {
    padding: 18px;
    border-radius: 20px;
  }

  .canis-rb-panel-head h3 {
    font-size: 20px;
  }

  .canis-rb-button,
  .canis-rb-link {
    width: 100%;
  }

  .canis-rb-card-body h3 {
    font-size: 21px;
  }

  .canis-rb-summary {
    font-size: 15px;
    line-height: 1.6;
  }
}