/**
 * Studio Smaku 4.8 — pełny pas tła i jednolita nomenklatura cech.
 */

.jkct-premium-v48 .jkct-compass-anchor,
.jkct-premium-v48 .jkct-compass-portal {
  position: relative !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: clamp(26px, 3.2vw, 52px) 0 !important;
  overflow: visible !important;
  background: #ead4b1 !important;
  box-shadow: 0 0 0 100vmax #ead4b1 !important;
  clip-path: inset(0 -100vmax) !important;
}

.jkct-premium-v48 .jkct-compass-anchor::before,
.jkct-premium-v48 .jkct-compass-portal::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  z-index: -2 !important;
  display: block !important;
  width: 100vw !important;
  background:
    radial-gradient(circle at 9% 15%, rgba(186, 122, 59, .18), transparent 28%),
    radial-gradient(circle at 91% 85%, rgba(86, 43, 24, .12), transparent 31%),
    linear-gradient(180deg, #ead4b1 0%, #f2e3cc 48%, #ead2ae 100%) !important;
  transform: translateX(-50%) !important;
}

/* Po przeniesieniu komponentu do kotwicy Divi tylko sekcja odpowiada za
   pełny pas tła. Portal pozostaje neutralnym kontenerem, więc nie dodaje
   drugiego marginesu ani podwójnego pionowego odstępu. */
.jkct-premium-v48 .jkct-compass-anchor .jkct-compass-portal {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
}

.jkct-premium-v48 .jkct-compass-anchor .jkct-compass-portal::before {
  display: none !important;
  content: none !important;
}

.jkct-premium-v48 .jkct-compass-anchor > .et_pb_row,
.jkct-premium-v48 .jkct-compass-anchor .jkct-compass-shell-row,
.jkct-premium-v48 .jkct-compass-anchor .et_pb_column,
.jkct-premium-v48 .jkct-compass-anchor-module,
.jkct-premium-v48 .jkct-compass-portal {
  box-sizing: border-box !important;
  max-width: none !important;
}

.jkct-premium-v48 .jkct-compass-anchor > .et_pb_row,
.jkct-premium-v48 .jkct-compass-anchor .jkct-compass-shell-row,
.jkct-premium-v48 .jkct-compass-anchor .et_pb_column,
.jkct-premium-v48 .jkct-compass-anchor-module {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.jkct-premium-v48 .jkct-taste-studio {
  width: min(94%, 1540px) !important;
  max-width: 1540px !important;
  margin: 0 auto !important;
}

.jkct-premium-v48 .jkct-taste-result__meters small,
.jkct-premium-v48 .jkct-taste-metric strong {
  white-space: normal !important;
}

@media (max-width: 980px) {
  .jkct-premium-v48 .jkct-compass-anchor,
  .jkct-premium-v48 .jkct-compass-portal {
    padding: 22px 0 !important;
  }

  .jkct-premium-v48 .jkct-taste-studio {
    width: calc(100% - 20px) !important;
  }
}