.elementor-7230 .elementor-element.elementor-element-5608d929{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-2px;--margin-bottom:-2px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-7230 .elementor-element.elementor-element-5608d929:not(.elementor-motion-effects-element-type-background), .elementor-7230 .elementor-element.elementor-element-5608d929 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141111;}.elementor-7230 .elementor-element.elementor-element-777fbe4f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#000000E8;--border-color:#000000E8;box-shadow:1px 15px 10px 0px rgba(0, 0, 0, 0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-7230 .elementor-element.elementor-element-14cb865d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-7230 .elementor-element.elementor-element-1a58dc97{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7230 .elementor-element.elementor-element-1a58dc97.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7230 .elementor-element.elementor-element-2b0531cd > .elementor-widget-container{margin:-10px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-7230 .elementor-element.elementor-element-2b0531cd{text-align:left;}.elementor-7230 .elementor-element.elementor-element-2b0531cd img{width:100%;}.elementor-7230 .elementor-element.elementor-element-48211ffd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7230 .elementor-element.elementor-element-48211ffd.e-con{--align-self:center;}.elementor-7230 .elementor-element.elementor-element-9e89ee0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7230 .elementor-element.elementor-element-9e89ee0{z-index:300;}.elementor-7230 .elementor-element.elementor-element-21744b9c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-7230 .elementor-element.elementor-element-21744b9c.e-con{--align-self:center;}.elementor-7230 .elementor-element.elementor-element-29f3760 > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-7230 .elementor-element.elementor-element-7e57111 > .elementor-widget-container{margin:0px 0px 0px 10px;}.elementor-7230 .elementor-element.elementor-element-24e633f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E8E3E4;--border-color:#E8E3E4;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7230 .elementor-element.elementor-element-0aefec8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7230 .elementor-element.elementor-element-303b18d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7230 .elementor-element.elementor-element-efd9609 > .elementor-widget-container{margin:-10px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-7230 .elementor-element.elementor-element-efd9609{z-index:150;}.elementor-7230 .elementor-element.elementor-element-e0bdb43{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7230 .elementor-element.elementor-element-e0bdb43.e-con{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7230 .elementor-element.elementor-element-cba098f{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#61626F;}.elementor-7230 .elementor-element.elementor-element-0318c1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-2px;--margin-bottom:-2px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-7230 .elementor-element.elementor-element-0318c1f:not(.elementor-motion-effects-element-type-background), .elementor-7230 .elementor-element.elementor-element-0318c1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141111;}.elementor-7230 .elementor-element.elementor-element-563bac12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-7230 .elementor-element.elementor-element-563bac12:not(.elementor-motion-effects-element-type-background), .elementor-7230 .elementor-element.elementor-element-563bac12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F141000;}.elementor-7230 .elementor-element.elementor-element-19f4c608{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF24;--border-color:#FFFFFF24;--border-radius:10px 10px 10px 10px;}.elementor-7230 .elementor-element.elementor-element-19f4c608:not(.elementor-motion-effects-element-type-background), .elementor-7230 .elementor-element.elementor-element-19f4c608 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1410FA;}.elementor-7230 .elementor-element.elementor-element-756d437b{--display:flex;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-container{text-align:center;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-trigger{color:#FFFFFF;background-color:#5B2680;border-color:#5B2680;padding:10px 10px 10px 10px;border-style:solid;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-trigger svg{fill:#FFFFFF;width:12px;height:12px;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-trigger:hover{color:#5B2680;background-color:#F0F0F04D;border-color:#5B2680;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-header{padding:10px 10px 10px 10px;}.wpr-offcanvas-wrap-6679c2d .wpr-offcanvas-header{padding:10px 10px 10px 10px;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-close-offcanvas{color:#222222;border-color:#FFF;width:12px;height:12px;border-style:none;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.wpr-offcanvas-wrap-6679c2d .wpr-close-offcanvas{color:#222222;border-color:#FFF;width:12px;height:12px;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-close-offcanvas i{font-size:12px;}.wpr-offcanvas-wrap-6679c2d .wpr-close-offcanvas i{font-size:12px;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-close-offcanvas svg{width:12px;height:12px;}.wpr-offcanvas-wrap-6679c2d .wpr-close-offcanvas svg{width:12px;height:12px;}.wpr-offcanvas-wrap-6679c2d  .wpr-close-offcanvas{border-style:none;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-content{background-color:#FFFFFFF2;border-color:#FFFFFFF0;border-style:none;border-radius:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.wpr-offcanvas-wrap-6679c2d .wpr-offcanvas-content{background-color:#FFFFFFF2;border-color:#FFFFFFF0;border-style:none;border-radius:2px 2px 2px 2px;padding:10px 10px 10px 10px;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-content, .wpr-offcanvas-wrap-6679c2d .wpr-offcanvas-content{box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-wrap{background-color:#07070733;}.wpr-offcanvas-wrap-6679c2d{background-color:#07070733;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-content::-webkit-scrollbar-thumb{border-left-color:#E8E8E8;border-left-width:3px;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-content::-webkit-scrollbar{width:calc(3px + 3px);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-7230 .elementor-element.elementor-element-5608d929{--z-index:2;}.elementor-7230 .elementor-element.elementor-element-0318c1f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:2;}.elementor-7230 .elementor-element.elementor-element-8716b7a > .elementor-widget-container{margin:-2px 0px -3px 0px;padding:0px 0px 0px 0px;}.elementor-7230 .elementor-element.elementor-element-563bac12{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;--z-index:3;}.elementor-7230 .elementor-element.elementor-element-19f4c608{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;--z-index:2000;}.elementor-7230 .elementor-element.elementor-element-756d437b{--content-width:1600px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:5px;--padding-bottom:5px;--padding-left:10px;--padding-right:10px;}.elementor-7230 .elementor-element.elementor-element-72e98eff > .elementor-widget-container{margin:0px 0px -5px 0px;padding:0px 0px 0px 0px;}.elementor-7230 .elementor-element.elementor-element-72e98eff.elementor-element{--order:-99999 /* order start hack */;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-container{text-align:right;}.elementor-7230 .elementor-element.elementor-element-6679c2d{z-index:999;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-trigger svg{width:15px;height:15px;}.elementor-7230 .elementor-element.elementor-element-6679c2d .wpr-offcanvas-trigger{padding:10px 10px 10px 10px;border-width:1px 1px 1px 1px;border-radius:6px 6px 6px 6px;}}@media(min-width:768px){.elementor-7230 .elementor-element.elementor-element-5608d929{--content-width:1400px;}.elementor-7230 .elementor-element.elementor-element-14cb865d{--content-width:1400px;}.elementor-7230 .elementor-element.elementor-element-1a58dc97{--width:10%;}.elementor-7230 .elementor-element.elementor-element-48211ffd{--width:60%;}.elementor-7230 .elementor-element.elementor-element-21744b9c{--width:30%;}.elementor-7230 .elementor-element.elementor-element-24e633f{--width:100%;}.elementor-7230 .elementor-element.elementor-element-0aefec8{--content-width:1400px;}.elementor-7230 .elementor-element.elementor-element-303b18d{--width:100%;}.elementor-7230 .elementor-element.elementor-element-e0bdb43{--width:15%;}.elementor-7230 .elementor-element.elementor-element-0318c1f{--content-width:1400px;}.elementor-7230 .elementor-element.elementor-element-563bac12{--content-width:1400px;}.elementor-7230 .elementor-element.elementor-element-19f4c608{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-9e89ee0 *//* =====================================================
   SPJ SEARCH V2 — TYLKO PC
   Szersza wyszukiwarka + dropdown kategorii bez scrolla
   ===================================================== */

@media (min-width: 1025px) {

  /* CAŁA WYSZUKIWARKA SZERZEJ */
  .spj-search-v2--pc {
    width: 100% !important;
    max-width: 1080px !important;
  }

  .spj-search-wrap,
  .spj-search-wrap .elementor-widget-container {
    width: 100% !important;
    max-width: 1080px !important;
    flex: 1 1 auto !important;
  }

  .spj-search-v2--pc .spj-search-v2__form {
    width: 100% !important;
    height: 54px !important;
  }

  .spj-search-v2--pc .spj-search-v2__input-wrap {
    flex: 1 1 auto !important;
    min-width: 560px !important;
  }

  .spj-search-v2--pc .spj-search-v2__input {
    font-size: 14px !important;
  }

  /* KATEGORIA W HEADERZE */
  .spj-search-v2--pc .spj-search-v2__category {
    min-width: 255px !important;
    max-width: 255px !important;
    height: 64% !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-trigger,
  .spj-search-v2--pc .spj-search-v2__cat-trigger:hover,
  .spj-search-v2--pc .spj-search-v2__cat-trigger:focus,
  .spj-search-v2--pc .spj-search-v2__cat-trigger:active {
    background: transparent !important;
    background-color: transparent !important;
    color: #252231 !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-trigger:hover .spj-search-v2__cat-text {
    color: #5f2c8f !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-text {
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-count {
    background: rgba(95, 44, 143, 0.10) !important;
    color: #5f2c8f !important;
    font-weight: 900 !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-arrow {
    color: #5f2c8f !important;
  }

  /* PRZYCISK SZUKAJ */
  .spj-search-v2--pc .spj-search-v2__submit {
    min-width: 112px !important;
    height: 46px !important;
    margin-right: 4px !important;
    border: 0 !important;
    outline: none !important;
    color: #fff !important;
    background: linear-gradient(135deg, #5d2a8e 0%, #7d4eb0 100%) !important;
    box-shadow:
      0 12px 30px rgba(95, 44, 143, 0.32),
      inset 0 1px 0 rgba(255,255,255,0.28) !important;
  }

  .spj-search-v2--pc .spj-search-v2__submit:hover,
  .spj-search-v2--pc .spj-search-v2__submit:focus,
  .spj-search-v2--pc .spj-search-v2__submit:active {
    transform: translateY(-1px) !important;
    background: linear-gradient(135deg, #51227d 0%, #8b59c2 100%) !important;
    color: #fff !important;
  }

  /* PANEL KATEGORII — DUŻY, PC, BEZ SCROLLA */
  .spj-search-v2--pc .spj-search-v2__cat-panel {
    width: 860px !important;
    max-height: none !important;
    height: auto !important;

    right: -315px !important;
    top: calc(100% + 14px) !important;

    border-radius: 28px !important;
    overflow: visible !important;

    background: rgba(255, 255, 255, 0.985) !important;
    border: 1px solid rgba(95, 44, 143, 0.12) !important;

    box-shadow:
      0 28px 90px rgba(18, 10, 32, 0.24),
      inset 0 1px 0 rgba(255,255,255,0.95) !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-head {
    padding: 18px 20px 14px !important;
    border-bottom: 1px solid rgba(20, 16, 35, 0.07) !important;
    border-radius: 28px 28px 0 0 !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-head strong {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #15131d !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-head span {
    font-size: 12px !important;
    color: #777485 !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-list {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;

    padding: 14px !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-list::-webkit-scrollbar {
    display: none !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-option {
    min-height: 48px !important;
    border-radius: 15px !important;
    padding: 10px 12px !important;

    background: #f8f7fb !important;
    border: 1px solid rgba(24, 18, 38, 0.08) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;

    box-shadow: 0 4px 14px rgba(18, 10, 32, 0.035) !important;
    transform: none !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-option:hover {
    background: linear-gradient(135deg, rgba(95, 44, 143, 0.10), rgba(219, 232, 74, 0.10)) !important;
    border-color: rgba(95, 44, 143, 0.28) !important;
    box-shadow: 0 8px 22px rgba(95, 44, 143, 0.10) !important;
    transform: translateY(-1px) !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-option.is-active {
    background: linear-gradient(135deg, #5d2a8e 0%, #7d4eb0 100%) !important;
    border-color: rgba(95, 44, 143, 0.35) !important;
    box-shadow: 0 10px 24px rgba(95, 44, 143, 0.20) !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-option-name {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #252231 !important;
    line-height: 1.2 !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-option-count {
    min-width: 30px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #5f2c8f !important;
    font-size: 11px !important;
    font-weight: 900 !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-option.is-active .spj-search-v2__cat-option-name,
  .spj-search-v2--pc .spj-search-v2__cat-option.is-active .spj-search-v2__cat-option-count {
    color: #fff !important;
  }

  .spj-search-v2--pc .spj-search-v2__cat-option.is-active .spj-search-v2__cat-option-count {
    background: rgba(255, 255, 255, 0.20) !important;
  }

  /* PODPOWIEDZI PRODUKTÓW TEŻ SZERZEJ */
  .spj-search-v2--pc .spj-search-v2__suggestions {
    left: 0 !important;
    right: -460px !important;
    width: auto !important;
  }
}









/* SPJ SEARCH PC — jeszcze trochę krócej */
@media (min-width: 1025px) {

  .spj-search-v2--pc {
    max-width: 930px !important;
  }

  .spj-search-wrap,
  .spj-search-wrap .elementor-widget-container {
    max-width: 930px !important;
  }

  .spj-search-v2--pc .spj-search-v2__input-wrap {
    min-width: 470px !important;
  }

  .spj-search-v2--pc .spj-search-v2__category {
    min-width: 235px !important;
    max-width: 235px !important;
  }

  .spj-search-v2--pc .spj-search-v2__submit {
    min-width: 104px !important;
  }
}




















<style>
/* ======================================================
   SPJ — SEARCH BAR + DROPDOWN FINAL CSS
   Nie rusza koszyka. Dotyka tylko wyszukiwarki i jej dropdowna.
====================================================== */

/* SZEROKOŚĆ WYSZUKIWARKI */
html body .spj-search-fast.spj-search-fast--pc,
html body .spj-search-v2.spj-search-v2--pc,
html body .spj-search-v4.spj-search-v4--pc,
html body .spj-search-f5.spj-search-f5--pc {
  width: 720px !important;
  max-width: 720px !important;
  min-width: 720px !important;
  flex: 0 0 720px !important;
  position: relative !important;
  z-index: 99999999 !important;
  overflow: visible !important;
}

/* jeżeli Elementor trzyma shortcode w widget-container */
html body .elementor-widget-container > .spj-search-fast,
html body .elementor-widget-container > .spj-search-v2,
html body .elementor-widget-container > .spj-search-v4,
html body .elementor-widget-container > .spj-search-f5 {
  width: 720px !important;
  max-width: 720px !important;
  min-width: 720px !important;
}

/* FORMULARZ */
html body .spj-search-fast__form,
html body .spj-search-v2__form,
html body .spj-search-v4__form,
html body .spj-search-f5__form {
  width: 800px !important;
  max-width: 800px !important;
  min-width: 820px !important;
  height: 56px !important;
  overflow: visible !important;
}

/* POLE WPISYWANIA */
html body .spj-search-fast__input-wrap,
html body .spj-search-v2__input-wrap,
html body .spj-search-v4__input-wrap,
html body .spj-search-f5__input-wrap {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html body .spj-search-fast__input,
html body .spj-search-v2__input,
html body .spj-search-v4__input,
html body .spj-search-f5__input {
  font-size: 14px !important;
  padding-right: 22px !important;
}

/* BLOK KATEGORII W PASKU */
html body .spj-search-fast__category,
html body .spj-search-v2__category,
html body .spj-search-v4__category,
html body .spj-search-f5__category {
  min-width: 235px !important;
  max-width: 235px !important;
  flex: 0 0 235px !important;
}

/* PRZYCISK SZUKAJ */
html body .spj-search-fast__submit,
html body .spj-search-v2__submit,
html body .spj-search-v4__submit,
html body .spj-search-f5__submit {
  width: 116px !important;
  min-width: 116px !important;
  max-width: 116px !important;
  flex: 0 0 116px !important;
  height: 48px !important;
}

/* ======================================================
   DROPDOWN KATEGORII
   Najważniejsze: top niżej, żeby nie wchodził pod dolny pasek kategorii
====================================================== */

html body .spj-search-fast__cat-panel,
html body .spj-search-v2__cat-panel,
html body .spj-search-v4__cat-panel,
html body .spj-search-f5__cat-panel {
  top: calc(100% + 58px) !important; /* TO NAPRAWIA NACHODZENIE MENU */
  right: -70px !important;
  left: auto !important;

  width: 560px !important;
  max-width: 560px !important;
  min-width: 560px !important;

  background: #ffffff !important;
  border: 1px solid rgba(95,44,143,.16) !important;
  border-radius: 28px !important;
  box-shadow: 0 34px 100px rgba(18,10,32,.28) !important;

  overflow: hidden !important;
  z-index: 999999999 !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* podczas otwarcia dropdown zawsze nad wszystkim */
html body .spj-search-fast.is-cat-open,
html body .spj-search-v2.is-cat-open,
html body .spj-search-v4.is-cat-open,
html body .spj-search-f5.is-cat-open {
  z-index: 999999999 !important;
}

/* dolne kategorie niżej niż dropdown */
html body .spj-final-nav,
html body .spj-safe-cat-nav,
html body .spj-final-nav__desktop,
html body .spj-final-nav__inner {
  z-index: 5 !important;
}

/* NAGŁÓWEK DROPDOWNA */
html body .spj-search-fast__cat-head,
html body .spj-search-v2__cat-head,
html body .spj-search-v4__cat-head,
html body .spj-search-f5__cat-head {
  height: 88px !important;
  min-height: 88px !important;
  padding: 22px 24px 16px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 7px !important;

  background: #fff !important;
  border-bottom: 1px solid rgba(20,16,35,.08) !important;
}

html body .spj-search-fast__cat-head strong,
html body .spj-search-v2__cat-head strong,
html body .spj-search-v4__cat-head strong,
html body .spj-search-f5__cat-head strong {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  color: #17131f !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .spj-search-fast__cat-head span,
html body .spj-search-v2__cat-head span,
html body .spj-search-v4__cat-head span,
html body .spj-search-f5__cat-head span {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #777485 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* LISTA KATEGORII */
html body .spj-search-fast__cat-list,
html body .spj-search-v2__cat-list,
html body .spj-search-v4__cat-list,
html body .spj-search-f5__cat-list {
  padding: 16px !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;

  background: #fff !important;
  max-height: 390px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* KAFELEK */
html body .spj-search-fast__cat-option,
html body .spj-search-v2__cat-option,
html body .spj-search-v4__cat-option,
html body .spj-search-f5__cat-option {
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;

  padding: 0 12px !important;

  border-radius: 16px !important;
  border: 1px solid rgba(20,16,35,.08) !important;
  background: #f8f7fb !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  box-shadow: 0 8px 22px rgba(18,10,32,.035) !important;
  cursor: pointer !important;
  transform: none !important;
}

/* HOVER KAFELKA */
html body .spj-search-fast__cat-option:hover,
html body .spj-search-v2__cat-option:hover,
html body .spj-search-v4__cat-option:hover,
html body .spj-search-f5__cat-option:hover {
  background: #f1ebf8 !important;
  border-color: rgba(95,44,143,.24) !important;
  box-shadow: 0 12px 28px rgba(95,44,143,.10) !important;
  transform: translateY(-1px) !important;
}

/* AKTYWNY KAFELEK */
html body .spj-search-fast__cat-option.is-active,
html body .spj-search-v2__cat-option.is-active,
html body .spj-search-v4__cat-option.is-active,
html body .spj-search-f5__cat-option.is-active {
  background: linear-gradient(135deg, rgba(95,44,143,.15), rgba(219,232,74,.14)) !important;
  border-color: rgba(95,44,143,.36) !important;
}

/* TEKST W KAFELKU */
html body .spj-search-fast__cat-option span,
html body .spj-search-v2__cat-option span,
html body .spj-search-v4__cat-option span,
html body .spj-search-f5__cat-option span,
html body .spj-search-v2__cat-option-name {
  min-width: 0 !important;
  display: block !important;

  color: #252231 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* LICZNIK */
html body .spj-search-fast__cat-option em,
html body .spj-search-v4__cat-option em,
html body .spj-search-f5__cat-option em,
html body .spj-search-v2__cat-option-count {
  flex: 0 0 auto !important;

  min-width: 34px !important;
  height: 24px !important;
  padding: 0 8px !important;

  border-radius: 999px !important;
  background: #fff !important;
  color: #5f2c8f !important;

  font-size: 11px !important;
  font-weight: 950 !important;
  font-style: normal !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: inset 0 0 0 1px rgba(95,44,143,.10) !important;
}

/* MNIEJSZY PC */
@media (max-width: 1350px) {
  html body .spj-search-fast.spj-search-fast--pc,
  html body .spj-search-v2.spj-search-v2--pc,
  html body .spj-search-v4.spj-search-v4--pc,
  html body .spj-search-f5.spj-search-f5--pc,
  html body .spj-search-fast__form,
  html body .spj-search-v2__form,
  html body .spj-search-v4__form,
  html body .spj-search-f5__form {
    width: 650px !important;
    max-width: 650px !important;
    min-width: 650px !important;
  }

  html body .spj-search-fast__category,
  html body .spj-search-v2__category,
  html body .spj-search-v4__category,
  html body .spj-search-f5__category {
    min-width: 210px !important;
    max-width: 210px !important;
    flex-basis: 210px !important;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e57111 *//* =====================================================
   SPJ HEADER CART V2 — isolated, nie rusza innych elementów
===================================================== */

html body .spj-head-cart-v2,
html body .spj-head-cart-v2 * {
  box-sizing: border-box !important;
}

html body .spj-head-cart-v2 {
  width: auto !important;
  min-width: 128px !important;
  height: 46px !important;

  padding: 0 14px 0 15px !important;
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  background: #101014 !important;
  color: #ffffff !important;

  border: 0 !important;
  outline: 0 !important;
  text-decoration: none !important;

  font-family: inherit !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  box-shadow:
    0 10px 24px rgba(17, 16, 24, 0.14),
    inset 0 0 0 1px rgba(255,255,255,0.08) !important;

  position: relative !important;
  z-index: 9999 !important;
  overflow: visible !important;

  transition:
    transform .2s ease,
    background .2s ease,
    box-shadow .2s ease !important;
}

html body .spj-head-cart-v2:hover {
  background: #17151d !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;

  box-shadow:
    0 14px 32px rgba(17, 16, 24, 0.20),
    inset 0 0 0 1px rgba(255,255,255,0.12) !important;
}

html body .spj-head-cart-v2:active {
  transform: translateY(0) !important;
}

html body .spj-head-cart-v2__cart {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #ffffff !important;
  line-height: 1 !important;
}

html body .spj-head-cart-v2__cart svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;

  display: block !important;
  color: currentColor !important;
  flex: 0 0 18px !important;
}

html body .spj-head-cart-v2__label {
  display: inline-flex !important;
  align-items: center !important;

  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .spj-head-cart-v2__lock {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;

  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #e7ef64 !important;
  color: #111014 !important;

  line-height: 1 !important;

  box-shadow:
    0 0 0 2px rgba(255,255,255,0.08),
    0 4px 10px rgba(0,0,0,0.10) !important;
}

html body .spj-head-cart-v2__lock svg {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  max-width: 12px !important;
  max-height: 12px !important;

  display: block !important;
  color: currentColor !important;
  flex: 0 0 12px !important;
}

html body .spj-head-cart-v2:focus,
html body .spj-head-cart-v2:focus-visible {
  outline: none !important;

  box-shadow:
    0 0 0 3px rgba(95, 44, 143, 0.18),
    0 10px 24px rgba(17, 16, 24, 0.14),
    inset 0 0 0 1px rgba(255,255,255,0.12) !important;
}

/* mobile */
@media (max-width: 767px) {
  html body .spj-head-cart-v2 {
    min-width: auto !important;
    height: 42px !important;
    padding: 0 12px !important;
    gap: 7px !important;
  }

  html body .spj-head-cart-v2__label {
    font-size: 12px !important;
  }

  html body .spj-head-cart-v2__cart {
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
  }

  html body .spj-head-cart-v2__cart svg {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;
  }

  html body .spj-head-cart-v2__lock {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
  }

  html body .spj-head-cart-v2__lock svg {
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
    min-height: 11px !important;
    max-width: 11px !important;
    max-height: 11px !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-efd9609 *//* =====================================================
   SPJ FINAL — POPRAWKA STRZAŁEK W KAFELKACH KATEGORII
   ===================================================== */

/* Strzałka w panelu "Wszystkie kategorie" */
.spj-final-all__arrow {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;

  border-radius: 999px !important;
  background: #f3f3f5 !important;
  color: #17131f !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 0 !important;
  line-height: 1 !important;

  box-shadow: none !important;
  transition: 0.22s ease !important;
}

/* Usuwamy niebieski znak ↗ i robimy własną strzałkę */
.spj-final-all__arrow::before {
  content: "↗";
  font-size: 17px;
  font-weight: 700;
  color: currentColor;
  transform: translateY(-1px);
}

/* Hover jak na kafelkach z sekcji niżej */
.spj-final-all__card:hover .spj-final-all__arrow {
  background: #5f2c8f !important;
  color: #ffffff !important;
  transform: translateY(-1px) scale(1.04);
}

/* Delikatny hover całego kafelka */
.spj-final-all__card:hover {
  border-color: rgba(95, 44, 143, 0.22) !important;
  box-shadow: 0 16px 36px rgba(95, 44, 143, 0.12) !important;
}

/* Jakby przeglądarka robiła niebieski link/ikonę */
.spj-final-all__arrow,
.spj-final-all__arrow:hover,
.spj-final-all__arrow:focus,
.spj-final-all__arrow:active {
  text-decoration: none !important;
}

/* To samo dla starej klasy, gdyby gdzieś jeszcze została */
.spj-clean-all__arrow,
.spj-cat-all-card__arrow,
.spj-cat-all-group__arrow {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;

  border-radius: 999px !important;
  background: #f3f3f5 !important;
  color: #17131f !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 0 !important;
  box-shadow: none !important;
  transition: 0.22s ease !important;
}

.spj-clean-all__arrow::before,
.spj-cat-all-card__arrow::before,
.spj-cat-all-group__arrow::before {
  content: "↗";
  font-size: 17px;
  font-weight: 700;
  color: currentColor;
  transform: translateY(-1px);
}

.spj-clean-all__card:hover .spj-clean-all__arrow,
.spj-cat-all-card:hover .spj-cat-all-card__arrow,
.spj-cat-all-group:hover .spj-cat-all-group__arrow {
  background: #5f2c8f !important;
  color: #ffffff !important;
  transform: translateY(-1px) scale(1.04);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-777fbe4f *//* ===== SPJTRADE PREMIUM GLASS HEADER ===== */

.spj-glass-header {
  position: sticky;
  top: 0;
  z-index: 9999;

  background: rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: blur(22px) saturate(180%);
  -webkit-backdrop-filter: blur(22px) saturate(180%);

  border-bottom: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow: 
    0 8px 32px rgba(15, 10, 35, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);

  transition: all 0.25s ease;
}

/* Jeżeli header ma wewnętrzny kontener */
.spj-glass-header > .e-con-inner,
.spj-glass-header > .elementor-container {
  max-width: 1400px;
  margin: 0 auto;
}

/* Delikatna premium poświata */
.spj-glass-header::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;

  background:
    radial-gradient(circle at 22% 0%, rgba(104, 55, 160, 0.13), transparent 32%),
    radial-gradient(circle at 78% 0%, rgba(210, 225, 80, 0.10), transparent 30%);
}

/* ===== DRUGI PASEK Z KATEGORIAMI ===== */

.spj-glass-nav {
  position: sticky;
  top: 80px;
  z-index: 9998;

  background: rgba(255, 255, 255, 0.62) !important;
  backdrop-filter: blur(18px) saturate(170%);
  -webkit-backdrop-filter: blur(18px) saturate(170%);

  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: 0 8px 26px rgba(15, 10, 35, 0.045);

  transition: all 0.25s ease;
}

/* Wewnętrzny kontener menu kategorii */
.spj-glass-nav > .e-con-inner,
.spj-glass-nav > .elementor-container {
  max-width: 1250px;
  margin: 0 auto;
}

/* Linki kategorii */
.spj-glass-nav a {
  color: #5f5a6b;
  font-weight: 500;
  transition: color 0.2s ease;
}

.spj-glass-nav a:hover,
.spj-glass-nav .elementor-item-active {
  color: #5d2a8e !important;
}

/* ===== MOBILE / TABLET ===== */

@media (max-width: 1024px) {
  .spj-glass-header {
    background: rgba(255, 255, 255, 0.86) !important;
    backdrop-filter: blur(18px) saturate(170%);
    -webkit-backdrop-filter: blur(18px) saturate(170%);
  }

  .spj-glass-nav {
    top: 72px;
    overflow-x: auto;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.82) !important;
  }
}

@media (max-width: 767px) {
  .spj-glass-header {
    top: 0;
    border-radius: 0;
    box-shadow: 0 6px 24px rgba(15, 10, 35, 0.08);
  }

  .spj-glass-nav {
    top: 68px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .spj-glass-nav::-webkit-scrollbar {
    display: none;
  }
}










/* FIX: usunięcie białej przerwy nad headerem */
body,
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.site,
#page,
.elementor-location-header,
.elementor-section-wrap,
.elementor {
  margin-top: 0 !important;
}

.elementor-location-header {
  position: relative !important;
  z-index: 9999 !important;
}

body.admin-bar .elementor-location-header {
  margin-top: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8716b7a *//* TOPBAR MOBILE — ROTUJĄCE KOMUNIKATY */
.spj-topbar-mobile {
  display: none;
}

@media (max-width: 767px) {
  .spj-topbar__inner {
    display: none !important;
  }

  .spj-topbar {
    height: 36px !important;
    min-height: 36px !important;
    overflow: hidden !important;
    background: #120f0f !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  }

  .spj-topbar-mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    width: 100% !important;
    padding: 0 14px !important;
    overflow: hidden !important;
  }

  .spj-topbar-mobile__track {
    position: relative !important;
    width: 100% !important;
    height: 36px !important;
  }

  .spj-topbar-mobile__slide {
    position: absolute !important;
    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    font-family: Inter, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,0.92) !important;
    white-space: nowrap !important;

    opacity: 0 !important;
    transform: translateY(10px) !important;
    animation: spjTopbarRotate 12s infinite !important;
  }

  .spj-topbar-mobile__slide:nth-child(1) {
    animation-delay: 0s !important;
  }

  .spj-topbar-mobile__slide:nth-child(2) {
    animation-delay: 3s !important;
  }

  .spj-topbar-mobile__slide:nth-child(3) {
    animation-delay: 6s !important;
  }

  .spj-topbar-mobile__slide:nth-child(4) {
    animation-delay: 9s !important;
  }

  .spj-topbar-mobile__slide strong {
    color: #ffffff !important;
    font-weight: 800 !important;
  }

  .spj-topbar-mobile__slide img {
    width: 16px !important;
    height: 16px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 0 6px rgba(214, 230, 65, 0.35)) !important;
  }

  .spj-topbar-mobile__ico {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    border-radius: 50% !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #dbe84a !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  @keyframes spjTopbarRotate {
    0% {
      opacity: 0;
      transform: translateY(10px);
    }

    8% {
      opacity: 1;
      transform: translateY(0);
    }

    22% {
      opacity: 1;
      transform: translateY(0);
    }

    30% {
      opacity: 0;
      transform: translateY(-10px);
    }

    100% {
      opacity: 0;
      transform: translateY(-10px);
    }
  }
}

@media (max-width: 380px) {
  .spj-topbar-mobile__slide {
    font-size: 11px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-72e98eff */.sv-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-decoration: none !important;
  line-height: 1 !important;
  max-width: 100% !important;
}

.sv-logo__img {
  display: block !important;
  width: auto !important;
  height: 42px !important;
  max-width: 210px !important;
  object-fit: contain !important;
}

/* tablet */
@media (max-width: 1024px) {
  .sv-logo__img {
    height: 38px !important;
    max-width: 190px !important;
  }
}

/* mobile */
@media (max-width: 768px) {
  .sv-logo__img {
    height: 34px !important;
    max-width: 170px !important;
  }
}

/* małe telefony */
@media (max-width: 390px) {
  .sv-logo__img {
    height: 30px !important;
    max-width: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19f4c608 *//* ===============================
   SPJ MOBILE HEADER — GLASS ONLY
   nie rusza offcanvas / dropdown menu
================================ */

@media (max-width: 767px) {

  .spj-mobile-glass-bg {
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(22px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(180%) !important;

    border-radius: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.55) !important;

    box-shadow:
      0 8px 32px rgba(15, 10, 35, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;

    overflow: visible !important;
  }

  .spj-mobile-glass-bg::before {
    display: none !important;
  }

  .spj-mobile-glass-bg,
  .spj-mobile-glass-bg > .e-con-inner,
  .spj-mobile-glass-bg > .elementor-container,
  .spj-mobile-glass-bg .elementor-widget,
  .spj-mobile-glass-bg .elementor-widget-container {
    overflow: visible !important;
  }

  .spj-mobile-glass-bg .elementor-menu-toggle {
    position: relative !important;
    z-index: 999999 !important;
  }

}/* End custom CSS */