.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1500px !important;
}
@media screen and (max-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 78% !important;
  }
}
body,
td,
th {
  color: #333;
}
.bgr1 {
  background-repeat: repeat-x;
  background-position: center top;
}
.bgr2 {
  background-repeat: repeat-y;
  background-position: center top;
  padding: 10px;
}
.bgr3 {
  background-image: url(/resources/images/down-bgr.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  padding: 30px 0px;
  background-size: cover;
}
.pad5 {
  padding: 5px;
}
.pad10 {
  padding: 10px;
}
.pad20 {
  padding: 20px;
}
.gray-border {
  padding: 5px;
  border: 1px solid #eee;
  background-color: #fff;
}
.product-list {
  position: relative;
}
.promo {
  position: absolute;
  left: 7px;
  top: 7px;
  height: auto;
  border: none;
  z-index: 300;
  margin: 0;
  padding: 3px 7px;
  background-color: #db232a;
  color: #ffffff;
  border-radius: 3px;
}
.new {
  position: absolute;
  right: 7px;
  top: 7px;
  height: auto;
  border: none;
  z-index: 300;
  margin: 0;
  padding: 3px 7px;
  background-color: #c5c330;
  color: #ffffff;
  border-radius: 3px;
}
.black-bgr {
  background-repeat: repeat-x;
  background-position: bottom;
}
.form1 {
  background-color: #f7f7f7;
  padding: 6px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #e6e6e6;
  border-right-style: none;
}
.form1-1 {
  background-color: #f7f7f7;
  padding: 7px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #e6e6e6;
}
.menu-bgr {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-top-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
  margin-bottom: 3px;
}
.dots {
  position: absolute;
  right: 0px;
  bottom: 50px;
  width: 100%;
  height: 0px;
  border: none;
  z-index: 300;
  margin: 0;
  padding: 0;
}
.gray-border1 {
  border: 1px solid #eee;
  background-color: #fff;
  margin: 0px;
}
.gray-border1-1 {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-top-color: #eee;
  border-right-color: #eee;
  border-bottom-color: #eee;
  border-left-color: #eee;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
}
.gray-border2 {
  padding: 10px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: solid;
  border-top-color: #eee;
  border-right-color: #eee;
  border-bottom-color: #eee;
  border-left-color: #eee;
  margin: 0px;
}
.arrow {
  background-repeat: repeat-x;
  background-position: right center;
  height: 37px;
  width: 178px;
  padding-top: 15px;
  padding-left: 20px;
}
.prozr {
  padding: 10px;
  background-repeat: repeat;
}
.wishlist {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  border: none;
  z-index: 300;
  margin: 0;
  padding: 0;
}
#banners {
  border: medium none;
  width: 100% !important;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  top: 0;
}
#banners img {
  max-width: 100%;
  height: auto;
  width: auto\9;
}
.grow {
  transition: all 0.2s ease-in-out;
}
.grow:hover {
  transform: scale(1.1);
}
.products-slider-container {
  width: 90%;
  margin: 0 auto;
}
.testimonials-carousel {
  width: 90%;
  margin: 0 auto;
}
.slick-next {
  right: -25px !important;
}
.slick-prev {
  left: -55px !important;
}
.slick-prev::before,
.slick-next::before {
  color: black !important;
}
.discount {
  padding: 0 10px;
}
.discount .item-carousel {
  overflow: hidden;
  padding-top: 5px;
}
.discount .item-carousel,
.discount .slick-vertical .slick-slide {
  border-bottom: 1px #ddd solid !important;
  padding: 10px 0;
}
.discount .item-content .gray_16-1 {
  display: block;
}
#frmFilter ul {
  list-style: none;
}
#frmFilter h2 {
  border-bottom: 1px #eee solid;
  padding-bottom: 2px;
}
#frmFilter ul.two-columns {
  overflow: auto;
}
#frmFilter ul.two-columns li {
  float: left;
  width: 50%;
}
#frmFilter .slider-range {
  margin-left: 9px;
}
#frmFilter .ui-slider .ui-slider-handle {
  width: 1em;
  height: 1em;
}
#frmFilter .ui-slider-horizontal {
  height: 0.6em;
}
#frmFilter .from-to-input {
  width: 36%;
}
#frmFilter ul.two-columns li.checkbox_with_image {
  width: 40px;
  margin: 5px;
}
#frmFilter ul.two-columns li.checkbox_with_image:first-child {
  margin-left: 0;
}
#frmFilter .option_with_image {
  width: 40px;
  height: 40px;
  border: 1px #e5e5e5 solid;
}
#frmFilter .checkbox_with_image.checked .option_with_image {
  border: 2px #000 solid;
}
#frmFilter .filter-ekstri label span {
  display: none;
}
#frmFilter .multiselect-container li {
  display: block;
}
.product_list {
  margin: 10px;
  background-color: #ffffff;
}
.product_list:not(.slick-slide) {
  width: 332px;
}
.quotes {
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  margin: 10px;
}
.date {
  position: absolute;
  left: 10px;
  top: 0px;
  width: 50px;
  height: 55px;
  border: none;
  z-index: 300;
  margin: 0;
  background-color: #fff;
  padding-top: 10px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}
.b1 {
  padding: 10px;
  background-color: #2970ff;
}
.b1-1 {
  padding: 10px;
  background-color: #00a0e3;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2970ff;
}
.g1 {
  padding: 10px;
  background-color: #8fb504;
}
.g1-1 {
  padding: 10px;
  background-color: #add41e;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #8fb504;
}
.filter_horizontal ul {
  margin: 0;
  padding: 0;
}
.filter_horizontal ul li {
  display: inline-block;
}
.filter_horizontal .dropdown-menu {
  min-width: 13rem !important;
  padding: 5px;
}
.filter_horizontal .dropdown-menu li {
  display: block;
}
.filter_horizontal .dropdown .dropdown-toggle {
  border: 1px #000 solid;
  min-width: 130px;
  display: flex;
  align-items: center;
}
.filter_horizontal .dropdown .dropdown-toggle::after {
  content: none;
}
.filter_horizontal .dropdown .dropdown-toggle .button-text {
  margin-right: auto;
}
.filter_horizontal .dropdown .dropdown-toggle .caret {
  margin-left: auto;
}
#fancyGallery,
.f-thumbs {
  max-width: 440px;
  min-width: 300px;
  margin: 0 16px !important;
}
#fancyGallery .f-carousel__slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #dd1830 !important;
  background: #dd1830 !important;
}
.nav-tabs .nav-item {
  margin-right: 5px;
}
.nav-tabs .nav-link {
  background: #fff;
  color: #333;
  border: 1px solid #eaeaea;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: #e31e24 !important;
  color: #fff;
  border-color: #eaeaea !important;
}
.myimg {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.white-bgr {
  background-color: #fbfbfb;
  padding: 35px;
  border-radius: 15px;
}
.hide-label label {
  display: none;
}
.white-bgr input {
  margin: 5px 0;
}
.white-bgr textarea {
  margin: 5px 0;
  min-height: 140px;
}
.up {
  border-bottom: 1px solid #e6e6e6;
}
.header-user-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.header-user-menu a {
  color: #161616;
}
.profile-link {
  text-decoration: none;
  color: #333;
  white-space: nowrap;
}
.divider {
  width: 1px;
  height: 25px;
  background-color: #ddd;
}
.user-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}
.icon-container {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.icon-img {
  width: 1.4vw;
  height: auto;
}
.badge {
  position: absolute;
  top: 4px;
  right: -10px;
  background-color: #85ba23;
  color: #fff;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}
.cart-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cart-total {
  color: #333;
}
.search-wrapper {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 50px;
  padding: 5px;
  max-width: 90%;
}
.search-input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 10px 20px;
  outline: none;
  color: #333;
}
.search-button {
  background-color: #ffa64d;
  color: white;
  border: none;
  border-radius: 50px;
  padding: 10px 25px;
  cursor: pointer;
  transition: background 0.3s;
}
.search-button:hover {
  background-color: #ff8c1a;
}
.menu-bgr {
  padding: 0px;
  background-color: #85ba23;
}
.menu-bgr img {
  margin: 5px 0 !important;
}
.menu-bgr ul {
  list-style: none;
  margin-bottom: 0px !important;
  padding-left: 0px !important;
}
#inputSearch {
  position: absolute;
  width: 200px;
  height: 35px;
  right: 10.6%;
  padding: 1px 5px;
  opacity: 0;
  margin-top: 10px;
  transform: translateX(600px);
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}
#inputSearch.active {
  transform: translateX(0);
  opacity: 1;
}
#btnSearch {
  cursor: pointer;
}
.product_list {
  display: inline-block;
  height: auto;
  vertical-align: top;
  min-height: 410px;
  margin-bottom: 5px;
  width: 100%;
}
.product_list .product_data {
  width: 265px;
  height: auto;
  margin-bottom: 10px;
  margin-top: 10px;
  min-height: 80px;
}
body {
  overflow-x: hidden;
  margin: 0 !important;
}
html {
  width: 100% !important;
}
body {
  display: flex;
  flex-direction: column;
}
body > * {
  flex: none;
}
.is-wrapper {
  height: auto !important;
}
:not(body.cke_editable) ul {
  padding: 0;
  margin: 0;
  outline: 0;
}
:not(body.cke_editable) li {
  padding: 0;
  margin: 0;
  outline: 0;
}
a:link,
a:visited,
a:active {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:focus-visible {
  outline: none;
}
input:disabled,
select:disabled {
  color: #ccc;
}
textarea:focus,
input:focus {
  outline: none !important;
}
.content-with-builder {
  width: 100%;
}
.content-without-builder {
  width: 80%;
  margin: 0 auto;
}
.hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
}
.captcha_answer {
  display: inline;
  width: 70px;
}
@media (min-width: 1400px) {
  .container-fixed {
    max-width: 70% !important;
    margin: 0 auto;
  }
}
.design_template .row {
  flex-wrap: wrap;
}
.design_template .is-wrapper .row {
  flex-wrap: initial;
}
table td {
  padding: initial;
}
.mt-20 {
  margin-top: 20px;
}
.mb-20 {
  margin-bottom: 20px;
}
.tag {
  display: inline-block;
  padding: 4px 6px;
  background: #efefef;
  border-radius: 4px;
}
.tag:hover {
  text-decoration: none;
}
.tag::before {
  content: "\f02b";
  margin-right: 5px;
}
.dates_list {
  list-style: none;
}
.padding-xl {
  padding-top: 0 !important;
}
#divInvoice {
  display: none;
}
#home_popup {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
}
#home_popup .popup_position {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}
#home_popup .popup_content {
  background: #fff;
}
.gray_up {
  color: #161616;
}
.gray_15 {
  color: #6f6f6f;
}
.gray_16 {
  color: #161616;
}
.gray_16-1 {
  color: #161616;
}
.gray_18 {
  color: #161616;
}
.gray_20 {
  color: #161616;
}
.gray_24 {
  color: #161616;
}
.lilavo_15 {
  color: #b62570;
}
.lilavo_16 {
  color: #b62570;
}
.lilavo_18 {
  color: #b62570;
}
.lilavo_20 {
  color: #b62570;
}
.lilavo_24 {
  color: #b62570;
}
.orange_15 {
  color: #e36a00;
}
.orange_16 {
  color: #e36a00;
}
.orange_18 {
  color: #e36a00;
}
.orange_20 {
  color: #e36a00;
}
.orange_24 {
  color: #e36a00;
}
.green_15 {
  color: #719902;
}
.green_16 {
  color: #719902;
}
.green_18 {
  color: #719902;
}
.green_20 {
  color: #719902;
}
.green_24 {
  color: #719902;
}
.white_14 {
  color: #fff;
}
.white_15 {
  color: #fff;
}
.white_16 {
  color: #fff;
}
.white_15-1 {
  color: #fff;
}
.gray_up a {
  color: #161616;
}
.gray_15 a {
  color: #6f6f6f;
  text-decoration: none;
}
.gray_15 a:hover {
  color: #e36a00;
  text-decoration: none;
}
.gray_16 a {
  color: #161616;
}
.gray_16-1 a {
  color: #161616;
  text-decoration: none;
}
.gray_16-1 a:hover {
  color: #7b1082;
  text-decoration: none;
}
.gray_18 a {
  color: #161616;
  text-decoration: none;
}
.gray_18 a:hover {
  color: #b62570;
  text-decoration: none;
}
.gray_20 a {
  color: #161616;
}
.gray_24 a {
  color: #161616;
}
.lilavo_15 a {
  color: #b62570;
}
.lilavo_16 a {
  color: #b62570;
}
.lilavo_18 a {
  color: #b62570;
}
.lilavo_20 a {
  color: #b62570;
}
.lilavo_24 a {
  color: #b62570;
}
.orange_15 a {
  color: #e36a00;
}
.orange_16 a {
  color: #e36a00;
}
.orange_18 a {
  color: #e36a00;
}
.orange_20 a {
  color: #e36a00;
}
.orange_24 a {
  color: #e36a00;
}
.green_15 a {
  color: #719902;
}
.green_16 a {
  color: #719902;
}
.green_18 a {
  color: #719902;
  text-decoration: none;
}
.green_18 a:hover {
  color: #e36a00;
  text-decoration: none;
}
.green_20 a {
  color: #719902;
}
.green_24 a {
  color: #719902;
}
.white_14 a {
  color: #fff;
  text-decoration: none;
}
.white_14 a:hover {
  color: #fff;
  text-decoration: none;
  text-shadow:
    1px 1px 2px black,
    0 0 25px black,
    0 0 5px black;
}
.white_15 a {
  color: #fff;
}
.white_16 a {
  color: #fff;
  text-decoration: none;
}
.white_16 a:hover {
  color: #e3ab00;
  text-decoration: none;
  text-shadow:
    1px 1px 2px black,
    0 0 25px black,
    0 0 5px black;
}
.white_15-1 a {
  color: #fff;
  text-decoration: none;
}
.white_15-1 a:hover {
  color: #e3ab00;
  text-decoration: none;
  text-shadow:
    1px 1px 2px black,
    0 0 25px black,
    0 0 5px black;
}
.accordion .inner {
  padding-left: 1em;
  overflow: hidden;
  display: none;
}
.striked {
  text-decoration: line-through;
}
span.show {
  display: inline-block !important;
}
.number-spinner .form-control {
  width: 50px;
}
.number-spinner.number-spinner-plus-min {
  display: flex;
  align-items: center;
}
.number-spinner.number-spinner-plus-min .btn {
  border: 0;
}
.flags {
  position: absolute;
}
.flags img {
  float: left;
  margin-left: 5px;
}
#promo {
  display: none;
}
ul.paginator {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.paginator li {
  display: inline-block;
  margin: 1px;
}
ul.paginator li a {
  text-decoration: none;
  transition: all 0.6s;
  display: block;
  width: 100%;
  padding: 5px 15px;
  background: #f1f1f1;
  color: #333;
}
ul.paginator li.active a {
  background: #5c5c5c;
  color: #fff;
}
ul.paginator li a:hover {
  background: #fed200;
  color: #fff;
}
.multiple-items.slick-slider {
  margin-top: 40px;
}
.multiple-items .slick-prev,
.multiple-items .slick-next {
  top: auto;
  transform: translate(-50%, 0) rotate(90deg);
  left: 54% !important;
}
.multiple-items .slick-next {
  top: unset !important;
  bottom: -30px;
}
.multiple-items .slick-prev {
  top: -40px !important;
}
.slick-prev,
.slick-next {
  z-index: 999;
}
.qty_selector .btn {
  display: block;
  border: 1px #ccc solid;
  border-radius: 0;
  border-left: 0;
  padding: 1px 4px;
  color: #777;
}
.qty_selector .form-control {
  height: 38px;
  width: 45px;
}
.qty_selector_math .btn {
  border-radius: 0;
  border-left: 0;
  padding: 1px 4px;
  color: #777;
}
.qty_selector_math .form-control {
  width: 40px;
  padding: 3px;
}
.tblCustomerOrders {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
.tblCustomerOrders th {
  background-color: #5e7b88;
  color: #fff;
  padding: 10px;
  text-align: left;
}
.tblCustomerOrders td {
  border-bottom: 1px solid #ddd;
  padding: 10px;
}
.awishlist {
  display: inline-block;
  height: 30px;
  width: 30px;
  background-image: url("/resources/images/fav2.png");
  background-size: 30px;
}
.awishlist.inwishlist {
  background-image: url("/resources/images/fav3.png");
}
#mbmcpebul_table li div.buttonbg {
  height: auto !important;
  width: auto !important;
}
.slick-next::before,
.slick-prev::before {
  content: "" !important;
  background: url("/resources/images/arrow2.png");
  width: 40px;
  height: 35px;
  display: inline-block;
}
.slick-prev::before {
  background: url("/resources/images/arrow2.png");
  transform: rotate(180deg);
}
.slick-prev,
.slick-next {
  top: 35% !important;
}
.right_column {
  width: 220px;
}
.right_column h2 {
  background: #f7f7f7;
  border: 1px #ddd solid;
  border-bottom: 0;
  margin: 0 !important;
  padding: 10px;
}
.right_column h2 a {
  cursor: pointer;
  color: #e36a00;
  float: right;
  display: inline-block;
}
.custom-carousel {
  position: relative;
  overflow: hidden;
}
.custom-carousel ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 290px;
  list-style: none;
}
.custom-carousel ul li {
  position: relative;
  display: block;
}
.custom-carousel .item-carousel .item-image {
  height: 210px;
  text-align: left;
  position: relative;
}
.related .slick-dots {
  bottom: 10px;
}
.related,
.discount {
  overflow: hidden;
  min-width: 100%;
  width: 0;
  border: 1px #ddd solid;
  padding: 0 10px 25px 10px;
}
.attribute span {
  display: inline-block;
  width: 40px;
  height: 25px;
  margin-right: 5px;
  cursor: pointer;
}
.attribute span.active::after {
  content: "\e013";
  display: block;
  position: absolute;
  color: #fff;
  padding-top: 3px;
  padding-left: 13px;
}
.attribute .color_red {
  background: #cd0011;
}
.attribute .color_black {
  background: #000;
}
a.product_image {
  display: block;
  overflow: hidden;
  position: relative;
  background-size: cover;
}
a.product_image img {
  width: 100%;
}
a.product_image .hover_image {
  position: absolute;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  top: 0;
}
a.product_image .hover_image.active {
  opacity: 1;
}
.parameter-images {
  height: 40px;
}
.categories-menu,
.categories-menu ul {
  list-style: none;
}
.categories-menu > li {
  margin-bottom: 20px;
}
.categories-menu .category-title {
  padding-left: 5px;
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px #ccc solid;
}
.categories-menu a {
  color: #333;
}
.categories-menu a:hover {
  text-decoration: none;
  color: #27682a;
}
.categories-menu .category-title a {
  color: #27682a;
}
.categories-menu .category-title a:hover {
  color: #333;
}
.glass-case ul li {
  border: 1px solid #e0e0e0 !important;
}
.gc-display-area {
  border: 1px solid #e0e0e0 !important;
}
.gc-display-container img {
  height: auto !important;
}
.gallery {
  table-layout: fixed;
}
.gallery .img-thumbnail {
  border: 0;
  padding: 0;
  border-radius: 0;
}
.gallery .gallery-images .slick-prev,
.gallery .gallery-images .slick-next {
  left: 50% !important;
  transform: translate(-50%, 0) rotate(90deg) scale(0.6);
  width: 59px;
  height: 59px;
}
.gallery .gallery-images .slick-next {
  top: unset;
  bottom: -30px;
}
.gallery .gallery-images .slick-prev {
  top: -30px;
}
.container img {
  margin: 0.8rem 0 1rem;
}
p {
  margin: 1rem 0;
}
.sitemap-list ul {
  margin-left: 20px;
  list-style: circle;
}
.toBoxes {
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
  border: 0 !important;
  visibility: hidden;
}
.theBoxes {
  display: flex;
  flex-wrap: wrap;
}
.theBoxes_option,
.theBoxes_disabled_option {
  margin-right: 4px;
  margin-bottom: 4px;
  cursor: pointer;
  background: #efefef !important;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px #eaeaea solid;
}
.theBoxes_option.theBoxes_option_with_image {
  text-indent: -9999px;
  width: 40px;
  height: 40px;
}
.theBoxes_option.active {
  background: #1a1a1a !important;
  color: #fff;
  border-color: #1a1a1a;
}
.theBoxes_disabled_option {
  box-shadow: none !important;
  color: #ccc !important;
  cursor: default;
}
#simpleGallery > a {
  display: block;
  width: 100%;
  position: relative;
}
#simpleGallery a > img {
  width: 100%;
}
#simpleGallery .product-gallery ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
#simpleGallery .product-gallery ul li {
  flex: 0 0 calc(25% - 5px);
  margin: 5px 5px 0 0;
  box-sizing: border-box;
  height: 100px;
  overflow: hidden;
}
#simpleGallery .product-gallery ul li a {
  width: 150px;
  margin: 5px;
  display: flex;
  height: 100px;
  align-items: center;
  overflow: hidden;
}
#simpleGallery .product-gallery ul li a img {
  width: 100%;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.design_template {
  display: flex;
  justify-content: center;
}
.flex-break {
  flex-basis: 100%;
  height: 0;
}
.design_template h2 {
  text-align: center;
  padding-bottom: 40px;
}
.design_template.contentbuilder .is-wrapper {
  opacity: 1 !important;
}
.design_template.gallery .gallery-slider-container {
  width: 90%;
}
.design_template.gallery .gallery-container {
  width: 90%;
}
.design_template.gallery .gallery div {
  float: left;
}
.product-list a:hover {
  text-decoration: none;
}
.product-list h3 {
  border-top: 1px #e6e6e6 solid;
  margin: 15px 20px;
  color: #333;
  text-align: center;
  padding-top: 15px;
}
.ui-autocomplete {
  z-index: 3;
  list-style: none;
  padding: 0;
}
.ui-autocomplete .ui-menu-item {
  padding: 6px 12px;
  background: white;
  cursor: pointer;
}
.ui-autocomplete .ui-menu-item:hover {
  background: purple;
  color: white;
}
.created-message {
  position: relative;
}
ul.accordion-menu,
ul.accordion-menu ul {
  list-style: none;
  padding: 0;
}
ul.accordion-menu > li {
  margin: 0;
}
ul.accordion-menu > li > a {
  color: #333;
  padding: 5px;
  width: 100%;
  display: block;
  cursor: pointer;
  text-decoration: none;
}
ul.accordion-menu .inner {
  margin-left: 25px;
}
ul.accordion-menu > li.active > a {
  color: #dd0740;
}
ul.accordion-menu li a.toggle-menu:hover {
  color: #a9d6e5;
  transition: color 0.3s ease;
}
ul.accordion-menu li a.toggle-menu.arrow {
  height: auto !important;
  text-decoration: none;
}
ul.accordion-menu li a.toggle-menu.arrow::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(-45deg);
  margin-right: 10px;
  transition: transform 0.3s ease;
}
ul.accordion-menu li a.toggle-menu.arrow.clicked::before {
  transform: rotate(45deg);
}
.inner {
  display: none;
  padding-left: 20px;
}
.toggle-menu {
  cursor: pointer;
  display: block;
  padding: 5px;
  margin-top: 2px;
}
#price .price_value,
#promo .price_value {
  color: #161616;
}
#price.striked,
#price.striked .price_value {
  color: #6f6f6f;
}
.price,
.promo_price {
  color: #6f6f6f;
}
.price,
.promo_price,
.price .price_value,
.promo_price .price_value {
  color: #161616;
}
.price.striked,
.price.striked .price_value {
  color: #6f6f6f;
}
.product-image,
.product_image,
.image_with_hover {
  display: block;
  overflow: hidden;
  position: relative;
  height: 250px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.ui-helper-hidden-accessible {
  display: none;
}
#popup {
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
  position: fixed;
  padding: 20px;
}
#popup > div {
  display: flex;
}
#popup #popup_close {
  width: 20px;
  height: 20px;
  background: url("/resources/images/x.png") no-repeat;
  background-size: 100%;
  cursor: pointer;
  top: -20px;
  position: relative;
}
#popup img {
  max-width: 90%;
  max-height: 95vh;
}
#div-privacy label[for="privacy"] {
  width: 90%;
  display: inline;
}
.hide {
  display: none;
}
.home_banner {
  visibility: hidden;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover,
.ui-autocomplete .ui-menu-item .ui-state-active {
  background: #0f4178 !important;
  border: 0 !important;
}
.ui-autocomplete .ui-menu-item:hover {
  background: #0f4178 !important;
}
.list-col-2,
.list-col-3,
.list-col-4 {
  -moz-column-gap: 15px;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}
.list-col-2 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.list-col-3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}
.list-col-4 {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}
ul#mbmcpebul_table li.menu-item.highlight a.topitem,
ul#mbmcpebul_table li.menu-item.topitem li.menu-item.highlight a,
.mm-menu .menu-item.highlight {
  color: blue !important;
}
.avatar {
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar img {
  width: 150%;
  max-width: 150px;
  flex-shrink: 0;
}
.required-field label::after {
  content: " *";
  color: red;
}
.has-error label {
  color: red;
}
.has-error input,
.has-error textarea {
  border: 1px red solid !important;
}
#banners ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#my_centered_buttons {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #333;
  }
  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #367fa9;
  }
}
.selected-filters span.hidden-post {
  background: #eee;
  padding: 5px 10px 5px 5px;
  cursor: pointer;
}
.selected-filters span.hidden-post::before {
  content: "\f62a";
  margin-right: 5px;
  position: relative;
  top: 2px;
}
nav[aria-label="breadcrumb"] {
  display: inline-block;
}
.media-box-title {
  color: #fff !important;
}
.media-box-image img {
  -webkit-transition: transform 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out;
  -o-transition: transform 0.6s ease-in-out;
  -ms-transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
}
.media-box-image:hover img {
  -webkit-transform: scale(1.2) translate(-20px);
  -moz-transform: scale(1.2) translate(-20px);
  -o-transform: scale(1.2) translate(-20px);
  -ms-transform: scale(1.2) translate(-20px);
  transform: scale(1.2) translate(-20px);
}
.media-boxes-no-more-entries {
  display: none;
}
.fancyboxMB-image {
  display: block !important;
}
.media-box-date {
  color: #fff !important;
}
.addToCompare {
  cursor: pointer;
}
.compare_bar {
  position: fixed;
  z-index: 999;
  right: 0;
  top: 50%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 7px 0 0 7px;
  padding: 10px 20px;
}
#fancyGallery img,
#topcontrol img,
.gc-zoom-container img,
img.f-thumbs__slide__img {
  display: inline-block;
}
#topcontrol {
  z-index: 9;
}
.f-thumbs.is-horizontal .f-thumbs__slide {
  margin-bottom: 10px !important;
}
#frmFilter .form-group {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: flex-start;
}
#frmFilter .form-group label {
  padding-left: 5px;
}
#frmFilter .liFilter ul {
  overflow: auto;
}
.cookie_banner {
  z-index: 999;
  left: 20px;
  bottom: 20px;
}
.gc-overlay-left-icons,
.gc-overlay-top-icons {
  z-index: 999;
}
.gc-overlay-right-icons {
  z-index: 998;
}
.form-floating > label {
  opacity: 0.65;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
  overflow-x: hidden;
}
.frm_qty_alert_notification {
  margin-bottom: 15px !important;
}
.theBoxes_disabled_option {
  display: flex;
  justify-content: space-between;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #ccc;
  border-top-color: #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
#page {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: auto !important;
}
.flag {
  position: absolute;
  top: 0;
  background: #ff9e36;
  padding: 5px 10px;
  border-radius: 3px;
  margin: 10px;
  color: #000;
}
.f-thumbs__track {
  flex-wrap: wrap;
}
.f-thumbs.is-horizontal .f-thumbs__slide {
  margin-bottom: 7px !important;
}
.product-addon .form-select {
  width: auto;
}
#mbmcpebul_table a img {
  max-width: 19px;
  display: block !important;
}
#mbmcpebul_table .menu-item {
  border-right: 1px solid #000;
}
#mbmcpebul_table .menu-item:last-child {
  border-right: none;
}
@media (max-width: 1078px) {
  #mbmcpebul_table li a {
    padding: 10px 30px !important;
  }
}
.price_info > span {
  display: none;
}
/* Native cart popover is above the fixed header, below modal/consent dialogs. */
body .popover.doba-cart-popover { z-index: 1160; --bs-popover-zindex: 1160; max-width: min(380px, calc(100vw - 24px)); }
body .popover.doba-cart-popover .popover-body { max-height: min(70dvh, 600px); overflow-y: auto; overscroll-behavior: contain; }
body .popover.doba-cart-popover #cartPanelSmall .btn { width: 100%; white-space: normal; }
.tbl-cart #total { display: inline; }
.doba-currency-suffix { white-space: nowrap; }

.popover {
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.popover.show {
  opacity: 1;
}
:root {
  --k: min(1px, calc(100vw / 1920));
  --c-green: #187c3b;
  --c-green-hover: #136631;
  --c-green-soft: #a5ba8a;
  --c-red: #ec3346;
  --c-red-hover: #d42638;
  --c-text: #1a1a1a;
  --c-text-2: #333333;
  --c-muted: #666666;
  --c-muted-2: #999999;
  --c-line: #e6e6e6;
  --c-bg: #ffffff;
  --c-bg-soft: #f7f7f7;
  --c-bg-card: #f6f7f8;
  --f-main: "Mulish", "Segoe UI", Arial, sans-serif;
  --f-alt: "Montserrat", "Segoe UI", Arial, sans-serif;
  --f-num: "Nunito", "Segoe UI", Arial, sans-serif;
  --container: calc(1600 * var(--k));
  --gutter: 24px;
  --r-sm: 4px;
  --r-md: 6px;
  --shadow-rest: 0 2px 10px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 14px 34px rgba(0, 0, 0, 0.16);
  --shadow-card-hover: 0 22px 46px rgba(0, 0, 0, 0.15);
  --shadow-green-hover: 0 12px 26px rgba(24, 124, 59, 0.36);
  --shadow-red-hover: 0 12px 26px rgba(236, 51, 70, 0.38);
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-back: cubic-bezier(0.34, 1.45, 0.64, 1);
  --t-fast: 0.3s var(--ease-out);
  --t-med: 0.45s var(--ease-out);
  --t-slow: 1.1s var(--ease-out);
  --t-reveal: 0.9s;
  --lift: -3px;
  --lift-card: -8px;
}
@media (max-width: 1024px) {
  :root {
    --k: 1px;
  }
}
html,
body {
  overflow-x: clip;
}
body {
  margin: 0;
  color: var(--c-text);
  background: var(--c-bg);
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
ul,
ol,
dl,
dt,
dd,
blockquote {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
  padding-left: 0;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
a {
  color: inherit;
  text-decoration: none;
  transition: color var(--t-fast);
}
a:hover {
  color: var(--c-green);
}
button {
  color: inherit;
  cursor: pointer;
}
:focus-visible {
  outline: 2px solid var(--c-green);
  outline-offset: 2px;
}
.db-container {
  width: var(--container);
  max-width: 100%;
  margin-inline: auto;
}
@media (max-width: 1024px) {
  .db-container {
    width: calc(100% - 2 * var(--gutter));
    max-width: 976px;
  }
}
@media (max-width: 480px) {
  :root {
    --gutter: 16px;
  }
}
@keyframes db-reveal-up {
  from {
    opacity: 0;
    transform: translate3d(0, 34px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes db-reveal-left {
  from {
    opacity: 0;
    transform: translate3d(-56px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes db-reveal-right {
  from {
    opacity: 0;
    transform: translate3d(56px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes db-reveal-zoom {
  from {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes db-reveal-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes db-reveal-bg {
  from {
    transform: scale(1.1);
  }
  to {
    transform: none;
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-reveal]:not(.in) {
    opacity: 0;
  }
  [data-reveal="bg"]:not(.in) {
    opacity: 1;
    transform: scale(1.1);
  }
  [data-reveal].in {
    animation: db-reveal-up var(--t-reveal) var(--ease-out) var(--rd, 0s) backwards;
  }
  [data-reveal="left"].in {
    animation-name: db-reveal-left;
  }
  [data-reveal="right"].in {
    animation-name: db-reveal-right;
  }
  [data-reveal="zoom"].in {
    animation-name: db-reveal-zoom;
  }
  [data-reveal="fade"].in {
    animation-name: db-reveal-fade;
  }
  [data-reveal="bg"].in {
    animation: db-reveal-bg 2.4s var(--ease-out) backwards;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-iteration-count: 1 !important;
  }
}
@keyframes hd-ring {
  0%,
  100% {
    rotate: 0deg;
  }
  15% {
    rotate: -16deg;
  }
  30% {
    rotate: 13deg;
  }
  45% {
    rotate: -10deg;
  }
  60% {
    rotate: 7deg;
  }
  75% {
    rotate: -3deg;
  }
}
.hd-top {
  background: var(--c-green);
  color: #fff;
}
.hd-top__list {
  display: grid;
  grid-template-columns: calc(493.5 * var(--k)) calc(467 * var(--k)) calc(403.5 * var(--k)) 1fr;
  align-items: center;
  min-height: calc(43 * var(--k));
}
.hd-top__item {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.hd-top__item span {
  padding-bottom: calc(var(--tb, 4) * var(--k));
}
.hd-top__icon {
  flex: none;
  object-fit: contain;
  translate: 0 calc(-1 * var(--k));
}
.hd-top__icon--truck {
  width: calc(45 * var(--k));
  height: calc(24 * var(--k));
  margin: 0 calc(10 * var(--k)) 0 calc(-1 * var(--k));
}
.hd-top__icon--leaf {
  width: calc(27 * var(--k));
  height: calc(27 * var(--k));
  margin: 0 calc(5.5 * var(--k)) 0 calc(-0.5 * var(--k));
  translate: none;
}
.hd-top__icon--check {
  width: calc(23 * var(--k));
  height: calc(23 * var(--k));
  margin-right: calc(13.5 * var(--k));
}
.hd-top__item--4 .hd-top__icon--check {
  margin-right: calc(10 * var(--k));
}
.hd-main {
  background: #fff;
}
.hd-main__in {
  position: relative;
  height: calc(140 * var(--k));
}
.hd-logo {
  position: absolute;
  left: calc(1.7 * var(--k));
  top: calc(24.3 * var(--k));
  display: block;
}
.hd-logo__img {
  width: calc(297.6 * var(--k));
  height: auto;
  transition: scale var(--t-med);
}
.hd-logo:hover .hd-logo__img {
  scale: 1.03;
}
.hd-search {
  position: absolute;
  left: calc(405.4 * var(--k));
  top: calc(44.4 * var(--k));
  display: flex;
  width: calc(628.6 * var(--k));
  height: calc(51.3 * var(--k));
  border: 1px solid var(--c-line);
  border-radius: var(--r-sm);
  background: #fff;
  overflow: hidden;
  transition:
    border-color var(--t-fast),
    box-shadow var(--t-med);
}
.hd-search:hover {
  border-color: #cdd8d0;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.hd-search:focus-within {
  border-color: var(--c-green);
  box-shadow:
    0 0 0 3px rgba(24, 124, 59, 0.14),
    0 6px 18px rgba(0, 0, 0, 0.06);
}
.hd-search__input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  padding: 0 0 calc(4 * var(--k)) calc(25 * var(--k));
  color: var(--c-text-2);
  background: transparent;
  outline: none;
}
.hd-search__input::placeholder {
  color: var(--c-text-2);
  opacity: 1;
}
.hd-search__btn {
  flex: none;
  display: grid;
  place-items: center;
  width: calc(58.7 * var(--k));
  margin: -1px -1px -1px 0;
  border: 0;
  background: var(--c-green);
  transition: background var(--t-fast);
}
.hd-search__btn:hover {
  background: var(--c-green-hover);
}
.hd-search__btn img {
  width: calc(22 * var(--k));
  height: calc(22 * var(--k));
  transition: scale 0.45s var(--ease-back);
}
.hd-search__btn:hover img,
.hd-search__btn:focus-visible img {
  scale: 1.18;
}
.hd-phone {
  position: absolute;
  left: calc(1092 * var(--k));
  top: calc(50 * var(--k));
  display: grid;
  grid-template-columns: calc(21.8 * var(--k)) auto;
  column-gap: 0;
  color: var(--c-text);
}
.hd-phone__icon {
  grid-row: 1 / 3;
  width: calc(14 * var(--k));
  height: calc(35 * var(--k));
  margin-top: calc(3.5 * var(--k));
}
.hd-phone:hover .hd-phone__num {
  color: var(--c-green);
}
@media (hover: hover) {
  .hd-phone:hover .hd-phone__icon {
    animation: hd-ring 0.9s var(--ease-in-out);
  }
}
.hd-phone__num {
  transition: color var(--t-fast);
  white-space: nowrap;
}
.hd-phone__sub {
  margin-top: calc(1 * var(--k));
  color: var(--c-muted);
  white-space: nowrap;
}
.hd-act {
  position: absolute;
  top: calc(44 * var(--k));
  display: flex;
  align-items: flex-start;
  color: var(--c-text);
}
.hd-act--fav {
  left: calc(1333 * var(--k));
}
.hd-act--cart {
  left: calc(1491 * var(--k));
}
.hd-act__icon {
  position: relative;
  flex: none;
}
.hd-act__icon img {
  transition: translate 0.45s var(--ease-back);
}
.hd-act:hover .hd-act__icon img {
  translate: 0 calc(-3 * var(--k));
}
.hd-act:hover .hd-act__badge {
  scale: 1.22;
}
.hd-act:hover .hd-act__label {
  color: var(--c-green);
}
.hd-act--fav .hd-act__icon {
  width: calc(46.5 * var(--k));
  padding-top: calc(10 * var(--k));
}
.hd-act--fav .hd-act__icon img {
  width: calc(30 * var(--k));
  height: calc(30 * var(--k));
}
.hd-act--cart .hd-act__icon {
  width: calc(47 * var(--k));
  padding-top: calc(8.5 * var(--k));
}
.hd-act--cart .hd-act__icon img {
  width: calc(29 * var(--k));
  height: calc(32 * var(--k));
}
.hd-act__badge {
  position: absolute;
  top: 0;
  width: calc(20 * var(--k));
  height: calc(20 * var(--k));
  border-radius: 50%;
  background: var(--c-green);
  color: #fff;
  text-align: center;
  transition: scale 0.45s var(--ease-back);
}
.hd-act--fav .hd-act__badge {
  left: calc(24 * var(--k));
}
.hd-act--cart .hd-act__badge {
  left: calc(21.5 * var(--k));
}
.hd-act__label {
  transition: color var(--t-fast);
  padding-top: calc(9.4 * var(--k));
  white-space: nowrap;
}
.hd-burger {
  display: none;
}
.hd-bar {
  position: relative;
  z-index: 3;
  background: var(--hd-bar-bg, rgba(255, 255, 255, 0.5));
}
.hd-bar__in {
  align-items: flex-start;
  height: calc(63.5 * var(--k));
}
.hd-cats {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: calc(299.2 * var(--k));
  height: calc(50.6 * var(--k));
  margin: calc(6.5 * var(--k)) 0 0 calc(0.1 * var(--k));
  border-radius: calc(5 * var(--k));
  background: var(--c-green);
  color: #fff;
  box-shadow: var(--shadow-rest);
  transition:
    background var(--t-fast),
    box-shadow var(--t-med),
    translate var(--t-med);
}
.hd-cats:hover,
.hd-cats:focus-visible {
  color: #fff;
  background: var(--c-green-hover);
  box-shadow: var(--shadow-green-hover);
  translate: 0 calc(-2 * var(--k));
}
.hd-cats__icon {
  width: calc(25 * var(--k));
  height: calc(19 * var(--k));
  margin: 0;
}
.hd-cats span {
  margin-top: 0;
}
.hd-menu {
  flex: 1 1 auto;
  align-items: flex-start;
}
.hd-menu__list {
  gap: calc(57 * var(--k));
  margin: calc(18 * var(--k)) 0 0 calc(180 * var(--k));
}
.hd-menu__link {
  position: relative;
  display: block;
  color: var(--c-text);
  white-space: nowrap;
}
.hd-menu__link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(-6 * var(--k));
  height: 2px;
  border-radius: 1px;
  background: var(--c-green);
  transform: scaleX(0);
  transition: transform var(--t-med);
}
.hd-menu__link:hover {
  color: var(--c-green);
}
.hd-menu__link:hover::after,
.hd-menu__link:focus-visible::after {
  transform: scaleX(1);
}
body[data-page="home"] .hd-menu__link[data-nav="home"],
body[data-page="novi"] .hd-menu__link[data-nav="novi"],
body[data-page="top"] .hd-menu__link[data-nav="top"],
body[data-page="promo"] .hd-menu__link[data-nav="promo"],
body[data-page="blog"] .hd-menu__link[data-nav="blog"],
body[data-page="contact"] .hd-menu__link[data-nav="contact"] {
  color: var(--c-green);
}
.hd-promo {
  flex: none;
  display: block;
  width: calc(180.7 * var(--k));
  height: calc(47.8 * var(--k));
  margin: calc(6.5 * var(--k)) 0 0 auto;
  padding-top: calc(11.2 * var(--k));
  border-radius: calc(5 * var(--k));
  background: var(--c-red);
  color: #fff;
  text-align: center;
  box-shadow: 0 2px 8px rgba(236, 51, 70, 0.18);
  transition:
    background var(--t-fast),
    box-shadow var(--t-med),
    translate var(--t-med);
}
.hd-promo:hover,
.hd-promo:focus-visible {
  color: #fff;
  background: var(--c-red-hover);
  box-shadow: var(--shadow-red-hover);
  translate: 0 calc(-2 * var(--k));
}
.hd-promo:active,
.hd-cats:active {
  translate: 0 0;
  transition-duration: 0.1s;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .hd-top__list {
    display: flex;
    justify-content: space-between;
    gap: 16px;
  }
  .hd-main__in {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .hd-logo,
  .hd-search,
  .hd-phone,
  .hd-act {
    position: static;
  }
  .hd-logo {
    flex: none;
    margin-left: calc(1.7 * var(--k));
  }
  .hd-search {
    flex: 1 1 auto;
    width: auto;
    max-width: calc(628.6 * var(--k));
    margin-left: auto;
  }
  .hd-phone {
    flex: none;
    margin-left: auto;
    grid-template-columns: 20px auto;
  }
  .hd-act {
    flex: none;
    align-items: center;
  }
  .hd-act__label {
    padding-top: 0;
  }
}
@media (max-width: 1024px) {
  .hd-top__list {
    min-height: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 4px;
    column-gap: 16px;
    padding-block: 8px;
  }
  .hd-top__item {
    white-space: normal;
    min-width: 0;
  }
  .hd-top__item span {
    padding-bottom: 0;
  }
  .hd-top__icon {
    translate: none;
  }
  .hd-top__icon--truck,
  .hd-top__icon--leaf,
  .hd-top__icon--check,
  .hd-top__item--4 .hd-top__icon--check {
    width: 22px;
    height: 18px;
    margin: 0 8px 0 0;
  }
  .hd-main__in {
    display: grid;
    grid-template-columns: auto 1fr auto auto auto;
    grid-template-areas:
      "logo . fav cart burger"
      "search search search search search";
    align-items: center;
    column-gap: 8px;
    row-gap: 12px;
    height: auto;
    padding-block: 12px;
  }
  .hd-logo,
  .hd-search,
  .hd-phone,
  .hd-act {
    position: static;
  }
  .hd-logo {
    grid-area: logo;
    display: flex;
    align-items: center;
    min-height: 48px;
  }
  .hd-logo__img {
    width: 180px;
  }
  .hd-search {
    grid-area: search;
    width: 100%;
    height: 48px;
  }
  .hd-search__input {
    padding: 0 0 0 16px;
  }
  .hd-search__btn {
    width: 52px;
  }
  .hd-search__btn img {
    width: 22px;
    height: 22px;
  }
  .hd-phone {
    display: none;
    width: auto;
    grid-template-columns: none;
  }
  .hd-phone__icon {
    width: 14px;
  }
  .hd-act {
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 48px;
  }
  .hd-act--fav {
    grid-area: fav;
  }
  .hd-act--cart {
    grid-area: cart;
  }
  .hd-act--fav .hd-act__icon,
  .hd-act--cart .hd-act__icon {
    width: 40px;
    padding-top: 8px;
  }
  .hd-act--fav .hd-act__icon img,
  .hd-act--cart .hd-act__icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
  }
  .hd-act--fav .hd-act__badge,
  .hd-act--cart .hd-act__badge {
    left: 20px;
    width: 18px;
    height: 18px;
  }
  .hd-act__label {
    display: none;
  }
  .hd-burger {
    transition: background var(--t-fast);
    grid-area: burger;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 48px;
    height: 48px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--r-sm);
    background: var(--c-green);
  }
  .hd-burger:hover {
    background: var(--c-green-hover);
  }
  .hd-menu__link::after {
    bottom: -1px;
    transform-origin: left center;
  }
  .hd-burger__line {
    background: #fff;
    border-radius: 1px;
  }
  .hd-bar {
    background: #fff;
    border-top: 1px solid var(--c-line);
  }
  .hd-bar__in {
    padding-block: 8px;
  }
  .hd-cats {
    width: 100%;
    height: 48px;
    margin: 0;
    align-items: center;
    border-radius: var(--r-sm);
  }
  .hd-cats__icon {
    width: 22px;
    height: 17px;
    margin: 0;
  }
  .hd-cats span {
    margin-top: 0;
  }
  .hd-menu {
    inset: 0 0 0 auto;
    z-index: 50;
    width: min(320px, 86vw);
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 72px 24px 24px;
    box-shadow: -8px 0 32px rgba(0, 0, 0, 0.18);
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
    transition:
      transform var(--t-med),
      opacity var(--t-med),
      visibility 0s linear 0.35s;
  }
  .hd-menu.is-open {
    visibility: visible;
    opacity: 1;
    transform: none;
    transition:
      transform var(--t-med),
      opacity var(--t-med),
      visibility 0s;
  }
  .hd-menu__list {
    flex-direction: column;
    gap: 0;
    margin: 0;
  }
  .hd-menu__link {
    display: flex;
    align-items: center;
    min-height: 48px;
    border-bottom: 1px solid var(--c-line);
  }
  .hd-promo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0;
    border-radius: var(--r-sm);
  }
  body.is-menu-open {
    overflow: hidden;
  }
  .hd-scrim {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgba(0, 0, 0, 0.4);
  }
}
@media (max-width: 480px) {
  .hd-logo__img {
    width: 150px;
  }
}
.ft {
  position: relative;
  padding: calc(58.1 * var(--k)) 0 calc(50.4 * var(--k));
  background: #fff url(/resources/doba/images/footer-bg.webp) center calc(100% + 1 * var(--k)) /
    100% auto no-repeat;
  color: var(--c-text);
}
.ft-brands {
  display: grid;
  grid-template-columns:
    calc(124 * var(--k)) calc(156 * var(--k)) calc(113 * var(--k)) calc(135 * var(--k))
    calc(128 * var(--k)) calc(139 * var(--k)) calc(130 * var(--k)) calc(120.5 * var(--k))
    calc(124 * var(--k)) calc(156 * var(--k)) calc(113 * var(--k)) auto;
  align-items: center;
  padding-left: calc(28.4 * var(--k));
  height: calc(43 * var(--k));
}
.ft-brands img {
  width: auto;
  height: calc(43 * var(--k));
}
.ft-cols {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  margin-top: calc(61.8 * var(--k));
}
.ft-col--left {
  padding-left: calc(27.5 * var(--k));
}
.ft-col--right {
  padding-right: calc(31.5 * var(--k));
  text-align: right;
}
.ft-col__title {
  color: var(--c-green);
  margin-top: calc(-1.6 * var(--k));
}
.ft-col__list {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-top: calc(4.3 * var(--k));
}
.ft-col--right .ft-col__list {
  align-items: flex-end;
}
.ft-col__list a {
  display: block;
  color: var(--c-text);
  transition:
    color var(--t-fast),
    translate var(--t-med);
}
.ft-col__list a:hover,
.ft-col__list a:focus-visible {
  color: var(--c-green);
  translate: calc(5 * var(--k)) 0;
}
.ft-col--right .ft-col__list a:hover,
.ft-col--right .ft-col__list a:focus-visible {
  translate: calc(-5 * var(--k)) 0;
}
.ft-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
}
.ft-logo__img {
  width: calc(276 * var(--k));
  height: auto;
  transition: scale var(--t-med);
}
.ft-logo:hover .ft-logo__img {
  scale: 1.04;
}
.ft-contact {
  text-align: center;
}
.ft-contact:first-of-type {
  margin-top: calc(15.3 * var(--k));
}
.ft-contact a {
  background: linear-gradient(currentColor, currentColor) left bottom / 0 1px no-repeat;
  transition:
    color var(--t-fast),
    background-size var(--t-med);
}
.ft-contact a:hover {
  background-size: 100% 1px;
}
.ft-social {
  display: flex;
  gap: 0;
  margin-top: calc(12.2 * var(--k));
  padding-left: 0;
}
.ft-social a {
  display: block;
  transition:
    translate 0.45s var(--ease-back),
    scale 0.45s var(--ease-back),
    filter var(--t-med);
}
.ft-social a:hover,
.ft-social a:focus-visible {
  translate: 0 calc(-4 * var(--k));
  scale: 1.1;
  filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.22));
}
.ft-social img {
  width: calc(38 * var(--k));
  height: calc(38 * var(--k));
}
.ft-social li + li {
  margin-left: 0;
}
.ft-social li:last-child {
  margin-left: calc(2.5 * var(--k));
}
.ft-pay {
  display: flex;
  justify-content: center;
  gap: calc(72.9 * var(--k));
  margin-top: calc(61 * var(--k));
}
.ft-pay__group {
  display: flex;
  align-items: flex-start;
  gap: calc(4 * var(--k));
  padding-left: 0;
}
.ft-pay__group img {
  width: auto;
  height: calc(49 * var(--k));
}
.ft-pay__group:last-child {
  gap: calc(4.5 * var(--k));
}
.ft-pay__group:last-child img {
  height: calc(48 * var(--k));
}
.ft-pay__cod {
  display: flex;
  align-items: center;
  min-width: calc(234.4 * var(--k));
  padding-right: calc(4 * var(--k));
  white-space: nowrap;
  height: calc(45.9 * var(--k));
  margin: calc(1.2 * var(--k)) 0 0 calc(0.7 * var(--k));
  border-radius: calc(4 * var(--k));
  background: #fff;
  color: #4d4d4d;
}
.ft-pay__group .ft-pay__cod img {
  width: calc(52 * var(--k));
  height: calc(40 * var(--k));
  margin: 0 calc(11 * var(--k)) 0 calc(6.8 * var(--k));
  padding-right: 0;
}
.ft-pay__cod span {
  padding-left: calc(11 * var(--k));
  border-left: 1px solid var(--c-line);
}
.ft-cookie-settings { display: block; min-height: 44px; margin: 2px auto 0; padding: 8px 14px; border: 1px solid var(--c-green); border-radius: 4px; background: var(--c-green); color: #fff; cursor: pointer; }
.ft-cookie-settings:focus-visible { outline: 3px solid var(--c-green); outline-offset: 2px; border-radius: 4px; }
.doba-not-found { background: var(--c-bg-soft); }
.doba-not-found__header { position: fixed; inset: 0 0 auto; z-index: 20; padding: 18px 0; background: #fff; box-shadow: var(--shadow-rest); }
.doba-not-found__header img { display: block; width: 180px; max-width: 50vw; height: auto; }
.doba-not-found main { padding-block: 130px 64px; }
.doba-not-found__content { max-width: 760px; margin: 0 auto; padding: 32px; border: 1px solid var(--c-line); border-radius: 16px; background: #fff; box-shadow: var(--shadow-rest); }
.doba-not-found__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 24px; }
.doba-not-found__code { color: var(--c-green); }
@media (max-width: 640px) { .doba-not-found__content { padding: 24px 18px; } .doba-not-found__actions { align-items: stretch; flex-direction: column; gap: 16px; } }
.ft-copy {
  margin-top: calc(37.1 * var(--k));
  text-align: center;
}
.ft-copy a {
  background: linear-gradient(currentColor, currentColor) left bottom / 0 1px no-repeat;
  transition:
    color var(--t-fast),
    background-size var(--t-med);
}
.ft-copy a:hover {
  color: var(--c-green);
  background-size: 100% 1px;
}
@media (max-width: 1024px) {
  .ft {
    padding: 32px 0 24px;
  }
  .ft-brands {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 20px;
    height: auto;
    padding-left: 0;
  }
  .ft-brands img {
    height: 32px;
  }
  .ft-brands__rep {
    display: none;
  }
  .ft-cols {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    column-gap: 24px;
    margin-top: 40px;
  }
  .ft-col--left,
  .ft-col--right {
    padding: 0;
  }
  .ft-col__title {
    margin-top: 0;
  }
  .ft-col__list {
    margin-top: 4px;
  }
  .ft-col__list a {
    display: flex;
    align-items: center;
    min-height: 44px;
  }
  .ft-center {
    margin-top: 0;
  }
  .ft-logo {
    display: block;
    min-height: 48px;
  }
  .ft-logo__img {
    width: 200px;
  }
  .ft-contact a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    min-width: 44px;
  }
  .ft-contact:first-of-type {
    margin-top: 12px;
  }
  .ft-social {
    gap: 4px;
    margin-top: 8px;
  }
  .ft-social li:last-child {
    margin-left: 0;
  }
  .ft-social a {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
  }
  .ft-social img {
    width: 38px;
    height: 38px;
  }
  .ft-pay {
    flex-wrap: wrap;
    gap: 12px 32px;
    margin-top: 32px;
  }
  .ft-pay__group {
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
  }
  .ft-pay__group img,
  .ft-pay__group:last-child img {
    height: 44px;
  }
  .ft-pay__cod {
    min-width: 0;
    height: 42px;
    margin: 1px 0 0;
    padding-right: 12px;
    border-radius: 4px;
  }
  .ft-pay__group .ft-pay__cod img {
    width: 46px;
    height: 36px;
    margin: 0 8px 0 6px;
  }
  .ft-pay__cod span {
    padding-left: 10px;
  }
  .ft-copy {
    margin-top: 28px;
  }
  .ft-copy a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}
@media (max-width: 820px) {
  .ft-cols {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 24px;
    text-align: center;
  }
  .ft-center {
    order: -1;
  }
  .ft-col--right {
    text-align: center;
  }
  .ft-col__list,
  .ft-col--right .ft-col__list {
    align-items: center;
  }
  .ft-col__list a {
    justify-content: center;
  }
  .ft-col__list a:hover,
  .ft-col--right .ft-col__list a:hover {
    translate: none;
  }
}
.db-title {
  color: var(--c-green);
}
.db-title::after {
  content: "";
  display: block;
  width: calc(136 * var(--k));
  height: 1px;
  margin-top: calc(18.9 * var(--k));
  background: var(--c-line);
  transform-origin: left center;
}
@media (prefers-reduced-motion: no-preference) {
  .db-title[data-reveal]::after {
    transition: transform 1.1s var(--ease-out) calc(var(--rd, 0s) + 0.35s);
  }
  .db-title[data-reveal]:not(.in)::after {
    transform: scaleX(0);
  }
}
.db-shine {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.db-shine::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 55%;
  background: linear-gradient(
    105deg,
    transparent 0%,
    rgba(255, 255, 255, 0.32) 50%,
    transparent 100%
  );
  transform: translateX(-170%) skewX(-18deg);
  pointer-events: none;
}
/* Public actions share the existing brand palette, including native AJAX controls. */
body:has(#doba-header) {
  --doba-action-bg: var(--c-green);
  --doba-action-hover: var(--c-green-hover);
  --doba-action-active: #0f5428;
  --doba-action-disabled: #5c7866;
}
body:has(#doba-header) :is(
  .btn:not(.btn-link), input[type="submit"], input[type="reset"], button[type="submit"],
  .db-btn, .hd-promo, .hd-cats, .hm-hero__btn, .db-pcard__add, .pp-add,
  .ls-filter-btn, .hm-cats__arrow, .doba-hero-controls button, .doba-brand-controls button,
  .jconfirm-buttons button, .cc-nb-okagree, .cc-nb-reject, .cc-nb-changep, .cc-cp-foot-save
) {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--doba-action-bg);
  --bs-btn-border-color: var(--doba-action-bg);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--doba-action-hover);
  --bs-btn-hover-border-color: var(--doba-action-hover);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--doba-action-active);
  --bs-btn-active-border-color: var(--doba-action-active);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--doba-action-disabled);
  --bs-btn-disabled-border-color: var(--doba-action-disabled);
  --bs-btn-disabled-opacity: 1;
  background-color: var(--doba-action-bg) !important;
  border-color: var(--doba-action-bg) !important;
  color: #fff !important;
}
body:has(#doba-header) :is(
  .btn:not(.btn-link), input[type="submit"], input[type="reset"], button[type="submit"],
  .db-btn, .hd-promo, .hd-cats, .hm-hero__btn, .db-pcard__add, .pp-add,
  .ls-filter-btn, .hm-cats__arrow, .doba-hero-controls button, .doba-brand-controls button,
  .jconfirm-buttons button, .cc-nb-okagree, .cc-nb-reject, .cc-nb-changep, .cc-cp-foot-save
):is(:hover, :focus-visible):not(:disabled):not(.disabled):not([aria-disabled="true"]) {
  background-color: var(--doba-action-hover) !important;
  border-color: var(--doba-action-hover) !important;
  color: #fff !important;
}
body:has(#doba-header) :is(
  .btn:not(.btn-link), input[type="submit"], input[type="reset"], button[type="submit"],
  .db-btn, .hd-promo, .hd-cats, .hm-hero__btn, .db-pcard__add, .pp-add,
  .ls-filter-btn, .hm-cats__arrow, .doba-hero-controls button, .doba-brand-controls button,
  .jconfirm-buttons button, .cc-nb-okagree, .cc-nb-reject, .cc-nb-changep, .cc-cp-foot-save
):active:not(:disabled):not(.disabled):not([aria-disabled="true"]) {
  background-color: var(--doba-action-active) !important;
  border-color: var(--doba-action-active) !important;
}
body:has(#doba-header) :is(
  .btn:not(.btn-link), input[type="submit"], input[type="reset"], button[type="submit"],
  .db-btn, .hd-promo, .hd-cats, .hm-hero__btn, .db-pcard__add, .pp-add,
  .ls-filter-btn, .hm-cats__arrow, .doba-hero-controls button, .doba-brand-controls button,
  .jconfirm-buttons button, .cc-nb-okagree, .cc-nb-reject, .cc-nb-changep, .cc-cp-foot-save
):is(:disabled, .disabled, [aria-disabled="true"]) {
  background-color: var(--doba-action-disabled) !important;
  border-color: var(--doba-action-disabled) !important;
  color: #fff !important;
  opacity: 1 !important;
  box-shadow: none !important;
  cursor: not-allowed;
}
body:has(#doba-header) :is(.btn:not(.btn-link), .jconfirm-buttons button) > a {
  color: inherit !important;
}
body:has(#doba-header) :is(.btn, button[type="submit"], input[type="submit"], input[type="reset"], .db-btn, .hd-promo, .hd-cats, .hm-hero__btn, .db-pcard__add, .pp-add, .hm-cats__arrow, .doba-hero-controls button, .doba-brand-controls button, .jconfirm-buttons button):focus-visible {
  outline: 2px solid var(--c-green-hover) !important;
  outline-offset: 3px;
}
body:has(#doba-header) #termsfeed-com---nb :is(.cc-nb-okagree, .cc-nb-reject, .cc-nb-changep) {
  border: 1px solid #fff !important;
}
body:has(#doba-header) #termsfeed-com---nb button:focus-visible {
  outline-color: #fff !important;
}
body:has(#doba-header) :is(.btn-link, .doba-cookie-settings) {
  color: var(--c-green) !important;
}
body:has(#doba-header) :is(.btn-link, .doba-cookie-settings):is(:hover, :focus-visible) {
  color: var(--c-green-hover) !important;
}
/* Explicit reference-red exception for the header promotions CTA. */
body:has(#doba-header) .hd-promo {
  --doba-action-bg: #d72b3d;
  --doba-action-hover: #ce2536;
  --doba-action-active: #b71f2e;
  --doba-action-disabled: #8b5e64;
  box-shadow: var(--shadow-rest);
}
body:has(#doba-header) .hd-promo:is(:hover, :focus-visible) {
  box-shadow: 0 6px 18px rgba(236, 51, 69, 0.24);
}
body:has(#doba-header) .hd-menu .hd-promo:focus-visible {
  outline-color: var(--doba-action-active) !important;
}


.db-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(226.7 * var(--k));
  height: calc(47.8 * var(--k));
  padding-bottom: calc(1.4 * var(--k));
  border-radius: calc(2 * var(--k));
  background: var(--c-green);
  color: #fff;
  white-space: nowrap;
  box-shadow: var(--shadow-rest);
  transition:
    background var(--t-fast),
    box-shadow var(--t-med),
    translate var(--t-med);
}
.db-btn:hover,
.db-btn:focus-visible {
  color: #fff;
  background: var(--c-green-hover);
  box-shadow: var(--shadow-green-hover);
  translate: 0 var(--lift);
}
.db-btn:active {
  translate: 0 0;
  box-shadow: var(--shadow-rest);
  transition-duration: 0.1s;
}
.db-pcard {
  position: relative;
  height: calc(440.7 * var(--k));
  background: #fff;
  box-shadow: 0 0 calc(8 * var(--k)) rgba(0, 0, 0, 0.07);
  transition:
    box-shadow var(--t-med),
    translate var(--t-med);
}
.db-pcard:hover,
.db-pcard:has(:focus-visible) {
  translate: 0 var(--lift-card);
  box-shadow: var(--shadow-card-hover);
}
.db-pcard__badges {
  position: absolute;
  z-index: 2;
  left: 0;
  top: calc(15 * var(--k));
  display: flex;
  flex-direction: column;
  gap: calc(6 * var(--k));
}
.db-pcard__badge {
  display: block;
  width: calc(62.4 * var(--k));
  height: calc(28.6 * var(--k));
  background: var(--c-green);
  color: #fff;
  text-align: center;
}
.db-pcard__badge--sale {
  background: var(--c-green-soft);
}
.db-pcard__fav {
  position: absolute;
  z-index: 2;
  left: calc(304.9 * var(--k));
  top: calc(10.5 * var(--k));
  padding: 0;
  border: 0;
  background: transparent;
  transition:
    scale 0.45s var(--ease-back),
    filter var(--t-fast);
}
.db-pcard__fav:hover,
.db-pcard__fav:focus-visible {
  scale: 1.2;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.18));
}
.db-pcard__fav:active {
  scale: 0.9;
  transition-duration: 0.1s;
}
.db-pcard__fav img {
  width: calc(32 * var(--k));
  height: calc(30 * var(--k));
}
.db-pcard__fav.is-on {
  left: calc(307.6 * var(--k));
  top: calc(13 * var(--k));
}
.db-pcard__fav.is-on img {
  width: calc(27 * var(--k));
  height: calc(25 * var(--k));
}
.db-pcard__media {
  display: block;
  width: calc(304 * var(--k));
  height: calc(290 * var(--k));
  margin: calc(26.6 * var(--k)) 0 0 calc(19 * var(--k));
}
.db-pcard__img {
  transition: transform var(--t-slow);
}
.db-pcard__brand {
  position: absolute;
  right: calc(var(--pc-stihl-right, 17.9) * var(--k));
  top: calc(var(--pc-stihl-top, 287) * var(--k));
  width: auto;
  height: calc(25 * var(--k));
}
.db-pcard__brand[src*="husqvarna"] {
  right: calc(18 * var(--k));
  top: calc(292 * var(--k));
  height: calc(26 * var(--k));
}
.db-pcard__title {
  margin: calc(var(--pc-title-mt, 16.1) * var(--k)) calc(24 * var(--k)) 0 calc(28.3 * var(--k));
  color: var(--c-text-2);
}
.db-pcard:hover .db-pcard__title a,
.db-pcard__title a:hover {
  color: var(--c-green);
}
.db-pcard__foot {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: auto calc(24.1 * var(--k)) calc(var(--pc-foot-mb, 17.9) * var(--k))
    calc(var(--pc-foot-ml, 28.3) * var(--k));
}
.db-pcard__price {
  gap: calc(5 * var(--k));
  padding-top: calc(var(--pc-price-pt, 4.8) * var(--k));
  white-space: nowrap;
}
.db-pcard__now {
  color: #4d4d4d;
}
.db-pcard__old {
  color: var(--c-muted-2);
}
.db-pcard__add {
  flex: none;
  position: relative;
  display: block;
  width: calc(57.2 * var(--k));
  height: calc(41.6 * var(--k));
  padding: 0;
  border: 0;
  border-radius: calc(2 * var(--k));
  background: var(--c-green);
  color: #fff;
  box-shadow: var(--shadow-rest);
  transition:
    background var(--t-fast),
    box-shadow var(--t-med),
    translate var(--t-med);
}
.db-pcard__add:hover,
.db-pcard__add:focus-visible {
  background: var(--c-green-hover);
  box-shadow: var(--shadow-green-hover);
  translate: 0 var(--lift);
}
.db-pcard__add:active {
  translate: 0 0;
  transition-duration: 0.1s;
}
.db-pcard__add span {
  position: absolute;
  left: calc(10.7 * var(--k));
  top: calc(9.2 * var(--k));
  transition: rotate 0.5s var(--ease-back);
}
.db-pcard__add:hover span {
  rotate: 90deg;
}
.db-pcard__add img {
  position: absolute;
  left: calc(23.5 * var(--k));
  top: calc(8.3 * var(--k));
  width: calc(23 * var(--k));
  height: calc(25 * var(--k));
  transition: translate 0.45s var(--ease-back);
}
.db-pcard__add:hover img {
  translate: 0 calc(-2 * var(--k));
}
@media (hover: hover) {
  .db-shine:hover::after {
    transform: translateX(260%) skewX(-18deg);
    transition: transform 0.9s var(--ease-out);
  }
}
@media (max-width: 1024px) {
  .db-title::after {
    width: 120px;
    margin-top: 14px;
  }
  .db-btn {
    width: auto;
    min-width: 200px;
    height: 48px;
    padding: 0 24px;
  }
  .db-pcard {
    height: auto;
    padding-bottom: 16px;
  }
  .db-pcard__badges {
    top: 12px;
    gap: 4px;
  }
  .db-pcard__badge {
    width: 56px;
    height: 26px;
  }
  .db-pcard__fav,
  .db-pcard__fav.is-on {
    left: auto;
    right: 4px;
    top: 4px;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
  }
  .db-pcard__fav img,
  .db-pcard__fav.is-on img {
    width: 28px;
    height: 26px;
    object-fit: contain;
  }
  .db-pcard__media {
    width: auto;
    height: auto;
    aspect-ratio: 304 / 290;
    margin: 20px 16px 0;
  }
  .db-pcard__brand,
  .db-pcard__brand[src*="husqvarna"] {
    position: static;
    align-self: flex-end;
    height: 22px;
    margin: 8px 16px 0 0;
  }
  .db-pcard__title {
    margin: 4px 16px 0;
  }
  .db-pcard__title a {
    display: flex;
    align-items: center;
    min-height: 44px;
  }
  .db-pcard__foot {
    align-items: center;
    gap: 8px;
    margin: 12px 16px 0;
  }
  .db-pcard__price {
    flex-wrap: wrap;
    column-gap: 6px;
    row-gap: 0;
    padding-top: 0;
  }
  .db-pcard__add {
    width: 52px;
    height: 44px;
  }
  .db-pcard__add span {
    left: 9px;
    top: 10px;
  }
  .db-pcard__add img {
    left: 22px;
    top: 9px;
    width: 22px;
    height: 24px;
  }
}
.hm-hero {
  position: relative;
  z-index: 1;
  margin-top: calc(-63.5 * var(--k));
  height: calc(631 * var(--k));
  color: #fff;
  overflow: hidden;
}
.hm-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center top;
}
.hm-hero__in {
  position: relative;
  left: calc(-1 * var(--k));
  padding-top: calc(174.7 * var(--k));
}
.hm-hero__title {
  margin: calc(8.9 * var(--k)) 0 0 calc(-1 * var(--k));
}
.hm-hero__line,
.hm-hero__brand {
  display: block;
}
.hm-hero__text {
  margin-top: calc(15.3 * var(--k));
}
.hm-hero__br {
  display: block;
}
.hm-hero__btn {
  display: flex;
  align-items: center;
  width: calc(293.2 * var(--k));
  height: calc(50.1 * var(--k));
  margin-top: calc(24.1 * var(--k));
  padding: 0 0 calc(3.4 * var(--k)) calc(34.6 * var(--k));
  border-radius: calc(4 * var(--k));
  background: rgba(24, 124, 59, 0.67);
  color: #fff;
  box-shadow: var(--shadow-rest);
  transition:
    background var(--t-fast),
    box-shadow var(--t-med),
    translate var(--t-med);
}
.hm-hero__btn:hover,
.hm-hero__btn:focus-visible {
  color: #fff;
  background: rgba(24, 124, 59, 0.95);
  box-shadow: var(--shadow-green-hover);
  translate: 0 var(--lift);
}
.hm-hero__btn:active {
  translate: 0 0;
  transition-duration: 0.1s;
}
.hm-hero__btn img {
  width: calc(23 * var(--k));
  height: calc(12 * var(--k));
  margin: calc(4.5 * var(--k)) 0 0 calc(10 * var(--k));
  transition: translate 0.5s var(--ease-back);
}
.hm-hero__btn:hover img {
  translate: calc(6 * var(--k)) 0;
}
@media (max-width: 1024px) {
  .hm-hero {
    margin-top: 0;
    height: auto;
    min-height: 420px;
  }
  .hm-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.1));
  }
  .hm-hero__bg {
    object-position: 70% center;
  }
  .hm-hero__in {
    z-index: 2;
    left: 0;
    padding-block: 56px 48px;
  }
  .hm-hero__title {
    margin: 12px 0 0;
  }
  .hm-hero__text {
    max-width: 440px;
    margin-top: 12px;
  }
  .hm-hero__br {
    display: inline;
  }
  .hm-hero__btn {
    width: auto;
    max-width: 100%;
    height: 48px;
    margin-top: 24px;
    display: inline-flex;
    padding: 0 20px;
  }
  .hm-hero__btn img {
    width: 23px;
    height: 12px;
    margin: 0 0 0 10px;
  }
}
@media (max-width: 480px) {
  .hm-hero {
    min-height: 380px;
  }
  .hm-hero__in {
    padding-block: 40px 36px;
  }
}
.hm-cats {
  padding: calc(24.7 * var(--k)) 0 calc(1 * var(--k));
}
.hm-cats__in {
  position: relative;
}
.hm-cats__viewport {
  display: flow-root;
  overflow-x: clip;
}
.hm-cats__track::-webkit-scrollbar {
  display: none;
}
.hm-cats__track {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  gap: calc(var(--cg, 24.6) * var(--k));
  margin-left: calc(var(--cml, -0.6) * var(--k));
  padding-block: 24px;
  margin-block: -24px;
}
.hm-cat {
  flex: none;
  width: calc(321 * var(--k));
  scroll-snap-align: start;
}
.hm-cat__link {
  position: relative;
  border-radius: calc(6 * var(--k));
  background: var(--c-bg-card);
  color: var(--c-text);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.035);
  transition:
    color var(--t-fast),
    box-shadow var(--t-med),
    translate var(--t-med);
}
.hm-cat__link:hover,
.hm-cat__link:focus-visible {
  translate: 0 calc(-6 * var(--k));
  box-shadow: var(--shadow-card-hover);
}
.hm-cat__img {
  height: calc(288 * var(--k));
  transition: transform var(--t-slow);
}
.hm-cat__link:hover .hm-cat__img {
  transform: scale(1.07);
}
.hm-cat__name {
  position: relative;
  display: flex;
  align-items: center;
  height: calc(81.5 * var(--k));
  padding: calc(1.4 * var(--k)) calc(50 * var(--k)) 0 calc(28.6 * var(--k));
  background: var(--c-bg-card);
}
.hm-cat__chev {
  position: absolute;
  left: calc(282.4 * var(--k));
  top: calc(322.3 * var(--k));
  width: calc(10 * var(--k));
  height: calc(16 * var(--k));
  transition: translate 0.45s var(--ease-back);
}
.hm-cat__link:hover .hm-cat__chev {
  translate: calc(5 * var(--k)) 0;
}
.hm-cats__arrow {
  position: absolute;
  z-index: 2;
  top: calc(153.3 * var(--k));
  width: calc(64 * var(--k));
  height: calc(64 * var(--k));
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: center / 100% 100% no-repeat;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  transition:
    scale 0.45s var(--ease-back),
    box-shadow var(--t-med);
}
.hm-cats__arrow:hover,
.hm-cats__arrow:focus-visible {
  scale: 1.1;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.26);
}
.hm-cats__arrow:active {
  scale: 0.94;
  transition-duration: 0.1s;
}
.hm-cats__arrow--prev {
  left: calc(-25 * var(--k));
  background-image: url(/resources/doba/images/icons/icon-arrow-prev.png);
}
.hm-cats__arrow--next {
  left: calc(1561 * var(--k));
  background-image: url(/resources/doba/images/icons/icon-arrow-next.png);
}
@media (max-width: 1024px) {
  .hm-cats {
    padding-top: 24px;
  }
  .hm-cats__track {
    gap: 16px;
    margin-left: 0;
  }
  .hm-cat {
    width: 260px;
  }
  .hm-cat__link {
    border-radius: 6px;
  }
  .hm-cat__img {
    height: auto;
    aspect-ratio: 321 / 288;
  }
  .hm-cat__name {
    height: 72px;
    padding: 0 44px 0 20px;
  }
  .hm-cat__chev {
    left: auto;
    right: 20px;
    top: auto;
    bottom: 28px;
    width: 10px;
    height: 16px;
  }
  .hm-cats__arrow {
    display: none;
  }
}
@media (max-width: 480px) {
  .hm-cat {
    width: 220px;
  }
}
.hm-prods--popular {
  padding: calc(86.3 * var(--k)) 0 calc(88 * var(--k));
}
.hm-prods--season {
  padding: calc(123.9 * var(--k)) 0 calc(146.1 * var(--k));
}
.hm-prods__in {
  grid-template-columns: calc(446.7 * var(--k)) minmax(0, 1fr);
  align-items: end;
}
.hm-prods--season .hm-prods__in {
  grid-template-columns: calc(419 * var(--k)) minmax(0, 1fr);
}
.hm-prods__intro {
  width: calc(420 * var(--k));
  margin-bottom: calc(-1 * var(--k));
}
.hm-prods__intro .db-title {
  max-width: calc(300 * var(--k));
}
.hm-prods--season .hm-prods__intro {
  width: calc(368 * var(--k));
  padding-left: calc(26.9 * var(--k));
}
.hm-prods--season .db-title::after {
  margin-top: calc(19.9 * var(--k));
}
.hm-prods__text {
  margin-top: calc(14.3 * var(--k));
  color: var(--c-text-2);
}
.hm-prods--season .hm-prods__text {
  margin-top: calc(15.3 * var(--k));
}
.hm-prods__btn {
  margin-top: calc(25.5 * var(--k));
  margin-left: calc(0.1 * var(--k));
}
.hm-prods--season .hm-prods__btn {
  margin-top: calc(28 * var(--k));
  margin-left: 0;
}
.hm-prods__grid .db-pcard:nth-child(1) .db-pcard__media {
  margin-left: calc(18 * var(--k));
}
.hm-prods__grid .db-pcard:nth-child(3) .db-pcard__media {
  margin-left: calc(20 * var(--k));
}
.hm-prods--season .db-pcard:nth-child(3) .db-pcard__img {
  transform: translateY(calc(1 * var(--k)));
}
.hm-prods__grid {
  grid-template-columns: repeat(3, calc(341.4 * var(--k)));
  column-gap: calc(55.95 * var(--k));
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .hm-prods--popular,
  .hm-prods--season {
    padding: 56px 0;
  }
  .hm-prods__in,
  .hm-prods--season .hm-prods__in {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }
  .hm-prods__intro .db-title {
    max-width: none;
  }
  .hm-prods__intro,
  .hm-prods--season .hm-prods__intro {
    margin-bottom: 0;
    width: auto;
    max-width: 560px;
    padding-left: 0;
  }
  .hm-prods--season .db-title::after {
    margin-top: 14px;
  }
  .hm-prods__text,
  .hm-prods--season .hm-prods__text {
    margin-top: 14px;
  }
  .hm-prods__btn,
  .hm-prods--season .hm-prods__btn {
    margin: 20px 0 0;
  }
  .hm-prods__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 16px;
  }
}
@media (max-width: 820px) {
  .hm-prods__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .hm-prods__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 20px;
  }
}
.hm-welcome {
  background: var(--c-bg-soft);
  padding: calc(136.8 * var(--k)) 0 calc(136.6 * var(--k));
}
.hm-welcome__in {
  display: grid;
  grid-template-columns: calc(923 * var(--k)) minmax(0, 1fr);
  align-items: start;
}
.hm-welcome__media {
  width: calc(842 * var(--k));
  height: calc(590 * var(--k));
  margin-left: calc(var(--wx, 26.7) * var(--k));
  overflow: hidden;
}
.hm-welcome__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--t-slow);
}
.hm-welcome__media:hover .hm-welcome__img {
  transform: scale(1.04);
}
.hm-welcome__body {
  padding-top: calc(78.1 * var(--k));
}
.hm-welcome__br {
  display: block;
}
.hm-welcome__title::after {
  margin-top: calc(16.9 * var(--k));
}
.hm-welcome__text {
  width: calc(644 * var(--k));
  margin-top: calc(17.6 * var(--k));
  color: var(--c-text-2);
}
.hm-welcome__lead {
  width: calc(644 * var(--k));
  margin-top: calc(22.1 * var(--k));
}
.hm-welcome__feats {
  display: grid;
  grid-template-columns: calc(161 * var(--k)) calc(162 * var(--k)) calc(169 * var(--k)) auto;
  margin-top: calc(62.5 * var(--k));
  padding-left: calc(7 * var(--k));
}
.hm-feat {
  display: flex;
  align-items: center;
  color: var(--c-text-2);
}
.hm-feat__icon {
  flex: none;
  margin-top: calc(4 * var(--k));
  object-fit: contain;
  transition: translate 0.5s var(--ease-back);
}
.hm-feat:hover .hm-feat__icon {
  translate: 0 calc(-4 * var(--k));
}
.hm-feat__icon--delivery {
  width: calc(44 * var(--k));
  height: calc(31 * var(--k));
  margin-right: calc(9 * var(--k));
}
.hm-feat__icon--secure {
  width: calc(30 * var(--k));
  height: calc(35 * var(--k));
  margin-right: calc(13 * var(--k));
}
.hm-feat__icon--quality {
  width: calc(31 * var(--k));
  height: calc(35 * var(--k));
  margin-right: calc(9 * var(--k));
}
.hm-feat__icon--nature {
  width: calc(35 * var(--k));
  height: calc(35 * var(--k));
  margin-right: calc(6 * var(--k));
}
@media (max-width: 1024px) {
  .hm-welcome {
    padding: 56px 0;
  }
  .hm-welcome__in {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 32px;
    align-items: center;
  }
  .hm-welcome__media {
    width: 100%;
    height: auto;
    aspect-ratio: 842 / 590;
    margin-left: 0;
  }
  .hm-welcome__body {
    padding-top: 0;
  }
  .hm-welcome__br {
    display: inline;
  }
  .hm-welcome__title::after {
    margin-top: 14px;
  }
  .hm-welcome__text,
  .hm-welcome__lead {
    width: auto;
  }
  .hm-welcome__text {
    margin-top: 14px;
  }
  .hm-welcome__lead {
    margin-top: 16px;
  }
  .hm-welcome__feats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 16px;
    margin-top: 28px;
    padding-left: 0;
  }
  .hm-feat {
    min-width: 0;
  }
  .hm-feat span {
    min-width: 0;
  }
  .hm-feat__icon--delivery,
  .hm-feat__icon--secure,
  .hm-feat__icon--quality,
  .hm-feat__icon--nature {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}
@media (max-width: 820px) {
  .hm-welcome__in {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }
  .hm-welcome__feats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .hm-welcome__feats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.hm-why {
  background: var(--c-bg-soft);
  padding: calc(136.8 * var(--k)) 0 calc(136.6 * var(--k));
}
.hm-why__in {
  display: grid;
  grid-template-columns: calc(715.6 * var(--k)) minmax(0, 1fr);
  align-items: start;
}
.hm-why__body {
  padding: calc(77.1 * var(--k)) 0 0 calc(26.5 * var(--k));
}
.hm-why__title::after {
  margin-top: calc(35.9 * var(--k));
}
.hm-why__grid {
  display: grid;
  grid-template-columns: calc(360.2 * var(--k)) minmax(0, 1fr);
  row-gap: calc(60 * var(--k));
  margin-top: calc(38 * var(--k));
  padding-left: calc(1 * var(--k));
}
.hm-reason {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.hm-reason__icon {
  object-fit: contain;
  transition:
    translate 0.5s var(--ease-back),
    scale 0.5s var(--ease-back);
}
.hm-reason:hover .hm-reason__icon {
  translate: 0 calc(-5 * var(--k));
  scale: 1.06;
}
.hm-reason__icon--medal {
  width: calc(42 * var(--k));
  height: calc(55 * var(--k));
  margin-left: calc(5.5 * var(--k));
}
.hm-reason__icon--fast {
  width: calc(63 * var(--k));
  height: calc(38 * var(--k));
  margin: calc(17 * var(--k)) 0 0 calc(0.3 * var(--k));
}
.hm-reason__icon--price {
  width: calc(48 * var(--k));
  height: calc(48 * var(--k));
  margin: calc(7 * var(--k)) 0 calc(3 * var(--k)) calc(-0.5 * var(--k));
}
.hm-reason__icon--support {
  width: calc(52 * var(--k));
  height: calc(53 * var(--k));
  margin: calc(2 * var(--k)) 0 calc(3 * var(--k)) calc(0.3 * var(--k));
}
.hm-reason__title {
  margin-top: calc(2.7 * var(--k));
}
.hm-reason__text {
  max-width: calc(260 * var(--k));
  margin-top: calc(1.3 * var(--k));
  color: var(--c-text-2);
}
.hm-why__media {
  width: calc(842 * var(--k));
  height: calc(590 * var(--k));
  overflow: hidden;
}
.hm-why__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--t-slow);
}
.hm-why__media:hover .hm-why__img {
  transform: scale(1.04);
}
@media (max-width: 1024px) {
  .hm-why {
    padding: 56px 0;
  }
  .hm-why__in {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 32px;
    align-items: center;
  }
  .hm-why__body {
    padding: 0;
  }
  .hm-why__title::after {
    margin-top: 14px;
  }
  .hm-why__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 28px;
    margin-top: 24px;
    padding-left: 0;
  }
  .hm-reason__icon--medal,
  .hm-reason__icon--fast,
  .hm-reason__icon--price,
  .hm-reason__icon--support {
    width: 44px;
    height: 44px;
    margin: 0;
  }
  .hm-reason__title {
    margin-top: 8px;
  }
  .hm-reason__text {
    max-width: none;
    margin-top: 2px;
  }
  .hm-why__media {
    width: 100%;
    height: auto;
    aspect-ratio: 842 / 590;
  }
}
@media (max-width: 480px) {
  .hm-why__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 20px;
  }
}
@media (max-width: 820px) {
  .hm-why__in {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }
}
.hm-blog {
  padding: calc(80.2 * var(--k)) 0 calc(143 * var(--k));
}
.hm-blog__in {
  grid-template-columns: calc(442.6 * var(--k)) minmax(0, 1fr);
  align-items: start;
}
.hm-blog__intro {
  padding: calc(40.4 * var(--k)) 0 0 calc(25.7 * var(--k));
}
.hm-blog__title {
  max-width: calc(300 * var(--k));
}
.hm-blog__text {
  width: calc(340 * var(--k));
  margin-top: calc(14.8 * var(--k));
  color: var(--c-text-2);
}
.hm-blog__btn {
  margin-top: calc(25.5 * var(--k));
  margin-left: calc(1.7 * var(--k));
}
.hm-blog__grid {
  grid-template-columns: repeat(3, calc(347 * var(--k)));
  column-gap: calc(42.9 * var(--k));
  row-gap: 32px;
}
.hm-post {
  min-width: 0;
}
.hm-post__media {
  display: block;
  overflow: hidden;
  box-shadow: var(--shadow-rest);
  transition:
    translate var(--t-med),
    box-shadow var(--t-med);
}
.hm-post:hover .hm-post__media {
  translate: 0 calc(-4 * var(--k));
  box-shadow: var(--shadow-card-hover);
}
.hm-post:hover .hm-post__title a {
  color: var(--c-green);
}
.hm-post__img {
  height: calc(209 * var(--k));
  transition: transform var(--t-slow);
}
.hm-post:first-child .hm-post__img {
  margin-left: calc(-1 * var(--k));
}
.hm-post:hover .hm-post__img {
  transform: scale(1.07);
}
.hm-post__meta {
  margin-top: calc(18.7 * var(--k));
  padding: 0 calc(11.5 * var(--k)) 0 calc(15.5 * var(--k));
  color: var(--c-muted-2);
}
.hm-post__sep {
  margin: 0 calc(3 * var(--k));
}
.hm-post__title {
  margin-top: calc(2.3 * var(--k));
  padding: 0 calc(11.5 * var(--k)) 0 calc(15.5 * var(--k));
}
@media (max-width: 1024px) {
  .hm-blog {
    padding: 56px 0;
  }
  .hm-blog__in {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }
  .hm-blog__intro {
    padding: 0;
  }
  .hm-blog__title {
    max-width: none;
  }
  .hm-blog__text {
    width: auto;
    max-width: 560px;
    margin-top: 14px;
  }
  .hm-blog__btn {
    margin: 20px 0 0;
  }
  .hm-blog__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 16px;
  }
  .hm-post__img {
    height: auto;
    aspect-ratio: 347 / 209;
  }
  .hm-post__meta {
    margin-top: 12px;
    padding: 0;
  }
  .hm-post__title {
    margin-top: 4px;
    padding: 0;
  }
  .hm-post__title a {
    display: inline-flex;
    min-height: 44px;
  }
}
@media (max-width: 820px) {
  .hm-blog__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }
}
:root {
  --header-height: 220px;
}
html {
  scroll-padding-top: calc(var(--header-height) + 20px);
}
body {
  display: block;
  padding-top: var(--header-flow-height, var(--header-height));
}
#doba-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1100;
  box-shadow: 0 4px 24px #00000012;
}
#doba-header .hd-bar {
  background: #ffffffed;
  backdrop-filter: blur(14px);
}
#doba-header .hd-main__in {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2vw, 36px);
  min-height: 112px;
  height: auto;
  padding: 18px 0;
}
#doba-header .hd-logo,
#doba-header .hd-search,
#doba-header .hd-phone,
#doba-header .hd-act,
#doba-header .hd-burger {
  position: static;
  margin: 0;
}
#doba-header .hd-logo {
  flex: 0 0 clamp(150px, 15.5vw, 270px);
}
#doba-header .hd-logo__img {
  width: 100%;
}
#doba-header .hd-search {
  flex: 1 1 380px;
  width: auto;
  min-width: 120px;
  height: 48px;
}
#doba-header .hd-search__btn {
  width: 58px;
}
#doba-header .hd-phone {
  display: block;
  width: auto;
  flex: 0 0 auto;
  min-width: 0;
  color: var(--c-text);
  white-space: nowrap;
}
#doba-header .hd-act {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  min-height: 48px;
}
#doba-header .hd-act__icon {
  position: relative;
}
#doba-header .hd-act__icon img {
  width: 30px;
  height: 34px;
  object-fit: contain;
}
#doba-header .hd-act__badge {
  position: absolute;
  inset: -8px -10px auto auto;
  min-width: 21px;
  height: 21px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  padding: 2px;
  background: var(--c-green);
  color: #fff;
}
.doba-top-content {
  min-height: 38px;
  padding: 8px 0;
}
.doba-top-content ul {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.doba-top-content li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.doba-top-content img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.doba-header-contact p {
  margin: 0;
}
.doba-header-contact a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
}
.doba-mobile-contact {
  display: none;
}
.hd-bar__in {
  display: flex;
  align-items: center;
  min-height: 60px;
}
.hd-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.hd-menu__list {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}
.hd-menu__link {
  display: flex;
  min-height: 44px;
  align-items: center;
  padding: 8px 12px;
}
/* Keep the complete desktop navigation in one row; the native mobile drawer owns narrow screens. */
@media (min-width: 1025px) {
  #doba-header .hd-bar__in > .doba-categories {
    flex: 0 0 clamp(180px, 15.6vw, 300px);
    margin: 0 16px 0 0;
  }
  #doba-header .hd-cats { width: 100%; margin: 0; }
  #doba-header .hd-menu { min-width: 0; gap: clamp(8px, 1vw, 16px); }
  #doba-header .hd-menu__list {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: clamp(4px, 0.5vw, 16px);
  }
  #doba-header .hd-menu__list > .doba-menu-item { flex: 0 0 auto; }
  #doba-header .hd-menu__list > .doba-menu-item > .hd-menu__link {
    padding-inline: clamp(4px, 0.6vw, 12px);
    white-space: nowrap;
  }
  #doba-header .hd-menu > .hd-promo {
    margin: 0;
    min-width: clamp(100px, 9.5vw, 180px);
    padding-inline: clamp(12px, 1vw, 18px);
    white-space: nowrap;
  }
}

.doba-menu-item {
  position: relative;
}
.doba-menu-item.is-active > a {
  color: var(--c-green);
  box-shadow: inset 0 -2px var(--c-green);
}
.doba-submenu {
  display: none;
  position: absolute;
  inset: 100% auto auto 0;
  min-width: 220px;
  max-height: calc(100dvh - var(--header-height) - 24px);
  overflow: auto;
  padding: 12px;
  background: #fff;
  box-shadow: var(--shadow-hover);
}
.doba-menu-item:hover > .doba-submenu,
.doba-menu-item:focus-within > .doba-submenu {
  display: block;
}
/* Native categories_subcats: content-width groups; the drawer owns mobile scrolling. */
#doba-header .doba-menu-item--mega { display: flex; align-items: center; }
#doba-header .doba-mega-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 24px; width: 24px; min-height: 44px; padding: 4px;
  border: 0; border-radius: 4px; background: transparent; color: var(--c-green);
  cursor: pointer;
}
#doba-header .doba-mega-toggle:hover { background: var(--c-green); color: #fff; }
#doba-header .doba-mega-toggle:focus-visible,
#doba-header .doba-mega-panel a:focus-visible { outline: 2px solid var(--c-green); outline-offset: 2px; }
#doba-header .doba-mega-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
#doba-header .doba-mega-panel[hidden] { display: none; }
#doba-header .doba-mega-panel {
  padding: 24px 28px; color: var(--c-text, #222); background: #fff;
  border-top: 3px solid var(--c-green); border-radius: 0 0 12px 12px;
  box-shadow: 0 16px 38px #14311d26; overscroll-behavior: contain;
}
#doba-header .doba-mega-grid { margin: 0; padding: 0; list-style: none; column-count: 4; column-gap: 18px; }
#doba-header .doba-mega-grid > .doba-menu-item { display: inline-block; width: 100%; break-inside: avoid; margin: 0 0 20px; vertical-align: top; }
#doba-header .doba-mega-grid > .doba-menu-item > .hd-menu__link {
  min-height: 38px; padding: 5px 0 9px; margin-bottom: 6px;
  border-bottom: 1px solid #187c3b26; color: var(--c-green); font-weight: 600;
  white-space: normal; overflow-wrap: anywhere; line-height: 1.4;
}
#doba-header .doba-mega-panel .doba-submenu {
  display: block; position: static; inset: auto; min-width: 0; max-height: none;
  overflow: visible; margin: 0; padding: 0; background: transparent; box-shadow: none;
}
#doba-header .doba-mega-panel .doba-submenu .doba-submenu { margin-left: 12px; padding-left: 10px; border-left: 1px solid #187c3b26; }
#doba-header .doba-mega-panel .doba-submenu .hd-menu__link {
  min-height: 30px; padding: 4px 0; font-size: 14px; line-height: 1.45;
  white-space: normal; overflow-wrap: anywhere; box-shadow: none;
}
#doba-header .doba-mega-panel .hd-menu__link::after { display: none; }
#doba-header .doba-mega-panel .hd-menu__link:hover { color: var(--c-green); text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 1025px) {
  #doba-header .hd-bar__in { position: relative; }
  /* Stretch the trigger through the full bar height: no dead strip before the panel. */
  #doba-header .hd-menu, #doba-header .hd-menu__list,
  #doba-header .doba-menu-item--mega { align-self: stretch; }
  #doba-header .doba-mega-panel { padding: 14px 20px; }
  #doba-header .doba-mega-grid > .doba-menu-item { margin-bottom: 6px; }
  #doba-header .doba-mega-grid > .doba-menu-item > .hd-menu__link {
    min-height: 30px; padding: 2px 0 5px; margin-bottom: 3px; font-size: 14px; line-height: 1.3;
  }
  #doba-header .doba-mega-panel .doba-submenu .hd-menu__link { min-height: 24px; padding: 2px 0; font-size: 13px; }
  #doba-header .doba-mega-panel .doba-submenu .doba-submenu { margin-left: 7px; padding-left: 7px; }
  #doba-header .hd-menu, #doba-header .doba-menu-item--mega { position: static; }
  #doba-header .doba-mega-panel { position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; max-height: calc(100dvh - var(--header-height) - 16px); overflow-y: auto; overflow-x: hidden; }
}
@media (min-width: 1200px) { #doba-header .doba-mega-grid { column-count: 5; } }

@media (max-width: 1024px) {
  #doba-header .doba-menu-item--mega { flex-wrap: wrap; }
  #doba-header .doba-menu-item--mega > .hd-menu__link { flex: 1; min-width: 0; }
  #doba-header .doba-mega-toggle { flex-basis: 44px; width: 44px; }
  #doba-header .doba-mega-panel { flex: 0 0 100%; width: 100%; padding: 12px; border-radius: 6px; box-shadow: none; background: #f5f8f5; }
  #doba-header .doba-mega-grid { column-count: 1; }
  #doba-header .doba-mega-grid > .doba-menu-item { margin-bottom: 12px; }
  #doba-header .doba-mega-panel .hd-menu__link { min-height: 44px; }
}

.doba-account {
  padding: 12px;
  min-height: 44px;
  color: var(--c-green);
  white-space: nowrap;
}
.doba-categories {
  position: relative;
  flex: 0 0 240px;
  margin-right: 20px;
}
.hd-cats {
  min-height: 54px;
  cursor: pointer;
  list-style: none;
  padding: 12px 18px;
}
.hd-cats::-webkit-details-marker {
  display: none;
}
.doba-category-panel {
  position: absolute;
  inset: 100% 0 auto;
  padding: 12px;
  background: #fff;
  box-shadow: var(--shadow-hover);
  max-height: calc(100dvh - var(--header-height) - 20px);
  overflow: auto;
}
.doba-category-panel, .doba-category-panel ul { margin: 0; list-style: none; }
.doba-category-panel .doba-header-cat { margin: 0; padding: 0; }
.doba-category-panel .doba-header-cat__row { display: flex; align-items: stretch; min-height: 44px; }
.doba-category-panel .doba-header-cat__link { display: flex; flex: 1; min-width: 0; min-height: 44px; align-items: center; padding: 8px 12px; color: var(--c-text); text-decoration: none; }
.doba-category-panel .doba-header-cat__link:hover { color: var(--c-green); background: #f2f7f3; }
.doba-category-panel .doba-header-cat__toggle { display: flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 3px; background: transparent; color: var(--c-green); cursor: pointer; }
.doba-category-panel .doba-header-cat__toggle::after { content: ''; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); transition: transform var(--t-fast); }
.doba-category-panel .doba-header-cat__toggle[aria-expanded="true"]::after { transform: rotate(45deg); }
.doba-category-panel .doba-header-cat__toggle:hover { background: #e9f3ed; }
.doba-category-panel :is(.doba-header-cat__link, .doba-header-cat__toggle):focus-visible { outline: 2px solid var(--c-green-hover); outline-offset: -2px; }
.doba-category-panel .doba-header-cat__children { padding: 0 0 0 12px; border-left: 1px solid #e1ebe4; margin: 0 0 4px 12px; }
@media (prefers-reduced-motion: reduce) { .doba-category-panel .doba-header-cat__toggle::after { transition: none; } }

.doba-skip {
  position: fixed;
  left: 16px;
  top: 12px;
  transform: translateY(-160%);
  background: #fff;
  color: #136631;
  z-index: 12000;
  padding: 14px 20px;
  border: 2px solid #136631;
  border-radius: 6px;
}
.doba-skip:focus {
  transform: none;
}
body :focus-visible {
  outline: 3px solid #136631 !important;
  outline-offset: 4px !important;
}
[hidden] {
  display: none !important;
}
.hm-hero {
  margin-top: 0;
  min-height: 400px;
  height: clamp(400px, 32.86vw, 631px);
}
.hm-hero__in {
  padding-top: clamp(80px, 7.5vw, 145px);
}
.hm-hero__title {
  max-width: 650px;
  white-space: pre-line;
}
.hm-hero__text {
  max-width: 570px;
}
.hm-hero__btn {
  width: max-content;
  gap: 20px;
  min-height: 48px;
  padding: 14px 24px;
  background: #187c3b;
}
.doba-hero-slider {
  position: relative;
}
.hm > section.design_template {
  display: block;
}
.hm > section.design_template h2 {
  text-align: inherit;
  padding-bottom: 0;
}
.doba-hero-controls {
  position: absolute;
  right: 6%;
  bottom: 20px;
  display: flex;
  gap: 12px;
}
.doba-hero-controls button,
.doba-brand-controls button {
  min-height: 44px;
  min-width: 44px;
  padding: 8px 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  color: var(--c-green);
}
.hm-cats__track {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  overflow: visible;
}
.hm-cat {
  width: auto;
}
.hm-cat__link {
  display: block;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: #f6f7f8;
  box-shadow: var(--shadow-rest);
}
.hm-cat__img {
  width: 100%;
  aspect-ratio: 321 / 288;
  object-fit: cover;
}
.hm-cat__name {
  position: static;
  display: block;
  padding: 18px 20px;
  min-height: 76px;
  background: #187c3b;
  color: #fff;
}
.doba-headline-description {
  padding: 0 20px 20px;
}
.hm-prods__in {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) 3fr;
  gap: 36px;
}
.hm-prods__intro {
  width: auto;
}
.hm-prods__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.db-pcard {
  width: auto;
  height: auto;
  min-height: 420px;
  min-width: 0;
  padding: 20px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: #f6f7f8;
  box-shadow: var(--shadow-rest);
}
.db-pcard__media {
  width: 100%;
  height: auto;
  aspect-ratio: 304 / 290;
}
.db-pcard__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.db-pcard__title {
  min-height: 3em;
  margin: 14px 0 24px;
}
.db-pcard__brand {
  position: static;
  max-width: 110px;
  max-height: 36px;
  object-fit: contain;
  margin-top: 12px;
}
.db-pcard__foot {
  position: static;
  width: 100%;
  margin-top: auto;
  padding: 0;
  gap: 12px;
}
.db-pcard__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
}
.db-pcard__price .orange_18 {
  color: var(--c-green);
}
.db-pcard__add {
  min-width: 44px;
  min-height: 44px;
}
.db-pcard__fav {
  left: auto;
  right: 12px;
  top: 12px;
  display: grid;
  place-items: center;
  min-width: 44px;
  min-height: 44px;
}
.db-pcard__media {
  margin: 16px 0 0;
}
.db-pcard__foot {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.db-pcard__fav.inwishlist {
  background: transparent;
  box-shadow: none;
}
.db-pcard .wishlist {
  position: static;
}
[data-reveal] {
  opacity: 1 !important;
  transform: none !important;
}
.hm-blog__in {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) 3fr;
  gap: 36px;
}
.hm-blog__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.hm-post {
  width: auto;
}
.hm-post__img {
  width: 100%;
  aspect-ratio: 346 / 209;
  object-fit: cover;
}
.doba-post-summary {
  margin-top: 14px;
}
.doba-brands {
  padding: 48px 0 32px;
}
.doba-brands .ft-brands {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 24px;
  margin-top: 30px;
}
.doba-brands .ft-brands li {
  width: auto;
  min-height: 70px;
  display: grid;
  place-items: center;
}
.doba-brands .ft-brands a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  width: 100%;
}
.doba-brands .ft-brands img {
  max-width: 140px;
  max-height: 60px;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.doba-brands[data-brand-count="1"] .ft-brands {
  grid-template-columns: minmax(100px, 160px);
}
.doba-brands.is-carousel .ft-brands {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.doba-brands.is-carousel li {
  flex: 0 0 140px;
  scroll-snap-align: start;
}
.doba-brand-controls {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 18px;
}
.ft .ft-cols {
  display: grid;
  grid-template-columns: 1fr 1.4fr 1fr;
  gap: 48px;
  padding-top: 50px;
}
.ft-col,
.ft-center {
  position: static;
  width: auto;
  min-width: 0;
}
.ft-logo__img {
  width: min(100%, 280px);
  margin: 0 auto 24px;
}
.ft .hd-menu__link {
  color: var(--c-green);
}
.ft .doba-submenu {
  position: static;
  display: block;
  padding-left: 12px;
  background: transparent;
  box-shadow: none;
}
.ft a,
.ft button {
  min-height: 44px;
}
.doba-footer-contact a {
  display: inline-flex;
  align-items: center;
  overflow-wrap: anywhere;
}
.doba-cookie-settings {
  padding: 8px 0;
  background: transparent;
  border: 0;
  color: inherit;
  text-align: left;
}
.ft-copy {
  margin-top: 40px;
}
.cookie_banner {
  position: fixed;
  left: 14px;
  bottom: 14px;
  z-index: 9998;
  padding: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
}
.cookie_banner img {
  width: 28px;
  height: 28px;
}
.cookie_banner a {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: transparent;
}
body .termsfeed-com---nb {
  border-radius: 16px 16px 0 0;
  box-shadow: 0 12px 50px #0004;
  max-width: min(640px, 100vw);
}
body .cc-nb-main-container {
  padding: 24px !important;
}
body .cc-nb-buttons-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body .cc-nb-buttons-container button {
  min-height: 44px;
  border-radius: 6px !important;
  margin: 0 !important;
  padding: 10px 16px !important;
}
body .cc-nb-okagree {
}
body .cc-nb-reject,
body .cc-nb-changep {
}
@media (max-width: 600px) {
  body .termsfeed-com---nb {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }
  body .cc-nb-main-container {
    padding: 20px !important;
  }
  body .cc-nb-buttons-container button {
    flex: 1 1 auto;
  }
}
.doba-inner {
  min-height: 40vh;
  padding: 30px 0 60px;
}
.doba-editorial img {
  max-width: 100%;
}
.doba-editorial p + p {
  margin-top: 18px;
}
.doba-secondary-modules {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}
@media (max-width: 1280px) {
  #doba-header .hd-act__label {
    display: none;
  }
  .hm-prods__in,
  .hm-blog__in {
    grid-template-columns: 1fr;
  }
  .hm-prods__grid,
  .hm-blog__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .hd-menu__list {
    gap: 4px;
  }
  .hd-menu__link {
    padding-inline: 8px;
  }
}
@media (max-width: 1024px) {
  :root {
    --header-height: 256px;
  }
  #doba-header .hd-main__in {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    gap: 14px;
    min-height: 0;
    padding: 12px 0;
  }
  #doba-header .hd-logo {
    width: min(100%, 160px);
  }
  #doba-header .hd-search {
    grid-row: 2;
    grid-column: 1 / -1;
    width: 100%;
  }
  #doba-header .hd-phone {
    grid-row: 3;
    grid-column: 1 / -1;
  }
  #doba-header .hd-act {
    grid-row: 1;
  }
  #doba-header .hd-burger {
    display: block;
    grid-row: 1;
    padding: 10px;
    min-width: 44px;
    min-height: 44px;
    background: transparent;
    border: 0;
  }
  .hd-burger__line {
    display: block;
    width: 24px;
    height: 2px;
    margin: 5px 0;
    background: #187c3b;
  }
  .hd-bar__in {
    min-height: 44px;
    height: auto;
    gap: 12px;
  }
  .doba-categories {
    margin: 0;
    flex: 1;
  }
  .hd-cats {
    min-height: 44px;
    justify-content: center;
  }
  .hd-menu {
    display: none;
    position: fixed;
    inset: var(--mobile-menu-top, var(--header-height)) var(--mobile-menu-right, 16px) auto auto;
    width: min(320px, calc(100vw - 32px));
    max-height: calc(100dvh - var(--mobile-menu-top, var(--header-height)) - 12px - env(safe-area-inset-bottom, 0px));
    overflow: auto;
    overscroll-behavior: contain;
    background: #fff;
    padding: 12px;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 8px 24px #0002;
    z-index: 1101;
  }
  .hd-menu.is-open {
    display: block;
  }
  #doba-header .hd-bar { backdrop-filter: none; -webkit-backdrop-filter: none; }
  /* Scrolling keeps only the brand and shopping controls fixed on mobile. */
  #doba-header.is-scrolled .hd-top,
  #doba-header.is-scrolled .hd-search { display: none; }
  #doba-header.is-scrolled .hd-bar { height: 0; min-height: 0; padding: 0; border: 0; background: transparent; backdrop-filter: none; }
  #doba-header.is-scrolled .hd-bar__in { height: 0; min-height: 0; padding: 0; }
  #doba-header.is-scrolled .hd-bar__in > :not(.hd-menu) { display: none; }
  #doba-header.is-scrolled .hd-main__in { grid-template-areas: none; grid-template-columns: 1fr auto auto auto; gap: 14px; padding: 12px 0; }
  #doba-header.is-scrolled .hd-logo { grid-column: 1; grid-row: 1; }
  #doba-header.is-scrolled .hd-act--fav { grid-column: 2; grid-row: 1; }
  #doba-header.is-scrolled .hd-act--cart { grid-column: 3; grid-row: 1; }
  #doba-header.is-scrolled .hd-burger { grid-column: 4; grid-row: 1; }
  .hd-menu__list {
    display: block;
  }
  .hd-menu__link {
    padding: 12px;
  }
  .doba-submenu {
    position: static;
    display: block;
    box-shadow: none;
    max-height: none;
    padding: 0 0 0 12px;
  }
  .doba-menu-scrim {
    position: fixed;
    inset: 0;
    background: #0005;
    z-index: 1099;
  }
  .doba-top-content ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .doba-top-content li:not(:first-child) {
    display: none;
  }
  .doba-header-contact p:not(:first-child) {
    display: none;
  }
  #doba-header .hd-phone {
    display: none;
  }
  .doba-mobile-contact {
    display: block;
    flex: 0 0 auto;
  }
  .doba-mobile-contact p:not(:first-child) {
    display: none;
  }
  .doba-mobile-contact a {
    display: flex;
    align-items: center;
    min-height: 44px;
  }
  .hd-cats {
    padding-inline: 8px;
  }
  .hm-cats__track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hm-prods__grid,
  .hm-blog__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hm-hero__in {
    padding-top: 70px;
  }
  .hm-hero__title {
    max-width: 70%;
  }
  .hm-hero__text {
    max-width: 65%;
  }
  .ft .ft-cols {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  .ft-center {
    grid-row: 1;
    grid-column: 1 / -1;
  }
}
@media (max-width: 480px) {
  .hm-hero {
    min-height: 440px;
  }
  .hm-hero__title {
    max-width: 100%;
  }
  .hm-hero__text {
    max-width: 100%;
  }
  .hm-hero__bg {
    object-position: 58% center;
    filter: brightness(0.6);
  }
  .hm-prods__grid,
  .hm-blog__grid {
    grid-template-columns: 1fr;
  }
  .db-pcard {
    max-width: 420px;
    width: 100%;
    margin: auto;
  }
  .hm-cat__name {
    padding: 14px;
  }
  .hm-cats__track {
    gap: 12px;
  }
  .ft .ft-cols {
    grid-template-columns: 1fr;
  }
  .ft-center {
    grid-column: 1;
  }
}
#preloader {
  display: none;
}
#page {
  opacity: 1;
}
#cart-panel {
  z-index: 1200 !important;
  width: min(800px, 100vw);
  height: 100dvh;
}
#cart-panel-backdrop {
  z-index: 1199 !important;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Approved catalog skin */
body[data-page="listing"] {
  --hd-bar-bg: rgba(255, 255, 255, 0.805);
}
.ls-banner {
  position: relative;
  z-index: 1;
  margin-top: calc(-63.5 * var(--k));
  height: calc(385 * var(--k));
  overflow: hidden;
}
.ls-banner::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: calc(63.5 * var(--k));
  height: calc(8.9 * var(--k));
  background: rgba(255, 255, 255, 0.805);
}
.ls-banner__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center top;
}
@media (max-width: 1024px) {
  .ls-banner {
    margin-top: 0;
    height: clamp(140px, 20vw, 205px);
  }
  .ls-banner::before {
    display: none;
  }
}
.ls-layout {
  display: grid;
  grid-template-columns: calc(360.7 * var(--k)) minmax(0, 1fr);
  align-items: start;
  padding: calc(41.3 * var(--k)) 0 calc(211.2 * var(--k));
}
.ls-side {
  width: calc(296.5 * var(--k));
  padding: calc(6.75 * var(--k)) 0 0 calc(9.3 * var(--k));
}
.ls-side__head {
  display: none;
}
.ls-block__title {
  position: relative;
  margin-right: calc(-10.4 * var(--k));
  padding-bottom: calc(12.55 * var(--k));
}
.ls-block__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--ln-x, 0px);
  width: var(--ln-w, 100%);
  height: 1px;
  background: var(--c-line);
}
.ls-block--brands {
  margin-top: calc(43.95 * var(--k));
  --ln-x: calc(1.4 * var(--k));
  --ln-w: calc(285.7 * var(--k));
}
.ls-block--power {
  margin-top: calc(50.1 * var(--k));
  --ln-x: calc(1.4 * var(--k));
  --ln-w: calc(285.7 * var(--k));
}
.ls-block--brands .ls-block__title {
  padding-bottom: calc(11.45 * var(--k));
}
.ls-block--power .ls-block__title {
  padding-bottom: calc(11.55 * var(--k));
}
.ls-block--price {
  margin-top: calc(84.1 * var(--k));
}
.ls-block--price .ls-block__title {
  padding-bottom: 0;
}
.ls-block--price .ls-block__title::after {
  display: none;
}
.ls-cats {
  display: flex;
  flex-direction: column;
  gap: calc(6.5 * var(--k));
  width: calc(287.2 * var(--k));
  margin-top: calc(9.1 * var(--k));
  padding-left: 0;
}
.ls-cats__item:nth-child(-n + 6) {
  margin-bottom: calc(1.3 * var(--k));
}
.ls-cats__item:nth-child(7) {
  margin-bottom: calc(0.8 * var(--k));
}
.ls-cats__link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: calc(38.5 * var(--k));
  padding: calc(7.15 * var(--k)) calc(22 * var(--k)) calc(9.95 * var(--k)) calc(15.2 * var(--k));
  border-radius: calc(3 * var(--k));
  background: #f5f5f5;
  color: var(--c-text);
  transition:
    background var(--t-fast),
    color var(--t-fast),
    box-shadow var(--t-med);
}
.ls-cats__link:hover,
.ls-cats__link:focus-visible {
  background: #ececec;
  color: var(--c-green);
  box-shadow: inset calc(3 * var(--k)) 0 0 var(--c-green);
}
.ls-cats__chev {
  position: absolute;
  right: calc(9 * var(--k));
  top: calc(50% - 4.5 * var(--k));
  width: calc(7 * var(--k));
  height: calc(10 * var(--k));
  transition: translate 0.45s var(--ease-back);
}
.ls-cats__link:hover .ls-cats__chev {
  translate: calc(4 * var(--k)) 0;
}
.ls-cats__chev--down {
  right: calc(7.5 * var(--k));
  top: calc(50% - 3.5 * var(--k));
  width: calc(10 * var(--k));
  height: calc(7 * var(--k));
}
.ls-cats__link:hover .ls-cats__chev--down {
  translate: 0 calc(3 * var(--k));
}
.ls-sub {
  padding: calc(18 * var(--k)) 0 calc(14.9 * var(--k)) calc(23.7 * var(--k));
}
.ls-sub__link {
  display: flex;
  align-items: center;
  gap: calc(8 * var(--k));
  color: var(--c-text);
  transition:
    color var(--t-fast),
    translate var(--t-med);
}
.ls-sub__link::before {
  content: "";
  flex: none;
  width: calc(6 * var(--k));
  height: calc(6 * var(--k));
  background: currentColor;
}
.ls-sub__link.is-active,
.ls-sub__link:hover {
  color: var(--c-green);
}
.ls-sub__link:hover {
  translate: calc(4 * var(--k)) 0;
}
.ls-checks {
  margin-top: calc(5.1 * var(--k));
  padding-left: 0;
}
.ls-check {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(9 * var(--k));
  height: calc(37.25 * var(--k));
  padding-left: calc(0.7 * var(--k));
  cursor: pointer;
}
.ls-check__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.ls-check__box {
  flex: none;
  width: calc(17 * var(--k));
  height: calc(17 * var(--k));
  background: url(/resources/doba/images/icons/icon-checkbox.png) center / 100% 100% no-repeat;
  transition:
    scale 0.4s var(--ease-back),
    box-shadow var(--t-fast);
}
.ls-check__input:checked + .ls-check__box {
  background-image: url(/resources/doba/images/icons/icon-checkbox-on.svg);
  scale: 1.08;
}
.ls-check__input:focus-visible + .ls-check__box {
  outline: 2px solid var(--c-green);
  outline-offset: 2px;
}
.ls-check:hover .ls-check__box {
  box-shadow: 0 0 0 3px rgba(24, 124, 59, 0.15);
}
.ls-check__text {
  position: relative;
  top: calc(-1 * var(--k));
  transition: color var(--t-fast);
}
.ls-check:hover .ls-check__text,
.ls-check__input:checked ~ .ls-check__text {
  color: var(--c-green);
}
.ls-more {
  display: inline-flex;
  align-items: center;
  gap: calc(3.5 * var(--k));
  margin-top: calc(12.1 * var(--k));
  padding: 0;
  border: 0;
  background: none;
  color: var(--c-text);
  transition: color var(--t-fast);
}
.ls-more__text {
  background: linear-gradient(currentColor, currentColor) 0 calc(100% - 1.86 * var(--k)) / 100% 1px
    no-repeat;
}
.ls-more img {
  width: calc(9 * var(--k));
  height: calc(7 * var(--k));
  transition: rotate 0.45s var(--ease-back);
}
.ls-more:hover {
  color: var(--c-green);
}
.ls-more[aria-expanded="true"] img {
  rotate: 180deg;
}
.ls-range {
  position: relative;
  width: calc(280.8 * var(--k));
  height: calc(54.4 * var(--k));
  margin: calc(8.55 * var(--k)) 0 0 calc(1.4 * var(--k));
  --thumb: calc(24.9 * var(--k));
}
.ls-range__track,
.ls-range__fill {
  position: absolute;
  top: calc(9.9 * var(--k));
  height: calc(5 * var(--k));
}
.ls-range__track {
  left: 0;
  right: 0;
  background: #999;
}
.ls-range__fill {
  left: calc(var(--thumb) / 2 + var(--f1) * (100% - var(--thumb)));
  right: calc(100% - var(--thumb) / 2 - var(--f2) * (100% - var(--thumb)));
  background: var(--c-green);
}
.ls-range__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--thumb);
  margin: 0;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
}
.ls-range__input::-webkit-slider-runnable-track {
  height: var(--thumb);
  background: none;
}
.ls-range__input::-moz-range-track {
  height: var(--thumb);
  background: none;
}
.ls-range__input::-webkit-slider-thumb {
  width: var(--thumb);
  height: var(--thumb);
  border: 0;
  border-radius: 50%;
  background: #f7f7f7;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  pointer-events: auto;
  cursor: grab;
  -webkit-appearance: none;
  appearance: none;
  transition:
    scale 0.4s var(--ease-back),
    box-shadow var(--t-med);
}
.ls-range__input::-moz-range-thumb {
  width: var(--thumb);
  height: var(--thumb);
  border: 0;
  border-radius: 50%;
  background: #f7f7f7;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  pointer-events: auto;
  cursor: grab;
}
.ls-range__input:hover::-webkit-slider-thumb {
  scale: 1.12;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
.ls-range__input:focus-visible::-webkit-slider-thumb {
  outline: 2px solid var(--c-green);
  outline-offset: 2px;
}
.ls-range__tag {
  position: absolute;
  top: calc(27.4 * var(--k));
  width: calc(45.6 * var(--k));
  height: calc(27 * var(--k));
  border-radius: calc(3 * var(--k));
  background: var(--c-green);
  color: #fff;
  text-align: center;
  translate: -50% 0;
}
.ls-range__tag--lo {
  left: calc(var(--thumb) / 2 + var(--f1) * (100% - var(--thumb)));
}
.ls-range__tag--hi {
  left: calc(var(--thumb) / 2 + var(--f2) * (100% - var(--thumb)));
}
body.is-filters-open {
  overflow: hidden;
}
@media (max-width: 1024px) {
  .ls-layout {
    grid-template-columns: minmax(0, 1fr);
    padding: 20px 0 56px;
  }
  .ls-side {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 60;
    width: min(340px, 88vw);
    padding: 0 20px 28px;
    background: #fff;
    box-shadow: 8px 0 32px rgba(0, 0, 0, 0.18);
    overflow-y: auto;
    visibility: hidden;
    transform: translateX(-100%);
    transition:
      transform var(--t-med),
      visibility 0s linear 0.45s;
  }
  .ls-side.is-open {
    visibility: visible;
    transform: none;
    transition:
      transform var(--t-med),
      visibility 0s;
  }
  .ls-side__head {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -20px 8px;
    padding: 8px 12px 8px 20px;
    background: #fff;
    border-bottom: 1px solid var(--c-line);
  }
  .ls-side__close {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    background: none;
    transition: background var(--t-fast);
  }
  .ls-side__close:hover {
    background: #f0f0f0;
  }
  .ls-block {
    margin-top: 20px;
  }
  .ls-block--brands,
  .ls-block--power,
  .ls-block--price {
    margin-top: 28px;
  }
  .ls-block__title,
  .ls-block--brands .ls-block__title,
  .ls-block--power .ls-block__title {
    margin-right: 0;
    padding-bottom: 10px;
  }
  .ls-block__title::after {
    left: 0;
    width: 100%;
  }
  .ls-cats {
    width: auto;
    gap: 6px;
    margin-top: 10px;
  }
  .ls-cats__item:nth-child(-n + 6),
  .ls-cats__item:nth-child(7) {
    margin-bottom: 0;
  }
  .ls-cats__link {
    min-height: 48px;
    padding: 8px 36px 8px 14px;
  }
  .ls-cats__chev {
    right: 14px;
    top: calc(50% - 5px);
    width: 7px;
    height: 10px;
  }
  .ls-cats__chev--down {
    right: 12px;
    top: calc(50% - 3.5px);
    width: 10px;
    height: 7px;
  }
  .ls-sub {
    padding: 6px 0 6px 12px;
  }
  .ls-sub__link {
    min-height: 44px;
    gap: 10px;
  }
  .ls-sub__link::before {
    width: 6px;
    height: 6px;
  }
  .ls-checks {
    margin-top: 6px;
  }
  .ls-check {
    height: auto;
    min-height: 44px;
    gap: 12px;
    padding-left: 0;
  }
  .ls-check__box {
    width: 20px;
    height: 20px;
  }
  .ls-check__text {
    top: 0;
  }
  .ls-more {
    min-height: 44px;
    margin-top: 4px;
    gap: 6px;
  }
  .ls-more__text {
    background-position: 0 calc(100% - 2px);
  }
  .ls-more img {
    width: 9px;
    height: 7px;
  }
  .ls-range {
    width: 100%;
    height: 84px;
    margin: 8px 0 0;
    --thumb: 28px;
  }
  .ls-range__track,
  .ls-range__fill {
    top: 19.5px;
  }
  .ls-range__input {
    height: 44px;
    top: 0;
  }
  .ls-range__input::-webkit-slider-runnable-track {
    height: 44px;
  }
  .ls-range__input::-webkit-slider-thumb {
    margin-top: 8px;
  }
  .ls-range__tag {
    top: 50px;
    width: 52px;
    height: 28px;
  }
}
.ls-main {
  min-width: 0;
}
.ls-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.ls-crumbs {
  margin-top: calc(8.3 * var(--k));
  padding-left: calc(0.3 * var(--k));
  color: var(--c-text-2);
}
.ls-crumbs ol {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.ls-crumbs li + li::before {
  content: "/";
  margin: 0 calc(4.5 * var(--k));
}
.ls-crumbs a {
  background: linear-gradient(currentColor, currentColor) left bottom / 0 1px no-repeat;
  transition:
    color var(--t-fast),
    background-size var(--t-med);
}
.ls-crumbs a:hover {
  color: var(--c-green);
  background-size: 100% 1px;
}
.ls-tools {
  display: flex;
  flex: none;
  align-items: center;
  gap: 12px;
}
.ls-filter-btn {
  display: none;
}
.ls-sort {
  flex: none;
  width: calc(254.6 * var(--k));
}
.ls-sort__select {
  width: 100%;
  height: calc(43.4 * var(--k));
  padding: 0 calc(38 * var(--k)) calc(3.4 * var(--k)) calc(16.5 * var(--k));
  border: 1px solid var(--c-line);
  border-radius: calc(5 * var(--k));
  background: #fff url(/resources/doba/images/icons/icon-caret.png) right calc(11.9 * var(--k))
    center / calc(13 * var(--k)) calc(8 * var(--k)) no-repeat;
  color: var(--c-text);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition:
    border-color var(--t-fast),
    box-shadow var(--t-med);
}
.ls-sort__select:hover {
  border-color: #cdd8d0;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.ls-sort__select:focus-visible {
  outline: none;
  border-color: var(--c-green);
  box-shadow: 0 0 0 3px rgba(24, 124, 59, 0.14);
}
.ls-title {
  margin: calc(-2.6 * var(--k)) 0 0 calc(-1 * var(--k));
  color: var(--c-green);
}
.ls-desc {
  max-width: calc(1190 * var(--k));
  margin: calc(8.5 * var(--k)) 0 0 calc(1.2 * var(--k));
  color: var(--c-text-2);
}
.ls-grid {
  --k: min(1.0741px, calc(100vw / 1920 * 1.0741));
  display: grid;
  grid-template-columns: repeat(3, calc(341.4 * var(--k)));
  column-gap: calc(55.9 * var(--k));
  row-gap: calc(71.4 * var(--k));
  margin-top: calc(43.57 * var(--k));
}
.ls-grid {
  --pc-title-mt: 17.03;
  --pc-foot-mb: 18.83;
  --pc-foot-ml: 29.23;
  --pc-price-pt: 6.66;
}
.ls-grid > :nth-child(3n + 1) {
  --pc-stihl-top: 292.6;
}
.ls-grid > :nth-child(3n) {
  --pc-stihl-right: 12.4;
}
.ls-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(1220.2 * var(--k));
  margin-top: calc(66.9 * var(--k));
}
.ls-pager__step {
  position: relative;
  top: calc(-1.7 * var(--k));
  display: inline-flex;
  align-items: center;
  color: var(--c-text);
  transition: color var(--t-fast);
}
.ls-pager__step--prev {
  gap: calc(7 * var(--k));
  margin-right: calc(20.2 * var(--k));
}
.ls-pager__step--next {
  gap: calc(11 * var(--k));
  margin-left: calc(22 * var(--k));
}
.ls-pager__step img {
  width: calc(14 * var(--k));
  height: auto;
  transition: translate 0.45s var(--ease-back);
}
a.ls-pager__step:hover {
  color: var(--c-green);
}
a.ls-pager__step--next:hover img {
  translate: calc(4 * var(--k)) 0;
}
.ls-pager__num {
  display: grid;
  place-items: center;
  width: calc(43.1 * var(--k));
  height: calc(42.3 * var(--k));
  border: 1px solid var(--c-line);
  border-radius: calc(3 * var(--k));
  background: #fff;
  color: var(--c-text);
  transition:
    border-color var(--t-fast),
    color var(--t-fast),
    box-shadow var(--t-med),
    translate var(--t-med);
}
.ls-pager__num + .ls-pager__num {
  margin-left: calc(13.5 * var(--k));
}
.ls-pager__num:hover {
  border-color: var(--c-green);
  color: var(--c-green);
  box-shadow: var(--shadow-hover);
  translate: 0 var(--lift);
}
.ls-pager__num.is-current {
  border-color: #1a1a1a;
  background: #1a1a1a;
  color: #fff;
}
.ls-pager__num.is-current:hover {
  color: #fff;
  translate: none;
  box-shadow: none;
}
.ls-pager__dots {
  width: calc(32.4 * var(--k));
  color: var(--c-muted-2);
  text-align: center;
}
@media (max-width: 1024px) {
  .ls-top {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ls-crumbs {
    margin-top: 0;
    padding-left: 0;
  }
  .ls-crumbs a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    background-position: left calc(50% + 10px);
  }
  .ls-crumbs li {
    display: inline-flex;
    align-items: center;
  }
  .ls-tools {
    width: 100%;
  }
  .ls-filter-btn {
    flex: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 0 18px;
    border: 0;
    border-radius: var(--r-sm);
    background: var(--c-green);
    color: #fff;
    box-shadow: var(--shadow-rest);
    transition:
      background var(--t-fast),
      box-shadow var(--t-med);
  }
  .ls-filter-btn:hover {
    background: var(--c-green-hover);
    box-shadow: var(--shadow-green-hover);
  }
  .ls-filter-btn img {
    width: 20px;
    height: 15px;
  }
  .ls-sort {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
  }
  .ls-sort__select {
    height: 48px;
    padding: 0 38px 0 14px;
    border-radius: var(--r-sm);
    background-position: right 14px center;
    background-size: 13px 8px;
  }
  .ls-title {
    margin: 20px 0 0;
  }
  .ls-desc {
    max-width: none;
    margin: 10px 0 0;
  }
  .ls-grid {
    --k: 1px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 20px;
    margin-top: 24px;
  }
  .ls-pager {
    flex-wrap: wrap;
    gap: 8px;
    width: auto;
    margin-top: 40px;
  }
  .ls-pager__step {
    top: 0;
    justify-content: center;
    min-width: 48px;
    min-height: 48px;
  }
  .ls-pager__step--prev,
  .ls-pager__step--next {
    gap: 8px;
    margin: 0;
  }
  .ls-pager__step img {
    width: 14px;
  }
  .ls-pager__num,
  .ls-pager__num + .ls-pager__num {
    width: 48px;
    height: 48px;
    margin: 0;
  }
  .ls-pager__dots {
    width: auto;
    margin: 0;
  }
}
@media (max-width: 820px) {
  .ls-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .ls-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .ls-pager__step span {
    display: none;
  }
}
.doba-catalog .ls-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 36px;
  padding-block: 40px 70px;
}
.doba-catalog .ls-side,
.doba-catalog .ls-main {
  width: auto;
  min-width: 0;
}
.doba-catalog .ls-top {
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}
.doba-catalog .ls-title {
  margin: 28px 0;
  color: #187c3b;
}
.doba-catalog .ls-grid {
  --k: var(--site-card-k, 1px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 32px;
}
.doba-catalog .db-pcard {
  width: 100%;
  min-width: 0;
  max-width: none;
}
.doba-catalog .db-pcard__title {
  padding: 0;
  margin: 16px 0;
  text-align: left;
}
.doba-catalog .ls-sort {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  gap: 12px;
  white-space: nowrap;
}
.doba-catalog .ls-sort__select {
  width: clamp(180px, 14vw, 220px);
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  height: 48px;
  padding: 8px 32px 8px 12px;
  background: #fff;
  border: 1px solid #dae5de;
  border-radius: 7px;
}
.doba-catalog .ls-pager {
  margin-top: 36px;
}
.doba-catalog-categories { margin: 10px 0 0; padding: 0; list-style: none; }
.doba-catalog-categories .doba-cat-item { margin: 0 0 6px; padding: 0; }
.doba-catalog-categories .doba-cat-row { display: flex; align-items: stretch; min-height: 44px; border-radius: 3px; background: #f5f5f5; }
.doba-catalog-categories .doba-cat-link { position: relative; display: flex; flex: 1; align-items: center; min-width: 0; padding: 8px 12px; border: 0; color: var(--c-text); text-decoration: none; }
.doba-catalog-categories .doba-cat-link:hover, .doba-catalog-categories .doba-cat-row.is-current .doba-cat-link { color: var(--c-green); }
.doba-catalog-categories .doba-cat-toggle { display: flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0 3px 3px 0; background: transparent; color: var(--c-text); cursor: pointer; }
.doba-catalog-categories .doba-cat-toggle::after, .doba-catalog-categories .has-chevron::after { content: ""; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); }
.doba-catalog-categories .has-chevron { padding-right: 44px; }
.doba-catalog-categories .has-chevron::after { position: absolute; right: 20px; }
.doba-catalog-categories .doba-cat-toggle[aria-expanded="true"]::after { transform: rotate(45deg); }
.doba-catalog-categories .doba-cat-toggle:hover { background: #e9f3ed; color: var(--c-green); }
.doba-catalog-categories :is(.doba-cat-link, .doba-cat-toggle):focus-visible { outline: 2px solid var(--c-green); outline-offset: 2px; }
.doba-catalog-categories .doba-cat-children { margin: 0; padding: 12px 0 10px 18px; list-style: none; }
.doba-catalog-categories .doba-cat-children .doba-cat-item { margin-bottom: 0; }
.doba-catalog-categories .doba-cat-row.is-nested { min-height: 30px; background: transparent; }
.doba-catalog-categories .is-nested .doba-cat-link { gap: 8px; padding: 5px 6px; }
.doba-catalog-categories .is-nested .doba-cat-link::before { content: ""; flex: 0 0 4px; width: 4px; height: 4px; background: currentColor; }
.doba-catalog-categories .is-nested .doba-cat-toggle { min-height: 30px; }
@media (max-width: 1024px) {
  .doba-catalog-categories .doba-cat-row.is-nested, .doba-catalog-categories .is-nested .doba-cat-toggle { min-height: 44px; }
}

.doba-native-filters { margin-top: 30px; }
.doba-category-intro { margin-top: -12px; margin-bottom: 0; color: var(--c-text-2); }
.doba-category-intro > p, .doba-category-intro .is-wrapper > p { margin: 0; }
.doba-native-filters #frmFilter > ul { margin: 0; padding: 0; list-style: none; }
.doba-native-filters .liFilter { margin: 0 0 38px; }
.doba-native-filters .liFilter:last-child { margin-bottom: 0; padding-bottom: 40px; }
.doba-native-filters #frmFilter h2 { margin: 0 0 10px; padding: 0 0 12px; border-bottom: 1px solid var(--c-line); color: var(--c-text); }
.doba-native-filters .liFilter > div > ul { margin: 0; padding: 0; list-style: none; }
.doba-native-filters .liFilter li { display: flex; align-items: center; gap: 8px; min-height: 28px; margin: 0; }
.doba-native-filters .liFilter input[type="checkbox"] { appearance: none; flex: 0 0 12px; width: 12px; height: 12px; margin: 0; border: 1px solid #a9adab; border-radius: 1px; background: linear-gradient(#f8f8f8, #d7dad8); }
.doba-native-filters .liFilter input[type="checkbox"]:checked { border-color: var(--c-green); background: var(--c-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6 2.5 2.5L10 3' fill='none' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") center/12px no-repeat; }
.doba-native-filters .liFilter input[type="checkbox"]:focus-visible { outline: 2px solid var(--c-green); outline-offset: 3px; }
.doba-native-filters .liFilter label { display: flex; align-items: center; min-height: 28px; margin: 0; cursor: pointer; }
.doba-native-filters .doba-filter-more { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; margin-top: 6px; color: var(--c-text-2); text-decoration: underline; }
.doba-native-filters .doba-filter-more::after { content: ""; width: 5px; height: 5px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }
.doba-native-filters .doba-filter-more:hover { color: var(--c-green); }
.doba-native-filters #frmFilter .slider-range { height: 3px; margin: 22px 14px 52px; border: 0; border-radius: 0; background: #9ba09d; }
.doba-native-filters #frmFilter .slider-range .ui-slider-range { height: 3px; border: 0; background: var(--c-green); }
.doba-native-filters #frmFilter .slider-range .ui-slider-handle { top: -6px; width: 15px; height: 15px; margin-left: -7px; border: 1px solid #e0e5e2; border-radius: 50%; background: #fff; cursor: ew-resize; }
.doba-native-filters #frmFilter .slider-range .ui-slider-handle::before { content: ""; position: absolute; inset: -15px; }
.doba-native-filters #frmFilter .slider-range .ui-slider-handle:focus-visible { outline: 2px solid var(--c-green); outline-offset: 3px; }
.doba-slider-value { position: absolute; top: 21px; left: 50%; transform: translateX(-50%); display: block; padding: 3px 5px; border-radius: 2px; background: var(--c-green); color: #fff; white-space: nowrap; pointer-events: none; }
.db-pcard__media { position: relative; overflow: hidden; }
.db-pcard__img--primary, .db-pcard__img--secondary { transition: opacity 220ms ease; }
.db-pcard__media .db-pcard__img--secondary { position: absolute; inset: 0; opacity: 0; }
@media (hover: hover) and (pointer: fine) {
  .db-pcard__media.has-secondary:hover .db-pcard__img--primary { opacity: 0; }
  .db-pcard__media.has-secondary:hover .db-pcard__img--secondary { opacity: 1; }
}
.db-pcard__fav, .db-pcard__fav.inwishlist { background: transparent; box-shadow: none; }
.db-pcard__heart { width: 26px; height: 26px; overflow: visible; fill: #e6e6e6; stroke: #b0b3b1; stroke-width: 1.2; transition: fill 160ms ease, stroke 160ms ease; }
.db-pcard__fav.inwishlist .db-pcard__heart { fill: var(--doba-action-active, #0f5428); stroke: var(--doba-action-active, #0f5428); }
.db-pcard__fav:focus-visible { outline: 2px solid var(--c-green); outline-offset: 2px; }
@media (max-width: 1024px) { .doba-native-filters .liFilter label, .doba-native-filters .liFilter li, .doba-native-filters .doba-filter-more { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { .db-pcard__img--primary, .db-pcard__img--secondary, .db-pcard__heart { transition: none; } }

.doba-subcategories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}
.doba-category-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e2eae5;
  border-radius: 10px;
  color: #187c3b;
  background: #f7faf8;
  box-shadow: 0 3px 12px #173a2210;
}
.doba-category-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: #fff;
}
.doba-category-card span { display: flex; flex: 1; align-items: center; justify-content: center; min-height: 60px; padding: 14px 16px; text-align: center; }
.doba-category-card:hover { border-color: var(--c-green-soft); box-shadow: var(--shadow-rest); }
.doba-category-card:focus-visible { outline: 2px solid var(--c-green); outline-offset: 3px; }
@media (max-width: 820px) { .doba-subcategories { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .doba-subcategories { grid-template-columns: minmax(0, 1fr); } }
.doba-category-description {
  margin-top: 40px;
}
.doba-archive {
  padding-block: 40px 70px;
}
.doba-archive .ls-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.doba-empty {
  padding: 28px;
  grid-column: 1/-1;
  border-radius: 10px;
  background: #f4f8f5;
}
@media (max-width: 1200px) {
  .doba-catalog .ls-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .doba-catalog .ls-layout {
    display: block;
    padding-block: 28px 50px;
  }
  .doba-catalog .ls-side {
    position: fixed;
    inset: var(--header-height) 0 0 auto;
    width: min(380px, 100vw);
    height: calc(100dvh - var(--header-height));
    padding: 24px;
    background: #fff;
    z-index: 1150;
    transform: translateX(100%);
    visibility: hidden;
    overflow-y: auto;
  }
  .doba-catalog .ls-side.is-open {
    transform: none;
    visibility: visible;
  }
  .doba-catalog .ls-filter-btn {
    min-height: 44px;
    padding: 10px 16px;
    background: #187c3b;
    color: #fff;
    border: 0;
    border-radius: 6px;
  }
  .doba-catalog .ls-side__head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
  }
  .doba-catalog .ls-side__close {
    width: 44px;
    height: 44px;
  }
  .doba-filter-scrim {
    position: fixed;
    inset: var(--header-height) 0 0;
    background: #0005;
    z-index: 1149;
  }
  .doba-catalog .ls-top,
  .doba-catalog .ls-tools {
    gap: 12px;
  }
}
@media (max-width: 600px) {
  .doba-catalog .ls-grid {
    grid-template-columns: 1fr;
  }
  .doba-catalog .db-pcard {
    max-width: 420px;
    margin-inline: auto;
  }
  .doba-catalog .ls-sort {
    flex-wrap: nowrap;
  }
  .doba-catalog .ls-tools {
    width: 100%;
    flex-wrap: wrap;
  }
  .doba-catalog .ls-title {
    margin-block: 24px;
  }
}

/* Approved product skin */
body[data-page="productpage"] {
  --hd-bar-bg: rgba(255, 255, 255, 0.805);
}
.pp-strip {
  position: relative;
  z-index: 1;
  margin-top: calc(-63.5 * var(--k));
  height: calc(72.7 * var(--k));
  overflow: hidden;
}
.pp-strip::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: calc(63.5 * var(--k));
  bottom: 0;
  background: rgba(255, 255, 255, 0.805);
}
.pp-strip__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .pp-strip {
    display: none;
  }
}
.pp-crumbbar {
  height: calc(73.4 * var(--k));
  border-bottom: 1px solid #ececec;
  background: #fff;
}
.pp-crumbbar__in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  height: 100%;
  padding-bottom: calc(3.2 * var(--k));
}
.pp-crumbs {
  margin-left: calc(-1.3 * var(--k));
  color: var(--c-text-2);
}
.pp-crumbs ol {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.pp-crumbs li + li::before {
  content: "/";
  margin: 0 calc(7.8 * var(--k));
}
.pp-crumbs a {
  background: linear-gradient(currentColor, currentColor) left bottom / 0 1px no-repeat;
  transition:
    color var(--t-fast),
    background-size var(--t-med);
}
.pp-crumbs a:hover {
  color: var(--c-green);
  background-size: 100% 1px;
}
.pp-fav {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: calc(7.5 * var(--k));
  margin-right: calc(9 * var(--k));
  padding: 0;
  border: 0;
  background: none;
  color: #4d4d4d;
  transition: color var(--t-fast);
}
.pp-fav .db-pcard__heart {
  width: calc(23 * var(--k));
  height: calc(23 * var(--k));
  transition: scale 0.45s var(--ease-back);
}
.pp-fav:hover {
  color: var(--c-green);
}
.doba-product .pp-fav, .doba-product .pp-fav.inwishlist { background: transparent; box-shadow: none; }
.pp-fav.inwishlist .db-pcard__heart { fill: var(--doba-action-active); stroke: var(--doba-action-active); }
.pp-fav:hover .db-pcard__heart,
.pp-fav[aria-pressed="true"] .db-pcard__heart {
  scale: 1.18;
}
.pp-product__in {
  display: grid;
  grid-template-columns: calc(680.6 * var(--k)) calc(830.2 * var(--k));
  column-gap: calc(89.3 * var(--k));
  align-items: start;
  padding: calc(40.5 * var(--k)) 0 calc(107 * var(--k));
}
.pp-gallery__main {
  position: relative;
  height: calc(680.6 * var(--k));
  overflow: hidden;
}
.pp-gallery__main::after,
.pp-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--c-line);
  pointer-events: none;
}
.pp-gallery__img {
  position: absolute;
  left: calc(-0.5 * var(--k));
  top: calc(-0.4 * var(--k));
  width: calc(681 * var(--k));
  max-width: none;
  height: calc(681 * var(--k));
  object-fit: contain;
  transition:
    transform var(--t-slow),
    opacity var(--t-fast);
}
.pp-gallery__main:hover .pp-gallery__img {
  transform: scale(1.05);
}
.pp-badges {
  position: absolute;
  z-index: 1;
  left: 0;
  top: calc(27.5 * var(--k));
  display: flex;
  flex-direction: column;
  gap: calc(7.3 * var(--k));
}
.pp-badge {
  width: calc(76.2 * var(--k));
  height: calc(34.9 * var(--k));
  background: var(--c-green);
  color: #fff;
  text-align: center;
}
.pp-badge--sale {
  background: var(--c-green-soft);
}
.pp-thumbs {
  display: grid;
  grid-template-columns: repeat(3, calc(213.5 * var(--k)));
  column-gap: calc(20.4 * var(--k));
  row-gap: 12px;
  margin-top: calc(17 * var(--k));
  padding-left: 0;
}
.pp-thumb {
  position: relative;
  display: block;
  width: 100%;
  height: calc(206.1 * var(--k));
  padding: 0;
  border: 0;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition:
    box-shadow var(--t-med),
    translate var(--t-med);
}
.pp-thumb img {
  position: absolute;
  left: calc(-0.5 * var(--k));
  top: calc(-0.5 * var(--k));
  width: calc(214.5 * var(--k));
  max-width: none;
  height: calc(207 * var(--k));
  object-fit: cover;
  transition: transform var(--t-slow);
}
.pp-thumb:hover,
.pp-thumb:focus-visible {
  translate: 0 var(--lift);
  box-shadow: var(--shadow-hover);
}
.pp-thumb:hover img {
  transform: scale(1.06);
}
.pp-thumb[aria-pressed="true"]::after {
  border-color: var(--c-line);
}
.pp-thumb:hover::after,
.pp-thumb:focus-visible::after {
  border-color: var(--c-green);
  transition: border-color var(--t-fast);
}
.pp-info {
  min-width: 0;
  padding-top: calc(21.5 * var(--k));
}
.pp-head {
  position: relative;
  padding-right: calc(170 * var(--k));
}
.pp-title {
  margin-left: calc(-1.3 * var(--k));
  color: var(--c-text);
}
.pp-brand {
  position: absolute;
  right: calc(-3.9 * var(--k));
  top: calc(9.4 * var(--k));
  width: calc(152 * var(--k));
  height: auto;
}
.pp-lead {
  max-width: calc(805 * var(--k));
  margin-top: calc(24.8 * var(--k));
  color: #4d4d4d;
}
.pp-buy {
  display: flex;
  align-items: flex-start;
  height: calc(172.6 * var(--k));
  margin-top: calc(66.3 * var(--k));
  padding: calc(46 * var(--k)) calc(27 * var(--k)) 0 calc(26.4 * var(--k));
  border-radius: calc(5 * var(--k));
  background: #f5f6f7;
}
.pp-price {
  display: flex;
  align-items: baseline;
  gap: calc(18 * var(--k));
  margin-top: calc(11.4 * var(--k));
  white-space: nowrap;
}
.pp-price__old {
  color: #808080;
}
.pp-price__now {
  color: var(--c-text);
}
.pp-qty {
  display: grid;
  grid-template-columns: calc(60.4 * var(--k)) calc(32.5 * var(--k));
  grid-template-rows: 1fr 1fr;
  flex: none;
  width: calc(92.9 * var(--k));
  height: calc(74.8 * var(--k));
  margin-left: auto;
  border: 1px solid #d3d3d3;
  border-radius: calc(3 * var(--k));
  background: #fff;
  overflow: hidden;
}
.pp-qty__input {
  grid-row: 1 / 3;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  border-right: 1px solid #e0e0e0;
  background: none;
  color: var(--c-text);
  text-align: center;
  -moz-appearance: textfield;
  appearance: textfield;
}
.pp-qty__input::-webkit-outer-spin-button,
.pp-qty__input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.pp-qty__input:focus-visible {
  outline: 2px solid var(--c-green);
  outline-offset: -2px;
}
.pp-qty__btn {
  display: grid;
  place-items: center;
  padding: 0 0 calc(3 * var(--k));
  border: 0;
  background: none;
  color: var(--c-text);
  transition:
    background var(--t-fast),
    color var(--t-fast);
}
.pp-qty__btn--minus {
  border-bottom: 1px solid #cccccc;
}
.pp-qty__btn:hover {
  background: var(--c-green);
  color: #fff;
}
.pp-add {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: calc(8 * var(--k));
  width: calc(305.2 * var(--k));
  height: calc(74.8 * var(--k));
  margin-left: calc(11.5 * var(--k));
  padding: 0 0 calc(4 * var(--k)) calc(33.1 * var(--k));
  border: 0;
  border-radius: calc(4 * var(--k));
  background: #1a1a1a;
  color: #fff;
  box-shadow: var(--shadow-rest);
  transition:
    background var(--t-fast),
    box-shadow var(--t-med),
    translate var(--t-med);
}
.pp-add img {
  width: calc(24 * var(--k));
  height: calc(23 * var(--k));
  transition: translate 0.45s var(--ease-back);
}
.pp-add:hover,
.pp-add:focus-visible {
  background: var(--c-green);
  box-shadow: var(--shadow-green-hover);
  translate: 0 var(--lift);
}
.pp-add:hover img {
  translate: calc(3 * var(--k)) 0;
}
.pp-add:active {
  translate: 0 0;
  transition-duration: 0.1s;
}
.pp-specs {
  margin-top: calc(49.7 * var(--k));
  border-top: 1px solid var(--c-line);
}
.pp-specs__title {
  margin-top: calc(23.75 * var(--k));
  padding-left: calc(4.7 * var(--k));
}
.pp-specs__table {
  width: calc(569 * var(--k));
  margin-top: calc(16.25 * var(--k));
  border-collapse: separate;
  border-spacing: 0;
}
.pp-specs__table tr + tr > * {
  border-top: 1px solid var(--c-line);
}
.pp-specs__table th,
.pp-specs__table td {
  height: calc(41 * var(--k));
  padding: 0 0 calc(3.6 * var(--k));
  color: var(--c-text-2);
  vertical-align: middle;
}
.pp-specs__table th {
  width: calc(364.2 * var(--k));
  padding-left: calc(4.8 * var(--k));
  text-align: left;
}
.pp-specs__table td {
  color: var(--c-text);
}
@media (max-width: 1024px) {
  .pp-crumbbar {
    height: auto;
  }
  .pp-crumbbar__in {
    flex-wrap: wrap;
    padding-block: 6px;
  }
  .pp-crumbs {
    margin-left: 0;
  }
  .pp-crumbs a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    background-position: left calc(50% + 10px);
  }
  .pp-crumbs li {
    display: inline-flex;
    align-items: center;
  }
  .pp-crumbs li + li::before {
    margin: 0 6px;
  }
  .pp-fav {
    margin-right: 0;
    gap: 8px;
    min-height: 44px;
  }
  .pp-fav .db-pcard__heart {
    width: 20px;
    height: 20px;
  }
  .pp-product__in {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
    padding: 20px 0 48px;
  }
  .pp-gallery__main {
    height: auto;
    aspect-ratio: 1;
  }
  .pp-gallery__img {
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .pp-badges {
    top: 16px;
    gap: 6px;
  }
  .pp-badge {
    width: 60px;
    height: 28px;
  }
  .pp-thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 12px;
    margin-top: 12px;
  }
  .pp-thumb {
    height: auto;
    aspect-ratio: 213.5 / 206.1;
  }
  .pp-thumb img {
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .pp-info {
    padding-top: 0;
  }
  .pp-head {
    padding-right: 0;
  }
  .pp-title {
    margin-left: 0;
  }
  .pp-brand {
    position: static;
    width: 120px;
    margin-top: 10px;
  }
  .pp-lead {
    max-width: none;
    margin-top: 14px;
  }
  .pp-buy {
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 12px;
    height: auto;
    margin-top: 24px;
    padding: 20px;
    border-radius: var(--r-md);
  }
  .pp-price {
    flex-basis: 100%;
    gap: 14px;
    margin-top: 0;
  }
  .pp-qty {
    grid-template-columns: 56px 48px;
    width: 106px;
    height: 96px;
    margin-left: 0;
  }
  .pp-qty__btn {
    min-height: 48px;
  }
  .pp-add {
    flex: 1 1 200px;
    justify-content: center;
    width: auto;
    height: 56px;
    margin-left: 0;
    padding: 0 16px;
  }
  .pp-add img {
    width: 22px;
    height: 21px;
  }
  .pp-specs {
    margin-top: 28px;
  }
  .pp-specs__title {
    margin-top: 20px;
    padding-left: 0;
  }
  .pp-specs__table {
    width: 100%;
    margin-top: 10px;
  }
  .pp-specs__table th,
  .pp-specs__table td {
    height: auto;
    padding: 10px 0;
  }
  .pp-specs__table th {
    width: 55%;
    padding-left: 0;
    padding-right: 12px;
  }
}
@media (max-width: 480px) {
  .pp-add {
    flex-basis: 100%;
    white-space: nowrap;
  }
  .pp-qty {
    grid-template-columns: minmax(0, 1fr) 56px;
    width: 100%;
    height: 96px;
  }
}
.pp-tabs__list {
  position: relative;
  display: flex;
  gap: calc(11.85 * var(--k));
  margin-left: calc(-4.9 * var(--k));
  padding-bottom: 1px;
}
.pp-tabs__list::after {
  content: "";
  position: absolute;
  left: calc(4.9 * var(--k));
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--c-line);
}
.pp-tab {
  width: calc(191.7 * var(--k));
  height: calc(75.3 * var(--k));
  padding: 0;
  border: 0;
  border-radius: calc(5 * var(--k)) calc(5 * var(--k)) 0 0;
  background: #f5f6f7;
  color: var(--c-text);
  transition:
    background var(--t-fast),
    color var(--t-fast),
    translate var(--t-med);
}
.pp-tab:first-child {
  width: calc(173 * var(--k));
}
.pp-tab[aria-selected="true"] {
  background: var(--c-line);
}
.pp-tab:hover {
  color: var(--c-green);
  translate: 0 calc(-2 * var(--k));
}
.pp-tab[aria-selected="true"]:hover {
  translate: none;
}
.pp-pane {
  display: grid;
  grid-template-columns: calc(957.5 * var(--k)) calc(624 * var(--k));
  align-items: start;
  padding: calc(44.5 * var(--k)) 0 calc(109.3 * var(--k));
}
.pp-pane__text {
  width: calc(911.5 * var(--k));
  margin-top: calc(6.1 * var(--k));
  padding-left: calc(11.5 * var(--k));
  color: var(--c-text-2);
}
.pp-pane__text p + p {
  margin-top: calc(31.3 * var(--k));
}
.pp-pane__img {
  margin: calc(1 * var(--k)) 0 0 calc(-1 * var(--k));
  width: calc(624 * var(--k));
  height: calc(472 * var(--k));
  border-radius: calc(6 * var(--k));
  object-fit: cover;
}
.pp-panes > [role="tabpanel"] > .pp-pane__text {
  width: auto;
  max-width: calc(917 * var(--k));
  padding-block: calc(50.6 * var(--k)) calc(109.3 * var(--k));
}
@media (max-width: 1024px) {
  .pp-tabs__list {
    margin-left: 0;
    overflow-x: auto;
    scrollbar-width: none;
    gap: 8px;
  }
  .pp-tabs__list::after {
    left: 0;
  }
  .pp-tab,
  .pp-tab:first-child {
    flex: none;
    width: auto;
    min-width: 120px;
    height: 48px;
    padding: 0 16px;
  }
  .pp-pane {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 24px;
    padding: 24px 0 48px;
  }
  .pp-pane__text,
  .pp-panes > [role="tabpanel"] > .pp-pane__text {
    width: auto;
    max-width: none;
    margin-top: 0;
    padding-left: 0;
  }
  .pp-panes > [role="tabpanel"] > .pp-pane__text {
    padding-block: 24px 48px;
  }
  .pp-pane__text p + p {
    margin-top: 16px;
  }
  .pp-pane__img {
    width: 100%;
    height: auto;
    aspect-ratio: 624 / 472;
  }
}
.pp-acc {
  padding: calc(75.2 * var(--k)) 0 calc(114.2 * var(--k));
  background: var(--c-bg-soft);
}
.pp-acc__in {
  position: relative;
}
.pp-sec-title {
  padding: 0 0 calc(22.4 * var(--k)) calc(8.7 * var(--k));
  border-bottom: 1px solid #e8e8e8;
  color: var(--c-text);
}
.pp-acc__viewport {
  display: flow-root;
  margin-top: calc(42.1 * var(--k));
  overflow-x: clip;
}
.pp-acc__track {
  --k: min(1.0325px, calc(100vw / 1920 * 1.0325));
  display: flex;
  gap: calc(55.9 * var(--k));
  margin-block: -24px;
  padding: 24px 0 24px calc(8.23 * var(--k));
  scroll-padding-left: calc(8.23 * var(--k));
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.pp-acc__track::-webkit-scrollbar {
  display: none;
}
.pp-acc__track {
  --pc-title-mt: 17.07;
  --pc-foot-mb: 18.87;
  --pc-foot-ml: 29.27;
  --pc-price-pt: 5.77;
}
.pp-acc__track > :nth-child(4n + 1) {
  --pc-stihl-top: 292.6;
}
.pp-acc__track > :nth-child(4n + 3) {
  --pc-stihl-right: 12.4;
}
.pp-acc__item {
  flex: none;
  width: calc(341.4 * var(--k));
  scroll-snap-align: start;
}
.pp-acc__arrow {
  position: absolute;
  z-index: 2;
  top: calc(310.2 * var(--k));
  width: calc(64 * var(--k));
  height: calc(64 * var(--k));
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: center / 100% 100% no-repeat;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  transition:
    scale 0.45s var(--ease-back),
    box-shadow var(--t-med);
}
.pp-acc__arrow:hover,
.pp-acc__arrow:focus-visible {
  scale: 1.1;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.26);
}
.pp-acc__arrow:active {
  scale: 0.94;
  transition-duration: 0.1s;
}
.pp-acc__arrow--prev {
  left: calc(-25.15 * var(--k));
  background-image: url(/resources/doba/images/icons/icon-arrow-prev.png);
}
.pp-acc__arrow--next {
  left: calc(1561.25 * var(--k));
  background-image: url(/resources/doba/images/icons/icon-arrow-next.png);
}
@media (max-width: 1024px) {
  .pp-acc {
    padding: 48px 0;
  }
  .pp-sec-title {
    padding: 0 0 14px;
  }
  .pp-acc__viewport {
    margin-top: 12px;
  }
  .pp-acc__track {
    --k: 1px;
    gap: 16px;
    padding-left: 0;
    scroll-padding-left: 0;
  }
  .pp-acc__item {
    width: 260px;
  }
  .pp-acc__arrow {
    display: none;
  }
}
.pp-more {
  padding: calc(100.4 * var(--k)) 0 calc(10.8 * var(--k));
}
.pp-sec-title--more {
  padding-left: calc(9.7 * var(--k));
}
.pp-grid > :nth-child(4n + 1) {
  --pc-stihl-top: 292.6;
}
.pp-grid > :nth-child(4n + 3) {
  --pc-stihl-right: 12.4;
}
.pp-grid {
  --pc-title-mt: 17.07;
  --pc-foot-mb: 18.87;
  --pc-foot-ml: 29.27;
  --pc-price-pt: 5.77;
  --k: min(1.0325px, calc(100vw / 1920 * 1.0325));
  display: grid;
  grid-template-columns: repeat(4, calc(341.4 * var(--k)));
  column-gap: calc(55.9 * var(--k));
  row-gap: calc(82.8 * var(--k));
  margin-top: calc(40.68 * var(--k));
  padding-left: calc(17.05 * var(--k));
}
@media (max-width: 1024px) {
  .pp-more {
    padding: 48px 0 56px;
  }
  .pp-sec-title--more {
    padding-left: 0;
  }
  .pp-grid {
    --k: 1px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 20px;
    margin-top: 20px;
    padding-left: 0;
  }
}
@media (max-width: 820px) {
  .pp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .pp-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.doba-product .pp-crumbbar {
  margin-top: 0;
  padding-block: 22px;
  background: transparent;
}
.doba-product .pp-crumbbar__in {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.doba-product .pp-crumbs {
  width: auto;
}
.doba-product .pp-fav {
  min-height: 44px;
  white-space: nowrap;
  color: #187c3b;
}
.doba-product .pp-product__in {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
  padding-block: 40px 64px;
}
.doba-product .pp-gallery,
.doba-product .pp-info {
  width: auto;
  min-width: 0;
}
.doba-product .pp-head {
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: start;
}
.doba-product .pp-title {
  width: 100%;
  margin: 0;
  color: #187c3b;
}
.doba-product .pp-brand {
  position: static;
  max-width: 150px;
  width: auto;
  max-height: 45px;
  height: auto;
  object-fit: contain;
}
.doba-product .pp-lead {
  margin-block: 24px;
}
.doba-native-gallery img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.doba-native-gallery #main_image,
.doba-native-gallery #simpleGallery > a {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  background: #fafbfa;
  border: 1px solid #e3eae5;
  border-radius: 12px;
  padding: 20px;
}
.doba-native-gallery #main_image img,
.doba-native-gallery #simpleGallery > a > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0;
}
.doba-native-gallery table {
  width: 100%;
}
.doba-native-gallery td {
  padding: 8px;
}
.doba-native-gallery .f-carousel {
  width: 100%;
  min-width: 0;
}
.doba-native-gallery #simpleGallery .product-gallery ul {
  display: flex;
  gap: 12px;
  padding-top: 16px;
}
.doba-native-gallery #simpleGallery .product-gallery li {
  width: 100px;
  border: 1px solid #e2eae5;
  border-radius: 8px;
}
.doba-buy {
  margin-top: 24px;
  padding: 24px;
  border-radius: 12px;
  background: #f3f7f4;
  border: 1px solid #e1eae4;
  box-shadow: 0 4px 20px #193e2310;
}
.doba-buy .price_value {
  color: #187c3b;
}
.doba-buy .price.striked .price_value {
  color: #78817b;
}
.doba-buy .price,
.doba-buy .promo_price {
  padding: 0;
}
.doba-buy .show {
  display: inline-block !important;
}
.doba-buy .hide {
  display: none !important;
}
.doba-buy .doba-price-currency {
  color: #187c3b;
}
.doba-buy select,
.doba-buy input:not([type="hidden"]):not([type="checkbox"]) {
  max-width: 100%;
}
.doba-buy .number-spinner {
  display: flex;
  align-items: center;
}
.doba-buy .number-spinner input {
  width: 70px;
  min-height: 48px;
}
.doba-buy .number-spinner a {
  min-width: 44px;
  min-height: 44px;
  padding: 12px;
  border: 1px solid #d4e2d9;
}
.doba-buy .pp-add {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: auto;
  min-height: 52px;
  height: auto;
  padding: 14px 20px;
  border: 0;
  border-radius: 6px;
  background: #187c3b;
  color: #fff;
}
.doba-buy .pp-add img {
  position: static;
  width: 24px;
  height: 24px;
}
.doba-buy > img {
  display: inline-block;
  height: 20px;
  width: auto;
  vertical-align: middle;
}
.doba-buy .btn-default {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  border: 1px solid #c4d8cd;
  margin: 12px 0 0;
  border-radius: 6px;
}
.doba-print {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin-top: 16px;
  color: #187c3b;
}
.doba-product #quick_order {
  max-width: 100%;
  width: 100% !important;
  margin-top: 20px;
  background: #f3f7f4 !important;
  border: 1px solid #e1eae4;
  border-radius: 10px;
  color: #26362c;
}
.doba-product #quick_order .white_16,
.doba-product #quick_order .white_15 {
  color: #26362c;
}
.doba-product-tabs {
  padding-block: 40px 70px;
  background: #f7f9f7;
}
.doba-product-tabs .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}
.doba-product-tabs .nav-link {
  border-radius: 6px;
  border: 1px solid #d4e2d9;
  padding: 12px 22px;
  min-height: 48px;
  color: #187c3b;
  background: #fff;
}
.doba-product-tabs .nav-link.active {
  color: #fff;
  background: #187c3b;
  border-color: #187c3b;
}
.doba-product-tabs .tab-content {
  padding: 24px;
  background: #fff;
  border: 1px solid #e5ece7;
  border-radius: 12px;
}
.doba-product-tabs iframe {
  max-width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}
.doba-product-tabs .tab-pane table {
  width: 100% !important;
}
.doba-product-tabs td {
  padding: 12px;
  border-bottom: 1px solid #e4ece7;
}
body #cart-panel {
  right: 0 !important;
  width: min(800px, 100vw);
  height: 100dvh;
  transform: translateX(calc(100% + 24px));
  visibility: hidden;
  pointer-events: none;
  transition:
    transform 0.3s ease,
    visibility 0.3s !important;
  z-index: 1200 !important;
}
body #cart-panel.open {
  transform: none;
  visibility: visible;
  pointer-events: auto;
}
body #cart-panel-backdrop {
  z-index: 1199 !important;
}
body #cart-content {
  width: 100%;
}
@media (max-width: 1024px) {
  .doba-product .pp-product__in {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-block: 28px 44px;
  }
  .doba-product .pp-gallery {
    width: min(100%, 600px);
    margin: auto;
  }
  .doba-product .pp-info {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .doba-buy {
    padding: 16px;
  }
  .doba-buy > table,
  .doba-buy > table > tbody,
  .doba-buy > table > tbody > tr,
  .doba-buy > table > tbody > tr > td {
    display: block;
    width: 100%;
  }
  .doba-buy .pp-add {
    width: 100%;
  }
  .doba-product .pp-crumbbar__in {
    gap: 12px;
  }
  .doba-product-tabs .tab-content {
    padding: 12px;
  }
  .doba-product-tabs .nav-link {
    padding-inline: 16px;
  }
}

.doba-buy {
  display: block;
  height: auto;
  width: 100%;
  min-width: 0;
}
.doba-buy .price_info {
  display: block;
  margin-block: 16px;
  width: auto;
}
.doba-buy > table {
  width: 100%;
  margin-top: 18px;
}
.doba-buy > table > tbody > tr > td {
  padding: 8px 4px;
  vertical-align: middle;
}
.doba-buy .number-spinner {
  width: 120px;
}
.doba-buy .pp-add {
  white-space: normal;
}
.doba-sku {
  margin-bottom: 18px;
  color: #56695b;
}
body .doba-product-tabs .nav-link {
  color: var(--c-text) !important;
  background: #f6f7f8 !important;
}
body .doba-product-tabs .nav-link.active {
  color: var(--c-text) !important;
  background: #e6e6e6 !important;
}
.doba-product-tabs .accordion-button {
  color: #187c3b;
  background: #fff;
  min-height: 52px;
}
.doba-product-tabs .accordion-button:not(.collapsed) {
  background: #eaf3ed;
  color: #187c3b;
  box-shadow: none;
}
.doba-product-tabs .accordion-item {
  border-color: #dce7df;
}
@media (max-width: 600px) {
  .doba-buy > table > tbody > tr > td {
    width: 100%;
  }
  .doba-buy .number-spinner {
    margin-bottom: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body #cart-panel {
    transition: none !important;
  }
}

/* Product detail follows native field, gallery and commerce owners. */
.doba-product .pp-crumbbar { background: transparent; padding-block: 12px; border-bottom: 1px solid var(--c-line); }
.doba-product .pp-crumbbar__in { align-items: center; flex-wrap: nowrap; }
.doba-product .pp-crumbs { flex: 1; min-width: 0; }
.doba-product .pp-crumbbar .wishlist { position: static; flex: 0 0 auto; width: auto; height: auto; z-index: auto; }
.doba-product .pp-fav { width: auto; margin: 0; display: inline-flex; align-items: center; gap: 8px; color: var(--c-text-2); }
.doba-product .pp-fav .db-pcard__heart { flex: 0 0 22px; width: 22px; height: 22px; }
.doba-product .pp-head { flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 24px; }
.doba-product .pp-title { width: auto; flex: 1; min-width: 0; color: var(--c-text); }
.doba-product .pp-brand { flex: 0 0 auto; max-width: 120px; max-height: 36px; margin-top: 4px; }
.doba-product .pp-product__in { grid-template-columns: minmax(0, .44fr) minmax(0, .56fr); }
.doba-native-gallery { position: relative; isolation: isolate; }
/* Reserve the native square display plus its three-column thumbnail row before initialization. */
.doba-native-gallery:has(#glasscase) { aspect-ratio: 3 / 4; align-self: start; }

.doba-native-gallery .doba-gallery-badges { position: absolute; top: 18px; left: 0; z-index: 1001; display: flex; flex-direction: column; gap: 6px; pointer-events: none; }
.doba-gallery-badges > span { display: block; min-width: 62px; padding: 7px 10px; text-align: center; background: var(--c-green); color: #fff; }
.doba-gallery-badges .doba-discount { background: var(--c-green-soft); color: #163d28; }
.doba-gallery-badges [hidden] { display: none; }
/* Keep the main display container stable; image sizing, zoom and overlays remain native. */
.doba-native-gallery .gc-display-area .gc-display-container { top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; }
.doba-native-gallery .glass-case { border: 1px solid var(--c-line); border-radius: 8px; background: #fff; }
.doba-native-gallery .gc-thumbs-area { overflow: hidden; }
.doba-native-gallery .gc-thumbs-area li { background: #fff; border-color: var(--c-line); }
.doba-native-gallery .gc-thumbs-area li.gc-active { border-color: var(--c-green); }
.doba-native-gallery .gc-thumbs-area-prev, .doba-native-gallery .gc-thumbs-area-next { min-width: 44px; min-height: 44px; }
.doba-native-gallery .gc-icon { background-color: var(--c-green); color: #fff; }
.doba-native-gallery .gc-zoom-area { z-index: 30; }
.doba-buy .doba-buy-row { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.doba-buy .doba-buy-prices { display: flex; flex: 1; align-items: baseline; flex-wrap: wrap; gap: 12px; min-width: 0; }
.doba-buy-prices .price { order: 2; }
.doba-buy-prices .price.striked { order: 1; }
.doba-buy-prices .promo_price { order: 2; }
.doba-buy .doba-buy-controls { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; }
.doba-buy .doba-buy-controls .number-spinner { display: flex; flex-wrap: nowrap; width: 108px; margin: 0; }
.doba-buy-controls .number-spinner > div:first-child { flex: 1; min-width: 0; }
.doba-buy-controls .number-spinner input { width: 64px; min-height: 88px; height: 100%; border-radius: 3px 0 0 3px; }
.doba-buy-controls .number-spinner > div:last-child { display: flex; flex-direction: column; }
.doba-buy-controls .number-spinner a { width: 44px; min-height: 44px; height: 44px; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 0; text-decoration: none; }
.doba-buy .doba-buy-controls .pp-add { margin: 0; min-height: 88px; white-space: nowrap; padding-inline: 16px; }
.doba-buy > .doba-variant-options { margin-top: 20px; }
.doba-buy .doba-options-table { margin: 0; }
.doba-buy .doba-options-table:has(tbody:empty) { display: none; }
.doba-technical { padding: 0 0 36px; }
.doba-technical h2 { margin: 0 0 20px; color: var(--c-text); }
.doba-technical table { width: 100%; max-width: 860px; border-collapse: collapse; }
.doba-technical th, .doba-technical td { padding: 14px 18px; text-align: left; border-bottom: 1px solid var(--c-line); }
.doba-technical th { width: 40%; background: #f7f8f7; }
.doba-product-tabs { background: #fff; padding: 20px 0 56px; }
.doba-product-tabs .nav-tabs { gap: 8px; margin: 0; border-bottom: 1px solid var(--c-line); }
body .doba-product-tabs .nav-link { min-height: 52px; min-width: 120px; padding: 16px 24px; border: 0; border-radius: 5px 5px 0 0; background: #f6f7f8 !important; color: var(--c-text) !important; }
body .doba-product-tabs .nav-link.active { background: #e6e6e6 !important; color: var(--c-text) !important; }
.doba-product-tabs .nav-link:focus-visible { outline: 2px solid var(--c-green); outline-offset: -3px; }
.doba-product-tabs .tab-content { margin: 0; padding: 32px 0; border: 0; border-radius: 0; }
.doba-product-tabs .tab-pane > p:first-child { margin-top: 0; }
.doba-product-tabs iframe { display: block; width: min(100%, 720px); }
.doba-accessories { padding: 60px 0 72px; background: var(--c-bg-soft); }
.doba-recommendations { padding: 72px 0 64px; background: #fff; }
.doba-accessories .pp-sec-title, .doba-recommendations .pp-sec-title { margin: 0 0 32px; padding: 0 0 20px; color: var(--c-text); border-bottom: 1px solid var(--c-line); }
.doba-accessories .gallery-slider-container { width: 100%; max-width: none; }
.doba-recommendations .pp-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 0; }
.doba-recommendations .db-pcard { width: 100%; min-width: 0; height: auto; min-height: 420px; }
.doba-recommendations .db-pcard__media { width: 100%; height: auto; aspect-ratio: 304 / 290; }
.doba-recommendations .db-pcard__img { width: 100%; height: 100%; object-fit: contain; }
@media (hover: hover) and (pointer: fine) { .doba-buy .doba-buy-controls .number-spinner { width: 84px; } .doba-buy-controls .number-spinner input { width: 56px; min-height: 56px; } .doba-buy-controls .number-spinner a { width: 28px; min-width: 28px; min-height: 28px; height: 28px; } .doba-buy .doba-buy-controls .pp-add { min-height: 56px; } }
@media (max-width: 1200px) { .doba-buy .doba-buy-prices { flex-basis: 100%; } }
@media (max-width: 1024px) { .doba-product .pp-product__in { grid-template-columns: minmax(0, 1fr); } .doba-accessories, .doba-recommendations { padding-block: 44px; } .doba-recommendations .pp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }
@media (max-width: 768px) { .doba-recommendations .pp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .doba-product .pp-crumbbar__in { flex-wrap: wrap; gap: 8px; } .doba-product .pp-crumbs { flex-basis: 100%; } .doba-product .pp-crumbbar .wishlist { margin-left: auto; } }
@media (max-width: 600px) { .doba-product .pp-head { gap: 16px; } .doba-product .pp-brand { max-width: 90px; } .doba-buy .doba-buy-controls { width: 100%; } .doba-buy .doba-buy-controls .pp-add { flex: 1; width: auto; min-width: 0; padding-inline: 12px; white-space: normal; } .doba-technical th, .doba-technical td { padding: 12px; } .doba-product-tabs .nav-tabs { gap: 5px; } body .doba-product-tabs .nav-link { min-width: 0; padding-inline: 14px; } }
@media (max-width: 480px) { .doba-recommendations .pp-grid { grid-template-columns: 1fr; } .doba-recommendations .db-pcard { max-width: 380px; margin-inline: auto; } }

/* Native brands archive */
.doba-brand-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.doba-brand-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: #fff;
  border: 1px solid #dde7e0;
  border-radius: 16px;
  padding: 32px 24px;
  box-shadow: 0 8px 28px #123b2510;
  color: #164c2e;
  text-decoration: none;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
.doba-brand-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 32px #123b2520;
}
.doba-brand-tile img {
  width: 100%;
  height: 90px;
  object-fit: contain;
}
@media (max-width: 1024px) {
  .doba-brand-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .doba-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .doba-brand-tile {
    padding: 20px 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .doba-brand-tile {
    transition: none;
  }
}

/* Native related-product rails */
.gallery-slider-container {
  max-width: 1280px;
  margin: 24px auto;
  padding: 0 28px;
}
.gallery-slider {
  max-width: calc(var(--rail-slots, 4) * 320px);
  margin: 0 auto;
}
.gallery-slider .db-pcard {
  height: auto;
  margin: 0 10px;
}
.gallery-slider .db-pcard__media {
  height: 260px;
}
.gallery-slider .db-pcard__img {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.gallery-slider .db-pcard__title {
  min-height: 64px;
}
.gallery-slider .slick-prev:before,
.gallery-slider .slick-next:before {
  color: #009846;
}
.doba-series {
  text-align: center;
  padding: 40px 0;
}
@media (max-width: 480px) {
  .gallery-slider-container {
    padding: 0 26px;
  }
  .gallery-slider {
    max-width: 320px;
  }
  .gallery-slider .db-pcard {
    margin: 0 8px;
  }
}

/* Compact fixed header in low-height landscape; all actions remain available. */
@media (min-width: 600px) and (max-width: 1024px) and (max-height: 480px) {
  :root { --header-height: 150px; }
  #doba-header .hd-top {
    display: none;
  }
  #doba-header .hd-main__in {
    grid-template-columns: 140px minmax(0, 1fr) auto auto auto;
    gap: 10px;
    padding: 8px 0;
  }
  #doba-header .hd-logo {
    grid-row: 1;
    grid-column: 1;
    width: 140px;
  }
  #doba-header .hd-logo__img {
    max-height: 40px;
    object-fit: contain;
  }
  #doba-header .hd-search {
    grid-row: 1;
    grid-column: 2;
    height: 44px;
    min-width: 0;
  }
  #doba-header .hd-act--fav {
    grid-column: 3;
  }
  #doba-header .hd-act--cart {
    grid-column: 4;
  }
  #doba-header .hd-burger {
    grid-column: 5;
  }
}

/* Brands use natural row height; carousel remains one row on mobile. */
.doba-brands .ft-brands {
  height: auto;
  padding: 0;
  list-style: none;
}
.doba-brands.is-carousel .ft-brands {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
/* Consent palette inherits the site's brand tokens; native consent owns all state. */
#termsfeed-com---nb,
#termsfeed-com---preferences-center {
  --cc-brand: var(--c-green, #187c3b);
  --cc-brand-hover: var(--c-green-hover, #136631);
  --cc-ink: #163d28;
  --cc-soft: #e9f3ed;
  --cc-line: #cbded2;
}
#termsfeed-com---nb {
  background: var(--cc-brand) !important;
  color: #fff !important;
}
#termsfeed-com---nb .cc-nb-title,
#termsfeed-com---nb .cc-nb-text,
#termsfeed-com---nb .cc-nb-text a {
  color: #fff !important;
}
#termsfeed-com---nb .cc-nb-okagree,
#termsfeed-com---nb .cc-nb-reject {
  background: #fff !important;
  color: var(--cc-brand) !important;
}
#termsfeed-com---nb .cc-nb-changep {
  background: var(--cc-soft) !important;
  color: var(--cc-ink) !important;
}
#termsfeed-com---nb .cc-nb-buttons-container button:hover {
  background: var(--cc-soft) !important;
  color: var(--cc-brand-hover) !important;
}
#termsfeed-com---preferences-center .cc-pc-container,
#termsfeed-com---preferences-center .cc-pc-head,
#termsfeed-com---preferences-center .cc-cp-body,
#termsfeed-com---preferences-center .cc-cp-body-content {
  background: #fff !important;
  color: var(--cc-ink) !important;
}
#termsfeed-com---preferences-center .cc-pc-head {
  border-bottom-color: var(--cc-line) !important;
}
#termsfeed-com---preferences-center .cc-pc-head-title-headline,
#termsfeed-com---preferences-center .cc-pc-head-title-text,
#termsfeed-com---preferences-center .cc-pc-head-close,
#termsfeed-com---preferences-center .cc-cp-body-content-entry-title,
#termsfeed-com---preferences-center .cc-cp-body-content-entry-text,
#termsfeed-com---preferences-center .cc-custom-checkbox label,
#termsfeed-com---preferences-center .cc-cp-foot-byline {
  color: var(--cc-ink) !important;
}
#termsfeed-com---preferences-center .cc-cp-body-tabs,
#termsfeed-com---preferences-center .cc-cp-body-tabs-item,
#termsfeed-com---preferences-center .cc-cp-foot {
  background: var(--cc-soft) !important;
  border-color: var(--cc-line) !important;
}
#termsfeed-com---preferences-center .cc-cp-body-tabs-item-link {
  color: var(--cc-ink) !important;
}
#termsfeed-com---preferences-center .cc-cp-body-tabs-item[active="true"] {
  background: var(--cc-brand) !important;
}
#termsfeed-com---preferences-center .cc-cp-body-tabs-item[active="true"] button {
  color: #fff !important;
}
#termsfeed-com---preferences-center .cc-cp-body-tabs-item:not([active="true"]) button:hover {
  background: var(--cc-line) !important;
}
#termsfeed-com---preferences-center .cc-cp-foot-save {
  background: var(--cc-brand) !important;
  color: #fff !important;
  opacity: 1;
  border-radius: 6px;
  min-height: 44px;
}
#termsfeed-com---preferences-center .cc-cp-foot-save:hover {
  background: var(--cc-brand-hover) !important;
}
#termsfeed-com---preferences-center .cc-cp-body-content-entry a,
#termsfeed-com---preferences-center .cc-cp-foot-byline a {
  color: var(--cc-brand) !important;
}
#termsfeed-com---preferences-center .cc-pc-head-lang-select {
  color: var(--cc-ink) !important;
  background: #fff;
  border-color: var(--cc-line);
}
#termsfeed-com---preferences-center .cc-pc-head-close {
  border-color: var(--cc-line) !important;
}
#termsfeed-com---preferences-center .cc-custom-checkbox input + label::before {
  background: var(--cc-soft) !important;
  border-color: var(--cc-line) !important;
}
#termsfeed-com---preferences-center .cc-custom-checkbox input:checked + label::before {
  background: var(--cc-brand) !important;
}
#termsfeed-com---nb :is(button, a):focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 3px;
  box-shadow: none !important;
}
#termsfeed-com---nb :is(button, a):focus,
#termsfeed-com---preferences-center :is(button, a, select):focus {
  box-shadow: none !important;
}
#termsfeed-com---preferences-center :is(button, a, select):focus-visible,
#termsfeed-com---preferences-center .cc-custom-checkbox input:focus-visible + label::before {
  outline: 2px solid var(--cc-brand) !important;
  outline-offset: 3px;
  box-shadow: none !important;
}
#termsfeed-com---preferences-center .cc-cp-body-tabs-item[active="true"] button:focus-visible {
  outline-color: #fff !important;
  outline-offset: -4px;
}

/* Approved header benefits: decorative assets, with native RTE text ownership. */
#doba-header .doba-top-content > ul > li:not(:has(img)):nth-child(-n + 4)::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: clamp(16px, calc(23 * var(--k)), 23px);
  height: clamp(16px, calc(23 * var(--k)), 23px);
  background: url(/resources/doba/images/icons/icon-check.png) center / contain no-repeat;
}
#doba-header .doba-top-content > ul > li:not(:has(img)):first-child::before {
  width: clamp(30px, calc(45 * var(--k)), 45px);
  height: clamp(16px, calc(24 * var(--k)), 24px);
  background-image: url(/resources/doba/images/icons/icon-truck-top.png);
}
#doba-header .doba-top-content > ul > li:not(:has(img)):nth-child(2)::before {
  width: clamp(18px, calc(27 * var(--k)), 27px);
  height: clamp(18px, calc(27 * var(--k)), 27px);
  background-image: url(/resources/doba/images/icons/icon-leaf-top.png);
}

/* Header phone composition keeps the native contact RTE and tel link. */
#doba-header .hd-phone {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
}
#doba-header .hd-phone > .hd-phone__icon {
  width: 14px;
  height: 35px;
  flex: 0 0 14px;
  object-fit: contain;
  margin: 0;
  align-self: center;
  translate: none;
}
.doba-phone-copy {
  position: relative;
}
#doba-header .hd-phone .doba-phone-copy > p {
  margin: 0;
}
#doba-header .hd-phone .doba-phone-copy > p:first-child > a {
  min-height: 44px;
  display: flex;
  align-items: flex-start;
  padding: 5px 0 17px;
}
#doba-header .hd-phone .doba-phone-copy > p:nth-child(2):last-child {
  position: absolute;
  inset: auto auto 3px 0;
  pointer-events: none;
  white-space: nowrap;
}
#doba-header .hd-promo {
  position: relative;
  inset: auto;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 128px;
  min-height: 44px;
  height: auto;
  margin-left: 18px;
  padding: 10px 18px;
  border-radius: 4px;
  background: var(--c-red-hover);
  color: #fff;
}
#doba-header .hd-promo:hover,
#doba-header .hd-promo:focus-visible {
  background: #b91e30;
  color: #fff;
}
@media (min-width: 1025px) {
  /* The measured nav row overlaps only a real homepage hero, without shifting on scroll. */
  body:has(main.hm > section:first-child [data-hero-slider]) main.hm {
    margin-top: calc(-1 * var(--header-nav-height, 60px));
  }
  body:has(main.hm > section:first-child [data-hero-slider]) #doba-header .hd-bar {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(3px);
  }
  body:has(main.hm > section:first-child [data-hero-slider]) #doba-header .doba-menu-item.is-active > a {
    color: #163d28;
  }
  body:has(main.hm > section:first-child [data-hero-slider]) main.hm .hm-hero__in {
    padding-top: max(100px, calc(var(--header-nav-height, 60px) + 40px));
  }
  body:has(main.hm > section:first-child [data-hero-slider]) #doba-header.is-scrolled .hd-bar {
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(14px);
  }
}
@media (max-width: 1024px) {
  #doba-header .hd-phone {
    display: none;
  }
  #doba-header .doba-mobile-contact {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  #doba-header .doba-mobile-contact > .hd-phone__icon {
    width: 10px;
    height: 25px;
    margin: 0;
    flex: 0 0 10px;
    object-fit: contain;
    translate: none;
  }
  #doba-header .hd-promo {
    margin: 16px 0 0;
    width: 100%;
  }
}

/* One owner for main navigation emphasis in active, hover and keyboard states. */
#doba-header .hd-menu__list > .doba-menu-item > .hd-menu__link {
  text-decoration: none;
}
#doba-header .hd-menu__list > .doba-menu-item > .hd-menu__link::after {
  content: none;
  display: none;
}
#doba-header .hd-menu__list > .doba-menu-item:is(.is-active, :hover) > .hd-menu__link,
#doba-header .hd-menu__list > .doba-menu-item > .hd-menu__link:focus-visible {
  box-shadow: inset 0 -2px var(--c-green);
}

/* Native Headline collection: one scrollable row with editorial card captions. */
[data-headline-carousel] { --headline-image-height: 200px; }
[data-headline-carousel] .hm-cats__track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  margin-inline: 0;
  padding-block: 12px;
  margin-block: -12px;
  overscroll-behavior-x: contain;
}
[data-headline-carousel] .hm-cat {
  flex: 0 0 calc((100% - 80px) / 4.7);
  width: auto;
  min-width: 0;
}
[data-headline-carousel] .hm-cat__link {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  background: #f6f7f8;
  color: var(--c-text);
  box-shadow: none;
  text-decoration: none;
}
[data-headline-carousel] .hm-cat__link:hover,
[data-headline-carousel] .hm-cat__link:focus-visible {
  color: var(--c-text);
  translate: 0 -3px;
  box-shadow: 0 6px 14px rgba(22, 61, 40, 0.10);
}
[data-headline-carousel] .hm-cat__img {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  aspect-ratio: 321 / 288;
  object-fit: cover;
}
[data-headline-carousel] .hm-cat__name {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex: 1 0 auto;
  height: auto;
  min-height: 60px;
  padding: 14px 18px;
  background: #f6f7f8;
  color: #171717;
}
[data-headline-carousel] .hm-cat__label { min-width: 0; }
[data-headline-carousel] .hm-cat__chev {
  position: static;
  flex: 0 0 8px;
  width: 8px;
  height: 13px;
  margin: 0;
}
[data-headline-carousel] .hm-cats__arrow {
  display: block;
  width: 44px;
  height: 44px;
  top: calc(var(--headline-image-height) / 2 + 12px);
  transform: translateY(-50%);
  border: 1px solid #fff;
  cursor: pointer;
}
[data-headline-carousel] .hm-cats__arrow--prev { left: -20px; }
[data-headline-carousel] .hm-cats__arrow--next { left: auto; right: -20px; }
[data-headline-carousel] .hm-cats__arrow:disabled { opacity: 0.45; cursor: default; }
[data-headline-carousel] .hm-cats__arrow[hidden] { display: none; }
[data-headline-carousel] .hm-cats__pause { position: absolute; top: 20px; right: 8px; display: grid; place-items: center; width: 44px; height: 44px; padding: 10px; border: 1px solid #fff; border-radius: 50%; background: var(--c-green); color: #fff; z-index: 2; }
[data-headline-carousel] .hm-cats__pause[hidden] { display: none; }
[data-headline-carousel] .hm-cats__pause:hover { background: var(--c-green-hover); }
[data-headline-carousel] .hm-cats__pause:focus-visible { outline: 2px solid var(--c-green-hover); outline-offset: 3px; }
[data-headline-carousel] .hm-cats__pause svg { width: 20px; height: 20px; fill: currentColor; }
[data-headline-carousel] .hm-cats__pause .hm-cats__play, [data-headline-carousel] .hm-cats__pause.is-paused .hm-cats__pause-glyph { display: none; }
[data-headline-carousel] .hm-cats__pause.is-paused .hm-cats__play { display: block; }

@media (max-width: 1024px) {
  [data-headline-carousel] .hm-cat { flex-basis: 100%; scroll-snap-align: start; }
  [data-headline-carousel] .hm-cat__img { max-height: min(360px, calc(100dvh - 150px)); }
  [data-headline-carousel] .hm-cats__track { scroll-snap-type: x mandatory; }
  [data-headline-carousel] .hm-cats__track { gap: 16px; }
  [data-headline-carousel] .hm-cats__arrow--prev { left: 0; }
  [data-headline-carousel] .hm-cats__arrow--next { right: 0; }
}
@media (prefers-reduced-motion: reduce) {
  [data-headline-carousel] .hm-cats__track { scroll-behavior: auto; }
  [data-headline-carousel] .hm-cat__link,
  [data-headline-carousel] .hm-cat__img,
  [data-headline-carousel] .hm-cat__chev,
  [data-headline-carousel] .hm-cats__arrow { transition: none; }
}

[data-headline-carousel] .hm-cats__arrow:hover,
[data-headline-carousel] .hm-cats__arrow:focus-visible,
[data-headline-carousel] .hm-cats__arrow:active { scale: 1; }

/* Homepage ProductsFocus/ProductsNew follow the approved product section composition. */
[data-home-products] {
  padding-block: clamp(56px, 5vw, 96px);
  background: #fff;
}
[data-home-products] .hm-prods__in {
  grid-template-columns: minmax(240px, 1.15fr) minmax(0, 3fr);
  gap: 40px;
  align-items: start;
}
[data-home-products] .hm-prods__intro { width: auto; margin: 0; min-height: var(--home-product-row-height, 0px); display: flex; flex-direction: column; justify-content: flex-end; }
[data-home-products] .hm-prods__intro .db-title { max-width: 340px; margin: 0; color: var(--c-green); }
[data-home-products] .db-title::after { width: 135px; margin-top: 20px; background: #d9d9d9; }
[data-home-products] .hm-prods__text { margin: 18px 0 0; color: #4d4d4d; }
[data-home-products] .hm-prods__btn { min-height: 48px; width: 225px; max-width: 100%; margin: 24px 0 0; }
[data-home-products] .hm-prods__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; align-items: stretch; }
[data-home-products] .db-pcard {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  height: 100%;
  padding: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 1px 10px rgba(0,0,0,0.09);
}
[data-home-products] .db-pcard__badges { position: absolute; left: 0; top: 14px; gap: 6px; }
[data-home-products] .db-pcard__badge { min-width: 62px; min-height: 28px; padding: 6px 10px; background: var(--c-green); color: #fff; }
[data-home-products] .db-pcard__badge--sale { background: var(--c-green-soft); color: #163d28; }
[data-home-products] .db-pcard__fav { left: auto; right: 5px; top: 0; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0; background: transparent; box-shadow: none; }
[data-home-products] .db-pcard__fav img { width: 24px; height: 23px; }
[data-home-products] .db-pcard__fav.inwishlist { background: transparent; box-shadow: none; }
[data-home-products] .db-pcard__media { width: calc(100% - 24px); height: auto; aspect-ratio: 304 / 290; margin: 12px 12px 0; }
[data-home-products] .db-pcard__img { width: 100%; height: 100%; object-fit: contain; }
[data-home-products] .db-pcard__brand { position: static; align-self: flex-end; flex: 0 0 24px; width: auto; height: 24px; max-width: 125px; max-height: 24px; object-fit: contain; margin: 8px 18px 0; }
[data-home-products] .db-pcard__title { min-height: 40px; margin: 14px 18px 8px; color: #4d4d4d; }
[data-home-products] .db-pcard__foot { display: flex; align-items: center; width: auto; gap: 8px; margin: auto 18px 16px; padding-top: 4px; }
[data-home-products] .db-pcard__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; padding: 0; white-space: normal; min-width: 0; }
[data-home-products] .db-pcard__now { color: #4d4d4d; }
[data-home-products] .db-pcard__old { color: #737373; }
[data-home-products] .db-pcard__add { display: flex; align-items: center; justify-content: center; gap: 4px; width: 56px; height: 44px; min-height: 44px; margin: 0; border-radius: 3px; background: var(--c-green); box-shadow: none; text-decoration: none; }
[data-home-products] .db-pcard__add span { position: static; }
[data-home-products] .db-pcard__add img { position: static; width: 20px; height: 23px; }
@media (max-width: 1100px) {
  [data-home-products] .hm-prods__in { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  [data-home-products] .hm-prods__intro { max-width: 580px; min-height: 0; }
  [data-home-products] .hm-prods__intro .db-title { max-width: none; }
}
[data-home-products] .hm-prods__carousel { position: relative; min-width: 0; }
[data-home-products] .hm-prods__controls { display: flex; justify-content: center; margin-top: 16px; }
[data-home-products] .hm-prods__controls[hidden], [data-home-products] .hm-prods__pause[hidden] { display: none; }
[data-home-products] :is(.hm-prods__prev, .hm-prods__next) { display: block; top: var(--home-product-image-center, 160px); width: 44px; height: 44px; transform: translateY(-50%); border: 1px solid #fff; }
[data-home-products] .hm-prods__prev { left: 0; }
[data-home-products] .hm-prods__next { left: auto; right: 0; }
[data-home-products] .hm-prods__pause { display: grid; place-items: center; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--c-green); border-radius: 50%; background: var(--c-green); color: #fff; }
[data-home-products] .hm-prods__pause:hover { background: var(--c-green-hover); }
[data-home-products] .hm-prods__pause:focus-visible { outline: 2px solid var(--c-green-hover); outline-offset: 3px; }
[data-home-products] .hm-prods__pause svg { width: 20px; height: 20px; fill: currentColor; }
[data-home-products] .hm-prods__pause .hm-prods__play, [data-home-products] .hm-prods__pause.is-paused .hm-prods__pause-glyph { display: none; }
[data-home-products] .hm-prods__pause.is-paused .hm-prods__play { display: block; }
@media (max-width: 1024px) {
  [data-home-products] .hm-prods__carousel { width: 100%; max-width: 380px; margin-inline: auto; }
  [data-home-products] .hm-prods__grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 100%; gap: 16px; padding: 12px 8px; margin-block: -12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-inline: 8px; overscroll-behavior-x: contain; scrollbar-width: none; }
  [data-home-products] .hm-prods__grid::-webkit-scrollbar { display: none; }
  [data-home-products] .db-pcard { width: 100%; max-width: none; margin: 0; scroll-snap-align: start; }
}
@media (prefers-reduced-motion: reduce) { [data-home-products] .hm-prods__grid { scroll-behavior: auto; } }


[data-home-products] .hm-prods__grid .db-pcard .db-pcard__media { margin: 12px 12px 0; }
[data-home-products] .db-pcard__brand[alt="Husqvarna"] { flex-basis: 48px; height: 48px; max-height: 48px; margin-top: -4px; margin-bottom: -12px; }

/* Welcome editorial block: keep separation from native RTE list resets. */
.hm-welcome .hm-welcome__feats {
  margin-top: clamp(40px, calc(62.5 * var(--k)), 72px) !important;
}
@media (max-width: 1024px) {
  .hm-welcome .hm-welcome__feats { margin-top: 32px !important; }
}

/* Native homepage Blog: approved editorial row. */
[data-home-blog] { padding: clamp(56px, 4.5vw, 88px) 0; background: var(--c-bg); }
[data-home-blog] .hm-blog__in { display: grid; width: calc(100% - 2 * clamp(24px, 3.25vw, 64px)); max-width: 1600px; grid-template-columns: minmax(250px, 1fr) minmax(0, 3fr); gap: clamp(32px, 2.65vw, 44px); align-items: start; }
[data-home-blog] .hm-blog__intro { padding: 40px 0 0; }
[data-home-blog] .hm-blog__title { max-width: 300px; margin: 0; }
[data-home-blog] .hm-blog__title::after { width: 136px; margin-top: 20px; }
[data-home-blog] .hm-blog__text { width: auto; max-width: 340px; margin-top: 16px; }
[data-home-blog] .hm-blog__btn { min-width: 225px; min-height: 48px; margin: 26px 0 0; padding: 14px 24px; border-radius: 0; }
[data-home-blog] .hm-blog__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 2.65vw, 44px); }
[data-home-blog] .hm-post { min-width: 0; }
[data-home-blog] .hm-post__media { box-shadow: none; border-radius: 0; }
[data-home-blog] .hm-post__img { display: block; width: 100%; height: auto; aspect-ratio: 347 / 209; margin: 0; object-fit: cover; }
[data-home-blog] .hm-post__meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; margin: 18px 0 0; padding: 0 16px; color: var(--c-muted); }
[data-home-blog] .hm-post__sep { margin: 0; }
[data-home-blog] .hm-post__title { margin: 0; padding: 0 16px; }
[data-home-blog] .hm-post__title a { display: inline-flex; min-height: 44px; align-items: start; color: var(--c-text); text-decoration: none; }
[data-home-blog] .hm-post__title a:hover { color: var(--c-green); }
[data-home-blog] .hm-post__media:focus-visible, [data-home-blog] .hm-post__title a:focus-visible { outline: 2px solid var(--c-green); outline-offset: 4px; }
.design_template.blog [data-home-blog] a { height: auto; margin-right: 0; background: transparent; flex-direction: row; }
.design_template.blog [data-home-blog] .hm-post__media { display: block; height: auto; }
.design_template.blog [data-home-blog] .hm-blog__btn { display: inline-flex; width: 225px; height: 48px; background: var(--c-green); color: #fff; }
.design_template.blog [data-home-blog] .hm-blog__btn:hover, .design_template.blog [data-home-blog] .hm-blog__btn:focus-visible { background: var(--c-green-hover); color: #fff; }
.design_template.blog:has(> [data-home-blog]) { padding: 0; background: var(--c-bg); }
@media (max-width: 1100px) {
  [data-home-blog] .hm-blog__in { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  [data-home-blog] .hm-blog__intro { padding: 0; }
  [data-home-blog] .hm-blog__title { max-width: none; }
  [data-home-blog] .hm-blog__text { max-width: 560px; }
}
[data-home-blog] .hm-blog__carousel { position: relative; min-width: 0; }
[data-home-blog] .hm-blog__controls { display: flex; justify-content: center; margin-top: 16px; }
[data-home-blog] .hm-blog__controls[hidden], [data-home-blog] .hm-blog__pause[hidden] { display: none; }
[data-home-blog] :is(.hm-blog__prev, .hm-blog__next) { display: block; top: var(--home-blog-image-center, 120px); width: 44px; height: 44px; transform: translateY(-50%); border: 1px solid #fff; }
[data-home-blog] .hm-blog__prev { left: 0; }
[data-home-blog] .hm-blog__next { left: auto; right: 0; }
[data-home-blog] .hm-blog__pause { display: grid; place-items: center; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--c-green); border-radius: 50%; background: var(--c-green); color: #fff; }
[data-home-blog] .hm-blog__pause:hover { background: var(--c-green-hover); }
[data-home-blog] .hm-blog__pause:focus-visible, [data-home-blog] .hm-blog__grid:focus-visible { outline: 2px solid var(--c-green-hover); outline-offset: 3px; }
[data-home-blog] .hm-blog__pause svg { width: 20px; height: 20px; fill: currentColor; }
[data-home-blog] .hm-blog__pause .hm-blog__play, [data-home-blog] .hm-blog__pause.is-paused .hm-blog__pause-glyph { display: none; }
[data-home-blog] .hm-blog__pause.is-paused .hm-blog__play { display: block; }
@media (max-width: 1024px) {
  [data-home-blog] .hm-blog__grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 100%; gap: 16px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; }
  [data-home-blog] .hm-blog__grid::-webkit-scrollbar { display: none; }
  [data-home-blog] .hm-post { width: 100%; margin: 0; scroll-snap-align: start; }
  [data-home-blog] .hm-post__img { max-height: min(360px, calc(100dvh - 150px)); }
}
@media (prefers-reduced-motion: reduce) {
  [data-home-blog] .hm-post__media, [data-home-blog] .hm-post__img { transition: none; }
  [data-home-blog] .hm-post:hover .hm-post__media { translate: none; }
  [data-home-blog] .hm-post:hover .hm-post__img { transform: none; }
}

/* Entity-owned Blog gallery uses the existing MediaBoxes viewer once. */
.db-blog-gallery { width: calc(100% + var(--bs-gutter-x, 24px)); max-width: none; margin: 32px calc(var(--bs-gutter-x, 24px) / -2); padding: 24px; border: 1px solid var(--c-line); border-radius: 12px; background: var(--c-bg-soft); box-shadow: var(--shadow-rest); }
.db-blog-gallery__title { margin: 0 0 20px; color: var(--c-green); }
.db-blog-gallery .mb-open-popup:focus-visible { outline: 3px solid var(--c-green); outline-offset: 3px; }
.db-blog-gallery #grid { text-align: left; }
@media (max-width: 640px) { .db-blog-gallery { padding: 16px; margin-block: 24px; } }

/* Native Blog archive: scoped editorial cards and category resources. */
#main-content:has(> [data-blog-archive]) { padding-top: 24px; padding-bottom: 0; }
[data-blog-archive] { padding: 16px 0 64px; }
[data-blog-archive] .db-blog-archive__breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 20px; color: var(--c-muted); }
[data-blog-archive] .db-blog-archive__breadcrumbs a { display: inline-flex; align-items: center; min-height: 44px; color: var(--c-green); text-decoration: none; }
[data-blog-archive] .db-blog-archive__header { padding: clamp(24px, 3vw, 44px); border: 1px solid #dfebe2; border-radius: 14px; background: linear-gradient(120deg, #f0f7f1, #fafcf9); }
[data-blog-archive] .db-blog-archive__title { margin: 0; color: var(--c-green); }
[data-blog-archive] .db-blog-archive__intro { max-width: 760px; margin-top: 12px; color: var(--c-text-2); }
[data-blog-archive] .db-blog-archive__intro > :last-child { margin-bottom: 0; }
[data-blog-archive] .db-blog-archive__categories { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
[data-blog-archive] .db-blog-archive__categories a, [data-blog-archive] .db-blog-card__tags a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 16px; border: 1px solid #dfebe2; border-radius: 6px; background: #f0f7f1; color: var(--c-green); text-decoration: none; }
[data-blog-archive] .db-blog-archive__categories img { width: 44px; height: 44px; object-fit: contain; }
[data-blog-archive] .db-blog-archive__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 32px; }
[data-blog-archive] .db-blog-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--c-line); border-radius: 12px; background: var(--c-bg); box-shadow: var(--shadow-rest); overflow: hidden; transition: box-shadow var(--t-fast), transform var(--t-fast); }
[data-blog-archive] .db-blog-card__media { display: block; width: 100%; aspect-ratio: 347 / 209; overflow: hidden; background: var(--c-bg-soft); }
[data-blog-archive] .db-blog-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform var(--t-fast); }
[data-blog-archive] .db-blog-card__placeholder { display: grid; place-items: center; height: 100%; color: var(--c-green); }
[data-blog-archive] .db-blog-card__placeholder svg { width: 64px; height: 64px; fill: none; stroke: currentColor; stroke-width: 1.5; }
[data-blog-archive] .db-blog-card__body { display: flex; flex-direction: column; flex: 1; align-items: flex-start; gap: 24px; padding: 24px; }
[data-blog-archive] .db-blog-card__copy { width: 100%; min-width: 0; }
[data-blog-archive] .db-blog-card__meta { margin: 0 0 10px; color: var(--c-muted); }
[data-blog-archive] .db-blog-card__title { margin: 0; }
[data-blog-archive] .db-blog-card__title a { color: var(--c-text); text-decoration: none; }
[data-blog-archive] .db-blog-card__title a:hover { color: var(--c-green); }
[data-blog-archive] .db-blog-card__excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 12px 0 0; color: var(--c-muted); }
[data-blog-archive] .db-blog-card__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
[data-blog-archive] .db-blog-card__tag-text { margin: 12px 0 0; color: var(--c-muted); }
[data-blog-archive] .db-blog-card__cta { display: inline-flex; align-items: center; justify-content: center; gap: 12px; width: auto; min-width: 210px; max-width: 100%; height: auto; min-height: 48px; margin-top: auto; translate: 0 0; padding: 12px 18px; border-radius: 6px; background: var(--c-green); color: #fff; text-decoration: none; white-space: normal; text-align: center; }
[data-blog-archive] .db-blog-card__cta svg { width: 20px; height: 20px; flex: 0 0 20px; fill: none; stroke: currentColor; stroke-width: 1.5; }
[data-blog-archive] .db-blog-card__cta:hover { background: var(--c-green-hover); }
[data-blog-archive] :is(.db-blog-card__media, .db-blog-card__title a, .db-blog-archive__breadcrumbs a, .db-blog-archive__categories a, .db-blog-card__tags a):focus-visible { outline: 3px solid var(--c-green-hover); outline-offset: 3px; }
[data-blog-archive] .db-blog-archive__pagination { margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--c-line); text-align: center; color: var(--c-muted); }
[data-blog-archive] .paginator { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 0; margin: 0; list-style: none; }
[data-blog-archive] .paginator li { float: none; margin: 0; }
[data-blog-archive] .paginator a { display: grid; place-items: center; min-width: 44px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--c-line); border-radius: 6px; color: var(--c-green); background: var(--c-bg); text-decoration: none; }
[data-blog-archive] .paginator :is(.active a, a:hover) { border-color: var(--c-green); background: var(--c-green); color: #fff; }
[data-blog-archive] .db-blog-archive__empty { grid-column: 1 / -1; padding: 32px; border: 1px solid var(--c-line); border-radius: 12px; background: var(--c-bg-soft); }
[data-blog-archive] .db-blog-archive__resources { margin-top: 28px; }
[data-blog-archive] .db-blog-archive__downloads { overflow-x: auto; }
[data-blog-archive] .db-blog-archive__downloads a { display: inline-flex; align-items: center; min-height: 44px; margin-right: 12px; color: var(--c-green); }
@media (hover: hover) { [data-blog-archive] .db-blog-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); } [data-blog-archive] .db-blog-card__media:hover img { transform: scale(1.035); } }
@media (max-width: 1100px) { [data-blog-archive] .db-blog-archive__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } }
@media (max-width: 640px) {
  #main-content:has(> [data-blog-archive]) { padding-top: 16px; }
  [data-blog-archive] { padding: 0 0 40px; }
  [data-blog-archive] .db-blog-archive__breadcrumbs { margin-bottom: 12px; }
  [data-blog-archive] .db-blog-archive__header { padding: 24px 20px; }
  [data-blog-archive] .db-blog-archive__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 24px; }
  [data-blog-archive] .db-blog-card__body { padding: 20px; }
  [data-blog-archive] .db-blog-card__cta { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { [data-blog-archive] .db-blog-card, [data-blog-archive] .db-blog-card__media img { transition: none; transform: none; } }

/* FAQ page: scoped skin for the native jQuery UI accordion. */
[data-faq-page] { color: var(--c-text); }
[data-faq-page] .db-faq__header { padding: 0; margin-bottom: 24px; border: 0; border-radius: 0; background: none; }
[data-faq-page] .db-faq__title { margin: 0; color: var(--c-green); }
[data-faq-page] .db-faq__description { margin-top: 16px; max-width: 850px; color: var(--c-text-2); overflow-wrap: anywhere; }
[data-faq-page] .db-faq__description > :last-child { margin-bottom: 0; }
[data-faq-page] .db-faq__accordion { max-width: 980px; margin: 0 auto; }
[data-faq-page] .db-faq__question.ui-accordion-header { position: relative; display: flex; align-items: center; min-height: 64px; margin: 12px 0 0; padding: 18px 60px 18px 24px; border: 1px solid var(--c-line); border-radius: 10px; color: var(--c-text); background: var(--c-bg-soft); box-shadow: 0 3px 14px rgb(25 67 37 / 5%); cursor: pointer; overflow-wrap: anywhere; transition: background-color .18s, border-color .18s, color .18s; scroll-margin-top: calc(var(--header-height) + 16px); }
[data-faq-page] .db-faq__question:first-child { margin-top: 0; }
[data-faq-page] .db-faq__question::after { content: ''; position: absolute; right: 26px; top: calc(50% - 5px); width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .18s; }
[data-faq-page] .db-faq__question.ui-state-active { color: #fff; background: var(--c-green) !important; border-color: var(--c-green) !important; border-radius: 10px 10px 0 0; box-shadow: none; }
[data-faq-page] .db-faq__question.ui-state-active::after { transform: rotate(225deg); top: calc(50% - 1px); }
[data-faq-page] .db-faq__question:focus-visible { outline: 3px solid var(--c-green); outline-offset: 3px; z-index: 1; }
[data-faq-page] .db-faq__answer.ui-accordion-content { padding: 24px; margin: 0; border: 1px solid #d8e5dc; border-top: 0; border-radius: 0 0 10px 10px; color: var(--c-text-2); background: #fff; overflow: auto; overflow-wrap: anywhere; box-shadow: 0 6px 20px rgb(25 67 37 / 5%); }
[data-faq-page] .db-faq__answer > :first-child { margin-top: 0; }
[data-faq-page] .db-faq__answer > :last-child { margin-bottom: 0; }
[data-faq-page] .db-faq__answer :is(img, video, iframe) { max-width: 100%; }
[data-faq-page] .db-faq__answer a { color: var(--c-green); text-decoration: underline; text-underline-offset: 3px; }
@media (hover: hover) { [data-faq-page] .db-faq__question:hover { color: var(--c-green); border-color: #a5c6ad; background: #edf5ef; } [data-faq-page] .db-faq__question.ui-state-active:hover { color: #fff; background: var(--c-green-hover) !important; border-color: var(--c-green-hover) !important; } }
@media (max-width: 640px) { [data-faq-page] .db-faq__header { padding: 0; margin-bottom: 20px; } [data-faq-page] .db-faq__question.ui-accordion-header { min-height: 60px; padding: 16px 48px 16px 18px; } [data-faq-page] .db-faq__question::after { right: 21px; } [data-faq-page] .db-faq__answer.ui-accordion-content { padding: 20px 18px; } }
@media (prefers-reduced-motion: reduce) { [data-faq-page] .db-faq__question, [data-faq-page] .db-faq__question::after { transition: none; } }

/* Shared product card skin for catalog, homepage and recommendation listings. */
body:has(#doba-header) .db-pcard { display: flex; flex-direction: column; min-height: 0; height: 100%; padding: 0; border: 1px solid var(--c-line); border-radius: 2px; background: #fff; box-shadow: 0 2px 10px rgb(0 0 0 / 5%); }
body:has(#doba-header) .db-pcard__badges { left: 0; top: 12px; gap: 5px; }
body:has(#doba-header) .db-pcard__badge { width: auto; min-width: 48px; height: auto; min-height: 24px; padding: 4px 8px; background: var(--c-green); color: #fff; }
body:has(#doba-header) .db-pcard__badge--sale { background: var(--c-green-soft); color: #163d28; }
body:has(#doba-header) .db-pcard__fav { left: auto; right: 3px; top: 0; width: 44px; height: 44px; padding: 0; background: transparent; box-shadow: none; }
body:has(#doba-header) .db-pcard__media { width: calc(100% - 24px); height: auto; aspect-ratio: 304 / 270; margin: 12px 12px 0; background: #fff; }
body:has(#doba-header) .db-pcard__img { width: 100%; height: 100%; object-fit: contain; }
body:has(#doba-header) .db-pcard__brand { position: static; align-self: flex-end; flex: 0 0 24px; width: auto; height: 24px; max-width: 125px; max-height: 24px; margin: 8px 18px 0; object-fit: contain; }
body:has(#doba-header) .db-pcard__brand[alt="Husqvarna"] { flex-basis: 48px; height: 48px; max-height: 48px; margin-top: -4px; margin-bottom: -12px; }
body:has(#doba-header) .db-pcard__title { min-height: 40px; margin: 14px 18px 8px; color: #4d4d4d; overflow-wrap: anywhere; }
body:has(#doba-header) .db-pcard__foot { display: flex; align-items: center; width: auto; gap: 8px; margin: auto 18px 16px; padding: 4px 0 0; }
body:has(#doba-header) .db-pcard__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px; min-width: 0; padding: 0; white-space: normal; }
body:has(#doba-header) .db-pcard__now { color: #4d4d4d; }
body:has(#doba-header) .db-pcard__old { color: #737373; }
body:has(#doba-header) .db-pcard__add { display: flex; align-items: center; justify-content: center; gap: 4px; width: 48px; min-width: 48px; height: 44px; min-height: 44px; margin: 0; padding: 0; border-radius: 3px; background: var(--c-green); box-shadow: none; text-decoration: none; }
body:has(#doba-header) .db-pcard__add span { position: static; }
body:has(#doba-header) .db-pcard__add img { position: static; width: 20px; height: 23px; }
@media (hover: hover) { body:has(#doba-header) .db-pcard:hover { border-color: #c8d6cc; box-shadow: 0 5px 18px rgb(25 67 37 / 10%); } }

/* Native brand strip: up to twelve real logos in the desktop row. */
[data-brands-strip] { --brand-columns: 12; --brand-gap: 20px; padding: 36px 0; }
[data-brands-strip] .ft-brands { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--brand-gap); height: auto; margin: 0; padding: 4px; list-style: none; }
[data-brands-strip] .ft-brands > li { flex: 0 0 calc((100% - (var(--brand-columns) - 1) * var(--brand-gap)) / var(--brand-columns)); min-width: 0; min-height: 64px; }
[data-brands-strip] .ft-brands a { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 64px; }
[data-brands-strip] .ft-brands img { display: block; width: auto; height: auto; max-width: 100%; max-height: 48px; object-fit: contain; }
[data-brands-strip].is-carousel .ft-brands { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scroll-padding-inline: 4px; scrollbar-width: thin; scrollbar-color: var(--c-green-soft) transparent; }
[data-brands-strip].is-carousel .ft-brands > li { scroll-snap-align: start; }
[data-brands-strip] .doba-brand-controls { display: flex; justify-content: center; gap: 12px; margin-top: 16px; }
[data-brands-strip] .doba-brand-controls[hidden], [data-brands-strip] [data-brand-pause][hidden] { display: none; }
[data-brands-strip] .doba-brand-controls button { min-width: 44px; min-height: 44px; padding: 8px 16px; border: 1px solid var(--c-green); border-radius: 4px; background: var(--c-green); color: #fff; }
[data-brands-strip] .doba-brand-controls button:hover { background: var(--c-green-hover); }
[data-brands-strip] .ft-brands a:focus-visible, [data-brands-strip] .ft-brands:focus-visible { outline: 2px solid var(--c-green); outline-offset: 2px; }
@media (max-width: 1024px) {
  [data-brands-strip] { --brand-columns: 3; --brand-gap: 16px; }
  [data-brands-strip] .ft-brands { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 4px; scrollbar-width: none; }
  [data-brands-strip].is-carousel .ft-brands { scroll-snap-type: x mandatory; scrollbar-width: none; }
  [data-brands-strip] .ft-brands::-webkit-scrollbar { display: none; }
  [data-brands-strip] .ft-brands > li { scroll-snap-align: start; }
}

/* Shared public shell: reference content width is 85% of the desktop viewport. */
:root { --site-content-width: 85vw; --container: var(--site-content-width); }
.db-container { width: var(--site-content-width); max-width: none; }
[data-home-blog] .hm-blog__in { width: var(--site-content-width); max-width: none; }
#main-content > :is(.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) { width: var(--site-content-width); max-width: var(--site-content-width) !important; margin-inline: auto; }
@media (max-width: 1024px) {
  :root { --site-content-width: calc(100vw - 2 * var(--gutter)); }
}

/* Approved footer composition; image pixels remain unchanged. */
.ft[data-doba-footer] { isolation: isolate; overflow: clip; min-height: 0; padding: clamp(32px, 3vw, 48px) 0 24px; background: #f4f6ef; color: var(--c-text); }
.ft[data-doba-footer]::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: url('/resources/doba/images/footer-bg.webp') center bottom / cover no-repeat; }
.ft[data-doba-footer] .ft-cols { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,1fr) minmax(0,1fr); gap: 40px; padding-top: 0; margin: 0; align-items: start; }
.ft[data-doba-footer] .ft-col--left { padding: 0 0 0 32px; text-align: left; }
.ft[data-doba-footer] .ft-col--right { padding: 0 32px 0 0; text-align: right; }
.ft[data-doba-footer] .ft-col__title { margin: 0; }
.ft[data-doba-footer] .ft-col__list { width: 100%; align-items: stretch; margin: 6px 0 0; padding: 0; gap: 0; }
.ft[data-doba-footer] .ft-col__list a, .ft[data-doba-footer] .ft-col__list span { display: block; min-height: 24px; }
.ft[data-doba-footer] .ft-center { grid-column: 2; grid-row: 1; margin: 0; }
.ft[data-doba-footer] .ft-logo { display: block; }
.ft[data-doba-footer] .ft-logo__img { display: block; width: clamp(190px, 14.3vw, 240px); max-width: 100%; height: auto; margin: 0 auto 8px; }
.ft[data-doba-footer] .ft-contact { margin: 0; text-align: center; }
.ft[data-doba-footer] .ft-contact a { min-height: 0; display: inline; }
.ft[data-doba-footer] .ft-social { display: flex; justify-content: center; align-items: center; gap: 0; margin: 4px 0 0; padding: 0; }
.ft[data-doba-footer] .ft-social li { margin: 0; }
.ft[data-doba-footer] .ft-social a, .ft[data-doba-footer] .ft-social__icon { display: flex; align-items: center; justify-content: center; width: 28px; height: 32px; }
.ft[data-doba-footer] .ft-social img { width: 24px; height: 24px; }
.ft[data-doba-footer] .ft-pay { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 16px 50px; margin-top: 24px; }
.ft[data-doba-footer] .ft-pay__group { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 0; margin: 0; }
.ft[data-doba-footer] .ft-pay__group > li { padding: 2px 3px; border-radius: 2px; background: #fff; }
.ft[data-doba-footer] .ft-pay__group img { display: block; width: auto; height: 32px; }
.ft[data-doba-footer] .ft-pay__cod { display: flex; align-items: center; min-width: 154px; height: 36px; margin: 0; padding: 2px 6px; background: #fff; }
.ft[data-doba-footer] .ft-pay__group .ft-pay__cod img { width: 36px; height: 28px; margin: 0 6px 0 0; padding: 0; }
.ft[data-doba-footer] .ft-pay__cod span { padding-left: 8px; border-left: 1px solid var(--c-line); }
.ft[data-doba-footer] .ft-copy { margin: 16px 0 0; text-align: center; }
.ft[data-doba-footer] .ft-copy a { display: inline; min-height: 0; }
@media (max-width: 1100px) { .ft[data-doba-footer] .ft-col--left, .ft[data-doba-footer] .ft-col--right { padding: 0; } .ft[data-doba-footer] .ft-cols { gap: 24px; } }
@media (max-width: 820px) {
  .ft[data-doba-footer] { min-height: 0; padding: 24px 0 calc(24px + env(safe-area-inset-bottom, 0px)); }
  .ft[data-doba-footer]::before { background-position: 75% bottom; }
  .ft[data-doba-footer] .ft-cols { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 18px 24px; }
  .ft[data-doba-footer] .ft-center { grid-column: 1 / -1; grid-row: 1; }
  .ft[data-doba-footer] .ft-col { grid-row: 2; }
  .ft[data-doba-footer] .ft-col__list a, .ft[data-doba-footer] .ft-col__list span { min-height: 32px; padding: 6px 0; }
  .ft[data-doba-footer] .ft-social a, .ft[data-doba-footer] .ft-social__icon { width: 44px; height: 44px; }
  .ft[data-doba-footer] .ft-pay { margin-top: 20px; gap: 12px; }
  .ft[data-doba-footer] .ft-contact a { display: inline-flex; min-height: 30px; align-items: center; }
  .ft[data-doba-footer] .ft-copy { margin-top: 16px; padding-inline: 48px; }
  .ft[data-doba-footer] .ft-copy a { display: inline; min-height: 0; }
}
@media (max-width: 480px) { .ft[data-doba-footer] .ft-cols { gap: 18px 20px; } .ft[data-doba-footer] .ft-logo__img { width: 190px; } .ft[data-doba-footer] .ft-pay__group img { height: 32px; } }

/* Native GlassCase lightbox is body-mounted, outside the isolated product gallery. */
body > .doba-gallery-overlay.gc-overlay-area {
  inset: 0;
  width: 100%;
  height: 100dvh;
  background: rgba(20, 24, 21, .97);
}
.doba-gallery-overlay .gc-overlay-container-display {
  inset: 64px 72px 24px;
  width: auto;
  height: auto;
  overflow: hidden;
}
.doba-gallery-overlay .gc-overlay-display {
  max-width: 100% !important;
  max-height: 100% !important;
}
.doba-gallery-overlay .gc-overlay-top-icons {
  height: 64px;
  padding: 10px 16px;
}
.doba-gallery-overlay .gc-icon {
  width: 44px;
  height: 44px;
  background: var(--c-green);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .65);
  opacity: 1;
}
.doba-gallery-overlay .gc-icon:hover { background: var(--c-green-hover); }
.doba-gallery-overlay .gc-icon:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.doba-gallery-overlay .gc-icon::before { inset: 0; display: grid; place-items: center; }
.doba-gallery-overlay .gc-icon-enlarge,
.doba-gallery-overlay .gc-icon-compress,
.doba-gallery-overlay .gc-caption-container { display: none !important; }
.doba-gallery-overlay .gc-overlay-left-icons,
.doba-gallery-overlay .gc-overlay-right-icons { width: 64px; padding-inline: 10px; }
.doba-gallery-overlay .gc-icon-prev,
.doba-gallery-overlay .gc-icon-next { transform: translateY(-50%); }
@media (max-width: 600px) {
  .doba-gallery-overlay .gc-overlay-container-display { inset: 64px 12px 20px; }
  .doba-gallery-overlay .gc-overlay-left-icons,
  .doba-gallery-overlay .gc-overlay-right-icons { width: 52px; padding-inline: 4px; }
}

/* Approved product-detail exception: black primary purchase button. */
.doba-product .doba-buy #addToCart {
  --doba-action-bg: #1a1a1a;
  --doba-action-hover: #333;
  --doba-action-active: #080808;
  --doba-action-disabled: #626262;
  border-radius: 4px;
}
.doba-product .pp-info > .doba-technical {
  margin-top: 32px;
  padding: 20px 0 0;
  border-top: 1px solid var(--c-line);
}
.doba-product .pp-info > .doba-technical h2 { margin: 0 0 12px; }
.doba-product .pp-info > .doba-technical table { width: 100%; max-width: none; table-layout: fixed; }
.doba-product .pp-info > .doba-technical th,
.doba-product .pp-info > .doba-technical td { padding: 7px 0; vertical-align: top; background: #fff; overflow-wrap: anywhere; }
.doba-product .pp-info > .doba-technical th { width: 62%; padding-right: 20px; color: var(--c-text-2); }
.doba-product .pp-info > .doba-technical td { color: var(--c-text-2); }
.doba-product .pp-info > .doba-technical tr:last-child > * { border-bottom: 0; }
@media (max-width: 600px) {
  .doba-product .pp-info > .doba-technical { margin-top: 24px; }
  .doba-product .pp-info > .doba-technical th { width: 58%; padding-right: 12px; }
}

/* Footer information pages appear only in the responsive mobile navigation. */
#doba-header .doba-mobile-footer-links { display: none; }
@media (max-width: 1024px) {
  #doba-header .doba-mobile-footer-links { display: block; margin-top: 16px; padding-top: 8px; border-top: 1px solid var(--c-line); }
  #doba-header .doba-mobile-footer-links section + section { margin-top: 12px; padding-top: 8px; border-top: 1px solid var(--c-line); }
  #doba-header .doba-mobile-footer-links h2 { margin: 0; padding: 8px 12px 4px; color: var(--c-green); font: 700 13px/18px var(--f-main); text-transform: uppercase; }
  #doba-header .doba-mobile-footer-links ul { margin: 0; padding: 0; list-style: none; }
  #doba-header .doba-mobile-footer-links li { margin: 0; }
  #doba-header .doba-mobile-footer-links a,
  #doba-header .doba-mobile-footer-links span { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; color: var(--c-text-2); font: 400 15px/22px var(--f-main); white-space: normal; overflow-wrap: anywhere; text-decoration: none; border-radius: 4px; }
  #doba-header .doba-mobile-footer-links a:hover,
  #doba-header .doba-mobile-footer-links a:focus-visible { background: var(--c-bg-soft); color: var(--c-green); }
  #doba-header .doba-mobile-footer-links a:focus-visible { outline: 2px solid var(--c-green); outline-offset: -2px; }
}

/* Equal hamburger bars with an eight-pixel pitch to avoid uneven rasterization at common device scales. */
@media (max-width: 1024px) {
  #doba-header .hd-burger { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 48px; height: 48px; padding: 0; line-height: 0; }
  #doba-header .hd-burger__line { display: block; flex: 0 0 2px; width: 24px; height: 2px; margin: 0; padding: 0; border: 0; border-radius: 0; background: var(--c-green); transform: none; }
}

/* SEO preparation: accessible native mobile call link, 2026-10-15. */
@media (max-width: 1024px) {
  #doba-header .doba-mobile-contact { flex: 0 0 auto; gap: 0; }
  #doba-header .doba-mobile-contact > .hd-phone__icon { display: none !important; }
  #doba-header .doba-mobile-contact .doba-phone-copy a[href^="tel:"] {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 44px; min-height: 44px; box-sizing: border-box;
    padding: 8px 10px 8px 33px; border: 1px solid var(--c-green, #187c3b);
    border-radius: 4px; background-color: var(--c-green, #187c3b);
    background-image: url('/resources/doba/images/icons/phone-call-seo-20261015.svg');
    background-repeat: no-repeat; background-size: 18px 18px; background-position: 9px center;
    color: #fff; font-size: 12px; line-height: 1.4; text-decoration: none; white-space: nowrap;
  }
  #doba-header .doba-mobile-contact .doba-phone-copy a[href^="tel:"]:hover,
  #doba-header .doba-mobile-contact .doba-phone-copy a[href^="tel:"]:active { background-color: var(--c-green-hover, #136631); }
  #doba-header .doba-mobile-contact .doba-phone-copy a[href^="tel:"]:focus-visible { outline: 3px solid var(--c-green, #187c3b); outline-offset: 3px; }
  #doba-header .doba-mobile-contact .doba-phone-copy a[href^="tel:"][aria-disabled="true"] { opacity: .65; }
}


/* The green category trigger uses the existing native mega composition. */
#doba-header .doba-categories--mega > .doba-mega-panel { overscroll-behavior: contain; }
@media (min-width: 1025px) {
  #doba-header .doba-categories--mega { position: static; align-self: stretch; }
  #doba-header .doba-categories--mega > .hd-cats { height: 100%; }
}
@media (max-width: 1024px) {
  #doba-header .doba-categories--mega > .doba-mega-panel {
    position: absolute; top: 100%; right: 0; left: auto; width: min(640px, calc(100vw - 24px));
    max-height: calc(100dvh - var(--header-height) - 16px); overflow-y: auto; overflow-x: hidden;
    z-index: 12; padding: 12px; border-radius: 0 0 8px 8px; background: #fff; box-shadow: 0 16px 38px #14311d26;
  }
}

/* Two-column mobile catalog; homepage sliders keep their editorial layout. */
@media (max-width: 600px) {
 .doba-subcategories, .doba-catalog .ls-grid, .doba-archive .ls-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
 .doba-category-card span { min-height: 52px; padding: 10px 8px; font-size: 14px; overflow-wrap: anywhere; }
 :is(.doba-catalog, .doba-archive) .db-pcard { width: 100%; max-width: none; min-width: 0; margin: 0; }
 body:has(#doba-header) :is(.doba-catalog, .doba-archive) .db-pcard__media { width: calc(100% - 16px); margin: 8px 8px 0; aspect-ratio: 1; }
 body:has(#doba-header) :is(.doba-catalog, .doba-archive) .db-pcard__brand { max-width: calc(100% - 20px); height: 20px; flex-basis: 20px; margin: 6px 10px 0; }
 body:has(#doba-header) :is(.doba-catalog, .doba-archive) .db-pcard__brand[alt="Husqvarna"] { height: 36px; flex-basis: 36px; margin-top: 0; margin-bottom: -10px; }
 body:has(#doba-header) :is(.doba-catalog, .doba-archive) .db-pcard__title { margin: 12px 10px 8px; min-height: 60px; font-size: 14px; line-height: 1.4; }
 body:has(#doba-header) :is(.doba-catalog, .doba-archive) .db-pcard__foot { flex-wrap: wrap; gap: 8px; margin: auto 10px 10px; }
 body:has(#doba-header) :is(.doba-catalog, .doba-archive) .db-pcard__price { flex: 1 1 100%; gap: 4px; }
 body:has(#doba-header) :is(.doba-catalog, .doba-archive) .db-pcard__now { font-size: 19px; }
 body:has(#doba-header) :is(.doba-catalog, .doba-archive) .db-pcard__old { font-size: 12px; }
 body:has(#doba-header) :is(.doba-catalog, .doba-archive) .db-pcard__add { margin-left: auto; }
}

/* Mobile category navigation: expandable branches, native desktop links retained. */
#doba-header .doba-category-toggle, #doba-header .doba-category-all-row { display: none; }
#doba-header .doba-mega-panel [data-doba-category-submenu][hidden] { display: none; }
@media (max-width: 1024px) {
 #doba-header .doba-categories--mega .doba-category-node { position: relative; margin: 0; }
 #doba-header .doba-categories--mega .doba-mega-grid > .doba-category-node { display: block; border-bottom: 1px solid var(--c-line, #e2eae5); }
 #doba-header .doba-categories--mega .doba-category-node > .hd-menu__link { min-height: 48px; padding: 12px 4px; margin: 0; border: 0; font-size: 15px; line-height: 1.4; }
 #doba-header .doba-categories--mega .doba-category-node > .doba-category-branch { padding-right: 52px; }
 #doba-header .doba-categories--mega .doba-category-toggle { display: flex; position: absolute; right: 0; top: 0; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--c-green); cursor: pointer; }
 #doba-header .doba-category-toggle:hover, #doba-header .doba-category-toggle:active { background: var(--c-bg-soft, #f4f8f5); }
 #doba-header .doba-category-toggle:focus-visible, #doba-header .doba-category-all:focus-visible { outline: 2px solid var(--c-green); outline-offset: -2px; }
 #doba-header .doba-category-toggle svg { transition: transform 150ms ease; }
 #doba-header .doba-category-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
 #doba-header .doba-categories--mega .doba-category-children { margin: 0 0 10px 10px; padding: 0 0 0 10px; border-left: 1px solid #187c3b26; }
 #doba-header .doba-categories--mega .doba-category-children .hd-menu__link { font-size: 14px; }
 #doba-header .doba-category-all-row { display: block; }
 #doba-header .doba-category-all { display: flex; align-items: center; min-height: 44px; padding: 10px 4px; color: var(--c-green); font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 3px; }
}
@media (prefers-reduced-motion: reduce) { #doba-header .doba-category-toggle svg { transition: none; } }

/* Separate mobile catalog categories and filters; compact breadcrumb spacing. */
.ls-mobile-actions { display: none; }
@media (max-width: 1024px) {
 #main-content:has(> .doba-catalog > .ls-layout) { padding-top: 0; }
 .doba-catalog .ls-layout { padding-top: 12px; }
 .doba-catalog .ls-crumbs, .doba-catalog .ls-crumbs nav { display: block; margin: 0; padding: 0; text-align: left; width: 100%; }
 .doba-catalog .ls-crumbs .breadcrumb { align-items: center; justify-content: flex-start; gap: 0; margin: 0; padding: 0; }
 .doba-catalog .ls-crumbs .breadcrumb-item { display: inline-flex; align-items: center; margin: 0; padding: 0; font: 400 14px/1.4 var(--f-main); color: var(--c-text-2); }
 .doba-catalog .ls-crumbs .breadcrumb-item + .breadcrumb-item::before { float: none; margin: 0 5px; padding: 0; }
 .doba-catalog .ls-crumbs a { min-height: 44px; font: inherit; }
 .doba-catalog .ls-tools { flex-direction: column; align-items: flex-start; gap: 12px; }
 .doba-catalog .ls-mobile-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; width: min(190px, 100%); }
 .doba-catalog .ls-mobile-actions .ls-filter-btn { justify-content: center; width: 100%; min-height: 48px; }
 .doba-catalog .ls-tools > .ls-sort { display: flex; align-items: center; flex-wrap: nowrap; gap: 10px; width: 100%; max-width: 360px; margin: 0; }
 .doba-catalog .ls-tools > .ls-sort .ls-sort__select { flex: 1; width: auto; min-width: 0; min-height: 44px; }
 .doba-catalog .ls-side[data-catalog-view="categories"] .doba-native-filters,
 .doba-catalog .ls-side[data-catalog-view="filters"] .ls-block--cats { display: none; }
 .doba-catalog .ls-title { margin-block: 20px; }
}
@media (max-width: 360px) { .doba-catalog .ls-crumbs .breadcrumb-item { font-size: 13px; } }


/* Product detail: native touch scrolling and compact, content-driven spacing. */
.doba-product .doba-buy #addToCart { --doba-action-bg: var(--c-green); --doba-action-hover: var(--c-green-hover); --doba-action-active: #0f5428; --doba-action-disabled: #5c7866; }
.doba-native-gallery:has(#glasscase li:only-child) { aspect-ratio: 1; }
.doba-buy > .doba-variant-options:not(:has(input:not([type="hidden"]), select, textarea, button, img, a, label, p, span)),
.doba-buy > .doba-service-benefits:not(:has(img)),
.doba-buy > .doba-parameter-thumbs:not(:has(img)) { display: none; }
.doba-buy > .price_info { margin: 0; }
.doba-buy .doba-buy-controls .doba-quantity { display: flex; align-items: center; flex-wrap: nowrap; width: 128px; height: 48px; gap: 0; }
.doba-buy .doba-quantity .doba-quantity-value { flex: 0 0 40px; width: 40px; }
.doba-buy .doba-quantity input { width: 40px; min-width: 0; height: 44px; min-height: 44px; padding: 0; border-radius: 0; font-size: 16px; }
.doba-buy .doba-quantity a { display: flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0; margin: 0; font-size: 20px; line-height: 1; }
.doba-buy .doba-quantity a:first-child { border-radius: 4px 0 0 4px; }
.doba-buy .doba-quantity a:last-child { border-radius: 0 4px 4px 0; }
.doba-buy .doba-buy-controls { align-items: center; }
.doba-buy .doba-buy-controls .pp-add { min-height: 48px; height: auto; }
@media (max-width:1024px), (hover:none), (pointer:coarse) {
 .doba-native-gallery .gc-display-area { touch-action: pan-y pinch-zoom; }
 .doba-native-gallery .gc-lens-container { pointer-events: none; }
}
@media (max-width:1024px) {
 #main-content:has(> .doba-product) { padding-top: 0; }
 .doba-product .pp-crumbbar { padding: 8px 0; }
 .doba-product .pp-crumbbar__in { padding-block: 0; gap: 4px; }
 .doba-product .pp-crumbs { display: block; margin: 0; padding: 0; line-height: 1.6; }
 .doba-product .pp-crumbs a { display: inline; margin: 0; padding: 0; line-height: inherit; }
 .doba-product .pp-product__in { gap: 20px; padding-block: 16px 20px; }
 .doba-product-tabs { padding-block: 12px 0; }
 .doba-product-tabs .tab-content { padding-block: 20px 0; }
 .doba-product-tabs .tab-pane > :last-child { margin-bottom: 0; }
 .doba-recommendations { padding-block: 24px 32px; }
 .doba-recommendations .pp-sec-title { margin-bottom: 20px; padding-bottom: 14px; }
}
@media (max-width:600px) {
 .doba-buy .doba-buy-row { gap: 12px; }
 .doba-buy .doba-buy-controls { display: grid; grid-template-columns: 128px minmax(0,1fr); gap: 10px; }
 .doba-buy .doba-buy-controls .pp-add { width: 100%; padding: 10px; gap: 8px; font-size: 14px; line-height: 1.4; }
 .doba-buy .pp-add img { width: 24px; height: 24px; object-fit: contain; }
 .doba-recommendations .pp-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
 .doba-recommendations .db-pcard { width: 100%; max-width: none; min-width: 0; min-height: 0; margin: 0; }
 body:has(#doba-header) .doba-recommendations .db-pcard__media { width: calc(100% - 16px); margin: 8px 8px 0; aspect-ratio: 1; }
 body:has(#doba-header) .doba-recommendations .db-pcard__brand { max-width: calc(100% - 20px); height: 20px; flex-basis: 20px; margin: 6px 10px 0; }
 body:has(#doba-header) .doba-recommendations .db-pcard__brand[alt="Husqvarna"] { height: 36px; flex-basis: 36px; margin-top: 0; margin-bottom: -10px; }
 body:has(#doba-header) .doba-recommendations .db-pcard__title { min-height: 60px; margin: 12px 10px 8px; font-size: 14px; line-height: 1.4; }
 body:has(#doba-header) .doba-recommendations .db-pcard__foot { flex-wrap: wrap; gap: 8px; margin: auto 10px 10px; }
 body:has(#doba-header) .doba-recommendations .db-pcard__price { flex: 1 1 100%; gap: 4px; }
 body:has(#doba-header) .doba-recommendations .db-pcard__now { font-size: 19px; }
 body:has(#doba-header) .doba-recommendations .db-pcard__old { font-size: 12px; }
 body:has(#doba-header) .doba-recommendations .db-pcard__add { margin-left: auto; }
}
@media (max-width:360px) {
 .doba-buy .doba-buy-controls { grid-template-columns: minmax(0,1fr); }
 .doba-buy .doba-buy-controls .pp-add { min-height: 48px; }
}

/* Compact unavailable-product controls; native status stays non-interactive. */
.doba-product .doba-buy--unavailable { padding: 16px; }
.doba-buy--unavailable .doba-buy-row { display: block; }
.doba-buy--unavailable .doba-buy-prices { display: none; }
.doba-buy--unavailable .doba-buy-controls { display: block; width: 100%; }
.doba-buy--unavailable .doba-unavailable-actions { display: flex; flex-direction: column; gap: 10px; width: 100%; margin: 0; }
.doba-unavailable-actions > button { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 48px; margin: 0; padding: 12px 16px; border-radius: 5px; font: 500 15px/1.4 var(--f-main); white-space: normal; text-align: center; }
.doba-unavailable-actions .doba-stock-status:disabled { opacity: 1; background: #e8f0e9; color: #3d5f46; border: 1px solid #bdd0c1; cursor: default; }
.doba-buy--unavailable > .price_info,
.doba-buy--unavailable > .doba-variant-options:not(:has(*)),
.doba-buy--unavailable > .row:not(:has(*)),
.doba-buy--unavailable > .doba-service-benefits:not(:has(img)),
.doba-buy--unavailable > .doba-parameter-thumbs:not(:has(img)) { display: none; margin: 0; }


/* Desktop product rhythm: remove accumulated space between native sections. */
@media (min-width:1025px) {
 #main-content:has(> .doba-product) { padding-top: 0; }
 .doba-product .pp-crumbbar { padding-block: 8px; }
 .doba-product .pp-crumbbar__in { padding-block: 0; }
 .doba-product .pp-product__in { padding-block: 24px 16px; }
 .doba-product-tabs { padding-block: 8px 0; }
 .doba-product-tabs .tab-content { padding-block: 24px 0; }
 .doba-product-tabs .tab-pane > :last-child { margin-bottom: 0; }
 .doba-product-tabs .tab-pane > br:last-child,
 .doba-product-tabs .tab-pane > br:has(+ br:last-child) { display: none; }
 .doba-recommendations { padding-top: 24px; }
}


/* Unavailable product actions share one compact, centered column. */
.doba-buy--unavailable .doba-unavailable-actions { width: min(100%, 320px); margin-inline: auto; }


/* Mobile product price order and compact circular quantity controls. */
@media (max-width:1024px) {
 .doba-buy .doba-buy-prices { align-items: center; }
 .doba-buy-prices .promo_price { order: 1; }
 .doba-buy-prices .price.striked { order: 2; position: relative; display: inline-flex; align-items: center; font-size: 16px; line-height: 1; text-decoration: none; color: #78817b; }
 .doba-buy-prices .price.striked :is(.price_value,.doba-price-currency) { font: inherit; color: inherit; line-height: 1; text-decoration: none; }
 .doba-buy-prices .price.striked::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; transform: translateY(-50%); background: currentColor; pointer-events: none; }
 .doba-buy .doba-buy-controls .doba-quantity { width: 116px; gap: 0; }
 .doba-buy .doba-quantity .doba-quantity-value { flex: 0 0 28px; width: 28px; margin: 0 !important; }
 .doba-buy .doba-quantity input { width: 28px; padding: 0; }
 .doba-buy .doba-buy-controls .doba-quantity a { --doba-action-bg: transparent; --doba-action-hover: transparent; --doba-action-active: transparent; --doba-action-disabled: transparent; position: relative; isolation: isolate; border-radius: 50% !important; padding: 0; margin: 0 !important; }
 .doba-buy .doba-quantity a::before { content: ''; position: absolute; inset: 4px; border-radius: 50%; background: var(--c-green); pointer-events: none; z-index: -1; }
 .doba-buy .doba-quantity a:is(:hover,:focus-visible)::before { background: var(--c-green-hover); }
 .doba-buy .doba-quantity a:active::before { background: #0f5428; }
}
@media (min-width:361px) and (max-width:600px) {
 .doba-buy .doba-buy-controls { grid-template-columns: 116px minmax(0,1fr); }
}


/* Wishlist: spacious product rows and a dedicated mobile action. */
#main-content:has(> .doba-wishlist) { padding-top: 24px; }
.doba-wishlist { font-family: var(--f-main); }
.doba-wishlist__header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-bottom: 28px; }
.doba-wishlist .doba-wishlist__title { margin: 0; }
.doba-wishlist .doba-wishlist__clear, .doba-wishlist .doba-wishlist__browse { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; min-height: 48px; padding: 12px 18px; border-radius: 6px; font: 500 14px/1.4 var(--f-main); text-decoration: none; }
.doba-wishlist__list { display: grid; gap: 20px; margin: 0; padding: 0; list-style: none; }
.doba-wishlist .doba-wishlist__item { display: grid; grid-template-columns: 112px minmax(0,1fr) 180px 44px; align-items: center; gap: 28px; padding: 24px; border: 1px solid var(--c-line); border-radius: 12px; background: #fff; box-shadow: 0 4px 18px rgb(25 67 37 / 5%); }
.doba-wishlist__image { display: block; width: 112px; height: 112px; }
.doba-wishlist__image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.doba-wishlist__name { min-width: 0; margin: 0; font: 500 17px/1.5 var(--f-main); overflow-wrap: anywhere; }
.doba-wishlist__name a { display: inline-block; color: var(--c-text); text-decoration: none; }
.doba-wishlist__name a:hover { color: var(--c-green); text-decoration: underline; text-underline-offset: 3px; }
.doba-wishlist__price { min-width: 0; }
.doba-wishlist__price-label { display: block; margin-bottom: 6px; color: var(--c-text-2); font-size: 13px; }
.doba-wishlist__price-line { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.doba-wishlist__current { color: var(--c-green); font-size: 24px; font-weight: 500; line-height: 1.2; }
.doba-wishlist__old { position: relative; color: #78817b; font-size: 15px; line-height: 1; text-decoration: none; white-space: nowrap; }
.doba-wishlist__old::after { content: ''; position: absolute; inset-inline: 0; top: 50%; height: 1px; transform: translateY(-50%); background: currentColor; pointer-events: none; }
.doba-wishlist__stock { color: var(--c-text-2); font-size: 14px; line-height: 1.5; }
.doba-wishlist .doba-wishlist__remove { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 44px; height: 44px; min-height: 44px; padding: 0; border-radius: 6px; text-decoration: none; }
.doba-wishlist__remove-label { display: none; }
.doba-wishlist__empty { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 48px 24px; border: 1px solid var(--c-line); border-radius: 12px; background: var(--c-bg-soft); color: var(--c-green); text-align: center; }
.doba-wishlist__empty p { margin: 0; color: var(--c-text); }
.doba-wishlist :is(a,button):focus-visible { outline: 2px solid var(--c-green-hover); outline-offset: 4px; }
@media (max-width:767px) {
 .doba-wishlist__header { align-items: flex-start; flex-direction: column; gap: 16px; margin-bottom: 24px; }
 .doba-wishlist__list { gap: 16px; }
 .doba-wishlist .doba-wishlist__item { grid-template-columns: 88px minmax(0,1fr); grid-template-areas: 'image name' 'image price' '. remove'; align-items: start; gap: 12px 16px; padding: 16px; }
 .doba-wishlist__image { grid-area: image; width: 88px; height: 88px; }
 .doba-wishlist__name { grid-area: name; font-size: 15px; }
 .doba-wishlist__price { grid-area: price; }
 .doba-wishlist__price-label { margin-bottom: 4px; }
 .doba-wishlist .doba-wishlist__remove { grid-area: remove; justify-self: start; width: auto; padding-inline: 12px; font: 500 14px/1.4 var(--f-main); }
 .doba-wishlist__remove-label { display: inline; }
 .doba-wishlist__empty { padding: 32px 16px; }
}
@media (max-width:360px) {
 .doba-wishlist .doba-wishlist__item { grid-template-columns: 72px minmax(0,1fr); column-gap: 12px; }
 .doba-wishlist__image { width: 72px; height: 72px; }
}

/* Compact native AJAX cart panel; checkout and product-page controls are separate. */
#cart-panel #cart-content h2 { margin: 0 0 12px; padding: 8px 44px 16px 0; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td { padding: 12px 12px 12px 0; vertical-align: middle; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td:last-child { padding-right: 0; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td.product_image { width: 96px; }
#cart-panel #cart-content .product_image img { display: block; width: 80px; height: 80px; object-fit: contain; }
#cart-panel #cart-content .removeFromCart { display: inline-flex; align-items: center; min-height: 44px; margin: 0; }
#cart-panel #cart-content .qty_selector { display: inline-flex; margin: 0; }
#cart-panel #cart-content .number-spinner { display: flex; flex-wrap: nowrap; align-items: center; gap: 0; width: 128px; margin: 0; }
#cart-panel #cart-content .number-spinner > div { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; margin: 0; }
#cart-panel #cart-content .number-spinner a.btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; min-width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 0; line-height: 1; text-decoration: none; }
#cart-panel #cart-content .number-spinner a.btn i { display: flex; align-items: center; justify-content: center; margin: 0; width: 20px; height: 20px; line-height: 1; }
#cart-panel #cart-content .number-spinner a.btn i::before { display: block; line-height: 1; }
#cart-panel #cart-content .number-spinner input { width: 40px; min-width: 0; height: 44px; min-height: 44px; padding: 0; margin: 0; border-radius: 0; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] { padding: 16px 0; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] > table { display: table; width: min(100%, 320px); margin: 0 0 16px auto; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] > table > tbody { display: block; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] > table tr { display: flex; align-items: center; gap: 16px; margin: 0; border-bottom: 1px solid var(--c-line); }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] > table :is(th,td) { display: table-cell !important; padding: 10px 0; vertical-align: middle; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] > table th { flex: 1; text-align: left; border: 0; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] > table td { flex: 0 0 auto; text-align: right; border: 0; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] > table :is(th,td)::before { display: none; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] > table div { margin: 0; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] > br { display: none; }
#cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] > a.btn { margin-top: 8px; }
#cart-panel #cart-content > p { margin: 8px 0 0; }
@media (max-width: 600px) {
 #cart-panel #cart-content .tblCartPanelProducts, #cart-panel #cart-content .tblCartPanelProducts > tbody { display: block; }
 #cart-panel #cart-content .tblCartPanelProducts > tbody > tr:has(> td.product_image) { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 12px 16px; margin: 0; padding: 12px 0; border-bottom: 1px solid var(--c-line); }
 #cart-panel #cart-content .tblCartPanelProducts > tbody > tr:has(> td.product_image) > td { display: block !important; min-width: 0 !important; width: auto; padding: 0; border: 0; }
 #cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td.product_image { grid-row: 1; grid-column: 1; }
 #cart-panel #cart-content .tblCartPanelProducts > tbody > tr:has(> td.product_image) > td:nth-child(2) { grid-column: 2; grid-row: 1; align-self: center; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
 #cart-panel #cart-content .tblCartPanelProducts > tbody > tr:has(> td.product_image) > td:nth-child(3) { grid-column: 1 / -1; grid-row: 2; }
 #cart-panel #cart-content .tblCartPanelProducts > tbody > tr:has(> td.product_image) > td:nth-child(4) { grid-column: 2; grid-row: 2; align-self: center; justify-self: end; font-weight: 600; }
 #cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td::before { display: none; }
 #cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td * { margin-bottom: 0; }
 #cart-panel #cart-content .tblCartPanelProducts .small-text { margin-top: 4px; }
 #cart-panel #cart-content .product_image img { width: 88px; height: 88px; }
 #cart-panel #cart-content .tblCartPanelProducts > tbody > tr:has(> td[colspan]) { display: block; margin: 0; }
 #cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] { display: block !important; border: 0; }
 #cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] > table { width: 100%; }
 #cart-panel #cart-content .tblCartPanelProducts > tbody > tr > td[colspan] > a.btn { display: flex; justify-content: center; width: 100%; }
}