/* =========================================================
   TWOJA SUPERPOMOC — O NAS, KONTAKT, WOOCOMMERCE
   Uwaga: ten plik nie modyfikuje hero strony głównej.
   ========================================================= */

:root {
  --sp-ink: #10153e;
  --sp-muted: #5f6278;
  --sp-purple: #5b35b5;
  --sp-purple-dark: #321a7a;
  --sp-peach: #f4a17f;
  --sp-soft: #faf9fd;
  --sp-line: rgba(69, 48, 133, .10);
  --sp-shadow: 0 18px 55px rgba(31, 24, 73, .09);
  --sp-shadow-soft: 0 10px 30px rgba(39, 27, 88, .06);
  --sp-radius: 22px;
}

.sp-page { overflow: hidden; }
.sp-shell { width: min(calc(100% - 64px), 1320px); margin-inline: auto; }
.sp-section { padding: 88px 0; }
.sp-section-soft { background: linear-gradient(180deg, #fbfaff 0%, #fff 100%); }
.sp-kicker { display:inline-flex; padding:7px 12px; border-radius:999px; color:var(--sp-purple); background:#eee9ff; font-size:.78rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.sp-gradient-text { background:linear-gradient(90deg,#6a42d8 0%,#f19d7d 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.sp-page h1,.sp-page h2,.sp-page h3 { color:var(--sp-ink); }
.sp-page p { color:var(--sp-muted); }
.sp-page-title { font-size:clamp(2.7rem,5vw,5rem); line-height:1.02; letter-spacing:-.055em; margin:18px 0 24px; max-width:760px; }
.sp-section-title { font-size:clamp(2rem,3.2vw,3.2rem); letter-spacing:-.04em; margin:0 0 18px; }
.sp-lead { font-size:1.1rem; line-height:1.75; max-width:720px; }
.sp-card { background:#fff; border:1px solid var(--sp-line); border-radius:var(--sp-radius); box-shadow:var(--sp-shadow-soft); }
.sp-icon { width:48px; height:48px; border-radius:15px; display:grid; place-items:center; flex:0 0 auto; background:#f2edff; color:var(--sp-purple); font-size:1.35rem; }
.sp-icon.green { background:#ecf8ee; color:#2ca34a; }
.sp-icon.peach { background:#fff0eb; color:#ef6548; }
.sp-icon.blue { background:#edf4ff; color:#4376d8; }
.sp-btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 24px; border:0; border-radius:11px; font-weight:800; cursor:pointer; color:#fff; background:linear-gradient(135deg,var(--sp-purple),var(--sp-purple-dark)); box-shadow:0 12px 28px rgba(91,53,177,.22); }
.sp-btn:hover { transform:translateY(-2px); }
.sp-btn-secondary { color:var(--sp-ink); background:#fff; border:1px solid var(--sp-line); box-shadow:none; }

/* Shared CTA */
.sp-dark-cta { position:relative; overflow:hidden; padding:42px; border-radius:26px; color:#fff; background:linear-gradient(135deg,#171746 0%,#2a205f 55%,#4a2aa5 100%); box-shadow:var(--sp-shadow); }
.sp-dark-cta h2,.sp-dark-cta p { color:#fff; }
.sp-dark-cta-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:32px; align-items:center; }
.sp-dark-cta-actions { display:flex; gap:12px; flex-wrap:wrap; }
.sp-dark-cta .sp-btn-secondary { color:#fff; background:transparent; border-color:rgba(255,255,255,.35); }

/* =========================================================
   CONTACT PAGE
   ========================================================= */
.sp-contact-hero { padding:72px 0 54px; background:linear-gradient(135deg,#fff 0%,#fbfaff 62%,#fff8f4 100%); }
.sp-contact-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); gap:56px; align-items:start; }
.sp-check-list { list-style:none; padding:0; margin:28px 0; display:grid; gap:14px; }
.sp-check-list li { position:relative; padding-left:30px; color:var(--sp-ink); font-weight:650; }
.sp-check-list li::before { content:'✓'; position:absolute; left:0; top:1px; width:21px; height:21px; border-radius:50%; display:grid; place-items:center; color:#fff; background:var(--sp-purple); font-size:.72rem; }
.sp-contact-note { display:flex; gap:16px; align-items:center; padding:18px; }
.sp-contact-form { padding:28px; }
.sp-contact-form h2 { margin:0 0 24px; font-size:1.45rem; }
.sp-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.sp-field { display:grid; gap:7px; }
.sp-field.full { grid-column:1/-1; }
.sp-field label { color:var(--sp-ink); font-weight:700; font-size:.88rem; }
.sp-field input,.sp-field select,.sp-field textarea { width:100%; border:1px solid var(--sp-line); border-radius:10px; background:#fff; color:var(--sp-ink); padding:13px 14px; font:inherit; }
.sp-field textarea { min-height:150px; resize:vertical; }
.sp-field input:focus,.sp-field select:focus,.sp-field textarea:focus { outline:3px solid rgba(91,53,181,.12); border-color:var(--sp-purple); }
.sp-form-consent { display:flex; align-items:flex-start; gap:10px; margin:16px 0; font-size:.82rem; color:var(--sp-muted); }
.sp-form-consent input { margin-top:4px; }
.sp-form-status { margin:0 0 18px; padding:12px 14px; border-radius:10px; font-weight:700; }
.sp-form-status.success { background:#ecf8ee; color:#226f37; }
.sp-form-status.error { background:#fff0eb; color:#a3422d; }
.sp-honeypot { position:absolute!important; left:-9999px!important; }
.sp-contact-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.sp-contact-card { display:flex; gap:14px; align-items:center; padding:20px; min-height:112px; }
.sp-contact-card h3 { margin:0 0 4px; font-size:1rem; }
.sp-contact-card p { margin:0; font-size:.86rem; line-height:1.45; }
.sp-benefit-strip { padding:28px; }
.sp-benefit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.sp-benefit-item { display:flex; gap:14px; align-items:flex-start; }
.sp-benefit-item h3 { margin:0 0 4px; font-size:.95rem; }
.sp-benefit-item p { margin:0; font-size:.82rem; }
.sp-faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px 18px; }
.sp-faq details { padding:0 18px; border:1px solid var(--sp-line); border-radius:12px; background:#fff; }
.sp-faq summary { cursor:pointer; list-style:none; padding:16px 0; color:var(--sp-ink); font-weight:750; }
.sp-faq summary::-webkit-details-marker { display:none; }
.sp-faq summary::after { content:'+'; float:right; color:var(--sp-purple); font-size:1.2rem; }
.sp-faq details[open] summary::after { content:'−'; }
.sp-faq details p { margin:0 0 16px; }

/* =========================================================
   ABOUT PAGE
   ========================================================= */
.sp-about-hero { padding:58px 0 24px; background:linear-gradient(135deg,#fff 0%,#fbfaff 62%,#fff9f5 100%); }
.sp-about-hero-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); gap:48px; align-items:center; }
.sp-about-photo { min-height:500px; border-radius:26px; overflow:hidden; box-shadow:var(--sp-shadow); }
.sp-about-photo img { width:100%; height:100%; min-height:500px; object-fit:cover; object-position:65% 22%; }
.sp-values-inline { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:30px; }
.sp-value-mini { padding:16px; }
.sp-value-mini h3 { margin:12px 0 5px; font-size:.95rem; }
.sp-value-mini p { margin:0; font-size:.8rem; }
.sp-proof-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; padding:0; overflow:hidden; background:var(--sp-line); }
.sp-proof { background:linear-gradient(180deg,#fbfaff,#fff); padding:24px; display:flex; gap:14px; align-items:center; }
.sp-proof strong { display:block; color:var(--sp-ink); font-size:1.05rem; }
.sp-proof span { color:var(--sp-muted); font-size:.82rem; }
.sp-story-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:38px; align-items:stretch; }
.sp-story { padding:32px; }
.sp-quote { padding:34px; background:linear-gradient(135deg,#f7f3ff,#fff); }
.sp-quote blockquote { margin:0; color:var(--sp-ink); font-size:1.25rem; line-height:1.6; }
.sp-quote cite { display:block; margin-top:18px; color:var(--sp-purple); font-style:normal; font-weight:800; }
.sp-process { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.sp-process-card { position:relative; padding:22px; }
.sp-process-card::after { content:'→'; position:absolute; right:-12px; top:32px; color:#b9a9ea; font-weight:900; }
.sp-process-card:last-child::after { display:none; }
.sp-process-number { width:36px; height:36px; border-radius:12px; display:grid; place-items:center; background:#eee9ff; color:var(--sp-purple); font-weight:900; }
.sp-process-card h3 { margin:16px 0 8px; font-size:1rem; }
.sp-process-card p { margin:0; font-size:.84rem; }
.sp-team-grid { display:grid; grid-template-columns:1.2fr repeat(4,1fr); gap:16px; align-items:stretch; }
.sp-team-intro { padding:28px; }
.sp-team-card { padding:22px; text-align:center; }
.sp-avatar { width:86px; height:86px; margin:0 auto 14px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:1.45rem; font-weight:900; background:linear-gradient(135deg,var(--sp-purple),var(--sp-peach)); }
.sp-team-card h3 { margin:0 0 5px; font-size:1rem; }
.sp-team-card p { margin:0; font-size:.8rem; }
.sp-testimonials { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.sp-testimonial { padding:24px; }
.sp-stars { color:#f4a119; letter-spacing:.12em; }
.sp-testimonial p { line-height:1.65; }
.sp-testimonial strong { color:var(--sp-ink); }
.sp-values-row { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.sp-values-row .sp-card { padding:20px; text-align:center; }

/* =========================================================
   WOOCOMMERCE
   ========================================================= */
.woocommerce-page .site-main,.post-type-archive-product .site-main { overflow:hidden; }
.sp-shop-hero { padding:54px 0 38px; background:linear-gradient(135deg,#fff 0%,#fbfaff 62%,#fff9f5 100%); }
.sp-shop-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(480px,.9fr); gap:42px; align-items:center; }
.sp-shop-visual { min-height:390px; border-radius:26px; overflow:hidden; background:linear-gradient(135deg,#f6f2ff,#fff6ef); display:grid; place-items:center; padding:34px; box-shadow:var(--sp-shadow-soft); }
.sp-shop-device { width:min(100%,430px); aspect-ratio:1.45; border-radius:18px; padding:16px; background:#25252b; box-shadow:0 28px 60px rgba(31,24,73,.18); transform:rotate(-1.5deg); }
.sp-shop-screen { height:100%; padding:28px; border-radius:9px; background:#fff; color:var(--sp-ink); }
.sp-shop-screen strong { display:block; margin-bottom:18px; }
.sp-shop-line { height:10px; border-radius:999px; background:#eee9ff; margin:11px 0; }
.sp-shop-line:nth-child(3){width:76%}.sp-shop-line:nth-child(4){width:88%}.sp-shop-line:nth-child(5){width:62%}
.sp-shop-features { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:24px; }
.sp-shop-feature { display:flex; gap:12px; align-items:center; }
.sp-shop-feature strong { display:block; color:var(--sp-ink); font-size:.88rem; }
.sp-shop-feature span { color:var(--sp-muted); font-size:.76rem; }
.sp-shop-trust { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; overflow:hidden; background:var(--sp-line); margin:0 auto 42px; }
.sp-shop-trust > div { display:flex; gap:12px; align-items:center; padding:20px; background:#fff; }
.sp-shop-trust strong { display:block; color:var(--sp-ink); font-size:.9rem; }
.sp-shop-trust span { color:var(--sp-muted); font-size:.78rem; }
.sp-woo-main { padding:62px 0 90px; }
.woocommerce .woocommerce-breadcrumb { color:var(--sp-muted); font-size:.86rem; }
.woocommerce .woocommerce-result-count { color:var(--sp-muted); }
.woocommerce .woocommerce-ordering select { border:1px solid var(--sp-line); border-radius:10px; padding:10px 36px 10px 12px; background:#fff; }
.woocommerce ul.products { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin:32px 0!important; }
.woocommerce ul.products::before,.woocommerce ul.products::after { display:none!important; }
.woocommerce ul.products li.product { float:none!important; width:auto!important; margin:0!important; padding:14px 14px 18px!important; border:1px solid var(--sp-line); border-radius:18px; background:#fff; box-shadow:var(--sp-shadow-soft); transition:transform .2s ease,box-shadow .2s ease; }
.woocommerce ul.products li.product:hover { transform:translateY(-4px); box-shadow:0 18px 40px rgba(39,27,88,.10); }
.woocommerce ul.products li.product a img { border-radius:14px; margin-bottom:18px!important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color:var(--sp-ink); font-size:1.02rem!important; line-height:1.35; min-height:2.7em; }
.woocommerce ul.products li.product .price { color:var(--sp-ink)!important; font-size:1.12rem!important; font-weight:850; }
.woocommerce ul.products li.product .button,.woocommerce div.product form.cart .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button { border-radius:10px!important; color:#fff!important; background:linear-gradient(135deg,var(--sp-purple),var(--sp-purple-dark))!important; font-weight:800!important; padding:12px 18px!important; }
.woocommerce span.onsale { min-width:auto!important; min-height:auto!important; padding:6px 10px!important; border-radius:999px!important; background:linear-gradient(135deg,var(--sp-purple),#8c64e8)!important; line-height:1!important; }
.woocommerce div.product { padding:42px 0; }
.woocommerce div.product div.images img { border-radius:18px; }
.woocommerce div.product .product_title { color:var(--sp-ink); font-size:clamp(2rem,3vw,3.2rem); }
.woocommerce div.product p.price,.woocommerce div.product span.price { color:var(--sp-purple)!important; font-weight:850; }
.woocommerce-message,.woocommerce-info,.woocommerce-error { border-radius:12px; border-top-color:var(--sp-purple); background:#fbfaff; }
.woocommerce-cart table.cart,.woocommerce-checkout-review-order,.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register { border:1px solid var(--sp-line)!important; border-radius:16px!important; padding:20px!important; }
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select { border:1px solid var(--sp-line); border-radius:10px; padding:12px; }
.woocommerce nav.woocommerce-pagination ul { border:0!important; display:flex; gap:7px; }
.woocommerce nav.woocommerce-pagination ul li { border:0!important; }
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span { border-radius:9px; background:#f5f1ff; color:var(--sp-purple); }
.woocommerce nav.woocommerce-pagination ul li span.current { background:var(--sp-purple); color:#fff; }

/* Responsive */
@media (max-width:1100px) {
  .sp-contact-grid,.sp-about-hero-grid,.sp-shop-hero-grid { grid-template-columns:1fr; }
  .sp-contact-cards,.sp-benefit-grid,.sp-proof-strip,.sp-shop-features,.sp-shop-trust { grid-template-columns:repeat(2,1fr); }
  .sp-values-inline { grid-template-columns:repeat(2,1fr); }
  .sp-process { grid-template-columns:repeat(3,1fr); }
  .sp-process-card::after { display:none; }
  .sp-team-grid { grid-template-columns:1fr 1fr 1fr; }
  .sp-team-intro { grid-column:1/-1; }
  .woocommerce ul.products { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .sp-shell { width:min(calc(100% - 28px),1320px); }
  .sp-section { padding:64px 0; }
  .sp-form-grid,.sp-faq-grid,.sp-story-grid,.sp-testimonials { grid-template-columns:1fr; }
  .sp-contact-cards,.sp-benefit-grid,.sp-proof-strip,.sp-values-inline,.sp-values-row,.sp-shop-features,.sp-shop-trust { grid-template-columns:1fr; }
  .sp-process { grid-template-columns:1fr; }
  .sp-team-grid { grid-template-columns:1fr 1fr; }
  .sp-dark-cta { padding:28px; }
  .sp-dark-cta-grid { grid-template-columns:1fr; }
  .woocommerce ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
}
@media (max-width:480px) {
  .sp-team-grid,.woocommerce ul.products { grid-template-columns:1fr; }
  .sp-contact-form { padding:20px; }
  .sp-shop-visual { min-height:300px; padding:18px; }
}

.sp-cart-link { position:relative; width:44px; height:44px; border-radius:12px; display:grid; place-items:center; border:1px solid var(--sp-line); background:#fff; font-size:1.15rem; }
.sp-cart-count { position:absolute; top:-6px; right:-6px; min-width:20px; height:20px; padding:0 5px; border-radius:999px; display:grid; place-items:center; color:#fff; background:var(--sp-purple); font-size:.68rem; font-weight:900; }
@media (max-width: 900px) { .sp-cart-link { width:40px; height:40px; } }

/* v3.1 refinements — templates matching approved mockups. Homepage hero untouched. */
.sp-section-tight { padding: 54px 0; }
.sp-heading-center { text-align:center; max-width:760px; margin:0 auto 34px; }
.sp-btn-wide { width:100%; }
.sp-page small { color:var(--sp-muted); }

.sp-contact-note { color:inherit; }
.sp-contact-note small,.sp-contact-note strong,.sp-contact-note em { display:block; }
.sp-contact-note strong { color:var(--sp-ink); margin:2px 0; }
.sp-contact-note em { color:var(--sp-muted); font-size:.8rem; font-style:normal; }
.sp-contact-form-wrap { padding:0; box-shadow:var(--sp-shadow); }
.sp-contact-cta { min-height:260px; }
.sp-contact-cta .sp-dark-cta-grid { grid-template-columns:minmax(0,1.3fr) .65fr 270px; }
.sp-contact-cta h2 span { color:#f0a083; }
.sp-contact-cta ul { list-style:none; margin:0; padding:0; display:grid; gap:12px; color:#fff; }
.sp-contact-cta li::before { content:'✓'; margin-right:9px; color:#d9ceff; }
.sp-contact-cta img { position:absolute; right:0; bottom:0; width:300px; height:250px; object-fit:cover; object-position:66% 20%; -webkit-mask-image:linear-gradient(to left,#000 72%,transparent 100%); mask-image:linear-gradient(to left,#000 72%,transparent 100%); }

.sp-founder { display:flex; gap:14px; align-items:center; margin-top:24px; }
.sp-founder strong,.sp-founder span { display:block; }
.sp-founder span { color:var(--sp-muted); font-size:.82rem; }
.sp-avatar-small { width:58px!important; height:58px!important; margin:0!important; font-size:.9rem!important; }
.sp-team-layout { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(0,2.2fr); gap:28px; align-items:stretch; }
.sp-team-grid { grid-template-columns:repeat(4,1fr); }
.sp-team-intro { padding:8px 20px 8px 0; }
.sp-team-note { margin-top:16px; padding:12px 18px; border-radius:12px; text-align:center; background:#f5f1ff; color:var(--sp-purple); font-weight:700; font-size:.84rem; }
.sp-avatar.alt { background:linear-gradient(135deg,#6176d9,#9ba8ee); }
.sp-avatar.peach { background:linear-gradient(135deg,#e98467,#f5c0a9); }
.sp-avatar.green { background:linear-gradient(135deg,#39a665,#8fd6a9); }
.sp-proof-icon { width:44px; height:44px; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--sp-purple),#7f5ee0); font-weight:900; }

.sp-shop-features > div { display:grid; grid-template-columns:auto 1fr; column-gap:10px; align-items:center; }
.sp-shop-features > div .sp-icon { grid-row:1/3; }
.sp-shop-features strong,.sp-shop-features small { display:block; }
.sp-shop-desk { position:relative; width:100%; height:340px; }
.sp-laptop { position:absolute; left:16%; top:24px; width:62%; height:230px; padding:12px; border-radius:14px; background:#24242a; box-shadow:0 26px 50px rgba(31,24,73,.18); }
.sp-shop-screen { height:100%; border-radius:7px; padding:24px; background:#fff; }
.sp-shop-screen span { display:block; height:10px; margin:12px 0; border-radius:999px; background:#eee9ff; }
.sp-shop-screen span:nth-child(3){width:78%}.sp-shop-screen span:nth-child(4){width:88%}.sp-shop-screen span:nth-child(5){width:65%}
.sp-laptop::after { content:''; position:absolute; left:-12%; right:-12%; bottom:-18px; height:18px; border-radius:2px 2px 16px 16px; background:#c6c6ca; }
.sp-cup { position:absolute; right:7%; top:48px; width:72px; height:62px; border-radius:7px 7px 26px 26px; background:#fff; box-shadow:0 12px 24px rgba(40,28,90,.08); }
.sp-cup::after { content:''; position:absolute; right:-18px; top:15px; width:24px; height:25px; border:7px solid #fff; border-left:0; border-radius:0 50% 50% 0; }
.sp-notebook { position:absolute; right:4%; bottom:18px; width:150px; height:90px; border-radius:8px; background:linear-gradient(135deg,#fff,#f4efe8); transform:rotate(-7deg); box-shadow:0 15px 28px rgba(40,28,90,.08); }
.sp-shop-trust small,.sp-digital-benefits small { display:block; }
.sp-shop-categories { display:flex; flex-wrap:wrap; gap:10px; margin-top:-36px; margin-bottom:52px; }
.sp-shop-categories a { padding:12px 16px; border:1px solid var(--sp-line); border-radius:12px; color:var(--sp-ink); background:#fff; font-size:.85rem; font-weight:750; }
.sp-shop-categories a:first-child { color:var(--sp-purple); border-color:#a98cf3; background:#fbf9ff; }
.sp-shop-bundle { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); gap:30px; align-items:center; padding:36px; border:1px solid var(--sp-line); border-radius:24px; background:linear-gradient(135deg,#fbf9ff,#fff6f0); box-shadow:var(--sp-shadow-soft); }
.sp-shop-bundle h2 { margin:14px 0; font-size:clamp(2rem,3vw,3.1rem); }
.sp-bundle-art { display:flex; align-items:center; justify-content:center; gap:12px; }
.sp-bundle-art span { width:120px; height:170px; padding:18px 12px; border-radius:8px; display:grid; place-items:center; text-align:center; color:var(--sp-purple); background:#fff; border:1px solid var(--sp-line); box-shadow:0 14px 26px rgba(39,27,88,.08); font-weight:850; transform:rotate(-4deg); }
.sp-bundle-art span:nth-of-type(2){transform:rotate(1deg);color:var(--sp-ink)}.sp-bundle-art span:nth-of-type(3){transform:rotate(5deg);background:#eee9ff}
.sp-bundle-art b { color:var(--sp-purple); font-size:1.8rem; }
.sp-digital-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-bottom:70px; overflow:hidden; border:1px solid var(--sp-line); border-radius:18px; background:var(--sp-line); }
.sp-digital-benefits > div { display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:center; padding:22px; background:#fff; }
.sp-digital-benefits .sp-icon { grid-row:1/3; }

/* Expanded footer */
.site-footer { border-top:1px solid rgba(69,48,133,.08); background:#fff; }
.footer-grid { display:grid; grid-template-columns:1.25fr repeat(4,1fr); gap:42px; padding:58px 0 42px; }
.footer-column strong { display:block; margin-bottom:14px; color:var(--ink); }
.footer-column a,.footer-column p { display:block; margin:7px 0; color:var(--muted); font-size:.88rem; }
.footer-column a:hover { color:var(--purple); }
.footer-brand { margin-bottom:12px; color:var(--ink); font-size:1.1rem; font-weight:850; }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding:20px 0 28px; border-top:1px solid rgba(69,48,133,.08); color:var(--muted); font-size:.82rem; }

@media (max-width:1100px) {
  .sp-team-layout { grid-template-columns:1fr; }
  .sp-team-grid { grid-template-columns:repeat(2,1fr); }
  .sp-contact-cta .sp-dark-cta-grid { grid-template-columns:1fr .8fr; }
  .sp-contact-cta img { display:none; }
  .sp-shop-bundle { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:760px) {
  .sp-team-grid,.sp-digital-benefits { grid-template-columns:1fr; }
  .sp-contact-cta .sp-dark-cta-grid { grid-template-columns:1fr; }
  .sp-shop-categories { margin-top:-20px; }
  .sp-bundle-art { transform:scale(.86); transform-origin:center; }
  .footer-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:480px) {
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { display:block; }
  .sp-bundle-art { display:none; }
}


/* =========================================================
   SKLEP v3.3 — widok zgodny z zaakceptowaną makietą
   Nie wpływa na hero strony głównej.
   ========================================================= */
.sp-shop-page { background:#fff; }
.sp-shop-hero-v33 { padding:42px 0 34px; background:linear-gradient(135deg,#fff 0%,#fbfaff 62%,#fff8f3 100%); }
.sp-shop-hero-v33-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr); gap:42px; align-items:center; }
.sp-shop-hero-copy .sp-page-title { max-width:760px; font-size:clamp(2.8rem,4.5vw,4.75rem); }
.sp-shop-mini-benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:26px; }
.sp-shop-mini-benefits > div { display:grid; grid-template-columns:auto 1fr; column-gap:10px; align-items:center; min-width:0; }
.sp-shop-mini-benefits .sp-mini-icon { grid-row:1/3; width:42px; height:42px; border-radius:14px; display:grid; place-items:center; background:#f1ebff; color:var(--sp-purple); font-weight:900; }
.sp-shop-mini-benefits .green { background:#ecf8ee; color:#2ca34a; }.sp-shop-mini-benefits .blue { background:#edf4ff; color:#4376d8; }.sp-shop-mini-benefits .peach { background:#fff0eb; color:#ef6548; }
.sp-shop-mini-benefits b,.sp-shop-mini-benefits small { display:block; }.sp-shop-mini-benefits b { color:var(--sp-ink); font-size:.82rem; line-height:1.25; }.sp-shop-mini-benefits small { color:var(--sp-muted); font-size:.72rem; line-height:1.35; }
.sp-shop-hero-art { position:relative; min-height:390px; overflow:hidden; border-radius:26px; background:linear-gradient(135deg,#faf8f2,#f5f0ea); box-shadow:var(--sp-shadow-soft); }
.sp-shop-laptop { position:absolute; left:22%; top:48px; width:58%; height:235px; padding:12px; border-radius:13px; background:#23252a; box-shadow:0 28px 60px rgba(31,24,73,.18); }
.sp-shop-laptop::after { content:''; position:absolute; left:-14%; right:-14%; bottom:-17px; height:17px; border-radius:3px 3px 17px 17px; background:#c9c9cc; }
.sp-shop-laptop-screen { height:100%; padding:28px; border-radius:7px; background:#fff; color:var(--sp-ink); }
.sp-shop-laptop-screen span,.sp-shop-laptop-screen strong { display:block; }.sp-shop-laptop-screen span { color:var(--sp-muted); font-size:.78rem; }.sp-shop-laptop-screen strong { margin:5px 0 20px; }.sp-shop-laptop-screen i { display:block; width:100%; height:9px; margin:12px 0; border:1px solid #eee9ff; border-radius:3px; }.sp-shop-laptop-screen i:nth-of-type(2){width:86%}.sp-shop-laptop-screen i:nth-of-type(3){width:72%}.sp-shop-laptop-screen i:nth-of-type(4){width:91%}
.sp-shop-plant { position:absolute; left:8%; top:62px; width:90px; height:130px; border-radius:50% 50% 18px 18px; background:radial-gradient(circle at 50% 25%,#edf2e7 0 36%,transparent 37%),linear-gradient(#fff,#eee); box-shadow:0 14px 26px rgba(40,28,90,.08); }
.sp-shop-cup-v33 { position:absolute; right:7%; top:92px; width:76px; height:66px; border-radius:8px 8px 28px 28px; background:#fff; box-shadow:0 12px 24px rgba(40,28,90,.08); }.sp-shop-cup-v33::after { content:''; position:absolute; right:-19px; top:16px; width:24px; height:27px; border:7px solid #fff; border-left:0; border-radius:0 50% 50% 0; }
.sp-shop-note-v33 { position:absolute; right:5%; bottom:28px; width:175px; height:105px; border-radius:8px; background:linear-gradient(135deg,#fff,#f1ede6); transform:rotate(-8deg); box-shadow:0 15px 28px rgba(40,28,90,.08); }
.sp-shop-trust-v33 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:16px auto 54px; overflow:hidden; border:1px solid var(--sp-line); border-radius:18px; background:var(--sp-line); }
.sp-shop-trust-v33 > div,.sp-digital-benefits-v33 > div { display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:center; padding:20px; background:#fff; }.sp-shop-trust-v33 p,.sp-digital-benefits-v33 p { margin:0; }.sp-shop-trust-v33 b,.sp-shop-trust-v33 small,.sp-digital-benefits-v33 b,.sp-digital-benefits-v33 small { display:block; }.sp-shop-trust-v33 b,.sp-digital-benefits-v33 b { color:var(--sp-ink); font-size:.9rem; }.sp-shop-trust-v33 small,.sp-digital-benefits-v33 small { color:var(--sp-muted); font-size:.77rem; }
.sp-trust-icon { width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background:#f1ebff; color:var(--sp-purple); font-weight:900; }.sp-trust-icon.green{background:#ecf8ee;color:#2ca34a}.sp-trust-icon.blue{background:#edf4ff;color:#4376d8}.sp-trust-icon.peach{background:#fff0eb;color:#ef6548}
.sp-shop-products-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; }.sp-shop-products-heading h2 { margin:0; font-size:clamp(1.8rem,2.4vw,2.5rem); }
.sp-woo-main-v33 { padding-bottom:8px; }
.sp-woo-main-v33 .woocommerce-products-header { display:none; }
.sp-woo-main-v33 .woocommerce-result-count { margin-top:14px; }
.sp-woo-main-v33 .woocommerce-ordering { margin-top:0; }
.sp-shop-page .woocommerce ul.products { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:22px!important; }
.sp-shop-page .woocommerce ul.products li.product { display:flex; flex-direction:column; padding:14px 14px 18px!important; border-radius:20px!important; }
.sp-shop-page .woocommerce ul.products li.product .woocommerce-loop-product__link { display:block; }
.sp-shop-page .woocommerce ul.products li.product a img { aspect-ratio:1/1; object-fit:cover; background:#faf8ff; }
.sp-shop-page .woocommerce ul.products li.product .button { margin-top:auto!important; align-self:flex-start; }
.sp-shop-categories-v33 { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:20px auto 54px; }.sp-shop-categories-v33 a { padding:12px 16px; border:1px solid var(--sp-line); border-radius:12px; color:var(--sp-ink); background:#fff; font-size:.84rem; font-weight:750; }.sp-shop-categories-v33 a.is-active { color:var(--sp-purple); border-color:#a98cf3; background:#fbf9ff; }
.sp-shop-bundle-v33 { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.95fr); gap:34px; align-items:center; padding:42px; border:1px solid var(--sp-line); border-radius:26px; background:linear-gradient(135deg,#fbf9ff,#fff6f0); box-shadow:var(--sp-shadow-soft); }.sp-shop-bundle-v33 h2 { margin:0 0 16px; font-size:clamp(2rem,3vw,3.2rem); }.sp-shop-bundle-v33 p { max-width:620px; }
.sp-shop-bundle-art-v33 { position:relative; min-height:235px; display:flex; align-items:center; justify-content:center; gap:12px; }.sp-shop-bundle-art-v33 span { width:125px; height:180px; padding:16px; display:grid; place-items:center; text-align:center; border-radius:9px; background:#fff; color:var(--sp-purple); border:1px solid var(--sp-line); box-shadow:0 14px 26px rgba(39,27,88,.09); font-weight:850; transform:rotate(-5deg); }.sp-shop-bundle-art-v33 span:nth-of-type(2){transform:rotate(0);color:var(--sp-ink)}.sp-shop-bundle-art-v33 span:nth-of-type(3){transform:rotate(5deg);background:#eee9ff}.sp-shop-bundle-art-v33 b { color:var(--sp-purple); font-size:1.8rem; }.sp-shop-bundle-art-v33 em { position:absolute; right:2%; top:0; width:70px; height:70px; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--sp-purple),#805de3); font-style:normal; font-weight:900; }
.sp-digital-benefits-v33 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:0 auto 76px; overflow:hidden; border:1px solid var(--sp-line); border-radius:18px; background:var(--sp-line); }
@media(max-width:1100px){.sp-shop-hero-v33-grid{grid-template-columns:1fr}.sp-shop-mini-benefits,.sp-shop-trust-v33{grid-template-columns:repeat(2,1fr)}.sp-shop-page .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sp-shop-bundle-v33{grid-template-columns:1fr}}
@media(max-width:760px){.sp-shop-mini-benefits,.sp-shop-trust-v33,.sp-digital-benefits-v33{grid-template-columns:1fr}.sp-shop-page .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sp-shop-bundle-v33{padding:26px}.sp-shop-bundle-art-v33{transform:scale(.85);transform-origin:center}.sp-shop-hero-art{min-height:320px}}
@media(max-width:480px){.sp-shop-page .woocommerce ul.products{grid-template-columns:1fr!important}.sp-shop-bundle-art-v33{display:none}.sp-shop-hero-copy .sp-page-title{font-size:2.65rem}.sp-shop-laptop{left:12%;width:72%}}


/* Superpomoc 3.6 interactive conversion tools */
.sp-tools-section,.sp-conversion-section{background:linear-gradient(180deg,#fff,#fbf9ff)}
.sp-interactive-card,.sp-comparison,.sp-social-section{margin:28px 0;padding:28px;border:1px solid rgba(91,53,181,.1);border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(31,24,73,.07)}
.sp-quiz-questions,.sp-calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.sp-quiz label,.sp-calculator label{display:grid;gap:8px;font-weight:700}.sp-quiz select,.sp-calculator input{width:100%;min-height:48px;padding:10px 12px;border:1px solid rgba(91,53,181,.15);border-radius:12px;background:#fff}.sp-quiz-result{display:none;margin-top:18px;padding:18px;border-radius:16px;background:#f5f1ff}.sp-quiz-result.is-visible{display:block}.sp-quiz-result strong{font-size:1.35rem;color:#5b35b5}.sp-calc-result{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:20px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#f3edff,#fff5ef)}.sp-calc-result strong{font-size:1.7rem;color:#452194}.sp-table-wrap{overflow:auto;margin:20px 0}.sp-comparison table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px}.sp-comparison th,.sp-comparison td{padding:14px;border-bottom:1px solid rgba(91,53,181,.1);text-align:center}.sp-comparison th:first-child,.sp-comparison td:first-child{text-align:left}.sp-availability{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;margin:28px 0;padding:22px 26px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#171742,#4b2a9e)}.sp-availability p{margin:3px 0 0;color:rgba(255,255,255,.78)}.sp-availability>div:nth-child(2){display:grid;text-align:center}.sp-availability>div:nth-child(2) strong{font-size:2rem}.sp-live-dot{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:#4ddb82;box-shadow:0 0 0 6px rgba(77,219,130,.15)}
.sp-booking-widget{width:min(calc(100% - 64px),1320px);margin:60px auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}.sp-booking-copy,.sp-booking-frame{padding:30px;border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(31,24,73,.08);border:1px solid rgba(91,53,181,.09)}.sp-booking-copy ul{padding-left:20px}.sp-booking-frame iframe{width:100%;height:690px;border:0;border-radius:16px}.sp-booking-placeholder{min-height:360px;display:grid;place-items:center;text-align:center;padding:30px;background:#f8f5ff;border-radius:18px}.sp-booking-fallback a{font-weight:800;color:#5b35b5}
.sp-social-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.sp-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.sp-social-card,.sp-facebook-embed{min-width:0;padding:18px;border:1px solid rgba(91,53,181,.09);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(31,24,73,.05)}.sp-social-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px}.sp-social-network{font-size:.76rem;font-weight:800;color:#5b35b5;text-transform:uppercase}.sp-social-card a{font-weight:800;color:#5b35b5}.sp-facebook-embed iframe{max-width:100%}.sp-footer-social{display:flex;gap:18px;align-items:center;padding-bottom:16px}
@media(max-width:900px){.sp-quiz-questions,.sp-calc-fields,.sp-social-grid{grid-template-columns:1fr}.sp-calc-result{grid-template-columns:1fr 1fr}.sp-availability{grid-template-columns:1fr;text-align:center}.sp-booking-widget{grid-template-columns:1fr}.sp-social-heading{display:block}.sp-booking-frame iframe{height:620px}}
@media(max-width:600px){.sp-interactive-card,.sp-comparison,.sp-social-section{padding:18px}.sp-calc-result{grid-template-columns:1fr}.sp-booking-widget{width:calc(100% - 28px);margin:36px auto}.sp-booking-copy,.sp-booking-frame{padding:18px}}