:root {
--default-margin: 0;
--stark-std-border: 10px;
}

.no-scroll {
    overflow: hidden;
}

html {
    margin: var(--default-margin) !important;
    scrollbar-width: thin;
    scrollbar-color: #555 #222;
}

body {
    margin: var(--default-margin);
    background: #f9f8fb;
    display: grid;
    grid-template-columns: 1fr;
    min-height: 100vh;
    align-items: start;
    grid-template-rows: min-content auto min-content;
}

body.sf-mobile:after {
    content: '';
    height: 70px;
}

a {
    text-decoration: none;
}

video {
    outline: none;
    border: none;
    background-color: transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
button:focus,
button {
  outline: none !important;
  border: 0;
  background: transparent;
}

* {
  -webkit-tap-highlight-color: transparent;
}


.site-header.sf-head-fixed {
    position: fixed !important;
}

.swiper-slide-active img {
    z-index: 99 !important;
}


/* Для Chrome, Safari, Edge */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Для Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media screen and (min-width: 901px) {
    #primary {
        
        main {
            margin: 1em 2em;
            max-width: 1920px;
            width: calc(100% - 4em);
            justify-self: center;
        }
    }
}

@media screen and (max-width: 900px) {
    #primary {
        width: 100%;
        justify-self: center;
        margin-bottom: 1em;
        
        main  {
            width: calc(100% - 2em);
            margin: 1em 1em;
            max-width: 1920px;

        }
    }
    
    .sf-page-content {
        gap: 0.35em !important;
        
    .content {
        gap: 0.35em !important;
    }
    
    }

    }
}

@media screen and (max-width: 900px) {
    
.is-product-category.is-archive .site-main, .is-shop.is-archive.is-search .site-main  {
    gap: 0.35em;
}

.layout.is-product #primary {
    margin: 0 !important;
    width: 100% !important;
    
main {
    width: 100%;
    margin: unset !important;
    max-width: 1920px;
}
}
}


@media (max-width: 900px) {

.sf-filter-block {
    display: none;
}

}

.hide {
  display: none !important;
}

.is-search nav.woocommerce-breadcrumb {
    display: none;
}

.sf-loader {
  text-align: center;
  padding: 2rem;
  position: fixed;
    background: #00000075;
    border-radius: 20px;
    backdrop-filter: blur(4px);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
}

.sf-spinner {
  width: 40px;
  height: 40px;
  border: 5px solid #ddd;
  border-top-color: #333;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin: 0 auto;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

@media screen and (max-width: 900px) {
    nav.woocommerce-breadcrumb {
        display: none;
    }
    
    .main-title-cont h1 {
    font-size: 24px !important;
}
}

.air-datepicker-global-container {
    z-index: 999;
}

[hidden] {
    display: none !important;
}

.sf-main-page > img {
    width: calc(100% + 4em);
    position: relative;
    left: -2em;
    top: -1em;
}

.sf-hidden {
    display: none !important;
}

:root{
  --bg:#0b0f14;
  --card-bg:rgba(255,255,255,0.06);
  --card-bg-2:rgba(255,255,255,0.02);
  --text:#E7ECF3;
  --radius:20px;
  --blur:16px;
  --border-w:2px;
}
    

@keyframes rotate{ to{ transform: rotate(1turn); } }
    
    
.ig-card { position: relative; }
.ig-card .ig-badge {
  position:absolute; right:8px; top:8px;
  background:rgba(0,0,0,.6); color:#fff; padding:2px 6px;
  border-radius:999px; font-size:12px; line-height:1;
}
