body{font-family:'Century Gothic', sans-serif;font-weight:400;color:#666;font-size:15px;line-height:20px;width:100%;}
/* Sticky footer for short/empty catalog/account pages to remove bottom stripe under footer. */
body.account-wishlist,
body.product-compare,
body.checkout-cart,
body.product-search,
body.account-order_list,
body.account-download,
body.account-return_list,
body.account-reward,
body.account-transaction {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body.account-wishlist > footer,
body.product-compare > footer,
body.checkout-cart > footer,
body.product-search > footer,
body.account-order_list > footer,
body.account-download > footer,
body.account-return_list > footer,
body.account-reward > footer,
body.account-transaction > footer {
  margin-top: auto;
}
/* Sticky footer for information pages to prevent occasional white strip below footer. */
body.information-information {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body.information-information > footer {
  margin-top: auto;
}
h1, h2, h3, h4, h5, f4, f2, f5, h6{color:black;}
.fa{font-size:14px;}
.row-f{font-size:5px;}
h1{font-size:30px;}
.record-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
.record-heading-row h1 {
  margin: 0;
}
.record-heading-edit {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid #c7d1db;
  border-radius: 6px;
  background: #fff;
  color: #2a3e53;
  font-size: 13px;
  line-height: 1.2;
}
.record-heading-edit:hover,
.record-heading-edit:focus {
  color: #1e5f8b;
  border-color: #9fb7cd;
  text-decoration: none;
}
h2{font-size:27px;}
f2{font-size:20px;}
h3{font-size:21px;}
h4{font-size:14px;}
f4{font-size:15px;text-align:center;font-weight: bold;}
f5{font-size:14px;}
h5{font-size:12px;}
f5{font-size:14px;font-weight:bold;text-align:center; min-height:45px;}
f3{font-size:23px;text-align:center;font-weight: bold;color: red;}
h6{font-size:10.2px;}
h44{min-height:42px; font-weight:bold;}
a{color:#23a1d1;}
a:hover{text-decoration:none;}
legend{font-size:18px;padding:7px 0px}
label{font-size:12px;font-weight:normal;}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control{font-size:12px;}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover{font-size:12px;}
.input-group .input-group-addon{font-size:12px;height:30px;}
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg{display:inline;}
.nav-tabs{margin-bottom:15px;}
div.required .control-label:before{content:'* ';color:#F00;font-weight:bold;}
.dropdown-menu li > a:hover{text-decoration:none;color:#ffffff;background-color:#229ac8;background-image:linear-gradient(to bottom, #23a1d1, #1f90bb);background-repeat:repeat-x;}
/* Search suggestions: use neutral gray hover instead of blue. */
#search .dropdown-menu li > a:hover,
#search .dropdown-menu li > a:focus,
#search .dropdown-menu > .active > a,
#search .dropdown-menu > .active > a:hover,
#search .dropdown-menu > .active > a:focus {
  color: #222;
  background-color: #f2f2f2;
  background-image: none;
}

/* Training page pricing table: modern desktop + adaptive mobile cards. */
body.information-information-12 .cwdtable {
  width: 100% !important;
  border-collapse: separate;
  border-spacing: 0;
  border: 0 !important;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(24, 39, 75, 0.08);
}
body.information-information-12 .cwdtable,
body.information-information-12 .cwdtable th,
body.information-information-12 .cwdtable td {
  border: 0 !important;
}
body.information-information-12 .cwdtable thead th {
  background: linear-gradient(180deg, #f3f9ff 0%, #e9f3ff 100%);
  color: #1f3342;
  font-weight: 700;
  font-size: 15px;
  padding: 14px 12px !important;
  text-align: center !important;
}
body.information-information-12 .cwdtable thead th:last-child {
  border-right: 0;
}
body.information-information-12 .cwdtable tbody td {
  padding: 12px 12px !important;
  color: #243746;
  font-size: 14px;
  line-height: 1.4;
  text-align: center !important;
  box-shadow: inset 0 -1px 0 #eef3f7;
}
body.information-information-12 .cwdtable tbody td:first-child {
  font-weight: 700 !important;
}
body.information-information-12 .cwdtable tbody td:last-child {
  border-right: 0;
  font-weight: 700;
  color: #13795b;
}
body.information-information-12 .cwdtable tbody tr:nth-child(even) td {
  background: #fbfdff;
}

@media (max-width: 767px) {
  body.information-information-12 .cwdtable {
    border: 0;
    box-shadow: none;
    background: transparent;
  }
  body.information-information-12 .cwdtable thead {
    display: none;
  }
  body.information-information-12 .cwdtable,
  body.information-information-12 .cwdtable tbody,
  body.information-information-12 .cwdtable tr,
  body.information-information-12 .cwdtable td {
    display: block;
    width: 100% !important;
  }
  body.information-information-12 .cwdtable tr {
    margin: 0 0 12px 0;
    border: 1px solid #d9e1e8 !important;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: none !important;
  }
  body.information-information-12 .cwdtable tbody {
    background: transparent !important;
  }
  body.information-information-12 .cwdtable td {
    position: relative;
    border: 0;
    border-top: 1px solid #edf2f7;
    padding: 28px 12px 10px !important;
    min-height: 0;
    text-align: left !important;
  }
  body.information-information-12 .cwdtable tr td:first-child {
    border-top: 0;
    background: #f2f8ff !important;
  }
  body.information-information-12 .cwdtable td:before {
    content: "";
    position: static;
    display: block;
    margin: 0 0 6px 0;
    width: 100%;
    color: #6b7f90;
    font-weight: 600;
    text-align: left;
    line-height: 1.1;
    font-size: 12px;
  }
  body.information-information-12 .cwdtable td:nth-child(1):before {
    content: "Курс";
  }
  body.information-information-12 .cwdtable td:nth-child(2):before {
    content: "Тривалість";
  }
  body.information-information-12 .cwdtable td:nth-child(3):before {
    content: "Вартість";
  }
}
/* Training page: compact accordion for long course content. */
body.information-information-12 .ml-training-accordion {
  margin-top: 12px;
}
body.information-information-12 .ml-training-accordion .panel {
  border: 1px solid #d9e1e8;
  border-radius: 10px;
  box-shadow: none;
  overflow: hidden;
  margin-bottom: 10px;
}
body.information-information-12 .ml-training-accordion .panel-heading {
  background: #f4f8fc;
  padding: 0;
  border: 0;
}
body.information-information-12 .ml-training-accordion .panel-title a {
  display: block;
  padding: 12px 14px;
  color: #243746;
  font-weight: 700;
  font-size: 15px;
  position: relative;
}
body.information-information-12 .ml-training-accordion .panel-title a:after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b7f90;
}
body.information-information-12 .ml-training-accordion .panel-title a.collapsed:after {
  content: "\f105";
}
body.information-information-12 .ml-training-accordion .panel-body {
  padding: 14px;
  background: #fff;
  border-top: 1px solid #edf2f7;
}
@media (max-width: 767px) {
  body.information-information-12 .ml-training-accordion .panel-title a {
    padding: 11px 12px;
    font-size: 14px;
  }
  body.information-information-12 .ml-training-accordion .panel-body {
    padding: 12px;
  }
}
.owl-pagination{display:none;}
.header_contacts{color:#999;font-size:15px;text-align:right;margin-right:15px;}
#top{background-color:#EEEEEE;border-bottom:1px solid #e2e2e2;padding:4px 0px 3px 0;margin:0 0 20px 0;}
#top .container{padding:0 20px;}
#top #form-currency .currency-select,
#top #form-language .language-select{text-align:left;}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover{text-shadow:none;color:#ffffff;background-color:#229ac8;background-image:linear-gradient(to bottom, #23a1d1, #1f90bb);background-repeat:repeat-x;}
#top .btn-link, #top-links li, #top-links a{color:#888;text-shadow:0 1px 0 #FFF;text-decoration:none;}
#top .btn-link:hover, #top-links a:hover{color:#444;}
#top-links .dropdown-menu a{text-shadow:none;}
#top-links .dropdown-menu a:hover{color:#FFF;}
#top .btn-link strong{font-size:14px;line-height:14px;}
#top-links{padding-top:6px;}
#top-links a + a{margin-left:15px;}
#logo{margin:0 0 10px 0;}
#search{margin-bottom:10px;}
#search .input-lg{height:40px;line-height:20px;padding:0 10px;}
#search .btn-lg{font-size:18px;line-height:18px;padding:10px 35px;text-shadow:0 1px 0 #FFF;}
#cart{margin-bottom:10px;}
#cart > .btn{font-size:12px;line-height:18px;color:#FFF;}
#cart.open > .btn{background-image:none;background-color:#FFFFFF;border:1px solid #E6E6E6;color:#666;box-shadow:none;text-shadow:none;}
#cart.open > .btn:hover{color:#444;}
#cart .dropdown-menu{background:#eee;z-index:1001;}
#cart .dropdown-menu{min-width:100%;}
@media (max-width:478px){#cart .dropdown-menu{width:100%;}
}
#cart .dropdown-menu table{margin-bottom:10px;}
#cart .dropdown-menu li > div{min-width:427px;padding:0 10px;}
@media (max-width:478px){#cart .dropdown-menu li > div{min-width:100%;}
}
#cart .dropdown-menu li p{margin:20px 0;}
#menu{background-color:#229ac8;background-image:linear-gradient(to bottom, #23a1d1, #1f90bb);background-repeat:repeat-x;border-color:#1f90bb #1f90bb #145e7a;min-height:40px;margin-bottom:28px;}
#mmpro-desktop-topbar ~ .container .breadcrumb{margin-top:25px;}
@media (min-width:768px){
body.mmpro-desktop-bar-on{padding-top:calc(64px + var(--mmpro-fixed-top,0px) + 15px) !important;}
}
body.common-home #slideshow-pro0{margin-top:15px;}
#menu .nav > li > a{color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);padding:10px 15px 10px 15px;min-height:15px;background-color:transparent;font-size:16px;}
#menu .nav > li > a:hover, #menu .nav > li.open > a{background-color:rgba(0, 0, 0, 0.1);}
#menu .dropdown-menu{padding-bottom:0;}
#menu .dropdown-inner{display:table;}
#menu .dropdown-inner ul{display:table-cell;}
#menu .dropdown-inner a{min-width:250px;display:block;padding:3px 20px;clear:both;line-height:20px;color:#333333;font-size:12px;}
#menu .dropdown-inner li a:hover{color:#FFFFFF;}
#menu .see-all{display:block;margin-top:0.5em;border-top:1px solid #DDD;padding:3px 20px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 3px 3px;font-size:12px;}
#menu .see-all:hover, #menu .see-all:focus{text-decoration:none;color:#ffffff;background-color:#229ac8;background-image:linear-gradient(to bottom, #23a1d1, #1f90bb);background-repeat:repeat-x;}
#menu #category{float:left;padding-left:15px;font-size:16px;font-weight:700;line-height:40px;color:#fff;text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);}
#menu .btn-navbar{font-size:15px;font-stretch:expanded;color:#FFF;padding:2px 18px;float:right;background-color:#229ac8;background-image:linear-gradient(to bottom, #23a1d1, #1f90bb);background-repeat:repeat-x;border-color:#1f90bb #1f90bb #145e7a;}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled]{color:#ffffff;background-color:#229ac8;}
@media (min-width:768px){#menu .dropdown:hover .dropdown-menu{display:block;}
}
@media (max-width:767px){#menu{border-radius:4px;}
#menu div.dropdown-inner > ul.list-unstyled{display:block;}
#menu div.dropdown-menu{margin-left:0 !important;padding-bottom:10px;background-color:rgba(0, 0, 0, 0.1);}
#menu .dropdown-inner{display:block;}
#menu .dropdown-inner a{width:100%;color:#fff;}
#menu .dropdown-menu a:hover,
#menu .dropdown-menu ul li a:hover{background:rgba(0, 0, 0, 0.1);}
#menu .see-all{margin-top:0;border:none;border-radius:0;color:#fff;}
}
@media (min-width:768px){
body.information-information #content > h1{margin-top:0;}
}
#content{}
footer{margin-top:0;padding-top:22px;padding-bottom:26px;background-color:#2d2d2d;border-top:1px solid rgba(255,255,255,0.16);color:#e2e2e2;}
footer hr{border-top:none;border-bottom:1px solid #666;}
footer a{color:#ccc;}
footer a:hover{color:#fff;}
footer h5{font-family:'Open Sans', sans-serif;font-size:17px;font-weight:bold;color:#fff;}
footer .footer-main-row .list-unstyled > li{margin-bottom:5px;}
footer .footer-main-row .list-unstyled > li:last-child{margin-bottom:0;}
footer .footer-contacts-col .list-unstyled li{
  display:flex;
  align-items:flex-start;
  gap:8px;
}
footer .footer-contacts-col .list-unstyled li > i.fa{
  flex:0 0 16px;
  width:16px;
  text-align:center;
  margin-top:2px;
}
footer .footer-socials-list li > a{
  display:flex;
  align-items:flex-start;
  gap:8px;
}
footer .footer-socials-list li > a > i.fa{
  flex:0 0 16px;
  width:16px;
  text-align:center;
  margin-top:2px;
}
@media (min-width:992px){
footer .footer-main-row{
  display:flex;
  flex-wrap:nowrap;
  column-gap:34px;
  align-items:start;
  margin-left:0 !important;
  margin-right:0 !important;
}
footer .footer-main-row:before,
footer .footer-main-row:after{content:none !important;display:none !important;}
footer .footer-main-row > [class*="col-sm-"]{
  padding-left:0 !important;
  padding-right:0 !important;
  float:none;
  width:auto !important;
  max-width:none !important;
  min-width:0;
}
footer .footer-main-row > .col-sm-3:not(.footer-socials-col){
  flex:1 1 0;
}
footer .footer-main-row > .footer-contacts-col{
  flex:1.32 1 0;
}
footer .footer-main-row > .footer-cats-col,
footer .footer-main-row > .col-sm-3:first-child{
  flex:0.9 1 0;
}
footer .footer-main-row > .footer-socials-col{
  flex:0 0 auto;
  width:max-content !important;
  max-width:150px !important;
  margin-left:auto;
}
}
@media (max-width:767px){
footer .footer-cats-col .list-unstyled > li{margin-bottom:8px;}
footer .footer-cats-col .list-unstyled > li:last-child{margin-bottom:0;}
footer .footer-main-row > [class*="col-sm-"]{margin-bottom:18px;}
footer .footer-main-row > [class*="col-sm-"]:last-child{margin-bottom:0;}
}
.alert{padding:8px 14px 8px 14px;}
.tab-pane#tab-review h2{
  font-size:24px;
  line-height:1.3;
  font-weight:700;
  margin:0 0 16px;
}
#form-review{
  background:#fff;
  border:1px solid #e7edf3;
  border-radius:14px;
  padding:18px;
}
.ds-review-list{
  display:grid;
  gap:14px;
  margin:0 0 18px;
}
.ds-review-card{
  background:#f8fbff;
  border:1px solid #e2ecf5;
  border-radius:12px;
  padding:14px 16px;
}
.ds-review-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
.ds-review-author{
  font-size:16px;
  color:#1f2d3d;
}
.ds-review-date{
  font-size:12px;
  color:#8092a5;
}
.ds-review-rating{
  margin-bottom:8px;
  color:#f5a623;
}
.ds-review-rating .fa-stack{
  font-size:9px;
  width:1.35em;
  height:1.35em;
  line-height:1.35em;
}
.ds-review-text{
  font-size:14px;
  line-height:1.55;
  color:#2a3a4a;
}
.ds-review-empty{
  margin:0 0 14px;
  padding:14px 16px;
  background:#f8fbff;
  border:1px solid #e2ecf5;
  border-radius:12px;
  color:#5f7184;
}
.ds-review-pagination .pagination{
  margin:2px 0 0;
}
#tab-review #ex-reviews{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0;
  padding:0;
}
#tab-review #ex-reviews .product-reviews-top-block{
  background:#f8fbff;
  border:1px solid #e2ecf5;
  border-radius:12px;
  padding:14px 16px;
  margin-bottom:16px;
}
#tab-review #ex-reviews .review-container,
#tab-review #ex-reviews .children-review-container{
  background:#f8fbff;
  border:1px solid #e2ecf5;
  border-radius:12px;
  padding:14px 16px;
  margin-bottom:12px;
}
#tab-review #ex-reviews .review-title-container,
#tab-review #ex-reviews .review-answer-title-container{
  display:flex;
  align-items:center;
  gap:10px;
  background:transparent !important;
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
}
#tab-review #ex-reviews .children-reviews-box,
#tab-review #ex-reviews .children-reviews-box::before,
#tab-review #ex-reviews .ex-reviews-box,
#tab-review #ex-reviews .ex-reviews-stack,
#tab-review #ex-reviews .review-childrens-container,
#tab-review #ex-reviews .review-text-container,
#tab-review #ex-reviews .review-media-container{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
#tab-review #ex-reviews .review-date{
  margin-left:auto;
  color:#8092a5;
  font-size:12px;
}
#tab-review #ex-reviews .review-author-name{
  font-size:16px;
  color:#1f2d3d;
  font-weight:600;
}
#tab-review #ex-reviews .ex-comment-text{
  color:#2a3a4a;
  font-size:14px;
  line-height:1.55;
}
#tab-review #ex-reviews .review-container-footer{
  border-top:1px solid #e1e9f1;
  margin-top:10px;
  padding-top:10px;
}
#tab-review #ex-reviews .review-vote{
  border:1px solid #d5e0eb;
  border-radius:12px;
  background:#fff;
}
#tab-review #ex-reviews .ex-btn,
#tab-review #ex-reviews .show-more-button{
  border-radius:8px;
}
#tab-review #ex-reviews .reviews-top-button .ex-btn,
#tab-review #ex-reviews .ex-button-right-block .ex-btn,
#tab-review #ex-reviews .review-answer-button,
#tab-review #ex-reviews #button-review-extended,
#tab-review #ex-reviews #button-answer-review,
#tab-review #ex-reviews #review-cancel-button{
  border-radius:8px !important;
  overflow:hidden;
}
#tab-review #ex-reviews .ex-btn.ex-accept{
  background:#00A8E8;
  border-color:#00A8E8;
}
#tab-review #ex-reviews .ex-btn.ex-accept:hover{
  background:#0a95cc;
  border-color:#0a95cc;
}
#tab-review #ex-reviews .pagination-block .pagination{
  margin:4px 0 0;
}
@media (max-width:767px){
  #form-review{
    border-radius:10px;
    padding:12px;
  }
  .tab-pane#tab-review h2{
    font-size:20px;
  }
  .ds-review-card{
    padding:12px;
  }
  .ds-review-head{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }
  #tab-review #ex-reviews{
    border-radius:0;
    padding:0;
  }
  #tab-review #ex-reviews .product-reviews-top-block,
  #tab-review #ex-reviews .review-container,
  #tab-review #ex-reviews .children-review-container{
    padding:12px;
  }
  #tab-review #ex-reviews .review-title-container,
  #tab-review #ex-reviews .review-answer-title-container{
    flex-wrap:wrap;
  }
  #tab-review #ex-reviews .review-date{
    margin-left:0;
    width:100%;
  }
}
.breadcrumb {
    margin: 0 0 26px 0;
    padding: 0;
    border: none;
    background: none;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.breadcrumb::-webkit-scrollbar {
    display: none;
}

.breadcrumb i {
    font-size: 12px;
}

.breadcrumb > li {
    display: inline-flex;
    align-items: center;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    position: static;
    font-size: 15px;
    font-weight: 400;
    text-shadow: none;
    white-space: nowrap;
    flex: 0 0 auto;
}

.breadcrumb > li + li:before {
    content: '\\' !important;
    width: auto;
    height: auto;
    border: none;
    transform: none;
    color: #b3b3b3;
    font-size: 12px;
    line-height: 1;
    margin: 0 10px 0 8px;
    flex: 0 0 auto;
}

.breadcrumb > li a {
    color: #3e77aa;
    text-decoration: none;
    transition: color .2s ease;
}

.breadcrumb > li a:hover {
    color: #ff7878;
    text-decoration: none;
}

.breadcrumb > li:last-child,
.breadcrumb > li:last-child span,
.breadcrumb > li:last-child font {
    color: #6b6b6b;
}

.breadcrumb .breadcrumbp,
.breadcrumb > li > span.breadcrumbp {
    display: none !important;
}

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

    .breadcrumb {
        margin-top: 10px;
        margin-bottom: 14px;
    }

    .breadcrumb > li {
        line-height: 1.25;
        font-size: 14px;
    }

    .breadcrumb > li + li:before {
        content: '\\' !important;
        margin: 0 7px 0 6px;
        font-size: 11px;
    }
}
.pagination{margin:0;}
.buttons{margin:1em 0;}
.btn{padding:7.5px 12px;font-size:12px;border:1px solid #cccccc;border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}
.btn-xs{font-size:9px;}
.btn-sm{font-size:10.2px;}
.btn-lg{padding:10px 16px;font-size:17px;}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover{font-size:12px;}
.btn-group > .btn-xs{font-size:9px;}
.btn-group > .btn-sm{font-size:10.2px;}
.btn-group > .btn-lg{font-size:15px;}
.btn-default{color:#777;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#e7e7e7;background-image:linear-gradient(to bottom, #eeeeee, #dddddd);background-repeat:repeat-x;border-color:#dddddd #dddddd #b3b3b3 #b7b7b7;}
.btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#229ac8;background-image:linear-gradient(to bottom, #23a1d1, #1f90bb);background-repeat:repeat-x;border-color:#1f90bb #1f90bb #145e7a;}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]{background-color:#1f90bb;background-position:0 -15px;}
.btn-warning{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#faa732;background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;border-color:#f89406 #f89406 #ad6704;}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled]{box-shadow:inset 0 1000px 0 rgba(0, 0, 0, 0.1);}
.btn-danger{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#da4f49;background-image:linear-gradient(to bottom, #ee5f5b, #bd362f);background-repeat:repeat-x;border-color:#bd362f #bd362f #802420;}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled]{box-shadow:inset 0 1000px 0 rgba(0, 0, 0, 0.1);}
.btn-success{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#5bb75b;background-image:linear-gradient(to bottom, #62c462, #51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled]{box-shadow:inset 0 1000px 0 rgba(0, 0, 0, 0.1);}
.btn-info{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#df5c39;background-image:linear-gradient(to bottom, #e06342, #dc512c);background-repeat:repeat-x;border-color:#dc512c #dc512c #a2371a;}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled]{background-image:none;background-color:#df5c39;}
.btn-link{border-color:rgba(0, 0, 0, 0);cursor:pointer;color:#23A1D1;border-radius:0;}
.btn-link, .btn-link:active, .btn-link[disabled]{background-color:rgba(0, 0, 0, 0);background-image:none;box-shadow:none;}
.btn-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#2199c6;background-image:linear-gradient(to bottom, #444444, #222222);background-repeat:repeat-x;border-color:#222222 #222222 #000000;}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled]{background-color:#222222;background-image:linear-gradient(to bottom, #333333, #111111);}
.list-group a{border:1px solid #DDDDDD;color:#888888;padding:8px 12px;}
.list-group a.active, .list-group a.active:hover, .list-group a:hover{color:#444444;background:#eeeeee;border:1px solid #DDDDDD;text-shadow:0 1px 0 #FFF;}
.carousel-caption{color:#FFFFFF;text-shadow:0 1px 0 #000000;}
.carousel-control .icon-prev:before{content:'\f053';font-family:FontAwesome;}
.carousel-control .icon-next:before{content:'\f054';font-family:FontAwesome;}
.product-thumb{border:1px solid #ddd;margin-bottom:20px;overflow:auto;}
.product-thumb .image{text-align:center;}
.product-thumb .image a{display:block;}
.product-thumb .image a:hover{opacity:0.8;}
.product-thumb .image img{margin-left:auto;margin-right:auto;margin-top:10px;}
.product-grid .product-thumb .image{float:none;}
@media (min-width:767px){.product-list .product-thumb .image{float:left;padding:0 15px;}
}
.product-thumb h4{font-weight:bold;}
.product-thumb .caption{padding:0 20px;}
.product-list .product-thumb .caption{margin-left:230px;}
@media (max-width:1200px){.product-grid .product-thumb .caption{padding:0 10px;}
}
@media (max-width:767px){.product-list .product-thumb .caption{min-height:0;margin-left:0;padding:0 10px;}
.product-grid .product-thumb .caption{min-height:0;}
}
.product-thumb .rating{padding-bottom:10px;}
.rating .fa-stack{font-size:8px;}
.rating .fa-star-o{color:#999;font-size:15px;}
.rating .fa-star{color:#FC0;font-size:15px;}
.rating .fa-star + .fa-star-o{color:#E69500;}
h2.price{margin:0;}
.price{margin:5;text-align:center;color:#999;font-size:17px;font-weight:bold;}
.product-thumb .price{color:#444;}
.product-thumb .price-new{font-weight:600;color:red;}
.product-thumb .price-old{color:#999;text-decoration:line-through;font-size:13px;}
.product-thumb .price-tax{color:#999;font-size:12px;display:block;}
.product-thumb .button-group{border-top:1px solid #ddd;background-color:#eee;overflow:auto;}
.product-list .product-thumb .button-group{border-left:1px solid #ddd;}
@media (max-width:768px){.product-list .product-thumb .button-group{border-left:none;}
}
.product-thumb .button-group button{width:60%;border:none;display:inline-block;float:left;background-color:#eee;color:#888;line-height:38px;font-weight:bold;text-align:center;text-transform:uppercase;}
.product-thumb .button-group button + button{width:20%;border-left:1px solid #ddd;}
.product-thumb .button-group button:hover{color:#444;background-color:#ddd;text-decoration:none;cursor:pointer;}
@media (max-width:1200px){.product-thumb .button-group button, .product-thumb .button-group button + button{width:33.33%;}
}
@media (max-width:767px){.product-thumb .button-group button, .product-thumb .button-group button + button{width:33.33%;}
}
.thumbnails{overflow:auto;clear:both;list-style:none;padding:0;margin:0;}
.thumbnails > li{margin-left:20px;}
.thumbnails{margin-left:-20px;}
.thumbnails > img{width:100%;}
.image-additional a{margin-bottom:20px;padding:5px;display:block;border:1px solid #ddd;}
.image-additional{max-width:78px;}
.thumbnails .image-additional{float:left;margin-left:20px;}
@media (max-width:767px){
.thumbnails{display:flex;flex-wrap:wrap;margin-left:0;gap:10px;}
.thumbnails > li{margin-left:0;}
.thumbnails > li:first-child{flex:0 0 100%;}
.thumbnails .image-additional{float:none;max-width:none;flex:0 0 calc((100% - 20px) / 3);margin-left:0;}
.thumbnails .image-additional a{margin-bottom:0;}
}
@media (min-width:1200px){#content .col-lg-2:nth-child(6n+1),
#content .col-lg-2:nth-child(6n+1),
#content .col-lg-3:nth-child(4n+1),
#content .col-lg-4:nth-child(3n+1),
#content .col-lg-6:nth-child(2n+1){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){#content .col-md-2:nth-child(6n+1),
#content .col-md-2:nth-child(6n+1),
#content .col-md-3:nth-child(4n+1),
#content .col-md-4:nth-child(3n+1),
#content .col-md-6:nth-child(2n+1){clear:left;}
}
@media (min-width:768px) and (max-width:991px){#content .col-sm-2:nth-child(6n+1),
#content .col-sm-2:nth-child(6n+1),
#content .col-sm-3:nth-child(4n+1),
#content .col-sm-4:nth-child(3n+1),
#content .col-sm-6:nth-child(2n+1){clear:left;}
}
@media (min-width:768px){#column-left .product-layout .col-md-3{width:100%;}
#column-left + #content .product-layout .col-md-3{width:50%;}
#column-left + #content + #column-right .product-layout .col-md-3{width:100%;}
#content + #column-right .product-layout .col-md-3{width:100%;}
}
#column-left .product-layout, #column-right .product-layout{width:100%;}
.input-group .form-control[name^=quantity]{min-width:50px;}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled]{background-image:none;background-color:#df5c39;}

#video {
    max-width: 560px;
    margin: 0 auto;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
.product-thumb f4 {
    font-size:1.0em;
    font-weight:500;
    min-height:40px;
   }
   .product-layout {
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: -10px;
 }
}
.samsa {
float: right;
}
.yalert{
min-height:40px;
background:#fff8b9;
margin:10px 0 10px;
border-radius:5px;
color:#000;
font-size: 13pt;
justify-content: center;
padding-top: 10px;
}
.yalert2{
min-height:60px;
background:#98FB98;
margin:10px 0 10px;
border-radius:5px;
color:#000;
font-size: 13pt;
justify-content: center;
padding-top: 10px;
}
.greenalert{
min-height:60px;
background:#98FB98;
margin:10px 0 10px;
border-radius:5px;
color:#000;
font-size: 13pt;
justify-content: center;
padding-top: 10px;
}

#top {
    padding-top: 0 !important;
}
.out-of-stock {filter: grayscale(100%);}

/* Article cards: text placeholder instead of generated title images */
.seocmspro_content.blog-content .content-records .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records .sc-widget-image > a[title] {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(135deg, #e5e6ea 0%, #d7d9de 100%);
}

.seocmspro_content.blog-content .content-records .image.blog-image > .image > a[title]:hover,
.seocmspro_content.blog-content .content-records .sc-widget-image > a[title]:hover {
    filter: brightness(1.08);
}

.seocmspro_content.blog-content .content-records:nth-child(12n+1) .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records:nth-child(12n+1) .sc-widget-image > a[title] {
    background:
        linear-gradient(135deg, rgba(60, 179, 113, 0.36) 0 14%, transparent 14% 100%),
        linear-gradient(315deg, rgba(52, 152, 219, 0.34) 0 17%, transparent 17% 100%),
        linear-gradient(135deg, #e4e6ea 0%, #d6d8dd 100%);
}

.seocmspro_content.blog-content .content-records:nth-child(12n+2) .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records:nth-child(12n+2) .sc-widget-image > a[title] {
    background:
        linear-gradient(145deg, rgba(243, 156, 18, 0.35) 0 13%, transparent 13% 100%),
        linear-gradient(325deg, rgba(231, 76, 60, 0.3) 0 16%, transparent 16% 100%),
        linear-gradient(135deg, #e5e6ea 0%, #d7d9de 100%);
}

.seocmspro_content.blog-content .content-records:nth-child(12n+3) .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records:nth-child(12n+3) .sc-widget-image > a[title] {
    background:
        linear-gradient(130deg, rgba(155, 89, 182, 0.28) 0 12%, transparent 12% 100%),
        linear-gradient(300deg, rgba(26, 188, 156, 0.33) 0 18%, transparent 18% 100%),
        linear-gradient(135deg, #e4e6ea 0%, #d6d9de 100%);
}

.seocmspro_content.blog-content .content-records:nth-child(12n+4) .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records:nth-child(12n+4) .sc-widget-image > a[title] {
    background:
        linear-gradient(140deg, rgba(241, 196, 15, 0.34) 0 15%, transparent 15% 100%),
        linear-gradient(320deg, rgba(41, 128, 185, 0.34) 0 14%, transparent 14% 100%),
        linear-gradient(135deg, #e3e5e9 0%, #d5d7dc 100%);
}

.seocmspro_content.blog-content .content-records:nth-child(12n+5) .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records:nth-child(12n+5) .sc-widget-image > a[title] {
    background:
        linear-gradient(125deg, rgba(46, 204, 113, 0.29) 0 16%, transparent 16% 100%),
        linear-gradient(305deg, rgba(230, 126, 34, 0.31) 0 15%, transparent 15% 100%),
        linear-gradient(135deg, #e5e7eb 0%, #d7d9de 100%);
}

.seocmspro_content.blog-content .content-records:nth-child(12n+6) .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records:nth-child(12n+6) .sc-widget-image > a[title] {
    background:
        linear-gradient(138deg, rgba(52, 152, 219, 0.33) 0 12%, transparent 12% 100%),
        linear-gradient(318deg, rgba(142, 68, 173, 0.3) 0 17%, transparent 17% 100%),
        linear-gradient(135deg, #e4e6ea 0%, #d6d8de 100%);
}

.seocmspro_content.blog-content .content-records:nth-child(12n+7) .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records:nth-child(12n+7) .sc-widget-image > a[title] {
    background:
        linear-gradient(132deg, rgba(52, 73, 94, 0.28) 0 14%, transparent 14% 100%),
        linear-gradient(312deg, rgba(46, 204, 113, 0.32) 0 16%, transparent 16% 100%),
        linear-gradient(135deg, #e5e7ea 0%, #d7d9de 100%);
}

.seocmspro_content.blog-content .content-records:nth-child(12n+8) .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records:nth-child(12n+8) .sc-widget-image > a[title] {
    background:
        linear-gradient(142deg, rgba(22, 160, 133, 0.31) 0 13%, transparent 13% 100%),
        linear-gradient(322deg, rgba(52, 152, 219, 0.31) 0 17%, transparent 17% 100%),
        linear-gradient(135deg, #e4e6ea 0%, #d6d8dd 100%);
}

.seocmspro_content.blog-content .content-records:nth-child(12n+9) .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records:nth-child(12n+9) .sc-widget-image > a[title] {
    background:
        linear-gradient(128deg, rgba(192, 57, 43, 0.29) 0 12%, transparent 12% 100%),
        linear-gradient(308deg, rgba(241, 196, 15, 0.35) 0 18%, transparent 18% 100%),
        linear-gradient(135deg, #e5e7eb 0%, #d7d9de 100%);
}

.seocmspro_content.blog-content .content-records:nth-child(12n+10) .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records:nth-child(12n+10) .sc-widget-image > a[title] {
    background:
        linear-gradient(136deg, rgba(127, 140, 141, 0.32) 0 15%, transparent 15% 100%),
        linear-gradient(316deg, rgba(230, 126, 34, 0.3) 0 14%, transparent 14% 100%),
        linear-gradient(135deg, #e3e5e9 0%, #d5d7dc 100%);
}

.seocmspro_content.blog-content .content-records:nth-child(12n+11) .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records:nth-child(12n+11) .sc-widget-image > a[title] {
    background:
        linear-gradient(144deg, rgba(142, 68, 173, 0.31) 0 14%, transparent 14% 100%),
        linear-gradient(324deg, rgba(26, 188, 156, 0.3) 0 16%, transparent 16% 100%),
        linear-gradient(135deg, #e4e6ea 0%, #d6d9de 100%);
}

.seocmspro_content.blog-content .content-records:nth-child(12n) .image.blog-image > .image > a[title],
.seocmspro_content.blog-content .content-records:nth-child(12n) .sc-widget-image > a[title] {
    background:
        linear-gradient(130deg, rgba(211, 84, 0, 0.33) 0 13%, transparent 13% 100%),
        linear-gradient(310deg, rgba(52, 152, 219, 0.3) 0 17%, transparent 17% 100%),
        linear-gradient(135deg, #e5e6ea 0%, #d7d8dd 100%);
}

.seocmspro_content.blog-content .content-records .image.blog-image > .image > a[title] > img,
.seocmspro_content.blog-content .content-records .sc-widget-image > a[title] > img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0;
    visibility: hidden;
}

.seocmspro_content.blog-content .content-records .image.blog-image > .image > a[title]::before,
.seocmspro_content.blog-content .content-records .sc-widget-image > a[title]::before {
    content: "";
}

.seocmspro_content.blog-content .content-records .image.blog-image > .image > a[title] .sc-blog-card-title,
.seocmspro_content.blog-content .content-records .sc-widget-image > a[title] .sc-blog-card-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    padding: 0 12px;
    text-align: center;
    font-size: clamp(16px, 0.75vw + 10px, 22px);
    line-height: 1.32 !important;
    color: #2f3540;
    pointer-events: none;
    overflow-wrap: anywhere;
    white-space: normal;
}

.seocmspro_content.blog-content .content-records .image.blog-image > .image > a[title] .sc-blog-card-title-main,
.seocmspro_content.blog-content .content-records .sc-widget-image > a[title] .sc-blog-card-title-main {
    display: inline;
}

.seocmspro_content.blog-content .content-records .image.blog-image > .image > a[title] .sc-blog-card-title-main,
.seocmspro_content.blog-content .content-records .sc-widget-image > a[title] .sc-blog-card-title-main {
    font-weight: 700;
}

.seocmspro_content.blog-content .content-records .blog_bottom .ul55 {
    display: flex !important;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 6px !important;
}

.seocmspro_content.blog-content .content-records .blog_bottom .ul55 > li {
    display: none !important;
}

.seocmspro_content.blog-content .content-records .blog_bottom .ul55 > li.blog-viewed-record,
.seocmspro_content.blog-content .content-records .blog_bottom .ul55 > li.blog-category-record {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    float: none !important;
    margin: 0 !important;
}

.seocmspro_content.blog-content .content-records .blog_bottom .ul55 > li.blog-category-record {
    display: none !important;
}


@media (max-width: 767px) {
    .seocmspro_content.blog-content .content-records .image.blog-image > .image > a[title],
    .seocmspro_content.blog-content .content-records .sc-widget-image > a[title] {
        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;
        border: 0 !important;
    }

    .seocmspro_content.blog-content .content-records .image.blog-image > .image > a[title] > img,
    .seocmspro_content.blog-content .content-records .sc-widget-image > a[title] > img {
        height: 100%;
    }

    .seocmspro_content.blog-content .content-records .image.blog-image > .image > a[title] .sc-blog-card-title,
    .seocmspro_content.blog-content .content-records .sc-widget-image > a[title] .sc-blog-card-title {
        font-size: clamp(22px, 5vw, 28px);
        line-height: 1.36 !important;
        padding: 0 10px;
    }

    .seocmspro_content.blog-content .content-records,
    .seocmspro_content.blog-content .content-records .image.blog-image,
    .seocmspro_content.blog-content .content-records .sc-widget-image-block,
    .seocmspro_content.blog-content .content-records .sc-widget-image {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .seocmspro_content.blog-content .content-records .divider100 {
        display: none !important;
    }

    .seocmspro_content.blog-content .record_columns,
    .seocmspro_content.blog-content .record_columns_center {
        gap: 22px !important;
    }

    .seocmspro_content.blog-content .content-records {
        margin-bottom: 0 !important;
        display: block !important;
    }

    .seocmspro_content.blog-content .content-records .blog_bottom {
        display: block !important;
        clear: both;
        margin-top: 4px !important;
        margin-bottom: 16px !important;
        width: 100%;
        font-size: 13px;
        line-height: 1.3;
        color: #667085;
    }

    .seocmspro_content.blog-content .content-records .blog_bottom .ul55 {
        display: flex !important;
        align-items: center;
        gap: 10px;
        flex-wrap: nowrap;
    }

    .seocmspro_content.blog-content .content-records .blog_bottom .ul45,
    .seocmspro_content.blog-content .content-records .blog_bottom li {
        display: none !important;
    }

    .seocmspro_content.blog-content .content-records .blog_bottom li.blog-viewed-record,
    .seocmspro_content.blog-content .content-records .blog_bottom li.blog-category-record {
        display: inline-flex !important;
        align-items: center;
        gap: 4px;
        float: none !important;
        margin: 0 !important;
    }

    .seocmspro_content.blog-content .content-records .blog_bottom li.blog-category-record {
        display: none !important;
    }

    .seocmspro_content.blog-content .content-records .blog_bottom li.blog-viewed-record:before,
    .seocmspro_content.blog-content .content-records .blog_bottom li.blog-category-record:before,
    .seocmspro_content.blog-content .content-records .blog_bottom li.blog-viewed-record i,
    .seocmspro_content.blog-content .content-records .blog_bottom li.blog-category-record i,
    .seocmspro_content.blog-content .content-records .blog_bottom li.blog-viewed-record svg,
    .seocmspro_content.blog-content .content-records .blog_bottom li.blog-category-record svg,
    .seocmspro_content.blog-content .content-records .blog_bottom li.blog-viewed-record .fa,
    .seocmspro_content.blog-content .content-records .blog_bottom li.blog-category-record .fa {
        margin-right: 4px;
    }

    .seocmspro_content.blog-content .content-records .blog_bottom li.blog-category-record a {
        color: #00A8E8;
        text-decoration: none;
    }
}

/* Child blog categories as cards at top of parent category page */
.seocmspro_content.blog-content .blog-subcats-section {
    margin: 10px 0 20px;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.seocmspro_content.blog-content .blog-subcats-section .blog-subcats-heading {
    margin: 0 0 12px;
    padding: 0;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #2f3540;
}

.seocmspro_content.blog-content .blog-subcats-separator {
    margin: 10px 0 16px;
    border: 0;
    border-top: 1px solid #e1e6ee;
}

.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
    width: 100%;
}

.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card {
    width: calc((100% - 48px) / 4);
    min-width: 0;
    box-sizing: border-box;
}

.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 96px;
    border-radius: 10px;
    padding: 22px 16px;
    text-decoration: none;
    color: #2f3540;
    background: #dfe7f2;
    transition: filter .18s ease;
}

.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card.blog-subcat-card-summary .blog-subcat-summary {
    background: #3a3a3a !important;
    gap: 10px;
    color: #fff;
}
.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card.blog-subcat-card-summary .blog-subcat-total {
    display: inline;
    margin-top: 0;
    font-size: 20px;
    line-height: inherit;
}

.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card.blog-subcat-card-summary .blog-subcat-title {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
}

.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-total {
    display: block;
    margin-top: 6px;
    font-size: clamp(20px, 1.5vw, 24px);
    line-height: 1.1;
    font-weight: 800;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0.2px;
}

.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card:nth-child(6n+1) .blog-subcat-link {
    background: #dbe9f8;
}
.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card:nth-child(6n+2) .blog-subcat-link {
    background: #f9e0d7;
}
.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card:nth-child(6n+3) .blog-subcat-link {
    background: #e7def6;
}
.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card:nth-child(6n+4) .blog-subcat-link {
    background: #d9f0e5;
}
.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card:nth-child(6n+5) .blog-subcat-link {
    background: #f6ebc8;
}
.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card:nth-child(6n) .blog-subcat-link {
    background: #eadfd6;
}

.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card:not(.blog-subcat-card-summary) {
    border: 1.5px solid rgba(60,60,60,0.22);
    border-radius: 10px;
    transition: border-color .18s ease;
}
.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card:not(.blog-subcat-card-summary):hover {
    border-color: transparent;
}
.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-link:hover {
    filter: brightness(1.04);
}

.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card:not(.blog-subcat-card-summary) .blog-subcat-link {
    display: block;
    text-align: center;
    padding-top: 38px;
    padding-bottom: 38px;
}
.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-title {
    display: inline;
    font-size: 16px;
    line-height: 1.28;
    font-weight: 700;
    padding: 0;
    text-decoration: underline;
}
.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-link:hover .blog-subcat-title {
    text-decoration: none;
}

.seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    border-radius: 999px;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 700;
    color: #2f3540;
    background: rgba(255,255,255,0.78);
    vertical-align: middle;
    position: relative;
    top: -5px;
    margin-left: 4px;
}

/* Keep article cards block width visually equal to subcategory cards block */
.seocmspro_content.blog-content .record-grid { display: none; }

.record-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sc-results-left {
    font-size: 13px;
    color: #666;
    white-space: nowrap;
    flex-shrink: 0;
    order: -1;
}
.record-filter ul.ascp_horizont {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    flex-wrap: nowrap;
    flex: 1;
}
.record-filter ul.ascp_horizont li {
    display: flex;
    align-items: center;
    gap: 6px;
    float: none;
}
.record-filter .sc-blog_result-icon {
    font-size: 16px;
    color: #888;
    white-space: nowrap;
    line-height: 1;
    order: 0;
    flex-shrink: 0;
}
.record-filter .form-group {
    margin-bottom: 0;
    order: 1;
}
.record-filter .form-group select {
    float: none !important;
    display: inline-block;
}
.record-filter ul .sc-blog_result:not(.sc-blog_result-icon) {
    order: 2;
}
.record-filter .divider100 {
    display: none;
}
@media (max-width: 767px) {
    .record-filter {
        flex-wrap: wrap;
    }
    .sc-results-left {
        flex: 0 0 100%;
        white-space: normal;
        margin-bottom: 8px;
    }
    .record-filter ul.ascp_horizont {
        flex: 0 0 100%;
        justify-content: flex-start;
    }
}

.seocmspro_content.blog-content.seocmspro_content_main .record_columns {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    margin: 0;
}

.seocmspro_content.blog-content.seocmspro_content_main .record_columns > .content-records.column_width_ {
    width: calc((100% - 48px) / 4) !important;
    min-width: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .seocmspro_content.blog-content.seocmspro_content_main .record_columns > .content-records.column_width_ {
        width: calc((100% - 16px) / 2) !important;
    }
    .seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card {
        width: calc((100% - 16px) / 2);
    }
}

@media (max-width: 575px) {
    .seocmspro_content.blog-content .blog-subcats-section {
        margin: 8px 0 14px;
        padding: 0;
        border-radius: 10px;
    }
    .seocmspro_content.blog-content .blog-subcats-section .blog-subcats-heading {
        margin-bottom: 10px;
        font-size: 16px;
        padding: 0;
    }
    .seocmspro_content.blog-content .record_columns_center.blog-subcats-grid {
        gap: 10px;
        margin: 0;
        width: 100%;
    }
    .seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card {
        width: 100%;
    }
    .seocmspro_content.blog-content.seocmspro_content_main .record_columns > .content-records.column_width_ {
        width: 100% !important;
    }
    .seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-link {
        min-height: 84px;
        padding: 12px 14px;
    }
    .seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-title {
        font-size: 16px;
    }
    .seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-total {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .seocmspro_content.blog-content .record_columns_center.blog-subcats-grid {
        display: block !important;
        width: 100% !important;
    }
    .seocmspro_content.blog-content .record_columns_center.blog-subcats-grid .blog-subcat-card {
        display: block !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 10px 0 !important;
    }
}

/* Hide duplicate text titles under article image blocks (all blog widgets and blog pages). */
.seocmspro_content.blog-content .content-records .name,
.cmswidget .content-records .name,
.seocmspro_content_main .content-records .name {
    display: none !important;
}

/* Mobile homepage: suppress legacy title blocks under blog cards (overlay title is the single source). */
@media (max-width: 767px) {
    body.common-home .cmswidget .seocmspro_content.blog-content .content-records > .name,
    body.common-home .cmswidget .seocmspro_content.blog-content .content-records > .title,
    body.common-home .cmswidget .seocmspro_content.blog-content .content-records > h2,
    body.common-home .cmswidget .seocmspro_content.blog-content .content-records .blog_bottom .name,
    body.common-home .cmswidget .seocmspro_content.blog-content .content-records .blog_bottom .title {
        display: none !important;
    }
}

/* Related/Popular article widgets on record page */
#tab-related .record-related-card {
    border: 0;
    box-shadow: none;
    background: transparent;
}

#tab-related .record-related-card .record-related-image a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(135deg, #e5e6ea 0%, #d7d9de 100%);
    height: 150px;
}

#tab-related .record-related-card .record-related-image a img {
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

#tab-related .record-related-card .record-related-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    padding: 0 12px;
    text-align: center;
    font-size: clamp(16px, 0.75vw + 10px, 22px);
    line-height: 1.32;
    color: #2f3540;
    pointer-events: none;
    overflow-wrap: anywhere;
    white-space: normal;
}

#tab-related .record-related-card .record-related-title-main {
    font-weight: 700;
}

#tab-related .record-related-card .record-related-meta {
    margin-top: 4px;
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 1.3;
    color: #667085;
}

#tab-related .record-related-card .record-related-meta .ul55 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

#tab-related .record-related-card .record-related-meta .blog-viewed-record,
#tab-related .record-related-card .record-related-meta .blog-category-record {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

#tab-related .record-related-card .record-related-meta .blog-category-record a {
    color: #00A8E8;
    text-decoration: none;
}

/* Record page widgets: move views/category inside card corners */
body.record-record .cmswidget .content-records {
    position: relative;
}

body.record-record .cmswidget .content-records .sc-widget-image > a[title],
body.record-record .cmswidget .content-records .image.blog-image > .image > a[title] {
    height: 150px;
}

body.record-record .cmswidget .content-records .sc-widget-image > a[title] > img,
body.record-record .cmswidget .content-records .image.blog-image > .image > a[title] > img {
    height: 100%;
}

body.record-record .cmswidget .content-records .blog_bottom {
    position: absolute;
    inset: 0;
    margin: 0 !important;
    pointer-events: none;
    z-index: 4;
}

body.record-record .cmswidget .content-records .blog_bottom .ul55 {
    display: block !important;
    position: static;
}

body.record-record .cmswidget .content-records .blog_bottom .ul45,
body.record-record .cmswidget .content-records .blog_bottom li {
    display: none !important;
}

body.record-record .cmswidget .content-records .blog_bottom li.blog-viewed-record,
body.record-record .cmswidget .content-records .blog_bottom li.blog-category-record {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    margin: 0 !important;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    color: #2f3540;
    pointer-events: auto;
}

body.record-record .cmswidget .content-records .blog_bottom li.blog-viewed-record {
    position: absolute;
    top: 8px;
    right: 8px;
}

body.record-record .cmswidget .content-records .blog_bottom li.blog-category-record {
    position: absolute;
    left: 8px;
    bottom: 8px;
}

body.record-record .cmswidget .content-records .blog_bottom li.blog-category-record a {
    color: #2f3540;
    text-decoration: none;
}

/* === Blog: кнопка «Показати ще» === */
.seocmspro_content.blog-content #records_more {
    margin-top: 24px;
    margin-bottom: 0;
    text-align: center;
}
.seocmspro_content.blog-content #records_more a.records_more {
    display: inline-block;
    background: transparent;
    border: 1.5px solid #229ac8;
    color: #229ac8;
    border-radius: 8px;
    padding: 10px 36px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background .2s, color .2s;
    box-shadow: none;
    text-shadow: none;
    background-image: none;
}
.seocmspro_content.blog-content #records_more a.records_more:hover {
    background: #229ac8;
    color: #fff;
}

/* === Blog: пагинация === */
.seocmspro_content.blog-content div.pagination {
    margin-top: 20px;
    display: block;
    width: 100%;
}
.seocmspro_content.blog-content div.pagination ul.pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
}
.seocmspro_content.blog-content div.pagination ul.pagination > li {
    display: inline-flex;
}
.seocmspro_content.blog-content div.pagination ul.pagination > li > a,
.seocmspro_content.blog-content div.pagination ul.pagination > li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #555;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    transition: background .15s, color .15s;
    box-shadow: none;
    margin: 0;
}
.seocmspro_content.blog-content div.pagination ul.pagination > li > a:hover {
    background: rgba(34, 154, 200, 0.12);
    color: #229ac8;
}
.seocmspro_content.blog-content div.pagination ul.pagination > li.active > span,
.seocmspro_content.blog-content div.pagination ul.pagination > li.active > a {
    background: #229ac8;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
}
.seocmspro_content.blog-content div.pagination ul.pagination > li.disabled > a,
.seocmspro_content.blog-content div.pagination ul.pagination > li.disabled > span {
    color: #ccc;
    pointer-events: none;
}

/* === Blog: отступы между фильтром / кнопкой / пагинацией === */
.seocmspro_content.blog-content .record-filter {
    margin-bottom: 0;
}
.seocmspro_content.blog-content div.pagination.margintop5 {
    margin-top: 20px !important;
}

@media (max-width: 767px) {
    .seocmspro_content.blog-content div.pagination ul.pagination {
        flex-wrap: nowrap;
        gap: 2px;
    }
    .seocmspro_content.blog-content div.pagination ul.pagination > li {
        flex: 1 1 0;
        min-width: 0;
    }
    .seocmspro_content.blog-content div.pagination ul.pagination > li > a,
    .seocmspro_content.blog-content div.pagination ul.pagination > li > span {
        min-width: 0;
        width: 100%;
        height: 32px;
        font-size: 13px;
        padding: 0 2px;
    }
}

/* ===== Категории товаров: фильтр-бар ===== */
.cat-filter-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    margin-bottom: 16px;
}
.cat-filter-item {
    display: flex;
    align-items: center;
    gap: 6px;
}
.cat-filter-icon {
    font-size: 16px;
    color: #888;
    line-height: 1;
    flex-shrink: 0;
}
.cat-filter-item .form-control {
    height: 32px;
    padding: 4px 8px;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #ccc;
    float: none !important;
    display: inline-block;
    width: auto;
}

/* ===== Категории товаров: строка пагинации + результаты ===== */
.cat-pagination-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}
.cat-results {
    font-size: 13px;
    color: #666;
    white-space: nowrap;
    flex-shrink: 0;
}
.cat-pagination {
    display: block;
}
.cat-pagination ul.pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
}
.cat-pagination ul.pagination > li {
    display: inline-flex;
}
.cat-pagination ul.pagination > li > a,
.cat-pagination ul.pagination > li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #555;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    transition: background .15s, color .15s;
    box-shadow: none;
    margin: 0;
}
.cat-pagination ul.pagination > li > a:hover {
    background: rgba(34, 154, 200, 0.12);
    color: #229ac8;
}
.cat-pagination ul.pagination > li.active > span,
.cat-pagination ul.pagination > li.active > a {
    background: #229ac8;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
}
.cat-pagination ul.pagination > li.disabled > a,
.cat-pagination ul.pagination > li.disabled > span {
    color: #ccc;
    pointer-events: none;
}

@media (max-width: 767px) {
    .cat-filter-bar {
        flex-wrap: wrap;
        gap: 10px;
    }
    .cat-pagination-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .cat-pagination {
        display: block;
        width: 100%;
    }
    .cat-pagination ul.pagination {
        flex-wrap: nowrap;
        gap: 2px;
        width: 100%;
    }
    .cat-pagination ul.pagination > li {
        flex: 1 1 0;
        min-width: 0;
    }
    .cat-pagination ul.pagination > li > a,
    .cat-pagination ul.pagination > li > span {
        min-width: 0;
        width: 100%;
        height: 32px;
        font-size: 13px;
        padding: 0 2px;
    }
}

@media (max-width: 767px) {
    body.record-record .cmswidget .content-records .blog_bottom li.blog-viewed-record {
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        left: auto !important;
        bottom: auto !important;
    }

    body.record-record .cmswidget .content-records .blog_bottom li.blog-category-record {
        position: absolute !important;
        left: 8px !important;
        bottom: 8px !important;
        right: auto !important;
        top: auto !important;
    }
}

/* ===== Акордеон батьківських категорій ===== */
.pssx-subcats-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.pssx-chips-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
}
/* Кнопка-батьківська категорія */
button.pssx-parent-chip {
    background: #e8f6fd;
    border: 1.5px solid #229ac8;
    color: #229ac8;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background .2s, color .2s;
}
button.pssx-parent-chip:hover {
    background: #d0edf8;
}
button.pssx-parent-chip.open {
    background: #229ac8;
    color: #fff;
}
.pssx-parent-chip-icon {
    transition: transform .25s;
    font-size: 11px;
    line-height: 1;
}
button.pssx-parent-chip.open .pssx-parent-chip-icon {
    transform: rotate(180deg);
}
/* Панель дочірніх категорій */
.pssx-subcat-children {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .3s ease, opacity .25s ease;
    margin-top: 6px;
    padding: 0 4px;
    width: 100%;
}
.pssx-child-chip {
    font-size: 12px !important;
    padding: 4px 12px !important;
    background: #f5fbff !important;
    border-color: rgba(34,154,200,.4) !important;
    color: #1a7fa0 !important;
}
.pssx-child-chip:hover {
    background: #229ac8 !important;
    color: #fff !important;
}

/* ===== ldev-question аккордеон в стиле сайта ===== */
.ldev-question .panel-group .panel.panel-default {
    margin-bottom: 14px !important;
    border: 1px solid #e6edf3 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 20px rgba(16, 44, 71, 0.08) !important;
    background: #fff !important;
}
.ldev-question .panel-group .panel + .panel {
    margin-top: 0;
}
.ldev-question .panel-default > .panel-heading,
.ldev-question .panel.panel-default > .panel-heading.card-header {
    display: block;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e6edf3 !important;
    background: #f7fafc !important;
    background-image: none !important;
    padding: 14px 16px !important;
    text-decoration: none !important;
}
.ldev-question .panel-default > .panel-heading:hover,
.ldev-question .panel-default > .panel-heading:focus,
.ldev-question .panel-default > .panel-heading:active,
.ldev-question .panel-heading[aria-expanded="true"] {
    background: #f7fafc !important;
    border-bottom-color: #e6edf3 !important;
    color: #243041 !important;
}
.ldev-question .accordion .panel-title,
.ldev-question .accordion .panel-title a,
.ldev-question .accordion .panel-title a:link,
.ldev-question .accordion .panel-title a:visited,
.ldev-question .accordion .panel-title a:hover,
.ldev-question .accordion .panel-title a:focus {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
    color: #243041 !important;
    text-decoration: none !important;
    padding-right: 24px;
}
.ldev-question .panel-default > .panel-heading:hover .panel-title,
.ldev-question .panel-default > .panel-heading:hover .panel-title a,
.ldev-question .panel-default > .panel-heading:hover .panel-title span {
    color: #243041 !important;
}
.ldev-question .accordion .panel-title.collapse-show-toggler:after,
.ldev-question .panel-default > .panel-heading:hover .collapse-show-toggler:after,
.ldev-question .panel-default > .panel-heading:focus .collapse-show-toggler:after,
.ldev-question .panel-default > .panel-heading:active .collapse-show-toggler:after {
    border-color: #243041 !important;
    width: 9px;
    height: 9px;
}
.ldev-question .panel-group .panel-heading + .panel-collapse > .panel-body,
.ldev-question .panel-group .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: 0 !important;
    background: #fff !important;
    padding: 16px 18px 20px;
}
@media (max-width: 991px) {
    .ldev-question .accordion .panel-title,
    .ldev-question .accordion .panel-title a,
    .ldev-question .accordion .panel-title a:link,
    .ldev-question .accordion .panel-title a:visited,
    .ldev-question .accordion .panel-title a:hover,
    .ldev-question .accordion .panel-title a:focus {
        font-size: 15px;
        line-height: 1.3;
    }
}

/* ===== Product page banners: unified site card style ===== */
body[class*="product-product"] .rb-gallery,
body[class*="product-product"] .ldev-question-gallery-wrap,
body[class*="product-product"] .ocdbanner,
body[class*="product-category"] .rb-gallery,
body[class*="product-category"] .ldev-question-gallery-wrap,
body[class*="product-category"] .ocdbanner {
    margin: 16px 0 26px;
}

body[class*="product-product"] .rb-gallery > h2,
body[class*="product-product"] .ocdbanner .title-module,
body[class*="product-category"] .rb-gallery > h2,
body[class*="product-category"] .ocdbanner .title-module {
    margin: 0 0 14px;
    color: #243041;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
}

body[class*="product-product"] .rb-gallery-item,
body[class*="product-category"] .rb-gallery-item {
    margin: 0 0 18px;
}

body[class*="product-product"] .rb-gallery-inner,
body[class*="product-product"] .ldev-question-gallery-item,
body[class*="product-product"] .ocdbanner .item-banner > div,
body[class*="product-category"] .rb-gallery-inner,
body[class*="product-category"] .ldev-question-gallery-item,
body[class*="product-category"] .ocdbanner .item-banner > div {
    background: #fff;
    border: 1px solid #e6edf3;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(16, 44, 71, 0.08);
    transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}

body[class*="product-product"] .rb-gallery-item:hover .rb-gallery-inner,
body[class*="product-product"] .ldev-question-gallery-item:hover,
body[class*="product-product"] .ocdbanner .item-banner > div:hover,
body[class*="product-category"] .rb-gallery-item:hover .rb-gallery-inner,
body[class*="product-category"] .ldev-question-gallery-item:hover,
body[class*="product-category"] .ocdbanner .item-banner > div:hover {
    transform: none;
    box-shadow: 0 12px 30px rgba(16, 44, 71, 0.14);
    border-color: #d3e6f3;
}

body[class*="product-product"] .rb-gallery-img-outer,
body[class*="product-category"] .rb-gallery-img-outer {
    margin: 0;
}

body[class*="product-product"] .rb-gallery-img-outer.foto,
body[class*="product-category"] .rb-gallery-img-outer.foto {
    border: 0;
    box-shadow: none;
}

body[class*="product-product"] .rb-gallery-link,
body[class*="product-product"] .ldev-question-gallery-item__caption,
body[class*="product-category"] .rb-gallery-link,
body[class*="product-category"] .ldev-question-gallery-item__caption {
    display: block;
}

body[class*="product-product"] .rb-gallery-img,
body[class*="product-product"] .ldev-question-gallery-item img,
body[class*="product-product"] .ocdbanner .item-banner img,
body[class*="product-category"] .rb-gallery-img,
body[class*="product-category"] .ldev-question-gallery-item img,
body[class*="product-category"] .ocdbanner .item-banner img {
    width: 100%;
    height: auto;
}

body[class*="product-product"] .rb-gallery .text-gallery,
body[class*="product-product"] .ldev-question-gallery-item__title,
body[class*="product-category"] .rb-gallery .text-gallery,
body[class*="product-category"] .ldev-question-gallery-item__title {
    margin: 0;
    padding: 12px 14px 14px;
    color: #243041;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
}

body[class*="product-product"] .ldev-gallery-style-primary .ldev-question-gallery-item,
body[class*="product-category"] .ldev-gallery-style-primary .ldev-question-gallery-item {
    border-width: 1px;
    border-color: #e6edf3;
}

body[class*="product-product"] .ldev-gallery-style-primary .ldev-question-gallery-item__caption:before,
body[class*="product-category"] .ldev-gallery-style-primary .ldev-question-gallery-item__caption:before {
    display: none;
}

body[class*="product-product"] .ldev-gallery-style-primary .ldev-question-gallery-item img,
body[class*="product-product"] .rb-gallery-img.anim-scale,
body[class*="product-category"] .ldev-gallery-style-primary .ldev-question-gallery-item img,
body[class*="product-category"] .rb-gallery-img.anim-scale {
    transform: none;
    transition: transform .35s ease;
}

body[class*="product-product"] .ldev-gallery-style-primary .ldev-question-gallery-item:hover img,
body[class*="product-product"] .rb-gallery-item:hover .rb-gallery-img.anim-scale,
body[class*="product-category"] .ldev-gallery-style-primary .ldev-question-gallery-item:hover img,
body[class*="product-category"] .rb-gallery-item:hover .rb-gallery-img.anim-scale {
    transform: none;
}

body[class*="product-product"] .ldev-question-about,
body[class*="product-category"] .ldev-question-about {
    margin: 0 0 14px;
    padding: 12px 14px;
    background: #f7fafc;
    border: 1px solid #e6edf3;
    border-radius: 12px;
    color: #334155;
}

body[class*="product-product"] .ldev-question-about hr,
body[class*="product-category"] .ldev-question-about hr {
    display: none;
}

body[class*="product-product"] .ldev-question-about p,
body[class*="product-category"] .ldev-question-about p {
    margin: 0;
}

/* Super Custom HTML Field: highlighted notice block (module 108). */
.ml-shtml-block {
    clear: both;
}

.ml-shtml-highlight {
    margin: 12px 0 18px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid #f3cf57;
    background: linear-gradient(180deg, #fff7b8 0%, #ffe16d 100%);
    box-shadow: 0 6px 18px rgba(179, 122, 0, 0.16);
}

.ml-shtml-highlight hr {
    display: none;
}

.ml-shtml-highlight p {
    margin: 0;
    color: #4d3900;
}

@media (max-width: 991px) {
    body[class*="product-product"] .rb-gallery > h2,
    body[class*="product-product"] .ocdbanner .title-module,
    body[class*="product-category"] .rb-gallery > h2,
    body[class*="product-category"] .ocdbanner .title-module {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    body[class*="product-product"] .rb-gallery-item,
    body[class*="product-category"] .rb-gallery-item {
        margin-bottom: 12px;
    }
    body[class*="product-product"] .rb-gallery .text-gallery,
    body[class*="product-product"] .ldev-question-gallery-item__title,
    body[class*="product-category"] .rb-gallery .text-gallery,
    body[class*="product-category"] .ldev-question-gallery-item__title {
        padding: 10px 12px 12px;
        font-size: 13px;
    }
}

/* Home: add spacing before the popular blog widget title. */
#cmswidget-22 > div > f2 {
    display: block;
    margin-top: 24px;
    margin-bottom: 10px;
}

/* Home: unify section heading style across modules. */
body.common-home .title-group,
body.common-home .ml-banner-group-title,
body.common-home h3:not(.ml-banner-group-title),
body.common-home #cmswidget-22 > div > f2 {
    display: block;
    margin-top: 24px;
    margin-bottom: 14px;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    color: #1f2937;
    text-transform: none;
}

@media (max-width: 767px) {
    body.common-home .title-group,
    body.common-home .ml-banner-group-title,
    body.common-home h3:not(.ml-banner-group-title),
    body.common-home #cmswidget-22 > div > f2 {
        font-size: 20px;
        margin-top: 18px;
        margin-bottom: 12px;
    }
}
/* Prevent browser-injected Google Translate widget from extending page height under footer */
#gtx-trans {
	display: none !important;
}

/* Staging marker: make the storefront main menu visually distinct only when the local server marker is present. */
body.ml-server-copy::after {
	content: "SERVER COPY";
	position: fixed;
	right: 14px;
	bottom: 14px;
	z-index: 2147483647;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(143, 21, 21, 0.92);
	color: #fff7d6;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
	pointer-events: none;
}

@media (max-width: 767px) {
	body.ml-server-copy::after {
		right: 10px;
		bottom: 10px;
		padding: 7px 10px;
		font-size: 11px;
	}
}