/*
 * JBA v16.20.129
 * Targeted UI polish: square category icons, mobile timed-discount cleanup,
 * larger mobile code/price, and small contact-page adjustments.
 */

/* 1) Homepage category icons: rounded-square instead of circle */
body .jba-v1620121-category-image{
  border-radius:22px!important;
}
body .jba-v1620121-category-image:after{
  border-radius:18px!important;
}
body .jba-v1620121-category-image img,
body .jba-v1620121-category-image.is-inline-icon svg{
  border-radius:18px!important;
}
@media (max-width:767px){
  body .jba-v1620121-category-image{border-radius:19px!important;}
  body .jba-v1620121-category-image:after,
  body .jba-v1620121-category-image img,
  body .jba-v1620121-category-image.is-inline-icon svg{border-radius:15px!important;}
}

/* 2) Timed discount module on mobile: compact promo header */
@media (max-width:767px){
  html body .jba-v196-special .jba-tpd-dk__percent,
  html body .jba-v196-special .jba-tpd-dk__label,
  html body .jba-v196-special .jba-tpd-dk__subtitle{
    display:none!important;
  }
  html body .jba-v196-special .jba-tpd-dk__promo{
    gap:8px!important;
    padding:4px 8px 0!important;
  }
  html body .jba-v196-special .jba-tpd-dk__title{
    margin:0!important;
    font-size:22px!important;
    line-height:1.35!important;
  }
}

/* 3) Bigger mobile jewel code and prices for readability */
html.jba-v162015-mobile-card body .jba-one-product-card .jba-tpd-luxe__code,
html.jba-mobile-performance-pack body .jba-one-product-card .jba-tpd-luxe__code,
html.jba-v16205-mobile-list body .jba-one-product-card .jba-tpd-luxe__code,
body.jba-mobile-shop .jba-one-product-card .jba-tpd-luxe__code,
html body .jba-v196-shell .jba-v196-code,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .code,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-code,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__code{
  font-size:10px!important;
}
html.jba-v162015-mobile-card body .jba-one-product-card .jba-tpd-luxe__code b,
html.jba-mobile-performance-pack body .jba-one-product-card .jba-tpd-luxe__code b,
html.jba-v16205-mobile-list body .jba-one-product-card .jba-tpd-luxe__code b,
body.jba-mobile-shop .jba-one-product-card .jba-tpd-luxe__code b,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .code-num,
html body .jba-v196-shell .jba-v196-code .code-num{
  font-size:14px!important;
  line-height:21px!important;
}
html body .jba-v196-shell .jba-dk-card.jba-v196-card .code-name,
html body .jba-v196-shell .jba-v196-code .code-name{
  font-size:9px!important;
}
html.jba-v162015-mobile-card body .jba-one-product-card .jba-tpd-luxe__prices del,
html.jba-mobile-performance-pack body .jba-one-product-card .jba-tpd-luxe__prices del,
html.jba-v16205-mobile-list body .jba-one-product-card .jba-tpd-luxe__prices del,
body.jba-mobile-shop .jba-one-product-card .jba-tpd-luxe__prices del,
html body .jba-v196-shell .jba-v196-price .dell-price,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .dell-price,
html body .jba-v196-special .jba-tpd-luxe__prices del{
  font-size:10px!important;
  line-height:14px!important;
}
html.jba-v162015-mobile-card body .jba-one-product-card .jba-tpd-luxe__prices b,
html.jba-mobile-performance-pack body .jba-one-product-card .jba-tpd-luxe__prices b,
html.jba-v16205-mobile-list body .jba-one-product-card .jba-tpd-luxe__prices b,
body.jba-mobile-shop .jba-one-product-card .jba-tpd-luxe__prices b,
html body .jba-v196-shell .jba-v196-price .green-price1 b,
html body .jba-v196-shell .jba-v196-price .jba-v1654-card-price b,
html body .jba-v196-shell .jba-v196-price .jba-v1817-similar__price b,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .green-price1 b,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1654-card-price b,
html body .jba-v196-shell .jba-dk-card.jba-v196-card .jba-v1817-similar__price b,
html body .jba-v196-special .jba-tpd-luxe__prices b{
  font-size:16px!important;
  line-height:22px!important;
}

@media (max-width:767px){
  html body .jba-one-product-card .jba-tpd-luxe__code{
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    padding:5px 52px 5px 8px!important;
    font-size:10px!important;
  }
  html body .jba-one-product-card .jba-tpd-luxe__prices{
    min-height:54px!important;
    height:54px!important;
    max-height:54px!important;
  }
  html body .jba-v196-special .jba-tpd-luxe__code{
    min-height:32px!important;
    margin-bottom:8px!important;
    padding:5px 54px 5px 8px!important;
    font-size:10px!important;
  }
  html body .jba-v196-special .jba-tpd-luxe__code span:first-child{
    right:8px!important;
    max-width:44px!important;
    font-size:9px!important;
  }
  html body .jba-v196-special .jba-tpd-luxe__code b{
    font-size:14px!important;
    line-height:20px!important;
  }
  html body .jba-v196-special .jba-tpd-luxe__prices{
    min-height:54px!important;
  }
}