/* NL Karta produktu 0.2.0 (runda 2, 23.10) — karta produktu w duchu konfiguratora apple.com/shop, w barwach marki NL.
   Ładowana TYLKO na is_product() przy ?nl_karta=1 albo opcji nl_karta = 1 (nl_karta_on() w nl-marka.php).
   Runda 1 nic nie zmieniała: selektory miały html…single-product, a WooCommerce daje klasę single-product na <body>.
   Prefiks body.single-product:not(#nlk) bije reguły nl-marka (body:not(#nlm) …), a plik idzie po nl-marka.css.
   Zasady: hierarchia tytuł → cena → kroki; duże karty wyboru, promień 12 (kontrolki) / 16 (powierzchnie);
   zaznaczenie = ramka 2 px Czerń; wagi 400/600 (bez 500); przejścia 160 ms; kolory tylko przez --a-* / --m-*.
   HTML i JS konfiguratora bez zmian — te same klasy stanu (hn-row-done, hn-selected, hn-open, hn-thumb-active). */

html.nl-apple.nl-marka body.single-product:not(#nlk){
  --k-r:12px;--k-r-lg:16px;--k-ctl:52px;--k-t:160ms cubic-bezier(.2,.7,.2,1);
  --k-cien:0 1px 2px rgba(17,17,17,.05),0 6px 16px rgba(17,17,17,.06);
}

/* 1) Kolumna zakupu: bez beżowej skrzynki wokół formularza — światło zamiast pudełka */
html.nl-apple.nl-marka body.single-product:not(#nlk) form.variations_form{background:transparent!important;padding:0!important;border-radius:0!important;margin-bottom:24px!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .product_title{font-weight:600!important;font-size:36px!important;line-height:1.1!important;letter-spacing:-.018em!important;margin:0 0 20px!important;text-wrap:balance}

/* 2) Cena i linie pod nią — Paweł 23.10 (runda 3): cena ma ZOSTAWAĆ pod tytułem po wyborze rozmiaru i się aktualizować.
   hn-v2.js chowa .hn-from-price (klasa hn-hidden) i po wyborze rozmiaru liczy „od {min}”, nie realną cenę wariantu —
   dlatego samo odkrycie nie wystarczy: assets/nl-karta.js podmienia treść z paska przyklejonego (realna cena wariantu). */
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-from-price{font-size:40px!important;line-height:1!important;margin:0!important;letter-spacing:-.02em!important;white-space:nowrap}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-from-price.hn-hidden{display:block!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .nl-drugie-hint{display:none!important} /* runda 4: zastąpiona dwiema pigułkami w .nlk-pigulki (nl-karta.js) */

/* Runda 4 (24.10, Paweł): cena + pigułki rabatowe w jednej linii; PayPo + ocena Google w drugiej, kompaktowo.
   Elementy przestawia nl-karta.js (ten sam DOM, bez zmian w hn-v2.js) — tu tylko układ i wygląd. */
html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-cena-linia{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:10px 14px!important;margin:0 0 10px!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-pigulki{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-pigulka{display:inline-flex!important;align-items:center!important;padding:6px 12px!important;border-radius:12px!important;background:var(--m-kamien50)!important;color:var(--m-czern)!important;font-size:12.5px!important;font-weight:600!important;line-height:1.3!important;white-space:nowrap}
html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-pigulka--mocna{background:var(--m-kamien50)!important;color:var(--m-czern)!important} /* runda 5: obie neutralne */
html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-info-linia{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px 16px!important;margin:0 0 16px!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-info-linia .hn-pay-hint{margin:0!important;font-size:14px!important;color:var(--m-grafit)!important;white-space:nowrap}
html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-info-linia .hn-pay-hint b{color:var(--m-czern)!important;font-weight:600!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-info-linia .nl-gb.nl-gb--linia{margin:0!important;font-size:13px!important;padding-left:0!important;border-left:0!important}

/* 3) Postęp nad krokami */
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-progress{margin:0 0 10px!important;gap:12px!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-progress-text{font-size:14px!important;font-weight:600!important;color:var(--m-czern)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-progress-track{height:4px!important;border-radius:2px!important;background:var(--m-kamien)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-progress-fill{background:var(--m-czern)!important;border-radius:2px!important;transition:width var(--k-t)!important}

/* 4) Kroki (.hn-attr-row) = duże karty wyboru; wybrany krok: ramka Czerń + ptaszek */
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-rows{display:flex!important;flex-direction:column!important;gap:10px!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-row{position:relative;min-height:68px!important;margin:0!important;padding:0 20px 0 52px!important;border:1px solid var(--m-kamien)!important;border-radius:var(--k-r)!important;background:rgba(255,255,255,.55)!important;box-shadow:none!important;
  transition:border-color var(--k-t),box-shadow var(--k-t),background-color var(--k-t),transform var(--k-t)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-row::before{content:"";position:absolute;left:20px;top:50%;width:20px;height:20px;margin-top:-10px;border:1.5px solid var(--m-kamien);border-radius:50%;box-sizing:border-box;transition:background-color var(--k-t),border-color var(--k-t)}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-row:hover{border-color:var(--m-grafit)!important;background:#fff!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-row:active{transform:scale(.99)}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-row.hn-row-done{border:2px solid var(--m-czern)!important;padding-left:51px!important;padding-right:19px!important;background:#fff!important;box-shadow:var(--k-cien)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-row.hn-row-done::before{left:19px;border-color:var(--m-czern);background:var(--m-czern) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.9' fill='none' stroke='%23F6F4F0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-label{font-size:17px!important;font-weight:600!important;color:var(--m-czern)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-value,html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-value-text{font-size:15px!important;font-weight:400!important;color:var(--m-grafit)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-row-done :is(.hn-attr-value,.hn-attr-value-text){color:var(--m-czern)!important;font-weight:600!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-row:focus-visible{outline:2px solid var(--m-czern)!important;outline-offset:3px!important}

/* 5) Dodatki: te same karty, zaznaczony = ramka Czerń */
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addons{margin:32px 0 0!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-dodatki-banner{margin:0 0 12px!important;padding:10px 14px!important;border-radius:12px!important;background:var(--m-kamien50)!important;color:var(--m-czern)!important;font-size:13.5px!important;font-weight:600!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-studio-banner{margin:14px 0 0!important;padding:10px 14px!important;border-radius:12px!important;background:var(--m-kamien50)!important;color:var(--m-grafit)!important;font-size:13.5px!important;font-weight:400!important;line-height:1.4!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-studio-banner a{color:var(--m-czern)!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:2px!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addons-title{font-size:19px!important;font-weight:600!important;margin:0 0 12px!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon{align-items:center!important;gap:14px!important;padding:16px 18px!important;margin:0 0 10px!important;border:1px solid var(--m-kamien)!important;border-radius:var(--k-r)!important;background:rgba(255,255,255,.55)!important;
  transition:border-color var(--k-t),box-shadow var(--k-t),background-color var(--k-t)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon:hover{border-color:var(--m-grafit)!important;background:#fff!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon.hn-selected{border:2px solid var(--m-czern)!important;padding:15px 17px!important;background:#fff!important;box-shadow:var(--k-cien)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon input{accent-color:var(--m-czern)!important;width:20px!important;height:20px!important;margin:0!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon-thumb{width:64px!important;height:64px!important;flex:0 0 64px!important;border:0!important;border-radius:10px!important;background:var(--m-kamien50)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon-name{font-size:16px!important;font-weight:600!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon-desc{font-size:14px!important;line-height:1.4!important;color:var(--m-grafit)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon-more{color:var(--m-czern)!important;font-weight:600!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon-price{font-size:15px!important;font-weight:600!important;color:var(--m-czern)!important}

/* 6) Ilość + Dodaj do koszyka: jeden rząd, ta sama wysokość 52 px i promień 12 px */
html.nl-apple.nl-marka body.single-product:not(#nlk) .variations_button{display:flex!important;align-items:stretch!important;gap:10px!important;flex-wrap:wrap}
html.nl-apple.nl-marka body.single-product:not(#nlk) .variations_button .inquiry-link-wrapper{order:3;flex:0 0 100%;margin:6px 0 0!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .quantity{height:var(--k-ctl)!important;margin:0!important;border:1px solid var(--m-kamien)!important;border-radius:var(--k-r)!important;background:#fff!important;overflow:hidden}
html.nl-apple.nl-marka body.single-product:not(#nlk) .quantity :is(.sub,>div){height:100%!important;gap:0!important;border:0!important;background:transparent!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .quantity .td-quantity-button{width:44px!important;height:100%!important;font-size:20px!important;font-weight:400!important;color:var(--m-czern)!important;background:transparent!important;border:0!important;cursor:pointer;transition:background-color var(--k-t)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .quantity .td-quantity-button:hover{background:var(--m-kamien50)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .quantity input.qty{width:36px!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center;font-size:17px!important;font-weight:600!important;color:var(--m-czern)!important;-moz-appearance:textfield}
html.nl-apple.nl-marka body.single-product:not(#nlk) .quantity input.qty::-webkit-inner-spin-button,html.nl-apple.nl-marka body.single-product:not(#nlk) .quantity input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html.nl-apple.nl-marka body.single-product:not(#nlk) .single_add_to_cart_button:not(#nlk){flex:1 1 200px!important;height:var(--k-ctl)!important;min-height:var(--k-ctl)!important;margin:0!important;padding:0 24px!important;border:0!important;border-radius:var(--k-r)!important;background:var(--m-czern)!important;color:var(--m-papier)!important;font-size:17px!important;font-weight:600!important;letter-spacing:0!important;box-shadow:none!important;
  transition:background-color var(--k-t),transform var(--k-t),opacity var(--k-t)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .single_add_to_cart_button:not(#nlk):hover{background:#2b2a27!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .single_add_to_cart_button:not(#nlk):active{transform:scale(.98)}
html.nl-apple.nl-marka body.single-product:not(#nlk) .single_add_to_cart_button:not(#nlk):is(:disabled,.disabled){background:var(--m-czern)!important;color:rgba(246,244,240,.62)!important;opacity:1!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .single_add_to_cart_button:not(#nlk):is(:disabled,.disabled) :is(svg,img){opacity:.62}

/* 7) Pasek zaufania: jedna grupa z cienkimi liniami zamiast trzech beżowych kafli */
html.nl-apple.nl-marka body.single-product:not(#nlk) .summary .info-wymiana{display:flex!important;align-items:center!important;gap:14px!important;margin:0!important;padding:16px 4px!important;background:transparent!important;border:0!important;border-top:1px solid var(--m-kamien)!important;border-radius:0!important;box-shadow:none!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .summary .info-wymiana:last-of-type{border-bottom:1px solid var(--m-kamien)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .summary .info-wymiana__tekst{font-size:14px!important;line-height:1.45!important;color:var(--m-grafit)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .summary .info-wymiana__tekst strong{color:var(--m-czern)!important;font-weight:600!important}

html.nl-apple.nl-marka body.single-product:not(#nlk) .summary .info-wymiana__ikona{flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:var(--k-r)!important;background:var(--m-kamien50)!important;color:var(--m-czern)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .summary .info-wymiana__ikona svg{filter:invert(1)} /* ikona motywu ma kreskę Papier na sztywno → Czerń na jasnym tle */
html.nl-apple.nl-marka body.single-product:not(#nlk) .inquiry-link-wrapper img{filter:grayscale(1) brightness(.35)}

/* 8) Galeria: duży promień, miniatury z ramką Czerń na aktywnej */
html.nl-apple.nl-marka body.single-product:not(#nlk) .gallery .product_single_slider_wrap{border-radius:var(--k-r-lg)!important;overflow:hidden}
html.nl-apple.nl-marka body.single-product:not(#nlk) .gallery .product_single_slider_wrap img{border-radius:0!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .slider-nav.hn-thumbs .thumb-slide{border-radius:10px!important;transition:opacity var(--k-t),border-color var(--k-t)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .slider-nav.hn-thumbs .thumb-slide.hn-thumb-active{border-color:var(--m-czern)!important}

/* 9) Panel wyboru (.hn-slide-panel): kafle 12 px, zaznaczony = ramka 2 px Czerń */
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel .hn-tile{border-radius:var(--k-r)!important;transition:border-color var(--k-t),box-shadow var(--k-t),background-color var(--k-t)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel .hn-tile:hover{border-color:var(--m-grafit)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel :is(.hn-tile.hn-selected:not([data-value=""]),.hn-tile.hn-abcd-selected){border:2px solid var(--m-czern)!important;background:#fff!important;box-shadow:var(--k-cien)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel :is(.hn-option-group,.hn-tile-rich){border-radius:var(--k-r)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel .hn-slide-close{border-radius:50%!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel :is(.hn-tile-rich-icon,.hn-step-badge){background:var(--m-czern)!important;color:var(--m-papier)!important;border-color:var(--m-czern)!important} /* był miedziany brąz sprzed marki */

/* 10) Pasek przyklejony: szkło Papier; na telefonie cena + czarny przycisk na całą szerokość.
   Paweł 23.10 (runda 3): ikona CookieYes (dół-lewo, fixed, 45 px desktop / 36 px telefon, z-index ponad paskiem)
   zachodziła na cenę — dokładam bufor z lewej, większy niż ikona + margines, zamiast ruszać CookieYes. */
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-sticky-bar{background:rgba(246,244,240,.88)!important;-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-top:1px solid rgba(17,17,17,.08)!important;box-shadow:0 -6px 20px rgba(17,17,17,.05)!important;padding-left:128px!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-sticky-add:not(#nlk){height:48px!important;padding:0 28px!important;border-radius:var(--k-r)!important;background:var(--m-czern)!important;color:var(--m-papier)!important;font-size:16px!important;font-weight:600!important;letter-spacing:0!important;transition:background-color var(--k-t),transform var(--k-t)!important}
html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-sticky-add:not(#nlk):active{transform:scale(.98)}

@media (max-width:767px){
  html.nl-apple.nl-marka body.single-product:not(#nlk) .product_title{font-size:28px!important;margin-bottom:14px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-from-price{font-size:34px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-cena-linia{margin-bottom:12px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-info-linia{margin-bottom:20px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-info-linia .nl-gb.nl-gb--linia{padding-left:0!important;border-left:0!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-row{min-height:60px!important;padding-right:16px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-row.hn-row-done{padding-right:15px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-label{font-size:16px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) :is(.hn-attr-value,.hn-attr-value-text){font-size:14px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon-thumb{width:52px!important;height:52px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-sticky-bar{gap:14px!important;padding-left:64px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon{display:grid!important;grid-template-columns:20px 52px minmax(0,1fr)!important;column-gap:12px!important;row-gap:6px!important;align-items:center!important;padding:14px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon.hn-selected{padding:13px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon>input{grid-row:1/3;grid-column:1}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon-thumb{grid-row:1/3;grid-column:2}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon-body{grid-column:3;grid-row:1}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon-price{grid-column:3;grid-row:2;justify-self:start;font-size:14px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-sticky-add:not(#nlk){flex:1 1 auto!important;height:50px!important;padding:0 16px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel{border-radius:var(--k-r-lg) var(--k-r-lg) 0 0!important}
}
/* ============ Runda 4b (24.10, Paweł: „na tel to ma zajebiście działać”) — telefon najpierw ============ */
@media (max-width:767px){
  /* pasek zakupu: cała szerokość dla ceny i przycisku; ikony cookies i WhatsApp jadą nad pasek, nic go nie zasłania */
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-sticky-bar{padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;gap:12px!important;align-items:center!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-sticky-bar-price small{display:none!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-sticky-bar-price{flex:0 0 auto!important;white-space:nowrap}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-sticky-bar-price-text{font-size:22px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-sticky-add:not(#nlk){flex:1 1 auto!important;min-width:0!important;min-height:50px!important;font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  /* pasek zawsze widoczny na telefonie (hn-v2 chował go przy przycisku w treści — wtedy WhatsApp wchodził na „Dodaj do koszyka”) */
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-sticky-bar.hn-bar-off{transform:none!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk){padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nl-wa{bottom:calc(84px + env(safe-area-inset-bottom))!important;right:12px!important;width:44px!important;height:44px!important}
  /* ikona zgód CookieYes nie wchodzi na pasek ani na treść karty; zgody można zmienić z każdej innej strony */
  html.nl-apple.nl-marka body.single-product:not(#nlk) .cky-btn-revisit-wrapper{display:none!important}
  /* „Wybierz opcję” na wąskim ekranie łamało nazwy kroków w 2 linie — pusty krążek i strzałka mówią to samo */
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-row:not(.hn-row-done) .hn-attr-value-text{display:none!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-row{gap:10px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-label{flex:0 0 auto!important;white-space:nowrap!important;max-width:none!important;width:auto!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-value{flex:1 1 auto!important;min-width:0!important;justify-content:flex-end!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-attr-value-text{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-info-linia{gap:4px 12px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-info-linia .hn-pay-hint{white-space:normal!important;font-size:13.5px!important;line-height:1.4!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nl-gb__n{display:none!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-pigulki{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .quantity{flex:0 0 auto!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .single_add_to_cart_button:not(#nlk){flex:1 1 0!important;min-width:0!important;padding:0 12px!important;font-size:16px!important}

  /* pigułki pod ceną: jeden zwarty rząd, przewijany palcem, bez przewijania całej strony */
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-pigulki{flex:1 1 100%!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-pigulki::-webkit-scrollbar{display:none}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-pigulka{flex:0 0 auto!important;padding:7px 12px!important}

  /* cele dotykowe min. 44 px bez zmiany układu (padding + ujemny margines) */
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-addon-more{padding:11px 0!important;margin:-11px 0!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-info-linia .nl-gb.nl-gb--linia{padding:11px 0!important;margin:-11px 0!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .product-inquiry-link{display:inline-block;padding:14px 0!important;margin:-14px 0!important}

  /* panel wyboru = arkusz od dołu z uchwytem; przewijanie w środku, zamknięcie X albo przeciągnięciem w dół (nl-karta.js) */
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 56px)!important;
    border-radius:16px 16px 0 0!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    padding-bottom:calc(16px + env(safe-area-inset-bottom))!important;box-shadow:0 -8px 30px rgba(17,17,17,.14)!important;
    transform:translateY(calc(100% + 32px))!important;transition:transform .26s cubic-bezier(.2,.7,.2,1)!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel.hn-open{transform:translateY(var(--nlk-drag,0px))!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel.nlk-ciagne{transition:none!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel-header{position:sticky!important;top:0!important;z-index:3!important;background:var(--a-canvas)!important;padding-top:22px!important;touch-action:none}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel-header::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:var(--m-kamien)}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel .hn-slide-close{width:44px!important;height:44px!important;min-width:44px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel .hn-tile{min-height:56px!important}
}
/* ============ Runda 5 (24.10, zrzut Pawła z iPhone'a: „ile białego miejsca”) ============ */
@media (max-width:767px){
  /* motyw przenosi tytuł nad galerię — nl-karta.js wkłada go z powrotem na górę .summary: galeria → miniatury → tytuł → cena */
  /* dziura po miniaturach = margin-bottom 32 px galerii WooCommerce + margin-top podsumowania */
  html.nl-apple.nl-marka body.single-product:not(#nlk) .woocommerce-product-gallery{margin-bottom:0!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .summary{margin-top:16px!important;top:0!important} /* motyw: position:relative; top:20px */
  /* zamknięte arkusze czekają pod ekranem — niewidoczne, żeby nie wychodziły przy zmianie wysokości okna (pasek Safari) */
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-slide-panel:not(.hn-open){visibility:hidden!important;transition:transform .26s cubic-bezier(.2,.7,.2,1),visibility 0s linear .26s!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .summary>.product_title{font-size:24px!important;line-height:1.15!important;margin:0 0 6px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-from-price{font-size:40px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-cena-linia{gap:8px!important;margin-bottom:10px!important}
  /* pigułki: spokojne, zawijają się zamiast uciętego przewijania */
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-pigulki{flex-wrap:wrap!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;gap:6px!important}
  /* PayPo, ocena Google, „Wybrano X z 6”: równe, ciaśniejsze odstępy */
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nlk-info-linia{row-gap:6px!important;margin-bottom:14px!important}
  html.nl-apple.nl-marka body.single-product:not(#nlk) .hn-progress{margin:0 0 10px!important}
  /* WhatsApp: mniejszy, chowa się przy przewijaniu w dół (nie zasłania strzałek kart), wraca przy przewijaniu w górę */
  html.nl-apple.nl-marka body.single-product:not(#nlk) .nl-wa{width:40px!important;height:40px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;transition:opacity .18s ease,transform .18s ease!important}
  html.nlk-wa-karty body.single-product:not(#nlk) .nl-wa,
  html.nlk-wa-ukryj body.single-product:not(#nlk) .nl-wa{opacity:0!important;transform:translateY(16px)!important;pointer-events:none!important}
}
@media (prefers-reduced-motion:reduce){
  html.nl-apple.nl-marka body.single-product:not(#nlk) *{transition:none!important}
}
