.m-bottom1 {
    padding-bottom: 80px;
}
.m-bottom2 {
    background: repeating-linear-gradient(90deg, #dfdfdf, 0.1em, transparent 0.1em, transparent 22em) rgb(239, 239, 239);
    padding-top: 40px;
    padding-bottom: 80px;
}
.m-bottom3 {
padding-top: 40px;
}
.blog-latest .m-bottom0, .pbottom .m-bottom0 {
    background: #f0f0f0;
    padding-top: 45px;
}
.about-block div {
    background-size: 25%;
}

/*FOR OCFILTER*/

#ocfilter {
    border: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ocfilter-option  {
    padding: 0;
    background: transparent;
    border: 0;
}
.selected-options {
    background: transparent;
    margin-bottom: 5px;
}
.selected-options i {
font-size: 10px;
}
.selected-options .btn-block {
    margin: 20px 0px;
}
#ocfilter .panel-heading, .ocf-option-values input {
  display: none !important;
}
#scale-price {
    margin: 20px 10px 45px 10px;
    height: 2px;
    border: 0;
    box-shadow: none;
}
.noUi-connect {
    background: black;
}
.noUi-background {
    background: red;
    box-shadow: none;
}
.noUi-horizontal .noUi-handle {
  width: 20px;
    height: 20px;
    box-shadow: none;
    background: black;
    border: 0;
    border-radius: 100%;
    top: -9px;
    left: -10px;
    cursor: e-resize;
}
.noUi-handle:after, .noUi-handle:before {
    height: 8px;
    left: 8px;
    top: 6px;
}
.noUi-handle:after {
    left: 11px;
}
.ocf-option-values input + span:before {
  position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: #dcdcdc;
}
.ocf-option-values input:checked + span:after {
    position: absolute;
    top: 4px;
    left: 4px;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: black;
    background-size: contain;
    -webkit-animation: click-wave 0.2s;
    -moz-animation: click-wave 0.2s;
    animation: click-wave 0.2s;
}
.ocf-option-values span {
    position: relative;
    padding: 1px 0px 0px 24px;
    cursor: pointer;
}
.ocfilter-option .ocf-color {
    margin-right: 7px;
}
.ocfilter-option .badge {
    background-color: #eee;
    color: #000000;
}
.ocfilter-mobile .panel {
    padding: 20px;
}

.flex-group {
    align-items: center;
}
.category-page .m-bottom {
    background: #eaeaea;
}
.ocf-offcanvas {
    z-index: 3;
}
.viewed img {
    filter: brightness(0.92);
}
@media (max-width: 767px){
.home-2 .madeshop-slide .item {
    height: auto;
}
  
.madeshop-slide .mtable {
display: flex;
flex-wrap: wrap;  
}
.slide-block {
order: 2;
    display: block;
    padding-top: 0 !important;
  }
  .mtable div {
    width: 100%;
}
.madeshop-slide .slick-slide img {
width: 50%;
    margin: 0 auto;
} 
 
}

/*footer .col-sm-3:nth-child(4) .list-unstyled {
display: none;
}*/

/* For simple */
/* MOBILE */
@media (max-width: 768px) {
    #simplecheckout_form_0 .simplecheckout {
        grid-template-columns: 1fr;
    }

    #simplecheckout_form_0 .simplecheckout > div {
        grid-column: 1 !important;
    }

    .simplecheckout .form-horizontal .form-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .simplecheckout .form-horizontal .control-label,
    .simplecheckout .form-horizontal .col-sm-8 {
        width: 100%;
    }
}
.radio label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
}

.radio input {
  position: absolute;
  opacity: 0;
}

/* круг */
.radio label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 50%;
}

/* точка */
.radio label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 50%;
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 50%;
  transform: translateY(-50%) scale(0);
  transition: 0.2s;
}

/* ✅ ОСЬ ГОЛОВНЕ */
.radio label:has(input:checked):after {
  transform: translateY(-50%) scale(1);
}
/* === NOVA POSHTA PRO STYLE (MadeShop) === */

#ocnp_novaposhta_area,
#ocnp_novaposhta_city,
#ocnp_novaposhta_warehouse {
    margin-bottom: 18px;
    position: relative;
}

/* label */
#ocnp_novaposhta_area label,
#ocnp_novaposhta_city label,
#ocnp_novaposhta_warehouse label {
    font-size: 12px;
    font-weight: 600;
    color: #777;
    margin-bottom: 6px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* select base */
#ocnp_novaposhta_area select,
#ocnp_novaposhta_city select,
#ocnp_novaposhta_warehouse select {
    width: 100%;
    height: 46px;
    padding: 0 40px 0 14px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    color: #333;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all 0.25s ease;
}

/* custom arrow */
#ocnp_novaposhta_area::after,
#ocnp_novaposhta_city::after,
#ocnp_novaposhta_warehouse::after {
    content: "›";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    font-size: 18px;
    color: #999;
    pointer-events: none;
}

/* hover */
#ocnp_novaposhta_area select:hover,
#ocnp_novaposhta_city select:hover,
#ocnp_novaposhta_warehouse select:hover {
    border-color: #ccc;
}

/* focus */
#ocnp_novaposhta_area select:focus,
#ocnp_novaposhta_city select:focus,
#ocnp_novaposhta_warehouse select:focus {
    border-color: #2e7dff;
    box-shadow: 0 0 0 3px rgba(46,125,255,0.08);
    outline: none;
}

/* animation */
#ocnp_novaposhta_city,
#ocnp_novaposhta_warehouse {
    display: none;
}

#ocnp_novaposhta_city.show,
#ocnp_novaposhta_warehouse.show {
    display: block !important;
    animation: fadeIn 0.25s ease;
}

@keyframes fadeIn {
    from {opacity: 0; transform: translateY(8px);}
    to {opacity: 1; transform: translateY(0);}
}

/* mobile fix */
@media (max-width: 768px) {
    #ocnp_novaposhta_area select,
    #ocnp_novaposhta_city select,
    #ocnp_novaposhta_warehouse select {
        height: 44px;
        font-size: 13px;
    }
}

.share_this {
  display: flex;
  justify-content: center; /* центрує по горизонталі */
  align-items: center;
  gap: 12px;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}

/* мобільна версія */
@media (max-width: 600px) {
  .share_this {
    flex-direction: column; /* одна під одною */
    align-items: stretch;   /* кнопки на всю ширину */
  }

  .social_share {
    justify-content: center;
    width: 100%;
  }
}

.social_share {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  transition: all 0.25s ease;
  color: #fff;
}

/* Facebook */
.social_share.fb {
  background: #1877f2;
}

.social_share.fb:hover {
  background: #0f5ed7;
  transform: translateY(-2px);
}

/* Instagram (градієнт) */
.social_share.ig {
  background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
}

.social_share.ig:hover {
  transform: translateY(-2px) scale(1.03);
}

/* іконки */
.social_share .icon {
  display: flex;
}

/* текст */
.social_share .text {
  white-space: nowrap;
}
.tiktok-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.tiktok-play:after {
  content: '';
  position: absolute;
  left: 22px;
  top: 18px;
  border-left: 20px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}