/* ===========================================================    SHARPI Visual Polish CSS Only v1.6.0    Tylko CSS — bez JS, bez observerów, bez modyfikacji DOM.    =========================================================== */  /* ====================================================    v1.6.0 NEW: NAPRAWA NAKŁADANIA ELEMENTÓW HEADERA    ==================================================== */  /* FIX A: HAMBURGER UKRYTY NA DESKTOP (≥992px)    Motyw (mobile-enhancements.css) ma regułę:      @media (max-width: 992px) { .mobile-menu-toggle { display: flex; } }    "max-width: 992px" jest WŁĄCZNE - hamburger pojawia się od 992px w dół.    Nasza reguła nadpisuje to dla każdej szerokości ≥992px. */ @media (min-width: 992px) {     .mobile-menu-toggle,     button.mobile-menu-toggle,     .header-content > .mobile-menu-toggle,     .site-header .mobile-menu-toggle {         display: none !important;         visibility: hidden !important;         width: 0 !important;         margin: 0 !important;         padding: 0 !important;     } }  /* FIX B: CONTAINER HEADERA SZERSZY NA DESKTOP    Domyślnie .container ma max-width: 1200px. Po dodaniu menu (547px) +    logo (280px) + header-icons (333px) + 4x16px gap = 1257px — wycieka.    Rozszerzamy container do 1340px tylko w headerze, tylko na desktop.    Na ekranach <1380px container nadal mieści się w viewport (z marginesami). */ @media (min-width: 1200px) {     .site-header .container,     .site-header > .container,     header.site-header .container {         max-width: 1340px !important;     } }  /* FIX C: MENU ITEMS — KOMPAKTOWE NA DESKTOP    v1.6.1: jeszcze ciaśniej — font 12px + gap 2px + padding 4px.    Daje to ~410px szerokości menu (zamiast 660px) — mieści się w nav-container. */ @media (min-width: 992px) {     .nav-menu,     ul.nav-menu,     .main-navigation > ul {         gap: 2px !important;     }     .nav-menu > li > a,     .main-navigation ul > li > a {         font-size: 12.5px !important;         padding: 8px 4px !important;         white-space: nowrap !important;         letter-spacing: 0 !important;     }     /* Większe odstępy między nav a header-icons */     .main-navigation {         margin-right: 16px !important;     }     .header-content > .header-icons {         flex-shrink: 0 !important;     } }  /* Średni desktop (1200-1440) — jeszcze mocniej zmniejszamy */ @media (min-width: 1200px) and (max-width: 1500px) {     .nav-menu > li > a,     .main-navigation ul > li > a {         font-size: 12px !important;         padding: 8px 3px !important;     }     .nav-menu,     ul.nav-menu,     .main-navigation > ul {         gap: 0 !important;     } }  /* FIX D: LOGO NIE MOŻE BYĆ ZA SZEROKIE NA MOBILE    v1.7.0: zmniejszone o 30% (z 130 → 91px) zgodnie z feedbackiem usera —    logo wciąż było za szerokie na 392px viewport i nakładało się na ikony.    Mobile (≤480px): 91px (z poprzedniego 130 — czyli -30%).    Tablet (481-768): 126px (-30% z 180).    Desktop: 216px (-10% z 240, było już zmniejszone w v1.6.0). */ @media (max-width: 480px) {     .site-logo img,     .site-logo .custom-logo,     .site-branding img,     img.custom-logo,     a.custom-logo-link img,     header .custom-logo {         max-width: 91px !important;         max-height: 36px !important;         width: auto !important;         height: auto !important;         object-fit: contain !important;     }     /* Container logo też ograniczony */     .site-logo,     .site-branding,     .header-logo,     .custom-logo-link {         max-width: 100px !important;     }     /* Tagline pod logo na mobile — ukryj */     .site-logo .tagline,     .logo-tagline,     .header-logo small,     .custom-logo-link + small {         display: none !important;     } } @media (min-width: 481px) and (max-width: 768px) {     .site-logo img,     .site-logo .custom-logo,     .site-branding img,     img.custom-logo,     a.custom-logo-link img,     header .custom-logo {         max-width: 126px !important;         max-height: 38px !important;         width: auto !important;         height: auto !important;         object-fit: contain !important;     } } @media (min-width: 769px) {     .site-logo img,     .site-logo .custom-logo,     .site-branding img,     img.custom-logo,     a.custom-logo-link img,     header .custom-logo {         max-width: 216px !important;         max-height: 50px !important;         width: auto !important;         height: auto !important;         object-fit: contain !important;     }     /* Container logo też ograniczony — zwalnia 24px dla menu */     .site-logo,     .site-branding,     .header-logo,     .custom-logo-link {         max-width: 252px !important;     } }  /* FIX E: HEADER NA MOBILE — UKRYJ SEARCH I USER ICONS GDY ZA MAŁO MIEJSCA    Na ≤480px wystarcza: logo + hamburger + koszyk.    Lupę można otworzyć z menu, profil też. To zwalnia 80px przestrzeni    żeby flagi i waluta się zmieściły obok logo. */ @media (max-width: 480px) {     .header-icons .search-toggle,     .header-icons a[aria-label*="konto"],     .header-icons a[aria-label*="account"],     .header-icons .header-icon[href*="moje-konto"],     .header-icons .header-icon[href*="my-account"] {         display: none !important;     }     /* Kompaktowy header */     .header-content {         gap: 8px !important;     }     #sharpi-header-switchers {         gap: 4px !important;     }     #sharpi-header-switchers .sharpi-switcher,     #sharpi-header-switchers .sharpi-dd {         min-height: 28px !important;         padding: 0 6px !important;         font-size: 11px !important;     } }  /* ====================================================    v1.3.0 NEW: NAPRAWY Z SCREENSHOTÓW DESKTOP    ==================================================== */  /* FIX #1: LOGO EKSPLODUJE NA KOSZYKU (desktop)    Powód: brak reguły max-width/max-height dla .site-logo img na desktop.    Reguły są w @media (max-width: 768px) ale brak ich na większych ekranach.    WordPress the_custom_logo() wstawia obrazek z oryginalnymi wymiarami pliku. */ .site-logo, .site-branding, .header-logo, .custom-logo-link {     max-width: 280px !important;     max-height: 70px !important;     flex-shrink: 0 !important;     display: inline-flex !important;     align-items: center !important; }  .site-logo img, .site-logo .custom-logo, .site-branding img, .site-branding .custom-logo, .header-logo img, .custom-logo, img.custom-logo, a.custom-logo-link img {     max-height: 60px !important;     max-width: 240px !important;     width: auto !important;     height: auto !important;     object-fit: contain !important; }  /* Wyjątek dla strony głównej gdzie logo może być nieco większe */ body.home .site-logo, body.home .site-branding {     max-width: 320px !important;     max-height: 80px !important; } body.home .site-logo img, body.home .site-branding img, body.home .custom-logo {     max-height: 70px !important;     max-width: 280px !important; }  /* FIX #2: BROKEN IMAGES W "PODOBNE PRODUKTY"    Powód: WooCommerce/loop pokazuje alt-text gdy thumbnail nie istnieje.    Stylowanie tych pustych boxów żeby wyglądały jak placeholder. */ .related.products img:not([src]), .related.products img[src=""], .upsells.products img:not([src]), .upsells.products img[src=""], .cross-sells img:not([src]), .cross-sells img[src=""] {     visibility: hidden;     position: relative; } /* Placeholder zamiast pustego boxa - ikona/wzorek */ .related.products .product:has(img:not([src])) .product-image-wrapper, .related.products .product:has(img[src=""]) .product-image-wrapper, .related.products .woocommerce-loop-product__link:has(img:not([src])), .related.products .woocommerce-loop-product__link:has(img[src=""]), .upsells .product:has(img:not([src])) .product-image-wrapper {     background-image: linear-gradient(135deg, #f5f5f5 25%, #ebebeb 25%, #ebebeb 50%, #f5f5f5 50%, #f5f5f5 75%, #ebebeb 75%);     background-size: 20px 20px;     min-height: 180px;     display: flex;     align-items: center;     justify-content: center;     position: relative; } .related.products .product:has(img:not([src])) .product-image-wrapper::after, .related.products .product:has(img[src=""]) .product-image-wrapper::after {     content: "📷";     font-size: 32px;     opacity: 0.3;     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%); }  /* Ukryj alt-text widoczny przy broken image (Chrome pokazuje go domyślnie) */ .related.products img, .upsells img, .cross-sells img {     color: transparent;     font-size: 0; }  /* FIX #3: MENU POKAZUJE TYLKO JEDNĄ POZYCJĘ    Powód: prawdopodobnie inny CSS overflow:hidden lub flex-shrink obcina pozycje.    Wymuszamy widoczność na desktop. */ @media (min-width: 992px) {     .main-navigation,     nav.main-navigation {         display: flex !important;         visibility: visible !important;         opacity: 1 !important;         position: static !important;         width: auto !important;         height: auto !important;         background: transparent !important;         flex: 1 1 auto !important;         min-width: 0 !important;         max-width: none !important;         overflow: visible !important;         box-shadow: none !important;     }      .nav-menu,     ul.nav-menu,     .main-navigation ul {         display: flex !important;         flex-wrap: nowrap !important;         align-items: center !important;         justify-content: center !important;         gap: 8px !important;         list-style: none !important;         margin: 0 !important;         padding: 0 !important;         overflow: visible !important;         width: auto !important;         max-width: none !important;     }      .nav-menu > li,     .main-navigation ul > li {         display: inline-flex !important;         flex: 0 0 auto !important;         position: relative !important;         visibility: visible !important;     }      .nav-menu > li > a,     .main-navigation ul > li > a {         white-space: nowrap !important;         display: inline-block !important;         visibility: visible !important;     } }  /* FIX #4: NAV-CLOSE WIDOCZNY NA DESKTOPIE    Przycisk "X" zamykania menu mobile czasem zostaje widoczny na desktop */ @media (min-width: 992px) {     .main-navigation .nav-close,     .nav-close.hide-desktop {         display: none !important;     } }  /* FIX #4.5: HAMBURGER MENU NA MOBILE (czysta wersja, nie koliduje z motywem)    v1.7.0: usunięto CSS dla drawer-a (.main-navigation.active) — motyw ma własny    system menu mobile z klasą .sharpi-mobile-menu-open na body i .nav-overlay.    Mój CSS dla .main-navigation.active gryzł się z motywem i powodował zacinanie.    Tu zostawiamy TYLKO:    - widoczność hamburger button na mobile (motyw go nie pokazuje bez responsive.css)    - widoczność nav-overlay z czystym z-index    - klikalność overlay żeby zamykał menu (system motywu) */ @media (max-width: 991px) {     .mobile-menu-toggle {         display: flex !important;         flex-direction: column !important;         align-items: center !important;         justify-content: center !important;         gap: 4px !important;         background: none !important;         border: none !important;         cursor: pointer !important;         padding: 8px !important;         min-width: 40px !important;         min-height: 40px !important;         visibility: visible !important;         opacity: 1 !important;         position: relative !important;         z-index: 1002 !important;     }     .mobile-menu-toggle .bar {         width: 25px;         height: 3px;         background-color: currentColor;         display: block;         transition: all 0.3s ease;     }     .mobile-menu-toggle svg,     .mobile-menu-toggle .icon-bars {         width: 24px !important;         height: 24px !important;         display: block !important;     }      /* Overlay motywu — klikalny żeby zamykał menu, z animacją */     .nav-overlay {         position: fixed !important;         top: 0 !important;         left: 0 !important;         width: 100% !important;         height: 100vh !important;         background: rgba(0, 0, 0, 0.5) !important;         z-index: 1000 !important;         cursor: pointer !important;         display: none;     }     .nav-overlay.active {         display: block !important;     }     /* Gdy menu zamknięte — overlay ukryty */     body:not(.sharpi-mobile-menu-open):not(.menu-open) .nav-overlay {         display: none !important;         pointer-events: none !important;     } }  /* FIX #5: HEADER SPACING - top-bar na koszyku    Na koszyku top-bar z benefitami zachodzi na resztę headera */ .top-bar, .topbar {     position: relative !important;     z-index: 100 !important; } .site-header {     position: relative !important;     z-index: 99 !important; }  /* Header na koszyku - sensowna wysokość */ body.woocommerce-cart .site-header, body.woocommerce-checkout .site-header {     padding: 12px 0 !important; } body.woocommerce-cart .header-content, body.woocommerce-checkout .header-content {     align-items: center !important;     flex-wrap: nowrap !important; }  /* FIX #6 v1.7.0: HEADER STICKY NA MOBILE — dropdowny lang/curr otwierają się    w dół na grafikę, nie do stopki przy scroll.    Problem: header był position:relative więc znikał przy scroll. Po kliknięciu    ikony lang/curr dropdown z position:fixed otwierał się "w pustce" daleko od    miejsca gdzie była flaga. Sticky header pozostaje na górze, dropdown działa. */ @media (max-width: 991px) {     .site-header {         position: sticky !important;         top: 0 !important;         z-index: 100 !important;         background: #0b0f16 !important;         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);     }     /* Top-bar (darmowa dostawa) nad headerem — niech nie jest sticky żeby się scrollował */     .top-bar,     .topbar {         position: relative !important;         z-index: 99 !important;     }     /* Dropdowny lang/curr na mobile — wymuś otwieranie pod ikoną, nie w środku ekranu */     .sharpi-switcher--lang .sharpi-dd__menu,     .sharpi-switcher--curr .sharpi-dd__menu,     .sharpi-dd--lang .sharpi-dd__menu,     .sharpi-dd--curr .sharpi-dd__menu {         position: absolute !important;         top: calc(100% + 4px) !important;         bottom: auto !important;         right: 0 !important;         left: auto !important;         max-height: 60vh !important;         overflow-y: auto !important;         z-index: 999999 !important;     } }  /* ====================================================    v1.2.0 POPRAWKI (zachowane bez zmian)    ==================================================== */  /* FIX: defensywne ukrycie pustych elementów meta/slogan */ #home-categories .category-slogan:empty, #home-categories .sharpi-category-card__meta:empty {     display: none !important; }  /* FIX: defensywna warstwa gdyby JS z homepage-ux-pack nie był zaktualizowany */ #home-categories .sharpi-category-card .category-slogan + .sharpi-category-card__meta, #home-categories .sharpi-category-card .sharpi-category-card__meta + .category-slogan {     display: none !important; }  /* FIX: dropdown waluty/języka pod logo — z-index hierarchia */ .site-logo, .site-branding, .header-logo, .custom-logo-link {     z-index: 102 !important;     position: relative !important; } #sharpi-header-switchers {     z-index: 9999 !important; } #sharpi-header-switchers .sharpi-dd.is-open .sharpi-dd__menu {     z-index: 999999 !important; }  /* FIX: defensywne stylowanie dropdown menu walut */ .sharpi-dd--curr .sharpi-dd__menu .sharpi-dd__item {     display: flex !important;     align-items: center !important;     gap: 8px !important; } .sharpi-dd--curr .sharpi-dd__menu .sharpi-dd__item .sharpi-dd__text + .sharpi-dd__code {     display: none !important; } .sharpi-dd--curr > .sharpi-dd__btn .sharpi-dd__code {     display: inline-block !important; }  /* FIX: tagline pod logo na małych ekranach */ @media (max-width: 480px) {     .site-logo .tagline,     .logo-tagline,     .header-logo small,     .custom-logo-link + small {         display: none !important;     } }  /* FIX: hero CTA - równe szerokości przycisków na mobile/tablet */ @media (max-width: 768px) {     .hero-buttons,     .sharpi-hero .hero-buttons,     .shp-hero__actions {         display: flex !important;         flex-wrap: wrap !important;         gap: 12px !important;         align-items: stretch !important;     }     .hero-buttons .btn,     .sharpi-hero .hero-buttons .btn,     .shp-hero__actions .shp-btn {         flex: 1 1 100% !important;         max-width: 100% !important;         text-align: center !important;         justify-content: center !important;         box-sizing: border-box !important;     } }  /* FIX: link "B2B" w stopce — pomarańczowy outline (focus state) */ footer a, .site-footer a, .footer a {     outline: none !important;     box-shadow: none !important; } footer a:focus-visible, .site-footer a:focus-visible, .footer a:focus-visible {     outline: 2px solid rgba(247, 148, 29, 0.6) !important;     outline-offset: 2px !important;     border-radius: 3px !important; }  /* FIX: floating cookie button — mniejszy, mniej inwazyjny na mobile */ @media (max-width: 480px) {     #CookiebotWidget,     .cky-btn-revisit-wrapper,     .userway_buttons_wrapper,     [class*="cookie-revisit"] {         width: 36px !important;         height: 36px !important;         bottom: 10px !important;         left: 10px !important;         opacity: 0.4 !important;         transition: opacity 0.2s !important;     }     #CookiebotWidget:hover,     .cky-btn-revisit-wrapper:hover,     .userway_buttons_wrapper:hover {         opacity: 1 !important;     } }  /* FIX: tabela B2B - słowa łamane w środku */ body[class*="b2b"] .woocommerce table, body[class*="b2b"] table.shop_table, .b2b-table, table.b2b-products {     table-layout: fixed;     width: 100%; }  body[class*="b2b"] .woocommerce table th, body[class*="b2b"] .woocommerce table td, body[class*="b2b"] table.shop_table th, body[class*="b2b"] table.shop_table td, .b2b-table th, .b2b-table td, table.b2b-products th, table.b2b-products td {     word-break: keep-all !important;     overflow-wrap: anywhere !important;     hyphens: none !important;     -webkit-hyphens: none !important;     padding: 12px 8px;     vertical-align: top; }  body[class*="b2b"] .woocommerce table thead th, body[class*="b2b"] table.shop_table thead th, .b2b-table thead th, table.b2b-products thead th {     white-space: nowrap !important;     font-size: 13px !important; }  /* B2B mobile - karty zamiast tabeli */ @media (max-width: 640px) {     body[class*="b2b"] .woocommerce table,     body[class*="b2b"] table.shop_table,     .b2b-table,     table.b2b-products {         display: block;     }     body[class*="b2b"] .woocommerce table thead,     body[class*="b2b"] table.shop_table thead,     .b2b-table thead,     table.b2b-products thead {         display: none;     }     body[class*="b2b"] .woocommerce table tbody,     body[class*="b2b"] table.shop_table tbody,     .b2b-table tbody,     table.b2b-products tbody {         display: block;     }     body[class*="b2b"] .woocommerce table tbody tr,     body[class*="b2b"] table.shop_table tbody tr,     .b2b-table tbody tr,     table.b2b-products tbody tr {         display: grid;         grid-template-columns: 80px 1fr;         gap: 8px 12px;         padding: 12px;         border-bottom: 1px solid #eee;     }     body[class*="b2b"] .woocommerce table tbody td,     body[class*="b2b"] table.shop_table tbody td,     .b2b-table tbody td,     table.b2b-products tbody td {         padding: 4px 0;         border: none;     } }  /* FIX: "Zobacz więcej" - słaby kontrast przycisku */ .shp-btn--secondary, .shp-hero__actions .shp-btn--secondary, a.btn-show-more, a.see-more, button.see-more {     border: 2px solid #f7941d !important;     color: #f7941d !important;     background: transparent !important;     font-weight: 600 !important; } .shp-btn--secondary:hover, a.btn-show-more:hover, a.see-more:hover {     background: #f7941d !important;     color: #fff !important; }  /* ====================================================    v1.5.0: STYLE DLA WYNIKÓW WYSZUKIWANIA    Współpracuje z themes/sharpi-theme-fixed-v205/search.php    ==================================================== */  .search-results-page {     padding: 32px 0 64px;     min-height: 60vh; }  .search-results-page .container {     max-width: 1280px;     margin: 0 auto;     padding: 0 20px; }  /* Nagłówek wyników */ .search-results-header {     text-align: center;     margin-bottom: 32px;     padding-bottom: 24px;     border-bottom: 1px solid rgba(0, 0, 0, 0.08); }  .search-results-title {     font-size: clamp(22px, 3vw, 32px);     font-weight: 800;     margin: 0 0 12px;     color: #0b0f16;     line-height: 1.25; }  .search-results-title .search-query {     color: #f7941d;     font-weight: 700; }  .search-results-count {     font-size: 14px;     color: rgba(0, 0, 0, 0.6);     margin: 0;     letter-spacing: 0.2px; }  /* Sekcje wyników */ .search-results-section {     margin-bottom: 48px; }  .search-section-title {     font-size: 20px;     font-weight: 700;     color: #0b0f16;     margin: 0 0 20px;     padding-bottom: 12px;     border-bottom: 2px solid #f7941d;     display: inline-block; }  .search-section-title .search-section-count {     color: rgba(0, 0, 0, 0.5);     font-weight: 400;     font-size: 16px;     margin-left: 8px; }  /* Siatka postów (drugorzędna, dla wpisów blog/page w wynikach) */ .search-posts-list {     display: grid;     grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));     gap: 20px;     margin-top: 16px; }  .search-post-card {     background: #fff;     border-radius: 14px;     overflow: hidden;     border: 1px solid rgba(0, 0, 0, 0.08);     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);     display: flex;     flex-direction: column;     transition: transform 0.18s ease, box-shadow 0.18s ease; }  .search-post-card:hover {     transform: translateY(-3px);     box-shadow: 0 14px 32px rgba(0, 0, 0, 0.1); }  .search-post-card__image {     display: block;     aspect-ratio: 16 / 10;     overflow: hidden;     background: linear-gradient(180deg, #fafafa, #f3f4f6); }  .search-post-card__image img {     width: 100%;     height: 100%;     object-fit: cover;     display: block;     transition: transform 0.3s ease; }  .search-post-card:hover .search-post-card__image img {     transform: scale(1.04); }  .search-post-card__body {     padding: 16px 18px 20px;     display: flex;     flex-direction: column;     flex: 1 1 auto; }  .search-post-card__title {     font-size: 16px;     font-weight: 700;     line-height: 1.35;     margin: 0 0 8px;     color: #0b0f16;     display: -webkit-box;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical;     overflow: hidden; }  .search-post-card__title a {     color: inherit;     text-decoration: none; }  .search-post-card__title a:hover {     color: #f7941d; }  .search-post-card__date {     font-size: 12px;     color: rgba(0, 0, 0, 0.5);     margin: 0 0 10px;     letter-spacing: 0.3px; }  .search-post-card__excerpt {     font-size: 13px;     line-height: 1.55;     color: rgba(0, 0, 0, 0.7);     margin: 0 0 14px;     display: -webkit-box;     -webkit-line-clamp: 3;     -webkit-box-orient: vertical;     overflow: hidden; }  .search-post-card__cta {     font-size: 13px;     font-weight: 700;     color: #f7941d;     text-decoration: none;     margin-top: auto;     letter-spacing: 0.3px; }  .search-post-card__cta:hover {     color: #d97a00; }  /* Brak wyników */ .search-no-results {     text-align: center;     padding: 48px 24px;     background: #fff;     border-radius: 18px;     border: 1px solid rgba(0, 0, 0, 0.08);     box-shadow: 0 10px 32px rgba(0, 0, 0, 0.06);     max-width: 720px;     margin: 0 auto; }  .search-no-results__message {     font-size: 18px;     font-weight: 600;     margin: 0 0 8px;     color: #0b0f16; }  .search-no-results__hint {     font-size: 14px;     color: rgba(0, 0, 0, 0.6);     margin: 0 0 24px; }  .search-no-results__form {     max-width: 480px;     margin: 0 auto 24px; }  .search-no-results__form form, .search-no-results__form .search-form {     display: flex;     gap: 8px; }  .search-no-results__form input[type="search"], .search-no-results__form input.search-field {     flex: 1 1 auto;     padding: 12px 16px;     border-radius: 10px;     border: 1px solid rgba(0, 0, 0, 0.15);     font-size: 14px;     outline: none;     transition: border-color 0.15s; }  .search-no-results__form input[type="search"]:focus, .search-no-results__form input.search-field:focus {     border-color: #f7941d; }  .search-no-results__form button[type="submit"], .search-no-results__form .search-submit {     background: #f7941d;     color: #fff;     border: none;     padding: 12px 22px;     border-radius: 10px;     font-weight: 700;     cursor: pointer;     font-size: 14px;     transition: background 0.15s; }  .search-no-results__form button[type="submit"]:hover, .search-no-results__form .search-submit:hover {     background: #d97a00; }  .search-no-results__actions {     display: flex;     gap: 12px;     justify-content: center;     flex-wrap: wrap; }  .search-no-results__actions .btn, .search-no-results__actions .btn-primary, .search-no-results__actions .btn-secondary {     padding: 12px 22px;     border-radius: 999px;     font-weight: 700;     text-decoration: none;     font-size: 14px;     transition: all 0.15s;     display: inline-block; }  .search-no-results__actions .btn-primary {     background: #f7941d;     color: #fff; }  .search-no-results__actions .btn-primary:hover {     background: #d97a00; }  .search-no-results__actions .btn-secondary {     background: transparent;     color: #0b0f16;     border: 1.5px solid rgba(0, 0, 0, 0.15); }  .search-no-results__actions .btn-secondary:hover {     border-color: #f7941d;     color: #f7941d; }  /* Paginacja */ .search-results-pagination {     margin-top: 40px;     text-align: center; }  .search-results-pagination ul, .search-results-pagination .page-numbers {     display: inline-flex;     list-style: none;     padding: 0;     margin: 0;     gap: 6px;     align-items: center; }  .search-results-pagination li {     display: inline-block; }  .search-results-pagination .page-numbers {     display: inline-block;     padding: 8px 14px;     border-radius: 8px;     background: #fff;     border: 1px solid rgba(0, 0, 0, 0.1);     color: #0b0f16;     text-decoration: none;     font-weight: 600;     font-size: 14px;     transition: all 0.15s; }  .search-results-pagination .page-numbers:hover {     border-color: #f7941d;     color: #f7941d; }  .search-results-pagination .page-numbers.current {     background: #f7941d;     color: #fff;     border-color: #f7941d; }  /* Upewnij się że ul.products na search.php używa tych samych styli co kategorie */ .search-results-page ul.products {     display: grid;     grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));     gap: 20px;     list-style: none;     padding: 0;     margin: 0; }  .search-results-page ul.products li.product {     margin: 0 !important;     width: 100% !important;     float: none !important; }  /* Mobile dostosowanie */ @media (max-width: 768px) {     .search-results-page {         padding: 20px 0 40px;     }      .search-results-title {         font-size: 22px;     }      .search-posts-list {         grid-template-columns: 1fr;     }      .search-results-page ul.products {         grid-template-columns: repeat(2, 1fr);         gap: 12px;     }      .search-no-results {         padding: 32px 18px;     }      .search-no-results__form form {         flex-direction: column;     }      .search-no-results__actions {         flex-direction: column;     } }  @media (max-width: 480px) {     .search-results-page ul.products {         grid-template-columns: 1fr;     } }  /* FIX: przywraca styl/animacje "Zobacz koszyk" po AJAX add-to-cart    bez ladowania calego ciezkiego arkusza cart/checkout globalnie */ .woocommerce a.added_to_cart, .woocommerce .added_to_cart {     display: inline-flex !important;     align-items: center !important;     gap: 0.4rem !important;     background: rgba(247, 148, 29, 0.1) !important;     color: #f7941d !important;     border: 1px solid rgba(247, 148, 29, 0.4) !important;     padding: 0.5rem 1rem !important;     border-radius: 8px !important;     font-family: Inter, sans-serif !important;     font-weight: 600 !important;     font-size: 13px !important;     text-decoration: none !important;     margin-top: 0.5rem !important;     transition: all 0.2s ease !important;     transform: translateZ(0); }  .woocommerce a.added_to_cart::before, .woocommerce .added_to_cart::before {     content: "+" !important;     font-size: 14px !important;     font-weight: 700 !important;     line-height: 1 !important; }  .woocommerce a.added_to_cart:hover, .woocommerce .added_to_cart:hover {     background: #f7941d !important;     color: #fff !important;     border-color: #f7941d !important;     transform: translateY(-1px); }  /*# sourceURL=sharpi-visual-polish-css-inline-css */