/** Shopify CDN: Minification failed

Line 601:0 Unexpected "<"
Line 629:0 Unexpected "<"

**/
/* === CTA QuixiGo – kanciaste przyciski z gradientem === */
.button,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded,
.product-form__submit,
.btn,
button[type="submit"] {
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important; /* ← kanciaste rogi */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 0 14px rgba(109, 40, 217, 0.5);
  transition: all 0.3s ease;
}

/* Efekt hover (po najechaniu) */
.button:hover,
.shopify-payment-button__button:hover,
.shopify-payment-button__button--unbranded:hover,
.product-form__submit:hover,
.btn:hover,
button[type="submit"]:hover {
  background: linear-gradient(90deg, #06B6D4 0%, #C026D3 50%, #6D28D9 100%) !important;
  transform: scale(1.03);
  box-shadow: 0 0 22px rgba(192, 38, 211, 0.6);
  filter: brightness(1.1);
}

/* Styl dla przycisków drugorzędnych (np. „więcej opcji płatności”) */
.button--secondary,
.btn--secondary {
  background: #1B1B1B !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  border: 1px solid #06B6D4 !important;
  transition: all 0.3s ease;
}

.button--secondary:hover,
.btn--secondary:hover {
  background: #06B6D4 !important;
  color: #000000 !important;
}

/* === HEADER QUIXIGO – ten sam klimat co przyciski === */
.header,
.shopify-section-header,
header.site-header {
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  border: none !important;
  transition: all 0.3s ease;
}

/* Kolor tekstu i ikon w nagłówku */
.header a,
.header__menu-item,
.header__icon,
.header__menu-item span {
  color: #ffffff !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* Efekt hover na linkach/ikonach w headerze */
.header a:hover,
.header__menu-item:hover,
.header__icon:hover {
  color: #FACC15 !important; /* złoty akcent po hoverze */
  text-shadow: 0 0 10px rgba(250, 204, 21, 0.8);
}

/* Pasek „Witamy w sklepie Quixi Go!” */
.announcement-bar,
.header__announcement {
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%) !important;
  color: #ffffff !important;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* Subtelny efekt rozświetlenia całego headera po najechaniu */
header.site-header:hover {
  filter: brightness(1.05);
  box-shadow: 0 4px 25px rgba(192, 38, 211, 0.4);
  transition: all 0.35s ease;
}
/* === FOOTER QUIXIGO – ten sam styl co header i przyciski === */
footer,
.site-footer,
.footer,
.shopify-section-footer {
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%) !important;
  color: #ffffff !important;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  border: none !important;
  box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

/* Teksty i linki w stopce */
footer a,
.footer a,
.site-footer__linklist-item a,
.footer__content a {
  color: #ffffff !important;
  font-weight: 500;
  letter-spacing: 0.4px;
  transition: all 0.3s ease;
}

/* Efekt hover na linkach */
footer a:hover,
.footer a:hover,
.site-footer__linklist-item a:hover,
.footer__content a:hover {
  color: #FACC15 !important; /* złoty akcent */
  text-shadow: 0 0 10px rgba(250, 204, 21, 0.8);
}

/* Linie, ikony, elementy graficzne w stopce */
.footer hr,
.footer__separator,
.site-footer__hr {
  border: none !important;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin: 20px auto;
  width: 80%;
}

/* Ikony społecznościowe (jeśli są) */
.footer__social a svg,
.site-footer__social-icons a svg {
  fill: #ffffff !important;
  transition: all 0.3s ease;
}

.footer__social a:hover svg,
.site-footer__social-icons a:hover svg {
  fill: #FACC15 !important;
  filter: drop-shadow(0 0 8px rgba(250, 204, 21, 0.8));
}

/* Efekt rozświetlenia całej stopki po najechaniu */
footer:hover,
.site-footer:hover {
  filter: brightness(1.05);
  box-shadow: 0 -4px 25px rgba(192, 38, 211, 0.4);
  transition: all 0.35s ease;
}
/* === HEADER: gradient na pełną szerokość + kolory linków === */

/* 1) Tło na pełną szerokość (usuwa czarne pasy po bokach) */
.header-wrapper,
.shopify-section-header {
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.3);
  border: none !important;
}

/* 2) Wnętrze headera bez własnego tła (żeby nie ucinało gradientu) */
.header,
header.site-header {
  background: transparent !important;
}

/* 3) Czasem Dawn rysuje cienką „belkę” ::before — wyłączamy */
.header-wrapper::before,
.header-wrapper::after {
  content: none !important;
}

/* 4) Kolory linków i ikon + hover */
.header a,
.header__menu-item,
.header__icon,
.header__menu-item span {
  color: #ffffff !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
  transition: color .25s ease, text-shadow .25s ease;
}
.header a:hover,
.header__menu-item:hover,
.header__icon:hover {
  color: #FACC15 !important; /* złoty akcent */
  text-shadow: 0 0 10px rgba(250,204,21,.8);
}

/* 5) Pasek ogłoszeń nad headerem – też gradient, pełna szerokość */
.announcement-bar,
.header__announcement {
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%) !important;
  color: #fff !important;
}

/* 6) Opcjonalnie: brak marginesów bocznych, gdyby motyw je dodawał */
.header-wrapper { padding-left: 0 !important; padding-right: 0 !important; }
/* === MENU MOBILNE QUIXIGO – gradientowe tło jak w headerze === */
.menu-drawer,
.drawer,
.mobile-nav,
.menu-drawer__navigation-container,
.menu-drawer__inner-container,
.header__submenu,
.header__submenu .menu {
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%) !important;
  color: #ffffff !important;
}

/* Kolor linków w menu mobilnym */
.menu-drawer a,
.drawer a,
.mobile-nav a {
  color: #ffffff !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

/* Efekt hover w menu mobilnym */
.menu-drawer a:hover,
.drawer a:hover,
.mobile-nav a:hover {
  color: #FACC15 !important;
  text-shadow: 0 0 10px rgba(250, 204, 21, 0.8);
}

/* Przycisk „X” w menu (zamknięcie) */
.menu-drawer__close-button svg,
.drawer__close svg {
  stroke: #FACC15 !important;
  transition: all 0.3s ease;
}

.menu-drawer__close-button:hover svg,
.drawer__close:hover svg {
  stroke: #ffffff !important;
  filter: drop-shadow(0 0 6px rgba(250, 204, 21, 0.8));
}

/* Tło całego obszaru menu (bez białych przerw) */
.menu-drawer__navigation,
.drawer__contents {
  background: transparent !important;
}

/* Dla bezpieczeństwa – usuń białe pseudo-elementy */
.menu-drawer::before,
.menu-drawer::after,
.drawer::before,
.drawer::after {
  content: none !important;
}
/* === QUIXIGO: przyciski sekcyjne (np. „Chcę to” w Image-with-text / Rich text) === */

/* Wymuś nasz styl na wszystkich przyciskach sekcji */
.shopify-section .button,
.shopify-section a.button,
.shopify-section button.button,
.image-with-text .button,
.rich-text .button,
.multicolumn .button,
.collage .button,
.banner__buttons .button,
.button--tertiary,
.button--secondary,
.button--primary {
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  box-shadow: 0 0 14px rgba(109,40,217,.5);
  transition: all .3s ease;
}

/* Hover (tylko gdy nie disabled) */
.shopify-section .button:not([disabled]):hover,
.image-with-text .button:not([disabled]):hover,
.rich-text .button:not([disabled]):hover,
.multicolumn .button:not([disabled]):hover,
.collage .button:not([disabled]):hover,
.banner__buttons .button:not([disabled]):hover,
.button--tertiary:not([disabled]):hover,
.button--secondary:not([disabled]):hover,
.button--primary:not([disabled]):hover {
  background: linear-gradient(90deg, #06B6D4 0%, #C026D3 60%, #6D28D9 100%) !important;
  transform: scale(1.03);
  box-shadow: 0 0 22px rgba(192,38,211,.6), 0 0 28px rgba(6,182,212,.5);
  filter: brightness(1.1);
}

/* Na wszelki wypadek: usuń zaokrąglenia & obramowanie z wariantu tertiary,
   który w Dawn bywa czarny z białym tekstem */
.button--tertiary,
.button--tertiary:hover {
  border-radius: 0 !important;
  border: none !important;
}

/* Jeśli sekcja nadaje kolorami przez zmienne CSS, wyłącz je */
.shopify-section .button {
  --color-button: initial !important;
  --color-button-text: initial !important;
}
/* === QUIXIGO × PAGEPILOT: CTA w sekcjach/aplikacji === */
:root { --qg-grad: linear-gradient(90deg,#6D28D9 0%,#C026D3 50%,#06B6D4 100%); }

.shopify-app-block button,
.shopify-app-block a.button,
.shopify-app-block .button,
.shopify-app-block .btn,
.shopify-section[id*="pagepilot"] button,
.shopify-section[id*="pagepilot"] a,
.shopify-section[class*="pagepilot"] button,
.shopify-section[class*="pagepilot"] a,
[class*="pagepilot"] .button,
[class*="pagepilot"] .btn,
.pp-button, .pp-btn, .pagepilot-button, .pagepilot__button {
  background: var(--qg-grad) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  box-shadow: 0 0 14px rgba(109,40,217,.5);
  transition: all .3s ease;
}

.shopify-app-block button:hover,
.shopify-app-block a.button:hover,
.shopify-app-block .button:hover,
.shopify-app-block .btn:hover,
.shopify-section[id*="pagepilot"] button:hover,
.shopify-section[id*="pagepilot"] a:hover,
.shopify-section[class*="pagepilot"] button:hover,
.shopify-section[class*="pagepilot"] a:hover,
.pp-button:hover, .pp-btn:hover, .pagepilot-button:hover, .pagepilot__button:hover {
  background: linear-gradient(90deg,#06B6D4 0%,#C026D3 60%,#6D28D9 100%) !important;
  transform: scale(1.03);
  box-shadow: 0 0 22px rgba(192,38,211,.6), 0 0 28px rgba(6,182,212,.5);
  filter: brightness(1.1);
}
/* === QUIXIGO: Pasek ogłoszeń – pełna szerokość bez białych boków === */

/* sam pasek – żadnego własnego tła, tylko podkład pod spodem */
.announcement-bar,
.header__announcement {
  position: relative;
  background: transparent !important;
  overflow: visible;
}

/* gradientowy podkład ZA paskiem (rozlewa się na całą szerokość sekcji) */
.announcement-bar::before,
.header__announcement::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%);
  z-index: -1;              /* pod treścią paska */
  pointer-events: none;     /* nie przeszkadza klikom */
}

/* wnętrze paska – zero białych teł oraz zwężania */
.announcement-bar__message,
.announcement-bar .page-width,
.header__announcement .page-width {
  background: transparent !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* kolor i drobne wzmocnienie czytelności tekstu */
.announcement-bar, .header__announcement {
  color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
}
/* ====== QUIXIGO CTA – WĄSKO CELOWANY OVERRIDE ====== */

/* Zielony: ADD TO CART (Dawn) */
.product-form form .product-form__buttons .product-form__submit.button--primary,
.product-form__buttons button[name="add"] {
  background: #00E676 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 16px 22px !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 16px rgba(0, 230, 118, .35) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

/* Zielony: BUY NOW (Shopify Payments) */
.shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-payment-button .shopify-payment-button__button {
  background: #00E676 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 16px 22px !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 16px rgba(0, 230, 118, .35) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

/* Hover aktywnych przycisków (bez disabled) */
.product-form__buttons .product-form__submit.button--primary:not([disabled]):hover,
.product-form__buttons button[name="add"]:not([disabled]):hover,
.shopify-payment-button .shopify-payment-button__button--unbranded:not([disabled]):hover,
.shopify-payment-button .shopify-payment-button__button:not([disabled]):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 22px rgba(0, 200, 83, .55) !important;
  filter: brightness(1.02) !important;
}

/* Pulsowanie (tylko gdy aktywne) */
@keyframes qg-greenpulse {
  0%,100% { box-shadow: 0 0 12px rgba(0, 230, 118, .75); }
  50%     { box-shadow: 0 0 26px rgba(0, 230, 118, 1); }
}
.product-form__buttons .product-form__submit.button--primary:not([disabled]),
.product-form__buttons button[name="add"]:not([disabled]),
.shopify-payment-button .shopify-payment-button__button--unbranded:not([disabled]),
.shopify-payment-button .shopify-payment-button__button:not([disabled]) {
  animation: qg-greenpulse 2.6s ease-in-out infinite !important;
}

/* Stan disabled – wycisz, bez animacji */
.product-form__buttons .product-form__submit.button--primary[disabled],
.product-form__buttons button[name="add"][disabled],
.shopify-payment-button .shopify-payment-button__button--unbranded[disabled],
.shopify-payment-button .shopify-payment-button__button[disabled] {
  animation: none !important;
  filter: grayscale(.25) brightness(.9) !important;
  box-shadow: none !important;
}

/* ————————————————————————————————
   Czerwony wariant do własnego użytku
   Użyj klas: .btn-red lub .want-btn
   (np. w sekcji Rich text, banner, PagePilot)
   ———————————————————————————————— */
.btn-red, .want-btn,
a.btn-red, a.want-btn,
button.btn-red, button.want-btn {
  background: #FF3B30 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 14px 22px !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 16px rgba(255, 59, 48, .35) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}
.btn-red:not([disabled]):hover, .want-btn:not([disabled]):hover,
a.btn-red:not([disabled]):hover, a.want-btn:not([disabled]):hover,
button.btn-red:not([disabled]):hover, button.want-btn:not([disabled]):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 22px rgba(229, 57, 53, .55) !important;
  filter: brightness(1.02) !important;
}
@keyframes qg-redpulse {
  0%,100% { box-shadow: 0 0 12px rgba(255, 59, 48, .75); }
  50%     { box-shadow: 0 0 26px rgba(255, 59, 48, 1); }
}
.btn-red:not([disabled]), .want-btn:not([disabled]),
a.btn-red:not([disabled]), a.want-btn:not([disabled]),
button.btn-red:not([disabled]), button.want-btn:not([disabled]) {
  animation: qg-redpulse 2.6s ease-in-out infinite !important;
}

/* ————————————————————————————————
   OCHRONA: NIE tykaj plus/minus, selektorów itp.
   (nadpisuje ewentualne wcześniejsze globalne reguły)
   ———————————————————————————————— */
.quantity__button,
.quantity__input,
.product-form__input input[type="radio"] + label,
.product-form__input input[type="radio"]:checked + label,
.product-form__input input[type="checkbox"] + label {
  background: initial !important;
  color: initial !important;
  border: initial !important;
  box-shadow: none !important;
  animation: none !important;
}/* === QUIXIGO: FINAL BUTTON OVERRIDES (PagePilot + product) === */

/* Zielony – główne CTA (Add to cart / Buy now) */
html body .product-form__buttons .product-form__submit.button,
html body .product-form__submit,
html body .shopify-payment-button__button--unbranded,
html body .shopify-payment-button__button,
/* PagePilot */
html body .pagepilot-section .pp-button--primary,
html body .pagepilot-section .pp-button-primary,
html body .pagepilot-section .shopify-payment-button__button,
html body .pagepilot-section .product-form__submit {
  background: #00E676 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 16px 24px !important;
  width: 100%;
  font-weight: 800 !important;
  box-shadow: 0 6px 14px rgba(0,230,118,.45) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
  animation: qg-greenpulse 2.6s infinite ease-in-out !important;
}

/* Hover */
html body .product-form__buttons .product-form__submit.button:not([disabled]):hover,
html body .product-form__submit:not([disabled]):hover,
html body .shopify-payment-button__button--unbranded:not([disabled]):hover,
html body .shopify-payment-button__button:not([disabled]):hover,
html body .pagepilot-section .pp-button--primary:not([disabled]):hover,
html body .pagepilot-section .pp-button-primary:not([disabled]):hover,
html body .pagepilot-section .shopify-payment-button__button:not([disabled]):hover,
html body .pagepilot-section .product-form__submit:not([disabled]):hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 18px rgba(0,230,118,.6) !important;
}

/* Pulsowanie */
@keyframes qg-greenpulse {
  0%, 100% { box-shadow: 0 0 10px rgba(0,230,118,.55) }
  50%      { box-shadow: 0 0 22px rgba(0,230,118,.95) }
}

/* Czerwony wariant – użyj klasy .want-btn lub .btn-red w PagePilot/sekcjach */
html body .want-btn,
html body .btn-red,
html body .pagepilot-section .want-btn,
html body .pagepilot-section .btn-red {
  background: #FF3B30 !important;
  background-image: none !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 22px !important;
  width: 100%;
  font-weight: 800 !important;
  box-shadow: 0 6px 14px rgba(255,59,48,.35) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
  animation: qg-redpulse 2.6s infinite ease-in-out !important;
}
html body .want-btn:hover,
html body .btn-red:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 18px rgba(255,59,48,.55) !important;
}
@keyframes qg-redpulse {
  0%, 100% { box-shadow: 0 0 10px rgba(255,59,48,.55) }
  50%      { box-shadow: 0 0 22px rgba(255,59,48,.95) }
}

/* Bardzo ważne: NIE stylujemy +/- ilości – trzymamy neutralne */
html body .quantity__button,
html body .quantity__input {
  background: var(--color-background, #fff) !important;
  border: 1px solid var(--color-foreground-20, rgba(0,0,0,.15)) !important;
  color: inherit !important;
  box-shadow: none !important;
}

/* Zabij zmienne PagePilot tylko dla przycisków – zabezpieczenie przed gradientami */
html body .pagepilot-section {
  --pp-button-background-color: #00E676 !important;
  --pp-button-text-color: #ffffff !important;
  --pp-border-radius: 10px !important;
}
<style id="qg-want-style">
/* Czerwony „Chcę to” – nadpisanie zielonego gradientu */
.shopify-section .button.want-btn,
button.want-btn {
  background: #FF3B30 !important;
  color:#fff !important;
  border:none !important;
  border-radius:10px !important;
  font-weight:800 !important;
  text-transform:uppercase;
  letter-spacing:.3px;
  box-shadow:0 8px 18px rgba(255,59,48,.35) !important;
  padding:16px 28px !important;
  display:inline-flex; align-items:center; justify-content:center;
  gap:.5rem;
  animation:qg-pulse-red 2.2s infinite ease-in-out;
}
.shopify-section .button.want-btn:hover,
button.want-btn:hover{
  background:#E53935 !important;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(229,57,53,.45) !important;
}
/* delikatny puls */
@keyframes qg-pulse-red{
  0%,100%{ box-shadow:0 0 10px rgba(255,59,48,.55) }
  50%     { box-shadow:0 0 22px rgba(255,59,48,.95) }
}
</style>
/* ===== QUIXIGO: CTA GREEN WITH SOFT PULSE (paste at file end) ===== */

/* Kluczowe selektory zielonych CTA */
html body .product-form__buttons .product-form__submit.button,
html body .product-form__submit,
html body .shopify-payment-button__button--unbranded,
html body .shopify-payment-button__button,
/* PagePilot warianty */
html body .pagepilot-section .pp-button--primary,
html body .pagepilot-section .pp-button-primary,
html body .pagepilot-section .shopify-payment-button__button,
html body .pagepilot-section .product-form__submit {
  background: #34D399 !important;            /* stonowany emerald */
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 16px 24px !important;
  width: 100%;
  font-weight: 800 !important;
  box-shadow: 0 6px 14px rgba(52, 211, 153, .30) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

/* Delikatne pulsowanie tylko, gdy przycisk jest aktywny */
@keyframes qg-softpulse {
  0%, 100% { box-shadow: 0 0 10px rgba(52,211,153,.35); transform: translateY(0); }
  50%      { box-shadow: 0 0 22px rgba(16,185,129,.55);  transform: translateY(-1px); }
}
html body .product-form__buttons .product-form__submit.button:not([disabled]),
html body .product-form__submit:not([disabled]),
html body .shopify-payment-button__button--unbranded:not([disabled]),
html body .shopify-payment-button__button:not([disabled]),
html body .pagepilot-section .pp-button--primary:not([disabled]),
html body .pagepilot-section .pp-button-primary:not([disabled]),
html body .pagepilot-section .shopify-payment-button__button:not([disabled]),
html body .pagepilot-section .product-form__submit:not([disabled]) {
  animation: qg-softpulse 2.6s ease-in-out infinite !important;
}

/* Hover – trochę mocniejszy blask */
html body .product-form__buttons .product-form__submit.button:not([disabled]):hover,
html body .product-form__submit:not([disabled]):hover,
html body .shopify-payment-button__button--unbranded:not([disabled]):hover,
html body .shopify-payment-button__button:not([disabled]):hover,
html body .pagepilot-section .pp-button--primary:not([disabled]):hover,
html body .pagepilot-section .pp-button-primary:not([disabled]):hover,
html body .pagepilot-section .shopify-payment-button__button:not([disabled]):hover,
html body .pagepilot-section .product-form__submit:not([disabled]):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 20px rgba(16,185,129,.50) !important;
}

/* Disabled – bez efektów */
html body .product-form__buttons .product-form__submit.button[disabled],
html body .product-form__submit[disabled],
html body .shopify-payment-button__button--unbranded[disabled],
html body .shopify-payment-button__button[disabled],
html body .pagepilot-section .pp-button--primary[disabled],
html body .pagepilot-section .pp-button-primary[disabled],
html body .pagepilot-section .shopify-payment-button__button[disabled],
html body .pagepilot-section .product-form__submit[disabled] {
  animation: none !important;
  filter: grayscale(.2) brightness(.95) !important;
  box-shadow: none !important;
}

/* Bez zmian dla czerwonego „CHCĘ TO” – jeśli gdzieś był globalny gradient, zdejmij go */
html body .button.want-btn,
html body a.button.want-btn,
html body .btn.want-btn,
html body button.want-btn {
  background-image: none !important;
}
/* ===== QUIXIGO: CTA GREEN WITH SOFT PULSE (paste at file end) ===== */

/* Kluczowe selektory zielonych CTA */
html body .product-form__buttons .product-form__submit.button,
html body .product-form__submit,
html body .shopify-payment-button__button--unbranded,
html body .shopify-payment-button__button,
/* PagePilot warianty */
html body .pagepilot-section .pp-button--primary,
html body .pagepilot-section .pp-button-primary,
html body .pagepilot-section .shopify-payment-button__button,
html body .pagepilot-section .product-form__submit {
  background: #34D399 !important;            /* stonowany emerald */
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 16px 24px !important;
  width: 100%;
  font-weight: 800 !important;
  box-shadow: 0 6px 14px rgba(52, 211, 153, .30) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

/* Delikatne pulsowanie tylko, gdy przycisk jest aktywny */
@keyframes qg-softpulse {
  0%, 100% { box-shadow: 0 0 10px rgba(52,211,153,.35); transform: translateY(0); }
  50%      { box-shadow: 0 0 22px rgba(16,185,129,.55);  transform: translateY(-1px); }
}
html body .product-form__buttons .product-form__submit.button:not([disabled]),
html body .product-form__submit:not([disabled]),
html body .shopify-payment-button__button--unbranded:not([disabled]),
html body .shopify-payment-button__button:not([disabled]),
html body .pagepilot-section .pp-button--primary:not([disabled]),
html body .pagepilot-section .pp-button-primary:not([disabled]),
html body .pagepilot-section .shopify-payment-button__button:not([disabled]),
html body .pagepilot-section .product-form__submit:not([disabled]) {
  animation: qg-softpulse 2.6s ease-in-out infinite !important;
}

/* Hover – trochę mocniejszy blask */
html body .product-form__buttons .product-form__submit.button:not([disabled]):hover,
html body .product-form__submit:not([disabled]):hover,
html body .shopify-payment-button__button--unbranded:not([disabled]):hover,
html body .shopify-payment-button__button:not([disabled]):hover,
html body .pagepilot-section .pp-button--primary:not([disabled]):hover,
html body .pagepilot-section .pp-button-primary:not([disabled]):hover,
html body .pagepilot-section .shopify-payment-button__button:not([disabled]):hover,
html body .pagepilot-section .product-form__submit:not([disabled]):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 20px rgba(16,185,129,.50) !important;
}

/* Disabled – bez efektów */
html body .product-form__buttons .product-form__submit.button[disabled],
html body .product-form__submit[disabled],
html body .shopify-payment-button__button--unbranded[disabled],
html body .shopify-payment-button__button[disabled],
html body .pagepilot-section .pp-button--primary[disabled],
html body .pagepilot-section .pp-button-primary[disabled],
html body .pagepilot-section .shopify-payment-button__button[disabled],
html body .pagepilot-section .product-form__submit[disabled] {
  animation: none !important;
  filter: grayscale(.2) brightness(.95) !important;
  box-shadow: none !important;
}

/* Bez zmian dla czerwonego „CHCĘ TO” – jeśli gdzieś był globalny gradient, zdejmij go */
html body .button.want-btn,
html body a.button.want-btn,
html body .btn.want-btn,
html body button.want-btn {
  background-image: none !important;
}
/* ===========================
   QG – HOTFIX: Newsletter + Język
   (wkleić NA SAM DÓŁ pliku)
   =========================== */

/* 0) Nie stosuj gradientowych CTA w newsletterze i w selektorze języka */
.shopify-section .button,
.shopify-section a.button,
.shopify-section button.button,
.button--primary,
.button--secondary,
.button--tertiary {
  /* bez zmian – ale niżej nadpisujemy newsletter i język bardziej specyficznie */
}

/* 1) NEWSLETTER – reset i czytelny układ */
.newsletter,
.footer .newsletter,
.footer .newsletter-form,
.footer .newsletter-form .field {
  background: transparent !important;
}

.footer .newsletter-form .field {
  /* ładny, wąski rządek i centrowanie */
  max-width: 520px;
  margin: 0 auto;
}

.footer .newsletter-form .field__input,
.newsletter-form .field__input {
  background: #ffffff !important;
  color: #111 !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* przycisk newslettera – zwykła strzałka, bez gradientu i bez pulsów */
.footer .newsletter-form .field__button .button,
.newsletter-form .newsletter__submit,
.newsletter-form .field__button .button {
  background: #111 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  padding: 10px 14px !important;
  transition: transform .15s ease;
}
.footer .newsletter-form .field__button .button:hover,
.newsletter-form .newsletter__submit:hover {
  transform: translateY(-1px);
}

/* 2) SELEKTOR JĘZYKA – „odczep” od CTA */
.localization-form .disclosure__button,
.localization-form .disclosure__link {
  background: #ffffff !important;
  color: inherit !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.localization-form .disclosure__list,
.localization-form .localization-form__select {
  background: #fff !important;
  color: #111 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
}

/* 3) Dodatkowo – upewnij się, że nasze „wielkie” CTA NIE nadpisuje newslettera i języka */
.newsletter .button,
.newsletter-form .button,
.localization-form .button,
.localization-form .disclosure__button,
.localization-form .disclosure__link {
  background-image: none !important;
  animation: none !important;
}

/* 4) Subtelniejsze zielone CTA (Add to cart / Buy now) – tonowanie i puls */
:root { --qg-green: #1ddf86; } /* łagodniejsza zieleń */

.product-form__buttons .product-form__submit,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
  background: var(--qg-green) !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 14px rgba(29,223,134,.35) !important;
  animation: qg-greenpulse 3s ease-in-out infinite !important; /* wolniejszy, lżejszy puls */
}

@keyframes qg-greenpulse {
  0%,100% { box-shadow: 0 0 10px rgba(29,223,134,.45) }
  50%     { box-shadow: 0 0 18px rgba(29,223,134,.80) }
}
/* ===========================
   FINAL FIX: Newsletter + CTA height
   =========================== */

/* --- NEWSLETTER: centrowanie, pełna szerokość inputa i wyrównany przycisk --- */
.footer .newsletter,
.footer .newsletter-form,
.newsletter {
  text-align: center !important;
  background: transparent !important;
}

.footer .newsletter-form .field {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  max-width: 520px;
  margin: 0 auto !important;
  gap: 8px !important;
}

.footer .newsletter-form .field__input,
.newsletter-form .field__input {
  flex: 1 1 auto !important;
  background: #fff !important;
  color: #111 !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: 10px !important;
  height: 46px !important;
  padding: 0 14px !important;
  box-shadow: none !important;
}

.footer .newsletter-form .field__button .button,
.newsletter-form .newsletter__submit {
  height: 46px !important;
  background: #111 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0 20px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: transform .15s ease;
}
.footer .newsletter-form .field__button .button:hover,
.newsletter-form .newsletter__submit:hover {
  transform: translateY(-1px);
}

/* --- CTA w sliderze / banerze – wyższe i pełniejsze (KUP TERAZ) --- */
.shopify-section .button,
.shopify-section a.button,
.shopify-section button.button {
  min-height: 54px !important;
  line-height: 1.3 !important;
  padding: 14px 32px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}

/* --- Upewnij się, że gradient w sliderze (KUP TERAZ) działa --- */
.shopify-section .button:not(.want-btn):not([disabled]) {
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 6px 18px rgba(109,40,217,.35) !important;
  transition: all .3s ease;
}
.shopify-section .button:not(.want-btn):hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(192,38,211,.45) !important;
  filter: brightness(1.05);
}

/* --- Język: zachowaj kompaktowy wygląd --- */
.localization-form .disclosure__button {
  height: 38px !important;
  min-height: unset !important;
  padding: 0 10px !important;
}
/* === QUIXIGO: STABILNY DROPDOWN JĘZYKÓW (bez znikania) === */

/* 1) Nigdy nie przycinaj listy w okolicy headera */
.header-wrapper,
.header,
.shopify-section-header {
  overflow: visible !important;
}

/* 2) Zapnij geometrię dropdownu i usuń „szpary” */
.header .localization-form details.disclosure { 
  position: relative !important;
}

.header .localization-form .disclosure__button {
  background:#fff !important;
  color:#111 !important;
  border:1px solid rgba(0,0,0,.15) !important;
  border-radius:10px !important;
  min-height:38px !important;
  padding:0 12px !important;
}

/* absolutnie pod przyciskiem, bez marginesów – żeby nie tracił focusu */
.header .localization-form .disclosure__list-wrapper {
  position: absolute !important;
  top: calc(100% + 6px) !important;   /* 6px odstępu wizualnego, bez „dziury” */
  left: 0 !important;
  margin: 0 !important;
  pointer-events: auto !important;

  min-width: 160px !important;
  background:#fff !important;
  border:1px solid rgba(0,0,0,.14) !important;
  border-radius:12px !important;
  box-shadow:0 10px 26px rgba(0,0,0,.12) !important;
  z-index: 99999 !important;

  opacity: 1 !important; 
  visibility: visible !important;
}

/* 3) Styl pozycji na liście (bez wpływu na JS) */
.header .localization-form .disclosure__link {
  color:#111 !important;
  padding:10px 14px !important;
  line-height: 1.2 !important;
}
.header .localization-form .disclosure__link:hover {
  background:rgba(0,0,0,.05) !important;
}
/* === QUIXIGO: FIX – języki + newsletter === */

/* ========================= */
/* 1️⃣ DROPDOWN JĘZYKA HEADER */
/* ========================= */

.header .localization-form details.disclosure {
  position: relative !important;
}

.header .localization-form .disclosure__button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .4rem !important;
  padding: 8px 36px 8px 16px !important; /* miejsce na strzałkę */
  min-height: 38px !important;
  background: #fff !important;
  color: #000 !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.header .localization-form .disclosure__button .icon-caret {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

/* Dropdown lista języków */
.header .localization-form .disclosure__list-wrapper {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  min-width: 160px !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.12) !important;
  overflow: visible !important;
  z-index: 99999 !important;
}

.header .localization-form .disclosure__list {
  padding: 6px !important;
}

.header .localization-form .disclosure__link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
  color: #000 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

.header .localization-form .disclosure__link:hover {
  background: rgba(0,0,0,.05) !important;
}

.header-wrapper,
.shopify-section-header {
  overflow: visible !important;
}


/* ======================= */
/* 2️⃣ NEWSLETTER POPRAWKA */
/* ======================= */

.newsletter-form {
  max-width: 640px !important;
  margin: 0 auto 28px !important;
}

.newsletter-form .field {
  position: relative !important;
}

.newsletter-form .field__input {
  width: 100% !important;
  height: 56px !important;
  padding: 0 80px 0 16px !important; /* miejsce na przycisk po prawej */
  border-radius: 12px !important;
  line-height: 1.2 !important;
  font-size: 16px !important;
  color: #000 !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.1) !important;
  transition: border-color .2s ease !important;
}

.newsletter-form .field__input:focus {
  border-color: #C026D3 !important;
  outline: none !important;
}

.newsletter-form .field__input::placeholder {
  color: transparent !important;
}

/* Jedna pływająca etykieta */
.newsletter-form .field__label {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: rgba(0,0,0,.6) !important;
  transition: all .15s ease !important;
  background: transparent !important;
  font-size: 15px !important;
}

.newsletter-form .field__input:focus + .field__label,
.newsletter-form .field__input:not(:placeholder-shown) + .field__label {
  top: 8px !important;
  transform: none !important;
  font-size: 12px !important;
  opacity: .85 !important;
}

/* Przycisk – gradient, pełna wysokość pola */
.newsletter-form .newsletter-form__button {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  height: 56px !important;
  min-width: 64px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%) !important;
  color: #fff !important;
  transition: all .2s ease !important;
}

.newsletter-form .newsletter-form__button:hover {
  filter: brightness(1.1) !important;
  transform: scale(1.03);
}
/* === QUIXIGO: FIX – języki + newsletter === */

/* ========================= */
/* 1️⃣ DROPDOWN JĘZYKA HEADER */
/* ========================= */

.header .localization-form details.disclosure {
  position: relative !important;
}

.header .localization-form .disclosure__button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .4rem !important;
  padding: 8px 36px 8px 16px !important; /* miejsce na strzałkę */
  min-height: 38px !important;
  background: #fff !important;
  color: #000 !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.header .localization-form .disclosure__button .icon-caret {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

/* Dropdown lista języków */
.header .localization-form .disclosure__list-wrapper {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  min-width: 160px !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.12) !important;
  overflow: visible !important;
  z-index: 99999 !important;
}

.header .localization-form .disclosure__list {
  padding: 6px !important;
}

.header .localization-form .disclosure__link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
  color: #000 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

.header .localization-form .disclosure__link:hover {
  background: rgba(0,0,0,.05) !important;
}

.header-wrapper,
.shopify-section-header {
  overflow: visible !important;
}


/* ======================= */
/* 2️⃣ NEWSLETTER POPRAWKA */
/* ======================= */

.newsletter-form {
  max-width: 640px !important;
  margin: 0 auto 28px !important;
}

.newsletter-form .field {
  position: relative !important;
}

.newsletter-form .field__input {
  width: 100% !important;
  height: 56px !important;
  padding: 0 80px 0 16px !important; /* miejsce na przycisk po prawej */
  border-radius: 12px !important;
  line-height: 1.2 !important;
  font-size: 16px !important;
  color: #000 !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.1) !important;
  transition: border-color .2s ease !important;
}

.newsletter-form .field__input:focus {
  border-color: #C026D3 !important;
  outline: none !important;
}

.newsletter-form .field__input::placeholder {
  color: transparent !important;
}

/* Jedna pływająca etykieta */
.newsletter-form .field__label {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: rgba(0,0,0,.6) !important;
  transition: all .15s ease !important;
  background: transparent !important;
  font-size: 15px !important;
}

.newsletter-form .field__input:focus + .field__label,
.newsletter-form .field__input:not(:placeholder-shown) + .field__label {
  top: 8px !important;
  transform: none !important;
  font-size: 12px !important;
  opacity: .85 !important;
}

/* Przycisk – gradient, pełna wysokość pola */
.newsletter-form .newsletter-form__button {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  height: 56px !important;
  min-width: 64px !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%) !important;
  color: #fff !important;
  transition: all .2s ease !important;
}

.newsletter-form .newsletter-form__button:hover {
  filter: brightness(1.1) !important;
  transform: scale(1.03);
}
/* === QUIXIGO: FIX STOPKA + NEWSLETTER === */

/* 🔹 STOPKA – wyrównanie języków Shopify */
.footer__content-bottom,
.shopify-section-footer,
footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* 🔹 Kontener języków – centrowanie i margines */
.shopify-section-footer .localization-form,
.footer__localization,
.localization-selector,
.localization-selector__select {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: 12px !important;
  margin-bottom: 6px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

/* 🔹 Styl dropdownu języka (Polski / English) */
.shopify-section-footer select.localization-selector__select {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  color: #fff !important;
  font-weight: 500 !important;
  appearance: none !important;
  cursor: pointer !important;
  backdrop-filter: blur(6px) !important;
}

.shopify-section-footer select.localization-selector__select:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  transition: all 0.2s ease-in-out !important;
}

/* 🔹 Dropdown lista języków */
.disclosure__list-wrapper,
.localization-selector__list {
  background: rgba(0, 0, 0, 0.85) !important;
  border-radius: 8px !important;
  padding: 6px 0 !important;
  color: #fff !important;
  backdrop-filter: blur(6px) !important;
}

/* 🔹 Elementy dropdownu */
.disclosure__list-wrapper li,
.localization-selector__item {
  padding: 6px 14px !important;
  cursor: pointer !important;
}
.disclosure__list-wrapper li:hover,
.localization-selector__item:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #FACC15 !important;
}

/* 🔹 NEWSLETTER – wyrównanie pola i przycisku */
.newsletter-form {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.newsletter-form .field {
  position: relative !important;
  width: 100% !important;
  max-width: 540px !important;
}

.newsletter-form .field__input {
  height: 52px !important;
  line-height: 52px !important;
  padding: 0 80px 0 16px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 15px !important;
  box-sizing: border-box !important;
}

/* Label "E-mail" idealnie wyśrodkowana */
.newsletter-form .field__label {
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 15px !important;
  color: rgba(0, 0, 0, 0.65) !important;
}

/* Etykieta unosi się przy wpisywaniu */
.newsletter-form .field__input:focus + .field__label,
.newsletter-form .field__input:not(:placeholder-shown) + .field__label {
  top: 8px !important;
  font-size: 12px !important;
  opacity: 0.85 !important;
}

/* Przycisk newslettera – dopasowany rozmiar */
.newsletter-form .newsletter-form__button {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  height: 52px !important;
  min-width: 68px !important;
  border: none !important;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  background: linear-gradient(90deg,#6D28D9 0%,#C026D3 50%,#06B6D4 100%) !important;
  color: #fff !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

.newsletter-form .newsletter-form__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 18px rgba(192,38,211,.45);
}
/* === QUIXIGO: FORMULARZ KONTAKT === */

.contact,
.shopify-section--contact {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
}

/* Pola formularza */
.contact input[type="text"],
.contact input[type="email"],
.contact input[type="tel"],
.contact textarea {
  width: 100% !important;
  border: 1.5px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #000 !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
  transition: all 0.25s ease !important;
  margin-bottom: 18px !important;
}

/* Efekt focus (kliknięcie w pole) */
.contact input:focus,
.contact textarea:focus {
  border-color: #8B5CF6 !important; /* Fiolet */
  box-shadow: 0 0 8px rgba(139,92,246,0.3),
              0 0 18px rgba(6,182,212,0.2) !important;
  outline: none !important;
}

/* Placeholder */
.contact input::placeholder,
.contact textarea::placeholder {
  color: rgba(0, 0, 0, 0.4) !important;
  font-size: 15px !important;
}

/* Tekst wewnętrzny labeli */
.contact label {
  display: block !important;
  font-weight: 500 !important;
  margin-bottom: 6px !important;
  color: rgba(0, 0, 0, 0.75) !important;
}

/* Przycisk „Wyślij” */
.contact button[type="submit"],
.contact input[type="submit"] {
  background: linear-gradient(90deg, #6D28D9 0%, #C026D3 50%, #06B6D4 100%) !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 24px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
  margin-top: 10px !important;
}

/* Efekt hover przycisku */
.contact button[type="submit"]:hover,
.contact input[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(192,38,211,0.45) !important;
}