.elementor-13454 .elementor-element.elementor-element-5d48ffc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13454 .elementor-element.elementor-element-5d48ffc [data-glow]{--border-light-opacity:1;}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-list{overflow:hidden;margin:0 calc(20px * 2 + 10px);}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-slide{margin:0rem 1rem 2rem 1rem;}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-prev i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-next i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-prev img{width:20px;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-next img{width:20px;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-next:hover i{color:#000000 !important;opacity:1;}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-prev:hover i{color:#000000 !important;opacity:1;}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-next:hover img{opacity:1;}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-prev:hover img{opacity:1;}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-dots li button::before{font-size:12px;line-height:calc(12px * 1.4);}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-dots li{width:calc(12px * 1.4);height:calc(12px * 1.4);}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-dots li button{border-radius:999px;background-color:#00000040;}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-dots li:hover button{background-color:#000000;}.elementor-13454 .elementor-element.elementor-element-5d48ffc .slick-dots li.slick-active button{background-color:#00000090;}.elementor-13454 .elementor-element.elementor-element-cc0ef99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 [data-glow]{--border-light-opacity:1;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-list{overflow:hidden;margin:0 calc(20px * 2 + 10px);}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-slide{margin:0rem 1rem 2rem 1rem;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-prev i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-next i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-prev img{width:20px;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-next img{width:20px;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-next:hover i{color:#000000 !important;opacity:1;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-prev:hover i{color:#000000 !important;opacity:1;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-next:hover img{opacity:1;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-prev:hover img{opacity:1;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-dots li button::before{font-size:12px;line-height:calc(12px * 1.4);}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-dots li{width:calc(12px * 1.4);height:calc(12px * 1.4);}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-dots li button{border-radius:999px;background-color:#00000040;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-dots li:hover button{background-color:#000000;}.elementor-13454 .elementor-element.elementor-element-cc0ef99 .slick-dots li.slick-active button{background-color:#00000090;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c [data-glow]{--border-light-opacity:1;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-list{overflow:hidden;margin:0 calc(20px * 2 + 10px);}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-slide{margin:0rem 1rem 2rem 1rem;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-prev i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-next i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-prev img{width:20px;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-next img{width:20px;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-next:hover i{color:#000000 !important;opacity:1;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-prev:hover i{color:#000000 !important;opacity:1;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-next:hover img{opacity:1;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-prev:hover img{opacity:1;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-dots li button::before{font-size:12px;line-height:calc(12px * 1.4);}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-dots li{width:calc(12px * 1.4);height:calc(12px * 1.4);}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-dots li button{border-radius:999px;background-color:#00000040;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-dots li:hover button{background-color:#000000;}.elementor-13454 .elementor-element.elementor-element-6d3ea5c .slick-dots li.slick-active button{background-color:#00000090;}.elementor-13454 .elementor-element.elementor-element-5d1a7818{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10;--padding-bottom:10;--padding-left:10;--padding-right:10;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 [data-glow]{--border-light-opacity:1;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-list{overflow:hidden;margin:0 calc(20px * 2 + 10px);}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-slide{margin:0rem 1rem 2rem 1rem;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-prev i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-next i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-prev img{width:20px;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-next img{width:20px;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-next:hover i{color:#000000 !important;opacity:1;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-prev:hover i{color:#000000 !important;opacity:1;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-next:hover img{opacity:1;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-prev:hover img{opacity:1;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-dots li button::before{font-size:12px;line-height:calc(12px * 1.4);}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-dots li{width:calc(12px * 1.4);height:calc(12px * 1.4);}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-dots li button{border-radius:999px;background-color:#00000040;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-dots li:hover button{background-color:#000000;}.elementor-13454 .elementor-element.elementor-element-5d1a7818 .slick-dots li.slick-active button{background-color:#00000090;}.elementor-13454 .elementor-element.elementor-element-713bff33{--spacer-size:15px;}.elementor-13454 .elementor-element.elementor-element-488cc4e3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10;--padding-bottom:10;--padding-left:10;--padding-right:10;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 [data-glow]{--border-light-opacity:1;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-list{overflow:hidden;margin:0 calc(20px * 2 + 10px);}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-slide{margin:0rem 1rem 2rem 1rem;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-prev i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-next i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-prev img{width:20px;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-next img{width:20px;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-next:hover i{color:#000000 !important;opacity:1;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-prev:hover i{color:#000000 !important;opacity:1;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-next:hover img{opacity:1;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-prev:hover img{opacity:1;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-dots li button::before{font-size:12px;line-height:calc(12px * 1.4);}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-dots li{width:calc(12px * 1.4);height:calc(12px * 1.4);}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-dots li button{border-radius:999px;background-color:#00000040;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-dots li:hover button{background-color:#000000;}.elementor-13454 .elementor-element.elementor-element-488cc4e3 .slick-dots li.slick-active button{background-color:#00000090;}.elementor-13454 .elementor-element.elementor-element-97dc6df{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-13454 .elementor-element.elementor-element-97dc6df:not(.elementor-motion-effects-element-type-background), .elementor-13454 .elementor-element.elementor-element-97dc6df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13454 .elementor-element.elementor-element-97dc6df [data-glow]{--border-light-opacity:1;}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-list{overflow:hidden;margin:0 calc(20px * 2 + 10px);}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-slide{margin:0rem 1rem 2rem 1rem;}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-prev i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-next i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-prev img{width:20px;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-next img{width:20px;opacity:0.7;}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-next:hover i{color:#000000 !important;opacity:1;}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-prev:hover i{color:#000000 !important;opacity:1;}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-next:hover img{opacity:1;}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-prev:hover img{opacity:1;}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-dots li button::before{font-size:12px;line-height:calc(12px * 1.4);}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-dots li{width:calc(12px * 1.4);height:calc(12px * 1.4);}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-dots li button{border-radius:999px;background-color:#00000040;}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-dots li:hover button{background-color:#000000;}.elementor-13454 .elementor-element.elementor-element-97dc6df .slick-dots li.slick-active button{background-color:#00000090;}.elementor-13454 .elementor-element.elementor-element-16db0024 > .elementor-widget-container{margin:10px 0px 10px 0px;padding:10px 10px 10px 10px;}.elementor-13454 .elementor-element.elementor-element-16db0024 .elementor-heading-title{font-size:23px;font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;color:#131B63;}.elementor-13454 .elementor-element.elementor-element-542bc9ad .elementor-repeater-item-a4a16e6.elementor-social-icon{background-color:#000000;}.elementor-13454 .elementor-element.elementor-element-542bc9ad{--grid-template-columns:repeat(0, auto);--icon-size:18px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-13454 .elementor-element.elementor-element-542bc9ad .elementor-widget-container{text-align:center;}.elementor-13454 .elementor-element.elementor-element-542bc9ad.elementor-element{--align-self:flex-start;}/* Start custom CSS for shortcode, class: .elementor-element-669b2c4 *//* =========================================================
   GETHELP.PL — ARTYKUŁ: JAK ODCZYTAĆ NR VIN
   Wersja jaśniejsza UX/UI, pastelowa, lżejsza wizualnie
   Kolory:
   tekst: #1f255f
   nagłówki: #283087
   czerwony akcent: #e81e23
   ========================================================= */

.vin-article {
  --gh-blue: #084aa2;
  --gh-blue-2: #2d7eea;
  --gh-blue-soft: #edf6ff;
  --gh-blue-pale: #f7fbff;

  --gh-heading: #283087;
  --gh-text: #1f255f;

  --gh-red: #e81e23;
  --gh-red-soft: #fff1f1;
  --gh-red-pale: #fff8f8;

  --gh-yellow-soft: #fff8e8;
  --gh-green-soft: #eefbf4;
  --gh-lavender: #f3f1ff;

  --gh-border: #e6edf8;
  --gh-border-strong: #d7e4f4;

  --gh-white: #ffffff;
  --gh-muted: #6670a5;

  --gh-shadow-soft: 0 8px 24px rgba(31, 37, 95, 0.055);
  --gh-shadow-card: 0 14px 34px rgba(8, 74, 162, 0.07);
  --gh-shadow-hover: 0 18px 42px rgba(8, 74, 162, 0.105);

  --gh-radius-sm: 16px;
  --gh-radius-md: 24px;
  --gh-radius-lg: 34px;

  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 16px 46px;
  color: var(--gh-text);
  font-family: "Inter", "Roboto", "Segoe UI", Arial, sans-serif;
  line-height: 1.74;
}

.vin-article * {
  box-sizing: border-box;
}

.vin-article p,
.vin-article li,
.vin-article td {
  color: var(--gh-text);
}

.vin-article p {
  margin: 0 0 16px;
}

.vin-article strong {
  color: var(--gh-heading);
  font-weight: 850;
}

.vin-article a {
  color: var(--gh-blue);
  font-weight: 850;
  text-decoration: none;
}

.vin-article a:hover {
  text-decoration: underline;
}

/* =========================================================
   HERO — jaśniejszy, bardziej „Google”, mniej ciężki
   ========================================================= */

.vin-hero {
  position: relative;
  overflow: hidden;
  margin: 28px 0 34px;
  padding: clamp(34px, 5vw, 62px);
  border-radius: var(--gh-radius-lg);
  color: var(--gh-text);
  background:
    radial-gradient(circle at 8% 16%, rgba(255, 255, 255, 0.95) 0%, rgba(255,255,255,0) 32%),
    radial-gradient(circle at 92% 12%, rgba(232, 30, 35, 0.13) 0%, rgba(232,30,35,0) 26%),
    radial-gradient(circle at 82% 86%, rgba(45, 126, 234, 0.16) 0%, rgba(45,126,234,0) 31%),
    radial-gradient(circle at 18% 88%, rgba(255, 220, 120, 0.28) 0%, rgba(255,220,120,0) 28%),
    linear-gradient(135deg, #ffffff 0%, #f5faff 45%, #fff5f5 100%);
  border: 1px solid rgba(8, 74, 162, 0.10);
  box-shadow: 0 18px 48px rgba(31, 37, 95, 0.075);
}

.vin-hero::before {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -100px;
  width: 300px;
  height: 300px;
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(45, 126, 234, 0.13), rgba(232, 30, 35, 0.10));
  pointer-events: none;
}

.vin-hero::after {
  content: "VIN";
  position: absolute;
  right: 22px;
  bottom: -38px;
  color: rgba(40, 48, 135, 0.055);
  font-size: clamp(82px, 13vw, 174px);
  font-weight: 950;
  letter-spacing: 8px;
  line-height: 1;
  pointer-events: none;
}

.vin-badge {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 19px;
  padding: 9px 16px;
  border-radius: 999px;
  color: var(--gh-heading);
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(8, 74, 162, 0.13);
  box-shadow: 0 8px 22px rgba(8, 74, 162, 0.055);
  font-size: 14px;
  font-weight: 900;
}

.vin-badge::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--gh-red);
  box-shadow: 0 0 0 6px rgba(232, 30, 35, 0.10);
}

.vin-hero h1 {
  position: relative;
  z-index: 1;
  max-width: 920px;
  margin: 0 0 18px;
  color: var(--gh-heading);
  font-size: clamp(32px, 4.3vw, 56px);
  line-height: 1.06;
  letter-spacing: -0.048em;
  font-weight: 950;
}

.vin-lead {
  position: relative;
  z-index: 1;
  max-width: 870px;
  margin: 0;
  color: var(--gh-text);
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.72;
}

/* =========================================================
   SPIS TREŚCI — lekka karta, żywsze detale
   ========================================================= */

.vin-toc {
  position: relative;
  overflow: hidden;
  margin: 26px 0 40px;
  padding: 25px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 96% 8%, rgba(232, 30, 35, 0.07), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid var(--gh-border);
  box-shadow: var(--gh-shadow-soft);
}

.vin-toc strong {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 17px;
  color: var(--gh-heading);
  font-size: 21px;
  font-weight: 950;
  letter-spacing: -0.025em;
}

.vin-toc strong::before {
  content: "";
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 15px;
  background:
    linear-gradient(135deg, rgba(8, 74, 162, 0.14), rgba(232, 30, 35, 0.13));
}

.vin-toc ul {
  margin: 0;
  padding: 0;
  columns: 2;
  column-gap: 30px;
  list-style: none;
}

.vin-toc li {
  break-inside: avoid;
  margin: 0 0 10px;
}

.vin-toc a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--gh-blue);
  font-size: 15px;
  font-weight: 850;
}

.vin-toc a::before {
  content: "→";
  color: var(--gh-red);
  font-weight: 950;
}

/* =========================================================
   TYPOGRAFIA
   ========================================================= */

.vin-section {
  margin: 42px 0;
}

.vin-section h2,
.vin-checklist h2,
.vin-faq h2,
.vin-cta h2 {
  margin: 0 0 16px;
  color: var(--gh-heading);
  font-size: clamp(25px, 3vw, 36px);
  line-height: 1.16;
  font-weight: 950;
  letter-spacing: -0.035em;
}

.vin-section h3,
.vin-card h3,
.vin-faq-item h3 {
  margin: 28px 0 10px;
  color: var(--gh-heading);
  font-size: 22px;
  line-height: 1.28;
  font-weight: 920;
  letter-spacing: -0.025em;
}

.vin-card h3,
.vin-faq-item h3 {
  margin-top: 0;
}

/* =========================================================
   BOXY — jaśniejsze, pastelowe
   ========================================================= */

.vin-ai-answer,
.vin-note,
.vin-warning,
.vin-summary-box {
  position: relative;
  margin: 24px 0;
  padding: 24px;
  border-radius: 28px;
}

.vin-ai-answer {
  background:
    radial-gradient(circle at 100% 0%, rgba(8, 74, 162, 0.075), transparent 30%),
    radial-gradient(circle at 0% 100%, rgba(232, 30, 35, 0.055), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f5faff 100%);
  border: 1px solid rgba(8, 74, 162, 0.12);
  box-shadow: var(--gh-shadow-card);
}

.vin-ai-answer::before {
  content: "Szybka odpowiedź";
  display: inline-flex;
  align-items: center;
  margin-bottom: 13px;
  padding: 6px 12px;
  border-radius: 999px;
  color: var(--gh-heading);
  background: var(--gh-blue-soft);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.02em;
}

.vin-note {
  background:
    radial-gradient(circle at 100% 0%, rgba(45, 126, 234, 0.06), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f7fbff 100%);
  border: 1px solid rgba(8, 74, 162, 0.11);
}

.vin-warning {
  background:
    radial-gradient(circle at 100% 0%, rgba(232, 30, 35, 0.08), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #fff7f7 100%);
  border: 1px solid rgba(232, 30, 35, 0.16);
}

.vin-warning::before {
  content: "Uwaga";
  display: inline-flex;
  margin-bottom: 13px;
  padding: 6px 12px;
  border-radius: 999px;
  color: var(--gh-red);
  background: var(--gh-red-soft);
  font-size: 12px;
  font-weight: 950;
}

.vin-summary-box {
  background:
    radial-gradient(circle at 96% 8%, rgba(255, 224, 130, 0.18), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid var(--gh-border);
  box-shadow: var(--gh-shadow-soft);
}

/* =========================================================
   LISTY
   ========================================================= */

.vin-list {
  margin: 15px 0 20px;
  padding: 0;
  list-style: none;
}

.vin-list li {
  position: relative;
  margin-bottom: 11px;
  padding-left: 34px;
  color: var(--gh-text);
}

.vin-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 3px;
  width: 22px;
  height: 22px;
  border-radius: 8px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--gh-blue), var(--gh-blue-2));
  box-shadow: 0 6px 14px rgba(8, 74, 162, 0.13);
  font-size: 13px;
  font-weight: 950;
  line-height: 22px;
  text-align: center;
}

/* =========================================================
   KROKI — mniej ciężkie, więcej bieli
   ========================================================= */

.vin-numbered {
  counter-reset: vin-counter;
  margin: 22px 0;
  padding: 0;
  list-style: none;
}

.vin-numbered li {
  counter-increment: vin-counter;
  position: relative;
  margin-bottom: 15px;
  padding: 22px 22px 22px 76px;
  border-radius: 26px;
  color: var(--gh-text);
  background:
    radial-gradient(circle at 98% 10%, rgba(8, 74, 162, 0.045), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid var(--gh-border);
  box-shadow: var(--gh-shadow-soft);
}

.vin-numbered li::before {
  content: counter(vin-counter);
  position: absolute;
  left: 22px;
  top: 22px;
  width: 40px;
  height: 40px;
  border-radius: 15px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--gh-red) 0%, #ff6c70 100%);
  box-shadow: 0 8px 18px rgba(232, 30, 35, 0.15);
  font-size: 17px;
  font-weight: 950;
  line-height: 40px;
  text-align: center;
}

/* =========================================================
   KARTA VIN — jaśniejsza, nie tak ciężka jak poprzednio
   ========================================================= */

.vin-code-card {
  position: relative;
  overflow: hidden;
  margin: 24px 0;
  padding: 28px;
  border-radius: 30px;
  color: var(--gh-text);
  background:
    radial-gradient(circle at 10% 12%, rgba(255, 255, 255, 0.95), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(232, 30, 35, 0.12), transparent 30%),
    radial-gradient(circle at 82% 90%, rgba(8, 74, 162, 0.14), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #eff7ff 52%, #fff5f5 100%);
  border: 1px solid rgba(8, 74, 162, 0.13);
  box-shadow: var(--gh-shadow-card);
}

.vin-code-card::after {
  content: "";
  position: absolute;
  right: -70px;
  top: -70px;
  width: 190px;
  height: 190px;
  border-radius: 999px;
  background: rgba(232, 30, 35, 0.08);
  pointer-events: none;
}

.vin-code-card code {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 12px;
  color: var(--gh-heading);
  font-size: clamp(22px, 3vw, 38px);
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: 2px;
}

.vin-code-card p {
  position: relative;
  z-index: 1;
  color: var(--gh-text);
}

.vin-code-split {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 16px;
}

.vin-code-split div {
  padding: 15px;
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(8, 74, 162, 0.12);
  box-shadow: 0 8px 20px rgba(31, 37, 95, 0.04);
}

.vin-code-split span {
  display: block;
  margin-bottom: 4px;
  color: var(--gh-muted);
  font-size: 13px;
  font-weight: 750;
}

.vin-code-split strong {
  color: var(--gh-heading);
  font-size: 20px;
  font-weight: 950;
}

/* =========================================================
   KARTY INFORMACYJNE
   ========================================================= */

.vin-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 24px 0;
}

.vin-card {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 96% 8%, rgba(8, 74, 162, 0.045), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid var(--gh-border);
  box-shadow: var(--gh-shadow-soft);
}

.vin-card::before {
  content: "";
  display: block;
  width: 46px;
  height: 5px;
  margin-bottom: 17px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--gh-blue), var(--gh-red));
}

/* =========================================================
   TABELA WMI — lżejsza
   ========================================================= */

.vin-table {
  width: 100%;
  margin: 22px 0 30px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 28px;
  background: #ffffff;
  border: 1px solid var(--gh-border);
  box-shadow: var(--gh-shadow-soft);
}

.vin-table th {
  padding: 16px 18px;
  color: #ffffff;
  text-align: left;
  font-weight: 950;
  background:
    linear-gradient(135deg, var(--gh-blue) 0%, #337fea 100%);
}

.vin-table td {
  padding: 14px 18px;
  border-top: 1px solid var(--gh-border);
  vertical-align: top;
  color: var(--gh-text);
}

.vin-table tr:nth-child(even) td {
  background: #f8fbff;
}

/* =========================================================
   SIATKA ROKU MODELOWEGO — jaśniejsza i żywsza
   ========================================================= */

.vin-mini-table {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin: 22px 0 30px;
}

.vin-year-item {
  padding: 14px 10px;
  text-align: center;
  border-radius: 18px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border: 1px solid var(--gh-border);
  box-shadow: 0 8px 18px rgba(8, 74, 162, 0.04);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.vin-year-item:hover {
  transform: translateY(-2px);
  border-color: rgba(232, 30, 35, 0.24);
  box-shadow: var(--gh-shadow-hover);
}

.vin-year-item strong {
  display: block;
  color: var(--gh-heading);
  font-size: 23px;
  line-height: 1.1;
  font-weight: 950;
}

.vin-year-item span {
  color: var(--gh-text);
  font-size: 14px;
}

/* =========================================================
   CHECKLISTA
   ========================================================= */

.vin-checklist {
  position: relative;
  overflow: hidden;
  margin: 36px 0;
  padding: 30px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 92% 8%, rgba(8, 74, 162, 0.075), transparent 28%),
    radial-gradient(circle at 12% 92%, rgba(232, 30, 35, 0.06), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
  border: 1px solid rgba(8, 74, 162, 0.13);
  box-shadow: var(--gh-shadow-card);
}

.vin-checklist h2 {
  margin-top: 0;
}

/* =========================================================
   CTA — nadal mocny, ale lżejszy wizualnie
   ========================================================= */

.vin-cta {
  position: relative;
  overflow: hidden;
  margin: 44px 0;
  padding: 36px;
  border-radius: 34px;
  color: #ffffff;
  background:
    radial-gradient(circle at 12% 15%, rgba(255, 255, 255, 0.22), transparent 30%),
    radial-gradient(circle at 88% 0%, rgba(232, 30, 35, 0.34), transparent 30%),
    linear-gradient(135deg, #0b63ce 0%, #283087 100%);
  box-shadow: 0 18px 44px rgba(8, 74, 162, 0.18);
}

.vin-cta::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -80px;
  width: 230px;
  height: 230px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.vin-cta h2,
.vin-cta p,
.vin-cta strong {
  position: relative;
  z-index: 1;
  color: #ffffff;
}

/* =========================================================
   FAQ
   ========================================================= */

.vin-faq {
  margin: 44px 0;
}

.vin-faq-item {
  margin-bottom: 14px;
  padding: 24px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 98% 8%, rgba(8, 74, 162, 0.045), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid var(--gh-border);
  box-shadow: var(--gh-shadow-soft);
}

.vin-faq-item h3 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.vin-faq-item h3::before {
  content: "?";
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 11px;
  color: var(--gh-heading);
  background: var(--gh-blue-soft);
  font-size: 17px;
  font-weight: 950;
  line-height: 30px;
  text-align: center;
}

/* =========================================================
   RESPONSYWNOŚĆ
   ========================================================= */

@media (max-width: 980px) {
  .vin-mini-table {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 860px) {
  .vin-hero {
    padding: 34px 24px;
    border-radius: 28px;
  }

  .vin-hero::after {
    right: -8px;
    bottom: -30px;
    font-size: 112px;
  }

  .vin-toc ul {
    columns: 1;
  }

  .vin-grid,
  .vin-code-split {
    grid-template-columns: 1fr;
  }

  .vin-mini-table {
    grid-template-columns: repeat(3, 1fr);
  }

  .vin-table,
  .vin-table thead,
  .vin-table tbody,
  .vin-table th,
  .vin-table td,
  .vin-table tr {
    display: block;
    width: 100%;
  }

  .vin-table thead {
    display: none;
  }

  .vin-table tr {
    border-top: 1px solid var(--gh-border);
  }

  .vin-table tr:first-child {
    border-top: 0;
  }

  .vin-table td {
    padding: 12px 16px;
    border-top: 0;
  }

  .vin-table td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 4px;
    color: var(--gh-heading);
    font-weight: 950;
  }
}

@media (max-width: 560px) {
  .vin-article {
    padding: 0 12px 32px;
  }

  .vin-hero {
    margin-top: 18px;
    padding: 28px 20px;
  }

  .vin-hero h1 {
    font-size: clamp(29px, 9vw, 39px);
  }

  .vin-lead {
    font-size: 16px;
  }

  .vin-mini-table {
    grid-template-columns: repeat(2, 1fr);
  }

  .vin-numbered li {
    padding: 70px 18px 18px;
  }

  .vin-numbered li::before {
    left: 18px;
    top: 18px;
  }

  .vin-ai-answer,
  .vin-note,
  .vin-warning,
  .vin-summary-box,
  .vin-checklist,
  .vin-cta,
  .vin-faq-item {
    padding: 20px;
  }

  .vin-code-card {
    padding: 22px 18px;
  }

  .vin-code-card code {
    letter-spacing: 1px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97dc6df */.elementor-13454 .elementor-element.elementor-element-97dc6df{
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.15) 4px 4px 15px 0px, rgb(255, 255, 255) 0px 0px 0px 0px, rgb(255, 255, 255) 2px 2px 2px 0px inset, rgb(199, 199, 199) -2px -2px 2px 0px inset

}/* End custom CSS */