[data-bs-theme=dark] {
    --phoca-container-body-bg: #82715f;  
    --phoca-body-bg: #82715f;
    --phoca-body-bg-rgb: 130, 113, 95;
    --phoca-container-header-bg: #82715f;
    --phoca-container-overheadbar-bg: #82715f;
    --phoca-item-box-bg: #82715f;
    --phoca-container-footer-bg: #82715f;
    --phoca-container-footer-font-color: var(--phoca-container-body-font-color);
    --phoca-container-footer-link-color: var(--phoca-container-body-font-color);
    --phoca-color-secondary: #564e44;
    --phoca-tertiary-bg: #564e44;
    --phoca-dropdown-header-color: hsl(31deg 10.06% 53.59%);
    --dropdown-link-active-bg: rgb(166, 147, 126);
    --phoca-container-banner-bg: transparent;
    --ph-grey-bg:  transparent;
    --phoca-font-family-headings: "MTS Compact", sans-serif, arial;
    --phoca-body-font-family: "MTS Compact", sans-serif, arial;
    --phoca-info: #cbb49c;
    
    --my-btn-color: var(--phoca-container-body-font-color);
    --my-btn-bg: #82715f;
    --my-btn-border-color: #b3aaa1;
    --my-btn-hover-bg: #9d8c7a;
    --my-btn-hover-color: var(--phoca-container-body-font-color);
    --my-btn-hover-border-color: #191510;
    --my-btn-active-bg: #9d8c7a;
    --my-btn-active-border-color: #191919;
    --my-btn-disabled-bg: #82715f;
    --my-btn-disabled-border-color: #82715f;

}

[data-bs-theme=light] {
    --phoca-container-footer-bg: hsl(0, 0%, 100%);
    --dropdown-link-active-bg: #b2b2b3;
    --my-btn-bg: #dfe3e7;    
    --my-btn-border-color: #b6b8ba;
    --my-btn-hover-bg: #e3e5e6;
    --my-btn-hover-border-color: #191919;
    --my-btn-active-bg: #e3e5e6;
    --my-btn-active-border-color: #191919;
    --my-btn-disabled-bg: #dfe3e7;
    --my-btn-disabled-border-color: #dfe3e7;
    
}
/*.btn-secondary {
  --phoca-btn-color: hsl(0, 0%, 100%);
  --phoca-btn-bg: #252525;
  --phoca-btn-border-color: #252525;
  --phoca-btn-hover-color: hsl(0, 0%, 100%);
  --phoca-btn-hover-bg: #1f1f1f;
  --phoca-btn-hover-border-color: #1e1e1e;
  --phoca-btn-focus-shadow-rgb: 70, 70, 70;
  --phoca-btn-active-color: hsl(0, 0%, 100%);
  --phoca-btn-active-bg: #1e1e1e;
  --phoca-btn-active-border-color: #1c1c1c;
  --phoca-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --phoca-btn-disabled-color: hsl(0, 0%, 100%);
  --phoca-btn-disabled-bg: #252525;
  --phoca-btn-disabled-border-color: #252525;
}*/
.btn-secondary {
    color: var(--phoca-container-body-font-color);
    background-color: var(--phoca-container-body-bg);
    border-color: transparent;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:first-child:active {
  color: var(--phoca-container-body-font-color);
  background-color: transparent;
  border-color: transparent;
}

.btn-primary {
    color: var(--phoca-container-body-font-color);
    background-color: var(--phoca-container-body-bg);
    border-color: #f0f0f0;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:first-child:active {
  color: var(--phoca-container-body-font-color);
  background-color: var(--phoca-container-body-bg);
}

[data-bs-theme=dark] .btn-primary:not(.container-footer .btn-primary):not(.btn-primary.phItemSwitchLayoutType), [data-bs-theme=dark] .phModParticlesButton:not(.container-banner .phModParticlesButton) {
    color: var(--phoca-container-body-font-color);
    background-color: var(--phoca-container-body-bg);
    border: 1px solid #f0f0f0;
}

.btn.btn-primary .pc-si, .btn.btn-secondary .pc-si {
    stroke: var(--phoca-container-body-font-color);
}

.dropdown-menu {
      --phoca-dropdown-link-active-bg: var(--dropdown-link-active-bg);
      --phoca-dropdown-bg: var(--phoca-container-body-bg);
}

.modal {
    --phoca-modal-color: var(--phoca-container-body-font-color);
    --phoca-modal-bg: var(--phoca-container-body-bg);
    --phoca-modal-border-color: var(--phoca-border-color-translucent);
    --phoca-modal-box-shadow: var(--phoca-box-shadow-sm);
    --phoca-modal-header-border-color: var(--phoca-border-color);
    --phoca-modal-header-border-width: var(--phoca-border-width);
    --phoca-modal-footer-bg: ;
    --phoca-modal-footer-border-color: var(--phoca-border-color);
    --phoca-modal-footer-border-width: var(--phoca-border-width);
}

.pc-si {
    stroke: #3d3233;
}

.btn-success {
    --phoca-btn-color: var(--my-btn-color);
    --phoca-btn-bg: var(--my-btn-bg);
    --phoca-btn-border-color: var(--my-btn-border-color);
    --phoca-btn-hover-color: var(--my-btn-hover-color);
    --phoca-btn-hover-bg: var(--my-btn-hover-bg);
    --phoca-btn-hover-border-color: var(--my-btn-hover-border-color);
    --phoca-btn-active-color: var(--phoca-container-body-font-color);
    --phoca-btn-active-bg: var(--my-btn-active-bg);
    --phoca-btn-active-border-color: var(--my-btn-active-border-color);
    --phoca-btn-disabled-color: var(--phoca-container-body-font-color);
    --phoca-btn-disabled-bg: var(--my-btn-disabled-bg);
    --phoca-btn-disabled-border-color: var(--my-btn-disabled-border-color);
}

.btn .pc-si {
    stroke: var(--phoca-container-body-font-color);
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --phoca-offcanvas-color: var(--phoca-container-body-font-color);
    --phoca-offcanvas-bg: var(--phoca-container-body-bg);
}

.ph-row-flex.grid .row-item .ph-item-box {
    margin-bottom: .5em;
    border: 1px solid #f0f0f0;
    border-radius: .75em;
    background-color: var(--phoca-item-box-bg);
    box-shadow: var(--phoca-item-box-shadow);
    transition: box-shadow .2s;
    padding: .5em;
}

/*.container-header {
    background-color: transparent;
}*/

[data-bs-theme=light] element.style {
    color: #000000;
}

[data-bs-theme=dark] .ph-checkout-box-status-finished .ph-checkout-box-action, .ph-checkout-box-status-pending .ph-checkout-box-action {
    background: var(--phoca-container-body-bg);
}

[data-bs-theme=dark] .ph-account-box-header, .ph-account-box-header-pas, .ph-checkout-box-header, .ph-checkout-box-header-pas {
    background-color: var(--phoca-container-body-bg);
}

[data-bs-theme=dark] input:-internal-autofill-selected {
    background-color: #665849;
}

[data-bs-theme=dark] .ph-payment-title-box label, .ph-shipping-title-box label, .ph-checkout-payment-item, .ph-checkout-shipping-item {
    background: #82715f;
    border: 1px solid #ced4da;
}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
    width: 50%;
    min-width: 30%;
}

.phProductScrollerModuleBox .ph-item-box h3 {
    font-size: calc(0.8rem + .8vmin);
}

.h4, h4 {
    font-size: calc(1.1rem + .28vw);
}

.ph-category-price-box .ph-price-txt {
    display: none;
}

.phProductScrollerModuleBox .ph-item-box .ph-category-price-box div {
    margin-top: 7px;
}

.ph-category-price-box .ph-price-original, .ph-item-price-box .ph-price-original {
    color: #3d3233;
}

.ph-cart-module-box .btn sup {
    background: #3d3233;
    color: var(--phoca-color-primary);
}

.ph-cart-count-sup {
    border-radius: 20%;
}

.ph-item-content.grid .ph-stars-box {
    display: none;
}

.container-footer {
    color: var(--phoca-container-footer-font-color);
}

.container-footer a {
    color: var(--phoca-container-footer-font-color);
}

.fade-in {
    width: 100%;
  opacity: 0; /* начальное значение непрозрачности */
  animation: fadeIn ease-in 1; /* добавляем анимацию fadeIn */
  animation-fill-mode: forwards; /* будет видимым после завершения анимации */
  animation-duration: 10s; /* длительность анимации в 1 секунду */
  font-size: 1.5em;
  font-size: 8.3vmax;
  line-height: 12vh;

}


@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.streich p {
    resize: horizontal;
    min-width: 32px;
    font-size: clamp(8px, 4.5cqw, 22px);
    margin: 0 auto;
    padding: 8px;
/*    font-size: 1.0em;
    font-size: 3.3vw;
    line-height: 8vh;  */
    text-align: center;
    margin-bottom: 0;
    font-weight: bold;
}

.home-button { font-size: calc(1.0rem + 1.0vw);}

.cont {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
}


@media only screen and (min-width: 0px) and (max-width: 768px) {
  .cont {
    flex-wrap: wrap;
  }
  .footer-cell {
    min-width: 80%;
    display: block;
    align-items: top;
  }
}

@media only screen and (min-width: 768px) and (max-width: >5000px) {
  .footer-cell {
    flex: 0 0 25%;
    display: block;
    align-items: top;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }
  
body{font-family: 'MTS Compact'; font-weight: normal;}
h1, h2, h3, h4, h5, h6{font-family: 'MTS Compact';font-weight: bold;}

ol.politika {
  list-style: none; 
  counter-reset: li; 
   margin-bottom: 10px;
}
ol.politika > li:before {
  counter-increment: li; 
  content: counters(li,".") ". "; 
   margin-bottom: 8px;
 
}
ol.politika li {
   margin-bottom: 8px;
  margin-top: 10px;
}
ul.polit {
  list-style: none; 
  counter-reset: li; 
   margin-bottom: 8px;
}
ul.politika > li:before {

   list-style: none; 
   margin-bottom: 8px;
}

ul.polit li {
   list-style-type: circle; 
    margin-bottom: 8px;
}