@media (max-width: 959px) {
  html,
  body {
    overflow-x: hidden;
    max-width: 100%;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
  }

  #main-child,
  #header-level1,
  #header-container-level2-child,
  #menu,

/* Responsive preview: center product thumbnails and visibly mark active pagination. */
@media (max-width: 959px) {
  html body #content:has(.product-filter) .box-container {
    display: block !important; width: 100% !important; text-align: center !important;
  }
  html body #content:has(.product-filter) .box-container > .box-preloader {
    display: block !important; width: 100% !important; text-align: center !important;
  }
  html body #content:has(.product-filter) .box-container > .box-preloader > a.box-image {
    display: block !important; float: none !important; clear: both !important;
    width: min(100%, 280px) !important; max-width: 100% !important;
    margin: 4px auto !important;
  }
  html body #content:has(.product-filter) .pagination .links a.responsive-current-page,
  html body #content:has(.product-filter) .pagination .links b {
    background: #60508b !important; border: 1px solid #60508b !important;
    border-radius: 4px !important; color: #fff !important; font-weight: 700 !important;
    text-decoration: none !important;
  }
}







  #categories,
  #container,
  #container-footer,
  #content,
  #footer-center,
  #column-right,
  input,
  textarea,
  select,
  #content img,
  .csc-textpic img,
  .box-container img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  body {
    background-attachment: scroll;
    margin: 0 !important;
    padding: 0 !important;
  }

  #main-child,
  #header-level1,
  #header-container-level2-child,
  #menu,
  #categories,
  #container,
  #container-footer,
  #content,
  #footer-center,
  #column-right,
  #column-right + #content,
  #product-search #content,
  #common-home #content,
  #product-category #content,
  #slider-container,
  #slider,
  .homepage-bottom,
  .category-info,
  .category-list,
  .custom-menu .menu-general-container {
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    height: auto !important;
    clear: both;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #container {
    display: block;
  }

  #column-right {
    margin: 16px 0 0 !important;
  }

  #column-right .box,
  #column-right ul,
  #column-right .box li {
    width: auto !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  #column-right .box-heading {
    position: relative;
    min-height: 44px;
    line-height: 44px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 48px !important;
  }

  #column-right .box-content {
    display: none !important;
  }

  #column-right.is-cats-open .box-content {
    display: block !important;
  }

  .jagita-cats-toggle {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    box-sizing: border-box;
  }

  #menu {
    background-color: transparent;
    background-image: none;
    min-height: 0 !important;
    padding: 0 !important;
  }

  #menu.is-open {
    background-color: #60508b;
  }

  #footer-center {
    padding: 16px;
  }

  #footer-column1,
  #footer-column2,
  #footer-column3 {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
  }

  #header-level1 {
    position: relative !important;
  }

  .jagita-header-tools {
    position: absolute;
    top: 8px;
    right: 4px;
    z-index: 50;
    display: flex;
    align-items: center;
    height: 44px;
    white-space: nowrap;
  }

  .jagita-search-toggle,
  .jagita-menu-toggle {
    position: relative;
    display: block;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #60508b;
    cursor: pointer;
    line-height: 0;
    box-sizing: border-box;
  }

  .jagita-search-toggle svg,
  .jagita-menu-toggle svg,
  .jagita-cats-toggle svg {
    display: block;
    width: 24px;
    height: 24px;
  }

  .jagita-cats-toggle svg {
    transition: transform 0.2s ease;
  }

  #column-right.is-cats-open .jagita-cats-toggle svg {
    transform: rotate(180deg);
  }

  #column-right .box-heading {
    cursor: pointer;
  }

  #column-right.is-cats-open .box li ul {
    display: block !important;
    position: static !important;
    height: auto !important;
  }

  #categories {
    display: none;
    padding: 0;
  }

  #menu.is-open #categories {
    display: block;
    height: auto !important;
  }

  #categories ul,
  #categories ul ul {
    position: static !important;
    display: block;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    top: auto !important;
    left: auto !important;
  }

  #categories ul li {
    float: none !important;
    margin: 0 !important;
    width: auto !important;
  }

  #categories ul a,
  #categories ul li ul a {
    display: block;
    float: none !important;
    width: auto !important;
    padding: 12px 16px !important;
  }

  #slider-container,
  #slider,
  .nivoSlider {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #slider-container {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: none !important;
    padding: 0 0 48px !important;
  }

  #slider {
    height: auto !important;
    background: none !important;
    overflow: visible !important;
  }

  .nivoSlider {
    height: 0 !important;
    padding: 0 0 35.93% 0 !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 100% 100% !important;
    overflow: visible !important;
    box-sizing: content-box !important;
  }

  .nivoSlider a.nivo-imageLink {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
  }

  .nivoSlider img,
  .nivo-slice,
  .nivo-box {
    display: none !important;
  }

  .nivo-controlNav {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    bottom: -26px !important;
    text-align: center !important;
    z-index: 30;
  }

  .nivo-controlNav a {
    float: none !important;
    display: inline-block !important;
  }

  .box-preloader,
  .box-image,
  .prod_list li {
    float: none !important;
    clear: both;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #content .box-container {
    margin-bottom: 16px !important;
    background-image: none !important;
  }

  .box-preloader,
  #content .box-preloader {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    background: none !important;
    background-image: none !important;
  }

  #content .box-image,
  .box-image {
    position: relative !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    background: none !important;
  }

  .box-star {
    display: none !important;
  }

  .box-image img,
  .box-container img,
  .prod_list img,
  #content .box-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  #content .box-title,
  .box-title {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    color: #333333 !important;
    background: none !important;
    background-image: none !important;
    text-shadow: none !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    padding: 8px 0 0 !important;
    box-sizing: border-box;
  }

  .newProdz > .next,
  .newProdz > .prev {
    display: none !important;
  }

  .csc-textpic-imagewrap,
  .csc-textpic-imagerow,
  .csc-textpic-imagewrap ul {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  li.csc-textpic-image,
  .csc-textpic-image,
  .csc-textpic-imagecolumn,
  .csc-textpic-imagewrap .csc-textpic-image {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  #content {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .csc-textpic-image a {
    display: block !important;
  }

  .csc-textpic-image img,
  .csc-textpic img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  #logo > .search,
  #logo .search {
    display: none !important;
    float: none !important;
    clear: both;
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 12px;
    margin: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #header-level1.is-search-open #logo > .search,
  #header-level1.is-search-open #logo .search {
    display: block !important;
  }

  #logo .search input[type="text"] {
    width: calc(100% - 33px);
    max-width: calc(100% - 33px);
    float: left;
    box-sizing: border-box;
  }

  #logo .search input[type="submit"] {
    width: 33px;
    float: right;
  }

  form[action*="kontakti"] input[type="text"],
  form[action*="kontakti"] textarea,
  form[action*="kontakti"] input[type="email"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  #content table,
  table.list,
  table.form {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }

  #map-contact {
    max-width: 100% !important;
    width: 100% !important;
    height: 240px;
    box-sizing: border-box;
  }

  .product-info .image,
  .imagecol,
  .productcol,
  .image-additional,
  .product-info .image a {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .newProdz,
  .tx-wbprp-pi1 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
    float: none !important;
  }

  .newProdz .caroufredsel_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    float: none !important;
    position: relative !important;
  }

  .newProdz .box-container {
    float: left !important;
    clear: none !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .jagita-cats-toggle svg {
    display: none !important;
  }

  .jagita-cats-toggle::after {
    content: "";
    display: block;
    position: absolute;
    right: 18px;
    top: 16px;
    width: 8px;
    height: 8px;
    margin: 0;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }

  #column-right.is-cats-open .jagita-cats-toggle::after {
    transform: rotate(225deg);
    top: 20px;
    margin-top: 0;
  }

  /* jagita-preview-listing */
  .product-filter {
    overflow: visible !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 4px !important;
    box-sizing: border-box;
  }

  .product-filter .sort {
    position: relative !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: 16px !important;
  }

  .product-filter select.sortsels,
  .product-filter .customStyleSelectBox,
  .sortsels + span.customStyleSelectBox {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 0 10px !important;
    padding: 0 40px 0 12px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 44px !important;
    color: #333333 !important;
  }

  .product-filter .customStyleSelectBox,
  .sortsels + span.customStyleSelectBox {
    border: 1px solid #cfcfcf !important;
    background-color: #ffffff !important;
  }

  .product-filter .customStyleSelectBoxInner {
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 16px !important;
    color: #333333 !important;
    box-sizing: border-box !important;
    background-position: right center !important;
  }

  .product-filter select.sortsels {
    position: absolute !important;
    z-index: 5 !important;
    opacity: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
  }

  .product-filter select.sortsels option {
    font-size: 16px !important;
  }

  .prod_list {
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .prod_list li {
    float: none !important;
    clear: both;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 16px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }

  .prod_list a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  .prod_list img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 10px !important;
    box-sizing: border-box;
  }

  .prod_list .name {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 0 6px !important;
    color: #333333 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 700;
  }

  .prod_list .price {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  .prod_list .about {
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 44px !important;
    text-align: center;
  }

  .pagination .links a,
  .pagination .links b {
    display: inline-block !important;
    min-width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 6px 6px 0 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 42px !important;
    text-align: center !important;
    vertical-align: middle;
  }

  #categories br {
    display: none !important;
  }

  #categories > ul {
    display: block !important;
  }

  #categories ul ul,
  #categories > ul > li > div {
    display: none !important;
  }

  #categories li.is-sub-open > div,
  #categories li.is-sub-open > ul,
  #categories li.is-sub-open > div > ul {
    display: block !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
  }

  #menu.is-open #categories ul a {
    min-height: 44px;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
    line-height: 20px !important;
  }

  #menu.is-open #categories li.has-sub > a {
    padding-right: 48px !important;
  }

  #menu.is-open #categories li li > a {
    padding-left: 28px !important;
  }

  #categories li.has-sub {
    position: relative !important;
  }

  #categories .jagita-sub-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    box-sizing: border-box;
  }

  #categories .jagita-sub-toggle::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 14px auto 0;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(45deg);
  }

  #categories li.is-sub-open > .jagita-sub-toggle::after {
    transform: rotate(225deg);
    margin-top: 18px;
  }


  .jagita-search-toggle,
  .jagita-menu-toggle,
  .jagita-cats-toggle,
  .jagita-sub-toggle {
    font-size: 0 !important;
  }

  .jagita-menu-toggle::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 15px;
    display: block;
    width: 18px;
    height: 2px;
    margin: 0;
    background: #60508b;
    box-shadow: 0 6px 0 #60508b, 0 12px 0 #60508b;
  }

  .jagita-search-toggle::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 13px;
    width: 12px;
    height: 12px;
    border: 2px solid #60508b;
    border-radius: 50%;
    box-sizing: border-box;
  }

  .jagita-search-toggle::after {
    content: "";
    position: absolute;
    left: 23px;
    top: 23px;
    width: 8px;
    height: 2px;
    margin: 0;
    background: #60508b;
    transform: rotate(45deg);
  }

  #column-right {
    display: none !important;
  }

  a#button-cart {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-height: 44px !important;
    height: auto !important;
    margin: 8px 0 !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    line-height: 20px !important;
    text-align: center !important;
  }

  .productcol .cart {
    height: auto !important;
    overflow: visible !important;
  }


  #content .newProdz .box-image img {
    width: 100% !important;
    height: 220px !important;
    max-height: 220px !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #f6f6f6 !important;
  }

  #content .newProdz .box-title {
    min-height: 2.7em !important;
    max-height: 2.7em !important;
    overflow: hidden !important;
  }

  .prod_list img {
    height: 220px !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #ffffff !important;
  }
}


/* Preview-only carousel alignment and breathing room below the homepage slider. */
@media (max-width: 959px) {
  .nivo-controlNav {
    bottom: -36px !important;
  }

  .newProdz {
    height: 324px !important;
    max-height: 324px !important;
    overflow: hidden !important;
  }

  .newProdz .caroufredsel_wrapper,
  .newProdz .caroufredsel_wrapper > div,
  .newProdz .box-container {
    height: 324px !important;
    min-height: 324px !important;
    max-height: 324px !important;
    box-sizing: border-box !important;
  }

  .newProdz .box-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
  }

  .newProdz .box-image {
    width: 100% !important;
    height: 278px !important;
    max-height: 278px !important;
    margin: 0 !important;
  }

  #content .newProdz .box-image img {
    width: 100% !important;
    height: 220px !important;
    max-height: 220px !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  #content .newProdz .box-title {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
}




@media (max-width: 959px) {
  .newProdz .caroufredsel_wrapper > div {
    transform: translateX(calc((100vw - 38px - 190px) / -2)) !important;
  }
}

@media (max-width: 959px) {
  .newProdz { position: relative !important; }
  .newProdz .jagita-carousel-arrow {
    position: absolute; z-index: 20; top: 50%; width: 44px; height: 44px;
    margin: 0; padding: 0; border: 0; border-radius: 50%;
    background: rgba(96, 80, 139, .92); color: #fff;
    font: 32px/42px Arial, sans-serif; text-align: center;
    transform: translateY(-50%); cursor: pointer;
  }
  .newProdz .jagita-carousel-prev { left: 8px; }
  .newProdz .jagita-carousel-next { right: 8px; }
}

@media (max-width: 959px) {
  .newProdz > a.prev, .newProdz > a.next {
    display: flex !important; position: absolute; z-index: 21; top: 50%;
    align-items: center; justify-content: center; width: 44px; height: 44px;
    margin: 0; padding: 0; border: 0; border-radius: 50%;
    background: rgba(96, 80, 139, .92); color: #fff; text-decoration: none;
    font: 32px/1 Arial, sans-serif; transform: translateY(-50%);
  }
  .newProdz > a.prev { left: 8px; }
  .newProdz > a.next { right: 8px; }
  .newProdz > a.prev::before { content: '‹'; }
  .newProdz > a.next::before { content: '›'; }
}

@media (max-width: 959px) {
  .fancybox-wrap.fancybox-type-iframe {
    left: 12px !important; right: 12px !important; width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important; box-sizing: border-box !important;
  }
  .fancybox-wrap.fancybox-type-iframe .fancybox-inner {
    width: 100% !important; max-width: 100% !important; max-height: calc(100vh - 32px) !important;
    overflow-x: hidden !important; box-sizing: border-box !important;
  }
  .fancybox-wrap.fancybox-type-iframe .fancybox-iframe {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important;
  }
}

@media (max-width: 959px) {
  .fancybox-overlay { z-index: 10001 !important; }
  .fancybox-wrap { z-index: 10002 !important; }

/* Preview-only header alignment and larger icons. */
/* Category image links are separated by legacy BR elements; float links into two columns. */
#content a:has(img) { display:block !important; float:left !important; clear:none !important; width:calc(50% - 8px) !important; max-width:calc(50% - 8px) !important; margin:4px !important; box-sizing:border-box !important; }
#content a:has(img) + br, #content br:has(+ a:has(img)) { display:none !important; }

.jagita-header-tools { top: 50% !important; right: 8px !important; height: 48px !important; transform: translateY(-50%) !important; }
.jagita-search-toggle, .jagita-menu-toggle { flex-basis: 48px !important; width: 48px !important; height: 48px !important; }
.jagita-menu-toggle::before { left: 13px !important; top: 13px !important; width: 22px !important; box-shadow: 0 7px 0 #60508b, 0 14px 0 #60508b !important; }
.jagita-search-toggle::before { left: 13px !important; top: 13px !important; width: 15px !important; height: 15px !important; }
.jagita-search-toggle::after { left: 26px !important; top: 26px !important; width: 9px !important; }

  /* Category landing pages: preserve full-width text and show content images two per row. */
  #content > *,
  #content .csc-default,
  #content .csc-textpic,
  #content .csc-textpic-text {
    box-sizing: border-box !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
  }

  #content .csc-textpic-imagerow,
  #content .csc-textpic-imagewrap ul,
  #content p:has(> a > img) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #content .csc-textpic-imagecolumn,
  #content .csc-textpic-image,
  #content .csc-textpic-image > a,
  #content .csc-textpic-imagewrap ul > li,
  #content p:has(> a > img) > a {
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #content a:has(img),
  #content .csc-textpic-image > a,
  #content p:has(> a > img) > a {
    display: inline-block !important;
    vertical-align: top !important;
    float: none !important;
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    margin: 4px !important;
    box-sizing: border-box !important;
  }

  #content img {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
  }

  #content, #content p, #content div {
    overflow-wrap: anywhere;
    word-wrap: break-word;
  }

  /* Place linked category images side by side; suppress only breaks between image links. */
  #content a:has(img), #content .csc-textpic-image > a, #content p:has(> a > img) > a { display:block !important; float:left !important; clear:none !important; width:calc(50% - 8px) !important; max-width:calc(50% - 8px) !important; margin:4px !important; box-sizing:border-box !important; }
  #content a:has(img) + br, #content br:has(+ a:has(img)) { display:none !important; }
  #content .csc-textpic-imagewrap, #content .csc-textpic-imagerow, #content .csc-textpic-imagewrap ul { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; width:100% !important; max-width:100% !important; }
  #content .csc-textpic-imagecolumn, #content .csc-textpic-imagewrap > *, #content .csc-textpic-imagerow > *, #content .csc-textpic-imagewrap ul > li { float:none !important; clear:none !important; width:auto !important; max-width:100% !important; min-width:0 !important; margin:0 !important; }
  #content .csc-textpic-image, #content li.csc-textpic-image, #content .csc-textpic-imagecolumn { float:left !important; clear:none !important; width:calc(50% - 8px) !important; max-width:calc(50% - 8px) !important; margin:4px !important; }

/* Give each category image card the full content width, then center its thumbnail. */
#content > .box-container {
  width: 100% !important;
  max-width: 100% !important;
}
#content > .box-container .box-preloader,
#content > .box-container .box-image {
  width: 100% !important;
  max-width: 100% !important;
}
/* Center category thumbnails within their linked cards on mobile. */
#content > .box-container .box-image img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep product listing cards centered and full size. */
#content .prod_list .box-container,
#content .prod_list .box-image,
#content .prod_list .box-title {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}
#content .prod_list .box-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 220px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}
#content .prod_list .price { text-align: center !important; }
#content .prod_list .about { margin-left: auto !important; margin-right: auto !important; }

/* Center product listing content inside each full-width card. */
#content .box-container > .box-preloader {
  display: flex !important;
  justify-content: center !important;
}

/* Override the generic two-column image float on product listing cards. */
#content .box-container > .box-preloader > a.box-image {
  display: flex !important;
  float: none !important;
  clear: none !important;
  width: calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  margin: 4px auto !important;
  align-items: center !important;
}

/* Product listing pages: cancel the generic float so the image card stays centered. */
#content:has(.product-filter) a:has(img) {
  float: none !important;
  clear: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#content:has(.product-filter) .pagination .links a[aria-current="page"],
#content:has(.product-filter) .pagination .links a.responsive-current-page {
  background: #60508b !important;
  border: 1px solid #60508b !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Center the product cards without shrinking their thumbnails. */
#content .box-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
#content .box-container .box-preloader,
#content .box-container .box-image {
  margin-left: auto !important;
  margin-right: auto !important;
}
#content .box-container .box-image img {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 959px) {
  /* The responsive Nivo setup already paints the active slide as a background. */
  #slideshow0 img { display:none !important; }
  .jagita-responsive-breadcrumbs { display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:4px !important; margin:8px 0 14px !important; font-size:14px !important; line-height:1.4 !important; }
  .jagita-responsive-breadcrumbs a { display:inline !important; float:none !important; width:auto !important; color:#60508b !important; text-decoration:underline !important; }
  .jagita-responsive-breadcrumbs .current { color:#666 !important; }
}


@media (max-width: 959px) {
  html body #content a.box-image:has(img) { display:block !important; float:none !important; clear:both !important; width:min(100%,280px) !important; max-width:100% !important; margin:4px auto !important; }
  html body #content a.box-image:has(img) img { display:block !important; width:100% !important; height:220px !important; margin:0 auto !important; object-fit:contain !important; }
}

/* Responsive product detail gallery: full-width main image and swipeable thumbnail rail. */
@media (max-width: 959px) {
  html body #content .product-info .image,
  html body #content .imagecol {
    float:none !important; width:100% !important; max-width:100% !important;
    margin:0 0 12px !important; box-sizing:border-box !important;
  }
  html body #content .product-info .image > a,
  html body #content .imagecol > a {
    display:block !important; float:none !important; width:100% !important; max-width:100% !important;
    margin:0 auto !important; text-align:center !important;
  }
  html body #content .product-info .image > a > img,
  html body #content .imagecol > a > img {
    display:block !important; width:100% !important; max-width:100% !important;
    max-height:65vh !important; height:auto !important; margin:0 auto !important;
    object-fit:contain !important;
  }
  html body #content .image-additional {
    display:flex !important; flex-wrap:nowrap !important; gap:10px !important;
    width:100% !important; max-width:100% !important; padding:8px 2px 12px !important;
    margin:0 !important; overflow-x:auto !important; overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important; scroll-snap-type:x mandatory !important;
    box-sizing:border-box !important;
  }
  html body #content .image-additional > a {
    display:block !important; flex:0 0 76px !important; float:none !important;
    width:76px !important; max-width:76px !important; margin:0 !important;
    scroll-snap-align:start !important;
  }
  html body #content .image-additional img {
    display:block !important; width:76px !important; height:76px !important;
    object-fit:contain !important; margin:0 !important;
  }
  html body .fancybox-wrap .fancybox-nav { display:block !important; opacity:1 !important; }
  html body #content .image-additional { gap: 12px !important; padding: 12px 4px 16px !important; }
  html body #content .image-additional > a { flex: 0 0 104px !important; width: 104px !important; max-width: 104px !important; height: 104px !important; padding: 5px !important; border: 1px solid #d5d5d5 !important; border-radius: 5px !important; background: #fff !important; box-sizing: border-box !important; }
  html body #content .image-additional img { width: 100% !important; height: 100% !important; object-fit: contain !important; }

}








  }



/* Responsive preview polish 2026-10-10: filters, images, background, logo. */
@media (max-width: 959px) {
  html body #container, html body #content { background-image:none !important; background-color:#fff !important; }
  html body #header-level1 #logo > a { position:relative !important; top:-5px !important; }
  html body #content .product-filter .customStyleSelectBox { position:relative !important; padding-right:44px !important; }
  html body #content .product-filter .customStyleSelectBoxInner { background-image:none !important; }
  html body #content .product-filter .customStyleSelectBox:after { content:""; position:absolute; right:16px; top:50%; width:10px; height:10px; border-right:2px solid #60508b; border-bottom:2px solid #60508b; transform:translateY(-70%) rotate(45deg); pointer-events:none; }
  html body #content .prod_list li > a > img { display:block !important; width:min(100%,320px) !important; max-width:100% !important; height:250px !important; object-fit:contain !important; margin:8px auto 12px !important; padding:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
}
/* Responsive navigation and related products. */
.jagita-responsive-breadcrumbs {display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 18px;font:14px/1.5 Arial,sans-serif;}
html body #content .jagita-responsive-breadcrumbs a {display:inline !important;width:auto !important;max-width:none !important;float:none !important;margin:0 !important;color:#60508b;text-decoration:underline;}
.jagita-related-products {margin:28px 0 12px;padding-top:20px;border-top:1px solid #ddd;}
.jagita-related-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
html body #content .jagita-related-grid > a {display:flex !important;flex-direction:column;width:auto !important;max-width:100% !important;float:none !important;margin:0 !important;padding:12px;border:1px solid #ddd;border-radius:5px;text-align:center;text-decoration:none;box-sizing:border-box;}
html body #content .jagita-related-grid img {width:100% !important;height:170px !important;object-fit:contain;margin:0 auto 12px !important;border:0 !important;}
.jagita-related-grid .name {font-weight:700;line-height:1.4;}.jagita-related-grid .price {margin-top:8px;color:#b60aba;}
@media(max-width:959px){
 html body #header-level1 #logo > a {top:-10px !important;}
 html body #categories .nav > li > div > ul > li > ul > li > a {padding-left:32px !important;}
 html body #categories .nav > li > div > ul > li > ul > li > ul > li > a {padding-left:46px !important;}
 .jagita-related-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
/* Responsive preview: visible menu hierarchy and gallery swipe hint. */
html body #content .jagita-related-products > h2 { margin:0 0 18px !important; padding-bottom:8px !important; line-height:1.3 !important; }
@media(max-width:959px){
 html body #menu #categories .nav > li > div > ul > li > a {padding-left:28px !important;box-sizing:border-box !important;}
 html body #menu #categories .nav > li > div > ul > li > ul > li > a {padding-left:48px !important;box-sizing:border-box !important;}
 html body #menu #categories .nav > li > div > ul > li > ul > li > ul > li > a {padding-left:68px !important;box-sizing:border-box !important;}
 html body #content .product-info .image-additional {display:flex !important;flex-wrap:nowrap !important;gap:12px !important;width:100% !important;max-width:100% !important;margin:0 !important;padding:12px 0 16px !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory !important;box-sizing:border-box !important;}
 html body #content .product-info .image-additional > .small-image, html body #content .product-info .image-additional > a {flex:0 0 calc((100% - 24px) / 2.3) !important;width:calc((100% - 24px) / 2.3) !important;max-width:none !important;height:auto !important;aspect-ratio:1 !important;float:none !important;margin:0 !important;box-sizing:border-box !important;scroll-snap-align:start !important;}
 html body #content .product-info .image-additional > .small-image > a {display:block !important;float:none !important;width:100% !important;max-width:100% !important;height:100% !important;margin:0 !important;padding:5px !important;box-sizing:border-box !important;}
 html body #content .product-info .image-additional img {display:block !important;width:100% !important;height:100% !important;max-width:100% !important;object-fit:contain !important;margin:0 !important;}
 html body #content .product-info .image-additional > .clear {display:none !important;}
}
/* Responsive preview: neutral submenu background. */
@media (max-width:959px){
 html body #menu #categories .nav li, html body #menu #categories .nav li > div, html body #menu #categories .nav li > ul, html body #menu #categories .nav li > div > ul {background:transparent !important;box-shadow:none !important;}
 html body #menu #categories .nav li > a:not(.jagita-menu-current) {background:transparent !important;}
}

/* Keep the legacy notification inside narrow mobile screens. */
@media(max-width:959px){html body #notification{box-sizing:border-box !important;width:auto !important;max-width:calc(100vw - 20px) !important;right:10px !important;}}

@media(max-width:959px){html body{background:#fff !important;}}